/********** Template CSS **********/
:root {
    --primary: #FD5D14;
    --secondary: #FDBE33;
    --light: #F4F6F8;
    --dark: #040F28;
}

.pt-6 {
    padding-top: 90px;
}

.pb-6 {
    padding-bottom: 90px;
}

.py-6 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.btn {
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    transition: .5s;
}

.btn::after {
    position: absolute;
    content: "";
    width: 0;
    height: 5px;
    bottom: -1px;
    left: 50%;
    background: var(--primary);
    transition: .5s;
}

.btn.btn-primary::after {
    background: var(--dark);
}

.btn:hover::after,
.btn.active::after {
    width: 50%;
    left: 25%;
}

.btn-primary {
    color: #FFFFFF;
}

.btn-square {
    width: 36px;
    height: 36px;
}

.btn-sm-square {
    width: 28px;
    height: 28px;
}

.btn-lg-square {
    width: 46px;
    height: 46px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.back-to-top {
    position: fixed;
    display: none;
    left: 50%;
    bottom: 0;
    margin-left: -22px;
    border-radius: 0;
    z-index: 99;
}

.bg-dark-radial {
    background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 1px, transparent 1px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 1px, transparent 1px, transparent 100%);
    background-image: -o-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 1px, transparent 1px, transparent 100%);
    background-size: 3px 3px;
}

.bg-light-radial {
    /* background-image: -webkit-repeating-radial-gradient(center center, rgba(256, 256, 256, 0.2), rgba(256, 256, 256, 0.2) 1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, rgba(256, 256, 256, 0.2), rgba(256, 256, 256, 0.2) 1px, transparent 1px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, rgba(256, 256, 256, 0.2), rgba(256, 256, 256, 0.2) 1px, transparent 1px, transparent 100%);
    background-image: -o-repeating-radial-gradient(center center, rgba(256, 256, 256, 0.2), rgba(256, 256, 256, 0.2) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(256, 256, 256, 0.2), rgba(256, 256, 256, 0.2) 1px, transparent 1px, transparent 100%);
    background-size: 3px 3px; */
    background-color:white;
}

.navbar-dark .navbar-nav .nav-link {
    position: relative;
      padding: 14px 15px;
    font-size: 18px;
    /* text-transform: uppercase; */
    color: #1c3063;
    outline: none;
    transition: .5s;
    border-radius: 10px;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: #1c3063;
}

@media (max-width: 991.98px) {
    .navbar-dark .navbar-nav .nav-link  {
        margin-left: 0;
        padding: 10px 0;
    }
}

.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(4, 15, 40, .7);
    z-index: 1;
}

@media (max-width: 576px) {
    .carousel-caption h4 {
        font-size: 18px;
        font-weight: 500 !important;
    }

    .carousel-caption h1 {
        font-size: 30px;
        font-weight: 600 !important;
    }
}

.page-header {
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgba(4, 15, 40, .7), rgba(4, 15, 40, .7)), url(../img/service-6.png) center center no-repeat;
    background-size: cover;
}

.service-item .service-icon {
    margin-top: -50px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.service-item .service-icon i {
    transition: .2s;
}

.service-item:hover .service-icon i {
    font-size: 60px;
}

.portfolio-item {
    margin-bottom: 60px;
}

.portfolio-title {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 120px;
    padding: 0 30px;
    right: 30px;
    left: 30px;
    bottom: -60px;
    background: #FFFFFF;
    z-index: 3;
}

.portfolio-btn {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    font-size: 120px;
    line-height: 0;
    transition: .1s;
    transition-delay: .3s;
    z-index: 2;
    opacity: 0;
}

.portfolio-item:hover .portfolio-btn {
    opacity: 1;
}

.portfolio-box::before,
.portfolio-box::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    transition: .5s;
    z-index: 1;
    background: rgba(4, 15, 40, .7);
}

.portfolio-box::before {
    left: 0;
}

.portfolio-box::after {
    right: 0;
}

.portfolio-item:hover .portfolio-box::before {
    left: 0;
    width: 50%;
}

.portfolio-item:hover .portfolio-box::after {
    right: 0;
    width: 50%;
}

@media (min-width: 992px) {
    .testimonial,
    .contact-form {
        margin-left: -90px;
    }
}

