@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,100..900;1,100..900&display=swap');



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



:root {

  --primary-color: #C12834;

  --secondary-color: #333;

  --white-color: #fff;

     --red: #d32f2f;

      --red-dark: #b71c1c;

      --red-light:#c02736;

      --dark: #1a1a2e;

      --dark2: #16213e;

      --dark3: #0f3460;

      --text: #333;

      --text-light: #666;

      --white: #fff;

      --bg-light: #f8f9fa;

      --bg-grey: #f0f2f5;

      --border: #e0e0e0;

}



a {

  text-decoration: none;

}



html,

body {

  overflow-x: hidden;

  height: auto;

  scroll-behavior: auto !important;

  font-family: "Roboto", sans-serif;

  background-color: #FFFAF4;

  margin: 0;

}



.section-padding {

  padding: 100px 0;

}



/* ===================================== header ======================================== */

header{

  position: absolute;

  width: 100%;

  z-index: 9;

  top: 20px;

}

header .container-fluid {

  padding: 0 35px;

}



.top-bar {

  background-color: var(--primary-color);

  height: 590px;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}

.inner-banner header{

  background-color: #000;

  position:relative;

  top: 0;

}

.inner-banner .main-navbar{

  margin: 0;

  padding: 30px 0;

}



.banner-section {

  background-color: #000;

  border-radius: 44px;

  overflow: hidden;

  z-index: 9999;

  position: relative;

  margin-top: 40px;

}



.transparent-img {

  opacity: 0.1;

}



.logo img {

  width: 180px;

}



/* ===================================== Start navigation ======================================== */

.main-navbar {

  border-radius: 8px;

  padding: 10px;

  margin: 40px 0;

}



.navigation_area .nav_sec {

  width: 100%;

  display: block;

  margin: 0;

  padding: 0;

}



.navigation_area .nav_sec ul {

  width: 100%;

  margin: 0;

  padding: 0;

  text-align: center;

  display: flex;

  justify-content: space-between;

}



.navigation_area .nav_sec ul li {

  display: inline-block;

  vertical-align: middle;

  margin: 0;

  margin: 0 70px 0 0;

  position: relative;

}



.navigation_area .nav_sec ul li:last-child {

  margin-right: 0;

}



.navigation_area .nav_sec ul li+li {

  /* margin-left: 30px; */

}



.navigation_area .nav_sec ul li a {

  color: #fff;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 85px;

  transition: 0.8s;

}



.navigation_area .nav_sec ul li ul li a::after {

  content: "";

  display: none;

}



.main_header .navigation_area .nav_sec ul .dropdown>a:after {

  content: "\f107";

  font-weight: 800;

  font-family: "Font Awesome 5 Free";

  position: absolute;

  top: 2px;

  right: -4px;

}



.navigation_area .nav_sec ul li .header_book_appointment_btn {

  margin-left: 148px;

  color: #000;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: capitalize;

  position: relative;

  padding-top: 23px;

}





.right-nav-sec a i {

  color: var(--primary-color);

}



.nav_sec ul a:hover {

  color: var(--primary-color) !important;

}

.nav_sec ul .active{

  color: var(--primary-color) !important;

  border-bottom: 2px solid var(--primary-color);

}

.nav_sec ul a.active:hover{

  color: unset;

}

.nav_sec ul a.active::after{

  content: "";

  display: none;

}



.nav_sec ul a::after {

  content: '';

  display: block;

  height: 3px;

  background-color: var(--primary-color);

  ;

  position: absolute;

  bottom: 20px;

  width: 0%;

  transition: all 0.3s ease-in-out;

}



.nav_sec ul a:hover::after {

  width: 100%;

}





.nav_sec ul li ul li a:hover {

  background-color: var(--white-color);

}



.right-nav-sec {

  display: flex;

}



.right-nav-sec a {

  margin-right: 15px;

}





.navigation_area .nav_sec ul li ul {

  width: max-content;

  background: var(--secondary-color);

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 999;

  display: none;

  text-align: left;

}



.navigation_area .nav_sec ul li ul li a {

  line-height: 30px !important;

  border-bottom: 1px dashed #fff;

}



.navigation_area .nav_sec ul li ul li:last-child a {

  border-bottom: none !important;

}



.navigation_area .nav_sec ul li:hover ul {

  display: block;

}



.navigation_area .nav_sec ul li ul li {

  width: 100%;

  /* float: left; */

  margin: 0;

  padding: 0;

}



.navigation_area .nav_sec ul li ul li+li {

  border-top: 1px solid var(--color-2);

}



.nav_sec ul>.active>a {

  color: var(--color-1);

}





.navigation_area .nav_sec ul li ul li a {

  margin: 0;

  padding: 10px 10px;

  display: block;

  font-size: 16px;

  font-weight: 500;

  color: #fff;

  font-size: 17px;

}







span.toggle-menu {

  display: none;

}



.toggle-menu img {

  width: 50px;

}



.r-nav a {

  background-color: var(--primary-color);

  padding: 18px 34px;

  border-radius: 8px;

  color: #fff;

  font-size: 18px;

}



.r-nav a:hover {

  background-color: #fff;

  color: var(--primary-color);

}



.r-nav a span {

  padding: 10px 6px;

  background-color: var(--secondary-color);

  border-radius: 50%;

  margin-left: 12px;

}



.r-nav a span img {

  height: 28px;

  width: 28px;

}



.menu-icon {

  display: none;

}



/* navigation-end */

/****** header-end ******/





/*===================================== Hero-section-start ======================================== */

.hero-section {

  position: relative;

  overflow: hidden;

  min-height: 420px;

}



.text-right {

  text-align: right;

}



.hero-content {

  position: relative;

  z-index: 2;

}



.hero-title {

  font-size: 80px;

  font-weight: bold;

  line-height: 1;

  color: #fff;

  text-transform: capitalize;

  font-family: "Alumni Sans", sans-serif;

  opacity: 0;

    transform: translateY(50px);

    animation: fadeUp 1s ease-out forwards;

}



