@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* {  padding: 0; margin: 0; box-sizing: border-box; vertical-align: middle;}
  html{ scroll-behavior: smooth;}
  body { font-family: var(--primary-font); margin: 0; padding: 0; font-size: 16px; color: var(--primary-color); font-weight: 400; line-height: 1.6; box-sizing: border-box; letter-spacing: -0.04px; }
  ul{list-style: none;}
  img{width: 100%; height: auto;}
  :root{
    --primary-color: #000000;
    --secondary-color: #DB0625;
    --light-color: #FFFFFF;
    --dark-color: #DDBF99;
    --warning-color: #F8F2EB;
    --radius: 20px;
    --transition: all 0.5s ease-in-out ;
    --primary-font: "Nunito Sans", sans-serif;
    --secondary-font: "Roboto", sans-serif;
  }
  
  h1{font-weight: 800; font-size: 65px; line-height: 1.07; letter-spacing:  -2.6px; font-family: var(--secondary-font);}
  h2{font-weight: 800; font-size: 32px; letter-spacing: -1.28px; line-height: 32px;}
  h3{font-weight: 800; font-size: 40px; letter-spacing:  -1.6px; line-height: 40px;}
  h4{font-weight: 400; font-size: 36px; line-height: 1.2; letter-spacing: 100%;}
  h5{font-weight: 400; font-size: 24px; line-height: 1.3; letter-spacing: -0.96px;}
  h6{font-weight: 700; font-size: 18px; line-height: 1.4; letter-spacing: -0.25%; }
  
  a{text-decoration: none; display: inline-block;}


.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-justify{text-align: justify;}

.d-flex{display: flex;}
.d-block{display: block;}
.d-none{display: none;}
.d-inline{display: inline-block;}

.gap-18{gap: 18px;}
.gap-20{gap: 20px;}
.gap-25{gap: 25px;}
.gap-30{gap: 30px;}
.gap-35{gap: 35px;}
.gap-50{gap: 50px;}
.gap-85{gap: 85px;}

.w-100{width: 100%;}

.text-align{align-items: center;}
.d-flex-wrap{flex-wrap: wrap;}
.flex-start{justify-content: flex-start;}
.flex-end{justify-content: flex-end;}
.center{justify-content: center;}
.space-between{justify-content: space-between;}
.space-around{justify-content: space-around;}

.padding-20{padding: 20px 0px;}
.padding-50{padding: 50px 0px;}
.padding-100{padding: 100px 0px;}
.padding-108{padding: 108px 0px;}
.padding-130{padding: 130px 0px;}
.padding-150{padding: 150px 0px;}

.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}
.pt-30{padding-top: 30px;}
.pt-35{padding-top: 35px;}
.pt-40{padding-top: 40px;}
.pt-45{padding-top: 45px;}
.pt-65{padding-top: 65px;}
.pt-150{padding-top: 150px;}

.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-30{padding-bottom: 30px;}
.pb-35{padding-bottom: 35px;}
.pb-40{padding-bottom: 40px;}
.pb-45{padding-bottom: 45px;}
.pb-150{padding-bottom: 150px;}

.mb-20{margin-bottom: 20px;}
.mb-100{margin-bottom: 100px;}


.primaryBtn{padding: 14px 25px; border-radius: 5px; font-size: 14px; font-family:var(--secondary-font); font-weight: 700; 
    font-size: 14px;  background-color: var(--secondary-color); color: var(--light-color);  transition: var(--transition); 
}
.primaryBtn:hover{background-color: var(--primary-color); color: var(--light-color);}

.secondaryBtn{padding: 14px 25px; border-radius: 5px; font-size: 14px; font-family: var(--secondary-font); font-weight: 700; 
    font-size: 14px;  background-color: var(--light-color); color: var(--primary-color); transition: var(--transition);
}
.secondaryBtn:hover{background-color: var(--secondary-color); color: var(--light-color);}

.ternaryBtn{padding: 14px 25px; border-radius: 5px; font-size: 14px; font-family: var(--secondary-font); font-weight: 700; 
  font-size: 14px;  background-color: var(--primary-color);  color: var(--light-color); transition: var(--transition);}

.ternaryBtn:hover{background-color: var(--secondary-color); color: var(--light-color);}


