:root{
    --font-family:'Inter',sans-serif;
    --font-size:.88rem;
    --font-size-title:2.5rem;
    --font-size-subtitle:1.25rem;
    --max-width:72rem;
    --font-regular:400;
    --font-medium:500;
    --font-semibold:600;
    --font-bold:700;
    --font-extrabold:800;
    --font-black:900;
    --color-primary:#270457;
    --color-secondary:#270457;
    --color-primary-light:rgba(230, 229, 255, 1);
    --color-text:rgb(81, 62, 55);
    --border-radius:.5rem;
    --letter-spacing:.025rem;
    --transition:.3s;
    --line-height:1.35;
    --line-height-text:1.75;
    --section-spacing:1.5rem;
    --box-shadow:0px 10px 20px rgba(41, 41, 42, .07);
    --scroll-margin-top:50px
}
.header__logo {
    width: 200px;
}
img[src="img/logo.svg"][alt="aliveDomain Logo"] {
    width: 100%;
}
  @media (max-width:48rem){
    .header__logo {
        width: 150px;
    }
}
@media (min-width:48rem){
    :root{
        --font-size:1rem;
        --section-spacing:2.5rem;
        --scroll-margin-top:80px
    }
}
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
main{
    display:block
}
h1{
    margin:.67em 0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
*,:after,:before{
    box-sizing:inherit
}
html{
    box-sizing:border-box;
    text-rendering:optimizeLegibility
}
body{
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
a{
    color:inherit;
    text-decoration:none
}
img{
    vertical-align:middle
}
blockquote,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,menu,ol,p,pre,ul{
    margin:0
}
button,fieldset,iframe{
    border:0
}
button,fieldset,menu,ol,ul{
    padding:0
}
ol,ul{
    list-style:none
}
textarea{
    resize:vertical
}
table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0
}
td{
    padding:0
}
html{
    font:var(--font-size) var(--font-family);
    scroll-behavior:smooth
}
.section{
    scroll-margin-top:var(--scroll-margin-top);
    padding-bottom:var(--section-spacing);
    padding-top:var(--section-spacing)
}
#home{
    scroll-margin-top:calc(var(--scroll-margin-top) * 3)
}
::-moz-selection{
    background-color:var(--color-primary-light);
    color:#000
}
::selection{
    background-color:var(--color-primary-light);
    color:#000
}
::-moz-selection{
    background-color:var(--color-primary-light);
    color:#000
}
img{
    max-width:100%;
    padding-top: 12px;
}
a{
    cursor:pointer
}
.link{
    transition:var(--transition)
}
.link:hover{
    opacity:.8
}
.container{
    max-width:var(--max-width);
    margin-left:auto;
    margin-right:auto;
    padding-right:1.5rem;
    padding-left:1.5rem
}
@media (min-width:62rem){
    .container{
        padding-right:unset;
        padding-left:unset
    }
}
.icon{
    display:inline-block;
    width:2em;
    height:2em;
    stroke-width:0;
    stroke:currentColor;
    fill:currentColor
}
.icon-menu{
    width:1.75em;
    height:1.75em
}