@keyframes fadeUp {

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.hero-subtitle {

  color: #fff;

  font-size: 18px;

  margin-top: 20px;

  margin-bottom: 20px;

}



.hero-text {

  color: #ddd;

  font-size: 18px;

  line-height: 1.8;

  max-width: 540px;

}



.btn-discover {

    background: var(--primary-color);

    color: #fff;

    padding: 12px 28px;

    border-radius: 10px;

    font-weight: 600;

    border: none;

    font-size: 17px;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    transition: all 0.3s ease;

    position: relative;

    overflow: hidden;

}



/* SVG animation */

.btn-discover svg {

    width: 18px;

    transition: transform 0.3s ease;

}



/* Hover effect */

.btn-discover:hover {

    background: #000;

    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(0,0,0,0.2);

}



/* Arrow move */

.btn-discover:hover svg {

    transform: translateY(4px);

}





.hero-border {

  background: var(--primary-color);

  background: linear-gradient(257deg, rgba(193, 40, 52, 0) 0%, rgba(193, 40, 52, 1) 42%);

  height: 4px;

  margin-bottom: 30px;

   width: 0;

    transition: width 1s ease;

}





.hero-border.show {

    width: 100%;

}



.btn-discover:hover {

  background: var(--primary-color);

  color: #fff;

}



.truck-wrapper {

  position: relative;

  display: inline-block;

  border: 4px solid var(--primary-color);

  padding: 12px;

  border-top-left-radius: 50px;

}



.truck-wrapper img {

  width: 100%;

  max-width: 520px;

  display: block;

  border: 6px solid #fff;

  border-top-left-radius: 50px;

}



/* hero-section-End */



/*===================================== Hero-section-start ======================================== */

.image-wrapper {

  position: relative;

  max-width: 420px;

  height: 100%;

}



.main-img {

  width: 90%;

  /* border-radius: 24px; */

  object-fit: cover;

}



.small-img {

  position: absolute;

  bottom: -40px;

  right: -80px;

  width: 280px;

  /* border-radius: 20px; */

  border: 6px solid #f3efeb;

}



.vertical-text {

  position: absolute;

  right: -30px;

  top: -8px;

  writing-mode: vertical-rl;

  transform: rotate(180deg);

  color: var(--primary-color);

  font-weight: 700;

  font-size: 22px;

  line-height: 1.2;

  height: 180px;

}



button.btn:hover {

  background: #000 !important;

}



.about-badge {

    display: inline-flex;

    align-items: center;

    font-weight: 700;

    margin-bottom: 25px;

    color: var(--primary-color);

    font-size: 30px;

    font-family: "Alumni Sans", sans-serif;

    gap: 10px;

    background: rgb(217, 217, 217);

    padding: 5px 22px;

    border-radius: 14px;



    /* Animation initial */

    opacity: 0;

    transform: translateY(40px);

    transition: all 0.6s ease;

}



.about-badge.show {

    opacity: 1;

    transform: translateY(0);

}



/* Dot style */

.about-badge .dot {

    width: 10px;

    height: 10px;

    background: var(--primary-color);

    border-radius: 50%;

    /* animation: pulse 1.5s infinite; */

}



/* Pulse animation */

@keyframes pulse {

    0% {

        transform: scale(1);

        opacity: 1;

    }

    50% {

        transform: scale(1.5);

        opacity: 0.6;

    }

    100% {

        transform: scale(1);

        opacity: 1;

    }

}





.about-title {

    font-size: 40px;

    font-weight: 600;

    line-height: 50px;

    margin-bottom: 25px;

    color: #111;



    opacity: 0;

    transform: translateY(50px);

    transition: all 0.8s ease;

}



.about-title.show {

    opacity: 1;

    transform: translateY(0);

}



.about-text {

  color: #222;

  line-height: 1.9;

  font-size: 18px;

  margin-bottom: 22px;

  font-weight: 400;

}



.btn-custom:hover {

  opacity: 0.9;

  color: #fff;

}



/* About-section-End */



/*===================================== Hero-section-start ======================================== */

.services-section {

  position: relative;

  overflow: hidden;

  background: url(../images/services-bg.jpg) left top no-repeat;

  border-radius: 44px;

  margin: 0 35px;

}

.services-section .section-title{

    margin-bottom: 80px;

}



.service-badge {

  display: inline-block;

  background: #000;

  color: #fff;

  padding: 5px 22px;

  border-radius: 12px;

  font-weight: 600;

  margin-bottom: 20px;

  font-size: 30px;

  font-family: "Alumni Sans", sans-serif;

}



.service-badge .dot {

  width: 10px;

  height: 10px;

  background: var(--primary-color);

  border-radius: 50%;

  display: inline-block;

  margin-right: 8px;

  /* animation: blink 1.2s infinite; */

}

@keyframes blink {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.2;

    }

}



.section-title {

  font-size: 44px;

  font-weight: 600;

  line-height: 1.3;

  margin-bottom: 70px;

}



.section-title span {

  color: var(--primary-color);

}



.service-card {

  position: relative;

  border: 2px solid var(--primary-color);

  border-radius: 40px 0 0 0;

  background: #fff;

  padding: 70px 25px 35px;

  text-align: center;

  height: 100%;

  transition: 0.3s;

}



.service-card .service-icon img {

  width: 87px;

  height: 46px;

  transform: rotate(-45deg);

}



.service-card:hover{

  background: #000;

  color: #fff;

  border-color: #000;

}

.service-card:hover p{

  color: #fff;

}

.service-card:hover {

  transform: translateY(-8px);

}



.service-icon {

  position: absolute;

  top: -35px;

  left: 50%;

  transform: translateX(-50%) rotate(45deg);

  width: 70px;

  height: 70px;

  background: var(--primary-color);

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  border: 3px solid #fff;

}



.service-icon i {

  transform: rotate(-45deg);

  color: #fff;

  font-size: 30px;

}



.service-card h3 {

  font-size: 32px;

  font-weight: 600;

  margin-bottom: 15px;

  line-height: 1.1;

}



.underline {

  width: 90px;

  height: 4px;

  background: var(--primary-color);

  margin: 0 auto 20px;

  border-radius: 10px;

}



.service-card p {

  color: #555;

  font-size: 15px;

  line-height: 1.7;

}



/*===================================== Services-Area-start ======================================== */

.services-area {

  background-color: #FFFAF4;

  padding: 40px 0;

}



.border-divider {

  background: var(--primary-color);

  background: linear-gradient(90deg, rgba(193, 40, 52, 1) 50%, rgba(0, 0, 0, 1) 50%);

  height: 20px;

}



/*===================================== Why-Choose-Us-start ======================================== */

.why-section {

  padding: 70px 0;

}

.why-section .col-lg-4{

  display:grid;

  justify-content: space-between;

  gap: 54px;

}

.why-section .feature-box {

  margin-bottom: 0;

}



.section-badge {

  display: inline-block;

  background: var(--primary-color);

  color: #fff;

  font-weight: 700;

  padding: 10px 22px;

  border-radius: 12px;

  margin-bottom: 25px;

  font-size: 18px;

}







.title-line {

  width: 140px;

  height: 4px;

  background: var(--primary-color);

  margin: 0 auto 50px;

  border-radius: 10px;

}



.feature-box {

  background: #e9dfdc;

  border: 1px solid #b8aaa5;

  border-radius: 12px;

  padding: 28px 24px;

  min-height: 140px;

  display: flex;

  align-items: center;

  gap: 16px;

  margin-bottom: 30px;

}



.diamond {

  width: 14px;

  height: 14px;

  background: var(--primary-color);

  transform: rotate(45deg);

  flex-shrink: 0;

}



.feature-box h5 {

  font-size: 25px;

  font-weight: 500;

  line-height: 1.3;

  margin: 0;

  color: #111;

}



.moving-img {

  width: 100%;

  border-radius: 22px;

  object-fit: cover;

  height: 100%;

  min-height: 580px;

}



.why-badge {

  display: inline-block;

  background: var(--primary-color);

  color: #fff;

  padding: 5px 22px;

  border-radius: 12px;

  font-weight: 600;

  margin-bottom: 20px;

  font-size: 30px;

  font-family: "Alumni Sans", sans-serif;

}



.why-badge .dot {

  width: 10px;

  height: 10px;

  background: #fff;

  border-radius: 50%;

  display: inline-block;

  margin-right: 8px;

  /* animation: blink 1.2s infinite; */

}

