/**
Theme Name: TDI
Author: The Digital Intellect
Author URI: https://thedigitalintellect.com
Description: TDI Astra is a custom modified Astra theme made exclusively for clients of The Digital Intellect. It is fast, fully customizable and mobile responsive.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tdi
Template: astra
*/
/** WPB CUSTOM LAYOUT ADJUSTMENT **/
body {overflow-x: hidden !important;overflow-y: scroll;}
.lockedWidth{margin: 0px auto !important;padding-left: 100px !important;padding-right: 100px !important;}
.lockedWidthHalf{margin: 0px auto !important;padding-left: 50px !important;padding-right: 50px !important;}
.centerContent{text-align:center;}
.centeredBg, .centeredBg .vc_column-inner {background-size: cover !important;background-position: 50% 50% !important;}
.centeredBg .vc_column-inner{padding:200px 0 !important;}
.paddedDesktop {padding: 55px;}
.mainContainer { max-width: 1636px !important; padding-left: 18px !important; padding-right: 18px !important; margin-left: auto !important; margin-right: auto !important; left: 0 !important;}
.site-header .ast-container, .footer-section .ast-container { max-width: 1636px !important; padding-left: 18px !important; padding-right: 18px !important; }
.site-content .ast-container { width: 100%; padding-left: 0; padding-right: 0; }
.mainContainerPadding { padding-left: 100px !important; padding-right: 100px !important; }
.vc_section { margin: auto !important; }
.noPadding .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; }

/** TDI CUSTOM FLEX COLUMN SYSTEM **/
.section{clear:both;padding:0px;margin:0px}.col{display:block;float:left;margin:1% 0 1% 0.6%}.group:before,.group:after{content: " ";display:table}.group:after{clear:both}.col:first-child{margin-left:0}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}
@media only screen and (max-width:768px){.span_2_of_2,.span_1_of_2,.span_3_of_3,.span_2_of_3,.span_1_of_3,.span_4_of_4,.span_3_of_4,.span_2_of_4,.span_1_of_4,.span_5_of_5,.span_4_of_5,.span_3_of_5,.span_2_of_5,.span_1_of_5,.span_6_of_6,.span_5_of_6,.span_4_of_6,.span_3_of_6,.span_2_of_6,.span_1_of_6,.span_7_of_7,.span_6_of_7,.span_5_of_7,.span_4_of_7,.span_3_of_7,.span_2_of_7,.span_1_of_7{width:100%}}

/** HEADER **/
#ast-desktop-header {border-top: 6px solid #739489;}
.site-logo-img img {height: 100px !important;width: auto !important;}
.ast-site-identity {padding: 5px 0;}
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {min-height: 90px;}
#ast-fixed-header .main-header-bar {box-shadow: 0 1px 2px rgba(0,0,0,.2);background: rgba(0,0,0,0.7);}
#ast-fixed-header .main-header-menu > .menu-item.current-menu-item > .menu-link{color:#fff;}
#ast-fixed-header .main-header-menu .menu-link:hover, #ast-fixed-header .main-header-menu .menu-item:hover > .menu-link,.ast-builder-menu-1 .menu-item:hover > .menu-link{color:#2bd912;}
.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg {fill: #31cc1b;}
.ast-builder-menu-1 .menu-item > .menu-link { font-family: 'Poppins' !important; font-size: 18px !important; font-weight: 400 !important; }
.ast-search-menu-icon .astra-search-icon { line-height: 0; }
.ast-primary-header-bar {box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2);}

