html{
        overflow-x: hidden;
}
body{
    margin: auto;
    overflow-x: hidden;
    font-family: "Arimo", sans-serif !important;
}
h1,h2,h3,h4,h5,h6{
    margin-bottom: 0;
}
p{
    margin-bottom: 0;

}


.ip-loader{
    margin-left: 0px!important;
    bottom: 43%!important;
    
}
.loader {
  width: 195px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  animation: filter-animation 3s infinite;
  
}
.loading img {
    width: 110px;
    animation: rotate-pulse 2s infinite linear;
}

@keyframes rotate-pulse {
  0% {
    transform: rotate(0deg) scale(1);
    opacity: 0.7;
  }
  25% {
    transform: rotate(90deg) scale(1.1);
    opacity: 1;
  }
  50% {
    transform: rotate(180deg) scale(0.9);
    opacity: 0.7;
  }
  75% {
    transform: rotate(270deg) scale(1.1);
    opacity: 1;
  }
  100% {
    transform: rotate(360deg) scale(1);
    opacity: 0.7;
  }
}



.hlogo-carousel .owl-dots{
  display: none;  
}


.slider-imge .owl-nav{
display: none;
}
.slider-imge .owl-dots{
  display: none;  
}
.slider-imge .owl-stage-outer{
height: 700px;
}
.header{
    width: 100%;
    float: left;
    padding: 40px 0;
    position: relative;
    z-index: 111;
}

.logo{
    width: 100%;
    float: left;
}
.logo img{
    width: 100%;
    float: left;
    max-width: 251px;
}
.main-hdr{
     width: 100%;
    float: left;
    display: contents;
}
.head-menu{
    float: right;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 100%;
    align-items: center;
}
.banner{
    width: 100%;
    float: left;
        margin-top: -149px;
  background: linear-gradient(to right, white 0%, white 58%, #182f4b 58%, #123d60 100%);
  height: 778px;
position: relative;
overflow: hidden;
}
.l-side{
    width: auto;
    float: left;
    position: absolute;
    left: -60px;
    top: 207px;

}
.l-side img{
    width: 100%;
    float: left;
    max-width: 429px;
}
.s1-rights {
    width: auto;
    float: left;
    position: absolute;
    right: -113px;
    top: -140px;
}
.s1-rights img{
    width: 100%;
    max-width: 429px;
}
.progress-all-index{
    position: relative;
}
.progress-all-index h3 {
    float: left;
    text-align: left;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important;
    position: absolute;
    top: -35px;
    left: 0;
}

.progress-all-index h4 {
    float: right;
    text-align: right;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important;
    right: 0;
    position: absolute;
    top: -35px;
}


.bnr-text {
    width: auto;
    float: left;
    position: absolute;
}
.bnr-text h2{
    width: 100%;
    float: left;
    text-align: left;
    color: #1A2A44;
    font-size: 120px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.065em;
    padding-top: 251px;
    padding-bottom: 22px;

}
.bnr-main {
    width: 82%;
    float: left;
}
.bnr-main img{
    width: 100%;
    float: right;
    max-width: 528px;
    position: relative;
    top: 168px;
}
.bnr-text p{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    color: #1A2A44;
    line-height: 160%;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;

}
.bnr-texttwo{
    width: 18%;
    float: left;
    padding-top: 353px;
    padding-left: 28px;
}
.bnr-texttwo h3{
    width: 100%;
    float: left;
    text-align: left;
    color: #FFFFFF;
    font-size: 20px;
   font-family: "Open Sans", sans-serif !important;
   line-height: 140%;
   letter-spacing: -0.03em;
   padding-bottom: 12px;
}
.redmore{
    width: auto;
    float: left;
}
.redmore a {
    width: auto;
    float: left;
    text-align: left;
    color: #FFFFFF;
    font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    -webkit-transition: all 
ease-in-out 0.5s;

text-decoration-line: underline;
    text-decoration-color: #5c758c;
    text-decoration-thickness: 1px;
    text-decoration-style: solid; 
    text-underline-offset: 4px; /* space between text and underline */
}
.redmore a img {
    width: 100%;
    float: right;
    max-width: 21px;
    position: relative;
    top: 4px;
}
.redmore:hover a img {
    animation-name: zoomIn;
    animation-duration: .5s;
    animation-iteration-count: 1;
}
.servcecard .s-croll a img{
top: 0;
}
.redmore a:hover {
    color: #D4A617;
    text-decoration-color: #D4A617;
}
.section3-hds .redmore a:hover {
    color: #1A2A44;
    text-decoration-color: #1A2A44;
}
.section2 .str a:hover {
    color: #D4A617;
    text-decoration-color: #D4A617;
}
.terms{
width: 100%;
float: left;
padding-bottom: 25px;
}


.terms h2{
float: left;
    width: 100%;
    font-size: 20px;
    font-size: 500;
    color: #1a2944;
}
.terms p{
line-height: 180%;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
    padding-top: 20px;
    width: 100%;
    float: left;
}






.section1{
    width: 100%;
    float: left;
   padding: 126px 0;
    position: relative;
    background-size: cover;
    background-image: url('../images/section1.png');
}
.section1 .l-side{
    top: 35px;
}
.section1 .l-side img{
width: 366px;
}
.stn1-main {
  display: flex;
  align-items: flex-start; /* align top */
  gap: 260px; /* optional space between left and right */
}
.stion-hd h5 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-color: #5c758c;
  text-decoration-thickness: 1px;
  text-decoration-style: solid;
  text-underline-offset: 4px;
}

.section1-pera {
    padding-bottom: 75px;
  flex: 1; /* take remaining space on the right */
}

.section1-pera h2 {
  color: #FFFFFF;
  font-size: 70px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.065em;
}

.section1-pera h3 {
        letter-spacing: -0.03em;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  padding: 25px 0;
  font-family: "Open Sans", sans-serif !important;
}

.section1-pera p {
  color: #FFFFFF;
  line-height: 180%;
  font-size: 16px;
  font-weight: 600;
      letter-spacing: -0.03em;
  font-family: "Open Sans", sans-serif !important;
}



.progress-all {
  width: 100%;
  background-color: #485569;
  height: 4px;
  border-radius: 23px;
  position: relative;
  /* remove overflow:hidden to allow the flag to show outside */
}

.progress-loding {
  background-color: #d9b563;
  height: 100%;
  border-radius: 23px;
  position: relative;
  transition: width 2s ease-in-out; /* smooth animation */
}

.progress-loding::after {
  content: '';
  position: absolute;
  right: -31px;
    top: 50%;
    transform: translateY(-94%);
    width: 40px;
  height: 40px;
  background-image: url('../images/count-flag.png');
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
}

.progress-loding::before {
    content: '1.025';
    position: absolute;
    right: 13px;
    top: -39px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important;
}



.home-logo{
    width: 100%;
    float: left;
    padding-top: 83px;
    padding-bottom: 120px;
}
.home-logo h5{
        padding-bottom: 52px;
    text-align: center;
   color: #1A2A44;
    font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-color: #5c758c;
    text-decoration-thickness: 1px;
    text-decoration-style: solid;
    text-underline-offset: 4px;
}
.home-logoimg{
    width:auto;
    float: left;
}
.home-logoimg img{
    width: 100%;
    float: none;
    margin: auto;
    max-width: 165px;
    filter: grayscale(1);
}


.logo-slider {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
}

.logo-track {
  display: flex;
  width: calc(200%); /* Double width to hold duplicates */
  animation: scroll 20s linear infinite;
}

