/*
Theme Name: Kelly Krueger
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/Home3.png) top center no-repeat;
}

body:not(.wp-admin) main {opacity: 0.5;}   */

body:not(.wp-admin) main {overflow: hidden; }

/* body:not(.wp-admin) main {position: relative; z-index: 5;} */

/* #endregion */

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

:root {

    --font-size: 20px;
    --font-size25: 25px;
    --font-1: 'Tenor Sans';
    --font-2: 'Poppins';
    --font-3: 'Quattrocento';
    
    --color0: #ffffff;
    --color1: #9F6F6C;
    --color2: #fff;
    --color3: #333;
    --color4: #5A3F3D;
    --color5: #EFD4D2;
    --color6: #3B2D2C;

    --h1: 70px;
    --h2: 56px;
    --h2-2: 48px;
    --h2-3: 60px;
    --h2-4: 45px;
    --h2-5: 35px;
    --h3: 30px;
    --h4: 32px;
    --h5: 24px;
    --h6: 18px;
    --atitle: 24px;
    --f25:25px;
    --f24:24px;
    --small: 13px;

    --color10: black;
    --color11: white;

    --a: #5a3f3d;
    --hover: #A1AEB7;       

    --darktitle:white;
    --darktext:white;
}

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */
.element.mt25 {margin-top: 25px;}
.element.mt-50 {margin-top: -50px;}
.element.mt95 {margin-top: 95px;}

.element[data-theme="dark"] {background-color: transparent;}

.element h1.mtitle {
    color: var(--color1);
    font-family: var(--font-1);
    font-size: var(--h1);
    font-style: normal;
    font-weight: 400;
    line-height: 117%; /* 81.9px */
}

.element[data-theme="dark"] h1.mtitle {color: var(--color2);}

.element h2.mtitle {
    color: var(--color4);
    font-family: var(--font-1);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 56px */
    margin-bottom: 30px;
}

.element.h2-2 h2.mtitle {font-size: var(--h2-2);}
.element.h2-3 h2.mtitle {font-size: var(--h2-3);}
.element.h2-4 h2.mtitle {font-size: var(--h2-4);}
.element.h2-5 h2.mtitle {font-size: var(--h2-5);}

.element h3 {
    color: var(--color4);
    text-align: center;
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 42px */
    text-transform: capitalize;
}

.element .atitle {
    color: var(--color4);
    font-family: var(--font-1);
    font-size: var(--atitle);
    font-style: normal;
    font-weight: 400;
    line-height: 117%; /* 28.08px */
    margin-top: 7px;
}

.element p,
.element .dtext p,
.element .ptext {
    color: var(--color1);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 28px */
}

.element.p25 p,
.element.p25 .dtext p,
.element.p25 .ptext {font-size: var(--font-size25);}

.element[data-theme="dark"] p,
.element[data-theme="dark"] .dtext p,
.element[data-theme="dark"] .ptext, 
.element[data-theme="dark"] h2.mtitle {
    color: var(--color5);
}

/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */
.element .btn-loop {margin-top: 50px;}

.btn.btn-1,.gform .gform_wrapper .gform-footer .btn.btn-1.gform_button {
    padding: 11px 25px;
    background-color: var(--color1);
    border: none;
    border-radius: 0;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

[data-theme="dark"] .btn.btn-1 {
    padding: 11px 25px;
    background-color: var(--color5);
    border: none;
    border-radius: 0;
}

.element.btn-px95 .btn.btn-1 {padding: 11px 95px;}
.element.btn-px74 .btn.btn-1 {padding: 11px 74px;}
.element.btn-px40 .btn.btn-1 {padding: 11px 40px;}

.btn.btn-1::after {background-color: var(--color4);}

.gform .gform_wrapper .gform-footer .btn.btn-1.gform_button::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 0;
    width: 0;
    transition: 0.3s;
    border-radius: 3px;
    background-color: var(--color4);
}

.gform .gform_wrapper .gform-footer .btn.btn-1.gform_button:hover::after {height: 110%; width: 110%;}

[data-theme="dark"] .btn.btn-1::after {background-color: var(--color6);}

.btn.btn-1 .a-span, .gform .gform_wrapper .gform-footer .btn.btn-1.gform_button span {
    color: var(--color2);
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    font-family: var(--font-3);
    font-size: clamp(1.25rem, 0.9743rem + 0.9191vw, 1.5625rem);
    font-style: normal;
    font-weight: 400;
    line-height: 158%; /* 39.5px */
}

