/* CSS styles for the imported LionExa section */

/* Main container for the section, setting the dark theme */
.about-has-image {
    --heading-color: #fff;
    --font-color: #d9d9d9;
    --border-color: #373737;
    --assistant-color: #171717;
    background-color: #111;
    color: var(--font-color);
    font-family: 'Poppins', sans-serif;
    padding: 100px 0;
}

/* Grid layout for the section */
.about-has-image .d-grid {
    display: grid;
    align-items: center;
}

.about-has-image .grid-half-1 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
}

/* Text Box styling */
.about-has-image .box-text {
    padding: 60px 0;
}

.about-has-image .section-title {
    display: flex;
    flex-direction: column;
}

.about-has-image .section-title .sub-heading {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #b3de4f;
    /* LionExa theme color */
    margin-bottom: 10px;
}

.about-has-image .section-title .title {
    font-family: 'Antonio', sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 30px;
}

.about-has-image .box-text p {
    font-size: 15px;
    line-height: 1.8;
    color: var(--font-color);
    margin-bottom: 10px;
}

/* Image Box styling */
.about-has-image .box-img {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding-left: 50px;
}

.about-has-image .box-img .img-inner:first-child {
    grid-column: span 2;
}

.about-has-image .box-img .img-inner {
    position: relative;
    overflow: hidden;
    height: 350px;
}

.about-has-image .has-border-radius {
    border-radius: 10px;
}

.about-has-image .cover-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Button styles to match LionExa */
.about-has-image .dsn-btn-shape {
    position: relative;
    width: max-content;
    /* filter: url(#buttonFilter); This might not be available */
    transition: 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.about-has-image .dsn-btn-shape .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: 0.9s cubic-bezier(0.135, 0.9, 0.15, 1);
    transition-property: transform;
    background-color: var(--assistant-color);
}

.about-has-image .dsn-btn-shape .icon svg {
    fill: var(--heading-color);
    width: 12px;
    height: 12px;
}

.about-has-image .dsn-btn-shape .button {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    height: 40px;
    line-height: 1;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    color: var(--heading-color);
    background-color: var(--assistant-color);
}

.about-has-image .dsn-btn-shape:hover .icon {
    transform: translateX(0.75rem) rotate(45deg);
}

