@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&display=swap');
:root{
    --theme:#3065B5;
}
body{
    font-family: "Poppins", sans-serif;
}
ul{
    padding: 0;
    list-style-type: none;
}
a{
    text-decoration: none;
}
.heading h2 {
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 0.4px;
}
.heading h2 span{
    color:var(--theme) ;
}
.sub-head{
    margin-bottom: 30px;
    position: relative;
    width: max-content;
    font-size: 28px;
    font-weight: 600;
    text-align: left !important;
}
.sub-head::after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 40%;
    height: 4px;
    background: var(--theme);
}
/* .navbar{
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #00000024;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #ffffff29;
}
.navbar.scrolled {
    background: rgba(0, 0, 0); 
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);

} */
.navbar {
    position: fixed;
    z-index: 999;
    width: 100%;
    background: rgba(0, 0, 0, 0); 
    transition:all 0.8s ease-in-out;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.navbar.scrolled {
    background: rgba(0, 0, 0, 0.9);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

.navbar .nav-item{
    margin-left: 30px;
}
.navbar a.nav-link{
    color:white;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
} 
.navbar a.nav-link:hover{
    color:white
}
.navbar-toggler {
    /* background: transparent;  */
    padding: 0;
    border-radius: 50%;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.navbar .contact-btn .nav-link{
    border: 1px solid white;
    border-radius: 20px;
}

.navbar-toggler-icon {
    /* background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); */
    background-image: url('../assets/toggle.svg');
}
span.navbar-toggler-icon {
    width: 40px;
    height: 40px;
}
 .offcanvas {
    background-color: #000;
}
.offcanvas .offcanvas-close{
  color: white;
  background: var(--theme);
  border: 0;
  border-radius: 50%;
  padding: 6px 12px;
}
.offcanvas .offcanvas-body ul>li a{
    color: white;
    padding-bottom: 10px;
    display: block;
}

.hero-sec{
    background:rgba(0, 0, 0, 0.5);
     /* background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5354516806722689) 56%, rgba(0, 0, 0, 0) 100%); */
     background: linear-gradient(360deg, rgba(0, 0, 0, 1) -20%, rgba(0, 0, 0, 0.5354516806722689) 45%, rgba(0, 0, 0, 0) 100%);
    }
.hero-sec .carousel-indicators {
    cursor: pointer;
    transform: rotate(90deg);
    /* position: absolute; */
    position: fixed;
    z-index: 3;
    display: flex;
    justify-content: center;
    padding: 0;
    width:200px;
    left:-45%;
    top:-25%;
    list-style: none;
}
.hero-sec .carousel-indicators [data-bs-target]{
    width:50px;
    position: relative;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 65vh;
}


.hero-sec .carousel-indicators [data-bs-target] video{
    border-radius: 10px;
    height: 58px;
    width: 106px;
    position: absolute ;
    left: -29px;
    top: -100px;
    transform: rotate(270deg);
    display:none;
}
.hero-sec .carousel-indicators [data-bs-target]:hover  .carousel-indicators [data-bs-target] video{
    display: block;
}
.hero-sec .video-courosal{
    height: 100vh;
    object-fit: cover;
    z-index: -999;
    position: relative;
    width: 100%;
    }
.hero-sec .overlay {
    position: absolute;
    /* position: fixed; */
    z-index: 2;
    bottom: 0;
    left: 0;
    top: 40%;
    width: 100%;
    color: #fff;
    padding-left: 10%;
    padding-bottom: 5%;
    /* background: rgb(0, 0, 0); */
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5354516806722689) 56%, rgba(0, 0, 0, 0) 100%); */
    animation-delay: 2s;
}
.hero-sec .overlay .head{
    font-weight: 400 !important;
    font-size: 3.125em;
}
.hero-sec .overlay .we-call{
    font-weight: 200;
    color: #d8d4ed;
    letter-spacing: 1.5px;
    font-size: 16px;
}
.hero-sec .overlay-inner{
    margin-top: 20px;
}
.hero-sec .overlay-inner a{
    /* font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    color: white;
    padding: 10px 20px;
    border: 2px solid white;
    border-radius: 40px; */
    color: #fff;
    background: transparent;
    border: 1px solid #f4f4f4;
    border-radius: 35px;
    letter-spacing: 00.74px;
    font-weight: 500;
    padding:20px 50px;
}
.hero-sec .overlay-inner a:hover{
    background-color: white;
    color:black;
}

.hero-sec .carousel-item {
    transition: opacity 1s ease-in-out !important;
}
.hero-sec .carousel-item-next,
.hero-sec .carousel-item-prev,
.hero-sec .carousel-item.active {
    opacity: 1 !important;
}

.hero-sec .carousel-item:not(.active) {
    opacity: 0;
    transition: opacity 1s ease-in-out !important;
}

.about-sec,.services-sec,.carrers-sec,.testimonial-sec,.contact-us,.footer-sec,.clients-sec{
    position: relative;
    z-index: 10;
}
/*  about-section */
.about-sec{
    padding: 80px 0px;
    background-color: #ffffff4e;
}
.about-sec .heading, .about-sec .welcome-gminfotech{
    margin-bottom: 30px;
}

.about-sec .product-count .count{
  padding: 20px;
}
.about-sec p{
    font-size:16px;
    color: #6a6a6a;
}
.about-sec .product-count {
    display: grid;
    grid-template-columns: auto auto auto;
    margin-top: 30px;
    border-radius: 20px;
}
.about-sec .product-count  .count .counter{
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;

}
.about-sec .product-count .count:first-child{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.about-sec .product-count .count:last-child{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.about-sec .product-count .count:nth-of-type(odd){
    background-color: black;
    color: white;
}
.about-sec .product-count .count:nth-of-type(even){
    background-color:var(--theme);
    color: white;
}
/*  service section */
.services-sec{
    padding: 80px 0px;
    background-color: #E8F1FF;
    /* color: #fff; */
}
.services-sec .heading,.services-sec .empowerbusiness{
    margin-bottom: 30px;
}
/* .services-sec .heading span{
    color: #051a3a;
}
.services-sec .empowerbusiness .sub-head::after{
    background: #000;
} */
.services-sec .services-list .card{
    height: 100%;
    color: #fff;
    background: linear-gradient(296deg, #1f4b94ba 37.68%, #3065B5 102.92%);
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.services-sec .services-list .card:hover{
    transform: translateY(-10px);
    box-shadow: 0px 2px 12px 4px #223657;
}
.services-sec .services-list .card .card-title{
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;

}
.services-sec .services-list .card .card-text{
    margin-top: 15px;
    text-align: center;
}
/* .services-sec .services-list .card .service-name{
    padding: 10px;
} */
/*  carrers-sec  */
.carrers-sec{
    padding: 80px 0px;
}
.carrers-sec .job-post{
    margin-top: 30px;
}
.carrers-sec .job-post a{
    color: var(--theme);
}
.carrers-sec .job-post .job-title{
    font-size: 32px;
    line-height: 44px;
    font-weight: 400;
    margin-bottom: 15px;
}
.carrers-sec a{
   color: #000; 
}
 /* testimonials section */
.testimonial-sec {
    padding: 80px 0px;
    background: #5f9ea038;
}

.testimonials {
    margin-top: 35px;
}

.reviews-carousel {
    position: relative;
}
.reviews-carousel .owl-stage-outer {
    display: flex;
}

.reviews-carousel .owl-stage {
    display: flex;
    align-items: stretch; 
}

.reviews-carousel .owl-item {
    display: flex;
    align-items: stretch;
}

.reviews-carousel .item {
    background: #f0f8ff;
    padding: 20px;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    
}
.reviews-carousel .review {
    display: block;
    flex-direction: column;
    flex-grow: 1;
}
.reviews-carousel .review-content {
    flex-grow: 1;
    display: block;
    flex-direction: column;
}

.reviews-carousel .review-content .review-text {
    flex-grow: 1;
    margin: 12px 0px 10px 6px;
    font-size: 14px;
}

.reviews-carousel .reviewer-name,
.reviews-carousel .reviewer-position {
    text-align: center;
    text-transform: uppercase;
    margin-top: auto;
    
}

.reviews-carousel .reviewer-name {
    color: var(--theme);
    font-size: 16px;
}

.reviews-carousel .owl-item img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

.keyclientsandpartners {
    padding-top: 55px;;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: flex;
}

.reviews-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.reviews-carousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background: rgb(150, 150, 150);
    border-radius: 50%;
    margin-right: 5px;
}

.reviews-carousel button.owl-dot.active {
    background: var(--theme);
}

.reviews-carousel .owl-nav button.owl-next,
.reviews-carousel .owl-nav button.owl-prev {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: var(--theme);
    color: white;
    border-radius: 50%;
    top: 40%;
}

.reviews-carousel .owl-nav button.owl-next {
    right: -20px;
}

.reviews-carousel .owl-nav button.owl-prev {
    left: -20px;
}
@media (max-width: 768px) {
    .reviews-carousel .item {
        padding: 10px;
        margin: 0 auto;
    }

    .reviews-carousel {
        overflow-x: hidden;
    }
}


@media (max-width: 768px) {
    .reviews-carousel .owl-nav button.owl-next,
    .reviews-carousel .owl-nav button.owl-prev {
        top: 90%;
    }

    .reviews-carousel .owl-nav button.owl-next {
        right: 15px;
    }

    .reviews-carousel .owl-nav button.owl-prev {
        left: 15px;
    }
}

.img-fluid {
    width: 700px;
}
.contact-us{
    padding: 80px 0px;
}
.contact-us .heading{
    margin-bottom: 30px;
}
.contact-us .location{
    height: 100%;
}
.contact-us iframe{
    width: 100%;
    height: 100%;
}
.contact-us .form-group input,
.contact-us .form-group textarea {
    width: 100%;
    border: 1px solid var(--theme);
    padding-left: 50px;
    border-radius: 8px;
}
.contact-us .form-group input {
  height: 44px;
}
.contact-us .form-group textarea {
    padding-top: 10px;
}
.contact-us .form-group {
    position: relative;
    margin-bottom: 15px;
}
.contact-us .form-group i {
    position: absolute;
    font-size: 16px;
    padding: 14px;
    background: #223657;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    color: white;
}
.contact-us .form-text-area i{
    background: none;
    color: #223657;
}
.contact-us .submit-form input{
    background: var(--theme);
    color: white;
    font-size: 24px;
    font-weight: 600;
    padding-left:  0;
    height: 54px;
}
/*  clients section */
.clients-sec {
    padding: 80px 0;
    background: #c7d5cb45;
}
/* .clients-sec .heading h2 {
    white-space: normal; 
} */

.clients {
    display: flex;
    margin: 0px auto 0 auto;
    /* height: 86px; */
    justify-content: center;
    vertical-align: middle;
    justify-items: center;
    align-items: center;
}
    .client-logos{
        position:relative;
        width:100vw;
        display:flex;
        align-items:center;
        overflow:hidden;
        will-change: transform;
    }
    .client-logos:hover {
            animation-play-state: paused;
    }
    .client-logos::before,
    .client-logos::after{
        position:absolute;
        content: "";
        height:100%;
    }
    .client-logos::before{
        left:0;
        background:linear-gradient(to right, #fff 0%, #ffffff00 100%);
        z-index: 2;
    }
    .client-logos::after{
        right:0px;
        background:linear-gradient(to left, #fff 0%, #fff0 100%);
    }
    .client-logos ul.brands{
        list-style:none;
        margin-top: 30px;
        display:flex;
        animation:slideLeft 20s linear infinite;
        padding: 20px 0px;
    }
    @keyframes slideLeft{
        0% {
            transform: translate(0);
        }
        100%{
            transform:translateX(calc(-100% / 2));
        }
    }
    ul.brands li.brand-logo{
        width:var(--logo-width);
        font-size:2rem;
        text-align:center;
        margin-left:3rem;
    }
/* @keyframes slideLeft {
    0% {
        transform: translate(0);
        transform: translate(100%);
    }
    
    100% {
        transform: translateX(calc(-100% / 2));
        transform: translateX(-100%);
    }
    
} */
/*  footer-sec  */
.footer-sec{
    background-color: #252525;
    color: #fff;
}
.footer-sec .footer-top{
    padding: 70px 0px;
    border-bottom: 1px solid rgba(221, 221, 221, 0.22);
}
.footer-top h2{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    padding-bottom: 20px;
}
.footer-top .contact-details>li{
    margin-bottom: 10px;
}
.footer-top .contact-details>li i{
    margin-right: 10px;
    color: var(--theme);
}
.footer-top p,.footer-top .contact-details>li a{
    line-height: 22px;
    color: #fff;
    font-size:16px;
}
.footer-top >h2 a{
    line-height: 22px;
    color: rgba(245, 245, 245, 0.776);
    font-size:22px;
}
.footer-top p1 {
    line-height: 10px;
    color: rgba(245, 245, 245, 0.776);
    font-size:14px;
}
.footer-bottom{
    padding: 30px 0px;
    font-size: 12px;
}
.footer-bottom .copy-rights i{
    color: var(--theme);
}
.footer-bottom .social a{
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    border: 1px solid transparent;
    background-color: var(--theme);
}

/*  responsive ness */

@media screen and (max-width:1199px) {
    
    .hero-sec .carousel-indicators{
        left: -50%;
    }
}
@media screen and (max-width:991px) {
    .hero-sec .carousel-indicators{
        /* display: none; */
        transform: rotate(0deg);
        left: 25%;
        top: 92%;
    }

    .hero-sec .carousel-indicators [data-bs-target] {
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }
    .hero-sec .overlay {
        bottom: 16%;
        left: -12px;
    }
}

@media screen and (max-width:767px) {
    .hero-sec .carousel-indicators{
        left: 20%;
    }
    .sub-head{
        font-size: 28px;
    }
    .services-sec .services-list .card .card-title {
        text-align: center;
    }
    .about-sec .product-count{
        grid-template-columns: auto;
    }
    .about-sec .product-count .count:first-child{
        border-radius: 0;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .about-sec .product-count .count:last-child{
        border-radius: 0;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius:12px ;
    }
    .reviews-carousel .owl-nav button.owl-next,
    .reviews-carousel .owl-nav button.owl-prev {
        width: 30px;
        height: 30px;

    }
}

@media  screen and (max-width:575px) {
    .hero-sec .carousel-indicators{
        left: 10%;
    }
    .sub-head{
        font-size: 20px;
    }
    .carrers-sec .job-post .job-title {
        font-size: 28px;
        line-height: 34px;
    }
}

@media  screen and (max-width:575px) {
    .img-fluid{
        width: 100%;
        height: auto !important;
    }
    
}
 
.global-locations {
    width: 250px;
    height: 208px;
    background: #1269b4 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 14px;
    opacity: 1;
    transition: all 1s;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    /* color: white;
    text-align: left;
    padding: 20px; */
}

.global-locations h1 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    text-align: left;
    position: relative;
    top: 25%;
    left: 10%;
}
.partnerLogo img {
    width:100%;
}

.global-locations > div {
    color: #fff;
    text-align: left;
    height: 38px;
    font-size: 14px;
    position: relative;
    top: 25%;
    left: 10%;
    width: 80%;
    margin-right: auto;
}
.global-locations:hover {
    background-image: url(Assets/images/gobal-location.svg);
    transform: scale(1.05);
}


/* *::before, *::after {
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
} */

@media screen and (width: 1536px) {
    .div-4 {
        zoom: 80%;
    }
}
.div-4 {
    position: relative;
    width: 100%;
    background-color: #fff;
    text-align: center;
}
.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.d-flex {
    display: flex !important
;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}