@keyframes blink {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.2;

    }

}

 

/*===================================== Footer-start ======================================== */

.testimonial-section {

  /* padding: 80px 20px; */

  overflow: hidden;

  /* background-color: #EEE4E1; */

  margin-bottom: 50px;

  border-radius: 44px;

  position: relative;

}

.testimonial-section .container{

  position:relative;

  z-index: 1;

  padding: 70px 0 0 0;

}



.testimonial-section::before{

  content: "";

  left: 15px;

  right: 15px;

  position: absolute;

  width: 98%;

  height: 100%;

  background-color: #EEE4E1;

  border-radius: 44px;



}

.testimonial-section .slick-dots li button{

  background-color: #000;

  border-radius: 50%;

}

.testimonial-section .slick-dots li.slick-active button{

    background-color: #c02736;

}

.testimonial-section .slick-dots {

    position: absolute;

    bottom: -50px;

}

.section-badge {

  background: #000;

  color: #fff;

  padding: 8px 22px;

  border-radius: 10px;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  font-weight: 600;

  margin-bottom: 20px;

}



.section-badge span {

  width: 10px;

  height: 10px;

  background: var(--primary-color);

  border-radius: 50%;

  display: inline-block;

  animation: pulse 1.5s infinite;

}







.section-title .highlight {

  color: var(--primary-color);

}



.testimonial-card {

  background: #fff;

  border-radius: 20px;

  padding: 35px 30px;

  height: 100%;

  position: relative;

  overflow: hidden;

  height: 280px;

}







.testimonial-card:hover::before {

  left: 0;

}







.testimonial-text {

  color: #666;

  line-height: 1.8;

  margin-bottom: 25px;

}



.divider {

  width: 70px;

  height: 4px;

  background: var(--primary-color);

  margin-bottom: 20px;

  border-radius: 10px;

}



.testimonials-slider .slick-slide {

  padding: 0 10px;

}



.client-name {

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 10px;

}



.testimonials-nav {

  text-align: center;

  margin-top: 40px;

  position: relative;

  z-index: 1;

}



.testimonials-nav .custom-prevs,

.testimonials-nav .custom-nexts {

  width: 45px;

  height: 45px;

  border: none;

  border-radius: 8px;

  cursor: pointer;

  font-size: 18px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin: 0 5px;

}



.testimonials-nav .custom-prevs {

  background: #fff;

  color: #000;

}



.testimonials-nav .custom-nexts {

  background: var(--primary-color);

  color: #fff;

}



.stars {

  color: #f4b400;

  font-size: 18px;

}



.carousel-indicators {

  bottom: -60px;

}



.carousel-indicators [data-bs-target] {

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background-color: #000;

  opacity: 1;

  margin: 0 5px;

}



.carousel-indicators .active {

  background-color: var(--primary-color);

}



@keyframes pulse {

  0% {

    transform: scale(1);

    opacity: 1;

  }



  50% {

    transform: scale(1.4);

    opacity: 0.5;

  }



  100% {

    transform: scale(1);

    opacity: 1;

  }

}



/* Fade animation */

.carousel-item {

  transition: transform 0.8s ease-in-out;

}





/*===================================== Footer-start ======================================== */

.footer-section {

  background-image: url(../images/gmm-footer-bg.png);

}





/* Logo */

.footer-logo {

  max-width: 180px;

}



/* Text */

.footer-text {

  color: #cfcfcf;

  font-size: 14px;

  line-height: 1.8;

}



/* Headings */

.footer-title {

  font-size: 28px;

  font-weight: 700;

  margin-bottom: 20px;

  color: #fff;

  font-family: "Alumni Sans";

}



/* Links */

.footer-links {

  list-style: none;

  padding: 0;

  margin: 0;

}



.footer-links li {

  margin-bottom: 10px;

}



.footer-links a {

  color: #d9d9d9;

  text-decoration: none;

  transition: 0.3s;

  font-size: 15px;

}



.footer-links a:hover {

  color:var(--primary-color);

  padding-left: 5px;

}



/* Contact */

.footer-contact {

  list-style: none;

  padding: 0;

}



.footer-contact li {

  margin-bottom: 12px;

  color: #d9d9d9;

  font-size: 15px;

}



.footer-contact i {

  color: var(--primary-color);

  margin-right: 2px;

}



/* Social Icons */

.social-icons a {

  width: 38px;

  height: 38px;

  background: #fff;

  color: #000;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 4px;

  margin-right: 8px;

  transition: 0.3s;

  text-decoration: none;

}



.social-icons a:hover {

  background: var(--primary-color);

  color: #fff;

}



/* CTA Section */

.footer-cta {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 25px;

  flex-wrap: wrap;

  padding-top: 40px;

}



.footer-cta h2 {

  font-size: 45px;

  font-weight: 600;

  margin: 0;

  font-family: "Alumni Sans";

}



.footer-btn {

  background: var(--primary-color);

  color: #fff;

  padding: 12px 35px;

  border-radius: 12px;

  font-weight: 600;

  border: none;

  transition: 0.3s;

}



.footer-btn:hover {

  background: #fff;

  color: var(--primary-color);

}



/* Bottom */

.footer-bottom {

  background: var(--primary-color);

  padding: 12px;

  font-size: 14px;

  color: #fff;

}



/* ABOUT-CSS */

/* ─── HERO BANNER ─── */

.banner {

  position: relative;

  z-index: 1;

}

.banner-section{

  padding: 250px 0 150px 0;

}

.page-banner {

  background-image: url(../images/banner-img.jpg);

  padding: 90px 5% 70px;

  position: relative;

  overflow: hidden;

}



.page-banner::before {

  content: '';

  position: absolute;

  inset: 0;

  background-color: #00000085;

}



.page-banner::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 4px;

  background: var(--red);

}



.banner-inner {

  position: relative;

  z-index: 2;

  max-width: 1200px;

  margin: 0 auto;

}



.breadcrumb {

  display: flex;

  align-items: center;

  gap: 8px;

  font-size: .85rem;

  color: rgba(255, 255, 255, .6);

  margin-bottom: 16px;

  font-family: 'Montserrat', sans-serif;

}



.breadcrumb a {

  color: rgba(255, 255, 255, .6);

  text-decoration: none;

}



.breadcrumb a:hover {

  color: var(--red-light);

}



.breadcrumb .sep {

  color: var(--red);

}



.breadcrumb .current {

  color: var(--red-light);

}



.banner-inner h1 {

  font-family: 'Montserrat', sans-serif;

  font-size: clamp(2rem, 5vw, 3.2rem);

  font-weight: 900;

  color: #fff;

  line-height: 1.15;

  margin-bottom: 16px;

}



.banner-inner h1 span {

  color: var(--red-light);

}



.banner-inner p {

  color: rgba(255, 255, 255, .7);

  font-size: 1.05rem;

  max-width: 500px;

}



/* ─── SECTION LABEL ─── */

.section-label {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  background: rgba(211, 47, 47, .12);

  border: 1px solid rgba(211, 47, 47, .3);

  color: var(--red);

  font-family: 'Montserrat', sans-serif;

  font-size: .75rem;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

  padding: 6px 16px;

  border-radius: 25px;

  margin-bottom: 18px;

}



