body {
        background-color: #161616;
    }

    html {
        /* scrollbar-width: none; */
        /* scrollbar-width:auto; */
        /* scrollbar-color: #e5403e; */
        /* scrollbar-color: transparent; */
    }

    /* home-video-section start */

    .home-video-section {
        position: relative;
        height: 100vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: white;
        overflow: hidden;
    }

    .video-bg {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        /* filter: brightness(0.5); */
    }

    .brick {
        width: 125px;
        height: 125px;
        position: absolute;
        position: relative;
        border-radius: 20px;
        overflow: hidden;
    }

    .brick img {
        position: relative;
        top: -26px;
        left: -50px;
        width: 180%;
        height: 140%;
        object-fit: cover;
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }

    .brick img.hovered {
        opacity: 1;
        transition: opacity 0.1s ease-in-out;
        z-index: 1;
    }

    .hero-text {
        margin-top: 8rem;
    }

    .hero-text h1 {
        font-size: 140px;
        text-align: left;
        color: rgba(255, 255, 255, 0.95);
        font-weight: 400;
        text-transform: uppercase;
        max-width: 65%;
        line-height: 1;
    }

    .hero-text p {
        font-size: 20px;
        text-align: left;
        color: #fff;
        font-weight: 300;
        width: 61%;
        text-transform: capitalize;
        line-height: 1.5;
    }

    /* home-video-section end */

    /* about-section start */

    .about-section {
        background-color: #161616;
        padding: 70px 0px 90px 0;
    }

    .about-bottom-content {
        display: flex;
        flex-direction: column;
        gap: 70px;
    }

    .about-title {
        font-size: 48.2px;
        color: #fff;
        line-height: 1;
        text-align: center;
        font-weight: 200;
        margin-bottom: 24px;
    }

    .about-content h3 {
        font-size: 60px;
        text-align: center;
        color: #fff;
        font-weight: 300;
    }

    .about-content p {
        font-size: 18px;
        text-align: center;
        color: #fff;
        line-height: 1.5;
        font-weight: 100;
    }

    .about-sub-title {
        font-size: 18px;
        line-height: 1.5;
        text-align: center;
        color: rgba(255, 255, 255, 0.8);
        margin: 0 auto;
        width: 60%;
        /* padding-top: 24px; */
        font-weight: 100;
    }

    .banner-bottom-arrow {
        width: 30px;
        height: 30px;
        cursor: pointer;
        animation: bounce 1s infinite alternate;
        transition: transform 0.3s ease;
        position: absolute;
        bottom: 5%;
        left: 50%;
        z-index: 50;
    }

    .banner-bottom-arrow:hover {
        animation-play-state: paused;
    }

    @keyframes bounce {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(20px);
        }
    }

    .banner-bottom-arrow.active {
        transform: rotate(180deg);
    }

    /* about-section end */

    /* what-we-do-section start */

    .what-we-do-section {
        height: auto;
        padding: 70px 0;
        background-image: url('../img/home/what-we-img.webp');
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 40% 100%;
        background-color: #f5f5f5;
    }

    .what-we-do-title {
        font-size: 48.2px;
        color: #161616;
        line-height: 1.25;
        margin-bottom: 40px;
        text-align: center;
        margin-left: 8rem;
        font-weight: 200;
    }

    .value-card {
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        padding: 20px 25px;
        /* height: 470px; */
        box-shadow: 4px 4px 11.2px 0 rgba(0, 0, 0, 0.05);
        background-color: #232323;
        /* min-height: 430px !important; */
    }

    .value-icon img {
        width: 50px;
        height: 50px;
        object-fit: contain;
        margin-bottom: 32px;
    }

    .value-title {
        font-size: 24px;
        line-height: 1;
        text-align: left;
        color: #fff;
        margin-bottom: 20px;
        font-weight: 200;
        min-height: 48px;
        max-width: 65%;
    }

    .value-text {
        font-size: 16px;
        line-height: 1.51;
        text-align: left;
        color: rgba(255, 255, 255, 0.6);
        font-weight: 100;
        min-height: 290px;
    }

    .value-card .value-hover-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        transition: all 0.4s ease;
        transform: translateY(40px);
        text-align: center;
        cursor: pointer;
    }

    .value-card .value-hover-overlay img {
        width: auto;
        height: 100%;
        object-fit: cover;
    }

    .value-card:hover .value-hover-overlay {
        transform: translateY(0);
    }

    .swiper-slide {}

    /* what-we-do-section end */

    /* axisma_home_page_founder-section start */

    .axisma_home_page_founder-section {
        padding: 70px 0 0 0;
        overflow: hidden;
    }

    .axisma_home_page_founder_div {
        position: relative;
        height: 440px;
        display: flex;
        align-items: center;
    }

    .axisma_home_page_founder-img {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #232323;
        width: 100%;
        height: 100%;
        transition: all 2s ease-in-out;
        z-index: 1;
        background-size: 40%;
        background-position: 100%;
        background-repeat: no-repeat;
        clip-path: inset(0% 0% 0% 0%);
        transition: clip-path 2s ease;
    }

    .axisma_home_page_founder-section.active .axisma_home_page_founder-img {
        clip-path: inset(0% 0% 0% 59%);
    }

    .axisma_home_page_founder-text {
        z-index: 2;
        position: relative;
        height: 100%;
        margin: auto;
        padding-left: 50px;
        clip-path: inset(0% 0% 100% 0%);
        transition: clip-path 4s ease;
        max-width: 89%;
    }

    .axisma_home_page_founder-section.active .axisma_home_page_founder-text {
        clip-path: inset(0% 0% 0% 0%);
    }

    .axisma_home_page_founder-title {
        font-size: 48px;
        font-weight: 200;
        line-height: 1.25;
        text-align: left;
        color: #fff;
        margin-bottom: 35px;
    }

    .axisma_home_page_founder-para {
        font-size: 18px !important;
        font-weight: 100 !important;
        line-height: 1.5 !important;
        ;
        text-align: left !important;
        color: rgba(255, 255, 255, 0.8) !important;
        position: relative;
        margin: 0;
    }

    .axisma_home_page_founder-para::before {
        content: '';
        position: absolute;
        top: -15px;
        left: -50px;
        display: inline-block;
        width: 45px;
        height: 45px;
        background-image: url('../img/home/foundersec_quts.webp');
        background-size: contain;
        background-repeat: no-repeat;
    }

    .axisma_home_page_founder-name {
        font-size: 20px;
        font-weight: 200;
        line-height: 1;
        text-align: left;
        color: #fff;
        margin-top: 20px;
        margin-bottom: 5px;
    }

    .axisma_home_page_founder-designation {
        font-size: 16px;
        font-weight: 100;
        line-height: 1.88;
        text-align: left;
        color: rgba(255, 255, 255, 0.8);
        position: relative;
        min-height: 60px;
        width: fit-content;
        height: 100%;
        margin: 0;

    }

    .axisma_home_page_founder-designation::after {
        content: '';
        position: absolute;
        top: auto;
        bottom: 15px;
        right: -50px;
        display: inline-block;
        width: 45px;
        height: 45px;
        background-image: url('../img/home/foundersec_quts.webp');
        background-size: contain;
        background-repeat: no-repeat;
        transform: rotate(180deg);
    }

    /* axisma_home_page_founder-section end */

    /* how we-diff-section start */

    .how-we-diff-section {
        padding: 70px 0 0 0;
        text-align: center;
        margin: auto;

    }

    .how-we-diff-title {
        font-size: 48.2px;
        color: #fff;
        line-height: 1;
        text-align: center;
        font-weight: 200;
        margin-bottom: 50px;
    }

    .difference-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(530px, 1fr));
        gap: 40px;
    }

    .difference-card {
        padding: 43px 50px;
        min-height: 240px;
        border: solid 1px rgba(255, 255, 255, 0.1);
        background-color: #232323;
        border-radius: 1px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 60px;
    }

    /* 
    .difference-card .icon {
        background-color: #ff4e4e;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: all 0.3s ease;
    }

    .difference-card .icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    } */

    .difference-card .icon {
        background-color: #ff4e4e;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .difference-card .icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


    /* Animation keyframes */
    @keyframes hoverBounce {
        0% {
            transform: translateY(0) scale(1);
        }

        33% {
            transform: translateY(-25px) scale(1.4);
        }

        66% {
            transform: translateY(-20px) scale(1.2);
        }

        100% {
            transform: translateY(-23px) scale(1.3);
        }
    }

    /* Hover triggers animation */
    .difference-card:hover .icon {
        animation: hoverBounce 0.7s forwards;
    }

    .difference-card .icon {
        animation: key-bouncenot 0.7s forwards;
    }

    @keyframes key-bouncenot {
        0% {
            transform: translateY(-23px) scale(1.3);
        }

        33% {
            transform: translateY(0px) scale(1);
        }

        66% {
            transform: translateY(-5px) scale(1.1);
        }

        100% {
            transform: translateY(0) scale(1);
        }
    }

    .difference-card h3 {
        font-size: 32px;
        font-weight: 200;
        line-height: 1.25;
        text-align: left;
        color: #fff;
        margin-bottom: 20px;
    }

    .difference-card p {
        font-size: 16px;
        font-weight: 100;
        line-height: 1.51;
        text-align: left;
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 0px;

    }

    /* How are we different section end*/

    /* our-expert-section start */

    .our-expert-section {
        padding: 70px 0;

    }

    .our-expert-title {
        font-size: 48.2px;
        color: #fff;
        line-height: 1;
        text-align: center;
        font-weight: 200;
        margin-bottom: 24px;
    }

    .section-sub-title {
        font-size: 18px;
        line-height: 1.5;
        text-align: center;
        color: rgba(255, 255, 255, 0.8);
        margin: 0 auto;
        width: 26%;
        font-weight: 100;
    }

    .user-image {
        position: relative;
        overflow: hidden;

    }

    .user-image p {
        position: absolute;
        top: 15px;
        left: 30px;
        font-size: 24px;
        color: white;
        z-index: 2;
        font-weight: 200;
    }

    .image-wrapper-div {
        margin-top: 50px;
        display: flex;
        flex-direction: column;
        gap: 28px;
    }

    .image-wrapper {
        display: flex;
        width: 100%;
        gap: 24px;
    }

    .image-wrapper .user-image img {
        height: 115%;
        width: 100%;
        object-fit: cover;
        transition: all 0.7s ease;
    }

    .image-wrapper .user-image {
        height: 255px;
        width: 21%;
        flex-grow: 1;
        overflow: hidden;
        transition: all 0.7s ease;
    }

    .image-wrapper .user-image:hover {
        width: 58%;
    }

    /* our-expert-section end */


    /* client-logo-section start */

    .client-logo-section {
        background-color: #232323;
        padding: 70px 0px;
    }

    .logo-slider_sec {
        overflow: hidden;
        width: 100%;
        background: #fff;
        padding: 20px 0;
        position: relative;
    }

    .logo_slider-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .logo_slider {
        display: flex;
        align-items: center;
        padding: 20px 0;
        width: 100%;
    }

    .logo_slider-track {
        display: flex;
        align-items: center;
        white-space: nowrap;
        width: max-content;
    }

    .logo_slider-track img {
        height: 70px;
        width: auto;
        object-fit: contain;
        padding: 0 40px;
    }

    .logo-slider .home-btn {
        margin-top: 60px;
    }

    .logo-slider {
        overflow: hidden;
        padding: 50px 0 0 0;
        white-space: nowrap;
        position: relative;
    }

    .logo-slider:hover .logos-slide {
        animation-play-state: paused;
    }

    .logos-slide {
        display: inline-block;
        animation: 15s slide infinite linear;
    }

    .logos-slide img {
        width: 183px;
        height: 83px;
        margin: 0 40px;
    }

    @keyframes slide {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }

    .client-logo-section .home-btn {
        margin-top: 60px;
    }

    /* client-logo-section end */

    /* our-latest-section start */

    .our-latest-section {
        padding: 80px 0px;
    }

    .our-latest-title {
        font-size: 48.2px;
        color: rgb(255, 255, 255);
        line-height: 1;
        text-align: center;
        font-weight: 200;
        margin-bottom: 50px;
    }

    .section-title {
        font-size: 48.2px;
        color: #fff;
        line-height: 1;
        text-align: center;
        font-weight: 200;
        margin-bottom: 0px;
    }

    .card-custom {
        border: none;
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .card-img-container {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .card-img-top {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.7s ease-in-out;
    }

    .card-custom:hover .card-img-top {
        transform: scale(1.2);
    }

    .card-body-custom {
        padding-top: 24px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .card-category {
        color: #aaaaaa;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 0.5rem;
        font-weight: 100;
    }

    .card-title-custom {
        font-size: 24px;
        color: #ffffff;
        margin-bottom: 1rem;
        font-weight: 200;
    }

    .card-date {
        color: #aaaaaa;
        font-size: 0.9rem;
        font-weight: 200;
    }

    .our-latest-section .home-btn {
        margin-top: 40px;
    }

    .home-btn {
        position: relative;
        display: inline-block;
        padding: 10px 35px;
        font-size: 18px;
        color: #000;
        background: #fff;
        border: 1px solid #fff;
        text-decoration: none;
        clip-path: polygon(15px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 15px);
        cursor: pointer;
        transition: background 0.3s, color 0.3s;
        border-radius: 6px;
    }

    .home-btn::before {
        content: "";
        position: absolute;
        top: -2px;
        left: -10px;
        width: 22px;
        height: 22px;
        background-color: white;
        clip-path: polygon(0 0, 100% 0, 0 100%);
        z-index: 1;
    }

    .home-btn span {
        position: relative;
        z-index: 2;
    }

    /* our-latest-section end */

    /*what-we-do-section Swiper tweaks */
    @media (min-width: 768px) {
        .what-we-do-section_container .swiper-wrapper {
            display: flex !important;

        }

        .what-we-do-section_container .swiper-slide {
            width: auto !important;
            flex: 1;
        }

        .what-we-do-section_container .swiper-slide {
            width: 80% !important;
            /* min-height: 370px !important; */
        }

        select.form-control {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            line-height: normal;
            /* Or match height to design */
        }

        select.form-control option,
        select.form-control optgroup {
            padding-top: 0;
            margin-top: 0;
        }
    }