.container{max-width: 1270px; width: 100%; margin:0 auto; padding: 0 15px;} 
.container-sm{max-width: 1110px; width: 100%; margin:0 auto; padding: 0 15px;}

.menuToggle{display: none; flex-direction: column; cursor: pointer; width: 30px; height: 15px; justify-content: space-between; transition: var(--transition);}
.menuToggle .bar{width: 75%; height: 3px; background-color: var(--primary-color); transition: all 0.7s ease; transform: rotate(360deg); margin-left: 10px;}
.menuToggle{ --awb-transition-time: 300;}
.headerMenu ul{display: flex; gap: 35px;}
.headerMenu ul li a{ text-transform: uppercase; font-family: "Roboto", sans-serif; font-size: 16px; color: var(--primary-color); transition: var(--transition); font-weight: 400;}
.menuToggle.open .bar:nth-child(1) {transform: rotate(45deg) translateY(8px);}
.menuToggle.open .bar:nth-child(2) {opacity: 0;}
.menuToggle.open .bar:nth-child(3) { transform: rotate(-45deg) translateY(-8px);}
.headerMenu ul > li > a.active{border-bottom: 2px solid var(--secondary-color);}
.headerMenu ul > li > a:hover{color: var(--secondary-color);}
.headerLogo a img{width: 85px; height: auto;}

.footer{padding-left: 40px; padding-right: 40px;}
.footerSec{background-color: var(--warning-color); padding: 50px 60px; border-radius: 25px; max-width: 1360px; margin: 0 auto;}
.footerGrid{display: flex; gap: 47px;}
.brand.footerLogo{width: 283px; margin: 0 auto 0 0;}
.footerGallery.footerText{width: 190px;}
.footerServices.footerText{width: 190px;}
.footerArea.footerText{width: 190px;}
.footerCompany.footerText{width: 88px;}
.footerText li a{color: rgb(0 0 0 / 0.5); transition: var(--transition);}
.footerText li{ padding-bottom: 10px;}
.footerText h6{text-transform: uppercase;}
.footerText li a:hover{color: var(--secondary-color); }
.SocialIcon a img{background-color: var(--secondary-color); padding: 5px; border-radius: 5px; transition: var(--transition);}
.SocialIcon a img:hover{background-color: var(--primary-color);}
.vintageLogo img {   width: 85px;   height: auto;}

.ctaButton{background-color: var(--secondary-color);}
.leftCtaButton{width: 630px;}
.rightCtaButton{width: 445px; margin: 0 auto;}
.leftCtaButton img{width: 630px;height: auto;border-radius: 25px;min-height: 380px;max-height: 380px;object-fit: cover;}
.rightCtaButton h1{color: var(--light-color);}
.rightCtaButton p{color: var(--light-color);}
.ctaRight{display: flex;}
.ctaRight a:hover{background-color: var(--primary-color);}
.ctaRight a { font-weight: 700;}
.rightCtaButton p{padding-top: 20px;}
.testimonial-card p {  padding: 10px 0px;}


.righthomeAbout { width: 429px;}
.righthomeAbout h2{font-family: var(--secondary-font);}
.righthomeAbout p{padding-top: 10px;}
.lefthomeAbout { width: 525px;}
.homeAboutInner.reverse { flex-direction: row-reverse;}
.homeAboutbtn {padding-top: 25px;}
.lefthomeAbout img { border-radius: 25px; min-height: 380px;  max-height: 380px;  object-fit: cover;}

.homeServices{background-color: rgb(219 6 37 / 5%);}
.homeServicesBox{width: calc(25% - 22.5px);}
.homeServicesIcon{background-color: var(--secondary-color); padding: 10px; display: inline-flex; border-radius: 5px;}
.homeServicesBox h6{padding-top: 15px; padding-bottom: 5px;}
.homeServicesIcon img{width: 30px; height: auto;}
.homeServicesBox p{font-size: 16px;}


.overlay{ position: relative; overflow: hidden; z-index: 1;}
.overlay::before { content: ""; position: absolute; top: 0; right: 0; width: 40%;  height: 100%; background-color: var(--secondary-color); z-index: -1; }
.leftHero{width: 445px;}
.leftHero p{padding-top: 20px;}
.rightHero{width: 50% !important;
  display: flex;
  justify-content: flex-end;}
