body {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: Basement_Grotesque;
    src: url(../fonts/Basement_Grotesque.otf);
}

:root {
    /* colors  */
    --primary-blue: #163BC0;
    --primary-green: #C3F73A;
    --text-gray-1: #5D6479;
    --secondary-blue: #051039;
    --tertiary-blue: #A5B5D4;
    --text-blue:#B7C4DC;
    /* font-family  */
    --basement-font: 'Basement_Grotesque', sans-serif;
    --dmsans: 'DM Sans', sans-serif;
    /* font-size  */
    --first-size: 48px;
    --second-size: 32px;
    --third-size: 24px;
    --fourth-size: 20px;
    --fifth-size: 16px;
    --sixth-size: 14px;
    --seventh-size: 13px;
    --eight-size: 12px;
}

.primary-blue {
    color: var(--primary-blue) !important;
}

.primary-green {
    color: var(--primary-green) !important;
}

.secondary-blue {
    color: var(--secondary-blue) !important;
}

.tertiary-blue {
    color: var(--tertiary-blue);
}

.text-gray-5d {
    color: var(--text-gray-1);
}
.text-blue {
    color: var(--text-blue);
}

.base-font {
    font-family: var(--basement-font);
}

.sans-font {
    font-family: var(--dmsans);
}

.fs-48 {
    font-size: var(--first-size);
}

.fs-32 {
    font-size: var(--second-size);
}

.fs-24 {
    font-size: var(--third-size);
}

.fs-20 {
    font-size: var(--fourth-size);
}

.fs-16 {
    font-size: var(--fifth-size);
}

.fs-14 {
    font-size: var(--sixth-size);
}

.fs-13 {
    font-size: var(--seventh-size);
}

.fs-12 {
    font-size: var(--eight-size);
}


/* desktop-nav  */
.fixed-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: 0.5s ease-in-out;
}
.active-nav {
    color: var(--primary-blue) !important;
}

.desk-nav {
    z-index: 3;
    box-shadow: 0px 1px 60px 0px #3737372b;
}

.desk-nav::before {
    position: absolute;
    content: '';
    width: 2rem;
    height: 100%;
    background-color: #ffff;
    left: -1.5rem;
    transform: skew(11deg, 0deg);
    z-index: -1;
    border-bottom-left-radius: 15px;
}

.desk-nav::after {
    position: absolute;
    content: '';
    width: 2rem;
    height: 100%;
    background-color: #ffff;
    right: -1.5rem;
    transform: skew(-11deg, 0deg);
    top: 0;
    z-index: -1;
    border-bottom-right-radius: 15px;
}

.desk-nav-ul li a {
    transition: all 0.3s ease-in;
}

.desk-nav-ul li a:hover {
    color: var(--primary-blue) !important;
    transition: all 0.3s ease-in;
}

/* responsive-nav  */
.offcanvas {
    background-color: var(--primary-green);
}

.resp-nav-bg {
    background-color: var(--primary-green);
}

.navbar-toggler {
    border: none !important;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.btn-close:focus {
    box-shadow: none !important;
}


/* banner  */
.banner-section {
    background-image: url(../bg/banner-img.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

  .item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

.clients::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%);
    top: 0;
}

/* fixed call button */
.h-ban-call-btn{
    background-color: var(--primary-green);
    top: 50%;
    right: -61px;
    transform: rotate(-90deg);
    transition: all 0.3s ease-in-out;
    z-index: 99999 !important;
}
.h-ban-call-btn:hover{
    transition: all 0.3s ease-in-out;
    background-color: #ffff;
}

/* home about */
.home-about-bg::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: url(../bg/section-2-bg.png) no-repeat;
    background-size: 100% 100%;
    z-index: -3;

}

.home-about-bg {
    padding: 4rem 0rem 2rem 0rem !important;
    /* margin-top: 1px; */
}

.rotate_button,
.rotate_button_second {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    animation: identifier 20s linear infinite;
    background-color: var(--primary-green);
    border-radius: 50%;
    border: 10px solid #ffffff;
    box-shadow: -2px 3px 84px -36px rgba(0, 0, 0, 0.75);
}

.Button_icon {
    display: block;
    margin: 0;
    animation: identifier 20s linear infinite;
    animation-direction: reverse;
    transition: all 0.3s;
}

.circle__char,
.circle__char-second {
    display: block;
    position: absolute;
    top: 0;
    height: calc(180px / 2);
    background-repeat: round;
    text-align: center;
    text-transform: uppercase;
    line-height: 1rem;
    transform-origin: bottom center;
    transform: rotate(var(--char-rotate));
    font-size: 16px;
    padding: 10px;
}

.circle_button {
    margin-left: 15rem;
    padding-top: 10rem;
}

