.contact-banner{padding: 60px 0px;position:relative;overflow:hidden;background:url('../../assets/images/contactus-banner.jpg') center center/cover no-repeat;}
.contact-banner .contact-content{max-width:650px; color:#fff;}
.contact-banner .contact-content h1{font-size:30px;font-weight:700;margin-bottom:10px;line-height:1;color: #fff;}
.contact-banner .line{width:55px;height:3px;background:#ff7a00;border-radius:20px;margin:5px 0;}
.contact-banner .contact-content p{font-size:16px;line-height:1.8;color:#fff;}
.contact-banner .feature-box{ margin-top:35px;display:flex; align-items:center;justify-content:space-between;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border-radius:20px;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: #fff;line-height: 10px;}
.contact-banner .feature-item span{color:#fff;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%;}

.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;}


/* 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 25px;}
.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:16px; 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;}


.banner-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:35px 50px;
}

.banner-text{
    max-width:700px;
}

.banner-text h2{
    font-size:58px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:15px;
}

.banner-text p{
    font-size:28px;
    color:#444;
    margin-bottom:30px;
    line-height:1.6;
}

.banner-buttons{
    display:flex;
    gap:20px;
}

.banner-buttons a{
    text-decoration:none;
    padding:18px 35px;
    border-radius:12px;
    font-size:24px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:12px;
    transition:.3s;
}

.call-btn{
    background:#ff7300;
    color:#fff;
}

.call-btn:hover{
    background:#e66700;
}

.whatsapp-btn{
    background:#16c04d;
    color:#fff;
}

.whatsapp-btn:hover{
    background:#12a540;
}

.banner-image img{
    width:500px;
    max-width:100%;
    display:block;
}

.contact-why-choose-us .why-choose-us {
    max-width: 1400px;
    margin: 40px auto;
    padding: 30px 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.contact-why-choose-us .feature-box1 {
    flex: 1;
    text-align: center;
    padding: 0 20px;
    position: relative;
}

.contact-why-choose-us .feature-box1:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 0;
    width: 1px;
    height: 120px;
    background: #e5e5e5;
}

.contact-why-choose-us .feature-box1 .icon1 {
    font-size: 42px;
    color: #f97316;
    margin-bottom: 15px;
    position: inherit;
}

.contact-why-choose-us .feature-box1 h3 {
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0px;
    line-height: 20px;
}

.contact-why-choose-us .feature-box1 p {
    font-size: 16px;
    line-height: 20px;
    color: #6b7280;
    max-width: 250px;
    margin: 0 auto;
}

.contact-why {box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 15px}
.assistance-content {padding: 15px !important;color: white;background: url("../../assets/images/contact-number.png") !important;background-position: center left !important;background-size: cover !important;background-repeat: no-repeat !important;}


.assistance-content {
    
    border-radius: 8px;
    padding: 20px 35px;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    margin: 30px auto;
    border: 1px solid #f2e3d7;
}

.assistance-content {
    z-index: 2;
}

.assistance-content h2 {
    font-size: 42px;
    font-weight: 600;
    color: #102a43;
    margin-bottom: 10px;
}

.assistance-content p {
    font-size: 22px;
    color: #4a5568;
    margin-bottom: 25px;
}

.action-buttons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}



.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;}

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

.help-section{background:#001c4d;border-radius:7px;padding:5px 5px;margin:5px 0px;display:flex;align-items:center;justify-content:left;gap:0px;flex-wrap:wrap;}
.help-section .help-box{margin-top:0px;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 .green{ background:#25D366; border: 1px solid #25D366}
.help-section .content h3{color:#fff; font-size:20px;font-weight:600;margin-bottom:5px;}
.help-section .content h4{color:#fff;font-size:20px;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;}


.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;}





@media(max-width:768px)
{   
    .contact-banner .feature-box {margin-top: 0px;}
    .contact-content{text-align: center;}
    .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 .contact-content h1 {font-size:16px;}
    .contact-banner .contact-content p {font-size: 14px; line-height: 20px}
    .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;}
.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;
}