@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap');


@font-face {
    font-family: 'euclid_circular_abold';
    src: url('../fonts/euclid_circular_a_bold.woff2') format('woff2'),
        url('../fonts/euclid_circular_a_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euclid_circular_alight';
    src: url('../fonts/euclid_circular_a_light.woff2') format('woff2'),
        url('../fonts/euclid_circular_a_light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euclid_circular_amedium';
    src: url('../fonts/euclid_circular_a_medium.woff2') format('woff2'),
        url('../fonts/euclid_circular_a_medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euclid_circular_aregular';
    src: url('../fonts/euclid_circular_a_regular.woff2') format('woff2'),
        url('../fonts/euclid_circular_a_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euclid_circular_asemibold';
    src: url('../fonts/euclid_circular_a_semibold.woff2') format('woff2'),
        url('../fonts/euclid_circular_a_semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@media (min-width: 1200px) {
    body {
        font-size: 1vw;

    }

    .container-fluid {
        padding: 0 0.85vw !important;
        width: 93vw !important;
        margin: 0 auto;
        max-width: 93.4vw !important;
    }

    .container {
        padding: 0 0.85vw !important;
        width: 82.5vw !important;
        margin: 0 auto;
        max-width: 92.2vw !important;
    }

    .row>* {
        padding-left: .84vw !important;
        padding-right: .84vw !important;
    }

    .row {
        margin: 0 -.9vw !important;
    }
}


h1,
h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;

}

.img img {
    width: 100%;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.img img:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}


.heading {
    color: #0c090c;
    font-size: 4vw;
    font-weight: 600;
    line-height: 100%;

}

.menu {
    padding: 2vw 4vw;
    width: 100%;
}

.menu .navbar-brand {
    padding: 0;
    margin: 0;
}

.menu .navbar-brand img {
    width: 11.5vw;
}

.menu .navbar-nav {}

.menu .navbar-nav .nav-item {
    margin: 0 .5vw;
}

.menu .navbar-nav .nav-link {
    font-family: 'euclid_circular_amedium';
    color: #322332;
    font-size: 1.07vw;
    padding: .7vw .8vw;
    border-radius: .4vw;
}


.menu .navbar-nav .nav-link.btn {
    background: #0c090c;
    color: #fff;
    padding: .7vw 1.6vw;
}

.hero-header {
    height: auto;
    background: linear-gradient(124deg, rgba(230, 248, 253, 1) 0%, rgba(198, 228, 251, 1) 100%);
    padding: 10vw 0 5vw;
}

.hero-header .hero-text {
    /* height: 100%; */
    margin-top: 1vw;

}
.hero-header .text-col {
    color: #ef350e !important;
}

.hero-header .hero-text h1 {

    color: #0c090c;
    font-size: 5.8vw;
    line-height: 100%;
    margin: 0;
}


.hero-header .hero-text h1 span {
    width: 5vw;
    height: 5vw;
    min-height: 5vw;
    min-width: 5vw;
    border: 0.6vw solid #ef350e;
    color: #ef350e;
    font-size: 3vw;
    align-items: center;
    text-align: center;
    line-height: 3.5vw;
    border-radius: 11vw;
    margin-left: 1.8vw;
    position: relative;
    top: .5vw;
    margin-right: .3vw;
}

.hero-header .hero-text h6 {
    font-family: 'euclid_circular_alight';
    color: #403b40;
    font-size: 1.6vw;
    margin: 2vw 0;
    line-height: 2.5vw;
}


.hero-header .hero-text .hero-buttons a {
    color: #fff;
    padding: 1.05vw 1vw 1.05vw 1.7vw;
    margin-left: 1.5vw;
    font-size: 1vw;
    font-family: 'euclid_circular_asemibold';
    text-transform: uppercase;
    border: .15vw solid #0c090c;
    color: #0c090c;
    border-radius: .6vw;
}

.invalid-feedback {
    font-size: 0.975em !important;
    font-weight: 600 !important;
}

.hero-header .hero-text .hero-buttons :hover,
.hero-header .hero-text .hero-buttons :focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
}

.hero-header .hero-text .hero-buttons a i {
    margin-left: 1vw;
}

.hero-header .hero-text .hero-buttons a.btncolor {
    background-color: #ef350e;
    color: #fff;
    border-color: #ef350e;
}

.hero-header .hero-img {
    padding-left: 2.5vw
}

@keyframes float {
    0% {
      
        transform: translatey(0px);
    }

    50% {
     
        transform: translatey(-20px);
    }

    100% {
       
        transform: translatey(0px);
    }
}

.hero-header .hero-img img {
    transform: translatey(0px);
    animation: float 3s ease-in-out infinite;
    width: 33vw;
}



.about-us {
    padding: 5vw 0;
}

.about-img-col {
    width: 54%;
}

.about-text-col {
    width: 46%;
}

.about-us .text {
    height: 100%;
    padding-left: .5vw;
}

.about-us .text h2 {
    margin: 0 0 2vw;
}

.about-us .text p {
    font-family: 'euclid_circular_alight';
    font-size: 1.2vw;
    color: #404046;
    line-height: 2vw;
    margin-bottom: 1vw;
}

.about-us .text a {
    padding: 1.05vw 1.4vw 1.05vw 1.7vw;
    font-size: 1vw;
    font-family: 'euclid_circular_asemibold';
    text-transform: uppercase;
    border: 0.15vw solid #ef350e;
    color: #0c090c;
    border-radius: 0.5vw;
    background-color: #ef350e;
    color: #fff;
    width: max-content;
    margin-top: 2vw;
}

.about-us .text a:hover {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
}

.about-us .text a i {
    margin-left: 2.5vw;
}



.solutions {
    padding: 5vw 0;
    background: linear-gradient(95deg, #fbf5e7 14%, #c4c0ef 100%);
}

.solutions .text {
    height: 100%;
}

.solutions .text h2 {
    margin: 0;
}

.solutions .text h6 {
    font-family: 'euclid_circular_alight';
    color: #3b3b3b;
    font-size: 1.6vw;
    margin: 1vw 0 2.5vw;

}


.solutions .img {
    padding-left: 1.5vw;
}

.desktop_none img {
    display: none;
}

.solutions .accordion {
    padding-right: 4vw;
}

.solutions .accordion-item {
    margin: 0 0 1.1vw;
    border-radius: 1.2vw !important;
    overflow: hidden;
    border: 1px solid #c6cbd1;
    box-shadow: 0px 2px 18px 0px rgba(18, 45, 86, 0.08);
}

.solutions .accordion .accordion-item .accordion-button {
    border-radius: 0;
    padding: .7vw 1.5vw .7vw .7vw;
    font-family: 'euclid_circular_asemibold';
    font-size: 1.3vw;
}

.solutions .accordion .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
}

.solutions .accordion .accordion-button:focus {
    z-index: 3;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.solutions .accordion .accordion-item .accordion-button span {
    width: 3.7vw;
    height: 3.7vw;
    border-radius: 1.5vw;
    padding: .3vw;
    margin-right: 1vw;
}

.solutions .accordion .accordion-item .accordion-button span img {
    width: 100%;
}

.accordion-button::after {
    width: 1.6vw;
    height: 1.25vw;
    background-size: 100%;
}

.solutions .accordion-body {
    padding: 0 2vw 1.5vw 5.5vw;
    font-size: 1.1vw;
    font-family: 'euclid_circular_alight';
    color: #404046;

    margin-bottom: 1vw;
}


.services {
    padding: 5vw 0;
    background: linear-gradient(95deg, #fafbdb 14%, #c8f4fb 100%);
}

.services .heading {
    margin-bottom: 4vw;
}

.services .service-card {
    padding: 9.3vw 2.7VW 13.7vw;
    border-radius: 1.5vw;
    background: #806dfb;
    margin-bottom: 1.7vw;
}

.services .service-card h6 {
    font-family: 'euclid_circular_amedium';
    font-size: 1.1vw;
    margin: 0 0 1.2vw;
    font-weight: 600;
}

.services .service-card h4 {
    font-family: 'euclid_circular_asemibold';
    font-size: 3.8vw;
    margin-bottom: 2vw;
    line-height: 4.3vw;

}

.services .service-card p {
    font-size: 1.2vw;
    font-family: 'euclid_circular_alight';
    margin-bottom: 2vw;
    padding-right: 5vw;
}

.services .service-card a {
    padding: .8vw 1vw .8vw 1.2vw;
    font-size: .93vw;
    font-family: 'euclid_circular_aregular';
    border-radius: 0.5vw;
    background-color: #0c090c;
    color: #fff;
    width: max-content;
    z-index: 9;
}

.services .service-card a i {
    margin-left: .5vw;
}

.services .service-card .img {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 2.2vw .5vw;
}

.services .service-card .img img {
    width: 100%;
}

.service-card-small {
    padding: 2vw 1.5vw 1vw !important;
    border-radius: 1.1vw;
    height: 17.9vw;
    background-size: cover !important;
}


.service-card-small h6 {
    font-family: 'euclid_circular_amedium';
    font-size: 1.1vw;
    margin: 0 0 1.2vw;
}

.service-card-small .service-footer {
    width: 100%;
}

.service-card-small h5 {
    font-family: 'euclid_circular_asemibold';
    font-size: 1.2vw;
}

.service-card-small .service-footer a {
    background-color: #0c090c53;
    color: #fff;
}


.servce-cards-left .col-md-5 {
    width: 46.5%;
}

.servce-cards-left .col-md-7 {
    width: 53.5%;
}

.servce-cards-left .service-card {
    padding: 1.5vw 1.5vw 1vw !important;
    height: 20.6vw;
}


.servce-cards-left .service-card h5 {
    font-size: 1.8vw;
}

.servce-cards-left .service-card .service-footer a {
    padding: 0;
    background: none;
}


/***  Chandu  ***/

.service-banner {
    background-image: url(../img/about-bann.jpg);
    height: 72vh;
    background-position: center;
    background-size: cover !important;
    padding: 15vw 0px 5vw;
}

.carrer-banner {
    background-image: url(../img/career-ban.jpg);
    height: 72vh;
    background-position: center;
    background-size: cover !important;
    padding: 15vw 0px 5vw;
}

.case-study {
    background-image: url(../img/casestudy-banner.jpg);
    height: 72vh;
    background-position: center;
    background-size: cover !important;
    padding: 15vw 0px 5vw;
}

.sub-hedding {
    font-size: 4vw;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    margin-bottom: 1vw;
}

.service-banner .service-text .breadcrumb {
    margin-bottom: 0;
    margin-top: 1.4vw;
}

.service-banner .service-text .breadcrumb li {
    font-family: 'euclid_circular_alight';
    color: #ff462d;
    font-size: 1.3vw;
    font-weight: 400;
    padding-left: .5vw;

}

.service-banner .breadcrumb-item+.breadcrumb-item::before {
    padding-right: .5vw;
}

.service-banner .service-text .breadcrumb li a {
    text-decoration: none;
    color: white;
}

.service-banner .breadcrumb-item+.breadcrumb-item::before {
    color: white;
}


.services {
    padding: 5vw 0;
}

.services .head h2 {
    font-size: 3vw;
    text-transform: uppercase;
    color: #293043;
    font-weight: 700;
    margin-bottom: 2vw;
}

.services .head p {
    font-family: 'euclid_circular_alight';
    font-size: 1.3vw;
    color: #404046;
    line-height: 2.1vw;
    margin-bottom: 3.5vw;
}

.services .left-text ul {
    padding: 0;
    margin: 0;
    display: inline-grid;
    gap: 1vw;
}

.services .left-text ul li {
    list-style: none;
    font-family: 'euclid_circular_alight';
    font-size: 1.3vw;
}

.services .left-text ul li i {
    margin-right: 1vw;
}

.services .left-text a {
    padding: 1.05vw 1.4vw 1.05vw 1.7vw;
    font-size: 1vw;
    font-family: 'euclid_circular_asemibold';
    text-transform: uppercase;
    border: 0.15vw solid #ef350e;
    color: #0c090c;
    border-radius: 0.5vw;
    background-color: #ef350e;
    color: #fff;
    width: max-content;
    margin-top: 2vw;
}

.services .left-text a i {
    margin-left: 2.5vw;
}

.service-two {
    background: linear-gradient(90deg, #fbf4e8, #c5c1ef);
}

.service-two .head h2 {
    margin-bottom: 4vw;
}

.service-two .left-text p {
    margin-bottom: 0;
}

.service-two .img {
    padding-right: 2.4vw;
}



.why-choose {
    padding: 6vw 0;
}

.choose-head {
    margin-bottom: 4vw;
}

.choose-head h2 {
    text-align: start !important;
    margin-bottom: 1.7vw;
}

.choose-head p {
    font-family: 'euclid_circular_aregular';
    color: #3b3b3b;
    font-size: 1.6vw;
    margin: 0;
    padding: 0 7vw 0 5vw;
    position: relative;

}

.choose-head p::before {
    background: #ef350e;
    width: 4.2vw;
    height: 0.1vw;
    content: '';
    position: absolute;
    left: 0;
    top: 1.2vw;

}

.why-choose .choose-left .choose-box {
    background-color: black;
    padding: 1vw 1.5vw 1vw 1vw;
    border-radius: 1.1vw;
    gap: 1.3vw;
    align-items: center;
    margin-bottom: .8vw;
    transition-duration: 0.3s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.why-choose .choose-left .choose-box:hover {
    transform: scale(1.1);
}

.why-choose .choose-left .choose-box .icon {
    background: white;
    padding: 0.7vw;
    border-radius: 0.5vw;
    width: 2.9vw;
    height: 2.9vw;
    min-width: 2.9vw;
    min-height: 2.9vw;
    font-size: 1.8vw;

}



.why-choose .choose-left .choose-box .text {
    color: white;
    width: 100%;

}

.why-choose .choose-left .choose-box .text h6 {
    margin-bottom: 0;
    font-family: 'euclid_circular_alight';
    font-size: 1.2vw;
}

.why-choose .choose-left .choose-box .text h3 {
    margin-bottom: 0;
    font-size: 1.5vw;
    font-family: 'euclid_circular_amedium';
}

.why-choose .processing-bars .processing {
    display: flex;
    align-items: center;
}

.why-choose .processing-bars .processing h6 {
    margin-left: 2vw;
    font-family: 'euclid_circular_amedium';
    margin-bottom: 0;
    font-size: 1.1vw;
    color: #0c090c;
}

.why-choose .processing-bars {
    display: inline-grid;
    gap: 1.6vw;
    padding-left: 3vw;
}

.why-choose .processing-bars .progress {
    background: #c2dbf9;
    justify-content: flex-start;
    border-radius: 2vw;
    align-items: center;
    position: relative;
    display: flex;
    height: 1.5vw;
    width: 30vw;

}

.why-choose .processing-bars .progress-value {
    animation: load 7s infinite forwards;
    box-shadow: 0 10px 40px -10px #2471c0;
    border-radius: 100px;
    background: #2471c0;
    height: 1.9vw;
    width: 0;
}

@keyframes load {
    0% {
        width: 0;
    }

    100% {
        width: 68%;
    }
}

.why-choose .processing-bars .progress-one {
    background: #f0e5fd;
}

.why-choose .processing-bars .progress-one .progress-value {
    animation: load1 7s infinite forwards;
    background: #8560a8;
}

@keyframes load1 {
    0% {
        width: 0;
    }

    100% {
        width: 75%;
    }
}

.why-choose .processing-bars .progress-two {
    background: #dffaec;
}

.why-choose .processing-bars .progress-two .progress-value {
    animation: load2 7s infinite forwards;
    background: #01944e;
}

@keyframes load2 {
    0% {
        width: 0;
    }

    100% {
        width: 60%;
    }
}

.why-choose .processing-bars .progress-three {
    background: #e1fbfa;
}

.why-choose .processing-bars .progress-three .progress-value {
    animation: load3 7s infinite forwards;
    background: #00a99d;
}

@keyframes load3 {
    0% {
        width: 0;
    }

    100% {
        width: 90%;
    }
}


.tools {
    padding: 6vw 0;
    background: linear-gradient(90deg, #fbf4e8, #c4bfef);
}

.tools h6 {
    margin-top: 2.5vw;
}

.tools h6 a {
    text-decoration: none;
    color: black;
    font-family: 'euclid_circular_asemibold';
    font-size: 1.2vw;
}


.tools .Tools-slick {
    margin-top: 2.5vw;
}

.tool-box-imgs {
    background: white;
    padding: 2vw;
    border-radius: 1.5vw;
    margin-right: 1vw;
}

.tool-box {
    background: white;
    padding: 2vw;
    border-radius: 1.5vw;
    margin-right: 1vw;
   
}

.tool-box-imgs h4 {
    font-family: 'euclid_circular_asemibold';
    font-size: 1.2vw;
    margin-bottom: 1.3vw;
}

.tool-box-imgs ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1vw;
}

.tool-box-imgs ul li {
    list-style: none;
    width: 6.4vw;
    height: 6.4vw;
    border: 1px solid #cccccc84;
    border-radius: .5vw;
    padding: .4vw;
    box-shadow: rgba(198, 183, 183, 0.25) 1px 1px 1px 1px;
}

.tool-box-imgs ul li img {
    width: 100%;
}

/*  */
.tool-box .companys .tool-tech-img {
    border: 1px solid #cccccc84;
    border-radius: 0.5vw;
    padding: 1VW 1.2vw;
    box-shadow: rgba(198, 183, 183, 0.25) 1px 1px 1px 1px;
    min-width: 11vw;
    min-height: 8vw;
    margin: 0.5vw 0.1vw;
    width: 100%;
}

.tool-box .companys .tool-tech-img img {
    width: 6.5vw;
}

.database-card {
    min-height: 38vh;
    width: 100%;
}

/*  */
.previous,
.next {
    font-size: 1.3vw;
    line-height: 0;
    position: absolute;
    bottom: -4vw;
    width: 2.3vw;
    height: 2.3vw;
    padding: 0;
    background-color: #fff;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 100%;
}

.previous {
    left: 3vw;
}

.previous:hover,
.next:hover {
    background-color: #ef350e;
    color: #fff;
}


.Customers {
    padding: 6vw 0;
}

.Customers .client-box {
    background: linear-gradient(90deg, #f9fbdb, #c9f4f8);
    padding: 1.5vw 2vw;
    border-radius: 1.5vw;
}

.Customers .client-box .head {}

.Customers .client-box .head .details {
    display: flex;
    align-items: center;
    gap: 6vw;
}

.Customers .client-box .head .details .name {
    display: flex;
    align-items: center;
}

.Customers .client-box .head .details .name .img img {
    width: 4.5vw;
}


.Customers .client-box .head .details .name .text h6 {
    margin-bottom: 0;
    font-size: 1.1vw;
    font-family: 'euclid_circular_amedium';
    width: max-content;
}

.Customers .client-box .head .details .name .text img {
    width: 6vw;
}

.Customers .client-box .head .details .quote img {
    width: 3.5vw;
}

.Customers .client-box .review {
    margin-top: 1vw;
}

.Customers .client-box .review p {
    margin-bottom: 0;
    font-family: 'euclid_circular_aregular';
    text-align: center;
    font-size: 1vw;
    line-height: 1.6vw;
}

.Customers .heading {
    margin-bottom: 3.3vw;
}

.footer {
    padding: 5vw 0;
    background: linear-gradient(90deg, #f9fbdb, #c9f4f8);
}

.footer .footer-nav h6 {
    font-family: 'euclid_circular_asemibold';
    font-size: 1.1vw;
    margin: 0;
}

.footer .footer-nav ul {
    padding: 0;
    margin: 0;
    margin-top: 1vw;
    display: grid;
    gap: 0.6vw;
}

.footer .footer-nav ul li {
    list-style: none;
}

.footer .footer-nav ul li a {
    font-family: 'euclid_circular_aregular';
    text-decoration: none;
    color: #000;
    font-size: 1vw;
}

.footer .social-nav h6 {
    font-size: 1.5vw;
}

.footer .social-nav ul li i {
    margin-right: .5vw;
    color: #ff462d;
}

.footer .social-nav .social h6 {
    font-size: 1.3vw;

}

.footer .social-nav .social ul {
    display: flex;
    gap: .8vw;
    margin-top: 1.5vw;
}

.footer .social-nav .social ul li {
    background: black;
    border-radius: 2vw;
    width: 2.5vw;
    height: 2.5vw;
    padding: 0.8vw;
    line-height: 0vw;

}

.footer .social-nav .social ul li a {
    font-size: 1vw;
}

.footer .social-nav .social ul li a i {
    color: white;

}

.footer .social-nav .social {

    border-top: 0.1vw solid #000;
    padding-top: 2vw;
    margin-top: 2.5vw;

}

.footer .social-nav {
    padding-right: 2.5vw;
}

.footer-sub {
    padding: 2vw 0;
    background: linear-gradient(86deg, #fdf6e7, #c2beef);

}

.footer-sub .copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-sub .copyright .copy p {
    margin-bottom: 0;
    font-family: 'euclid_circular_aregular';
    font-size: 1vw;
}

.footer-sub .copyright .terms ul {
    display: flex;
    gap: 1vw;
    padding: 0;
    margin: 0;
}

.footer-sub .copyright .terms ul li {
    list-style: none;
}

.footer-sub .copyright .terms ul li a {
    text-decoration: none;
    color: #000;
    font-size: 1vw;
    font-family: 'euclid_circular_aregular';
}

.footer-sub .copyright .copy p a {
    text-decoration: none;
    color: #000;
}


.solutions-one {
 
    background: linear-gradient(90deg, #f9fbdb, #c9f4f8);
}

.solutions-two {
     background: #fff;
}

.solutions-one h2 {
    margin-bottom: 1.5vw;
    font-size: 3.2vw;
}

.solutions-two h2 {
    margin-bottom: 1.5vw;
    font-size: 3.2vw;
}

.solutions-one,
.solutions-two p {
    font-family: 'euclid_circular_alight';
    font-size: 1.2vw;
    color: #404046;
    line-height: 2vw;
    margin-bottom: 4vw;
}

.solutions-one p {
    margin-bottom: 4vw;
}


.solutions-two .img {
    padding-right: 1.5vw;
    padding-left: 0;
}

.solutions-two .accordion {
    padding-right: 0vw;
    padding-left: 4vw;
}



.header-two .navbar-nav .nav-link {
    color: #fff;
}

.header-two .navbar-nav .nav-link.btn {
    background: transparent;
    color: #fff;
    padding: 0.7vw 1.6vw;
    border: .1vw solid #fff;
}

.header-two .navbar-nav .nav-link.btn:hover {
    background-color: #fff;
    color: black;
}

.techonolagys .tool-box {
    margin-bottom: 2vw;
}


.techonolagys .choose-head {
    margin-bottom: 3vw;
}

.techonolagys .choose-head h2 {
    font-size: 3.2vw;
}

.techonolagys .choose-head p {
    padding: 0;

}

.techonolagys .choose-head p::before {
    display: none;
}

.hybris-services {
    padding: 5vw 0;
}

.hybris-services .left-text h6 {
    font-family: 'euclid_circular_abold';
    text-transform: uppercase;
    font-size: 1.6vw;
    margin-bottom: 1vw;
}

.hybris-services .left-text p {
    font-family: 'euclid_circular_alight';
    font-size: 1.05vw;
    color: #404046;
    line-height: 1.7vw;
    margin-bottom: 1vw;
}

.hybris-services .left-text ul {
    padding-left: 0;
    margin-bottom: 0;
    display: grid;
    gap: .6vw;
    padding-top: 2.8vw;
    position: relative;
}

.hybris-services .left-text ul li {
    list-style: none;
    font-size: 1.05vw;
    color: #404046;
    font-family: 'euclid_circular_alight';
}

.hybris-services .left-text ul li i {
    margin-right: .6vw;
    color: #4b4e6c;
}

.hybris-services .left-text ul::before {
    position: absolute;
    content: '';
    width: 32vw;
    height: 0vw;
    border: 0.1vw dashed;
    top: 1vw;
}

.hybris-one {
    background: linear-gradient(90deg, #f9fbdb, #c9f4f8);
}

.hybris-two {
    background: linear-gradient(86deg, #fdf6e7, #c2beef);
}

.hybris-banner {
    background-image: url(../img/hybris-banner.jpg);
}

.about-section {
    padding: 5vw 0;
}

.about-section .img {
    padding-right: 3vw;
}

.about-section .right-text h2 {
    font-size: 4vw;
    line-height: 4.8vw;
    margin-bottom: 1.2vw;
    color: #100d3b;
}

.about-section .right-text p {
    font-family: 'euclid_circular_alight';
    font-size: 1.2vw;
    color: #404046;
    line-height: 2vw;
    margin-bottom: 1vw;
}
.about-section .right-content{
    margin-top: 2vw;
}

.trust {
    padding: 5vw 0;
    background: linear-gradient(86deg, #fdf6e7, #c2beef);
}

.trust .left h2 {
    font-size: 3.3vw;
    line-height: 4vw;
    margin-bottom: 1.2vw;
    color: #100d3b;
    text-transform: uppercase;
}

.trust .left p {
    font-family: 'euclid_circular_alight';
    font-size: 1.1vw;
    color: #404046;
    line-height: 1.7vw;
    margin-bottom: 2vw;
}

.trust .left .values {
    display: flex;
    gap: 2vw;
    margin-top: 3vw;
    position: relative;
}

.trust .left .values::before {
    position: absolute;
    content: '';
    width: 33vw;
    height: 0vw;
    border: 0.1vw dashed #0000007d;
    top: -1.6vw;
}

.trust .left .values h6 {
    font-family: 'euclid_circular_asemibold';
    font-size: 1.5vw;
    margin-bottom: 0.7vw;
    color: #100d3b;

}

.trust .left .values p {
    font-size: .9vw;
    line-height: 1.3vw;
}

.trust .left .persentages {
    display: flex;
    gap: 3.6vw;
    margin-top: 1vw;
}

.trust .left .persentages .project h6 {
    font-size: 2.8vw;
    font-weight: 700;
    margin-bottom: 0.3vw;
    font-family: 'euclid_circular_asemibold';
    color: #100d3b;
}

.trust .left {
    padding-left: 3vw;
}

.trust .left .persentages .project p {
    margin-bottom: 0;
    font-size: 1vw;
}

.trust .right .box {
    text-align: center;
    background: linear-gradient(45deg, #2a4a58, #51225f);
    clip-path: polygon(89% 0, 100% 24%, 100% 60%, 100% 100%, 51% 100%, 0 100%, 0 0);
    margin-bottom: 2vw;
}

.trust .right .box h6 {
    color: white;
    padding: 1.4vw 0;
    margin-bottom: 0;
    font-family: 'euclid_circular_amedium';
    text-transform: uppercase;
    font-size: 1.1vw;
}

.trust .right .box img {
    width: 100%;
}

.trust .images {
    padding-left: 3vw;
}

.why-capo {
    padding: 5vw 0;
    background: #f7f7f7;
}

.why-capo .heading {
    margin-bottom: 3vw;
    color: #100d3b;
}

.why-capo .box {
    background: white;
    padding: 2.5vw;
    margin-bottom: 2vw;
    min-height: 22vw;
    transition-duration: 0.3s;
    transition-property: box-shadow;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.why-capo .box:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.why-capo .box .head {
    display: flex;
    align-items: center;
    gap: 1.3vw;
}

.why-capo .box .head img {
    width: 4.8vw;
}

.why-capo .box .head h5 {
    margin-bottom: 0;
    font-family: 'euclid_circular_asemibold';
    font-size: 1.7vw;
    line-height: 1.9vw;
}

.why-capo .box ul {
    margin-bottom: 0;
    padding-left: 1.4vw;
    margin-top: 2vw;
}

.why-capo .box ul li {
    font-family: 'euclid_circular_aregular';
    font-size: 1.2vw;
    color: #404046;
    line-height: 2vw;

}

.why-capo .box ul li::marker {
    color: #a1a0a7;
    font-size: 1.6vw;
}


.get-in-touch {
    padding: 6vw 0;
}

.get-in-touch h2 {
    font-size: 3.3vw;
    line-height: 4vw;
    margin-bottom: 4vw;
    color: #100d3b;
    text-transform: uppercase;
}

.get-in-touch .addres-info {
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.19);
    width: 93%;
}


.get-in-touch .addres-info .map iframe {
    width: 100%;
    height: 17vw;
}

.get-in-touch .addres-info-card {
    padding: 2vw;
    border-bottom: .5vw solid #ff462d;

}


.get-in-touch .addres-info-card ul li {
    width: 100%;
    margin-bottom: 1.7vw;
}


.get-in-touch .addres-info-card ul li .icon {
    width: 3.5vw;
    height: 3.5vw;
    min-width: 3.5vw;
    min-height: 3.5vw;
    border-radius: 100%;
    border: 1px solid #dedfe4;
    margin-right: 1vw;
    background: #f5f6fa;
    font-size: 1.5vw;
    color: #ff462d;
}


.get-in-touch .addres-info-card .nav li .text a {
    text-decoration: none;
}


.get-in-touch .addres-info-card ul li .text span {
    font-family: 'euclid_circular_alight';
    font-size: .9vw;
    text-transform: uppercase;
    color: #293043;
    display: block;
    margin-bottom: .5vw;
}


.get-in-touch .addres-info-card ul li .text h6 {
    font-family: 'euclid_circular_asemibold';
    font-size: 1.1vw;
    color: #293043;
}


.get-in-touch .contact-form {
    background: #f5f5f5;
    padding: 2.5vw 2.5vw 3vw;
    height: 100%;
}

.ps-no {
    padding-left: 0 !important;
}

.pe-no {
    padding-right: 0 !important;
}

.get-in-touch .contact-form h3 {
    font-family: 'euclid_circular_asemibold';
    color: #1d212a;
    font-size: 2vw;
    margin-bottom: 2vw;
}

.get-in-touch .contact-form label {
    font-family: 'euclid_circular_aregular';
    font-size: 1vw;
    margin-bottom: .5vw;
    color: #293043;
}

.get-in-touch .contact-form input,
.get-in-touch .contact-form textarea {
    background: #fff;
    border: .2vw solid #dfe0e0;
    border-radius: .3vw;
    height: auto;
    padding: .7vw 1vw;
    font-size: 1vw;
    font-family: 'euclid_circular_alight';
    color: #000;
}

.get-in-touch .contact-form input ::placeholder {
    color: #727375;
}

.get-in-touch .contact-form input:focus {
    box-shadow: none;
}

.get-in-touch .contact-form .col-md-6 {
    margin-bottom: 1.3vw;
}

.get-in-touch .contact-form .btn {
    padding: 1.05vw 3vw;
    font-size: 1vw;
    font-family: 'euclid_circular_asemibold';
    background: #ff462d;
    color: #fff;
    border-radius: 0.4vw;
    border: 0;
    margin-top: 2vw;
}

.location-card {
    height: 23vw;
    border-radius: 1vw;
    background-size: cover !important;
    padding: 6vw 1.5vw 2vw;
    margin-top: 6vw;
}

.location-card:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

.location-card h4 {
    font-family: 'euclid_circular_amedium';
    color: #fff;
    font-size: 1.8vw;
    margin-bottom: 1.5vw;
    border-bottom: 1px solid #ffffff40;
    padding-bottom: 1.5vw;
}

.location-card ul li {
    font-family: 'euclid_circular_aregular';
    font-size: .91vw;
    color: #fff;
    margin-bottom: 1vw;
}

.location-card ul li a {
    text-decoration: none;
    color: #fff;
}

.location-card ul li i {
    margin-right: 1vw;
}


/* Case-Study */
.case-one {
    padding: 5vw 0;

}


.case-one .head h2 {
    text-transform: uppercase;
    font-size: 3.2vw;
    margin-bottom: 1vw;
}

.case-one .head p {
    font-family: 'euclid_circular_alight';
    font-size: 1.3vw;
    color: #404046;
    line-height: 2vw;
    margin-bottom: 0vw;
}

.case-one .tab-part {
    margin-top: 3vw;
}

.case-one .tab-part h3 {
    font-family: 'euclid_circular_amedium';
    font-size: 2.2vw;
    margin-bottom: 0;
}


.case-one .tabs {
    margin-top: 2.2vw;
}

.case-one .tabs .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #333333;
    background-color: #afd0ff;
}

.case-one .tabs .nav-pills {
    gap: 3vw;
    margin-bottom: 3.5vw !important;
}

.case-one .tabs .nav-pills .nav-link {
    color: #333333;
    padding: 0.6vw 2.6vw 0.6vw 0.6vw;
    font-size: 1.4vw;
    font-family: 'euclid_circular_asemibold';
    border-radius: 5vw;
    gap: 1.2vw;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.case-one .tabs .nav-pills .nav-link img {
    width: 4vw;

}

.case-one .tabs .tab-content .content img {
    width: 100%;
    padding-right: 1vw;
}

.case-one .tabs .tab-content .content p {
    font-family: 'euclid_circular_alight';
    font-size: 1.2vw;
    color: #404046;
    line-height: 2vw;
    margin-bottom: 1vw;
}

.case-two {
    background: linear-gradient(86deg, #fdf6e7, #c2beef);
}

.case-two .tab-part {
    margin-top: 0vw;
}

.case-three .tab-part {
    margin-top: 0vw;
}

/* careers positions */
.positition .tittle h2 {
    font-family: 'Oswald', sans-serif;
    color: #0c090c;
    text-align: center;
    margin-bottom: 1.7vw;
    font-size: 3.2vw;
}

.positition .tittle p {
    font-family: 'euclid_circular_alight';
    font-size: 1.3vw;
    color: #404046;
    line-height: 2.1vw;
    margin-bottom: 3.5vw;
    text-align: center;
}

.positition {
    padding: 6vw 0;
}

.positition .accordion {
    margin-top: 2vw;
}

.positition .accordion .accordion-item {
    margin-bottom: 1.5vw;
    border-radius: 1vw;
    border: 0.2vw solid #1e1a33 !important;
}

.positition .accordion .accordion-item .accordion-header .accordion-button {
    background: linear-gradient(86deg, #fdf6e7, #c2beef);
    padding: 2vw;
    border-radius: 0.8vw;
}

.positition .accordion .accordion-item .accordion-header .accordion-button::after {
    display: none;
}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text {
    display: flex;
    gap: 6vw;
    flex: auto;

}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content {
    margin-top: 1.5%;

}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4 {
    font-size: 1.3vw;
    color: white;
    margin: 0;
    line-height: 1.8vw;
    font-family: 'euclid_circular_asemibold';
    font-weight: 700;
    color: #100d3b;
}

.job-name {
    margin-left: 5%;
    margin-top: 1.5%;
    width: 25%;

}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h6 {
    color: white;
    font-size: 1vw;
    margin-bottom: 1.1vw;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-weight: 600;
}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text p {
    color: #100d3b;

    font-size: 0.9vw;
    margin: 0;
    font-family: 'euclid_circular_aregular';
    font-weight: 600;
}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .loct {
    margin-top: 1vw;
    line-height: 1.4vw;
}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
    background: #383d5e;
    position: absolute;
    border-radius: 2vw;
    height: 3.3vw;
    width: 3.3vw;
    line-height: 3.2vw;
    padding: 0vw 0.5vw;
    color: white;
    font-size: 2.3vw;
    right: 3vw;
    top: 3.4vw;

}

.positition .accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: inherit;

}


.positition .accordion .accordion-item {
    color: inherit;
    background-color: inherit;
    border: inherit;
}

.positition .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: inherit !important;
    background-color: 0 !important;
    box-shadow: inherit !important;
}

.positition .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: inherit;
    transform: var(--bs-accordion-btn-icon-transform);

}


.positition .accordion .accordion-item .accordion-body {
    background-color: white;
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;

    padding: 3vw 4vw;
}

.positition .accordion .accordion-item .accordion-body p {

    color: #191919;
    font-size: 1.1vw;
    margin-bottom: 1vw;
    line-height: 2.2vw;
    font-family: 'euclid_circular_aregular';



}

.positition .accordion .accordion-item .accordion-body p span {
    font-weight: 600;
    padding-right: 0.5vw;
}

.positition .accordion .accordion-item .accordion-body h6 {
    font-family: 'euclid_circular_aregular';
    font-size: 1.1vw;
    margin: 1.6vw 0;
    font-weight: 600;
}

.positition .accordion .accordion-item .accordion-body ul {

    padding-left: 1vw;

    margin-bottom: 3vw;
}

.positition .accordion .accordion-item .accordion-body .qualifi li {
    list-style: disc;
}

.positition .accordion .accordion-item .accordion-body ul li {
    list-style: decimal;
    font-family: 'euclid_circular_aregular';
    font-size: 1.2vw;
    margin-bottom: 1.4vw;
    line-height: 2vw;
}

.positition .accordion .accordion-item .accordion-body ul li span {
    font-weight: 600;
}

.positition .accordion .accordion-item .accordion-body ul li i {
    margin-right: .7vw;
    color: #76459b;
}

.positition .accordion .accordion-item .accordion-body ul li .bi-check-circle::before {
    font-weight: 600 !important;
}

.positition .accordion .accordion-item .accordion-body .form-part {
    border-top: 0.1vw solid #0000001c;
    padding-top: 3vw;
}

.positition .accordion .accordion-item .accordion-body .form-part h4 {
    font-size: 1.6vw;
    margin-bottom: 1.6vw;
    font-family: 'euclid_circular_asemibold';
    font-weight: 600;
}

.positition .accordion .accordion-item .accordion-body .form-part .form-label {
    font-family: 'euclid_circular_asemibold';
    font-weight: 500;

    font-size: 1.2vw;

}

.positition .accordion .accordion-item .accordion-body .form-part .form-control {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    font-size: 1.2vw;
    padding: 1vw;
    font-family: 'euclid_circular_aregular';
    font-weight: 400;
}

.positition .accordion .accordion-item .accordion-body .form-part .form-control::placeholder {
    color: #8e8e8e;
}

.positition .accordion .accordion-item .accordion-body .form-part .btn {
    background: #ef350e;
    display: flex;
    margin: 0 auto;
    color: white;
    font-size: 1vw;
    padding: 0.9vw 2.2vw;
    margin-top: 1vw;
    border-radius: 0.4vw;
    font-family: 'euclid_circular_asemibold';
    font-weight: 600;
}


.positition .accordion-button .top-text .icon .clk-2 {
    display: block;
}

.positition .accordion-button .top-text .icon .clk-1 {
    display: none;
}

.positition .accordion-button.collapsed .top-text .icon .clk-2 {
    display: none;
}

.positition .accordion-button.collapsed .top-text .icon .clk-1 {
    display: block;
}

.positition .accordion .accordion-body .job_descriptionNew ol li {
    font-size: 1vw;
    font-family: 'euclid_circular_aregular';
    margin-bottom: 0.5vw;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
    background: linear-gradient(86deg, #fdf6e7, #c2beef);
    padding: 1vw;
    border-radius: 0.8vw;
}

.dropdown-item {
    font-weight: 700;
    color: #0c090c;
    font-family: 'euclid_circular_amedium';
    font-size: 1.07vw;
    padding: 0.7vw 0.8vw;
    border-radius: 0.4vw;
}

.dropdown-item:active {
    color: #0c090c;
    background-color: #fff;
}

.navbar-expand-md .navbar-nav .nav-item.dropdown:hover>.dropdown-item:hover {
    display: block;

}

/*  mobile*/
@media(max-width:575.989px) {
    .mobile_none {
        display: none !important;
    }
    .footer .footer-nav ul li{
        margin-bottom: 8px;
    }
    .menu .navbar-brand img {
        width: 150px;
        padding: 10px 0;
    }

    .menu .navbar-nav .nav-item {
        margin-bottom: 10px;
    }

    .menu .navbar-nav {
        background: #0c090c;
        text-align: center;
        z-index: 9;
        position: absolute;
        width: 85%;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        background: #fff;
        text-align: center;
        padding: 10px;
        background: linear-gradient(86deg, #fdf6e7, #c2beef)
    }

    .dropdown-item:hover {
        color: #0c090c;
        background-color: #fff;
    }

    .dropdown-item {
        font-size: 15px;
        padding: 10px;
    }

    .navbar-collapse .navbar-nav .nav-item .nav-link.btn {
        width: 50%;
        text-align: center;
        margin-left: 80px;
        border: 1px solid #fff;
        padding: 11px 8px;
        border-radius: 5px;
        font-size: 18px;
        color: #fff;
        padding: 10px;
    }

    .navbar-toggler {
        border: 1px solid #fff;
        background-color: #fff;
    }

    .menu .navbar-nav .nav-link {
        font-size: 18px;
        color: #fff;
        padding: 10px;
    }

    .hero-header {
        padding: 100px 0 50px;
    }

    .hero-header .hero-text h1 {
        font-size: 42px;
        line-height: 52px;
    }

    .hero-header .hero-text h1 span {
        width: 47px;
        font-size: 29px;
        height: 47px;
        top: 8px;
        border: 4px solid #ef350e;
        line-height: 33px;
    }

    .hero-header .hero-text .hero-buttons a.btncolor {
        padding: 10px;
        font-size: 15px;
        border-radius: 6px;
        margin-bottom: 20px;
    }

    .hero-header .hero-text h6 {
        font-size: 20px;
        line-height: 30px;
        margin: 20px 0;
    }

    .hero-header .hero-img img {
        width: 100%;
        padding: 0;

    }
    .about-us {
        padding: 50px 0;
    }

    .about-us img {
        margin-bottom: 25px;
        padding-left: 12px;
    }

    .about-us .text {
        padding-left: 11px;
    }

    .about-us .text h2 {
        margin: 0 0 20px;
    }

    .heading {
        font-size: 35px;
        line-height: 50px;
    }

    .about-us .text p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .about-us .text a {
        padding: 10px 15px;
        font-size: 15px;
    }

    .about-us .text a i {
        margin-left: 20px;
    }

    .solutions {
        padding: 50px 0;
    }

    .solutions .text h2 {
        font-size: 40px;
    }

    .solutions .text h6 {
        font-size: 16px;
        margin: 18px 0 25px;
    }

    .solutions .accordion .accordion-item .accordion-button span img {
        width: 35px;
    }

    .solutions .accordion .accordion-item .accordion-button span {
        width: 37px;
        height: 37px;
        border-radius: 10px;
    }

    .solutions .accordion-item {
        margin: 0 0 15px;
        border-radius: 15px !important;
    }

    .solutions .accordion .accordion-button:not(.collapsed) {
        font-size: 17px;
        padding: 10px 20px;
    }

    .solutions .accordion-body {
        padding: 10px 20px;
        font-size: 18px;
        margin-bottom: 10px;
        line-height: initial;
    }

    .solutions .text {
        margin-bottom: 50px;
    }

    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 15px;
        font-size: 17px;
    }

    .accordion-button::after {
        width: 25px;
        height: 25px;
    }

    .services {
        padding: 50px 0;
    }

    .services .heading {
        margin-bottom: 40px;
    }

    .services .service-card h6 {
        font-size: 21px;
        margin: 0 0 12px;
    }

    .services .service-card h4 {
        font-size: 31px;
        line-height: 41px;
        margin-bottom: 20px;
    }

    .services .service-card p {
        font-size: 11px;
        margin-bottom: 20px;
        padding-right: 50px;
    }

    .services .service-card .img {
        padding: 0 21px 5px;
    }

    .services .service-card a {
        padding: 10px 12px;
        font-size: 12px;
        border-radius: 5px;
        margin: 11px 5px;
    }

    .services .service-card {
        padding: 50px 21px 125px !important;
        margin-bottom: 12px;
        border-radius: 10.5px;
    }

    .service-card-small h5 {
        font-size: 20px;
    }

    .service-card-small {
        width: 100%;
        height: 380px;
        margin-bottom: 20px !important;
    }

    .service-card-main {
        width: 100%;
        height: 150px;
        margin-bottom: 20px !important;
    }

    .servce-cards-left .service-card {
        padding: 11px 11px 10px !important;
        height: 200px;
    }

    .servce-cards-left .service-card h5 {
        font-size: 21px;
    }

    .why-choose {
        padding: 60px 0;
    }

    .choose-head {
        margin-bottom: 40px;
    }

    .choose-head h2 {
        margin-bottom: 20px;
    }

    .choose-head p::before {
        display: none;
    }

    .choose-head p {
        font-size: 20px;
        padding: 2px;
        line-height: 30px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 11px;
        gap: 10px;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .why-choose .choose-left .choose-box .icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        font-size: 20px;
        border-radius: 7px;
        padding: 7px;
    }

    .why-choose .processing-bars .progress {
        border-radius: 20px;
        padding: 2px 5px;
        height: 11px;
        width: 200px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 20px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .processing-bars {
        gap: 10px;
        padding-left: 5px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 10px;
        font-size: 17px;
    }

    .tools {
        padding: 60px 0;
    }

    .tool-box .companys .tool-tech-img img {
        width: 100%;
    }

    .tool-box .companys .tool-tech-img {
        width: 100px;
        height: 77px;
        padding: 20px;
        border-radius: 10px;
    }


    .tool-box {
        padding: 20px;
        border-radius: 11px;
        margin-right: 10px;
    }

    .tools .tool-box h4 {

        font-size: 18px;
        margin-bottom: 10.3px !;
    }

    .tool-box ul li {
        width: 100px;
        height: 77px;
        padding: 2px;
        border-radius: 10px;
    }

    .tool-box ul {
        gap: 20px;
    }

    .next {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;

    }

    .previous {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 40px;
    }


    .Customers {
        padding: 60px 0;
    }

    .Customers .heading {
        margin-bottom: 31px
    }

    .Customers .client-box {
        margin: 5px 0 10px 20px;
        padding: 10px 20px;
        border-radius: 11px;
        text-align: center;
    }

    .Customers .client-box .head .details .name .img img {
        width: 100%;
    }

    .Customers .client-box .head .details .name .text h6 {
        font-size: 20px;
    }

    .Customers .client-box .head .details .name .text img {
        width: 70%;
    }

    .Customers .client-box .head .details .quote img {
        width: 60%;
    }

    .Customers .client-box .review p {
        font-size: 17px;
        line-height: 27px;
        text-align: start;
    }

    .Customers .client-box .head .details {
        gap: 6px;
    }
    .footer {
        padding: 50px 0;
    }

    .footer .footer-nav h6 {
        font-size: 26px;
        margin-top: 25px;
    }

    .footer .footer-nav ul li a {
        font-size: 18px;
    }

    .footer .footer-nav ul {
        margin-top: 20px;
        gap: 8px;
    }

    .footer .social-nav .social h6 {
        font-size: 20px;
    }

    .footer .social-nav ul li i {
        margin-right: 5px;
    }

    .footer .social-nav .social ul li {
        border-radius: 40px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
    }

    .footer-sub .copyright .terms ul {
        gap: 10px;
    }

    .footer .social-nav .social ul li a {
        font-size: 25px;
    }

    .footer-sub .copyright .copy p {
        font-size: 16px;
    }

    .footer-sub .copyright .terms ul li a {
        font-size: 16px;
    }

    .footer-sub {
        padding: 20px 0;
    }

    .footer-sub .copyright {
        text-align: start;
        display: block;
    }

    /* about-us */
    .hybris-banner {
        background-image: url(../img/about.png) !important;
    }

    .right-text {
        margin: 0 10px;
    }

    .service-banner {
        background-image: url(../img/services-banner1.png) !important;
    }

    .service-banner .service-text {
        margin-top: 160px;
    }

    .sub-hedding {
        font-size: 40px;
    }

    .service-banner .service-text .breadcrumb li {
        font-size: 20px;
    }

    .about-section {
        padding: 50px 0;
    }

    .about-section .img {
        padding-right: 30px;
        margin-bottom: 30px;
    }

    .about-section .right-text h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .about-section .right-text p {
        font-size: 18px;
        line-height: 30px;
    }

    .trust {
        padding: 50px 0;
    }

    .trust .left h2 {
        font-size: 31px;
        line-height: 40px;
    }

    .trust .left p {

        font-size: 18px;
        line-height: 28px;
        margin: 20px 0;
    }

    .trust .left .values {
        display: block;
    }

    .trust .left .values .v-one h6 {
        font-size: 25px;
    }

    .trust .left .values .v-one p {
        font-size: 17px;
        line-height: 28px;
        margin: 15px 0;
    }

    .trust .left .values::before {

        width: 310px;
        height: 0px;
        border: 1px dashed #0000007d;
        top: -10.6px;
    }

    .trust .left .persentages {
        display: block;
    }

    .trust .left .persentages .project p {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .trust .left .persentages .project h6 {
        font-size: 35px;
    }

    .trust .right .box h6 {
        padding: 11px 0;
        font-size: 15px;
    }

    .trust .right .box {
        margin-bottom: 20px;
    }

    .why-capo .heading {
        margin-bottom: 30px;
    }

    .why-capo .box {
        padding: 25px;
        margin: 0 10px 20px;
    }

    .why-capo .box .head {
        gap: 11px;
    }

    .why-capo .box .head img {
        width: 41px;
    }

    .why-capo .box .head h5 {
        font-size: 21px;
        line-height: 31px;
    }

    .why-capo .box ul {
        padding-left: 11px;
        margin-top: 20px;
    }

    .why-capo .box ul li {
        font-size: 18px;
        line-height: 30px;
    }

    .why-capo .box ul li::marker {
        font-size: 15px;
    }

    /* core capabilities */
    .who-we-are-banner {
        background-image: url(../img/who-we-are-banner1.png) !important;
    }

    .accordion-header {
        margin-bottom: 0;
        line-height: initial;
    }

    .solutions-one h2 {
        margin-bottom: 10px;
        font-size: 31px;
    }

    .solutions-one p {
        margin-bottom: 40px;
        font-size: 16px;
        line-height: initial;
    }

    .solutions-two h2 {
        margin-bottom: 11px;
        font-size: 31px;
    }

    .solutions-two p {
        margin-bottom: 40px;
        font-size: 16px;
        line-height: initial;
    }

    .hybris-services {
        padding: 50px 0;
    }

    .hybris-services .left-text h6 {
        font-size: 25px;
        margin: 20px 0 15px;
    }

    .hybris-services .left-text p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .hybris-services .left-text ul::before {
        width: 300px;
        height: 0vw;
        border: 0.1px dashed;
        top: 4px;
    }

    .hybris-services .left-text ul li i {
        margin-right: 10px;
        font-size: 16px;
    }

    .hybris-services .left-text ul li {
        font-size: 14px;
    }

    .hybris-services .left-text ul {
        display: grid;
        gap: 5px;
        padding-top: 21px;
    }

    .hybris-two .img img {
        margin-top: 25px;
    }

    .hybris-one .img img {
        margin-top: 25px;
    }

    .hybris-center-banner {
        background-image: url(../img/hybris-banner1.png) !important;
    }

    .techonolagys .choose-head h2 {
        font-size: 30px;
    }

    .techonolagys .tool-box {
        margin-bottom: 20px;
    }

    /*  */
    .services .head h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .services .head p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 26px;
    }

    .services .left-text ul {
        gap: 16px;
    }

    .services .left-text ul li {
        font-size: 15px;
    }

    .services .left-text ul li i {
        margin-right: 10px;
    }

    .services .img img {
        margin-top: 20px;
    }

    .service-two .img img {
        margin-bottom: 20px;
    }

    /*  */
    .case-one {
        padding: 50px 0;
    }

    .case-one .head h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .case-one .head p {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .case-one .tab-part h3 {
        font-size: 20px;
    }

    .case-one .tabs {
        margin-top: 20px;
    }

    .case-one .tabs .nav-pills {
        margin-bottom: 30.5px !important;
    }

    .case-one .tabs .nav-pills .nav-link {
        padding: 11px 25px;
        font-size: 16px;
        border-radius: 50px;
        gap: 10px;

    }

    .case-one .tabs .nav-pills .nav-link img {
        width: 40px;
    }

    .case-one .tabs .tab-content .content p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }

    .case-one .tabs .tab-content .content img {
        margin: 10PX;
        padding-right: 13px;
    }

    /* CAREERS */
    .positition {
        padding: 60px 0;
    }

    .positition .tittle h2 {
        margin-bottom: 11px;
        font-size: 30px;
    }

    .positition .tittle p {
        font-size: 16px;
        line-height: 26px;
    }

    /* contact us */
    .contact-banner {
        background-image: url(../img/contact-banner1.png) !important;
    }

    .get-in-touch h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .get-in-touch .addres-info .map iframe {
        height: 170px;
    }

    .get-in-touch .addres-info-card {
        padding: 20px;
        border-bottom: 6px solid #ff462d;
    }

    .get-in-touch .addres-info-card ul li {
        margin-bottom: 12px;
    }

    .get-in-touch .addres-info-card ul li .icon {
        width: 31px;
        height: 31px;
        min-width: 31px;
        min-height: 31px;
        margin-right: 10px;
        font-size: 15px;
    }

    .get-in-touch .addres-info-card ul li .text span {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .get-in-touch .addres-info-card ul li .text h6 {
        font-size: 12px;
    }

    .get-in-touch .contact-form h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .get-in-touch .contact-form {
        padding: 21px 21px 30px;
        height: 100%;
    }

    .get-in-touch .contact-form label {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .get-in-touch .contact-form input {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 15px;
    }

    .get-in-touch .contact-form input,
    .get-in-touch .contact-form textarea {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 15px;
        margin-bottom: 15px;
    }

    .get-in-touch .addres-info {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .get-in-touch .addres-info-card ul li .text {
        text-align: left;
    }

    .get-in-touch .addres-info-card ul {
        gap: 15px;
    }

    .get-in-touch .contact-form .btn {
        padding: 10px 30px;
        font-size: 16px;
        border-radius: 6px;
        margin-top: 20px;
    }

    .location-card {
        padding: 60px 25px 20px;
        height: 405px;
        border-radius: 10px;
        margin-top: 20px;
        width: 100%;
    }

    .location-card ul li {
        font-size: 16px;
        margin-bottom: 11px !important;
        line-height: 25px;
    }

    .location-card ul li i {
        margin-right: 20px;
        font-size: 16px;
    }

    .location-card h4 {
        font-size: 25px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .positition {
        padding: 40px 15px;
    }

    .positition .tittle h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .positition .tittle p {
        font-size: 17px;
        line-height: 22px;
    }

    .positition .tittle {
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 13px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text {
        display: inline;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text p {
        font-size: 16px;
        line-height: 25px !important;
    }

    .job-name {
        width: 70%;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content {
        margin-left: 11px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button {
        padding: 20px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        width: 35px;
        height: 35px;
        border-radius: 30px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        font-size: 30px;
        line-height: 33px;
    }

    .positition .accordion .accordion-item {
        border-radius: 20px;
        margin-bottom: 20px;
        border: 0.2vw solid #0c090c !important;
    }

    .positition .accordion .accordion-item .accordion-body {
        padding: 15px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-body p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-body h6 {
        font-size: 16px;
    }

    .positition .accordion .accordion-item .accordion-body ul li {
        font-size: 14px;
        line-height: 22px;
    }

    .positition .accordion .accordion-item .accordion-body ul {
        padding-left: 15px;
    }

    .positition .accordion .accordion-item .accordion-body h6 {
        margin: 10px 0;
    }

    .positition .accordion .accordion-item .accordion-body .form-part h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-label {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-control {
        font-size: 16px;
        padding: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .btn {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 6px;
    }
    .industry-services .service-card{
        padding: 10px 10px !important;
    min-height: 495px!important;
    }
    .health-backk{
        width: 50px !important;
        height: 50px !important;
    }
    .industry-services .service-card img{
        width: 32px !important;
    }
    .industry-services .service-card h6{
        font-size: 22px !important;
    }
    .industry-services .service-card p{
        font-size: 18px !important;
        line-height: inherit !important;
    }

}

/*  */
@media(min-width:576px) and (max-width:767.98px) {
    .menu .navbar-brand img {
        width: 150px;
        padding: 10px 0;
    }

    .menu .navbar-nav .nav-item {
        margin-bottom: 10px;
    }

    .menu .navbar-nav {
        background: #0c090c;
        text-align: center;
        z-index: 9;
        position: absolute;
        width: 85%;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        background: #fff;
        text-align: center;
        padding: 10px;
        background: linear-gradient(86deg, #fdf6e7, #c2beef);
    }

    .dropdown-item a:hover {
        color: #0c090c !important;
        background-color: #fff !important;

    }

    .dropdown-item {
        font-size: 15px;
        padding: 10px;
    }

    .navbar-collapse .navbar-nav .nav-item .nav-link.btn {
        width: 40%;
        text-align: center;
        margin-left: 147px;
        border: 1px solid #fff;
        border-radius: 5px;
        font-size: 18px;
        color: #fff;
        padding: 10px 5px;
    }

    .navbar-toggler {
        border: 1px solid #fff;
        background-color: #fff;
    }

    .menu .navbar-nav .nav-link {
        font-size: 18px;
        color: #fff;
        padding: 10px;
    }

    .hero-header {
        padding: 100px 0 50px;
    }

    .hero-header .hero-text h1 {
        font-size: 60px;
        line-height: 70px;
    }

    .hero-header .hero-text h1 span {
        width: 47px;
        font-size: 29px;
        height: 47px;
        top: 8px;
        border: 4px solid #ef350e;
        line-height: 33px;
    }

    .hero-header .hero-text .hero-buttons a.btncolor {
        padding: 12px;
        font-size: 18px;
        border-radius: 6px;
        margin-bottom: 20px;
    }

    .hero-header .hero-text h6 {
        font-size: 22px;
        line-height: 32px;
        margin: 20px 0;
    }

    .hero-header .hero-img img {
        width: 100%;
        padding: 0;
    }

    /*  */


    .about-us {
        padding: 50px 0;
    }

    .about-us img {
        margin-bottom: 25px;
        padding-left: 12px;
    }

    .about-us .text {
        padding-left: 11px;
    }

    .about-us .text h2 {
        margin: 0 0 20px;
    }

    .heading {
        font-size: 38px;
        line-height: 40px;
    }

    .about-us .text p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;

    }

    .about-us .text a {
        padding: 10px;
        font-size: 20px;
    }

    .about-us .text a i {
        margin-left: 20px;
    }

    /*  */
    .solutions {
        padding: 50px 0;
    }

    .solutions .text h2 {
        font-size: 40px;
    }

    .solutions .text h6 {
        font-size: 22px;
        line-height: initial;
        margin: 18px 0 22px;
    }

    .solutions .accordion .accordion-item .accordion-button span img {
        width: 35px;
    }

    .solutions .accordion .accordion-item .accordion-button span {
        width: 37px;
        height: 37px;
        border-radius: 10px;
    }

    .solutions .accordion-item {
        margin: 0 0 15px;
        border-radius: 15px !important;
    }

    .solutions .accordion .accordion-button:not(.collapsed) {
        font-size: 17px;
        padding: 10px 20px;
    }

    .solutions .accordion-body {
        padding: 10px 20px;
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .solutions .text {
        margin-bottom: 50px;
    }

    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 15px;
        font-size: 22px;
    }

    .accordion-button::after {
        width: 25px;
        height: 25px;
    }

    /*  */
    .services {
        padding: 50px 0;
    }

    .services .heading {
        margin-bottom: 40px;
    }

    .services .service-card h6 {
        font-size: 21px;
        margin: 0 0 12px;
    }

    .services .service-card h4 {
        font-size: 31px;
        line-height: 41px;
        margin-bottom: 20px;
    }

    .services .service-card p {
        font-size: 18px;
        margin-bottom: 20px;
        padding-right: 50px;
    }

    .services .service-card .img {
        padding: 0 21px 5px;
    }

    .services .service-card a {
        padding: 10px 12px;
        font-size: 12px;
        border-radius: 5px;
        margin: 11px 5px;
    }

    .services .service-card {
        padding: 50px 20px 260px !important;
        margin-bottom: 12px;
        border-radius: 10.5px;
    }

    .service-card-small h5 {
        font-size: 20px;
    }

    .service-card-small {
        width: 100%;
        height: 380px;
        margin-bottom: 20px !important;
    }

    .service-card-main {
        width: 100%;
        height: 150px;
        margin-bottom: 20px !important;
    }

    .servce-cards-left .service-card {
        padding: 11px 11px 10px !important;
        height: 200px;
    }

    .servce-cards-left .service-card h5 {
        font-size: 21px;
    }

    /*  */
    .why-choose {
        padding: 60px 0;
    }

    .choose-head {
        margin-bottom: 40px;
    }

    .choose-head h2 {
        margin-bottom: 20px;
    }

    .choose-head p::before {
        display: none;
    }

    .choose-head p {
        font-size: 20px;
        padding: 2px;
        line-height: 30px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 11px;
        gap: 10px;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .why-choose .choose-left .choose-box .icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        font-size: 20px;
        border-radius: 7px;
        padding: 7px;
    }

    .why-choose .processing-bars .progress {
        border-radius: 20px;
        padding: 2px 5px;
        height: 11px;
        width: 200px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 20px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .processing-bars {
        gap: 10px;
        padding-left: 5px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 10px;
        font-size: 17px;
    }

    /*  */
    .tools {
        padding: 60px 0;
    }

    .tool-box .companys .tool-tech-img img {
        width: 100%;
    }

    .tool-box .companys .tool-tech-img {
        width: 100%;
        border-radius: 6px;
        padding: 10px;
        min-width: 100px;
        min-height: 100px;
        margin: 5px;
    }

    .tool-box {
        padding: 40px;
        border-radius: 11px;
        margin-right: 10px;
    }

    .tool-box h4 {
        font-size: 20px;
        margin-bottom: 10.3px;
    }

    .tool-box ul li {
        width: 110px;
        height: 100px;
        padding: 4px;
        border-radius: 10px;
    }

    .tool-box ul {
        gap: 58px;
    }

    .next {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;

    }

    .previous {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 40px;
    }

    /*  */

    .Customers {
        padding: 60px 0;
    }

    .Customers .heading {
        margin-bottom: 31px
    }

    .Customers .client-box {
        margin: 5px 0 10px 20px;
        padding: 20px 35px;
        border-radius: 11px;
        text-align: center;
    }

    .Customers .client-box .head .details .name .img img {
        width: 100%;
    }

    .Customers .client-box .head .details .name .text h6 {
        font-size: 20px;
    }

    .Customers .client-box .head .details .name .text img {
        width: 100%;
    }

    .Customers .client-box .head .details .quote img {
        width: 100%;
    }

    .Customers .client-box .review p {
        font-size: 17px;
        line-height: 27px;
        text-align: start;
    }

    .Customers .client-box .head .details {
        gap: 150px;
    }

    /*  */
    .footer {
        padding: 50px 0;
    }

    .footer .footer-nav h6 {
        font-size: 26px;
        margin-top: 25px;
    }

    .footer .footer-nav ul li a {
        font-size: 18px;
    }

    .footer .footer-nav ul {
        margin-top: 20px;
        gap: 8px;
    }

    .footer .social-nav .social h6 {
        font-size: 20px;
    }

    .footer .social-nav ul li i {
        margin-right: 5px;
    }

    .footer .social-nav .social ul li {
        border-radius: 40px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
    }

    .footer-sub .copyright .terms ul {
        gap: 10px;
    }

    .footer .social-nav .social ul li a {
        font-size: 25px;
    }

    .footer-sub .copyright .copy p {
        font-size: 16px;
    }

    .footer-sub .copyright .terms ul li a {
        font-size: 16px;
    }

    .footer-sub {
        padding: 20px 0;
    }

    .footer-sub .copyright {
        text-align: start;
        display: block;
    }

    /* about-us */
    .hybris-banner {
        background-image: url(../img/about.png) !important;
    }

    .right-text {
        margin: 0 10px;
    }

    .service-banner {
        background-image: url(../img/services-banner1.png) !important;
    }

    .service-banner .service-text {
        margin-top: 160px;
    }

    .sub-hedding {
        font-size: 40px;
    }

    .service-banner .service-text .breadcrumb li {
        font-size: 20px;
    }

    .about-section {
        padding: 50px 0;
    }

    .about-section .img {
        padding-right: 30px;
        margin-bottom: 30px;
    }

    .about-section .right-text h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .about-section .right-text p {
        font-size: 18px;
        line-height: 30px;
    }

    .trust {
        padding: 50px 0;
    }

    .trust .left h2 {
        font-size: 31px;
        line-height: 40px;
    }

    .trust .left p {

        font-size: 18px;
        line-height: 28px;
        margin: 20px 0;
    }

    .trust .left .values {
        display: block;
    }

    .trust .left .values .v-one h6 {
        font-size: 25px;
    }

    .trust .left .values .v-one p {
        font-size: 17px;
        line-height: 28px;
        margin: 15px 0;
    }

    .trust .left .values::before {

        width: 310px;
        height: 0px;
        border: 1px dashed #0000007d;
        top: -10.6px;
    }

    .trust .left .persentages {
        display: block;
    }

    .trust .left .persentages .project p {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .trust .left .persentages .project h6 {
        font-size: 35px;
    }

    .trust .right .box h6 {
        padding: 11px 0;
        font-size: 15px;
    }

    .trust .right .box {
        margin-bottom: 20px;
    }

    .why-capo .heading {
        margin-bottom: 30px;
    }

    .why-capo .box {
        padding: 25px;
        margin: 0 10px 20px;
    }

    .why-capo .box .head {
        gap: 11px;
    }

    .why-capo .box .head img {
        width: 41px;
    }

    .why-capo .box .head h5 {
        font-size: 21px;
        line-height: 31px;
    }

    .why-capo .box ul {
        padding-left: 11px;
        margin-top: 20px;
    }

    .why-capo .box ul li {
        font-size: 18px;
        line-height: 30px;
    }

    .why-capo .box ul li::marker {
        font-size: 15px;
    }

    /* core capabilities */
    .who-we-are-banner {
        background-image: url(../img/who-we-are-banner1.png) !important;
    }

    .accordion-header {
        margin-bottom: 0;
        line-height: initial;
    }

    .solutions-one h2 {
        margin-bottom: 10px;
        font-size: 31px;
    }

    .solutions-one p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .solutions-two h2 {
        margin-bottom: 11px;
        font-size: 31px;
    }

    .solutions-two p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .hybris-services {
        padding: 50px 0;
    }

    .hybris-services .left-text h6 {
        font-size: 25px;
        margin: 20px 0 15px;
    }

    .hybris-services .left-text p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .hybris-services .left-text ul::before {
        width: 300px;
        height: 0vw;
        border: 0.1px dashed;
        top: 4px;
    }

    .hybris-services .left-text ul li i {
        margin-right: 10px;
        font-size: 16px;
    }

    .hybris-services .left-text ul li {
        font-size: 17px;
    }

    .hybris-services .left-text ul {
        display: grid;
        gap: 5px;
        padding-top: 21px;
    }

    .hybris-two .img img {
        margin-top: 25px;
    }

    .hybris-one .img img {
        margin-top: 25px;
    }

    .hybris-center-banner {
        background-image: url(../img/hybris-banner1.png) !important;

    }

    .techonolagys .choose-head h2 {
        font-size: 30px;
    }

    .techonolagys .tool-box {
        margin-bottom: 20px;
    }

    /*  */
    .services .head h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .services .head p {
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .services .left-text ul {
        gap: 16px;
    }

    .services .left-text ul li {
        font-size: 17px;
    }

    .services .left-text ul li i {
        margin-right: 10px;
    }

    .services .img img {
        margin-top: 20px;
    }

    .service-two .img img {
        margin-bottom: 20px;
    }

    /*  */
    .case-one {
        padding: 50px 0;
    }

    .case-one .head h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .case-one .head p {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .case-one .tab-part h3 {
        font-size: 20px;
    }

    .case-one .tabs {
        margin-top: 20px;
    }

    .case-one .tabs .nav-pills {

        margin-bottom: 30.5px !important;
    }

    .case-one .tabs .nav-pills .nav-link {
        padding: 11px 25px;
        font-size: 18px;
        border-radius: 50px;
        gap: 10px;

    }

    .case-one .tabs .nav-pills .nav-link img {
        width: 60px;
    }

    .case-one .tabs .tab-content .content p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 20px;
    }

    .case-one .tabs .tab-content .content img {
        margin: 10PX;
        padding-right: 13px;
    }

    /* CAREERS */
    .positition {
        padding: 60px 0;
    }

    .positition .tittle h2 {
        margin-bottom: 11px;
        font-size: 30px;
    }

    .positition .tittle p {
        font-size: 16px;
        line-height: 26px;
    }

    /* contact us */
    .contact-banner {
        background-image: url(../img/contact-banner1.png) !important;
    }

    .get-in-touch h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .get-in-touch .addres-info .map iframe {
        height: 170px;
    }

    .get-in-touch .addres-info-card {
        padding: 20px;
        border-bottom: 6px solid #ff462d;
    }

    .get-in-touch .addres-info-card ul li {
        margin-bottom: 12px;
    }

    .get-in-touch .addres-info-card ul li .icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        margin-right: 20px;
        font-size: 20px;

    }

    .get-in-touch .addres-info-card ul li .text span {
        font-size: 18px;
        margin-bottom: 5px;

    }

    .get-in-touch .addres-info-card ul li .text h6 {
        font-size: 15px;
    }

    .get-in-touch .contact-form h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .get-in-touch .contact-form {
        padding: 21px 21px 30px;
        height: 100%;
    }

    .get-in-touch .contact-form label {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .get-in-touch .contact-form input {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 15px;
    }

    .get-in-touch .contact-form input,
    .get-in-touch .contact-form textarea {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 16px 20px;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .get-in-touch .addres-info {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .get-in-touch .addres-info-card ul li .text {
        text-align: left;
    }

    .get-in-touch .addres-info-card ul {
        gap: 15px;
    }

    .get-in-touch .contact-form .btn {
        padding: 10px 30px;
        font-size: 16px;
        border-radius: 6px;
        margin-top: 20px;
    }

    .location-card {
        padding: 60px 25px 20px;
        height: 405px;
        border-radius: 10px;
        margin-top: 20px;
        width: 100%;
    }

    .location-card ul li {
        font-size: 16px;
        margin-bottom: 11px !important;
        line-height: 25px;

    }

    .location-card ul li i {
        margin-right: 8px;
        font-size: 16px;
    }

    .location-card h4 {
        font-size: 25px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .positition {
        padding: 40px 15px;
    }

    .positition .tittle h2 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .positition .tittle p {
        font-size: 20px;
        line-height: 29px;

    }

    .positition .tittle {
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 13px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text {
        display: inline;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text p {
        font-size: 16px;
        line-height: 25px !important;
    }

    .job-name {
        width: 70%;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content {
        margin-left: 25px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button {
        padding: 20px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        width: 35px;
        height: 35px;
        border-radius: 30px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        font-size: 30px;
        line-height: 33px;
    }

    .positition .accordion .accordion-item {
        border-radius: 20px;
        margin-bottom: 20px;
        border: 0.2vw solid #0c090c !important;
    }

    .positition .accordion .accordion-item .accordion-body {
        padding: 15px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-body p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;

    }

    .positition .accordion .accordion-item .accordion-body h6 {
        font-size: 16px;
    }

    .positition .accordion .accordion-item .accordion-body ul li {
        font-size: 15px;
        line-height: 25px;
    }

    .positition .accordion .accordion-item .accordion-body ul {
        padding-left: 15px;
        margin-bottom: 30px;
    }

    .positition .accordion .accordion-item .accordion-body h6 {
        margin: 10px 0;
    }

    .positition .accordion .accordion-item .accordion-body .form-part h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-label {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-control {
        font-size: 16px;
        padding: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .btn {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 6px;
    }
    .industry-services .service-card{
        padding: 10px 15px !important;
        min-height: 395px!important;
    }
    .health-backk{
        width: 60px !important;
        height: 60px !important;
    }
    .industry-services .service-card img{
        width: 42px !important;
    }
    .industry-services .service-card h6{
        font-size: 24px !important;
    }
    .industry-services .service-card p{
        font-size: 18px !important;
        line-height: inherit !important;
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    .menu .navbar-nav .nav-link {
        font-size: 10px;
        padding: 9px 5px;
    }

    .menu .navbar-nav .nav-item {
        margin: 0 3px;
    }

    .menu .navbar-nav .nav-link.btn {
        padding: 9px 5px;
    }

    .hero-header .hero-text h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .hero-header .hero-text h1 span {
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
        font-size: 30px;
        line-height: 40px;
        top: 4px;
        margin: 0 5px;
    }

    .hero-header .hero-text h6 {
        font-size: 18px;
        margin: 20px 0;
        line-height: 28px;
    }

    .hero-header .hero-text .hero-buttons a {
        font-size: 15px;
        padding: 11px 10px;
        border-radius: 5px;
    }

    .about-us .text p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .about-us .text a {
        width: max-content;
        margin-top: 20px;
        font-size: 15px;
        padding: 10px;
        border-radius: 5px;
    }

    .heading {
        font-size: 40px;
        line-height: 100%;
    }

    .solutions .text h6 {
        font-size: 17px;
        margin: 20px 0 25px;
        line-height: 28px;
    }

    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 20px;
        font-size: 18px;
    }

    .solutions .accordion-body {
        padding: 0 20px 11px 51px;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .services .service-card h6 {
        font-size: 16px;
        margin: 0 0 11px;
    }

    .services .service-card p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 20px;
        padding-right: 50px;
    }

    .service-card-small h5 {
        font-size: 15px;
    }

    .service-card-small {
        padding: 20px 11px 10px !important;
        border-radius: 10px;
        height: 170px;
    }

    .services .service-card h4 {

        font-size: 30px;
        margin-bottom: 20px;
        line-height: 40px;
    }

    .choose-head h2 {
        margin-bottom: 11px
    }

    .choose-head p {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
        padding: 0 70px 0 50px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 20px;
        font-size: 15px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 18px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 11px 10px 10px;
        border-radius: 10px;
        gap: 10px;
        margin-bottom: 15px;
    }

    .tool-box {
        padding: 25px;
        border-radius: 10px;
        margin-right: 10px;
    }

    .tool-box h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tool-box ul li {

        width: 60px;
        height: 60px;
        border-radius: 10px;
        padding: 5px;
    }

    .tool-box ul {
        gap: 20px;
    }

    .tools .Tools-slick {
        margin-top: 21px;
    }

    .next {
        font-size: 15px;
        bottom: -40px;
        width: 30px;
        height: 30px;
    }

    .previous {
        font-size: 15px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 50px;
    }

    .footer .footer-nav h6 {
        font-size: 16px;
        margin: 0;
    }

    .footer .footer-nav ul li a {

        font-size: 13px;
    }

    .footer .social-nav .social ul li {
        border-radius: 40px;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
        padding: 4px;
    }

    .about-us {
        padding: 50px 0;
    }

    .about-us img {
        margin-bottom: 25px;
        padding-left: 12px;
    }

    .about-us .text {
        padding-left: 11px;
    }

    .about-us .text h2 {
        margin: 0 0 20px;
    }

    .heading {
        font-size: 38px;
        line-height: 40px;
    }

    .about-us .text p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }



    .about-us .text a {
        padding: 10px;
        font-size: 15px;
    }

    .about-us .text a i {
        margin-left: 20px;
    }

    /*  */
    .solutions {
        padding: 50px 0;
    }

    .solutions .text h2 {
        font-size: 40px;
    }

    .solutions .text h6 {
        font-size: 18px;
        line-height: 30px;
        margin: 18px 0 22px;
    }


    .solutions .accordion .accordion-item .accordion-button span img {
        width: 35px;
    }

    .solutions .accordion .accordion-item .accordion-button span {
        width: 37px;
        height: 37px;
        border-radius: 10px;
    }

    .solutions .accordion-item {
        margin: 0 0 15px;
        border-radius: 15px !important;
    }

    .solutions .accordion .accordion-button:not(.collapsed) {
        font-size: 17px;
        padding: 10px 20px;
    }

    .solutions .accordion-body {
        padding: 10px 20px;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 26px;
    }

    .solutions .text {
        margin-bottom: 50px;
    }

    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 15px;
        font-size: 18px;
    }

    .accordion-button::after {
        width: 25px;
        height: 25px;
    }

    /*  */
    .services {
        padding: 50px 0;
    }

    .services .heading {
        margin-bottom: 40px;
    }

    .services .service-card h6 {
        font-size: 21px;
        margin: 0 0 12px;
    }

    .services .service-card h4 {
        font-size: 31px;
        line-height: 41px;
        margin-bottom: 20px;
    }

    .services .service-card p {
        font-size: 16px;
        margin-bottom: 20px;
        padding-right: 50px;
    }


    .services .service-card .img {
        padding: 0 21px 5px;
    }

    .services .service-card a {
        padding: 10px 12px;
        font-size: 12px;
        border-radius: 5px;
        margin: 11px 5px;
    }

    .services .service-card {
        padding: 52px 19px 97px !important;
        margin-bottom: 12px;
        border-radius: 10.5px;
    }

    .service-card-small h5 {
        font-size: 20px;
    }

    .service-card-small {
        width: 100%;
        height: 213px;
        margin-bottom: 20px !important;
    }

    .service-card-main {
        width: 100%;
        height: 150px;
        margin-bottom: 20px !important;
    }

    .servce-cards-left .service-card {
        padding: 11px 11px 10px !important;
        height: 200px;
    }

    .servce-cards-left .service-card h5 {
        font-size: 21px;
    }

    /*  */
    .why-choose {
        padding: 60px 0;
    }

    .choose-head {
        margin-bottom: 40px;
    }

    .choose-head h2 {
        margin-bottom: 20px;
    }

    .choose-head p::before {
        display: none;
    }

    .choose-head p {
        font-size: 16px;
        padding: 2px;
        line-height: 30px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 4px;
        gap: 4px;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .why-choose .choose-left .choose-box .icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        font-size: 16px;
        border-radius: 7px;
        padding: 7px;
    }

    .why-choose .processing-bars .progress {
        border-radius: 20px;
        padding: 2px 5px;
        height: 11px;
        width: 200px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 20px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .processing-bars {
        gap: 10px;
        padding-left: 5px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 10px;
        font-size: 17px;
    }

    /*  */
    .tools {
        padding: 60px 0;
    }

    .tool-box {
        padding: 20px 12px;
        border-radius: 11px;
        margin-right: 10px;
    }

    .tool-box h4 {
        font-size: 18px;
        margin-bottom: 10.3px;
    }


    .tool-box ul li {
        width: 71px;
        height: 71px;
        padding: 4px;
        border-radius: 10px;
    }

    .tool-box ul {
        gap: 30px;
    }

    .next {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;

    }

    .previous {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 40px;
    }

    /*  */

    .Customers {
        padding: 60px 0;
    }

    .Customers .heading {
        margin-bottom: 31px
    }

    .Customers .client-box {
        margin: 5px 0 10px 20px;
        padding: 20px 35px;
        border-radius: 11px;
    }

    .Customers .client-box .head .details .name .img img {
        width: 100%;
    }

    .Customers .client-box .head .details .name .text h6 {
        font-size: 16px;
    }

    .Customers .client-box .head .details .name .text img {
        width: 60px;
    }

    .Customers .client-box .head .details .quote img {
        width: 100%;
    }

    .Customers .client-box .review p {
        font-size: 16px;
        line-height: 26px;
        text-align: start;
    }

    .Customers .client-box .head .details {
        gap: 14px;
    }


    .Customers .client-box .head .details .name .text {
        margin-left: 10px;
    }

    /*  */
    .footer {
        padding: 50px 0;
    }

    .footer .footer-nav h6 {
        font-size: 18px;
    }


    .footer .footer-nav ul li a {
        font-size: 14px;
    }

    .footer .footer-nav ul {
        margin-top: 20px;
        gap: 8px;
    }

    .footer .social-nav .social h6 {
        font-size: 20px;
    }

    .footer .social-nav ul li i {
        margin-right: 5px;
    }



    .footer-sub .copyright .terms ul {
        gap: 10px;
    }

    .footer .social-nav .social ul li a {
        font-size: 18px;
    }

    .footer-sub .copyright .copy p {
        font-size: 18px;
        line-height: 28px;
    }

    .footer-sub .copyright .terms ul li a {
        font-size: 16px;
    }

    .footer-sub {
        padding: 20px 0;
    }

    .footer-sub .copyright {
        text-align: start;
        display: block;
    }

    /* about-us */
    .hybris-banner {
      
        height: 27vh;
    }

    .right-text {
        margin: 0 10px;
    }

    .service-banner {
      
        height: 27vh;
    }

    .service-banner .service-text {
        margin-top: 10px;
    }

    .sub-hedding {
        font-size: 30px;
    }

    .service-banner .service-text .breadcrumb li {
        font-size: 17px;
    }

    .about-section {
        padding: 50px 0;
    }

    .about-section .img {
        padding-right: 30px;
        margin-bottom: 30px;
    }

    .about-section .right-text h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .about-section .right-text p {
        font-size: 16px;
        line-height: 26px;
    }

    .trust {
        padding: 50px 0;
    }

    .trust .left h2 {
        font-size: 31px;
        line-height: 40px;
    }

    .trust .left p {

        font-size: 18px;
        line-height: 28px;
        margin: 20px 0;
    }

    .trust .left .values {
        display: flex;
        gap: 40px;
        margin-top: 30px;
    }

    .trust .left .values .v-one h6 {
        font-size: 25px;
    }

    .trust .left .values .v-one p {
        font-size: 17px;
        line-height: 27px;
        margin: 15px 0;
    }

    .trust .left .values::before {

        width: 560px;
        height: 0px;
        border: 1px dashed #0000007d;
        top: -10.6px;
    }

    .trust .left .persentages {
        display: flex;
    }

    .trust .left .persentages .project p {
        font-size: 19px;
        margin-bottom: 15px;
    }

    .trust .left .persentages .project h6 {
        font-size: 30px;
    }

    .trust .images {
        padding-left: 30px;
        margin-top: 20px;
    }

    .trust .right .box h6 {
        padding: 11px 0;
        font-size: 15px;
    }

    .trust .right .box {
        margin-bottom: 20px;
    }

    .why-capo .heading {
        margin-bottom: 30px;
    }

    .why-capo .box {
        padding: 25px;
        margin: 0 10px 20px;
        height: 21.5vh;
        min-height: 21vh;
    }

    .why-capo .box .head {
        gap: 11px;
    }

    .why-capo .box .head img {
        width: 41px;
    }

    .why-capo .box .head h5 {
        font-size: 18px;
        line-height: 28px;
    }

    .why-capo .box ul {
        padding-left: 11px;
        margin-top: 20px;
    }

    .why-capo .box ul li {
        font-size: 16px;
        line-height: 26px;
    }

    .why-capo .box ul li::marker {
        font-size: 15px;
    }

    /* core capabilities */
    .who-we-are-banner {
      
        height: 27vh;
    }

    .accordion-header {
        margin-bottom: 0;
        line-height: initial;
    }

    .solutions-one h2 {
        margin-bottom: 10px;
        font-size: 31px;
    }

    .solutions-one p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .solutions-two h2 {
        margin-bottom: 11px;
        font-size: 31px;
    }

    .solutions-two p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .hybris-services {
        padding: 50px 0;
    }

    .hybris-services .left-text h6 {
        font-size: 25px;
        margin: 20px 0 15px;
    }

    .hybris-services .left-text p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .hybris-services .left-text ul::before {
        width: 300px;
        height: 0vw;
        border: 0.1px dashed;
        top: 4px;
    }

    .hybris-services .left-text ul li i {
        margin-right: 10px;
        font-size: 16px;
    }

    .hybris-services .left-text ul li {
        font-size: 17px;
    }

    .hybris-services .left-text ul {
        display: grid;
        gap: 5px;
        padding-top: 21px;
    }

    .hybris-two .img img {
        margin-top: 25px;
    }

    .hybris-one .img img {
        margin-top: 25px;
    }

    .hybris-center-banner {
    
        height: 27vh;
    }

    .techonolagys .choose-head h2 {
        font-size: 30px;
    }

    .techonolagys .tool-box {
        margin-bottom: 20px;
    }

    /*  */
    .services .head h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .services .head p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 26px;
    }

    .services .left-text ul {
        gap: 16px;
    }

    .services .left-text ul li {
        font-size: 16px;
        line-height: 26px;
    }


    .services .left-text ul li i {
        margin-right: 10px;
    }

    .services .img img {
        margin-top: 20px;
    }

    .service-two .img img {
        margin-bottom: 20px;
    }

    /*  */
    .case-one {
        padding: 50px 0;
    }

    .case-one .head h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .case-one .head p {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .case-one .tab-part h3 {
        font-size: 20px;
    }

    .case-one .tabs {
        margin-top: 20px;
    }

    .case-one .tabs .nav-pills {
     
        margin-bottom: 30.5px !important;
    }

    .case-one .tabs .nav-pills .nav-link {
        padding: 11px 18px;
        font-size: 16px;
        border-radius: 50px;
        gap: 5px;
    }



    .case-one .tabs .nav-pills .nav-link img {
        width: 60px;
    }

    .case-one .tabs .tab-content .content p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }

    .case-one .tabs .tab-content .content img {
        margin: 10PX;
        padding-right: 13px;
    }

    /* CAREERS */
    .positition {
        padding: 60px 0;
    }

    .positition .tittle h2 {
        margin-bottom: 11px;
        font-size: 30px;
    }

    .positition .tittle p {
        font-size: 16px;
        line-height: 26px;
    }

    /* contact us */
    .contact-banner {
      
        height: 27vh !important;
    }

    .get-in-touch h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .get-in-touch .addres-info .map iframe {
        height: 170px;
    }

    .get-in-touch .addres-info-card {
        padding: 20px;
        border-bottom: 6px solid #ff462d;
    }

    .get-in-touch .addres-info-card ul li {
        margin-bottom: 12px;
    }

    .get-in-touch .addres-info-card ul li .icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        margin-right: 20px;
        font-size: 20px;

    }

    .get-in-touch .addres-info-card ul li .text span {
        font-size: 18px;
        margin-bottom: 5px;

    }

    .get-in-touch .addres-info-card ul li .text h6 {
        font-size: 15px;
    }

    .get-in-touch .contact-form h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .get-in-touch .contact-form {
        padding: 21px 21px 30px;
        height: 100%;
    }

    .get-in-touch .contact-form label {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .get-in-touch .contact-form input {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 15px;
    }

    .get-in-touch .contact-form input,
    .get-in-touch .contact-form textarea {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 16px 20px;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .get-in-touch .addres-info {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .get-in-touch .addres-info-card ul li .text {
        text-align: left;
    }

    .get-in-touch .addres-info-card ul {
        gap: 15px;
    }

    .get-in-touch .contact-form .btn {
        padding: 10px 30px;
        font-size: 16px;
        border-radius: 6px;
        margin-top: 20px;
    }

    .location-card {
        padding: 60px 25px 20px;
        height: 405px;
        border-radius: 10px;
        margin-top: 20px;
        width: 100%;
    }

    .location-card ul li {
        font-size: 16px;
        margin-bottom: 11px !important;
        line-height: 25px;

    }

    .location-card ul li i {
        margin-right: 8px;
        font-size: 16px;
    }

    .location-card h4 {
        font-size: 25px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .positition {
        padding: 40px 15px;
    }

    .positition .tittle h2 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .positition .tittle p {
        font-size: 20px;
        line-height: 29px;

    }

    .positition .tittle {
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 16px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text {
        display: inline;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text p {
        font-size: 20px;
        line-height: 30px !important;
    }

    .job-name {
        width: 70%;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content {
        margin-left: 25px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button {
        padding: 20px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        width: 35px;
        height: 35px;
        border-radius: 30px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        font-size: 30px;
        line-height: 33px;
    }

    .positition .accordion .accordion-item {
        border-radius: 20px;
        margin-bottom: 20px;
        border: 0.2vw solid #0c090c !important;
    }

    .positition .accordion .accordion-item .accordion-body {
        padding: 15px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-body p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;

    }

    .positition .accordion .accordion-item .accordion-body h6 {
        font-size: 20px;
    }

    .positition .accordion .accordion-item .accordion-body ul li {
        font-size: 18px;
        line-height: 28px;
    }

    .positition .accordion .accordion-item .accordion-body ul {
        padding-left: 15px;
        margin-bottom: 30px;
    }

    .positition .accordion .accordion-item .accordion-body h6 {
        margin: 10px 0;
    }

    .positition .accordion .accordion-item .accordion-body .form-part h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-label {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-control {
        font-size: 16px;
        padding: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .btn {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 6px;
    }
    .industry-services .service-card{
        padding: 10px 15px !important;
        min-height: 520px!important;
    }
    .health-backk{
        width: 60px !important;
        height: 60px !important;
    }
    .industry-services .service-card img{
        width: 42px !important;
    }
    .industry-services .service-card h6{
        font-size: 24px !important;
    }
    .industry-services .service-card p{
        font-size: 18px !important;
        line-height: inherit !important;
    }
}

@media(min-width:992px) and (max-width:1199.98px) {
    .menu .navbar-nav .nav-link {
        font-size: 15px;
        padding: 9px 4px;
    }

    .trust .left {
        padding-left: 0 !important;
    }

    .menu .navbar-nav .nav-item {
        margin: 0 3px;
    }

    .menu .navbar-nav .nav-link.btn {
        padding: 9px 5px;
    }

    .hero-header .hero-text h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .hero-header .hero-text h1 span {
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
        font-size: 30px;
        line-height: 40px;
        top: 4px;
        margin: 0 5px;
    }

    .hero-header .hero-text h6 {
        font-size: 18px;
        margin: 20px 0;
        line-height: 28px;
    }

    .hero-header .hero-text .hero-buttons a {
        font-size: 15px;
        padding: 11px 10px;
        border-radius: 5px;
    }

    .about-us .text p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .about-us .text a {
        width: max-content;
        margin-top: 20px;
        font-size: 15px;
        padding: 10px;
        border-radius: 5px;
    }

    .heading {
        font-size: 40px;
        line-height: 100%;
    }

    .solutions .text h6 {
        font-size: 17px;
        margin: 20px 0 25px;
        line-height: 28px;
    }

    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 20px;
        font-size: 18px;
    }

    .solutions .accordion-body {
        padding: 0 20px 11px 51px;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .services .service-card h6 {
        font-size: 16px;
        margin: 0 0 11px;
    }

    .services .service-card p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 20px;
        padding-right: 50px;
    }

    .service-card-small h5 {
        font-size: 15px;
    }

    .service-card-small {
        padding: 20px 11px 10px !important;
        border-radius: 10px;
        height: 170px;
    }

    .services .service-card h4 {

        font-size: 30px;
        margin-bottom: 20px;
        line-height: 40px;
    }

    .choose-head h2 {
        margin-bottom: 11px
    }

    .choose-head p {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
        padding: 0 70px 0 50px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 20px;
        font-size: 15px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 18px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 11px 10px 10px;
        border-radius: 10px;
        gap: 10px;
        margin-bottom: 15px;
    }

    .tool-box {
        padding: 25px;
        border-radius: 10px;
        margin-right: 10px;
    }

    .tool-box h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tool-box ul li {

        width: 60px;
        height: 60px;
        border-radius: 10px;
        padding: 5px;
    }

    .tool-box ul {
        gap: 20px;
    }

    .tools .Tools-slick {
        margin-top: 21px;
    }

    .next {
        font-size: 15px;
        bottom: -40px;
        width: 30px;
        height: 30px;
    }

    .previous {
        font-size: 15px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 50px;
    }


    .footer .footer-nav h6 {
        font-size: 16px;
        margin: 0;
    }

    .footer .footer-nav ul li a {

        font-size: 13px;
    }

    .footer .social-nav .social ul li {
        border-radius: 40px;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
        padding: 4px;
    }

    .about-us {
        padding: 50px 0;
    }

    .about-us img {
        margin-bottom: 25px;
        padding-left: 12px;
    }

    .about-us .text {
        padding-left: 11px;
    }

    .about-us .text h2 {
        margin: 0 0 20px;
    }

    .heading {
        font-size: 38px;
        line-height: 40px;
    }

    .about-us .text p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }



    .about-us .text a {
        padding: 10px;
        font-size: 15px;
    }

    .about-us .text a i {
        margin-left: 20px;
    }

    /*  */
    .solutions {
        padding: 50px 0;
    }

    .solutions .text h2 {
        font-size: 40px;
    }

    .solutions .text h6 {
        font-size: 18px;
        line-height: 30px;
        margin: 18px 0 22px;
    }


    .solutions .accordion .accordion-item .accordion-button span img {
        width: 35px;
    }

    .solutions .accordion .accordion-item .accordion-button span {
        width: 37px;
        height: 37px;
        border-radius: 10px;
    }

    .solutions .accordion-item {
        margin: 0 0 15px;
        border-radius: 15px !important;
    }

    .solutions .accordion .accordion-button:not(.collapsed) {
        font-size: 17px;
        padding: 10px 20px;
    }

    .solutions .accordion-body {
        padding: 10px 20px;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 26px;
    }


    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 15px;
        font-size: 18px;
    }

    .accordion-button::after {
        width: 25px;
        height: 25px;
    }

    /*  */
    .services {
        padding: 50px 0;
    }

    .services .heading {
        margin-bottom: 40px;
    }

    .services .service-card h6 {
        font-size: 21px;
        margin: 0 0 12px;
    }

    .services .service-card h4 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .services .service-card p {
        font-size: 16px;
        margin-bottom: 88px;
        padding-right: 50px;
    }


    .services .service-card .img {
        padding: 0 21px 5px;
    }

    .services .service-card a {
        padding: 10px 12px;
        font-size: 12px;
        border-radius: 5px;
        margin: 11px 5px;
    }

    .services .service-card {
        padding: 52px 19px 159px !important;
        margin-bottom: 12px;
        border-radius: 10.5px;
    }

    .service-card-small h5 {
        font-size: 20px;
    }

    .service-card-small {
        width: 100%;
        height: 213px;
        margin-bottom: 20px !important;
    }

    .service-card-main {
        width: 100%;
        height: 150px;
        margin-bottom: 20px !important;
    }

    .servce-cards-left .service-card {
        padding: 11px 11px 10px !important;
        height: 200px;
    }

    .servce-cards-left .service-card h5 {
        font-size: 21px;
    }

    /*  */
    .why-choose {
        padding: 60px 0;
    }

    .choose-head {
        margin-bottom: 40px;
    }

    .choose-head h2 {
        margin-bottom: 20px;
    }

    .choose-head p::before {
        display: none;
    }

    .choose-head p {
        font-size: 18px;
        padding: 2px;
        line-height: 28px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 4px;
        gap: 4px;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .why-choose .choose-left .choose-box .icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        font-size: 16px;
        border-radius: 7px;
        padding: 7px;
    }

    .why-choose .processing-bars .progress {
        border-radius: 20px;
        padding: 2px 5px;
        height: 11px;
        width: 200px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 20px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .processing-bars {
        gap: 10px;
        padding-left: 5px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 10px;
        font-size: 17px;
    }

    /*  */
    .tools {
        padding: 60px 0;
    }

    .tool-box {
        padding: 20px 12px;
        border-radius: 11px;
        margin-right: 10px;
    }

    .tool-box h4 {
        font-size: 18px;
        margin-bottom: 10.3px;
    }


    .tool-box ul li {
        width: 71px;
        height: 71px;
        padding: 4px;
        border-radius: 10px;
    }

    .tool-box ul {
        gap: 30px;
    }

    .next {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;

    }

    .previous {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 40px;
    }

    /*  */

    .Customers {
        padding: 60px 0;
    }

    .Customers .heading {
        margin-bottom: 31px
    }

    .Customers .client-box {
        margin: 5px 0 10px 15px;
        padding: 20px;
        border-radius: 11px;

    }

    .Customers .client-box .head .details .name .img img {
        width: 100%;
    }

    .Customers .client-box .head .details .name .text h6 {
        font-size: 16px;
    }

    .Customers .client-box .head .details .name .text img {
        width: 60px;
    }

    .Customers .client-box .head .details .quote img {
        width: 100%;
    }

    .Customers .client-box .review p {
        font-size: 14px;
        line-height: 24px;
        text-align: start;
    }

    .Customers .client-box .head .details {
        gap: 7px;
    }


    .Customers .client-box .head .details .name .text {
        margin-left: 10px;
    }

    /*  */
    .footer {
        padding: 50px 0;
    }

    .footer .footer-nav h6 {
        font-size: 20px;
    }


    .footer .footer-nav ul li a {
        font-size: 17px;
    }

    .footer .footer-nav ul {
        margin-top: 20px;
        gap: 8px;
    }

    .footer .social-nav .social h6 {
        font-size: 20px;
    }

    .footer .social-nav ul li i {
        margin-right: 5px;
    }



    .footer-sub .copyright .terms ul {
        gap: 10px;
    }

    .footer .social-nav .social ul li a {
        font-size: 18px;
    }

    .footer-sub .copyright .copy p {
        font-size: 18px;
        line-height: 28px;
    }

    .footer-sub .copyright .terms ul li a {
        font-size: 16px;
    }

    .footer-sub {
        padding: 20px 0;
    }

    .footer-sub .copyright {
        text-align: start;
        display: block;
    }

    /* about-us */
    .hybris-banner {
      
        height: 27vh;
    }

    .right-text {
        margin: 0 10px;
    }

    .service-banner {
     
        height: 27vh;
    }

    .service-banner .service-text {
        margin-top: 10px;
    }

    .sub-hedding {
        font-size: 30px;
    }

    .service-banner .service-text .breadcrumb li {
        font-size: 17px;
    }

    .about-section {
        padding: 50px 0;
    }

    .about-section .img {
        padding-right: 30px;
        margin-bottom: 30px;
    }

    .about-section .right-text h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .about-section .right-text p {
        font-size: 16px;
        line-height: 26px;
    }

    .trust {
        padding: 50px 0;
    }

    .trust .left h2 {
        font-size: 31px;
        line-height: 40px;
    }

    .trust .left p {

        font-size: 18px;
        line-height: 28px;
        margin: 20px 0;
    }

    .trust .left .values {
        display: flex;
        gap: 40px;
        margin-top: 30px;
    }

    .trust .left .values .v-one h6 {
        font-size: 25px;
    }

    .trust .left .values .v-one p {
        font-size: 17px;
        line-height: 27px;
        margin: 15px 0;
    }

    .trust .left .values::before {

        width: 420px;
        height: 0px;
        border: 1px dashed #0000007d;
        top: -10.6px;
    }

    .trust .left .persentages {
        display: flex;
    }

    .trust .left .persentages .project p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .trust .left .persentages .project h6 {
        font-size: 30px;
    }

    .trust .images {
        padding-left: 30px;
        margin-top: 20px;
    }

    .trust .right .box h6 {
        padding: 11px 0;
        font-size: 15px;
    }

    .trust .right .box {
        margin-bottom: 20px;
    }

    .why-capo .heading {
        margin-bottom: 30px;
    }

    .why-capo .box {
        padding: 25px;
        margin: 0 10px 20px;
        height: 21.5vh;
        min-height: 21vh;
    }

    .why-capo .box .head {
        gap: 11px;
    }

    .why-capo .box .head img {
        width: 41px;
    }

    .why-capo .box .head h5 {
        font-size: 18px;
        line-height: 28px;
    }

    .why-capo .box ul {
        padding-left: 11px;
        margin-top: 20px;
    }

    .why-capo .box ul li {
        font-size: 16px;
        line-height: 26px;
    }

    .why-capo .box ul li::marker {
        font-size: 15px;
    }

    /* core capabilities */
    .who-we-are-banner {
      
        height: 27vh;
    }

    .accordion-header {
        margin-bottom: 0;
        line-height: initial;
    }

    .solutions-one h2 {
        margin-bottom: 10px;
        font-size: 31px;
    }

    .solutions-one p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .solutions-two h2 {
        margin-bottom: 11px;
        font-size: 31px;
    }

    .solutions-two p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .hybris-services {
        padding: 50px 0;
    }

    .hybris-services .left-text h6 {
        font-size: 25px;
        margin: 20px 0 15px;
    }

    .hybris-services .left-text p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .hybris-services .left-text ul::before {
        width: 300px;
        height: 0vw;
        border: 0.1px dashed;
        top: 4px;
    }

    .hybris-services .left-text ul li i {
        margin-right: 10px;
        font-size: 16px;
    }

    .hybris-services .left-text ul li {
        font-size: 17px;
    }

    .hybris-services .left-text ul {
        display: grid;
        gap: 5px;
        padding-top: 21px;
    }

    .hybris-two .img img {
        margin-top: 25px;
    }

    .hybris-one .img img {
        margin-top: 25px;
    }

    .hybris-center-banner {
       
        height: 27vh;
    }

    .techonolagys .choose-head h2 {
        font-size: 30px;
    }

    .techonolagys .tool-box {
        margin-bottom: 20px;
    }

    /*  */
    .services .head h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .services .head p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 26px;
    }

    .services .left-text ul {
        gap: 16px;
    }

    .services .left-text ul li {
        font-size: 16px;
        line-height: 26px;
    }


    .services .left-text ul li i {
        margin-right: 10px;
    }

    .services .img img {
        margin-top: 20px;
    }

    .service-two .img img {
        margin-bottom: 20px;
    }

    /*  */
    .case-one {
        padding: 50px 0;
    }

    .case-one .head h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .case-one .head p {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .case-one .tab-part h3 {
        font-size: 20px;
    }

    .case-one .tabs {
        margin-top: 20px;
    }

    .case-one .tabs .nav-pills {
        /* gap: 30px; */
        margin-bottom: 30.5px !important;
    }

    .case-one .tabs .nav-pills .nav-link {
        padding: 11px 18px;
        font-size: 16px;
        border-radius: 50px;
        gap: 5px;
    }



    .case-one .tabs .nav-pills .nav-link img {
        width: 60px;
    }

    .case-one .tabs .tab-content .content p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }

    .case-one .tabs .tab-content .content img {
        margin: 10PX;
        padding-right: 13px;
    }

    /* CAREERS */
    .positition {
        padding: 60px 0;
    }

    .positition .tittle h2 {
        margin-bottom: 11px;
        font-size: 30px;
    }

    .positition .tittle p {
        font-size: 16px;
        line-height: 26px;
    }

    /* contact us */
    .contact-banner {
      
        height: 27vh !important;
    }

    .get-in-touch h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .get-in-touch .addres-info .map iframe {
        height: 170px;
    }

    .get-in-touch .addres-info-card {
        padding: 20px;
        border-bottom: 6px solid #ff462d;
    }

    .get-in-touch .addres-info-card ul li {
        margin-bottom: 12px;
    }

    .get-in-touch .addres-info-card ul li .icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        margin-right: 20px;
        font-size: 20px;

    }

    .get-in-touch .addres-info-card ul li .text span {
        font-size: 18px;
        margin-bottom: 5px;

    }

    .get-in-touch .addres-info-card ul li .text h6 {
        font-size: 15px;
    }

    .get-in-touch .contact-form h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .get-in-touch .contact-form {
        padding: 21px 21px 30px;
        height: 100%;
    }

    .get-in-touch .contact-form label {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .get-in-touch .contact-form input {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 15px;
    }

    .get-in-touch .contact-form input,
    .get-in-touch .contact-form textarea {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 16px 20px;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .get-in-touch .addres-info {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .get-in-touch .addres-info-card ul li .text {
        text-align: left;
    }

    .get-in-touch .addres-info-card ul {
        gap: 15px;
    }

    .get-in-touch .contact-form .btn {
        padding: 10px 30px;
        font-size: 16px;
        border-radius: 6px;
        margin-top: 20px;
    }

    .location-card {
        padding: 60px 25px 20px;
        height: 405px;
        border-radius: 10px;
        margin-top: 20px;
        width: 100%;
    }

    .location-card ul li {
        font-size: 16px;
        margin-bottom: 11px !important;
        line-height: 25px;

    }

    .location-card ul li i {
        margin-right: 8px;
        font-size: 16px;
    }

    .location-card h4 {
        font-size: 25px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .positition {
        padding: 40px 15px;
    }

    .positition .tittle h2 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .positition .tittle p {
        font-size: 20px;
        line-height: 29px;

    }

    .positition .tittle {
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 16px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text {
        display: inline;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text p {
        font-size: 20px;
        line-height: 30px !important;
    }

    .job-name {
        width: 70%;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content {
        margin-left: 42px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button {
        padding: 20px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        width: 35px;
        height: 35px;
        border-radius: 30px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        font-size: 30px;
        line-height: 33px;
    }

    .positition .accordion .accordion-item {
        border-radius: 20px;
        margin-bottom: 20px;
        border: 0.2vw solid #0c090c !important;
    }

    .positition .accordion .accordion-item .accordion-body {
        padding: 15px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-body p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;

    }

    .positition .accordion .accordion-item .accordion-body h6 {
        font-size: 20px;
    }

    .positition .accordion .accordion-item .accordion-body ul li {
        font-size: 18px;
        line-height: 28px;
    }

    .positition .accordion .accordion-item .accordion-body ul {
        padding-left: 15px;
        margin-bottom: 30px;
    }

    .positition .accordion .accordion-item .accordion-body h6 {
        margin: 10px 0;
    }

    .positition .accordion .accordion-item .accordion-body .form-part h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-label {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-control {
        font-size: 16px;
        padding: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .btn {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 6px;
    }
}

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap');


@font-face {
    font-family: 'euclid_circular_abold';
    src: url('../fonts/euclid_circular_a_bold.woff2') format('woff2'),
        url('../fonts/euclid_circular_a_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euclid_circular_alight';
    src: url('../fonts/euclid_circular_a_light.woff2') format('woff2'),
        url('../fonts/euclid_circular_a_light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euclid_circular_amedium';
    src: url('../fonts/euclid_circular_a_medium.woff2') format('woff2'),
        url('../fonts/euclid_circular_a_medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euclid_circular_aregular';
    src: url('../fonts/euclid_circular_a_regular.woff2') format('woff2'),
        url('../fonts/euclid_circular_a_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euclid_circular_asemibold';
    src: url('../fonts/euclid_circular_a_semibold.woff2') format('woff2'),
        url('../fonts/euclid_circular_a_semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@media (min-width: 1200px) {
    body {
        font-size: 1vw;

    }

    .container-fluid {
        padding: 0 0.85vw !important;
        width: 93vw !important;
        margin: 0 auto;
        max-width: 93.4vw !important;
    }

    .container {
        padding: 0 0.85vw !important;
        width: 82.5vw !important;
        margin: 0 auto;
        max-width: 92.2vw !important;
    }

    .row>* {
        padding-left: .84vw !important;
        padding-right: .84vw !important;
    }

    .row {
        margin: 0 -.9vw !important;
    }
}


h1,
h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;

}

.img img {
    width: 100%;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    border-radius: 0.5vw;
}

.img img:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}


.heading {
    color: #0c090c;
    font-size: 4vw;
    font-weight: 600;
    line-height: 100%;

}

.menu {
    padding: 2vw 4vw;
    width: 100%;
}

.menu .navbar-brand {
    padding: 0;
    margin: 0;
}

.menu .navbar-brand img {
    width: 11.5vw;
}

.menu .navbar-nav {}

.menu .navbar-nav .nav-item {
    margin: 0 .5vw;
}

.menu .navbar-nav .nav-link {
    font-family: 'euclid_circular_amedium';
    color: #322332;
    font-size: 1.07vw;
    padding: .7vw .8vw;
    border-radius: .4vw;
}


.menu .navbar-nav .nav-link.btn {
    background: #0c090c;
    color: #fff;
    padding: .7vw 1.6vw;
}

.hero-header {
    height: auto;
    background: linear-gradient(124deg, rgba(230, 248, 253, 1) 0%, rgba(198, 228, 251, 1) 100%);
    padding: 10vw 0 5vw;
}

.hero-header .hero-text {
    /* height: 100%; */

}

.hero-header .hero-text h1 {

    color: #0c090c;

    font-size: 4.75vw;
    line-height: 5.5vw;
    margin: 0;
    text-transform: capitalize !important;
}


.hero-header .hero-text h1 span {
    width: 5vw;
    height: 5vw;
    min-height: 5vw;
    min-width: 5vw;
    border: 0.6vw solid #ef350e;
    color: #ef350e;
    font-size: 3vw;
    align-items: center;
    text-align: center;
    line-height: 3.5vw;
    border-radius: 11vw;
    margin-left: 1.8vw;
    position: relative;
    top: .5vw;
    margin-right: .3vw;
}

.hero-header .hero-text h6 {
    font-family: 'euclid_circular_alight';
    color: #403b40;
    font-size: 1.5vw;
    margin: 2vw 0;
    line-height: 2.6vw;
}


.hero-header .hero-text .hero-buttons a {
    color: #fff;
    padding: 1.05vw 1vw 1.05vw 1.7vw;
    margin-left: 1.5vw;
    font-size: 1vw;
    font-family: 'euclid_circular_asemibold';
    text-transform: uppercase;
    border: .15vw solid #0c090c;
    color: #0c090c;
    border-radius: .6vw;
}

.hero-header .hero-text .hero-buttons :hover,
.hero-header .hero-text .hero-buttons :focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
}

.hero-header .hero-text .hero-buttons a i {
    margin-left: 1vw;
}

.hero-header .hero-text .hero-buttons a.btncolor {
    background-color: #ef350e;
    color: #fff;
    border-color: #ef350e;
}

.hero-header .hero-img {
    padding-left: 2.5vw
}

@keyframes float {
    0% {
      
        transform: translatey(0px);
    }

    50% {
      
        transform: translatey(-20px);
    }

    100% {
       
        transform: translatey(0px);
    }
}

.hero-header .hero-img img {
    transform: translatey(0px);
    animation: float 3s ease-in-out infinite;
    width: 33vw;
}



.about-us {
    padding: 5vw 0;
}

.about-img-col {
    width: 54%;
}

.about-text-col {
    width: 46%;
}

.about-us .text {
    height: 100%;
    padding-left: .5vw;
}

.about-us .text h2 {
    margin: 0 0 2vw;
}

.about-us .text p {
    font-family: 'euclid_circular_alight';
    font-size: 1.2vw;
    color: #404046;
    line-height: 2vw;
    margin-bottom: 1vw;
}

.about-us .text a {
    padding: 1.05vw 1.4vw 1.05vw 1.7vw;
    font-size: 1vw;
    font-family: 'euclid_circular_asemibold';
    text-transform: uppercase;
    border: 0.15vw solid #ef350e;
    color: #0c090c;
    border-radius: 0.5vw;
    background-color: #ef350e;
    color: #fff;
    width: max-content;
    margin-top: 2vw;
}

.about-us .text a:hover {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
}

.about-us .text a i {
    margin-left: 2.5vw;
}



.solutions {
    padding: 5vw 0;
    /* background: linear-gradient(95deg, #fbf5e7 14%, #c4c0ef 100%); */
}

.solutions .text {
    height: 100%;
}

.solutions .text h2 {
    margin: 0;
}

.solutions .text h6 {
    font-family: 'euclid_circular_alight';
    color: #3b3b3b;
    font-size: 1.6vw;
    margin: 1vw 0 2.5vw;

}


.solutions .img {
    padding-left: 1.5vw;
    width: 100%;
}

.solutions .accordion {
    padding-right: 4vw;
}

.solutions .accordion-item {
    margin: 0 0 1.1vw;
    border-radius: 1.2vw !important;
    overflow: hidden;
    border: 1px solid #c6cbd1;
    box-shadow: 0px 2px 18px 0px rgba(18, 45, 86, 0.08);
}

.solutions .accordion .accordion-item .accordion-button {
    border-radius: 0;
    padding: .7vw 1.5vw .7vw .7vw;
    font-family: 'euclid_circular_asemibold';
    font-size: 1.3vw;
}

.solutions .accordion .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
}

.solutions .accordion .accordion-button:focus {
    z-index: 3;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.solutions .accordion .accordion-item .accordion-button span {
    width: 3.7vw;
    height: 3.7vw;
    border-radius: 1.5vw;
    padding: .3vw;
    margin-right: 1vw;
}

.solutions .accordion .accordion-item .accordion-button span img {
    width: 100%;
}

.accordion-button::after {
    width: 1.6vw;
    height: 1.25vw;
    background-size: 100%;
}

.solutions .accordion-body {
    padding: 0 2vw 1.5vw 5.5vw;
    font-size: 1.1vw;
    font-family: 'euclid_circular_alight';
    color: #404046;

    margin-bottom: 1vw;
}


.services {
    padding: 5vw 0;
    background: linear-gradient(95deg, #fafbdb 14%, #c8f4fb 100%);
}

.services .heading {
    margin-bottom: 4vw;
}

.services .service-card {
  
    padding: 6.5vw 2.7vw 15vw;
    border-radius: 1.5vw;
    background: #806dfb;
    margin-bottom: 1.7vw;
}

.services .service-card h6 {
    font-family: 'euclid_circular_amedium';
    font-size: 1.1vw;
    margin: 0 0 1.2vw;
}

.services .service-card h4 {
    font-family: 'euclid_circular_asemibold';
    font-size: 3.8vw;
    margin-bottom: 1vw;
    line-height: 4.3vw;

}

.services .service-card p {
    font-size: 1.1vw;
    font-family: 'euclid_circular_alight';
    margin-bottom: 1vw;
    font-weight: bold;
    padding-right: 0vw;
}

.services .service-card a {
    padding: .8vw 1vw .8vw 1.2vw;
    font-size: .93vw;
    font-family: 'euclid_circular_aregular';
    border-radius: 0.5vw;
    background-color: #0c090c;
    color: #fff;
    width: max-content;
    z-index: 9;
}

.services .service-card a i {
    margin-left: .5vw;
}

.services .service-card .img {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 2.2vw .5vw;
}

.services .service-card .img img {
    width: 100%;
}

.service-card-small {
    padding: 2vw 1.5vw 1vw !important;
    border-radius: 1.1vw;
    height: 17.3vw;
    background-size: cover !important;
}


.service-card-small h6 {
    font-family: 'euclid_circular_amedium';
    font-size: 1.1vw;
    margin: 0 0 1.2vw;
}

.service-card-small .service-footer {
    width: 100%;
}

.service-card-small h5 {
    font-family: 'euclid_circular_asemibold';
    font-size: 1.2vw;
}

.service-card-small .service-footer a {
    background-color: #0c090c53;
    color: #fff;
}


.servce-cards-left .col-md-5 {
    width: 46.5%;
}

.servce-cards-left .col-md-7 {
    width: 53.5%;
}

.servce-cards-left .service-card {
    padding: 1.5vw 1.5vw 1vw !important;
    height: 20.6vw;
}


.servce-cards-left .service-card h5 {
    font-size: 1.8vw;
}

.servce-cards-left .service-card .service-footer a {
    padding: 0;
    background: none;
}


/***  Chandu  ***/

.service-banner {
    background-image: url(../img/about-bann.jpg);
    height: 72vh;
    background-position: center;
    background-size: cover !important;
    padding: 15vw 0px 5vw;
}

.carrer-banner {
    background-image: url(../img/career-ban.jpg);
    height: 72vh;
    background-position: center;
    background-size: cover !important;
    padding: 15vw 0px 5vw;
}

.case-study {
    background-image: url(../img/casestudy-banner.jpg);
    height: 72vh;
    background-position: center;
    background-size: cover !important;
    padding: 15vw 0px 5vw;
}

.sub-hedding {
    font-size: 4vw;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    margin-bottom: 1vw;
}

.service-banner .service-text .breadcrumb {
    margin-bottom: 0;
    margin-top: 1.4vw;
}

.service-banner .service-text .breadcrumb li {
    font-family: 'euclid_circular_alight';
    color: #ff462d;
    font-size: 1.3vw;
    font-weight: 400;
    padding-left: .5vw;

}

.service-banner .breadcrumb-item+.breadcrumb-item::before {
    padding-right: .5vw;
}

.service-banner .service-text .breadcrumb li a {
    text-decoration: none;
    color: white;
}

.service-banner .breadcrumb-item+.breadcrumb-item::before {
    color: white;
}


.services {
    padding: 5vw 0;
}

.services .head h2 {
    font-size: 3vw;
    text-transform: uppercase;
    color: #293043;
    font-weight: 700;
    margin-bottom: 4vw;
}

.services .head p {
    font-family: 'euclid_circular_alight';
    font-size: 1.3vw;
    color: #404046;
    line-height: 2.1vw;
    margin-bottom: 3.5vw;
}

.services .left-text ul {
    padding: 0;
    margin: 0;
    display: inline-grid;
    gap: 1vw;
}

.services .left-text ul li {
    list-style: none;
    font-family: 'euclid_circular_alight';
    font-size: 1.3vw;
    display: flex;
}

.services .left-text ul li i {
    margin-right: 1vw;
}

.services .left-text a {
    padding: 1.05vw 1.4vw 1.05vw 1.7vw;
    font-size: 1vw;
    font-family: 'euclid_circular_asemibold';
    text-transform: uppercase;
    border: 0.15vw solid #ef350e;
    color: #0c090c;
    border-radius: 0.5vw;
    background-color: #ef350e;
    color: #fff;
    width: max-content;
    margin-top: 2vw;
}

.services .left-text a i {
    margin-left: 2.5vw;
}

.service-two {
    background: linear-gradient(90deg, #fbf4e8, #c5c1ef);
}

.service-two .head h2 {
    margin-bottom: 4vw;
}

.service-two .left-text p {
    margin-bottom: 0;
}

.service-two .img {
    padding-right: 2.4vw;
}



.why-choose {
    padding: 6vw 0;
}

.choose-head {
    margin-bottom: 4vw;
}

.choose-head h2 {
    text-align: start !important;
    margin-bottom: 1.7vw;
}

.choose-head p {
    font-family: 'euclid_circular_aregular';
    color: #3b3b3b;
    font-size: 1.6vw;
    margin: 0;
    padding: 0 7vw 0 5vw;
    position: relative;

}

.choose-head p::before {
    background: #ef350e;
    width: 4.2vw;
    height: 0.1vw;
    content: '';
    position: absolute;
    left: 0;
    top: 1.2vw;

}

.why-choose .choose-left .choose-box {
    background-color: black;
    padding: 1vw 1.5vw 1vw 1vw;
    border-radius: 1.1vw;
    gap: 1.3vw;
    align-items: center;
    margin-bottom: .8vw;
    transition-duration: 1s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.why-choose .choose-left .choose-box:hover {
    transform: scale(1.1);
}

.why-choose .choose-left .choose-box .icon {
    background: white;
    padding: 0.7vw;
    border-radius: 0.5vw;
    width: 2.9vw;
    height: 2.9vw;
    min-width: 2.9vw;
    min-height: 2.9vw;
    font-size: 1.8vw;

}



.why-choose .choose-left .choose-box .text {
    color: white;
    width: 100%;

}

.why-choose .choose-left .choose-box .text h6 {
    margin-bottom: 0;
    font-family: 'euclid_circular_alight';
    font-size: 1.2vw;
}

.why-choose .choose-left .choose-box .text h3 {
    margin-bottom: 0;
    font-size: 1.5vw;
    font-family: 'euclid_circular_amedium';
}

.why-choose .processing-bars .processing {
    display: flex;
    align-items: center;
}

.why-choose .processing-bars .processing h6 {
    margin-left: 2vw;
    font-family: 'euclid_circular_amedium';
    margin-bottom: 0;
    font-size: 1.1vw;
    color: #0c090c;
}

.why-choose .processing-bars {
    display: inline-grid;
    gap: 1.6vw;
    padding-left: 3vw;
}

.why-choose .processing-bars .progress {
    background: #c2dbf9;
    justify-content: flex-start;
    border-radius: 2vw;
    align-items: center;
    position: relative;
    /* padding: 2px 5px; */
    display: flex;
    height: 1.5vw;
    width: 30vw;

}

.why-choose .processing-bars .progress-value {
    animation: load 7s infinite forwards;
    box-shadow: 0 10px 40px -10px #2471c0;
    border-radius: 100px;
    background: #2471c0;
    height: 1.9vw;
    width: 0;
}

@keyframes load {
    0% {
        width: 0;
    }

    100% {
        width: 68%;
    }
}




.why-choose .processing-bars .progress-one {
    background: #f0e5fd;
}

.why-choose .processing-bars .progress-one .progress-value {
    animation: load1 7s infinite forwards;
    background: #8560a8;
}

@keyframes load1 {
    0% {
        width: 0;
    }

    100% {
        width: 75%;
    }
}

.why-choose .processing-bars .progress-two {
    background: #dffaec;
}

.why-choose .processing-bars .progress-two .progress-value {
    animation: load2 7s infinite forwards;
    background: #01944e;
}

@keyframes load2 {
    0% {
        width: 0;
    }

    100% {
        width: 60%;
    }
}

.why-choose .processing-bars .progress-three {
    background: #e1fbfa;
}

.why-choose .processing-bars .progress-three .progress-value {
    animation: load3 7s infinite forwards;
    background: #00a99d;
}

@keyframes load3 {
    0% {
        width: 0;
    }

    100% {
        width: 90%;
    }
}


.tools {
    padding: 6vw 0;
    background: linear-gradient(90deg, #fbf4e8, #c4bfef);
}

 .tools .Tools-slick {
    margin-top: 2.5vw;
}

.tool-box {
    background: white;
    padding: 2vw;
    border-radius: 1.5vw;
    margin-right: 1vw;
    /* box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px 1px; */
    transition-duration: 2.5s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    box-shadow: 2px 0 1px transparent;
}

.tool-box:hover {
    transform: scale(1.1);
}

.tool-box h4 {
    font-family: 'euclid_circular_asemibold';
    font-size: 1.3vw;
    margin-bottom: 1.3vw;
}

.tool-box ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1vw;
}

.tool-box ul li {
    list-style: none;
    width: 6.4vw;
    height: 6.4vw;
    border: 1px solid #cccccc84;
    border-radius: .5vw;
    padding: .4vw;
    box-shadow: rgba(198, 183, 183, 0.25) 1px 1px 1px 1px;
}

.tool-box ul li img {
    width: 100%;
}

/*  */
.tool-box .companys .tool-tech-img {
    border: 1px solid #cccccc84;
    border-radius: 0.5vw;
    padding: 1VW 1.2vw;
    box-shadow: rgba(198, 183, 183, 0.25) 1px 1px 1px 1px;
    min-width: 11vw;
    min-height: 9vw;
    margin: 0.5vw 0.1vw;
    width:10vw;
}

.tool-box .companys .tool-tech-img img {
    width: 100%;
}

.database-card {
    min-height: 38vh;
    width: 100%;
}

/*  */
.previous,
.next {
    font-size: 1.3vw;
    line-height: 0;
    position: absolute;
    bottom: -4vw;
    width: 2.3vw;
    height: 2.3vw;
    padding: 0;
    background-color: #fff;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 100%;
}

.previous {
    left: 3vw;
}

.previous:hover,
.next:hover {
    background-color: #ef350e;
    color: #fff;
}


.Customers {
    padding: 6vw 0;
}

.Customers .client-box {
    background: linear-gradient(90deg, #f9fbdb, #c9f4f8);
    padding: 1.5vw 2vw;
    border-radius: 1.5vw;
    margin: 0 0.7vw;
}

.Customers .client-box .head {
    text-align: center;
    display: grid;
    justify-content: center;
    align-items: center;
}

.Customers .client-box .head .details {
    display: block;
    align-items: center;
    gap: 6vw;
}

.Customers .client-box .head .details .name {
    display: block;
    align-items: center;
}

.Customers .client-box .head .details .name .img img {
    width: 4.5vw;
}

.Customers .client-box .head .details .name .text {
    /* margin-left: 1vw; */
    margin-top: 2vw;
}

.Customers .client-box .head .details .name .text h6 {
    margin-bottom: 0;
    font-size: 1.3vw;
    font-family: 'euclid_circular_amedium';
    width: max-content;
}

.Customers .client-box .head .details .name .text img {
    width: 6vw;
}

.Customers .client-box .head .details .quote img {
    width: 3.5vw;
}

.Customers .client-box .review {
    margin-top: 1vw;
}

.Customers .client-box .review p {
    margin-bottom: 0;
    font-family: 'euclid_circular_aregular';
    text-align: center;
    font-size: 1vw;
    line-height: 1.6vw;
}

.Customers .heading {
    margin-bottom: 3.3vw;
}

.footer {
    padding: 5vw 0;
    background: linear-gradient(90deg, #f9fbdb, #c9f4f8);
}

.footer .footer-nav h6 {
    font-family: 'euclid_circular_asemibold';
    font-size: 1.1vw;
    margin: 0;
}

.footer .footer-nav ul {
    padding: 0;
    margin: 0;
    margin-top: 1vw;
    display: grid;
    gap: 0.6vw;
}

.footer .footer-nav ul li {
    list-style: none;
}

.footer .footer-nav ul li a {
    font-family: 'euclid_circular_aregular';
    text-decoration: none;
    color: #000;
    font-size: 1vw;
}

.footer .social-nav h6 {
    font-size: 1.5vw;
}

.footer .social-nav ul li i {
    margin-right: .5vw;
    color: #ff462d;
}

.footer .social-nav .social h6 {
    font-size: 1.3vw;

}

.footer .social-nav .social ul {
    display: flex;
    gap: .8vw;
    margin-top: 1.5vw;
}

.footer .social-nav .social ul li {
    background: black;
    border-radius: 2vw;
    width: 2.5vw;
    height: 2.5vw;
    padding: 0.8vw;
    line-height: 0vw;

}

.footer .social-nav .social ul li a {
    font-size: 1vw;
}

.footer .social-nav .social ul li a i {
    color: white;

}

.footer .social-nav .social {

    border-top: 0.1vw solid #000;
    padding-top: 2vw;
    margin-top: 2.5vw;

}

.footer .social-nav {
    padding-right: 2.5vw;
}




.footer-sub {
    padding: 2vw 0;
    background: linear-gradient(86deg, #fdf6e7, #c2beef);

}

.footer-sub .copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-sub .copyright .copy p {
    margin-bottom: 0;
    font-family: 'euclid_circular_aregular';
    font-size: 1vw;
}

.footer-sub .copyright .terms ul {
    display: flex;
    gap: 1vw;
    padding: 0;
    margin: 0;
}

.footer-sub .copyright .terms ul li {
    list-style: none;
}

.footer-sub .copyright .terms ul li a {
    text-decoration: none;
    color: #000;
    font-size: 1vw;
    font-family: 'euclid_circular_aregular';
}


.solutions-one {
   
    background: linear-gradient(90deg, #f9fbdb, #c9f4f8);
}

.solutions-two {
   
    background: #fff;
}

.solutions-one h2 {
    margin-bottom: 1.5vw;
    font-size: 3.2vw;
}

.solutions-two h2 {
    margin-bottom: 1.5vw;
    font-size: 3.2vw;
}

.solutions-one,
.solutions-two p {
    font-family: 'euclid_circular_alight';
    font-size: 1.2vw;
    color: #404046;
    line-height: 2vw;
    margin-bottom: 1vw;
}

.solutions-one p {
    margin-bottom: 4vw;
}


.solutions-two .img {
    padding-right: 1.5vw;
    padding-left: 0;
}

.solutions-two .accordion {
    padding-right: 0vw;
    padding-left: 4vw;
}



.header-two .navbar-nav .nav-link {
    color: #fff;
}

.header-two .navbar-nav .nav-link.btn {
    background: transparent;
    color: #fff;
    padding: 0.7vw 1.6vw;
    border: .1vw solid #fff;
}

.header-two .navbar-nav .nav-link.btn:hover {
    background-color: #fff;
    color: black;
}




.techonolagys .tool-box {
    margin-bottom: 2vw;
}


.techonolagys .choose-head {
    margin-bottom: 3vw;
}

.techonolagys .choose-head h2 {
    font-size: 3.2vw;
}

.techonolagys .choose-head p {
    padding: 0;

}

.techonolagys .choose-head p::before {
    display: none;
}



.hybris-services {
    padding: 5vw 0;
}

.hybris-services .left-text h6 {
    font-family: 'euclid_circular_abold';
    text-transform: uppercase;
    font-size: 1.6vw;
    margin-bottom: 1vw;
}

.hybris-services .left-text p {
    font-family: 'euclid_circular_alight';
    font-size: 1.05vw;
    color: #404046;
    line-height: 1.7vw;
    margin-bottom: 1vw;
}

.hybris-services .left-text ul {
    padding-left: 0;
    margin-bottom: 0;
    display: grid;
    gap: .6vw;
    padding-top: 2.8vw;
    position: relative;
}

.hybris-services .left-text ul li {
    display: flex;
    list-style: none;
    font-size: 1.05vw;
    color: #404046;
    font-family: 'euclid_circular_alight';
}

.hybris-services .left-text ul li i {
    margin-right: .6vw;
    color: #4b4e6c;
}

.hybris-services .left-text ul::before {
    position: absolute;
    content: '';
    width: 32vw;
    height: 0vw;
    border: 0.1vw dashed;
    top: 1vw;
}

.hybris-one {
    background: linear-gradient(90deg, #f9fbdb, #c9f4f8);
}

.hybris-two {
    background: linear-gradient(86deg, #fdf6e7, #c2beef);
}

.hybris-banner {
    background-image: url(../img/hybris-banner.jpg);
}



.about-section {
    padding: 5vw 0;
}

.about-section .img {
    padding-right: 3vw;
}

.about-section .right-text h2 {
    font-size: 4vw;
    line-height: 4.8vw;
    margin-bottom: 1.2vw;
    color: #100d3b;
}

.about-section .right-text p {
    font-family: 'euclid_circular_alight';
    font-size: 1.2vw;
    color: #404046;
    line-height: 2vw;
    margin-bottom: 1vw;
}


.trust {
    padding: 5vw 0;
    background: linear-gradient(86deg, #fdf6e7, #c2beef);
}

.trust .left h2 {
    font-size: 3.3vw;
    line-height: 4vw;
    margin-bottom: 1.2vw;
    color: #100d3b;
    text-transform: uppercase;
}

.trust .left p {
    font-family: 'euclid_circular_alight';
    font-size: 1.1vw;
    color: #404046;
    line-height: 1.7vw;
    margin-bottom: 2vw;
}

.trust .left .values {
    display: flex;
    gap: 2vw;
    margin-top: 3vw;
    position: relative;
}

.trust .left .values::before {
    position: absolute;
    content: '';
    width: 33vw;
    height: 0vw;
    border: 0.1vw dashed #0000007d;
    top: -1.6vw;
}

.trust .left .values h6 {
    font-family: 'euclid_circular_asemibold';
    font-size: 1.5vw;
    margin-bottom: 0.7vw;
    color: #100d3b;

}

.trust .left .values p {
    font-size: .9vw;
    line-height: 1.3vw;
}

.trust .left .persentages {
    display: flex;
   
    gap: 3.6vw;
    margin-top: 1vw;
}

.trust .left .persentages .project h6 {
    font-size: 2.8vw;
    font-weight: 700;
    margin-bottom: 0.3vw;
    font-family: 'euclid_circular_asemibold';
    color: #100d3b;
}

.trust .left {
    padding-left: 3vw;
}

.trust .left .persentages .project p {
    margin-bottom: 0;
    font-size: 1vw;
}

.trust .right .box {
    text-align: center;
    background: linear-gradient(45deg, #2a4a58, #51225f);
    clip-path: polygon(89% 0, 100% 24%, 100% 60%, 100% 100%, 51% 100%, 0 100%, 0 0);
    margin-bottom: 2vw;
}

.trust .right .box h6 {
    color: white;
    padding: 1.4vw 0;
    margin-bottom: 0;
    font-family: 'euclid_circular_amedium';
    text-transform: uppercase;
    font-size: 1.1vw;
}

.trust .right .box img {
    width: 100%;
}

.trust .images {
    padding-left: 3vw;
}

.why-capo {
    padding: 5vw 0;
    background: #f7f7f7;
}

.why-capo .heading {
    margin-bottom: 3vw;
    color: #100d3b;
}

.why-capo .box {
    background: white;
    padding: 2.5vw;
    margin-bottom: 2vw;
    min-height: 22vw;
    transition-duration: 0.3s;
    transition-property: box-shadow;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.why-capo .box:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.why-capo .box .head {
    display: flex;
    align-items: center;
    gap: 1.3vw;
}

.why-capo .box .head img {
    width: 4.8vw;
}

.why-capo .box .head h5 {
    margin-bottom: 0;
    font-family: 'euclid_circular_asemibold';
    font-size: 1.7vw;
    line-height: 1.9vw;
}

.why-capo .box ul {
    margin-bottom: 0;
    padding-left: 1.4vw;
    margin-top: 2vw;
}

.why-capo .box ul li {
    font-family: 'euclid_circular_aregular';
    font-size: 1.2vw;
    color: #404046;
    line-height: 2vw;

}

.why-capo .box ul li::marker {
    color: #a1a0a7;
    font-size: 1.6vw;
}


.get-in-touch {
    padding: 6vw 0;
}

.get-in-touch h2 {
    font-size: 3.3vw;
    line-height: 4vw;
    margin-bottom: 4vw;
    color: #100d3b;
    text-transform: uppercase;
}

.get-in-touch .addres-info {
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.19);
    width: 93%;
}


.get-in-touch .addres-info .map iframe {
    width: 100%;
    height: 17vw;
}

.get-in-touch .addres-info-card {
    padding: 2vw;
    border-bottom: .5vw solid #ff462d;

}

.get-in-touch .addres-info-card ul {}

.get-in-touch .addres-info-card ul li {
    width: 100%;
    margin-bottom: 1.7vw;
}


.get-in-touch .addres-info-card ul li .icon {
    width: 3.5vw;
    height: 3.5vw;
    min-width: 3.5vw;
    min-height: 3.5vw;
    border-radius: 100%;
    border: 1px solid #dedfe4;
    margin-right: 1vw;
    background: #f5f6fa;
    font-size: 1.5vw;
    color: #ff462d;
}


.get-in-touch .addres-info-card .nav li .text a {
    text-decoration: none;
    color: #000;
}


.get-in-touch .addres-info-card ul li .text span {
    font-family: 'euclid_circular_alight';
    font-size: .9vw;
    text-transform: uppercase;
    color: #293043;
    display: block;
    margin-bottom: .5vw;
}


.get-in-touch .addres-info-card ul li .text h6 {
    font-family: 'euclid_circular_asemibold';
    font-size: 1.1vw;
    color: #293043;
}


.get-in-touch .contact-form {
    background: #f5f5f5;
    padding: 2.5vw 2.5vw 3vw;
    height: 100%;
}

.ps-no {
    padding-left: 0 !important;
}

.pe-no {
    padding-right: 0 !important;
}

.get-in-touch .contact-form h3 {
    font-family: 'euclid_circular_asemibold';
    color: #1d212a;
    font-size: 2vw;
    margin-bottom: 2vw;
}

.get-in-touch .contact-form label {
    font-family: 'euclid_circular_aregular';
    font-size: 1vw;
    margin-bottom: .5vw;
    color: #293043;
}

.get-in-touch .contact-form input,
.get-in-touch .contact-form textarea {
    background: #fff;
    border: .2vw solid #dfe0e0;
    border-radius: .3vw;
    height: auto;
    padding: .7vw 1vw;
    font-size: 1vw;
    font-family: 'euclid_circular_alight';
    color: #000;
}

.get-in-touch .contact-form input ::placeholder {
    color: #727375;
}

.get-in-touch .contact-form input:focus {
    box-shadow: none;
}

.get-in-touch .contact-form .col-md-6 {
    margin-bottom: 1.3vw;
}

.get-in-touch .contact-form .btn {
    padding: 1.05vw 3vw;
    font-size: 1vw;
    font-family: 'euclid_circular_asemibold';
    background: #ff462d;
    color: #fff;
    border-radius: 0.4vw;
    border: 0;
    margin-top: 2vw;
}



.location-card {
    height: 23vw;
    border-radius: 1vw;
    background-size: cover !important;
    padding: 6vw 1.5vw 2vw;
    margin-top: 6vw;
}

.location-card:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

.location-card h4 {
    font-family: 'euclid_circular_amedium';
    color: #fff;
    font-size: 1.8vw;
    margin-bottom: 1.5vw;
    border-bottom: 1px solid #ffffff40;
    padding-bottom: 1.5vw;
}

.location-card ul {}


.location-card ul li {
    font-family: 'euclid_circular_aregular';
    font-size: .91vw;
    color: #fff;
    margin-bottom: 1vw;
}

.location-card ul li a {
    text-decoration: none;
    color: #fff;
}

.location-card ul li i {
    margin-right: 1vw;
}



/* Case-Study */
.case-one {
    padding: 5vw 0;

}

.case-one .head {}

.case-one .head h2 {
    text-transform: uppercase;
    font-size: 3.2vw;
    margin-bottom: 1vw;
}

.case-one .head p {
    font-family: 'euclid_circular_alight';
    font-size: 1.3vw;
    color: #404046;
    line-height: 2vw;
    margin-bottom: 0vw;
}

.case-one .tab-part {
    margin-top: 3vw;
}

.case-one .tab-part h3 {
    font-family: 'euclid_circular_amedium';
    font-size: 2.2vw;
    margin-bottom: 0;
    margin-top: 6vw;
}


.case-one .tabs {
    margin-top: 2.2vw;
}

.case-one .tabs .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #333333;
    background-color: #afd0ff;
}

.case-one .tabs .nav-pills {
    gap: 3vw;
    margin-bottom: 3.5vw !important;
}

.case-one .tabs .nav-pills .nav-link {
    color: #333333;
    padding: 0.6vw 2.6vw 0.6vw 0.6vw;
    font-size: 1.4vw;
    font-family: 'euclid_circular_asemibold';
    border-radius: 5vw;
    gap: 1.2vw;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.case-one .tabs .nav-pills .nav-link img {
    width: 4vw;

}

.case-one .tabs .tab-content .content img {
    width: 100%;
    padding-right: 1vw;
}

.case-one .tabs .tab-content .content p {
    font-family: 'euclid_circular_alight';
    font-size: 1.2vw;
    color: #404046;
    line-height: 2vw;
    margin-bottom: 1vw;
}

.case-two {
    background: linear-gradient(86deg, #fdf6e7, #c2beef);
}

.case-two .tab-part {
    margin-top: 0vw;
}

.case-three .tab-part {
    margin-top: 0vw;
}

/* careers positions */
.positition .tittle h2 {
    font-family: 'Oswald', sans-serif;
    color: #0c090c;
    text-align: center;
    margin-bottom: 1.7vw;
    font-size: 3.2vw;
}

.no_jobs {
    font-size: 2vw;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: crimson;
    font-weight: 600;
    margin-top: 0vw;
    letter-spacing: 0.05vw;
}

.positition .tittle p {
    font-family: 'euclid_circular_alight';
    font-size: 1.3vw;
    color: #404046;
    line-height: 2.1vw;
    margin-bottom: 3.5vw;
    text-align: center;
}

.positition {
    padding: 6vw 0;
}

.positition .accordion {
    margin-top: 2vw;
}

.positition .accordion .accordion-item {
    margin-bottom: 1.5vw;
    border-radius: 1vw;
    border: 0.2vw solid #1e1a33 !important;
}

.positition .accordion .accordion-item .accordion-header .accordion-button {
  
    background: linear-gradient(86deg, #fdf6e7, #c2beef);
    padding: 2vw;
    border-radius: 0.8vw;
}

.positition .accordion .accordion-item .accordion-header .accordion-button::after {
    display: none;
}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text {
    display: flex;
    gap: 6vw;
    flex: auto;

}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content {
    margin-top: 1.5%;
   

}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4 {
    font-size: 1.3vw;
  
    color: white;
    margin: 0;
    line-height: 1.8vw;
    font-family: 'euclid_circular_asemibold';
    font-weight: 700;
    color: #100d3b;
}

.job-name {
    margin-left: 5%;
    margin-top: 1.5%;
    width: 25%;

}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h6 {
    color: white;
   
    font-size: 1vw;
    margin-bottom: 1.1vw;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-weight: 600;
}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text p {
    color: #100d3b;

    font-size: 0.9vw;
    margin: 0;
    font-family: 'euclid_circular_aregular';
    font-weight: 600;
}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .loct {
    margin-top: 1vw;
    line-height: 1.4vw;
}

.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
    background: #383d5e;
    position: absolute;
    border-radius: 2vw;
    height: 3.3vw;
    width: 3.3vw;
    line-height: 3.2vw;
    padding: 0vw 0.5vw;
    color: white;
    font-size: 2.3vw;
    right: 3vw;
    top: 3.4vw;

}

.positition .accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: inherit;

}


.positition .accordion .accordion-item {
    color: inherit;
    background-color: inherit;
    border: inherit;
}

.positition .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: inherit !important;
    background-color: 0 !important;
    box-shadow: inherit !important;
}

.positition .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: inherit;
    transform: var(--bs-accordion-btn-icon-transform);

}


.positition .accordion .accordion-item .accordion-body {
    background-color: white;
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;

    padding: 3vw 4vw;
}

.positition .accordion .accordion-item .accordion-body p {

    color: #191919;
    font-size: 1.1vw;
    margin-bottom: 1vw;
    line-height: 2.2vw;
    font-family: 'euclid_circular_aregular';



}

.positition .accordion .accordion-item .accordion-body p span {
    font-weight: 600;
    padding-right: 0.5vw;
}

.positition .accordion .accordion-item .accordion-body h6 {
    font-family: 'euclid_circular_aregular';
    font-size: 1.1vw;
    margin: 1.6vw 0;
    font-weight: 600;
}

.positition .accordion .accordion-item .accordion-body ul {

    padding-left: 1vw;

    margin-bottom: 3vw;
}

.positition .accordion .accordion-item .accordion-body .qualifi li {
    list-style: disc;
}

.positition .accordion .accordion-item .accordion-body ul li {
   
    list-style: decimal;
    font-family: 'euclid_circular_aregular';
    font-size: 1.2vw;
    margin-bottom: 1.4vw;
    line-height: 2vw;
}

.positition .accordion .accordion-item .accordion-body ul li span {
    font-weight: 600;
}

.positition .accordion .accordion-item .accordion-body ul li i {
    margin-right: .7vw;
    color: #76459b;
}

.positition .accordion .accordion-item .accordion-body ul li .bi-check-circle::before {
    font-weight: 600 !important;
}

.positition .accordion .accordion-item .accordion-body .form-part {
    border-top: 0.1vw solid #0000001c;
    padding-top: 3vw;
}

.positition .accordion .accordion-item .accordion-body .form-part h4 {
  
    font-size: 1.6vw;
    margin-bottom: 1.6vw;
    font-family: 'euclid_circular_asemibold';
    font-weight: 600;
}

.positition .accordion .accordion-item .accordion-body .form-part .form-label {
   
    font-family: 'euclid_circular_asemibold';
    font-weight: 500;

    font-size: 1.2vw;

}

.positition .accordion .accordion-item .accordion-body .form-part .form-control {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
  
    font-size: 1.2vw;
    padding: 1vw;
    font-family: 'euclid_circular_aregular';
    font-weight: 400;
}

.positition .accordion .accordion-item .accordion-body .form-part .form-control::placeholder {
    color: #8e8e8e;
}

.positition .accordion .accordion-item .accordion-body .form-part .btn {
    background: #ef350e;
    display: flex;
    margin: 0 auto;
    color: white;
  
    font-size: 1vw;
    padding: 0.9vw 2.2vw;
    margin-top: 1vw;
    border-radius: 0.4vw;
    font-family: 'euclid_circular_asemibold';
    font-weight: 600;
}


.positition .accordion-button .top-text .icon .clk-2 {
    display: block;
}

.positition .accordion-button .top-text .icon .clk-1 {
    display: none;
}

.positition .accordion-button.collapsed .top-text .icon .clk-2 {
    display: none;
}

.positition .accordion-button.collapsed .top-text .icon .clk-1 {
    display: block;
}

.positition .accordion .accordion-body .job_descriptionNew ol li {
    font-size: 1vw;
    font-family: 'euclid_circular_aregular';
    margin-bottom: 0.5vw;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
    background: linear-gradient(86deg, #fdf6e7, #c2beef);
    padding: 0.8vw 1.5vw;
    border-radius: 0.8vw;
}

.dropdown-item {
    font-weight: 700;
    color: #0c090c;
    font-family: 'euclid_circular_amedium';
    font-size: 1.07vw;
    padding: 0.7vw 0.8vw;
    border-radius: 0.4vw;
}

.dropdown-item:active {
    color: #0c090c;
    background-color: #fff;
}

.navbar-expand-md .navbar-nav .nav-item.dropdown:hover>.dropdown-item:hover {
    display: block;

}

.desktop_none{
    display: none !important;
}

/*  mobile*/
@media(max-width:575.989px) {
   
    /* */
   
    .mobile-none img {
        display: none;
    }
    .desktop_none{
        display: block !important;
    }
    .mobile_none{
        display: none;
    }
    .desktop_none img {
        display: block !important;
        margin: 20px 0;
        transition: none;
        transform: none !important;
    }
    /*  */
    .menu .navbar-brand img {
        width: 150px;
        padding: 10px 0;
    }

    .menu .navbar-nav .nav-item {
        margin-bottom: 10px;
    }

    .menu .navbar-nav {
        background: #0c090c;
        text-align: center;
        z-index: 9;
        position: absolute;
        width: 85%;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        background: #fff;
        text-align: center;
        padding: 10px;
        background: linear-gradient(86deg, #fdf6e7, #c2beef)
    }

    .dropdown-item:hover {
        color: #0c090c;
        background-color: #fff;
       
    }

    .dropdown-item {
        font-size: 15px;
        padding: 10px;
    }

    .navbar-collapse .navbar-nav .nav-item .nav-link.btn {
        width: 50%;
        text-align: center;
        margin-left: 80px;
        border: 1px solid #fff;
        padding: 11px 8px;
        border-radius: 5px;
        font-size: 18px;
        color: #fff;
        padding: 10px;
    }

    .navbar-collapse .navbar-nav .nav-item .nav-link.btn:hover {
        color: #000;
    }

    .navbar-toggler {
        border: 1px solid #fff;
        background-color: #fff;
    }

    .menu .navbar-nav .nav-link {
        font-size: 18px;
        color: #fff;
        padding: 10px;
    }

    .hero-header {
        padding: 100px 0 50px;
    }

    .hero-header .hero-text h1 {
        font-size: 42px;
        line-height: 52px;
    }

    .hero-header .hero-text h1 span {
        width: 47px;
        font-size: 29px;
        height: 47px;
        top: 8px;
        border: 4px solid #ef350e;
        line-height: 33px;
    }

    .hero-header .hero-text .hero-buttons a.btncolor {
        padding: 10px;
        font-size: 15px;
        border-radius: 6px;
        margin-bottom: 20px;
    }

    .hero-header .hero-text h6 {
        font-size: 20px;
        line-height: 30px;
        margin: 20px 0;
    }

    .hero-header .hero-img img {
        width: 100%;
        padding: 0;

    }

    /*  */


    .about-us {
        padding: 50px 0;
    }

    .about-us img {
        margin-bottom: 25px;
        padding-left: 12px;
    }

    .about-us .text {
        padding-left: 11px;
    }

    .about-us .text h2 {
        margin: 0 0 20px;
    }

    .heading {
        font-size: 35px;
        line-height: 50px;
    }

    .about-us .text p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .about-us .text a {
        padding: 10px 15px;
        font-size: 15px;
    }

    .about-us .text a i {
        margin-left: 20px;
    }

    /*  */
    .solutions {
        padding: 50px 0;
    }

    .solutions .text h2 {
        font-size: 40px;
    }

    .solutions .text h6 {
        font-size: 16px;
        margin: 18px 0 25px;
    }

    .solutions .accordion .accordion-item .accordion-button span img {
        width: 35px;
    }

    .solutions .accordion .accordion-item .accordion-button span {
        width: 37px;
        height: 37px;
        border-radius: 10px;
    }

    .solutions .accordion-item {
        margin: 0 0 15px;
        border-radius: 15px !important;
    }

    .solutions .accordion .accordion-button:not(.collapsed) {
        font-size: 17px;
        padding: 10px 20px;
    }

    .solutions .accordion-body {
        padding: 10px 20px;
        font-size: 18px;
        margin-bottom: 10px;
        line-height: initial;
    }

    .solutions .text {
        margin-bottom: 50px;
    }

    /*  */
    .solutions .img-solutions {
        display: block !important;
    }

    .solutions .img-solutions img {
        width: 100%;
        margin-bottom: 15px;
    }


    /*  */
    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 15px;
        font-size: 17px;
    }

    .accordion-button::after {
        width: 25px;
        height: 25px;
    }

    /*  */
    .services {
        padding: 50px 0;
    }

    .services .heading {
        margin-bottom: 40px;
    }

    .services .service-card h6 {
        font-size: 21px;
        margin: 0 0 12px;
    }

    .services .service-card h4 {
        font-size: 31px;
        line-height: 41px;
        margin-bottom: 20px;
    }

    .services .service-card p {
        font-size: 18px;
        margin-bottom: 20px;
        padding-right: 50px;
    }

    .services .service-card .img {
        padding: 0 21px 5px;
    }

    .services .service-card a {
        padding: 10px 12px;
        font-size: 12px;
        border-radius: 5px;
        margin: 11px 5px;
    }

    .services .service-card {
        padding: 20px 21px 2px !important;
        margin-bottom: 12px;
        border-radius: 10.5px;
    }

    .service-card-small h5 {
        font-size: 20px;
    }

    .service-card h5 {
        font-size: 20px;
    }

    .service-card {
        width: 100%;
        height: 350px;
        margin-bottom: 20px !important;
    }

    .service-card-small {
        width: 100%;
        height: 300px;
        margin-bottom: 20px !important;
    }

    .service-card-main {
        width: 100%;
        height: 215px;
        margin-bottom: 20px !important;
    }

    .servce-cards-left .service-card {
        padding: 11px 11px 10px !important;
        height: 200px;
    }

    .servce-cards-left .service-card h5 {
        font-size: 21px;
    }

    /*  */
    .why-choose {
        padding: 60px 0;
    }

    .choose-head {
        margin-bottom: 40px;
    }

    .choose-head h2 {
        margin-bottom: 20px;
    }

    .choose-head p::before {
        display: none;
    }

    .choose-head p {
        font-size: 20px;
        padding: 2px;
        line-height: 30px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 11px;
        gap: 10px;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .why-choose .choose-left .choose-box .icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        font-size: 20px;
        border-radius: 7px;
        padding: 7px;
    }

    .why-choose .processing-bars .progress {
        border-radius: 20px;
        padding: 2px 5px;
        height: 11px;
        width: 200px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 20px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .processing-bars {
        gap: 10px;
        padding-left: 5px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 10px;
        font-size: 17px;
    }

    /*  */
    .service-banner.technology {
        background-image: url(../img/technology-banner1.png) !important;
    }

    .service-banner.case-study {
        background-image: url(../img/case-studymobo.png) !important;
    }

    .service-banner.aboutus {
        background-image: url(../img/about.png) !important;
    }
    .service-banner.industries {
        background-image: url(../img/about-one.png) !important;
    }

    .tools {
        padding: 60px 0;
    }

    .tool-box .companys .tool-tech-img img {
        width: 145px;
    }

    .tool-box h4 {
        font-size: 18px;
    }

    .tool-box .companys .tool-tech-img {
        padding: 15px;
        border-radius: 10px;
        min-height: 25vh;
        min-width: 1vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }

    .tools h6 {
        margin-top: 16px;
    }

    .tools h6 a {
        font-size: 16px;
    }

    .tool-box-imgs {
        padding: 20px;
        border-radius: 11px;
        margin-right: 0px;
    }

    .tool-box-imgs h4 {

        font-size: 18px;
        margin-bottom: 10.3px;
    }

    .tool-box-imgs ul li {
        width: 100px;
        height: 77px;
        padding: 2px;
        border-radius: 10px;
    }

    .tool-box-imgs ul {
        gap: 20px;
    }

    .next {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;

    }

    .previous {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 40px;
    }

    /*  */

    .Customers {
        padding: 60px 0;
    }

    .Customers .heading {
        margin-bottom: 31px
    }
    .Customers .heading h1{
        font-size: 25px;
    }

    .Customers .client-box {
        margin: 5px 0 10px 20px;
        padding: 10px 20px;
        border-radius: 11px;
        text-align: center;
    }

    .Customers .client-box .head .details .name .img img {
        width: 100%;
    }

    .Customers .client-box .head .details .name .text h6 {
        font-size: 20px;
    }

    .Customers .client-box .head .details .name .text img {
        width: 70%;
    }

    .Customers .client-box .head .details .quote img {
        width: 60%;
    }

    .Customers .client-box .review p {
        font-size: 17px;
        line-height: 27px;
        text-align: start;
    }

    .Customers .client-box .head .details {
        gap: 6px;
    }

    /*  */
    .footer {
        padding: 50px 0;
    }

    .footer .footer-nav h6 {
        font-size: 26px;
        margin-top: 25px;
    }

    .footer .footer-nav ul li a {
        font-size: 18px;
    }

    .footer .footer-nav ul {
        margin-top: 20px;
        gap: 8px;
    }

    .footer .social-nav .social h6 {
        font-size: 20px;
    }

    .footer .social-nav ul li i {
        margin-right: 5px;
    }

    .footer .social-nav .social ul li {
        border-radius: 40px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
    }

    .footer-sub .copyright .terms ul {
        gap: 10px;
    }

    .footer .social-nav .social ul li a {
        font-size: 25px;
    }

    .footer-sub .copyright .copy p {
        font-size: 16px;
    }

    .footer-sub .copyright .terms ul li a {
        font-size: 16px;
    }

    .footer-sub {
        padding: 20px 0;
    }

    .footer-sub .copyright {
        text-align: start;
        display: block;
    }

    .footer-sub .copyright .copy p a {
        text-decoration: none;
        color: #000;
    }

    /* about-us */
    .hybris-banner {
        background-image: url(../img/about.png) !important;
    }

    .service-banner.carrer-banner {
        background-image: url(../img/carrer-bannermb.png) !important;
    }

    .right-text {
        margin: 0 10px;
    }

    .service-banner {
        background-image: url(../img/ourservice.png) !important;
    }

    .service-banner .service-text {
        margin-top: 160px;
    }

    .sub-hedding {
        font-size: 40px;
    }

    .service-banner .service-text .breadcrumb li {
        font-size: 20px;
    }

    .about-section {
        padding: 50px 0;
    }

    .about-section .img {
        padding-right: 30px;
        margin-bottom: 30px;
    }

    .about-section .right-text h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .about-section .right-text p {
        font-size: 18px;
        line-height: 30px;
    }

    .trust {
        padding: 50px 0;
    }

    .trust .left h2 {
        font-size: 31px;
        line-height: 40px;
    }

    .trust .left p {

        font-size: 18px;
        line-height: 28px;
        margin: 20px 0;
    }

    .trust .left .values {
        display: block;
    }

    .trust .left .values .v-one h6 {
        font-size: 25px;
    }

    .trust .left .values .v-one p {
        font-size: 17px;
        line-height: 28px;
        margin: 15px 0;
    }

    .trust .left .values::before {

        width: 310px;
        height: 0px;
        border: 1px dashed #0000007d;
        top: -10.6px;
    }

    .trust .left .persentages {
        display: block;
    }

    .trust .left .persentages .project p {
        font-size: 25px;
        margin-bottom: 35px;
        line-height: 0;
    }


    .trust .left .persentages .project h6 {
        font-size: 35px;
    }

    .trust .right .box h6 {
        padding: 11px 0;
        font-size: 15px;
    }

    .trust .right .box {
        margin-bottom: 20px;
    }

    .why-capo .heading {
        margin-bottom: 30px;
    }

    .why-capo .box {
        padding: 25px;
        margin: 0 10px 20px;
    }

    .why-capo .box .head {
        gap: 11px;
    }

    .why-capo .box .head img {
        width: 41px;
    }

    .why-capo .box .head h5 {
        font-size: 21px;
        line-height: 31px;
    }

    .why-capo .box ul {
        padding-left: 11px;
        margin-top: 20px;
    }

    .why-capo .box ul li {
        font-size: 18px;
        line-height: 30px;
    }

    .why-capo .box ul li::marker {
        font-size: 15px;
    }

    /* core capabilities */
    .who-we-are-banner {
        background-image: url(../img/who-we-are-banner1.png) !important;
    }

    .accordion-header {
        margin-bottom: 0;
        line-height: initial;
    }

    .solutions-one h2 {
        margin-bottom: 10px;
        font-size: 31px;
    }

    .solutions-one p {
        margin-bottom: 40px;
        font-size: 16px;
        line-height: initial;
    }

    .solutions-two h2 {
        margin-bottom: 11px;
        font-size: 31px;
    }

    .solutions-two p {
        margin-bottom: 40px;
        font-size: 16px;
        line-height: initial;
    }

    .hybris-services {
        padding: 50px 0;
    }

    .hybris-services .left-text h6 {
        font-size: 25px;
        margin: 20px 0 15px;
    }

    .hybris-services .left-text p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .hybris-services .left-text ul::before {
        width: 300px;
        height: 0vw;
        border: 0.1px dashed;
        top: 4px;
    }

    .hybris-services .left-text ul li i {
        margin-right: 10px;
        font-size: 16px;
    }

    .hybris-services .left-text ul li {
        font-size: 14px;
    }

    .hybris-services .left-text ul {
        display: grid;
        gap: 5px;
        padding-top: 21px;
    }

    .hybris-two .img img {
        margin-top: 25px;
    }

    .hybris-one .img img {
        margin-top: 25px;
    }

    .hybris-center-banner {
        background-image: url(../img/hybris-banner1.png) !important;
    }

    .techonolagys .choose-head h2 {
        font-size: 30px;
    }

    .techonolagys .tool-box {
        margin-bottom: 20px;
        padding: 20px;
        transition: none;
        transform: none;
    }

    /*  */
    .services .head h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .services .head p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 26px;
    }

    .services .left-text ul {
        gap: 16px;
    }

    .services .left-text ul li {
        font-size: 15px;
    }

    .services .left-text ul li i {
        margin-right: 10px;
    }

    .services .img img {
        margin-top: 20px;
    }

    .service-two .img img {
        margin-bottom: 20px;
    }

    /*  */
    .case-one {
        padding: 50px 0;
    }

    .case-one .head h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .case-one .head p {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .case-one .tab-part h3 {
        font-size: 20px;
    }

    .case-one .tabs {
        margin-top: 20px;
    }

    .case-one .tabs .nav-pills {
        /* gap: 30px; */
        margin-bottom: 30.5px !important;
    }

    .case-one .tabs .nav-pills .nav-link {
        padding: 11px 25px;
        font-size: 16px;
        border-radius: 50px;
        gap: 10px;

    }

    .case-one .tabs .nav-pills .nav-link img {
        width: 40px;
    }

    .case-one .tabs .tab-content .content p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }

    .case-one .tabs .tab-content .content img {
        margin: 5px;
        padding-right: 13px;
    }

    /* CAREERS */
    .positition {
        padding: 60px 0;
    }

    .positition .tittle h2 {
        margin-bottom: 11px;
        font-size: 30px;
    }

    .positition .tittle p {
        font-size: 16px;
        line-height: 26px;
    }

    /* contact us */
    .contact-banner {
        background-image: url(../img/contact-banner1.png) !important;
    }

    .get-in-touch h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .get-in-touch .addres-info .map iframe {
        height: 170px;
    }

    .get-in-touch .addres-info-card {
        padding: 20px;
        border-bottom: 6px solid #ff462d;
    }

    .get-in-touch .addres-info-card ul li {
        margin-bottom: 12px;
    }

    .get-in-touch .addres-info-card ul li .icon {
        width: 31px;
        height: 31px;
        min-width: 31px;
        min-height: 31px;
        margin-right: 10px;
        font-size: 15px;
    }

    .get-in-touch .addres-info-card ul li .text span {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .get-in-touch .addres-info-card ul li .text h6 {
        font-size: 12px;
    }

    .get-in-touch .contact-form h3 {
        font-size: 20px;
        margin-bottom: 45px;
    }

    .get-in-touch .contact-form {
        padding: 21px 21px 30px;
        height: 100%;
    }

    .get-in-touch .contact-form label {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .get-in-touch .contact-form input {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 15px;
    }

    .get-in-touch .contact-form input,
    .get-in-touch .contact-form textarea {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 15px;
        margin-bottom: 15px;
    }

    .get-in-touch .addres-info {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .get-in-touch .addres-info-card ul li .text {
        text-align: left;
    }

    .get-in-touch .addres-info-card ul {
        gap: 15px;
    }

    .get-in-touch .contact-form .btn {
        padding: 10px 30px;
        font-size: 16px;
        border-radius: 6px;
        margin-top: 20px;
    }

    .location-card {
        padding: 60px 25px 20px;
        height: 405px;
        border-radius: 10px;
        margin-top: 20px;
        width: 100%;
    }

    .location-card ul li {
        font-size: 16px;
        margin-bottom: 11px !important;
        line-height: 25px;
    }

    .location-card ul li i {
        margin-right: 20px;
        font-size: 16px;
    }

    .location-card h4 {
        font-size: 25px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }


    .positition {
        padding: 40px 15px;
    }

    .positition .tittle h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .positition .tittle p {
        font-size: 17px;
        line-height: 22px;
    }

    .no_jobs {
        font-size: 20px;
    }

    .positition .tittle {
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 13px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text {
        display: inline;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text p {
        font-size: 16px;
        line-height: 25px !important;
    }

    .job-name {
        width: 70%;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content {
        margin-left: 11px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button {
        padding: 20px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        width: 35px;
        height: 35px;
        border-radius: 30px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        font-size: 30px;
        line-height: 33px;
    }

    .positition .accordion .accordion-item {
        border-radius: 20px;
        margin-bottom: 20px;
        border: 0.2vw solid #0c090c !important;
    }

    .positition .accordion .accordion-item .accordion-body {
        padding: 15px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-body p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-body h6 {
        font-size: 16px;
    }

    .positition .accordion .accordion-item .accordion-body ul li {
        font-size: 14px;
        line-height: 22px;
    }

    .positition .accordion .accordion-item .accordion-body ul {
        padding-left: 15px;
    }

    .positition .accordion .accordion-item .accordion-body h6 {
        margin: 10px 0;
    }

    .positition .accordion .accordion-item .accordion-body .form-part h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-label {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-control {
        font-size: 16px;
        padding: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .btn {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 6px;
    }
}

/* responsive */
@media(min-width:576px) and (max-width:767.98px) {


    .desktop_none{
        display: block !important;
    }
    .mobile_none{
        display: none !important;
    }
    
    .menu .navbar-brand img {
        width: 150px;
        padding: 10px 0;
    }

    .menu .navbar-nav .nav-item {
        margin-bottom: 10px;
    }

    .menu .navbar-nav {
        background: #0c090c;
        text-align: center;
        z-index: 9;
        position: absolute;
        width: 85%;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        background: #fff;
        text-align: center;
        padding: 10px;
        background: linear-gradient(86deg, #fdf6e7, #c2beef);
    }

    .dropdown-item a:hover {
        color: #0c090c !important;
        background-color: #fff !important;

    }

    .dropdown-item {
        font-size: 15px;
        padding: 10px;
    }

    .navbar-collapse .navbar-nav .nav-item .nav-link.btn {
        width: 40%;
        text-align: center;
        margin-left: 147px;
        border: 1px solid #fff;
        border-radius: 5px;
        font-size: 18px;
        color: #fff;
        padding: 10px 5px;
    }

    .navbar-toggler {
        border: 1px solid #fff;
        background-color: #fff;
    }

    .menu .navbar-nav .nav-link {
        font-size: 18px;
        color: #fff;
        padding: 10px;
    }

    .hero-header {
        padding: 100px 0 50px;
    }

    .hero-header .hero-text h1 {
        font-size: 60px;
        line-height: 70px;
    }

    .hero-header .hero-text h1 span {
        width: 47px;
        font-size: 29px;
        height: 47px;
        top: 8px;
        border: 4px solid #ef350e;
        line-height: 33px;
    }

    .hero-header .hero-text .hero-buttons a.btncolor {
        padding: 12px;
        font-size: 18px;
        border-radius: 6px;
        margin-bottom: 20px;
    }

    .hero-header .hero-text h6 {
        font-size: 22px;
        line-height: 32px;
        margin: 20px 0;
    }

    .hero-header .hero-img img {
        width: 100%;
        padding: 0;
    }

    /*  */


    .about-us {
        padding: 50px 0;
    }

    .about-us img {
        margin-bottom: 25px;
        padding-left: 12px;
    }

    .about-us .text {
        padding-left: 11px;
    }

    .about-us .text h2 {
        margin: 0 0 20px;
    }

    .heading {
        font-size: 38px;
        line-height: 40px;
    }

    .about-us .text p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;

    }

    .about-us .text a {
        padding: 10px;
        font-size: 20px;
    }

    .about-us .text a i {
        margin-left: 20px;
    }

    /*  */
    .solutions {
        padding: 50px 0;
    }

    .solutions .text h2 {
        font-size: 40px;
    }

    .solutions .text h6 {
        font-size: 22px;
        line-height: initial;
        margin: 18px 0 22px;
    }

    .solutions .accordion .accordion-item .accordion-button span img {
        width: 35px;
    }

    .solutions .accordion .accordion-item .accordion-button span {
        width: 37px;
        height: 37px;
        border-radius: 10px;
    }

    .solutions .accordion-item {
        margin: 0 0 15px;
        border-radius: 15px !important;
    }

    .solutions .accordion .accordion-button:not(.collapsed) {
        font-size: 17px;
        padding: 10px 20px;
    }

    .solutions .accordion-body {
        padding: 10px 20px;
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .solutions .text {
        margin-bottom: 50px;
    }

    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 15px;
        font-size: 22px;
    }

    .accordion-button::after {
        width: 25px;
        height: 25px;
    }

    /*  */
    .services {
        padding: 50px 0;
    }

    .services .heading {
        margin-bottom: 40px;
    }

    .services .service-card h6 {
        font-size: 21px;
        margin: 0 0 12px;
    }

    .services .service-card h4 {
        font-size: 31px;
        line-height: 41px;
        margin-bottom: 20px;
    }

    .services .service-card p {
        font-size: 18px;
        margin-bottom: 20px;
        padding-right: 50px;
    }

    .services .service-card .img {
        padding: 0 21px 5px;
    }

    .services .service-card a {
        padding: 10px 12px;
        font-size: 12px;
        border-radius: 5px;
        margin: 11px 5px;
    }

    .services .service-card {
        padding: 50px 20px 15px !important;
        margin-bottom: 12px;
        border-radius: 10.5px;
    }

    .services .service-card {
        width: 100%;
        height: 455px;
        margin-bottom: 20px !important;
    }

    .service-card-small h5 {
        font-size: 20px;
    }

    .service-card-small {
        width: 100%;
        height: 380px;
        margin-bottom: 20px !important;
    }

    .service-card-main {
        width: 100%;
        height: 250px;
        margin-bottom: 20px !important;
    }

    .servce-cards-left .service-card {
        padding: 11px 11px 10px !important;
        height: 200px;
    }

    .servce-cards-left .service-card h5 {
        font-size: 21px;
    }

    /*  */
    .why-choose {
        padding: 60px 0;
    }

    .choose-head {
        margin-bottom: 40px;
    }

    .choose-head h2 {
        margin-bottom: 20px;
    }

    .choose-head p::before {
        display: none;
    }

    .choose-head p {
        font-size: 20px;
        padding: 2px;
        line-height: 30px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 11px;
        gap: 10px;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .why-choose .choose-left .choose-box .icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        font-size: 20px;
        border-radius: 7px;
        padding: 7px;
    }

    .why-choose .processing-bars .progress {
        border-radius: 20px;
        padding: 2px 5px;
        height: 15px;
        width: 380px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 20px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .processing-bars {
        gap: 10px;
        padding-left: 5px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 10px;
        font-size: 17px;
    }

    /*  */
    .tools {
        padding: 60px 0;
    }

    .tool-box .companys .tool-tech-img img {
        width: 75%;
    }

    .tool-box .companys .tool-tech-img {
        width: 100%;
        border-radius: 6px;
        padding: 10px;
        min-width: 100px;
        min-height: 100px;
        margin: 5px;
    }

    .tool-box-imgs {
        padding: 25px;
        border-radius: 11px;
        margin-right: 10px;
    }

    .tool-box h4 {
        font-size: 20px;
        margin-bottom: 10.3px;
    }

    .tool-box-imgs ul li {
        width: 110px;
        height: 111px;
        padding: 2px;
        border-radius: 10px;
    }

    .tool-box-imgs ul {
        gap: 43px;
    }

    .next {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;

    }

    .previous {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 40px;
    }

    /*  */

    .Customers {
        padding: 60px 0;
    }

    .Customers .heading {
        margin-bottom: 31px
    }

    .Customers .client-box {
        margin: 5px 0 10px 20px;
        padding: 20px 35px;
        border-radius: 11px;
        text-align: center;
    }

    .Customers .client-box .head .details .name .img img {
        width: 100%;
    }

    .Customers .client-box .head .details .name .text h6 {
        font-size: 20px;
    }

    .Customers .client-box .head .details .name .text img {
        width: 100%;
    }

    .Customers .client-box .head .details .quote img {
        width: 100%;
    }

    .Customers .client-box .review p {
        font-size: 17px;
        line-height: 27px;
        text-align: start;
    }

    .Customers .client-box .head .details {
        gap: 150px;
    }

    /*  */
    .footer {
        padding: 50px 0;
    }

    .footer .footer-nav h6 {
        font-size: 26px;
        margin-top: 25px;
    }

    .footer .footer-nav ul li a {
        font-size: 18px;
    }

    .footer .footer-nav ul {
        margin-top: 20px;
        gap: 8px;
    }

    .footer .social-nav .social h6 {
        font-size: 20px;
    }

    .footer .social-nav ul li i {
        margin-right: 5px;
    }

    .footer .social-nav .social ul li {
        border-radius: 40px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
    }

    .footer-sub .copyright .terms ul {
        gap: 10px;
    }

    .footer .social-nav .social ul li a {
        font-size: 25px;
    }

    .footer-sub .copyright .copy p {
        font-size: 16px;
    }

    .footer-sub .copyright .terms ul li a {
        font-size: 16px;
    }

    .footer-sub {
        padding: 20px 0;
    }

    .footer-sub .copyright {
        text-align: start;
        display: block;
    }

    /* about-us */
    .hybris-banner {
        background-image: url(../img/about.png) !important;
    }

    .right-text {
        margin: 0 10px;
    }

    .service-banner {
        background-image: url(../img/services-banner1.png) !important;
    }

    .service-banner .service-text {
        margin-top: 160px;
    }

    .sub-hedding {
        font-size: 40px;
    }

    .service-banner .service-text .breadcrumb li {
        font-size: 20px;
    }

    .about-section {
        padding: 50px 0;
    }

    .about-section .img {
        padding-right: 30px;
        margin-bottom: 30px;
    }

    .about-section .right-text h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .about-section .right-text p {
        font-size: 18px;
        line-height: 30px;
    }

    .trust {
        padding: 50px 0;
    }

    .trust .left h2 {
        font-size: 31px;
        line-height: 40px;
    }

    .trust .left p {

        font-size: 18px;
        line-height: 28px;
        margin: 20px 0;
    }

    .trust .left .values {
        display: block;
    }

    .trust .left .values .v-one h6 {
        font-size: 25px;
    }

    .trust .left .values .v-one p {
        font-size: 17px;
        line-height: 28px;
        margin: 15px 0;
    }

    .trust .left .values::before {

        width: 310px;
        height: 0px;
        border: 1px dashed #0000007d;
        top: -10.6px;
    }

    .trust .left .persentages {
        display: block;
    }

    .trust .left .persentages .project p {
        font-size: 25px;
        margin-bottom: 35px;
    }

    .trust .left .persentages .project h6 {
        font-size: 35px;
    }

    .trust .right .box h6 {
        padding: 11px 0;
        font-size: 15px;
    }

    .trust .right .box {
        margin-bottom: 20px;
    }

    .why-capo .heading {
        margin-bottom: 30px;
    }

    .why-capo .box {
        padding: 25px;
        margin: 0 10px 20px;
    }

    .why-capo .box .head {
        gap: 11px;
    }

    .why-capo .box .head img {
        width: 41px;
    }

    .why-capo .box .head h5 {
        font-size: 21px;
        line-height: 31px;
    }

    .why-capo .box ul {
        padding-left: 11px;
        margin-top: 20px;
    }

    .why-capo .box ul li {
        font-size: 18px;
        line-height: 30px;
    }

    .why-capo .box ul li::marker {
        font-size: 15px;
    }

    /* core capabilities */
    .who-we-are-banner {
        background-image: url(../img/who-we-are-banner1.png) !important;
    }

    .accordion-header {
        margin-bottom: 0;
        line-height: initial;
    }

    .solutions-one h2 {
        margin-bottom: 10px;
        font-size: 31px;
    }

    .solutions-one p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .solutions-two h2 {
        margin-bottom: 11px;
        font-size: 31px;
    }

    .solutions-two p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .hybris-services {
        padding: 50px 0;
    }

    .hybris-services .left-text h6 {
        font-size: 25px;
        margin: 20px 0 15px;
    }

    .hybris-services .left-text p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .hybris-services .left-text ul::before {
        width: 300px;
        height: 0vw;
        border: 0.1px dashed;
        top: 4px;
    }

    .hybris-services .left-text ul li i {
        margin-right: 10px;
        font-size: 16px;
    }

    .hybris-services .left-text ul li {
        font-size: 17px;
    }

    .hybris-services .left-text ul {
        display: grid;
        gap: 5px;
        padding-top: 21px;
    }

    .hybris-two .img img {
        margin-top: 25px;
    }

    .hybris-one .img img {
        margin-top: 25px;
    }

    .hybris-center-banner {
        background-image: url(../img/hybris-banner1.png) !important;

    }

    .techonolagys .choose-head h2 {
        font-size: 30px;
    }

    .techonolagys .tool-box {
        margin-bottom: 20px;
        padding: 25px;
    }

    /*  */
    .services .head h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .services .head p {
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .services .left-text ul {
        gap: 16px;
    }

    .services .left-text ul li {
        font-size: 17px;
    }

    .services .left-text ul li i {
        margin-right: 10px;
    }

    .services .img img {
        margin-top: 20px;
    }

    .service-two .img img {
        margin-bottom: 20px;
    }

    /*  */
    .case-study {
        background-image: url(../img/case-studymb.png) !important;
    }

    .case-one {
        padding: 50px 0;
    }

    .case-one .head h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .case-one .head p {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .case-one .tab-part h3 {
        font-size: 20px;
    }

    .case-one .tabs {
        margin-top: 20px;
    }

    .case-one .tabs .nav-pills {
        /* gap: 30px; */
        margin-bottom: 30.5px !important;
    }

    .case-one .tabs .nav-pills .nav-link {
        padding: 11px 25px;
        font-size: 18px;
        border-radius: 50px;
        gap: 10px;

    }

    .case-one .tabs .nav-pills .nav-link img {
        width: 60px;
    }

    .case-one .tabs .tab-content .content p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 20px;
    }

    .case-one .tabs .tab-content .content img {
        margin: 10PX;
        padding-right: 13px;
    }

    /* CAREERS */
    .positition {
        padding: 60px 0;
    }

    .positition .tittle h2 {
        margin-bottom: 11px;
        font-size: 30px;
    }

    .positition .tittle p {
        font-size: 16px;
        line-height: 26px;
    }

    /* contact us */
    .contact-banner {
        background-image: url(../img/contact-banner1.png) !important;
    }

    .get-in-touch h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .get-in-touch .addres-info .map iframe {
        height: 170px;
    }

    .get-in-touch .addres-info-card {
        padding: 20px;
        border-bottom: 6px solid #ff462d;
    }

    .get-in-touch .addres-info-card ul li {
        margin-bottom: 12px;
    }

    .get-in-touch .addres-info-card ul li .icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        margin-right: 20px;
        font-size: 20px;

    }

    .get-in-touch .addres-info-card ul li .text span {
        font-size: 18px;
        margin-bottom: 5px;

    }

    .get-in-touch .addres-info-card ul li .text h6 {
        font-size: 15px;
    }

    .get-in-touch .contact-form h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .get-in-touch .contact-form {
        padding: 21px 21px 30px;
        height: 100%;
    }

    .get-in-touch .contact-form label {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .get-in-touch .contact-form input {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 15px;
    }

    .get-in-touch .contact-form input,
    .get-in-touch .contact-form textarea {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 16px 20px;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .get-in-touch .addres-info {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .get-in-touch .addres-info-card ul li .text {
        text-align: left;
    }

    .get-in-touch .addres-info-card ul {
        gap: 15px;
    }

    .get-in-touch .contact-form .btn {
        padding: 10px 30px;
        font-size: 16px;
        border-radius: 6px;
        margin-top: 20px;
    }

    .location-card {
        padding: 60px 25px 20px;
        height: 405px;
        border-radius: 10px;
        margin-top: 20px;
        width: 100%;
    }

    .location-card ul li {
        font-size: 16px;
        margin-bottom: 11px !important;
        line-height: 25px;

    }

    .location-card ul li i {
        margin-right: 8px;
        font-size: 16px;
    }

    .location-card h4 {
        font-size: 25px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }


    .positition {
        padding: 40px 15px;
    }

    .positition .tittle h2 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .positition .tittle p {
        font-size: 20px;
        line-height: 29px;

    }

    .positition .tittle {
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 13px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text {
        display: inline;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text p {
        font-size: 16px;
        line-height: 25px !important;
    }

    .job-name {
        width: 70%;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content {
        margin-left: 25px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button {
        padding: 20px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        width: 35px;
        height: 35px;
        border-radius: 30px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        font-size: 30px;
        line-height: 33px;
    }

    .positition .accordion .accordion-item {
        border-radius: 20px;
        margin-bottom: 20px;
        border: 0.2vw solid #0c090c !important;
    }

    .positition .accordion .accordion-item .accordion-body {
        padding: 15px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-body p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;

    }

    .positition .accordion .accordion-item .accordion-body h6 {
        font-size: 16px;
    }

    .positition .accordion .accordion-item .accordion-body ul li {
        font-size: 15px;
        line-height: 25px;
    }

    .positition .accordion .accordion-item .accordion-body ul {
        padding-left: 15px;
        margin-bottom: 30px;
    }

    .positition .accordion .accordion-item .accordion-body h6 {
        margin: 10px 0;
    }

    .positition .accordion .accordion-item .accordion-body .form-part h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-label {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-control {
        font-size: 16px;
        padding: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .btn {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 6px;
    }
}

@media(min-width:768px) and (max-width:991.98px) {


    .desktop_none{
        display: block !important;
    }
    .mobile_none{
        display: none !important;
    }
    


    
    .menu .navbar-nav .nav-link {
        font-size: 10px;
        padding: 9px 5px;
    }

    .menu .navbar-nav .nav-item {
        margin: 0 3px;
    }

    .menu .navbar-nav .nav-link.btn {
        padding: 9px 5px;
    }

    .hero-header .hero-text h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .hero-header .hero-text h1 span {
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
        font-size: 30px;
        line-height: 40px;
        top: 4px;
        margin: 0 5px;
    }

    .hero-header .hero-text h6 {
        font-size: 18px;
        margin: 20px 0;
        line-height: 28px;
    }

    .hero-header .hero-text .hero-buttons a {
        font-size: 15px;
        padding: 11px 10px;
        border-radius: 5px;
    }

    .about-us .text p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .about-us .text a {
        width: max-content;
        margin-top: 20px;
        font-size: 15px;
        padding: 10px;
        border-radius: 5px;
    }

    .heading {
        font-size: 40px;
        line-height: 100%;
    }

    .solutions .text h6 {
        font-size: 17px;
        margin: 20px 0 25px;
        line-height: 28px;
    }

    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 20px;
        font-size: 18px;
    }

    .solutions .accordion-body {
        padding: 0 20px 11px 51px;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
    }



    .services .service-card h6 {
        font-size: 16px;
        margin: 0 0 11px;
    }

    .services .service-card p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 20px;
        padding-right: 50px;
    }

    .service-card-small h5 {
        font-size: 15px;
    }

    .service-card-small {
        padding: 20px 11px 10px !important;
        border-radius: 10px;
        height: 170px;
    }

    .services .service-card h4 {

        font-size: 30px;
        margin-bottom: 20px;
        line-height: 40px;
    }

    .choose-head h2 {
        margin-bottom: 11px
    }

    .choose-head p {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
        padding: 0 70px 0 50px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 20px;
        font-size: 15px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 18px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 11px 10px 10px;
        border-radius: 10px;
        gap: 10px;
        margin-bottom: 15px;
    }

    .tool-box-imgs {
        padding: 25px;
        border-radius: 10px;
        margin-right: 10px;
    }

    .tool-box-imgs h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tool-box-imgs ul li {

        width: 100px;
        height: 90px;
        border-radius: 10px;
        padding: 5px;
    }

    .tool-box-imgs ul {
        gap: 20px;
    }

    .tools h6 a {
        font-size: 20px;
    }

    .tools .Tools-slick {
        margin-top: 21px;
    }

    .next {
        font-size: 15px;
        bottom: -40px;
        width: 30px;
        height: 30px;
    }

    .previous {
        font-size: 15px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 50px;
    }


    .footer .footer-nav h6 {
        font-size: 16px;
        margin: 0;
    }

    .footer .footer-nav ul li a {

        font-size: 13px;
    }

    .footer .social-nav .social ul li {
        border-radius: 40px;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
        padding: 4px;
    }

    .about-us {
        padding: 50px 0;
    }

    .about-us img {
        margin-bottom: 25px;
        padding-left: 12px;
    }

    .about-us .text {
        padding-left: 11px;
    }

    .about-us .text h2 {
        margin: 0 0 20px;
    }

    .heading {
        font-size: 38px;
        line-height: 40px;
    }

    .about-us .text p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }



    .about-us .text a {
        padding: 10px;
        font-size: 15px;
    }

    .about-us .text a i {
        margin-left: 20px;
    }

    /*  */
    .solutions {
        padding: 50px 0;
    }

    .solutions .text h2 {
        font-size: 40px;
    }

    .solutions .text h6 {
        font-size: 18px;
        line-height: 30px;
        margin: 18px 0 22px;
    }


    .solutions .accordion .accordion-item .accordion-button span img {
        width: 35px;
    }

    .solutions .accordion .accordion-item .accordion-button span {
        width: 37px;
        height: 37px;
        border-radius: 10px;
    }

    .solutions .accordion-item {
        margin: 0 0 15px;
        border-radius: 15px !important;
    }

    .solutions .accordion .accordion-button:not(.collapsed) {
        font-size: 17px;
        padding: 10px 20px;
    }

    .solutions .accordion-body {
        padding: 10px 20px;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 26px;
    }

    .solutions .text {
        margin-bottom: 50px;
    }

    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 15px;
        font-size: 18px;
    }

    .accordion-button::after {
        width: 25px;
        height: 25px;
    }

    /*  */
    .services {
        padding: 50px 0;
    }

    .services .heading {
        margin-bottom: 40px;
    }

    .services .service-card h6 {
        font-size: 21px;
        margin: 0 0 12px;
    }

    .services .service-card h4 {
        font-size: 31px;
        line-height: 41px;
        margin-bottom: 20px;
    }

    .services .service-card p {
        font-size: 21px;
        margin-bottom: 27px;
        padding-right: 50px;
    }


    .services .service-card .img {
        padding: 0 21px 5px;
    }

    .services .service-card a {
        padding: 10px 12px;
        font-size: 12px;
        border-radius: 5px;
        margin: 11px 5px;
    }

    .services .service-card {
        padding: 24px 19px 10px !important;
        margin-bottom: 12px;
        border-radius: 10.5px;
    }

    .service-card-small {
        padding: 64px 19px 10px !important;
        margin-bottom: 12px;
        border-radius: 10.5px;
    }

    .service-card-small h5 {
        font-size: 20px;
    }

    /*  */
    .services .service-card {
        width: 100%;
        height: 597px;
        margin-bottom: 22px !important;
    }

    .database-card {
        min-height: 24vh;
        width: 100%;
    }

    /*  */
    .service-card-small {
        width: 100%;
        height: 253px;
        margin-bottom: 20px !important;
    }

    .service-card-main {
        width: 100%;
        height: 250px;
        margin-bottom: 20px !important;
    }

    .servce-cards-left .service-card {
        padding: 11px 11px 10px !important;
        height: 200px;
    }

    .servce-cards-left .service-card h5 {
        font-size: 21px;
    }

    /*  */
    .why-choose {
        padding: 60px 0;
    }

    .choose-head {
        margin-bottom: 40px;
    }

    .choose-head h2 {
        margin-bottom: 20px;
    }

    .choose-head p::before {
        display: none;
    }

    .choose-head p {
        font-size: 16px;
        padding: 2px;
        line-height: 30px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 4px;
        gap: 4px;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .why-choose .choose-left .choose-box .icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        font-size: 16px;
        border-radius: 7px;
        padding: 7px;
    }

    .why-choose .processing-bars .progress {
        border-radius: 20px;
        padding: 2px 5px;
        height: 11px;
        width: 200px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 20px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .processing-bars {
        gap: 10px;
        padding-left: 5px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 10px;
        font-size: 17px;
    }

    /*  */
    .tools {
        padding: 60px 0;
    }

    .tool-box {
        padding: 20px 12px;
        border-radius: 11px;
        margin-right: 10px;
    }

    .tool-box h4 {
        font-size: 18px;
        margin-bottom: 10.3px;
    }


    .tool-box ul li {
        width: 71px;
        height: 71px;
        padding: 4px;
        border-radius: 10px;
    }

    .tool-box ul {
        gap: 30px;
    }

    .next {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;

    }

    .previous {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 40px;
    }

    /*  */

    .Customers {
        padding: 60px 0;
    }

    .Customers .heading {
        margin-bottom: 31px
    }

    .Customers .client-box {
        margin: 5px 0 10px 20px;
        padding: 20px 35px;
        border-radius: 11px;
    }

    .Customers .client-box .head .details .name .img img {
        width: 100%;
    }

    .Customers .client-box .head .details .name .text h6 {
        font-size: 16px;
    }

    .Customers .client-box .head .details .name .text img {
        width: 60px;
    }

    .Customers .client-box .head .details .quote img {
        width: 100%;
    }

    .Customers .client-box .review p {
        font-size: 16px;
        line-height: 26px;
        text-align: start;
    }

    .Customers .client-box .head .details {
        gap: 14px;
    }


    .Customers .client-box .head .details .name .text {
        margin-left: 10px;
    }

    /*  */
    .footer {
        padding: 50px 0;
    }

    .footer .footer-nav h6 {
        font-size: 18px;
    }


    .footer .footer-nav ul li a {
        font-size: 14px;
    }

    .footer .footer-nav ul {
        margin-top: 20px;
        gap: 8px;
    }

    .footer .social-nav .social h6 {
        font-size: 20px;
    }

    .footer .social-nav ul li i {
        margin-right: 5px;
    }



    .footer-sub .copyright .terms ul {
        gap: 10px;
    }

    .footer .social-nav .social ul li a {
        font-size: 18px;
    }

    .footer-sub .copyright .copy p {
        font-size: 18px;
        line-height: 28px;
    }

    .footer-sub .copyright .terms ul li a {
        font-size: 16px;
    }

    .footer-sub {
        padding: 20px 0;
    }

    .footer-sub .copyright {
        text-align: start;
        display: block;
    }

    /* about-us */
    .hybris-banner {
        
        height: 27vh;
    }

    .right-text {
        margin: 0 10px;
    }

    .service-banner {
       
        height: 27vh;
    }

    .service-banner .service-text {
        margin-top: 10px;
    }

    .sub-hedding {
        font-size: 30px;
    }

    .service-banner .service-text .breadcrumb li {
        font-size: 17px;
    }

    .about-section {
        padding: 50px 0;
    }

    .about-section .img {
        padding-right: 30px;
        margin-bottom: 30px;
    }

    .about-section .right-text h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .about-section .right-text p {
        font-size: 16px;
        line-height: 26px;
    }

    .trust {
        padding: 50px 0;
    }

    .trust .left h2 {
        font-size: 31px;
        line-height: 40px;
    }

    .trust .left p {

        font-size: 18px;
        line-height: 28px;
        margin: 20px 0;
    }

    .trust .left .values {
        display: flex;
        gap: 40px;
        margin-top: 30px;
    }

    .trust .left .values .v-one h6 {
        font-size: 25px;
    }

    .trust .left .values .v-one p {
        font-size: 17px;
        line-height: 27px;
        margin: 15px 0;
    }

    .trust .left .values::before {

        width: 560px;
        height: 0px;
        border: 1px dashed #0000007d;
        top: -10.6px;
    }

    .trust .left .persentages {
        display: flex;
    }

    .trust .left .persentages .project p {
        font-size: 19px;
        margin-bottom: 15px;
    }

    .trust .left .persentages .project h6 {
        font-size: 30px;
    }

    .trust .images {
        padding-left: 30px;
        margin-top: 20px;
    }

    .trust .right .box h6 {
        padding: 11px 0;
        font-size: 15px;
    }

    .trust .right .box {
        margin-bottom: 20px;
    }

    .why-capo .heading {
        margin-bottom: 30px;
    }

    .why-capo .box {
        padding: 25px;
        margin: 0 10px 20px;
        height: 21.5vh;
        min-height: 21vh;
    }

    .why-capo .box .head {
        gap: 11px;
    }

    .why-capo .box .head img {
        width: 41px;
    }

    .why-capo .box .head h5 {
        font-size: 18px;
        line-height: 28px;
    }

    .why-capo .box ul {
        padding-left: 11px;
        margin-top: 20px;
    }

    .why-capo .box ul li {
        font-size: 16px;
        line-height: 26px;
    }

    .why-capo .box ul li::marker {
        font-size: 15px;
    }

    /* core capabilities */
    .who-we-are-banner {
      
        height: 27vh;
    }

    .accordion-header {
        margin-bottom: 0;
        line-height: initial;
    }

    .solutions-one h2 {
        margin-bottom: 10px;
        font-size: 31px;
    }

    .solutions-one p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .solutions-two h2 {
        margin-bottom: 11px;
        font-size: 31px;
    }

    .solutions-two p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .hybris-services {
        padding: 50px 0;
    }

    .hybris-services .left-text h6 {
        font-size: 25px;
        margin: 20px 0 15px;
    }

    .hybris-services .left-text p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .hybris-services .left-text ul::before {
        width: 300px;
        height: 0vw;
        border: 0.1px dashed;
        top: 4px;
    }

    .hybris-services .left-text ul li i {
        margin-right: 10px;
        font-size: 16px;
    }

    .hybris-services .left-text ul li {
        font-size: 17px;
    }

    .hybris-services .left-text ul {
        display: grid;
        gap: 5px;
        padding-top: 21px;
    }

    .hybris-two .img img {
        margin-top: 25px;
    }

    .hybris-one .img img {
        margin-top: 25px;
    }

    .hybris-center-banner {
       
        height: 27vh;
    }

    .techonolagys .choose-head h2 {
        font-size: 30px;
    }

    .techonolagys .tool-box {
        margin-bottom: 20px;
    }

    /*  */
    .services .head h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .services .head p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 26px;
    }

    .services .left-text ul {
        gap: 16px;
    }

    .services .left-text ul li {
        font-size: 16px;
        line-height: 26px;
    }


    .services .left-text ul li i {
        margin-right: 10px;
    }

    .services .img img {
        margin-top: 20px;
    }

    .service-two .img img {
        margin-bottom: 20px;
    }

    /*  */
    .case-one {
        padding: 50px 0;
    }

    .case-one .head h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .case-one .head p {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .case-one .tab-part h3 {
        font-size: 20px;
    }

    .case-one .tabs {
        margin-top: 20px;
    }

    .case-one .tabs .nav-pills {
     
        margin-bottom: 30.5px !important;
    }

    .case-one .tabs .nav-pills .nav-link {
        padding: 11px 18px;
        font-size: 16px;
        border-radius: 50px;
        gap: 5px;
    }



    .case-one .tabs .nav-pills .nav-link img {
        width: 60px;
    }

    .case-one .tabs .tab-content .content p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }

    .case-one .tabs .tab-content .content img {
        margin: 10PX;
        padding-right: 13px;
    }

    /* CAREERS */
    .positition {
        padding: 60px 0;
    }

    .positition .tittle h2 {
        margin-bottom: 11px;
        font-size: 30px;
    }

    .positition .tittle p {
        font-size: 16px;
        line-height: 26px;
    }

    /* contact us */
    .contact-banner {
       
        height: 27vh !important;
    }

    .get-in-touch h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .get-in-touch .addres-info .map iframe {
        height: 170px;
    }

    .get-in-touch .addres-info-card {
        padding: 20px;
        border-bottom: 6px solid #ff462d;
    }

    .get-in-touch .addres-info-card ul li {
        margin-bottom: 12px;
    }

    .get-in-touch .addres-info-card ul li .icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        margin-right: 20px;
        font-size: 20px;

    }

    .get-in-touch .addres-info-card ul li .text span {
        font-size: 18px;
        margin-bottom: 5px;

    }

    .get-in-touch .addres-info-card ul li .text h6 {
        font-size: 15px;
    }

    .get-in-touch .contact-form h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .get-in-touch .contact-form {
        padding: 21px 21px 30px;
        height: 100%;
    }

    .get-in-touch .contact-form label {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .get-in-touch .contact-form input {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 15px;
    }

    .get-in-touch .contact-form input,
    .get-in-touch .contact-form textarea {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 16px 20px;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .get-in-touch .addres-info {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .get-in-touch .addres-info-card ul li .text {
        text-align: left;
    }

    .get-in-touch .addres-info-card ul {
        gap: 15px;
    }

    .get-in-touch .contact-form .btn {
        padding: 10px 30px;
        font-size: 16px;
        border-radius: 6px;
        margin-top: 20px;
    }

    .location-card {
        padding: 60px 25px 20px;
        height: 405px;
        border-radius: 10px;
        margin-top: 20px;
        width: 100%;
    }

    .location-card ul li {
        font-size: 16px;
        margin-bottom: 11px !important;
        line-height: 25px;

    }

    .location-card ul li i {
        margin-right: 8px;
        font-size: 16px;
    }

    .location-card h4 {
        font-size: 25px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .positition {
        padding: 40px 15px;
    }

    .positition .tittle h2 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .positition .tittle p {
        font-size: 20px;
        line-height: 29px;

    }

    .positition .tittle {
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 16px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text {
        display: inline;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text p {
        font-size: 20px;
        line-height: 30px !important;
    }

    .job-name {
        width: 70%;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content {
        margin-left: 25px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button {
        padding: 20px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        width: 35px;
        height: 35px;
        border-radius: 30px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        font-size: 30px;
        line-height: 33px;
    }

    .positition .accordion .accordion-item {
        border-radius: 20px;
        margin-bottom: 20px;
        border: 0.2vw solid #0c090c !important;
    }

    .positition .accordion .accordion-item .accordion-body {
        padding: 15px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-body p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;

    }

    .positition .accordion .accordion-item .accordion-body h6 {
        font-size: 20px;
    }

    .positition .accordion .accordion-item .accordion-body ul li {
        font-size: 18px;
        line-height: 28px;
    }

    .positition .accordion .accordion-item .accordion-body ul {
        padding-left: 15px;
        margin-bottom: 30px;
    }

    .positition .accordion .accordion-item .accordion-body h6 {
        margin: 10px 0;
    }

    .positition .accordion .accordion-item .accordion-body .form-part h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-label {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-control {
        font-size: 16px;
        padding: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .btn {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 6px;
    }
}

@media(min-width:992px) and (max-width:1199.98px) {
    .menu .navbar-nav .nav-link {
        font-size: 15px;
        padding: 9px 4px;
    }

    .trust .left {
        padding-left: 0 !important;
    }

    .menu .navbar-nav .nav-item {
        margin: 0 3px;
    }

    .menu .navbar-nav .nav-link.btn {
        padding: 9px 5px;
    }

    .hero-header .hero-text h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .hero-header .hero-text h1 span {
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
        font-size: 30px;
        line-height: 40px;
        top: 4px;
        margin: 0 5px;
    }

    .hero-header .hero-text h6 {
        font-size: 18px;
        margin: 20px 0;
        line-height: 28px;
    }

    .hero-header .hero-text .hero-buttons a {
        font-size: 15px;
        padding: 11px 10px;
        border-radius: 5px;
    }

    .about-us .text p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .about-us .text a {
        width: max-content;
        margin-top: 20px;
        font-size: 15px;
        padding: 10px;
        border-radius: 5px;
    }

    .heading {
        font-size: 40px;
        line-height: 100%;
    }

    .solutions .text h6 {
        font-size: 17px;
        margin: 20px 0 25px;
        line-height: 28px;
    }

    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 20px;
        font-size: 18px;
    }

    .solutions .accordion-body {
        padding: 0 20px 11px 51px;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .services .service-card h6 {
        font-size: 16px;
        margin: 0 0 11px;
    }

    .services .service-card p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 20px;
        padding-right: 50px;
    }

    .service-card-small h5 {
        font-size: 15px;
    }

    .service-card-small {
        padding: 20px 11px 10px !important;
        border-radius: 10px;
        height: 170px;
    }

    .services .service-card h4 {

        font-size: 30px;
        margin-bottom: 20px;
        line-height: 40px;
    }

    .choose-head h2 {
        margin-bottom: 11px
    }

    .choose-head p {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
        padding: 0 70px 0 50px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 20px;
        font-size: 15px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 18px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 11px 10px 10px;
        border-radius: 10px;
        gap: 10px;
        margin-bottom: 15px;
    }

    .tool-box {
        padding: 25px;
        border-radius: 10px;
        margin-right: 10px;
    }

    .tool-box h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tool-box ul li {

        width: 60px;
        height: 60px;
        border-radius: 10px;
        padding: 5px;
    }

    .tool-box ul {
        gap: 20px;
    }

    .tools .Tools-slick {
        margin-top: 21px;
    }

    .next {
        font-size: 15px;
        bottom: -40px;
        width: 30px;
        height: 30px;
    }

    .previous {
        font-size: 15px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 50px;
    }

    .footer .footer-nav h6 {
        font-size: 16px;
        margin: 0;
    }

    .footer .footer-nav ul li a {

        font-size: 13px;
    }

    .footer .social-nav .social ul li {
        border-radius: 40px;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
        padding: 4px;
    }

    .about-us {
        padding: 50px 0;
    }

    .about-us img {
        margin-bottom: 25px;
        padding-left: 12px;
    }

    .about-us .text {
        padding-left: 11px;
    }

    .about-us .text h2 {
        margin: 0 0 20px;
    }

    .heading {
        font-size: 38px;
        line-height: 40px;
    }

    .about-us .text p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }



    .about-us .text a {
        padding: 10px;
        font-size: 15px;
    }

    .about-us .text a i {
        margin-left: 20px;
    }

    /*  */
    .solutions {
        padding: 50px 0;
    }

    .solutions .text h2 {
        font-size: 40px;
    }

    .solutions .text h6 {
        font-size: 18px;
        line-height: 30px;
        margin: 18px 0 22px;
    }


    .solutions .accordion .accordion-item .accordion-button span img {
        width: 35px;
    }

    .solutions .accordion .accordion-item .accordion-button span {
        width: 37px;
        height: 37px;
        border-radius: 10px;
    }

    .solutions .accordion-item {
        margin: 0 0 15px;
        border-radius: 15px !important;
    }

    .solutions .accordion .accordion-button:not(.collapsed) {
        font-size: 17px;
        padding: 10px 20px;
    }

    .solutions .accordion-body {
        padding: 10px 20px;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 26px;
    }

 

    .solutions .accordion .accordion-item .accordion-button {
        padding: 10px 15px;
        font-size: 18px;
    }

    .accordion-button::after {
        width: 25px;
        height: 25px;
    }

    /*  */
    .services {
        padding: 50px 0;
    }

    .services .heading {
        margin-bottom: 40px;
    }

    .services .service-card h6 {
        font-size: 21px;
        margin: 0 0 12px;
    }

    .services .service-card h4 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .services .service-card p {
        font-size: 16px;
        margin-bottom: 88px;
        padding-right: 50px;
    }


    .services .service-card .img {
        padding: 0 21px 5px;
    }

    .services .service-card a {
        padding: 10px 12px;
        font-size: 12px;
        border-radius: 5px;
        margin: 11px 5px;
    }

    .services .service-card {
        padding: 52px 19px 159px !important;
        margin-bottom: 12px;
        border-radius: 10.5px;
    }

    .service-card-small h5 {
        font-size: 20px;
    }

    .service-card-small {
        width: 100%;
        height: 213px;
        margin-bottom: 20px !important;
    }

    .service-card-main {
        width: 100%;
        height: 150px;
        margin-bottom: 20px !important;
    }

    .servce-cards-left .service-card {
        padding: 11px 11px 10px !important;
        height: 200px;
    }

    .servce-cards-left .service-card h5 {
        font-size: 21px;
    }

    /*  */
    .why-choose {
        padding: 60px 0;
    }

    .choose-head {
        margin-bottom: 40px;
    }

    .choose-head h2 {
        margin-bottom: 20px;
    }

    .choose-head p::before {
        display: none;
    }

    .choose-head p {
        font-size: 18px;
        padding: 2px;
        line-height: 28px;
    }

    .why-choose .choose-left .choose-box {
        padding: 10px 4px;
        gap: 4px;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .why-choose .choose-left .choose-box .icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        font-size: 16px;
        border-radius: 7px;
        padding: 7px;
    }

    .why-choose .processing-bars .progress {
        border-radius: 20px;
        padding: 2px 5px;
        height: 11px;
        width: 200px;
    }

    .why-choose .choose-left .choose-box .text h6 {
        font-size: 20px;
    }

    .why-choose .choose-left .choose-box .text h3 {
        font-size: 18px;
    }

    .why-choose .processing-bars {
        gap: 10px;
        padding-left: 5px;
    }

    .why-choose .processing-bars .processing h6 {
        margin-left: 10px;
        font-size: 17px;
    }

    /*  */
    .tools {
        padding: 60px 0;
    }

    .tool-box {
        padding: 24;
        border-radius: 11px;
        margin-right: 10px;
    }

    .tool-box h4 {
        font-size: 18px;
        margin-bottom: 10.3px;
    }


    .tool-box ul li {
        width: 71px;
        height: 71px;
        padding: 4px;
        border-radius: 10px;
    }

    .tool-box ul {
        gap: 30px;
    }

    .next {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;

    }

    .previous {
        font-size: 21px;
        bottom: -40px;
        width: 30px;
        height: 30px;
        left: 40px;
    }

    /*  */

    .Customers {
        padding: 60px 0;
    }

    .Customers .heading {
        margin-bottom: 31px
    }

    .Customers .client-box {
        margin: 5px 0 10px 15px;
        padding: 20px;
        border-radius: 11px;

    }

    .Customers .client-box .head .details .name .img img {
        width: 100%;
    }

    .Customers .client-box .head .details .name .text h6 {
        font-size: 16px;
    }

    .Customers .client-box .head .details .name .text img {
        width: 60px;
    }

    .Customers .client-box .head .details .quote img {
        width: 100%;
    }

    .Customers .client-box .review p {
        font-size: 14px;
        line-height: 24px;
        text-align: start;
    }

    .Customers .client-box .head .details {
        gap: 7px;
    }


    .Customers .client-box .head .details .name .text {
        margin-left: 10px;
    }

    /*  */
    .footer {
        padding: 50px 0;
    }

    .footer .footer-nav h6 {
        font-size: 20px;
    }


    .footer .footer-nav ul li a {
        font-size: 17px;
    }

    .footer .footer-nav ul {
        margin-top: 20px;
        gap: 8px;
    }

    .footer .social-nav .social h6 {
        font-size: 20px;
    }

    .footer .social-nav ul li i {
        margin-right: 5px;
    }

 

    .footer-sub .copyright .terms ul {
        gap: 10px;
    }

    .footer .social-nav .social ul li a {
        font-size: 18px;
    }

    .footer-sub .copyright .copy p {
        font-size: 18px;
        line-height: 28px;
    }

    .footer-sub .copyright .terms ul li a {
        font-size: 16px;
    }

    .footer-sub {
        padding: 20px 0;
    }

    .footer-sub .copyright {
        text-align: start;
        display: block;
    }

    /* about-us */
    .hybris-banner {
      
        height: 27vh;
    }

    .right-text {
        margin: 0 10px;
    }

    .service-banner {
       
        height: 27vh;
    }

    .service-banner .service-text {
        margin-top: 10px;
    }

    .sub-hedding {
        font-size: 30px;
    }

    .service-banner .service-text .breadcrumb li {
        font-size: 17px;
    }

    .about-section {
        padding: 50px 0;
    }

    .about-section .img {
        padding-right: 30px;
        margin-bottom: 30px;
    }

    .about-section .right-text h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .about-section .right-text p {
        font-size: 16px;
        line-height: 26px;
    }

    .trust {
        padding: 50px 0;
    }

    .trust .left h2 {
        font-size: 31px;
        line-height: 40px;
    }

    .trust .left p {

        font-size: 18px;
        line-height: 28px;
        margin: 20px 0;
    }

    .trust .left .values {
        display: flex;
        gap: 40px;
        margin-top: 30px;
    }

    .trust .left .values .v-one h6 {
        font-size: 25px;
    }

    .trust .left .values .v-one p {
        font-size: 17px;
        line-height: 27px;
        margin: 15px 0;
    }

    .trust .left .values::before {

        width: 420px;
        height: 0px;
        border: 1px dashed #0000007d;
        top: -10.6px;
    }

    .trust .left .persentages {
        display: flex;
    }

    .trust .left .persentages .project p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .trust .left .persentages .project h6 {
        font-size: 30px;
    }

    .trust .images {
        padding-left: 30px;
        margin-top: 20px;
    }

    .trust .right .box h6 {
        padding: 11px 0;
        font-size: 15px;
    }

    .trust .right .box {
        margin-bottom: 20px;
    }

    .why-capo .heading {
        margin-bottom: 30px;
    }

    .why-capo .box {
        padding: 25px;
        margin: 0 10px 20px;
        height: 21.5vh;
        min-height: 21vh;
    }

    .why-capo .box .head {
        gap: 11px;
    }

    .why-capo .box .head img {
        width: 41px;
    }

    .why-capo .box .head h5 {
        font-size: 18px;
        line-height: 28px;
    }

    .why-capo .box ul {
        padding-left: 11px;
        margin-top: 20px;
    }

    .why-capo .box ul li {
        font-size: 16px;
        line-height: 26px;
    }

    .why-capo .box ul li::marker {
        font-size: 15px;
    }

    /* core capabilities */
    .who-we-are-banner {
       
        height: 27vh;
    }

    .accordion-header {
        margin-bottom: 0;
        line-height: initial;
    }

    .solutions-one h2 {
        margin-bottom: 10px;
        font-size: 31px;
    }

    .solutions-one p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .solutions-two h2 {
        margin-bottom: 11px;
        font-size: 31px;
    }

    .solutions-two p {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px;
    }

    .hybris-services {
        padding: 50px 0;
    }

    .hybris-services .left-text h6 {
        font-size: 25px;
        margin: 20px 0 15px;
    }

    .hybris-services .left-text p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .hybris-services .left-text ul::before {
        width: 300px;
        height: 0vw;
        border: 0.1px dashed;
        top: 4px;
    }

    .hybris-services .left-text ul li i {
        margin-right: 10px;
        font-size: 16px;
    }

    .hybris-services .left-text ul li {
        font-size: 17px;
    }

    .hybris-services .left-text ul {
        display: grid;
        gap: 5px;
        padding-top: 21px;
    }

    .hybris-two .img img {
        margin-top: 25px;
    }

    .hybris-one .img img {
        margin-top: 25px;
    }

    .hybris-center-banner {
      
        height: 27vh;
    }

    .techonolagys .choose-head h2 {
        font-size: 30px;
    }

    .techonolagys .tool-box {
        margin-bottom: 20px;
    }

    .database-card {
        min-height: 21vh;
        width: 100%;
    }

    /*  */
    .services .head h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .services .head p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 26px;
    }

    .services .left-text ul {
        gap: 16px;
    }

    .services .left-text ul li {
        font-size: 16px;
        line-height: 26px;
    }


    .services .left-text ul li i {
        margin-right: 10px;
    }

    .services .img img {
        margin-top: 20px;
    }

    .service-two .img img {
        margin-bottom: 20px;
    }

    /*  */
    .case-one {
        padding: 50px 0;
    }

    .case-one .head h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .case-one .head p {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .case-one .tab-part h3 {
        font-size: 20px;
    }

    .case-one .tabs {
        margin-top: 20px;
    }

    .case-one .tabs .nav-pills {
      
        margin-bottom: 30.5px !important;
    }

    .case-one .tabs .nav-pills .nav-link {
        padding: 11px 18px;
        font-size: 16px;
        border-radius: 50px;
        gap: 5px;
    }



    .case-one .tabs .nav-pills .nav-link img {
        width: 60px;
    }

    .case-one .tabs .tab-content .content p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }

    .case-one .tabs .tab-content .content img {
        margin: 10PX;
        padding-right: 13px;
    }

    /* CAREERS */
    .positition {
        padding: 60px 0;
    }

    .positition .tittle h2 {
        margin-bottom: 11px;
        font-size: 30px;
    }

    .positition .tittle p {
        font-size: 16px;
        line-height: 26px;
    }

    /* contact us */
    .contact-banner {
      
        height: 27vh !important;
    }

    .get-in-touch h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .get-in-touch .addres-info .map iframe {
        height: 170px;
    }

    .get-in-touch .addres-info-card {
        padding: 20px;
        border-bottom: 6px solid #ff462d;
    }

    .get-in-touch .addres-info-card ul li {
        margin-bottom: 12px;
    }

    .get-in-touch .addres-info-card ul li .icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        margin-right: 20px;
        font-size: 20px;

    }

    .get-in-touch .addres-info-card ul li .text span {
        font-size: 18px;
        margin-bottom: 5px;

    }

    .get-in-touch .addres-info-card ul li .text h6 {
        font-size: 15px;
    }

    .get-in-touch .contact-form h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .get-in-touch .contact-form {
        padding: 21px 21px 30px;
        height: 100%;
    }

    .get-in-touch .contact-form label {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .get-in-touch .contact-form input {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 15px;
    }

    .get-in-touch .contact-form input,
    .get-in-touch .contact-form textarea {
        border: 2px solid #dfe0e0;
        border-radius: 5px;
        padding: 16px 20px;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .get-in-touch .addres-info {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .get-in-touch .addres-info-card ul li .text {
        text-align: left;
    }

    .get-in-touch .addres-info-card ul {
        gap: 15px;
    }

    .get-in-touch .contact-form .btn {
        padding: 10px 30px;
        font-size: 16px;
        border-radius: 6px;
        margin-top: 20px;
    }

    .location-card {
        padding: 60px 25px 20px;
        height: 405px;
        border-radius: 10px;
        margin-top: 20px;
        width: 100%;
    }

    .location-card ul li {
        font-size: 16px;
        margin-bottom: 11px !important;
        line-height: 25px;

    }

    .location-card ul li i {
        margin-right: 8px;
        font-size: 16px;
    }

    .location-card h4 {
        font-size: 25px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .positition {
        padding: 40px 15px;
    }

    .positition .tittle h2 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .positition .tittle p {
        font-size: 20px;
        line-height: 29px;

    }

    .positition .tittle {
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 16px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text {
        display: inline;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text p {
        font-size: 20px;
        line-height: 30px !important;
    }

    .job-name {
        width: 70%;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content {
        margin-left: 42px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button {
        padding: 20px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        width: 35px;
        height: 35px;
        border-radius: 30px;
    }

    .positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon {
        font-size: 30px;
        line-height: 33px;
    }

    .positition .accordion .accordion-item {
        border-radius: 20px;
        margin-bottom: 20px;
        border: 0.2vw solid #0c090c !important;
    }

    .positition .accordion .accordion-item .accordion-body {
        padding: 15px;
        border-radius: 20px;
    }

    .positition .accordion .accordion-item .accordion-body p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;

    }

    .positition .accordion .accordion-item .accordion-body h6 {
        font-size: 20px;
    }

    .positition .accordion .accordion-item .accordion-body ul li {
        font-size: 18px;
        line-height: 28px;
    }

    .positition .accordion .accordion-item .accordion-body ul {
        padding-left: 15px;
        margin-bottom: 30px;
    }

    .positition .accordion .accordion-item .accordion-body h6 {
        margin: 10px 0;
    }

    .positition .accordion .accordion-item .accordion-body .form-part h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-label {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .form-control {
        font-size: 16px;
        padding: 10px;
    }

    .positition .accordion .accordion-item .accordion-body .form-part .btn {
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 6px;
    }
    .industry-services .service-card{
      
        padding: 10px 15px !important;
        min-height: 603px!important;
    }
    .health-backk{
        width: 60px !important;
        height: 60px !important;
    }
    .industry-services .service-card img{
        width: 42px !important;
    }
    .industry-services .service-card h6{
        font-size: 24px !important;
    }
    .industry-services .service-card p{
        font-size: 18px !important;
        line-height: inherit !important;
    }
}

.industry-services {
    padding: 5vw 0 7vw;
    background: linear-gradient(90deg, #fbf4e8, #c5c1ef);
}
.industry-services .service-card{
    background-color: white;
     padding: 2vw;
     border-radius: 1vw;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     min-height: 60vh;
     margin-top: 2vw;
     display: block;
     text-decoration: none;
     cursor: default;
     position: relative;
     
  }
 
  .industry-services .service-card img{
  
    width: 2.5vw;
    
  }
  .industry-services .service-card h6{
    font-family: 'euclid_circular_asemibold';
     color: #06293e;
     font-size: 1.2vw;
     padding-right: 4vw;
     margin-bottom: 1.2vw;
  }
  .industry-services .service-card p{
    font-family: 'euclid_circular_alight';
    color: #404046;
     font-size: 1vw;
     font-weight: 300;
     line-height: 1.6vw;
  }
  .industry-services .service-card a{
     color: #06293e;
     text-decoration: none;
     font-family: "Gotham Medium";
     font-size: 1.1vw;
  
  }
  .industry-services .service-card a i{
     color: #483e8d;
     font-size: 1.2vw;
     position: relative;
     bottom: -0.2vw;
     margin-left: 0.6vw;
  }
  .industry-services .service-card a i::before{
     font-weight: 600 !important;
  }
  .industry-services .boxs{
     position: absolute;
     right: 4vw;
     bottom: 3vw;
  }
  .industry-services .boxs img{
     width: 4vw;
  }
  .health-backk {
    background-color: #fcf5de;
    width: 3.7vw;
    height: 3.7vw;
    margin-bottom: 1vw;
    border-radius: 4.5vw;
    margin-right: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .health-backk2 {
    background-color: #e7f2ff;
  }
  .health-backk3 {
    background-color: #fff6f7;
  }
  .health-backk4 {
    background-color: #fff6f7;
  }
  .health-backk5 {
    background-color: #ffeffe;
  }
  .industry-services .service-card:hover {
    border:0.1vw solid #ef350e;
  }
  .industry-services .service-card:hover h6{
    color: #ef350e;
  }
  .service-card-small .service-footer .btn2 {
    background: none;
    color: #fff;
}
.footer .footer-nav a  {
    text-decoration: none;
    color: #000;
}

.partnerships {
    padding: 2vw 0;
   
}
.partner-img1 img{
  width: 100%;
}
@media (min-width:1800px) {
    .industry-services .service-card{
        min-height: 65.5vh;
    }
}
@media(max-width:1366px) {
    .industry-services .service-card{
        min-height: 70.5vh;
    }
}