@-webkit-keyframes identifier {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes identifier {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.plane-img {
    right: 40%;
    height: 80%;
}

/* Home services */
.home-service-bg .card {
    width: 26rem !important;
    border-radius: 1rem !important;
    overflow: hidden;
}

.srvice-cards {
    height: 60rem;
    margin-top: -2rem;
}

.card-hover-main {
    overflow: hidden;
}

.card-content {
    background-color: var(--primary-green);
    padding: 3rem;
    height: 100%;
    margin-bottom: -30rem;
    transition: all 0.3s;
}

.card:hover .card-hover-main .card-content {
    margin-bottom: 0rem;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-service-bg {
    background: url(../img/textue-img.png) no-repeat;
    width: 100%;
    height: 100vh;
    background-position: right;
}

/* key frature */
.key-feature-bg {
    padding: 4rem 0rem;
    margin-top: 6rem;
}

.key-feature-bg::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: url(../bg/key-fearure-bg.png) no-repeat;
    background-size: 100% 100%;
    z-index: -3;

}

.circle_button-second {
    margin-top: -4rem;
    margin-right: 2rem;
}

.key-feature-icons img {
    width: 35%;
}


/* testimonials */
.slick-slider .element{
    opacity: .3;
    transition: all .3s;
    margin: 0px 5px;
  }
  .slick-current.slick-active.slick-center {
    opacity:1;

}
.carousel {
    background-color: #000
  }

  .slide-second{
    opacity: 1 !important;
  }

.slick-slider img{
    width: 8%;
}

.slick-list {
    margin-left: 128px !important;
    padding: 0px 408px 5px 0px !important;
}
.testi-change-btn{
    background-color: transparent !important;
    border: transparent;
    color: #A5B5D4 !important;
}
.fa-arrow-left-long, .fa-arrow-right-long {
    background-color: #A5B5D4;
    padding: 4px 5px;
    color: #ffff;
    border-radius: 5px;
    font-size: 20px;
}
.active-testi{
    color: #5D6479 !important;
}
.active-testi i{
    background-color:#5D6479 !important;
}


/* footer */

.footer-bg::after{
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: url(../bg/footer-bg.png) no-repeat;
    background-size: 100% 100%;
    z-index: -323;
}
.footer-wrap{
    width: 85%;
}
.footer-bg h5{
    font-weight: 200;
    color: var(--text-gray-1);
}
.footer-bg h5 span{
    color: #1e1e1e;
    font-weight: 600;
}
.footer-bg img{
   width: 40%;
}
.footer-bg{
    padding: 5rem 0rem 0rem 0rem;
    margin-top: 6rem;
}

ul li a{
    transition: all .3s;
}
ul li a:hover{
    color: #051039 !important;
}
.footer-contact h6 a{
    color: var(--text-gray-1);
}
.footer-contact h6 a:hover{
    color:var(--secondary-blue);
}
.social-media li img{
    width: 2rem;
}
.social-media li a:hover{
    opacity: 0.8;
}

/* company  */
.section-padding{
    padding: 6rem 0;
}
.company-banner-section{
    background-image: url(../bg/company-banner-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 664px;
    /* border-bottom: 1px solid #93A1D7; */
}
.comp-section-2{
    background-image: url(../bg/company-s2-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.comp-s2-card-margin{
    margin-top: -5rem;
}

.comp-section-3{
    background-image: url(../bg/company-s3-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.comp-s3-mission-icon{
    max-width: 104px;
}

/* services  */
.services-banner-section{
    background-image: url(../bg/services-banner-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 664px;
}

/* cta-card */
.cta-card{
    background-color: #7526E8;
}
.cta-icon{
    max-width: 137px;
    bottom: -216px;
    left: -63px;
}
/* industries  */
.indus-card-h-margin{
    margin-left: -6rem;
}
.indus-card-div{
    border-radius: 16px;
}
.indus-card-div::before{
    content: '';
    position: absolute;
    top: -0.5px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 1.5px);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1517857142857143) 100%);
    border-radius: 16px;
    z-index: -3;
}
/* connect  */
.connect-cnt-link{
    transition: all 0.3s ease-in-out;
}
.connect-cnt-link:hover{
    color: var(--primary-blue) !important;
    transition: all 0.2s ease-in-out;
}
.connect-locate-btn{
    background-color: var(--secondary-blue);
}
.connect-locate-btn{
    transition: all 0.2s ease-in-out;
}
.connect-locate-btn:hover{
    background-color: var(--primary-blue) !important;
    transition: all 0.2s ease-in-out;
}
.connect-form-field{
    background-color: #f8f8f8;
    border: 1px solid #e8e8e8;
    height: 52px;
}
.connect-form-field:focus-visible{
    outline: none;
}
.connect-form-btn{
    background-color: var(--primary-green);
    transition: all 0.3s ease-in-out;
}
.connect-form-btn:hover{
    background-color: var(--primary-blue);
    color: var(--primary-green) !important;
    transition: all 0.3s ease-in-out;
}
.connect-frm-btn-logo{
    transition: all 0.3s ease-in-out;
}
.connect-form-btn:hover .connect-frm-btn-logo{
    fill: var(--primary-green);
    transition: all 0.3s ease-in-out;
}
/* services-inner  */
.servi-inner-ban-pad{
    padding-top: 150px;
}
.servi-inner-s2{
    background-image: url(../bg/company-s3-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.servi-inner-s3{
    background-image: url(../bg/section-2-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.serv-inner-point::after{
    content: '';
    position: absolute;
    background-image: url(../img/servi-pointer.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    width: 42px;
    height: 42px;
    left: -45px;
    top: 1px;
}

/* counter  */
.count-card{
    background: linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(235,240,255,1) 100%);
    box-shadow: 0 4px 25px 0px #0000000d;
}
.count-card img {
    max-width: 94px;
}
.count-card-text-div{
    margin-top: -5px;
}
.counter-card-p{
    color: #00176F;
}
.counter {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s, visibility 1s;
  }