/* main footer */
.main-footer{
color:#fff;
font-size:14px;
}

/* top logo strip */

.footer-logo-strip{
background:#1f4e63;
padding:11px 0 10px;
}

/* main footer area */

.footer-main{
/* background:linear-gradient(to right, #083E59, #0B4F6C); */
background-color: #083E59;
padding:20px 0 30px;
}

/* bottom copyright */

.footer-bottom{
background:#163f52;
padding:15px 0;
}



.border-end-lg{
    border-right: 1px solid #f8f9fa;
    height: 4.5rem;          /* default desktop height */
    margin-top: 10px;
}

/* Large tablets */
@media (max-width: 992px){
    .border-end-lg{
        height: 50px;
        margin-top: 8px;
    }
}

/* Tablets */
@media (max-width: 768px){
    .border-end-lg{
        height: 40px;
        margin-top: 6px;
    }
}

/* Mobile devices */
@media (max-width: 576px){
    .border-end-lg{
        height: 30px;
        margin-top: 5px;
        border-right: none; /* optional: remove border on small screens */
    }
}

/* remove vertical divider on mobile */

@media (max-width:991px){

.border-end-lg{
border-right:none;
}

}

/* logo */

.footer-logo{
max-width:160px;
}

/* text */

.footer-text{
line-height:1.6;
opacity:0.9;
}

/* contact */

.contact-row p{
margin-bottom:10px;
}

.contact-row i{
color:white;
margin-right:7px;
margin-top: 5px;
}
.contact-row{
    padding: 12px 79px;
}
/* links */
.footer-links {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;   /* ❌ prevent wrapping */
  gap: 15px;
}

.footer-links a{
color:#fff;
text-decoration:none;
}

.footer-links a:hover{
color:#9fd3ea;
}

/* initiatives */

.initiative-img{
max-width:120px;
margin:10px auto;
}

/* social */

.social-icons a{
color:#fff;
margin:0 8px;
font-size:16px;
transition:0.3s;
}

.social-icons a:hover{
color:#9fd3ea;
}

/* back to top */

.back-top{
color:#fff;
text-decoration:none;
}

.back-top i{
margin-left:5px;
color:#3ddc84;
}

/* responsive */

@media (max-width:768px){

.footer-text{
text-align:center;
margin-top:15px;
}

.contact-row,
.links-row{
text-align:center;
padding: 0px !important;
}

}

@media (max-width:576px){

.initiatives{
text-align:center;
}

.social-icons{
margin:10px 0;
}

.footer-links{
flex-direction:column;
gap:8px;
}

}

.footer-logo{
    width: 180px;          /* desktop width */
    height: auto;          /* keep image ratio */
    background-color: #fff;
    border-radius: 10px;
    padding: 5px;
    max-width: 100%;       /* responsive */
}

/* Tablet */
@media (max-width: 768px){
    .footer-logo{
        width: 150px;
    }
}

/* Mobile */
@media (max-width: 480px){
    .footer-logo{
        width: 120px;
    }
}
.address {
  display: flex;
  gap: 0px;
  align-items: flex-start;
}

.footer-divider {
  width: 100vw; /* full viewport width */
  height: 1px !important;
  background: #ffffff5e;
  margin: 0;       /* remove extra space */
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 1.3rem;
}
.links-row{
    padding: 6px 75px;
    margin-top: 1.4rem;
}




/* ===== BACKGROUND ===== */
.top-strip {
  background: #083E59;
  color: #fff;
  /* padding: 15px 0; */
}

/* ===== ITEM LAYOUT ===== */
.top-strip .item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  height: 100%;
  position: relative;
}

/* ===== VERTICAL DIVIDER ===== */
.top-strip .item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 15%;
  height: 70%;
  width: 1px;
  background: rgba(255,255,255,0.3);
}

/* Remove last divider */
.top-strip .no-border::after {
  display: none;
}

/* ===== TEXT ===== */
.top-strip p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.top-strip small {
  color: #cfe8f3;
  font-size: 12px;
}

/* ===== LABEL ===== */
.label {
  font-size: 12px;
  color: #cfe8f3;
  display: block;
  margin-bottom: 5px;
}

/* ===== IMAGES ===== */

/* Logo (bigger) */
.logo {
  max-height: 40px;
  width: auto;
  object-fit: contain;
}

/* Icons (small square images) */
.iconFooter {
     width: 85px;
    height: 60px;
    object-fit: contain;
}



/* ===== HOVER ===== */
.top-strip .item:hover {
  cursor: pointer;
  transition: 0.3s;
}

/* ===== RESPONSIVE ===== */

/* Tablet */
@media (max-width: 992px) {
  .top-strip .item {
    justify-content: flex-start;
  }
}

/* Mobile */
@media (max-width: 768px) {

  /* .top-strip .row {
    row-gap: 15px;
  } */

  .top-strip .item {
    flex-direction: row;
    justify-content: flex-start;
  }

  /* Remove vertical lines on mobile */
  .top-strip .item::after {
    display: none;
  }

  /* Center align */
  .top-strip {
    text-align: left;
  }
}

/* ===== DESKTOP (default) ===== */
.textCustome{
  text-align: left;
  padding: 8px 39px;
  color: #8b0000;
  font-size: 20px;
}

