@font-face {
    font-family: 'LemonMilkBold';
    src: url(/font/Lemon-Milk/Lemon\ Milk\ Pro\ Medium.otf) format('opentype');
    ;
}

@font-face {
    font-family: 'ExtraLemonMilkBold';
    src: url(/font/Lemon-Milk/Lemon\ Milk\ Pro\ Bold.otf) format('opentype');
    ;
}

@font-face {
    font-family: 'LemonMilk';
    src: url(/font/Lemon-Milk/Lemon\ Milk\ Pro\ Regular.otf) format('opentype');
    ;
}

@font-face {
    font-family: 'LemonMilkLight';
    src: url(/font/Lemon-Milk/Lemon\ Milk\ Pro\ Ultra\ Light.otf) format('opentype');
    ;
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url(/font/Gilroy-Medium.ttf) format('opentype');
    ;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&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&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
    --orange: #f5a55b;
}


.banneritemsub1 {
    transform: translateX(-50px);
}

.banneritemsub2 {
    transform: translateX(50px);
}

.consulting-services .banneritemsub2 {
    transform: translateX(120px);
}

.consulting-services .banneritemsub1 {
    transform: translateX(-120px);
}

.banner-headsub {
    height: 30vh;
    background-image: url("/images/custom.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.consult .banner-headsub {
    background-image: url("/images/scaleitem1.png");
}

.cstm .banner-headsub {
    background-image: url("/images/scaleitem1.png");
}

.consulting .banner-headsub {
    background-image: url("/images/Topgenai.jpg");
}

.banner-head2 {
    height: 70vh;
    background-color: #fff;

}

.banner-head2 .subnavitems .headeritem h5 {
    font-family: Gilroy-Medium;
}

.subnavitems {
    /* background-color: red; */
    height: 80px;

    overflow-x: auto;
    /* Enable horizontal scrolling */
    white-space: nowrap;
    /* Ensure items stay in a single line */
    -webkit-overflow-scrolling: touch;
    /* Enable smooth scrolling on iOS */
    -ms-overflow-style: none;
    /* Hide scrollbar on IE and Edge */
    scrollbar-width: none;
    /* Hide scrollbar on Firefox */
}

.subnavitems::-webkit-scrollbar {
    display: none;
    /* Hide scrollbar on Chrome and Safari */
}

.subnavitems a {
    color: #000;
}

.subnavitems i {
    color: var(--orange);
}

.subnavitems a,
.subnavitems span {
    display: inline-block;
    /* Ensure items display in a line */
    vertical-align: middle;
    /* Align items vertically in the middle */
    white-space: nowrap;
    /* Prevent line break within items */
}

.subnavitems a {
    padding: 0 10px;
    /* Add padding to each item */
}


.carousal-container,
.owl-carousel {
    color: #000;
    height: calc(70vh - 80px);
    font-family: Gilroy-Medium;
}

.card-content {
    font-family: Gilroy-Medium;
}

.carousal-container {
    width: 90%;
    margin: auto;
}

.carousal-content {
    width: 92%;
    margin-top: -100px;
    /* margin-left:20px */

}

.owl-carousel {
    width: 90%;

}

.carousal-container .infobtns {

    margin-top: 10px;
}

.carousal-container .infobtns i {
    background-color: #000;
    color: #fff;

}

.infobtns:hover i {
    background-color: rgb(68, 65, 65);
    color: #b4b0b0;

}

.carousal-container h1,
.card-content h1 {
    font-size: calc(2.3em + 1vw);
    font-weight: 600;

}

.banner-headsub h1 {
    font-size: calc(3.5em + 1vw);
    
}

.carousal-img img {
    width: 320px !important;
    height: 300px;

    margin-top: -60px;

}

.owl-carousel .owl-dots {
    text-align: right;
}



.owl-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background: #a1a0a0;
    position: relative;
}