[data-theme="dark"] .btn.btn-1 .a-span {
    color: var(--color4);
}
[data-theme="dark"] .btn.btn-1:hover .a-span {
    color: var(--color5);
}


/* #endregion */

/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */
header .menu_wrap .navbar {flex-wrap: nowrap; gap: 30px;}

.navbar-brand {
    height: auto;
    width: 100%;
    max-width: 302px;
}

header .menu_wrap {
    padding: 46.24px 0;
}

body:not(.home) header .menu_wrap {
    padding: 34px 0;
}

header.sticky-head .menu_wrap {
    padding: 30px 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    mix-blend-mode: soft-light;
}

header .navbar-collapse {justify-content: flex-end;}
/* #endregion */

/*------------------------------------------
    #MARK: MENUS
------------------------------------------*/
/* #region */

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

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

.main-menu .nav-link span {
    color: var(--color4);
    text-align: right;
    font-family: var(--font-2);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 18px */
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-wrap: nowrap;
    transition: all .3s;
    
}

.main-menu .nav-link::after {
    content: attr(title) / "";
    visibility: hidden;
    overflow: visible;
    user-select: none;
    pointer-events: none;
    font-weight: 700;
}

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

.main-menu .menu-item.active .nav-link span,
.main-menu .menu-item .nav-link:hover span {
    font-weight: 600;
}

/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */
.footer-0 .wrap {padding-top: 84px; padding-bottom: 30px;}

.footer-0 .dtop .flexic {flex-wrap: nowrap; justify-content: space-between;}
.footer-0 .navbar-brand {width: 301px;}
.footer-0 .company-about {max-width: 613px;}
.footer-0 .company-about .dtext p {
    color: var(--color5);
    font-family: var(--font-2);
    font-size: var(--small);
    font-style: normal;
    font-weight: 400;
    line-height: 132%; /* 17.16px */
}

.footer-0 .company-about .dtext p .home-footer, .home .footer-0 .company-about .dtext p .inner-pages {display: none;}
.home .footer-0 .company-about .dtext p .home-footer {display:block;}

.footer-0 .social-icons .soc-link {
    background-color: transparent ;
    border: 1px solid rgba(255, 255, 255, 0.20);
}

.footer-0 .social-icons .soc-link img {
    max-width: 16px;
    filter: brightness(0) saturate(100%) invert(88%) sepia(13%) saturate(431%) hue-rotate(314deg) brightness(102%) contrast(87%);
    opacity: 1;
}

.footer-0 hr.sep {max-width: 100%; width: 100%; height: 1px; margin-top: 35px; margin-bottom: 30px; background: rgba(255, 255, 255, 0.2);}

.footer-0 .f-left {display: flex;}
.footer-0 .f-left .copy {margin-right: .5rem;}