@media (min-width: 992px) {
    .footer::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
        /* background: var(--primary) */
    }
}

.footer-shape::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 100%;
    top: 0;
    left: -40px;
    background: var(--primary);
    transform: skew(40deg);
}




.logo-img {
  height: 140px !important;        /* default desktop height */
  width: auto;         /* keeps aspect ratio */
  max-width: 100%;
     margin-top: -15px;
    margin-bottom: -10px;
}

/* Tablet */
@media (max-width: 992px) {
  .logo-img {
    height: 45px;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .logo-img {
    height: 120px;
  }
}


.footer {
    background: #f9fdf7;
    padding-top: 50px;
       border-top: 1px dashed #040f28;
}

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

/* Boxes */
.footer-box h4 {
    color: #294076;
    margin-bottom: 20px;
    font-weight: 600;
}

.footer-box p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
    font-family: "Muli", sans-serif;
    color: #000;
}

/* Logo */
.footer-logo {
    max-width: 180px;
    margin-bottom: 20px;
}

/* Links */
.footer-box ul {
    list-style: none;
    padding: 0;
    font-family: "Muli", sans-serif;
}

.footer-box ul li {
    margin-bottom: 10px;
}

.footer-box ul li a {
    text-decoration: none;
    color: #000;
}

.footer-box ul li a:hover {
    color:#294076
}

/* Social */
.footer-social a {
    width: 35px;
    height: 35px;
    border: 1px solid #294076;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    color: #ffffff;
    transition: 0.3s;
}

.footer-social a:hover {
    background: #294076;
    color: #fff !important;
}

/* Icons */
.footer-box i {
    color: #294076;
    /* margin-right: 8px; */
}

/* Icons */
.footer-box i:hover {
    color: #ffffff;
 }


/* Map */
.map-box iframe {
    width: 100%;
    height: 200px;
    border: 0;
}

/* Bottom */
.footer-bottom {
    background:#294076;
    margin-top: 40px;
    padding: 15px 0;
}

.bottom-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    flex-wrap: wrap;
    font-family: "Muli", sans-serif;
}

.bottom-flex p {
    margin: 5px 0;
}

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

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

    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-social {
        justify-content: center;
    }

    .bottom-flex {
        flex-direction: column;
        text-align: center;
    }

}
.ok1{
background-image: url(../img/bg-shape-7.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}


    .why-choose {
    padding: 70px 20px;
    background: #f8f8f8;
    font-family: Arial, sans-serif;
}

/* Container */
.container {
    max-width: 1200px;
    margin: auto;
}

/* Title */
.section-title {
    text-align: center;
    color: #263c70#263c70;
    font-size: 28px;
    margin-bottom: 50px;
    font-weight: bold;
}

/* Grid */
.choose-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    align-items: center;
}

/* Boxes */
.choose-box {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    margin-bottom: 25px;
    transition: 0.3s;
}

.choose-box:hover {
    transform: translateY(-5px);
}

.choose-box h4 {
    color: #263c70;
    margin-bottom: 10px;
    font-size: 18px;
}

.choose-box p {
    color: #555;
    font-size: 14px;
    line-height: 1.6;
    font-family: "Muli", sans-serif;
}

/* Image */
.choose-image img {
    width: 100%;
    border-radius: 15px;
    margin-top: -22px;  
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
}

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

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

    .choose-image {
        grid-column: 1 / -1;
        text-align: center;
    }

    .choose-image img {
        max-width: 400px;
    }

}

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

    .choose-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .choose-box {
        margin-bottom: 20px;
    }

    .section-title {
        font-size: 22px;
    }

}


.faq-section {
    padding: 70px 20px;
    background: #fff;
    font-family: Arial, sans-serif;
}

/* Container */
.container {
    max-width: 1200px;
    margin: auto;
}

/* Title */
.faq-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 50px;
    font-weight: bold;
}

/* Grid */
.faq-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 40px;
    align-items: center;
}

/* FAQ Items */
.faq-item {
    border-bottom: 1px solid #ddd;
}

.faq-question {
    width: 100%;
    background: #006bb3;
    color: #fff;
    border: none;
    padding: 15px 20px;
    text-align: left;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s;
}

.faq-question:hover {
    background: #005999;
}