/* ===== TABLET ===== */
@media (max-width: 992px){
  .textCustome{
    padding: 8px 20px;
    font-size: 18px;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 768px){
  .textCustome{
    text-align: center;   /* ✅ center for mobile */
   line-height: 1.2px;
    font-size: 17px;
  }
}

/* ===== SMALL MOBILE ===== */
@media (max-width: 480px){
  .textCustome{
    /* padding: 8px 10px; */
    font-size: 18px;
    line-height: 1px;
  }
}

/* ===== DESKTOP (default) ===== */
.subtitleOurClients{
  text-align: left;
  padding: 0 39px;
  line-height: 1.4;      /* ✅ better than 1px */
  margin-bottom: 0.95rem;
}

/* ===== TABLET ===== */
@media (max-width: 992px){
  .subtitleOurClients{
    padding: 0 20px;
    margin-bottom: 2rem;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 768px){
  .subtitleOurClients{
    text-align: center;   
    padding: 0 15px;      
    margin-bottom: 8px;  
    line-height: 1.5;
  }
}

/* ===== SMALL MOBILE ===== */
@media (max-width: 480px){
  .subtitleOurClients{
    padding: 0 10px;
    font-size: 14px;
  }
}
#testimonialCarousel{
   padding: 0px 38px;
    margin-bottom: 3.5rem;
}

@media (max-width: 768px){
  #testimonialCarousel{
    padding: 0 !important;
  }
}

/* contact details addded css */

/* ===== MOBILE FIX FOR CONTACT SECTION ===== */
@media (max-width: 768px){

  /* Remove big side padding */
  .contact-row{
    padding: 0 15px !important;
  }

  /* Stack columns properly */
  .contact-col{
    width: 100%;
    margin-bottom: 8px;
    text-align: left;
  }

  /* Remove vertical divider */
  .border-end-lg{
    border-right: none !important;
    height: auto;
    margin-top: 0;
  }

  /* Fix address alignment */
  .address{
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }

  /* Fix icon alignment */
  .contact-row i{
    margin-top: 6px;
    font-size: 14px;
  }

  /* Improve text readability */
  .contact-row p{
    font-size: 13px;
    line-height: 1.5;
    word-break: break-word;
    margin-top: 0rem !important;
  }

  /* Center headings */
  .contact-row h5,
  .contact-row h6{
    text-align: center;
    margin-bottom: 10px;
  }

}

/* Quick Links About Us */
/* ===== MOBILE FIX FOR QUICK LINKS & ABOUT US ===== */
@media (max-width: 768px){

  .links-row{
    padding: 0 15px !important;
    text-align: center;
  }

  .links-row h6{
    text-align: center;
    margin-bottom: 10px;
  }

  .footer-links{
    display: flex;
    flex-direction: row;      /* keep in one line */
    flex-wrap: wrap;          /* allow wrap if needed */
    justify-content: center;  /* center align */
    gap: 10px 15px;
  }

  .footer-links li{
    display: inline-block;
  }

}



/* Our Initiatives and Empowering platform,MRSI Certified css */
/* ===== MOBILE FIX FOR TOP STRIP ===== */
@media (max-width: 768px){

  .top-strip .row{
    display: flex;
    flex-wrap: wrap;
  }

  /* Each item = 50% width (2 per row) */
  .top-strip .col-lg-2,
  .top-strip .col-lg-3{
    width: 50%;
    max-width: 50%;
  }

  /* Last item full width (Career Enquiries) */
  .top-strip .col-lg-2:last-child{
    width: 100%;
    max-width: 100%;
  }

  /* Item layout */
  .top-strip .item{
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px 10px;
    
  }



  /* Remove right border for even items */
  .top-strip .col-lg-2:nth-child(even) .item,
  .top-strip .col-lg-3:nth-child(even) .item{
    border-right: none;
  }

  /* Remove border for last full-width item */
  .top-strip .col-lg-2:last-child .item{
    border-right: none;
  }

  /* Remove pseudo divider */
  .top-strip .item::after{
    display: none;
  }

  /* Title (label) */
  .top-strip .label{
    /* font-size: 12px; */
    margin-bottom: 8px;
  }

  /* Images */
  .logo{
    max-height: 35px;
    margin-bottom: 5px;
  }

  .iconFooter{
    width: 70px;
    height: 50px;
    /* margin-bottom: 5px; */
  }

  /* Text */
  .top-strip p{
    font-size: 14px !important;
    line-height: 1.4;
  }

}


/* footer copy right and media and back to top css */

/* ===== MOBILE FIX FOR FOOTER BOTTOM ===== */
@media (max-width: 768px){

  .footer-bottom{
    padding: 12px 10px; /* small side spacing */
    text-align: center;
  }

  .footer-bottom .row{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  /* Copyright text */
  .footer-bottom .col-md-4:first-child{
    width: 100%;
    font-size: 13px;
    white-space: nowrap;       /* keep in single line */
    overflow: hidden;
    text-overflow: ellipsis;   /* prevent breaking */
  }

  /* Social icons */
  .social-icons{
    width: 100%;
    margin: 5px 0;
  }

  .social-icons a{
    font-size: 15px;
    margin: 0 6px;
  }

  /* Back to top */
  .footer-bottom .col-md-4:last-child{
    width: 100%;
  }

  .back-top{
    display: inline-block;
    font-size: 13px;
  }

}

/* ===== Desktop ===== */
.textSilder {
    font-size: 15px;       /* desktop font size */
    line-height: 1.6;      /* spacing between lines */
    color: #444444;           /* text color */
    text-align: left;
         /* desktop padding */
}

/* ===== Tablets / small desktops ===== */
@media (max-width: 992px) {
    .textSilder {
        font-size: 18px;
        font-weight: 500;
        padding: 0 30px;
       
    }
}

/* ===== Mobile ===== */
@media (max-width: 576px) {
    .textSilder {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
       
        padding: 0;         /* remove padding on mobile */
    }
}