/** FOOTER **/
#gusta-footer .footerWrap a.footer-logo img {height: 216px; width: auto;margin-left: 50px;}
#gusta-footer .footerWrap .fIntro { font-size: 18px; font-weight: 300; line-height: 34px; max-width: 75%; }
#gusta-footer .gusta-section ul, #gusta-footer .section-container ul { margin: 0 !important;}
.footer-main .gusta-nav.vertical >ul >li >a, .footer-main .gusta-nav.vertical >ul >li >ul >li >a, .footer-main .gusta-nav.vertical >ul >li >ul >li >ul >li >a { padding-left: 0px !important; padding-right: 0px !important;}
.footer-main .footer-client-logos .wpb_wrapper { display: flex; justify-content: space-between; align-items: center; gap: 50px; }
.footer-main .footer-client-logos .logo { margin-bottom: 0px !important; }
.footer-main .footer-client-logos .vc_column-inner > .wpb_wrapper { margin-top: 40px; margin-bottom: 40px; }
.footer-main .footer-copyright .cpRights p { font-size: 16px; font-weight: 300; line-height: 34px; color: #fff; text-align: center; margin-bottom: 0; }
.footer-main .footer-copyright .cpRights p a { color: #fff; }
.footer-main .footer-copyright .cpRights p a:hover { color: #96ada5;transition: all 0.3s ease; }
.footer-main .footer-logo-wrapper, .footer-main .footer-contact-info { width: 25%; }
.footer-main .footer-menu-wrapper { width: 16.666%; }
.footer-main .footer-menu-wrapper h2 { line-height: normal; }
/* .footer-main .footer-contact-info .coInfoWrap p:last-of-type { margin-bottom: 0; } */
.footerWrap4 { display: flex; flex-direction: column; align-items: center; gap: 25px; }
.fCall { font-size: 18px !important; }
.fCall i { font-size: 22px !important; }

/** TYPOGRAPHY **/
body { font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 27px; color: #4d4c4d; background-color: #ffffff !important; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #4d4c4d; font-weight: 700 !important; text-transform: uppercase !important; }
h1, .h1 { font-size: 54px; }
h2, .h2 { font-size: 50px; line-height: 66px; }
h3, .h3 { font-size: 40px; }
h4, .h4 { font-size: 32px; }
h5, .h5 { font-size: 30px; }
h6, .h6 { font-size: 28px; }
ul li::marker { color: #729488; font-size: 1.2em; }
ol li::marker { color: #729488; font-weight: 400; }

.entry-content h2, .entry-content .h2 { margin-bottom: 30px; }
.uvc-sub-heading { font-weight: 300 !important; }
.textTransformToNormal h2 { text-transform: none !important; }
.entry-content .color-white, .entry-content .color-white h2, .entry-content .color-white .h2 { color: #fff; }

.alignleft { margin: 0 32px 32px 0 !important; }
.alignright { margin: 0 0 32px 32px !important; }
.aligncenter { margin: 32px !important; }

/* Accordion */
.vc_tta-accordion { margin-bottom: 30px; }
.vc_tta-accordion .vc_tta-panel-heading, .content-accordion .vc_tta-panel-heading { background-color: #cad6d2 !important; border: none !important; }
.vc_tta-accordion .vc_tta-panel-heading .vc_tta-panel-title, .content-accordion .vc_tta-panel-heading .vc_tta-panel-title { font-size: 26px; line-height: 30px; text-transform: none !important; }
.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading, .content-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #739489 !important; }
.site-content .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .site-content .content-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #f3f2ee; }
.site-content .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before, .site-content .content-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before { border-color: #f3f2ee; }

/* BreadCrumb */
nav.rank-math-breadcrumb p { font-weight: 300; }
nav.rank-math-breadcrumb a { font-size: 15px; text-decoration: underline; text-underline-offset: 4px; color: #f3f2ee !important; }
nav.rank-math-breadcrumb a:hover { color: #96ada5 !important; }

/** HEADINGS **/
#topHero {background-size: cover;background-repeat: no-repeat;background-position: center;}
#topHero h1 {font-size: 50px;color:#f3f2ee !important;}
.prettyHeader h2{font-size: 28px !important; font-weight: 700 !important; text-transform: capitalize !important; color: #fff !important;}

/** BUTTONS **/
.tdiDualBtn { display: flex; justify-content: center; gap: 74px; }
.tdiBtnStyle1, .tdiBtnStyle2, .tdiBtnStyle3, .tdiBtnStyle4 {display: inline-block;position:relative;text-decoration: none !important;text-align: center;font-size: 22px;font-weight: 400;line-height:1.5;text-transform: uppercase;padding: 12px 40px;min-width: 270px;border-radius: 30px;transition: all .3s ease;}
.tdiBtnStyle1 a, .tdiBtnStyle2 a, .tdiBtnStyle3 a, .tdiBtnStyle4 a {position: relative;text-decoration: none !important;z-index: 2;display: flex; justify-content: center; align-items: center;}
.tdiBtnStyle1 a i, .tdiBtnStyle2 a i, .tdiBtnStyle3 a i, .tdiBtnStyle4 a i {font-size: 24px; margin-right: 8px;}
.tdiBtnStyle1{background: #8a6e5a;color:#fff;}
.tdiBtnStyle1 a{color: #fff;}
.tdiBtnStyle1:hover { background-color: #729488; }
.tdiBtnStyle2{background: #f3f2ee;color:#729488;}
.tdiBtnStyle2 a {color: #729488;}
.tdiBtnStyle2:hover a { color: #fff; }
.tdiBtnStyle2:hover { background-color: #8a6e5a; }
.tdiBtnStyle3{background: #617d74;color:#ffffff;}
.tdiBtnStyle3 a{color: #ffffff;}
.tdiBtnStyle3:hover { background-color: #4d4c4d; }
.tdiBtnStyle4{background: #4d4c4d;color:#ffffff;}
.tdiBtnStyle4 a{color: #ffffff;}
.tdiBtnStyle4:hover { background-color: #617d74; }
.tdiBtnStyle3.dual-line-text { font-size: 18px; font-weight: 400; border-radius: 50px; }

/** MENU **/
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {line-height: 100px;}
.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu {border-color: #96ada5;}
.ast-builder-menu-1 .menu-item > .menu-link {color: #4D4C4D !important;font-family:'source-sans-pro', sans-serif;font-size: 18px;font-weight: 500;text-transform:uppercase; padding-left: 20px; padding-right: 20px;}
.ast-builder-menu-1 .menu-item:last-of-type > .menu-link { padding-right: 0px !important; }
.ast-builder-menu-1 .menu-item > .menu-link:hover,.ast-builder-menu-1 .menu-item.current_page_item > .menu-link,.current-menu-parent.current_page_parent .menu-link {color:#96ada5 !important;}
.main-header-menu .sub-menu,.main-header-menu .sub-menu li .sub-menu{padding:15px 0px;}
ul.sub-menu li,ul.sub-menu li .sub-menu li,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link{background:none;}
ul.sub-menu li:hover,ul.sub-menu li .sub-menu li:hover,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .menu-link{background:#96ada5}
.menu-item.current-menu-ancestor.current-menu-parent.current_page_ancestor.menu-item-has-children .sub-menu li.current-menu-item a {color: #fff !important;}
.menu-item .sub-menu li a.menu-link,.menu-item .sub-menu li .sub-menu li a.menu-link,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .menu-item .menu-link,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link{color: #4D4C4D !important;font-size: 16px !important;font-weight: 400;text-transform: none;background:none;padding: 5px 10px!important;}
.menu-item .sub-menu li:hover a.menu-link,.menu-item .sub-menu li .sub-menu li:hover a.menu-link {color: #fff !important;background:none;padding: 5px 10px!important;}
#ast-fixed-header .main-header-menu > .menu-item.current-menu-item > .menu-link{color:#fff;}
#ast-fixed-header .main-header-menu .menu-link:hover, #ast-fixed-header .main-header-menu .menu-item:hover > .menu-link,.ast-builder-menu-1 .menu-item:hover > .menu-link{color:#96ada5;}
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {max-height: 80px !important;transition:all 0.3s ease-in-out;}
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img:hover {transform: scale(1.1);transition:all 0.3s ease-in-out;}
.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg {fill: #31cc1b;}
.submenu-with-border .sub-menu .sub-menu {top: -16px;}
.ast-builder-menu-1 .menu-item.current_page_item > .menu-link:hover,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link:hover {color: #96ada5 !important;}
.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link .menu-item .menu-link:hover{color: #fff !important;}
.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .menu-link,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .menu-item .menu-link:hover{color:#fff !important;}
#ast-hf-menu-1 .menu-item.current-page-ancestor.current-menu-ancestor .menu-item.current-menu-item.page_item .sub-menu .menu-item .menu-link:hover {color: #fff !important;}
#ast-hf-menu-1 > li.current-menu-ancestor > .menu-link { color:#96ada5 !important; }
.current-menu-parent.current_page_parent.current_page_ancestor .sub-menu .current-menu-item.menu-item .menu-link{background:#96ada5}
.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > .menu-link { background:#96ada5 !important; color:#fff !important; }
.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-item > .menu-link { background:#96ada5 !important; color:#fff !important; }
#gusta-footer .footer-menu-wrapper li.current-menu-parent > .menu-link, #gusta-footer .footer-menu-wrapper li.current-page-ancestor > .menu-link { color: #fff !important; }
.site-header .tdiBtnStyle1 { font-size: 18px; }

/** COLORS **/
.whiteTxt,.whiteTxt h2,.whiteTxt h3,.whiteTxt h4,.whiteTxt h5,.whiteTxt h6,.whiteTxt p,.whiteTxt .uvc-sub-heading,.whiteTxt .uvc-sub-heading p,.whiteTxt a{color:#f3f2ee !important;}
.whiteTxt a:hover {color: #ddd;}
.whiteTxt ul li::marker { color: #f3f2ee; font-size: 1.2em; }
.whiteTxt ol li::marker { color: #f3f2ee; font-weight: 400; }

/** CONTENT ADJUSTMENTS **/
#ez-toc-container {display: none;}
ul.checkers {list-style-type: none;text-align: left;}
ul.checkers li{position:relative;}
ul.checkers li::before {content: "\2713";position: absolute;left: -20px;color: #ffbc13;}
ul.flexul {display: flex;flex-wrap: wrap;list-style: none;justify-content:space-between}
ul.flexul li {flex:0 32%}
ul.flexul.flex50 li{flex:0 48.5%}
ul.flexul li::before {content: "\2022";margin-right: 10px;}
.socmedWrap a {position: relative;border-radius: 10px;width: 30px;height: 30px;text-align: center !important;color: #4d4c4d;background: #fff;transition: all 0.3s ease;display: inline-block; margin: 0 6px;}
.socmedWrap a:hover {color: #fff !important;background: #96ada5;transition: all 0.3s ease;}
.socmedWrap a i.fa {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.coInfoWrap {margin-top: 25px;}
.coInfoWrap p { color: #fff; font-weight: 300; line-height: 26px; margin-bottom: 20px; }
.coInfoWrap a { color: #fff !important; }
.coInfoWrap a:hover { color: #96ada5 !important;transition: all 0.3s ease !important; }
#menu-footer-2 li a {border: none !important;padding: 0px 10px !important;}
#ast-desktop-header .ast-icon.icon-arrow svg { margin-left: 8px !important; }
#ast-desktop-header .sub-menu .ast-icon.icon-arrow svg { margin-left: 0 !important; }

/* Sidebar */
#primaryContent { width: 70%; }
#primaryContent > .vc_column-inner { padding-left: 0 !important; }
#secondaryContent { width: 30%; }
#secondaryContent > .vc_column-inner { padding-right: 0 !important; }
.sidebar { background-color: #729488; color: #f3f2ee; display: flex; flex-direction: column; align-items: center; padding: 60px 32px 40px 32px; margin-bottom: 12px; }
.sidebar h4 { font-size: 36px; line-height: normal; color: #f3f2ee; }
.sidebar h5, .about-sidebar h5 { line-height: normal; color: #f3f2ee; margin-bottom: 10px; }
.sidebar .logo { margin-bottom: 30px; }
.sidebar .logo img { height: 145px; width: 132px; }
.sidebar .sidebar-heading { text-align: center; margin-bottom: 40px; }
.sidebar .sidebar-buttons { margin-bottom: 60px; text-align: center; }
.sidebar .sidebar-buttons p { font-size: 18px; line-height: 1.5; color: #f3f2ee; margin-bottom: 20px; }
.sidebar .sidebar-buttons .tdiBtn { width: 100%; margin-bottom: 22px; }
.sidebar .tdiBtnStyle1:hover { background-color: #4d4c4d; }
.sidebar .sidebar-menu ul.menu { margin: 0 !important; padding: 0 !important; }
.sidebar .sidebar-menu ul.menu li { list-style-type: none; border-bottom: 1px solid #7b9e92; margin-bottom: 0 !important; }
.sidebar .sidebar-menu ul.menu a { font-size: 18px; line-height: 44px; color: #f3f2ee; text-decoration: none; transition: all 0.3s ease; }
.sidebar .sidebar-menu a:hover { color: #4d4c4d !important; }
.about-sidebar { background-color: #8a6e59; color: #f3f2ee; padding: 50px 35px 38px 35px; }
.about-sidebar p { font-size: 18px; line-height: 1.5; color: #f3f2ee; }

/* Home Page - Hero Section */
.home-hero { display: flex; justify-content: flex-end; margin-top: 100px !important; }
.home-hero:before { content: ''; display: block; background: rgba(115, 148, 137, 1); position: absolute; top: 0; left: 50%; width: 100%; height: 100%; mix-blend-mode: multiply; }
.home-hero-content { width: 50% !important; color: #fff !important; }
.home-hero-content .uvc-main-heading { width: 660px; padding-left: 45px !important; }
.home-hero-button { padding-left: 45px; }
.home-hero-content .uvc-main-heading h1 { color: #fff !important; font-weight: 700 !important; }
.home-hero-content .uvc-sub-heading { background-color: rgba(138, 110, 89, 0.80); padding: 42px 38px 38px 50px !important; color: #fff !important; font-weight: 300 !important; max-width: 800px !important; margin-left: 0 !important; }
.home-hero-content .vc_column_container>.vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; }

/* Home Page - Programs Section */
.home-programs-cards .wpb_wrapper { display: flex; justify-content: center; flex-wrap: wrap; gap: 35px; }
.home-programs-cards .programs-card { height: 500px !important; width: 445px !important; display: flex; align-items: end; padding-left: 0 !important; padding-right: 0 !important; background-size: cover; background-position: center; box-shadow: 0 18px 24px rgba(0, 0, 0, 0.20); text-decoration: none !important; }
.home-programs-cards .programs-card .inner-row { background: linear-gradient(0deg,  rgba(0,0,14,0.8) 0%,rgba(0,0,14,0.8) 2%,rgba(0,0,14,0) 100%); height: 100%; width: 100%; display: flex; align-items: flex-end; }
.home-programs-cards .programs-card .card-content { height: 260px !important; }
.home-programs-cards .programs-card .card-content .card-heading { background-color: #739489; width: calc(100% - 20px); height: 53px; display: flex; justify-content: flex-start; align-items: center; margin-left: -10px; padding-left: 35px; }
.home-programs-cards .programs-card .card-content .card-heading h4 { text-transform: none !important; color: #fff !important; margin-bottom: 0 !important; }
.home-programs-cards .programs-card .card-content-scroll { margin: 15px 15px 35px 25px !important; max-height: 168px; overflow-y: auto; font-weight: 300 !important; }
.home-programs-cards .programs-card .card-content-scroll p { font-weight: 300; color: #fff !important; padding-right: 10px; margin-bottom: 0 !important; }
.home-programs-cards .programs-card .card-content-scroll::-webkit-scrollbar { width: 1px; }
.home-programs-cards .programs-card .card-content-scroll::-webkit-scrollbar-track { background: #fff; }
.home-programs-cards .programs-card .card-content-scroll::-webkit-scrollbar-thumb { background-color: #739489; border-radius: 8px; }
.home-programs-cards .programs-card { position: relative; display: block; overflow: hidden; color: #fff; text-decoration: none; }
.home-programs-cards .programs-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform 0.5s ease; z-index: 0; }
.home-programs-cards .programs-card > * { position: relative; z-index: 1; }
.home-programs-cards .programs-card:hover::before { transform: scale(1.1); }

/* Home Page - Team Slider Section */
.team-slider .team-content { background-color: #729488; padding: 12px !important; }
.team-slider .team-image, .team-slider .team-image .gusta-image-as-background { height: 325px !important; width: auto; }
.team-slider .team-title { font-size: 24px !important; line-height: 38px !important; }
.team-slider .team-role { font-size: 18px !important; line-height: 26px !important; }
.team-slider .owl-carousel .owl-nav .owl-prev, .treatment-slider .owl-carousel .owl-nav .owl-prev { left: -60px !important; }
.team-slider .owl-carousel .owl-nav .owl-next, .treatment-slider .owl-carousel .owl-nav .owl-next { right: -60px !important; }
.team-slider .owl-carousel .owl-nav, .treatment-slider .owl-carousel .owl-nav { opacity: 1 !important; visibility: visible !important; }

/* Home Page - Google Review Section */
.google-review .uvc-heading .uvc-sub-heading, .team-slider-section .uvc-heading .uvc-sub-heading { width: 85%; }
.google-review .swiper-pagination-bullet, .swiper-pagination-bullet-active { background-color: #fff !important; }

/* Home Page - Treatment Slider Section */
.treatments-slider-section .treatment-slider .uvc-sub-heading { width: 96% !important; }
.treatment-slider .post-details { height: 330px; overflow: hidden; margin-top: 240px !important; background: linear-gradient(0deg, rgba(0,0,14,1) 0%,rgba(0,0,14,1) 20%,rgba(0,0,14,0.2) 100%); z-index: 3; }
.treatment-slider a.gusta-image-as-background { z-index: 2 !important; }
.treatment-slider.post-listing a.gusta-image-as-background { z-index: 1 !important; }
.treatment-slider .card-content-scroll { max-height: 210px; overflow-y: auto; padding-right: 20px !important; }
.treatment-slider .card-content-scroll::-webkit-scrollbar { width: 1px; }
.treatment-slider .card-content-scroll::-webkit-scrollbar-track { background: #fff; }
.treatment-slider .card-content-scroll::-webkit-scrollbar-thumb { background-color: #739489; border-radius: 8px; }
.post-listing .post-details .gusta-post-categories { font-size: 15px; color: #739489; margin-right: 22px !important; }
.post-listing .post-details .gusta-post-categories:after { content: ''; background-color: #fff; height: 15px; width: 1px; top: 6px; right: -22px; margin: 0 10px; position: absolute; }
.post-listing .post-details .gusta-icon-link { background: none; color: #739489; padding: 0 !important; margin: 0 !important; }
.post-listing .post-details .gusta-icon-link span { padding: 0 !important; margin: 0 !important; }
.post-listing .post-details .card-content-scroll { padding-right: 20px !important; margin-bottom: 20px !important; max-height: 108px; overflow-y: auto; }
.post-listing .post-details .card-content-scroll::-webkit-scrollbar { width: 1px; }
.post-listing .post-details .card-content-scroll::-webkit-scrollbar-track { background: #fff; }
.post-listing .post-details .card-content-scroll::-webkit-scrollbar-thumb { background-color: #739489; border-radius: 8px; }
.fullwidth.title-with-button { width: 100%; }
.fullwidth.title-with-button .wpb_wrapper { display: flex; justify-content: space-between; align-items: center; }
.fullwidth.title-with-button h2 { margin-bottom: 0 !important; }

/* Home Page - Insurance Section */
.insurance-form-section { overflow: visible !important; }
.insurance-section-right { margin-top: -150px; }
.insurance-section-right .wpb_wrapper { position: relative; }
.insurance-section-image .vc_single_image-wrapper img { height: 800px; width: 560px; object-fit: cover; }
.insurance-section-quote .quote-block { position: relative; background-color: #8a6e59; color: #fffcff; font-weight: 400; height: 290px; width: 282px; padding: 30px 20px; }
.insurance-section-quote .quote-block:before { content: '\f10d'; font-family: 'FontAwesome'; position: absolute; top: -10px; font-size: 56px; color: #d2d1ce; }
.insurance-section-quote .quote-author { display: flex; justify-content: flex-start; align-items: center; gap: 12px; }
.insurance-section-quote .quote-author .author-image img { height: 70px; width: 70px; object-fit: cover; border-radius: 50%; }
.insurance-section-quote .quote-text p { font-weight: 300; margin-bottom: 10px; }
.insurance-section-quote .author-name p { margin-bottom: 0 !important; }
.insurance-section-quote { position: absolute; bottom: 120px; }
.insurance-section-quote .quote-icon { display: flex; justify-content: center; align-items: center; height: 65px; width: 65px; background-color: #739489; font-size: 40px; position: absolute; right: -45px; bottom: 12px; }
.insurance-section-quote .quote-icon i { line-height: 0px; }
.insurance-section-left .uvc-main-heading h2 { text-align: left !important; font-size: 46px !important; line-height: 66px !important; }

/* Home Page - Why Spero Section */
.why-spero-icons { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 30px; }
.why-spero-item { width: calc(33.333% - 30px); }
.why-spero-item .inner-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; text-align: center; }
.why-spero-icons .item-icon { display: flex; justify-content: center; align-items: center; border: 2px solid #739489; border-radius: 50%; height: 90px; width: 90px; padding: 18px; }
.why-spero-item .inner-item p { margin-bottom: 0 !important; }
.why-spero-icons .item-icon img { max-height: 70px; }
.why-spero-aside { display: flex; flex-wrap: wrap; background-color: #739489 !important; padding: 24px 35px 40px 35px; width: 550px; margin-left: auto; }
.why-spero-aside .tdiBtnStyle2 { margin-left: auto; margin-right: auto; }
.why-spero-aside p { color: #f4f4f4; font-size: 17px; line-height: 27px; margin-bottom: 0 !important; }
.why-spero-aside h3 { font-size: 60px; line-height: 66px; color: #f4f4f4; margin-bottom: 0; display: flex; }
.why-spero-aside h3 span { font-size: 40px; }
.why-spero-aside h4 { font-size: 34px; line-height: 42px; color: #f4f4f4; margin-bottom: 0; }
.why-spero-aside h5 { color: #f4f4f4; margin-bottom: 0; line-height: normal; }
.why-spero-aside .round-text { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.why-spero-aside .round-row { display: flex; justify-content: center; align-items: center; gap: 30px; }
.why-spero-aside .spero-slogan { background-color: #8a6e59; padding: 38px 32px; width: 400px; display: flex; justify-content: center; align-items: center; text-align: center; margin-top: 20px; margin-bottom: 20px; position: relative; left: -95px; }
.why-spero-aside .round-text { --size: 170px; min-width: var(--size); height: var(--size); border-radius: 50%; background: conic-gradient( #536b63 0% 75%, #ffffff 75% 90%, #536b63 90% 100% ); display: flex; align-items: center; justify-content: center; padding: 1px; }
.why-spero-aside .round-text .inner-text { width: calc(100% - 10px); height: calc(100% - 10px); background-color: #6e9185; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; text-align: center; }
.why-spero-aside .round-row.round-right-content { text-align: right; }

/* Home Page - Insurance Slider Section */
.insurance-slider .owl-stage { display: flex; justify-content: center; align-items: center; }
.insurance-slider .post-listing-container { margin-bottom: 0 !important; }
.all-insurances .vc_column-inner { display: flex; justify-content: flex-end; align-items: center; }
.ipf-Image img {max-height: 60px;width: auto !important;transition: all 0.3s ease;}
.ipf-Image img:hover {transform: scale(1.05) !important;transition: all 0.3s ease;}

/* Home Page - Donation Section */
.image-for-quote-over .vc_figure { position: relative; }
.image-for-quote-over .vc_figure:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('/wp-content/uploads/2025/08/image-vivid-light-overlay.png'); background-size: cover; background-repeat: no-repeat; }
.image-for-quote-over img { height: 553px; width: 550px; object-fit: cover; }
.quote-over-image-block { display: flex; justify-content: flex-end; margin-top: -95px; position: relative; z-index: 1; }
.quote-over-image { background-color: #4d4c4d; width: 440px; padding: 25px 35px 30px 30px; }
.quote-over-image i { color: #f4f4f4; font-size: 40px; }
.quote-over-image h5 { color: #f4f4f4; width: 75%; margin-bottom: 15px; line-height: normal; }
.quote-over-image p { color: #89b0a3; font-weight: 400; margin-bottom: 0; }
.quote-over-heading { display: flex; justify-content: center; align-items: center; }
.quote-over-author { display: flex; justify-content: flex-end; }
.donation-right-column .uvc-main-heading { position: relative; left: -40%; }
.donation-right-column .uvc-main-heading h2 { font-size: 65px !important; line-height: 87px !important; }

/* Team Section */
.team-cards .team-content { background-color: #70978a; padding-top: 12px !important; padding-bottom: 12px !important; }
.team-cards h6 { font-size: 22px !important; }
.team-cards p { font-size: 18px !important; }

/* Featured News */
.featured-news .featured-news-inner { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 35px; }
.featured-news .news-item { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.20); width: 48%; text-decoration: none !important; }
.featured-news .news-image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform 0.5s ease; z-index: 0; }
.featured-news .news-item:hover .news-image::before { transform: scale(1.1); }
.featured-news .news-item:hover .news-title { color: #739489 !important; }
.featured-news .news-image { background-size: cover; background-repeat: no-repeat; height: 245px; width: auto; position: relative; z-index: 1; overflow: hidden; }
.featured-news .news-content { padding: 20px; min-height: 90px; display: flex; justify-content: center; align-items: flex-start; }
.featured-news .news-title { color: #000000 !important; font-size: 22px; line-height: normal; text-transform: none !important; margin-bottom: 0; }

/* Copy CTA Section */
.cta-copy-section:before { content: ''; position: absolute; display: block; inset: 0; background-color: #739489; opacity: .92; }
.cta-copy-section .uvc-heading { width: 90%; }
.cta-copy-section .mainContainer { float: none !important; }
.cta-copy-section .wpb_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.cta-copy-section .uvc-main-heading h2 { color: #f3f2ee; margin-bottom: 38px; }
.cta-copy-section .uvc-sub-heading p, .cta-copy-section .uvc-sub-heading a { color: #f3f2ee; }
.cta-copy-section .uvc-sub-heading a:hover { color: #4d4c4d; }
.cta-copy-section .wpb_wrapper p:last-of-type { margin-bottom: 46px; }

/* Services Section */
.service-cards { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 30px; }
.service-cards .service-card { position: relative; background-color: #000; box-shadow: 0 18px 24px rgba(0, 0, 0, 0.20); width: 31%; }
.service-card .service-card-image { position: relative; }
.service-card .service-card-image:before { content: ''; position: absolute; display: block; left: 0; bottom: -30px; right: 0; background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 21%,rgba(0,0,0,0.2) 100%); height: 85px; }
.service-card .service-card-image img { height: 228px; width: 100%; object-fit: cover; }
.service-card .service-card-content { margin: 13px 20px 24px 20px; position: relative; bottom: 52px; z-index: 2; }
.service-card .service-card-content p { color: #fff; font-weight: 300; padding-bottom: 1px; overflow-y: auto; }
.service-card .service-card-content h6 { color: #fff; line-height: 30px; text-transform: none !important; }
.service-cards.long .service-card-content { height: 360px; }
.service-cards.long .service-card-content p { max-height: 330px; }
.service-cards.short .service-card .service-card-content { bottom: 90px; }
.service-cards.short .service-card .service-card-image:before { height: 120px !important; }
.service-cards.short .service-card-content { max-height: 180px; }
.service-cards.short .service-card-content p { max-height: 188px; padding-right: 10px; }
.service-cards .service-card-content p::-webkit-scrollbar { width: 1px; }
.service-cards .service-card-content p::-webkit-scrollbar-track { background: #fff; }
.service-cards .service-card-content p::-webkit-scrollbar-thumb { background-color: #739489; border-radius: 8px; }
.service-card a { display: block; text-decoration: none !important; }
.service-card .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.3s ease; z-index: 1; }
.service-card:hover .overlay { opacity: 1; }

/* 12-Step Programs Section */
.twelve-step-program > .wpb_column, .twelve-step-program > .wpb_column > .vc_column-inner, .twelve-step-program > .vc_column-inner > .wpb_wrapper { position: initial; }
.twelve-step-row { height: 100% !important; position: absolute !important; inset: 0; }
.twelve-step-program-image { height: 100%; }
.twelve-step-program-image:before { content: ''; position: absolute; inset: 0; background-color: #739489; z-index: 1; mix-blend-mode: multiply; }
.twelve-step-program-image > .vc_column-inner { height: 100%; mix-blend-mode: multiply; opacity: .74; }

/* Gravity Form */
.main-form h3 { font-family: 'Poppins', sans-serif; font-weight: 500 !important; font-size: 22px !important; line-height: normal; text-transform: uppercase; color: #4d4c4d; margin-bottom: 0px !important; }
.main-form hr { height: 0 !important; display: none; }
.main-form .gfield_label, .main-form .gform-field-label { font-size: 18px !important; font-weight: 300 !important; text-transform: capitalize !important; margin-bottom: 8px; }
.main-form .top_label div.ginput_container { margin-top: 0 !important; }
.main-form li.hidden_label input, .main-form li.hidden_label select { margin-top: 8px !important; }
.main-form .gfield_required { color: #4d4c4d; }
.main-form li.gfield.half-width { width: 50% !important; }
.main-form li.gfield.three-fields { width: 33.333% !important; }
.main-form ul.gform_fields { display: flex !important; flex-wrap: wrap !important; }
.main-form li.gfield { width: 100%; margin-top: 30px !important; }
.main-form li.gfield:is(:first-child) { margin-top: 0 !important; }
.main-form li.gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { width: 100% !important; height: 56px; border: solid 1px #739489; padding-left: 16px; padding-right: 16px; }
.main-form li.gfield textarea { height: 104px; border: solid 1px #739489; padding-left: 16px; padding-right: 16px; }
.main-form li.gfield select { height: 56px; border: solid 1px #739489; padding-left: 16px; padding-right: 16px; }
.main-form li.gfield .gfield_radio { display: flex; gap: 40px; }
.main-form .gfield_radio li input[type=radio] { margin-top: 4px !important; }
.main-form li.gfield.form-subheading { margin-top: 40px !important;}
.main-form .gform_button { font-size: 22px !important; text-transform: uppercase !important; padding: 18px 40px !important; }
.main-form ul.gfield_checkbox, .main-form ul.gfield_radio, .main-form .gfield_checkbox li, .main-form .gfield_radio li { margin: 0 !important; }
.main-form div.validation_error { padding: 0; }
.main-form div.validation_error h2 { font-size: 18px; line-height: 26px; text-transform: none; }
.main-form.quiz-form .gfield_radio { flex-direction: column; justify-content: center; gap: 5px !important; }

/* Podcast Archive Page */
body.archive .content-area { margin-top: 100px !important; }
body.archive .page-title { font-size: 54px !important; }
body.post-type-archive-podcast .site-content { background-color: #fff; }
body.post-type-archive-podcast .site-main { padding: 0 50px; }
body.post-type-archive-podcast .site-main .ast-row { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 50px; }
article.type-podcast { width: 31%; padding: 30px !important; border: 1px solid #000 !important; transition: all 0.3s ease; text-align: center; position: relative; }
article.type-podcast:before { content: '\f2ce'; font-family: 'FontAwesome'; position: absolute; top: -10px; font-size: 56px; color: #729488; }
article.type-podcast:hover { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.20); }
article.type-podcast img { width: 250px; height: auto; }
article.type-podcast h2.entry-title a { text-transform: none !important; }
article.type-podcast .ast-excerpt-container, article.type-podcast header, article.type-podcast .read-more { display: none !important; }

/* Inner Page Hero */
#topHero h1.heroHeading {max-width: 1024px;}
#topHero{padding:200px 0px 110px;overflow:visible;}
#topHero h1 {font-size: 42px;color:#f3f2ee;line-height: 50px;font-weight: 500;text-shadow: 0px 0px 10px transparent;margin-bottom: 0px;}
#topHero {background-size: cover;background-repeat: no-repeat;background-position: center;}
#topHero .page-hero-content a { color: #f3f2ee; }
#topHero nav.rank-math-breadcrumb a{color:#ddd}
#topHero nav.rank-math-breadcrumb, #topHero nav.rank-math-breadcrumb a:hover {color: #fff;font-size: 15px;}
.gsWatermark {position: absolute;right: 15%;top: 60%;transform: translateY(-50%);opacity: 0.2;}
#topHero .heroBg { position: relative; }
#topHero .heroBg:before { content: ''; position: absolute; inset: 0; background-color: #121715; opacity: .28; z-index: 1; mix-blend-mode:  multiply; }
#topHero .heroBg:after { content: ''; position: absolute; inset: 0; background-color: #739489; opacity: .95; z-index: 2; mix-blend-mode:  multiply; }
#topHero .page-hero-logo { position: absolute; left: 50%; bottom: -176px; transform: translateX(-50%); }
#topHero .page-hero-logo:before { content: ''; position: absolute; border-radius: 50%; background: #f3f2ee; height: 90px; width: 90px; bottom: -5px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.4); }
#topHero .page-hero-logo img { display: block; width: 90px; height: auto; z-index: 2; position: relative; }
#topHero .page-title .wpb_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#topHero .page-hero-content { width: 90% !important; text-align: center; margin-left: auto; margin-right: auto; }
#topHero .page-hero-content p { font-size: 20px !important; line-height: 28px !important; color: #f3f2ee !important; margin-bottom: 36px !important; }
#topHero > .wpb_column > .vc_column-inner, #topHero .lockedWidth > .wpb_column > .vc_column-inner { padding: 0 !important; }

@media only screen
and (min-width : 320px)
and (max-width : 1000px) {
    #topHero {padding:150px 0px 100px !important;}
    #topHero h1 {font-size: 30px !important;line-height: 1.2 !important;}
    #topHero .wpb_text_column.wpb_content_element {margin-bottom: 0px;}
    #topHero .page-hero-logo img { width: 70px !important; }
    #topHero .page-hero-logo:before { height: 70px !important; width: 70px !important; }
    #topHero .page-hero-logo { bottom: -160px !important; }
    #topHero .page-hero-content { width: 100% !important; }
    #topHero .page-hero-content p { font-size: 16px !important; line-height: 1.5 !important; }
    .rowReversed{display: flex !important;flex-direction: row !important;flex-flow: row-reverse wrap-reverse !important;flex-direction: row-reverse !important;}
    .row-mobile-order {display: flex;flex-direction: column;}
    .column-order1 {order: 1;}
    .column-order2 {order: 2;}
    .column-order3 {order: 3;}
    .column-order4 {order: 4;}
    .half {flex-grow: 0;flex-shrink: 0;flex-basis: 50%;}
    #pojo-a11y-toolbar,.ez-toc-open-icon {z-index: 1;}
    ul.flexul {display: block;flex-wrap: auto;}
    .lockedWidth, .lockedWidthHalf{margin: 0px auto !important;padding-left: 10px !important;padding-right: 10px !important;}
    .vc_row.wpb_row.vc_row-fluid.vc_row-no-padding.vc_row-o-equal-height.vc_row-o-content-middle.vc_row-flex .wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill {min-height: 200px;background-position: center center !important;background-size: cover !important;}
    .paddedDesktop {padding: 15px;}
    [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {fill: #4d4c4d;}
    #ast-fixed-header .main-header-menu > .menu-item.current-menu-item > .menu-link {color: #00c3ee;}
    .main-navigation ul.sub-menu {padding-left: 35px;}
    .centeredBg .vc_column-inner{padding:100px 0 !important;}
}

@media only screen  and (min-width : 1900px) and (max-width : 2400px) {
    .home-hero-content .uvc-main-heading { width: 68% !important; }
}
@media only screen and (max-width : 1660px) { /* 1660-1440 */
    .lockedWidth { padding-left: 50px !important; padding-right: 50px !important; }
    .lockedWidthHalf { padding-left: 25px !important; padding-right: 25px !important; }
    .tdiBtnStyle1, .tdiBtnStyle2, .tdiBtnStyle3, .tdiBtnStyle4 { font-size: 18px; padding: 12px 30px; }
    .site-logo-img img { height: 80px !important; }
    .ast-builder-menu-1 .menu-item > .menu-link { font-size: 18px !important; padding-left: 20px !important; padding-right: 20px !important; }
    .ast-hfb-header .site-header-section > .ast-header-search, .ast-hfb-header .ast-header-search { margin: 0 !important; }
    #gusta-footer .footerWrap .fIntro { max-width: 90%; }
    .home-hero { margin-top: 90px !important; }
    .home-hero-content .uvc-main-heading { width: 655px !important; }
    .home-hero-content .uvc-sub-heading { max-width: 90% !important; padding: 40px 40px 40px 50px !important; }
    .home-programs-cards .programs-card { width: 398px !important; }
    .team-slider .team-title { font-size: 22px !important; line-height: 1.5 !important; }
    .team-slider .team-role { font-size: 18px !important; line-height: 1.5 !important; }
    .service-card .service-card-content h6 { font-size: 22px; }
    .team-slider .owl-carousel .owl-nav .owl-prev, .treatment-slider .owl-carousel .owl-nav .owl-prev { left: 0 !important; }
    .team-slider .owl-carousel .owl-nav .owl-next, .treatment-slider .owl-carousel .owl-nav .owl-next { right: 0 !important; }
    .donation-right-column .uvc-main-heading { left: -35%; }
    .donation-right-column .uvc-main-heading h2 { font-size: 60px !important; line-height: 1.2 !important; }
    .team-cards h6 { font-size: 20px; }
}
@media only screen and (max-width : 1439px) { /* 1439-1280 */
    .lockedWidth, .lockedWidthHalf { padding-left: 20px !important; padding-right: 20px !important; }
    .site-header .tdiBtnStyle1 { font-size: 16px; padding: 12px 24px; }
    .ast-builder-menu-1 .menu-item > .menu-link { font-size: 16px !important; padding-left: 10px !important; padding-right: 10px !important; }
    .footer-main .footerWrap a.footer-logo img { height: 180px; }
    #gusta-footer .footerWrap .fIntro { max-width: 100%; font-size: 16px; }
    .footer-main .footer-menu-wrapper h2 { font-size: 24px !important; }
    #gusta-footer .footer-main .footer-menu-wrapper a.menu-link, .footer-main .coInfoWrap a { font-size: 16px !important; }
    .footer-main .coInfoWrap a br { display: none; }
    .sidebar { padding: 60px 20px 40px 20px !important; }
    .about-sidebar { padding: 50px 20px 38px 20px !important; }
    .home-hero-content .uvc-main-heading { width: 585px !important; }
    .home-hero-content .uvc-sub-heading { max-width: 570px !important; }
    .why-spero-aside { width: 100%; justify-content: center; }
    .why-spero-aside .spero-slogan { margin-top: 20px; left: 0; }
    .home-programs-cards .wpb_wrapper { gap: 20px; }
    .home-programs-cards .programs-card { width: 364px !important; }
    .home-programs-cards .programs-card .card-content .card-heading h4 { font-size: 30px; }
    .team-slider .team-image, .team-slider .team-image .gusta-image-as-background { height: 270px !important; }
    .team-slider .team-title { font-size: 18px !important; line-height: 28px !important; }
    .main-form .gfield_label, .main-form .gform-field-label { font-size: 16px !important; }
    .donation-right-column .uvc-main-heading { left: -28%; }
    .donation-right-column .uvc-main-heading h2 { font-size: 55px !important; }
    .team-cards h6 { font-size: 18px !important; }
    .team-cards p { font-size: 16px !important; }
    .team-cards .team-content { padding-top: 4px !important; padding-bottom: 4px !important; }
    .featured-news .featured-news-inner { gap: 30px; }
    .service-cards .service-card { width: 30%; }
}
@media only screen and (max-width : 1279px) { /* 1279-1024 */
    h1 { font-size: 44px !important; }
    h2 { font-size: 40px !important; line-height: 1.2 !important; }
    h3 { font-size: 30px !important; }
    h4 { font-size: 28px !important; }
    h5 { font-size: 26px !important; }
    h6 { font-size: 24px !important; }
    .tdiBtnStyle1, .tdiBtnStyle2, .tdiBtnStyle3, .tdiBtnStyle4 { font-size: 18px; min-width: 200px; padding: 12px 20px; }
    .tdiBtnStyle1 a i, .tdiBtnStyle2 a i, .tdiBtnStyle3 a i, .tdiBtnStyle4 a i { font-size: 20px; }
    .tdiBtnStyle3.dual-line-text { font-size: 16px; padding: 12px 12px; }
    .site-header-section>* { padding: 0 5px; }
    .ast-builder-menu-1 .menu-item > .menu-link { font-size: 14px !important; padding-left: 8px !important; padding-right: 8px !important; }
    .ast-builder-menu-1 .menu-item:last-of-type > .menu-link { padding-right: 10px !important; }
    #ast-desktop-header .ast-icon.icon-arrow svg { margin-left: 4px !important; }
    .ast-header-search .astra-search-icon { font-size: 16px !important; }
    .site-header .tdiBtnStyle1 { font-size: 14px; padding: 12px 16px; }
    .footer-main .footer-logo-wrapper { width: 30%; }
    .footer-main .footerWrap { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
    #gusta-footer .footerWrap a.footer-logo img { margin-left: 0; }
    .footer-main .footer-menu-wrapper { width: 23.3%; }
    .footer-main .footer-contact-info { width: 100%; }
    .footer-main .footer-client-logos .wpb_wrapper { gap: 20px; }
    #secondaryContent .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; }
    .sidebar { padding: 60px 10px 40px 10px !important; }
    .sidebar .sidebar-menu ul.menu a { font-size: 15px !important; line-height: 40px !important; }
    .sidebar h5 { font-size: 22px !important; }
    .about-sidebar p { font-size: 16px !important; }
    .home-hero-content .uvc-main-heading { width: 100% !important; padding-right: 45px !important; }
    .home-hero-content .uvc-sub-heading { width: 100% !important; }
    .why-spero-icons { gap: 25px; }
    .why-spero-aside .round-row { gap: 20px; }
    .why-spero-aside .round-text { --size: 150px; }
    .why-spero-aside h3 { font-size: 50px !important; line-height: 62px; }
    .why-spero-aside h4 { font-size: 30px !important; line-height: 38px; }
    .why-spero-aside h5 { font-size: 28px !important; line-height: 38px; }
    .why-spero-aside p { font-size: 16px; line-height: 25px; }
    .why-spero-aside h3 sup { font-size: 36px; }
    .why-spero-item .inner-item p { font-size: 16px !important; line-height: 20px !important; }
    .home-programs-cards .programs-card { width: 48% !important; }
    .home-programs-cards .wpb_wrapper { gap: 30px }
    #content .team-slider .post-listing-container { width: 100% !important; }
    .team-slider .team-image, .team-slider .team-image .gusta-image-as-background { height: 230px !important; width: 100% !important;}
    .team-slider .team-content { padding: 4px !important; }
    .team-slider .team-title { font-size: 15px !important; line-height: 27px !important; }
    .team-slider .team-role { font-size: 14px !important; line-height: 22px !important; }
    .insurance-section-left.main-form li.gfield.half-width { width: 100% !important; }
    .quote-over-image-block { justify-content: center; }
    .quote-over-image { width: 100%; }
    .donation-right-column .uvc-main-heading { left: -20%; }
    .donation-right-column .uvc-main-heading h2 { font-size: 45px !important; }
    .post-listing .post-details h6, .post-listing .post-details h6 a { font-size: 22px !important; line-height: 1.2 !important; }
    #content .team-cards .column { padding: 0 5px !important; }
    .team-cards h6 { font-size: 16px !important; line-height: 1.5; }
    .team-cards p { font-size: 14px !important; line-height: 1.5; }
    .featured-news .news-item { width: 46%; }
    .service-cards .service-card { width: 47%; }
    .contentBlockWithBG > .wpb_column > .vc_column-inner { margin: 30px !important; padding: 30px 30px 0 30px !important; }
}
@media only screen and (max-width : 1023px) { /* 1023-768 */
    #gusta-footer .footerWrap .fIntro { width: 100%; max-width: 100%; }
    .footer-main .footer-logo-wrapper { width: 100%; }
    .footer-main .footer-menu-wrapper { width: 33.333%; }
    .footer-main .footer-contact-info { margin-top: 50px; }
    .footer-main .footer-client-logos .wpb_wrapper { justify-content: space-around; flex-wrap: wrap; gap: 25px; text-align: center; }
    .footer-main .footer-client-logos img { max-width: 80%; }
    #primaryContent { width: 100% !important; margin-bottom: 50px; }
    #primaryContent > .vc_column-inner { padding-right: 0 !important; }
    #secondaryContent { width: 70% !important; left: 50%; transform: translate(-50%); }
    .sidebar .sidebar-buttons .tdiBtn { width: 70% !important; }
    .sidebar .sidebar-menu ul.menu { text-align: center; }
    .sidebar h4 { font-size: 36px !important; }
    .sidebar h5, .about-sidebar h5 { font-size: 30px !important; text-align: center; }
    .sidebar-menu { width: 60%; }
    .about-sidebar { text-align: center; }
    .fullwidth.title-with-button .wpb_wrapper { text-align: center; flex-direction: column; gap: 20px; }
    .home-hero:before { left: 0; }
    .home-hero-content { width: 100% !important; }
    .home-hero-content .uvc-heading { text-align: center !important; }
    .home-hero-content .uvc-sub-heading { max-width: 100% !important; }
    .home-hero-button { text-align: center; padding-left: 0; }
    .why-spero-section .uvc-main-heading { text-align: center; }
    .why-spero-section { display: flex; flex-direction: column; align-items: center; }
    .why-spero-section .wpb_column:first-of-type { width: 100%; }
    .why-spero-section .wpb_column:last-of-type { width: 70%; margin-top: 30px; }
    .why-spero-aside p { font-size: 18px; }
    .why-spero-aside .spero-slogan { width: 70%; padding: 30px 30px; }
    .home-programs-cards .programs-card { width: 80% !important; }
    .team-slider { margin-bottom: 60px !important; }
    .team-slider .team-image, .team-slider .team-image .gusta-image-as-background { height: 350px !important; }
    .team-slider .team-title { font-size: 20px !important; line-height: 30px !important; }
    .team-slider .team-role { font-size: 16px !important; line-height: 24px !important; }
    .insurance-section-left .uvc-main-heading h2 { font-size: 36px !important; line-height: 46px !important; }
    .insurance-section-left.main-form h3 { font-size: 20px !important; }
    .insurance-section-left.main-form .gf_name_has_2 span { width: 100% !important; }
    .donation-right-column .vc_column-inner { padding-left: 20px !important; }
    .donation-right-column .uvc-main-heading { left: 0; }
    .donation-right-column .uvc-main-heading h2 { font-size: 32px !important; }
    .team-cards h6 { font-size: 18px !important; }
    .team-cards p { font-size: 16px !important; }
}
@media only screen and (max-width : 767px) { /* 767-480 */
    body { font-size: 16px !important; line-height: 1.5; }
    h1 { font-size: 36px !important; }
    h2 { font-size: 30px !important; }
    h3 { font-size: 28px !important; }
    h4 { font-size: 26px !important; }
    h5 { font-size: 24px !important; }
    h6 { font-size: 22px !important; }
    #content .vc_row:not(.vc_row-has-fill) > .wpb_column > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; }
    #content .contentBlockWithBG > .wpb_column > .vc_column-inner { padding: 30px 30px 0 30px !important; }
    .tdiBtnStyle1, .tdiBtnStyle2, .tdiBtnStyle3, .tdiBtnStyle4 { font-size: 16px; }
    .tdiBtnStyle3.dual-line-text { padding: 12px 40px; }
    .tdiDualBtn { flex-direction: column; gap: 20px; }
    .cta-copy-section .tdiDualBtn > div { min-width: 250px; }
    .main-form li.gfield { margin-top: 20px !important; }
    .main-form .gform_button { padding: 12px 40px !important; }
    .main-form ul.gfield_radio li label { width: auto !important; }
    .main-form li.gfield.half-width, .main-form li.gfield.three-fields { width: 100% !important; }
    #gusta-footer .footerWrap a.footer-logo img { height: 150px; }
    .footer-main .footer-menu-wrapper { width: 100%; margin-top: 0; }
    .footer-main .footer-menu-wrapper + .footer-menu-wrapper { margin-top: 50px; }
    .footer-main .footer-menu-wrapper .wpb_text_column { margin-bottom: 20px !important; }
    .footer-main .footer-contact-info .wpb_wrapper { flex-direction: column; gap: 0; }
    #secondaryContent { width: 100% !important; }
    .sidebar .sidebar-buttons .tdiBtn, .sidebar-menu { width: 100% !important; }
    .treatments-slider-section .uvc-heading.lockedWidth, .home-treatment-programs .uvc-heading.lockedWidth { padding: 0 !important; }
    .home-hero-content .uvc-main-heading { padding-left: 20px !important; padding-right: 20px !important; }
    .home-hero-content .uvc-sub-heading { font-size: 16px !important; line-height: 1.5 !important; }
    .home-hero-content .uvc-sub-heading { padding: 40px 20px 40px 20px !important; }
    .home-hero-content .vc_column-inner { padding-top: 100px !important; padding-bottom: 100px !important; }
    .all-insurances { margin-top: 30px; }
    .why-spero-icons { gap: 40px; }
    .why-spero-section .wpb_column:last-of-type { width: 100%; }
    .why-spero-aside .spero-slogan { width: 100%; padding: 30px 30px; }
    .home-programs-cards .programs-card { width: 100% !important; }
    .why-spero-aside { margin-top: 30px; padding: 20px; flex-direction: column; align-items: center; }
    .why-spero-aside .round-content { text-align: center; width: 85%; }
    .why-spero-aside p { font-size: 15px; line-height: 24px; }
    .why-spero-aside .round-row { gap: 10px; }
    .why-spero-aside .round-left-content { flex-direction: column; align-items: center; justify-content: center; margin-bottom: 25px; }
    .why-spero-aside .round-right-content { flex-direction: column-reverse; align-items: center; justify-content: center; }
    .why-spero-aside .spero-slogan { width: 90%; }
    .team-slider-section .uvc-heading .uvc-sub-heading { width: 100%; }
    .team-slider .team-image, .team-slider .team-image .gusta-image-as-background { height: 300px !important; }
    .insurance-section-right { margin-top: 30px; margin-bottom: 140px; }
    .insurance-section-image .vc_single_image-wrapper img { height: 500px; }
    .insurance-section-quote { bottom: -200px; }
    .insurance-section-quote .quote-block { height: 240px; width: 90%; }
    .insurance-section-quote .quote-block:before { top: -35px; font-size: 50px; }
    .insurance-section-quote .quote-icon { height: 50px; width: 50px; font-size: 30px; right: -25px; }
    .google-review .uvc-heading .uvc-sub-heading { width: 100%; }
    .treatment-slider h6.gusta-post-title { font-size: 24px !important; }
    .donation-right-column .vc_column-inner { padding-left: 0 !important; }
    .donation-right-column .uvc-main-heading h2 { font-size: 30px !important; }
    #content .treatment-slider.post-listing .gusta-grid .column { padding: 0 !important; }
    .fullwidth.title-with-button .wpb_wrapper { flex-direction: column; }
    .featured-news .news-item, .service-cards .service-card { width: 100%; }
    .service-cards.long .service-card-content { height: 220px; }
    .service-cards.long .service-card-content p { max-height: 200px; }
}