.heroInner {display: flex !important; align-items: center; /*margin: 0 15px;*/}
.heroInner { padding: 100px 0px 100px 0px;}
.heroSlider { position: relative;}
.rightHero img { border-radius: 25px; min-height: 430px; max-height: auto; object-fit: cover;}
.rightHero  { opacity: 0;  visibility: hidden; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease;}
.rightHero.slick-initialized { visibility: visible; opacity: 1;}

.heroArrows { position: absolute; right: 15px; bottom: 30px; display: flex; gap: 25px; }
.heroArrows button {transition: all 0.7s ease-in-out; width: 40px; height: 40px; border-radius: 50%; border: none; background: #fff;  cursor: pointer; padding: 10px;}
.heroArrows button:hover { background: var(--primary-color);color: #fff;}
.heroArrows button:hover img { filter: invert(1);}

.rightHero  .slick-track { display: flex !important;}
.rightHero  .slick-slide { height: auto; display: flex !important; align-items: stretch;}
.rightHero  .slick-slide > div { width: 100%;}
.rightHero  .slick-slide img {  width: 100%;  height: 100%;  object-fit: cover;}


.testimonial-slider .slick-list.draggable { padding: 0px 170px 0 0 !important; display: flex;}
.testimonial{background-color: rgb(221 191 153 / 20%); overflow: hidden;}
.slick-track > div { height: 100% !important;}
.leftTestimonial{width: 322px; }
.leftTestimonial h3{font-family: var(--secondary-font);}
.rightTestimonial{width: 847px; position: relative; margin-right: -170px;}
.testimonials { background: #fff5ec; padding: 70px 20px; text-align: center;}
.testimonial-slide{position: relative;}
.testimonial-card { background: #fff; padding: 25px; margin: 0 10px; border-radius: 8px; text-align: left; min-height: 220px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.testimonial-slider .slick-track {display: flex !important;}
.testimonial-slider .slick-slide {height: auto !important; display: flex;}
.testimonial-card img { width: 70px;}
.testimonialArrows { position: absolute; left: 10px; bottom: -70px; display: flex; gap: 25px;}
.testimonialArrows .prevOne { transition: var(--transition); width: 40px; height: 40px; border-radius: 50%; border: none; background: #fff;  cursor: pointer; padding: 8px;}
.testimonialArrows .prevOne:hover { background: #e10600;color: #fff;}
.testimonialArrows .prevOne:hover img { filter: invert(1);}
.testimonialArrows .prevOne img{width: 24px; height: auto;}
.testimonialArrows .nextOne img{width: 24px; height: auto;}

.testimonialArrows .nextOne { transition: var(--transition); width: 40px; height: 40px; border-radius: 50%; border: none; background: #fff;  cursor: pointer; padding: 8px;}
.testimonialArrows .nextOne:hover { background: #e10600;color: #fff;}
.testimonialArrows .nextOne:hover img { filter: invert(1);}
.testimonialOverlay{ position: relative;  z-index: 1;}
.testimonialOverlay::before { content: ""; position: absolute; top: 0; right: 0; width: 536px;  height: 100%; background: linear-gradient(90deg, rgba(248, 242, 235, 0.00) 0%, #F8F2EB 100%); z-index: 1; pointer-events: none;}

.bannerSec{background-color: var(--secondary-color);}
.bannerInner{width: 635px; margin: 0 auto; color: var(--light-color);}
.bannerInner h1{font-family: var(--secondary-font);}
.bannerBtn a:hover{background-color: var(--light-color); color: var(--primary-color);}

.leftGallery{width: 525px; }
.rightGallery{width: 630px;}
.rightGallery p{padding-top: 20px;}
.rightGallery h2{font-family: var(--secondary-font);}
.rightGallery h6{font-size: 24px; line-height: 1.3; letter-spacing: -0.96px; padding-top: 5px; font-weight: 400; font-family: var(--secondary-font);}
.galleryInner.reverse{flex-direction: row-reverse;}

.gallery-grids { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 20px; grid-row-gap: 20px;}
.gallery-grids a:first-child { grid-area: 1 / 1 / 2 / 3; }
.gallery-grids a:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
.gallery-grids a:nth-child(3)  { grid-area:  2 / 2 / 3 / 4; }
.gallery-grids a:nth-child(4)  { grid-area:  3 / 1 / 4 / 3; }
.gallery-grids a:nth-child(5)  { grid-area:  3 / 3 / 4 / 4; }

.gallery-grids img {border-radius: 20px; object-fit: cover;}

.gallery-grids a:first-child img{width: 525px; max-height: 330px; min-height: 330px;}
.gallery-grids a:nth-child(2) img{width: 198px; max-height: 141px; min-height: 141px;}
.gallery-grids a:nth-child(4) img{width: 307px; max-height: 141px; min-height: 141px;}
.gallery-grids a:nth-child(3) img{width: 307px; max-height: 141px; min-height: 141px}
.gallery-grids a:nth-child(5) img{width: 198px; max-height: 141px; min-height: 141px;}

.servicesInn{background: rgba(219, 6, 37, 0.10); padding: 20px; border-radius: 10px; position: relative;}
.leftServices{width: 525px;}
.rightServices{width: 630px;}
.rightServices h2{padding-bottom: 23px;}
.rightServices h2{font-family: var(--secondary-font);}
.servicesText h5{cursor: pointer; position: relative; font-family: var(--secondary-font);}
.servicesText h5::after{ content: ''; position: absolute; top: 10px; right: 0px; width: 22px; height: 13px; background-image: url(https://thevintageredb.wpenginepowered.com/wp-content/uploads/2026/02/faq-icon.svg); background-size: cover; background-repeat: no-repeat; z-index: -1; transform: translateY(-50%) rotate(0deg); transition: var(--transition); }
.servicesText h5.active::after{transform: translateY(-50%) rotate(180deg);}
.servicesInner.reverse{flex-direction: row-reverse;}
.servicesInners{background: rgba(219, 6, 37, 0.10); padding: 20px; border-radius: 10px;}
.servicesTexts h5{cursor: pointer; position: relative; font-family: var(--secondary-font);}
.servicesTexts h5::after{ content: ''; position: absolute; top: 10px; right: 0px; width: 22px; height: 13px; background-image: url(https://thevintageredb.wpenginepowered.com/wp-content/uploads/2026/02/faq-icon.svg); background-size: cover; background-repeat: no-repeat; z-index: -1; transform: translateY(-50%) rotate(0deg); transition: var(--transition) }
.servicesTexts h5.active::after{transform: translateY(-50%) rotate(180deg);}
.services-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; }
.services-grid a:first-child { grid-area: 1 / 1 / 2 / 3; }
.services-grid a:nth-child(2) { grid-area: 2 / 1 / 4 / 2; }
.services-grid a:nth-child(3)  { grid-area: 4 / 1 / 5 / 2; }
.services-grid a:nth-child(4)  { grid-area: 2 / 2 / 3 / 3; }
.services-grid a:nth-child(5)  { grid-area: 3 / 2 / 5 / 3; }
.services-grid img {border-radius: 20px; object-fit: cover;}
.services-grid a:first-child img{width: 525px; max-height: 355px; min-height: 308px;}
.services-grid a:nth-child(2) img{width: 295px; max-height: 308px; min-height: 308px}
.services-grid a:nth-child(4) img{width: 210px; max-height: 229px; min-height: 229px;}
.services-grid a:nth-child(3) img{width: 295px; max-height: 153px; min-height: 153px}
.services-grid a:nth-child(5) img{width: 218px; max-height: 232px; min-height: 232px;}
.fancybox-image{height: 75%; object-fit: cover !important;}
.fancybox__backdrop{background-color: rgba(24, 24, 27, 0.96) !important;opacity: 0.99 !important;}


.areaInner{background-color: var(--secondary-color);}
.leftArea , .rightArea{width: 50%;}
.rightAreaInner{color: var(--light-color); width: 432px; margin: 0 auto 0 100px;}
.rightAreaInner ul{column-count: 2;}
.rightAreaInner h5{font-family: var(--secondary-font);}
.rightAreaInner ul li{position: relative; padding-left: 30px; padding-bottom: 15px; font-size: 16px;}
.rightAreaInner ul li::before{content: ''; position: absolute;
background-image: url(https://thevintageredb.wpenginepowered.com/wp-content/uploads/2026/02/map-pin-fill.svg);
left: 0; background-repeat: no-repeat; background-size: cover; width: 24px; height: 24px;
}
.areaBtn a:hover{background-color: var(--light-color); color: var(--primary-color);}
.leftArea iframe { width: 100%; min-height: 100vh;}


.aboutInner{width: 860px; margin: 0 auto; text-align: center;}
.aboutInner h1{padding-bottom: 25px;}
.aboutInner p{padding-bottom: 20px; text-align: justify;}
.aboutInner p:last-child{padding-bottom: 0px;}
.aboutImg{padding: 50px 0 100px 0;}
.about-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; }
.aboutGridOne { grid-area: 1 / 1 / 2 / 2; }
.aboutGridtwo { grid-area: 1 / 2 / 2 / 3; }
.aboutGridthree { grid-area: 1 / 3 / 2 / 4; }
.aboutGridfour { grid-area: 2 / 1 / 4 / 4; }
.about-grid img{border-radius: 20px;}
.aboutGridOne img{width: 400px; min-height: 308px; max-height: 308px;}
.aboutGridtwo img{width: 400px; min-height: 308px; max-height: 308px;}
.aboutGridthree img{width: 400px; min-height: 308px; max-height: 308px;}
.aboutGridfour img{width: 1240px; min-height: 520px; max-height: 520px; object-fit: cover;}
.galleryBtn a { font-weight: 700;}
.bannerBtn a{font-weight: 700; width: 190px;}
.servicesBtn  a{font-weight: 700;}
.areaBtn a{font-weight: 700; width: 190px; text-align: center;}

.ourbusFaq{background-color: var(--secondary-color); padding: 50px 85px; border-radius: 20px;}
.faqInner{ padding-bottom: 50px;}
.ourbusFaq{color: var(--light-color);}
.ourbusFaq h2{text-align: center; padding-bottom: 50px; font-family: var(--secondary-font); font-weight: 800;}
.ourbusFaq h2{font-size: 48px; line-height: 32px;}

.faqInnTl{font-family: var(--secondary-font); position: relative; z-index: 1; cursor: pointer; font-weight: 500;}
.ourFaqInner{border-bottom: 1px solid var(--light-color);}
.ourFaqInner:last-child{border-bottom: 0px;}

.faqInnTl::after { content: ''; position: absolute; top: 15px; right: 0px; width: 24px; height: 24px; background-image: url(https://thevintageredb.wpenginepowered.com/wp-content/uploads/2026/02/arrow-down-long-line.svg); background-size: cover; background-repeat: no-repeat; z-index: -1; transform: translateY(-50%) rotate(0deg); transition: var(--transition); }
.faqInnTl.active::after { transform: translateY(-50%) rotate(180deg);}
.ourFaqInner p{width: 965px;}

.contactInner{padding-top: 100px; padding-bottom: 150px;}
.leftContact{width: 400px; margin: 0 auto;}
.leftContact h4{padding-bottom: 35px;}
.leftIcon a{display: flex; gap: 20px; text-decoration: none; align-items: center; color: var(--primary-color); transition: var(--transition);}
.leftIcon a:hover img{background-color: var(--primary-color);}
.leftIcon a img{width: 24px; height: 24px; background-color: var(--secondary-color); border-radius: 50%; padding: 11px; transition: var(--transition); object-fit: none; box-sizing: content-box; }
.leftIcon a:hover{color: var(--secondary-color);}
.leftContact h4{font-family: var(--secondary-font); line-height: 100%; letter-spacing: -1.44px;}
.rightContact{width: 610px;}
.rightContent a{color: var(--primary-color);}
.contactForm {  border-radius: 10px; background: rgba(219, 6, 37, 0.10); padding: 50px;}

.contactForm .gform-field-label { font-weight: 400 !important; margin-bottom: 10px !important;}
.contactForm .gform_title { padding-bottom: 20px;}
.contactForm input{outline: 0; border-radius: 9px; border: 1px solid rgba(219, 6, 37, 0.40); padding: 11.50px !important; margin-bottom: 10px !important;}
.contactForm select{border-radius: 9px; border: 1px solid rgba(219, 6, 37, 0.40); padding: 11.50px !important; font-size: 14px !important;}
.contactForm .gform_wrapper.gravity-theme .ginput_container_date input{width: 100%;}
.contactForm .gform_button.button{width: 190px; border-radius: 5px; background-color: var(--primary-color); color: var(--light-color); padding: 16px 25px !important;
cursor: pointer; font-family: var(--secondary-font); font-weight: 700; border: none; transition: var(--transition)t; }
.contactForm .gform_button.button:hover{background-color: var(--light-color); color: var(--primary-color);}
.contactForm .gform_wrapper.gravity-theme .field_sublabel_above .ginput_complex{align-items: flex-start; justify-content: space-between;}
.contactForm .gform_wrapper.gravity-theme .hour_minute_colon{padding: 0 8px 14px;}
.contactForm .gform_wrapper.gravity-theme .ginput_container_time{max-width: 30%; min-width: 30%;}
.contactForm .gform_wrapper.gravity-theme .ginput_complex{flex-flow: row !important;}
.contactForm .gchoice { display: flex; gap: 10px; align-items: center;}
.contactForm .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message{
  background: transparent; border: none; font-size: 14.992px; margin-block-start: 8px; padding: 0px !important;
}
.contactForm .gform_wrapper.gravity-theme .gfield_required{display: none;}
.contactForm .gform_wrapper.gravity-theme .gfield textarea.large{padding: 14px 24px; font-family: var(--primary-font); border-radius: 9px; border: 1px solid rgba(219, 6, 37, 0.40);}
.contactForm .gform_submission_error{letter-spacing: 0 !important;}
.contactForm  .gform_wrapper.gravity-theme .gform_validation_errors{margin-bottom: 25px !important;}
.ginput_container.ginput_container_radio .gfield_radio { display: flex; gap: 15px;}
.ginput_container.ginput_container_radio .gchoice {  width: 20%;}
.contactForm .gfield_time_ampm select{outline: 0; appearance: none; background-color: #fff; background-image: url('https://thevintageredb.wpenginepowered.com/wp-content/uploads/2026/02/faq-icon.svg');  background-repeat: no-repeat; background-position: right 15px center; background-size: 14px; padding-right: 40px;  height: 45px; border-radius: 6px; }
.contactForm .gform-field-label a{color: var(--primary-color); ;}
.contactForm .gform_wrapper.gravity-theme .gfield_error label a{color: #c02b0a;}
.InnerGallerySection:last-child {padding-bottom: 150px}
.InnerServices:last-child{padding-bottom: 150px;}
.homeAbout .container-sm:last-child{padding-bottom: 150px}
.ourbusFaq:last-child{margin-bottom: 0px}

/*.heroInner:before { content: ''; position: absolute; width: 1000%; height: 100%; top: 0; z-index: -1; background: var(--secondary-color); left: 62%; }*/

@media (min-width: 1500px){
  .heroSection .container{max-width: 100% !important; width: 100%; padding-left: calc((100% - 1240px) / 2);}
  .rightHero{margin-right: 80px; width: calc(100% - 645px) !important; }
  .heroArrows{margin-right: 80px;}
  .heroInner { justify-content: unset; gap: 160px; }
  .rightHero img { max-height: 430px; }
}


@media (max-width: 1400px){
  .rightTestimonial{margin-right: -130px;}
}
@media (max-width: 1340px){
  .rightTestimonial{margin-right: -50px;}
}
@media (max-width: 1270px){
  .servicesInner {gap: 50px;}
  .leftServices , .rightServices{width: calc(50% - 25px);}
  .services-grid img{width: 100% !important;}

  .galleryInner{gap: 50px;}
  .leftGallery , .rightGallery{width: calc(50% - 25px);}
  .gallery-grids img{width: 100% !important;}
  .gallery-grids a:first-child {grid-area: 1 / 1 / 2 / 4;}

  .about-grid img{width: 100% !important;}
}
@media (max-width: 1240px){
  .leftTestimonial h3{font-size: 32px; line-height: 32px;}
}

@media (max-width: 1180px){
  .testimonailInner { gap: 30px;}
  .testimonailInner{flex-direction: column; gap: 30px;}
  .leftTestimonial , .rightTestimonial{width: 100%;}
  .testimonial-card{margin: 0 20px 0 0;}
}
@media (max-width: 1160px){
  .leftCtaButton , .rightCtaButton{width: calc(50% - 25px);}
  .leftCtaButton img{width: 100%;}
  .ourFaqInner p{width: 100%;}
}
@media (max-width: 1120px){
 
  .testimialBtn {padding-top: 15px;}

  .contactInner{gap: 30px;}
  .leftContact{width: calc(40% - 15px);}
  .rightContact{width: calc(60% - 15px);}
}
@media (max-width: 1070px){
  .servicesInner{flex-direction: column; gap: 30px;}
  .leftServices , .rightServices{width: 100%;}
  .services-grid img{width: 100% !important;}
  .areaInner{gap: 50px;}
  .leftArea, .rightArea{width: calc(50% - 25px);}
  .rightAreaInner{width: 100%; margin: 0 auto;}
}
@media (max-width: 1040px){
  .lefthomeAbout , .righthomeAbout{width: calc(50% - 25px);}
 
}
@media (max-width:991px){
    h1{font-size: 54px;}

    .heroInner{flex-direction: column; gap: 30px; padding-top: 0px; padding-bottom: 110px;}
    .leftHero{width: 100%;}
    .rightHero{width: 100% !important;}
    .overlay::before, .heroInner:before{display: none;}

    .headerMenu ul{gap: 20px; }
    .headerMenu ul li a{font-size: 14px;}
    .footerSec{padding: 50px 30px ;}
    .footerGrid{ gap: 30px; flex-wrap: wrap;}
    .footerText { width: calc(25% - 22.5px) !important;}
    .brand.footerLogo { width: 100%; text-align: center;}
    .FooterSocial {justify-content: center;}
    .overlay::before{width: 400px;}
    .primaryBtn{padding: 15px 20px; font-size: 12px;}
    .ternaryBtn{padding: 15px 20px; font-size: 12px;}
    .secondaryBtn{padding: 15px 20px; font-size: 12px;}

    .galleryInner {flex-direction: column; gap: 30px;}
    .leftGallery, .rightGallery{width: 100%;}
    .aboutInner{width: 100%;}
    .faqInnTl{padding-right: 30px;}

  .contactInner{flex-direction: column; gap: 30px;}
  .leftContact{width: 100%;}
  .rightContact{width: 100%;}

  .heroArrows{bottom: 35px;}
    .heroArrows button{background-color: var(--secondary-color);}
    .heroArrows button img { filter: invert(1);}
}

@media (max-width: 767px){
    .padding-100{padding: 60px 0px;}
    .padding-150{padding: 60px 0px;}
    .padding-130{padding: 60px 0px;}

    
    .pt-150{padding-top: 50px;}
    .pb-150{padding-bottom: 60px;}
    .mb-100{margin-bottom: 60px;}

    
    h1{font-size: 48px;}
    h2{font-size: 28px;}
    
    .bannerSec{padding: 80px 0px; }
    .bannerInner{width: 100%;}

    .heroSlider .next-arrow{border: 2px solid; bottom: 45px;}
    .heroSlider .prev-arrow{border: 2px solid; bottom: 45px;}

    .homeServicesBox{width: calc(50% - 15px);}
    .homeAboutInner {flex-direction: column; gap: 15px;}
    .homeAboutInner.reverse {flex-direction: column;}
    .lefthomeAbout, .righthomeAbout{width: 100%;}

    .ctaButtonInner {flex-direction: column; gap: 20px;}
    .leftCtaButton, .rightCtaButton{width: 100%;}
    .testimonial {padding-bottom: 100px;}

    .header{padding: 15px 0px;}
    .menuToggle{display: flex; margin-left: auto;}
    .headerMenu ul{display: none;}
    .headerMenu{display: contents;}
    .headerLogo a img { width: 50px; height: 50px;}
    .headerMenu ul.active{display: block; ; flex-direction: column; text-align: left; gap: 0; position: absolute; top: 80px; left: 0px; width: 100%; height: 100vh; background-color: #fff; z-index: 99999999; }
    .headerMenu ul li a{font-size: 16px; font-weight: 600;}
    .headerMenu ul li{text-align: center; padding-bottom: 10px;}
    .headerMenu ul.active{padding-top: 20px;}
    .footer{padding-left: 30px; padding-right: 30px;}
    .footerText { width: calc(50% - 15px) !important;}

    .rightGallery h6{font-size: 20px;}
    .galleryBtn {padding-top: 20px;}

    .rightAreaInner h5{padding-top: 30px;}
    .areaInner{flex-direction: column-reverse; gap: 0px;}
    .leftArea, .rightArea{width: 100%;}
    .rightArea{padding: 0px 15px;}
    .leftArea iframe { width: 100%; height: 400px; }
    .aboutImg{padding: 60px 0px;}

    .ourbusFaq{padding: 50px;}
    .ourbusFaq h2{font-size: 32px; padding-bottom: 20px;}
    .faqInner h1{padding-bottom: 15px;}
    .faqInner{padding-bottom: 30px;}
    .ourbusFaq h2{padding-bottom: 30px;}
    .faqInnTl::after{top: 15px;}
    .contactInner{padding: 60px 0px;}
    .contactForm .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){line-height: 1 !important;}

    .InnerGallerySection:last-child{padding-bottom: 75px !important;}
}
@media (max-width: 640px) {
  .about-grid {grid-column-gap: 10px; grid-row-gap: 10px;}
  .aboutGridOne img{ min-height: 200px; max-height: 200px;}
  .aboutGridtwo img{ min-height: 200px; max-height: 200px;}
  .aboutGridthree img{ min-height: 200px; max-height: 200px;}
  .aboutGridfour img{ min-height: 300px; max-height: 300px; object-fit: cover;}
  .aboutInner p{padding-bottom: 15px;}
  .faqInnTl{font-size: 20px;}
  .contactForm{padding: 30px;}
  .leftContact h4{font-size: 28px; line-height: 28px ;}
  .contactForm input{margin-bottom: 0px;}
  .contactForm .gform_wrapper.gravity-theme .gform_fields{grid-row-gap: 5px;}
  .ginput_container.ginput_container_radio .gfield_radio{flex-direction: column; gap: 0px;}
  .ginput_container.ginput_container_radio .gchoice{width: 100%;}
}
@media (max-width: 639px) {
  .testimonialOverlay::before{display: none;}
  .testimonial-slider .slick-list.draggable { padding: 0px 70px 0 0 !important;}
  .bannerInner p{padding-top: 15px;}
  .bannerBtn{padding-top: 20px;}
}

@media (max-width: 520px) {
    h1{font-size: 40px;}

    .footer{padding-left: 15px; padding-right: 15px;}
    .footerSec{padding: 50px 20px;}
    .footerLogo > a > img { width: 60px; height: auto;}
    .footerText { width: 100% !important; text-align: center;}

    .homeServicesInn {flex-direction: column; gap: 30px;}
    .homeServicesBox{width: 100%;}

    .services-grid a:nth-child(2) img{min-height: 367px;}
    .services-grid a:nth-child(4) img{min-height: 288px;}
    .services-grid img{border-radius: 10px;}
    .services-grid{grid-column-gap: 10px; grid-row-gap: 10px;}

    .gallery-grids img{border-radius: 10px;}
    .gallery-grids{grid-column-gap: 10px; grid-row-gap: 10px;}

    .servicesText h5{padding-right: 30px;}
    .servicesTexts h5{padding-right: 30px;}
    .servicesTexts h5::after {width: 18px; height: 10px;}
    .about-grid img{border-radius: 10px;}
    .leftIcon a{flex-direction: column; gap: 20px; text-align: center;}
    .leftIcon{flex-direction: column;}
    .leftContact h4{text-align: center;}
  }
  @media (max-width: 420px) {
    .primaryBtn{padding: 15px 20px; font-size: 13px;}
    .ternaryBtn{padding: 15px 20px; font-size: 13px;}
    .secondaryBtn{padding: 15px 20px; font-size: 13px;}
    .heroInner{margin: 0 10px;}
    .heroBtn{gap: 12px;}
    .testimonial-slider .slick-list.draggable { padding: 0px 0px 0 0 !important;}
    .rightAreaInner ul li {font-size: 14px;}
    .aboutGridOne img{ min-height: 100px; max-height: 100px;}
    .aboutGridtwo img{ min-height: 100px; max-height: 100px;}
    .aboutGridthree img{ min-height: 100px; max-height: 100px;}
    .aboutGridfour img{ min-height: 200px; max-height: 200px; object-fit: cover;}
    .ourbusFaq{padding: 30px;}
    .ourFaqInner{padding: 10px 0px;}
    .contactIcon {flex-direction: column; gap: 15px; text-align: center;}
    .leftContact h4{text-align: center;}
  }

 
.stars img {
    width: 20px;
    height: auto;
}
.stars{gap: 3px}
.form-text-color a {
	color:#DB0625 !important;
}