a
{
    color: var(--color-primary);
}

.container
{
    max-width: 1480px;
    margin: 0 auto;
}

.main-page
{
    padding-bottom: 4rem;
    background-color: #ffffff;
    background-image: radial-gradient(circle, #ece8fc 1.5px, transparent 1px);
    background-size: 24px 24px;
    background-position: center;
    background-repeat: repeat;
}

.page-title
{
    padding-top: 10rem;
    padding-bottom: 4rem;
    background-color: #272833;
    background-image: radial-gradient(circle, #3b3b4a 1.5px, transparent 1px);
    background-size: 24px 24px;
    background-position: center;
    background-repeat: repeat;
}

.page-title h1
{
    color: white;
}

main.default-page-template
{
    padding: 10rem 0 5rem 0;
}

div#post-content
{
    position: relative;
}

img.take-word-icons
{
    position: absolute;
}

img.take-word-icons.take-word-sun-1
{
    top: 31vw;
    right: 15vw;
}

img.take-word-icons.take-word-star-1
{
    top: 5vw;
    right: 5vw;
    transform: rotate(45deg);
}

img.take-word-icons.take-word-star-2
{
    bottom: 5vw;
    right: 20vw;
}

img.resonate-icons
{
    position: absolute;
}

img.resonate-icons.resonate-star-1
{
    top: 5vw;
    left: -40vw;
    right: 0;
    margin-inline: auto;
    transform: scale(0.6);
}

img.resonate-icons.resonate-star-2
{
    left: 6vw;
    top: 12vw;
    transform: scale(1.2);
}

img.resonate-icons.resonate-star-3
{
    bottom: 5vw;
    left: 5vw;
}

img.resonate-icons.resonate-star-4
{
    right: 15vw;
    top: 3vw;
}

img.resonate-icons.resonate-star-5
{
    transform: scale(1.8);
    right: 10vw;
    top: 25vw;
}

section.box-section.section-resonate .container
{
    position: relative;
}

img.success-icons.success-icon-1
{
    right: 10rem;
}

img.success-icons
{
    position: absolute;
}

img.success-icons.success-icon-2
{
    width: 47px;
    height: 47px;
    top: 5vw;
    right: 2vw;
}

img.invest-icons
{
    position: absolute;
}

img.invest-icons.invest-icon-1
{
    top: 3vw;
    right: 8vw;
}

img.invest-icons.invest-icon-2
{
    bottom: 3vw;
    left: 11vw;
}

img.cost-icons
{
    position: absolute;
}

img.cost-icons.cost-icon-2
{
    top: 5vw;
    right: 10vw;
    transform: scale(1.2);
}

img.cost-icons.cost-icon-3
{
    bottom: 3vw;
    left: 6vw;
}

section.section-cost .container
{
    position: relative;
}

@media (max-width : 768px)
{
    .section-resonate .bloc2-bas .grid-container
    {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media(max-width:1670px)
{

    .container
    {

        margin: 0 30px;

    }

}



h1
{

    font-size: 2.5em;

    margin: 0;

}



.text-center
{

    text-align: center
}



p
{

    /*font-size:22px;  */

}



/****************** Utilitie Classes *************/

.color-gray
{

    color: #A3A3B8;

}



.color-blue
{

    color: var(--color-primary);

}



.color-white
{

    color: var(--color-white);

}



.d-none
{

    display: none;

}



.line-height-normal
{

    line-height: normal;

}



.relative
{

    position: relative;

}



.flex
{

    display: flex;

}



.hide-desktop
{

    display: none;

}



.flex-col
{

    flex-direction: column;

}



.justify-between
{

    justify-content: space-between;

}



.grid
{

    display: grid;

}



.custom-grid
{

    display: grid;

    gap: 1em;

}



.grid-2
{

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

    gap: 4rem;

}



.grid-4
{

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

}



.grid-3
{

    grid-template-columns: minmax(0, 25%) minmax(0, 45%) minmax(0, 30%);

}



.items-center
{

    align-items: center;

}



.custom-flex
{

    display: flex;

    flex-direction: column;

    gap: 0.6rem;

}



.font-bold
{

    font-weight: 700;

}



.font-meduim
{

    font-weight: 500;

}



.text-capitalise
{

    text-transform: capitalize;

}



.grid-cols-2
{

    grid-template-columns: 40% 60%;

}



.gap-2
{

    gap: 2rem;

}



.gap-4
{

    gap: 4rem;

}



.gap-5
{

    gap: 5rem;

}



.grid-cols-3
{

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

}



.grid-cols-4
{

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

}



.with-small-header
{

    padding-top: 8rem;

}





/*************** Btn Style ************/

.primary-btn
{

    display: flex;

    align-items: center;

    justify-content: center;

    width: max-content;

    padding: 11px 43px;

    border-radius: 10px;

    background-color: var(--color-primary);

    border: 1px solid var(--color-primary);

    color: var(--color-white);

    text-decoration: none;

    font-size: 20px;

    font-weight: 500 !important;

}



.primary-btn:hover,

.primary-btn.transparent-background:hover,

header ul.menu a.primary-btn:hover
{

    background-color: #3a3166;

    border: 1px solid #3a3166;

    color: var(--color-white);

}



.primary-btn.transparent-background
{

    background-color: transparent;

    border: 1px solid var(--color-white);

}



/************************ Menu style **************************/



header
{

    position: fixed;

    /* Keep the header fixed */

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1000;

    transition: box-shadow 0.3s ease;

    padding: 30px 0;



}

header.scrolled
{

    padding: 5px 0;

}

header.scrolled,

.header-single-page header
{

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

    background-color: #272833;
    background-image: radial-gradient(circle, #3b3b4a 1.5px, transparent 1px);
    background-size: 24px 24px;
    background-position: center;
    background-repeat: repeat;

}



.homepage .Hero-with-header
{

    background-color: #272833;

    background-image: radial-gradient(circle, #3b3b4a 1.5px, transparent 1px);

    background-size: 24px 24px;

    background-position: center;

    background-repeat: repeat;
}



.arrow-item-child
{

    margin-top: 6px;

    margin-left: 5px;

}



.menu
{

    position: relative;

}



.sub-menu
{
    position: absolute;

    top: 89%;

    left: -10px;

    margin-top: 0;

    z-index: 1000;

    background-color: white;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

    list-style: none;

    padding: 15px;

    border-radius: 15px;

    min-width: 250px;

    justify-items: center;

}



header ul.sub-menu li a
{

    font-size: 16px;

    font-weight: 500;

    color: #000;

    padding: 0 !important;

    text-align: left;

    justify-content: flex-start;

}



header ul.sub-menu li
{

    margin-bottom: 8px;

}



header ul.sub-menu li:last-child
{

    margin-bottom: 0 !important;

}



.menu li:hover .sub-menu
{

    display: block;

}



.menu li
{

    position: relative;

}



ul.menu
{

    list-style-type: none;

    display: flex;

    gap: 1rem;

    margin: 0;

    padding: 0;

    align-items: center;

    justify-content: flex-end;

}



ul.menu>li a
{

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10px 15px;

    background: transparent;

    color: var(--color-gray);

    text-decoration: none;

    font-size: 20px;

}



header ul.menu a.primary-btn
{

    margin-left: 2.5rem;

    padding: 12px 20px;

    font-weight: 500 !important;

}



ul.menu>li a.active,

ul.menu>li a:hover
{

    color: var(--color-white);

}

ul.menu ul.sub-menu>li a:hover
{
    color: #6949eb;
}



body .mobile-menu .primary-btn
{

    width: 100%;

    max-width: max-content !important;

    margin-top: 2rem;

}



header a.icon-destktop
{

    margin-left: 50px;

}



.menu-open-content
{

    padding: 2rem 0;

    background-image: url(../../public/bg-menu-open-desktop.webp);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top;

}



/* Mobile Menu */

.mobile-menu
{

    position: fixed;

    top: -150%;

    left: 0;

    width: 100%;

    max-width: 100%;

    background-image: url(../../public/bg-menu-open-desktop.webp);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top;

    box-shadow: 2px 0 5px rgb(0 0 0 / 14%);

    transition: top 0.5s ease;

    z-index: 1000;

    display: flex;

    flex-direction: column;

    overflow-y: auto;

    min-height: 50vh;

}



@media(min-width:1671px)
{



    .menu-open-content .container
    {

        width: 100%;

    }

}





#openMenu
{

    padding-right: 0;

}



/* Show menu when active */

.mobile-menu.active
{

    top: 0;

    display: block !important;

}



.menu-open-content .link-menu a
{

    font-size: 28px;

    line-height: 37.8px;

    font-weight: 700;

    text-decoration: none;

    color: #000;

    display: block;

    margin-bottom: 8px;

}



.menu-open-content .sub-menu-link a
{

    font-size: 24px;

    line-height: 32.4px;

    color: #585858;

    margin-bottom: 5px;

}





.contact_information label
{

    font-size: 28px;

    line-height: 37.8px;

    font-weight: 500;

    color: #000;

}



.contact_information
{

    text-align: right;

    display: flex;

    flex-direction: column;

    align-items: end;

}



.contact_information .mail a,

.contact_information .tel a
{

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    font-weight: 500;

    color: #000;

    text-decoration: none;

}



.contact_information .mail a span,

.contact_information .tel a span
{

    margin-left: 10px;

}



.header-social-media
{

    margin: 35px 0 30px;

}



.menu-open-content .sub-menu-link a
{

    display: block;

}



.sub-menu-link
{

    margin-top: 8px;

}



.menu-open-content .col-top
{

    margin-bottom: 4rem;

}



.menu-open-content .col-bottom
{

    margin-bottom: 3rem;

}



/* Styling for close button */

.close-menu
{

    align-self: flex-end;

    margin: 10px 20px;

    cursor: pointer;

    position: absolute;

    right: 1rem;

    width: 32px;

    top: 1rem;

    margin: 0;

}



.close-menu:hover
{

    background: #27283342;

    border-radius: 50%;

}



#mobileMenu ul.menu
{

    display: block;

}



#mobileMenu ul.menu>li a
{

    justify-content: flex-start;

    color: #000;

    font-size: 18px !important;

}



nav#mobileMenu
{

    padding: 40px;

}



header #mobileMenu ul.menu a.primary-btn
{

    margin-left: 0;

    color: var(--color-white);

    margin-top: 15px;

}



header #mobileMenu .sub-menu
{

    position: relative;

    box-shadow: none;

    list-style: none;

    padding: 0 15px 15px;

    min-width: auto;

}



header #mobileMenu ul.sub-menu li a
{

    padding: 0 15px 0px !important;

}



header .mobile-reorder
{
    /* Adjust grid: Hamburger auto width, Logo takes remaining space, Spacer auto width */
    grid-template-columns: auto 1fr auto !important;
    padding: 0 15px; /* Add horizontal padding to the grid container itself */
    width: 100%; /* Ensure grid takes full width */
    box-sizing: border-box; /* Include padding in width calculation */
}



header .logo-mobile
{

    align-self: center;

    justify-content: center;

}



/************ Hero style ****************/



section#hero-section
{

    padding-top: 10rem;

}



.hero
{

    display: flex;

    align-items: center;

}



.hero-left
{

    /*flex: 1;*/

    width: 59%;

    padding-right: 20px;

}



.hero-right
{

    flex: 1;

    text-align: right;

    position: relative;

}



.hero-title
{

    color: var(--color-white);

    letter-spacing: 2px;

    font-weight: 600;

}



.hero-sub-title
{

    font-size: 28px;

    font-weight: 500;

}



.hero-description
{

    font-size: 22px;

    color: #FDFDFD;

    margin: 20px 0 50px;

    font-weight: 500;

}



.hero-left .button
{

    display: inline-block;

    margin-right: 22px;

    margin-bottom: 10px;

}



.hero-right img
{

    max-width: 100%;

    height: auto;

}



.hero-right .video-container
{

    position: relative;

    width: 100%;

    height: auto;

}



.hero-right .video-thumbnail
{

    width: 100%;

    height: auto;

    cursor: pointer;

    border-radius: 35px;

}



.hero-right video
{

    width: 100%;

    height: auto;

    border-radius: 35px;

}


.hero-right
{

    padding: 1% 6% 2% 6%;

}



#hero-section .play-button
{

    background-color: transparent;

    border: none;

    cursor: pointer;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    outline: none;

    display: flex;

    justify-content: center;

    align-items: center;

}



#hero-section .play-icon
{

    animation: pulse-play 0.8s infinite alternate;

}



@keyframes pulse-play
{



    100%
    {

        transform: scale3d(1.1, 1.1, 1.1);

    }

}



/* Popup styles */

.modal
{

    display: none;

    /* Hidden by default */

    position: fixed;

    /* Stay in place */

    z-index: 1;

    /* Sit on top */

    left: 0;

    top: 0;

    width: 100%;

    /* Full width */

    height: 100%;

    /* Full height */

    overflow: auto;

    /* Enable scroll if needed */

    background-color: rgb(0, 0, 0);

    /* Fallback color */

    background-color: rgba(0, 0, 0, 0.8);

    /* Black w/ opacity */

    padding-top: 60px;

}



.modal-content
{

    background-color: #fefefe;

    margin: 5% auto;

    /* 15% from the top and centered */

    padding: 20px;

    border: 1px solid #888;

    width: 80%;

    /* Could be more or less, depending on screen size */

}



.modal .close
{

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.modal .close:hover,

.modal .close:focus
{

    color: black;

    text-decoration: none;

    cursor: pointer;

}



.modal iframe
{

    width: 100%;

    height: 315px;

}



/*********box-section************/

.section-services.box-section
{

    padding: 20px 0;

    margin-top: 6rem;

    padding-bottom: 5rem;

}



.box-section .grid-container
{

    gap: 20px;

}



.box-section .box
{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    padding: 20px 22px 22px 28px;

    background-color: rgba(70, 55, 136, 0.6);

    border-radius: 16px;

    color: var(--color-white);

    cursor: pointer;

}



.section-services span.box-title
{

    font-size: 26px;

    font-weight: bold;

    display: flex;

    margin-bottom: 10px;

}



.section-services span.box-description
{

    font-size: 20px;

    color: #ADAAC5;

    font-weight: 500;

}



.box-section .box:hover
{

    background-color: rgba(105, 73, 235, 1);

}



.box-section .box-content
{

    flex-grow: 1;

}



.box-section .box-icon
{

    height: auto;

    margin-left: 10px;

}



.section-services.box-section .grid-container
{

    gap: 3%;

}



/*****Resonate section*************/



.section-resonate .bloc2-bas .grid-container
{

    grid-template-columns: 36% 59%;

    gap: 20px;

    /* Space between columns */

}



.bloc2-bas
{

    margin-top: 3.5rem;

}



.bloc2-bas .title
{

    font-size: 1.625rem;

}



.section-resonate.box-section .box-icon
{

    max-width: 74px;

}



.custom-list
{

    list-style: none;

    padding-left: 0;

}



.custom-list li
{

    position: relative;

    margin-bottom: 18px;

    padding-left: 38px;

    font-size: 22px;

    color: #2F302E;

    font-weight: 500;

}



.custom-list.gray li
{

    color: #858783;

}



.section-resonate .custom-list li
{

    margin-bottom: 20px;

    padding-left: 41px;

}



.section-resonate h2.text-center
{

    font-weight: bold;

}



.section-resonate .custom-list.with-bottom-border li::after
{

    left: 42px;

    width: calc(100% - 38px);

}



.bloc2-bas .custom-list.with-bottom-border li
{

    display: block;

    width: max-content;

}

.custom-list li a
{
    text-decoration: none;
    color: #2F302E;
    position: relative;
    z-index: 1000;
}



.custom-list li::before
{

    content: url('../../public/list-puce.svg');

    position: absolute;

    left: 0;

    top: 0;

    width: 28px;

    height: 28px;

}



.custom-list.with-bottom-border li::after
{

    position: absolute;

    content: "";

    background: rgba(105, 73, 235, 0.1);

    bottom: 0;

    left: 38px;

    width: calc(100% - 38px);

    height: 11px;

    /* z-index: -1;*/

}



.custom-list.cross li::before
{

    content: url('../../public/cross.svg');

    position: absolute;

    left: 0;

    top: 0;

}



.custom-list.check li::before
{

    content: url('../../public/check.svg');

    position: absolute;

    left: 0;

    top: 0;

}



.custom-list.check.with-bottom-border li
{

    line-height: 1;

}



.section-resonate .bloc2-bas .box-stack
{
    padding: 15px 100px 15px 30px;
    margin-top: 3rem;
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    position: relative;
    padding-left: 320px;
    text-decoration: none;
}



.section-resonate h3.box-title
{

    margin-bottom: 0;

    font-weight: bold;

}



.section-resonate .img-stage
{

    position: absolute;

    left: 20px;

    bottom: -20%;

    /*width: 100%*/

}



.column-center
{

    justify-items: center;

}



.column-top
{
    margin-top: 50px;
}



@media(max-width:1200px)
{

    .section-resonate .img-stage
    {

        width: 37%;

        bottom: auto;

        top: 25px;

    }

}



.section-resonate .box-stack h3
{
    margin-bottom: 12px !important;
    text-decoration: none;
}



.section-resonate .img-stage img
{

    width: 100%
}



.section-resonate .column-2
{

    position: relative;

}



.idea-lamp
{

    position: absolute;

    content: "";

    background-image: url(../../public/Businessman-thinks.gif);

    background-size: 100%;

    background-repeat: no-repeat;

    background-position: right;

    width: 45%;

    height: 70%;

    right: 0;

    bottom: 25%;

    z-index: 3;

    overflow: visible !important;

    content-visibility: hidden;

    text-indent: -999;

}



.section-resonate.box-section .box-icon.idea
{

    filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(-63deg) brightness(200%) contrast(100%);

}



.section-resonate.box-section .box.active-box .box-icon.idea
{

    filter: none !important
}



.section-resonate.box-section .box.active-box .box-icon
{

    filter: invert(58%) sepia(237%) saturate(6056%) hue-rotate(247deg) brightness(100%) contrast(101%);

}



.box-stack
{

    position: relative;

    z-index: 2;

    background-color: #DACFFF;

    border-radius: 30px;

    border: 2px solid #6847eb4d;

}

.box-stack p.font-medium.stack-text
{
    color: #2F302E;
}



.section-resonate .bloc2-bas .title
{

    padding-top: 23px;

    margin-bottom: 25px;

    display: flex;

}



.title.with-icon
{

    position: relative;

    padding-right: 28px;

    width: max-content;



}



.title.with-icon::before
{

    content: url('../../public/Vector.svg');

    position: absolute;

    right: 0;

    top: 0;

}



.section-resonate .bloc2-bas span.stack-link
{

    position: absolute;

    right: 22px;

    top: 50%;

    transform: translate(0, -50%);

    z-index: 100;

}



.section-resonate .bloc2-bas
{

    display: none;

}



.box-section.section-resonate .box
{

    background-image: url(../../public/bg-2.svg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: right bottom;

    background-color: transparent;

    padding: 45px 40px 105px 40px;

    min-height: max-content;

    border-radius: 30px 30px 0 30px;

}



.box-section.section-resonate .box.active-box
{

    background-image: url(../../public/bg-hover.svg) !important;

    border-radius: 30px;

}



.box-section.section-resonate .box.active-box h3.box-title
{

    color: var(--color-primary);

}



.box-section.section-resonate .box:nth-child(3)
{

    background-image: url(../../public/bg-3.svg);

}



.content-box
{

    padding: 35px;

    padding: 50px 44px;

    background-color: rgba(242, 238, 255, 1);

    border-radius: 50px;

    margin-top: 3rem;

}



section.box-section.section-resonate
{
    padding-top: 7rem;
    padding-bottom: 6rem;
    background-color: #fefdff;
    background-image: radial-gradient(circle, #ece8fc 1.5px, transparent 1px);
    background-size: 24px 24px;
    background-position: center;
    background-repeat: repeat;
    position: relative;
}



/******* Success story section**********/



.section-success-story
{
    position: relative;
    background-color: #272833;
    background-image: radial-gradient(circle, #3b3b4a 1.5px, transparent 1px);
    background-size: 24px 24px;
    background-position: center;
    background-repeat: repeat;
}





.section-success-story::before
{

    position: absolute;

    content: "";

    background-image: url(../../public/wave-invest.svg);

    background-repeat: no-repeat;

    background-size: 100%;

    z-index: 9;

    /* background: red; */

    width: 130px;

    height: 130px;

    left: 2%;

    top: 2%;

}



.section-success-story h2.success-story-title
{

    font-size: 60px;

    padding: 0;

}



.section-success-story .img-story
{

    position: absolute;

    bottom: -10px;

    right: 0;

    width: 488px;

}



.section-success-story .img-story img
{

    width: 100%;

}



.section-success-story .success-story-description
{

    font-size: 28px;

    color: #C2C2D1;

    margin-bottom: 3rem;

}



.section-success-story .text-success
{
    padding-left: 10%;
    position: relative;
}



.content-success-story
{

    grid-template-columns: 56% 44%;

    padding: 100px 0;

    /*padding-left: 12rem;*/

    position: relative;

}



/******************section take word***************/



.section-take-word .quote
{

    padding: 42px;

    position: relative;

    background-size: contain;

    background-position: top center;

    background-repeat: no-repeat;

    background-color: #f2eeff;

    border-radius: 10px 30px;

    border: 3px solid #6949eb;

    margin-bottom: 35px;

}



section.section-take-word
{
    position: relative;
}



section.section-take-word::before
{

    position: absolute;

    content: "";

    background-image: url(../../public/sun.svg);

    background-repeat: no-repeat;

    background-size: 100%;

    z-index: 9;

    width: 65px;

    height: 65px;

    left: 4%;

    top: 7%;

}



section.section-take-word::after
{

    position: absolute;

    content: "";

    background-image: url(../../public/star.svg);

    background-repeat: no-repeat;

    background-size: 100%;

    z-index: 9;

    width: 36px;

    height: 39px;

    left: 3%;

    bottom: 4%;

}



.section-take-word img.icon-cote-top
{

    position: absolute;

    top: -16px;

    left: 30px;

}



.section-take-word img.icon-cote-bottom
{

    position: absolute;

    bottom: -16px;

    right: 30px;

    z-index: 1;

}



.section-take-word .quote:before
{

    position: absolute;

    content: "";

    background: #fefdff;

    width: 70px;

    height: 5px;

    top: -4px;

    left: 12px;

}



.section-take-word .quote:after
{

    position: absolute;

    content: "";

    background: #fefdff;

    width: 70px;

    height: 5px;

    bottom: -4px;

    right: 12px;

}



.section-take-word .custom-list.fleche li
{

    font-size: 22px;

}



.section-take-word .img-word img
{

    width: 100%;

}



.custom-list.fleche li::before
{

    content: url('../../public/flech-list.webp');

}



/* section-carousel */
.section-carousel
{

    max-width: 1060px;
    /* align-items: center; */
    justify-content: center;
    /* display: flex; */
    margin: 0 auto;
}



.section-carousel .item h4
{

    font-size: 24px;

    font-weight: bold;

    margin-top: 10px;

}




a.carousel-link
{

    text-decoration: none;

    color: #2F302E;

}



.section-take-word
{

    padding: 105px 0 70px 0;
    background-color: #ffffff;
    background-image: radial-gradient(circle, #ece8fc 1.5px, transparent 1px);
    background-size: 24px 24px;
    background-position: center;
    background-repeat: repeat;
    position: relative;
}



.section-take-word .quote-text
{

    font-size: 26px;

    color: #2F302E;

    display: flex;

}



.content-take-word .grid-container
{

    margin-top: 80px;

}



.content-take-word
{

    margin-bottom: 80px;

}



/****section invest ****/

.section-invest
{
    position: relative;
    color: white;
}



section.section-success-story.section-invest::before
{

    position: absolute;

    content: "";

    background-image: url(../../public/wave-invest.svg);

    background-repeat: no-repeat;

    background-size: 100%;

    z-index: 9;

    /* background: red; */

    width: 130px;

    height: 130px;

    left: 2%;

    top: 2%;

}



.section-success-story.section-invest .img-story
{

    position: absolute;

    bottom: auto;

    right: 0;

    width: auto;

    transform: translate(0%, -50%);

    top: 54%;

}



.section-success-story.section-invest h2.success-story-title
{

    font-size: 50px;

}



/***section cost**/

section.section-cost
{
    padding: 80px 70px 120px 70px;
    background-color: #fefeff;
    background-image: radial-gradient(circle, #ece8fc 1.5px, transparent 1px);
    background-size: 24px 24px;
    background-position: center;
    background-repeat: repeat;
    position: relative;
}



section.section-cost .cost-title
{

    margin-bottom: 100px;

    font-weight: bold;

}



h2.cost-title
{
    max-width: 940px;
}



.section-cost .grid-container
{

    grid-template-columns: 35% 65%;

    gap: 5rem;

    /* Space between columns */

    display: flex;

}



.section-cost .box-title
{

    font-size: 20px;

    font-weight: bold;

    color: #2F302E;

}



.section-cost .box-title
{

    margin-bottom: 10px;

}



.section-cost .col-left
{

    width: 35%;

}



.section-cost .box
{

    background-color: #F2EEFF;

    border-radius: 16px;

    padding: 24px 24px;

    padding-top: 50px;

    margin-top: 30px;

    position: relative;

}



.section-cost .img img
{

    width: -webkit-fill-available;

}



.section-cost .box-icon
{

    width: 80px;

    height: 80px;

    background: #F2EEFF;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    border: 10px solid #fff;

    position: absolute;

    left: 38px;

    top: -60px;

}



.section-cost .box-icon:before
{

    content: '';

    position: absolute;

    top: 50px;

    left: -27.5px;

    width: 23px;

    height: 20px;

    background: #f2eeff;

    border-top-right-radius: 20px;

    box-shadow: 0px -10px 0 0 white;

    transition-duration: 0.5s;

}



.section-cost .box-icon:after
{

    content: '';

    position: absolute;

    top: 50px;

    right: -26.5px;

    width: 23px;

    height: 23px;

    background: #f2eeff;

    border-top-left-radius: 20px;

    box-shadow: -2px -10px 0 0 white;

    transition-duration: 0.5s;

}



.section-cost .box:hover .box-icon:before,

.section-cost .box:hover .box-icon:after
{

    background: #7651e9;

    transition-duration: 0.5s;

}



.section-cost .col-right
{

    grid-template-columns: 47% 47%;

    gap: 2.5rem;

    /* Space between columns */

}



.section-cost .col-left img
{

    border-radius: 50px;

    background: #F2EEFF;

    padding-top: 50px;

}



.section-cost .box
{

    transition-duration: 0.5s;

}



.section-cost .box:hover
{

    background: #7651e9;

    scale: 1.05;

    transition-duration: 0.5s;

}



.section-cost .box:hover .box-icon img
{

    filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(-63deg) brightness(200%) contrast(100%);

}



.section-cost .box:hover .box-icon
{

    background: #7651e9;

}



.section-cost .box:hover .box-content p
{

    color: #fff
}



/****section grow****/

section.section-grow.color-white .content-grow.grid-container.grid.grid-cols-2.gap-4.sm-grid-cols-1
{

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

}



.section-grow
{

    padding: 5rem 0 6rem 0;

    background-image: url('../../public/bg-grow.webp');

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

}



.section-grow .sub-title
{

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 2rem 0 4rem;

    font-size: 28px;

    font-weight: bold;

    color: #C2C2D1;

}



.section-grow .box-title
{

    color: #000;

    font-size: 26px;

    margin-bottom: 20px;

    margin-top: 0;

}



.section-grow .content-grow .col,

.section-grow .box-3 .box,

.second-row
{

    background-color: #f2eeff;

    border-radius: 30px;

    background-size: cover;

    background-position: left bottom;

    background-repeat: no-repeat;

    border-radius: 16px;

    padding: 40px;

}



.section-grow .content-grow .col-left
{

    background-image: url('../../public/bg-grow1.webp');

}



.section-grow .content-grow .col-right
{

    background-image: url('../../public/bg-grow2.webp');



}



.section-grow .second-row
{

    background-image: url('../../public/bg-grow3.webp');

}



.section-grow .content-grow.box-3 .box1
{

    background-image: url('../../public/bg-grow4.webp');

}



.section-grow .content-grow.box-3 .box2
{

    background-image: url('../../public/bg-grow5.webp');

}



.section-grow .content-grow.box-3 .box3
{

    background-image: url('../../public/bg-grow6.webp');

}



.section-grow .content-grow.box-3 .box
{

    flex-direction: column;

}



.section-grow .content-grow.box-3 .box .box-img
{

    width: 43%;

    margin: -5% 0 -6% auto;

}



.section-grow .content-grow.box-3 .box-img img
{

    transform: scaleY(-1);

    rotate: 180deg;

}



.section-grow .content-grow .box
{

    display: flex;

    justify-content: space-between;

}



.section-grow .box-content
{

    margin-right: 10px;

}



.section-grow ul.custom-list.check
{

    margin-bottom: 0;

    margin: 0;

}



.section-grow ul.custom-list.check li:last-child
{

    margin-bottom: 0 !important;

}



.second-row
{

    margin: 3.125rem 0;

}



.grow-title span
{
    position: relative;
    padding: 29px 50px 25px 30px;
    z-index: 0;
}



.grow-title span::before
{

    position: absolute;

    content: "";

    background-image: url('../../public/nuage.svg');

    background-size: contain;

    background-position: top center;

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

    z-index: -1;

    left: 0;

    top: 0;

    transform: scale(1.1);

}



.section-grow ul.custom-list.check li
{

    color: #000;

}



.section-grow .box-img
{

    width: 50%;

    margin-top: -9%;

    margin-bottom: -12%;

}



.section-grow .col-right .box-img
{

    width: 40%;

    margin-top: 0%;

    margin-bottom: -10%;

}



.section-grow .second-row .box-img
{

    width: 80%;

    margin-top: -23%;

    margin-bottom: -17%;

}



.section-grow .second-row .box-img
{

    width: 80%;

    margin-top: -23%;

    margin-bottom: -17%;

    justify-self: end;

}



.section-grow .col-left
{

    padding-right: 0 !important;

}



.section-grow .box-img img
{

    width: 100%;

}



.grow-title span
{

    white-space: nowrap;

}



h2.grow-title
{

    line-height: 6rem;

    font-size: 3.75rem;

    font-weight: bold;

}



/***************footer****************/

footer
{

    padding: 4rem 0 0;

    background-color: #272833;

    background-image: radial-gradient(circle, #3b3b4a 1.5px, transparent 1px);

    background-size: 24px 24px;

    background-position: center;

    background-repeat: repeat;
}



footer a:active,

footer a:hover
{

    color: #5EC979;

}



footer a.link-item
{

    padding: 15px 20px;

    text-decoration: none;

    font-size: 18px;

}



.footer-links
{
    display: flex;
    flex-wrap: wrap;
    max-width: 620px;
    margin: auto;
    justify-content: center;
}



.footer-links2
{

    margin-left: 20px;

    margin-right: 20px;

}



.logo-footer
{

    margin-bottom: 35px;

}



.footer-social-media
{

    margin: 35px 0 40px;

}



.footer-social-media a.item
{

    margin: 0 6px;

    transition-duration: 0.5s;

}



.footer-social-media a.item:hover
{

    transform: translate(0px, -10px);

    height: 100%;

    display: inline-block;

    transition-duration: 0.5s;

}



.footer-copyright
{

    padding: 5px 0;

    font-size: 16px;

    font-weight: 500;

}



.footer-copyright::before
{

    position: absolute;

    content: "";

    background-image: url('../../public/line.svg');

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

    height: 1.5px;

    width: 100%;

    top: 0;

}





.footer-copyright
{

    position: relative;

}


.content-take-word-wrapper.active
{
    display: flex;
}

.content-take-word-wrapper
{
    display: none;
}

/************Responsive **********************/



/* Mobile */

@media (max-width: 767px)
{
    .container {
        padding-left: 15px; /* Add padding for mobile */
        padding-right: 15px;
        max-width: 100%; /* Allow container to use full width minus padding */
        margin: 0 auto; /* Keep centering, but padding will prevent edge cutoff */
        box-sizing: border-box; /* Include padding in width calculation */
    }

    h2.grow-title
    {
        line-height: 4rem;
        font-size: 2.75rem;
        font-weight: bold;
    }

    .grow-title span
    {
        padding: 17px 0px;
    }

    .s-center-text
    {

        text-align: center;

    }



    .s-justify-center
    {

        display: flex;

        justify-content: center;

    }



    .box-section .grid-container
    {

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

    }



    section#hero-section
    {

        padding-top: 8rem !important;

    }



    .hero-left
    {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }


    .section-cost .col-left
    {
        display: none;
    }


    .section-cost .col-right
    {
        gap: 4.5rem;

        margin-top: 2.5rem;
    }


    .tel
    {
        margin-top: 10px;
    }


    .arrow-item-child
    {
        margin-left: 0;
    }


    .hero-left .button
    {

        display: inline-block;

        margin-right: 10px;

        margin-bottom: 20px;

        width: 100%;

        max-width: 300px;

        text-align: center;

        margin: 0 auto 20px !important;

    }



    .hero-right
    {

        margin-top: 3rem !important;

    }



    .grid.sm-grid-cols-1
    {

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

    }



    .section-services.box-section
    {

        margin-top: 1rem;

        padding-bottom: 4rem;

    }



    .section-services span.box-title
    {

        font-size: 20px;

    }



    .section-services span.box-description
    {

        font-size: 16px;

    }



    body
    {

        font-size: 16px;

    }



    .hero-right img
    {

        max-width: 80% !important;

        margin: 0 auto;

        display: flex;

    }



    .hero-right
    {

        padding: 4% 7% 4% 7%;

    }



    section.box-section.section-resonate
    {

        padding-top: 3rem;

        padding-bottom: 2rem;

    }



    body .section-cost .col-left img
    {

        border-radius: 20px;

    }



    body .section-cost .col-left
    {

        width: 50%;

    }



    .box-section.section-resonate .box:nth-child(3)
    {

        grid-column: 1;

        width: auto !important;

        justify-self: normal;

    }



    .box-section.section-resonate .box
    {

        padding: 60px 35px 120px !important;



    }



    .section-resonate .bloc2-bas .box-stack
    {

        padding-bottom: 100px;

        display: flex;

        flex-direction: column-reverse;

        padding: 20px !important;

        align-items: flex-start;

    }



    .section-resonate .img-stage
    {

        position: relative;

        width: 100%;

        max-width: 224px;

        margin-bottom: -10%;

        float: left;

        margin-left: 0 !important;

        display: flex;

    }



    .section-resonate .bloc2-bas a.stack-link
    {

        bottom: 0%;

        top: auto;

    }



    .bloc2-bas .title
    {

        font-size: 1.25rem;

    }



    .custom-list.with-bottom-border li
    {

        display: block;

        width: max-content;

    }



    .custom-list li
    {

        font-size: 16px !important;

    }



    .stack-text
    {

        font-size: 14px !important;

    }



    .content-box
    {

        padding: 30px 30px !important;

    }



    .section-success-story .img-story
    {

        position: relative;

        display: flex;

        align-items: center;

        justify-content: center;

        margin: 0 auto;

        top: 0 !important;

        bottom: 0;

        margin-bottom: -35px !important;

        max-width: 270px !important;

    }



    .section-success-story .text-success
    {

        padding-left: 0%;

        margin-bottom: 2rem;

    }



    .content-success-story
    {

        padding-bottom: 0;

    }



    section.section-success-story
    {

        padding-bottom: 0;

    }



    body .section-success-story h2.success-story-title
    {

        font-size: 1.75rem !important;

    }



    body .section-success-story .success-story-description
    {

        font-size: 18px;

    }



    body .primary-btn
    {

        width: 100%;

        max-width: 300px;

        text-align: center;

        margin: 0 auto;

        font-size: 16px;

    }



    body .section-take-word .quote-text
    {

        font-size: 16px;

    }



    .section-success-story.section1
    {

        background-position: top;

    }



    .section-success-story.section-invest .img-story
    {

        width: 100%;

        position: relative;

        top: auto !important;

        bottom: 0 !important;

        transform: none !important;

        margin-bottom: -38px !important;

        max-width: 400px !important;

        margin-top: -32px;

    }



    .section-take-word
    {

        padding: 3rem 0 2rem;

    }



    .content-success-story
    {

        padding: 25px 0;

    }



    section.section-cost .cost-title
    {

        margin-bottom: 50px;

    }



    .section-cost .grid-container
    {

        gap: 1rem;

    }



    .section-cost .box-title
    {

        font-size: 16px;

    }



    section.section-cost
    {

        padding: 3rem 0 4rem !important;

    }



    .section-grow .col .box-img
    {

        margin: -5% 0 -6% auto;

        max-width: 200px !important;

        width: 100% !important;

    }



    .section-grow .box-title
    {

        font-size: 20px;

    }



    .content-grow.grid-container
    {

        gap: 2rem !important;

    }



    .section-grow .sub-title
    {

        margin: 0.5rem 0 3rem !important;

    }



    .second-row
    {

        margin: 2rem 0 !important;

    }



    .second-row .grid-container
    {

        gap: 0 !important;

    }



    .section-grow ul.custom-list.check
    {

        margin-top: 0px !important;

    }



    .section-grow
    {

        padding: 4rem 0 4rem 0 !important;

    }



    footer
    {

        padding: 3rem 0 0 !important;

    }

    .footer-links>br
    {
        display: none;
    }

    .footer-links
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin: auto;
        text-align: left;
        max-width: 330px;
    }

    a.link-item.color-gray
    {
        padding: 15px 0;
    }



    .second-row .grid-container
    {

        gap: 0 !important;

    }



    .section-grow .second-row .box-img
    {

        max-width: 200px;

        margin-bottom: -8% !important;

    }



    .section-grow .second-row ul.custom-list.check li
    {

        font-size: 18px;

        margin-bottom: 15px !important;

    }



    body .menu-open-content .link-menu a
    {

        font-size: 20px;

        line-height: 28px;

    }



    body .contact_information label
    {

        font-size: 20px;

        line-height: 28px;

    }



    body .menu-open-content .sub-menu-link a
    {

        font-size: 17px;

        line-height: 26px;

    }



}



@media(max-width:450px)
{



    .hero-left .button,

    body .primary-btn
    {

        max-width: 200px !important;

    }



    .hero-right
    {

        padding: 5% 12% 2% 12%;

    }



    body .hero-right img
    {

        max-width: 250px !important;

    }



}



@media (max-width:1500px)
{



    header.scrolled,

    .header-single-page header
    {

        padding: 15px 0;

    }



    .section-resonate h3.box-title
    {

        font-size: 1.8rem;

    }



    .section-take-word .quote-text
    {

        font-size: 22px;

    }



    .section-take-word .custom-list.fleche li
    {

        font-size: 20px;

    }



    .section-carousel .item h4
    {

        font-size: 20px;

    }



    .section-take-word .quote
    {

        padding: 35px 26px;

    }



    .section-cost .box-title
    {

        font-size: 17px;

    }



    .section-grow .sub-title
    {

        font-size: 22px;

    }



    .section-resonate h3.box-title
    {

        font-size: 1.8rem;

    }



    .section-success-story h2.success-story-title
    {

        font-size: 2.8rem !important;

    }



    .section-success-story .success-story-description
    {

        font-size: 22px;

    }



    .section-success-story .img-story
    {

        bottom: -10px;

        width: 370px;

    }



    .section-grow .box-title
    {

        font-size: 24px;

    }



}



@media(max-width:1400px) and(min-width:1281x)
{



    .box-section.section-resonate .box
    {

        padding: 35px;

    }



}



header ul.menu a.primary-btn
{

    font-weight: 500 !important;

    background-color: var(--color-primary);

    color: var(--color-white);

}



/* Tablet */

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

    header .grid-2 {
        grid-template-columns: 30% 1fr; /* Logo column 30%, Nav takes rest */
        gap: 2rem; /* Reduce gap */
    }

    .hide-tablet
    {
        display: none;
    }

    .small-container.grid.grid-cols-3.gap-4
    {

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

        gap: 4rem;

    }



}



/* Both mobile and tablet */

@media (max-width: 1280px)
{

    .primary-btn
    {

        padding: 12px 33px;

    }


    header ul.menu>li a
    {

        padding: 10px 6px;

    }



    header ul.menu a.primary-btn
    {

        font-weight: 500 !important;

    }



    ul.menu>li a
    {

        font-size: 17px !important;

    }



    .hero-sub-title
    {

        font-size: 26px !important;

        text-align: center;

    }



    .hero-description
    {

        font-size: 20px !important;

    }



    .primary-btn
    {

        font-size: 17px !important;

    }



    .section-resonate .bloc2-bas .box-stack
    {

        padding-left: 41%;

    }



    .menu-open-content .link-menu a
    {

        font-size: 23px;

        line-height: 32px;

    }



    .contact_information label
    {

        font-size: 21px;

        line-height: 30px;

    }



    .menu-open-content .sub-menu-link a
    {

        font-size: 18px;

        line-height: 28px;

    }



    .contact_information .mail a,

    .contact_information .tel a
    {

        font-size: 16px;

    }



    .menu-open-content .col-bottom
    {

        gap: 1rem
    }



    header a.icon-destktop
    {

        margin-left: 30px;

    }



}





@media(max-width:1150px) and (min-width:981px)
{



    .hero-left
    {

        padding-right: 0;

        width: 56%;

        flex: auto;

        /* display: flex; */

    }



    .container.hero
    {

        display: flex;

    }



    .hero-right
    {

        flex: auto;

        width: 41%;

    }



    .hero-right
    {

        padding: 1% 8% 3% 8%;

    }



}

/** desktop **/

@media(min-width:1180px)
{
	.hero-left {
		padding-left: 3%;
	}
}


@media(max-width:1180px)
{


    .box-section .box
    {

        padding: 25px 16px 24px 24px;

    }



    .section-services span.box-description
    {

        font-size: 17px;

    }



    .section-resonate h3.box-title
    {

        font-size: 1.5rem;

    }



}



@media (max-width: 980px)
{

    .content-take-word-wrapper.active
    {
        flex-direction: column;
        gap: 20px;
    }

    .section-take-word h2
    {
        margin-bottom: 40px;
    }

    .hero
    {

        flex-direction: column;

    }



    .hero-right
    {

        margin-top: 5rem;

        padding: 2% 7% 3% 7%;



    }



    .content-take-word .grid-container.grid.grid-cols-2.gap-4
    {

        display: flex;

        flex-direction: column;

    }



    .hero-left
    {

        width: 100%;

    }



    .md-grid-cols-2
    {

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

    }



    .md-grid-cols-3
    {

        grid-template-columns: repeat(3, 1fr) !important;

    }



    .box-stack
    {

        margin-bottom: 4rem;

    }



    .section-cost .grid-container
    {

        flex-direction: column;

    }



    section#hero-section
    {

        padding-top: 10rem;

    }



    .hero-right img
    {

        max-width: 550px;

    }



    .section-services.box-section .grid-container
    {

        gap: 2rem;

    }



    .section-services.box-section
    {

        margin-top: 3rem;

        padding-bottom: 4rem;

    }



    .section-services span.box-title
    {

        font-size: 24px;

    }



    section.box-section.section-resonate
    {

        padding-top: 4rem;

        padding-bottom: 2rem;

    }



    .box-section .grid-container
    {

        gap: 2rem;

    }



    .box-section.section-resonate .box:hover
    {

        border-radius: 25px;

    }



    .box-section.section-resonate .box
    {

        padding: 65px 35px;

    }



    .section-resonate .content-box
    {

        padding-bottom: 10px;

    }



    .section-take-word
    {

        padding: 4rem 0;

    }



    .content-success-story
    {

        padding: 35px 0;

    }



    section.section-cost
    {

        padding: 4rem 0 5rem;

    }



    .section-grow
    {

        padding: 4rem 0 5rem 0;

    }



    .section-success-story .img-story
    {

        bottom: -10px;

        width: 270px;

    }



    .content-success-story
    {

        grid-template-columns: 60% 38% !important;

    }



    .section-success-story.section-invest .img-story
    {

        width: 48%;

        top: 50%;

    }



    .cost-title
    {

        margin-bottom: 3rem;

    }



    .section-cost .grid-container
    {

        gap: 2rem;

    }



    .section-grow ul.custom-list.check li
    {

        font-size: 18px;

    }



    .section-grow .content-grow .col,

    .section-grow .box-3 .box,

    .second-row
    {

        padding: 25px;

    }



    .section-grow .col-right .box-img
    {

        width: 40%;

        margin-top: 0%;

        margin-bottom: 0%;

    }



    body .hero-left
    {

        padding-right: 0px;

    }



    .section-grow .col-left .box-img
    {

        width: 70%;

        margin-top: 0;

        margin-bottom: 0;

    }



    .section-grow .content-grow .box
    {

        flex-direction: column;

    }



    .section-grow .col .box-img
    {

        margin: -5% 0 -6% auto;

        width: 65%;

    }



    .section-grow .second-row .box-img
    {

        width: 80%;

        margin-top: -15%;

        margin-bottom: -17%;

    }



    .section-grow .content-grow.box-3 .box .box-img
    {

        margin: -5% 0 -2% auto;

        width: 23%;

    }



    section.section-success-story.section-invest::before,

    section.section-success-story::before
    {

        width: 90px;

        height: 90px;

    }



    .contact_information
    {

        text-align: left;

        align-items: start;

    }



    .mobile-menu
    {

        height: 100%;

    }



    .header-social-media
    {

        margin: 25px 0 25px;

    }



    body .contact_information
    {

        margin-top: 2rem !important;

        grid-column: 1 / -1;

    }



    section.section-take-word::before
    {

        width: 45px;

        height: 45px;

        left: 2%;

        top: 2%;

    }



}



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



    header ul.menu>li a
    {

        padding: 10px 4px;

    }



    header a.icon-destktop
    {

        margin-left: 4px;

    }



}



/* Mobile */

@media (max-width: 767px)
{



    ul.menu.mobile-hide
    {

        display: none;

    }



    .hide-desktop
    {

        display: block;

    }



    .hide-mobile
    {

        display: none;

    }



    ul.mobile-hide.menu.active
    {

        position: absolute;

        top: 6rem;

        width: 100%;

        height: calc(100vh - 6rem);

        background: #fbf7ec;

        left: 0;

        margin: 0;

        padding: 1rem;

        display: flex !important;

        justify-content: flex-start;

        align-items: center;

        flex-direction: column;

        list-style-type: none;

        z-index: 9;

    }



    body.overflow-hidden
    {

        overflow: hidden;

    }



    ul.mobile-hide.menu.active a
    {

        color: var(--color-black);

        font-size: 1rem;

    }



    ul.mobile-hide.menu.active a:hover
    {

        text-decoration: underline;

    }



    .mobile-reorder a.flex
    {

        order: 2;

    }



    body .mobile-menu .primary-btn
    {

        margin-left: 0;

    }



}



@media(max-width:767px) and (min-width:551px)
{



    body .menu-open-content .col-bottom.sm-grid-cols-3-3
    {

        grid-template-columns: repeat(3, 1fr) !important;

        gap: 1rem;

    }



}



@media(max-width:550px)
{

    body .menu-open-content .col-bottom
    {

        gap: 2rem;

    }



    body .contact_information
    {

        margin-top: 0rem !important;

    }



    body .menu-open-content .col-bottom.sm-grid-cols-2-2
    {

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

        gap: 2rem;

    }





}



/* Tablet and desktop */

@media (min-width: 768px)
{

    .desktop-hide
    {

        display: none;

    }



    .second-row .custom-list.check.with-bottom-border li
    {

        display: inline-block;

    }



}





/* Desktop */

@media (min-width: 980px)
{



    .hide-desktop
    {

        display: none;

    }



    .small-container
    {

        max-width: 90%;

        margin-inline: auto;

    }



    .section-resonate.box-section .grid-container
    {

        gap: 3rem;

    }



    .img-word
    {

        width: 40%;

    }







    .bloc2-right
    {

        padding-left: 130px;

        width: 60%;

        max-width: 825px;

    }





    .section-take-word h2
    {
        margin-bottom: 60px;
    }

    .section-carousel .item
    {
        max-width: 265px;
    }

    .section-cost .grid-container
    {
        gap: 6rem;
        align-items: self-start;
    }

}

/* Override color-blue specifically for the invest section */
.section-invest .color-blue {
    color: white;
}

header .mobile-reorder
{
    /* Adjust grid: Hamburger auto width, Logo takes remaining space, Spacer auto width */
    grid-template-columns: auto 1fr auto !important;
    padding: 0 15px; /* Add horizontal padding to the grid container itself */
    width: 100%; /* Ensure grid takes full width */
    box-sizing: border-box; /* Include padding in width calculation */
}

@media (max-width: 767px)
{
    .container {
        padding-left: 15px; /* Add padding for mobile */
        padding-right: 15px;
        max-width: 100%; /* Allow container to use full width minus padding */
        margin: 0; /* Remove auto margin */
    }

    h2.grow-title
    {
        line-height: 4rem;
        font-size: 2.75rem;
        font-weight: bold;
    }
}