.contact-banner{padding: 20px 0px;position:relative;overflow:hidden;background:url('../../assets/images/contact-us.png') center center/cover no-repeat;}
.contact-banner .contact-content{max-width:650px; color:#fff;}
.contact-banner .contact-content h1{font-size:40px;font-weight:700;margin-bottom:5px;line-height:1;color: #000;}
.contact-banner .line{width:55px;height:3px;background:#ff7a00;border-radius:20px;margin:5px 0;}
.contact-banner .contact-content p{font-size:18px;line-height:1.8;color:#000;font-weight: 600}
.contact-banner .contact-content p span{color:#ff7a00;}
.contact-banner .feature-box{background-color: #fff; margin-top:35px;display:flex; align-items:center;justify-content:space-between;border-radius:7px;padding:10px 20px;}
.contact-banner .feature-item{display:flex;align-items:center;gap:10px;}
.contact-banner .icon-circle{width:35px;height:35px;border-radius:7px; background:#fff;display:flex; align-items:center;justify-content:center;}
.contact-banner .icon-circle i{font-size:14px;color:#ff7a00;}
.contact-banner .feature-item h4{font-size:14px;margin-bottom:5px;color: #ff7a00;line-height: 10px;}
.contact-banner .feature-item span{color:#000;font-size:14px;}
.contact-banner .divider{width:1px; height:60px;background:rgba(255,255,255,.15);}
.contact-banner .car-image img{width:650px; max-width:100%;}



@media(max-width:768px)
{
    .contact-form .input-box {width: 100% !important;display: inline-block;}
    .contact-banner .feature-box {margin-top: 0px;}
    .contact-banner .contact-content{text-align: center;width: 100%}
    .contact-banner .feature-item span {font-size: 9px; line-height:20px}
    .contact-banner .feature-box {padding: 10px 10px;border-radius: 7px}
    .contact-banner .feature-item h4 {font-size: 12px; text-align: center; margin-bottom: 0px}
    .contact-banner .feature-item {flex-direction: column;}
    .contact-banner {padding: 10px 0px;}
    .contact-banner .line{margin:5px auto;}
    .contact-banner .contact-content h1 {font-size:16px;}
    .contact-banner .contact-content p {font-size: 14px; line-height: 20px}
    .feature-item div{line-height: 15px}
}

@media(max-width:375px)
{
    .contact-banner .line{margin:5px auto;}
    .contact-form .input-box {width: 100% !important;display: inline-block;}
    .contact-banner .feature-box {margin-top: 0px;}
    .contact-banner .contact-content{text-align: center;}
    .contact-banner .feature-item span {font-size: 9px; line-height:20px}
    .contact-banner .feature-box {padding: 0px 10px;border-radius: 7px;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
    .contact-banner .feature-item h4 {font-size: 12px; text-align: center; margin-bottom: 0px}
    .contact-banner .feature-item {flex-direction: column;}
    .contact-banner {padding: 10px 0px;}
    .contact-banner .contact-content h1 {font-size:14px;}
    .contact-banner .contact-content p {font-size: 14px; line-height: 20px}
}

@media(max-width:360px)
{
    .contact-banner .contact-content h1 {margin-bottom: 10px;}
    .contact-banner .contact-content p {font-size: 12px;line-height: 16px;margin-bottom: 5px}
    .contact-banner .feature-item{gap:3px;}
    .contact-banner .icon-circle i {font-size: 18px;}
    .contact-form {padding: 10px 0px !important;}
    .enquiry-form h2 {font-size: 16px !important;line-height: 5px !important;}
}

}







.contact-form{padding: 30px 0px}

.enquiry-form{width:100%;background:#fff;padding:15px;border-radius:15px;box-shadow:0 5px 25px rgba(0,0,0,0.08);}
.enquiry-form h2{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:10px;line-height: 20px}
.enquiry-form .title-line{width:60px;height:4px;background:#ff6b00;display:block;border-radius:10px;margin-bottom:10px;}
.enquiry-form .form-row{display:flex;gap:18px;margin-bottom:18px;}
.enquiry-form .form-group{ position:relative; flex:1; margin-bottom: 0px}
.enquiry-form .form-group i:first-child{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;}
.enquiry-form .form-group input,.enquiry-form .form-group select{width:100%;height:50px; border:2px solid #e5e7eb; border-radius:5px;padding:0 20px 0 55px; font-size:16px;color:#444;outline:none;}
.enquiry-form .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ff6b00;}
.enquiry-form .full-width{width:100%; margin-bottom:18px;}
.enquiry-form .select-icon{ position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;}
.enquiry-form .textarea-group i{top:25px !important;transform:none !important;}
.enquiry-form .submit-btn{width:100%;height:40px;border:none; background:#ff6b00;color:#fff;font-size:16px;font-weight:600;border-radius:5px;cursor:pointer;transition:.3s;}
.enquiry-form .submit-btn i{margin-right:10px;}
.enquiry-form .submit-btn:hover{ background:#e85f00;}
.enquiry-form .privacy-note{text-align:center;margin-top:20px; color:#666; font-size:14px;}
.enquiry-form .privacy-note i{margin-right:8px; color:#666;}

@media(max-width:768px)
{
    
}

@media(max-width:375px)
{
    
}


/* Contact Card */
.contact-form .contact-sidebar{ margin:auto;}
.contact-form .contact-card{background:#fff;border-radius:15px; padding:10px;box-shadow:0 3px 15px rgba(0,0,0,0.08);margin-bottom:25px;}
.contact-form .contact-card h2{font-size:20px; font-weight:700; color:#172b4d;line-height: 20px}
.contact-form .title-line{width:55px; height:4px; background:#ff6b00;border-radius:10px; margin:12px 0 0px;}
.contact-form .contact-item{display:flex;align-items:center; gap:18px;padding:10px; border:1px solid #ececec; border-radius:7px; margin-bottom:12px;}
.contact-form .contact-item:last-child{ margin-bottom:0;}
.contact-form .icon-box{width:60px;min-width:60px;height:60px; background:#fff6ef;border-radius:12px;display:flex;align-items:center; justify-content:center;}
.contact-form .icon-box i{color:#ff6b00;font-size:32px;}
.contact-form .contact-info h4{ font-size:16px; color:#172b4d; margin-bottom:6px;line-height: 20px}
.contact-form .contact-info p{ color:#555; font-size:14px; line-height:1.7; margin-bottom: 0px}
.contact-form .promo-banner{ position:relative; overflow:hidden;}
.contact-form .banner-overlay{ position:absolute; inset:0; background:rgba(0,40,45,.82);}

.contact-form .banner-content{ position:relative; z-index:2; padding:30px;}
.contact-form .banner-content h3{color:#fff;font-size:42px; line-height:1.3; margin-bottom:25px;}
.contact-form .banner-content span{color:#ff7a00;}
.contact-form .banner-content ul{list-style:none;}
.contact-form .banner-content ul li{color:#fff;font-size:20px;margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.contact-form .banner-content ul li i{color:#ff7a00;}
.contact-form .banner-car{ position:absolute; bottom:0;right:10px;width:220px; z-index:2;}





.call-btn {background: #ff7a00;color: #fff;}
.call-btn:hover {background: #e86f00;}
.whatsapp-btn {background: #25d366;color: #fff;}
.whatsapp-btn:hover {background: #1ebe5d;}
.assistance-image img {height: auto;display: block;}







@media(max-width:768px)
{   
     .select1 {margin-bottom: 0px; !important}
    
    .services {padding: 10px 0px 0px;}
    .service-image {height: 100px}
    .service-card .icon {width: 35px;height: 35px;font-size: 18px;border: 1px solid #fff}
    .service-content h3 {font-size: 12px; margin-bottom: 0px}
    .service-content p {color: #000; font-size: 12px;line-height: 15px}
    .features1 {display: grid;grid-template-columns: repeat(3,1fr);}
    .feature-box1 {text-align: center;padding: 10px 10px !important; }
    .feature-box1 i {font-size: 30px;color: #ff6b00;margin-bottom: 5px;}
    .feature-box1 h3 {font-size: 12px;color: #081B4B;margin-bottom: 0px;font-weight: 600;line-height: 13px;}
    .feature-box1 p {display: none}
    .help-section .row{width: 100%;margin: auto;}
    .help-box {justify-content: left !important;}
    .help-section .help-box{margin-top:0px;display:flex; flex-direction: row; align-items:center;gap:5px;padding-right:0px; border-right:none;}
    .help-section .icon {width: 50px;height: 50px;font-size: 30px;flex-shrink: 0;color: #fff;margin:0px 5px;}
    .help-section .icon i{font-size: 20px}
    .help-section .content h3 {color: #fff;font-size: 16px;}
    .help-section .content h4 {color: #fff;font-size: 16px;}
    .help-section .content p {color: #fff;font-size: 14px;}
    .help-section .enquiry-btn a {padding: 10px 98px}
    .stats-section {display: grid;grid-template-columns: repeat(2,1fr);}
    .stats-section .stat-box {padding: 0px; align-items: left;justify-content: left;}
    .stats-section .stat-icon {font-size: 24px;color: #081B4B;min-width: 22px !important}
    .stats-section .stat-content h3 {font-size: 16px !important; line-height: 20px}
    .stats-section .stat-content p {font-size: 12px;text-align: left;}

}
@media(max-width:375px)
{
    
    .services {padding: 10px 0px 0px;}
    .service-image {height: 100px}
    .service-card .icon {width: 35px;height: 35px;font-size: 18px;border: 1px solid #fff}
    .service-content h3 {font-size: 12px; margin-bottom: 0px}
    .service-content p {color: #000; font-size: 12px;line-height: 15px}
    .features1 {display: grid;grid-template-columns: repeat(3,1fr);}
    .feature-box1 {text-align: center;padding: 10px 10px !important; }
    .feature-box1 i {font-size: 30px;color: #ff6b00;margin-bottom: 5px;}
    .feature-box1 h3 {font-size: 12px;color: #081B4B;margin-bottom: 0px;font-weight: 600;line-height: 13px;}
    .feature-box1 p {display: none}
    .help-section .row{width: 100%;margin: auto;}
    .help-box {justify-content: left !important;}
    .help-section .help-box{margin-top:0px;display:flex; flex-direction: row; align-items:center;gap:5px;padding-right:0px; border-right:none;}
    .help-section .icon {width: 50px;height: 50px;font-size: 30px;flex-shrink: 0;color: #fff;margin:0px 5px;}
    .help-section .icon i{font-size: 20px}
    .help-section .content h3 {color: #fff;font-size: 16px;}
    .help-section .content h4 {color: #fff;font-size: 16px;}
    .help-section .content p {color: #fff;font-size: 14px;}
    .help-section .enquiry-btn a {padding: 10px 80px}
    .stats-section {display: grid;grid-template-columns: repeat(2,1fr);}

}

.contact-form .input-box{position:relative;margin-bottom:0px;}
.contact-form .input-box i{ position:absolute;left:10px !important;top:70%;transform:translateY(-50%);color:#666;font-size: 12px}
.contact-form .input-box input,.input-box select{width:100%;height:40px;border:1px solid #ddd;border-radius:0px; padding-left:35px;font-size:15px;background-color: #f4f7fb}
.contact-form .input-box label{line-height: 20px; font-size: 12px; font-weight:600; margin-bottom:0px }

.contact-form .input-box{width: 49%; display: inline-block;}
.contact-form button {
  width: 100%;
  height: 45px;
  border: none;
  background: #ff7a00;
  color: #fff;
  font-size: 18px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  margin-top: 10px;
}



.why-choose{ margin:10px auto; background:#fff;padding:10px 0px;border-radius:7px;box-shadow:0 2px 10px rgba(0,0,0,0.08);}
.why-choose .heading-line{ display:block;width:50px;height:3px;background:#ff6600;margin:10px auto 10px;border-radius:10px;}
.why-choose .section-title{text-align:center;margin-bottom:5px;}
.why-choose h3{font-size: 16px; line-height: 20px}
.why-choose .features1{display:grid;grid-template-columns:repeat(6,1fr);}
.why-choose .feature-box1{text-align:center; padding:10px 20px;border-right:1px solid #e5e5e5;}
.why-choose .feature-box1:last-child{border-right:none;}
.why-choose .feature-box1 i{font-size:42px;color:#ff6b00;margin-bottom:15px;}
.why-choose .feature-box1 h4{font-size:15px;color:#081B4B;margin-bottom:5px;font-weight:600; line-height: 20px}
.why-choose .feature-box1 p{font-size:14px;line-height:20px; color:#444;text-align: center;}

@media(max-width:768px)
{
    .why-choose .features1{display:grid;grid-template-columns:repeat(3,1fr);}
    .why-choose .feature-box1 h4 {font-size: 12px; font-weight: 600}
    .why-choose .feature-box1{border-bottom: 1px solid #e5e5e5}
    .why-choose .feature-box1:nth-child(4), .why-choose .feature-box1:nth-child(5),.why-choose .feature-box1:nth-child(6){border-bottom: none}
    .why-choose .feature-box1:nth-child(3){border-right:none;}
}
@media(max-width:375px)
{
    .why-choose .features1{display:grid;grid-template-columns:repeat(3,1fr);}
    .why-choose .feature-box1 h4 {font-size: 11px; font-weight: 600;line-height: 15px}
    .why-choose .feature-box1{border-bottom: 1px solid #e5e5e5}
    .why-choose .feature-box1:nth-child(4), .why-choose .feature-box1:nth-child(5),.why-choose .feature-box1:nth-child(6){border-bottom: none}
    .why-choose .feature-box1:nth-child(3){border-right:none;}
}

.help-section{background-color:#001c4d;border-radius:7px;padding:15px 15px;margin:5px 0px;display:flex;align-items:center;justify-content:left;gap:0px;flex-wrap:wrap;}
.help-section .help-box{margin-top:0px;padding-left:10px;display:flex;align-items:center;gap:15px;padding-right:30px; border-right:1px solid rgba(255,255,255,0.15); background: none; box-shadow: none}
.help-section .help-box:last-of-type{ border-right:none;}
.help-section .icon{width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;flex-shrink:0;color: #fff}
.help-section .icon i {font-size: 30px;color: #fff;}
.help-section .orange{background:#ff6b00;}
.help-section .help-box:nth-child(4){width: 22%; background-color: #ff6b00; padding: 5px;margin-left: 15px}
.help-section .help-box:nth-child(4) .content{width: 100%; text-align: center; padding: 5px 0px;}
.help-section .green{ background:#25D366; border: 1px solid #25D366}
.help-section .content h3{color:#fff; font-size:38px;font-weight:700;margin-bottom:5px;}
.help-section .content h4{color:#fff;font-size:26px;margin-bottom:5px;}
.help-section .content p{ color:#fff !important ; font-size:18px;}
.help-section .content a{color:#fff;text-decoration:none;font-size:20px; font-weight:700;}
.help-section .enquiry-btn a{ display:inline-flex; align-items:center; gap:12px; background:#fff; color:#ff6b00; padding:18px 35px; border-radius:10px;text-decoration:none;font-size:18px;font-weight:700; transition:0.3s;}
.help-section .enquiry-btn a:hover{background:#ff6b00;color:#fff;}

@media(max-width:768px)
{
    .help-section .row{width: 100%;margin: auto;}
    .help-section .help-box{margin-top:0px;display:flex; flex-direction: row; align-items:center;gap:5px;padding-right:0px; border-right:none;}
    .help-section .help-box:nth-child(4){width: 100%; background-color: #ff6b00;margin:0px;line-height: 15px}
    .help-section .help-box:nth-child(4) .content{width: 100%; text-align: center; padding: 5px 0px;}
    .help-section .icon {width: 40px;height: 40px;font-size: 24px;flex-shrink: 0;color: #fff;margin:0px 5px;}
    .help-section .icon i{font-size: 20px}
    .help-section .content h3 {color: #fff;font-size: 16px; line-height: 15px}
    .help-section .content h4 {color: #fff;font-size: 14px; line-height: 15px}
    .help-section .content p {color: #fff;font-size: 14px;line-height: 15px}
    .help-section .content a{line-height: 15px; font-size: 16px !important}
    .help-section .enquiry-btn a {padding: 10px 98px}
    .help-box{margin-bottom: 5px}
}
@media(max-width:375px)
{
    .help-section .row{width: 100%;margin: auto;}
    .help-section .help-box{margin-top:0px;display:flex; flex-direction: row; align-items:center;gap:5px;padding-right:0px; border-right:none;}
    .help-section .icon {width: 40px;height: 40px;font-size: 24px;flex-shrink: 0;color: #fff;margin:0px 5px;}
    .help-section .icon i{font-size: 20px}
    .help-section .content h3 {color: #fff;font-size: 16px;}
    .help-section .content h4 {color: #fff;font-size: 16px;}
    .help-section .content p {color: #fff;font-size: 14px;}
    .help-section .enquiry-btn a {padding: 10px 80px}
    .help-section .content a{line-height: 15px; font-size: 16px !important}
}



.stats-section{margin: 5px 0px;background:#fff;border-radius:7px;padding:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,0.08);}
.stats-section .stat-box{flex:1;display:flex;align-items:center;justify-content:center;gap:15px;padding:0 20px;border-right:1px solid #e5e5e5;}
.stats-section .stat-box:last-child{border-right:none;}
.stats-section .stat-icon{ font-size:42px;color:#111827;min-width:50px;}
.stats-section .stat-content h3{font-size:20px !important;font-weight:700;color:#111827; margin-bottom:5px;}
.stats-section .stat-content p{font-size:16px;color:#444;font-weight:500;line-height:1.4; margin-bottom: 0px}

@media(max-width:768px)
{
    .stats-section {display: grid !important;grid-template-columns: repeat(2,1fr) !important;}
    .stats-section .stat-box {padding: 10px 0px; align-items: left;justify-content: left; border-bottom: 1px solid #e5e5e5}
    .stats-section .stat-icon {font-size: 24px;color: #081B4B;min-width: 22px !important}
    .stats-section .stat-content h3 {font-size: 16px !important; line-height: 20px}
    .stats-section .stat-content p {font-size: 10px;text-align: left;}
    .stats-section .stat-box:nth-child(3), .stats-section .stat-box:nth-child(4){border-bottom: none}
    .stats-section .stat-box:nth-child(2){border-right:none;}
}
@media(max-width:375px)
{
    .stats-section {display: grid !important;grid-template-columns: repeat(2,1fr) !important;}
    .stats-section .stat-box {padding: 10px 0px; align-items: left;justify-content: left; border-bottom: 1px solid #e5e5e5}
    .stats-section .stat-icon {font-size: 24px;color: #081B4B;min-width: 22px !important}
    .stats-section .stat-content h3 {font-size: 16px !important; line-height: 20px}
    .stats-section .stat-content p {font-size: 10px;text-align: left;}
    .stats-section .stat-box:nth-child(3), .stats-section .stat-box:nth-child(4){border-bottom: none}
    .stats-section .stat-box:nth-child(2){border-right:none;}
}


.fleets-main{padding: 20px 0px}
.fleets-main h3{text-align: center;font-size: 18px; margin-bottom: 0px; line-height: 20px}
.fleets-main .heading-line{ display:block;width:50px;height:3px;background:#ff6600;margin:10px auto 10px;border-radius:10px;}


.fleetde{ box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;background-color: #fff; border-radius: 10px; margin-bottom: 10px}
.fleetde .fleet-image{position:relative;background:#eef5fb;}
.fleetde .fleet-image img{width:100%; display:block;border-top-left-radius: 10px;border-top-right-radius: 10px}
.fleetde .fleet-tag{position: absolute;top: 10px;  left: 10px;background: #0a2d6d;color: #fff;padding: 0px 14px;border-radius: 20px;font-size: 14px;font-weight: 600;}
.fleetde .fleet-tag i{margin-right: 5px}
.fleetde .fleet-details{ padding:10px;}
.fleetde .fleet-info{ display:flex; justify-content:space-between; align-items:center; padding-bottom:10px; border-bottom:1px solid #ececec;}
.fleetde .info-item{ display:flex; align-items:center; gap:5px;color:#2c3e50; font-size:14px; font-weight:600; border-right: 1px solid #ddd; padding: 0px 7px;}
.fleetde .info-item:last-child{border-right: none}
.fleetde .info-item i{ color:#ff6b00;}
.fleetde .fleet-footer{ margin-top:7px;display:flex; justify-content:space-between; align-items:center;}
.fleetde .price{font-size:14px; font-weight:700;color:#0d1b4c;line-height: 10px;}
.fleetde .price small{font-weight: 600; font-size: 8px} 
.fleetde .price span{ color:#ff6b00; font-size:24px; font-weight:800;}
.fleetde .book-btn{ text-decoration: none;border: 2px solid #ff8b45;color: #ff6b00;padding: 1px 10px;border-radius: 25px;  font-size: 14px;  font-weight: 600;  transition: 0.3s ease;  display: flex;  align-items: center;  gap: 10px;}
.fleetde .book-btn:hover{ background:#ff6b00; color:#fff;}
.fleetde .book-btn i{color: #000;  animation:arrowMove 1.8s infinite ease-in-out;}
@keyframes arrowMove{
    0%{
        left:-40px;
        opacity:0;
    }

    20%{
        opacity:1;
    }

    80%{
        left:180px;
        opacity:1;
    }

    100%{
        left:220px;
        opacity:0;
    }
}

@media(max-width:768px)
{
    .fleetde .fleet-info{ display:flex; justify-content:space-between; align-items:center; padding-bottom:0px; border-bottom:1px solid #ececec;}
    .fleetde .fleet-info {padding-bottom: 2px; justify-content: space-around; gap: 0px}
    .fleetde .fleet-details {padding: 0px;}
    .fleetde .fleet-tag {font-size: 10px;padding: 0px 10px;}
    .fleetde .fleet-tag {top: 5px;left: 5px;}
    .fleetde .fleet-info {padding-bottom: 2px; justify-content: space-around; gap: 0px}
    .fleetde .info-item {font-size: 9px;  padding: 0px 2px; border-right: 0px}
    .fleetde .fleet-footer { flex-direction: row;padding:5px;  }
    .fleetde .price {font-size: 10px;font-weight: 600;color: #0d1b4c;line-height: 10px;width: 100%;}
    .fleetde .price small {font-weight: 600;font-size: 8px;}
    .fleetde .price span { font-size: 10px;}
    .fleetde .book-btn {width: 53%; justify-content: center; gap: 3px;line-height: 20px;font-size: 9px;padding: 0px;}
  
    .fleetde .fleet-tag{font-size:10px; padding:0px 8px;}
    .fleetde .info-item{font-size:10px;}
    .fleetde .price span{font-size:16px;}
    .fleetde .book-btn{ width:50%; justify-content:center;}


}

@media(max-width:375px)
{

   .fleetde .fleet-info{ display:flex; justify-content:space-between; align-items:center; padding-bottom:0px; border-bottom:1px solid #ececec;}
    .fleetde .fleet-info {padding-bottom: 2px; justify-content: space-around; gap: 0px}
    .fleetde .fleet-details {padding: 0px;}
    .fleetde .fleet-tag {font-size: 10px;padding: 0px 10px;}
    .fleetde .fleet-tag {top: 5px;left: 5px;}
    .fleetde .fleet-info {padding-bottom: 2px; justify-content: space-around; gap: 0px}
    .fleetde .info-item {font-size: 9px;  padding: 0px 2px; border-right: 0px}
    .fleetde .fleet-footer { flex-direction: row;padding:5px;  margin-top: 0px}
    .fleetde .price {font-size: 9px;font-weight: 600;color: #0d1b4c;line-height: 10px;width: 100%;}
    .fleetde .price small {font-weight: 600;font-size: 6px;}
    .fleetde .price span { font-size: 12px;}
    .fleetde .book-btn {justify-content: center; gap: 3px;line-height: 20px;font-size: 9px;padding: 0px;}
  
    .fleetde .fleet-tag{font-size:10px; padding:0px 8px;}
    .fleetde .info-item{font-size:9px;}
    .fleetde .price span{font-size:12px;}
    .fleetde .book-btn{justify-content:center;}
}



.thankyou-banner{padding: 90px 0px;position:relative;overflow:hidden;background:url('../../assets/images/contact-us.png') center center/cover no-repeat;min-height:600px;}
.thankyou-banner .contact-content{max-width:650px; color:#fff;}
.thankyou-banner .contact-content h1{font-size:40px;font-weight:700;margin-bottom:10px;line-height:1;color: #000;}
.thankyou-banner .line{width:55px;height:3px;background:#ff7a00;border-radius:20px;margin:5px 0;}
.thankyou-banner .contact-content p{font-size:18px;line-height:1.8;color:#000;font-weight: 600}
.thankyou-banner .contact-content p span{color:#ff7a00;}
.thankyou-banner .feature-box{background-color: #fff; margin-top:35px;display:flex; align-items:center;border-radius:7px;padding:10px 20px;}
.thankyou-banner .feature-item{display:flex;align-items:center;gap:30px;padding:0px 20px}
.thankyou-banner .icon-circle{width:35px;height:35px;border-radius:7px; background:#fff;display:flex; align-items:center;justify-content:center;}
.thankyou-banner .icon-circle i{font-size:30px;color:#ff7a00;}
.thankyou-banner .feature-item h4{font-size:14px;margin-bottom:5px;color: #ff7a00;line-height: 10px;}
.thankyou-banner .feature-item span{color:#000;font-size:24px;}
.thankyou-banner .divider{width:1px; height:60px;background:rgba(255,255,255,.15);}
.thankyou-banner .car-image img{width:650px; max-width:100%;}
.thankyou-banner .fa-phone-alt{color: blue !important}
.thankyou-banner .fa-whatsapp{color: green !important}

.countdown{
    position:relative;
    width:180px;
    height:180px;
}

.countdown svg{
    transform:rotate(-90deg);
}

.countdown circle{
    fill:none;
    stroke-width:12;
}

.bg{
    stroke:#e6e6e6;
}

.progress{
    stroke:#0d6efd;
    stroke-linecap:round;
    stroke-dasharray:471;
    stroke-dashoffset:0;
    transition:stroke-dashoffset 1s linear;
}

.time{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:48px;
    font-weight:bold;
    color:#333;
}

            body{
    background-color:#f8f6f5;
}
       .thankyou-section{
    width:100%;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
}

.container{
    width:1200px;
    max-width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.content{
    flex:1;
}

.success-icon{
    width:120px;
    height:120px;
    border:5px solid #2cb46e;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2cb46e;
    font-size:60px;
    margin-bottom:25px;
}

.content h1{
    font-size:72px;
    color:#071b44;
    font-weight:700;
    margin-bottom:10px;
}

.content h2{
    color:#ff6b00;
    font-size:42px;
    margin-bottom:25px;
    font-weight:600;
}

.content p{
    font-size:28px;
    line-height:1.8;
    color:#333;
    max-width:650px;
}