.footer-0 .copyright div,
.footer-0 .copyright p,
.footer-0 .copyright a,
.footer-0 .copyright a span {
    color: var(--color5);
    text-align: justify;
    font-family: var(--font-2);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 21px */
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */
.hero-01 .wrap {
    min-height: 802px;
    mask-image: url(images/ol/pure_black_silhouette.png);
    mask-position: bottom;
    mask-size: cover;
    mask-repeat: no-repeat;
}

.hero-01 .overlay.color {
    background: linear-gradient(358deg, rgba(255, 255, 255, 0.00) 63.28%, #FFF 117.6%);
}

.hero-01 .overlay.color::after,
.hero-01 .overlay.color::before {
    content: "";
    width: 100%;
    height: 186px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    mix-blend-mode: soft-light;
}

.hero-01 .dinfo {margin-top: -39px;}


/* #endregion */

/*------------------------------------------
    #MARK: HERO INNER PAGES 01
------------------------------------------*/
/* #region */
.heroip-01.press {background-color: rgb(248,243,243)}

.heroip-01 .wrap {min-height: 460px; padding-bottom: 71px;}

.heroip-01.about .wrap {
    mask-image: url(images/ol/pure_black_silhouette_about_us.png);
    mask-position: bottom;
    mask-size: cover;
    mask-repeat: no-repeat;
}

.heroip-01.one-o-one .wrap {
    mask-image: url(images/ol/one-on-one.png);
    mask-position: bottom;
    mask-size: cover;
    mask-repeat: no-repeat;
}

.heroip-01.testimonials .wrap {
    mask-image: url(images/ol/testimonials.png);
    mask-position: bottom;
    mask-size: cover;
    mask-repeat: no-repeat;
    padding-bottom: 80px;
}

.heroip-01.courses .wrap {
    mask-image: url(images/ol/courses.png);
    mask-position: bottom;
    mask-size: cover;
    mask-repeat: no-repeat;
    padding-bottom: 80px;
}

.heroip-01.press .wrap {
    mask-image: url(images/ol/press.png);
    mask-position: bottom;
    mask-size: cover;
    mask-repeat: no-repeat;
    padding-bottom: 80px;
}

.heroip-01 .overlay.color {
    opacity: 0.67;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.17) 53.15%, #FFF 100%);
}


.heroip-01 .overlay.color::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.67;
    background: linear-gradient(225deg, rgba(59, 45, 44, 0.00) 44.16%, #3B2D2C 94.79%);
    mix-blend-mode: soft-light;
}

.heroip-01 .dinfo {margin-top: -39px;}

.heroip-01[data-theme="dark"] .dtext p {color: var(--color2);}

.heroip-01.courses .overlay.color, .heroip-01.courses .overlay.color::before {opacity: 0.5}

.heroip-01.courses .bg-img {background-position: 65% center;}

/* #endregion */

/*------------------------------------------
    #MARK: ROW POSTER 01    
------------------------------------------*/
/* #region */
.rowposter-01 .wrap {overflow: hidden;}

.rowposter-01.vibrant .wrap {min-height: 950px;}
.rowposter-01.neo-tantara .wrap {min-height: 910px;}
.rowposter-01.about1 .wrap{min-height: 1145px;}
.rowposter-01.rp-about2 .wrap{min-height: 796px;}
.rowposter-01.tranformational-journey .wrap{min-height: 648px; overflow: visible;}

.rowposter-01 [data-design*="poster"][data-col="5-7"] .overlay-bg {max-height: 950px;}
.rowposter-01.vibrant [data-design*="poster"][data-col="5-7"] .overlay-bg {max-width: calc(50% + 340px); height: auto; aspect-ratio: 1060/1074; top: -15px; max-height: 1074px;}
.rowposter-01.neo-tantara [data-design*="poster"][data-col="5-7"] .overlay-bg {max-width: 100%; height: auto; aspect-ratio: 1440/919; top: -10px;}

.rowposter-01.about1 [data-design*="poster"][data-col="6-6"] .overlay-bg {max-width: calc(50% + 105px); height: auto; aspect-ratio: 825/1099; top: -35px;}
.rowposter-01.tranformational-journey [data-design*="poster"][data-col="6-6"] .overlay-bg {max-width: calc(50% - 96px); height: auto; aspect-ratio: 624/648; top: -30px;}
.rowposter-01.rp-about2 [data-design*="poster"][data-col="5-7"] .overlay-bg {max-width: calc(50% - 192px); height: auto; aspect-ratio: 528/796; top: -20px; left: 75px;}

.rowposter-01 .dinfo {margin-top: -125px;}
.rowposter-01.rowposter-01.about1 .dinfo {margin-top: -85px;}
/* .rowposter-01.rowposter-01.about1 .dinfo {margin-top: -85px;} */


.rowposter-01.neo-tantara .dinfo {margin-top: -68px; max-width: 659px;}
.rowposter-01.rp-about2 .dinfo {margin-top: -88px;}

body:not(.home) .rowposter-01 h2.mtitle {font-size: var(--h2-4);}
.rowposter-01.vibrant h2.mtitle,
.rowposter-01.neo-tantara h2.mtitle {font-size: var(--h2);}

/* #endregion */

/*------------------------------------------
    #MARK: ICONS 01
------------------------------------------*/
/* #region */
.icon-01.transformative {margin-top: -48px;}
.icon-01.transformative {min-height: 541px;}
.icon-01.transformative {overflow: hidden;}
.icon-01 .overlay.color.desktop {
    background: url(images/ol/pink.svg);
    max-width: 1432px;
    max-height: 482px ;
    left: calc(50% + 25px);
    top: 50px;
    transform: translateX(-50%);
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    aspect-ratio: 1432/482;
}

.icon-01 .overlay.color.mobile {display: none;}

.icon-01 .overlay.color.ol1 {
    background: url(images/ol/image\ 21pink-mobile.svg);
    max-width: 1432px;
    max-height: 482px ;
    left: calc(50% + 25px);
    top: 20%;
    transform: translateX(-50%);
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    height: auto;
    aspect-ratio: 1432/482;
}
.icon-01 .overlay.color.ol2 {
    background: url(images/ol/image\ 21pink-mobile.svg);
    max-width: 1432px;
    max-height: 482px ;
    left: calc(50% + 25px);
    top: 50%;
    transform: translate(-50%, -25%);
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    aspect-ratio: 1432/482;
}
.icon-01 .overlay.color.ol3 {
    background: url(images/ol/image\ 21pink-mobile.svg);
    max-width: 1432px;
    max-height: 482px ;
    left: calc(50% + 25px);
    top: unset;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    aspect-ratio: 1432/482;
}

/* 
.icon-01 .col-md-3 {border-right: 1px solid var(--color5);}
.icon-01 .col-md-3:last-child {border-right: none;} */
.icon-01 .flex-item {border-right: 1px solid var(--color5);}
.icon-01 .flex-item:last-child {border-right: none;}

.icon-01.icons5 [data-ctr="4"] .flex-item {
    flex: 0 0 20%;
    max-width: 20%;
}

.icon-01 .tinfo {margin-bottom: 115px;}
.icon-01 .tinfo .mtitle {text-align: center;}

.icon-01 .diconn {height: 100px; justify-content: center; max-width: 100%;margin-top: 12px; margin-bottom: 10px;}

.icon-01 .dinfo {min-height: 204px;}

/* #endregion */

/*------------------------------------------
    #MARK: ICONS 02
------------------------------------------*/
/* #region */
.icon-02 h2.mtitle {margin-bottom: 60px;}

.icon-02 .diconn {max-width: 80px;}

.icon-02 .row {justify-content: center; row-gap: 60px;}

.icon-02 .qtext p {
    color: var(--color1);
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--f25);
    font-style: italic;
    font-weight: 500;
    line-height: 140%; /* 35px */
    margin-top: 70px;
}

