/*!
Theme Name: Magnolia Ridge Logistics Investments Wordpress Theme
Theme URI: https://btsbrands.com/
Author: BTS Brands
Author URI: https://btsbrands.com/
Description: Custom WordPress theme for Magnolia Ridge Logistics Investments by BTS Brands
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bts_brands
*/
:root {
  --darkBlue:#0e436b;
  --blue:#2e91c4;
  --skyBlue:#17c6ec;
  --black:#000000;
  --white:#ffffff;
  --montserrat: 'Montserrat', sans-serif;
  --pTserif: 'PT Serif', sans-serif;
  font-size: 62.5%;
}
body {
overflow-x: hidden !important;
color: var(--black);
font-size: 1.5rem;
line-height: 2.2rem;
font-family: 'Montserrat', sans-serif;
margin: 0 !important;
}
/************************* fonts, buttons, icons and text blocks styles**********************************/
h1{font-size:5rem; color:var(--black); line-height:6rem;}
h2{font-size:3.4rem; color:var(--black); line-height:3.8rem;}
h3{font-size:2.8rem; color:var(--black); line-height:3.2rem;}
h4{font-size:2rem; color:var(--black); line-height:2.4rem;}
h5{font-size:1.6rem; color:var(--black); line-height:2.4rem;}
h6{font-size:1.4rem; color:var(--black); line-height:1.8rem;}
p {margin: 1.5rem 0 0;}
a{color: #888888; font-weight: 400;text-decoration: none; -webkit-transition: 0.3s ease-in-out !important;-moz-transition: 0.3s ease-in-out !important;-ms-transition: 0.3s ease-in-out !important;-o-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;}
a:hover{color: #888888; text-decoration: none;}
a:focus{text-decoration: none; outline: none}
ul{margin: 0; padding: 0}
ul li{list-style: none;}
img{image-rendering: -webkit-optimize-contrast;}
.marginxxs{margin-top: 1rem; margin-bottom: 1rem;}
.marginxs{margin-top: 3rem; margin-bottom: 3rem;}
.marginsm{margin-top: 5.5rem; margin-bottom: 5.5rem;}
.marginmd{margin-top: 9rem; margin-bottom: 9rem;}
.marginlg{margin-top: 15rem; margin-bottom: 15rem;}
.marginlast{margin-top: 3rem; margin-bottom: 15rem;}
.paddingxs{padding-top: 3rem; padding-bottom: 3rem;}
.paddingsm{padding-top: 5.5rem; padding-bottom: 5.5rem;}
.paddingmd{padding-top: 9rem; padding-bottom: 9rem;}
.paddinglg{padding-top: 15rem; padding-bottom: 15rem;}
.mrgBt40{margin-bottom: 4rem;}
.mrgBt30{margin-bottom: 3rem;}
.mrgBt20{margin-bottom: 2rem !important;}
.marginauto{margin: auto;}
.notopmargin{margin-top: 0 !important;} .nobottommargin{margin-bottom: 0 !important;} .noleftmargin{margin-left:  0 !important;} .norightmargin{margin-right:  0 !important;}
.notoppadding{padding-top: 0 !important;} .nobottompadding{padding-bottom: 0 !important;} .noleftpadding{padding-left:  0 !important;} .norightpadding{padding-right:  0 !important;}
.customWidth70{width: 70%; margin: auto;}
.customWidth80{width: 80%; margin: auto;}
.customWidth90{width: 90%; margin: auto;}
.line{height: 1px; border-bottom: 1px solid #dddddd;}
.deadcenter{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.genTransition{-webkit-transition: 0.3s ease-in-out !important;-moz-transition: 0.3s ease-in-out !important;-ms-transition: 0.3s ease-in-out !important;-o-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;}
.genTransition2{-webkit-transition: 0.5s ease-in-out !important;-moz-transition: 0.5s ease-in-out !important;-ms-transition: 0.5s ease-in-out !important;-o-transition: 0.5s ease-in-out !important;transition: 0.5s ease-in-out !important;}
.img-100 img{max-width: 100%; height: auto !important;}
.img-min-100 img{min-width: 100%; max-width: 100%; height: auto !important;}
.page-overlay{width:100%; height:100%; position:fixed; top:0; left:0; background:var(--white); z-index:1042; opacity:1;}
.page-loaded{opacity:0;}
.loaded-zindex{z-index:-9 !important;}
.loaded{display:none !important;}
.loader-wrapper{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.loader{width:100px; height:100px; margin:50px auto 0; position:relative; animation:animeA steps(4) infinite; animation-duration:2s;}
.loader:before,.loader:after{content:""; background:var(--darkBlue); width:100%; height:50%; transform-origin:50% 100%; position:absolute; top:0; left:0; animation:animeB 2s linear infinite; clip-path:polygon(50% 0,100% 100%,0% 100%);}
.loader:after{transform:rotate(180deg); animation:animeC 2s linear infinite; clip-path:polygon(50% 0,100% 100%,0% 100%); background:var(--blue);}
@keyframes animeA{
0%{transform:rotate(0);}
100%{transform:rotate(-360deg);}
}
@keyframes animeB{
0%,25%,50%,75%,100%{opacity:1; transform:translateZ(0) rotateX(0deg);}
12.5%,62.5%{opacity:1; transform:translateZ(1px) rotateX(-180deg);}
37.5%,87.5%{opacity:0; transform:translateZ(0) rotateX(0deg);}
}
@keyframes animeC{
0%,25%,50%,75%,100%{opacity:1; transform:translateZ(0) rotateZ(180deg) rotateX(0deg);}
12.5%,62.5%{opacity:0; transform:translateZ(0) rotateZ(180deg) rotateX(0deg);}
37.5%,87.5%{opacity:1; transform:translateZ(1px) rotateZ(180deg) rotateX(-180deg);}
}

.secHeader h3{position:relative; margin:0; color:var(--darkBlue); text-align:center; text-transform:uppercase; font-size:36px; line-height:36px; padding-bottom:15px;}
.secHeader h3:before{content:""; display:block; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); background:var(--blue); width:100px; height:4px;}
.secHeader p{text-align:center; font-weight:500;}

.myBtn{
  background: var(--blue);
  color: var(--white);
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  padding: 15px 30px;
  text-align:center;
  border-radius: 10px;
}
.myBtn:hover{
  background:var(--darkBlue);
  color:var(--white);
}

.form-fields,.form-fields2,.form-fields3{width:100%; box-sizing:border-box; padding:12px; font-size:14px; float:left; margin-bottom:15px; border:1px solid #aaaaaa; background:var(--white); -webkit-transition:0.3s ease-in-out !important; -moz-transition:0.3s ease-in-out !important; -ms-transition:0.3s ease-in-out !important; -o-transition:0.3s ease-in-out !important; transition:0.3s ease-in-out !important;}
.modal-open{overflow:visible;}
.form-fields:focus,.form-fields2:focus,.form-fields3:focus{background:var(--white); border:1px solid var(--blue); outline:none !important;}
.form-fields-left{width:48%; float:left; box-sizing:border-box; padding:5px; font-size:14px; margin-bottom:20px; border:1px solid #c9c9c9;}
.form-fields-right{width:48%; float:right; box-sizing:border-box; padding:5px; font-size:14px; margin-bottom:20px; border:1px solid #c9c9c9;}
.form-fields2{height:224px;}
.form-fields3{height:182px;}
.form-terms{float:left; margin-bottom:25px !important; font-size:13px; line-height:22px;}
.wpcf7-list-item{display:block; margin-bottom:10px; font-size:14px;}
.wpcf7-submit,.ln-widgetBox.search .searchButton a{float:right; background:var(--blue) !important; color:var(--white) !important; border:none; outline:none; font-weight:600 !important; box-sizing:border-box; -webkit-transition:0.3s ease-in-out !important; -moz-transition:0.3s ease-in-out !important; -ms-transition:0.3s ease-in-out !important; -o-transition:0.3s ease-in-out !important; transition:0.3s ease-in-out !important; text-indent:0 !important; text-align:center; width:auto !important; height:auto !important; font-size:18px; line-height:18px; padding:15px 65px; text-transform:uppercase; border-radius:10px;}
.wpcf7-submit:hover,.searchButton a:hover{color:var(--white) !important; background:var(--darkBlue) !important;}
div.wpcf7 img.ajax-loader{float:left;}
.wpcf7-list-item{margin:0 10px 0 0 !important;}
.wpcf7-list-item first label{margin-bottom:0;}
.wpcf7-list-item-label{font-weight:400;}
div.wpcf7-response-output{float:left;}
.wpcf7-not-valid-tip{display:none !important;}
.wpcf7-not-valid{border:1px solid red;}
.wpcf7-textarea{width:100%; resize:vertical; border-color:#aaaaaa;}
.wpcf7-textarea:focus{outline:none; border:1px solid var(--blue);}
/*************************************
          Main Nav Start
*************************************/
.topMainNav{border:1px solid transparent; transition: .3s ease-in-out;}
.topMainNav.topMainNavScroll{background:#ffffff; border:1px solid #eeeeee;}
.navbar {padding-top:6rem; padding-bottom:1.5rem;}
.topMainNav.topMainNavScroll .navbar{border-top:none;}
.navbar-brand{position:relative;width:230px;height:73px;left:0;z-index:999;background:url(assets/img/logo.svg) top left no-repeat;background-size:100%;transition:.3s!important; filter: brightness(0) invert(1);}
.topMainNav.topMainNavScroll .navbar-brand{filter:brightness(1) invert(0);}
#collapsibleNavbar{justify-content:flex-end;}
.navbar-nav li{margin-right:2.5rem;}
.navbar-nav li:last-child{margin-right:0;}
.navbar-nav li a{position:relative; text-transform: uppercase; font-size: 1.4rem; line-height: 1.4rem; font-weight: 600; color:#ffffff !important; padding:0 0 15px !important;}
.navbar-nav li a:hover,
.navbar-nav li.current-menu-item a{color:var(--blue) !important;}
.navbar-nav li a:before{content:""; display:block; position:absolute; bottom:0; left:50%; transform:translate(-50%,0) scale(0,1); width:100%; height:3px; background:var(--blue); transition:.3s ease-in-out;}
.navbar-nav li a:hover:before,
.navbar-nav li.current-menu-item a:before{transform:translate(-50%,0) scale(1,1);}
.navbar .dropdown:hover>.dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);display:block;}

.topMainNav.topMainNavScroll .navbar-nav li a:hover,
.topMainNav.topMainNavScroll .navbar-nav li.current-menu-item a{color:var(--blue) !important;}
.topMainNav.topMainNavScroll .navbar-nav li a{color:#000000 !important;}
/*************************************
          Main Nav End
*************************************/
.innerPageBanner{position:relative; z-index:1;}
.innerPageBanner::before{content:""; display:flex; position:absolute; background:rgb(1, 23, 39); background:linear-gradient(180deg,rgba(1,23,39,0.4542191876750701) 0%,rgba(1,23,39,1) 100%); top:0; left:0; width:100%; height:100%; z-index:-1;}
.innerPageBanner h1{margin:0; color:var(--white); padding:235px 0 15px; font-size:50px; line-height:50px; text-transform:uppercase;}
/*==========Camera Slider Starts==========*/
.camera_wrap{height:85vh !important; margin-top:0;}
.camera_overlayer{opacity:0.8; background: #011727 !important;}
.camera_commands{display:none;}
.camera_next,.camera_prev{background:none;}
.camera_next > span{position:absolute; right:20px; width:50px; height:50px; color:var(--white); line-height:50px; font-size:20px; text-align:center; background:none; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:rgba(255,255,255,0.20); border:1px solid var(--white);}
.camera_prev > span{position:absolute; left:20px; width:50px; height:50px; color:var(--white); line-height:50px; font-size:20px; text-align:center; background:none; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:rgba(255,255,255,0.20); border:1px solid var(--white);}
.camera_next > span:before{content:"\f105"; font-family:"Font Awesome 6 Free"; font-weight:700;}
.camera_prev > span:before{content:"\f104"; font-family:"Font Awesome 6 Free"; font-weight:700;}
.camera_next > span:hover,.camera_prev > span:hover{background-color:#231f20;}

.slideText{position:absolute; bottom:-7.5vh; left:50%; transform:translate(-50%, 0);}
.slideText .slideTextInner{padding-bottom: 5%;}
.slideText .slideTextInner h1{margin:0 0 30px; color:var(--blue); font-size:5rem; line-height:6rem; font-weight:600;}
.slideText .slideTextInner h2{margin:0 0 20px; color:#ffffff; font-size:3rem; line-height:3rem; font-weight:700;}
.slideText .slideTextInner h2 strong{color:var(--blue); font-weight:700;}
.slideText .slideTextInner p{position:relative; margin:0 !important; color:#ffffff; font-size:18px; line-height:18px; font-weight:500; padding-bottom:35px;}
.slideText .slideTextInner p::before{content:""; display:flex; position:absolute; bottom:0; left:0; width:85px; height:7px; background:var(--blue);}
/*==========Camera Slider Ends==========*/
/*==========Footer Starts==========*/
.footerSec{position:relative; z-index:1;}
.footerSec::before{content:""; display:flex; position:absolute; background:rgb(14,67,107); background:linear-gradient(180deg,rgba(14,67,107,0.4542191876750701) 0%,rgba(14,67,107,1) 100%); top:0; left:0; width:100%; height:100%; z-index:-1;}
.footerSec h4{margin:0 0 15px; color:#ffffff; text-transform:uppercase; font-size:26px; line-height:26px; font-weight:300;}
.footerSec .footerLogo{width:210px; max-width:100%;}
.footerSec .footerLogo img{}
.footerSec .footerSocial{margin-top:30px; display:flex; gap:10px;}
.footerSec .footerSocial li{}
.footerSec .footerSocial li a{color:#ffffff; font-size:24px;}
.footerSec .footerSocial li a i{}
.footerSec #menu-footer-menu{display:flex; flex-direction:column; gap:15px;}
.footerSec #menu-footer-menu li{}
.footerSec #menu-footer-menu li a{color:#ffffff; font-size:14px; line-height:14px; font-weight:300;}
.footerSec .footerAddress{}
.footerSec .footerAddress li:first-child{line-height:18px; margin-bottom:20px;}
.footerSec .footerAddress li{color:#ffffff; font-size:14px; line-height:14px; margin-bottom:10px;}
.footerSec .footerAddress li:last-child{margin-bottom:0;}
.footerSec .footerAddress li a{color:#ffffff;}
.footerSec .footerCopyright{}
.footerSec .footerCopyright p{margin:0; text-align:center; color:#ffffff; font-size:14px; line-height:14px;}
.footerSec .footerCopyright p a{color:#ffffff;}
/*==========Footer Ends==========*/
/*************************************
          Home Page Starts
*************************************/
.homeSliderSec{}
.homeSliderSec .bannerSmImg{display:flex; justify-content:center;}
.homeSliderSec .bannerSmImg .bannerSmImgInner{position:relative; border-radius:10px; max-width:54vh; background:#000000; overflow:hidden;}
.homeSliderSec .bannerSmImg .bannerSmImgInner::before{content:""; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(14,67,107); background:linear-gradient(180deg,rgba(14,67,107,0) 22%,rgba(14,67,107,0.7231267507002801) 95%); border-bottom-left-radius:10px; border-bottom-right-radius:10px; z-index:1;}
.homeSliderSec .bannerSmImg .bannerSmImgInner img{filter:grayscale(1); opacity:0.8;}

.twoColTxt{position:relative; padding:140px 100px; border-bottom:1px solid #dddddd;}
.twoColTxt .twoColTxtBg{position:absolute; background:repeat center/cover url('assets/img/processBg.webp'); width:calc(40% - 30px); height:100%; top:0; right:0; z-index:-1;}
.twoColTxt p:first-of-type{position:relative; margin:0; padding-top:40px;}
.twoColTxt p:first-of-type::before{content:""; display:flex; position:absolute; top:0; left:0; width:60px; height:5px; background:var(--blue);}
.twoColTxt p{font-size:1.6rem; line-height:2.4rem; max-width:800px; padding-right:5%;}
.twoColTxt h3{position:relative; max-width:310px; margin:0 0 0 25%; padding-top:30px; color:#ffffff; font-style:italic; font-size:30px; line-height:44px; font-weight:400;}
.twoColTxt h3::before{content:""; display:flex; position:absolute; top:0; left:0; width:60px; height:5px; background:var(--blue);}

.aboutUsSec{position:relative; z-index:1; overflow:hidden;}
.aboutUsSec::before,.aboutUsSec::after{content:""; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.aboutUsSec::before{background:no-repeat center/cover url('assets/img/thirdSecBg.webp');}
.aboutUsSec::after{background:rgb(255 255 255 / 30%);}
.aboutUsSec .aboutUsCont{display:flex; align-items:center;}
.aboutUsSec .aboutUsCont .aboutUsCol{width:50%; max-width:100%;}
.aboutUsSec .aboutUsCont .aboutUsCol.img-100{padding-right:5%;}
.aboutUsSec .aboutUsCont .aboutUsCol .position-relative{max-width:590px;}
.aboutUsSec .aboutUsCont .aboutUsCol .position-relative h3{position:absolute; z-index:1; color:#ffffff; font-size:54px; line-height:56px; font-weight:300; padding:10%;}
.aboutUsSec .aboutUsCont .aboutUsCol .position-relative h3 strong{font-weight:600;}
.aboutUsSec .aboutUsCont .aboutUsCol .position-relative .aboutImgBox{border-radius:10px; overflow:hidden;}
.aboutUsSec .aboutUsCont .aboutUsCol .position-relative .aboutImgBox::before{content:""; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(14,67,107); background:linear-gradient(180deg,rgba(14,67,107,0) 22%,rgba(14,67,107,0.7231267507002801) 95%); border-bottom-left-radius:10px; border-bottom-right-radius:10px; z-index:1;}
.aboutUsSec .aboutUsCont .aboutUsCol .aboutImgBox>img{filter:grayscale(1);}
.aboutUsSec .aboutUsCont .aboutUsCol .aboutTxtBox{background:#ffffff; padding:190px 70px;}
.aboutUsSec .aboutUsCont .aboutUsCol .aboutTxtBox h3{margin:0 0 30px; color:var(--blue); position:relative; font-size:28px; line-height:32px; padding-bottom:30px;}
.aboutUsSec .aboutUsCont .aboutUsCol .aboutTxtBox h3::before{content:""; display:flex; position:absolute; bottom:0; left:0; width:60px; height:5px; background:var(--blue);}
.aboutUsSec .aboutUsCont .aboutUsCol .aboutTxtBox p:first-of-type{margin-top:0;}
.aboutUsSec .aboutUsCont .aboutUsCol .aboutTxtBox p{margin-top:30px; font-size:18px; line-height:28px;}
.aboutUsSec .aboutUsCont .aboutUsCol .aboutTxtBox p strong{color:var(--blue);}

.txtWithBgSec{position:relative; z-index:2;}
.txtWithBgSec h3{margin:0 0 30px; color:var(--skyBlue); text-align:center; font-size:36px; line-height:40px; font-weight:600;}
.txtWithBgSec p{margin:40px 0 0; text-align:center; color:#ffffff; font-size:24px; line-height:30px;}
.txtWithBgSec p:first-of-type{margin:0;}
.txtWithBgSec::before{content:""; display:flex; position:absolute; background:no-repeat top center/cover url('assets/img/processBgImg.webp'); top:0; left:0; width:100%; height:100%; opacity:10%; z-index:-1;}
.txtWithBgSec::after{content:""; display:flex; position:absolute; background:no-repeat center/cover url('assets/img/logoA.svg'); bottom:0; left:-10%; width:40%; min-width:761.19px; height:100%; opacity:20%; z-index:-1;}

.testimonialSlider{width:1080px; margin:0 auto !important; text-align:center; color:white;}
.testimonialSlider .slide{margin:0 5px; border-radius:15px; overflow:hidden;}
/* .slider .slick-track{transition:all 0.000000001s ease;}
*/
.testimonialSlider .slick-slide{width:100px;}
.testimonialSlider .slide .child-element{position:relative; width:100px; display:flex; align-items:center; justify-content:center; cursor:grab; transition:all 0.1s;}
.testimonialSlider .slick-slide.slick-center{width:400px;}
.testimonialSlider .slide.slick-center .child-element{width:400px;}
.testimonialSlider .slide .child-element::before{content:""; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(14,67,107); background:linear-gradient(180deg,rgba(14,67,107,0) 10%,rgba(14,67,107,0.7231267507002801) 95%); border-bottom-left-radius:10px; border-bottom-right-radius:10px; z-index:1;}
.testimonialSlider .testimonialImg{filter:grayscale(.5); opacity:.5; position:relative; transition:.3s ease-in-out;}
.testimonialSlider .slide.slick-center .child-element .testimonialImg,
.testimonialSlider .child-element:hover .testimonialImg{filter:grayscale(1); opacity:1; position:relative;}
.testimonialSlider .slide .child-element .testimonialTxt{opacity:0; position:absolute; bottom:0; left:0; padding:20px; z-index:1;}
.testimonialSlider .slide.slick-center .child-element .testimonialTxt{opacity:1;}
.testimonialSlider .slide .child-element .testimonialTxt h3,.testimonialSlider .slide .child-element .testimonialTxt p{text-align:left; color:#ffffff;}
.testimonialSlider .slide .child-element .testimonialTxt h3{margin:0;}
.testimonialSlider .slide .child-element .testimonialTxt h4{margin:5px 0 0; color:#ffffff; text-align:left; font-size:1.4rem; line-height:1.4rem; font-weight:300;}
.testimonialSlider .slide .child-element .testimonialTxt p{}
.testimonialSec{position:relative; z-index:1;}
.testimonialSec::before{content:""; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.3);}
.testimonialSec .testimonialHeader{}
.testimonialSec .testimonialHeader .testimonialHeaderInner{padding-left:115px; margin-bottom:50px;}
.testimonialSec .testimonialHeader .testimonialHeaderInner p{font-weight:500;}

.txtBoxLeftSec{position:relative;}
.txtBoxLeftSec .txtBoxLeftTxt{position:absolute; bottom:-20px; left:50%; width:100%; transform:translate(-50%, -50%) !important;}
.txtBoxLeftSec .txtBoxLeftTxt h3{margin:0; color:rgba(255,255,255,.5); font-size:60px; line-height:48px; font-weight:400; text-transform:uppercase;}
.txtBoxLeftSec .txtBoxLeftTxt h3 strong{font-weight:700;}
.txtBoxLeftSec img{}
.txtBoxLeftSec .txtBoxLeftBox{background:#ffffff; padding:60px; border-radius:10px;}
.txtBoxLeftSec .txtBoxLeftBox p:first-of-type{margin-top:0;}
.txtBoxLeftSec .txtBoxLeftBox p{font-size:16px; line-height:22px; font-weight:500;}
.txtBoxLeftSec .txtBoxLeftBox h3{color:var(--darkBlue);}
.txtBoxLeftSec .txtBoxLeftBox h4{color:var(--blue);}
.txtBoxLeftSec .txtBoxLeftBox h3,.txtBoxLeftSec .txtBoxLeftBox h4{margin:15px 0 0; font-size:16px; line-height:22px; font-weight:800;}

.portfolioSecHeader{}
.portfolioSecHeader h3,
.testimonialSec .testimonialHeader .testimonialHeaderInner h3{margin:0; text-transform:uppercase; color:var(--darkBlue); font-size:60px; line-height:48px; font-weight:400;}
.portfolioSecHeader h3 strong,
.testimonialSec .testimonialHeader .testimonialHeaderInner h3 strong{color:var(--blue); font-weight:700;}
.portfolioSecHeader p{}
.portfolioSecHeader p strong{color:var(--blue);}
.portfolioSec{}
.portfolioSec .portfolioCont{position:relative; display:flex; height:400px; justify-content:center; overflow:hidden; box-shadow:0 0 50px 15px #888888;}
.portfolioSec .portfolioCont .portfolioCol{position:absolute; height:400px; background:var(--blue); box-shadow:0 0 45px 0 #3b3b3b; overflow:hidden; z-index:1; transition:.2s ease;}
.portfolioSec .portfolioCont .portfolioCol:nth-child(1){left:0; width:calc(11.11111% + 2.2222226%);}
.portfolioSec .portfolioCont .portfolioCol:nth-child(2){right:calc(44.44444% + 2.222222%* 13); width:calc(11.11111% + 2.222222%);}
.portfolioSec .portfolioCont .portfolioCol:nth-child(3){right:calc(33.33333% + 2.222222%* 12); width:calc(11.11111% + 2.222222%);}
.portfolioSec .portfolioCont .portfolioCol:nth-child(4){right:calc(22.22222% + 2.222222%* 11); width:calc(11.11111% + 2.222222%);}
.portfolioSec .portfolioCont .portfolioCol:nth-child(5){width:calc(11.11111% + 2.222222%); right:calc(11.11111% + 2.222222%* 10);}
.portfolioSec .portfolioCont .portfolioCol:nth-child(6){right:0; width:calc(100% / 3);}
.portfolioSec .portfolioCont .portfolioCol:hover{z-index:2;}
.portfolioSec .portfolioCont .portfolioCol:nth-child(1):hover{left:0; width:calc(100% / 3);}
.portfolioSec .portfolioCont .portfolioCol:nth-child(2):hover{right:calc(44.44444% + 2.222222% * 4); width:calc(100% / 3);}
.portfolioSec .portfolioCont .portfolioCol:nth-child(3):hover{right:calc(33.33333% + 2.222222% * 3); width:calc(100% / 3);}
.portfolioSec .portfolioCont .portfolioCol:nth-child(4):hover{right:calc(22.22222% + 2.222222% * 2); width:calc(100% / 3);}
.portfolioSec .portfolioCont .portfolioCol:nth-child(5):hover{right:calc(11.11111% + 2.222222%); width:calc(100% / 3);}
.portfolioSec .portfolioCont .portfolioCol:nth-child(6):hover{right:0; width:calc(100% / 3);}

.processCont{display:flex; counter-reset:process-counter;}
.processCont .processCol{position:relative; width:25%; max-width:100%; text-align:center; min-height:150px; display:flex; justify-content:center; align-items:center;}
.processCont .processCol:nth-child(odd){background:var(--darkBlue);}
.processCont .processCol:nth-child(even){background:var(--blue);}
.processCont .processCol::before{content:""; display:flex; position:absolute; border-top:75px solid transparent; border-bottom:75px solid transparent; top:0; left:0;}
.processCont .processCol:nth-child(odd)::before{border-left:35px solid var(--blue);}
.processCont .processCol:nth-child(even)::before{border-left:35px solid var(--darkBlue);}
.processCont .processCol:nth-child(1)::before{display:none;}
.processCont .processCol::after{counter-increment:process-counter; content:counter(process-counter); position:absolute; top:50%; left:40px; transform:translate(0,-50%); font-size:190px; line-height:150px; font-weight:300; color:#ffffff; opacity:.3;}
.processCont .processCol h3{color:#ffffff; opacity:.8; margin:0; font-size:30px; line-height:30px; font-weight:500; text-transform:uppercase;}

.processTxtCont{position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; z-index:2; overflow:hidden;}
.processTxtCont::before{content:""; display:flex; position:absolute; background:no-repeat center/cover url('assets/img/processBgImg.webp'); top:0; left:0; width:100%; height:100%; opacity:10%; z-index:-1;}
.processTxtCont::after{content:""; display:flex; position:absolute; background:no-repeat center/cover url('assets/img/logoA.svg'); bottom:0; left:-10%; width:40%; height:100%; opacity:20%; z-index:-1; min-width:761.19px;}
.processTxtCont .processTxtCol{position:relative; margin:40px 30px; background:#ffffff; width:calc(25% - 60px); padding:30px 15px; border-radius:10px; transition:.3s ease-in-out;}
.processTxtCont .processTxtCol::before{content:""; display:flex; position:absolute; top:-40px; left:50%; transform:translate(-50%,0); border-top:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid #ffffff; border-left:20px solid transparent; transition:.3s ease-in-out;}
.processTxtCont .processTxtCol:hover{color:#ffffff; background:var(--darkBlue);}
.processTxtCont .processTxtCol:hover::before{border-bottom:20px solid var(--darkBlue);}
.processTxtCont .processTxtCol p:first-child{margin:0;}
.processTxtCont .processTxtCol p{}
.processTxtCont .processTxtFull{background:rgba(0,0,0,.4); width:100%; padding:90px 0;}
.processTxtCont .processTxtFull p:first-child{margin:0;}
.processTxtCont .processTxtFull p{text-align:center; color:#ffffff; font-size:28px; line-height:40px; font-weight:600;}
.processTxtCont .processTxtFull .processTxtFullCTA{margin-top:40px; display:flex; justify-content:center; gap:20px;}
.processTxtCont .processTxtFull .processTxtFullCTA a{background:var(--skyBlue); color:#ffffff; display:flex; font-size:18px; line-height:18px; padding:15px 25px; text-transform:uppercase; border-radius:10px;}
.processTxtCont .processTxtFull .processTxtFullCTA a:hover{background:var(--darkBlue);}

.ratingSec{}
.ratingSec .ratingLogoBox{padding:30px 20%;}
.ratingSec .ratingLogoBox h3{margin:30px 0 0; color:var(--darkBlue); font-size:30px; line-height:36px; font-weight:700;}
.ratingSec .ratingLogoBox h3 strong{font-weight:700; color:var(--blue);}
.ratingSec .ratingImgBox{position:relative; text-align:center; padding:20px 0;}
.ratingSec .ratingImgBox::before{content:""; position:absolute; background:rgba(14,67,107,.7); width:100%; height:100%; top:0; left:0;}
/*************************************
          Home Page Ends
*************************************/
/*************************************
          Contact Page Starts
*************************************/
.contactInfoBox{margin-bottom:30px; border-radius: 10px; overflow: hidden;}
.contactInfoInner{position: relative; display:flex; align-items:center; padding:40px 20px; background:no-repeat center/cover url(assets/img/processBg.webp);}
.contactInfoInner::before{content:""; display:flex; position:absolute; background:no-repeat center / cover url(assets/img/logoA.svg); bottom:0; right:0; width:33%; height:100%; opacity:10%; z-index:0;}
.contactInfoInner .contactInfoIcon{margin-right:20px; background:var(--blue); display:flex; padding:20px; text-align:center; border-radius:50%; transform:rotateY(-180deg); flex-direction:column; flex-wrap:nowrap; justify-content:center;}
.contactInfoInner .contactInfoIcon i{color:var(--white); display:block; font-size:18px; -webkit-transition:0.3s ease-in-out !important; -moz-transition:0.3s ease-in-out !important; -ms-transition:0.3s ease-in-out !important; -o-transition:0.3s ease-in-out !important; transition:0.3s ease-in-out !important;}
.contactInfoBox:hover .contactInfoIcon i{transform:rotate(-360deg);}
.contactInfoInner .contactInfoText{}
.contactInfoInner .contactInfoText span{color:var(--white); display:block; font-weight:600;}
.contactInfoInner .contactInfoText ul{margin-top:10px;}
.contactInfoInner .contactInfoText ul li:first-child{margin-left:0;}
.contactInfoInner .contactInfoText ul li{display:inline-block; list-style-type:none; margin-left:10px;}
.contactInfoInner .contactInfoText ul li a{font-size:14px; display:inline-block; height:35px; width:35px; position:relative; text-align:center; line-height:35px; border-radius:50%; color:var(--white);}
.contactInfoInner .contactInfoText ul li a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:var(--blue); -webkit-transition:0.5s ease-in-out !important; -moz-transition:0.5s ease-in-out !important; -ms-transition:0.5s ease-in-out !important; -o-transition:0.5s ease-in-out !important; transition:0.5s ease-in-out !important;}
.contactInfoInner .contactInfoText ul li a:hover{background:var(--white); color:var(--blue);}
.contactInfoInner .contactInfoText ul li a:hover:before{transform:scale(0); -webkit-transition:0.5s ease-in-out !important; -moz-transition:0.5s ease-in-out !important; -ms-transition:0.5s ease-in-out !important; -o-transition:0.5s ease-in-out !important; transition:0.5s ease-in-out !important;}
.contactInfoInner .contactInfoText ul li a i{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.contactInfoInner .contactInfoText h3,.contactInfoInner .contactInfoText h3 a{color:var(--white); font-size:14px; line-height:20px; font-weight:300px; margin:0;}
.contactUsSec .contactPageForm h3{margin:0; text-transform:uppercase; color:var(--darkBlue); font-size:40px; line-height:40px; font-weight:400;}
.contactUsSec .contactPageForm h3 strong{color:var(--blue);}
.contactUsSec .contactPageForm p:last-of-type{margin: 15px 0;}
.contactUsSec .contactPageForm p strong{color: var(--blue);}
.contactUsSec .contactPageForm .wpcf7-submit{margin-top:10px;}
/************LEAFLET MAP******************/
#map{height:400px}
.leaflet-popup-content-wrapper{border-radius:0 !important;}
.leaflet-popup-content{margin:10px 10px !important; width:300px !important;}
.leaflet-popup-content img{width:100%; height:auto;}
.leaflet-popup-content h3{margin:10px 0 0; font-size:16px; line-height:20px; color:var(--gold);}
.leaflet-top,.leaflet-bottom{z-index:998 !important;}
.leaflet-popup-content h5{margin:0;}
.leaflet-container a.leaflet-popup-close-button{width:30px !important; height:30px !important; line-height:30px !important; font-size:16px !important; padding:0 !important; color:var(--white) !important; background:var(--gold) !important;}
/************LEAFLET MAP Ends******************/
/*************************************
          Contact Page Ends
*************************************/
.idScrollFix {position: relative; top: -148px;}
.steps-bg{position: relative; padding-bottom: 130px;}
.steps-bg:before{
	content:""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url('https://ascenteg.wpenginepowered.com/wp-content/uploads/2024/10/sacremento-skyline.svg') top center no-repeat; background-size: cover; opacity: 0.2; display: block;
}










    .navbar{
        padding: 20px 0;
        position: relative;
    }

    .nav-container{
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .nav-container__logo{
        display: block;
        max-width: 250px;
    }

    .nav-container__logo img{
        width: 100%;
    }

    .nav-container ul{
        display: flex;
        font-size: 14px;
        text-transform: uppercase;
        align-items: center;
        gap: 15px;
    }

    .nav-container ul li a{
        color: black;
    }

    .hero-banner{
        padding: 150px 0 170px;
        text-align: center;
        background-image: url(https://magnoliaridge1.wpenginepowered.com/wp-content/uploads/2025/04/banner-scaled.jpg);
    }

    .bg{
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .btn-global{
        display: inline-block;
        margin: auto;
    }

    .btn-global button{
        border: 1px solid white;
        text-transform: uppercase;
        background: transparent;
        color: white;
        padding: 10px 65px;
        font-size: 16px;
        transition: .4s;
    }

    .btn-global:hover button{
        background: white;
        color: black;
    }

    .hero-banner h1, .hero-banner h2{
        font-size: 48px;
        text-transform: uppercase;
        text-align: center;
        color: white;
        font-weight: 400;
    }

    .hero-banner h2{
        font-weight: 600;
        font-size: 58px;
        max-width: 900px;
        margin: auto;
        line-height: 60px;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .countdown-area h3{
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: #354e44;
    }

    .countdown-area p{
        text-align: center;
        font-size: 18px;
    }

    .line-divider{
        display: block;
        background: #354e44;
        height: 4px;
        width: 40px;
        margin: 10px auto 20px;
    }

    .countdown-area__group{
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .countdown-area{
        padding: 60px 0;
        border-block: 1px solid #d5d5d5;
    }

    .countdown-area__item {
        max-width: 200px;
        margin: 0 auto;
    }

     .about-us{
        padding: 60px 0 80px;
        text-align: center;
    }

    .line-h3{
        z-index: 1;
        position: relative;
        display: inline;
        background: white;
        margin: 0 95px;
        padding: 0 20px;
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        color: #00674e;
    }

    .about-us p{
        max-width: 1080px;
        margin: 20px auto 40px;
    }

    .line-h3:before{
        content: '';
        left: -95px;
        background: #1a2842;
        width: calc(100% + 190px);
        height: 6px;
        display: block;
        position: absolute;
        top: 13px;
        z-index: -1;
    }

    .image-box{
        display: flex;
        gap: 80px;
        justify-content: center;
    }

    .image-box img{
        max-width: 155px;
        width: 100%;
    }

    .video-location{
        background-position: center right;
        background-image: url(https://magnoliaridge1.wpenginepowered.com/wp-content/uploads/2025/04/video-scaled.jpg)
    }

    .video-location__content{
        padding: 120px 90px;
        background: #f7f7f7;
        display: flex;
        flex-direction: column;
    }

    .video-location__content h2{
        font-weight: 700;
        font-size: 24px;
        text-transform: uppercase;
    }

    .video-location__content p{
        margin-bottom: 20px;
    }

    .video-location__content ul{
        padding-left: 20px;
    }

    .video-location__content li{
        font-weight: 600;
        list-style: disc;
    }

    .video-location__content .btn-global{
        margin-top: 10px;
    }

    .btn-green button{
        background: #00674e;
        border: 0;
    }

    .btn-left-side{
        margin: unset;
    }

    .master-plan{
        padding: 70px 0;
        background-image: url(https://magnoliaridge1.wpenginepowered.com/wp-content/uploads/2025/04/map.jpg);
    }

    .master-plan .line-h3{
        margin: 0;
        padding: 0;
        color: white;
        background: transparent;
    }

    .master-plan .line-h3:before{
        background: white;
        width: 100%;
        top: 15px;
        left: unset;
        right: 305px;
    }

    .lot-cards{
        display: flex;
        flex-direction: column;
        gap: 5px;
        width: 100%;
    }

    .lot-card h3{
        font-size: 14px;
        font-weight: 600;
        line-height: 10px;
        margin: 0;
        color: #00674e;
    }

    .master-plan .lot-card__flex span{
        font-size: 12px;
        display: inline-block;
        line-height: 12px;
    }

    .master-plan .lot-card__flex p{
        color: black;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        margin: 0;
        max-width: 100px;
        width: 100%;
    }

    .lot-card__flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .lot-card{
        position: relative;
        margin-right: 15px;
        box-shadow: 0 0 10px 2px black;
        padding: 14px 14px 10px;
        background: white;
        transition: .4s;
        cursor: pointer;
    }

    .lot-card:hover{
        background: #ffb2b2;
    }

    .lot-card:before{
        content: '';
        position: absolute;
        right: -15px;
        top: 0;
        height: 100%;
        background: #00c77d;
        width: 10px;
    }

    .master-plan img{
        width: 100%;
        margin-top: 50px;
    }

    .master-plan p{
        color: white;
        font-size: 24px;
        line-height: 30px;
        font-weight: 300;
    }

    .align-center{
        align-items: center;
        display: flex;
    }

    .margin-top-20{
        margin-top: 20px;
    }

    .map-marker{
        position: relative;
    }

    .map-top{
        position: relative;
        z-index: 1;
    }

    .map-hover{
        transition: .4s;
        opacity: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    .investment-overview{
        background-position: center right;
        background-size: contain;
        position: relative;
        z-index: 0;
        padding: 140px 0 170px;
        background-image: url('https://magnoliaridge1.wpenginepowered.com/wp-content/uploads/2025/04/background-right.jpg');
    }

    .investment-overview > .container{
        position: relative;
        z-index: 1;
    }

    .investment-overview .line-h3{
        margin: 0;
        padding-left: 0;
        margin-bottom: 40px;
    }

    .investment-overview .line-h3:before{
        left: 0;
        width: calc(100% + 50px);
    }

    .investment-overview__card{
        background: #f5f5f5;
        padding: 50px;
    }

    .global-list__check li:before{
        content: '';
        background-image: url(https://magnoliaridge1.wpenginepowered.com/wp-content/uploads/2025/04/check.png);
        width: 14px;
        height: 14px;
        background-size: contain;
        display: inline-block;
        margin-right: 10px;
        border-radius: 50px;
        background-repeat: no-repeat;
    }

    .global-list__check li{
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .investment-overview__card h4{
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 30px;
        color: #354e44;
    }

    .investment-overview:before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background: white;
         background: none!important; 
        width: 75%;
    }

    .current-availabilities{
        text-align: center;
        padding: 130px 0 120px;
        border-top: 1px solid #c6c6c6;
    }

    .current-availabilities .flex{
        display: flex;
        width: 100%;
        align-items: center;
        gap: 10px;
    }

    .current-availabilities .flex > a{
        display: block;
        width: 100%;
    }

    .availabilities__card{
    }

    .availabilities__image{
        position: relative;
        background: #354e44;
        height: 250px;
    }

    .availabilities__image .availabilities__card-top, .availabilities__image .availabilities__card-bottom{
        margin: 0;
        background: black;
        color: white;
        padding: 4px 18px;
        font-size: 15px;
        top: 30px;
        position: absolute;
        right: 0;
        text-align: right;
        line-height: 20px;
    }

    .availabilities__image .availabilities__card-bottom{
        bottom: 5px;
        top: unset;
    }

    .availabilities__card h3{
            text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 17px;
    margin: 15px 0 0;
    }

    .availabilities__card span{
        display: block;
        text-align: left;
        color: black;
        font-size: 13px;
    }

    .carousel-area{
        padding: 0;
    }

    .ascension-carousel, .ascension-carousel .owl-item, .ascension-carousel .owl-stage-outer, .ascension-carousel .item, .owl-stage-outer img, .ascension-carousel .owl-stage{
        height: 100%;
    }

    .owl-stage-outer img{
        object-fit: cover;
    }

    .carousel-area .owl-dots{
        position: absolute;
        bottom: 35px;
        left: 0;
        text-align: center;
        right: 0;
    }

    .carousel-area .owl-dots button{
        margin: 0 5px;
    }

    .carousel-area .owl-dots span{
            display: block;
    border: 1px solid white;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    }

    .carousel-area .owl-dots .active span{
        background: white;
    }

    .carousel-content-area{
        padding: 80px;
        background: #f7f7f7;
    }

    .carousel-content-area h3{
        text-transform: uppercase;
        font-weight: 700;
        font-size: 24px;
        color: #354e44;
        margin-bottom: 25px;
    }

    .carousel-content-area ul li{
        list-style: disc;
    }

    .carousel-content-area ul{
        padding-left: 15px;
    }

    .margin-top-50{
        margin-top: 50px;
    }

    .profile-card__details h3{
        font-size: 18px;
        font-weight: 600;
        color: #354e44;
        text-align: left;
    }

    .profile-card{
        max-width: 210px;
    }

    .profile-card p{
        line-height: 12px;
        text-align: left;
    }

    .profile-card img{
        max-width: unset;
    }

    .investment-overview.news-and-updates{
        border: 0;
        background: transparent;
        border-bottom: 1px solid #c6c6c6;
    }

    .news-and-updates__card{
        display: flex;
        gap: 20px;
    }

    .news-and-updates__content h3{
            font-weight: 700;
    font-size: 17px;
    line-height: 23px;
    color: #354e44;
    margin-bottom: 25px;
    }

    .news-and-updates__cards{
        display: flex;
        flex-direction: column;
        gap: 70px;
        margin-top: 70px;
    }

    .news-and-updates .container{
        padding: 0 100px;
    }

    .news-and-updates__content a{
        font-weight: 700;
    color: #354e44;
    }

    .development-partners{
        padding-top: 80px;
    }

    .development-partners p {
        margin: 5px auto 0;
    }
    
    .profile-card .btn-link{
            display: block;
    margin-top: 16px;
    text-align: left;
    text-decoration: unset;
    }

    .profile-card .btn-link img{
            max-width: 18px;
    }

    .contact-us .map-fill{
        padding: 0;
        background-image: url(https://magnoliaridge1.wpenginepowered.com/wp-content/uploads/2025/04/map-filler.jpg);
    }

    .contact-us h2{
        font-weight: 400;
        color: white;
    }

    .contact-us form{
        margin-top: 30px;
    }

    .contact-us form input, .contact-us form textarea{
        background: #404040;
        padding: 10px 15px;
        display: block;
        width: 100%;
        border: 0;
        color: white;
        margin-bottom: 10px;
    }

    .contact-us form button{
        display: flex;
        align-self: flex-end;
        justify-self: end;
        border: 3px solid white;
        text-transform: uppercase;
        background: transparent;
        color: white;
        padding: 10px 65px;
        font-size: 16px;
        transition: .4s;
        margin-top: 20px;
    }

    .contact-us form textarea{
        height: 120px;
    }

    .contact-us h2 span{
        font-weight: 700;
    }

    .map-filler-content{
        background: #2c2c2c;
        padding: 80px;
        color: white;
    }

    .footer{
        background-image: url(https://magnoliaridge1.wpenginepowered.com/wp-content/uploads/2025/04/footer.jpg);
        padding: 90px 0 40px;
    }

    .footer .logo-footer{
        max-width: 300px;
    }

    .footer h2{
            font-size: 20px;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    }

    .footer ul li a{
        color: white;
    font-size: 15px;
    }

    .footer ul li{
        margin-bottom: 15px;
    }

    .copyright-area{
        text-align: center;
        color: white;
        font-size: 15px;
    }

    .navbar-toggle{
        background: transparent;
        border: 0;
        flex-direction: column;
        gap: 5px;
        display: none;
    }

    .navbar-toggle span{
        width: 25px;
        height: 2px;
        background: #364e44;
        display: block;
    }

    @media screen and (max-width: 1399px){
        .nav-container__logo {
            max-width: 150px;
        }

        .nav-container ul {
            font-size: 13px;
            gap: 10px;
        }
    }

    @media screen and (max-width: 1199px){

        .nav-container__logo {
            max-width: 250px;
        }

        .navbar-toggle{
            display: flex;
        }

        .navbar ul{
            flex-direction: column;
            position: absolute;
            background: white;
            top: 100px;
            left: 0;
            right: 0;
            padding-bottom: 20px;
            display: none;
            gap: 0;
        }

        .navbar ul.active{
            display: flex;
        }

        .navbar ul li{
            width: 100%;
            max-width: 960px;
            padding: 0 20px;
        }

        .navbar ul li a{
            padding: 5px 0;
            display: block;
        }
    }

    @media screen and (max-width: 991px){
        .footer .logo-footer{
            margin: auto;
            display: block;
            margin-bottom: 30px;
        }

        .news-and-updates .container {
            padding: 0 15px;
        }

        .line-h3 {
            font-size: 20px;
        }

        .countdown-area h3 {
            font-size: 20px;
        }

        .investment-overview .line-h3:before {
            top: 9px;
        }

        .video-location__content {
            padding: 50px 40px;
        }

        .hero-banner h1, .hero-banner h2 {
            font-size: 30px;
        }

        .hero-banner h2 {
            font-size: 50px;
            line-height: 52px;
            margin-top: 0px;
            margin-bottom: 35px;
        }
    }

    @media screen and (max-width: 767px){
        .investment-overview.news-and-updates {
            padding-bottom: 75px;
            padding-top: 50px;
        }

        .line-h3 {
            margin: 0;
        }

        .line-h3:before {
            display: none;
        }

        .hero-banner h1, .hero-banner h2 {
            font-size: 27px;
            line-height: 32px;
        }

        .hero-banner h2 {
            font-size: 40px;
            line-height: 43px;
        }

        .hero-banner {
            padding: 80px 0 100px;
        }

        .countdown-area__group{
            flex-wrap: wrap;
            gap: 35px;
        }

        .countdown-area__item {
            max-width: unset;
            width: calc(50% - 20px);
        }

        .master-plan .margin-top-50{
            margin-top: 0;
        }

        .lot-cards {
            margin-top: 30px;
        }

        .investment-overview__card {
            padding: 30px;
            margin-top: 30px;
        }


        .current-availabilities {
            padding: 60px 0 50px;
        }

        .investment-overview{
            background-image: unset;
            padding: 60px 0;
        }

        .current-availabilities .flex{
            flex-direction: column;
            gap: 30px;
        }

        .image-box {
            gap: 30px;
            flex-wrap: wrap;
        }

        .carousel-content-area, .map-filler-content {
            padding: 40px;
        }

    }

    @media screen and (max-width: 380px){
        .countdown-area__item {
            width: 100%;
        }

        .contact-us form button {
            width: 100%;
            text-align: center;
            justify-content: center;
        }

        .line-h3{
            display: block;
            text-align: center;
        }

        .carousel-content-area h3 {
            font-size: 19px;
            line-height: 21px;
        }


        .news-and-updates__card {
            flex-direction: column;
        }
    }
		/* background-image: url('https://magnoliaridge1.wpenginepowered.com/wp-content/uploads/2025/06/JRE-Groundbreaking-dirt-toss.jpg')!important;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat; */


    @media screen and (max-width: 768px){
        .video-container iframe {
            width: 100%;
            height: 385px;
        }
    }