.owl-carousel .owl-dots .owl-dot:after {
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    content: '';
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.owl-carousel .owl-dots .owl-dot:hover,
.owl-carousel .owl-dots .owl-dot:focus {
    outline: none !important;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #1b1b1b;
}

.banner-head2 .owl-stage-outer,
.banner-head2 .owl-stage,
.banner-head2 .owl-item {
    height: 100%;
}

.row {
    --bs-gutter-x: 0 !important;
}

.owl-dot-item {
    padding-top: 20px;
}

.card-container {
    height: auto;

}

.card-container .card-content {
    text-align: center;
}



.card img {
    object-fit: cover;
}

.card-img-overlay {
    color: #fff
}

.card-img-overlay:hover {
    border-radius: 0%;
    border: 2px solid #fff;

}

.card-group {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    /* gap: 2rem; */

}

.digi-info .genai,
.digi-info .cloud {
    height: 60vh;
    overflow: hidden;
    color: #fff
}

.digi-info .genai:nth-child(2) {

    background-image: url("/images/mobile\ dev\ cont.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.Protecting .digi-info .genai:nth-child(2) {
    background-image: url("/images/Secure\ Data.jpg");
}

.Generative .digi-info .genai:nth-child(2) {
    background-image: url("/images/DT-GENAI.jpg");
}

.Protecting .digi-info .automationitem:nth-child(3) {
    background-image: url("/images/Efficiency\ Enhancement.jpg");
}

.Embrace .digi-info .automationitem:nth-child(3) {
    background-image: url("/images/Embrace.jpg");
}

.digi-info .automationitem:nth-child(3) {
    background-image: url("/images/DT-Automation.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.digi-info .clouditem:nth-child(6) {
    background-image: url("/images/DT-Dataanytics.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.digi-info .automationitem:nth-child(4) {
    text-align: right;
}

.digi-info .automationitem {
    height: 40vh;
    overflow: hidden;
    color: #fff
}

.info-item .infobtns i {
    background-color: #fff;
    color: #000;

}

.info-item .infobtns:hover i {
    background-color: rgb(247, 239, 239);
    color: #131111;

}

.swiper-button-next {
    /* background-color: rgba(37, 37, 37, 0.247); */
    color: #fff !important;
    top: 40% !important;
    text-shadow: 0 0 3px #9b9b9b, 0 0 5px #ffffff;
}

.swiper-button-prev {
    /* background-color: rgba(37, 37, 37, 0.247); */
    text-shadow: 0 0 3px #9b9b9b, 0 0 5px #ffffff;
    top: 40% !important;
    color: #fff !important;
}

.gen-ai-home-container {
    height: 160vh;
}

@media only screen and (max-width: 900px) {
    .card-group {
        display: flex;
        flex-wrap: nowrap;
        justify-content: start;

        /* margin-left: 25px; */
    }

    .card {
        width: 270px;
        max-height: 400px;
        min-width: 200px;
        min-height: 270px;
        overflow: hidden;
        border-radius: 0%;
    }
}

.sliderPartners {
    width: 90%;
    margin: auto;

}

.sliderPartners .swiper-wrapper .card-title {
    font-family: Gilroy-Medium;
}

@media only screen and (min-width: 901px) {
    .card {
        max-width: 300px;
        max-height: 400px;
        min-width: 200px;
        min-height: 270px;
        overflow: hidden;
        border-radius: 0%;
    }
}

@media only screen and (max-width: 900px) {

    .carousal-container h1,
    .card-content h1 {
        font-size: calc(1.9em + 1vw);
        font-weight: 600;

    }


    .banner-headsub h1 {
        font-size: calc(2.5em + 1vw);
    }

    .consulting-services .banneritemsub2 {
        transform: translateX(50px);
    }

    .consulting-services .banneritemsub1 {
        transform: translateX(-50px);
    }

}

@media only screen and (max-width: 950px) {
    .subnavitems {
        display: flex;
        justify-content: left !important;

    }


}

@media only screen and (max-width: 567px) {

    .carousal-container h1,
    .card-content h1 {
        font-size: calc(1.5em + 1vw);
        font-weight: 600;

    }

    .banner-headsub h1 {
        font-size: calc(1.6em + 1vw);
        
    }

}


@media only screen and (max-width: 768px) {
    .dtanlyt {
        background-image: url(/images/data\ analytics.jpg);
        width: 100vw !important;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;

        background-position: center center;
    }

    .dtanlyt.gen-item-ai {
        background-image: url(/images/generative\ ai.jpg);
    }

    .dtanlyt.automate {
        background-image: url(/images/Automation.jpg);
    }

    .dtanlyt.cldtrans {
        background-image: url(/images/Cloud\ transformation.jpg);

    }

    .dtanlyt.webdevp {
        background-image: url(/images/web\ dev.jpg);
    }

    .dtanlyt.mobdevp {
        background-image: url(/images/mobile\ dev.jpg);
    }

    .dtanlyt.cog-compt {
        background-image: url(/images/COGNITIVE5.jpg);
    }

    .dtanlyt.odc-item {
        background-image: url(/images/dev\ center.jpg);
    }

    .dtanlyt.manages-services {
        background-image: url(/images/CONSULTINg\ security.jpg);
    }

    .dtanlyt.security-risk {
        background-image: url(/images/Careers.jpg);
    }

    .carousal-container {
        width: 100%;
        margin: auto;
    }

    .carousal-content {
        padding: 0px 10px;
        margin-top: 0px
    }

    .carousal-container,
    .owl-carousel {
        color: #fff
    }


    .owl-carousel .owl-dots .owl-dot {

        background: #1a1919;


    }

    .owl-carousel .owl-dots {
        text-align: center;
    }

    .owl-carousel .owl-dots .owl-dot.active {
        background: #fff;
    }

    .digi-info .genai:first-child {

        background-image: url("/images/DT-Dataanytics.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
        padding: 0px 12px;
    }

    .Digital-transform .genai:first-child {
        background-image: url("/images/DT-GENAI.jpg");
    }

    .cstm .genai:first-child {
        background-image: url("/images/mobile\ dev\ cont.jpg");
    }

    .consulting .genai:first-child {
        background-image: url("/images/Secure\ Data.jpg");
    }

    .digi-info .automationitem:nth-child(4) {
        text-align: left;
        background-image: url("/images/automation.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
        padding: 0px 12px;
    }

    .Digital-transform .automationitem:nth-child(4) {

        background-image: url("/images/Embrace.jpg");
    }

    .cstm .automationitem:nth-child(4) {

        background-image: url("/images/DT-Automation.jpg");
    }

    .consulting .automationitem:nth-child(4) {

        background-image: url("/images/Efficiency\ Enhancement.jpg");
    }

    .digi-info .cloud:nth-child(5) {

        background-image: url("/images/DT-Dataanytics.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
        padding: 0px 12px;
    }

    .Digital-transform .cloud:nth-child(5) {
        background-image: url("/images/DT-Dataanytics.png");
    }
}


@media only screen and (min-width: 768px) {
    .digi-info .automationitem:nth-child(4) .btncenter .infobtns {
        padding-left: 0%;
        padding-right: 10px
    }

    .digi-info .automationitem:nth-child(4) .btncenter .infobtns.infobtns i {
        margin-left: 0%;
        margin-right: 3px;
    }

    
}

.banner-headsub {
    height: 22vh;

}