.faq-item:not(.active) .faq-question {
    background: #f7f7f7;
    color: #000;
    font-family: "Muli", sans-serif;
}

.faq-item:not(.active) .faq-question span {
    color: #006bb3;
}

/* Answer */
.faq-answer {
    display: none;
    padding: 15px 20px;
    background: #f9f9f9;
    font-size: 14px;
    line-height: 1.6;
    font-family: "Muli", sans-serif;
}

.faq-item.active .faq-answer {
    display: block;
}

.faq-item.active .faq-question span {
    transform: rotate(45deg);
}

/* Image */
.faq-right img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
}

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

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

    .faq-right {
        text-align: center;
        margin-top: 30px;
    }

    .faq-right img {
        max-width: 450px;
    }

}

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

    .faq-title {
        font-size: 22px;
    }

    .faq-question {
        font-size: 14px;
        padding: 12px 15px;
    }

}



/* Banner Section */
.manpower-banner{
    width:100%;
    min-height:350px;
    background:
    linear-gradient(rgba(0,40,80,0.8), rgba(0,40,80,0.8)),
    url("bg-manpower.jpg");
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:white;
    padding:50px 15px;
}

/* Content Box */
.banner-content{
    max-width:900px;
}

/* Heading */
.banner-content h1{
    font-size:42px;
    margin-bottom:15px;
    font-weight:700;
}

/* Text */
.banner-content p{
    font-size:17px;
    line-height:1.7;
    margin-bottom:25px;
}

/* Button */
.banner-content a{
    display:inline-block;
    background:#eda61c;
    color:#ffffff;
    padding:12px 30px;
    text-decoration:none;
    border-radius:6px;
    font-weight:600;
    transition:0.3s;
}

.banner-content a:hover{
    background:#eda61c;
    color:#ffffff;
}

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

    .banner-content h1{
        font-size:28px;
    }

    .banner-content p{
        font-size:15px;
    }

}
/* Gallery Section */
.gallery-section{
    padding:60px 20px;
    background:#ffffff;
}

.gallery-title{
    text-align:center;
    font-size:36px;
    font-weight:700;
    color:#003366;
    margin-bottom:40px;
}

/* Grid Layout */
.gallery-grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:20px;
    max-width:1200px;
    margin:auto;
}

/* Image Box */
.gallery-item{
    overflow:hidden;
    border-radius:12px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

.gallery-item img{
    width:100%;
    height:230px;
    object-fit:cover;
    transition:0.4s;
}

/* Hover Effect */
.gallery-item:hover img{
    transform:scale(1.1);
}

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

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

    .gallery-title{
        font-size:26px;
    }
}


/* Section */
.testimonial-section{
    padding:60px 20px;
    text-align:center;
background: linear-gradient(rgb(39 64 118 / 99%), rgba(0, 90, 160, 0.8)), url(../img/portfolio-1.jpg) center / cover;
    color:#fff;
}

.testimonial-section h2{
    margin-bottom:40px;
    font-size:32px;
}

/* Carousel */
.carousel-container{
    max-width:1200px;
    margin:auto;
    overflow:hidden;
}

.carousel-track{
    display:flex;
    transition:0.5s ease-in-out;
}

/* Card */
.testimonial-card{
    min-width:33.33%;
    background:#fff;
    margin:0 10px;
    padding:30px 20px;
    border-radius:12px;
    color:#333;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

.testimonial-card img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:15px;
}

.testimonial-card p{
    font-size:15px;
    margin-bottom:15px;
    line-height:1.6;
}

.testimonial-card h4{
    color:#203d6e;
}

/* Buttons */
.carousel-btns{
    margin-top:30px;
}

.carousel-btns button{
    background:#fff;
    border:none;
    padding:12px 18px;
    border-radius:50%;
    font-size:20px;
    cursor:pointer;
    margin:0 10px;
    transition:0.3s;
}

.carousel-btns button:hover{
    background:#007bff;
    color:#fff;
}

/* Responsive */
@media(max-width:900px){
    .testimonial-card{
        min-width:50%;
    }
}

