body {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 18px;
}
.navbar {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(27, 50, 95, 1));
    backdrop-filter: blur(10px);
    padding: 0;
    position: fixed;
    z-index: 999;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.322);
}
.navbar-nav{
    height: 90px;
    align-items: center;
}
.nav-item{
    display: flex;
    height: 100%;
    align-items: center;
}
.navbar-nav .nav-link{
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
}
.nav-link::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    transition: height .3s;
    z-index: -1;
    transform: skew(25deg);
}
.nav-item:hover .nav-link{
    color: #1b325f !important;
}
.nav-item:hover .nav-link::before{
    background-color: #d1e0ff;
    height: 100%;
    bottom: 0;
    top: auto;
}
.navbar-light .navbar-nav .nav-link.active{
    /* color: #1b325f !important; */
}
.navbar-light .navbar-nav .nav-link.active:hover{
    color: #1b325f !important;
}
.navbar-light .navbar-nav .nav-link.active::before{
    content: '';
    display: block;
    /* background-color: red;
    background: linear-gradient(to bottom, rgb(48 98 169 / 50%), rgb(46 55 136 / 50%)); */
    height:100%;
    width: 100%;
    position: absolute;
    top: auto;
    left: 0px;
    z-index: -1;
    transform: skew(25deg);
    transition: height .3s;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 18px;
    padding-left: 18px;
}
.navbar-brand img{
    height: 72px
}