/* #endregion */

/*------------------------------------------
    #MARK: CTA CUSTOM 02
------------------------------------------*/
/* #region */
.cta-02 .container-xl {max-width: 1245px;} 
.ctac-02 .iwrap {background-color: var(--color4); top: -110px;}

.cta-02 .pop-link {z-index: 1;}
.cta-02 .pop-link {max-width: 436px; height: 100%;}
.cta-02 .pop-link .overlay {background-color: transparent; opacity: 1;}
.cta-02 .pop-link .overlay img {opacity: .4; height: 89px; width: 89px; max-width: 89px;}
.cta-02 .pop-link:hover .overlay img {opacity:1;}

.cta-02 .dinfo{padding: 60px 60px 15px 0; 
    /* margin-left: -22px; */
}

.ctac-02 .col-lg-5 {flex:  0 0 40%; max-width: 40%;}
.ctac-02 .col-lg-7 {flex:  0 0 60%; max-width: 60%;}

.ctac-02 h2.mtitle{ font-size: var(--h2-2) ;}
.ctac-02 .ptext {line-height: 130%;}
.ctac-02 .btn-loop {margin-top: 26px;}
/* #endregion */

/*------------------------------------------
    #MARK: QUOTE SLIDER CUSTOM 01
------------------------------------------*/
/* #region */
.qcslider-01 .wrap {padding-top: 20px; padding-bottom: 38px;}
.qcslider-01 .quote_mark img{width: 77px; height: 57px; margin-right: 38px;}
.qcslider-01 .quote {max-width: 955px; margin: 0 auto; display: flex; column-gap: 49px; margin-top: 63px; min-height: 300px;}

.qcslider-01 .davatar {width: 120px; height: 120px; border-radius: 120px; border: 10px solid rgba(255, 255, 255, 0.47); box-sizing: content-box; margin-top: 21px;}
.qcslider-01 .davatar .bg-img {min-height: 120px;}

.qcslider-01 .dtext p {
    color: var(--color1);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 300;
    line-height: 159%; /* 31.8px */
    text-align: left;
}

