/*
Theme Name: BUILDWELL HEALTH
Theme URI: http://xxx.com/
Template: builder
Version: 3.4
Updated: 10/10/2024
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Builder with drag and drop elements using wireframe kit design.
Tags: wordpress, bootstrap, wireframe, acf
*/

/*------------------------------------------
    #MARK: REMOVE
------------------------------------------*/
/* #region */

/* .mh { 
    min-height: 2000px; 
} */

/* body:not(.wp-admin) {
    background: url(upload/FAQs.png) top center no-repeat;
}

body:not(.wp-admin) main, body:not(.wp-admin) .ff-cta, body:not(.wp-admin) .footer-0  {opacity: .5;} */

body:not(.wp-admin) main {overflow: hidden;}
/* #endregion */

/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

:root {
    --font-size-24: 24px;
    --font-size-20:20px;
    --font-size: 18px;
    --font-size-16: 16px;
    --font-size-15: 15px;
    --font-size-13: 13px;
    --font-1: 'Poppins';
    --font-2: 'Lato';

    --color0: #fff;
    --color1: #F4F4F4;

    --primary-color1: #FFB600;
    --primary-color1-btn: #EAC44E;
    --primary-color2: #3C7C44;
    --primary-color2-btitle: #48834F;
    --count-up: #63C36F;    
    --primary-color3: #11363A;
    --primary-color3-h2: #11363A;
    --primary-color3-h3: #174449;
    --secondary-color1: #0D2C30;
    --secondary-color2: #2A4656;
    --secondary-color3: #7A7A7A;
    --secondary-color3-ititle: #C2C2C2;

    --h1: 64px;
    --h2: 40px;
    --h2-2: 32px;
    --h3: 26px;
    --h4: 22px;
    --h5: 24px;
    --h6: 18px;

    --btitle-hero: 20px;
    --atitle: 20px;

    --header:16px;
    --btn:16px;
    --btitle:16px;

    --a: #DDA15E;
    --hover: #63C36F;       

    --darktitle:white;
    --darktext:rgba(255, 255, 255, 0.70);
}

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */
.element[data-theme="dark"] {background-color: unset;}

.element .logo-overlay {max-width: 420px; max-height: 420px; top: 14px; left: -165px; z-index: 3; background-image: url(images/overlay/logo-overlay.svg); background-size: contain;} 
.element .logo-overlay-iphero {max-width: 320px; max-height: 320px; top: 14px; left: -165px; z-index: 3; background-image: url(images/overlay/logo-overlay.svg); background-size: contain;} 
.element .logo-overlay-2 {max-width: 292px; max-height: 292px; top: 20px; left: -140px; z-index: 3; background-image: url(images/overlay/logo-overlay.svg); background-size: contain;} 
.element .logo-overlay-right {max-width: 364px; max-height: 359px; top: -180px; left: unset; right: -48px; z-index: 3; background-image: url(images/overlay/logo-overlay.svg); background-size: contain;} 
.element .hero-opt {padding-left: 0;padding-right: 0;}

.element .btitle {
    color: var(--primary-color2-btitle);
    font-family: var(--font-2);
    font-size: var(--btitle);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.element h1 {
    color: var(--color0);
    font-family: var(--font-1);
    font-size: var(--h1);
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 64px */
}

.element h2 {
    color: var(--primary-color3-h2);
    font-family: var(--font-1);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 44px */
}

.element h3 {
    color: var(--primary-color3-h3);
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 28.6px */
}

.element .ptext, .element .dtext, .element .dtext p {
    color: var(--secondary-color3);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.element .btn-loop {margin-top: 40px;}
.element .abtn-loop {margin-top: 26px;}

.element .col-info, .element .dinfo {line-height: 1;}

.element[data-theme="dark"] .btitle {color: var(--darktitle);}
.element[data-theme="dark"] .dtext p {color: var(--darktext);}

/* .contact-page main {background-color: #0d2d31;} */
.contact-page .ff-cta, .contact-page .footer-0 {display: none;}
/* #endregion */

.bg-center-top .bg-img {
    background-position: center top;
}
/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */

.element .btn span, .element .d-link span {
color: var(--color0);
font-family: var(--font-1);
font-size: var(--btn);
font-style: normal;
font-weight: 600;
line-height: 120%; /* 19.2px */
}

/*BTN W/ ICON*/
.element .btn.w-icon span::before {display: none;}
.element .btn.w-icon {padding: 15px 25px; border-radius: 3px 10px; background-color: var(--primary-color1);position: relative;overflow: hidden; border: none;}
.element .btn.w-icon::after {content: ""; background-color: var(--hover); position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); transition: all 0.3s;width: 0; height: 0; display: block;}
.element .btn.w-icon:hover::after {width: 110%; height: 110%;}
.element .btn[data-icon="pre"] img {max-width: 21px; margin-top: 0;margin-right: 10px; z-index: 1;}

/*BTN W/ ICON - YELLOW*/
.element.btn-icon-yellow .btn.w-icon span {color: var(--primary-color1-btn); position: relative;}
.element.btn-icon-yellow .btn.w-icon span::before {display: none;}
.element.btn-icon-yellow .btn.w-icon {padding:0; border-radius: 0; background-color: transparent ;position: relative;overflow: visible;}
.element.btn-icon-yellow .btn.w-icon::after {display: none;}
.element.btn-icon-yellow .btn.w-icon::after { content: "";display: block; position: absolute;top: unset; bottom: -8px;left: 50%;transform: translateX(-50%);height: 2px;width: 0;background: var(--primary-color1-btn);transition: all 0.3s;}
.element.btn-icon-yellow .btn.w-icon:hover::after {width: 100%;}
.element.btn-icon-yellow .btn[data-icon="pre"] img {max-width: 21px; margin-top: 0;margin-right: 10px; z-index: 1;}

/*LINK TEXT*/
.element .link-text span {color: var(--primary-color1); text-transform: uppercase; position: relative; transition: all 0.3s;}
.element .link-text:hover span {color: var(--hover);}
.element .link-text span::after {content: "";position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);height: 2px;width: 0;background: var(--hover);transition: all 0.3s;}
.element .link-text span:hover::after {width: 100%;}