.home-logoimg {
  flex: 0 0 auto;
  padding: 0 19px;
}




@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.home-logoimg img:hover{
    filter: none;
}
.hlogo-carousel .owl-nav{
display: none;
}
.section2{
    width: 100%;
    float: left;
    padding-bottom: 98px;
    position: relative;
}
.section2 .s1-rights{
  top:-85px;  
}
.counterup-section {
    position: relative;
}
.section2 .stion-hd h5 {
    color: #1A2A44;

}
.section2 .section1-pera h2 {
    color: #1A2A44;
}

.section2 .section1-pera h3 {
    padding: 23px 0 0 0;
color: #1A2A44;
line-height: 140%;
float: left;
}

.section2 .str a{
color:#1A2A44;
padding-top: 52px;
}
.section2 .str{
float: right;
z-index: 11;
    position: relative;
}
.section2 .section1-pera {
    padding-bottom: 42px;
}
.servise-scroll{
    width: 100%;
    float: left;
}
.servcecard{
    width: 100%;
    float: left;
    background:#fafafa;
    padding: 46px 100px 56px 53px;
    position: relative;
    min-height: 351px;
    display: flex;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}
.servcecard:hover {
    background-color: #D4A617; /* background on hover */
}

.servcecard:hover .service-card .card-hed h3 {
    color: #ffffff; /* change color on hover */
}

.servcecard:hover h2,
.servcecard:hover h3 {
    color: #ffffff; /* ensures headings also change */
}
.s-croll a:hover{
    color: unset; /* ensures Learn More link text also changes to white */
    text-decoration-color: unset; /* underline color if needed */
}








.service-card .card-hed {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 24px;

}

.service-card .card-hed h3 {
   font-size: 16px;
  font-weight: 600;
    color: #767676;

    text-transform: uppercase;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;

  
}
.servcecard h2{
color: #1A2A44;
font-size: 28px;
font-weight: 700;
line-height: 36px;
letter-spacing: -0.03em;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
}
.s-croll a{
color: #1A2A44;
}
.s3-bgimg{
  position: absolute;
  right: 0;
  bottom: 0;
}
.s3-bgimg img{
    width: 100%;
    float: left;
    max-width: 480px;
    bottom: 0;
    opacity: 0.3;
}
.service-carousel .owl-nav{
display: none;
}
.section3{
    position: relative;
    width: 100%;
    float: left;
   background: #D4A617;
background: linear-gradient(145deg, rgb(212 166 23 / 83%) 0%, rgb(205 160 96 / 41%) 100%);
padding: 100px 0;
}
.section3-hds{
    width: 100%;
    float: left;
}
.nner-carousel .owl-nav{
display: none;
}



.progress-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
}

.progress-left,
.progress-right {
    font-size: 18px;
    font-weight: 600;
    color: #1A2A44;
    width: 60px;
    text-align: center;
}

.progress-track {
    flex: 1;
    height: 6px;
    background: white;
    border-radius: 10px;
    overflow: hidden;
}
.section3-pera{
    position: relative;
}
.progress-fill {
    height: 100%;
    width: 0%;
    background: #1A2A44;
    transition: width 0.6s ease;
}

.know-main{
    padding: 70px 0;
    width: 100%;
    float: left;
}
.inner-abtimg{
    width: 100%;
    float: left;
}
.inner-abtimg img {
    max-width: 508px;
    float: right;
    width: 100%;
    margin-left: 46px;
    
}

.inner-abtimg h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 140%;
    width: auto;
    text-align: left;
    color: #1a2944;
    padding-bottom: 20px;
}

.inner-abtimg p {
    width: auto;
    text-align: left;
    color: #1a2944;
    line-height: 180%;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
}
.know-ul{
    width: 100%;
    float: left;
}
.know-ul ul li{
   width: 100%;
    text-align: left;
    color: #1a2944;
    line-height: 180%;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
    font-family: "Open Sans", sans-serif !important;
 
}















.section3-hds h5{
    float: left;
     color: #FFFFFF;
     font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-color:white;
    text-decoration-thickness: 1px;
    text-decoration-style: solid;
    text-underline-offset: 6px;

}
.s3-mainhdp {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px;
}
.s3-mainhdp img{
    width: 100%;
    float: left;
}
.section3-pera p {
    text-align: left;
    color: #1A2A44;
    font-size: 35px;
    line-height: 140%;
    font-weight: 500;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
}

