.home-page {
        overflow: hidden;
    }
    .custom-you iframe .ytp-chrome-top.ytp-show-cards-title {
        display: none !important;
    }
    .height_auto{
        height: auto !important;
    }
    .main-banner iframe{
        width: 100%;
        height: 650px;
    }
    .main-nav .inner-nav .m-part{
        position: static;
    }
    #main_nav ul li a{
        color: #333333;
        font-weight: 500;
        padding: 10px 0px 10px;
        text-transform: uppercase;
        font-size: 13px;
        cursor: pointer;
    }
    .is-sticky #main_nav ul li a{
        color: #000000;
    }
    #main_nav .sub_menu a{
        display: block;
        padding: 10px;
        margin-bottom:0px;
        border-right: 1px solid #cccccc;
    }
    #main_nav .sub_menu a span{
        display: block;
        margin: 0px;
        color: #2264dc;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
    }
    #main_nav .sub_menu a p{
        font-size: 11px;
        color: #333333;
        line-height: 20px;
        letter-spacing: 0.5px;
        margin: 0;
        font-weight: 400;
        text-transform: none;
    }
    #main_nav .sub_menu a:hover{
        background: #eeeeee;
    }
    .dropdown-menu>li:hover>.submenu, .dropdown:hover>.dropdown-menu{
        padding-top: 20px;
        border:none;
    }
    #main_nav .sub_menu ul.case{
        display: block;
        margin: 0 60px;
        padding: 7px 0px 12px 0px;
    }
    #main_nav .sub_menu ul.case li{
        display: inline-block;
        margin-right: 20px;
        padding-right: 20px;
        border-right: 1px solid #cccccc;
        line-height: 20px;
    }
    #main_nav .sub_menu ul.case li a{
        font-size: 16px;
        display: inline-block;
        color: #000000;
        padding: 0;
        margin: 0;
        text-transform: capitalize;
        border-radius: 0;
        line-height: 15px;
        border: none;
    }
    #main_nav .sub_menu ul.case li:last-child{
        border: none;
    }
    .main-nav .inner-nav .ot-list{
        margin: 0 0 5px 0 !important;
    }
    .main-nav .inner-nav .l-part{
        margin-bottom: 0px;
    }
    .is-sticky #main_nav ul li a.nav-link{
        padding: 10px 0px 10px;
    }
    .main-nav.is-sticky .inner-nav .ot-list{
        margin: 0 0 0px 0 !important;
    }
    .main-nav.is-sticky .inner-nav .l-part{
        margin-bottom: 0px;
    }
    .main-nav.is-sticky .inner-nav{
        padding: 10px 3em;
    }
    /* Custom CSS start here */
    .main-banner-swiper-container .banner-pagination{
        display: none;
    }
    .main-nav .inner-nav .l-part .logo{
        width: 250px;
    }
    .main-nav{
        position: static;
    }
    .main-nav .inner-nav{
        padding: 10px 3rem;
    }
    /* .menu-link{
        z-index: 1;
        position: absolute;
        bottom: 10px;
    }
    .menu-link ul li{
        display: inline-block;
        margin-right: 30px;
    }
    .menu-link ul li a{
        color: #ffffff;
        text-transform: uppercase;
        font-size: 13px;
        text-decoration: underline !important;
        letter-spacing: 1px;
    }
    */
    .menu-link{
        margin: 30px 0;
    }
    .menu-link ul{
        display: flex;
        flex-wrap: wrap;
    }
    .menu-link ul li{
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        position: relative;
        margin-right: 10px;
    }
    .menu-link ul li:last-child{
        margin-right: 0;
    }
    .menu-link ul li a{
        color: #ffffff;
        text-transform: uppercase;
        font-size: 15px;
        background: #1b5dbc;
        letter-spacing: 1px;
        padding: 10px 20px;
        display: block;
        cursor: pointer;
    }
    .img-service img{
        width: 400px;
        height: 228px;
    }
    .main-banner .banner-content-area h1{
        font-size: 50px;
        text-transform: capitalize;
        line-height: 50px;
    }
    .main-banner .banner-content-area h1 span {
        color: #ffffff;
        font-style: normal;
        font-weight: 800;
    }
    .main-banner .banner-content-area h1 br{
        display: none;
    }
    .home-page p.para{
        float: left;
    }
    .main-banner-swiper-container .swiper-slide-active p{
        margin: 0;
    }
    /*.more-info .col-lg-5{
        background-position: -13px -40px !important;
    }
    */
    .more-info h2{
        padding: 40px 110px 0;
        text-align: left;
        text-transform: capitalize;
    }
    .more-info p{
        font-weight: 500;
        text-align: left;
        padding: 20px 110px 20px;
    }
    .more-info a{
        font-size: 13px;
        color: #ffffff;
        background: #19405d;
        padding: 7px 10px;
        box-shadow: 0 10px 25px #cccccc;
        display: inline-block;
        margin-bottom: 30px;
        cursor: pointer;
        margin: 0 0 0 110px;
        letter-spacing: 1px;
    }
    .paragraph{
        color:#ffffff;
        padding: 10px 20%;
        letter-spacing: 0.7px;
        font-size: 17px;
    }
    .home-page .sec-head h2{
        color: #ffffff;
        font-weight: 600;
        font-size: 50px;
    }
    .home-page .sec-head h2 span{
        color: #ffffff;
        font-weight: 700;
    }
    .text-end{
        text-align: left !important;
    }
    .home-page .sec-head.txt-dark h2{
        color: #19405d;
        font-weight: 600;
        font-size: 50px;
        margin: 0 210px;
    }
    .transforming {
        margin-top: 23px;
    }
    .transforming h3{
        position: absolute;
        top: 0;
        color: #ffffff;
        font-size: 24px;
        min-height: 68px;
        font-weight: 500;
        padding: 20px;
    }
    .transforming img{
        height: 228px;
    }
    .c-part {
        opacity: 0;
        position: absolute;
        top: 25%;
        padding: 20px;
    }
    .c-part p {
        color: #ffffff;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        /* number of lines to show */
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .transforming:hover .c-part{
        opacity: 1;
        transition: 2s ease-in;
    }
    .c-part a{
        font-size: 18px;
        color: #ffffff;
        background: #2264dc;
        padding: 10px 20px;
        text-transform: capitalize;
        border-radius: 3px;
    }
    .c-part a:hover{
        background: #19405d;
    }
    .img-hover{
        -webkit-transition: transform 0.5s ease-in-out;
        -moz-transition:transform 0.5s ease-in-out;
        -ms-transition:transform 0.5s ease-in-out;
    }
    .img-hover:hover{
        -moz-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        -o-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    .c-part.c-part-2{
        bottom: 5%;
        top: auto;
    }
    .innovation h2{
        text-align: center;
        color: #000000;
        margin: 0 210px;
    }
    .innovation p{
        padding: 0;
        text-align: center;
        color: #333333;
        margin-top: 20px;
    }
    div#carouselExampleIndicators {
        /* background: rgb(55 114 255) url(../images/bg.png);
        */
        /* padding: 40px 20px;
        */
        /* border-radius: 10px;
        */
        /* box-shadow: 0px 10px 25px #462a99;
        */
    }
    .testimonial {
        padding: 0;
    }
    .testimonial .row .tabs {
        all: unset;
        margin-right: 50px;
        display: flex;
        flex-direction: column;
    }
    .testimonial .row .tabs li {
        all: unset;
        display: block;
        position: relative;
    }
    .testimonial .row .tabs li.active::before {
        display: none;
        position: absolute;
        content: "";
        width: 50px;
        height: 50px;
        background-color: #3772ff;
        border-radius: 50%;
    }
    .testimonial .row .tabs li.active::after {
        display: none;
        position: absolute;
        content: "";
        width: 30px;
        height: 30px;
        background-color: #df2935;
        border-radius: 50%;
    }
    .testimonial .row .tabs li:nth-child(1) {
        align-self: flex-end;
    }
    .testimonial .row .tabs li:nth-child(1)::before {
        left: 64%;
        bottom: -50px;
    }
    .testimonial .row .tabs li:nth-child(1)::after {
        left: 97%;
        bottom: -81px;
    }
    .testimonial .row .tabs li:nth-child(1) figure img {
        margin-left: auto;
    }
    .testimonial .row .tabs li:nth-child(2) {
        align-self: flex-start;
    }
    .testimonial .row .tabs li:nth-child(2)::before {
        right: -65px;
        top: 50%;
    }
    .testimonial .row .tabs li:nth-child(2)::after {
        bottom: 101px;
        border-radius: 50%;
        right: -120px;
    }
    .testimonial .row .tabs li:nth-child(2) figure img {
        margin-right: auto;
        max-width: 300px;
        width: 100%;
        margin-top: -50px;
    }
    .testimonial .row .tabs li:nth-child(3) {
        align-self: flex-end;
    }
    .testimonial .row .tabs li:nth-child(3)::before {
        right: -10px;
        top: -66%;
    }
    .testimonial .row .tabs li:nth-child(3)::after {
        top: -130px;
        border-radius: 50%;
        right: -46px;
    }
    .testimonial .row .tabs li:nth-child(3) figure img {
        margin-left: auto;
        margin-top: -50px;
    }
    .testimonial .row .tabs li:nth-child(3):focus {
        border: 10px solid red;
    }
    .testimonial .row .tabs li figure {
        position: relative;
    }
    .testimonial .row .tabs li figure img {
        display: block;
    }
    .testimonial .row .tabs li figure::after {
        content: "";
        position: absolute;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        border: 6px solid #3772ff;
        border-radius: 50%;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }
    .testimonial .row .tabs li figure:hover::after {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .testimonial .row .tabs.carousel-indicators li.active figure::after {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .testimonial .row .carousel > h3 {
        font-size: 21px;
        line-height: 1.45;
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 0;
    }
    .testimonial .row .carousel h1 {
        font-size: 40px;
        line-height: 1.225;
        margin-top: 23px;
        font-weight: 700;
        margin-bottom: 0;
    }
    .testimonial .row .carousel .carousel-indicators {
        all: unset;
        padding-top: 43px;
        display: none;
        list-style: none;
    }
    .testimonial .row .carousel .carousel-indicators li {
        background: #ffffff;
        background-clip: padding-box;
        height: 5px;
        width: 30px;
        cursor: pointer;
        margin: 0 8px;
    }
    .testimonial .row .carousel .carousel-indicators li.active{
        background: #df2935;
    }
    .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper {
        margin-top: 42px;
    }
    .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper p {
        font-size: 18px;
        line-height: 1.72222;
        font-weight: 500;
        color: #ffffff;
    }
    .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper h3 {
        color: #ffffff;
        font-weight: 700;
        margin-top: 37px;
        font-size: 20px;
        line-height: 1.45;
        text-transform: uppercase;
    }
    @media only screen and (max-width: 1200px) {
        .testimonial .row .tabs {
            margin-right: 25px;
        }
    }
    section#what-do-we-offer .sec-head h2{
        color: #ffffff;
    }
    section#what-do-we-offer .sec-head h2 span{
        color: #ffffff;
    }
    .arrow i{
        color: #f00;
        font-size: 50px;
    }
    .sec-head.industries h2{
        color: #19405d;
        font-weight: 600;
        font-size: 50px;
        letter-spacing: 1px;
        text-align: left;
    }
    .sec-head.industries p{
        text-align: left !important;
        line-height: 30px;
        margin-top: 30px;
    }
    .banner-text {
        position: absolute;
        top: 20%;
        left: 10%;
        width: 60%;
    }
    .banner-text p {
        font-size: 75px;
        color: #ffffff;
        font-weight: normal;
        /* font-family: "Barlow Condensed", sans-serif;
        */
        font-family: "helvetica", sans-serif;
        line-height: 75px;
    }
    .banner-text p b{
        font-weight: 700;
        color: #2264dc;
        /* font-family: "Barlow Condensed", sans-serif;
        */
        font-family: "helvetica", sans-serif;
    }
    .we-built {
        text-align: center;
    }
    .we-built p {
        color: #19405d;
        font-weight: 600;
        font-size: 50px;
        line-height: 60px;
        /* font-family: "Barlow Condensed", sans-serif;
        */
        font-family: "helvetica", sans-serif;
    }
    .we-built p b {
        font-weight: 700;
        color: #2264dc;
        /* font-family: "Barlow Condensed", sans-serif;
        */
        font-family: "helvetica", sans-serif;
    }
    .why-choose .sec-head h2{
        color: #19405d;
        font-weight: 600;
        font-size: 50px;
    }
    .why-choose .swiper-slide{
        border: 1px solid #2888cf;
    }
    .why-choose .swiper-slide h4{
        position: absolute;
        top: 10px;
        left: 20px;
        padding: 0 10px;
        font-size: 24px;
        letter-spacing: 2px;
        font-weight: bold;
        text-transform: uppercase;
        color: #ffffff;
        /* font-family: "Barlow Condensed", sans-serif;
        */
        font-family: "helvetica", sans-serif;
    }
    .why-choose .swiper-slide p{
        line-height: 60px;
        text-align: left;
        margin: 15px;
        color: #ffffff;
        font-weight: 600;
        font-size: 50px;
    }
    .why-choose .swiper-slide h4 b{
        color: #ffffff;
        font-weight: normal;
        /* font-family: "Barlow Condensed", sans-serif;
        */
        font-family: "helvetica", sans-serif;
    }
    .achievement-sec{
        padding: 140px 0 100px;
        position: relative;
    }
    .achievement-sec:after{
        content: 'ACHIEVEMENTS';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        font-size: 135px;
        margin: 0;
        line-height: 140px;
        letter-spacing: 68px;
        color: #95acbc;
        font-weight: 900;
        /* font-family: "Barlow Condensed", sans-serif;
        */
        font-family: "helvetica", sans-serif;
        text-align: center width:100%;
    }
    .sec-hgt {
        background: #738998;
    }
    .achievements .sec-hgt p{
        font-size: 16px;
        color: #ffffff;
        padding: 80px 30px;
        text-align: center;
        letter-spacing: 1.5px;
    }
    .achievements .swiper-button-prev, .achievements .swiper-button-next{
        top: 46%;
    }
    .let-get{
        padding: 10px 0;
        background-color: #264d69;
    }
    .let-get .sec-head h2{
        text-align: left;
        word-wrap: normal;
        white-space: nowrap;
        color: #ffffff;
        font-weight: 600;
        font-size: 50px;
    }
    .let-get p{
        font-size: 16px;
        color: #ffffff;
        margin-top: 30px;
        letter-spacing: 0.5px;
    }
    .let-get a{
        font-size: 15px;
        color: #ffffff;
        padding: 20px 0px;
        display: inline-block;
        vertical-align: top;
        margin: 80px 30px 0 0;
        text-transform: uppercase;
        background: #9fb1bd;
        border-radius: 3px;
        letter-spacing: 1px;
        width: 250px;
        text-align: center;
        text-transform: capitalize;
    }
    .let-get a:hover{
        background: #2264dc;
    }
    .let-get img{
        width:70% !important;
        float:right;
    }
    .main-banner{
        min-height: auto;
    }
    .main-banner.custom-you{
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        aspect-ratio: 16 / 9; 
        /* position: relative;
        width: 100%;
        overflow: hidden;
        padding-top: 56.25%;
        */
    }
    .main-banner.custom-you iframe{
        /*pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: none;
        */
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100vw;
        height: 57vw;
        transform: translate(-50%, -50%);
    }
    .main-banner iframe .ytp-chrome-top.ytp-show-cards-title{
        display: none !important;
    }
    .contact-us-sec {
        padding-top: 0;
    }
    section.info-sec.sec.use-case {
        padding-top: 0;
    }
    .counter-container{
        display: block;
        text-align: center;
    }
    .counter-container .counter-card {
        position: relative;
        padding: 0px 1em !important;
        width: 23%;
        display: inline-block;
        vertical-align: middle;
    }
    .counter-container .counter-card.style-2 h2 {
        font-size: 21px;
        font-weight: normal;
    }
    .main-banner .container .row {
        min-height: auto;
    }
    .achievements{
        padding: 0px;
    }
    /*.achievement-sec .container{
        max-width:1240px;
        width: 1240px;
    }
    */
    .let-get .sec-head{
        margin: 0 0 0 120px;
        z-index: 9;
    }
    .we-automate p{
        color: #333333;
        font-size: 26px;
        font-weight: 500;
        text-align: center;
    }
    .main-banner > img{
        position: static;
        height:500px;
    }
    .home-page .banner-content {
        position: absolute;
        top: 17%;
    }
    .banner_para{
        font-size: 18px;
        color: #ffffff;
        /* font-family: "sequel-book", sans-serif;
        */
        font-family: "helvetica", sans-serif;
    }
    /* .main-banner .banner-content-area:after {
        content: '';
        background: #2264dc;
        width: 1px;
        height: 140px;
        position: absolute;
        right: -67px;
        top: 0;
    }
    */
    .why-choose .container{
        width: 1320px;
        max-width: 1320px;
    }
    .why-choose-sec {
        margin: 0 25px 30px;
    }
    .why-choose-sec img{
        width: 80px;
    }
    .why-choose-sec h3{
        font-size: 21px;
        color: #000000;
        /* font-family: "Barlow Condensed", sans-serif;
        */
        font-family: "helvetica", sans-serif;
        font-weight: 600;
        margin: 20px 0 10px;
        min-height: 50px;
    }
    .why-choose-sec p{
        font-size: 15px;
        color: #333333;
        margin: 0;
        /*min-height: 112px;
        */
    }
    .our-significant .sec-head h2{
        text-align: left;
        color: #19405d;
        font-weight: 600;
        font-size: 50px;
        margin-bottom: 40px;
    }
    .our-significant .why-choose-sec{
        margin: 10px 0 80px;
        text-align: center;
        position: relative;
    }
    .our-significant .why-choose-sec:hover{
        box-shadow: none;
    }
    .our-significant .why-choose-sec h3{
        text-align: left;
        font-size: 20px;
        font-weight: normal;
        padding-right: 10px;
    }
    .our-significant .why-choose-sec h3 b{
        color: #2264dc;
        display: block;
        font-size: 21px;
        margin-bottom: 10px;
        font-weight: 600
    }
    .col-lg-4 .why-choose-sec {
        margin: 0 0px 50px;
    }
    .col-lg-4 .why-choose-sec:after {
        content: '';
        position: absolute;
        background: #cccccc;
        width: 1px;
        height: 100%;
        right: 0px;
        top: 0;
    }
    .col-lg-4 .why-choose-sec.why-choose-sec-2:after{
        display: none;
    }
    /*section#whom-do-we-serve{
        background: url('../images/Industries-Section.webp');
        background-repeat: no-repeat;
        width: 100%;
        background-size: cover;
        background-position: 0 0;
        padding: 30px 0 330px;
    }
    */
    .industries-section{
        /*position: absolute;
        top: 10%;
        width: 45%;
        */
    }
    /*section#whom-do-we-serve .sec-head {
        margin-left: 100px;
    }
    */
    .let-get a {
        font-size: 15px;
        color: var(--blue4);
        padding: 13px 0px;
        display: inline-block;
        vertical-align: top;
        margin: 80px 30px 0 0;
        text-transform: none;
        background: #ffffff;
        border-radius: 3px;
        letter-spacing: 0.5px;
        width: 183px;
        text-align:center;
    }
    .let-get a {
        font-size: 15px;
        color: var(--blue4);
        padding: 13px 0px;
        display: inline-block;
        vertical-align: top;
        margin: 30px 30px 0 0;
        text-transform: none;
        background: #ffffff;
        border-radius: 3px;
        letter-spacing: 0.5px;
        width: 183px;
        text-align:center;
    }
    .main-btn{
        padding: 10px 2em;
    }
    .why-choose .swiper-button-prev{
        left: 80px;
    }
    .why-choose .swiper-button-next{
        right: 80px;
    }
    .why-choose .swiper-button-prev:after{
        color: #ffffff;
    }
    .why-choose .swiper-button-next:after{
        color: #ffffff;
    }
    .why-choose .swiper-slide img{
    }
    .cc-tabs li button{
        font-size: 18px;
        font-weight: 500;
    }
    .vtr-card-wrapper .con h3{
        font-size: 25px;
        margin-bottom: 20px;
    }
    .vtr-card-wrapper .con p{
        letter-spacing: 0.5px;
        font-size: 14.5px;
    }
    .looking-for{
        position: relative;
    }
    .looking-for:after{
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        background: url('../images/globe.png');
        height: 287px;
        width: 290px;
        background-size: cover;
    }
    .looking-for:before{
        position: absolute;
        content: '';
        right: 0;
        top: 0;
        background: url('../images/globe-2.png');
        height: 287px;
        width: 290px;
        background-size: cover;
    }
    .vtr-card-wrapper{
        padding-top: 110% !important;
    }
    .why-choose-sec .read-more{
        display: inline-block;
        margin: 10px 0 0 0;
        font-size: 17px;
    }
    .why-choose-sec .read-more img {
        width: 17px;
        margin: -2px 0 0 9px;
    }
    .filter-bar.job-search {
        width: 30%;
        margin: 0 auto;
    }
    /*.banner-content.blog-detail h1 {
        text-align: left !important;
    }
    */
    .inner-main-header.style-2 .banner-content.blog-detail {
        margin-top: 0;
        margin-bottom: 2em;
    }
    .inner-main-header .banner-content {
        padding-top: 6em !important;
    }
    .inner-main-header .banner-content h1 {
        font-size: 45px;
        font-weight: 600;
        color: white;
        text-align: center;
    }
    div#fullPageModal{
        pointer-events: none;
    }
    #fullPageModal .modal-fullscreen .modal-content{
        width: 50%;
        margin: 0 auto;
    }
    span.web-heading {
        position: absolute;
        right: 20px;
    }
    .bdr-sec {
        border: 2px solid #042546;
        padding: 15px 20px;
        margin: 20px;
        position: relative;
        background: #8e9cdf14;
        min-height: 260px;
        border-radius: 6px;
        color: #000000;
    }
    .bdr-sec:hover{
        background: #eeeeee;
    }
    .bdr-sec h3{
        min-height: 67px;
    }
    .bdr-sec p{
        font-size: 15px;
        color: #8d8d8d;
        line-height: 28px;
        margin: 15px 0 0 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        /* number of lines to show */
        line-clamp: 4;
        -webkit-box-orient: vertical;
        min-height: 112px;
    }
    .bdr-sec a{
        margin: 10px 0 0 0;
        display: inline-block;
        text-transform: capitalize;
    }
    /*.g-top{
        content: '';
        position: absolute;
        background-image: linear-gradient(to right, #2264dc, #000000);
        width: 80px;
        height: 80px;
        top: 10px;
        left: 22px;
    }
    .g-bottom{
        content: '';
        position: absolute;
        background-image: linear-gradient(to right, #000000, #2264dc);
        width: 80px;
        height: 80px;
        bottom: 10px;
        right: 22px;
        z-index: -1;
    }
    */
    .blue_bg{
        background:#2264dc;
        padding: 30px;
    }
    .blue_bg h3{
        font-size: 24px;
        color: #ffffff;
    }
    .blue_bg p{
        font-size: 15px;
        color: #ffffff;
        margin-top: 20px;
        font-weight: bold;
    }
    .counter-card img{
        width: 80px;
        margin-bottom: 15px;
    }
    .goals .counter-container{
        text-align: left;
        display: flex;
        flex-wrap: wrap;
    }
    .goals .counter-card {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .goals .counter-container .counter-card:not(:last-child){
        border-right: none;
    }
    .goals .counter-container .counter-card p{
        text-align: left;
    }
    /*.sd-card.use-case{
        margin-top: -70px;
    }
    */
    /*.sd-card.blog-sd-card{
        position: sticky;
        top: 80px;
        margin-top: 0;
    }
    */
    .bg-sec{
        padding: 20px 40px;
        text-align: center;
        border-radius: 3px;
        margin-bottom: 20px;
    }
    .sticky-sec{
        margin-top: 30px;
        position: sticky;
        top: 80px;
    }
    .bg-sec h3{
        color: #ffffff;
    }
    .bg-sec p{
        color: #ffffff;
    }
    .bg-sec a{
        background: #ffffff;
        padding: 10px 30px;
        border-radius: 30px;
        margin: 50px 0 0 0;
        display: inline-block;
        color: #000000;
    }
    .bg-sec a:hover{
        background: #2d75ff !important;
        color: #ffffff;
    }
    .blog-content-area span{
        font-weight: bold;
        text-transform: uppercase;
    }
    .recent-post{
        background: white;
        box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
        padding: 1.5em;
    }
    .recent-post p{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .recent-post .row:after {
        content: '';
        position: absolute;
        width: 92%;
        height: 1px;
        background: #cccccc;
        bottom: 0;
        left: 11px;
    }
    span.custom-date {
        font-style: italic;
        font-weight: normal;
        text-transform: capitalize;
        margin-bottom: 15px;
        display: inline-block;
    }
    .html-editor ul{
        margin: 0 0 0 35px;
    }
    .html-editor ul li{
        list-style: disc !important;
        list-style-position: unset;
        margin-bottom: 10px;
    }
    .html-editor ol{
        padding-left: 20px !important;
        margin-top: 20px;
    }
    .html-editor ol li{
        list-style: auto !important;
        list-style-position: unset;
        margin-bottom: 10px;
    }
    ul.point-list {
        list-style: none !important;
        margin: 0;
    }
    ul.point-list li {
        list-style: none !important;
    }
    p#cookieText {
        margin: 0;
    }
    p#cookieText a{
        color: #ffffff;
    }
    button#acceptCookiesBtn {
        padding: 3px 20px;
        border: none;
        margin-right: 5px;
    }
    button#rejectCookiesBtn {
        padding: 0 20px;
    }
    .banner-content-1 {
        padding: 140px 0;
    }
    .banner-content-1 h2 {
        font-size: 52px;
        font-weight: 600;
        color: white;
        text-align: center;
    }
    .marquee-container{
        z-index: 999 !important;
    }
    /*div#buzzsprout-small-player{
        background: #000000;
        padding: 30px 30px 20px;
        margin: 30px 0 0 0;
    }
    */
    .links{
        width: 50%;
        display: inline-block;
        vertical-align: middle;
    }
    .links ul li{
        display: inline-block;
        vertical-align: top;
        margin: 20px 10px 0 0;
    }
    .links ul li a{
        color: #ffffff;
        font-size: 18px;
    }
    .cspeak-pro{
        width: 45%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        margin: 20px 0 0 0;
    }
    .section {
        margin-bottom: 40px;
    }
    .quote {
        background-color: #eef4fa;
        border-left: 4px solid #0077cc;
        padding: 15px 20px;
        margin: 20px 0;
        font-style: italic;
    }
    .home-page .main-header-area .swiper {
        height:500px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }
    
    .cs-card .det h3 {
        text-align: center;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        color: white;
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 10px;
    }




    /* ──  New Section Tab Start── */
    .coz-tab-list {
        display: flex;
        flex-direction: column;
    }

    .coz-tab-item {
        color: #ffffff;
        font-size: 16px;
        font-weight: 500;
        padding: 16px 20px;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
        cursor: pointer;
        transition: all 0.3s ease;
        border-left: 4px solid transparent;
    }
     .coz-tab-item1 {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        padding: 16px 20px;
        border-bottom: 1px dashed #000;
        cursor: pointer;
        transition: all 0.3s ease;
        border-left: 4px solid transparent;
    }

    .coz-tab-item:first-child {
        border-top: 1px dashed rgba(255, 255, 255, 0.2);
    }
    .coz-tab-item1:first-child {
        border-top: 1px dashed #000;
    }
    .coz-tab-item:hover {
        color: #00aaff;
        padding-left: 28px;
    }

    .coz-tab-item.active {
        background: #00aaff;
        color: #ffffff;
        border-left: 4px solid #ffffff;
        padding-left: 24px;
        border-bottom: none;
        border-radius: 2px;
    }

    /* ── Right Panel ── */
    .coz-tab-panel {
        display: none;
        height: 100%;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 0.4s ease;
    }

    .coz-tab-panel.active {
        display: flex;
        opacity: 1;
        position: relative;
        padding: 40px 30px 40px;
    }

    /* ── Panel Image ── */
    .panel-image {
        width: 100%;
        height: 400px;
        overflow: hidden;
        flex-shrink: 0;
    }
    .panel-image1 {
        width: 100%;
        height: 300px;
        overflow: hidden;
        flex-shrink: 0;
    }
    .panel-image img, .panel-image1 img{
        width: 100%;
        height: 99%;
        object-fit: fill;
        object-position: center;
        display: block;
        padding: 25px 30px 20px;
    }

    /* ── Panel Content ── */
    .panel-content {
        /*background: #0d1f4e;*/
        padding: 25px 30px 20px;
        /*flex: 1;*/
    }

    .panel-content h3 {
        color: #ffffff;
        font-size: 26px;
        font-weight: 700;
        margin: 0 0 14px 0;
    }

    .panel-content p {
        color: rgba(255, 255, 255, 0.8);
        font-size: 15px;
        line-height: 1.7;
        margin: 0 0 20px 0;
    }

    /* ── Learn More ── */
    .panel-learn-more {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
        transition: gap 0.2s;
    }

    .panel-learn-more:hover {
        gap: 16px;
        color: #00aaff;
    }

    .panel-arrow {
        width: 32px;
        height: 32px;
        background: #00aaff;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 16px;
        transition: background 0.2s;
    }

    .panel-learn-more:hover .panel-arrow {
        background: #ffffff;
        color: #0a1628;
    }

    /* ── Fade animation ── */
    @keyframes panelFade {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .coz-tab-panel.active {
        animation: panelFade 0.35s ease forwards;
    }

    /* ── Mobile ── */
    @media (max-width: 991px) {
        section>.container-fluid>.row {
            flex-direction: column;
        }

        .col-lg-5 {
            padding: 30px 20px !important;
        }

        .panel-image {
            height: 250px;
        }

        .panel-content {
            padding: 20px;
        }

        .panel-content h3 {
            font-size: 20px;
        }

        .coz-tab-item {
            font-size: 14px;
            padding: 12px 16px;
        }
    }

    @media (max-width: 575px) {
        .coz-tab-panel.active {
            display: flex;
            opacity: 1;
            position: relative;
            padding: 15px 0px 15px;
        }

        .sec {
            padding-top: 30px !important;
        }
    }
    /* New Section Tab End */
    /* New Slider Start */
    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: auto;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
    }
    .card-text-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 2;/* change number = number of lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
        /*color: rgba(255, 255, 255, 0.85) !important;*/
    }
    .new-card{
        background: #21252900;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        /*border: 1px solid rgba(255, 255, 255, 0.08); */
    }
    .new-card:hover {
        transform: translateY(-6px);
        box-shadow: rgba(0, 0, 0, 0.4) 0px 16px 40px;
        border-color: rgba(77, 184, 255, 0.3);
    }
    .new-card img{
        height: 200px;
        object-fit : fill;
    }
    .new-card h3{
        /*color: #fff !important;*/
        font-size: 17px !important;
        font-weight: 700 !important;
        margin: 0 0 8px 0 !important;
        line-height: 1.3 !important;
        padding: 0;
    }
    
    /* ── Card Wrapper ── */
    .vtr-card-wrapper {
        display: flex;
        flex-direction: column;
        /* background: #21252900; */
        border-radius: 12px;
        overflow: hidden;
        text-decoration: none !important;
        height: auto;
        /* ← change from fixed to auto */
        min-height: 0;
        /* ← remove min-height */
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border: 1px solid rgba(255, 255, 255, 0.08);
        gap: 0;
        padding-top: 100% !important;
    }

    .vtr-card-wrapper:after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: none !important;
    }

    .vtr-card-wrapper:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
        border-color: rgba(77, 184, 255, 0.3);
    }

    /* ── Image ── */
    .vtr-card-wrapper>img {
        width: 100%;
        height: 210px;
        min-height: 210px;
        max-height: 210px;
        object-fit: cover;
        object-position: center;
        display: block;
        flex-shrink: 0;
        margin: 0;
        padding: 0;
    }

    .vtr-card-wrapper:hover>img {
        transform: scale(1);
    }

    /* ── Content — directly after image, no gap ── */
    .vtr-card-wrapper .con {
        min-height: 120px;
        padding: 15px 15px 15px 15px;
        display: flex;
        flex-direction: column;
        /* background: #0d2d6b; */
        margin-top: 1rem;
        gap: 0;
        flex: 0 0 auto;
        /* ← don't stretch */
    }

    /* ── Title ── */
    .vtr-card-wrapper .con h3 {
        color: #fff !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        margin: 0 0 8px 0 !important;
        line-height: 1.3 !important;
        padding: 0;
        flex-shrink: 0;
    }

    /* ── Description ── */
    .vtr-card-wrapper .con p,
    .vtr-card-wrapper .con p.para,
    .vtr-card-wrapper .con p.white {
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        flex-shrink: 0;
    }

    /* ── Read More — right after description ── */
    .vtr-card-wrapper .read-more {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #ffffff !important;
        font-size: 14px;
        font-weight: 500;
        padding: 12px 18px;
        text-decoration: none !important;
        margin-top: 12px;
        /* ← small gap only between text and button */
        /* border-top: 1px solid rgba(255,255,255,0.1); */
        flex-shrink: 0;
        background: #21252900;
        transition: color 0.2s;
    }

    .vtr-card-wrapper .read-more:hover {
        color: #4db8ff !important;
    }

    /* ── Arrow ── */
    .vtr-card-wrapper .read-more img {
        width: 30px !important;
        height: 30px !important;
        min-height: unset !important;
        max-height: unset !important;
        object-fit: contain !important;
        flex-shrink: 0;
        border-radius: 50%;
        background: #2264dc;
        padding: 7px;
        margin: 0;
        transition: background 0.2s, transform 0.2s;
    }

    .vtr-card-wrapper:hover .read-more img {
        background: #fff;
        transform: translateX(3px);
    }

    /* ── Equal height all cards ── */
    .solution-swiper11 .swiper-slide {
        height: auto;
        display: flex;
    }

    .solution-swiper11 .swiper-slide .vtr-card-wrapper {
        width: 100%;
        flex: 1;
    }

    .solution-swiper11 .swiper-wrapper {
        align-items: stretch;
        /* ← all cards same height */
        padding-bottom: 40px;
    }

    /* ── Pagination ── */
    .solution-swiper11 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background:rgba(0,0,0,.6);/* rgba(255, 255, 255, 0.4);*/
        opacity: 1;
        transition: all 0.3s;
    }

    .solution-swiper11 .swiper-pagination-bullet-active {
        background: #4db8ff;
        width: 24px;
        border-radius: 10px;
    }

    /* ── Mobile ── */
    @media (max-width: 768px) {
        .vtr-card-wrapper>img {
            /*height: 170px;*/
            min-height: 95px;
            max-height: 140px;
        }

        .vtr-card-wrapper .con h3 {
            font-size: 12px !important;
        }
        .vtr-card-wrapper .con p, .vtr-card-wrapper .con p.para, .vtr-card-wrapper .con p.white {
            font-size: 11px !important;
           
        }
    }

    @media (max-width: 575px) {
        .vtr-card-wrapper {
            display: flex;
            flex-direction: column;
            background: #21252900;
            border-radius: 12px;
            overflow: hidden;
            text-decoration: none !important;
            height: auto;
            min-height: 0;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.08);
            gap: 0;
            padding-top: 65% !important;
        }
    }

    /* New Slider End */
     /* ── Counter Card ── */
        .counter-card {
            padding: 10px 0;
            /* border-left: 3px solid #0a2670; */
            padding-left: 20px;
            margin-bottom: 10px;
            transition: border-color 0.3s ease;
        }

        .counter-card:hover {
            border-color: #4db8ff;
        }

        /* ── Number + Suffix ── */
        .counter-number {
            display: flex;
            align-items: baseline;
            gap: 2px;
            margin-bottom: 8px;
        }

        .counter-value {
            font-size: 22px;
            font-weight: 700;
            /* color: #0a2670; */
            color: #2264dc;
            line-height: 1;
            font-family: sans-serif;
        }

        .counter-suffix {
            font-size: 20px;
            font-weight: 800;
            /* color: #0a2670; */
            color: #2264dc;
            line-height: 1;
        }

        /* ── Label ── */
        .counter-label {
            font-size: 16px;
            color: #444444;
            font-weight: 500;
            line-height: 1.4;
        }

        /* ── Mobile ── */
        @media (max-width: 576px) {
            .counter-value {
                font-size: 28px;
            }

            .counter-suffix {
                font-size: 22px;
            }

            .counter-label {
                font-size: 13px;
            }

            .counter-card {
                padding-left: 14px;
            }
        }
        
        .solution-swiper11 .swiper-wrapper .swiper-slide .bl-card:hover {
            border: 1px solid var(--blue3) !important;
        }
        .solution-swiper11 .swiper-wrapper .swiper-slide .bl-card {
            position: relative;
            padding: 1.2em;
            border: 1px solid #fff !important;
            display: block;
            transition: 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        }
        .solution-swiper11 .swiper-wrapper .swiper-slide .bl-card .read-more span {
            color: #fff !important;
            font-weight: 500;
        }
         .solution-swiper11 .swiper-wrapper .swiper-slide .bl-card .dt-date span{
            /* font-family: "sequel-medium", sans-serif; */
            font-family: "helvetica", sans-serif;
            color: #fff !important;
            font-size: 16px;
        }












    /* ============================== */
    /* RESPONSIVE CSS START HERE */
    @media (min-width: 1300px) {
        .ktm-mega-menu {
            position: static;
            margin: 0 15px;
        }
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1420px !important;
        }
        .menu-link ul li a {
            color: #ffffff;
            text-transform: uppercase;
            font-size: 13px;
            background: #1b5dbc;
            letter-spacing: 1px;
            padding: 10px 10px;
            display: block;
            cursor: pointer;
        }
        .new-container-fluid{
            padding: 40px 60px;
        }
        .new-container-fluid h2{
           font-size: 50px;
           font-weight:600;
           margin-bottom:30px;
        }
    }
    @media (max-width:1299px){
        .ktm-mega-menu {
            position: static;
            margin: 0 15px;
        }
        .main-nav .inner-nav .ot-list .main-btn span {
            font-size: 13px;
        }
        #main_nav ul li a {
            font-size: 12px;
        }
        .ktm-mega-menu{
            margin: 0 10px;
        }
        .why-choose .container {
            width: 96%;
            max-width: 96%;
        }
        .why-choose-sec {
            margin: 0 10px 30px;
        }
        .menu-link ul li a {
            color: #ffffff;
            text-transform: uppercase;
            font-size: 13px;
            background: #1b5dbc;
            letter-spacing: 1px;
            padding: 10px 10px;
            display: block;
            cursor: pointer;
        }
        .main-banner.custom-you {
            position: relative;
            width: 100%;
            height: 87vh;
            overflow: hidden;
            aspect-ratio: 16 / 9;
        }
    }
    @media (max-width:1199px){
        .ktm-mega-menu {
            position: static;
            margin: 0 15px;
        }
        #main_nav ul li a {
            color: #333333;
            font-weight: 500;
            padding: 10px 0px 10px;
            text-transform: uppercase;
            font-size: 12px;
            cursor: pointer;
        }
        .main-nav .inner-nav .m-part {
            gap: 10px !important;
        }
        .main-nav.is-sticky .inner-nav {
            padding: 10px 1em;
        }
        .main-nav .inner-nav {
            padding: 10px 1rem;
        }
        .main-nav .inner-nav .l-part .logo{
            width: 180px;
        }
        .ktm-mega-menu {
            margin: 0 5px;
        }
        .main-btn{
            padding: 5px 1rem;
        }
        .main-banner .banner-content-area h1{
            font-size: 35px;
        }
        .banner-text p{
            font-size: 55px;
            line-height: 60px;
        }
        .more-info p{
            padding: 0px 40px 20px;
        }
        .we-built p{
            font-size: 50px;
        }
        .why-choose .swiper-slide p{
            font-size: 55px;
            line-height: 60px;
        }
        .more-info h4 {
            padding: 10px 40px 0;
        }
        .more-info a{
            margin: 0 0 0 40px;
        }
        .menu-link ul li a {
            color: #ffffff;
            text-transform: uppercase;
            font-size: 10px;
            background: #1b5dbc;
            letter-spacing: 1px;
            padding: 10px 10px;
            display: block;
            cursor: pointer;
        }
        .more-info h2 {
            padding: 30px 40px 30px;
            text-align: left;
            text-transform: capitalize;
        }
        h2 {
            font-size: 32px !important;
        }
        .home-page .main-header-area .swiper {
            height: 350px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1;
        }
        .main-banner.custom-you {
            height: 49vh !important;
        }
         .main-banner.custom-you iframe{
            position: absolute;
            top: 42%;
            left: 50%;
            width: 100vw;
            height: 57vw;
            transform: translate(-50%, -50%);
        }

        .menu-link ul li a {
            color: #ffffff;
            text-transform: uppercase;
            font-size: 9px !important;
            background: #1b5dbc;
            letter-spacing: 1px;
            padding: 5px 5px !important;
            display: block;
            cursor: pointer;
        }
        .vtr-card-wrapper>img {
            width: 100%;
            height: 202px;
            min-height: 133px;
            max-height: 100px;
            object-fit: cover;
            object-position: center;
            display: block;
            flex-shrink: 0;
            margin: 0;
            padding: 0;
        }
        .vtr-card-wrapper .con {
            min-height: 120px;
            padding: 15px 10px 15px 10px;
            display: flex;
            flex-direction: column;
            /* background: #0d2d6b; */
            margin-top: 1rem;
            gap: 0;
            flex: 0 0 auto;
        }
        .vtr-card-wrapper .con h3 {
            color: #fff !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            margin: 0 0 8px 0 !important;
            line-height: 1.3 !important;
            padding: 0;
            flex-shrink: 0;
        }
        .vtr-card-wrapper .con p, .vtr-card-wrapper .con p.para, .vtr-card-wrapper .con p.white {
            color: rgba(255, 255, 255, 0.85) !important;
            font-size: 11px !important;
            line-height: 1.6 !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            flex-shrink: 0;
        }
        .vtr-card-wrapper .read-more {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #ffffff !important;
            font-size: 12px;
            font-weight: 500;
            padding: 12px 18px;
            text-decoration: none !important;
            margin-top: 12px;
            /* border-top: 1px solid rgba(255, 255, 255, 0.1); */
            flex-shrink: 0;
            background: #21252900;
            transition: color 0.2s;
        }
        .vtr-card-wrapper .read-more img {
            width: 25px !important;
            height: 25px !important;
            min-height: unset !important;
            max-height: unset !important;
            object-fit: contain !important;
            flex-shrink: 0;
            border-radius: 50%;
            background: #2264dc;
            padding: 7px;
            margin: 0;
            transition: background 0.2s, transform 0.2s;
        }
    }
    @media all and (min-width: 992px) {
        .dropdown-menu {
            width: 13rem;
        }
        .mega-submenu {
            left: 100%;
            top: 0;
            min-width: 25rem;
        }
        .mega-menu {
            left: 0;
            right: 0;
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
            border-radius: 0px 0px 10px 10px;
        }
        .menu-white{
            padding: 0 0px 0 40px;
        }
        .dropdown-menu li {
            position: relative;
        }
        .dropdown-menu .submenu {
            display: none;
            left: 100%;
            top: 0;
        }
        .dropdown-menu>li:hover>.submenu, .dropdown:hover>.dropdown-menu {
            display: block;
            padding-top: 20px;
        }
    }
    @media (max-width:991px){
        .container{
            width: 98%;
            max-width: 98%;
        }
        .mob_view{
            display: none;
        }
        .main-nav.is-sticky .inner-nav {
            padding: 10px 1em;
        }
        .main-nav:not(.is-sticky) .menu-btn img {
            filter: invert(0%) brightness(0%);
        }
        .main-nav .inner-nav .l-part .logo {
            width: auto;
            padding: 0;
        }
        .main-nav .inner-nav .l-part .logo img {
            width: 180px !important;
        }
        .main-banner .banner-content-area h1 {
            font-size: 30px;
            line-height: 35px;
        }
        .mobile-nav .menu-head .logo img {
            width: 180px;
            filter: invert(100%) brightness(10000%);
        }
        .has-mega-menu ul a{
            font-size: 14px;
            padding: 10px 1.5em;
        }
        .has-mega-menu ul a p{
            margin: 0;
            display: none;
        }
        li.has-mega-menu ul li {
            padding: 0px 0 0 20px;
        }
        .has-mega-menu > a:before{
            right: 20px !important;
        }
        .menu-link ul li{
            margin-right: 5px;
        }
        .menu-link ul li a {
            color: #ffffff;
            text-transform: uppercase;
            font-size: 9px;
            background: #1b5dbc;
            letter-spacing: 1px;
            padding: 10px 10px;
            display: block;
            cursor: pointer;
        }
        .we-built p{
            font-size: 40px;
            line-height: 50px;
        }
        .paragraph{
            padding: 10px 10%;
        }
        .transforming img {
            height: auto;
        }
        .container.testimonial {
            width: 98%;
            max-width: 98%;
            padding: 0 20px;
        }
        section#whom-do-we-serve .sec-head {
            margin:0 20px;
        }
        /* .industries-section{
            width: 55%;
        }
        */
        section#whom-do-we-serve {
            padding: 0;
        }
        .banner-text{
            top: 20%;
            width: 70%;
        }
        .c-part{
            opacity: 1;
            top: auto;
            bottom: 0;
            padding: 10px;
        }
        .c-part p{
            font-size: 14px;
            letter-spacing: 0.5px;
            margin: 0;
            -webkit-line-clamp: 3;
            line-clamp: 3;
        }
        .transforming h3{
            font-size: 21px;
            padding: 10px;
            bottom: 40px;
            top: auto;
        }
        .banner-text p {
            font-size: 40px;
            line-height: 45px;
        }
        .our-significant .sec-head h2{
            font-size: 35px;
            margin-bottom: 20px;
        }
        .our-significant .why-choose-sec{
            margin: 10px 0 0px;
        }
        .our-significant .col-lg-6.col-md-5.col-sm-6.col-12.offset-1 {
            margin-left: 0;
            width: 56%;
        }
        .let-get .sec-head {
            margin: 0 40px;
        }
        .let-get .sec-head h2{
            font-size: 40px;
        }
        .our-significant .col-lg-6 .row .col-lg-6{
            width: 50%;
        }
        .sec-head.industries h2{
            font-size: 30px;
        }
        .left-panel p{
            color: #ffffff !important;
        }
        .left-panel p a{
            color: #ffffff !important;
        }
        .accept-cookie {
            background-color: #fbc20a;
            display: inline-block;
            font-weight: 400;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 1px solid transparent;
            padding: 0.475rem 1.2rem;
            font-size: 0.75rem;
            line-height: 1.5;
            border-radius: 0.25rem;
            margin: 0px 10px;
            cursor: pointer;
            /* font-family: Arial, Helvetica, sans-serif;
            */
            font-family: "helvetica", sans-serif;
        }
        .decline-cookie {
            background-color: transparent;
            border: 1px solid #ffffff;
            color: #ffffff;
            display: inline-block;
            font-weight: 400;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            padding: 0.475rem 1.2rem;
            font-size: 0.75rem;
            line-height: 1.5;
            border-radius: 0.25rem;
            margin: 0px 10px;
            cursor: pointer;
            /* font-family: Arial, Helvetica, sans-serif;
            */
            font-family: "helvetica", sans-serif;
        }
        .banner-text {
            top: 10%;
            width: 80%;
        }
        .why-choose .swiper-slide p{
            font-size: 40px;
            line-height: 45px;
        }
        .why-choose .swiper-button-prev {
            left: 20px;
        }
        .why-choose .swiper-button-next {
            right: 20px;
        }
        .our-significant .why-choose-sec h3{
            font-size: 18px;
        }
        .our-significant .why-choose-sec h3 b{
            font-size: 18px;
        }
        .home-page .sec-head.txt-dark h2{
            margin: 0 10px;
        }
        .counter-container .counter-card{
            width: 48%;
            margin-bottom: 30px;
        }
        .counter-container .counter-card:nth-child(2) {
            border: none;
        }
        .main-banner.custom-you {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: 70vh;
            /*padding-top: 56.25%;
            height: auto;
            */
        }
        .main-banner.custom-you iframe {
            position: absolute;
            top: 42%;
            left: 50%;
            width: 100vw;
            height: 57vw;
            transform: translate(-47%, -50%) !important;
        }
        .main-banner.custom-you iframe{
            height: 100vh;
        }
        .filter-bar.job-search{
            width: 50%;
        }
        .bdr-sec{
            padding: 10px;
            min-height: 280px;
        }
        .more-info h2{
            margin: 0;
            text-align: center;
            padding: 0;
        }
        .more-info p{
            text-align: justify;
            margin: 10px 10px 10px;
        }
        .more-info a {
            margin: 0 auto;
            display: block;
            width: 170px;
            text-align: center;
        }
        iframe{
            width: 100%;
        }
    }
    @media (max-width:768px){
        .home-page .banner-content {
            position: absolute;
            top: 10%;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 90%;
        }
        .home-page .banner-content .offset-1{
            margin-left: 0;
            margin-top: 20px;
        }
        .banner-content-area.text-end {
            text-align: center !important;
        }
        .home-page p.para {
            float: none;
        }
        .main-banner-swiper-container .swiper-slide-active p {
            margin: 0;
            text-align: center;
            padding: 0;
            width: 100%;
            max-width: 100%;
        }
        .main-banner {
            min-height: auto;
            padding-bottom: 0;
        }
        .menu-link {
            margin: 20px 0;
        }
        .menu-link ul{
            display: block;
        }
        .menu-link ul li{
            width: 49%;
            display: inline-block;
            margin: 0 0 3px;
        }
        .we-built p{
            font-size: 30px;
            line-height: 35px;
        }
        .more-info p{
            padding: 0 20px;
        }
        .home-page .sec-head h2{
            font-size: 30px;
        }
        section#whom-do-we-serve img{
            width: 100%;
        }
        /*.industries-section {
            width: 95%;
        }
        */
        .sec-head.industries p{
            margin-top: 10px;
            font-size: 13px;
            line-height: 21px;
        }
        .banner-text {
            top: 10%;
            width: 80%;
            left: 50px;
        }
        .our-significant .col-lg-6.col-md-6.col-sm-6.col-12.offset-1{
            width: 100%;
            margin: 30px 0 0 0;
        }
        .our-significant .col-lg-5.col-md-5.col-sm-5.col-12{
            width: 100%;
        }
        .let-get a{
            font-size: 14px;
            margin: 20px 10px 0 0;
            width: 160px;
        }
        .let-get p{
            margin-top: 30px;
            letter-spacing: 1px;
            font-size: 14px;
        }
        .our-significant .why-choose-sec {
            margin: 10px 0 30px;
        }
        .cookie-container {
            display: block;
            padding: 10px 0;
            height: auto;
        }
        .why-choose .swiper-slide img{
            height:auto;
        }
        .more-info h4 {
            padding: 10px 20px 0;
        }
        .more-info a{
        }
        .why-choose .swiper-button-next:after, .why-choose .swiper-button-prev:after{
            font-size: 30px;
        }
        .home-page .sec-head.txt-dark h2{
            font-size: 30px;
            line-height: 40px;
        }
        .why-choose .row.mt-5 {
            margin-top: 20px !important;
        }
        .main-banner.custom-you{
            height: 60vh;
        }
        .main-banner.custom-you iframe {
            height: 100vh;
        }
        .filter-bar.job-search{
            width: 90%;
        }
        #fullPageModal .modal-fullscreen .modal-content {
            width: 90%;
        }
        .home-page .main-header-area .swiper {
            height:350px !important;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1;
        }
        .more-info a {
            margin: 0 auto;
            display: block;
            width: 172px;
            text-align: center;
        }
    }
    @media (max-width:767px){
        .col-lg-4 .why-choose-sec.why-choose-sec-3:after{
            display: none;
        }
        .col-lg-4 .why-choose-sec.why-choose-sec-2:after{
            display: block;
        }
        .col-lg-4 .why-choose-sec.why-choose-sec-2.why-choose-sec-4:after{
            display: none;
        }
    }
    @media (max-width:600px){
        .banner-content-area {
            padding-top: 0em !important;
        }
        .home-page .banner-content{
            top: 10%;
        }
        .we-automate p{
            font-size: 21px;
        }
        .why-choose .swiper-slide p {
            font-size: 35px;
            line-height: 37px;
        }
        .counter-container .counter-card {
            width: 100%;
        }
        .counter-container .counter-card:last-child{
            border-bottom: 1px solid #cccccc;
            padding-bottom: 30px !important;
        }
        .main-banner.custom-you {
            height: 50vh;
        }
        .main-banner.custom-you iframe {
            height: 70vh;
        }
    }
    @media (max-width:575px){
        iframe{
            width: 100%;
        }
    }
    @media (max-width:480px){
        .main-banner .banner-content-area h1 {
            font-size: 21px;
            line-height: 24px;
        }
        .main-banner-swiper-container .swiper-slide-active p{
            font-size: 15px;
        }
        .home-page .sec-head h2{
            font-size: 30px;
            line-height: 40px;
        }
        /*.industries-section{
            top: 5%;
        }
        */
        .home-page .sec-head.industries h2{
            font-size: 24px;
            line-height: 30px;
        }
        .paragraph {
            padding: 10px 2%;
            font-size: 15px;
            text-align: justify;
        }
        .banner-text p {
            font-size: 30px;
            line-height: 35px;
        }
        section#why-choose-us .row.mt-5{
            margin-top: 20px !important;
        }
        .why-choose-sec p{
            font-size: 13px;
            min-height: auto;
        }
        .why-choose-sec img {
            width: 60px;
        }
        .why-choose-sec h4{
            min-height: 51px;
        }
        .we-built p br{
            display: none;
        }
        .why-choose .swiper-slide p {
            font-size: 30px;
            line-height: 35px;
        }
        .banner-text {
            top: 10%;
        }
        .main-banner.custom-you {
            height: 41vh;
        }
        .main-banner.custom-you iframe {
            height: 65vh;
        }
        .services-swiper .swiper-slide a p{
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            /* number of lines to show */
            line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        .why-choose .sec-head h2{
            font-size: 35px;
        }
        .inner-main-header .banner-content h1{
            font-size: 22px;
        }
        .vtr-card-wrapper .read-more {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #ffffff !important;
            font-size: 14px;
            font-weight: 500;
            padding: 20px 18px;
            text-decoration: none !important;
            margin-top: 12px;
            /* border-top: 1px solid rgba(255, 255, 255, 0.1); */
            flex-shrink: 0;
            background: #21252900;
            transition: color 0.2s;
        }
        .solution-swiper11 .swiper-pagination-bullet{
            width: 4px !important;
            height: 4px !important;
            background: rgba(255, 255, 255, 0.4);
            opacity: 1;
            transition: all 0.3s;
        }
    }
    @media (max-width: 450px){
        .main-nav {
            padding: 5px 0px;
        }
        .main-nav .inner-nav .ot-list {
            margin: 0 0 0px 0 !important;
        }
        .main-nav .inner-nav .l-part .logo img {
            width: 180px !important;
        }
        .main-nav .ot-list .main-btn {
            padding: 5px 10px;
        }
        .menu-link ul li a{
            font-size: 11px;
        }
        .main-banner.custom-you {
            height: 37vh;
        }
        .main-banner.custom-you iframe {
            height: 60vh;
        }
    }
    @media (max-width: 400px){
        .main-banner.custom-you {
            height: 34vh;
        }
        .main-banner.custom-you iframe {
            height: 60vh;
        }
    }
    @media (max-width: 350px){
        .main-banner.custom-you {
            height: 28vh;
        }
        .main-banner.custom-you iframe {
            height: 50vh;
        }
    }
    @media only screen and (max-width: 1024px) and (min-width: 768px) {
        .main-banner.custom-you {
            height: 40vh;
        }
        .main-banner.custom-you iframe {
            height: 60vh;
        }
    }
    @media only screen and (max-width: 740px) and (min-width: 360px) {
        .main-banner.custom-you {
            /*height: 500px;*/
            position: relative;
            width: 100%;
            height: 100vh;          /* ← full viewport height */
            min-height: 500px;
            overflow: hidden;
            pointer-events: none;
        }
        .main-banner.custom-you iframe {
            /*height: 600px !important;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -70%);
            */
            position: absolute;
            top: 50%;
            left: 50%;
            /* ── Ensures video always covers container ── */
            width: 100vw;
            height: 56.25vw;        /* 16:9 = 9/16 × 100vw */
            min-width: 177.78vh;    /* 16:9 = 16/9 × 100vh */
            min-height: 100vh;
            transform: translate(-50%, -50%);
            border: none;
            z-index: 0;    
        }
        .blog-content-area p img{
            width: 100% !important;
        }
    }