@media(max-width:600px){
    .testimonial-card{
        min-width:100%;
    }

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


/* Section */
.clients-section{
    padding:60px 20px;
    text-align:center;
    background:#f7f9fc;
}

/* Heading */
.clients-section h2{
    font-size:32px;
    margin-bottom:40px;
    font-weight:700;
}

/* Wrapper */
.clients-wrapper{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    position:relative;
}

/* Slider */
.clients-slider{
    overflow:hidden;
    width:100%;
}

.clients-track{
    display:flex;
    transition:transform 0.5s ease;
}

/* Card */
.client-card{
    flex:0 0 20%;
    padding:15px;
}

.client-card img{
    width:100%;
    height:80px;
    object-fit:contain;
    /* border:1px solid #ff7a00; */
    border-radius:12px;
    padding:15px;
    background:#fff;
    transition:0.3s;
       box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important
}

.client-card img:hover{
    transform:scale(1.05);
}

/* Arrows */
.nav-btn{
    background:none;
    border:none;
    font-size:30px;
    cursor:pointer;
    color:#ff7a00;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
}

.nav-btn.left{
    left:-40px;
}

.nav-btn.right{
    right:-40px;
}

.nav-btn:hover{
    transform:translateY(-50%) scale(1.2);
}

/* Tablet */
@media(max-width:900px){
    .client-card{
        flex:0 0 33.33%;
    }
}

/* Mobile */
@media(max-width:600px){
    .client-card{
        flex:0 0 50%;
    }

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

    .nav-btn{
        font-size:24px;
    }

    .nav-btn.left{
        left:-20px;
    }

    .nav-btn.right{
        right:-20px;
    }
}

.nirosha-section{
   background: linear-gradient(rgb(38 61 114), rgb(14 143 207)), url(your-background-image.jpg) center / cover no-repeat;
    padding:60px 20px;
    text-align:center;
    color:#fff;
}

.nirosha-section h2{
    font-size:32px;
    margin-bottom:40px;
}

.stats-container{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:25px;
    max-width:1200px;
    margin:auto;
}

.stat-box{
    background:#f2f2f2;
    padding:40px 20px;
    border-radius:10px;
    transition:0.3s ease;
}

.stat-box i{
    font-size:40px;
    color:#253e74;
    margin-bottom:15px;
}

.stat-number{
    font-size:30px;
    font-weight:700;
    color:#253e74;
}

.stat-text{
    font-size:16px;
    margin-top:8px;
    color:#444;
}

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

/* Mobile */
@media (max-width: 576px){
    .stats-container{
        grid-template-columns: 1fr;
    }
}



 
.contact-info{
    /* background:#f4f4f4; */
    padding:60px 20px;
}

.container{
    max-width:1200px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    flex-wrap:wrap;
}

.info-box{
    flex:1;
    min-width:250px;
    text-align:center;
}

.icon-circle{
    width:80px;
    height:80px;
    margin:0 auto 20px;
    background:#4b5e8c;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-circle i{
    font-size:28px;
    color:#ffffff;
}

.info-box p{
    font-size:16px;
    color:#222;
    font-weight:500;
}

/* ✅ Responsive */
@media(max-width:768px){
    .container{
        flex-direction:column;
        gap:40px;
    }
}




.offer-section{
  padding:80px 20px;
  text-align:center;
      background-color: #f9fbff;
}

.offer-section h2{
  font-size:36px;
  font-weight:700;
  color:#0f4d4d;
  margin-bottom:20px;
}

.offer-section .section-desc{
  max-width:750px;
  margin:0 auto 60px;
  color:#5c6b73;
  line-height:1.7;
  font-size:16px;
}

.offer-grid{
  max-width:1100px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr); /* 3 cards desktop */
  gap:30px;
}

.offer-card{
  background:#ffffff;
  padding:40px 25px;
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,0.06);
  transition:0.3s ease;
}

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

.offer-icon{
  width:70px;
  height:70px;
  background:#e7eef5;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  margin:0 auto 20px;
  color:#0f4d4d;
}

.offer-card h3{
  font-size:18px;
  font-weight:600;
  margin-bottom:12px;
  color:#0f4d4d;
}

.offer-card p{
  font-size:14px;
  color:#6c7a82;
  line-height:1.6;
}

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

/* Mobile */
@media (max-width:600px){
  .offer-grid{
    grid-template-columns:1fr;
  }

  .offer-section h2{
    font-size:28px;
  }
}


