@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Poppins", sans-serif;;
    line-height: 1.6;
    font-weight: 400;
    background-color: #fff;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 0px ;
    color: #1B75BB;
}
select{
    color: #1B75BB;
}
ul,
li {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

a,
a:hover {
    text-decoration: none;
    color: #1B75BB;
    cursor: pointer;
    transition: all 0.5s;
}
a:hover{
    color: #1B75BB;
}
img {
    max-width: 100%;
}

p {
    color: #A6A8AB;
    font-size: 18px;
}

p:last-of-type {
    margin-bottom: 0 !important
}

button {
    cursor: pointer;
}
.overflow{
    overflow: hidden;
}


.custom-container {
    padding: 0px 160px;
}

.common-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    /* align-items: center; */
}

.common-section {
    padding: 100px 0;

}
.common-top-section { padding-top: 100px; }
.common-bottom-section { padding-bottom: 100px; }

.common-btn , .fill-btn:hover {
    padding: 12px 24px;
    color: #fff;
    background-color: #1B75BB;
    border-radius: 50px;
    font-weight: 500;
    align-items: center;
    text-transform: capitalize;
    transition: all 0.5s;
    display: inline-flex;
    gap: 10px;
    border: 1px solid transparent;
    font-size: 16px;
    width: fit-content;
}
.common-btn:hover {
    background-color: transparent;
    color: #1B75BB;
    border: 1px solid #1B75BB;
}
.fill-btn {
    background-color: transparent;
    color: #1B75BB;
    border: 1px solid #1B75BB;
}
.fill-btn:hover  {
    color: #fff;
    background-color: #1B75BB;
    border: 1px solid transparent;
}


.common-btn:hover svg path { fill :#fff; stroke: #fff; }
/* header */

header {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    background:#fff;
}
.header { display: flex; justify-content: space-between; align-items: center; gap: 40px; }

header .log-box a img {
    width: 120px;
}

nav.header-menu{
    display: flex;
    /* justify-content: end; */
}

header .right-box{
    display: flex;
    align-items: center;
    justify-content: end;
}

header  .right-boxa:hover {
    color: #fff;
}

header .color-logo,
.mobile-menu-close-box,
.mobile-menu-open-btn, header .center-box.contact-menu-box .common-btn {
    display: none;
}
header .logo-box a { padding: 0px !important; }


/*  */
header  li {
    position: relative;
    display: flex;
    align-items: center;
}



header .dropdown-menu ul li {
    width: 280px;
}

header  li:last-child a::after {
    content: none;
}

header .common-grid {
    grid-template-columns: 120px auto 200px;
    align-items: center;
}

header  .header-menu ul {
    display: flex;
    justify-content: end;
    gap: 35px;
}

header a {
    display: flex;
    padding: 35px 0px;
    text-align: center;
    font-size: 18px;
    text-transform: capitalize;
}

header ul li:first-child a {
    padding-left: 0px;
}

header  a:hover {
    color: #1B75BB;
}
header  a:hover svg path{
    stroke: #1B75BB;
}

header.shrink {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -ms-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    z-index: 99999;
}

@keyframes slideInDown {
    from {
        top: -100%;
        visibility: visible
    }

    to {
        top: 0
    }
}

@-webkit-keyframes slideInDown {
    from {
        top: -100%;
        visibility: visible
    }

    to {
        top: 0
    }
}

.menu-box {
    display: none;
}

.menu-box span {
    transition: all 500ms ease-in-out;
}
header  a.dropdown-toggle {
    align-items: center;
}
.common-list-style li:last-child {
    margin-bottom: 0
}
 li a.active, .banner-inner-section a.active{
    color: #1B75BB;
}
header .dropdown a.dropdown-toggle svg path { stroke: #000; }


/* dropdown-menu */


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 16px;                    
    right: 0;                  
    width: 99.3vw !important;             
    transform: translateX(0);  
    margin-left: calc(-50vw + 50%); 
    background: #f3f3f3;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
    border-radius: 0 0 12px 12px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: all 0.3s ease;
   padding-top: 30px !important;
   padding-bottom: 30px !important;
    margin-top: 1rem;
    z-index: 999;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
}

.dropdown ul.dropdown-menu a {
    padding: 10px;
}
.dropdown ul.dropdown-menu a:hover { color: #fff; }

.dropdown.open ul.dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(-20px);
}
.dropdown.open ul.dropdown-menu a:hover { color: #1B75BB; }
header a.dropdown-toggle { position: relative; }


header  .dropdown a.dropdown-toggle svg{
    width: 30px;
    height: 30px;
}

header  .dropdown.open a.dropdown-toggle svg{
    transform: rotate(180deg);
    transition: all 0.5s;
}
.dropdown-toggle::after {
    border: none;
}
.menu-open header .dropdown a.dropdown-toggle svg path { stroke : #fff }
.dropdown-menu li { display:flex;  gap :10px; align-items:flex-start}
.flex-box { display: flex; flex-direction: column; gap :10px; align-items:flex-start}
.dropdown-menu li a { display:flex; gap :20px; width :100% ;font-size:22px; padding:0px !important}
.dropdown-menu li a  svg {  width :20px}
.dropdown-menu li p { font-size : 16px; text-align :left }
.dropdown-menu li span { width: 60px; height: 60px; border-radius: 6px;display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background-color: #fff;}
.dropdown-menu li span  svg { width: 50px; height: 50px; }
.dropdown-menu li .flex-box { gap: 5px; }

/* back to top  */
#backToTop {
    background-color: #1B75BB;
    text-decoration: none;
    cursor: pointer;
    width: 56px;
    height: 56px;
    z-index: 999;
    position: fixed;
    right: 32px;
    bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    opacity: 0;
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgba(black, 0.4);
}  
#backToTop:hover{
    background-color:#141414
}
#backToTop.show{
    opacity: 1;
  visibility: visible;
}

#backToTop  svg.icon__arrow-up {
    fill: #fff;
    width: 32px;
    height: 32px;
  }


  .header-menu { display : flex; align-items : center ; justify-content : center; gap : 35px; }
  .header .center-box { width : 90% } 
  .header .center-box  .btn-box {display : flex;gap : 35px; width :12% !important;}
  .header .header-menu ul {justify-content: center;width : 80%;}
  .logo-box img { height : 80px }