.icon-wind{
    width:1.5em;
    height:1.5em
}
.icon-check{
    width:1.35em;
    height:1.35em;
    fill:var(--color-primary)
}
.icon-bg-points{
    width:4em;
    height:4em
}
.icon-at-sign,.icon-globe,.icon-mail,.icon-monitor,.icon-search,.icon-send{
    fill:var(--color-primary-light)
}
.button{
    --button-height:42px;
    min-height:var(--button-height);
    background-color:transparent;
    cursor:pointer;
    outline:0;
    border-radius:var(--border-radius);
    font-weight:var(--font-semibold);
    letter-spacing:var(--letter-spacing);
    padding:.875rem 1.85rem;
    transition:var(--transition);
    display:inline-flex;
    align-items:center;
    text-transform:capitalize
}
.button+.button{
    margin-left:.25rem
}
.button--primary{
    background:linear-gradient(90deg,#f04212 0,rgb(238, 82, 43) 100%);
    border:1px solid rgba(227, 71, 14, 0.2);
    box-shadow:0 2px 14px 2px rgba(228, 65, 16, 0.2);
    color:#fff
}
.button--primary:hover{
    background:linear-gradient(90deg,#d4390f 0,#d4390f 100%);
    border:1px solid var(--color-primary-light)
}
.button--secondary{
    border:1px solid rgba(0,0,0,.1)
}
.button--secondary:hover{
    background-color:var(--color-primary-light)
}
.text-wavy{
    background-color:transparent;
    -webkit-text-decoration:underline var(--color-primary-light) wavy;
    text-decoration:underline var(--color-primary-light) wavy
}
.text-bg-color{
    background-color:var(--color-primary);
    color:#fff;
    border-radius:var(--border-radius);
    padding-right:.4rem;
    padding-left:.4rem
}
@media (min-width:48rem){
    .text-bg-color{
        padding:.25rem .5rem
    }
}
.text-bg-color--secondary{
    background-color:var(--color-secondary)
}
@media (min-width:48rem){
    .text-bg-color--secondary{
        padding:.25rem .5rem
    }
}
.text-bg-color--primary-light{
    background-color:var(--color-primary-light);
    color:var(--color-text)
}
@media (min-width:48rem){
    .text-bg-color--primary-light{
        padding:.05rem .5rem
    }
}
.header{
    position:relative;
    background-color: transparent; /* Supprime la couleur de fond */
    border-bottom: none; /* Supprime la bordure inférieure */
    padding: .4rem .5rem;
}
@media (min-width:62rem){
    .header{
        
    }
}
.header.fixed-header{
    position:-webkit-relative;
    position:relative;
    top:0;
    width:100%;
    z-index:1;
}
.header-wrapper{
    display:flex;
    align-items:center;
}
.header-wrapper.is-show .header__nav-wrapper{
    right:0;
    opacity:1;
    background-color: #ffffff;
    color: #080808;
}
.header-wrapper.is-show .header__mobile-button{
    transform:rotate(90deg)
}
.header__mobile-button{
    padding:unset;
    margin-left:auto
}
@media (min-width:62rem){
    .header__mobile-button{
        display:none
    }
}
.header__nav-wrapper{
    position:absolute;
    top:100%;
    right:100%;
    display:flex;
    flex-direction:column;
    width:100%;
    border-bottom:1px solid rgba(0,0,0,.1);
    padding: 1.5rem 2rem 2rem;
    transition:var(--transition);
    opacity:0
}
@media (min-width:62rem){
    .header__nav-wrapper{
        position:static;
        align-items:center;
        justify-content:space-between;
        flex-grow:1;
        width:unset;
        border:none;
        padding:unset;
        opacity:1;
        
    }
}
.header__nav{
    display:flex;
    flex-direction:column;
    margin-bottom:2.25rem;
    
}

@media (min-width:62rem){
    .header__nav{
        display:flex;
        margin-bottom:0;
        flex-direction: row;
    }
}

.mb{
    display:none;
}
@media (min-width:62rem){
    .mb{
        display:block;
    }
}

@media (min-width:62rem){
    .lg{
        display:none;
    }
}

.header__logo {
    width: 200px;
}
img[src="img/logo.svg"][alt="aliveDomain Logo"] {
    width: 100%;
}
  @media (max-width:48rem){
    .header__logo {
        width: 150px;
    }
}


.header__nav__link{
    font-size:1.25rem;
    font-weight:var(--font-semibold);
    letter-spacing:var(--letter-spacing)
}
@media (min-width:62rem){
    .header__nav__link{
        font-size:1rem;
        margin-top:1rem
    }
}
.header__nav__link+.header__nav__link{
    margin-top:2rem
    
}
@media (min-width:62rem){
    .header__nav__link+.header__nav__link{
        margin-top:0;
        margin-left:5rem;
        margin-top:1rem
        
    }
}
.hero__content{
    line-height:var(--line-height);
    text-align:left;
    max-width:80%;
    
}
@media (min-width:48rem){
    .hero__content{
        margin:10px;
    }
}
.hero__content__title{
    font-size:2.3rem;
    font-weight:var(--font-black);
    margin-top: 20px;
}
@media (min-width:48rem){
    .hero__content__title{
        font-size:3.8rem;
        max-width:90%;
        margin-top: 100px;
    }
}
.hero__content__subtitle{
    font-size:1.35rem;
    font-weight:var(--font-regular);
    line-height:var(--line-height-text);
    color:var(--color-text);
    margin-top:1.75rem;
    margin-bottom:1.5rem;
    max-width:100%;
}
@media (min-width:48rem){
    .hero__content__subtitle{
        max-width:80%;
    }
}
.hero__dashboard{
    position:relative;
    display:none;
    text-align:center
}
@media (min-width:48rem){
    .hero__dashboard{
        display:block
    }
}
.hero__dashboard img{
    width:75%;
    border-radius:var(--border-radius);
    box-shadow:var(--box-shadow)
}
.hero__dashboard::before{
    content:"";
    display:block;
    position:absolute;
    top:5.5rem;
    width:100%;
    height:70%;
    background-color:var(--color-primary-light);
    z-index:-1
}

.section__name{
    font-size:.875rem;
    font-weight:var(--font-medium);
    letter-spacing:var(--letter-spacing);
    color:var(--color-primary);
    text-align:center;
    text-transform:uppercase;
    padding-top:var(--section-spacing);
    margin-bottom:2.5rem
}

.features__item{
    display:flex;
    align-items:center;
    color:var(--color-text)
}
.features__item__desc{
    font-weight:var(--font-medium);
    line-height:var(--line-height-text);
    letter-spacing:var(--letter-spacing);
    margin-left:.75rem
}
.features__item__desc--bold{
    font-weight:var(--font-bold)
}
.features__item+.features__item{
    margin-top:.65rem
}
.features__card{
    display:flex;
    flex-direction:column;
    align-items:center;
    border-top:5px solid var(--color-primary-light);
    border-right:5px solid var(--color-primary-light);
    border-radius:var(--border-radius);
    box-shadow:var(--box-shadow);
    padding:1.5rem 2rem
}
.features__card__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--color-primary-light);
    color:var(--color-primary);
    border-radius:50%;
    width:3rem;
    height:3rem;
    margin-bottom:.75rem
}
.features__card__icon .icon{
    width:1.5rem;
    height:1.5rem;
    fill:transparent
}
.features__card__title{
    font-weight:var(--font-medium);
    margin-bottom:.75rem
}
.features__card__desc{
    font-weight:var(--font-regular);
    line-height:var(--line-height-text);
    color:var(--color-text)
}
.features__top{
    margin-bottom:var(--section-spacing)
}
.features__top__title{
    font-size:var(--font-size-title);
    font-weight:var(--font-extrabold);
    line-height:var(--line-height);
    text-align:center;
    margin-bottom:1.5rem
}
.features__top__subtitle{
    font-size:var(--font-size-subtitle);
    text-align:center;
    color:var(--color-text)
}
.features__card-wrapper{
    display:grid;
    row-gap:3rem
}
@media (min-width:48rem){
    .features__card-wrapper{
        grid-template-columns:repeat(2,1fr);
        -moz-column-gap:3rem;
        column-gap:3rem
    }
}
@media (min-width:62rem){
    .features__card-wrapper{
        grid-template-columns:repeat(3,1fr)
    }
}
.hiw-card-wrapper{
    display:grid;
    row-gap:2rem
}
@media (min-width:62rem){
    .hiw-card-wrapper{
        grid-template-columns:50% 50%;
        row-gap:unset;
        place-items:center end
    }
}
@media (min-width:62rem){
    .hiw-card-wrapper:nth-child(even) .hiw__image{
        order:-1;
        justify-self:start;
        margin-left:0;
        padding-left:0
    }
}
.hiw-card-wrapper+.hiw-card-wrapper{
    margin-top:var(--section-spacing)
}
@media (min-width:48rem){
    .hiw-card-wrapper+.hiw-card-wrapper{
        margin-top:calc(var(--section-spacing) * 2)
    }
}
.hiw__content{
    position:relative
}
.hiw__content .bg-points{
    position:absolute;
    top:-25px;
    left:-25px;
    opacity:.1
}
.hiw__content__title{
    font-size:var(--font-size-title);
    font-weight:var(--font-extrabold);
    line-height:var(--line-height);
    max-width:95%;
    margin-bottom:1rem
}
.hiw__content__desc{
    font-size:var(--font-size-subtitle);
    line-height:var(--line-height-text);
    color:var(--color-text);
    margin-bottom:1.5rem
}
@media (min-width:62rem){
    .hiw__content__desc{
        max-width:80%
    }
}
.hiw__image{
    max-width:75%;
    padding-top:.5rem;
    padding-bottom:.5rem;
    margin-left:auto;
    margin-right:auto
}
@media (min-width:48rem){
    .hiw__image{
        max-width:50%
    }
}
@media (min-width:62rem){
    .hiw__image{
        max-width:100%;
        width:85%;
        padding:0 1rem
    }
    .hiw__image img{
        width:100%
    }
}
.wwh__item{
    display:flex;
    align-items:center;
    border-radius:var(--border-radius);
    border-bottom:.25rem solid var(--color-primary-light);
    padding-bottom:1rem
}
.wwh__item__icon{
    --icon-size:2.5rem;
    display:flex;
    flex:0 0 var(--icon-size);
    align-items:center;
    justify-content:center;
    width:var(--icon-size);
    height:var(--icon-size);
    color:var(--color-primary);
    background-color:var(--color-primary-light);
    border-radius:50%
}
@media (min-width:48rem){
    .wwh__item__icon{
        --icon-size:3rem
    }
}
.wwh__item__desc{
    line-height:var(--line-height-text);
    letter-spacing:var(--letter-spacing);
    margin-left:1rem
}
.wwh__item+.wwh__item{
    margin-top:1rem
}
.wwh__title{
    font-size:var(--font-size-title);
    font-weight:var(--font-extrabold);
    line-height:var(--line-height);
    margin-bottom:1.5rem
}
.wwh-wrapper{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center
}
.wwh-wrapper .icon-absolute{
    display:none
}
@media (min-width:62rem){
    .wwh-wrapper .icon-absolute{
        position:absolute;
        display:block
    }
}
.wwh-wrapper .icon-search{
    top:3rem;
    left:9rem
}
.wwh-wrapper .icon-mail{
    top:15rem;
    left:5rem
}
.wwh-wrapper .icon-globe{
    top:27rem;
    left:9rem
}
.wwh-wrapper .icon-monitor{
    top:3rem;
    right:9rem
}
.wwh-wrapper .icon-at-sign{
    top:15rem;
    right:5rem
}
.wwh-wrapper .icon-send{
    top:27rem;
    right:9rem
}
.pricing__card{
    position:relative;
    width:100%;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.2);
    border-radius:var(--border-radius);
    box-shadow:var(--box-shadow);
    padding:2.5rem
}
.pricing__card--primary{
    border:5px solid var(--color-primary)
}
.pricing__card--secondary{
    border:5px solid var(--color-primary-light)
}
.pricing__card__title{
    font-size:1.5rem;
    font-weight:var(--font-extrabold);
    margin-bottom:.75rem
}
.pricing__card__subtitle{
    font-size:1rem;
    font-weight:var(--font-medium);
    letter-spacing:var(--letter-spacing);
    color:var(--color-text);
    margin-bottom:1rem
}
.pricing__card__price{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:.75rem
}
.pricing__card__price__discounted{
    font-size:var(--font-size-title);
    font-weight:var(--font-black)
}
.pricing__card__price__month{
    color:var(--color-text)
}
.pricing__card__sale{
    display:flex;
    align-items:center;
    margin-bottom:1.75rem
}
.pricing__card__sale__old-price{
    --color-old-price:#9a9a9a;
    font-size:1.5rem;
    font-weight:var(--font-extrabold);
    text-decoration:line-through;
    color:var(--color-old-price)
}
.pricing__card__sale__rate{
    font-size:.875rem;
    font-weight:var(--font-semibold);
    text-transform:uppercase;
    -webkit-animation:bounce 1.4s ease-in-out infinite;
    animation:bounce 1.4s ease-in-out infinite;
    margin-left:2rem
}
.pricing__card__features{
    margin-bottom:2rem
}
.pricing__card__cta{
    text-align:center
}
@-webkit-keyframes bounce{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.025)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes bounce{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.025)
    }
    100%{
        transform:scale(1)
    }
}
.pricing{
    position:relative
}