.cta-section{
  position:relative;
  background:url('your-background-image.jpg') center/cover no-repeat;
  padding:100px 20px;
  text-align:center;
  color:#fff;
  overflow:hidden;
}

/* Orange Overlay */
.cta-section::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgb(37 59 112);
  z-index:0;
}

.cta-content{
  position:relative;
  z-index:2;
  max-width:900px;
  margin:auto;
}

.cta-content h2{
  font-size:38px;
  font-weight:700;
  margin-bottom:20px;
  color:white;
}

.cta-content p{
  font-size:16px;
  line-height:1.7;
  margin-bottom:35px;
  color:#f5f5f5;
}

.cta-btn{
  display:inline-block;
  padding:12px 30px;
  background:#ffffff;
  color:#263c70;
  font-weight:500;
  text-decoration:none;
  border-radius:6px;
  transition:0.3s ease;
}

.cta-btn:hover{
  background:#f1f1f1;
  transform:translateY(-3px);
}

/* Bottom dotted border */
.cta-section::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  border-bottom:3px dotted #ffffff;
}

/* Responsive */

@media (max-width:768px){
  .cta-content h2{
    font-size:28px;
  }

  .cta-content p{
    font-size:15px;
  }

  .cta-section{
    padding:70px 20px;
  }
}

@media (max-width:480px){
  .cta-content h2{
    font-size:22px;
  }

  .cta-content p{
    font-size:14px;
  }

  .cta-btn{
    padding:10px 25px;
    font-size:14px;
  }
}



.mv-section{
  padding:70px 20px;
}

.mv-container{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:40px;
}

.mv-card{
  background:#273e72;
  color:#ffffff;
  padding:35px 40px;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.3s ease;
}

.mv-card:hover{
  transform:translateY(-6px);
}

.mv-header{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:20px;
}

.mv-icon{
  width:45px;
  height:45px;
  background:#ffffff;
  color:#0b4d40;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:600;
}

.mv-card h3{
  font-size:20px;
  font-weight:600;
}

.mv-card p{
  font-size:15px;
  line-height:1.8;
  opacity:0.95;
}

/* Tablet */
@media (max-width:992px){
  .mv-container{
    grid-template-columns:1fr;
  }
}

/* Mobile */
@media (max-width:576px){
  .mv-card{
    padding:25px;
  }

  .mv-card h3{
    font-size:18px;
  }

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



        /* main container */
        .jm-wrapper {
            max-width: 1400px;
            margin: 0 auto;
            padding: 2rem 1.5rem;
        }

        /* headings style */
        .section-title {
            font-size: 2.2rem;
            font-weight: 700;
            letter-spacing: -0.02em;
            margin-bottom: 1rem;
            color: #0a2942;
            border-left: 6px solid #f0b73e;
            padding-left: 1.2rem;
        }

        .section-subhead {
            font-size: 1.1rem;
            color: #2c4a6a;
            margin-bottom: 2.5rem;
            max-width: 850px;
        }

        /* service intro block */
        .intro-card {
            background: white;
            border-radius: 28px;
            padding: 2.2rem 2.5rem;
            margin-bottom: 3rem;
            box-shadow: 0 12px 30px rgba(0,30,50,0.08);
            border: 1px solid rgba(0,70,100,0.06);
        }

        .intro-card p {
            /* font-size: 1.2rem; */
            color: #1f3b54;
            margin-bottom: 1.2rem;
        }

        .badge-flex {
            display: flex;
            flex-wrap: wrap;
            gap: 1.2rem 2rem;
            margin-top: 1.2rem;
        }

        .badge-flex span {
            background: #eef3f9;
            padding: 0.4rem 1.4rem;
            border-radius: 40px;
            font-weight: 500;
            color: #0f3b5e;
            font-size: 0.95rem;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .badge-flex i {
            color: #f0b73e;
        }

        /* equipment grid — 3 columns on large, 2 on tablet, 1 on mobile */
        .equipment-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.8rem;
            margin: 2.8rem 0 3rem;
        }

        /* card design */
        .equip-card {
            background: white;
            border-radius: 28px;
            padding: 1.8rem 1.6rem 2rem;
            box-shadow: 0 12px 22px rgba(0,30,50,0.06);
            transition: transform 0.2s ease, box-shadow 0.2s;
            border: 1px solid rgba(0,0,0,0.02);
            display: flex;
            flex-direction: column;
        }

        .equip-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 22px 30px rgba(0,45,70,0.1);
        }

        .card-icon {
            font-size: 2.6rem;
            margin-bottom: 0.8rem;
            color: #f0b73e;
            background: #fef6e5;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px;
        }

        .equip-card h3 {
            font-size: 1.7rem;
            font-weight: 700;
            letter-spacing: -0.02em;
            color: #0a2942;
            margin-bottom: 0.9rem;
            border-bottom: 2px solid #e1eaf1;
            padding-bottom: 0.5rem;
        }

        .equip-list {
            list-style: none;
            margin-top: 0.4rem;
            flex: 1;
        }

        .equip-list li {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 0.7rem;
            font-size: 1rem;
            color: #1f3b54;
        }

        .equip-list i {
            color: #f0b73e;
            font-size: 0.9rem;
            width: 1.3rem;
            text-align: center;
        }

       
        /* responsive */
        @media (max-width: 1024px) {
            .equipment-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 720px) {
            .jm-wrapper {
                padding: 1.5rem 1rem;
            }
            .section-title {
                font-size: 1.9rem;
            }
            .intro-card {
                padding: 1.8rem;
            }
            .equipment-grid {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
            .why-row {
                padding: 2rem 1.5rem;
            }
            .cta-block {
                flex-direction: column;
                align-items: flex-start;
                gap: 1.5rem;
                padding: 2rem 1.8rem;
            }
            .cta-buttons {
                width: 100%;
                justify-content: flex-start;
            }
            .btn {
                flex: 1 1 auto;
                text-align: center;
                justify-content: center;
            }
        }

        @media (max-width: 480px) {
            .btn {
                width: 100%;
                justify-content: center;
            }
            .why-item {
                flex-wrap: wrap;
            }
        }
 


        .rm-section-wrap{
    padding:60px 20px;
}

.rm-flex-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    gap:40px;
    align-items:center;
    justify-content:space-between;
}