.section3-hds h2 {
    width: 100%;
    float: left;
    color: #FFFFFF;
    font-size: 70px;
    font-weight: 700;
    line-height: 100%;
    padding: 44px 0;
    letter-spacing: -0.065em;
    float: left;
}
.section3-hds .redmore a {
text-decoration-color: white;
}
.s3-counter{
    min-height:auto;
    padding-left: 20px;
    border-left: 2px solid #d8b252;
    margin-bottom: 44px;
}
.s3-counter h6{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
     font-family: "Open Sans", sans-serif !important;
    letter-spacing: -0.03em;
    padding-bottom: 4px;
}
.s3-counter h5{
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 700;
    padding-bottom: 62px;
}
.s3-counter p{
     color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
     font-family: "Open Sans", sans-serif !important;
    letter-spacing: -0.03em;
    line-height: 150%;
   
}
.section4{
    width: 100%;
    float: left;
    position: relative;
    background-size: cover;
    padding: 100px 0;
    background-image: url(../images/section1.png);

}
.section4 .section1-pera{
    padding-bottom: 60px;
}
.stion4-move{
    padding-left: 115px;
}
.blogtext2 a {
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    width: 156px;
    height: 44px;
    text-align: center;
    padding: 10px 0;
    border-radius: 40px;
    border: 1px solid white;
}
.blog-main{
    width: auto;
    float: left;
    max-height: 100%;
    display: flex;
    gap: 55px;
}
.blog-main img{
    width: 100%;
    float: left;
    max-width: 283px;
}
.blogtext{
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.blogtext h2{
    width:auto;
    float: left;
    font-size: 35px;
    font-weight:700;
    line-height: 140%;
    letter-spacing:-0.03em;
     color: #FFFFFF;
     padding-bottom: 9px;
}
.blogtext h6{
     float: left;
    color: #B1B1B1;
    font-size: 16px;
 font-family: "Open Sans", sans-serif !important;
font-weight: 600;
letter-spacing:-0.03em;
 padding-bottom: 16px;
}
.blogtext p{
     float: left;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 180%;
    font-family: "Open Sans", sans-serif !important;
font-weight: 600;
 padding-bottom: 30px;

}
.blogtext a{
     float: left;
     color: #FFFFFF;
     text-decoration: none;
     width: 156px;
     height: 44px;
     text-align: center;
     padding: 10px 0;
     border-radius: 40px;
     border: 1px solid white;
}
.blogtext a:hover{
    color: #1A2A44;
    background: #CDA060;
     border: 1px solid #CDA060;
background: linear-gradient(90deg, rgba(205, 160, 96, 1) 0%, rgba(212, 166, 23, 1) 100%);

}
.blog-carousel .owl-nav{
display: none;
}
.testimonial{
    width: 100%;
    float: left;
     padding: 80px 0;
     position: relative;
}
.testimonial .section3-hds h5{
color:#1A2A44;
text-decoration-color: #5c758c;
}

.testimonial .section3-hds h2{
color: #1A2A44;
}
.testimonial-content{
   width: auto; 
   float: left;
   display: flex;
   flex-direction: column;
   overflow-y: scroll;
   height: 270px;
    scrollbar-width: thin;
    scrollbar-color: #d1a42f  #f5f5f5; /* thumb color | track color */
}

.testimonial-content img{
    width: 100%;
    float: left;
    max-width: 51px;
}
.testimonial-content p{
    text-align: left;
    color: #1A2A44;
    font-size: 26px;
    line-height: 140%;
    font-weight: 700;
    letter-spacing: -0.03em;
        padding: 28px 0 15px;
}
.testimonial-content h6{
color:#1A2A44;
text-align: left;
font-size: 20px;
letter-spacing: -0.03em;
font-family: "Open Sans", sans-serif !important;
font-weight: 600;

}
.testimonial-content h6 span{
    width: 100%;
    float: left;
    font-size: 16px;
    letter-spacing: -0.03em;
    padding-top: 21px;

}
.testimonial-carousel .owl-nav{
    display: none;
}
.testimonial-carousel .owl-dots{
    position: absolute;
    text-align: center;
    float: left;
    display: block;
       left: -569px;

}

.testimonial-carousel .owl-dots button span {
    background: #D6DFDB;
    width: 12px;
    height: 12px;
    float: left;
    border-radius: 30px;
    margin-right: 12px;
    position: relative;
    z-index: 999;
}

.testimonial-carousel .owl-dot.active span {
    background: #CEA060;
    
}
.footer{
    width: 100%;
    float: left;
    background: #1A2944;
background: linear-gradient(145deg, rgba(26, 41, 68, 1) 0%, rgba(15, 67, 104, 1) 100%);
padding: 73px 0 52px;
}
.social{
    padding-bottom: 52px;
    width: 100%;
    float: left;
    display: flex;
    gap: 27px;
    height: 100%;
    align-items: center;

}
.social h3{
   color:#FFFFFF;
   text-align: left; 
   font-size: 16px;
   font-weight: 600;
    letter-spacing: -0.03em;

}
.social a img{
    width: 100%;
    float: left;
    max-width: 34px;
}

.subbtn{
    padding-bottom: 52px;
    justify-content: end;
    width: 100%;
    float: left;
    display: flex;
    gap: 45px;
    height: 100%;
}
.subscrib a{
    width: 198px;
    height: 44px;
    float: left;
    text-align: center;
    padding: 10px 0;
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid white;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
    transition: color 0.3s, background 0.3s;
 }
.subscrib a:hover{
color: #1A2A44;
    background: #CDA060;
    border: 1px solid #CDA060;
    transition: color 0.3s, background 0.3s;

}
.pyment{
    display: flex;
    height: 100%;
    text-align: center;
}

.pyment a{

width: auto;
    float: left;
    text-align: left;
    color: #FFFFFF;
   font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    -webkit-transition: all 
ease-in-out 0.5s;
}
.pyment a:hover{
color: #CDA060;
    transition: color 0.3s, background 0.3s;
}
.pyment:hover a img{
    animation-name: zoomIn;
    animation-duration: .5s;
    animation-iteration-count: 1;
}


.redmore a img {
    width: 100%;
    float: right;
    max-width: 20px;
    position: relative;
    top: 4px;
}
.link-contact{
    width: 100%;
    float: left;
    padding: 38px 0 47px;
  border-block: 1px solid #244260;
  display: flex;
    gap: 169px;
}
.links {
    width:auto;
    flex: auto;
    display: flex;
    height: 100%;
    gap: 10px;
    align-items: center;
}
.links img{
    width: 100%;
    float: left;
    max-width: 20px;
    height: 20px;
    object-fit: contain;
}
.links:hover img{
    animation-name: zoomIn;
    animation-duration: .5s;
    animation-iteration-count: 1;
}
.links a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.03em;
    transition: color 0.3s, background 0.3s;
    font-family: "Open Sans", sans-serif !important;
}
.links a:hover{
    color: #CDA060;
    transition: color 0.3s, background 0.3s;
}
.copy{
    width: 100%;
    float: left;
     padding-top: 42px;
}
.copyright{

}
.copyright br{
    display: none;
}
.copyright h5{
    text-align: left;
    color: #FFFFFF;
    font-size: 16px;
     font-weight: 600;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;


}
.copyrighta{
    display: flex;
    gap: 38px;
    justify-content: end;
}
.copyrighta a{
    text-decoration: none;
    width: auto;
    float: left;
    color: white;
    text-align: left;
    font-size: 16px;
     font-weight: 600;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
    transition: color 0.3s, background 0.3s;
    
}
.copyrighta a:hover{
   color: #CDA060;
    transition: color 0.3s, background 0.3s;
 
}


.mob-whybx{
    display: none;
}



@media(max-width: 767px){
.slider-imge .owl-stage-outer {
    height: auto;
}
}
@media(max-width: 991px){
.whyus-bx{
    display: none;
}
.mob-whybx{
    display: block;
}

.nav-dropdown {
    margin-left: 0;
}
.nav-menu li:nth-last-child(-n+4) a {
    color: #1A2A44 !important;
}
.head-menu {
    position: relative;
}
}

.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}



@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1198px;
    }

.testimonial-carousel .owl-dots {
    left: -597px;
}
.section3-hds h5{
    width: 100%;
}

.nav-menu > li > a {
    padding: 0 12px !important;

}

  }



@media (min-width:1650px) and (max-width:1999px){
        .nav-menu > li > a {
        padding: 0 8px !important;
    }
}


/****inner-heading****/

.inner-header{
    background: #fcfcfc;
background: linear-gradient(90deg, #ffffff 61%, #1a2944 61%);
}

.inner-header h1{
    width: 100%;
    float: right;
    text-align: right;
    color: #FFFFFF;
    font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    line-height: 140%;
    letter-spacing: -0.03em;
    padding-bottom: 20px;
}

.serv-sec2{
    padding: 70px 0;
    float: left;
    width: 100%;
}

.serv-sec2 .stion-hd h5 {
    color: #1A2A44;
}

.serv-sec2 .section1-pera h2 {
    color: #1A2A44;
}

.serv-sec2 .section1-pera h3 {
    padding: 23px 0 0 0;
color: #1A2A44;
line-height: 140%;
float: left;
}

.mb-serv{
    margin-bottom: 25px;
    padding: 46px 50px 56px 50px;
}











.bl-para1 h3{
    padding-right: 8% !important;
}

.bl-para1 ul{
    width: 100%;
    float: left;
    margin-bottom: 0;
}

.bl-para1 li{
    width: 100%;
    float: left;
    margin-top: 14px;
}

.bl-para1 li h3{
    padding: 0 !important;
}

.no-pad{
    padding: 0 !important;
}

.serv-text{
    display: flex;
    align-items: center;
}

.serv-text ul{
    width: 100%;
    float: left;
    margin-bottom: 23px;
}

.serv-text li{
    width: 100%;
    color: #1A2A44;
    line-height: 140%;
    float: left;
    letter-spacing: -0.03em;
    font-size: 20px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important;
    margin-top: 14px;
}

.serv-text h5{
    float: left;
     color: #1a2944;
     font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-color:#5c758c;
    text-decoration-thickness: 1px;
    text-decoration-style: solid;
    text-underline-offset: 6px;
}

.serv-text h2{
    color: #1A2944;
    font-size: 70px;
    font-weight: 700;
    line-height: 100%;
    padding: 44px 0;
    letter-spacing: -0.065em;
    float: left;
}

.serv-text p{
    padding: 0 0 23px 0;
    color: #1A2A44;
    line-height: 180%;
    float: left;
    letter-spacing: -0.03em;
    font-size: 16px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important;
}

.sv-text p{
    padding: 0 0 23px 0;
    color: #1A2A44;
    line-height: 180%;
    float: left;
    letter-spacing: -0.03em;
    font-size: 16px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important;
}

.serv-text img{
    width: 100%;
    float: left;
    max-width: 528px;
}

.serv-text h4{
    float: left;
    color: #1a2944;
    font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 700;
    padding: 20px 0;
}

.section0-pera h4{
    color: #1a2944;
    font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 700;
    padding: 20px 0;
}

.sv-text h4{
    float: left;
    color: #1a2944;
    font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 700;
    padding: 20px 0;
}

.serv-sec2 h4{
    /* float: left; */
    color: #1a2944;
    font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 700;
    padding: 0 0 20px 0;
}

.top-pad0{
    padding-top: 5% !important;
}

.top-pad1{
    padding-top: 2% !important;
}

.box1 p{
    padding-right: 15%;
}

.box1 h6{
    padding-right: 15%;
}

.top-pad{
    padding-top: 0 !important;
}



/***career***/

/* contact */
.contactfull {
    padding: 40px 30px 40px 0px;
    z-index: 1;
    position: relative;
    margin-bottom: 70px;
}

.contactfull::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 86%;
    background: #ffffff;
    box-shadow: 0px 0px 14px 0px #00000024;
    top: 0;
    right: 0;
    z-index: -1;
    /* border-radius: 35px; */
}

