@media only screen and (min-width: 2500px) {
}

@media (max-width: 1400px) {
    .logo-h {
        max-width: 260px;
    }}

@media (max-width: 1024px) {}

@media (max-width: 991px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        width: 100%;
        max-width: 100%;
        flex: auto;
    }

    .nav-inner {
        display: none;
    }

    .logo-h {
        max-width: 230px;
        width: 230px;
    }

    .nav-inner {
        position: static;
        left: auto;
        top: auto;
        transform: none;
    }

    .item.res-menu {
        display: block;
    }

    .head-inner .menu-left {
        gap: 20px;
        flex-direction: row-reverse;
    }

    header .btn {
        display: none;
    }

    .search-box-btn.search-box-outer {
        display: none;
    }

    .side-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .side-header .logo-h {
        max-width: 180px;
    }

    .search-mobile {
        margin: 30px 0px 20px;
    }

    .search-mobile .form-group {
        display: flex;
        justify-content: space-between;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(221, 221, 221);
        border-image: initial;
        border-radius: 0;
    }

    .search-mobile .form-group input {
        width: calc(100% - 56px);
        height: 50px;
        border: none !important;
        padding: 0 10px;
        border-radius: 0px;
        color: #333;
        border-radius: 0;
    }

    .search-mobile .form-group button {
        width: 50px;
        height: 50px;
        background: #fff;
        color: var(--main-color);
        font-weight: 900;
        font-size: 20px;
        border: none;
        border-radius: 8px;
        line-height: 53px;
    }

    .mobile-menu .menu-box .navigation li.menu-item-has-children>a::after {
        content: "\f107";
        font-family: 'Font Awesome 6 Pro';
    }

    .mobile-menu .menu-box .navigation li.menu-item-has-children>a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
    }

    .mobile-menu .menu-box .navigation li .sub-menu {
        padding: 0 20px;
    }

    .sidebar-btn {
        margin-top: 30px;
    }

    .head-inner .menu-left .lang-h {
        display: none;
    }

    .other-logo {
        max-width: 76px;
        display: none;
    }

    header.sticky {
        height: auto;
        min-height: 72px;
        padding: 20px 0;
    }

    .banner-block .row {
        min-height: 580px;
        height: auto;
        max-height: none;
        padding: 150px 0 100px;
    }

    .banner-text>span {
        width: auto;
        max-width: 100%;
        font-size: 12px;
        line-height: 20px;
        padding: 5px 12px;
        margin: 0 0 24px;
    }

    .banner-text h1 {
        font-size: 28px;
        line-height: 38px;
        margin: 0 0 12px;
    }

    .banner-text p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 24px;
    }

    .banner-text .btn.btn-white {
        width: 180px;
        min-width: 180px;
        min-height: 48px;
        height: 48px;
        padding: 0 24px;
        font-size: 14px;
        line-height: 24px;
    }

    .banner-h .slick-dots {
        bottom: 30px;
        filter: brightness(0) invert(1);
    }

    .home-slider {
        margin: 0 !important;
    }

    .page-banner {
        height: auto;
        min-height: 320px;
    }

    .page-banner .row {
        min-height: 320px;
        align-items: flex-start;
        justify-content: center;
        padding-top: 120px;
        padding-bottom: 48px;
        position: relative;
    }

    .page-banner .breadcrumb-nav {
        top: 88px;
    }

    .page-banner-content {
        gap: 12px;
        max-width: 100%;
        padding-inline: 8px;
    }

    .page-banner-content h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .page-banner-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .page-banner-booking,
    .page-banner-projects {
        height: auto;
        min-height: 320px;
    }

    .page-banner-booking .row,
    .page-banner-projects .row {
        min-height: 320px;
        align-items: center;
        justify-content: center;
        padding-top: 120px;
        padding-bottom: 48px;
    }

    .page-banner-booking .page-banner-content h1,
    .page-banner-projects .page-banner-content h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .page-banner-booking .page-banner-content p,
    .page-banner-projects .page-banner-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .page-banner-project {
        height: auto;
        min-height: 360px;
    }

    .page-banner-project .row {
        min-height: 360px;
        padding-top: 120px;
        padding-bottom: 48px;
    }

    .page-banner-project .page-banner-content {
        gap: 24px;
        max-width: 100%;
        padding-inline: 8px;
    }

    .page-banner-project .page-banner-content h1 {
        font-size: 28px;
        line-height: 38px;
    }

    .page-banner-project .page-banner-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .page-banner-project .project-meta {
        gap: 10px;
    }

    .page-banner-project .project-meta-item {
        height: 32px;
        padding: 8px 14px;
        font-size: 13px;
    }

    .breadcrumb-nav ul li {
        font-size: 13px;
        line-height: 22px;
    }

    .page-banner-service {
        height: auto;
        min-height: 360px;
    }

    .page-banner-service .row {
        min-height: 360px;
        align-items: flex-start;
        justify-content: center;
        padding-top: 120px;
        padding-bottom: 48px;
        position: relative;
    }

    .page-banner-service .breadcrumb-nav {
        top: 96px;
        padding-inline: 8px;
    }

    .page-banner-service .page-banner-content h1 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 12px;
        white-space: normal;
    }

    .page-banner-service .page-banner-content p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .page-banner-btns {
        gap: 10px;
        margin-top: 0;
        width: 100%;
    }

    .page-banner-btns .btn {
        flex: 1 1 calc(50% - 5px);
        min-width: 0;
        height: 48px;
        min-height: 48px;
        padding: 10px 14px;
        font-size: 14px;
    }

    .page-banner-btns .btn.btn-border {
        height: 48px;
        min-height: 48px;
        padding: 10px 14px;
    }

    .service-overview {
        padding-block: 60px;
    }

    .service-overview .row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 32px;
    }

    .service-overview-img {
        height: 280px;
    }

    .service-overview-text {
        gap: 20px;
    }

    .service-overview-text > h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .service-overview-text > p {
        font-size: 15px;
        line-height: 24px;
    }

    .service-overview-features .item .details h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .service-overview-features .item .details p {
        font-size: 14px;
        line-height: 22px;
    }

    .service-cta {
        padding-bottom: 60px;
    }

    .service-cta-content {
        gap: 16px;
        max-width: 100%;
    }

    .service-cta-content h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .service-cta-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .service-cta-btns {
        gap: 10px;
        width: 100%;
    }

    .service-cta .service-cta-btns a.btn {
        flex: 1 1 calc(50% - 5px);
        width: auto;
        min-width: 0;
        height: 50px;
        min-height: 50px;
        padding: 10px 12px;
        font-size: 13px;
        white-space: nowrap;
    }

    .service-cta .service-cta-btns a.btn.btn-white,
    .service-cta .service-cta-btns a.btn.btn-border {
        width: auto;
        min-width: 0;
        height: 50px;
        min-height: 50px;
        padding: 10px 12px;
    }

    .careers-apply {
        padding-block: 60px;
    }

    .careers-apply .row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 40px;
        direction: ltr;
    }

    .careers-apply .careers-jobs-col {
        order: 1;
    }

    .careers-apply .careers-form-col {
        order: 2;
    }

    .careers-jobs,
    .careers-form-wrap {
        direction: rtl;
    }

    .careers-jobs h2,
    .careers-form-wrap h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px;
    }

    .careers-form-wrap h2 {
        margin-bottom: 24px;
    }

    .contact-section {
        padding-block: 60px;
    }

    .contact-section .row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 40px;
        direction: ltr;
    }

    .contact-section .contact-info-col {
        order: 1;
    }

    .contact-section .contact-form-col {
        order: 2;
    }

    .contact-info-wrap,
    .contact-form-wrap {
        direction: rtl;
    }

    .contact-info-wrap {
        /* gap: 32px; */
        max-width: 100%;
    }

    .contact-info-wrap h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0;
        margin-bottom: 16px;
    }

    .contact-info-list {
        gap: 20px;
        margin: 0;
    }

    .contact-info-item span:not(.contact-info-icon) {
        font-size: 15px;
        line-height: 24px;
    }

    .contact-map {
        max-width: 100%;
        height: 220px;
        border-radius: 12px;
    }

    .contact-form {
        max-width: 100%;
        margin-inline: 0;
        gap: 12px;
    }

    .contact-form .form-group label {
        font-size: 15px;
        line-height: 28px;
    }

    .contact-form .form-group label[for="contact-message"] {
        line-height: 24px;
    }

    .contact-form .form-control {
        height: 48px;
        border-radius: 10px;
        font-size: 14px;
        padding: 10px 14px;
    }

    .contact-form #contact-name.form-control {
        height: 50px;
        border-radius: 8px;
        padding: 12px 14px;
    }

    .contact-form .contact-phone {
        height: 48px;
        padding: 0 14px;
        gap: 8px;
        border-radius: 10px;
    }

    .contact-form .contact-phone-code,
    .contact-form .contact-phone-sep,
    .contact-form .contact-phone .form-control {
        font-size: 14px;
        line-height: 24px;
    }

    .contact-form textarea.form-control {
        height: 90px;
        min-height: 90px;
        padding: 14px;
    }

    .contact-form .btn.contact-submit {
        margin-top: 16px;
        font-size: 15px;
    }

    .book-appointment-form {
        padding-block: 60px;
    }

    .booking-form {
        max-width: 100%;
        gap: 12px;
    }

    .booking-form .form-group label {
        font-size: 15px;
        line-height: 24px;
    }

    .booking-form .form-control {
        height: 50px;
        border-radius: 12px;
        font-size: 14px;
        padding: 12px 14px;
    }

    .booking-form .booking-phone {
        height: 50px;
        padding: 0 14px;
        gap: 8px;
        border-radius: 12px;
    }

    .booking-form .booking-phone-code,
    .booking-form .booking-phone-sep,
    .booking-form .booking-phone .form-control {
        font-size: 14px;
        line-height: 24px;
    }

    .booking-form textarea.form-control {
        height: 90px;
        min-height: 90px;
        padding: 14px;
    }

    .booking-form .btn.booking-submit {
        margin-top: 16px;
        font-size: 15px;
    }

    .careers-acc {
        gap: 12px;
    }

    .careers-acc-btn {
        min-height: 56px;
        padding: 14px 16px;
    }

    .careers-acc-title {
        font-size: 15px;
        line-height: 24px;
    }

    .careers-acc-item.is-open .careers-acc-btn {
        min-height: 72px;
        padding: 18px 16px;
    }

    .careers-acc-body {
        padding: 8px 16px 20px;
    }

    .careers-acc-body p {
        font-size: 14px;
        line-height: 28px;
    }

    .careers-acc-body p strong {
        font-size: 15px;
    }

    .careers-form .form-control {
        height: 48px;
        font-size: 14px;
        padding: 10px 16px;
    }

    .careers-form textarea.form-control {
        height: 110px;
        min-height: 110px;
        padding-block: 16px;
    }

    .careers-form .nice-select {
        height: 48px;
        line-height: 46px;
        font-size: 14px;
        padding: 0 16px;
    }

    .careers-upload {
        height: 110px;
        gap: 12px;
    }

    .careers-upload img {
        width: 48px;
        height: 37px;
    }

    .services-list {
        padding-block: 60px;
    }

    .services-list .service-item {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px;
        margin-bottom: 64px;
    }

    .service-item-img {
        height: 260px;
        border-radius: 12px;
        margin-bottom: 8px;
    }

    .service-item-text h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 16px;
    }

    .service-item-text > p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .service-item-list {
        gap: 12px;
        margin-bottom: 24px;
    }

    .service-item-list li {
        font-size: 14px;
        line-height: 22px;
    }

    .service-item-btns {
        gap: 10px;
        width: 100%;
        justify-content: stretch;
        flex-direction: row-reverse;
    }

    .service-item-btns .btn {
        flex: 1 1 calc(50% - 5px);
        min-width: 0;
        width: auto;
        height: 48px;
        min-height: 48px;
        padding: 10px 16px;
        font-size: 14px;
    }

    .service-item-btns .btn.btn-border {
        height: 48px;
        min-height: 48px;
        padding: 10px 16px;
    }

    .page-banner + .about-story,
    .about-story {
        padding-block: 50px 40px;
    }

    .project-about {
        padding-block: 60px;
    }

    .project-about .row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 32px;
    }

    .project-about-img {
        aspect-ratio: 16 / 10;
        border-radius: 12px;
    }

    .project-about-text {
        gap: 16px;
    }

    .project-about-desc {
        gap: 16px;
    }

    .project-about-desc p {
        font-size: 15px;
        line-height: 26px;
    }

    .project-about-text .btn.project-about-btn {
        height: 46px;
        min-height: 46px;
        font-size: 15px;
        padding: 10px 20px;
    }

    .project-quick-info {
        padding-block: 0;
    }

    .project-qi-row {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 12px;
    }

    .project-qi-card {
        min-height: 140px;
        padding: 18px 16px;
        gap: 6px;
    }

    .project-qi-card .label {
        font-size: 14px;
        line-height: 22px;
    }

    .project-qi-card .value {
        font-size: 18px;
        line-height: 28px;
    }

    .project-gallery {
        padding-block: 60px 0;
    }

    .project-gallery-title {
        margin-bottom: 28px;
    }

    .project-gallery-title h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .project-gallery-grid {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 12px;
    }

    .project-gallery-item {
        height: 200px;
        border-radius: 12px;
    }

    .project-cta {
        padding-block: 60px;
    }

    .project-cta-content {
        gap: 16px;
        max-width: 100%;
    }

    .project-cta-content h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .project-cta-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .project-cta-btns {
        gap: 10px;
        width: 100%;
    }

    .project-cta .project-cta-btns a.btn {
        flex: 1 1 calc(50% - 5px);
        width: auto;
        min-width: 0;
        height: 50px;
        min-height: 50px;
        padding: 10px 12px;
        font-size: 13px;
        white-space: nowrap;
    }

    .about-story .row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 32px;
    }

    .about-story-img {
        height: 280px;
        border-radius: 12px;
    }

    .about-story-text {
        gap: 16px;
    }

    .about-story-text h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .about-story-desc {
        gap: 16px;
    }

    .about-story-desc p {
        font-size: 15px;
        line-height: 26px;
    }

    .about-mission {
        padding-block: 0 50px;
    }

    .about-mission .row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 16px;
    }

    .mission-card {
        padding: 28px;
        gap: 12px;
    }

    .mission-card .icon {
        width: 56px;
        height: 56px;
    }

    .mission-card .icon img {
        width: 36px;
        height: 36px;
    }

    .mission-card h3 {
        font-size: 24px;
        line-height: 32px;
        margin-top: 8px;
    }

    .mission-card p {
        font-size: 15px;
        line-height: 24px;
    }

    .about-values {
        padding-bottom: 50px;
    }

    .about-values .title {
        margin-bottom: 32px;
    }

    .about-values .title h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .about-values .title p {
        font-size: 15px;
        line-height: 24px;
        margin-top: 12px;
    }

    .about-values .row:last-child {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

    .value-card {
        padding: 24px;
    }

    .value-card h3 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 4px;
    }

    .value-card p {
        font-size: 14px;
        line-height: 24px;
    }

    .about-stats {
        padding-bottom: 50px;
    }

    .about-stats .row {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 12px;
    }

    .stat-card {
        min-height: 180px;
        padding: 16px 12px;
        border-radius: 16px;
        margin: 5px 0;
        height: calc(100% - 10px);
    }

    .stat-card .icon {
        width: 40px;
        height: 40px;
    }

    .stat-card .details .counter-item,
    .stat-card .details h3 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 4px;
    }

    .stat-card .details h4 {
        font-size: 13px;
        line-height: 22px;
    }

    .about-method {
        padding-bottom: 50px;
    }

    .about-method .title {
        margin-bottom: 40px;
    }

    .about-method .title h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .about-method .title p {
        font-size: 15px;
        line-height: 24px;
        margin-top: 12px;
    }

    .method-timeline {
        flex-wrap: wrap;
        gap: 28px 12px;
        justify-content: center;
    }

    .method-timeline::before {
        display: none;
    }

    .method-step {
        flex: 0 0 calc(33.333% - 12px);
        gap: 12px;
        padding-bottom: 0;
    }

    .method-step .num {
        width: 44px;
        height: 44px;
        font-size: 15px;
    }

    .method-step h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .about-cta {
        padding-bottom: 50px;
    }

    .about-cta-content {
        gap: 24px;
    }

    .about-cta-content h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .about-cta-btns {
        gap: 12px;
        width: 100%;
    }

    .about-cta-btns .btn {
        min-width: 0;
        flex: 1 1 calc(50% - 6px);
        padding: 0 16px;
        height: 52px;
        font-size: 14px;
    }

    .about-h {
        padding-block: 50px 0;
    }

    .about-h .title {
        margin-bottom: 32px;
    }

    .about-h .title h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .about-h .title p {
        font-size: 15px;
        line-height: 24px;
        margin-top: 16px;
        max-width: 100%;
    }

    .about-h .row {
        /* flex-direction: column; */
        /* margin: 0 auto; */
        /* gap: 0; */
        /* max-width: 100%; */
    }

    .about-inner-blocka-img {
        gap: 20px;
        margin-bottom: 24px;
    }

    .about-img {
        height: 220px;
        margin-bottom: 0;
    }

    .about-img .img {
        max-width: 100%;
    }

    .about-blocks {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .about-blocks .about-block {
        min-height: auto;
        padding: 16px;
    }

    .about-blocks .about-block h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .about-blocks .about-block p {
        font-size: 14px;
        line-height: 24px;
    }

    .about-counters {
        /* gap: 16px; */
        /* align-content: stretch; */
    }

    .about-counters .counter-block {
        min-height: 180px;
        padding: 14px 14px 18px;
        border-radius: 20px;
        margin-bottom: 15px;
    }

    .about-counters .counter-block .icon {
        width: 34px;
        height: 34px;
    }

    .about-counters .counter-block .details .counter-item,
    .about-counters .counter-block .details h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .about-counters .counter-block .details h4 {
        font-size: 14px;
        line-height: 22px;
    }

    .about-img .about-count .counter-item {
        font-size: 25px;
        line-height: 29px;
    }

    .about-img .about-count h4 {
        font-size: 12px;
        line-height: 25px;
    }

    .about-img .about-count {
        min-width: 150px;
    }

    .about-text p {
        font-size: 15px;
        line-height: 25px;
    }

    .services-h {
        padding-block: 50px 0;
    }

    .title-flex {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        margin-bottom: 32px;
    }

    .title-flex .title {
        max-width: 100%;
    }

    .title-flex .title h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .title-flex .title h2::after {
        width: 48px;
    }

    .title-flex .title p {
        font-size: 15px;
        line-height: 24px;
        margin-top: 12px;
    }

    .title-flex .title-btn {
        width: 100%;
    }

    .title-flex .title-btn .btn.btn-border {
        width: 100%;
        min-width: 0;
        min-height: 48px;
        height: 48px;
        font-size: 14px;
    }

    .services-h .all-services {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

    .serv-block {
        min-height: auto;
        padding: 20px 20px 24px;
        gap: 10px;
    }

    .serv-block .details h3 {
        font-size: 16px;
        line-height: 26px;
        margin: 8px 0 8px;
    }

    .serv-block .details p {
        font-size: 14px;
        line-height: 24px;
    }

    .projects-h {
        padding-block: 50px 0;
    }

    .projects-list {
        padding-block: 60px;
    }

    .projects-pagination {
        margin-top: 48px;
    }

    .projects-pagination .page-link {
        width: 40px;
        height: 40px;
        font-size: 16px;
        line-height: 24px;
    }

    .projects-pagination .pagination {
        gap: 8px;
    }

    .projects-h .all-projects,
    .projects-list .all-projects {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

    .project-block {
        height: 280px;
    }

    .project-block .block-details {
        padding: 18px 16px;
    }

    .project-block .btn-pro {
        /* width: auto; */
        /* min-width: 48px; */
        /* height: 44px; */
    }

    .project-block .btn-pro .icon {
        /* width: 48px; */
        /* height: 44px; */
    }

    .project-block .details h3 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 6px;
    }

    .project-block .details p {
        font-size: 13px;
        line-height: 22px;
    }

    .clients-h {
        padding-block: 50px;
    }

    .clients-h .title {
        margin-bottom: 40px;
    }

    .clients-h .title h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .all-clients {
        /* padding-bottom: 28px; */
    }

    .all-clients::before,
    .all-clients::after {
        width: min(80px, 12vw);
        bottom: 28px;
    }

    .clients-slider .slick-slide {
        padding-inline: 8px;
    }

    .client-block {
        height: 110px;
        padding: 24px 20px;
        border-radius: 14px;
    }

    .client-block img {
        max-height: 56px;
    }

    .clients-h .slick-dots {
        gap: 8px;
        flex-wrap: wrap;
    }

    .products-h {
        padding-block: 50px;
    }

    .corporate-links-h {
        padding-block: 40px;
    }

    .values-h {
        padding-block: 50px;
    }

    .value-block .icon {
        top: -35px;
        width: 70.97px;
        height: 70.97px;
        line-height: 70.97px;
    }

    .value-block .icon img {
        max-width: 34px;
        max-height: 34px;
    }

    .value-block {
        height: calc(100% - 50px);
        padding: 50px 27px 24px;
        margin-top: 50px;
    }

    .cart-h {
        padding-block: 50px;
    }

    .slick-dots {
        /* position: relative; */
        bottom: 0;
        margin-top: 20px;
    }

    .footer-top {
        padding-block: 50px 0;
    }

    .footer-top>.container>.row {
        /* row-gap: 40px; */
    }

    .foot-block {
        gap: 24px;
        margin-bottom: 40px;
    }

    .logo-f {
        width: 300px;
        margin-bottom: 20px;
    }

    .s-h {
        gap: 12px 16px;
    }

    .s-h span {
        font-size: 18px;
    }

    .foot-block h3 {
        margin: 0;
        font-size: 24px;
        line-height: 34px;
    }

    .links-f ul {
        column-gap: 28px;
        row-gap: 12px;
    }

    .links-f ul li a {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 0;
    }

    .info-f .item span {
        font-size: 15px;
        line-height: 26px;
    }

    .footer-bottom {
        text-align: center;
        padding: 24px 0 0;
    }

    .copy-right p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .ryad-logo {
        float: none;
    }

    .icons-fixed {
        left: 16px;
        bottom: 16px;
    }

    .icons-fixed .whats-icon {
        width: 47px;
        height: 47px;
        font-size: 0;
    }

    .mobile-menu .lang-h {
        margin: 0;
    }

    .mobile-menu .lang-h a {
        /* background: var(--bg-color); */
        padding: 10px 20px;
        border-radius: 6px;
        text-transform: capitalize;
        font-weight: 500;
        line-height: 27px;
        text-align: start;
        text-transform: capitalize;
        display: block;
        padding: 16px 0;
        position: relative;
        font-size: 20px;
        transition: all 0.6s;
        border-bottom: 1px #eaeaea14 solid;
        color: #ffffff;
    }

    .mobile-menu .overlay-img::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: url(../images/footer-bg.jpg) center / cover no-repeat;
        opacity: 0.3;
        mix-blend-mode: luminosity;
        pointer-events: none;
    }

    .mobile-menu .overlay-img {
        background: var(--bg-color);
    }

    .sidebar-btn .btn {
        min-width: auto;
    }

    .about-counters.row {
        margin: 0;
        max-width: none;
    }

    .about-counters.row .col-md-6 {
        padding: 0;
        width: 50%;
    }

    .about-counters.row .col-md-6:nth-child(1) {
        padding-inline-end: 6px;
    }

    .about-counters.row .col-md-6:nth-child(2) {
        padding-inline-start: 6px;
    }

    .wow.animated {
        visibility: visible !important;
        animation: none !important;
        -webkit-animation: none !important;
        opacity: 1 !important;
    }

    .contact-form-wrap {
        max-width: 100%;
    }

    .project-about .row {
        flex-direction: column-reverse;
    }
}

@media (max-width: 768px) {}

@media (max-width: 767px) {}

@media (max-width: 600px) {
    .container {
        max-width: 100%;
        padding: 0 25px;
    }
}

@media (max-width: 480px) {}

@media (max-width: 390px) {}

@media (max-width: 360px) {}