.qcslider-01 .meta .ititle {
    color: var(--color1);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: italic;
    font-weight: 700;
    line-height: 159%;
}
/* #endregion */

/*------------------------------------------
    #MARK: CARDS FLEX CUSTOM 01
------------------------------------------*/
/* #region */
.cardsflexc-01 h2.mtitle {font-size: var(--h2-2); margin-bottom: 60px;}

.cardsflexc-01 .dimage {min-height: 497px; margin-bottom: 25px;}
.cardsflexc-01 .pad {display: flex;flex-direction: column; align-items: center; text-align: center;}

.cardsflexc-01 .ititle {text-transform: uppercase; min-height: 84px;}
.cardsflexc-01 .flex-item .diconn{ margin-top: 17px;}
.cardsflexc-01 .flex-item .diconn img{ width: 40px; height: 40px;}
/* .cardsflexc-01 .flex-item:first-child .diconn{ margin-top: 17px;} */


/* #endregion */

/*------------------------------------------
    #MARK: SECTION BG 01
------------------------------------------*/
/* #region */
.fire-element.rock-bg {overflow: visible;}
.fire-element.rock-bg .bg-img.ppm {max-height: 1175px; background-position-y: bottom;}

/* #endregion */

/*------------------------------------------
    #MARK: COL CTA 01
------------------------------------------*/
/* #region */
.ctac-01 .wrap {min-height: 525px;}
.ctac-01.courses {margin-top: 85px;}

.ctac-01 .dinfo {margin-bottom: 25px;}
.ctac-01.courses .dinfo {margin-top: 75px;}
.ctac-01.cta-contact .dinfo {margin-top: 70px;}

.ctac-01 .d-popmedia {position: absolute; max-width: 765px;  left: calc(50% + 13px); transform: translateX(-50%); top: 59px;}

.ctac-01 h2.mtitle {font-size: var(--h2-3); text-transform: capitalize; margin-bottom: 15px;}
.ctac-01.courses h2.mtitle {margin-bottom: 25px;}
.ctac-01 .btn-loop {margin-top: 37px;}

.ctac-01.courses .dtext p {
    color: var(--color1);
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--f24);
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 28.8px */
}

.ctac-01.press .dtext p {line-height: 120%;}

.ctac-01.press .dtext {max-width: 970px; margin: 0 auto;}

.ctac-01.press .dinfo {margin-bottom: 15px;}




/* #endregion */

/*------------------------------------------
    #MARK: COL CTA 01 MISSION
------------------------------------------*/
/* #region */
.ctam-01 .wrap {margin-top: -215px; overflow: hidden;}
.ctam-01 .wrap {min-height: 481px;}

.ctam-01 .dinfo {margin-top: 125px;}

.ctam-01 .dtext {max-width: 700px; margin: 0 auto;}

.ctam-01 .d-popmedia {position: absolute; max-width: 1432;  left: calc(50% + 30px); transform: translateX(-50%); top: 59px;}

.ctam-01 h2.mtitle {text-transform: capitalize; margin-bottom: 30px;}

/* #endregion */

/*------------------------------------------
    #MARK: COL CTA 02 TESTIMONIAL
------------------------------------------*/
/* #region */
.ctat-02 .wrap {margin-top: 0; overflow: hidden;}
.ctat-02 .wrap {min-height: 481px;}

.ctat-02 .dinfo {margin-top: 155px;}

.ctat-02 .dtext {
    max-width: 970px; 
    margin: 0 auto;
    color: var(--color1);
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--f25);
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 35px */
    margin-bottom: 35px;
}

.ctat-02 .d-popmedia {position: absolute; max-width: 1432;  left: calc(50% + 30px); transform: translateX(-50%); top: 59px;}