.about-has-image .title-btn {
    color: var(--heading-color);
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .about-has-image .grid-half-1 {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .about-has-image .box-img {
        padding-left: 0;
    }

    .about-has-image {
        padding: 80px 0;
    }
}


/* New DSN Service Section Styles */

.dsn-service {
    background-color: #111;
    color: #d9d9d9;
    font-family: 'Poppins', sans-serif;
}

.dsn-service .section-title .sub-heading {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #b3de4f;
    /* LionExa theme color */
    margin-bottom: 10px;
}

.dsn-service .section-title .title {
    font-family: 'Antonio', sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
}

.dsn-service .d-grid {
    display: grid;
    gap: 30px;
}

.dsn-service .grid-lg-4 {
    grid-template-columns: repeat(4, 1fr);
}

.dsn-service .service-item {
    background-color: #171717;
    border: 1px solid #373737;
    border-radius: 15px;
    padding: 40px;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.dsn-service .service-item:hover {
    transform: translateY(-10px);
    border-color: #b3de4f;
}

.dsn-service .service-item-inner {
    text-align: center;
}

.dsn-service .service-item .icon {
    font-size: 48px;
    color: #b3de4f;
    margin-bottom: 20px;
}

.dsn-service .service-item .title {
    font-family: 'Antonio', sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

.dsn-service .service-item .service-description {
    font-size: 14px;
    color: #d9d9d9;
    line-height: 1.7;
}

.dsn-service .service-item .number {
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: 0.1;
}

.dsn-service .service-item .big-text {
    font-family: 'Antonio', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
}

.custom-btn {
    color: #000;
}

.custom-image-box img {
    width: 100%;
    max-width: 100%;
}


/* Our Clients Section */
.tc-clients-style1 {
    background-color: #fff;
    padding: 100px 0;
}

.tc-clients-style1 .clients-slider .swiper-wrapper {
    transition-timing-function: linear !important;
}

.tc-clients-style1 .clients-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tc-clients-style1 .clients-slider .img {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tc-clients-style1 .clients-slider .img img {
    max-height: 100%;
    width: auto;
    max-width: 150px;
    filter: grayscale(100%);
    transition: all 0.3s ease-in-out;
    opacity: 0.6;
}

.tc-clients-style1 .clients-slider .img:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.1);
}

/* DSN Cards Post Section */
.dsn-cards-post {
    background-color: #111;
    color: #d9d9d9;
    font-family: 'Poppins', sans-serif;
    padding: 100px 0;
}

.dsn-cards-post .section-title {
    font-family: 'Antonio', sans-serif;
}

.dsn-cards-post .section-title .sub-heading {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #b3de4f;
    /* LionExa theme color */
    margin-bottom: 10px;
}

.dsn-cards-post .section-title .title {
    font-family: 'Antonio', sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
}

.dsn-cards-post .d-grid {
    display: grid;
    gap: 30px;
}

.dsn-cards-post .grid-md-2 {
    grid-template-columns: repeat(2, 1fr);
}

.dsn-cards-post .post-item {
    position: relative;
}

.dsn-cards-post .box-img {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.dsn-cards-post .box-img .cover-bg-img {
    border-radius: 10px;
}

.dsn-cards-post .post-item .content {
    position: relative;
    z-index: 1;
    padding-bottom: 0;
    margin-top: 15px;
}

.dsn-cards-post .post-item .title-block a {
    font-family: 'Antonio', sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.dsn-cards-post .post-item .title-block a:hover {
    color: #b3de4f;
}

.hover-box-item .grid-item {
    transition: all 0.3s ease-in-out;
}

.hover-box-item .grid-item:hover {
    transform: translateY(-5px);
}



/* Gallery Wrapper Section */
.gallery-wrapper.img-under-header {
    background-color: #111;
    padding: 100px 0;
}

.gallery-wrapper {
    position: relative;
}

.gallery-wrapper .dsn-marque {
    overflow: hidden;
}

.gallery-wrapper .dsn-grid-layout {
    display: flex;
    width: max-content;
}

.gallery-wrapper .grid-item {
    padding: 0 15px;
    height: 380px;
}

.gallery-wrapper .image-item {
    height: 100%;
    width: auto;
}

.gallery-wrapper .image-item img {
    border-radius: 10px;
    height: 100%;
    width: auto;
}

.gallery-wrapper .box-text {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.4);
    padding: 60px 100px;
    color: #fff;
    border-radius: 15px;
    z-index: 2;
}

.gallery-wrapper .box-text .title-lg {
    font-family: 'Antonio', sans-serif;
    font-size: 3.5rem;
    line-height: 1.2;
    font-weight: 400;
    color: #fff;
}

.gallery-wrapper .fw-200 {
    font-weight: 200 !important;
}

.gallery-wrapper .v-middle {
    top: 50%;
    transform: translateY(-50%);
}

.gallery-wrapper .over-hidden {
    overflow: hidden;
}

.gallery-wrapper .has-border-radius {
    border-radius: 15px;
}

.gallery-wrapper .d-flex {

    display: flex !important;

}



.gallery-wrapper .align-items-center {

    align-items: center !important;

}



.gallery-wrapper .justify-content-center {

    justify-content: center !important;

}



.gallery-wrapper .text-center {

    text-align: center !important;

}



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

    .gallery-wrapper .grid-item {

        height: 280px;

    }



    .gallery-wrapper .box-text {

        padding: 40px;

        width: 100%;

        border-radius: 0;

    }

}





@media (max-width: 991px) {

    .dsn-service .grid-lg-4 {

        grid-template-columns: repeat(2, 1fr);

    }

}



@media (max-width: 767px) {

    .dsn-service .grid-lg-4 {

        grid-template-columns: 1fr;

    }



    .dsn-cards-post .grid-md-2 {

        grid-template-columns: 1fr;

    }

}



/* Correcting flex-wrap for horizontal scroll */



.gallery-wrapper .dsn-grid-layout {



    flex-wrap: nowrap;



}







html, body {



    overflow-x: visible !important;



}