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

    /* Styles for screens 393px wide and smaller */
    .kl-hero-title {
        font-size: 30px !important;
    }

    .kl-hero-testimos-content>.kl-hero-title-two {
        left: 168px !important;
        top: 18.67px !important;
        width: 101.06px !important;
        min-height: 29.27px;
    }

    .kl-hero-testimos-rating {
        left: 116.82px !important;
        top: 76px !important;
        width: 326.18px !important;
        min-height: 158px;
        gap: 5.71px;
    }

    .kl-hero-testimos-content {
        left: 50.82px !important;
        top: 86px !important;
        width: 332.18px;
        min-height: 158px;
    }

    .kl-testimos-list-content {
        flex-direction: column;
        top: -50px !important;
        left: 3% !important;
        width: 89% !important;
        gap: 1px !important;
    }

    .kl-testimos-rating-svg>svg {
        width: 6.97px !important;
        height: 21.97px !important;
    }

    .kl-testimos-rating-svg {
        width: 132.01px;
        height: 18.97px;
        display: flex;
        align-items: center;
        gap: 2.53px;
    }

    .kl-testimos-card-image {
        width: 117% !important;
        height: 262px !important;
    }

    .kl-testimos-card,
    .kl-testimos-card.flex-row-reverse {
        padding: 41px !important;
    }

    .kl-testimos-card-body>p {
        width: 223px;
        min-height: 132px;
        font-size: 16px;
        text-align: justify;
    }

    .info-box {
        width: 253px !important;
    }

    .legal-main {
        max-width: 1197px;
        margin: 38px 22px;
        padding: 0 20px;
    }

    .kl-section-history {
        height: auto;
        min-height: 178vh !important;
    }

    .kl-expertise-history>.kl-expertise-desc {
        min-height: 130vh !important;
    }

    .kl-hero-contact-content {
        top: 10% !important;
    }

    .kl-hero-contact {
        min-height: 90vh !important;
    }

    .kl-testimos-card,
    .kl-testimos-card.flex-row-reverse {
        min-height: 75vh !important;
    }
}