.ctat-02 .mtitle {
    text-align: center; 
    margin-bottom: 0px;
    color: var(--color1);
    font-family: var(--font-2);
    font-size: var(--f25);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.ctat-02 .testimonial-info {margin-bottom:50px;}

.ctat-02 .testimonial-info .davatar-round {
	width: 120px;
	height: 120px;
	border-radius: 120px;
	border: 10px solid rgba(255,255,255,.47);
	box-sizing: content-box;
	display: block;
	margin:0 auto;
/* 	background: #fff; */
	overflow:hidden;
	margin-bottom:10px;
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 01
------------------------------------------*/
/* #region */
.rowmedia-01 [data-col="4-8"] .dinfo {max-width: 670px;}
.rowmedia-01 [data-col="5-7"] .dinfo {max-width: 570px;}

.rowmedia-01.row-about2 [data-col="5-7"] .dinfo {max-width: 571px;}

.rowmedia-01.row-about1 .dinfo {margin-top: 20px;}
.rowmedia-01.row-about2 .dinfo {margin-top: -10px;}

.rowmedia-01 .logo-kelly {display: none;}

.rowmedia-01.lk-on .logo-kelly {
    display: block;
    position: absolute;
    right: -85px;
    bottom: -40px;
}

.rowmedia-01.custom-bglogo .bg-img {opacity: .15 !important; }

.rowmedia-01.no-title .dtext strong{
    color: var(--color4);
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 42px */
}

.rowmedia-01.courses .dinfo {margin-top: 7px;}
.rowmedia-01.courses .dtext p {margin-bottom: 25px;}
.rowmedia-01.courses .btn-loop {margin-top: 30px;}
/* #endregion */

/*------------------------------------------
    #MARK:ROW MEDIA 02
------------------------------------------*/
/* #region */
.rowmedia-02 .wrap {background: linear-gradient(0deg, #FFF 0%, #F8F3F3 100%);}

.rowmedia-02 h2.mtitle {text-align: center; margin-bottom: 50px;}
.rowmedia-01 .atext {
    color: var(--color4);
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 400;
    line-height: 117%; /* 35.1px */
    margin-top: 30px;
}

.rowmedia-02 .dinfo {margin-top: 25px;}
/* #endregion */

/*------------------------------------------
    #MARK: TEXT CONTENT 01 (2 COLUMN)
------------------------------------------*/
/* #region */
.titlec-01 h2.mtitle {text-align: center; margin-bottom: 64px;}
.titlec-01 [data-custom*="v-align"] .flexic {display: inline-flex; gap: 60px; flex-wrap: nowrap; align-items: flex-start;}
.titlec-01 .left {max-width: 540px;}
.titlec-01 .right {max-width: 570px;}
/* #endregion */

/*------------------------------------------
    #MARK: COL POST 01
------------------------------------------*/
/* #region */
.colpost-01 .test-wrap {max-width: 770px; margin: 0 auto ;}

.colpost-01 .logo-kelly {
    display: block;
    position: absolute;
    right: -85px;
    bottom: -40px;
}

.colpost-01 .col-info {margin-bottom: 60px;}
.colpost-01 .dtext {
    color: var(--color1);
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--f25);
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 35px */
}

.colpost-01 .mtitle {
    color: var(--color1);
    font-family: var(--font-2);
    font-size: var(--f25);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-align: center;
}

.colpost-01 .bg-img {opacity: .15 !important; max-height: 666px; top: 90px; }
/* #endregion */

/*------------------------------------------
    #MARK: AJAX TESTIMONIAL 01
------------------------------------------*/
/* #region */
.testimonials-01[data-axgrid] .cpt-row {row-gap: 70px;}

.testimonials-01 .overlay.color {height: 595px; background: linear-gradient(0deg, #FFF 0%, #F8F3F3 100%); }
.testimonials-01 .container-xl {max-width: 890px;}

.testimonials-01 .dtext {
    color: var(--color1);
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--f25);
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 35px */
}

.testimonials-01 .mtitle {
    color: var(--color1);
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--f25);
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 35px */
}

/* #endregion */

/*------------------------------------------
    #MARK: TITLE ROW 02
------------------------------------------*/
/* #region */
.titler-02 .dtext {margin-bottom: 26px;}
.titler-02 .logo-list {display: flex; justify-content: space-between; align-items: center;}
.titler-02 .logo-list .diconn {max-width: unset; width: auto;}
.titler-02 h2.mtitle {margin-top: 33px;}

/* #endregion */

/*------------------------------------------
    #MARK: AJAX POST 01
------------------------------------------*/
/* #region */
.ajaxp-01 [data-design="grid-1.0"] .post-thumb,
.ajaxp-01 [data-design="grid-1.0"] .post-thumb .thumb-bg{height: 374px;}

.ajaxp-01 [data-design="grid-1.0"] .post-thumb {margin-bottom: 40px;}

.ajaxp-01 h3 {text-align: left; text-transform: none; line-height: 117%; margin-bottom: 20px;}

.ajaxp-01 [data-design="grid-1.0"] .post-link[href=""] {pointer-events: none;}

/* #endregion */

/*------------------------------------------
    #MARK: TITLE INFO 01
------------------------------------------*/
/* #region */
.titleinfo-01 .wrap {padding-bottom: 100px;}

.titleinfo-01 .mtitle {text-align: center;}
.titleinfo-01 .atitle {text-align: center;}

.titleinfo-01 b {font-weight: 500; margin-top: 15px;}

.titleinfo-01 ol {padding-left: 1.5rem ; margin-bottom: 2rem;}
.titleinfo-01 ol li, .titleinfo-01 ol li b {font-weight: 600; font-size: 24px;}

/* #endregion */

/*------------------------------------------
    #MARK: CLIENT QA 04/23/2025
------------------------------------------*/
/* #region */
.rowposter-01.tranformational-journey .wrap {
  overflow:hidden;
}

.rowposter-01.tranformational-journey [data-design*="poster"][data-col="6-6"] .overlay-bg {
  top: 50%;
  transform: translateY(-50%);
}

.colpost-01 .row {margin-bottom: 60px;}

.colpost-01 .pop-link img.d-img {position: relative;}

.ctac-02 .col-lg-5 img {max-width: 436px;}
.ctac-02 .dinfo {position: relative;}
.ctac-02 .logo-kelly {position: absolute; right: 53px; bottom: 0; width: 215px;}



/* #endregion */

/*------------------------------------------
    #MARK: UPOP FORM 5/1/2025
------------------------------------------*/
/* #region */
.fancybox__container .fancybox__content {padding: 60px 30px; background-color: rgb(248,243,243);}

.gform .gform_wrapper .gform-body {text-align: center;}
.gform .gform_wrapper .gform-footer {justify-content: center;}
.gform .gform_wrapper .gform-body .ginput_container input, 
.gform .gform_wrapper .gform-body .ginput_container textarea {
    padding: 11px 25px;
    border-radius: 3px;
    outline: none;
    color: var(--color1);
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    border: none;
    min-height: 45px;
    text-align: center;
}

#contactForm1 .gform .gform_wrapper .gform-body .ginput_container input, 
#contactForm1 .gform .gform_wrapper .gform-body .ginput_container textarea {text-align: left; resize: none;}


.gform .gform_wrapper .gform-body h3.mtitle {margin-bottom: 1rem;}
#contactForm1 .gform .gform_wrapper .gform-body h3.mtitle {margin-bottom: 0rem;}


.fancybox__container .fancybox__content > .f-button.is-close-btn {top: 0; opacity: 1; color: #FFF; background-color: var(--color4); border-radius: 0;}

#contactForm1 .gform-theme--foundation .gform_fields {row-gap: 20px;}

.gform_validation_errors {display: none !important;}
.gfield_validation_message {text-align: left !important;}

/* #endregion */

/*------------------------------------------
    #MARK: CLIENT QA 05/28/2025
------------------------------------------*/
.element .copy-mail,
.element.copy-btn .btn-loop {display: none;}

.element.copy-btn .btn-loop.copy-mail {display: block;}

.element.mt200 {margin-top: 200px;}
.element.mt100 {margin-top: 100px;}
.element.mt80 {margin-top: 80px;}
.element.mt60 {margin-top: 60px;}

.element.mb200 {margin-bottom: 200px;}
.element.mb100 {margin-bottom: 100px;}
.element.mb80 {margin-bottom: 80px;}
.element.mb60 {margin-bottom: 60px;}

.element.mw50-60 [data-design*="poster"][data-col="6-6"] .overlay-bg {max-width: calc(50% - 60px);}

.element h4.mtitle {margin-bottom: 30px;}

.titler-02.dinfo-flex .col-md-6:first-child .dinfo {height: calc(100% - 90px); display: flex; flex-direction: column; justify-content: space-between;}

.heroip-01 .bg-img:nth-child(2) {display: none;}

.icon-01.transformative .diconn img {max-height: 56px; height: 100%;}

.rowposter-01.mt0 .dinfo {margin-top: 0;}

.ctam-01.wmt0 .wrap {margin-top: 0;}

.colpost-01.linear-bg .overlay.color {background: linear-gradient(180deg, #FFF 0%, #F8F3F3 100%);}