.logo-box  { display : flex; justify-content : center; align-items : center; }  
.banner-section { padding : 50px 0px 0px; text-align : center;  display : flex; justify-content : center; gap : 40px;}
.banner-section .title-box span { display : flex; align-items : center; gap : 10px; font-size : 16px; text-align : center; justify-content :center;  }
.banner-section .title-box span p { color :#1B75BB }
.banner-section .title-box h1 , .banner-section .title-box h1 span  { font-size : 80px; color : #000; font-weight: 700; }
.banner-section .title-box h1 span { color : #1B75BB }
.banner-section .custom-container { display :flex;flex-direction : column; gap : 50px; width: 100%;}
.banner-section .custom-container  img { width: 60%;  margin: 0 auto;}


/* client-logo */
.marquee-wrapper .marquee-block {
    --total-marquee-items: 6;
    height: 150px;
    width: calc(380px * (var(--total-marquee-items)));
    overflow: hidden;
    box-sizing: border-box;
    position: relative; 
  }
  .marquee-inner {
    display: block;
    width: 200%;
    position: absolute;
  }
  .marquee-inner.to-left {
    animation: marqueeLeft 70s linear infinite;
  }
  .marquee-item {
    width: 230px;
    height: 150px;
    display: flex;
    align-items: baseline;
    flex-direction: column;
    margin: 0 10px;
    float: left;
    transition: all 0.2s ease-out;
    background: #f3f3f3;
    border-radius: 12px;
    padding: 15px;
    justify-content: space-between;

  }
  @keyframes marqueeLeft {
    0% {
      left: 0;
    }
    100% {
      left: -100%;
    }
  }
  .logo-section h6 { text-align : center;  }
  .rating-box p { color: #fff; }
  .marquee-item  .icon-box {display : flex;width : 100%;justify-content: end;}
  .title-box span {font-size : 18px; }
.title-box h2 { font-size : 48px; font-weight: 600; }
.title-box { display : flex; flex-direction : column; gap : 16px; margin-bottom : 24px; }

/* .why-choose-section */
/* .why-choose-section .common-grid { grid-template-columns : 630px auto; } */
.why-choose-section  .right-box .common-box  { padding:  16px; display: flex; gap: 16px; transition: all 0.3s; background-color: #d2e4f2; position: relative; }
.why-choose-section  .right-box .common-box  span { font-size : 26px; font-weight : 600; color : #1B75BB }
.why-choose-section  .right-box .common-box  h4 { font-size : 24px; font-weight : 500; color : #000; }
.why-choose-section  .right-box .common-box  p{ font-size : 18px;  color : #000 }
.why-choose-section  .right-box .common-box:hover { background-color :#1B75BB  }
.why-choose-section  .right-box .common-box:hover span , .why-choose-section  .right-box .common-box:hover h4 , .why-choose-section  .right-box .common-box:hover p { color: #fff; transition: all 0.3s; }
.why-choose-section .right-box .common-box:hover svg path { stroke: #fff; }
.why-choose-section .right-box .common-box svg { width: 16px; height: 16px;  position: absolute; right: 15px; top: 15px; }
.why-choose-section .right-box { display : flex; flex-direction : column; gap : 20px }
.why-choose-section  .common-grid { align-items: flex-start; }  
.your-future-section .bottom-box.common-grid  {     grid-template-columns: repeat(3, 1fr); align-items:stretch; }
.your-future-section .custom-container { display : flex; flex-direction : column; gap : 50px }
.your-future-section .bottom-box.common-grid .common-box { padding : 24px; background-color : #d8d8d8; border-radius : 12px; display : flex; flex-direction : column; gap : 40px; position :relative;     justify-content: space-between; transition : all 0.3s }
.your-future-section .bottom-box.common-grid .common-box span { padding :10px 20px; background-color : #fff; border-radius:50px; font-size : 14px;width :fit-content; border : 1px solid transparent }
.your-future-section .bottom-box.common-grid .common-box .content-box h5 { font-size : 32px; font-weight :600; color : #000; margin-bottom : 10px }
.your-future-section .bottom-box.common-grid .common-box svg { position : absolute; bottom : 24px; right : 24px; width : 16px; height : 16px }
.your-future-section .bottom-box.common-grid .common-box:hover { background-color : #1B75BB; }
.your-future-section .bottom-box.common-grid .common-box:hover h5 , .your-future-section .bottom-box.common-grid .common-box:hover p { color : #fff; }
.your-future-section .bottom-box.common-grid .common-box:hover svg path { stroke : #fff; }
.your-future-section .common-grid .title-box { margin-bottom : 0px }
.your-future-section .common-grid  { align-items :flex-start; }
.your-future-section .bottom-box.common-grid .common-box p { width: 80%; }

.core-future-section .resp-vtabs li.resp-tab-active , .core-future-section .tab-content.resp-tab-content-active , .core-future-section .resp-vtabs .resp-tabs-container {
    border : none;
}
.core-future-section .tab-content.resp-tab-content-active p { font-size: 16px; }
.core-future-section .tab-content.resp-tab-content-active {
    background-color : #eee;
    border-radius : 24px;
    padding : 24px;
    display : flex !important;
    flex-direction : column;
    justify-content : center;
    text-align : center;
    align-items: center;
    gap : 30px;
    width : 100%;
}
.core-future-section .resp-vtabs ul.resp-tabs-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.core-future-section .resp-tab-item { font-size : 24px; color : #6e6e6e }
.core-future-section .resp-tab-item.resp-tab-active { color : #000; }
.core-future-section .title-box { width : 40% }
.core-future-section #parentVerticalTab {display : grid !important;grid-template-columns: 500px auto}
.core-future-section .resp-vtabs .resp-tabs-container { width : 100%; }
.core-future-section .resp-vtabs ul.resp-tabs-list { width: 100%; }
.loan-dashboard-section .title-box { text-align : center; }
.loan-dashboard-section .title-box p { width : 40%; margin : 0 auto;  }
.loan-dashboard-section .img-box { position : relative; }
.loan-dashboard-section .img-box img { margin : 0 auto; }
.faq-section .title-box { text-align : center; }
.faq-section   .accordion-header{ background-color : #d2e4f2; }
.faq-section .accordion-item { margin-bottom : 10px; }
.faq-section .accordion-body  p {color : #000;}
.faq-section .collapse.show .accordion-body p { color : #000 !important; visibility : visible; }


/* twlwind */
.dotted-line {
    border-top: 1px dashed #9ca3af;
    width: 60px;
    flex-shrink: 0;
  }

  /* Hide lines on mobile for cleaner look */
  @media (max-width: 768px) {
    .dotted-line {
      display: none;
    }
  }


/* bharat latest */
.features-section .common-box {
    display : flex;
    background: linear-gradient(to bottom, #d6cff8, #2578f5);
    position : relative;
    overflow : hidden
}
.features-section .common-grid { align-items: stretch; }
.features-section .common-box:before , .features-section .common-box:after {
    content : '';
    position : absolute;
    width : 100px;
    height: 100px;
    background-color : #fff;
    border-radius : 50%;
    left :-6%;
    top : 10%;
}
 .features-section .common-box:after {
     bottom: -10%;
     right : 15%;
     left: auto;
     top: auto;
 }


.features-section .common-box img {
    width : 50%;
}

.features-section .common-box .content-box {
    width : 50%;
    padding : 30px 30px 0px;
    justify-content: space-between;
    display : flex;
    flex-direction : column;
    gap : 40px
}

.features-section .common-box p {
    font-size : 26px;
    color : #000;
    font-weight : 500 ;
}

.features-section .common-box .trust-box {
    padding : 12px;
    /* background-color : #2d3570; */
    height : 100%;
    display : flex;
    flex-direction : column;
    gap : 20px;
    position : relative;
    overflow : hidden;
}

.features-section .common-box .trust-box p {
    color : #fff;
    font-size : 20px;
    font-weight : normal;
    z-index : 1;
}

.features-section .common-box .trust-box .common-btn {
    background-color : #fff;
    color : #2578f5;
    justify-content : center;
    z-index: 1;
}

.features-section .common-box .trust-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2d3570;
  filter: blur(5px);
  z-index: 0;
}
.testimonial-section .owl-item span {
    font-size : 32px;
    display : flex;
    width : 60%;
    text-align : center;
    justify-content : center;
    font-weight :500
}
.testimonial-section .owl-item span.secon-span {
    font-size : 16px;
    width: 100%;
   
}

.testimonial-section .owl-item .item {
    display : flex;
    flex-direction : column;
    gap : 40px;
    justify-content : center;
    align-items: center;
}
.testimonial-section .owl-item .item  .img-box {display : flex;flex-direction : column;align-items: center;gap: 20px;}
.testimonial-section .owl-item .item  .img-box img {display: flex;width : auto !important;}
.testimonial-section .owl-item .item  svg { width : 120px; height : auto }
.testimonial-section .owl-item .item  .img-box p { color : #000; font-size : 20px; }
.testimonial-section  .owl-dots { display : none; }
.testimonial-section .owl-nav { position : absolute;   bottom : 10% ; display : flex; justify-content:space-between; width : 100%; gap : 10px; left: 50%; transform: translateX(-50%); width: 50%;}
.testimonial-section .owl-carousel .owl-nav button { width : 40px;  height : 40px; background-color : #1B75BB; border-radius :50%; font-size : 32px; line-height :32px; display:flex; justify-content : center; align-items : center; color : #fff }
.testimonial-section .owl-carousel .owl-nav button span { line-height :auto; }
.faq-section  { background-color : #f3f3f3; }
.faq-section .accordion { max-width: 900px; margin: 0 auto; }
.faq-section .accordion-item {  margin-bottom: 0px;  border: none;}
.accordion-item:first-of-type {
    border-top-left-radius:10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.accordion-item:last-of-type {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.cta-section   .left-box .title-box { width : 70%; }
.cta-section  .right-box { background-color : #fff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding : 24px; border-radius : 30px; display : flex; flex-direction : column; gap : 20px }
.cta-section  .right-box .img-box { display : flex; align-items : center; justify-content : center; gap : 24px; }
.cta-section  .right-box .img-box img { width : 20%; }
.cta-section  .right-box .img-box h5 { font-size : 24px; font-weight :500; }
.cta-section  .right-box  span { font-size : 26px }
.cta-section  .right-box .form-group label { font-size : 22px;  margin-bottom :10px;}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
}
.form-group  { margin-bottom : 20px; }
.form-group .form-control {
    background: #e2e2e2;
    padding: 16px 24px;
    font-size: 18px;
    height: auto;
    color: #646464;
    border-radius: 12px;
    border: 1px solid #D9D9D9;
    border-radius: 12px;
}
.form-control:focus { box-shadow: none; }
.features-box ul  { display : flex; flex-direction : column; gap : 12px;  }
.features-box ul  li { display : flex; gap : 10px; font-size : 18px; font-weight :500; }
.cta-section .right-box a.common-btn {  width : 100%; align-items :center; justify-content : center; }
.cta-section .right-box a.common-btn svg {width: 30px;transform: rotate(90deg);}
.cta-section .right-box a.common-btn svg path {  fill : #fff }
.cta-section .right-box a.common-btn:hover svg path {  fill : #1B75BB; stroke : #1B75BB; }

/* footer */
footer {    background: #46495b;}
.footer-logo img  { width : 100px }
.footer-logo { display : flex; align-items : center; gap : 20px; }
.footer-logo h4 { font-size : 24px; font-weight :500; }
footer p { color : #fff; }
footer .list-unstyled { display : flex; flex-direction : column; gap : 10px; }
footer .list-unstyled  li a { color : #fff }
footer .list-unstyled  li a:hover  { color :  #1B75BB; }
footer .col-lg-2.col-md-6 h5 , footer .col-lg-3.col-md-6 h5 { font-size : 22px; color : #fff; font-weight : 600; margin-bottom : 15px }
.footer-bottom { display : flex; align-items : center; gap : 20px; justify-content : space-between; padding : 10px 0px; border-top : 1px solid #fff;}
.footer-bottom .social-icons { display : flex; align-items : center; gap : 14px; color: #fff }
.newsletter { display : flex; flex-direction : column; gap : 10px; margin-top : 10px; }
footer .newsletter .common-btn:hover { border-color: #fff; color: #fff; }
.logo-section { overflow: hidden; }
.loan-dashboard-section  { overflow : hidden; }
.tabing-img { position : absolute;;top :-33%; z-index: -1; }
.core-future-section .tab-content.resp-tab-content-active { position : relative; }
.core-future-section .resp-vtabs li.resp-tab-active { display : flex; justify-content : space-between; gap : 10px; align-items : center; }
.core-future-section .resp-vtabs li.resp-tab-active svg { display : block; }
.core-future-section .resp-vtabs li svg { display : none;  width : 30px; margin-right : 10px; transform :rotate(90deg); }
.core-future-section .title-box h2 { color : #000; }
.core-future-section .tab-content.resp-tab-content-active .common-btn {
    display : flex;
    width: auto;
}
.core-future-section .tab-content.resp-tab-content-active .common-btn svg { width : 24px; transform :rotate(90deg); }
.core-future-section .tab-content.resp-tab-content-active .common-btn svg  { fill : #fff; }
.core-future-section .tab-content.resp-tab-content-active .common-btn:hover svg , .core-future-section .tab-content.resp-tab-content-active .common-btn:hover svg  path {fill : #1B75BB;stroke: #1B75BB;}
.why-choose-section .left-box  .rating-box { background-color :#21212f ; padding : 20px; border-radius : 24px; display : flex; flex-direction : column; width : 60%; margin-top : 30px; overflow : hidden; gap : 5px }
.why-choose-section .left-box  .rating-box h3 { font-size : 48px; font-weight : 600 }
.why-choose-section .left-box  .rating-box h3 span { font-size : 20px ;}
.why-choose-section .left-box  .rating-box svg { width : 100px; height : auto; }
.why-choose-section .left-box  .rating-box  span { color : #fff; font-size : 20px; font-weight : 500; }
.why-choose-section .left-box  .rating-box  .img-box { display : flex; }
.why-choose-section .left-box  .rating-box  .img-box img , .why-choose-section .left-box  .rating-box  .img-box a  { width :60px; height : 60px; z-index: 1; }
.why-choose-section .left-box  .rating-box  .img-box a { background-color : #1B75BB; border-radius : 50%; overflow : hidden; display :flex; justify-content : center;  position: relative; left: -10px; z-index: 0; }
.why-choose-section .left-box  .rating-box  .img-box a svg { width :20px; fill : #fff }
.why-choose-section .left-box  .rating-box  .img-box a svg path { fill :#fff; stroke :#fff; }


/* about-us */
header.innner-header { background-color : #1B75BB; }
header.innner-header a { color : #fff }
header.innner-header .common-btn { background-color: #fff; color : #1B75BB; }
header.innner-header .common-btn.fill-btn { background-color : transparent; color : #fff; border-color: #fff; }
header.innner-header .common-btn:hover { background-color: transparent; color : #fff;  border-color : #fff;}
header.innner-header .common-btn.fill-btn:hover { background-color : #fff; color : #1B75BB; border-color: #fff; }
.inner-banner-section { height: 550px; background-color : #1B75BB; padding-top: 100px; }
.inner-banner-section .inner-box h2 { color: #fff; font-weight: 600;}
.inner-banner-section a , .inner-banner-section ol li ,  .breadcrumb-item+.breadcrumb-item::before { color : #fff !important;; }
.inner-banner-section img { border-radius: 24px; width: 100%;  object-fit: cover; }
 .inner-banner-section ol { justify-content :end; }
 .bg-inner-box { padding-top : 200px }
.aboutus-section .common-grid { align-items: flex-start; }
.vision-mission-section .common-flex-box { display : flex; gap : 40px; }
.vision-mission-section  .left-box { width : 70%; }
.vision-mission-section .title-box h2 { font-size : 28px; color : #000  }
.vision-mission-section .title-box { display : flex; flex-direction : row; align-items : center;  }
.vision-mission-section ul li:first-child { padding-bottom : 20px; }
.vision-mission-section ul li:last-child { padding-top : 20px; border-top : 1px solid #1b75bb }
.vision-mission-section ul li svg { width : 40px; }
.vision-mission-section ul li  svg path , .vision-mission-section ul li  svg {fill : #1b75bb; stroke: #1b75bb ; }
/* .vision-mission-section .right-box { background-color : #1b75bb; padding : 40px; border-radius : 24px; } */
.vision-mission-section .right-box img { border-radius : 24px; height: 100%; object-fit: cover; }
.common-list { display : flex; flex-direction : column; }
.common-list li { padding : 0px !important; margin-bottom : 20px; font-size: 22px; }
.common-list li:last-child { border-top : none !important; margin-bottom : 0px; }
.common-list { padding-left: 30px; }
.common-list li { position: relative; font-size: 18px; color: #141414; }
.common-list li::before {  position: absolute;left: -30px;right: 0; content: ""; width: 20px;height: 22px;background-image: url('../images/arrow.svg');  background-repeat: no-repeat; background-position: center center; }
.common-list li b { color: #1B75BB; }
.vision-mission-section  p { color: #141414; }
.who-are-section .left-box .title-box h2 { font-size : 48px;  }
.who-are-section .left-box .common-list li { font-size : 22px; font-weight : 500; }
.who-are-section .left-box  p { font-size : 22px; font-weight : 500; margin-top : 20px }
/* .who-are-section .right-box  { height : 400px; display :flex; width : 500px }  */
.who-are-section .right-box img { object-fit : cover; margin: 0 auto; }
p { color : #000; font-size : 22px; font-weight : 400; line-height : 1.5 }
.who-are-section .common-flex-box { align-items : center }
.who-are-section .left-box { width: 100%; }
.productlist-section .common-grid .common-box .content-box a.common-btn { font-size: 16px; margin-top: 10px; }
.bg-inner-box .title-box { margin-bottom: 0px; }

/* contanct us */
.contactus-section .common-grid { grid-template-columns : repeat(3 ,1fr); }
.contactus-section .common-box { background-color : #1B75BB; padding : 48px; display : flex; flex-direction : column; justify-content : center; align-items : center; gap : 20px; text-align :center; border-radius : 24px }
.contactus-section .common-grid { align-items : stretch; }
.contactus-section .common-box h3 { color : #fff ; font-size : 24px; font-weight : 600; margin-bottom : 10px; }
.contactus-section .common-box a { color : #fff; font-size : 18px }
.form-box {      border-radius: 24px;
    background: #FFF;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / .06);
    padding: 50px;
 }
.form-box .common-grid { gap : 0px 40px; }
.form-box label {
    font-size: 22px;
    color: #120F3E;
    font-weight: 500;
    margin-bottom: 15px;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
}
.form-box .form-control {
    border-radius: 12px;
    background: #F3F3F3;
    height: auto;
    padding: 20px;
    font-size: 18px;
    color: rgb(51 51 51 / .5);
}
.map-section iframe { width : 100%; }
.inner-banner-section .title-box { width: 100% !important; }


/* prduct-list page */
.productlist-section .common-grid { grid-template-columns :repeat(3,1fr) }
.productlist-section .common-grid .common-box .content-box {  position: relative; padding : 24px; background-color : #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.productlist-section .common-grid .common-box .content-box  a  { font-size : 26px; font-weight : 500 }
.productlist-section .common-grid .common-box .content-box p { font-size : 18px }
.productlist-section .common-grid .common-box .img-box a:before{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        right: 0px;
        transform: scaleY(0);
        opacity: 0.7;
        z-index: 1;
        transition: all 500ms 
ease;
        background: #1B75BB;
        transform-origin: bottom;
}
.productlist-section .common-grid .common-box .img-box a { position : relative }
.productlist-section .common-grid .common-box:hover .img-box a:before { transform: scaleY(1.0); }
.productlist-section .common-grid .common-box .content-box .service-icon {
    position: absolute;
    z-index: 99;
    background: #1B75BB;
    text-align: center;
    display :flex;
    color: #fff;
    font-size: 40px;
    top: -40px;
    right: 30px;
    border-radius: 4px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    -webkit-transition: all .5s 
ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s 
ease-in-out 0s;
    justify-content : center;
}
.productlist-section .common-grid .common-box .content-box .service-icon SVG { width : 36px; height : auto; }

.productlist-section .common-grid .common-box:hover .service-icon {

    background: #1B75BB;
    transform: translateX(-180px) translateY(-150px);;
    -webkit-transition: all .5s 
ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s 
ease-in-out 0s;
}
.prodcut-inner-section .right-box p { font-size: 18px; }
.prodcut-inner-section .right-box h3 { font-size: 28px; font-weight: 500; margin-bottom: 16px; }
.prodcut-inner-section .left-box img { border-radius: 12px; }
.prodcut-inner-section .right-box .common-list { margin-top: 10px; }
.prodcut-inner-section .right-box .tip-box { padding : 24px; background-color: #1b75bb; border: 1px solid #1B75BB; border-radius :12px; margin-top : 20px }
.prodcut-inner-section .right-box .tip-box  p { color : #fff }
.prodcut-inner-section .right-box .tip-box  p b { color :#000 }
.cta-box { background-color : #1b75bb; padding : 100px; border-radius : 24px;  display : flex; flex-direction : column; gap : 20px;}
.cta-box h4 { color : #fff; font-size : 32px; font-weight :500; margin : 0 auto; }
.cta-box p { width : 60%; color : #fff;  margin : 0 auto; font-size : 20px; text-align : center; }
.cta-box .common-btn { border-color : #fff; text-align : center; margin : 0 auto; background-color : #fff; color : #1b75bb; }
.cta-box .common-btn:hover { background-color: transparent; color:  #fff; }

.blog-main-section .common-grid { grid-template-columns: repeat(3,1fr); }
.card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0,0,0,.07);
    display: flex;
    flex-direction: column;
    transition: transform .25s ease, box-shadow .25s ease;
}
.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* Image */
.card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* Body */
.card-body {
    padding: 24px;               /* 1.5rem → 24px */
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 20px;
}

/* Meta */
.meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;               
    font-size: 13.6px;   
    color: #777;
    /* margin-bottom: 12px;   */
}
.meta span { 
    white-space: nowrap; 
}

/* Title */
.title {
    font-size: 20px;           
    /* margin-bottom: 8px;           */
    color: #222;
    line-height: 1.3;
}

/* Excerpt */
.excerpt {
    flex: 1;
    /* margin-bottom: 20px;          */
    font-size: 15.2px;          
    color: #555;
}





/* new */
.marquee-container {
    width: 100%;
    height: 130px;
    position: relative;
    overflow: hidden;
    display: flex;
    margin-top: 30px;
    align-items: center;
    perspective: 1000px; /* Enables 3D space */
    background: transparent; /* No grey background */
}

.marquee-track {
    display: flex;
    animation: scroll-left 30s linear infinite; /* Adjust --duration here if needed */
    width: max-content; /* Allows full width for logos */
    gap: 50px; /* Space between logos */
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* Moves half the track width for seamless loop */
    }
}

.logo-item {
    height: 120px; /* Base height; scaled dynamically */
    width: auto;
    opacity: 0.8; /* Slight fade on edges; adjusted in JS */
    transition: transform 0.1s ease, opacity 0.1s ease; /* Smooth scaling */

}

.logo-item:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* Fade edges for marquee effect */
.marquee-container::before,
.marquee-container::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.marquee-container::before {
    left: 0;
    background: linear-gradient(to right, var(--bg-color, #f0f0f0) 0%, transparent 100%);
}

.marquee-container::after {
    right: 0;
    background: linear-gradient(to left, var(--bg-color, #f0f0f0) 0%, transparent 100%);
}
.accordion-button::after {
    transition: transform 0.2s;
}

.accordion-item:hover .accordion-collapse {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
}

.accordion-item:hover .accordion-button {
    background-color: #f7f9fa;
    color: #0a6b7f;
}

.accordion-collapse {
    transition: height 0.3s ease;
}


.contactus-section .common-grid { grid-template-columns: repeat(2,1fr); } 
.contactus-section .left-box .title-box h2 { width: 70%; }
.contactus-section .left-box  img { width: 50%; margin: 0 auto; }
/* .about-us-banner-section { background-color: #1B75BB;; } */

/* about */
.about-us-banner-section  .custom-container { display: flex; flex-direction: column; justify-content: center; gap: 50px; }
.about-us-banner-section  span { font-size:  30px; width: 60%; margin: 0 auto; text-align: center; display: block; }
.about-us-banner-section img {
    width: 50%;
  /* max-width: 400px; */
  height: auto;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  object-fit: cover;
  transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateZ(0); /* GPU acceleration */
  will-change: width;
  display: block;
  margin: 0 auto;
  }
.about-us-banner-section img.full-width { 
    width: 100% !important;
  max-width: 100%;
  border-radius: 20px;
}


/* vison-mission section */
.vision-values-section {
    display: flex;
    /* align-items: center; */
    justify-content: center;
    gap: 40px;
    padding: 50px 0px 0px;
  }
  .left-slides {flex: 1;}
  .right-content {flex: 1;}

  .slide-item {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
    cursor: pointer;
    transition: all 0.4s ease;
    width: fit-content;
  }

  .slide-item:hover,
  .slide-item.active {
    transform: translateY(-4px);
    /* box-shadow: 0 12px 28px rgba(0, 119, 182, 0.25); */
  }

  .slide-title {
    font-size: 28px;
    font-weight: 600;
  }

  .vision-values-section  .content-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .content-slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, visibility 0.6s ease;
  }

  .content-slide.active {
    opacity: 1;
    visibility: visible;
    position: relative;
  }
  .slide-item img { width :60px; }

  #vision-content , #values-content { background-color: #1B75BB; padding: 40px; color: #fff;  border-radius: 12px;}
  #vision-content  img , #values-content img {    position: absolute;
    top: -24%;
    width: 100px;
    right: -8%;
    background: #fff;
    border-radius: 12px;
padding: 10px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
.content-slide p { color: #fff; }
.common-banner-section { background-color: #1b75bb; } 
.common-banner-section  .title-box h2 { color: #fff; width: 60%; margin: 0 auto; text-align: center; }
.prodcut-inner-section.common-top-section .left-box { display: flex; justify-content: center; }
.why-choose-section { overflow : hidden; }
.resp-tabs-list .common-btn { margin-top: 10px; }
.accordion-button  { font-size: 20px; }
.about-us-banner-section { border-top: 1px solid #eee; }
.overflow  { overflow: hidden; }
.inner-banner-section  img { width: 100%; }
.blog-page-section { background-color: #1B75BB; }
.blog-inner-section .img-box { display: flex; gap: 10px; padding: 25px; background-color: #fff; box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1); justify-content: space-between; }
.blog-inner-section .img-box img { width: 31%; }
.blog-page-section .title-box h2 { color: #fff; }
.blog-inner-section  .common-list { margin : 20px 0px; }
.blog-inner-section p:last-child { margin-bottom: 0px; }
.blog-inner-section .title-box { margin-bottom: 0px; }
.common-banner-section .title-box { margin-bottom: 0px; }


/* home */
.image-container {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    border-radius: 12px;
}
.image-container img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: translateY(100px);
    transition: opacity .6s ease, transform .6s ease;
}
.image-container img.active {
    opacity: 1;
    transform: translateY(0);
}
.contactus-section .common-grid .right-box { overflow: hidden; }
.contactus-section .common-grid .right-box #form-target { padding : 10px !important; }




  /* Responsive */
  @media (max-width: 992px) {
    .vision-values-section   .container { flex-direction: column; text-align: center; }
    .slide-item { justify-content: center; }
  }

  @media (max-width: 576px) {
    .slide-title { font-size: 20px; }
    /* .vision-values-section  .content-box { padding: 30px 20px; min-height: auto; } */
    /* .vision-values-section { padding: 70px 15px; } */
  }