.addresfull {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;

}

.contct-frm {
    padding-left: 40px;
}

.contct-add {
    padding: 60px 30px;
    background: #1A2944;
    background: linear-gradient(145deg, #1a2944 0%, #0f4368 100%);
    color: #fff;
}

.contct-add h2{
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.03em;
}

.contct-add p{
  color: #ffffff;
  line-height: 180%;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-family: "Open Sans", sans-serif !important;
}

.con-field {
    margin-bottom: 18px;
}
.etp {
    margin-bottom: 15px;
}
/*.mt-bt {
    margin-bottom: 0%;
}*/

.con-desc {
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;

}

.con-desc .cont-img {
    width: 36px;
    height: 36px;
    background: #ffffff;
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.con-desc p {
    margin-bottom: 0;
    width: calc(100% - 51px);
    color: #ffffff;
}

.con-desc p a {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 400;
}

.cont-img img {
    width: 22px;
}

.con-field label {
    font-size: 17px;
    color: #1a2944;
    font-weight: 600;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.drop-hd h5{
    font-size: 17px;
    color: #1a2944;
    font-weight: 600;
    margin-bottom: 10px;
}

.con-field strong span {
    font-size: 14px;
    color: #7c7c7c;
    font-weight: 400;
}
.con-field strong span a{
    color: #1a2944;
    text-decoration: none;
}
.con-field label span a{
    color: #1a2944;
    text-decoration: none;
}
.con-field label span {
    font-size: 14px;
    color: #7c7c7c;
    font-weight: 400;
}

.con-field input {
    width: 100%;
    float: left;
    padding: 12px;
   border: 1px solid #16345375;
    font-size: 16px;
    color: #000;
    background: #fafafa;
    height: 51px;
    outline: none !important;
}

.con-field select {
    width: 100%;
    float: left;
    padding: 12px;
    border: 1px solid #16345375;
    font-size: 16px;
    color: #000;
    background: #fafafa;
    height: 51px;
    outline: none !important;
}

.con-field textarea {
    width: 100%;
    float: left;
    background: #fafafa;
    padding: 12px;
    border: 1px solid #16345375;
    /* border-radius: 10px; */
    font-size: 16px;
    color: #000;
    height: 150px;
    outline: none !important;
}

.con-field p {
  color: #1a2944;
  line-height: 180%;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-family: "Open Sans", sans-serif !important;
  padding: 0 0 8px 0;
}

.contctbrnch .contct-add{
    padding: 30px;
    height: 100%;
    margin-top: 0px!important;
}
 .contctbrnch .contct-add h2{
     font-size: 1.3rem;
        font-weight: 600;
        margin-bottom: 17px; 
 }

.inervision .abt-card {
   background: #e3f2ff;
    border: 1px solid #d1e6ff;
    padding: 25px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.inervision .abt-card .card-hed {
    gap: 12px;
    margin-bottom: 10px;
}

.missionimg {
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    width: 100%;
    height: 100%;
}

.missionimg img {
    object-fit: cover;
    height: 100%;
}

.missionimg:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.inervision .abt-card:hover {
    background: #d1e6ff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.clientspara {
    max-width: 75%;
    margin: auto;
}

.careersadd{
    padding: 0;
}
.careersadd img{
    /* border-radius: 25px; */
    width: 100%;
}

.mybtn-primary{
    width: auto;
    float: left;
    text-align: left;
    color: #1a2944;
    font-size: 17px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    -webkit-transition: all ease-in-out 0.5s;
    text-decoration-line: underline;
    text-decoration-color: #5c758c;
    text-decoration-thickness: 1px;
    text-decoration-style: solid;
    text-underline-offset: 4px;
}

.mybtn-primary img{
    width: 17px;
}

.mybtn-primary:hover img {
    animation-name: zoomIn;
    animation-duration: .5s;
    animation-iteration-count: 1;
}
.serv-main {
  display: flex;
  align-items: flex-start; /* align top */
  gap: 260px; /* optional space between left and right */
}
.serv-hd h5 {
  color: #1a2944;
  font-size: 20px;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-color: #5c758c;
  text-decoration-thickness: 1px;
  text-decoration-style: solid;
  text-underline-offset: 4px;
}

.section0-pera {
  padding-bottom: 0;
  flex: 1; /* take remaining space on the right */
}

.section0-pera h2 {
  color: #1a2944;
  font-size: 70px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.065em;
  padding-bottom: 25px;
  text-transform: uppercase;
}

.section0-pera h3 {
  letter-spacing: -0.03em;
  color: #1a2944;
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 25px 0;
  font-family: "Open Sans", sans-serif !important;
}

.section0-pera p {
  color: #1a2944;
  line-height: 180%;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-family: "Open Sans", sans-serif !important;
  padding: 0 0 23px 0;
}

.section0-pera p i{
    color: #0f4368;
}

.serv-text p i{
    color: #0f4368;
}

.sv-text p i{
    color: #0f4368;
}

.text-link{
    text-decoration: none;
    color: #CDA060;
  line-height: 180%;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-family: "Open Sans", sans-serif !important;
  transition: color 0.3s ease;
}

.text-link:hover{
    color: #c4c4c4;
}

.measures-key{
  width: 100%;
  float: left;
}
.measures-key-dtl {
    display: inline-flex;
    align-items: center;
    justify-content: left;
    padding: 0 0 23px 0px;
    width: 100%;
}
.measures-key-dtl img{
    width: 12px;
    height: auto;
    display: inline-block;
    flex-shrink: 0;
    margin: 0;
    position: relative;
}
.measures-key-dtl h6 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1a2944;
    line-height: 180%;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-family: "Open Sans", sans-serif !important;
    margin: 0;
    /*line-height: 1;*/
}

.box1{
    width: 50%;
}

.serv-pic{
    width: 50%;
}

.serv-box{
    float: left;
    width: 100%;
    background-color: #fafafa;
    margin-bottom: 23px;
}

.serv-box p{
    color: #1A2944 !important;
    padding: 20px 30px;
}

.s-bl{
    background-color: #fff;
}

.pad-rgt{
    padding-right: 25% !important;
}

.blog-box{
    float: left;
    width: 100%;
    background-color: #0f4368;
    padding: 40px;
    margin-top: 40px;
}

.blog-main2{
    width: auto;
    float: left;
    max-height: 400px;
    display: flex;
    gap: 45px;
    align-items: center;
}

.blog-main3{
    gap: 95px;
}

.blog-main2 img{
    width: 100%;
    float: left;
    max-width: 300px;
}

.blogtext2{
    width: 62%;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.blogtext2 h2{
    width:auto;
    float: left;
    font-size: 35px;
    font-weight:700;
    line-height: 140%;
    letter-spacing:-0.03em;
     color: #ffffff;
     padding-bottom: 9px;
}
.blogtext2 h6{
     float: left;
    color: #B1B1B1;
    font-size: 16px;
 font-family: "Open Sans", sans-serif !important;
font-weight: 600;
letter-spacing:-0.03em;
 padding-bottom: 16px;
}
.blogtext2 p{
     float: left;
    color: #ffffff;
    font-size: 16px;
    line-height: 180%;
    font-family: "Open Sans", sans-serif !important;
font-weight: 600;
 padding-bottom: 15px;

}

.blogtext2 a:hover {
    color: #1A2A44;
    background: #CDA060;
    border: 1px solid #CDA060;
    background: linear-gradient(90deg, rgba(205, 160, 96, 1) 0%, rgba(212, 166, 23, 1) 100%);
}
.serv-hd h4{
    /* float: left; */
    color: #1a2944;
    font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 700;
    padding: 0;
}

.pad-lft0{
    padding-left: 0;
}

.h4-pad{
    padding-top: 20px !important;
}

.file-upload {
  position: relative;
  display: inline-block;
}

.file-upload input[type="file"] {
  padding-right: 232px; /* space for the size text */
}

.file-upload span {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  font-size: 14px;
  pointer-events: none; /* makes text unclickable */
}

.drop-box label:not(.upload-directory-label) {
  position: relative;
  border: 2px dashed rgba(22, 52, 83, 0.46);
}

.drop-box label:not(.upload-directory-label):hover {
  cursor: pointer;
}

.drop-box label:not(.upload-directory-label).highlight {
  background-color: rgba(235, 246, 253, 0.2); /* light transparent blue */
  border: 4px dashed #c5e0f5; /* darker border tone */
}

.drop-box label:not(.upload-directory-label) .droparea-text {
  width: 100%;
  padding: 4rem;
  color: #666;
}

.drop-box label:not(.upload-directory-label) .droparea-text .title {
  font-weight: 600;
  font-size: 1.875rem;
  text-align: center;
}

/*innerpage*/

.innerpagehd{
    overflow: hidden;
    position: relative;
        padding: 60px 0;
    width: 100%;
    float: left;
    background: linear-gradient(145deg, rgba(26, 41, 68, 1) 0%, rgba(15, 67, 104, 1) 100%);

}
.innerpagehd .l-side{
    top: 0;
}
.innerpagehd .l-side img{
    max-width: 80%;

}

.innerpagehd h2{
    width: 100%;
    float: left;
    text-align: left;
    color: #FFFFFF;
    font-size: 50px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.065em;
}
.innerimg {
    width: auto;
    float: left;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.2;
}
.innerimg img {
    width: 26%;
    float: right;
}



.about-new{
        background-color: #ffffff;
    padding-bottom: 65px;
    width: 100%;
    float: left;
    padding-top: 65px;
}
.about-newimg {
    display: flex;
    align-items: center; /* Vertically center */
    gap: 40px; /* Space between image & text */
}

.about-newimg img {
    object-fit: contain;
    /* height: 305px; */
    max-width: 419px;
    float: left;
    width: 100%;

}
.about-new .section1-pera h2 {
    color: #1A2A44;
}
.about-new .stion-hd h5 {
    color: #1A2A44;
    text-decoration-color: #1A2A44;
}

.about-newimg p {
    color: #1A2A44;
    line-height: 180%;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
}
.ourteams {
    width: 100%;
    float: left;
    background: #fafafa;
    padding: 70px 0;
}
.ourteams-hd h3{
    float: left;
    color: #1A2A44;
    font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600;
   text-align: center;
   width: 100%;
   padding-bottom: 14px;
}
.ourteams-hd h2{
    width: 100%;
    float: left;
    text-align: center;
color: #1A2A44;
    font-size: 70px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.065em;
    padding-bottom: 42px;
}
.anotherteam-main {
    margin-bottom: 35px;
    width: 100%;
    float: left;
    padding: 30px 20px;
   background: linear-gradient(to right, #cda060d9 23%, #FFFFFF 22%);
   display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.anotherteam-main img {
    width: 100%;
    float: left;
    max-width: 170px;
    display: flex;
    height: 179px;
    object-fit: cover;
}
.anotherteam-main-text {
    width: auto;
    float: left;
    padding-left: 25px;
    text-align: left;
}
.anotherteam-main-text h6 {
    color: #1A2A44;
    float: left;
    font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600;
}
.anotherteam-main-text h5 {
    color: #646464;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    width: 100%;
    float: left;
    padding: 5px 0;
}

.anotherteam-main-text p{
    color: #1A2A44;
    float: left;
    font-size: 16px;
    line-height: 180%;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600;
   
}

.p-add a{
color: #23324b;
font-size: 16px;
padding: 14px 0 0;
}

.p-add a img {
    height: auto;
    max-width: 20px;
    top: 0;
}
/*model*/
.close_form {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -50px;
    top: -35px;
    background: transparent url(../images/close.png) no-repeat center center;
    background-size: 20px 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.close_form:hover,
.close_form:focus {
    background-color: transparent;
} 

.push-left {
    float: left;
}
.team-details {
    float: left;
    width: 100%;
    padding: 0px;
}
.team-details p {
    float: left;
    width: 100%;
    line-height: 29px;
    color: #23324b;
    font-size: 16px;
    padding-top: 10px;
}
.team-details h3 {
    text-transform: uppercase;
    font-size: 23px;
    letter-spacing: 0;
    color: #000;
    /* border-bottom: solid 1px rgb(112 112 112 / 28%); */
    margin-bottom: 20px;
    padding-bottom: 14px;
    line-height: 42px;
    font-weight: 600;
    float: left;
    width: 100%;
}
.team-details h3 span {
    float: left;
    width: 100%;
    font-size: 17px;
    font-weight: 300;
    color: #000;
    text-transform: none;
    line-height: 21px;
}
.bg-red {
    float: left;
    width: 100%;
    display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; 
}
.bg-red img{
width: 100%;
float: left;
max-width: 300px;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 920px !important;
    }
}

.modal-content {
border-radius: unset;
}

















/*model*/


.vmall{
    width: 100%;
    float: left;
    padding-bottom: 70px;
}
.content-section {
  border: 1px solid #ccc;
  padding: 15px;
  margin-top: 10px;
}
.vmall-main{
    width: 100%;
    float: left;
    background:#fafafa;
 padding: 30px 45px;
}
.vmall-main h2{
color: #1A2A44;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}
.vmall-main p{
    color: #000000;
    line-height: 180%;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
    padding-top: 20px;
}
.Mod-ele-right{
    width: 100%;
    float: left;
    padding-top: 45px;
}


.Mod-ele-right img {
    margin-bottom: 23px;
    max-width: 440px;

    float: left;
    width: 100%;
    object-fit: cover;
    margin-right: 46px;
    
}

.Mod-ele-right h5 {
    font-size: 17px;
    color: #1a2944;
    font-weight: 600;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.Mod-btn{
    width: 100%;
    float: left;
}


.Mod-btn .nav {
    border: 0 !important;
    background: #1A2944;
    width: 23%;
    padding: 10px;
    float: none;
    margin-right: auto;
    margin-top: 15px !important;
    margin-bottom: 25px;
}

.Mod-btn .nav-link {
    background: #1A2944;
    font-size: 15px;
    color: #ffffff;
    border: 0 !important;
    font-size: 15px;
 
    font-weight: 500;
}
.Mod-btn .nav-link.active {
    background:#fff;
    color: #6D6D6D;
}
.Mod-btn .nav-link {
    border-radius: 0 !important;
   background: #1A2944;
    font-size: 15px;
     color: #ffffff;
    border: 0 !important;
    font-size: 17px;
   
    font-weight: 600;
}

.Mod-btn .tab-content p {
    padding-top: 20px;
    color: #1A2944;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.Mod-btn .tab-content p a{
    text-decoration: none;
    color: #c9995e;
}
.Mod-btn .tab-content img {
    float: left;
    width: 28px;
    height: auto;
    margin-right: 0;
    margin-bottom: 0;
}
.Mod-btn .tab-content h6 {
    position: relative;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    color: #575757;
    padding-left: 44px;
    margin-top: -1px;
    margin-bottom: 0px;
    line-height: 30px;

}
.Mod-btn .tab-content h5 {
   color: #060606;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 120%;
    padding-bottom: 15px;
    width: 100%;
    float: left;

}

.sect0-p{
    padding-bottom: 0 !important;
}
.sect0-p p{
    padding-bottom: 30px;
}
.sect0-p h4{
    /* float: left; */
    color: #ffffff;
    font-size: 20px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 700;
    padding: 0 0 20px 0;
}

.sect1-p p{
    color: #1A2944;
    padding-bottom: 23px;
}

.mea-key0 h6{
    color: #ffffff;
}

.sv-txt0 p{
    color: #ffffff;
}

.sv-txt0 h4{
    color: #ffffff;
}

.sv-txt0 p i{
    color: #fafafa;
}

.sec1-pad{
    padding: 70px 0;
}

.c-imag img{
    width: 100%;
}

.cta-bacground {
    overflow: hidden;
    position: relative;
    width: 100%;
    float: left;
    padding: 44px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cta-bacground-text h3{
    color: #1A2944;
    text-align: left;
    line-height: 100%;
    font-size: 50px;
    font-weight:700;
}
.cta-bts{
    position: relative;
    display: flex;
    flex-direction: column;
}

.btns {
    display: flex;
    gap: 15px;
    float: left;
}

.cta-blue{
    width: 190px;
    height: 50px;
    float: left;
    text-align: center;
    padding: 11px 0;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #1A2944;
    border: 1px solid #1A2944;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
    transition: color 0.3s, background 0.3s;
 }
.cta-blue:hover{
    color: #1A2A44;
    background: #CDA060;
    border: 1px solid #CDA060;
    transition: color 0.3s, background 0.3s;

}

.cta-yellow{
    width: 190px;
    height: 50px;
    float: left;
    text-align: center;
    padding: 11px 0;
    text-decoration: none;
    color: #1A2A44;
    background: #CDA060;
    border: 1px solid #CDA060;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
    transition: color 0.3s, background 0.3s;
 }
.cta-yellow:hover{
    color: #FFFFFF;
    background-color: #1A2944;
    border: 1px solid #1A2944;
    transition: color 0.3s, background 0.3s;

}
.progress-container {
  position: relative;
  background: #eee;
  border-radius: 0;
  height: 10px;
  overflow: hidden;
  margin: 40px 0;
}

/* Blue progress fill */
.progress {
  background: #192944;
  height: 10px;
  width: 25%;
  transition: width 0.3s ease;
}

/* Step and % text at top-right */
.progress-top-text {
  position: absolute;
  right: 0;
  top: -25px;
  font-size: 14px;
  color: #cfa461;
  font-weight: 500;
  }


  .step {
    display: none;
  }
  .step p{
width: 100%;
float: left;
text-align: left;
color: #1a2944;
    line-height: 180%;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
    padding: 0 0 30px 0;
  }
  .step.active {
    display: block;
  }

  .btn-group1 {
    /*display: flex;*/
    justify-content: space-between;
  }

.btn-group1 button {
    background: #192c48;
    color: white;
    border: none;
    padding: 8px 40px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 15px;
}

.btn-group1 button:hover {
    background: #CDA060;
    transition: color 0.3s, background 0.3s;
  }

.btn-group1 button:disabled {
    background: #ccc;
    cursor: not-allowed;
  }

  .submit {
    display: none;
    background: #0078ff;
  }

  .progress-container-two {
  position: relative;
    background: #eee;
    border-radius: 0;
    height: 10px;
    overflow: hidden;
    margin: 40px 0;
}

.progress-two {
  height: 10px;
  background-color: #192944;
  transition: width 0.3s ease;
  border-radius: 5px;
}
.progress-top-text-two {
position: absolute;
    right: 0;
    top: -25px;
    font-size: 14px;
    color: #cfa461;
    font-weight: 500;
}

.step-two {
  display: none;
 
}
.step-two p {
    width: 100%;
    float: left;
    text-align: left;
    color: #1a2944;
    line-height: 180%;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.03em;
    font-family: "Open Sans", sans-serif !important;
    padding: 0 0 30px 0;
}

.step-two.active {
  display: block;
}

.buttons-two{
    margin-top: 15px;
}
.buttons-two button:disabled {
    background: #ccc;
    cursor: not-allowed;
}
.buttons-two button {

    background: #192c48;
    color: white;
    border: none;
    padding: 8px 40px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 15px;
}
.buttons-two button:hover {
    background: #CDA060;
    transition: color 0.3s, background 0.3s;
}



@media(max-width: 400px){
        
    
        .cta-bacground-text h3 {
        font-size: 40px !important;
    }
    

.progress-all-index{
    display: none;
}
    .section1-pera h2 {
        font-size: 40px !important;
    }

.section3-hds h2 {
        font-size: 40px !important;
    }

    .s3-counter {
       
        width: 100% !important;
    }

    .ourteams-hd h2 {
        font-size: 40px !important;
    }

  .file-upload span {
   
    right: 10px !important;
    top: -32% !important;
    
   
    font-size: 14px;
    
}

.inner-abtimg h2 {
    font-size: 30px !important;
}
}

@media(max-width: 575px){



.inner-abtimg h2 {
    padding-top: 15px;
    float: left;
    width: 100%;
}

.inner-abtimg img {
   
    float: none;
    margin: auto;
    display: block;
    text-align: center;
    margin-left: 0px;
}








.s3-mainhdp {
    flex-direction: column;
    gap: 36px;
}


.section3-pera p{
    font-size: 25px;
}










.close_form {
    
    z-index: 111;
    right: 0;
    top: 0;
}






.blogtext2 h2 br{
    display:none;
}
    .blog-box {
    padding: 24px;
}
    .anotherteam-main-text {
        padding-left: 0;
        padding-top: 20px;
    }
.anotherteam-main {
    flex-direction: column-reverse;
}
.copyright br {
    display: block;
}
.copyright h5 {
    text-align: center;
}
.banner {
    height: auto;
    background: linear-gradient(to bottom, white 0%, white 50%, #182f4b 50%, #1a2a44 100%);
        padding-bottom: 60px;
}

.bnr-text h2 {
    font-size: 50px;
    color: white;
}
.bnr-text p{
    color: white;
}
.bnr-text h2 br{
    display: none;
}
.bnr-main {
    width: 100%;
}
.bnr-text {
    position: relative;
}
.bnr-texttwo {
    width: 100%;
    float: left;
   padding-top: 40px;
    padding-left: 0;
}
.bnr-texttwo h3 br{
    display: none;
}

.stn1-main {
    flex-direction: column;
    gap: 40px;
}
.section1-pera p br{
    display: none;
}
.s1-rights{
    display: none;
}
.section1-pera h2 {
    font-size: 50px;
}
.section1-pera h2 br{
   display: none;
}
.section1 {
    width: 100%;
    float: left;
    padding: 50px 0 80px;
}
.home-logo {
    padding-bottom: 75px;
}
.section2 .str {
    float: left;
    width: 100%;
}
.section2 {
    padding-bottom: 50px;
}
.section3-hds h2 {
    font-size: 50px;
}
.section3-hds h2 br{
   display: none;
}
.section3 {
    padding: 60px 0;
}
.s3-counter {
    float: left;
    width: 50%;
    min-height: auto;
    padding-left: 0;
    border-left: unset;
    margin-top: 50px;
    margin-bottom: unset;
}
.section4 {
    padding: 70px 0;
}
.stion4-move {
    padding:0 2%;
}
.blog-main {
    max-height: unset;
    gap: 22px;
    flex-direction: column;
}
.blogtext {
    width: 100%;
}
.blogtext h2 br{
    display: none;
}

.subbtn {
   
    justify-content: left;
    gap: 30px;
   
}
.link-contact {
    gap: 25px;
    flex-direction: column;
    border: unset;
}
    .copyrighta {
        gap: unset;
        justify-content: center;
        padding-top: 0;
        padding-bottom: 24px;
    }
.footer {
   padding: 73px 0 30px;
}
.copy {
    padding-top: 0px;
}

.innerpagehd h2 {
    font-size: 35px;
}
.innerpagehd {
    padding: 40px 0;
}
.about-newimg {
    display: flex;
    align-items: unset;
    gap: 30px;
    flex-direction: column;
}
.about-new .section1-pera{
  padding-bottom: 45px;
}
.vmall-main {
    margin-bottom: 35px;
}

.vmall {
    padding-bottom: 40px;
}
 .ourteams-hd h2 { 
    font-size: 50px;
}
.ourteams {
    padding: 50px 0;
}
.mb-serv {
        min-height: 280px;
}

.serv-main {
    gap: 40px;
    flex-direction: column;
}
.section0-pera h2 {
    font-size: 50px;
}
.cta-bacground {
    flex-direction: column;
    display: unset;
}
.cta-bacground-text h3 {
    padding-bottom: 50px;
    font-size: 45px;
}
.cta-bts {
        flex-direction: column !important;
    }
.zan-mob{
margin-bottom:15px;
}
.Mod-btn .nav {
    width: 100%;
}
.Mod-btn li{
    width: 50%;
}

.Mod-btn .nav-link {
    width: 100%;
}
.progress-top-text-two {
    left: 13px;
    top: 6px;
    right: unset;
}
.section0-pera p br{
    display: none;
}
.contct-frm {
    padding-left: 0;
}
.contactfull::after {
    width: 100%;
}
.contactfull {
    padding: 20px;
}
.contct-add {
    margin-top: 20px;
    padding: 20px;
}
.pad-rgt {
    padding: 0 !important;
}
.blog-main2 {
   
    max-height: unset;
    gap: 34px;
    flex-direction: column;
    align-items: flex-start;
}
.blogtext2 {
    width: 100%;
}




}





@media (min-width:576px) and (max-width:767px){


.inner-abtimg h2 {
    padding-top: 15px;
    float: left;
    width: 100%;
}

.inner-abtimg img {
   
    float: none;
    margin: auto;
    display: block;
    text-align: center;
    margin-left: 0px;
}
.s3-mainhdp {
    flex-direction: column;
    gap: 36px;
}


.section3-pera p{
    font-size: 25px;
}

.banner {
    height: auto;
    background: linear-gradient(to bottom, white 0%, white 50%, #182f4b 50%, #1a2a44 100%);
        padding-bottom: 60px;
}

.bnr-text h2 {
    font-size: 50px;
    color: white;
}
.bnr-text p{
    color: white;
}
.bnr-text h2 br{
    display: none;
}
.bnr-main {
    width: 100%;
}
.bnr-text {
    position: relative;
}
.bnr-texttwo {
    width: 100%;
    float: left;
   padding-top: 40px;
    padding-left: 0;
}
.bnr-texttwo h3 br{
    display: none;
}

.stn1-main {
    flex-direction: column;
    gap: 40px;
}
.section1-pera p br{
    display: none;
}
.s1-rights{
    display: none;
}
.section1-pera h2 {
    font-size: 50px;
}
.section1-pera h2 br{
   display: none;
}
.section1 {
    width: 100%;
    float: left;
    padding: 50px 0 80px;
}
.home-logo {
    padding-bottom: 75px;
}
.section2 .str {
    float: left;
    width: 100%;
}
.section2 {
    padding-bottom: 50px;
}
.section3-hds h2 {
    font-size: 50px;
}
.section3-hds h2 br{
   display: none;
}
.section3 {
    padding: 60px 0;
}
.s3-counter {
    float: left;
    width: 50%;
    min-height: auto;
    padding-left: 0;
    border-left: unset;
    margin-top: 50px;
    margin-bottom: unset;
}
.section4 {
    padding: 70px 0;
}
.stion4-move {
    padding:0 2%;
}
.blog-main {
    max-height: unset;
    gap: 22px;
    flex-direction: column;
}
.blogtext {
    width: 100%;
}


.subbtn {
   
    justify-content: left;
    gap: 30px;
   
}
.link-contact {
    gap: 25px;
    flex-direction: column;
}
.copyrighta {
    gap: 38px;
    justify-content: left;
    padding-top: 13px;
    padding-bottom: 15px;
}
.footer {
   padding: 73px 0 30px;
}
.copy {
    padding-top:0px;
}

.innerpagehd h2 {
    font-size: 35px;
}
.innerpagehd {
    padding: 40px 0;
}
.about-newimg {
    display: flex;
    align-items: unset;
    gap: 30px;
    flex-direction: column;
}
.about-new .section1-pera{
  padding-bottom: 45px;
}
.vmall-main {
    margin-bottom: 35px;
}

.vmall {
    padding-bottom: 40px;
}
 .ourteams-hd h2 { 
    font-size: 50px;
}
.ourteams {
    padding: 50px 0;
}
.mb-serv {
        min-height: 280px;
}

.serv-main {
    gap: 40px;
    flex-direction: column;
}
.section0-pera h2 {
    font-size: 50px;
}
.cta-bacground {
    flex-direction: column;
    display: unset;
}
.cta-bacground-text h3 {
    padding-bottom: 50px;
    font-size: 39px;
}
.cta-bts {
    flex-direction: row;
}
.zan-mob{
margin-bottom:15px;
}
.Mod-btn .nav {
    width: 100%;
}
.Mod-btn li{
    width: 50%;
}

.Mod-btn .nav-link {
    width: 100%;
}
.progress-top-text-two {
    left: 13px;
    top: 6px;
    right: unset;
}
.section0-pera p br{
    display: none;
}
.contct-frm {
    padding-left: 0;
}
.contactfull::after {
    width: 100%;
}
.contactfull {
    padding: 20px;
}
.contct-add {
    margin-top: 20px;
    padding: 20px;
}
.pad-rgt {
    padding: 0 !important;
}
.blog-main2 {
   
    max-height: unset;
    gap: 34px;
    flex-direction: column;
    align-items: flex-start;
}
.blogtext2 {
    width: 100%;
}
.servcecard {
    padding: 46px 30px 56px 30px;
}
.mb-serv {
    padding: 46px 20px 56px 20px;
}

.mb-serv h2 {
   
    font-size: 20px;
    line-height: 30px;
}

}



@media (min-width:768px) and (max-width:991px){
    

    .inner-abtimg h2 {
    padding-top: 15px;
    float: left;
    width: 100%;
}

.inner-abtimg img {
   
    float: none;
    margin: auto;
    display: block;
    text-align: center;
    margin-left: 0px;
}
    .section3-pera p {
        font-size: 25px;
    }
    .bnr-texttwo h3{
            color: #1A2A44;
    }
    
    .slider-imge .owl-stage-outer {
    height: 485px;
}

.bnr-main {
    width: 100%;
}
.bnr-texttwo {
    width: 100%;
    padding-top: 10px;
     padding-left: 0px; 
}
.bnr-text h2 {
    font-size: 70px;
    padding-top: 180px;
}
.bnr-main img {
    max-width: 321px;
}
.banner {
    height: auto;
    padding-bottom: 70px;
    background: linear-gradient(to right, white 0%, white 61%, #ffffff 61%, #123d60 100%);
}
.bnr-texttwo .redmore a{
    color: #1a2a44;
}

.bnr-texttwo .redmore a img {
    width: 100%;
    float: right;
    max-width: 20px;
    position: relative;
    top: 4px;
    filter: invert(11);
}

.stn1-main {
    gap: 115px;
}
.section1-pera h2 {
    font-size: 55px;
}
.section1-pera p br{
    display: none;
}
.servcecard {
    padding: 46px 18px 56px 18px;
}

.servcecard h2 {
    font-size: 23px;
    line-height: 29px;
}
.section2 {
    padding-bottom: 50px;
}
.section3-hds h2 {
    width: 100%;
    font-size: 55px;

}
.section3 {
    padding: 45px 0;
}
.s3-counter {
    width: 50%;
    float: left;
    min-height: auto;
    padding-left: 0px; 
    border-left: unset; 
    margin-top: 44px;
    margin-bottom: 0;
}
.stion4-move {
    padding-left: 2%;
}
.social {
    gap: 16px;
}
.link-contact {
    gap: 25px;
    flex-direction: column;
}
.about-newimg {
    gap: 40px;
    align-items: flex-start;
    flex-direction: column;
}
.vmall-main {
    margin-bottom: 25px;
}
.ourteams-hd h2 {
    font-size: 60px;
}
.serv-main {
    gap: 115px;
}
.section0-pera h2 {
    font-size: 55px;
}
.cta-bacground-text h3 {
    font-size: 35px;
}
.pad-rgt {
    padding-right: 0% !important;
}
.blog-box{
    padding: 22px;
}
.blog-main2 {
    gap: 30px;
}
.blogtext2 h2 {
    font-size: 30px;
}

.zan-mob{
margin-bottom:15px;
}
.file-upload {
    width: 100%;
}
.contct-frm {
     padding-left: 0px; 
}
.section0-pera p br{
    display: none;
}
.contactfull::after {
    width: 100%;
}
    .contct-add {
        margin-top: 20px;
        padding: 20px;
    }
    .contct-add {
        margin-top: 20px;
        padding: 20px;
    }

    .contactfull {
        padding: 20px;
    }

}
@media (min-width:992px) and (max-width:1024px){

.bnr-texttwo h3{
            color: #1A2A44;
    }
    
    .slider-imge .owl-stage-outer {
    height: 485px;
}
.bnr-main {
    width: 100%;
}
.bnr-texttwo {
    width: 100%;
    padding-top: 10px;
     padding-left: 0px; 
}
.bnr-text h2 {
    font-size: 70px;
    padding-top: 180px;
}
.bnr-main img {
    max-width: 321px;
}
.banner {
    height: auto;
    padding-bottom: 70px;
    background: linear-gradient(to right, white 0%, white 59%, #182f4b 59%, #123d60 100%);
}
.bnr-texttwo .redmore a{
    color: #1a2a44;
}

.bnr-texttwo .redmore a img {
    width: 100%;
    float: right;
    max-width: 20px;
    position: relative;
    top: 4px;
    filter: invert(11);
}

.stn1-main {
    gap: 115px;
}
.section1-pera h2 {
    font-size: 55px;
}
.section1-pera p br{
    display: none;
}
.servcecard {
    padding: 46px 18px 56px 18px;
}

.servcecard h2 {
    font-size: 23px;
    line-height: 29px;
}
.section2 {
    padding-bottom: 50px;
}
.section3-hds h2 {
    width: 100%;
    font-size: 55px;

}
.section3 {
    padding: 45px 0;
}

.stion4-move {
    padding-left: 2%;
}
.social {
    gap: 16px;
}
.link-contact {
    gap: 25px;
    flex-direction: column;
}

.vmall-main {
    margin-bottom: 25px;
}
.ourteams-hd h2 {
    font-size: 60px;
}
.serv-main {
    gap: 115px;
}
.section0-pera h2 {
    font-size: 55px;
}
.cta-bacground-text h3 {
    font-size: 35px;
}
.pad-rgt {
    padding-right: 0% !important;
}
.blog-box{
    padding: 22px;
}
.blog-main2 {
    gap: 30px;
}
.blogtext2 h2 {
    font-size: 30px;
}

.zan-mob{
margin-bottom:15px;
}
.file-upload {
    width: 100%;
}
.contct-frm {
     padding-left: 0px; 
}
.section0-pera p br{
    display: none;
}
.contactfull::after {
    width: 100%;
}
    .contct-add {
        margin-top: 20px;
        padding: 20px;
    }
    .contct-add {
        margin-top: 20px;
        padding: 20px;
    }

    .contactfull {
        padding: 20px;
    }

.nav-menu > li > a {
    font-size: 13px;
        padding: 0 9px;
}
.testimonial-carousel .owl-dots {
    left: 0;
    bottom: -47px;
}
.blog-main{
    gap: 30px;
}
.blogtext h2{
    font-size: 22px;
}
}



@media (min-width:1025px) and (max-width:1199px){



.bnr-main img {
    max-width: 456px;
}
.nav-menu > li > a {
    font-size: 13px;
}
.bnr-main {
    width: 77%;
}
.bnr-texttwo {
    width: 23%;
}
.servcecard {
        padding: 46px 20px 56px 20px;
}
.servcecard h2 {
    font-size: 22px;
        line-height: 32px
}
.stion4-move {
    padding-left: 55px;
}
.blog-main {
    gap: 40px;
}
.blogtext h2 {
    font-size: 23px;
}
.link-contact {
    gap: 25px;
}
.testimonial-carousel .owl-dots {
    left: -468px;
}

}


@media (min-width:1200px) and (max-width:1300px){
.servcecard {
  padding: 46px 30px 56px 30px;  
}
.blog-main {
    gap: 35px;
}

.blogtext h2 {
    font-size: 23px;
}













}