.aboutus-page{position:relative; margin:auto; border-radius:0px;background:url('../../assets/images/aboutus.png') center center/cover no-repeat;min-height:300px;}
.content{ position:relative; z-index:2;justify-content:space-between;align-items:center;}
.left-content{ width:40%;color:#fff;}
.left-content h1{font-size:48px;margin-bottom:10px;font-weight:700;}
.left-content h1 span{ color:#ff8c1a;}
.tagline{color:#ddd;font-size:18px; margin-bottom:20px;}
.description{line-height:1.8;font-size:16px;color:#e8e8e8;}
.right-content{ width:50%;text-align:right;}
.right-content img{max-width:100%;height:auto;}
.stats-box{ position:absolute;left:30px; right:30px; bottom:20px;background:#fff;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);padding:30px 20px;z-index:5;    box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.stat-item{ display:flex;align-items:center;justify-content:center; gap:15px;}
.icon{ width:55px; height:55px; border-radius:50%;display:flex; align-items:center; justify-content:center; font-size:22px;border:2px solid;}
.orange{color:#ff9c2b; border-color:#ff9c2b;}
.green{ color:#4dc47d;border-color:#4dc47d;}
.blue{ color:#4ea8ff; border-color:#4ea8ff;}
.purple{color:#b46cff; border-color:#b46cff;}
.stat-item h3{font-size:26px;color:#222;margin-bottom:4px;}
.stat-item p{font-size:14px; color:#777;}
.review-stats{
    background:#fff;
    width:100%;
    border-radius:12px;
    padding:25px 15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
}

.stat-box{
    display:flex;
    align-items:center;
    gap:10px;
    flex:1;
}

.divider{
    width:1px;
    height:55px;
    background:#e5e5e5;
}

.icon{
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    border:2px solid;
}

.orange{
    color:#f5a623;
    border-color:#f5a623;
}

.green{
    color:#4CAF50;
    border-color:#4CAF50;
}

.blue{
    color:#3fa9f5;
    border-color:#3fa9f5;
}

.purple{
    color:#9b59b6;
    border-color:#9b59b6;
}

.content h3{
    font-size:20px;
    font-weight:700;
    color:#222;
    margin-bottom:0px;
    line-height: 26px;
}

.content p{
    font-size:14px;
    color:#000 !important;
}



.aboutus-page {padding:60px 0px;}
.aboutus-page h1{color: #fff; font-size: 30px; line-height: 20px}
.aboutus-page h1 span{color: #ff7b29}
.aboutus-page p{text-align: left;}

.review-stats .row{width: 100%}
.about-rating .content{padding: 0px}
.review-stats {background: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,.08);
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  width: 80%;
  margin-top: -60px;
  z-index: 999;
  margin-left: auto;
  margin-right: auto;
  position: relative;}


.review-stats .icon {
  width: 50px;
  height: 50px;
  background: #ff7b29;
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0px !important;
}


.about-section{padding:20px;}
.about-image{flex:1;}
.about-image img{ width:100%; border-radius:15px; display:block; object-fit:cover;}
.about-content{flex:1;}
.subtitle{font-size:26px;font-weight:700;color:#1c2b39;display:block;}
.line{ width:70px;height:4px; background:#e89a52; margin:15px 0 25px; border-radius:10px;}
.about-content p{ color:#555;line-height:1.9;font-size:14px;margin-bottom:15px;}
.mission-box{ background:#fcf7f1; border-radius:12px; padding:15px; display:flex; gap:20px; align-items:flex-start;}
.mission-icon{ width:70px;height:70px;min-width:70px;border-radius:50%; background:#fff4ea;display:flex; align-items:center; justify-content:center;}
.mission-icon i{ font-size:26px; color:#e89a52;}
.mission-content h3{ font-size:26px; margin-bottom:10px; color:#1c2b39;}
.mission-content p{ margin:0;color:#666;font-size:14px;line-height:1.8;}





.about-journy {padding:20px 0px;}
.about-journy h3{font-size: 26px;}
.about-journy .journey{box-shadow: 0 5px 20px rgba(0,0,0,.08); padding: 15px; border-radius: 7px;height: 350px;}
.about-journy .goals{box-shadow: 0 5px 20px rgba(0,0,0,.08); padding: 15px; border-radius: 7px;height: 350px;}

.about-section p{font-size: 16px; color: #000}


.section-title h2{
    font-size:20px;
    color:#222;
    font-weight:700;
    line-height: 20px;
    margin-bottom: 10px;
}

.section-title span{
    display:block;
    width:60px;
    height:2px;
    background:#f7941d;
    margin:10px 0 20px;
    border-radius:5px;
}

.section-title p{
    color:#000;
    font-size:16px;
    margin-bottom:15px;
}

.service-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}

.service-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    transition:.3s;
}

.service-card .icon{width: 50px;
  height: 50px;
  background: #ff7b29;
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;margin-top: -30px;position: absolute;left: 10px;}

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

.service-image{
    position:relative;
    height:180px;
}

.service-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}



.service-content{
    padding:12px !important;
}

.service-content h3{
    font-size:16px;
    color:#222;
    margin-bottom:10px;
    line-height: 20px;
    text-align: center;
}

.service-content p{
    color:#666;
    line-height:20px;
    font-size:15px;
    text-align: center;
}

/* Tablet */
@media(max-width:1200px){
    .service-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

/* Mobile */
@media(max-width:768px){
    .service-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .section-title h2{
        font-size:30px;
    }
}

@media(max-width:576px){
    .service-grid{
        grid-template-columns:1fr;
    }
}


.testimonial-section{
    padding:80px 20px;
}

.testimonial-wrapper{
    max-width:1400px;
    margin:auto;
    background:#012f35;
    border-radius:15px;
    overflow:hidden;
    display:flex;
    align-items:center;
}

.rating-box{
    width:280px;
    padding:40px;
    color:#fff;
}

.rating-box h2{
    font-size:28px;
    margin-bottom:10px;
}

.line{
    display:block;
    width:60px;
    height:4px;
    background:#ff8c1a;
    margin-bottom:25px;
}

.rating-number{
    font-size:60px;
    font-weight:700;
    margin-bottom:15px;
}

.stars{
    color:#ff8c1a;
    font-size:24px;
    margin-bottom:15px;
}

.rating-box p{
    color:#d9d9d9;
}

.testimonial-slider{
    width:calc(100% - 280px);
    padding:30px;
}

.review-card{
    background:#fff;
    border-radius:12px;
    padding:25px;
    min-height:220px;
    margin:10px;
}

.quote{
    color:#d9d9d9;
    font-size:24px;
    margin-bottom:15px;
}

.review-card p{
    color:#555;
    line-height:1.8;
    font-size:15px;
    min-height:90px;
}

.review-footer{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:20px;
}

.review-footer img{
    width:50px;
    height:50px;
    border-radius:50%;
    object-fit:cover;
}

.review-footer h4{
    font-size:15px;
    margin-bottom:5px;
}

.review-stars{
    color:#ff8c1a;
    font-size:14px;
}

.owl-nav{
    display:block !important;
}

.owl-prev,
.owl-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50% !important;
    background:#fff !important;
    color:#000 !important;
    font-size:20px !important;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
}

.owl-prev{
    left:-20px;
}

.owl-next{
    right:-20px;
}

.owl-dots{
    margin-top:15px;
}

.owl-dot span{
    background:#999 !important;
}

.owl-dot.active span{
    background:#ff8c1a !important;
}

@media(max-width:991px){

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

    .rating-box{
        width:100%;
        text-align:center;
    }

    .line{
        margin:auto auto 20px;
    }

    .testimonial-slider{
        width:100%;
    }
}

@media(max-width:768px){

    .review-card{
        min-height:auto;
    }

    .rating-number{
        font-size:50px;
    }
}


.achievements-section{
    padding:80px 20px;
}

.container{
    max-width:1300px;
    margin:auto;
}

.section-heading h2{
    font-size:38px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:10px;
}

.title-line{
    width:60px;
    height:4px;
    background:#f7931e;
    display:block;
    border-radius:10px;
    margin-bottom:20px;
}

.section-heading p{
    color:#6b7280;
    font-size:16px;
    margin-bottom:50px;
    max-width:850px;
}

.achievement-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

.achievement-item{
    text-align:center;
    padding:10px 20px;
    position:relative;
}

.achievement-item:not(:last-child)::after{
    content:'';
    position:absolute;
    right:-10px;
    top:15%;
    width:1px;
    height:70%;
    background:#e5e7eb;
}

.icon{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 0px;
    font-size:26px;
    border:2px solid;
}

.green{
    color:#4CAF50;
    border-color:#4CAF50;
    background:#f4fff5;
}

.blue{
    color:#4da6ff;
    border-color:#4da6ff;
    background:#f5fbff;
}

.purple{
    color:#b266ff;
    border-color:#b266ff;
    background:#faf5ff;
}

.orange{
    color:#f7931e;
    border-color:#f7931e;
    background:#fff8f0;
}

.achievement-item p{
    color:#4b5563;
    line-height:1.8;
    font-size:15px;
}

/* Tablet */
@media(max-width:992px){

    .achievement-grid{
        grid-template-columns:repeat(3,1fr);
        gap:30px;
    }

    .achievement-item::after{
        display:none;
    }
}

/* Mobile */
@media(max-width:768px){

    .achievement-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .section-heading h2{
        font-size:30px;
    }
}

@media(max-width:576px){

    .achievement-grid{
        grid-template-columns:1fr;
    }

    .achievement-item{
        border-bottom:1px solid #eee;
        padding-bottom:30px;
    }

    .achievement-item:last-child{
        border-bottom:none;
    }
}




.cta-banner{
    position:relative;
    max-width:1400px;
    margin:auto;
    border-radius:15px;
    overflow:hidden;
    min-height:220px;

    background:url('images/banner-bg.jpg') center center/cover no-repeat;
}

/* Dark Overlay */
.overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.55);
}

.cta-content{
    position:relative;
    z-index:2;

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

    padding:40px 50px;
    min-height:220px;
}

.cta-text{
    color:#fff;
    max-width:450px;
}

.cta-text h2{
    font-size:38px;
    font-weight:700;
    margin-bottom:15px;
}

.cta-text p{
    font-size:16px;
    line-height:1.8;
    color:#e5e7eb;
}

/* Buttons */
.cta-buttons{
    display:flex;
    gap:20px;
}

.call-btn,
.whatsapp-btn{
    display:flex;
    align-items:center;
    gap:15px;
    text-decoration:none;
    color:#fff;

    padding:18px 25px;
    border-radius:10px;
    min-width:260px;

    transition:.3s;
}

.call-btn{
    background:#ff7a00;
}

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

.whatsapp-btn{
    background:#16a34a;
}

.whatsapp-btn:hover{
    background:#12853d;
}

.icon{
    width:50px;
    height:50px;
    border-radius:50%;
    background:rgba(255,255,255,.15);

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

    font-size:22px;
}

.call-btn span,
.whatsapp-btn span{
    display:block;
    font-size:14px;
    margin-bottom:4px;
}

.call-btn strong,
.whatsapp-btn strong{
    font-size:17px;
    font-weight:600;
}

/* Tablet */
@media(max-width:992px){

    .cta-content{
        flex-direction:column;
        gap:25px;
        text-align:center;
    }

    .cta-buttons{
        flex-wrap:wrap;
        justify-content:center;
    }
}



/* Mobile */
@media(max-width:576px){

    .cta-banner{ min-height:auto;}
    .cta-content{ padding:30px 20px;}
    .cta-text h2{font-size:28px;}
    .cta-buttons{width:100%; flex-direction:column;}
    .call-btn,.whatsapp-btn{ width:100%; min-width:100%;justify-content:center;}

    .aboutus-page {padding: 22px 0px;}
    .aboutus-page h1 {font-size: 18px;line-height: 21px;}
    .aboutus-page .description{display: none;}
    .review-stats {margin-left:auto; margin-right: auto; width: 100%; padding: 15px;}
    .review-stats .row{width: 100%}

    .about-section {padding: 0px;}
    .subtitle {font-size: 16px;}

    .about-content .subtitle{font-size: 16px;}
    .line {margin: 0px; }
    .about-content p{font-size: 12px; line-height: 15px;margin-bottom: 2px}
    .mission-content h3 {
  font-size: 16px;
  margin-bottom: 0px;
  color: #1c2b39;
  line-height: 22px;
}
.mission-icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  background: #fff4ea;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mission-box {
  background: #fcf7f1;
  border-radius: 12px;
  padding: 6px;
  display: flex;
  gap: 7px;
  align-items: flex-start;
}
.about-journy .journey {padding: 10px;height: auto}
.about-journy h3 {
  font-size: 16px;line-height: 20px;
}
.journey p{font-size: 12px; line-height: 15px;; margin-bottom: 5px;}
.goals p{font-size: 12px; line-height: 15px;; margin-bottom: 5px;}
.goals ul li{font-size: 12px; line-height: 15px;; margin-bottom: 5px;}
.about-journy .goals {height: auto;}
}



.services {padding:10px 0px 20px}


.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(6,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:15px;color:#081B4B;margin-bottom:0px;font-weight:600;line-height: 26px}
.feature-box1 p{font-size:14px;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)
{
    .aboutus-page h1 {margin-bottom: 0px}
    .review-stats .row { margin:0px !important }
    .review-stats {padding: 5px !important; margin-top: -40px; margin-bottom: 10px}
    .content h3 { font-size: 18px; line-height: 20px;}
    .aboutus-page {min-height: 200px;}
    .tagline {font-size: 14px;}
    .service-grid {display: grid;grid-template-columns: repeat(2,2fr);gap: 25px;}
    .service-card:last-child{display: none;}
    .section-title h2 {font-size: 18px;}
    .section-title p {color: #000;font-size: 14px;margin-bottom: 7px;line-height: 16px;}
    .line {display: block;width: 50px;height: 2px;background: #ff8c1a;margin-bottom: 5px !important;margin-top: 0px !important;}
    .about-journy {padding: 5px 0px;}
    .about-journy h3 { font-size: 16px; line-height: 20px; margin-bottom: 0px}
    .goals ul{margin: 0px !important}
    .about-journy .journey{background-color: transparent !important; padding: 0px !important; box-shadow: none}
    .goals{background-color: transparent !important; padding: 0px !important; box-shadow: none !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)
{
    .aboutus-page h1 {margin-bottom: 0px}
    .review-stats .row { margin:0px !important }
    .review-stats {padding: 5px !important; margin-top: -40px; margin-bottom: 10px}
    .content h3 { font-size: 18px; line-height: 20px;}
    .aboutus-page {min-height: 200px;}
    .tagline {font-size: 14px;}
    .service-grid {display: grid;grid-template-columns: repeat(2,2fr);gap: 25px;}
    .service-card:last-child{display: none;}
    .section-title h2 {font-size: 18px;}
    .section-title p {color: #000;font-size: 14px;margin-bottom: 7px;line-height: 16px;}
    .line {display: block;width: 50px;height: 2px;background: #ff8c1a;margin-bottom: 5px !important;margin-top: 0px !important;}
    .about-journy {padding: 5px 0px;}
     .about-journy h3 { font-size: 16px; line-height: 20px; margin-bottom: 0px}
     .goals ul{margin: 0px !important}
     .about-journy .journey{background-color: transparent !important; padding: 0px !important; box-shadow: none}
     .goals{background-color: transparent !important; padding: 0px !important; box-shadow: none !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 80px}
    .stats-section {display: grid;grid-template-columns: repeat(2,1fr);}

}