.why-choose-us .container {
     width: 90%;
     max-width: 1350px;
     margin: auto;
 }

 /* Section Header */
 .section-header {
     text-align: center;
     margin-bottom: 60px;
 }

 .section-header .sub-title {
     display: inline-block;
     font-size: 15px;
     font-weight: 600;
     color: #8b5e3c;
     letter-spacing: 1px;
     margin-bottom: 10px;
     text-transform: uppercase;
 }

 .section-header h2 {
     font-size: 42px;
     font-weight: 700;
     color: #1d1d1d;
     margin-bottom: 15px;
 }

 .section-header p {
     max-width: 700px;
     margin: auto;
     font-size: 16px;
     line-height: 28px;
     color: #666;
 }

 /* Grid Layout */
 .icon-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
     align-items: stretch;
 }

 /* Service Cards */
 .icon-card {
     background: #fff;
     border-radius: 28px;
     padding: 35px 25px;
     text-align: center;
     transition: 0.4s ease;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
     border: 1px solid #eee;
 }

 .icon-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
 }

 .icon-card img {
     width: 100%;
     max-width: 170px;
     margin-bottom: 20px;
 }

 .icon-card h4 {
     font-size: 20px;
     font-weight: 600;
     color: #222;
     margin: 0;
 }

 /* Middle Highlight */
 .service-highlight {
     background: linear-gradient(135deg, #8b5e3c, #b8835a);
     color: #fff;
     border-radius: 30px;
     padding: 45px 35px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     box-shadow: 0 15px 40px rgba(139, 94, 60, 0.25);
 }

 .service-highlight h3 {
     font-size: 32px;
     margin-bottom: 18px;
     font-weight: 700;
 }

 .service-highlight p {
     font-size: 15px;
     line-height: 28px;
     margin-bottom: 28px;
     color: rgba(255, 255, 255, 0.9);
 }

 /* Button */
 .service-btn {
     display: inline-block;
     background: #fff;
     color: #8b5e3c;
     text-decoration: none;
     padding: 14px 30px;
     border-radius: 50px;
     font-size: 15px;
     font-weight: 600;
     transition: 0.3s ease;
 }

 .service-btn:hover {
     background: #222;
     color: #fff;
 }

 /* Responsive */
 @media (max-width:1100px) {
     .icon-grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
     }
 }

 @media (max-width:768px) {

     .why-choose-us {
         padding: 20px 0;
     }

     .section-header h2 {
         font-size: 32px;
     }

     /* 2 cards in mobile */
     .icon-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 15px;
     }

     .icon-card {
         padding: 20px 15px;
     }

     .icon-card img {
         max-width: 90px;
         width: 100%;
     }

     .icon-card h4 {
         font-size: 16px;
     }

     .service-highlight {
         padding: 30px 20px;
     }

     .service-highlight h3 {
         font-size: 24px;
     }
 }


 /* Small mobile */
 @media (max-width:480px) {

     .icon-grid {
         grid-template-columns: repeat(2, 1fr);
         /* Still 2 cards */
         gap: 12px;
     }

     .icon-card {
         padding: 15px;
     }

     .icon-card img {
         max-width: 75px;
     }

     .icon-card h4 {
         font-size: 14px;
     }

     .section-header h2 {
         font-size: 26px;
     }
 }

 .our-blog {
     padding: 30px 0;
     background: #f8f8f8;
 }

 .counter-wrapper {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 25px;
 }

 .counter-card {
     background: #fff;
     padding: 35px 25px;
     border-radius: 20px;
     text-align: center;
     transition: 0.4s;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
 }

 .counter-card:hover {
     transform: translateY(-8px);
 }

 .counter-icon {
     width: 80px;
     height: 80px;
     background: #4c0101;
     color: #fff;
     font-size: 30px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 20px;
 }

 .counter-card h2 {
     font-size: 42px;
     font-weight: 700;
     color: #111;
     margin-bottom: 10px;
 }

 .counter-card p {
     font-size: 16px;
     color: #666;
     margin: 0;
 }

 /* Tablet */
 @media (max-width: 991px) {
     .counter-wrapper {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 /* Mobile */
 @media (max-width: 576px) {
     .counter-wrapper {
         grid-template-columns: repeat(2, 1fr);
         gap: 15px;
     }

     .counter-card {
         padding: 25px 15px;
     }

     .counter-card h2 {
         font-size: 28px;
     }

     .counter-icon {
         width: 60px;
         height: 60px;
         font-size: 22px;
     }

     .counter-card p {
         font-size: 14px;
     }
 }


 .process-section {
     background: #4c0101;
     padding: 30px 0;
     overflow: hidden;
 }

 .process-scroll {
     overflow-x: auto;
     padding-bottom: 20px;
     scrollbar-width: thin;
 }

 .process-scroll::-webkit-scrollbar {
     height: 8px;
 }

 .process-scroll::-webkit-scrollbar-thumb {
     background: #c9a87c;
     border-radius: 10px;
 }

 .process-timeline {
     display: flex;
     flex-wrap: nowrap;
     /* IMPORTANT */
     align-items: center;
     gap: 25px;
     width: max-content;
     padding: 30px;
 }

 .process-card {
     min-width: 280px;
     max-width: 280px;
     background: #cd9a34;
     padding: 30px;
     border-radius: 20px;
     transition: .4s;
     box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
 }

 .process-card:hover {
     transform: translateY(-8px);
 }

 .process-number {
     width: 70px;
     height: 70px;
     background: #2d2325;
     color: #fff;
     font-size: 28px;
     font-weight: 700;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: auto;
     margin-bottom: 20px;
 }

 .process-card h3 {
     color: #fff;
     font-size: 22px;
     text-align: center;
     margin-bottom: 15px;
 }

 .process-card p {
     color: #fff;
     line-height: 1.8;
     font-size: 15px;
     text-align: center;
 }

 .arrow {
     font-size: 50px;
     color: #c9a87c;
     font-weight: bold;
     flex-shrink: 0;
 }



 .main-footer {
     padding: 14px 0 0;
     background: #4c0101;
 }


 .footer-copyright {
     border-top: 1px solid var(--dark-divider-color);
     text-align: center;
     margin-top: 13px;
     padding: 1px 0;
 }

 /* Footer Links */

 .footer-links ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

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


 /* Normal link */

 .footer-links ul li a,
 .footer-contact-item a,
 .footer-social-links a {

     color: #fff !important;
     text-decoration: none !important;
     transition: 0.3s ease;

 }


 /* Remove ugly hover */

 .footer-links ul li a:hover,
 .footer-contact-item a:hover,
 .footer-social-links a:hover {

     color: #fff !important;
     /* stays white */
     text-decoration: none !important;
     transform: none;

 }


 /* Contact text */

 .footer-contact-item {
     display: flex;
     gap: 10px;
     align-items: center;
     color: #fff;
     margin-bottom: 15px;
 }


 /* Social icons */

 .footer-social-links ul {
     display: flex;
     gap: 15px;
     padding: 0;
     list-style: none;
 }

 .footer-social-links ul li a {
     font-size: 20px;
     color: #fff !important;
 }


 /* Footer headings */

 .footer-links h3,
 .footer-contact-box h3 {
     color: #fff;
     margin-bottom: 20px;
 }


 /* Copyright */

 .footer-copyright p {
     color: #fff;
     margin-top: 30px;
     text-align: center;
 }


 .sticky-contact {
     position: fixed;
     right: 20px;
     bottom: 30px;
     display: flex;
     flex-direction: column;
     gap: 5px;
     z-index: 9999;
 }

 .sticky-contact a {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 18px;
     color: #fff;
     text-decoration: none;
     box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
     transition: .3s;
 }

 .sticky-contact a:hover {
     transform: scale(1.1);
     color: #fff;
 }

 .call-btn {
     background: #0d6efd;
 }


 .whatsapp-btn {
     background: #25D366;
 }




 @media(max-width:768px) {

     .sticky-contact {

         right: 15px;
         bottom: 20px;

     }

     .sticky-contact a {

         width: 30px;
         height: 30px;

     }

 }

 .how-work-company-slider {
     border-top: 1px solid var(--dark-divider-color);
     margin-top: -37px;
     padding-top: 50px;
 }

 .how-we-work {
     background: #4c0101;
     padding: 25px 0;
 }


 .process-1 {
     padding: 100px 0;
     background: #fff;
     overflow: hidden;
 }


 .section-title {

     max-width: 700px;
     margin: auto;
     margin-bottom: 80px;

 }


 .section-title h5 {

     color: #cd9a34;
     letter-spacing: 3px;

 }


 .section-title h2 {

     font-size: 50px;
     color: #4c0101;

 }


 .section-title span {
     color: #cd9a34;
 }

.timeline{

max-width:1400px;
margin:auto;
padding:60px 0;

position:relative;

}


.timeline::before{

content:"";

position:absolute;

left:50%;
top:0;

width:3px;
height:100%;

background:#cd9a34;

transform:translateX(-50%);

}



/* ROW */

.timeline-box{

display:flex;

align-items:center;
justify-content:space-between;

margin-bottom:80px;

position:relative;

}



/* CONTENT */

.content{

width:40%;

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:
0 10px 30px rgba(0,0,0,.08);

}


.content h3{

font-size:34px;
color:#4c0101;

margin-bottom:20px;

}


.content p{

line-height:1.8;
color:#666;

}


.content ul{

padding-left:20px;

margin-top:20px;

}


.content li{

margin-bottom:12px;

}



/* IMAGE */

.timeline-img{

width:45%;

}


.timeline-img img{

width:100%;
height:400px;

object-fit:cover;

border-radius:20px;

box-shadow:
0 10px 30px rgba(0,0,0,.1);

}



/* NUMBER */

.timeline-box span{

position:absolute;

left:50%;

transform:
translateX(-50%);

width:70px;
height:70px;

background:#4c0101;

border:4px solid #cd9a34;

border-radius:50%;

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

color:white;

font-size:24px;
font-weight:bold;

z-index:10;

}



/* Alternate */

.left{

flex-direction:row;

}


.right{

flex-direction:row;

}



/* MOBILE */

@media(max-width:991px){

.timeline::before{

left:25px;

}


.timeline-box{

flex-direction:column;

padding-left:70px;

align-items:flex-start;

}


.content,
.timeline-img{

width:100%;

}


.timeline-img img{

height:220px;

}


.timeline-box span{

left:25px;

width:50px;
height:50px;

font-size:18px;

}

}

 .contact-info-content a {
     color: inherit;
     text-decoration: none;
     transition: 0.3s;
 }

 .contact-info-content a:hover {
     color: #c59d5f;
 }

 .location-box {
     background: #fff;
     padding: 25px;
     border-radius: 15px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
     margin-bottom: 30px;
 }

 .location-title {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 20px;
 }

 .location-title i {
     font-size: 24px;
     color: #c59d5f;
 }

 .location-title h4 {
     margin: 0;
     font-size: 22px;
 }

 .google-map-iframe iframe {
     width: 100%;
     height: 320px;
     border: none;
     border-radius: 12px;
 }

 .location-box p {
     margin-top: 20px;
     margin-bottom: 0;
     line-height: 1.8;
 }

 .coming-soon {
     display: inline-block;
     margin-top: 15px;
     padding: 8px 18px;
     border-radius: 30px;
     background: #f5f5f5;
     font-size: 14px;
     font-weight: 600;
     color: #666;
 }

 @media(max-width:768px) {

     .location-title h4 {
         font-size: 18px;
     }

     .google-map-iframe iframe {
         height: 250px;
     }

 }


 /* ===========================
TEAM SECTION
=========================== */

 .team-member-item {
     background: #fff;
     border-radius: 25px;
     overflow: hidden;
     position: relative;
     transition: 0.5s;
     box-shadow:
         0 10px 30px rgba(0, 0, 0, .08);

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

 .team-member-item:hover {

     transform:
         translateY(-15px);

     box-shadow:
         0 25px 60px rgba(0, 0, 0, .18);

 }


 .team-member-item:before {

     content: "";
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background:
         linear-gradient(120deg,
             transparent,
             rgba(255, 255, 255, .5),
             transparent);

     transition: .8s;
     z-index: 1;

 }

 .team-member-item:hover:before {

     left: 100%;

 }


 /* IMAGE */

 .team-image {

     overflow: hidden;
     height: 380px;
     position: relative;

 }


 .team-image img {

     width: 100%;
     height: 100%;
     object-fit: cover;

     transition: .6s;

 }


 .team-member-item:hover img {

     transform:
         scale(1.08);

 }


 /* CONTENT */

 .team-body {

     padding: 3px;
     text-align: center;
     background: #fff;

 }


 .team-content h3 {

     font-size: 24px;
     font-weight: 700;
     margin-bottom: 10px;
     color: #111;

 }


 .team-content p {

     font-size: 15px;
     color: #666;
     margin-bottom: 8px;

 }


 /* Employee ID */

 .team-content p:last-child {

     font-size: 14px;
     font-weight: 600;
     color: #828181;

 }


 /* Section Heading */

 .section-title h3 {

     font-size: 18px;
     text-transform: uppercase;
     letter-spacing: 3px;

     margin-bottom: 20px;

 }


 .section-title h2 {

     font-size: 52px;
     font-weight: 700;
     line-height: 1.3;

 }



 .section-title-content p {

     font-size: 18px;
     line-height: 32px;
     color: #666;

 }


 /* Responsive */

 @media(max-width:991px) {

     .team-image {

         height: 320px;

     }

     .section-title h2 {

         font-size: 36px;

     }

 }

 @media(max-width:768px) {

     .team-member-item {

         margin-bottom: 30px;

     }

     .team-image {

         height: 280px;

     }

     .section-title h2 {

         font-size: 30px;

     }

 }


 /* Terms Modal */

 .terms-modal {

     border: none;
     border-radius: 25px;
     overflow: hidden;

 }


 .terms-modal .modal-header {

     background-color: #4c0101;
     color: #fff;
     padding: 25px 30px;

 }


 .terms-modal .modal-header h3 {

     font-size: 28px;
     margin: 0;
     font-weight: 700;

 }


 .terms-modal .modal-body {

     padding: 35px;
     max-height: 70vh;
     overflow: auto;

 }


 .terms-modal h4 {

     font-size: 20px;
     margin-top: 25px;
     margin-bottom: 12px;

     color: #111;

     font-weight: 700;

 }


 .terms-modal p {

     line-height: 1.9;
     color: #666;
     font-size: 15px;

 }


 .terms-modal ul {

     padding-left: 20px;

 }


 .terms-modal li {

     margin-bottom: 12px;
     color: #666;

 }

 .terms-modal .modal-footer {
     padding: 1px 19px;
 }


 .terms-modal .btn {

     padding:
         12px 30px;

     border-radius: 50px;

 }


 .hero {
     position: relative;
     z-index: 1;
 }

 .hero::before {
     pointer-events: none;
     /* prevents overlay blocking inputs */
 }

 .hero-content {
     position: relative;
     z-index: 2;
 }

 .hero-form {
     position: relative;
     z-index: 99;
     background: #fff;
     padding: 35px;
     border-radius: 15px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 .hero-form input,
 .hero-form button {
     position: relative;
     z-index: 100;
     pointer-events: auto;
 }

 .parallaxie {
     overflow: visible !important;
 }
 
 
.warranty-sticky {
    position: fixed;
    left: 0;
    top: 60%;
    transform: translateY(-50%);
    background: #4c0101;
    color: #fff;
    padding: 12px 8px;
    writing-mode: vertical-rl;
    transform: translateY(-50%) rotate(180deg);
    font-size: 16px;
    font-weight: 600;
    z-index: 9999;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.warranty-sticky span{
    letter-spacing: 2px;
}

@media(max-width:768px){
    .warranty-sticky{
        font-size:14px;
        padding:12px 8px;
    }
}


 .page-services {
     padding: 80px 0;
     background: #f8f8f8;
 }

 .services-wrapper {
     display: flex;
     gap: 30px;
     flex-wrap: wrap;
 }

 /* Sidebar */
 .services-sidebar {
     width: 280px;
     background: #fff;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
 }
 
 .services-sidebar ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .services-sidebar ul li {
     padding: 18px 25px;
     cursor: pointer;
     border-bottom: 1px solid #eee;
     font-size: 17px;
     font-weight: 600;
     transition: .3s;
     position: relative;
 }

 .services-sidebar ul li:hover {
     background: #000;
     color: #fff;
     padding-left: 35px;
 }

 .services-sidebar ul li.active {
     background: #4c0101;
     color: #fff;
 }

 .services-sidebar ul li.active::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 5px;
     background: #d4a373;
 }

 /* Right content */
 .services-content {
     flex: 1;
     background: #fff;
     padding: 40px;
     border-radius: 10px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
     min-height: 400px;
 }

 .content-box {
     display: none;
     animation: fade .4s;
 }

 .content-box.active {
     display: block;
 }

 .content-box img {
     width: 100%;
     border-radius: 10px;
     margin-bottom: 20px;
 }

 .content-box h2 {
     margin-bottom: 15px;
 }

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

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

 @media(max-width:991px) {

     .services-wrapper {
         flex-direction: column;
     }

     .services-sidebar {
         width: 100%;
     }

 }