.pricing-wrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:2.5rem
}
.pricing__title{
    font-size:var(--font-size-title);
    font-weight:var(--font-extrabold);
    line-height:var(--line-height);
    margin-bottom:1.5rem
}
.pricing__subtitle{
    font-size:var(--font-size-subtitle);
    line-height:var(--line-height-text);
    color:var(--color-text);
    margin-bottom:1.75rem
}
.pricing-card-wrapper{
    display:grid;
    row-gap:4rem
}
@media (min-width:48rem){
    .pricing-card-wrapper{
        row-gap:none;
        grid-template-columns:repeat(2,1fr);
        -moz-column-gap:4rem;
        column-gap:4rem;
        justify-items:center;
        align-items:end
    }
}
@media (min-width:62rem){
    .pricing-card-wrapper{
        grid-template-columns:repeat(3,1fr)
    }
}
.footer{
    margin-top:var(--section-spacing);
    margin-bottom:var(--section-spacing)
}
.footer__logo{
    text-align:center;
    padding-top:2rem;
    padding-bottom:2rem
}
.footer__logo img{
    max-width:50%
}
@media (min-width:48rem){
    .footer__logo img{
        max-width:unset
    }
}
.footer__bottom-wrapper{
    display:flex;
    flex-direction:column-reverse;
    place-items:center
}
@media (min-width:48rem){
    .footer__bottom-wrapper{
        flex-direction:row;
        justify-content:center;
        padding-top:1rem
    }
}
.footer__item{
    color:var(--color-text)
}
@media (min-width:48rem){
    .footer__item{
        padding-right:1rem
    }
}
.footer__item+.footer__item{
    padding-bottom:1rem
}
@media (min-width:48rem){
    .footer__item+.footer__item{
        border-left:1px solid rgba(0,0,0,.2);
        padding-bottom:unset;
        padding-left:1rem
    }
}