/*BTN 1*/
.element .btn-1 {padding: 15px 25px; border-radius: 3px 10px ; background-color: var(--primary-color1); border: none;}
.element .btn-1::after {background-color: var(--hover);}

/*BTN 1 - GFORM BUTTON*/
.element .gform .gform-theme--framework .gform-footer  {align-items: center;}
.element .gform .gform-theme--framework .gform-footer  button.btn.gform_button {all: unset; padding: 10px 23px; border-radius: 3px 10px ; background-color: var(--primary-color1); border: none; position: relative; overflow: hidden; height: fit-content;}
.element .gform .gform-theme--framework .gform-footer  button.btn.gform_button::after {content: ""; display: block;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);height: 0;width: 0;transition: .3s;border-radius: 3px;background-color: var(--hover);}
.element .gform .gform-theme--framework .gform-footer  button.btn.gform_button:hover::after {width: 110%; height: 110%;}

.element .btn.gform_button span {
color: var(--color0);
font-family: var(--font-1);
font-size: var(--btn);
font-style: normal;
font-weight: 600;
line-height: 120%; /* 19.2px */
}

/* #endregion */

/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */
/* .header[data-sticky="sticky"].sticky-head {position: relative;} */

.navbar-brand {
    width: 100%;
    max-width: 303px;
}

.contact-page .navbar-brand {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}

header .menu_wrap {
    padding: 30px 0;
    background-color: var(--color0);
}

.contact-page header .menu_wrap {background-color: transparent;}
.contact-page header.sticky-head .menu_wrap {background-color: var(--secondary-color1); padding: 15px 0;}
.contact-page header .menu_wrap .container-xl {position: relative;}
.contact-page header .menu_wrap .container-xl::after {content: ""; position: absolute; height: 1px ; background: rgba(217, 217, 217, 0.30); width: calc(100% - 30px); bottom: -31px;}
.contact-page header.sticky-head .menu_wrap .container-xl::after {opacity: 0;}


.contact-page header .mobile-menu {background-color: var(--secondary-color1);}
/* #endregion */

/*------------------------------------------
    #MARK: MENUS
------------------------------------------*/
/* #region */
.navbar-collapse {justify-content: flex-end;}

.main-menu .navbar-nav, #navbar-home .navbar-nav {
    gap: 35px;
}

.main-menu .navbar-nav .dropdown-toggle::after {display: none;}

.main-menu .navbar-nav  .nav-link {
    padding: 0;
}

.main-menu .navbar-nav .dropdown-menu {top: calc(100% - 1px); position: absolute; border: none; border-radius: 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);}
.mobile-menu .main-menu .navbar-nav .dropdown-menu {top: calc(100% + 1px); position: relative;}
.mobile-menu .menu-item {border-bottom: none;}

header .dropdown-menu .menu-item .dropdown-item {padding: 10px;}

.main-menu .nav-link span, header .dropdown-menu .menu-item .dropdown-item span, .footer-0 .dropdown-menu .menu-item .dropdown-item span {
    position: relative;
    color: var(--secondary-color1);
    font-family: var(--font-1);
    font-size: var(--header);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    transition: all 0.3s;
}

.mobile-menu .navbar-nav {gap: 10px;}

.footer-0 .main-menu .nav-link span, .contact-page .main-menu .nav-link span {color: var(--color0); text-wrap: nowrap;}

.main-menu .nav-link span::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 0;
    background: var(--hover);
    transition: all 0.3s;
}

.main-menu .menu-item {
    /* padding */
}

.main-menu .menu-item.active .nav-link span,
.main-menu .menu-item .nav-link:hover span, 
header .dropdown-menu .menu-item:hover .dropdown-item span,
header .dropdown-menu .menu-item.active .dropdown-item span,
.footer-0 .dropdown-menu .menu-item:hover .dropdown-item span,
.footer-0 .dropdown-menu .menu-item.active .dropdown-item span  {
    color: var(--hover);
}

.main-menu .menu-item.active .nav-link span::after,
.main-menu .menu-item .nav-link:hover span::after {
    width: 100%;
}

header .dropdown-menu .menu-item .dropdown-item span {

}

.footer-0 .dropdown-menu .sep {display: none;}