.dropdown-item.active, .dropdown-item:active{
    background: linear-gradient(to bottom, #3062a9, #2e3788);
}
.dropdown-item{
    padding: 9px 15px;
}
.carousel-indicators {
    position: absolute;
    right: auto;
    bottom: 100px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    margin-right: auto;
    margin-bottom: 1rem;
    margin-left: 100px;
    list-style: none;
}
.carousel-indicators [data-bs-target]{
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.carousel-indicators .active{
    height: 25px;
    border-radius: 35% !important;
}
.carousel{
    height: 100vh;
}
.carousel-inner{
    height: 100vh;
    position: relative;
}
.carousel-text{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.carousel-text h2{
    color: #fff;
    font-size: 96px;
    font-weight: 600;
    text-align: center;
}
.the-border-right{
    border-right: 1px solid #000;
}
.carousel-item{
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
    animation: zoomaIn 5s ease-in-out 1 forwards; /* Adjust duration and timing function */
}
.slide-shape{
    background-color: rgba(10, 45, 131, 0.52);
    width: 30%;
    height: 70%;
    left: 25%;
    position: absolute;
    z-index: 1;
}

@keyframes zoomaIn {
    0% {
        transform: scale(1); /* Initial size */
    }
    100% {
        transform: scale(1.1); /* Final zoomed-in size */
    }
}

/* Optional: Add a slight delay to the fade effect for smoother transitions */
.carousel-fade .carousel-item {
    transition: opacity 2s ease-out;
}
.service-info{
    padding: 80px 0;
}
.service-box{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.service__title-left{
    width: calc(100% - 200px);
}
.service__title-right{
    width: 200px;
    text-align: right;
}
.service__title-left h2{
    color: #2e3788;
    margin-bottom: 20px;
    max-width: 550px;
    width: 100%;
}
.service__title-left h2 span{
    font-size: 116px;
    font-weight: bold;
}
.line{
    background-color: #ececec;
    width: 100%;
    height: 1px;
    display: block;
}
.service__title-left p{
    font-family: "Jost", sans-serif;
    font-size: 32px;
    margin-top: 30px;
    font-weight: 400;
}
.service__title-right a{
    color: #2e3788;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 8px;
    position: relative;
}
.service__title-right a span{
    background-color: #2e3788;
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 77%;
    transition: all 0.3s ease-in-out;
}
.service__title-right a i{
    transform: rotate(-45deg);
    display: inline-block;
    font-size: 28px !important;
    transition: all 0.3s ease;
    margin-left: -4px;
}
.service__title-right a:hover i{
    transform: rotate(-45deg) translateY(-3px);
}
.service__title-right a:hover span{
    width: 0;
}
.qu-points{
    margin-top: 20px;
}
.qu-points-box h4{
    color: #2e3788;
    font-size: 24px;
    font-weight: 700;
}

.qu-percent{
    margin-top: 50px;
}
.qu-percent-box .num-percen{
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 116px;
    font-weight: 500;
    -webkit-text-stroke-color: #203556;
    -webkit-text-stroke-width: 2px;
    display: flex;
    align-items: center;
}
.num-percen span{
    font-size: 116px;
    font-weight: 500;
    -webkit-text-stroke-color: #203556;
    opacity: 1;
}
.qu-percent-box p{
    color: #2e3788;
    font-family: "Jost", sans-serif;
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
}
.qu-percent-box p span{
    font-size: 40px;
    font-weight: 500;
}
.mt-80{
    margin-top: 90px;
}
.hr-vison{
    background-color: #f8f8ff;
    padding: 80px 0;
    margin-bottom: 80px;
}
.hrv img{
    width: 100%;
    margin-bottom: 25px;
}
.hrv h4{
    font-family: "Jost", sans-serif;
    font-size: 24px;
}
.hrv p{
    font-size: 18px;
    margin-bottom: 0;
}
/* Container styling */
.text-rails {
    background-image: 
        linear-gradient(to bottom, rgba(12, 18, 71, 0.7), rgba(12, 18, 71, 0.7)), /* Gradient overlay */
        url('../img/rail-bg.jpg'); /* Replace with your image path */
    background-size: cover;
    overflow: hidden; 
    position: relative; 
    width: 100%; 
    white-space: nowrap; 
    padding: 150px 0;
}

.text-rails-wrap {
    display: inline-block; 
    white-space: nowrap; 
    position: relative; 
    animation: scrolling 30s linear infinite; /* Adjust the animation duration if needed */
}

.text-rails-wrap span {
    color: transparent;
    font-family: "Oswald", sans-serif;
    font-size: 116px;
    font-weight: 500;
    display: inline-block;
    margin: 0 80px;
    text-transform: uppercase;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 2px;
}

@keyframes scrolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* Change to -50% for continuous loop effect */
    }
}
.about-us{
    padding: 80px 0;
}
.block-link{
    display: flex;
    justify-content: flex-end;
}
.block-link a{
    color: #2e3788;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 8px;
    position: relative;
}
.block-link a i{
    transform: rotate(-45deg);
    display: inline-block;
    font-size: 28px !important;
    transition: all 0.3s ease;
    margin-left: -4px;
}
.block-link a span{
    background-color: #2e3788;
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 77%;
    transition: all 0.3s ease-in-out;
}
.block-link a:hover i{
    transform: rotate(-45deg) translateY(-3px);
}
.block-link a:hover span{
    width: 0;
}
.block-head h2{
    color: #2e3788;
    margin-bottom: 20px;
}
.block-head h2 span{
    font-size: 98px;
    font-weight: bold;
}
.block-head p{
    font-family: "Jost", sans-serif;
    font-size: 32px;
    margin-top: 30px;
    font-weight: 400;
}
.about-content{
    margin-top: 50px;
}
.tabs {
    width: 80%;
    margin: 0 auto;
}

.tab-titles {
    display: flex;
    cursor: pointer;
}

.about img {
    width: 100%;
    height: auto;
    display: block;
}

.tab-title {
    color: #b5b5b5;
    flex: 1;
    font-family: "Jost", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    border-bottom: none;
    padding-bottom: 5px;
    transition: background-color 0.3s;
}

.tab-title.active {
    color: #000;
    background-color: #fff;
    border-bottom: 2px solid #2e3788;
    font-weight: 500;
}

.tab-content {
    background-color: #fff;
    padding-top: 30px;
    font-size: 18px;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}
.percent{
    margin-top: 50px;
}
.percent-in{
    color: #2e3788;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-bottom: 12px;
    margin-top: 20px;
}
.percent-bar{
    background-color: #b5b5b5;
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
}
.percent-in-left{
    width: calc(100% - 80px);
}
.percent-in-right{
    width: 80px;
    text-align: right;
}
.competency{
    padding: 0px 0 50px 0;
    overflow: hidden;
}

/* SLICK SETTINGS */
.slider {
    width: 100%;
    margin: 50px auto;
}

.slick-slide {
  margin: 0px 30px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}
.slick-prev{
    left: 80px !important;
    z-index: 1;
}
.slick-next{
    right: 80px !important;
    z-index: 1;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
  transform: scale(0.9);
}
.slick-track{
    padding-bottom: 10px;
}
.center .slick-center{
    transform: scale(1.08);
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}
.col-box img{
    margin-bottom: 25px;
}
.col-box h4{
  font-family: "Jost", sans-serif;
  font-size: 24px;
}
.col-box p{
    font-size: 18px;
}
.services{
    background-color: rgba(12, 18, 71, 0.7);
    background-image: 
        linear-gradient(to bottom, rgba(12, 18, 71, 0.7), rgba(12, 18, 71, 0.7)), /* Gradient overlay */
        url('../img/services/service-bg.jpg'); /* Replace with your image path */
    background-size: cover;
    color: #fff;
    position: relative;
}
.service-intro{
    margin-top: 25px;
}
.service-intro h4{
    font-family: "Jost", sans-serif;
    font-size: 24px;
    margin-bottom: 15px;
}
.services-cont{
    padding: 80px 0;
    /* backdrop-filter: blur(14px); */
}
.services .block-link a{
    color: #fff;
}
.services .block-link a span{
    background-color: #fff;
}
.services .block-head h2{
    color: #fff;
}
.services span.line{
    opacity: 0.2;
}
.service-in img{
    width: 100%;
}
.service-in h4{
    font-family: "Jost", sans-serif;
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 15px;
}
.latest-news{
    padding: 80px 0;
}
.news-sect{
    margin-top: 25px;
}

.news-slider{
    width: 100%;
}
.news-slider .slick-slide{
    margin: 0;
}
.product-box img{
    width: 100%;
    margin-bottom: 25px;
    border: 1px solid #cfcfcf;
}
span{
    font-size: 18px;
    opacity: 0.7;
    display: block;
    margin-bottom: 8px;
}
.product-box h4{
    color: #000;
    font-family: "Jost", sans-serif;
    font-size: 24px;
}
.product-box a{
    color: #305ea6;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.product-box a i{
    display: inline-flex;
    font-size: 26px;
    margin-left: 5px;
    transition: all 0.3s ease;
}
.product-box:hover i{
    margin-left: 8px;
}
.slick-list{
    margin: 0 -15px !important;
}
.cta-in{
    background-image: 
    linear-gradient(to bottom, rgba(12, 18, 71, 0.7), rgba(12, 18, 71, 0.7)), /* Gradient overlay */
    url('../img/cta-bg.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 150px;
    padding-bottom: 150px;
    margin-top: 40px;
}
.cta-in h2{
    font-size: 72px;
    font-weight: 600;
}
.cta-in p{
    font-size: 26px;
    font-family: "Jost", sans-serif;
    margin-top: 15px;
}
.cta-in a{
    color: #fff;
    display: inline-flex;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 14px 22px;
    margin-top: 15px;
    transition: all 0.3s ease;
}
.cta-in a i{
    transform: rotate(-90deg);
    margin-left: 5px;
    transition: all 0.3s ease;
}
.cta-in a:hover{
    background-color: #fff;
    color: #000;
}
.cta-in a:hover i{
    color: #000;
}
.footer{
    background-color: #fff;
    padding: 100px 0;
}
.footer h4{
    font-size: 22px;
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
}
.footer ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer ul li{
    margin-top: 10px;
}
.footer ul li a{
    text-decoration: none;
    color: #000;
    transition: all 0.3s ease;
}
.footer ul li a:hover{
    text-decoration: underline;
}

.carousel-text-slider {
    background-color: #fff;
    position: absolute;
    max-width: 800px;
    width: 100%;
    height: 200px;
    z-index: 2;
    bottom: 0;
    right: 0;
    padding: 30px;
    overflow: hidden; /* Ensures content stays within the slider */
}

.txt-slide {
    opacity: 0;
    transform: translateY(25px); /* Start with a slight downward translation */
    transition: transform 0.6s ease, opacity 0.6s ease; /* Smooth transition */
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
.txt-slide p{
    font-size: 20px;
}
.txt-slide.active {
    opacity: 1;
    transform: translateY(0); /* Move to the normal position */
    visibility: visible; /* Make the slide visible */
}
a.outlink{
    color: #2e3788;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 5px;
    position: relative;
    display: inline-block;
}
a.outlink i{
    transform: rotate(-45deg);
    display: inline-block;
    font-size: 22px !important;
    transition: all 0.3s ease;
    margin-left: -4px;
}
a.outlink:hover i{
    transform: rotate(-45deg) translateY(-3px);
}
.cta{
    padding-top: 80px;
}
.play-video{
    display: flex;
    justify-content: center;
}
.play-video button{
    background: rgba(255, 255, 255, 0.13);
    backdrop-filter: blur(5px);
    width: 75px;
    height: 75px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}
.play-video button i{
    color: #fff;
    font-size: 39px;
    display: contents;
}
.play-video button:hover{
    transform: scale(1.08);
}
.page-header{
    background-color: #2e3788;
    background-size: cover;
    height: 450px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding: 60px 0;
}
.page-header-about{
    background-image: linear-gradient(to bottom, rgba(12, 18, 71, 0.4), rgba(12, 18, 71, 0.7)), /* Gradient overlay */
    url('../img/header-about.jpg'); /* Replace with your image path */
}
.page-header-products{
    background-image: linear-gradient(to bottom, rgba(12, 18, 71, 0.4), rgba(12, 18, 71, 0.7)), /* Gradient overlay */
    url('../img/header-products.jpg'); /* Replace with your image path */
}
.page-header-services{
    background-image: linear-gradient(to bottom, rgba(12, 18, 71, 0.4), rgba(12, 18, 71, 0.7)), /* Gradient overlay */
    url('../img/header-services.jpg'); /* Replace with your image path */
}
.page-header-career{
    background-image: linear-gradient(to bottom, rgba(12, 18, 71, 0.4), rgba(12, 18, 71, 0.7)), /* Gradient overlay */
    url('../img/header-career.jpg'); /* Replace with your image path */
}
.page-header-contact{
    background-image: linear-gradient(to bottom, rgba(12, 18, 71, 0.4), rgba(12, 18, 71, 0.7)), /* Gradient overlay */
    url('../img//contact-banner.png'); /* Replace with your image path */
}
.page-header-quality{
    background-image: linear-gradient(to bottom, rgba(12, 18, 71, 0.4), rgba(12, 18, 71, 0.7)), /* Gradient overlay */
    url('../img/quality-head.jpg'); /* Replace with your image path */
}
.page-header-in h1{
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: 52px;
    font-weight: 700;
}
.page-header-in ul{
    color: #fff;
    padding: 0;
    margin: 15px 0 0 0;
    list-style: none;
    display: flex;
    font-size: 18px;
}
.page-header-in ul li{
    margin-right: 15px;
    opacity: 0.8;
}
.page-header-in ul li a{
    color: #fff;
}
.page-body{
    padding: 80px 0;
}
.product-head{
    margin-bottom: 20px;
    text-align: center;
}
.product-in{
    margin-top: 15px;
    margin-bottom: 15px;
}
.product-in h4{
    margin-top: 25px;
}
.product-in img{
    width: 100%;
}
.about-img img{
    width: 100%;    
}
.about-content-page h2{
    font-size: 48px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}
.about-comit{
    padding-top: 40px;
}
.about-comit-in{
    position: relative;
}
.about-comit-in h2{
    color: #2e3788;
}
.about-comit-in h2 span{
    font-size: 60px;
    font-weight: 600;
}
.about-comit-in p{
    font-size: 24px;
}
.about-comit-in i{
    font-size: 82px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.1;
}
.serv-img img{
    width: 100%;
    margin-bottom: 25px;
}
.core-compete h2{
    font-size: 78px;
}
.qu-points-boxin {
    background-size: cover;
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-top: 100px;
}
.qu-points-boxin h4{
    color: #fff;
}
.boxin{
    padding: 15px;
}
.boxin p{
    margin-bottom: 0;
}
.boxin-1{
    background-image: linear-gradient(to bottom, rgba(44, 88, 163, 0.5), #2c57a3), /* Gradient overlay */
    url('../img/essence.jpg'); /* Replace with your image path */
}
.boxin-1 .boxin{
    background-image: linear-gradient(to bottom, rgba(44, 88, 163, 0), #2c57a3); /* Replace with your image path */
}
.boxin-2{
    background-image: linear-gradient(to bottom, rgba(1, 158, 226, 0.5), #01a0e2), /* Gradient overlay */
    url('../img/beyond.jpg'); /* Replace with your image path */
}
.boxin-2 .boxin{
    background-image: linear-gradient(to bottom, rgba(1, 158, 226, 0), #01a0e2); /* Replace with your image path */
}
.boxin-3{
    background-image: linear-gradient(to bottom, rgba(6, 6, 8, 0.5), #060608), /* Gradient overlay */
    url('../img/commitments.jpg'); /* Replace with your image path */
    background-position: bottom;
}
.boxin-3 .boxin{
    background-image: linear-gradient(to bottom, rgba(6, 6, 8, 0), #060608); /* Replace with your image path */
}

.boxin-4{
    background-image: linear-gradient(to bottom, rgba(44, 88, 163, 0.5), #2c57a3), /* Gradient overlay */
    url('../img/ab-1.jpg'); /* Replace with your image path */
}
.boxin-4 .boxin{
    background-image: linear-gradient(to bottom, rgba(44, 88, 163, 0), #2c57a3); /* Replace with your image path */
}
.boxin-5{
    background-image: linear-gradient(to bottom, rgba(1, 158, 226, 0.5), #01a0e2), /* Gradient overlay */
    url('../img/ab-2.jpg'); /* Replace with your image path */
}
.boxin-5 .boxin{
    background-image: linear-gradient(to bottom, rgba(1, 158, 226, 0), #01a0e2); /* Replace with your image path */
}
.boxin-6{
    background-image: linear-gradient(to bottom, rgba(6, 6, 8, 0.5), #060608), /* Gradient overlay */
    url('../img/ab-3.jpg'); /* Replace with your image path */
}
.boxin-6 .boxin{
    background-image: linear-gradient(to bottom, rgba(6, 6, 8, 0), #060608); /* Replace with your image path */
}
.footer-logo {
    margin-bottom: 30px;
}
.footer-logo img{
    height: 70px;
}
.rx{
    position: fixed;
    right: 50px;
    z-index: 999;
    bottom: 160px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}
.rx img{
    background-color: #fff;
    width: 100%;
    animation: rotate360 8s linear infinite;
}
@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.why-us{
    background-color: #2e3788;
    background-image: linear-gradient(to bottom, rgba(12, 18, 71, 0.7), rgba(12, 18, 71, 0.9)), /* Gradient overlay */
    url('../img/main-p.jpg'); /* Replace with your image path */
    background-size: cover;
    color: #fff;
    padding: 100px 0;
    margin-top: 80px;
}
.why-us h2{
    font-size: 54px;
    text-align: center;
    margin-bottom: 50px;
}
.why-us h3{
    font-size: 28px;
    display: block;
    margin-bottom: 20px;
}
.why-us p{
    margin-bottom: 0;
}
.quality-in{
    max-width: 636px;
    width: 100%;
    padding-left: 30px;
}
.quality-in h2{
    display: block;
    margin-bottom: 30px;
}
.quality-in h2 span{
    font-size: 76px;
    font-weight: 600;
}
.quality-in ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.quality-in ul li{
    margin: 10px 0;
}
.quality-in ul li span{
    opacity: 1;
    font-weight: 600;
    font-size: 16px;
    display: contents;
}
.qlty-wrap{
    padding: 80px 0;
}
.qlty-head{
    margin-bottom: 40px;
}
.qlty-head h2{
    color: #2e3788;
}
.qlty-head h2 span{
    font-size: 98px;
    font-weight: 600;
}
.qlty-box h4{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}
.team-head{
    text-align: center;
    margin-bottom: 40px;
}
.team-head h2{
    font-size: 58px;
    font-weight: 600;
}
.team-box h4{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}
.cont-type span{
    color: #2e3788;
    font-weight: 600;
    opacity: 1;
}
.cont-type span i{
    display: inline-block;
    margin-right: 7px;
}
.cont-type p{
    font-size: 18px;
}
.contact-from .form-box{
    margin-bottom: 30px;
}
.contact-from .form-box input{
    font-size: 18px;
    height: 50px;
    width: 100%;
    padding: 10px 15px;
    outline: none;
    border: none;
    border: 1px solid #acacac;;
}
.contact-from .form-box textarea{
    font-size: 18px;
    height: 150px;
    width: 100%;
    padding: 10px 15px;
    outline: none;
}
.form-action button{
    background-color: #2e3788;
    color: #fff;
    border: none;
    height: 50px;
    width: 160px;
}
.footer-cont-in span{
    opacity: 1;
    font-weight: 600;
}
.copyright{
    text-align: right;
}
.footer-copyright{
    background-color: #eaecf0;
    padding: 30px 0;
}
.footer-copyright p{
    margin-bottom: 0;
}
.footer-copyright a{
    color: #3062a9;
}
.navbar-nav .dropdown-menu{
    border-radius: 0;
}
.why-us-box{
    text-align: center;
}
.why-us-icon{
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}
.why-us-icon-center{
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-top: 5px solid #32ccd1;
    border-right: 5px solid #0063ff;
    border-bottom: 5px solid #5893f0;
    border-left: 5px solid #0063ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.why-us-icon-center img{
    width: 50px;
}
.product-head p{
    text-align: left;
    margin-bottom: 30px;
}
.uppercase{
    text-transform: uppercase;
}
.olist ul{
    padding: 0;
    margin: 0;
}
.olist ul li{
    line-height: 1.8;
    position: relative;
    list-style: none;
    padding-left: 25px;
}
.olist ul li::before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 3px solid #073a7a;
}
.product-head-list{
    background-color: #000;
    color: #fff;
    padding: 15px;
    margin-bottom: 30px;
}
.product-head-list h2{
    font-size: 26px !important;
    margin-bottom: 0;
}
/* Responsive */
@media (max-width: 767.98px) {
    .navbar-toggler{
        background-color: #fff !important;
    }
    .navbar-toggler{
        padding: 10px .75rem;
    }
    .navbar-toggler span{
        margin-bottom: 0;
    }
    .navbar-nav{
        height: auto;
    }
    .navbar-nav{
        margin-top: 15px;
    }
    .nav-item{
        width: 100%;
        justify-content: center;
    }
    .navbar-nav .nav-link{
        width: 100%;
        justify-content: center;
    }
    .navbar-light .navbar-nav .nav-link.active::before{
        transform: skew(0deg);
    }
    .nav-item{
        display: block;
    }
    .nav-link::before{
        transform: skew(0deg);
    }
    .carousel{
        height: 400px;
    }
    .carousel-text{
        top: 60%;
    }
    .slide-shape{
        width: 40%;
        left: 15%;
    }
    .carousel-item{
        height: 400px;
    }
    .carousel-indicators{
        bottom: 10px;
        margin-left: 10px;
    }
    .carousel-indicators [data-bs-target]{
        width: 6px;
        height: 6px;
    }
    .carousel-indicators .active{
        border-radius: 50% !important;
    }
    .carousel-text h2{
        font-size: 32px;
    }
    .carousel-inner{
        height: 400px;
    }
    .carousel-text-slider{
        display: none;
    }
    .qu-percent{
        text-align: center;
    }
    .service-box{
        display: block;
    }
    .text-rails-wrap span{
        font-size: 48px;
        margin: 0 28px;
    }
    .text-rails{
        padding: 50px 0;
    }
    .service__title-left{
        width: 100%;
    }
    .service__title-right{
        width: 100%;
        margin-top: 20px;
    }
    .service__title-left h2{
        font-size: 46px;
    }
    .block-head h2 span{
        font-size: 46px;
    }
    .tabs{
        width: 100%;
        margin-top: 30px;
    }
    .tab-titles{
        display: block;
    }
    .tab-title{
        font-size: 20px;
    }
    .block-head p{
        font-size: 26px;
    }
    .cta-in{
        padding: 80px 0;
    }
    .cta-in h2{
        font-size: 47px;
    }
    .footer{
        padding: 60px 0;
    }
    .footer-bx{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .footer-copyright{
        text-align: center;
    }
    .copyright{
        text-align: center;
        margin-top: 15px;
    }
    .page-header{
        height: 290px;
    }
    .page-header-in h1{
        font-size: 32px;
    }
    .quality-in h2{
        font-size: 46px;
    }
    .quality-in{
        padding: 0 15px !important;
        margin-top: 30px;
    }
    .about-img{
        margin-bottom: 25px;
    }
    .why-us h2{
        font-size: 46px;
    }
    .why-us{
        background-position: bottom;
    }
    .why-us-box{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .qlty-head h2{
        font-size: 48px;
    }
    .contact-from{
        margin-top: 30px;
    }
}
.whatsapp{
    position: fixed;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    z-index: 9999;
    left: 50px;
    bottom: 50px;
}
.whatsapp img{
    width: 100%;
}
.back-to-top{
    background-color: #2e3788;
    color: #fff;
    position: fixed;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 9999;
    right: 50px;
    bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border: none;
    outline: none;
}

@media (min-width: 767.99px) and (max-width: 1600px) {
    .carousel-text h2{
        font-size: 66px !important;
    }
}
  
.fade-text span {
    opacity: 0;
    display: inline-block;
  }