.section-label i {

  font-size: .7rem;

}



/* ─── ABOUT STORY ─── */

.about-story {

  padding: 90px 5%;

  background: var(--white);

}



.story-content{

  padding-left: 70px;

}



.story-images {

  position: relative;

}



.img-main {

  width: 100%;

  height: 380px;

  object-fit: cover;

  border-radius: 12px;

  box-shadow: 0 20px 60px rgba(0, 0, 0, .15);

}



.img-badge {

  position: absolute;

  bottom: -24px;

  right: -24px;

  background: var(--red);

  color: #fff;

  padding: 20px 24px;

  border-radius: 12px;

  text-align: center;

  box-shadow: 0 10px 30px rgba(211, 47, 47, .4);

}



.img-badge .num {

  font-family: 'Montserrat', sans-serif;

  font-size: 2.2rem;

  font-weight: 900;

  line-height: 1;

}



.img-badge .lbl {

  font-size: .75rem;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 1px;

  opacity: .9;

}



.story-content h2 {

  font-family: "Roboto", sans-serif;

  font-size: clamp(1.9rem, 3vw, 2.2rem);

  font-weight: 800;

  line-height: 1.25;

  margin-bottom: 20px;

  color: var(--dark);

}



.story-content h2 span {

  color: var(--red);

}



.story-content p {

  color: var(--text-light);

  line-height: 1.8;

  margin-bottom: 16px;

  font-size: .95rem;

}



.story-checks {

  margin: 28px 0;

  display: flex;

  flex-direction: column;

  gap: 12px;

}



.check-item {

  display: flex;

  align-items: flex-start;

  gap: 12px;

}



.check-item i {

  color: var(--red);

  margin-top: 3px;

  font-size: .9rem;

  flex-shrink: 0;

}



.check-item span {

  font-size: .92rem;

  color: var(--text);

  line-height: 1.5;

}



.btn-red {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  background: var(--red);

  color: #fff;

  text-decoration: none;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  font-size: .88rem;

  padding: 14px 32px;

  border-radius: 30px;

  letter-spacing: .5px;

  transition: all .3s;

  border: 2px solid var(--red);

}



.btn-red:hover {

  background: var(--red-dark);

  border-color: var(--red-dark);

  transform: translateY(-2px);

  box-shadow: 0 8px 25px rgba(211, 47, 47, .35);

}



.btn-outline {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  background: transparent;

  color: var(--red);

  text-decoration: none;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  font-size: .88rem;

  padding: 13px 30px;

  border-radius: 30px;

  border: 2px solid var(--red);

  transition: all .3s;

}



.btn-outline:hover {

  background: var(--red);

  color: #fff;

  transform: translateY(-2px);

}



.btn-group {

  display: flex;

  gap: 16px;

  flex-wrap: wrap;

  margin-top: 28px;

}



/* ─── STATS ─── */

.stats-bar {

  background:#000;

  padding: 50px 5%;

}



.stats-bar .container {

  max-width: 1200px;

  margin: 0 auto;

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 20px;

}



.stat-card {

  text-align: center;

  padding: 30px 20px;

  border-right: 1px solid #ffffff57;

}



.stat-card:last-child {

  border-right: none;

}



.stat-card .num {

  font-family: 'Montserrat', sans-serif;

  font-size: 2.6rem;

  font-weight: 900;

  color: var(--red-light);

  line-height: 1;

}



.stat-card .plus {

  color: var(--red);

}



.stat-card .lbl {

  font-size: .82rem;

  color: rgba(255, 255, 255, .65);

  text-transform: uppercase;

  letter-spacing: 1px;

  margin-top: 8px;

  font-weight: 600;

}



/* ─── MISSION VISION ─── */

.mission-section {

  padding: 90px 5%;

  background: var(--bg-light);

}



.mission-section .container {

  max-width: 1200px;

  margin: 0 auto;

}



.section-head {

  text-align: center;

  margin-bottom: 60px;

}



.section-head h2 {

  font-family: 'Montserrat', sans-serif;

  font-size: clamp(1.6rem, 3vw, 2.2rem);

  font-weight: 800;

  color: var(--dark);

  margin-bottom: 14px;

}



.section-head h2 span {

  color: var(--red);

}



.section-head p {

  color: var(--text-light);

  max-width: 560px;

  margin: 0 auto;

  line-height: 1.7;

}



.mv-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 28px;

}



.mv-card {

  background: #fff;

  border-radius: 14px;

  padding: 36px 30px;

  border: 1px solid var(--border);

  transition: all .35s;

  position: relative;

  overflow: hidden;

}



.mv-card::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 4px;

  background: var(--red);

  transform: scaleX(0);

  transition: transform .35s;

}



.mv-card:hover {

  transform: translateY(-6px);

  box-shadow: 0 20px 50px rgba(0, 0, 0, .1);

}



.mv-card:hover::before {

  transform: scaleX(1);

}



.mv-icon {

  width: 60px;

  height: 60px;

  background: rgba(211, 47, 47, .1);

  border-radius: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 22px;

}



.mv-icon i {

  font-size: 1.5rem;

  color: var(--red);

}



.mv-card h3 {

  font-family: 'Montserrat', sans-serif;

  font-size: 1.15rem;

  font-weight: 800;

  color: var(--dark);

  margin-bottom: 12px;

}



.mv-card p {

  font-size: .9rem;

  color: var(--text-light);

  line-height: 1.75;

}



/* ─── TEAM ─── */

.team-section {

  padding: 90px 5%;

  background: #fff;

}



.team-section .container {

  max-width: 1200px;

  margin: 0 auto;

}



.team-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 28px;

  margin-top: 50px;

}



.team-card {

  background: var(--bg-light);

  border-radius: 14px;

  overflow: hidden;

  text-align: center;

  transition: all .35s;

  border: 1px solid var(--border);

}



.team-card:hover {

  transform: translateY(-6px);

  box-shadow: 0 20px 50px rgba(0, 0, 0, .1);

}



.team-img {

  width: 100%;

  height: 220px;

  object-fit: cover;

  background: linear-gradient(135deg, var(--dark) 0%, var(--dark3) 100%);

  display: flex;

  align-items: center;

  justify-content: center;

}



.team-img i {

  font-size: 4rem;

  color: rgba(255, 255, 255, .3);

}



.team-info {

  padding: 22px 18px;

}



.team-info h4 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 800;

  font-size: 1rem;

  color: var(--dark);

  margin-bottom: 5px;

}



.team-info .role {

  font-size: .82rem;

  color: var(--red);

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: .5px;

}



/* ─── CTA BANNER ─── */

.cta-section {

  background: linear-gradient(135deg, var(--dark) 0%, var(--dark2) 100%);

  padding: 80px 5%;

  text-align: center;

  position: relative;

  overflow: hidden;

}



.cta-section::before {

  content: '';

  position: absolute;

  inset: 0;

  background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d32f2f' fill-opacity='0.06'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

}



.cta-section .container {

  position: relative;

  z-index: 2;

  max-width: 700px;

  margin: 0 auto;

}