/*################################################*/
/*################################################*/
/*################################################*/

@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700&display=swap");
body {
    background: #fafafa;
}
.accordion {
    display: flex;
    flex-direction: column;
    font-family: "Sora", sans-serif;
    max-width: 100%;
    min-width: 300px;
    margin: 50px auto;
    padding: 0 50px;
}

.accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 18px;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 14px 20px;
    box-sizing: border-box;
    align-items: center;
}
.icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
.accordion-item .accordion-item-desc {
    display: none;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    color: #444;
    border-top: 1px dashed #ddd;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
.accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
    display: block;
}
.accordion-item
    input[type="checkbox"]:checked
    ~ .accordion-item-title
    .icon:after {
    content: "-";
    font-size: 20px;
}
.accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
    content: "+";
    font-size: 20px;
}
.accordion-item:first-child {
    margin-top: 0;
}
.accordion-item .icon {
    margin-left: 14px;
}

@media screen and (max-width: 767px) {
    .accordion {
        padding: 0 16px;
    }
    .accordion h1 {
        font-size: 22px;
    }
}

.imgs {
    margin: 15px 0px;
    border-radius: 10px;
}

@media  (max-width: 767px) {
    .imgs {
        padding: 0px;
        margin: 10px 0px;
        border-radius: 10px;
    }
}