@media screen and (max-width: 767px) {
    button {
        font-size: 15px !important;
    }

    .container {
        width: 100% !important;
        padding: 0 !important;
        max-width: 100% !important;
        overflow: hidden;
    }

    .kl-navigation {
        width: 90% !important;
        top: 23px !important;
        left: 5% !important;

    }

    .kl-navbar-lg {
        min-height: 45px !important;
        padding: 10px 30px;
        gap: 95px !important;
        border-radius: 25px !important;
    }

    .kl-nav-btns {
        flex-direction: column;
        width: 100%;
    }

    .kl-btn-subscription {
        width: 100%;
    }

    .navbar-toggler:focus {
        outline: 0 !important;
        box-shadow: none !important;
    }

    .kl-nav-content {
        gap: 0px !important;
    }

    .kl-navbar-brand-logo {
        width: 158.57px;
        height: 15.33px;
    }

    .navbar-collapse.collapse.show {
        width: 100%;
        position: relative;
        background: #FFFFFF;
    }

    .kl-nav-link-content {
        width: 100% !important;
        min-width: 0 !important;
        padding: 30px 0 !important;
        gap: 20px !important;
    }

    .kl-dropdown-menu {
        flex-direction: column;
    }

    .kl-hero-section {
        min-height: 925.73px !important;
    }

    .kl-hero-content {
        left: 29.82px;
        top: 99px;
        width: 332.18px;
        min-height: 158px;
    }

    h1 {
        font-size: 30px;
    }

    .kl-hero-title-two {
        left: -5.83px;
        top: 115.34px;
        width: 328.45px;
        min-height: 45.27px;
    }

    .kl-hero-text {
        top: 190.22px;
        width: 332.18px;
        font-size: 18px;
    }

    .kl-hero-btns {
        flex-direction: column;
        width: 250px;
        height: 133px;
        gap: 13px;
        left: 15%;
        padding: 10px 0;
    }

    .kl-hero-image {
        width: 90%;
        left: 5%;
        top: 558.12px;
        height: 273.41px;
    }

    .kl-benef-section {
        min-height: 1461px;
    }

    .kl-benef-title {
        left: 5%;
        top: 30px;
        width: 90%;
        min-height: 124px;
        text-align: start;
    }

    .kl-benefit-content {
        left: 5%;
        top: 184px;
        width: 90%;
        min-height: 1247px;
        gap: 20px;
        padding: 0;
        flex-direction: column;
    }

    .kl-benefit-list {
        width: 330px;
        gap: 30px;
        min-height: 928.82px;
    }

    .kl-list-content {
        flex-direction: column;
        min-height: 426.44px;
        gap: 30px;
    }

    .kl-benefit-card {
        width: 308px;
        height: 210.44px;
        gap: 24px;
    }

    .kl-benefit-body {
        width: 308px;
        min-height: 140px;
        gap: 16px;
    }

    .kl-benefit-title {
        font-size: 20px;
    }

    .kl-benefit-text {
        font-size: 16px;
    }

    .kl-benefit-chat {
        width: 100%;
        height: 298px;
        gap: 20px;
        padding: 28.45px 20.91px !important;
        text-align: center;
    }

    .kl-benefit-chat-body {
        width: 100%;
        min-width: 0px;
        min-height: 150px;
        gap: 10px;
    }

    .kl-benefit-chat-title {
        font-size: 40px;
    }

    .kl-benefit-chat-text {
        font-size: 18px;
    }

    .kl-btn-chat {
        /* left: 35px; */
        width: 100%;
        position: relative;
        min-height: 50px;
        padding: 6px 24px !important;
    }

    .kl-expertise-one {
        min-height: 1145px;
        gap: 40px;
    }

    .kl-expertise-text {
        order: 1;
        width: 90%;
        left: 5%;
        top: 30px;
        min-height: 474px;
        gap: 40px;
    }

    .kl-expertise-content {
        position: relative;
        top: 584px;
        width: 90%;
        min-height: 417px;
        padding-top: 30px;
        left: 5%;
    }

    .kl-expertise-text-header>h1 {
        text-align: center;
        width: 333px;
        min-height: 78px;
    }



    .kl-expertise-text-header {
        width: 90%;
        gap: 30px;
        min-height: 216px;
    }

    .kl-expertise-desc {
        width: 90%;
        min-height: 108px;
        font-size: 18px;
    }

    .kl-expertise-text-list {
        width: 90%;
        min-height: 218px;
        gap: 20px;
    }

    .kl-expertise-content-list {
        width: 330px;
        min-height: 26px;
        gap: 12px;
    }

    .kl-expertise-content-list>span {
        width: 45px;
    }

    .kl-expertise-content-list>p {
        font-size: 18px;
    }

    .kl-expertise-list {
        width: 100%;
        min-height: 417px;
        -webkit-mask-image: none;
        gap: 7px;
    }

    .kl-expertise-list>* {
        width: 100% !important;
        min-height: 69px;
        padding: 17.72px 25.99px;
        display: inline-grid !important;
        white-space: normal;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }

    .kl-expertise-list>*>span {
        width: 239px;
        height: 50px;
        font-size: 18px;
        font-weight: 500;
    }

    .kl-expertise-two {
        min-height: 1068.76px;
        padding: 30px !important;
        flex-direction: column;
    }

    .kl-expertise-another-first {
        width: 100%;
        min-height: 525.38px;
        min-width: 0 !important;
    }

    .kl-expertise-another-header {
        text-align: start;
        width: 94%;
        gap: 0px !important;
    }

    .kl-expertise-another-header>h1 {
        text-align: start;
    }

    .kl-expertise-another-header>.kl-expertise-desc {
        width: 100%;
    }

    .kl-only-image {
        width: 100%;
        /* min-height: 504.38px; */
        left: 0%;
        transform: translate(-50%);
        min-width: 0 !important;
        position: relative;
        height: 504.38px;
        margin-top: 50px;
    }

    .kl-expertise-another-first>.kl-expertise-text-list {
        width: 247px;
        min-height: 164px;
    }

    .kl-social-media {
        min-height: 945px;
    }

    .kl-social-media-conent {
        left: 0%;
        top: 50%;
        transform: translate(-50%);
        width: 100%;
    }

    .kl-expertise-social>h1 {
        text-align: start;
    }



    .kl-expertise-social>.kl-expertise-desc {
        width: 100%;
    }

    .kl-expertise-another-second {
        top: 50.68px;
        width: 90%;
        min-height: 222px;
        left: 5%;
    }



    .kl-expertise-another-content>.kl-expertise-desc {
        min-height: 54px;
        width: 90%;
        text-align: center;
        position: relative;
        left: 5%;
    }

    .kl-expertise-another-content {
        min-height: 200px;
        width: 100%;
    }

    .kl-expertise-another-content>h1 {
        width: 100%;
    }

    .kl-btn-benefit {
        width: 252px;
        left: 45px;
        min-height: 50px;
        padding: 6px 24px !important;
        position: relative;
        left: 14%;
    }

    .kl-expertise-another-list {
        left: 5%;
        top: 395px;
        width: 90%;
        gap: 30px;
        min-height: 580px;
    }


    .kl-benef-start {
        min-height: 870px;
    }

    .kl-another-list-card {
        padding: 24.61px;
        min-height: 164.06px;
        padding-bottom: 21.88px;
    }

    .kl-another-card-body {
        width: 271px;
        gap: 7px;
        min-height: auto;
    }

    .kl-another-card-body>span {
        width: 28px;
        height: 28px;
        gap: 15.49px;
        padding: 14px;
        font-size: 16px;
    }

    .kl-another-card-body>h2 {
        font-size: 18px;
        width: 50%;
        min-height: auto;
    }

    .kl-another-card-body>div {
        width: 75%;
        min-height: auto;
        font-size: 14px;
    }

    .kl-benefit-img {
        width: 30%;
    }

    .kl-section-cta {
        min-height: 100vh;
        padding: 30px !important;
    }

    .kl-expertise-cta {
        width: 90%;
        min-height: 650px;
        gap: 30px;
    }

    .kl-expertise-act-header {
        gap: 30px;
    }

    .kl-expertise-act-header>h1 {
        text-align: start;
    }


    .kl-expertise-act-header>.kl-expertise-desc {
        width: 332px;
        min-height: 81px;
    }

    .kl-expertise-content-list-act>p {
        width: 294px;
    }

    .kl-expertise-content-list-act>span {
        width: 26px;
    }

    .kl-btn-act {
        width: 251px;
        min-height: 50px;
        margin-left: 20%;
    }

    .kl-cta-content {
        flex-direction: column;
        gap: 0;
        width: 100%;
    }

    .kl-act-image {
        width: 100%;
        height: 50vh;
        left: 1%;
        overflow: hidden;
        top: 5vh;
    }

    .kl-act-another-image {
        transform: translate(40px);
        width: 100%;
        height: 100%;
    }

    .kl-cta-rectangle-bg {
        top: 10%;
        width: 100%;
        left: 0;
        height: 44vh;
    }

    .kl-testimos-section {
        min-height: 230vh;
    }

    .kl-section-testimos-list {
        min-height: 1770px;
    }

    .kl-testimos-content,
    .kl-testimos-list-content {
        flex-direction: column;
        top: 25vh;
        left: 5%;
        width: 85%;
        gap: 30px;
    }

    .kl-hero-testimos-content>.kl-hero-title-two {
        left: 193px;
        top: 24.67px;
        width: 122.06px;
        min-height: 29.27px;
    }

    .kl-testimos-list {
        flex-direction: column;
        display: flex;
        width: 100%;
    }

    .kl-expertise-testimos {
        width: 100%;
        min-height: 15%;
        gap: 30px;
    }

    .kl-expertise-testimos-header {
        min-height: 140px;
    }

    .kl-expertise-testimos-text {
        padding: 0;
        min-height: 351px;
        width: 100%;
        gap: 10px;
    }

    .kl-testimos-desc {
        min-height: 148.46px;
        width: 90%;
    }

    .kl-testimos-home {
        width: 100%;
        min-height: 577px;
        gap: 32px;
        margin-top: 15vh;
    }

    .kl-testimos-card,
    .kl-testimos-card.flex-row-reverse {
        flex-direction: column;
        width: 100%;
        min-height: 80vh;
        gap: 30px;
        padding: 30px;
    }

    .kl-testimos-card,
    .kl-testimos-card.flex-row-reverse {
        align-items: center;
        text-align: center;
    }

    .flex-row-reverse {
        flex-direction: column !important;
    }

    .kl-testimos-card-image {
        width: 100%;
        height: 307px;
    }

    .kl-testimos-card-body {
        width: 100%;
        min-height: 230px;
        gap: 14px;
    }

    .kl-testimos-card-body>p {
        width: 100%;
        min-height: 5vh;
        font-size: 16px;
        text-align: justify;
    }

    .kl-testimos-card-footer {
        align-items: center;
        width: 100%;
    }

    .kl-testimos-card-rating {
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 20.53px;
    }

    .kl-testimos-card-footer-text>* {
        font-size: 16px;
    }

    .kl-expertise-testimos-header>h1 {
        text-align: start;
    }



    .kl-faq-home-section {
        min-height: 1094.85px;
    }

    .kl-faq-home-content {
        flex-direction: column;
        width: 90%;
        padding: 30px 0px !important;
        gap: 30px;
        top: 30px;
        left: 5%;
    }

    .kl-expertise-faq-image>div {
        width: 100%;
        height: 409.92px;
    }

    .kl-expertise-faq-image {
        width: 100%;
        height: 435.92px;
        order: 2;
    }

    .kl-expertise-faq {
        width: 100%;
        min-height: 409.05px;
        gap: 0px;
    }

    .kl-expertise-faq-header {
        gap: 32px;
    }

    .kl-expertise-faq-header>h1 {
        width: 100%;
    }

    .kl-expertise-social {
        min-height: 185.88px;
        gap: 30px;
    }

    .kl-expertise-faq-header>h1 {
        min-height: 63.75px;
        text-align: start;
        margin-bottom: 20px;
    }



    .kl-expertise-faq-header>.kl-expertise-desc {
        width: 332px;
        min-height: 82.13px;
    }

    .kl-expertise-faq-list {
        width: 100%;
    }

    .accordion-item {
        width: 100%;
        min-height: 97px;
    }

    .accordion-body {
        width: 100%;
        min-height: 110px;
        font-size: 18px;
    }

    .kl-footer-logo-content {
        left: 20%;
        top: 40px;
        text-align: center;
        width: 265px;
    }

    .kl-footer-newsletter {
        width: 265px;
    }

    .kl-btn-newsletter {
        width: 100%;
    }

    .kl-footer-logo {
        width: 265px;
        height: 55.48px;
    }

    .kl-footer-content {
        min-height: 750.52px;
    }

    .kl-footer-links {
        left: 5%;
        top: 315px;
        width: 90%;
    }

    .kl-footer-links-content {
        flex-direction: column;
        text-align: center;
        width: 100%;
    }

    .kl-footer-social-list-ul {
        justify-content: center;
    }

    .kl-footer-hr {
        flex-direction: column;
        width: 100%;
        height: auto;
        align-items: end;
    }

    .kl-footer-hr-line {
        width: 100%;
    }

    .kl-footer-cgu {
        flex-direction: column;
        min-width: 201px;
        top: 730.04px;
        gap: 15.2px;
        left: 55px;
    }

    .kl-hero-testimos-content {
        left: 0% !important;
        top: 83px !important;
        width: 100% !important;
        min-height: 158px;
        min-width: 0 !important;
    }

    .kl-hero-title {
        font-size: 35px;
    }

    .kl-hero-testimos {
        min-height: 157.73px !important;
    }

    .kl-hero-testimos-rating {
        left: 15% !important;
        top: 55% !important;
        width: 100% !important;
        min-height: 158px;
        gap: 12.71px;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .kl-testimos-rating>span {
        font-size: 14.17px;
    }

    .kl-testimos-rating-svg>svg {
        width: 6.97px;
        height: 18.97px;
    }

    .kl-testimos-rating-svg {
        width: 129.01px;
        height: 18.97px;
        display: flex;
        align-items: center;
        gap: 3.53px;
    }


    .kl-about-presection-content {
        flex-direction: column;
    }

    .kl-about-card {
        width: 100%;
        padding: 15.94px !important;
        min-height: 340.15px;
    }

    .kl-about-card-image {
        width: 100%;
        height: 170.07px;
    }

    .kl-about-card-content {
        width: 100%;
    }

    .kl-about-presection-content {
        width: 90%;
        /* min-height: 500px; */
        left: 5%;
        top: 60px;
        min-height: 840.15px;
    }

    .kl-section-history-content {
        flex-direction: column;
        width: 90%;
        left: 5%;
        position: relative;
        gap: 0px;
        margin-top: 15vh;
    }

    .kl-expertise-history {
        width: 100%;
        top: 30px;
    }

    .kl-expertise-text-header-history {
        width: 100%;
    }


    .kl-expertise-text-header-history>h1 {
        width: 30%;
        text-align: start;
    }

    .kl-expertise-history>.kl-expertise-desc {
        width: 100%;
        height: auto;
        min-height: 100vh;
    }

    .kl-history-image {
        width: 100%;
        height: 350.8px;
    }

    .kl-section-history {
        height: auto;
        min-height: 160vh;
    }

    .kl-section-about-image>img {
        aspect-ratio: 19 / 14;
    }

    .kl-about-number-content {
        width: 90%;
        left: 5%;
        position: relative;
        top: 40px;

    }

    .kl-number-title {
        width: 100%;
    }

    .kl-number-title>h1 {
        width: 100%;
    }

    .kl-number-list {
        flex-direction: column;
        width: 100%;
        min-height: 80vh;
    }

    .kl-number-card {
        width: 100%;
    }

    .kl-number-card-text {
        width: 100%;
    }

    .kl-about-section-number {
        min-height: 865.89px;
    }

    .kl-nos-engagment-content {
        width: 90%;
        left: 5%;
        position: relative;
        gap: 30.73px;
        top: 40px;
    }

    .kl-nos-engagment-title>h1 {
        width: 50%;
        text-align: start;
    }



    .kl-about-nos-engagment {
        min-height: 860.89px;
    }

    .kl-subscription-content {
        flex-direction: column;
        width: 90%;
        left: 5%;
        top: 40px;
    }

    .kl-subscription-text {
        width: 100%;
    }



    .kl-media-social-list {
        width: 100%;
        gap: 30px;
        height: auto;
    }

    .kl-about-subscription {
        min-height: 55vh;
    }

    /* faq question*/
    .kl-hero-faq {
        min-height: 500px !important;
    }

    .kl-hero-faq-content>h1 {
        width: 100%;
    }

    .kl-hero-faq-content {
        left: 25%;
        top: 28%;
        width: 50%;
        text-align: center;
    }

    .kl-hero-faq-filter {
        left: 0;
        top: 55%;
        width: 97%;
        margin: 1%;
        padding: 10.38px 15.48px !important;
        gap: 21.48px;
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }

    .kl-btn-faq-filter {
        width: 45%;
    }

    .kl-hero-faq-content>.kl-hero-title-two {
        left: 34%;
        width: 28%;
    }

    .kl-accordion-item-two {
        border-top: none !important;
    }

    .kl-faq-list {
        width: 100%;
    }

    .accordion-button>span,
    .accordion-body {
        font-size: 13px;
    }

    .kl-faq-item-content {
        padding: 0px 35px;
        width: 100%;
    }

    .kl-faq-list-content {
        gap: 0 !important;

    }


    .kl-faq-item-title>h1 {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }

    .kl-hero-forfait-content {
        left: 3%;
        top: 10%;
        width: 94%;
        text-align: start;
    }

    .kl-hero-forfait-content>.kl-hero-title-two {
        left: -1%;
        top: 33%;
        width: 190.98px;
    }

    .kl-hero-forfait-content>h1 {
        width: 100%;
        text-align: center;
    }

    .kl-hero-forfait-list {
        top: 30%;
        width: 100%;
    }

    .slick-slide {
        padding: 0 15px;
    }

    .slick-slide.slick-active {
        width: auto !important;
    }

    .kl-hero-forfaits {
        min-height: 950.73px !important;
    }

    .slick-track {
        /* align-items: center; */
        justify-self: center;
    }

    .kl-nos-forfait-content {
        padding: 20px;
    }

    .kl-forfait-testimos {
        min-height: 227vh;
    }

    .kl-hero-forfait-list {
        left: 0;
    }

    .kl-hero-contact-content {
        padding: 5%;
        width: 100%;
        left: 0;
        top: 7%;
    }

    .kl-form-input {
        width: 100%;
    }

    .kl-form-contact {
        gap: 3%;
    }

    .kl-form-input>input {
        width: 100%;
        min-height: 50%;
    }

    .kl-form-input>label {
        font-size: 16px;
    }

    .kl-contact-hero-image {
        padding: 0 20px;
        top: 68%;
        width: 100%;
        left: 0;
        height: 30%;
    }

    .kl-hero-contact {
        min-height: 900px;
        height: auto;
    }

    .kl-nos-forfait-title>h1 {
        width: 87% !important;
    }

    .kl-forfaits-number {
        padding: 5% !important;
    }

    .kl-nos-forfait-title {
        width: 100%;
    }

    .kl-nos-forfait-content {
        gap: 20.73px;
    }

    .kl-contact-start {
        padding: 6% !important;
        min-height: 275.941px;
    }



    .kl-faq-item-content {
        display: block !important;
    }

    .kl-faq-list-two {
        margin-top: 10px;
    }

    .kl-section-testimos-list {
        min-height: 1753px;
        padding: 68px 15px !important;
    }

    .kl-testimos-list-content {
        flex-direction: column;
        top: -35px !important;
        left: 5%;
        width: 85%;
        gap: 30px;
    }


    .kl-hero-testimos {
        min-height: 270.73px !important;
    }

    .kl-question {
        font-size: 16px;
    }

    .kl-hero-image-bg {
        display: none;
    }

    .kl-act-another-image>img {
        width: 76%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .kl-expertise-simple-protected>h1 {
        text-align: start !important;
    }

    .info-box {
        width: 300px;
        padding: 1.5rem;
        top: 0;
    }

    .kl-expertise-simple-protected {
        gap: 30px;
    }

    .kl-contact-start-content {
        width: 95%;
        left: 3%;
    }

    .kl-contact-start-text {
        width: 100%;
    }

    .legal-main p {
        margin-bottom: 15px;
        text-align: start;
    }

    .kl-hero-image-bg-legales img {
        width: 478px;
        height: auto;
    }

    .kl-hero-image-bg-cgu>img {
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    .calendly-mobile {
        min-width: 290px !important;
    }

    .kl-footer-links-content {
        gap: 4.5vh;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    /* Your styles here */
    h1 {
        font-size: 35px !important;
    }

    .container {
        max-width: none !important;
        width: 100%;
        overflow: hidden;
    }

    .kl-navigation {
        width: 90% !important;
        left: 5%;
    }

    .kl-navbar-lg {
        border-radius: 30.8px;
    }

    .navbar-collapse.collapse.show {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    .kl-nav-btns {
        flex-direction: column;
        width: 60%;
    }

    .kl-btn-subscription {
        width: 100%;
    }

    .kl-dropdown-menu {
        flex-direction: column;
    }

    .kl-hero-content {
        top: 133.49px;
        width: 90%;
        min-height: 200.99px;
        left: 5%;
    }

    .kl-hero-title {
        width: 100%;
        min-height: 123.99px;
    }

    .kl-hero-title-two {
        top: 75.18px;
        width: 333.51px;
        min-height: 50px;
    }

    .kl-hero-text {
        top: 85%;
        width: 100%;
    }

    .kl-hero-btns {
        top: 110%;
        width: 100%;
    }

    .kl-hero-image {
        left: 5%;
        top: 40%;
        height: 570.89px;
        width: 90%;
    }

    .kl-hero-section {
        min-height: 1200px;
    }

    .kl-benef-title {
        left: 5%;
        width: 90%;
    }

    .kl-benef-title>h1 {
        text-align: start;
    }

    .kl-benefit-content {
        padding: 30.91px 30.88px !important;
        gap: 20px;
        flex-direction: column;
    }

    .kl-benef-section {
        min-height: 1050px;
    }

    .kl-benefit-chat {
        width: 100%;
        text-align: center;
        align-items: center;
    }

    .kl-expertise-content {
        width: 90%;
        left: 5%;
    }

    .kl-expertise-one {
        padding: 104.34px 0px !important;
    }

    .kl-expertise-text {
        left: 5%;
    }

    .kl-expertise-list {
        width: 100%;
        top: 470px;
    }

    .kl-expertise-one {
        min-height: 1010px;
    }

    .kl-expertise-list>* {
        display: inline-block;
        white-space: normal;
        width: 100%;
    }

    .kl-expertise-text {
        width: 90%;
    }

    .kl-expertise-text-header {
        width: 100%;
        text-align: center;
    }

    .kl-expertise-text-header>h1 {
        width: 100%;
        min-height: 0 !important;
    }



    .kl-expertise-desc {
        font-size: 18px;
        text-align: start;
    }

    .kl-expertise-two {
        padding: 70.34px 0px !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .kl-expertise-another-first {
        width: 90%;
        min-width: 0px;
        left: 0%;
    }

    .kl-expertise-another-header {
        text-align: start;
    }



    .kl-social-media {
        min-height: 1140.95px;
        padding: 60.34px 0px !important;
        justify-content: center;
        align-items: center;
    }

    .kl-social-media-conent {
        left: 50%;
        top: 600px;
        transform: translate(-50%);
    }

    .kl-expertise-social>h1 {
        width: 47%;
        text-align: start;
    }

    .kl-expertise-another-second {
        top: 30px;
        left: 5%;
        width: 90%;
    }

    .kl-expertise-another-content>.kl-expertise-desc {
        width: 100%;
        text-align: center;
    }

    .kl-btn-benefit {
        width: 50%;
        left: 27%;
    }

    .kl-expertise-another-list {
        left: 5%;
        width: 90%;
        top: 330px;
    }

    .kl-benef-start {
        min-height: 1020.53px;
    }

    .kl-section-cta {
        padding: 30px !important;
        min-height: 1340px;
    }

    .kl-cta-content {
        flex-direction: column;
        width: 100%;
    }

    .kl-expertise-cta {
        width: 100%;
    }

    .kl-expertise-act-header {
        text-align: start;
        gap: 30px;
    }

    .kl-act-image {
        left: 5% !important;
        width: 90% !important;
    }

    .kl-act-another-image {
        left: 10% !important;
        height: 112% !important;
    }

    .kl-cta-rectangle-bg {
        height: 100% !important;
    }

    .kl-testimos-section,
    .kl-section-testimos-list {
        padding: 30px;
        min-height: 1224px;
    }

    .kl-testimos-content,
    .kl-testimos-list {
        flex-direction: column;
        width: 100%;
    }


    .kl-section-testimos-list {
        padding: 35.88px 30.86px !important;
    }

    .kl-expertise-testimos {
        width: 100%;
        text-align: start;
        gap: 0px;
    }

    .kl-expertise-testimos-text {
        padding: 0;
        width: 100%;
    }

    .kl-expertise-testimos-header>h1 {
        width: 100%;
        text-align: start;
    }

    .kl-expertise-testimos-header {
        text-align: start;
    }



    .kl-testimos-home {
        width: 100%;
    }

    .kl-testimos-card {
        width: 100% !important;
        gap: 20px !important;
        padding: 22px !important;
    }

    .kl-testimos-card-list {
        flex-direction: row !important;
    }

    .kl-faq-home-section {
        padding: 30px;
        min-height: 1300px;
    }

    .kl-faq-home-content {
        flex-direction: column-reverse;
    }

    .kl-expertise-faq {
        gap: 20px;
        width: 100%;
    }

    .kl-expertise-faq-header {
        text-align: start;
    }

    .kl-expertise-faq-header>h1 {
        width: 50%;
    }



    .kl-expertise-faq-header {
        gap: 40px;
    }

    .accordion-item {
        width: 100%;
    }

    .kl-expertise-faq-image {
        width: 100%;
        top: 50px;
        position: relative;
    }

    .kl-expertise-faq-image>div {
        width: 100%;
        height: 660.71px;
    }

    .kl-footer-content {
        min-height: 500px;
        padding: 30px;
    }

    .kl-footer-links {
        left: 5%;
        top: 220px;
    }

    .kl-footer-links-content {
        flex-direction: row;
        width: 100%;
    }

    .kl-footer-hr {
        width: 100%;
    }

    .kl-footer-hr-line {
        width: 100%;
    }

    .kl-footer-links {
        width: 90%;
    }

    .kl-footer-logo-content {
        width: 90%;
        flex-direction: row;
        left: 5%;
        justify-content: center;
        align-items: center;
    }

    .kl-hero-testimos-content {
        top: 133.49px;
        width: 90%;
        min-height: 200.99px;
        left: 12%;
    }

    .kl-testimos-rating {
        top: 247.49px;
        width: 90%;
        min-height: 0;
        left: 36%;
    }

    .kl-testimos-content {
        gap: 0;
    }

    .kl-hero-testimos-content>.kl-hero-title-two {
        left: 433.49px;
        top: 37.67px;
        width: 185.06px;
    }

    .kl-hero-testimos,
    .kl-section-testimos-list {
        min-height: 338.1px;
    }

    .kl-expertise-faq-list {
        width: 100%;
    }

    .kl-about-presection-content {
        flex-direction: column;
        width: 90%;
        left: 5%;
        margin: 40px 0;
    }

    .kl-about-presection {
        padding: 0 !important;
    }

    .kl-about-card {
        width: 100%;
    }

    .kl-about-card-image {
        width: 100%;
        height: 320.07px;
    }

    .kl-about-card-content {
        width: 100%;
    }

    .kl-section-history {
        padding: 0;
    }

    .kl-btn-act {
        width: 50%;
        min-width: 238.10px;
    }

    .kl-section-history-content {
        flex-direction: column-reverse;
        justify-content: normal;
        width: 90%;
        left: 5%;
        position: relative;
        top: 40px;
        gap: 20px;
    }

    .kl-expertise-history {
        width: 100%;
    }

    .kl-expertise-text-header-history {
        text-align: start;
    }

    .kl-section-history {
        min-height: 160vh;
    }

    .kl-history-image {
        width: 100%;
    }

    .kl-section-about-image>img {
        aspect-ratio: 19 / 14;
    }

    .kl-about-section-number {
        padding: 0 !important;
    }

    .kl-about-number-content {
        width: 90%;
        left: 5%;
        position: relative;
        top: 40px;
    }

    .kl-number-title>h1 {
        width: 100%;
    }

    .kl-number-list {
        width: 100%;
        flex-direction: column;
    }

    .kl-number-card {
        width: 100%;
    }

    .kl-number-card-text {
        width: 100%;
    }

    .kl-about-section-number {
        min-height: 880.89px;
    }

    .kl-about-nos-engagment {
        padding: 0 !important;
        min-height: 880.89px;
    }

    .kl-nos-engagment-content {
        width: 90%;
        left: 5%;
        position: relative;
        top: 40px;
    }


    .kl-nos-engagment-title>h1 {
        width: 25%;
        text-align: start;
    }

    .kl-about-subscription {
        padding: 0 !important;
    }

    .kl-subscription-content {
        flex-direction: column;
        width: 90%;
        left: 5%;
        margin: 40px 0;
    }

    .kl-subscription-text {
        width: 100%;
    }


    .kl-media-social-list {
        width: 100%;
        justify-content: space-around;
    }

    /* faq question*/
    .kl-hero-faq {
        min-height: 480px !important;
    }

    .kl-hero-faq-content {
        left: 25%;
        top: 28%;
    }

    .kl-hero-faq-filter {
        left: 0;
        top: 50%;
        width: 97%;
        margin: 1%;
        padding: 10.38px 15.48px !important;
        gap: 5%;
    }

    .kl-faq-list {
        width: 100%;
    }

    .accordion-button>span,
    .accordion-body {
        font-size: 15px;
    }

    .kl-faq-item-content {
        padding: 0px 0px;
        width: 100%;
        gap: 20px;
    }

    .kl-faq-list-content {
        gap: 0 !important;

    }

    .kl-faq-item-title>h1 {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }

    .kl-question {
        font-size: 15px;
    }

    .kl-faq {
        padding: 0 30px !important;
    }

    .accordion-body {
        width: 90% !important;
    }

    .accordion-item {
        width: 90% !important;
    }

    .kl-faq-list-one {
        width: 50%;
    }

    .kl-faq-list-two {
        width: 50%;
    }


    .kl-hero-faq-content>.kl-hero-title-two {
        left: 34% !important;
        width: 29% !important;
    }

    .kl-hero-contact-content {
        padding: 5%;
        width: 100%;
        left: 0;
        top: 6%;
    }

    .kl-form-input {
        width: 100%;
    }

    .kl-form-contact {
        gap: 3%;
    }

    .kl-form-input>input {
        width: 100%;
        min-height: 50%;
    }

    .kl-form-input>label {
        font-size: 16px;
    }

    .kl-contact-hero-image {
        display: none !important;
        top: 62%;
        width: 100%;
        left: 0;
    }

    .kl-hero-contact {
        min-height: 1085px;
        height: auto;
    }

    .kl-forfaits-number {
        padding: 5%;
    }

    .kl-nos-forfait-title {
        width: 100%;
    }



    .kl-nos-forfait-content {
        gap: 20.73px;
    }

    .kl-contact-start {
        padding: 6% !important;
        min-height: 275.941px;
    }

    .kl-hero-image-bg {
        display: none;
    }

    .kl-testimos-list-content {
        position: relative;
        left: -13px;
        display: flex;
        flex-direction: column;
        gap: 28.45px;
    }

    .kl-testimos-rating-svg>svg {
        width: 12.97px;
        height: 18.97px;
    }

    .kl-testimos-card-image>img {
        width: 100%;
        height: 100%;
    }

    .info-box {
        width: 545px !important;
        top: 30px;
        padding: 2.5rem;
    }

    .legal-main {
        padding: 0px 60px;
    }

    .kl-hero-image-bg-testimos>img,
    .kl-hero-image-bg-cgu>img {
        width: 51%;
        object-fit: cover;
        object-position: center;
    }

    .kl-expertise-simple-protected>h1 {
        text-align: start !important;
    }

    .kl-only-image {
        width: 90%;
    }

    .kl-expertise-social>h1 {
        width: 100% !important;
        text-align: start;
    }

    .kl-social-media-conent {
        width: 100%;
        left: 0;
    }

    .kl-expertise-act-header>h1 {
        width: 100% !important;
    }

    .kl-another-card-body>div {
        width: 75%;
    }

    .kl-expertise-another-content {
        width: 80%;
    }
}

/*responsive grand ecran*/
@media (min-width: 1725px) and (max-width: 1920px) {

    html,
    body {
        overflow-x: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    h1 {
        font-size: 76.99px;
    }

    .kl-navigation {
        top: 43.99px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 1800px;
        padding: 16.49px 41.23px;
        z-index: 2000;
    }

    .kl-navbar-lg {
        border-radius: 137.41px;
        padding: 16.49px 16.49px 16.49px 41.23px;
        min-height: 97.62px;
    }

    .kl-nav-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
    }

    .kl-navbar-brand-logo {
        width: 19%;
    }

    .nav-link {
        font-size: 21px !important;
    }

    .nav-link.dropdown-toggl {
        gap: 30.22px !important;
        font-size: 24px !important;
    }

    .dropdown-toggle>svg {
        width: 17px;
        height: 12px;
    }

    .kl-nav-link-content {
        flex: 1 1 auto;
        max-width: 59%;
        gap: 3%;
    }

    .kl-nav-btns {
        flex: 0 0 auto;
        display: flex;
        gap: 20px;
        width: 36%;
    }

    .kl-btn-login {
        padding: 10px 27px;
        min-height: 64px;
        font-size: 22px;
    }

    .kl-btn-subscription {
        width: 55%;
        min-height: 64px;
        font-size: 18px;
    }

    .kl-dropdown-menu {
        gap: 16px;
    }

    .kl-dropdown-item {
        font-size: 20px;
    }

    .container {
        min-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0 auto;
        box-sizing: border-box;
    }

    html,
    body {
        overflow-x: hidden !important;
    }

    .kl-hero-section {
        min-height: 1082.11px !important;
    }

    .kl-hero-content {
        width: 45%;
        min-height: 552.74px;
        top: 367.11px;
        left: 9%;
    }

    .kl-hero-title {
        min-height: 340.99px;
        font-size: 60px !important;
    }

    .kl-hero-title-two {
        width: 710.91px;
        min-width: 87.99px;
        top: 264.50px;
        left: -13.08px;
        min-height: 87.99px;
    }

    .kl-hero-text {
        top: 312.48px;
        width: 801.62px;
        font-size: 24.75px;
        min-height: 60.48px;
    }

    .kl-hero-text-two {
        top: 250.48px;
        width: 801.62px;
        font-size: 24.75px;
        min-height: 60.48px;
    }

    .kl-hero-btn {
        padding: 8.24px 32.99px;
        min-width: 69%;
        min-height: 68.74px;
        font-size: 22px;
    }

    .kl-hero-btns {
        top: 420.48px;
    }

    .kl-hero-btn-discover {
        min-width: 338.99px;
        min-height: 68.74px;
        padding: 8.24px 32.99px;
        font-size: 22px;

    }

    .kl-contact-hero-image {
        left: 58% !important;
        top: 26% !important;
    }

    .kl-hero-image {
        /* left: 1030.22px; */
        left: 52%;
        top: 243.36px;
        /* width: 790.62px; */
        /* height: 752.12px; */
        width: 37%;
        height: 63%;
    }

    .kl-hero-image-bg {
        top: 14%;
        left: 38%;
        transform: translateX(-42%);
    }

    .kl-benef-section {
        min-height: 1212.74px;
    }

    .kl-benef-title {
        left: 20%;
        top: 164.99px;
        width: 65%;
        min-height: 170.48px;
    }



    .kl-benefit-content {
        top: 349.23px;
        gap: 27.49px;
        padding: 82.49px 109.98px;
        left:4%;
    }

    .kl-benefit-list {
        width: 1029.86px;
        min-height: 660.86px;
        gap: 87.99px;
    }

    .kl-list-content {
        min-height: 289.34px;
    }

    .kl-benefit-card {
        width: 423.49px;
        min-height: 289.34px;
        gap: 32.99px;
    }

    .kl-benefit-body {
        min-width: 423.49px;
        min-height: 192.49px;
        gap: 21.98px;
    }

    .kl-benefit-title {
        font-size: 27.49px;
    }

    .kl-benefit-text {
        font-size: 21.98px;
        width: 403.20px;
    }

    .kl-benefit-chat {
        width: 521.11px;
        gap: 27.49px;
        padding: 41.23px 82.49px;
        height: 384.99px;
    }

    .kl-benefit-chat-body {
        min-width: 400.11px;
        min-height: 206.24px;
        gap: 13.74px;
    }

    .kl-benefit-chat-text {
        font-size: 24.75px;
    }

    .kl-btn-chat {
        width: 329.99px;
        min-height: 68.74px;
        padding: 8.24px 23.99px;
    }

    .kl-expertise-one {
        min-height: 934.99px;
        gap: 164.99px;
        padding: 151.23px 109.98px;
    }

    .kl-expertise-content {
        min-width: 792.62px;
        min-height: 573.37px;
        padding: 13.74px 0 0 0;
    }

    .kl-expertise-list {
        min-height: 481.62px;
        top: 45.87px;
        gap: 9.62px;
        left: 75px;
    }

    .kl-expertise-text {
        width: 38%;
        min-height: 32.49px;
        gap: 54.99px;
        left: 55%;
        top: 151.23px;
    }


    .kl-expertise-text-header {
        min-height: 269.11px;
        width: 100%;
    }

    .kl-expertise-faq-header>h1 {
        width: 124% !important;
    }

    .kl-expertise-text-header>h1 {
        width: 100%;
        height: 117.48px;
        font-size: 64.99px;
    }



    .kl-expertise-text-header>h1>span {
        font-size: 76.99px;
    }

    .kl-expertise-desc {
        width: 646.23px;
        min-height: 111.36px;
        font-size: 24.75px;
    }

    .kl-expertise-text-list {
        width: 97%;
        min-height: 225.49px;
        gap: 9px;
    }

    .kl-expertise-content-list {
        min-height: 35.74px;
        gap: 16.49px;
    }

    .kl-expertise-two {
        min-height: 996.01px;
        padding: 151.23px 109.98px;
    }

    .kl-expertise-another-first {
        /* min-width: 804.36px; */
        width: 46%;
        min-height: 693px;
        gap: 54.99px;
    }

    .kl-only-image {
        width: 795.55px;
        height: 693.52px;
    }

    .kl-social-media {
        min-height: 937.74px;
        padding: 151.23px 109.98px;
    }

    .kl-expertise-social>h1 {
        width: 712.05px;
        /* width: 100%; */
        height: 170.48px;
        font-size: 76.99px;
    }

    .kl-social-media-conent {
        width: 36%;
        height: 64%;
        left: 10%;
        top: 19%;
    }

    h1>.kl-blue-media-content::before {
        width: 104%;
        top: 0.9rem;
        left: -0.1rem;
        height: 77%;
    }

    .kl-expertise-social>.kl-expertise-desc {
        width: 91%;
    }

    .kl-benef-start {
        min-height: 1002.36px;
        gap: 173.24px;
        padding: 82.49px;
    }

    .kl-benef-start-content {
        min-height: 844.23px;
        width: 90%;
        left: 4%;
    }

    h1>.kl-benif-blue::before {
        width: 104%;
        top: 1.1rem;
        left: -0.1rem;
        height: 86%;
    }

    .kl-expertise-another-second {
        left: 2%;
        top: 235.80px;
        width: 50%;
        min-height: 372.61px;
        gap: 48.12px;
    }

    .kl-expertise-another-content>h1 {
        width: 100%;
        height: 170.48px;
        font-size: 76.99px;
    }

    .kl-expertise-another-content>.kl-expertise-desc {
        width: 932.23px;
    }

    .kl-btn-benefit {
        width: 388.61px;
        min-height: 68.74px;
        padding: 8.24px 32.99px;
        font-size: 22px;
    }

    .kl-expertise-another-list {
        left: 63.5%;
        width: 37%;
        height: 844.23px;
        gap: 87.99px;
    }


    .kl-another-list-card {
        min-height: 378.11px;
        gap: 27.49px;
        padding: 61.86px 61.86px 54.99px
    }

    .kl-another-card-body {
        min-height: 263.99px;
        gap: 9.62px;
        width: 578.86px;
    }

    .kl-another-card-body>span {
        width: 68.74px;
        height: 68.74px;
        padding: 19.24px;
        gap: 21.29px;
        font-size: 38.49px;
    }

    .kl-another-card-body>h2 {
        width: 292.86px;
        min-height: 115.49px;
        font-size: 43.99px;
    }

    .kl-another-card-body>div {
        width: 75%;
        height: 60.48px;
        font-size: 24.75px;
    }

    .kl-section-cta {
        max-height: 976.24px;
        padding: 109.98px 109.98px 137.49px 109.98px;
    }

    .kl-cta-content {
        width: 90%;
        min-height: 981.73px;
        gap: 56.37px;
        left: 3%;
    }

    .kl-expertise-cta {
        width: 78%;
        min-height: 567.86px;
        gap: 35.74px;
    }



    .kl-expertise-act-header>h1 {
        min-height: 255.74px;
    }

    .kl-expertise-act-header>.kl-expertise-desc {
        width: 100%;
        min-height: 74.24px;
    }

    .kl-expertise-act-header>h1 {
        width: 100%;
    }

    .kl-btn-act {
        width: 387.12px;
        min-height: 68.74px;
        padding: 8.24px 32.99px;
        font-size: 22px;
    }

    .kl-act-image {
        width: 90%;
        height: 985.86px;
    }

    .kl-cta-rectangle-bg {
        left: 6%;
        top: 251.61px;
        width: 829.04px;
        height: 734.23px;
    }

    .kl-act-another-image {
        left: 14%;
        width: 686.56px;
    }

    .kl-testimos-section {
        min-height: 976.24px;
        padding: 4%;
    }

    h1>.kl-testimos-blue::before {
        width: 104%;
        top: 0.7rem;
        left: -0.1rem;
        height: 98%;
    }

    .kl-testimos-content {
        width: 93%;
        height: 882.73px;
        gap: 10%;
        left:3%;
    }

    .kl-expertise-testimos {
        width: 42%;
        min-height: 720.49px;
        gap: 13.74px;
    }

    .kl-expertise-testimos-header {
        width: 100%;
        min-height: 224.11px;
    }



    .kl-expertise-testimos-text {
        width: 824.99px;
        min-height: 482.62px;
        gap: 65.99px;
        padding: 99px 0 32.99px;
    }

    .kl-testimos-desc {
        width: 90%;
        min-height: 149.86px;
        font-size: 24.75px;
    }

    .kl-testimos-rating {
        width: 90%;
        min-height: 32.99px;
        gap: 34.36px;

    }

    .kl-testimos-rating>span {
        font-size: 21.98px;
    }

    .kl-testimos-rating-svg {
        width: 186.99px;
        height: 27.49px;
        gap: 12.36px;
    }

    .kl-testimos-home {
        width: 50%;
        min-height: 882.73px;
        gap: 43.99px;
    }

    .kl-testimos-card {
        width: 100%;
        min-height: 419.36px;
        gap: 4%;
        padding: 32.99px;
    }

    .kl-testimos-card-image {
        width: 318.98px;
        height: 353.37px;
        width: 84%;
    }

    .kl-testimos-card-body {
        width: 100%;
        min-height: 316.24px;
        gap: 19.24px;
    }

    .kl-testimos-card-body>p {
        width: 100%;
        min-height: 181.49px;
        font-size: 24.75px;
    }

    .kl-testimos-card-footer-text {
        min-height: 65.99px;
    }

    .kl-testimos-name {
        font-size: 21.98px;
    }

    .kl-testimos-work {
        font-size: 21.98;
    }

    .kl-testimos-card-rating {
        width: 186.99px;
        min-height: 27.49px;
        gap: 12.36px;
    }

    .kl-testimos-card-rating>svg {
        width: 27.49px;
        height: 27.49px;
    }

    .kl-faq-home-section {
        min-height: 976.24px;
        padding: 108.99px 50.98px;
        left:6%;
    }

    .kl-expertise-faq-image {
        width: 50%;
        height: 56%;
    }

    .kl-expertise-faq-image>div {
        width: 93%;
        height: 833.04px;
    }

    .kl-expertise-faq {
        width: 63%;
        min-height: 730.41px;
        /* gap: 82.49px; */
    }



    .kl-expertise-faq-header>.kl-expertise-desc {
        width: 88%;
        min-height: 66.61px;
    }

    .kl-expertise-faq-list {
        width: 100%;
    }

    .accordion-item {
        width: 80%;
        min-height: 105.36px;
        gap: 27.49px;
    }

    .kl-footer-content {
        min-height: 498.97px;
        padding-top: 109.98px;
    }

    .kl-footer-logo-content {
        left: 173.86px;
        width: 347.86px;
        min-height: 293.62px;
        gap: 36.23px;
    }

    .kl-footer-logo {
        width: 281.53px;
        height: 52.38px;
    }

    .kl-footer-contact {
        font-size: 21.98px;
    }

    .kl-footer-newsletter {
        font-size: 21.98px;
        gap: 28.98px;
    }

    .kl-btn-newsletter {
        min-width: 347.86px;
        min-height: 64.61px;
        gap: 13.74px;
        font-size: 17.87px !important;
    }

    .kl-btn-newsletter-svg {
        width: 52.23px;
        height: 52.23px;
    }

    .kl-footer-links {
        left: 568.61px;
    }

    .kl-footer-links-content {
        gap: 14vh;
    }

    .kl-footer-link-header {
        font-size: 21.98px;
    }

    .kl-footer-list-ul {
        font-size: 21.98px;
    }

    .kl-footer-contact-us {
        gap: 14.49px;
    }

    .btn.kl-footer-link {
        width: 203.49px;
        padding: 15.88px;
    }

    .kl-button-image {
        width: 203.49px;
    }

    .kl-footer-social-list-ul {
        gap: 15.11px;
    }

    .kl-footer-message-icon {
        width: 82.38px;
        height: 82.38px;

    }

    .kl-footer-hr {
        top: 15vh;
    }

    .kl-footer-hr-line {
        width: 90%;
    }

    .kl-footer-cgu {
        left: 121.81px;
        min-width: 591.24px;
        min-height: 32.99px;
        gap: 48.12px;
        font-size: 21.98px;
        top: 297.20px;
    }

    /*faq responsive */
    .kl-hero-faq {
        min-height: 619.99px !important;
    }

    .kl-hero-faq-content {
        left: 50%;
        transform: translate(-20%);
        top: 231.77px;
        width: 100%;
        min-height: 82.66px;
    }

    .kl-hero-faq-content>h1 {
        min-height: 82.66px;
    }

    .kl-hero-faq-content>.kl-hero-title-two {
        left: 500.42px;
        top: 7.25px;
        width: 415.10px;
    }

    .kl-hero-faq-filter {
        left: 4%;
        top: 378.65px;
        width: 90%;
        height: 121.32px;
        gap: 1%;
        padding: 15.99px 13.32px !important;
    }

    .kl-btn-faq-filter {
        width: 100%;
        min-height: 89.32px;
        padding: 26.66px 0 !important;
        font-size: 24px !important;
    }

    .kl-faq {
        padding: 0 5% !important;
    }

    .kl-faq-list {
        width: 100%;
        min-height: 567.06px;
        margin-top: 60px;

    }

    .kl-faq-item-title>h1 {
        width: 960px;
        min-height: 89.32px;

    }

    .accordion-body {
        width: 88%;
        min-height: 87.98px;
        padding-bottom: 39.98px !important;
        font-size: 24px !important;
    }

    .kl-accordion-item-two {
        min-height: 196.58px;
    }

    /* .kl-accordion-button.collapsed>span {
        width: 100%;
    } */

    .kl-accordion-item {
        width: 100%;
        min-height: 129.32px;
    }

    .kl-faq-list-one {
        width: 45%;
    }

    .kl-faq-list-two {
        width: 45%;
    }

    /* Responsive  about */

    .kl-about-presection {
        min-height: 862.11px;
        padding: 107.24px 111.36px 116.87px 107.24px;
    }

    .kl-about-presection-content {
        width: 1761.37px;
        min-height: 637.99px;
        gap: 43.99px;
    }

    .kl-about-card {
        width: 857.99px;
        min-height: 637.99px;
        gap: 32.99px;
        padding: 54.99px;
    }

    .kl-about-card-image {
        width: 747.99px;
        height: 318.98px;
    }

    .kl-about-card-content {
        width: 747.99px;
        min-height: 185.62px;
        gap: 32.99px;
    }

    .kl-about-card-text {
        font-size: 24.75px;
    }

    .kl-section-history {
        top: 12vh;
        min-height: 120vh;
        padding: 130.61px 107.24px;
    }

    .kl-history-image {
        width: 790.62px;
        height: 751.99px;
    }

    .kl-expertise-history {
        width: 808.49px;
        min-height: 626.99px;
        gap: 100.49px;
    }


    .kl-section-about-image {
        max-height: 723.23px;
    }

    .kl-about-section-number {
        min-height: 698.49px;
        padding: 160.24px 137.49px 116.87px !important;
    }

    .kl-about-number-content {
        gap: 85.24px;
    }

    .kl-number-title>h1 {
        width: 1704.88px;
        min-height: 85.24px;
    }

    .kl-number-list {
        width: 1704.98px;
        min-height: 281.86px;
        gap: 43.99px;
    }

    .kl-number-card {
        width: 538.99px;
        min-height: 281.86px;
        gap: 32.99px;
        padding: 32.99px;
    }

    .kl-number-card-text {
        width: 472.99px;
        min-height: 90.73px;
        font-size: 24.74px;
    }

    .kl-about-nos-engagment {
        min-height: 698.49px;
        padding: 107.24px 137.49px 116.87px;
    }

    .kl-nos-engagment-content {
        gap: 114.11px;
    }



    .kl-about-subscription {
        min-height: 408.36px;
        padding: 105.87px;
    }

    .kl-subscription-content {
        gap: 74.24px;
    }

    .kl-subscription-text {
        width: 783.73px;
        min-height: 170.48px;
        gap: 48.12px;
    }



    .kl-subscription-desc {
        font-size: 24.75px;
    }

    .kl-media-social-list {
        width: 645.02px;
        min-height: 240.80px;
        gap: 115.95px;
    }

    .kl-media-social-list>* {
        min-width: 250.68px;
        height: 93.44px;
        gap: 54.99px;
        font-size: 24.75px;
    }

    .kl-media-social-icon {
        width: 99.07px;
        height: 99.07px;

    }

    /**page contact */
    .kl-btn-submit {
        padding: 8.24px 32.99px;
        width: 339.61px;
        min-height: 68.74px;
        font-size: 21.98px;
    }

    .kl-hero-contact-content {
        left: 6%;
        top: 248.86px;
        width: 842.86px;
        min-height: 903.16px;
        gap: 30.23px;
    }

    .kl-form {
        gap: 30.23px;
    }

    .kl-form-contact {
        gap: 30.23px 63.24px;
    }

    .kl-form-input>label {
        font-size: 24.75px;
    }

    .kl-form-input>input {
        width: 362.45px;
        min-height: 96.24px;
    }

    .kl-form-input>textarea {
        width: 169%;
    }

    .kl-form-input {
        width: 362.45px;
        min-height: 155.37px;
        gap: 21.98px;
    }

    .kl-forfaits-number {
        min-height: 783.73px;
        padding: 107.24px 137.49px;
    }

    .kl-nos-forfait-content {
        gap: 114.11px;
    }

    .kl-nos-forfait-title {
        width: 1704.98px;
    }

    .kl-nos-forfait-title>h1 {
        width: 933.61px;
    }


    .kl-hero-contact {
        min-height: 152vh;
    }

    .kl-contact-start {
        min-height: 521.73px;
        padding: 137.49px 109.98px;
    }

    .kl-contact-start-content {
        gap: 48.12px;
    }

    .kl-contact-start-text {
        width: 1654.76px;
        min-height: 85.24px;

    }



    .kl-contact-start-description {
        font-size: 24.75px;
    }

    .kl-btn-start {
        min-width: 339.61px;
        min-height: 68.74px;
        padding: 8.24px 32.99px;
    }

    /*testimos responsive */


    .kl-hero-testimos {
        min-height: 600.11px !important;

    }

    .kl-hero-testimos-content {
        left: 0px;
        top: 233.84px;
        width: 100%;
        min-height: 170.48px;
        gap: 41.23px;
        width: 100%;
    }

    .kl-hero-testimos-content>h1 {
        width: 100%;
    }

    .kl-hero-testimos-rating {
        left: 817.42px;
        top: 474.37px;

    }

    .kl-testimos-rating-svg>svg {
        width: 27.49px;
        height: 27.49px;
    }

    .kl-section-testimos-list {
        padding: 109.98px 137.49px;
    }

    /*forfaits responsive */
    .kl-hero-forfaits {
        min-height: 145vh !important;
    }

    .kl-hero-forfait-content {
        left: 544.5px;
        top: 10.86px;
        width: 899.69px;
        min-height: 180.18;
    }

    .kl-hero-forfait-content>.kl-hero-title-two {
        left: 236.49px;
        top: 93.79px;
        width: 439.16px;
    }

    .kl-hero-forfait-list {
        left: 218.61px;
        gap: 28.98px;
    }

    .slick-track {
        gap: 9%;
        width: 100% !important;
    }

    .slick-list.draggable {
        min-height: 985px !important;
    }

    .kl-forfait-card-eco {
        height: 544.5px;
    }

    .kl-forfait-card-smart {
        height: 622.61px;
    }

    .kl-forfait-card-serenite {
        height: 715.36px;
    }

    .kl-forfait-card-horizon {
        height: 811.61px;
    }

    .kl-forfait-card-title {
        width: 100%;
        min-height: 89.36px;
        font-size: 30.23px;

    }


    .kl-forfait-price-amount {
        min-height: 57.74px;
    }

    .kl-forfait-price-amount>span {
        font-size: 38.49px;
    }

    .kl-forfait-price-type,
    .kl-forfait-price-text {
        font-size: 19.24px;
    }

    .kl-forfait-card-list {
        min-height: 206.24px;
        gap: 30.24px;
        padding: 36.23px 0;
    }

    .kl-forfait-card-list-item {
        min-height: 52.23px;
        gap: 16.49px;
        padding: 0.49px 17.74px;
        font-size: 21.98px;

    }

    .kl-question {
        font-size: 30px;
    }

    .kl-btn-subscribe {
        width: 173.24px;
        min-height: 59.12px;
        left: 94.83px;
        font-size: 21.98px;
    }

    .kl-forfait-testimos {
        min-height: 976.24px;
        padding: 109.98px;
    }

    .kl-testimos-list-content {
        left: 0;
    }

    .kl-testimos-list {
        width: 100%;
    }

    .kl-hero-forfait-list {
        width: 100%;
        left: 0;
        top: 50vh;
    }

    .kl-hero-forfait-card {
        width: 344px;
    }

    .kl-testimos-list {
        width: 100%;
    }

    .kl-expertise-history>.kl-expertise-desc {
        width: 100% !important;
        font-size: 21px;
    }

    h1>span::before {
        width: 104%;
        top: 0.3rem;
        left: -0.1rem;
        height: 112%;
    }

    .kl-hero-title-forfait {
        width: 89%;
        top: 12vh;
    }

    .kl-hero-image-bg-forfaits {
        top: 52%;
        left: 29%;
        transform: translateX(-42%);
    }

    .kl-faq-item-content {
        margin-top: 30px;
    }

    .kl-expertise-text-header {
        gap: 60px;
    }

    .kl-expertise-content-list>span {
        width: 26px;
    }

    .calendly-mobile {
        flex-wrap: nowrap;
        height: 649px;
    }

    .kl-title-contact-calendly {
        font-size: 65.99px;
        margin-left: 98px;
    }

    .kl-contact-hero-image {
        left: 55% !important;
        top: 39% !important;
    }

    .kl-number-list {
        width: 1635.98px;
    }

    .calendly-inline-widget {
        min-height: 40vh;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 100%;
    }

    .kl-nav-btns {
        justify-content: end;
        width: 36%;
    }

    .navbar-expand-xl .navbar-nav {
        justify-content: space-around;
    }

    .kl-testimos-list {
        width: 100%;
    }

    .kl-testimos-card {
        width: 100%;

    }

}

@media (min-width: 1441px) and (max-width: 1724px) {
    .kl-navigation {
        width: 95%;
    }

    .kl-btn-login {
        font-size: 16px !important;
    }

    .kl-btn-subscription {
        font-size: 16px !important;
    }

    .kl-nav-link-content {
        min-width: 60% !important;
    }

    .kl-nav-btns {
        width: 37% !important;
    }

    .nav-link {
        font-size: 16px !important;
    }

    .kl-nav-link-content {
        gap: 1% !important;
    }

    .kl-nav-btns {
        width: 39% !important;
    }

    .kl-hero-contact {
        width: 100% !important;
        min-height: 1030px !important
    }

    .kl-hero-contact-content>h1 {
        font-size: 40.77px !important;
    }

    .kl-hero-contact-content {
        left: 0 !important;
        padding: 0px 92px !important;
        width: 100% !important;
    }

    .kl-form-contact {
        width: 47% !important;
        gap: 0 !important;
    }

    .kl-form-input {
        width: 34% !important
    }

    .kl-form-input>input {
        width: 68% !important;
        min-height: 72px !important;
    }

    .kl-contact-hero-image {
        top: 28% !important;
        left: 56% !important;
    }



    .kl-nos-forfait-title {
        width: 100% !important;
    }

    .kl-footer-logo-content {
        width: 253px;
        left: 126.45px;
    }

    .kl-footer-links-content>* {
        min-width: 131px;
    }

    .kl-testimos-list {
        width: 100% !important;
    }

    .kl-testimos-card {
        width: 100%;

    }

    .kl-testimos-card {
        width: 100%;

    }

    .kl-benef-title {
        left: 30%;
    }

    .kl-expertise-text {
        left: 53%;
    }

    .kl-expertise-another-list {
        left: 53%;
    }

    .kl-act-image {
        left: 10%;
    }

    .kl-testimos-home {
        left: 10%;
        position: relative;
    }

    .kl-expertise-faq {
        width: 50%;
    }

    .kl-expertise-faq-image {
        width: 50%;
    }

    .kl-expertise-faq-image>div {
        width: 90%;
    }

    .kl-benefit-content {
        gap: 130px;
    }
}

@media (min-width: 1366px) and (max-width: 1399px) {
    .kl-nav-btns {
        width: 39% !important;
    }

    .kl-nav-link-content {
        gap: 6% !important;
    }

    .nav-link {
        font-size: 14.17px;
    }
}

/*responsive grand ecran*/

@media (min-width: 1400px) and (max-width: 1440px) {
    .kl-btn-login {
        font-size: 16px !important;
    }

    .kl-btn-subscription {
        font-size: 16px !important;
    }

    .kl-nav-link-content {
        min-width: 60% !important;
    }

    .kl-nav-btns {
        width: 37% !important;
    }

    .nav-link {
        font-size: 16px !important;
    }

    .kl-nav-link-content {
        gap: 1% !important;
    }

    .kl-nav-btns {
        width: 39% !important;
    }

    .kl-hero-contact {
        width: 100% !important;
        min-height: 1030px !important
    }

    .kl-hero-contact-content>h1 {
        font-size: 40.77px !important;
    }

    .kl-hero-contact-content {
        left: 0 !important;
        padding: 0px 92px !important;
        width: 100% !important;
    }

    .kl-form-contact {
        width: 47% !important;
        gap: 0 !important;
    }

    .kl-form-input {
        width: 34% !important
    }

    .kl-form-input>input {
        width: 68% !important;
        min-height: 72px !important;
    }

    .kl-contact-hero-image {
        top: 28% !important;
        left: 56% !important;
    }



    .kl-nos-forfait-title {
        width: 100% !important;
    }

    .kl-testimos-list {
        width: 100%;
    }

    .kl-testimos-card {
        width: 100%;

    }

    .kl-hero-content {
        left: 81px;
    }

    .kl-hero-image {
        left: 52.29%;
    }

    .kl-benef-title {
        left: 24.93%;
    }

    .kl-benefit-content {
        padding: 60px 80px;
        gap: 20px;
    }

    .kl-expertise-content,
    .kl-social-media-conent {
        left: 5.56%;
    }

    .kl-expertise-text {
        left: 57.22%;
    }

    .kl-expertise-another-second {
        left: 9.16%;
    }

    .kl-expertise-another-list {
        left: 55.13%;
    }

    .kl-expertise-cta {
        left: -0.41%;
    }
}

@media (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {


    .kl-expertise-act-header>h1 {
        min-height: 0px;
    }

    .kl-testimos-rating {
        min-height: auto;
    }

    .kl-testimos-content,
    .kl-testimos-list {
        gap: 0;
    }

    .kl-expertise-faq-list {
        width: 100%;
    }

    .kl-benefit-chat-body {
        width: 100%;
    }

    .kl-hero-image {
        width: 50%;
    }



    .kl-btn-chat {
        width: 100%;
        left: 0;
    }


    .kl-expertise-text-header>h1 {
        width: 90%;
    }

    .kl-another-card-body>div {
        width: 70%;
    }

}

@media (min-width: 768px) and (max-width: 992px) {

    .kl-expertise-social>h1 {
        width: 38%;
    }

    .kl-expertise-another-content,
    .kl-expertise-another-content>.kl-expertise-desc {
        text-align: start;
    }

    .kl-btn-benefit {
        left: 0;
    }

    .kl-expertise-another-list {
        left: 2%;
        width: 95%;
        flex-direction: row;
        gap: 10px;
        height: auto;
        top: 50%;
    }

    .kl-another-list-card {
        width: 50%;
        padding: 20px;
    }

    .kl-benef-start {
        min-height: 745.53px;
    }

    .kl-another-card-body {
        width: 100%;
    }

    .kl-expertise-act-header>h1 {
        width: 60%;
    }



    .kl-expertise-content-list>span {
        width: 31px;
    }

    .kl-act-image {
        left: 25%;
    }



    .kl-testimos-card {
        width: 50%;
        width: 50%;
        padding: 10px;
        gap: 8px;
    }

    .kl-testimos-home {
        flex-direction: row;
        gap: 10px;
        min-height: auto;
    }

    .kl-testimos-section {
        min-height: 1099px;
    }

    .kl-expertise-faq-image {
        width: auto;
    }

    .kl-expertise-faq-header>h1 {
        width: 40%;
    }



    .kl-act-another-image {
        left: 0%;
        transform: translate(-40px);
        width: 80%;
        top: 3%;
    }

    .kl-cta-rectangle-bg {
        left: 0;
        transform: translateX(-18%);
        width: 100%;
        /* height: auto; */
        top: 24%;
    }

    .kl-hero-contact {
        min-height: 1040px !important;
    }

    .kl-contact-hero-image {
        top: 52% !important;
        display: none !important;
    }

    .kl-hero-forfait-content {
        left: 0%;
        width: 100%;
        top: 10%;
    }

    .slick-track {
        gap: 70px;
    }

    .slick-next {
        right: -1%;
    }

    .kl-forfait-testimos {
        padding: 45.88px !important;
        min-height: 1120.51px;
    }

    .kl-testimos-card {
        flex-direction: column;
        padding: 20px;
    }

    .kl-testimos-card-image {
        width: 100%;
    }

    .accordion-item {
        width: 100% !important;
    }

    .slick-track {
        width: 100% !important;
    }

    .kl-question {
        font-size: 15px;
    }

    .kl-testimos-card-body {
        width: 100%;
        min-height: 230px;
        gap: 14px;
    }

    .kl-testimos-card-body>p {
        width: 100%;
        min-height: 5vh;
        font-size: 16px;
        text-align: justify;
    }

    .kl-testimos-card-footer {
        align-items: center;
        width: 100%;
    }

    .kl-testimos-card-rating {
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 18px;
    }
}

@media (min-width: 1100px) and (max-width: 1120px) and (min-height: 700px) and (max-height: 710px) {

    /* Styles pour écrans entre 1024x600 et 1280x800 */
    .kl-about-presection-content {
        gap: 25.43px;
    }

    .kl-hero-image {
        left: 600px;
    }
}

@media (min-width: 993px) and (max-width: 1024px) {
    .kl-question {
        font-size: 17px !important;
    }

    .kl-navigation {
        width: 95% !important;
    }

    .kl-nav-btns {
        width: 100% !important;
        flex-direction: row !important;
    }

    .kl-nav-link-content {
        gap: 0.98px !important;
        min-width: 450.33px !important;
    }

    .kl-nav-content {
        gap: 0 !important;
    }

    .kl-hero-title {
        width: 100% !important;
    }

    .kl-hero-title-two {
        /* width: 330.58px !important; */
        min-height: 45.88px !important;
        top: 50% !important;
    }

    .kl-hero-text {
        top: 75% !important;
        width: 100% !important;
    }

    .kl-hero-btns {
        top: 105% !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 8px !important;
    }

    .kl-hero-content {
        width: 40% !important;
        left: 3% !important;
    }

    .kl-hero-image {
        left: 47% !important;
        width: 50% !important;
    }

    .kl-about-presection-content {
        width: 90% !important;
        gap: 20px !important;
        flex-direction: row !important;
    }

    .kl-about-card {
        width: 50% !important;
        padding: 20px !important;
    }

    .kl-about-card-image,
    .kl-about-card-content {
        width: 100% !important;
    }

    .kl-section-history {
        padding: 0 !important;
    }

    .kl-section-history-content {
        width: 95% !important;
        left: 3% !important;
        flex-direction: row !important;
    }



    .kl-about-section-number {
        min-height: 585.55px !important;
        padding: 0 !important;
    }

    .kl-about-number-content {
        width: 95% !important;
        left: 3% !important;
    }

    .kl-number-list {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        justify-content: space-around !important;
    }

    .kl-about-nos-engagment {
        padding: 60px 0 !important;
    }

    .kl-about-subscription {
        padding: 60px 0 0 !important;
    }

    .kl-nos-engagment-content,
    .kl-subscription-content {
        width: 95% !important;
        left: 2.5% !important;
    }

    .kl-nos-engagment-title>h1 {
        width: 100% !important;
        text-align: center !important;
    }



    .kl-subscription-text,
    .kl-media-social-list {
        width: 100% !important;
    }


    .kl-footer-content {
        padding: 0 !important;
        min-height: 480.56px !important;
    }

    .kl-footer-logo-content,
    .kl-footer-links {
        width: 95% !important;
        left: 3% !important;
        justify-content: space-around !important;
    }

    .kl-footer-links-content {
        width: 100% !important;
        justify-content: space-around !important;
    }

    .kl-footer-cgu {
        left: 30% !important;
    }

    .kl-benef-title {
        left: 3% !important;
        width: 95% !important;
    }



    .kl-list-content {
        justify-content: normal !important;
    }

    .kl-benefit-list {
        width: 60% !important;
    }

    .kl-benefit-content {
        flex-direction: row !important;
        padding: 10px 20px !important;
    }

    .kl-btn-chat {
        min-width: 213.32px !important;
        width: auto !important;
    }

    .kl-expertise-one {
        padding: 0 !important;
    }

    .kl-expertise-text {
        left: 50% !important;
        width: 45% !important;
    }

    .kl-expertise-content {
        width: 50% !important;
        left: 3% !important;
        top: 100px !important;
    }

    .kl-expertise-one {
        padding: 0 !important;
    }

    .kl-expertise-content-list>span {
        width: 29.36px !important;
    }

    .kl-expertise-two {
        padding: 0 !important;
        flex-direction: row !important;
    }

    .kl-expertise-another-first {
        width: 45% !important;
        min-width: auto !important;
        left: 0 !important;
    }



    .kl-only-image {
        width: 45% !important;
    }

    .kl-social-media {
        padding: 0 !important;
    }

    .kl-social-media-conent {
        width: 50% !important;
        left: 0% !important;
    }

    .kl-expertise-social>h1 {
        width: 75% !important;
    }

    .kl-social-media>.kl-expertise-text {
        left: 55% !important;
    }

    .kl-benef-start-content {
        width: 100% !important;
    }

    .kl-expertise-another-second {
        width: 50% !important;
        left: 3% !important;
    }



    .kl-btn-benefit {
        width: 55% !important;
        left: 10% !important;
    }

    .kl-expertise-another-content>.kl-expertise-desc {
        width: 100% !important;
        text-align: start !important;
    }

    .kl-expertise-another-list {
        left: 50% !important;
        top: 0 !important;
    }



    .kl-section-cta {
        padding: 60px 0 0 !important;
        min-height: 620px !important;
    }

    .kl-cta-content {
        width: 100% !important;
    }

    .kl-cta-content {
        flex-direction: row !important;
        gap: 0 !important;
    }

    .kl-expertise-cta {
        width: 45% !important;
        left: 3% !important;
    }

    .kl-expertise-act-header>.kl-expertise-desc {
        width: 100% !important;
    }

    .kl-act-image {
        width: 45% !important;
        left: 8% !important;
    }

    .kl-act-another-image {
        width: 90% !important;
        left: 5% !important;
    }

    .kl-cta-rectangle-bg {
        width: 100% !important;
    }

    .kl-expertise-act-header>h1 {
        min-height: 130.33px;
    }

    .kl-testimos-section {
        padding: 60px 0 !important;
    }

    .kl-testimos-content {
        flex-direction: row !important;
        gap: 0 !important;
        width: 95% !important;
        left: 3% !important;
    }

    .kl-expertise-testimos-header {
        min-height: auto !important;
    }

    .kl-expertise-testimos-header>h1 {
        height: auto !important;
        min-height: auto !important;
        width: 80% !important;
    }

    .kl-expertise-testimos {
        width: 50% !important;
    }

    .kl-expertise-testimos-text {
        width: 100% !important;
        padding: 0 !important;
    }

    .kl-testimos-desc,
    .kl-testimos-rating {
        width: 100% !important;
    }

    .kl-testimos-home {
        width: 50% !important;
    }

    .kl-testimos-card {
        width: 100% !important;
    }

    .kl-faq-home-section {
        padding: 60px 0 !important;
    }

    .kl-faq-home-content {
        width: 100% !important;
        flex-direction: row !important;
        left: 3% !important;
    }

    .kl-expertise-faq-image {
        width: 50% !important;
    }

    .kl-expertise-faq-image>div {
        width: 95% !important;
        height: 470.53px !important;
    }

    .kl-expertise-faq {
        width: 45% !important;
        gap: 0 !important;
    }

    .kl-expertise-faq-header {
        width: 100% !important;
    }

    .kl-expertise-faq-header>h1 {
        width: 50% !important;
    }

    .kl-expertise-faq-header>.kl-expertise-desc {
        width: 100% !important;
    }

    .kl-expertise-faq-list,
    .accordion {
        width: 100% !important;
    }

    .accordion-item {
        width: 100% !important;
    }


    .kl-hero-contact {
        width: 100% !important;
        min-height: 900px !important;
    }

    .kl-hero-contact-content {
        left: 0 !important;
        padding: 0px 30px !important;
    }

    .kl-form-contact {
        width: 90% !important;
        gap: 0 !important;
    }

    .kl-form-input {
        width: 90% !important;
    }

    .kl-form-input>input {
        width: 100% !important;
        min-height: 0 !important;
    }

    .kl-contact-hero-image {
        top: 29% !important;
        left: 45% !important;
    }



    .kl-nos-forfait-title {
        width: 100% !important;
    }

    .kl-hero-forfait-content {
        width: 100% !important;
        left: 0 !important;
        display: flex !important;
    }

    .kl-hero-forfait-content>h1 {
        width: 50% !important;
    }

    .kl-hero-forfait-list {
        width: 100% !important;
        left: 0 !important;
    }

    .kl-expertise-one .slick-track {
        gap: 55px !important;
    }

    .kl-social-media-conent {
        left: 25% !important;
        transform: translate(-50%) !important;
    }

    .kl-faq-item-content {
        padding: 0 !important;
    }

    .kl-accordion-item {
        width: 100% !important;
    }

    .accordion-button {
        width: 100% !important;
    }

    .kl-hero-testimos-content {
        left: 33% !important;
        transform: translate(-35%) !important;
    }

    .kl-hero-section {
        min-height: 726px !important;
    }

    .kl-section-history {
        padding: 0 30px !important;
    }

    .kl-history-image {
        width: 100% !important;
        height: 100% !important;
    }

    .kl-section-history-content {
        width: 100% !important;
    }

    .kl-hero-contact {
        min-height: 906px !important;
    }

    .kl-expertise-desc {
        font-size: 14px !important;
    }

    .kl-expertise-text-header-history {
        margin-bottom: 35px !important;
    }

    .kl-expertise-text-header {
        gap: 51.65px !important;
    }

    .kl-section-history {
        min-height: 759.88px !important;
    }

    .kl-number-title>h1 {
        width: 100% !important;
        color: #0B1040 !important;
    }

    .kl-hero-forfait-content {
        top: 16% !important;
        transform: translate(-50%) !important;
        left: 48% !important;
    }

    .kl-testimos-card-image>img {
        height: auto !important;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .kl-question {
        font-size: 16px;
    }

    .kl-navigation {
        width: 95%;
        left: 3%;
    }

    .kl-navbar-lg {
        border-radius: 30px;
    }

    .container {
        max-width: 100%;
        overflow: hidden;
        width: 100%;
    }

    .kl-nav-content {
        gap: 0;
    }

    .kl-hero-content {
        left: 3% !important;
    }

    .kl-hero-image {
        left: 51% !important;
        width: 45% !important;
    }

    .kl-about-presection-content {
        width: 90% !important;
        gap: 30px !important;
        left: 5% !important;
    }

    .kl-about-card {
        width: 50% !important;
    }

    .kl-about-card-image {
        width: 100% !important;
    }

    .kl-about-card-content {
        width: 100% !important;
    }

    .kl-section-history {
        padding: 0 !important;
        min-height: 85vh !important;
    }

    .kl-section-history-content {
        top: 70px;
        position: relative;
        justify-content: space-around;
    }

    .kl-about-number-content {
        width: 95%;
        left: 2%;
        position: relative;
        top: 80px;
    }

    .kl-about-nos-engagment,
    .kl-about-section-number {
        padding: 0 !important;
        min-height: 680.55px;
    }

    .kl-nos-engagment-content {
        left: 3%;
        position: relative;
        margin: 60px 0;
        width: 95%;
    }

    .kl-footer-logo-content {
        flex-direction: row;
        justify-content: space-between;
        width: 93%;
    }

    .kl-footer-logo-content {
        left: 3%;
    }

    .kl-footer-links {
        left: 3% !important;
        top: 40%;
        width: 95%;
    }

    .kl-footer-links-content {
        width: 100%;
        justify-content: space-between;
    }

    .kl-footer-cgu {
        left: 25% !important;
    }

    .kl-footer-content {
        min-height: 425.56px !important;
    }

    .kl-number-list {
        width: 100% !important;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .kl-nav-link-content {
        gap: 5.98px !important;
    }

    .kl-nav-link-content {
        min-width: 465.33px;
        width: 100%;
    }

    .kl-benefit-content {
        padding: 25px !important;
    }

    .kl-benef-title {
        left: 20% !important;
        top: 5% !important;
    }

    .kl-expertise-one {
        padding: 60px 0 !important;
    }

    .kl-expertise-text {
        left: 50% !important;
        top: 10% !important;
    }

    .kl-expertise-two {
        padding: 60px 0 0 !important;
    }

    .kl-expertise-another-first {
        left: 3%;
    }

    .kl-only-image {
        width: 45% !important;
    }

    .kl-social-media {
        padding: 60px 0 !important;
    }

    .kl-social-media-conent {
        width: 49% !important;
        left: 0% !important;
        height: 76% !important;
    }

    .kl-expertise-another-list {
        left: 52% !important;
        width: 45% !important;
    }

    .kl-expertise-another-second {
        width: 48% !important;
        left: 3% !important;
        gap: 0 !important;
    }

    .kl-expertise-another-content>h1 {
        width: 100% !important;
    }

    .kl-btn-benefit {
        width: 60% !important;
    }

    .kl-section-cta {
        padding: 60px 0 !important;
    }

    .kl-expertise-cta {
        width: 45% !important;
        left: 3%;
    }

    .kl-cta-content {
        width: 100% !important;
    }

    .kl-expertise-act-header>.kl-expertise-desc {
        width: 100% !important;
    }


    .kl-act-image {
        width: 45% !important;
        left: 5% !important;
    }

    .kl-act-another-image {
        width: 87% !important;
        left: 7%;
    }

    .kl-cta-rectangle-bg {
        width: 100% !important;
        left: 0;
    }

    .kl-testimos-section {
        padding: 60px 0 !important;
    }

    .kl-testimos-content {
        width: 100% !important;
        gap: 0 !important;
    }

    .kl-expertise-testimos {
        width: 45% !important;
        left: 3%;
    }

    .kl-expertise-testimos-header {
        width: 100%;
        min-height: auto;
    }

    .kl-expertise-testimos-text {
        padding: 0 !important;
        width: 100% !important;
    }

    .kl-testimos-desc,
    .kl-testimos-rating {
        width: 100% !important;
    }

    .kl-testimos-home {
        width: 48% !important;
        position: relative;
        left: 5% !important;
    }

    .kl-testimos-card {
        width: 100%;
    }

    .kl-faq-home-section {
        padding: 60px 0 !important;
    }

    .kl-faq-home-content {
        width: 100%;
    }

    .kl-expertise-faq-image {
        width: 45% !important;
        left: 3% !important;
        position: relative;
    }

    .kl-expertise-faq-image>div {
        width: 100% !important;
    }

    .kl-expertise-faq {
        width: 47% !important;
        left: 5% !important;
    }

    .kl-expertise-faq-header {
        width: 100% !important;
        /* gap: 95px !important; */
    }

    .kl-expertise-faq-header>h1 {
        width: 90% !important;
        font-size: 36px;
        min-height: auto;
    }



    .kl-expertise-faq-header>.kl-expertise-desc {
        width: 87% !important;
    }

    .kl-expertise-faq-list {
        width: 100% !important;
    }

    .kl-footer-logo-content {
        flex-direction: row;
        justify-content: space-around;
        width: 93% !important;
        left: 3% !important;
        top: 10%;
    }

    .kl-faq-item-title>h1 {
        text-align: center;
    }


    /* .kl-accordion-button.collapsed>span {
        width: 100% !important;
        font-size: 17px;
    } */

    .kl-hero-contact {
        width: 100% !important;
        min-height: 702px !important;
    }

    .kl-hero-contact-content>h1 {
        font-size: 40.77px !important;
    }

    .kl-hero-contact-content {
        left: 0;
        padding: 0px 30px;
        gap: 0 !important;
    }

    .kl-form-contact {
        width: 100% !important;
        gap: 0 !important;
    }

    .kl-form-input {
        width: 90%;
    }

    .kl-form-input>input {
        width: 94% !important;
        min-height: 0 !important;
    }

    .kl-form-input>textarea {
        width: 94% !important;
        min-height: auto !important;
    }

    .kl-title-contact-form {
        font-size: 36px !important;
    }

    .kl-contact-hero-image {
        top: 29%;
        left: 52%;
    }



    .kl-nos-forfait-title {
        width: 100%;
    }

    .kl-hero-forfait-content {
        left: 0%;
        top: 8%;
        width: 100%;
    }

    .kl-hero-forfait-list {
        left: 0;
        width: 100%;
    }

    .kl-forfait-testimos {
        padding: 60px 0 !important;
    }

    .kl-expertise-testimos {
        gap: 30px;
    }

    .slick-track {
        width: 100% !important;
        gap: 5%;
    }

    .kl-forfaits-number {
        padding: 60px 30px !important;
    }

    .kl-testimos-card {
        width: 95% !important;
    }

    .kl-section-cta {
        padding: 60px 0 !important;
    }

    .kl-history-image {
        width: 45% !important;
    }

    .kl-expertise-history {
        width: 50% !important;
        gap: 70px !important;
    }

    .kl-expertise-history>.kl-expertise-desc,
    .kl-expertise-text-header-history>h1,
    .kl-expertise-text-header-history {
        width: 100%;
    }

    .kl-about-section-number {
        padding: 0 !important;
        min-height: 780px !important;
    }

    .kl-hero-testimos-content {
        width: 100% !important;
        left: 0 !important;
    }

    .kl-hero-testimos-content>h1 {
        width: 100%;
    }

    .kl-testimos-rating.kl-hero-testimos-rating {
        left: 45%;
        width: 30% !important;
    }

    .kl-section-testimos-list {
        padding: 60px 0 !important;
    }

    .kl-testimos-list {
        width: 50% !important;
        gap: 10px !important;
    }

    .kl-expertise-faq {
        gap: 20.32px !important;
    }

    .accordion-body {
        width: 90% !important;
    }

    .accordion-item {
        width: 88% !important;
    }

    .kl-hero-faq-content {
        left: 15% !important;
    }

    .kl-hero-contact-content {
        left: 0 !important;
    }

    .kl-contact-hero-image {
        left: 52% !important;
    }

    .kl-expertise-social>.kl-expertise-desc {
        width: 100% !important;
    }

    .kl-expertise-text {
        gap: 10px !important;
    }

    .kl-nav-btns {
        width: 40% !important;
    }
}

@media (min-width: 1200px) and (max-width: 1279px) {
    .kl-question {
        font-size: 16px;
    }

    .kl-nav-content {
        gap: 0;
    }

    .collapse.navbar-collapse {
        gap: 10px;
    }

    .kl-nav-link-content {
        gap: 10.98px !important;
        justify-content: center;
    }

    .kl-social-media {
        padding: 97.77px 0.1px !important;
    }

    .kl-expertise-text {
        left: 55%;
    }

    .kl-social-media-conent {
        left: 3%;
    }

    .kl-btn-benefit {
        min-width: 219.54px;
    }

    .kl-testimos-section {
        padding: 71.10px 37px !important;
    }

    .kl-act-another-image {
        left: 4%;
    }

    .kl-cta-rectangle-bg {
        left: -6%;
    }

    .kl-faq-home-section {
        padding: 106.66px 25.1px !important;
    }

    .kl-footer-logo-content {
        left: 5%;
    }

    .kl-footer-links {
        left: 28%;
    }

    .kl-about-section-number,
    .kl-about-nos-engagment {
        padding-left: 45px !important;
    }

    .kl-hero-faq-filter {
        gap: 5% !important;
    }

    .kl-faq-item-title>h1 {
        text-align: center !important;
    }

    .kl-hero-forfait-content {
        top: 8% !important;
        left: 25% !important;
    }

    .slick-track {
        width: 100% !important;
        gap: 35px;
    }

    .kl-hero-forfait-list {
        left: 0 !important;
        width: 100%;
    }

    .kl-forfaits-number {
        padding: 50px !important;
    }

    .kl-forfait-testimos {
        padding: 60px 30px !important;
    }

    .kl-expertise-history {
        gap: 65px !important;
    }

    .kl-section-testimos-list {
        padding: 60px 30px !important;
    }
}

@media (min-width: 993px) and (max-width: 1280px) {
    h1 {
        font-size: 49.77px;
    }

    .container {
        max-width: 100%;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

    .collapse.navbar-collapse {
        gap: 0px;
    }

    .kl-navigation {
        /* width: 1214.21px;
        left: 32.88px;
        top: 28.43px; */
        width: 93%;
        left: 3%;
        top: 28.43px;
    }

    .kl-navbar-lg {
        padding: 10.66px 10.66px 10.66px 26.65px;
        min-height: 63.10px;
    }

    .kl-nav-content {
        gap: 44.44px;
    }

    .kl-nav-link-content {
        gap: 12.98px !important;
        min-width: 546.33px;
        min-height: 21.32px;
    }

    .nav-link.dropdown-toggle {
        gap: 13.32px;
    }

    .nav-link {
        font-size: 13.21px;
    }

    .kl-nav-btns {
        width: 100%;
        gap: 12.77px !important;
        justify-content: end;
    }

    .navbar-collapse.collapse.show {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    .kl-btn-login {
        min-width: 142.21px;
        min-height: 41.77px;
        padding: 8.44px 26.43px;
        font-size: 14.21px;
    }

    .kl-btn-subscription {
        width: 199.10px;
        min-height: 41.77px;
        font-size: 14.21px;
    }

    .kl-dropdown-show.show {
        width: auto;
        min-width: 134.97px;
        min-height: 92.13px;
    }


    .kl-hero-content {
        left: 71.99px;
        top: 237.32px;
        width: 522.66px;
        gap: 17.77px;
    }

    .kl-hero-title {
        min-height: 220.43px;
        width: 100%;
    }

    .kl-hero-title-two {
        width: 459.58px;
        min-height: 56.88px;
        top: 170.99px;
        left: -8.46px;
    }

    .kl-hero-text {
        top: 238.21px;
        width: 518.22px;
        font-size: 16px;
        min-height: 39.10px;
    }

    .kl-hero-btns {
        top: 295.10px;
        width: 240.55px;
        min-height: 62.21px;
        gap: 23.10px;
        padding: 8.88px 0;
    }

    .kl-hero-btn {
        padding: 5.33px 17.32px;
        min-width: 223.10px;
        min-height: 44.44px;
    }

    .kl-hero-btn-discover {
        min-width: 213.32px;
        min-height: 44.44px;
        padding: 5.33px 17.32px;
    }

    .kl-hero-image {
        left: 666.00px;
        top: 157.32px;
        width: 511.10px;
        height: 486.22px;
    }

    .kl-benef-section {
        min-height: 783.99px;
    }

    .kl-benef-title {
        left: 319.06px;
        top: 106.66px;
        width: 641.77px;
        min-height: 110.21px;
    }



    .kl-benefit-content {
        top: 225.77px;
        gap: 17.77px;
        padding: 53.32px 71.10px;
    }

    .kl-benefit-list {
        /* left: 71.10px; */
        /* top: 53.32px; */
        width: 665.76px;
        min-height: 427.22px;
        gap: 56.88px;
    }

    .kl-list-content {
        min-height: 187.05px;

    }

    .kl-benefit-card {
        width: 273.77px;
        min-height: 187.05px;
        gap: 21.32px;
    }

    .kl-benefit-body {
        min-width: 273.77px;
        min-height: 124.43px;
        gap: 14.21px;
    }

    .kl-benefit-title {
        font-size: 17.77px;
    }

    .kl-benefit-text {
        font-size: 14.21px;
        width: 260.65px;
    }

    .kl-benefit-chat {
        width: 336.88px;
        gap: 17.77px;
        padding: 26.65px 53.32px;
        height: 248.88px;
    }

    .kl-benefit-chat-body {
        min-width: 258.66px;
        min-height: 133.33px;
        gap: 8.88px;
    }

    .kl-benefit-chat-title {
        font-size: 35.55px;

    }

    .kl-benefit-chat-text {
        font-size: 16px;
    }

    .kl-btn-chat {
        width: 213.32px;
        min-height: 44.44px;
        padding: 5.33px 21.32px;
    }

    .kl-btn-chat a {
        font-size: 13px;
    }

    .kl-expertise-one {
        min-height: 604.43px;
        padding: 97.77px 71.10px;
        gap: 106.66px;

    }

    .kl-expertise-content {
        width: 512.40px;
        min-height: 370.66px;
        padding: 8.88px 0 0 0;

    }

    .kl-expertise-list {
        width: 411.53px;
        min-height: 311.35px;
        gap: 6.22px;
        top: 29.65px;

    }

    .kl-expertise-list>* {
        min-height: 56.38px;
        padding: 15.74px 23.09px;
        margin-bottom: 6.22px;
    }

    .kl-expertise-text {
        width: 476.43px;
        min-height: 408.88px;
        gap: 35.55px;
        left: 732.43px;
        top: 97.77px;
    }

    .kl-expertise-text-header {
        min-height: 208.88px;
        gap: 26.65px;

    }



    .kl-expertise-text-header>h1 {
        width: 379.54px;
        height: 110.21px;
    }

    .kl-expertise-desc {
        width: 417.77px;
        min-height: 71.99px;
        font-size: 16px;
    }

    .kl-expertise-text-list {
        width: 429.32px;
        min-height: 145.77px;
        gap: 17.77px;
    }

    .kl-expertise-content-list {
        min-height: 23.10px;
        gap: 10.66px;
    }

    .kl-expertise-content-list>span {
        width: 30.36px;
        height: 24.36px;

    }

    .kl-expertise-content-list>p {
        font-size: 16px;
        width: 495.32px;
    }

    .kl-expertise-two {
        min-height: 643.88px;
        padding: 97.77px 71.10px;

    }

    .kl-expertise-social>h1 {
        width: 460.54px;
    }

    .kl-expertise-another-first {
        min-width: 519.99px;
        min-height: 519.99px;
        gap: 35.55px;

    }

    .kl-only-image {
        width: 514.29px;
        height: 448.33px;
    }

    .kl-social-media {
        min-height: 606.21px;
        padding: 97.77px 71.10px;
    }

    .kl-social-media-conent {
        width: 545.77px;
        height: 485.33px;
        left: 71.10px;
        top: 60.43px;
    }

    .kl-benef-start {
        min-height: 647.99px;
        gap: 111.99px;
        padding: 53.32px 0 0 0 !important;

    }

    .kl-benef-start-content {
        min-height: 545.77px;
        gap: 65.77px;
    }

    .kl-expertise-another-content>h1 {
        width: 100%;
    }



    .kl-expertise-another-content>.kl-expertise-desc {
        width: 602.65px;
    }

    .kl-expertise-another-second {
        left: 117.32px;
        top: 152.43px;
        width: 525.32px;
        min-height: 240.88px;
        gap: 31.10px;
    }

    .kl-btn-benefit {
        width: 219.54px;
        min-height: 44.44px;
        padding: 5.33px 15.32px;
    }

    .kl-btn-benefit a {
        font-size: 13px;
    }

    .kl-expertise-another-list {
        left: 708.44px;
        width: 454.22px;
        height: 545.77px;
        gap: 56.88px;
    }

    .kl-another-list-card {
        min-height: 244.43px;
        gap: 17.77px;
        padding: 39.99px 39.99px 35.55px;
    }

    .kl-another-card-body {
        min-height: 170.66px;
        gap: 6.22px;
        width: 374.21px;

    }

    .kl-another-card-body>span {
        width: 44.44px;
        height: 44.44px;
        padding: 12.44px;
        gap: 13.76px;
        font-size: 24.88px;
    }

    .kl-another-card-body>h2 {
        width: 189.32px;
        min-height: 74.66px;
        font-size: 28.43px;
    }

    .kl-another-card-body>div {
        width: 75%;
        min-height: 39.10px;
        font-size: 16px;
    }

    .kl-section-cta {
        max-height: 631.10px;
        padding: 71.10px 71.10px 88.88px 71.10px;
    }

    .kl-cta-content {
        width: 1137.77px;
        min-height: 634.65px;
        gap: 36.44px;

    }

    .kl-expertise-cta {
        width: 573.32px;
        min-height: 367.10px;
        gap: 23.10px;
    }



    .kl-expertise-act-header>h1 {
        min-height: 165.33px;

    }

    .kl-expertise-act-header>.kl-expertise-desc {
        width: 573.32px;
        min-height: 47.99px;
    }

    .kl-btn-act {
        width: 223.10px;
        min-height: 44.44px;
        padding: 5.69px 17.76px !important;
    }

    .kl-btn-act a {
        font-size: 13px;
    }

    .kl-act-image {
        width: 533.32px;
        height: 637.32px;
    }

    .kl-act-another-image {
        left: 43.90;
        width: 443.83px;

    }

    .kl-cta-rectangle-bg {
        left: -2.61px;
        top: 162.66px;
        width: 535.95px;
        height: 474.65px;
    }

    .kl-testimos-section {
        min-height: 631.10px;
        padding: 71.10px;
    }

    .kl-testimos-content {
        width: 1137.77px;
        height: 570.65px;
        gap: 4%;

    }

    .kl-expertise-testimos {
        width: 533.32px;
        min-height: 465.77px;
        gap: 8.88px;
    }

    .kl-expertise-testimos-header>h1 {
        width: 434.54px !important;
    }



    .kl-expertise-testimos-text {
        width: 533.32px;
        min-height: 311.99px;
        gap: 42.66px;
        padding: 64px 0 21.32px;

    }

    .kl-hero-btn a,
    .kl-hero-btn-discover a {
        font-size: 13px;
    }

    .kl-testimos-desc {
        width: 533.32px;
        min-height: 96.88px;
        font-size: 16px;

    }

    .kl-testimos-rating {
        width: 533.32px;
        min-height: 21.32px;
        gap: 22.21px;
    }

    .kl-testimos-rating>span {
        font-size: 14.21px;
    }

    .kl-testimos-rating-svg {
        width: 120.88px;
        height: 17.77px;
        gap: 7.99px;
    }

    .kl-testimos-rating-svg>svg {
        width: 17.77px;
        height: 17.77px;
    }

    .kl-testimos-home {
        width: 533.32px;
        min-height: 570.65px;
        gap: 28.43px;
    }

    .kl-testimos-card {
        width: 537.76px;
        min-height: 271.10px;
        gap: 36.44px;
        padding: 21.32px;
    }

    .kl-testimos-card-image {
        width: 206.21px;
        height: 228.44px;

    }

    .kl-testimos-card-body {
        width: 247.99px;
        min-height: 204.44px;
        gap: 12.44px;
    }

    .kl-testimos-card-body>p {
        width: 247.99px;
        min-height: 117.32px;
        font-size: 16px;
    }

    .kl-testimos-card-footer {
        width: 247.99px;
        min-height: 74.66px;
        gap: 14.21px;
    }

    .kl-testimos-card-footer-text {
        min-height: 42.66px;
    }

    .kl-testimos-name {
        font-size: 14.21px;

    }

    .kl-testimos-work {
        font-size: 14.21px;

    }

    .kl-testimos-card-rating {
        width: 120.88px;
        min-height: 7.99px;
    }

    .kl-testimos-card-rating>svg {
        width: 17.77px !important;
        height: 17.77px !important;
    }

    .kl-faq-home-section {
        min-height: 631.10px;
        padding: 106.66px 71.10px;
        left: 2%;
        width: 95%;
    }

    .kl-expertise-faq-image {
        width: 587.55px;
        height: 538.53px;
    }

    .kl-expertise-faq-image>div {
        width: 499.17px;
        height: 538.53px;

    }

    .kl-expertise-faq {
        width: 591.99px;
        min-height: 472.18px;
        gap: 53.32px;
        left:4%;
    }

    .kl-expertise-faq-header>h1 {
        width: 615.19px;
        height: 56.66px;
    }

    .kl-expertise-faq-header {
        width: 640px;
        min-height: 129.88px;
    }



    .kl-expertise-faq-header>.kl-expertise-desc {
        width: 640px;
        min-height: 43.06px;

    }

    .kl-expertise-faq-list {
        width: 580px;
        min-height: 315.78px;

    }

    .accordion-item {
        width: 568.43px;
        width: 100%;
        min-height: 86.21px;
        gap: 17.77px;
    }

    .accordion-body {
        width: 457.52px;
        min-height: 58.65px;
        font-size: 16px;

    }

    .kl-about-subscription {
        min-height: 263.99px;
        padding: 68.44px;
    }

    .kl-subscription-text {
        width: 506.65px;
        min-height: 110.21px;
        gap: 31.10px;

    }

    .kl-accordion-item {
        width: 492.44px;
        min-height: 86.21px;
    }



    .kl-media-social-list>* {
        min-width: 162.06px;
        height: 60.41px;
        gap: 35.55px;
        font-size: 16px;
    }

    .kl-subscription-desc {
        font-size: 16px;
    }

    .kl-media-social-list {
        width: 416.98px;
        min-height: 155.67px;
        gap: 74.96px;
    }

    .kl-media-social-icon {
        width: 64.04px;
        height: 64.04px;
    }

    .kl-footer-content {
        min-height: 322.56px;
        padding-top: 71.10px !important;
    }

    .kl-footer-logo-content {
        left: 112.39px;
        width: 224.88px;
        min-height: 189.81px;
        gap: 23.42px;
    }

    .kl-footer-logo {
        width: 182.00px;
        height: 33.86px;

    }

    .kl-footer-contact {
        font-size: 14.21px;

    }

    .kl-footer-contact-list {}

    /* * {
        outline: 1px solid red;
    } */

    .kl-footer-newsletter {
        font-size: 14.21px;
        gap: 18.74px;
    }

    .kl-btn-newsletter {
        width: 224.88px;
        min-height: 41.77px;
        gap: 8.88px;
        font-size: 11.55px !important;
    }

    .kl-btn-newsletter-svg {
        width: 33.77px;
        height: 33.77px;

    }

    .kl-footer-links {
        left: 32%;
    }

    .kl-footer-links-content {
        gap: 8vh;
    }

    .kl-footer-link-header {
        font-size: 14.21px;
        min-height: 49.77px;
    }

    .kl-footer-list-ul {
        font-size: 14.21px;
    }

    .kl-footer-link-header {
        font-size: 14.21px;
        min-height: 49.77px;

    }

    .kl-footer-contact-us {
        gap: 9.37px;

    }

    .btn.kl-footer-link {
        width: 150.55px;
        padding: 10.26px;
    }

    .kl-button-image {
        width: 131.55px;
    }

    .kl-footer-hr {
        gap: 23.42px;
        height: 18.74px;
        gap: 23.42px;
    }

    .kl-footer-hr-line {
        width: 726.32px;
    }

    .kl-footer-message-icon {
        width: 53.26px;
        height: 53.26px;
    }

    .kl-footer-cgu {
        left: 78.74px;
        min-width: 382.21px;
        min-height: 21.32px;
        gap: 31.10px;
        font-size: 14.21px;
        top: 192.13px;
    }

    /*about responsive */
    .kl-about-presection {
        min-height: 470.32px;
        padding: 0 !important;
    }

    .kl-about-presection-content {
        justify-content: center;
        width: 100%;
        min-height: 412.43px;
        gap: 68.43px;
        margin: 40px 0;
    }

    .kl-about-card {
        width: 554.66px;
        min-height: 412.43px;
        gap: 21.32px;
        padding: 35.55px;

    }

    .kl-about-card-image {
        width: 483.55px;
        height: 206.21px;
    }

    .kl-about-card-content {
        width: 483.55px;
        min-height: 119.99px;
        gap: 21.32px;
    }

    .kl-about-card-text {
        font-size: 16px;
    }

    .kl-section-history {
        min-height: 640.88px;
        padding: 84.43px 69.33px;
    }

    .kl-history-image {
        width: 511.10px;
        height: 486.13px;
    }

    .kl-expertise-history {
        width: 522.66px;
        min-height: 405.32px;
        gap: 60.77px;
    }

    .kl-expertise-text-header-history {
        width: 522.66px;
        height: 55.10px;
    }



    .kl-expertise-history>.kl-expertise-desc {
        width: 518.22px;
        font-size: 14px;
        min-height: 332.44px;
    }

    .kl-section-about-image {
        max-height: 467.54px;
    }

    .kl-about-section-number {
        min-height: 451.55px;
        padding: 69.33px 88.88px 75.55px;
    }

    .kl-number-title>h1 {
        width: 100% !important;
        left: 0 !important;
    }

    .kl-about-number-content {
        gap: 55.10px;
    }

    .kl-number-title>h1 {
        width: 1102.14px;
        min-height: 55.10px;

    }

    .kl-number-list {
        width: 100%;
        min-height: 182.21px;
        gap: 28.43px;
    }

    .kl-number-card {
        width: 348.43px;
        min-height: 182.21px;
        gap: 21.32px;
        padding: 21.32px !important;

    }

    .kl-number-card-text {
        width: 305.77px;
        min-height: 58.65px;
        font-size: 15.99px;
    }

    .kl-about-nos-engagment {
        min-height: 451.55px;
        padding: 69.331px 88.88px 75.55px;
    }

    .kl-nos-engagment-content {
        gap: 73.77px;
    }


    .kl-subscription-content {
        gap: 47.99px;
    }

    .kl-hero-contact {
        min-height: 804.54px;
    }

    .kl-hero-contact-content {
        left: 89.99px;
        top: 160.88px;
        width: 544.88px;
        min-height: 583.86px;
        gap: 19.546px;
    }

    .kl-form {
        gap: 19.54px;
    }

    .kl-form-contact {
        gap: 19.54px 40.88px;

    }

    .kl-form-input {
        width: 234.31px;
        min-height: 100.44px;
        gap: 14.21px;
    }

    .kl-form-input>label {
        font-size: 16px;
    }

    .kl-form-input>input {
        width: 234.31px;
        min-height: 62.21px;

    }

    .kl-form-textarea {
        width: 509.42px;
        min-height: 182.97px;
    }

    .kl-btn-submit {
        padding: 5.33px 21.32px;
        width: 219.54px;
        min-height: 44.44px;
        font-size: 14.21px;
    }

    .kl-contact-hero-image {
        top: 162.32px;
        width: 569.1px;
        height: 561.22px;
    }

    .kl-forfaits-number {
        min-height: 506.65px;
        padding: 69.33px 88.88px;
    }

    .kl-nos-forfait-content {
        gap: 73.77px;
    }

    .kl-nos-forfait-title {
        width: 98%;

    }

    .kl-nos-forfait-title>h1 {
        width: 686.14px;
    }



    .kl-contact-start {
        min-height: 337.28px;
        padding: 88.88px 71.10px !important;
    }

    .kl-contact-start-content {
        gap: 31.10px;
    }

    .kl-contact-start-text {
        width: 1069.74px;
        min-height: 55.10px;
    }



    .kl-contact-start-description {
        font-size: 16px;
    }

    .kl-btn-start {
        min-width: 219.54px;
        min-height: 44.44px;
        padding: 5.33px 21.32px;
    }

    /* faq responsive*/
    .kl-hero-faq {
        min-height: 413.32px !important;
    }

    .kl-hero-faq-content {
        left: 22%;
        transform: translate(10%);
        top: 30%;
        width: 625.11px;
        min-height: 55.10px;
        /* margin-top: 10vh; */
    }

    .kl-hero-faq-content>h1 {
        min-height: 55.10px;
    }

    .kl-hero-faq-content>.kl-hero-title-two {
        left: 323.61px;
        top: 4.83px;
        width: 276.73px;
    }

    .kl-hero-faq-filter {
        left: 239.10px;
        top: 252.43px;
        width: 801.77px;
        height: 80.88px;
        gap: 8.88px;
        padding: 6.66px 8.88px !important;
    }

    .kl-btn-faq-filter {
        width: 188.87px;
        height: 59.54px;
        padding: 17.77px 0;
        font-size: 16px !important;
    }

    .kl-faq {
        padding: 71.10px 88.88px;
    }

    .kl-faq-list-content {
        gap: 84.33px;
    }

    .kl-faq-list {
        width: 100%;
        min-height: 378.04px;
    }

    .kl-faq-item-title>h1 {
        width: 100%;
        min-height: 59.54px;
    }

    /* .kl-faq-item-content {
        padding: 0 80px;
    } */

    .kl-faq-list-two {
        width: 46%;
    }

    .kl-faq-list-one {
        width: 48%;
    }

    /* .accordion-button>span {
        min-width: 424.58PX;
        min-height: 24.88px;
        font-size: 17.77px;
    } */

    /* .kl-accordion-button.collapsed>span {
        width: 418.58px;
    } */


    /* package responsive*/
    .kl-hero-forfaits {
        min-height: 960.88px !important;
    }

    .kl-hero-forfait-content {
        left: 25%;
        top: 8%;
        width: 581.62px;
        min-height: 116.48px;
    }

    .kl-hero-forfait-content>.kl-hero-title-two {
        left: 152.88px;
        top: 60.63px;
        width: 283.90px;
    }

    .kl-hero-forfait-list {
        left: 0;
        top: 325.33px;
        gap: 18.74px;
        width: 100%;
    }

    .kl-forfait-card-eco {
        height: 352px;
    }

    .kl-forfait-card-title {
        width: 100%;
        min-height: 57.76px;
        font-size: 19.54px;
    }

    .kl-forfait-price-amount {
        min-height: 37.33px;
    }

    .kl-forfait-price-amount>span {
        font-size: 24.88px;

    }

    .kl-forfait-price-type,
    .kl-forfait-price-text {
        font-size: 12.44px;

    }

    .kl-forfait-card-list {
        min-height: 133.33px;
        padding: 23.42px 0 !important;

    }

    .kl-forfait-card-list-item {
        min-height: 33.77px;
        gap: 10.66px;
        padding: 9.37px 10.05px;
        font-size: 14.21px;

    }

    /* .kl-btn-subscribe {
        width: 111.99px;
        min-height: 38.22px;
        left: 61.31px;
        top: 333.51px;
        font-size: 14.21px !important;
    } */

    .kl-forfait-card-smart {
        height: 400.88px;
        width: 258px;
    }

    .kl-forfait-card-serenite {
        height: 460.1px;

    }

    .kl-forfait-card-horizon {
        height: 510.32px;
    }

    .kl-forfait-testimos {
        min-height: 631.10px;
        padding: 71.10px;
    }

    /* testimos responsive */
    .kl-hero-testimos {
        min-height: 413.32px !important;
    }

    .kl-hero-testimos-content {
        left: 297.77px;
        top: 151.17px;
        min-width: 684.44px;
        min-height: 110.21px;
        gap: 26.65px;
    }

    .kl-hero-testimos-content>.kl-hero-title-two {
        left: 441.80px;
        top: 56.85px;
        width: 260.55px;
    }

    .kl-hero-testimos-rating {
        width: 499.74px;
        min-height: 19.97px;
        gap: 20.81px;
    }

    .kl-section-testimos-list {
        padding: 71.10px 88.88px;
    }

    .kl-hero-faq-filter {
        left: 25%;
        transform: translate(-8%);
        width: 62%;
        gap: 1%;
    }

    .kl-accordion-item-two {
        min-height: 142px;
    }

    .calendly-mobile {
        height: 483px !important;
    }
}


@media (min-width: 1281px) and (max-width: 1365px) {
    .kl-question {
        font-size: 15px;
    }

    .kl-navigation {
        left: 3%;
        width: 95%;
    }

    .kl-navbar-lg {
        padding: 0 10px;
    }

    .kl-nav-content {
        gap: 20px;
    }

    .kl-nav-link-content {
        gap: 15px;
    }

    .container {
        max-width: 100%;
        width: 100%;
        overflow: hidden;
    }

    .kl-expertise-one {
        padding: 104.34px 30.88px;
    }

    .kl-social-media {
        padding: 104.34px 15.88px;
    }

    .kl-social-media-conent {
        left: 3%;
    }

    .kl-expertise-text {
        left: 55%;
    }

    .kl-btn-benefit {
        width: 255.3px;
    }

    .kl-section-cta {
        padding: 75.88px 30.88px 94.86px 30.88px
    }

    .kl-testimos-section {
        padding: 75.88px 25px;
    }

    .kl-faq-home-section {
        padding: 113.83px 25.88px;
    }

    .kl-about-presection {
        padding-left: 30px !important;
    }

    .kl-about-section-number,
    .kl-about-nos-engagment {
        padding: 73.99px 50.86px 80.63px !important;
    }

    .kl-hero-forfait-list {
        width: 100%;
        left: 0;
    }

    .kl-forfaits-number {
        padding: 50px;
    }

    .kl-forfait-testimos {
        padding: 60px 35px !important;
    }

    .kl-expertise-list {
        width: 100%;
    }

    .info-box {
        top: 48px;
    }

    .calendly-mobile {
        height: 511px !important;
    }
}

@media (min-width: 1367px) and (max-width: 1399px) {
    .kl-navigation {
        left: 3%;
    }

    .container {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .kl-forfaits-number {
        padding: 73.99px 94.86px !important;
    }

    .kl-expertise-one {
        padding: 104.34px 75.88px !important;
    }

    .kl-expertise-two {
        padding: 104.34px 75.88px !important;
    }

    .kl-benef-start {
        padding: 56.91px 0 0 0 !important;
    }

    .kl-btn-benefit {
        width: 50%;
    }

    .kl-section-cta {
        padding: 75.88px 75.88px 94.86px 75.88px !important;
    }

    .kl-testimos-section {
        padding: 75.88px !important;
    }

    .kl-faq-home-section {
        padding: 113.83px 75.88px !important;
    }

    .kl-footer-logo-content,
    .kl-footer-links {
        top: 20%;
    }

    .kl-section-history {
        padding: 90.11px 73.99px !important;
    }

    .kl-section-testimos-list {
        padding: 75.88px 94.86px !important;
    }

    .info-box {
        top: 38px;
    }

    .calendly-mobile {
        height: 533px !important;
    }

    .kl-contact-hero-image {
        top: 187.9px;
        height: 518.89px;
    }
}

/*responsive grand ecran*/
@media (min-width: 1400px) and (max-width: 1440px) {
    .kl-btn-login {
        font-size: 16px !important;
    }

    .kl-btn-subscription {
        font-size: 16px !important;
    }

    .kl-nav-link-content {
        min-width: 60% !important;
    }

    .kl-nav-btns {
        width: 37% !important;
    }

    .nav-link {
        font-size: 16px !important;
    }

    .kl-nav-link-content {
        gap: 1% !important;
    }

    .kl-nav-btns {
        width: 39% !important;
    }

    .kl-hero-contact {
        width: 100% !important;
        min-height: 1030px !important
    }

    .kl-hero-contact-content>h1 {
        font-size: 40.77px !important;
    }

    .kl-hero-contact-content {
        left: 0 !important;
        padding: 0px 92px !important;
        width: 100% !important;
    }

    .kl-form-contact {
        width: 90% !important;
        gap: 0 !important;
    }

    .kl-form-input {
        width: 34% !important
    }

    .kl-form-input>input {
        width: 68% !important;
        min-height: 72px !important;
    }

    .kl-contact-hero-image {
        top: 28% !important;
        left: 56% !important;
    }



    .kl-nos-forfait-title {
        width: 100% !important;
    }


}

@media (min-width: 1400px) and (max-width: 1724px) {
    .kl-btn-login {
        font-size: 16px !important;
    }

    .kl-btn-subscription {
        font-size: 16px !important;
    }

    .kl-nav-link-content {
        min-width: 60% !important;
    }

    .kl-nav-btns {
        width: 37% !important;
    }

    .nav-link {
        font-size: 16px !important;
    }

    .kl-nav-link-content {
        gap: 1% !important;
    }

    .kl-nav-btns {
        width: 39% !important;
    }

    .kl-hero-contact {
        width: 100% !important;
        min-height: 1030px !important
    }

    .kl-hero-contact-content>h1 {
        font-size: 40.77px !important;
    }

    .kl-hero-contact-content {
        left: 0 !important;
        padding: 0px 92px !important;
        width: 100% !important;
    }

    .kl-form-contact {
        width: 47% !important;
        gap: 0 !important;
        height: 655px !important;
    }

    .kl-form-input {
        width: 34% !important
    }

    .kl-form-input>input {
        width: 68% !important;
        min-height: 72px !important;
    }

    .kl-contact-hero-image {
        top: 28% !important;
        left: 56% !important;
    }



    .kl-nos-forfait-title {
        width: 100% !important;
    }

    .kl-hero-image {
        left: 50% !important;
        transform: translate(20%);
    }

    .info-box {
        top: 44px;
    }

    .kl-hero-image>img {
        height: 711px;
    }

    .kl-contact-hero-image {
        top: 19% !important;
    }

}

@media (min-width: 1921px) {
    .kl-navigation {
        width: 1366px;
    }
}

@media (min-width: 1921px) and (max-width: 2199px) {
    .kl-navigation {
        left: 15%;
    }

    .kl-hero-content {
        left: 20%;
    }

    .kl-hero-image {
        left: 53%;
    }

    .kl-benef-title {
        left: 35%;
    }

    .kl-benefit-content {
        /* justify-content: center; */
        left: 20%;
    }

    .kl-expertise-content {
        left: 20%;
    }

    .kl-expertise-text {
        left: 55%;
        top: 5%;
    }

    .kl-social-media-conent {
        left: 20%;
    }

    .kl-expertise-another-list {
        left: 55%;
    }

    .kl-expertise-another-second {
        left: 25%;
    }

    .kl-hero-forfait-content {
        left: 33%;
    }

    .kl-hero-forfait-list {
        left: 15%
    }

    .kl-hero-image-bg-forfaits {
        width: 50%;
        left: 30%;

    }

    .kl-nos-forfait-title {
        left: 18%;
    }

    .kl-number-list {
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .kl-testimos-content {
        left: 25%;
    }

    .kl-testimos-content {
        left: 17%;
        gap: 3vh;
    }

    .kl-section-history-content {
        justify-content: center;
        align-items: center;
        gap: 12vh;
        margin-top: 12vh;
    }

    .kl-section-about-image {
        min-height: 11vh;
        width: 60%;
        left: 20%;
    }

    .kl-hero-contact-content {
        left: 18%;
    }

    .kl-about-number-content {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-about-nos-engagment {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-number-title>h1 {
        width: 100%;
        left: 0;
    }

    .kl-hero-faq-content {
        left: 35%;
    }

    .kl-hero-faq-filter {
        left: 30%;
    }

    .kl-faq-list-content {
        justify-content: center;
        align-items: center;
    }

    .kl-footer-logo-content {
        left: 17%;
    }

    .kl-footer-links-content {
        gap: 9.5vh;
        ;
    }

    .kl-footer-links {
        left: 38%;
    }

    .kl-section-cta {
        min-height: 745px;

    }

    .kl-cta-content {
        left: 20%;
        gap: 2vh;
    }

    .kl-faq-home-content {
        justify-content: center;
    }

    .calendly-mobile {
        height: 513px !important;
    }

}

@media (min-width: 2200px) and (max-width: 2560px) {
    .kl-navigation {
        left: 22%;
    }

    .kl-hero-content {
        left: 25%;
    }

    .kl-hero-image {
        left: 50%;
    }

    .kl-benef-title {
        left: 35%;
    }

    .kl-benefit-content {
        gap: 100px;
        left: 23%;
    }

    .kl-expertise-text,
    .kl-expertise-another-list {
        left: 55%;
    }

    .kl-social-media-conent,
    .kl-expertise-content {
        left: 24%;
    }

    .kl-expertise-another-second {
        left: 26%;
    }

    .kl-hero-contact-content {
        left: 25%;
    }

    .kl-hero-forfait-content {
        left: 38%;
    }

    .kl-hero-forfait-list {
        left: 25%;
    }

    .kl-hero-image-bg-forfaits {
        top: 40%;
        left: 35%;
    }

    .kl-testimos-content {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .kl-footer-logo-content {
        left: 25%;
    }

    .kl-footer-links {
        left: 35%;
    }
    .kl-footer-cgu {
        left: 26%;
    }

    .kl-section-history-content {
        justify-content: center;
        align-items: center;
        gap: 12vh;
        margin-top: 12vh;
    }

    .kl-section-about-image {
        min-height: 11vh;
        width: 50%;
        left: 25%;
    }

    .kl-about-number-content {
        justify-content: center;
        align-items: center;
        gap: 8vh;
    }

    .kl-history-image {
        width: 25%;
        height: auto;
    }

    /* .kl-number-title>h1 {
        width: 100%;
        left: 0;
    } */

    .kl-about-nos-engagment {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-hero-faq-content {
        left: 37%;
    }

    .kl-hero-faq-filter {
        left: 32%;
    }

    .kl-faq-list-content {
        justify-content: center;
        align-items: center;
    }

    .kl-hero-image-bg,
    .kl-hero-image-bg-legales {
        left: 40%;
    }

    .kl-nos-forfait-content {
        left: 26%;
        width: 50%;
    }

    .kl-nos-engagment-content {
        position: relative;
        left: 25%;
        width: 50%;
    }

    .kl-section-cta {
        min-height: 745.51px;

    }

    .kl-cta-content {
        left: 23%;
        gap: 10vh;
    }

    .kl-faq-home-content {
        justify-content: center;
    }

    .kl-expertise-two {
        justify-content: center;
        gap: 70px;
        left: -1%;
    }

    .calendly-mobile {
        height: 533px !important;
    }

    .kl-contact-hero-image {
        left: 49%;
        top: 187.9px;
    }

    .calendly-inline-widget {
        height: 555px;
    }
}

@media (min-width: 2561px) and (max-width: 2830px) {
    .kl-navigation {
        left: 25%;
    }

    .kl-hero-content {
        left: 28%;
    }

    .kl-hero-image {
        left: 53%;
    }

    .kl-hero-image-bg {
        left: 43%;
    }

    .kl-benef-title {
        left: 40%;
    }

    .kl-benefit-content {
        left: 25%;
        gap: 61px;
    }

    .kl-expertise-content {
        left: 28%;
    }

    .kl-expertise-text,
    .kl-expertise-another-list {
        left: 52%;
    }

    .kl-social-media-conent,
    .kl-expertise-another-second {
        left: 28%;
    }

    .kl-expertise-text {
        left: 55%;
    }

    /* .kl-nos-forfait-title {
        width: 100%;
    } */

    .kl-hero-forfait-content {
        left: 38%;
    }

    .kl-hero-forfait-list {
        left: 25%;
    }

    .kl-hero-image-bg-forfaits {
        top: 40%;
        left: 35%;
    }

    .kl-testimos-content {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .kl-nos-forfait-content {
        width: 50%;
        left: 27%;
    }

    .kl-nos-engagment-content {
        left: 27.5%;
        position: relative;
        width: 50%;
    }

    .kl-section-history-content {
        justify-content: center;
        align-items: center;
        gap: 12vh;
        margin-top: 12vh;
    }

    .kl-section-about-image {
        min-height: 11vh;
        width: 50%;
        left: 25%;
    }

    .kl-about-number-content {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-history-image {
        width: 25%;
        height: auto;
    }

    /* .kl-number-title>h1 {
        width: 100%;
        left: 0;
    } */

    .kl-about-nos-engagment {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-hero-faq-content {
        left: 37%;
    }

    .kl-hero-faq-filter {
        left: 32%;
    }

    .kl-faq-list-content {
        justify-content: center;
        align-items: center;
    }

    .kl-footer-logo-content {
        left: 27%;
    }

    .kl-footer-links {
        left: 40%;
    }

    .kl-hero-contact-content {
        left: 28%;
    }

    .kl-cta-content {
        left: 25%;
        gap: 2vh;
    }

    .kl-faq-home-content {
        justify-content: center;
    }

    .kl-section-cta {
        min-height: 710px;
    }

    .kl-expertise-two {
        left: 26%;
        width: 50%;
    }

    .kl-contact-hero-image {
        top: 190.9px;
    }

    .calendly-mobile {
        height: 535px !important;
    }

    .calendly-inline-widget {
        height: 555px;
    }
}

@media (min-width: 2831px) and (max-width: 2905px) {
    .kl-navigation {
        left: 25%;
    }

    .kl-hero-image {
        left: 50%;
    }

    .kl-hero-content,
    .kl-social-media-conent,
    .kl-expertise-another-second,
    .kl-hero-contact-content {
        left: 28%;
    }

    .kl-hero-image-bg,
    .kl-hero-image-bg-legales {
        left: 43%;
    }

    .kl-benef-title {
        left: 38%;
    }

    .kl-benefit-content {
        left: 25%;
        width: 50%;
        gap: 60px;
    }

    .kl-expertise-content,
    .kl-nos-forfait-content {
        left: 27%;
    }

    .kl-expertise-text {
        left: 55%;
    }

    .kl-expertise-text,
    .kl-expertise-another-list {
        left: 53%;
    }

    .kl-nos-forfait-content {
        width: 44%;
    }

    .kl-testimos-content {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .kl-footer-logo-content {
        left: 27%;
    }

    .kl-footer-links {
        left: 43%;
    }

    .kl-section-history-content {
        justify-content: center;
        align-items: center;
        gap: 5vh;
        margin-top: 12vh;
    }

    .kl-section-about-image {
        min-height: 11vh;
        width: 48%;
        left: 25%;
    }

    .kl-about-number-content {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-history-image {
        width: 25%;
        height: auto;
    }

    /* .kl-number-title>h1 {
        width: 100%;
        left: 0;
    } */

    .kl-about-nos-engagment {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-hero-faq-content {
        left: 38%;
    }

    .kl-hero-faq-filter {
        left: 34%;
    }

    .kl-faq-list-content {
        justify-content: center;
        align-items: center;
    }

    .kl-nos-engagment-content {
        justify-content: center;
        align-items: center;
    }

    /* .kl-nos-forfait-title {
        width: 100%;
    } */

    .kl-hero-forfait-content {
        left: 38%;
    }

    .kl-hero-forfait-list {
        left: 26.6%;
    }

    .kl-hero-image-bg-forfaits {
        top: 40%;
        left: 35%;
    }

    .kl-cta-content {
        left: 28%;
        gap: 2vh;
    }

    .kl-faq-home-content {
        justify-content: center;
    }

    .kl-section-cta {
        min-height: 53vh;
    }

    .kl-expertise-two {
        justify-content: center;
        align-items: center;
    }

    .kl-section-cta {
        min-height: 710px;
    }

    .kl-contact-hero-image {
        top: 189.9px;
    }

    .calendly-mobile {
        height: 531px !important;
    }
}

@media (min-width: 2906px) and (max-width: 3120px) {
    .kl-navigation {
        left: 27%;
    }

    .kl-hero-image {
        left: 52%;
    }

    .kl-hero-contact-content {
        left: 29%;
    }

    .kl-nos-forfait-content {
        width: 50%;
        left: 25%;
    }

    .kl-hero-forfait-content {
        left: 40%;
    }

    .kl-hero-forfait-list {
        left: 28.8%;
    }

    .kl-hero-image-bg-forfaits {
        top: 45%;
        left: 36%;
    }

    .kl-testimos-content {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .kl-nos-forfait-content {
        width: 100%;
    }

    .kl-footer-logo-content {
        left: 30%;
    }

    .kl-footer-links {
        left: 43%;
    }

    .kl-section-history-content {
        justify-content: center;
        align-items: center;
        gap: 5vh;
        margin-top: 12vh;
    }

    .kl-section-about-image {
        min-height: 11vh;
        width: 48%;
        left: 25%;
    }

    .kl-about-number-content {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-history-image {
        width: 25%;
        height: auto;
        padding-left: 2%;
    }

    /* .kl-number-title>h1 {
        width: 100%;
        left: 0;
    } */

    .kl-about-nos-engagment {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-hero-faq-content {
        left: 40%;
    }

    .kl-hero-faq-filter {
        left: 36%;
    }

    .kl-faq-list-content {
        justify-content: center;
        align-items: center;
    }

    .kl-hero-contact-content {
        left: 29%;
    }

    .kl-nos-forfait-content {
        width: 50%;
        left: 29%;
    }

    .kl-hero-content {
        left: 30%;
    }

    .kl-btn-login {
        min-width: 158px;
    }

    .kl-nav-btns {
        width: 50%;
    }

    .kl-benef-title {
        left: 40%;
    }

    .kl-benefit-content {
        width: 50%;
        left: 28%;
    }

    .kl-expertise-content,
    .kl-expertise-another-second {
        left: 30%;
    }

    .kl-expertise-text,
    .kl-social-media>.kl-expertise-text,
    .kl-expertise-another-list {
        left: 55%;
    }

    .kl-social-media-conent {
        left: 29%;
    }

    .kl-forfaits-number>.kl-number-list {
        justify-content: normal;
    }

    .kl-cta-content {
        left: 29%;
        gap: 2vh;
    }

    .kl-faq-home-content {
        justify-content: center;
    }

    .kl-section-cta {
        min-height: 710px;
    }

    .kl-expertise-two {
        left: 26.4%;
        width: 50%;
    }

    .kl-contact-hero-image {
        top: 189.9px;
    }

    .calendly-mobile {
        height: 531px !important;
    }
}

@media (min-width: 3121px) and (max-width: 3350px) {
    .kl-navigation {
        left: 28.2%;
    }

    .kl-hero-image {
        left: 52%;
    }

    .kl-hero-content {
        left: 30%;
    }

    .kl-hero-image-bg {
        left: 43%;
    }

    .kl-benef-title {
        left: 40%;
    }

    .kl-benefit-content {
        left: 28%;
        width: 50%;
        gap: 61px;
    }

    .kl-expertise-text {
        left: 55%;
    }

    .kl-expertise-content,
    .kl-social-media-conent,
    .kl-hero-contact-content,
    .kl-nos-forfait-content {
        left: 30%;
    }

    .kl-social-media>.kl-expertise-text {
        left: 55%;
    }

    .kl-expertise-another-list {
        left: 53%;
    }

    .kl-expertise-another-second {
        left: 30%;
    }

    .kl-contact-hero-image {
        left: 50%;
    }

    .kl-nos-forfait-content {
        width: 50%;
        left: 32%;
    }

    .kl-hero-forfait-content {
        left: 40%;
    }

    .kl-hero-forfait-list {
        left: 29.6%;
    }

    .kl-hero-image-bg-forfaits {
        top: 36%;
        left: 40%;
    }

    .kl-testimos-content {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .kl-footer-logo-content {
        left: 28%;
    }

    .kl-footer-links {
        left: 44%;
    }

    .kl-section-history-content {
        justify-content: center;
        align-items: center;
        gap: 5vh;
        margin-top: 12vh;
    }

    .kl-section-about-image {
        min-height: 11vh;
        width: 48%;
        left: 25%;
    }

    .kl-about-number-content {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-history-image {
        width: 25%;
        height: auto;
        padding-left: 2%;
    }

    /* .kl-number-title>h1 {
        width: 100%;
        left: 0;
    } */

    .kl-about-nos-engagment {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-hero-faq-content {
        left: 40%;
    }

    .kl-hero-faq-filter {
        left: 36%;
    }

    .kl-faq-list-content {
        justify-content: center;
        align-items: center;
    }

    .kl-section-history-content {
        justify-content: center;
        align-items: center;
        gap: 5vh;
        margin-top: 12vh;
    }

    .kl-section-about-image {
        min-height: 11vh;
        width: 43%;
        left: 29%;
    }

    .kl-about-number-content {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-history-image {
        width: 25%;
        height: auto;
        padding-left: 2%;
    }

    /* .kl-number-title>h1 {
        width: 100%;
        left: 0;
    } */

    .kl-about-nos-engagment {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-hero-faq-content {
        left: 40%;
    }

    .kl-hero-faq-filter {
        left: 36%;
    }

    .kl-faq-list-content {
        justify-content: center;
        align-items: center;
    }

    .kl-forfaits-number>.kl-number-list {
        justify-content: normal !important;
    }

    .kl-nos-engagment-content {
        position: relative;
        left: 31%;
    }

    .kl-cta-content {
        left: 29%;
        gap: 2vh;
    }

    .kl-faq-home-content {
        justify-content: center;
    }

    .kl-section-cta {
        min-height: 44.88vh;
    }

    .kl-expertise-two {
        justify-content: center;
        align-items: center;
    }

    .kl-section-cta {
        min-height: 710px;
    }

    .kl-contact-hero-image {
        top: 189.9px;
    }

    .calendly-mobile {
        height: 531px !important;
    }
}

@media (min-width: 3351px) and (max-width: 3510px) {
    .kl-navigation {
        left: 29%;
    }

    .kl-hero-image {
        left: 50%;
    }

    .kl-hero-content {
        left: 30.5%;
    }

    .kl-benef-title {
        left: 40%;
    }

    .kl-benefit-content {
        left: 28.5%;
        width: 50%;
        gap: 65px;
    }

    .kl-expertise-one>.kl-expertise-text,
    .kl-social-media>.kl-expertise-text {
        left: 55%;
    }

    .kl-expertise-content,
    .kl-social-media-conent {
        left: 30%;
    }

    .kl-expertise-another-second {
        left: 32%;
    }

    .kl-expertise-another-list {
        left: 52%;
    }

    .kl-hero-contact-content {
        left: 31%;
    }

    .kl-hero-forfait-content {
        left: 40%;
    }

    .kl-hero-forfait-list {
        left: 30.6%;
    }

    .kl-hero-image-bg-forfaits {
        top: 34%;
        left: 38%;
    }

    .kl-testimos-content {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .kl-footer-logo-content {
        left: 33%;
    }

    .kl-footer-links {
        left: 44%;
    }

    .kl-section-history-content {
        justify-content: center;
        align-items: center;
        gap: 5vh;
        margin-top: 12vh;
    }

    .kl-section-about-image {
        min-height: 11vh;
        width: 48%;
        left: 25%;
    }

    .kl-about-number-content {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-history-image {
        width: 25%;
        height: auto;
        padding-left: 2%;
    }

    /* .kl-number-title>h1 {
        width: 100%;
        left: 0;
    } */
    .kl-expertise-history>.kl-expertise-desc {
        width: 90%;
    }

    .kl-about-nos-engagment {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-hero-faq-content {
        left: 40%;
    }

    .kl-hero-faq-filter {
        left: 36%;
    }

    .kl-faq-list-content {
        justify-content: center;
        align-items: center;
    }

    .kl-section-history-content {
        justify-content: center;
        align-items: center;
        gap: 5vh;
        margin-top: 12vh;
    }

    .kl-section-about-image {
        min-height: 11vh;
        width: 43%;
        left: 29%;
    }

    .kl-about-number-content {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-history-image {
        width: 25%;
        height: auto;
        padding-left: 2%;
    }

    /* .kl-number-title>h1 {
        width: 100%;
        left: 0;
    } */

    .kl-about-nos-engagment {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-hero-faq-content {
        left: 40%;
    }

    .kl-hero-faq-filter {
        left: 36%;
    }

    .kl-faq-list-content {
        justify-content: center;
        align-items: center;
    }

    .kl-forfaits-number>.kl-number-list {
        justify-content: normal !important;
    }

    .kl-nos-forfait-content {
        width: 50%;
        left: 32%;
    }

    .kl-nos-engagment-content {
        position: relative;
        left: 31.5%;
        width: 50%;
    }

    .kl-cta-content {
        left: 30%;
        gap: 2vh;
    }

    .kl-faq-home-content {
        justify-content: center;
    }

    .kl-section-cta {
        min-height: 710px;
    }

    .kl-expertise-two {
        width: 50%;
        left: 24%;
        justify-content: center;
        gap: 80px;
    }

    .kl-hero-image-bg,
    .kl-hero-image-bg-legales {
        left: 42%;
    }

    .kl-contact-hero-image {
        top: 189.9px;
    }

    .calendly-mobile {
        height: 531px !important;
    }
     .kl-footer-links-content {
        gap: 5.5vh
    }
}

@media screen and (min-width: 3511px) {
    .kl-hero-forfait-content {
        left: 41%;
    }

    .kl-hero-forfait-list {
        left: 31.6%;
    }

    .kl-hero-image-bg-forfaits {
        top: 38%;
        left: 40% !important;
    }

    .kl-testimos-content {
        justify-content: center;
        align-items: center;
        width: 100%;
        right: 2%;
    }

    .kl-footer-logo-content {
        left: 30%;
    }

    .kl-footer-links {
        left: 36%;
    }

    .kl-section-history-content {
        justify-content: center;
        align-items: center;
        gap: 5vh;
        margin-top: 12vh;
    }

    .kl-section-about-image {
        min-height: 11vh;
        width: 48%;
        left: 25%;
    }

    .kl-history-image {
        width: 25%;
        height: auto;
        padding-left: 2%;
    }

    .kl-expertise-history>.kl-expertise-desc {
        width: 90%;
    }

    .kl-about-nos-engagment {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-hero-faq-content {
        left: 40%;
    }

    .kl-hero-faq-filter {
        left: 36%;
    }

    .kl-faq-list-content {
        justify-content: center;
        align-items: center;
    }

    .kl-section-history-content {
        justify-content: center;
        align-items: center;
        gap: 5vh;
        margin-top: 12vh;
    }

    .kl-section-about-image {
        min-height: 11vh;
        width: 43%;
        left: 29%;
    }


    .kl-history-image {
        width: 25%;
        height: auto;
        padding-left: 2%;
    }

    .kl-about-nos-engagment {
        justify-content: center;
        align-items: center;
        gap: 12vh;
    }

    .kl-hero-faq-content {
        left: 42%;
    }

    .kl-hero-faq-filter {
        left: 38%;
    }

    .kl-faq-list-content {
        justify-content: center;
        align-items: center;
    }

    .kl-navigation {
        left: 30.5%;
    }

    .kl-hero-image {
        left: 51%;
    }

    .kl-hero-content {
        left: 33%;
    }

    .kl-hero-image-bg {
        left: 44%;
    }

    .kl-benef-title {
        left: 41%;
    }

    .kl-benefit-content {
        left: 30.5%;
        width: 50%;
        gap: 60px;
    }

    .kl-expertise-text,
    .kl-social-media>.kl-expertise-text,
    .kl-expertise-another-list {
        left: 52%;
    }

    .kl-expertise-content,
    .kl-social-media-conent {
        left: 32%;
    }

    .kl-expertise-another-second,
    .kl-hero-contact-content {
        left: 33%;
    }

    .kl-nos-forfait-content {
        width: auto;
        left: 0;
        justify-content: center;
        align-items: center;
    }

    .kl-about-number-content {
        justify-content: center;
        align-items: center;
    }

    .kl-nos-engagment-content {
        justify-content: center;
        align-items: center;
    }

    .kl-section-cta {
        min-height: 44.88vh;
    }

    .kl-expertise-two {
        justify-content: center;
        align-items: center;
    }

    .kl-section-cta {
        min-height: 44.88vh;
    }

    .kl-cta-content {
        left: 30%;
        gap: 2vh;
    }

    .kl-faq-home-content {
        justify-content: center;
    }

    .kl-contact-hero-image {
        top: 189.9px;
    }

    .calendly-mobile {
        height: 531px !important;
    }

    .kl-footer-links-content {
        gap: 10.5vh
    }

    .kl-number-list {
        width: auto;
        gap: 5vh;
    }
}

@media screen and (min-width: 3840px) {
    .kl-benefit-content {
        left: 31%;
    }

    .kl-hero-image {
        left: 50%;
    }

    .kl-nos-forfait-content {
        left: 0%;
    }

    .kl-nos-engagment-content,
    .kl-about-number-content {
        position: relative;
        /* left: 32%; */
    }

    .kl-footer-logo-content {
        left: 31%;
    }

    .kl-expertise-two {
        justify-content: center;
        gap: 40px;
        left: -1%;
    }

    .kl-cta-content {
        width: 50%;
        left: 32.2%;
    }

    .kl-faq-home-content {
        justify-content: center;
        right: 2%;
    }

    .calendly-inline-widget {
        height: 548px;
    }

    .kl-footer-links-content {
        gap: 10.5vh;
        left: 5%;
    }
    .kl-footer-cgu {
        left: 30%;
    }

    .kl-number-list {
        width: auto;
        gap: 10vh;
    }
}