.cta-section h2 {

  font-family: 'Montserrat', sans-serif;

  font-size: clamp(1.6rem, 3vw, 2.2rem);

  font-weight: 900;

  color: #fff;

  margin-bottom: 16px;

}



.cta-section h2 span {

  color: var(--red-light);

}



.cta-section p {

  color: rgba(255, 255, 255, .7);

  margin-bottom: 36px;

  font-size: 1rem;

  line-height: 1.7;

}



/* services-page-css */

/* ─── MAIN SERVICES ─── */

    .services-main { padding: 90px 5%; background: #fff; }



    .service-item {

      display: grid; grid-template-columns: 1fr 1fr;

      gap: 70px; align-items: center;

      padding: 70px 0;

      border-bottom: 1px solid var(--border);

    }

    .service-item:first-child { padding-top: 0; }

    .service-item:last-child { border-bottom: none; padding-bottom: 0; }

    .service-item.reverse { }



    .service-img {

      border-radius: 14px; overflow: hidden;

      position: relative;

      box-shadow: 0 20px 60px rgba(0,0,0,.12);

    }

    .service-img img { width: 100%; object-fit: cover; display: block; transition: transform .5s; }

    .service-item:hover .service-img img { transform: scale(1.04); }

    .service-img-placeholder {

      width: 100%;

      display: flex; align-items: center; justify-content: center;

      flex-direction: column; gap: 16px;

    }

    .service-img-placeholder i { font-size: 4rem; color: rgba(255,255,255,.5); }

    .service-img-placeholder span { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; color: rgba(255,255,255,.7); letter-spacing: 1px; }

    .service-num {

      position: absolute; top: 20px; left: 20px;

      background: var(--red);

      color: #fff;

      font-family: 'Montserrat', sans-serif;

      font-size: .75rem; font-weight: 800;

      padding: 4px 12px; border-radius: 20px;

      letter-spacing: 1px;

    }



    .service-content h3 { font-family: 'Montserrat', sans-serif; font-size: 1.7rem; font-weight: 800; color: var(--dark); margin-bottom: 16px; line-height: 1.25; }

    .service-content h3 span { color: var(--red); }

    .service-content p { color: var(--text-light); line-height: 1.8; font-size: .95rem; margin-bottom: 14px; }



    .service-features { margin: 24px 0; display: flex; flex-direction: column; gap: 10px; }

    .feat-item { display: flex; align-items: flex-start; gap: 12px; padding: 10px 14px; background: var(--bg-light); border-radius: 8px; border-left: 3px solid var(--red); }

    .feat-item i { color: var(--red); margin-top: 2px; font-size: .85rem; }

    .feat-item span { font-size: .88rem; color: var(--text); line-height: 1.5; }



    /* ─── EXTRA SERVICES GRID ─── */

    .extra-services { padding: 90px 5%; background: var(--bg-light); }

    .extra-services .container { max-width: 1200px; margin: 0 auto; }

    .extra-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

    .extra-card {

      background: #fff;

      border-radius: 14px;

      padding: 32px 26px;

      border: 1px solid var(--border);

      transition: all .35s;

      position: relative; overflow: hidden;

    }

    .extra-card::after {

      content: '';

      position: absolute; bottom: 0; left: 0; right: 0;

      height: 3px; background: var(--red);

      transform: scaleX(0); transition: transform .35s;

    }

    .extra-card:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(0,0,0,.1); }

    .extra-card:hover::after { transform: scaleX(1); }

    .extra-icon { width: 56px; height: 56px; background: rgba(211,47,47,.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }

    .extra-icon i { font-size: 1.4rem; color: var(--red); }

    .extra-card h4 { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 800; color: var(--dark); margin-bottom: 10px; }

    .extra-card p { font-size: .88rem; color: var(--text-light); line-height: 1.7; }



    /* ─── PROCESS ─── */

    .process-section { padding: 90px 5%; background: var(--dark); }

    .process-section .container { max-width: 1200px; margin: 0 auto; }

    .process-section .section-head h2 { color: #fff; }

    .process-section .section-head p { color: rgba(255,255,255,.65); }

    .process-section .section-label { background: rgba(239,83,80,.15); border-color: rgba(239,83,80,.3); }



    .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; }

    .process-grid::before {

      content: '';

      position: absolute;

      top: 36px; left: 10%; right: 10%;

      height: 2px;

      background: linear-gradient(90deg, var(--red) 0%, var(--red-light) 100%);

      z-index: 0;

    }

    .process-step {

      text-align: center;

      padding: 36px 20px;

      background: rgba(255,255,255,.05);

      border-radius: 14px;

      border: 1px solid rgba(255,255,255,.08);

      position: relative; z-index: 1;

      transition: all .35s;

    }

    .process-step:hover { background: rgba(255,255,255,.08); transform: translateY(-4px); }

    .step-num {

      width: 60px; height: 60px;

      background: var(--red);

      border-radius: 50%;

      display: flex; align-items: center; justify-content: center;

      font-family: 'Montserrat', sans-serif;

      font-size: 1.3rem; font-weight: 900; color: #fff;

      margin: 0 auto 20px;

      box-shadow: 0 8px 20px rgba(211,47,47,.5);

    }

    .process-step h4 { font-family: 'Montserrat', sans-serif; font-size: .95rem; font-weight: 800; color: #fff; margin-bottom: 10px; }

    .process-step p { font-size: .84rem; color: rgba(255,255,255,.6); line-height: 1.65; }



    /* ─── AREAS ─── */

    .areas-section { padding: 90px 5%; background: #fff; }

    .areas-section .container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }

    .areas-content h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; color: var(--dark); margin-bottom: 16px; }

    .areas-content h2 span { color: var(--red); }

    .areas-content p { color: var(--text-light); line-height: 1.8; margin-bottom: 28px; }

    .areas-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }

    .chip { background: var(--bg-light); border: 1px solid var(--border); color: var(--text); font-family: 'Montserrat', sans-serif; font-size: .8rem; font-weight: 600; padding: 8px 16px; border-radius: 20px; display: flex; align-items: center; gap: 6px; transition: all .25s; }

    .chip:hover, .chip.active { background: var(--red); border-color: var(--red); color: #fff; }

    .chip i { font-size: .7rem; color: var(--red); }

    .chip:hover i, .chip.active i { color: #fff; }



    .areas-map {

      background: linear-gradient(135deg, var(--dark) 0%, var(--dark3) 100%);

      border-radius: 16px; padding: 40px;

      min-height: 320px;

      display: flex; align-items: center; justify-content: center;

      position: relative; overflow: hidden;

    }

    .areas-map::before {

      content: '';

      position: absolute; inset: 0;

      background: radial-gradient(circle at 60% 40%, rgba(211,47,47,.2) 0%, transparent 60%);

    }

    .map-content { position: relative; z-index: 2; text-align: center; }

    .map-content i { font-size: 5rem; color: rgba(211,47,47,.6); margin-bottom: 20px; display: block; }

    .map-content h3 { font-family: 'Montserrat', sans-serif; font-size: 1.1rem; font-weight: 800; color: #fff; margin-bottom: 10px; }

    .map-content p { color: rgba(255,255,255,.6); font-size: .88rem; }



    /* ─── CTA ─── */

    .cta-section { background: linear-gradient(135deg, var(--dark) 0%, var(--dark2) 100%); padding: 80px 5%; text-align: center; position: relative; overflow: hidden; }

    .cta-section::before { content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d32f2f' fill-opacity='0.06'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

    .cta-section .container { position: relative; z-index: 2; max-width: 700px; margin: 0 auto; }

    .cta-section h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 900; color: #fff; margin-bottom: 16px; }

    .cta-section h2 span { color: var(--red-light); }

    .cta-section p { color: rgba(255,255,255,.7); margin-bottom: 36px; font-size: 1rem; line-height: 1.7; }

    /* pop-up-form-css */

    .quote-overlay {

  display: none;

  position: fixed;

  inset: 0;

  background: rgba(0,0,0,0.5);

  z-index: 9999;

  align-items: center;

  justify-content: center;

}

.quote-overlay.active { display: flex; }

.quote-modal {

  background: #fff;

  border-radius: 12px;

  padding: 2rem;

  width: 100%;

  max-width: 480px;

  animation: slideUp 0.25s ease;

}

@keyframes slideUp {

  from { transform: translateY(20px); opacity: 0; }

  to   { transform: translateY(0); opacity: 1; }

}

.quote-modal-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 1.5rem;

}

.quote-close {

  background: none;

  border: none;

  font-size: 24px;

  cursor: pointer;

  color: #888;

}

.quote-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.quote-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }

.quote-group label { font-size: 13px; font-weight: 600; color: #555; }

.quote-group input,

.quote-group select,

.quote-group textarea {

  padding: 9px 12px;

  border: 1px solid #ddd;

  border-radius: 8px;

  font-size: 14px;

  width: 100%;

  box-sizing: border-box;

}

.quote-group textarea { min-height: 80px; resize: vertical; }



/* services-page-css */

/* ─── HERO REASONS ─── */

    .reasons-hero { padding: 90px 5%; background: #fff; }

    /* .reasons-hero .container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; } */

    .reasons-content h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; color: var(--dark); margin-bottom: 16px; line-height: 1.25; }

    .reasons-content h2 span { color: var(--red); }

    .reasons-content p { color: var(--text-light); line-height: 1.8; margin-bottom: 32px; font-size: .95rem; }

    /* .reasons-list { display: flex; flex-direction: column; gap: 20px; } */

    .reason-row {

      display: flex; align-items: flex-start; gap: 16px;

      padding: 20px 22px;

      background: var(--bg-light);

      border-radius: 12px;

      border-left: 4px solid var(--red);

      transition: all .3s;

    }

    .reasons-list{

      margin-top: 65px;

    }

    .reason-row:hover { background: #fff; box-shadow: 0 8px 30px rgba(0,0,0,.08); transform: translateX(4px); }

    .reason-icon { width: 44px; height: 44px; background: rgba(211,47,47,.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

    .reason-icon i { color: var(--red); font-size: 1rem; }

    .reason-text h4 { font-family: 'Montserrat', sans-serif; font-size: .95rem; font-weight: 800; color: var(--dark); margin-bottom: 4px; }

    .reason-text p { font-size: .85rem; color: var(--text-light); line-height: 1.55; }



    /* ─── VISUAL / PHOTO SIDE ─── */

    .reasons-visual { position: relative; }

    .vis-main { width: 100%; height: 420px; border-radius: 16px; overflow: hidden; background: linear-gradient(135deg, var(--dark) 0%, var(--dark3) 100%); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; box-shadow: 0 24px 60px rgba(0,0,0,.2); }

    .vis-main i { font-size: 5rem; color: rgba(211,47,47,.5); }

    .vis-main img{

      width: 100%;

    }

    .vis-main span { font-family: 'Montserrat', sans-serif; font-size: .9rem; font-weight: 700; color: rgba(255,255,255,.5); letter-spacing: 2px; text-transform: uppercase; }

    .vis-badge {

      position: absolute; bottom: -20px; left: -20px;

      background: var(--red); color: #fff;

      padding: 18px 22px; border-radius: 14px;

      text-align: center;

      box-shadow: 0 10px 30px rgba(211,47,47,.4);

    }

    .vis-badge .big { font-family: 'Montserrat', sans-serif; font-size: 2rem; font-weight: 900; line-height: 1; }

    .vis-badge .small { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; opacity: .9; margin-top: 4px; }



    /* ─── KEY DIFFERENTIATORS GRID ─── */

    .diff-section { padding: 90px 5%; background: var(--bg-light); }

    .diff-section .container { max-width: 1200px; margin: 0 auto; }

    .diff-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

    .diff-card {

      background: #fff; border-radius: 16px;

      padding: 40px 32px;

      border: 1px solid var(--border);

      text-align: center;

      transition: all .35s;

      position: relative; overflow: hidden;

    }

    .diff-card::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: var(--red); transition: width .35s; }

    .diff-card:hover { transform: translateY(-8px); box-shadow: 0 24px 60px rgba(0,0,0,.1); }

    .diff-card:hover::before { width: 100%; left: 0; transform: none; }

    .diff-icon-wrap { width: 80px; height: 80px; background: rgba(211,47,47,.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; border: 2px solid rgba(211,47,47,.15); transition: all .35s; }

    .diff-card:hover .diff-icon-wrap { background: var(--red); border-color: var(--red); }

    .diff-icon-wrap i { font-size: 1.8rem; color: var(--red); transition: color .35s; }

    .diff-card:hover .diff-icon-wrap i { color: #fff; }

    .diff-card h3 { font-family: 'Montserrat', sans-serif; font-size: 1.05rem; font-weight: 800; color: var(--dark); margin-bottom: 12px; }

    .diff-card p { font-size: .88rem; color: var(--text-light); line-height: 1.75; }



    /* ─── COMPARISON TABLE ─── */

    .compare-section { padding: 90px 5%; background: #fff; }

    .compare-section .container { max-width: 900px; margin: 0 auto; }

    .compare-table { width: 100%; border-collapse: collapse; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,.08); }

    .compare-table thead tr { background: var(--dark); }

    .compare-table thead th { padding: 20px 24px; font-family: 'Montserrat', sans-serif; font-size: .9rem; font-weight: 700; color: #fff; text-align: left; }

    .compare-table thead th:nth-child(2) { background: var(--red); text-align: center; }

    .compare-table thead th:nth-child(3) { text-align: center; color: rgba(255,255,255,.6); }

    .compare-table tbody tr { border-bottom: 1px solid var(--border); transition: background .2s; }

    .compare-table tbody tr:hover { background: var(--bg-light); }

    .compare-table tbody tr:last-child { border-bottom: none; }

    .compare-table td { padding: 16px 24px; font-size: .9rem; color: var(--text); }

    .compare-table td:nth-child(2) { text-align: center; background: rgba(211,47,47,.04); }

    .compare-table td:nth-child(3) { text-align: center; }

    .tick { color: var(--red); font-size: 1.1rem; }

    .cross { color: #ccc; font-size: 1.1rem; }

    .partial { color: #f59e0b; font-size: .85rem; font-weight: 600; }



    /* ─── TESTIMONIALS ─── */

    .testimonials { padding: 90px 5%; background: var(--dark); }

    .testimonials .container { max-width: 1200px; margin: 0 auto; }

    .testimonials .section-head h2 { color: #fff; }

    .testimonials .section-head p { color: rgba(255,255,255,.6); }

    .testimonials .section-label { background: rgba(239,83,80,.15); border-color: rgba(239,83,80,.3); }

    .testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

    .testi-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; padding: 32px 28px; transition: all .35s; }

    .testi-card:hover { background: rgba(255,255,255,.1); transform: translateY(-4px); }

    .testi-stars { display: flex; gap: 4px; margin-bottom: 16px; }

    .testi-stars i { color: #fbbf24; font-size: .9rem; }

    .testi-card p { color: rgba(255,255,255,.75); font-size: .9rem; line-height: 1.75; font-style: italic; margin-bottom: 22px; }

    .testi-author { display: flex; align-items: center; gap: 12px; }

    .author-avatar { width: 44px; height: 44px; background: var(--red); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: .95rem; color: #fff; flex-shrink: 0; }

    .author-info h5 { font-family: 'Montserrat', sans-serif; font-size: .9rem; font-weight: 700; color: #fff; }

    .author-info span { font-size: .78rem; color: rgba(255,255,255,.5); }



    /* ─── GUARANTEE ─── */

    .guarantee-section { padding: 90px 5%; background: var(--bg-light); }

    .guarantee-section .container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }

    .guar-visual { background: linear-gradient(135deg, var(--dark) 0%, var(--dark3) 100%); border-radius: 20px; padding: 50px 40px; text-align: center; }

    .guar-badge { width: 130px; height: 130px; background: var(--red); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto 24px; box-shadow: 0 16px 40px rgba(211,47,47,.4); }

    .guar-badge i { font-size: 3rem; color: #fff; }

    .guar-visual h3 { font-family: 'Montserrat', sans-serif; font-size: 1.4rem; font-weight: 900; color: #fff; margin-bottom: 10px; }

    .guar-visual p { color: rgba(255,255,255,.6); font-size: .9rem; line-height: 1.7; }



    .guar-content h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; color: var(--dark); margin-bottom: 20px; }

    .guar-content h2 span { color: var(--red); }

    .guar-content p { color: var(--text-light); line-height: 1.8; margin-bottom: 16px; font-size: .95rem; }

    .guar-points { margin: 28px 0; display: flex; flex-direction: column; gap: 14px; }

    .guar-point { display: flex; align-items: flex-start; gap: 14px; }

    .guar-num { width: 30px; height: 30px; background: var(--red); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Montserrat', sans-serif; font-size: .8rem; font-weight: 800; color: #fff; flex-shrink: 0; }

    .guar-point span { font-size: .92rem; color: var(--text); line-height: 1.55; padding-top: 5px; }



    /* ─── CTA ─── */

    .cta-section { background: linear-gradient(135deg, var(--dark) 0%, var(--dark2) 100%); padding: 80px 5%; text-align: center; position: relative; overflow: hidden; }

    .cta-section::before { content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d32f2f' fill-opacity='0.06'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

    .cta-section .container { position: relative; z-index: 2; max-width: 700px; margin: 0 auto; }

    .cta-section h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 900; color: #fff; margin-bottom: 16px; }

    .cta-section h2 span { color: var(--red-light); }

    .cta-section p { color: rgba(255,255,255,.7); margin-bottom: 36px; font-size: 1rem; line-height: 1.7; }



    /* Contact-us-css */

    /* ── QUICK INFO STRIP ── */

  .info-strip {

    background: var(--red);

    padding: 0 5%;

    display: flex;

    align-items: stretch;

  }

  .info-item {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 20px 40px 20px 0;

    color: var(--white);

    border-right: 1px solid rgba(255,255,255,0.2);

    margin-right: 40px;

    flex: 1;

  }

  .info-item:last-child { border-right: none; margin-right: 0; }

  .info-icon {

    width: 40px;

    height: 40px;

    background: rgba(255,255,255,0.15);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 16px;

    flex-shrink: 0;

  }

  .info-label { font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; opacity: 0.8; }

  .info-value { font-size: 15px; font-weight: 700; margin-top: 2px; }



  /* ── MAIN SECTION ── */

  .contact-section {

    padding: 80px 5%;

    background: var(--white);

  }

  .section-badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    background: #fff0f0;

    color: var(--red);

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    padding: 6px 14px;

    border-radius: 30px;

    margin-bottom: 14px;

  }

  .section-badge::before {

    content: '';

    width: 6px; height: 6px;

    background: var(--red);

    border-radius: 50%;

  }

  .section-title {

    font-family: 'Barlow Condensed', sans-serif;

    font-size: clamp(28px, 3.5vw, 42px);

    font-weight: 700;

    color: var(--dark);

    line-height: 1.1;

    margin-bottom: 10px;

  }

  .testimonial-section .section-title{

    margin-bottom: 50px;

  }

  .section-title span { color: var(--red); }

  .section-sub {

    color: var(--text-light);

    font-size: 15px;

    line-height: 1.6;

    max-width: 520px;

    margin-bottom: 40px;

  }



  .contact-grid {

    display: grid;

    grid-template-columns: 1fr 1.1fr;

    gap: 50px;

    align-items: start;

  }



  /* ── CONTACT FORM ── */

  .contact-form-wrap {

    background: var(--white);

    border: 1px solid var(--gray-light);

    border-radius: 12px;

    padding: 40px;

    box-shadow: 0 4px 30px rgba(0,0,0,0.06);

  }

  .form-title {

    font-size: 20px;

    font-weight: 700;

    color: var(--dark);

    margin-bottom: 6px;

  }

  .form-subtitle { font-size: 14px; color: var(--text-light); margin-bottom: 28px; }



  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

  .form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 18px; }

  .form-group label { font-size: 13px; font-weight: 600; color: var(--dark); }

  .form-group label span { color: var(--red); }

  .form-group input,

  .form-group select,

  .form-group textarea {

    padding: 11px 14px;

    border: 1.5px solid var(--gray-light);

    border-radius: 6px;

    font-family: 'Barlow', sans-serif;

    font-size: 14px;

    color: var(--text);

    background: #fafafa;

    transition: border-color 0.2s, background 0.2s;

    outline: none;

    width: 100%;

  }

  .form-group input:focus,

  .form-group select:focus,

  .form-group textarea:focus {

    border-color: var(--red);

    background: var(--white);

  }

  .form-group textarea { resize: vertical; max-height: 90px; }

  .form-group select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; width: 100%;}



  .radio-group { display: flex; flex-wrap: wrap; gap: 10px; }

  .radio-option { display: flex; align-items: center; gap: 8px; }

  .radio-option input[type="radio"] { accent-color: var(--red); width: 16px; height: 16px; cursor: pointer; }

  .radio-option label { font-size: 13px; color: var(--text); cursor: pointer; font-weight: 500; }



  .btn-submit {

    width: 100%;

    background: var(--red);

    color: var(--white);

    border: none;

    padding: 14px 24px;

    border-radius: 6px;

    font-family: 'Barlow', sans-serif;

    font-size: 15px;

    font-weight: 700;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    transition: background 0.2s, transform 0.15s;

    margin-top: 6px;

  }

  .btn-submit:hover { background: var(--red-dark); transform: translateY(-1px); }

  .btn-submit:active { transform: translateY(0); }



  /* ── SUCCESS MESSAGE ── */

  .success-banner {

    display: none;

    background: #e8f9f0;

    border: 1px solid #5cb87a;

    border-radius: 8px;

    padding: 16px 20px;

    margin-top: 20px;

    color: #2a7a4a;

    font-size: 14px;

    font-weight: 600;

    align-items: center;

    gap: 10px;

  }

  .success-banner.show { display: flex; }



  /* ── CONTACT INFO ── */

  .contact-info-wrap { display: flex; flex-direction: column; gap: 24px; }



  .info-card {

    background: var(--gray-bg);

    border-radius: 10px;

    padding: 24px;

    display: flex;

    gap: 18px;

    align-items: flex-start;

    transition: box-shadow 0.2s;

  }

  .info-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }

  .ic-icon {

    width: 48px; height: 48px;

    background: var(--red);

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--white);

    font-size: 18px;

    flex-shrink: 0;

  }

  .ic-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text-light); margin-bottom: 4px; }

  .ic-value { font-size: 16px; font-weight: 700; color: var(--dark); }

  .ic-value a { color: var(--dark); text-decoration: none; }

  .ic-value a:hover { color: var(--red); }

  .ic-note { font-size: 13px; color: var(--text-light); margin-top: 3px; }



  .hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 6px; }

  .hours-row { font-size: 13px; }

  .hours-row span { font-weight: 600; color: var(--dark); }

  .hours-row small { color: var(--text-light); display: block; }



  /* ── MAP ── */

  .map-wrap {

    border-radius: 10px;

    overflow: hidden;

    border: 1px solid var(--gray-light);

    height: 445px;

    background: #e5e3df;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    gap: 10px;

    color: var(--text-light);

    font-size: 14px;

    position: relative;

  }

  .map-wrap iframe {

    width: 100%!important;

    height: 100%!important;
	max-height:100% !important;
    border: none;

    display: block;

  }



  /* ── SERVICE AREAS ── */

  .areas-section {

    background: var(--dark);

    padding: 70px 5%;

    text-align: center;

  }

  .areas-section .section-badge { background: rgba(208,49,45,0.2); }

  .areas-section .section-title { color: var(--white); }

  .areas-section .section-sub { color: #aaa; margin: 0 auto 40px; }



  .areas-grid {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    justify-content: center;

    max-width: 700px;

    margin: 0 auto;

  }

  .area-pill {

    background: rgba(255,255,255,0.07);

    border: 1px solid rgba(255,255,255,0.12);

    color: #ccc;

    padding: 10px 20px;

    border-radius: 30px;

    font-size: 14px;

    font-weight: 500;

    display: flex;

    align-items: center;

    gap: 8px;

    transition: background 0.2s, color 0.2s;

    cursor: default;

  }

  .area-pill i { color: var(--red); font-size: 11px; }

  .area-pill:hover { background: var(--red); color: var(--white); border-color: var(--red); }



  /* ── CTA BAND ── */

  .cta-band {

    background: var(--red);

    padding: 50px 5%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    flex-wrap: wrap;

  }

  .cta-band h2 {

    font-family: 'Barlow Condensed', sans-serif;

    font-size: clamp(24px, 3vw, 36px);

    font-weight: 800;

    color: var(--white);

  }

  .cta-band p { color: rgba(255,255,255,0.8); font-size: 15px; margin-top: 4px; }

  .btn-white {

    background: var(--white);

    color: var(--red);

    padding: 14px 32px;

    border-radius: 6px;

    text-decoration: none;

    font-weight: 700;

    font-size: 15px;

    white-space: nowrap;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    transition: background 0.2s;

  }

  .btn-white:hover { background: #f0f0f0; }



  /* services-map-css */

  .map-container {

    position: relative;

}



.map-img {

    width: 100%;

    display: block;

}



/* Common point style */

.point {

    position: absolute;

    transform: translate(-50%, -50%);

    text-align: left;

}



/* Dot */

.point span {

    width: 14px;

    height: 14px;

    background: #000;

    border: 3px solid #ff6b6b;

    border-radius: 50%;

    display: inline-block;

    position: relative;

}



/* Pulse animation */

.point span::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(255, 107, 107, 0.4);

    border-radius: 50%;

    animation: pulse 1.5s infinite;

    top: 0;

    left: 0;

}



@keyframes pulse {

    0% {

        transform: scale(1);

        opacity: 1;

    }

    100% {

        transform: scale(2.5);

        opacity: 0;

    }

}



/* Label */

.point p {

    margin: 5px 0 0 18px;

    font-size: 14px;

    font-weight: bold;

    color: #000;

}



/* Positioning (adjust as needed) */

.p1 { top: 56%; left: 68%; }

.p2 { top: 64%; left: 70%;}

.p3 {top: 71%;  left: 82%; }

.p4 { top: 81%; left: 87%; }

.p5 { top: 75%; left: 40%; }



/* Dot */

.point span {

    width: 14px;

    height: 14px;

    background: #ff0000;

    border-radius: 50%;

    display: inline-block;

    animation: blink 1s infinite;

}



/* Blink effect */

@keyframes blink {

    0% {

        opacity: 1;

        transform: scale(1);

    }

    50% {

        opacity: 0.2;

        transform: scale(1.3);

    }

    100% {

        opacity: 1;

        transform: scale(1);

    }

}



.section-title {

    font-family: "Barlow Condensed", sans-serif;

    font-size: clamp(28px, 3.5vw, 42px);

    font-weight: 700;

    color: var(--dark);

    line-height: 1.1;

    margin-bottom: 10px;



    opacity: 0;

    transform: translateY(50px);

    transition: all 0.8s ease;

}



.services-section .section-title {

    margin-bottom: 80px;

}



/* Active animation */

.section-title.show {

    opacity: 1;

    transform: translateY(0);

}



/* Span animation */

.section-title span {

    display: inline-block;

    position: relative;

    /* overflow: hidden; */

}



.section-title span::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transform: translateX(-100%);

}



/* Animate span when visible */

.section-title.show span::after {

    animation: revealText 1s ease forwards;

    animation-delay: 0.5s;

}



@keyframes revealText {

    to {

        transform: translateX(100%);

    }

}

.footer-contact li{

      margin-bottom: 20px;

}

.footer-contact li i{

    background-color:#C12834;

    padding: 3px 6px;

    border-radius: 5px;

    color:#fff;

    border: 1px solid #fff;

}

#contactForm .wpcf7-list-item{
	margin-left:0;
}
#contactForm .radio-group input{
	width:14%;
	margin-right: 10px;
}
#contactForm .radio-group span{
	color:#000;
	white-space: nowrap;
}
.map-wrap p{
	width:100%;
	height:100%;
}
.radio-group{
	display:block;
}
#contactForm .radio-group .wpcf7-form-control.wpcf7-radio{
	display:flex;
	justify-content:space-between;
}
.#contactForm .radio-group .wpcf7-list-item-label{
	 white-space: nowrap;
}

.map-wrap p{
	margin-bottom:0;
}
#contactForm label{
	display: flex;
    align-items: center;
	margin-right:12px;
}