/* Left Content */
.rm-text-box{
    flex:1;
    background:#ffffff;
    padding:22px;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.rm-title{
    font-size:28px;
    color:#273d71;
    margin-bottom:15px;
}

.rm-description{
    color:#444;
    line-height:1.7;
    margin-bottom:20px;
}

.rm-subtitle{
    margin-bottom:10px;
}

.rm-feature-list{
    padding-left:20px;
    margin-bottom:25px;
}

.rm-feature-list li{
    margin-bottom:8px;
}

/* Buttons */
.rm-btn-style{
    display:inline-block;
    background:#273d71;
    color:#fff;
    padding:12px 18px;
    border-radius:6px;
    margin-right:10px;
    margin-bottom:10px;
    text-decoration:none;
    font-weight:500;
    transition:0.3s;
}

.rm-btn-style:hover{
    background:#273d71;
}

/* Right Image */
.rm-image-box{
    flex:1;
    position:relative;
}

.rm-image-box img{
    width:100%;
    border-radius:12px;
    display:block;
}

.rm-image-box::after{
    content:"";
    position:absolute;
    right:-10px;
    bottom:-10px;
    width:100%;
    height:100%;
    background:#273d71;
    border-radius:12px;
    z-index:-1;
}



/* Right Image */
.rm-image-boxx{
    flex:1;
    position:relative;
}

.rm-image-boxx img{
    width:100%;
    border-radius:12px;
    display:block;
}

.rm-image-boxx::after{
    content:"";
    position:absolute;
    right:10px;
    bottom:-10px;
    width:100%;
    height:100%;
    background:#273d71;
    border-radius:12px;
    z-index:-1;
}

/* Responsive */
@media(max-width:992px){
    .rm-flex-container{
        flex-direction:column;
    }
    .rm-image-box::after{
        display:none;
    }
     .rm-image-boxx::after{
        display:none;
    }
}

@media(max-width:576px){
    .rm-text-box{
        padding:25px;
    }
    .rm-title{
        font-size:22px;
    }
}


.float-contact-wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 999;
}

.float-btn {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    transition: 0.3s ease;
    text-decoration: none;
}

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

.float-btn.call {
    background: #007bff;
}

.float-btn:hover {
    transform: scale(1.1);
    color:white;
}