.contact-page header .dropdown-menu .menu-item .dropdown-item {background-color: #fff; opacity: 1;}
.contact-page header .dropdown-menu .menu-item .dropdown-item:hover {background-color: #ccc;}

header .mobile-menu .m-toggler {background-color: var(--primary-color3); opacity: 1;}
.contact-page header .mobile-menu .m-toggler {background-color: var(--primary-color1); opacity: 1;}

.contact-page .mobile-menu .menu-oc-right.closer svg {width: 30px; max-height: 30px;}

.contact-page .mobile-menu .menu-oc-right.closer, .contact-page header .menu-oc-right.opener {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}

/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */
.poster-cta .wrap {padding-top: 100px; padding-bottom: 100px;}
.poster-cta .shape1 {max-width: 55.90277777777778%; background: linear-gradient(90deg, #090909 53.16%, rgba(0, 0, 0, 0.00) 100%);}
.poster-cta .shape2 {max-width: 57.29166666666667%; background: linear-gradient(90deg, #0D2D31 50.28%, rgba(13, 45, 49, 0.00) 100%);}
.poster-cta .dinfo {max-width: 530px;}
.poster-cta .dtext {margin-top: 20px;}

/* .poster-cta.new-bg {display: none;}
.cta-newbg .poster-cta {display: none;}
.cta-newbg .poster-cta.new-bg {display: block;}  */


.newsletter-cta .col-md-9 {display: flex; align-items: center;}
.newsletter-cta .wrap {padding-top: 22px;padding-bottom: 26px; background: #0D2D31;}
.newsletter-cta .bg-color {background-color:rgba(72, 131, 79, 0.30);}
.newsletter-cta .gform {max-width: 787px; display: block; margin: auto; margin-right: 0; width: 100%;}
.newsletter-cta .gform .gform_heading {display: none;}
.newsletter-cta .gform #gform_1 {display: flex; gap: 30px;}
.newsletter-cta .gform .gform_body {width: 100%;}
.newsletter-cta .gform .gform_body .gform_fields {column-gap: 30px;}
.newsletter-cta .gform .gform_body .gform_fields .gfield_label { color: #C2C2C2; font-family: var(--font-1); font-size: var(--font-size-13); font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 10px;}
.newsletter-cta .gform .gform_body .gform_fields .gfield_label .gfield_required {color: var(--primary-color1);}
.newsletter-cta .gform .gform_body .gform_fields .ginput_container input {margin: 0;padding: 0;vertical-align: top; display: inline-table; border: none; background-color: transparent; border-radius: 0; outline: none; min-block-size: 18px; color: #C2C2C2; font-family: var(--font-1); font-size: var(--font-size-13); font-style: normal; font-weight: 400; line-height: 140%; border-bottom: 1px solid rgba(217, 217, 217, 0.60); max-height: 18px; padding-bottom: 5px;}
.newsletter-cta .gform .gform_body .gform_fields .gfield_error .ginput_container input { border-bottom-color: red; }
body .newsletter-cta .gform-theme--framework .gfield_validation_message:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .newsletter-cta .gform-theme--framework .gform_validation_errors {
    display: none;
}
body .newsletter-cta .gform-theme--foundation .gform-loader {
    position: absolute;
    right: -10px;
}
.newsletter-cta .gform-theme--foundation .gform_footer {margin-block-start: 0;}
.element .gform .gform-theme--framework .gform-footer button.btn.gform_button {
    cursor: pointer;
}

.newsletter-cta .btitle {
    color: var(--color0);
    font-family: var(--font-1);
    font-size: var(--font-size-13);
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 14.3px */
    letter-spacing: 1.3px;
    margin-bottom: 0;
    text-transform: none;
}
.newsletter-cta h2.mtitle {
    color: var(--color0);
    font-family: var(--font-1);
    font-size: var(--h2-2);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 35.2px */
}

.footer-0 .wrap {padding-top: 60px;padding-bottom: 34px; background: #0D2D31;}
.footer-0 .line-top {opacity: 0.3;background: rgba(217, 217, 217, 0.30); margin-top: 40px;margin-bottom: 50px;}
.footer-0 .line-bottom {opacity: 0.8;background: #EAC44E; margin-top: 50px;margin-bottom: 30px;}

.footer-0 .main-menu{width: 100%;}
.footer-0 .main-menu .navbar-nav,
.footer-0 #navbar-home .main-menu .navbar-nav {flex-direction: row; justify-content: space-between; gap: 30px;}
.footer-0 .main-menu .navbar-nav li {position: relative;}
.footer-0 .main-menu .navbar-nav .sep {color: rgba(255, 255, 255, 0.30);font-family: var(--font-1);font-size: var(--font-size-16);font-style: normal;font-weight: 600;line-height: 100%;margin-top: 5px;}

.footer-0 .dmid-contact {justify-content: space-between;}
.footer-0 .navbar-brand {max-width: 370px;}
.footer-0 .contact-soc-container {justify-content: flex-start; column-gap: 50px; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.footer-0 .contact-list {column-gap: 70px; max-width: 376px; width: 100%; justify-content: space-between;}
.footer-0 .contact-list .ssc {align-items: center;}
.footer-0 .contact-list .ssc img.sc-icon {height: 24px; filter: brightness(0) saturate(100%) invert(72%) sepia(40%) saturate(3187%) hue-rotate(358deg) brightness(106%) contrast(106%);;}
.footer-0 .contact-list .ssc a span {
    color: var(--color0);
    font-family: var(--font-2);
    font-size: var(--font-size-13);
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 15.6px */
}
.footer-0 .contact-list .ssc a:hover span {
    color: var(--hover);
}
.footer-0 .social-icons {gap: 20px;}
.footer-0 .social-icons .soc-link {background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.20); position: relative; overflow: hidden;}
.footer-0 .social-icons .soc-link::before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; width: 0; height: 0; transition: all 0.3s; background-color: var(--hover);}
.footer-0 .social-icons .soc-link:hover::before {width: 110%; height: 110%;}
.footer-0 .social-icons .soc-link img {max-height: 13.14px; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(125deg) brightness(103%) contrast(103%); opacity: 1;}

.footer-0 .copyright div, .footer-0 .copyright div span {
    color: rgba(194, 194, 194, 0.70);
    font-family: var(--font-2);
    font-size: var(--font-size-13);
    font-style: normal;
    font-weight: 400;
    line-height: normal;    
}
/* #endregion */

/*------------------------------------------
    #MARK: HERO SLDIER 01
------------------------------------------*/
/* #region */
.heroslider-01 .color {max-width: 66.1805%; background: linear-gradient(90deg, var(--secondary-color1) 20.57%, rgba(13, 44, 48, 0.00) 100%);z-index: 2;}
.heroslider-01 .container-xl {z-index: 3;}
.heroslider-01 .dinfo {max-width: 607px;}
.heroslider-01 .btitle {
    font-size: var(--btitle-hero);
    color: var(--primary-color1);
    font-family: var(--font-2);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 20px */
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 0;
}
.heroslider-01 .dtext {max-width: 469px; margin-top: 30px;}
.heroslider-01 .dtext p {
    color: rgba(255, 255, 255, 0.80) !important;
    font-family: var(--font-2);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO OPT 01
------------------------------------------*/
/* #region */
.heroopt-01 .wrap {min-height: 300px;}

.heroopt-01.design1 .wrap {background-color: #0D2C30;}
.heroopt-01.design1 .bg-img {max-width: 87.15278%; left: unset; right: 0;}

.heroopt-01.design1 .color1 {background: linear-gradient(90deg, #0D2C30 19.85%, rgba(13, 44, 48, 0.00) 100%);}
.heroopt-01.design1 .color2 {background: linear-gradient(90deg, #0D2C30 19.85%, rgba(13, 44, 48, 0.00) 100%);}

.heroopt-01.design2 .color {background: linear-gradient(180deg, rgba(13, 44, 48, 0.00) 0%, rgba(13, 44, 48, 0.70) 100%); top: unset; bottom: 0;}

/* #endregion */

/*------------------------------------------
    #MARK: CARDS 01
------------------------------------------*/
/* #region */
.cards-01 .dimage {aspect-ratio: 1/1; height: auto; margin-bottom: 26px; border-radius: 50px 5px 50px 5px;}
.cards-01 .ititle{position: relative;padding-left: 18px;}
.cards-01 .ititle::before {content: ""; position: absolute; display: block;top: 10px; left: 0; width: 8px;height: 8px;background-color: var(--primary-color3-h3);}
.cards-01 .dtext {margin-top: 14px; max-width: 324px;}


/* #endregion */

/*------------------------------------------
    #MARK: COL CTA 01
------------------------------------------*/
/* #region */


/* #endregion */

/*------------------------------------------
    #MARK: COL CTA 02
------------------------------------------*/
/* #region */
.cta-02 .iwrap {border-radius: 10px 50px;}
.cta-02 .color1 {border-radius: 10px 50px; background: linear-gradient(90deg, #174449 36.01%, rgba(23, 68, 73, 0.00) 100%); max-width: 60.2564%;}
.cta-02 .color2 {border-radius: 10px 50px; background: linear-gradient(90deg, #174449 41.54%, rgba(23, 68, 73, 0.00) 100%); max-width: 70.94%;}

.cta-02 .dinfo {max-width: 600px; margin-left: 80px;}
.cta-02 .btn-loop {column-gap: 60px;margin-top: 30px;}
/* #endregion */

/*------------------------------------------
    #MARK: TITLE OPT 01
------------------------------------------*/
/* #region */
.titleopt-01 .dtext{ margin-top: 23px;}
.titleopt-01 h1 {color: var(--secondary-color1);}
/* #endregion */

/*------------------------------------------
    #MARK: ICONS SLIDER 01
------------------------------------------*/
/* #region */
.iconslider-01 .nav-btns-mobile {display: none;}

.iconslider-01 .div-link {border-radius: 50px 10px; border: 1px solid rgba(217, 217, 217, 0.60); background: #FFF; box-sizing: border-box; min-height: 415px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; text-align: center;}

.iconslider-01 .diconn {max-width: 80px; height: auto; aspect-ratio: 1/1; background:rgba(217, 217, 217, 0.20); border-radius: 80px; margin-bottom: 25px;}
.iconslider-01 .diconn img{ max-height: 40px; width: auto;}

.iconslider-01 .dtext {margin-top: 25px;}
.iconslider-01 .dtext p {font-size: var(--font-size-15);}

.iconslider-01 .link-more {margin-top: 35px;}

.iconslider-01 .owlbtn {top: 60%;}
.iconslider-01 .owlbtn.owlprev {transform: translateY(-50%) translateX(-100%);left: -30px;} 
.iconslider-01 .owlbtn.owlnext {transform: translateY(-50%) translateX(100%);right: -30px;} 
.iconslider-01 .owlbtn .hover {position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.03s;}
.iconslider-01 .owlbtn:hover .hover {opacity: 1;}

/* #endregion */

/*------------------------------------------
    #MARK: COL CTA 01
------------------------------------------*/
/* #region */
.cta-01 .overlay.main {overflow: hidden;}
.cta-01 .bg-img {max-width: calc(50% + 585px); border-radius: 0px 50px 10px 0px; background-position: center right;}
.cta-01 .color1 {max-width: calc(50% + 235.5px); background: linear-gradient(90deg, #174449 33%, rgba(23, 68, 73, 0.00) 100%);}
.cta-01 .color2 {max-width: calc(50% + 337.5px); background: linear-gradient(90deg, #174449 29%, rgba(23, 68, 73, 0.00) 100%);}
.cta-01 .color3 {max-width: calc(50% + 223.5px); background: linear-gradient(90deg, #174449 33%, rgba(23, 68, 73, 0.00) 100%);}
.cta-01 .dinfo {max-width: 570px;}
.cta-01.dinfo-600 .dinfo {max-width: 600px;}
.cta-01 .dtext {margin-top: 20px;}
.cta-01 .dtext p {margin-bottom: 27px;}



.cta-01.semi-width-right .overlay.main {max-width: calc(50% + 585px); border-radius: 50px 0px 0px 10px; left: unset; right: 0; overflow: hidden;}
.cta-01.semi-width-right .bg-img {max-width: 100%; border-radius: 0; background-position: center right;}
.cta-01.semi-width-right .color1 {max-width: calc(50% + 292.5px); background: linear-gradient(90deg, #174449 22.89%, rgba(23, 68, 73, 0.00) 100%);}
.cta-01.semi-width-right .color2 {max-width: calc(50% + 183.5px); background: linear-gradient(90deg, #174449 23.59%, rgba(23, 68, 73, 0.00) 100%);}
.cta-01.semi-width-right .color3 {display: none;}
.cta-01.semi-width-right .dinfo {max-width: 520px; margin-left: 80px;}

.cta-01.full-width .bg-img {max-width: 100%; border-radius:0 ; background-position: center right;}
.cta-01.full-width .color1 {max-width: 75.625%; background: linear-gradient(90deg, #174449 22.65%, rgba(23, 68, 73, 0.00) 100%);}
.cta-01.full-width .color2 {max-width: 60.2083%; background: linear-gradient(90deg, #174449 23.45%, rgba(23, 68, 73, 0.00) 100%);}
.cta-01.full-width .color3 {display: none;}
.cta-01.full-width .dinfo {max-width: 470px;}
.cta-01.full-width .dtext {margin-top: 35px;}

.cta-01.semi-width-left.custom-ol .overlay.color1 {max-width: calc(50% + 110px); background: linear-gradient(90deg, #174449 28%, rgba(23, 68, 73, 0.00) 100%);}
.cta-01.semi-width-left.custom-ol .overlay.color2 {max-width: calc(50% + 124px); background: linear-gradient(90deg, #174449 0%, rgba(23, 68, 73, 0.00) 100%);}
.cta-01.semi-width-left.custom-ol .overlay.color3 {max-width: calc(50% + 41px); background: linear-gradient(90deg, #174449 0%, rgba(23, 68, 73, 0.00) 100%);}
.cta-01.semi-width-left.custom-ol .overlay.color4 {max-width: calc(50% + 96px); background: linear-gradient(90deg, #174449 0%, rgba(23, 68, 73, 0.00) 100%);}


/* #endregion */

/*------------------------------------------
    #MARK: COL CTA QUOTE SLIDER 01
------------------------------------------*/
/* #region */
.cta-qslider-01 .bg-img {max-width: calc(50% + 585px); border-radius: 0px 10px 50px 0px; background-position: center right;}
.cta-qslider-01 .color1 {max-width: calc(50% - 24px); background: linear-gradient(90deg, #174449 59.34%, rgba(23, 68, 73, 0.00) 100%);}
.cta-qslider-01 .color2 {max-width: calc(50% + 25px); border-radius: 0px 10px 50px 0px; background: linear-gradient(90deg, #174449 0%, rgba(23, 68, 73, 0.00) 100%);}
.cta-qslider-01 .dinfo {max-width: 445px;}

.cta-qslider-01 .owl-carousel {margin-top: 50px;}
.cta-qslider-01 .review p {
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: italic;
    font-weight: 500;
    line-height: 150%; /* 27px */
}
.cta-qslider-01 .user {
    margin-top: 30px;
    color: var(--secondary-color3-ititle);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
}
/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 01
------------------------------------------*/
/* #region */
.rowmedia-01 .dinfo {max-width: 500px; display: block;}
.rowmedia-01.dinfo-450 .dinfo {max-width: 450px; display: block;}
.rowmedia-01 [data-rtl="0"] .dinfo {margin-left: auto;}
.rowmedia-01 .dtext {margin-top: 20px;}

.rowmedia-01 img {border-radius: 10px 50px 10px 50px;}
.rowmedia-01.reverse-border img, .rowmedia-01 [data-rtl="1"] img {border-radius: 50px 10px;}
.rowmedia-01.reverse-border [data-rtl="1"] img {border-radius: 10px 50px;}

.testimonials .rowmedia-01 img {max-width: 500px;}
.testimonials .rowmedia-01 [data-rtl="1"] img {margin-left: auto; display: block;}
.testimonials .rowmedia-01 .dinfo {max-width: 570px;}

.rowmedia-01.testimonial-text .dtext p {
    color: var(--secondary-color3);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: italic;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.rowmedia-01 ul {padding-left: 18px; list-style-type: none;}
.rowmedia-01 ul li {position: relative;}
.rowmedia-01 ul li::before {content: ""; position: absolute; top: 11px; left: -10px; transform: translateX(-100%); width: 8px; height: 8px; border-radius: 100px; background-color: var(--count-up); }

.rowmedia-01.peer-support .wrap {background-color:#EEF2FF;}
/* #endregion */

/*------------------------------------------
    #MARK: AJAX CPT 01  
------------------------------------------*/
/* #region */
.ajaxc-01[data-axgrid] .cpt-row {row-gap: 60px;}
.ajaxc-01 .team-img {overflow: hidden; border-radius: 50px 10px; position: relative;margin-bottom: 17px; aspect-ratio: 1/1;} 
.ajaxc-01 .d-popmedia {height: auto; aspect-ratio: 1/1; background-color: transparent; position: relative;}
.ajaxc-01 .team-info {padding-left: 18px;}
.ajaxc-01 .team-name {position: relative;}
.ajaxc-01 .team-name::before {content: ""; position: absolute; left: -10px; top: 10px; height: 8px; width: 8px; background-color: var(--primary-color3-h3); transform: translateX(-100%);}
.ajaxc-01[data-axgrid] .ajx_btn {margin-top: 100px;}

/* #endregion */

/*------------------------------------------
    #MARK: TITLE ROW 02
------------------------------------------*/
/* #region */
.titler-02.dinfo-mw657 .dinfo .dtext {max-width: 657px; display: block; margin-left: auto;}
.titler-02.dinfo-mw700 .dinfo .dtext {max-width: 700px; display: block; margin-left: auto;}
.titler-02.dinfo-mw795 .dinfo .dtext {max-width: 795px; display: block; margin-left: auto;}

.titler-02 .dinfo .dtext {margin-top: 5px;}
.titler-02 .dinfo .dtext p {margin-bottom: 27px;}

/* #endregion */

/*------------------------------------------
    #MARK: COLUMN ACCORDION
------------------------------------------*/
/* #region */
.colaccordion-01 .acc-list {max-width: 770px; display: block; margin: 0 auto;}
.colaccordion-01 .ihead {padding: 30px 30px 24px; background-color: var(--primary-color3-h3); transition: all 0.3s;}
.colaccordion-01 .ihead .ititle {color: var(--color0);}
.colaccordion-01 .ihead .arr-indicator {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(80deg) brightness(98%) contrast(106%); transform: rotate(180deg); position: relative; transition: transform 0.3s;}

.colaccordion-01 .ihead.collapsed {background-color: var(--color1); transition: all 0.3s;}
.colaccordion-01 .ihead.collapsed .ititle {color: var(--primary-color3-h3) ;}
.colaccordion-01 .ihead.collapsed .arr-indicator {filter: none; transform: none;}

.colaccordion-01 .ibox .pad {padding: 30px 30px 30px 55px; background-color: var(--color1);}

.colaccordion-01 .acc-item {display: none;}
.colaccordion-01 .acc-item.active {margin-bottom: 29px;}

.colaccordion-01 .btn-loop {width: 100%; justify-content: center; margin-top: 0px;}
.colaccordion-01 .btn-loop #load-more {margin-top: 70px;}


/* #endregion */

/*------------------------------------------
    #MARK: JS COUNT UP 01
------------------------------------------*/
/* #region */
.count-01 [data-ctr="3"] .flex-item {flex:1;}
.count-01 .count_up {display: flex; align-items: center;}
.count-01 .count_up .ct, .count-01 .count_up .cpre {
color: var(--count-up);
font-family: var(--font-1);
font-size: var(--h1);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 70.4px */
}

.count-01 .count_up .cpos {
color: var(--count-up);
font-family: var(--font-1);
font-size: var(--h2-2);
font-style: normal;
font-weight: 700;
line-height: 110%; /* 35.2px */
}

.count-01 .dtext p {
color: var(--secondary-color3);
font-family: var(--font-2);
font-size: var(--font-size-15);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 22.5px */
}

.count-01 .sep {width: 2px; background: rgba(217, 217, 217, 0.30); margin: 0 89px; align-self: stretch; flex: 0 0 auto;    }
.count-01.sep-mx65 .sep {margin: 0 65px;}
.count-01.sep-mx70 .sep {margin: 0 70px;}
.count-01 .flexic {
flex-wrap: wrap; /* Allows items to wrap on smaller screens */ /* Adds space between items */
align-items: stretch; /* Ensures flex items stretch to the same height */
}

.count-01 .flex-item {
display: flex; 
min-width: 200px; /* Prevents items from becoming too narrow */
}

.count-01 .item {
display: flex;
flex-direction: column; /* Stacks children vertically */
width: 100%;
}

.count-01 .dinfo {
display: flex;
flex-direction: column;
flex-grow: 1; /* This is key: it makes dinfo expand to fill space */
justify-content: space-between; /* Pushes link to the bottom */
margin-top: 18px;
}

 .count-01 .dtext {
flex-grow: 1; /* Allows the text container to expand */
color: #4A5568;
}

.count-01 .atext {margin-top: 22px;margin-bottom: 15px;}

.count-01 .atext p {
color: var(--primary-color3-h3);
font-family: var(--font-2);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 22.5px */
}

.count-01 .link-more {margin-top: 9px;}
.count-01.sep-mx70 .link-more {margin-top: 35px;}


/* #endregion */

/*------------------------------------------
    #MARK: ICONS 01
------------------------------------------*/
/* #region */
.icon-01 .row {margin-left: -30px;margin-right: -30px;}
.icon-01 .col-md-4 {padding-left: 30px;padding-right: 30px;}
.icon-01 .diconn {max-width: 100px; height: auto; aspect-ratio: 1/1; border-radius: 100%; background-color: var(--color0); margin-bottom: 27px ;}
.icon-01 .d-img {width: 40px; height: auto; aspect-ratio: 1/1; }
.icon-01 .dtext {margin-top: 24px;}

/* #endregion */

/*------------------------------------------
    #MARK: SECTION BG 01
------------------------------------------*/
/* #region */
.fire-element.bg-linear1 {background: linear-gradient(180deg, #EEF2FF 46.11%, #FFF 100%);}

/* #endregion */

/*------------------------------------------
    #MARK: ICONS ROW 01
------------------------------------------*/
/* #region */
.iconrow-01 .overlay.color {background: rgba(13, 44, 48, 0.95);}
.iconrow-01 [data-ctr="2"] .container-xl > .flexic {margin: 0 -15px;}
.iconrow-01 [data-ctr="2"] .container-xl > .flexic > .flex-item {padding: 0 15px;}
.iconrow-01 [data-ctr="2"] .container-xl > .flexic > .flex-item:first-child {max-width: 33.3333%; flex: 0 0 33.3333%;}
.iconrow-01 [data-ctr="2"] .container-xl > .flexic > .flex-item:last-child {max-width: 66.6666%; flex: 0 0 66.6666%;}
.iconrow-01 .tinfo {max-width: 354px;}
.iconrow-01[data-theme="dark"] .btitle {color: var(--primary-color1);}
.iconrow-01 .icons-list {max-width: 700px; margin-left: auto; position: relative;}

.iconrow-01 .line-vertical {position: absolute; top: 50%; left:50%; height: 100%; width: 1px; transform: translate(-50%, -50%); background-color: rgba(217, 217, 217, 0.10);}
.iconrow-01 .line-horizontal {position: absolute; top: 50%; left:50%; height: 1px; width: 100%; transform: translate(-50%, -50%); background-color: rgba(217, 217, 217, 0.10);}

.iconrow-01 .icons-list .flex-item .dinfo {max-width: 330px; text-align: center;}
.iconrow-01 .diconn {background-color:rgba(23, 68, 73, 0.60); margin: 0 auto; margin-bottom: 30px;}
.iconrow-01 .icons-list .dtext p {font-size: var(--font-size-15);}

.iconrow-01 .icons-list > .flex-item:first-child .dinfo {margin-right: 20px;margin-bottom: 60px; }
.iconrow-01 .icons-list > .flex-item:nth-child(2) .dinfo {margin-left: 20px;margin-bottom: 60px;}
.iconrow-01 .icons-list > .flex-item:nth-child(3) .dinfo {margin-right: 20px;margin-top: 60px;}
.iconrow-01 .icons-list > .flex-item:nth-child(4) .dinfo {margin-left: 20px; margin-top: 60px;}

.iconrow-01 .icons-list > .flex-item .dinfo .d-link{display: block; margin-top: 20px;}

/* .iconrow-01 .icons-list .flex-item:first-child {border-right: 1px solid rgba(217, 217, 217, 0.10);}
.iconrow-01 .icons-list .flex-item:nth-child(2) { border-bottom: 1px solid rgba(217, 217, 217, 0.10);}
.iconrow-01 .icons-list .flex-item:nth-child(3) { border-top: 1px solid rgba(217, 217, 217, 0.10);}
.iconrow-01 .icons-list .flex-item:last-child { border-left: 1px solid rgba(217, 217, 217, 0.10);} */
/* #endregion */

/*------------------------------------------
    #MARK: FORM ROW CONTACT 01
------------------------------------------*/
/* #region */
.frcontact-01 .wrap {min-height: 100vh;}
.frcontact-01 .color {background: rgba(13, 44, 48, 0.30);}
.frcontact-01 .top {background: linear-gradient(180deg, rgba(13, 44, 48, 0.70) 0%, rgba(13, 44, 48, 0.00) 100%); height: 64.755481%;}
.frcontact-01 .bottom {background: linear-gradient(0deg, rgba(13, 44, 48, 0.70) 0%, rgba(13, 44, 48, 0.00) 100%);}

.frcontact-01 .mtitle {margin-bottom: 95px;}
.frcontact-01 .ititle {
color: var(--color0);
font-family: var(--font-2);
font-size: var(--font-size-16);
font-style: normal;
font-weight: 600;
line-height: 100%; /* 16px */
letter-spacing: 3.2px;
text-transform: uppercase;
margin-bottom: 30px;
}

.frcontact-01 .contact-phone{margin-bottom: 93px;}
.frcontact-01 .contact-email {margin-bottom: 100px;}

.frcontact-01 .soc-med .social-icons {gap: 20px;}

.frcontact-01 .ssc {align-items: center;}
.frcontact-01 .ssc .sc-icon {width: 29px;height: 29px;}
.frcontact-01 .sc-contact span {
color: var(--color0);
font-family: var(--font-2);
font-size: var(--font-size-24) ;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 28.8px */
}
.frcontact-01 .sc-contact:hover span {color: var(--hover);}

.frcontact-01 .soc-link {background-color: transparent !important; border: 1px solid rgba(255, 255, 255, 0.20);}
.frcontact-01 .soc-link .d-icon {height: 14px; opacity: 1; filter: brightness(0) saturate(100%) invert(74%) sepia(75%) saturate(2327%) hue-rotate(358deg) brightness(101%) contrast(106%);}

.frcontact-01 .form-container {background: rgba(4, 12, 13, 0.80); padding: 27px 50px 50px; border-radius: 10px;}

.frcontact-01 .ftitle {
color: var(--color0);
font-family: var(--font-1);
font-size: var(--h4);
font-style: normal;
font-weight: 600;
line-height: 110%; /* 24.2px */
margin-bottom: 13px;
}

.frcontact-01 .atitle {
color: rgba(255, 255, 255, 0.7);
font-family: var(--font-2);
font-size: var(--font-size-15);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 22.5px */
}

.frcontact-01 hr {
    /* background: transparent none; */
    height: 1px;
    margin: 29px 0;
    /* border-bottom-color: rgba(217, 217, 217, 0.60); */
    background: rgba(217, 217, 217, 0.60);
}

.frcontact-01[data-theme="dark"] .dtext p {
color: rgba(255, 255, 255, 0.70);
font-family: var(--font-2);
font-size: var(--font-size-13);
font-style: normal;
font-weight: 400;
line-height: 150%;
}

.frcontact-01[data-theme="dark"] .dtext p span {
    color: var(--primary-color1);
}

.frcontact-01 .gform-theme--foundation .gform_body .gform_fields {row-gap: 22px; column-gap: 10px;}

.frcontact-01 .gform-theme--foundation .gform_body .gform_fields .gfield .gfield_label {
color: rgba(255, 255, 255, 0.60);
font-family: var(--font-2);
font-size: var(--font-size-13);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 19.5px */
gap: 1px;
margin-bottom: 4px;
}

.frcontact-01 .gform-theme--foundation .gform_body .gform_fields .gfield .gfield_label .gfield_required {color: var(--count-up);}

.frcontact-01 .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container input, 
.frcontact-01 .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container textarea  {
min-height: 40px ;    
border-radius: 5px;
border: 1px solid rgba(217, 217, 217, 0.30);
background: transparent;
}

.frcontact-01 .gform-theme--foundation .gform_body .gform_fields .gfield .ginput_container textarea {min-block-size: 100px; resize: none; height: 100px;}
.frcontact-01 .gform-theme--foundation .gform_footer {margin-top: 30px;}
.frcontact-01 .disclaimer {margin-top: 30px;}

.frcontact-01 .footer-contact {position: absolute; left: 0; bottom: 0; width: 100%;}

.frcontact-01 [data-rtl="1"] .flexic {flex-direction: row; justify-content: space-between; border-top: 1px solid rgba(255, 182, 0, .8); padding: 30px 0;}

.frcontact-01 .footer-contact div, .frcontact-01 .footer-contact div span {
    color: rgba(194, 194, 194, 0.70);
    font-family: var(--font-2);
    font-size: var(--font-size-13);
    font-style: normal;
    font-weight: 400;
    line-height: normal;    
}


/* #endregion */

/*------------------------------------------
    #MARK: TEAM MEMBER HERO
------------------------------------------*/
/* #region */
.team-member-hero .container-xl,
.team-member-hero .dinfo {line-height: 1;} 

.team-member-hero .wrap {min-height: 300px; display: flex; align-items: flex-end; padding-bottom: 56px; padding-top: 30px; line-height: 1;}
.team-member-hero > .d-img {max-width: 87.152777%; left: unset; right: 0; object-position: center top;}
.team-member-hero .color1 {max-width: 66.1805555% ; background: linear-gradient(90deg, #0D2C30 19.85%, rgba(13, 44, 48, 0.00) 100%);}
.team-member-hero .color2 {max-width: 44.0972222%; background: linear-gradient(90deg, #0D2C30 19.85%, rgba(13, 44, 48, 0.00) 100%);}
.team-member-hero .logo-overlay-iphero {left: -115px; top: 40px;}

.team-member-hero .dinfo {max-width: 740px; margin-left: auto; display: block;}
.team-member-hero h1.mtitle {
    color: var(--color0);
    font-family: var(--font-1);
    font-size: var(--h2-2);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 35.2px */
}

.team-member-hero .team-position {margin-top: 20px;}

.team-member-hero .team-position h4.position {
    color: var(--primary-color1);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
}

.team-member-hero .team-img {max-width: 370px; margin: 0 auto; position: relative; border-radius: 50px 10px; overflow: hidden;}

.team-member-hero .team-img .d-popmedia {position: relative;}
/* #endregion */

/*------------------------------------------
    #MARK: TEAM MEMBER BIO
------------------------------------------*/
/* #region */
.team-member-bio .wrap {padding-top: 60px; padding-bottom: 100px;}

.team-member-bio .team-profile {margin-top: -270px;}
.team-member-bio .team-img {position: relative; overflow: hidden; aspect-ratio: 1/1;  border-radius: 50px 10px; margin-bottom: 52px;}
.team-member-bio .team-img .d-popmedia {position: relative;}

.team-member-bio h3.section-title{
    color: var(--primary-color2-btitle);
    font-family: var(--font-2);
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    letter-spacing: 3.2px;
    text-transform: uppercase;
}

.team-member-bio hr {margin-top: 20px;margin-bottom: 30px; height: 1px; width: 100%; background-color: var(--primary-color1); border: none;}

.team-member-bio .team-list {line-height: 1;}
.team-member-bio .team-list:not(:last-child) {margin-bottom: 30px;}
.team-member-bio .team-list h4.block-title {
    color: var(--count-up);
    font-family: var(--font-2);
    font-size: var(--font-size-16);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    text-transform: uppercase;
    margin-bottom: 10px;
}

.team-member-bio .team-list .team-item {
    color: var(--secondary-color3);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    transition: all 0.3s;
}

.team-member-bio .team-list .team-item:hover {color: var(--hover);}

.team-member-bio .team-list .soc-link {display: block; max-width: 50px; width: 100%; aspect-ratio: 1/1; border-radius: 100%; border: 1px solid rgba(224, 224, 224, .8); display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden;}

.team-member-bio .team-list .soc-link::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: var(--hover); width: 0;height: 0;transition: all 0.3s; border-radius: 100%;}

.team-member-bio .team-list .soc-link:hover::after {width: 100%;height: 100%;}

.team-member-bio .team-list .soc-link .d-icon {max-width: 16px; height: auto; aspect-ratio: 1/1; filter: brightness(0) saturate(100%) invert(69%) sepia(57%) saturate(2988%) hue-rotate(3deg) brightness(110%) contrast(103%); z-index: 2;}

.team-member-bio .team-list .soc-link:hover .d-icon {filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(157deg) brightness(108%) contrast(101%)}
/* #endregion */

.team-member-bio .team-info {max-width: 740px; margin-left: auto; line-height: 1;}
.team-member-bio .team-info .team-name {margin-bottom: 30px;line-height: 1;}
.team-member-bio .team-info .team-position {line-height: 1; margin-bottom: 40px;}
.team-member-bio .team-info .team-position h4.position {
    color: var(--primary-color2-btitle);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 25.2px */
}

.team-member-bio .team-info .team-bio {margin-bottom: 60px;}

.team-member-bio .team-info .team-credentials {line-height: 1;}
.team-member-bio .team-info .team-credentials .team-credentials-list {padding-left: 18px; list-style-type: none; margin-bottom: 0;} 
.team-member-bio .team-info .team-credentials .team-credential-item {
    position: relative;
    color: var(--secondary-color3);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.team-member-bio .team-info .team-credentials .team-credential-item:not(:last-child) {margin-bottom: 10px;}
.team-member-bio .team-info .team-credentials .team-credential-item::before {content: ""; position: absolute; width: 8px; height: 8px; border-radius: 100%; left:-10px; top: 10px; transform: translateX(-100%); background-color: var(--count-up);}
/*------------------------------------------
    #MARK: TEAM CTA (PEER SUPPORT)
------------------------------------------*/
/* #region */
.team-cta .wrap {padding-top: 100px;padding-bottom: 100px; background: #EEF2FF;}
.team-cta .row {align-items: center;}
.team-cta .dinfo { max-width: 500px;}
.team-cta .dinfo h2.mtitle {margin-bottom: 20px;}
/* #endregion */

/*------------------------------------------
    #MARK: ROW POST 01
------------------------------------------*/
/* #region */
.rowpost-01 .team-img {position: relative; overflow: hidden; border-radius: 50px 10px;}
.rowpost-01 .team-img .d-popmedia {position: relative;}
.rowpost-01 .dinfo {max-width: 740px; display: block; margin-left: auto;}
.rowpost-01 strong.position {
    color: var(--primary-color2-btitle);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 25.2px */
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 30px;
}

@media only screen and (max-width : 767px) {
    .rowpost-01 .team-img {max-width: 370px; display: block; margin: 0 auto;}
}
/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */


/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */


/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */


/* #endregion */