@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";.banner__article,.advantages__div {
    opacity: 0;
    transform: translateX(-100%);
    transition: all 600ms linear
}

.banner__article--active,.advantages__div--active {
    opacity: 1;
    transform: translateX(0)
}

.banner__img-container,.advantages__article,.case__article {
    opacity: 0;
    transform: translateX(100%);
    transition: all 600ms linear
}

.banner__img-container--active,.advantages__article--active,.case__article--active {
    opacity: 1;
    transform: translateX(0)
}

.case__div,.steps__main-container {
    opacity: 0;
    transform: scale(0.6)
}

.case__div--bounce,.steps__main-container--bounce {
    animation: bounce 900ms cubic-bezier(0.63, 0.54, 0.32, 1.03) forwards
}

@keyframes bounce {
    80% {
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.advantages__summary-bloc {
    opacity: 0;
    transform: translateY(100%);
    transition: all 600ms linear
}

.advantages__summary-bloc--active {
    opacity: 1;
    transform: translateY(0)
}

.last__card,.form__container {
    opacity: 0;
    transition: all 1000ms linear
}

.last__card--appear,.form__container--appear {
    opacity: 1
}

.steps__step {
    width: 100%;
    display: none;
    transition: all 800ms linear
}

.steps__step.visible {
    display: flex;
    align-items: center;
    animation: fade 1s both
}

@media all and (max-width: 690px) {
    .steps__step.visible {
        flex-direction:column
    }
}

@keyframes fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

*,::before,::after {
    padding: 0;
    margin: 0
}

html {
    scroll-behavior: smooth
}

body {
    font-family: "Roboto",sans-serif
}

h1 {
    font-size: 1.7rem
}

@media all and (min-width: 1921px) {
    h1 {
        font-size:2.2rem
    }
}

h2 {
    font-size: 2rem
}

@media all and (min-width: 1530px) {
    h2 {
        font-size:2.4rem
    }
}

@media all and (max-width: 690px) {
    h2 {
        font-size:1.8rem
    }
}

@media all and (min-width: 1530px) {
    p,li {
        font-size:1.2rem
    }
}

ul {
    list-style-type: none
}

a {
    display: inline-block;
    text-decoration: none
}

i {
    margin-right: .5rem
}

.header,.main-container {
    max-width: 1925px;
    margin: auto
}

@media all and (min-width: 1921px) {
    .banner,.advantages,.functioning,.steps,.case,.myForm {
        border-radius:1rem
    }
}

.primary-color {
    color: #008037
}

.secondary-color {
    color: #7ed957
}

.btn {
    background: linear-gradient(to right bottom, #08aa55, #b8d32c);
    padding: 1rem 1.8rem;
    border-radius: 1rem;
    box-shadow: 0 0 8px #000;
    color: #fff;
    font-weight: bold
}

.btn:hover {
    animation: 3s linear both btnBounce
}

@media all and (max-width: 690px) {
    .btn {
        font-size:.7rem;
        padding: .8rem 1rem
    }
}

@keyframes btnBounce {
    10%,90% {
        transform: scale(1.03)
    }

    20%,80% {
        transform: scale(0.98)
    }

    30%,50%,70% {
        transform: scale(1.03)
    }

    40%,60% {
        transform: scale(0.98)
    }
}

.myForm {
    display: flex;
    justify-content: center;
    padding: 10rem 0 3rem
}

@media all and (max-width: 992px) {
    .myForm {
        padding:6rem 0
    }
}

.form {
    display: none
}

.form.onThisOne {
    display: block
}

.form__container {
    height: auto;
    background: linear-gradient(to right bottom, #08aa55, #b8d32c);
    background-color: rgba(255,255,255,.6);
    width: 60%;
    border-radius: .5rem;
    padding: 2.5rem 1rem
}

@media all and (max-width: 690px) {
    .form__container {
        width:85%
    }
}

.form__paragraph {
    padding-top: 1rem;
    text-align: center;
    font-size: inherit;
    color: #fff;
    margin-bottom: 1rem
}

.form__title {
    text-align: center;
    margin-bottom: .75rem;
    font-size: 1.4rem;
    font-weight: bold
}

@media all and (max-width: 690px) {
    .form__title {
        font-size:1.4rem
    }
}

.form__choices {
    text-align: center;
    margin-bottom: 1rem
}

.form__choices i {
    display: inline-block;
    margin-bottom: 1rem
}

.form__choices-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 50%)
}

.form__choices-grid-container button {
    width: 80%
}

.form__choices-flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.form__choices-flex-container>div {
    width: 80%
}

.form__choices-flex-container button {
    width: 95%;
    padding: .5rem 1rem
}

.form__btn {
    color: #376671;
    padding: 12px 0 12px;
    margin: 0 .5rem 1.3rem;
    width: 30%;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    transition: all 200ms ease-out;
    border-radius: .25rem;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
    border: none;
    background-color: #fff;
    font-weight: bold;
    cursor: pointer
}

@media all and (max-width: 690px) {
    .form__btn {
        width:50%
    }
}

.form__btn img {
    height: 5rem
}

.form__btn span {
    color: #376671;
    font-weight: bold
}

.form__step-three img {
    height: 1rem;
    margin-bottom: 0;
    margin-right: 1rem
}

.form__step-five .form__choices {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.form__step-five .form__choices>div {
    width: 45%;
    margin-top: 1rem
}

@media all and (max-width: 992px) {
    .form__step-five .form__choices>div {
        width:100%
    }
}

.form__step-five .form__choices>div input {
    padding: .7rem;
    border-radius: .25rem;
    font-size: 1rem;
    border: none;
    outline: none;
    width: 90%;
    margin-bottom: .4rem
}

.form__step-five .form__choices>div input.input-valide {
    border: 2px solid #adff2f
}

.form__step-five .form__choices>div input.input-invalide {
    border: 2px solid red;
    box-shadow: 1px 1px 4px #fff
}

.form__step-five .validation {
    text-align: center
}

.form__progress-bar {
    width: 20%;
    display: inline-block;
    transition: width .3s;
    background-color: #48517e;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
    padding: 8px 0
}

.form__progress-bar-container {
    width: 90%;
    overflow: hidden;
    border-radius: .4rem;
    background-color: #fff;
    margin: auto
}

.form__tooltip {
    display: none;
    color: red;
    background-color: #fff;
    text-align: left;
    padding: .2rem .4rem;
    font-size: .8rem
}

.form__sent-confirm {
    display: none;
    text-align: center;
    color: #adff2f;
    margin-bottom: 1.5rem
}

.main-container {
    position: relative
}

.main-container .cookieConsent {
    position: fixed;
    bottom: 2rem;
    left: 3rem;
    z-index: 50;
    width: 30%;
    padding: 2rem;
    border-radius: .7rem;
    box-shadow: 3px 3px 5px gray;
    color: #fff;
    background: linear-gradient(to right bottom, #08aa55, #b8d32c)
}

@media all and (min-width: 1921px) {
    .main-container .cookieConsent {
        width:30%
    }
}

@media all and (max-width: 1050px) {
    .main-container .cookieConsent {
        width:45%
    }
}

@media all and (max-width: 690px) {
    .main-container .cookieConsent {
        width:85%;
        border-radius: .3rem;
        left: 0;
        bottom: 0
    }
}

.main-container .cookieConsent h3 {
    margin-bottom: 1rem
}

.main-container .cookieConsent .div-reponse {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem
}

@media all and (max-width: 690px) {
    .main-container .cookieConsent .div-reponse {
        margin-top:1rem;
        flex-wrap: wrap
    }
}

.main-container .cookieConsent .div-reponse .reponse {
    padding: .5rem 1rem;
    border-radius: .3rem;
    margin-left: .7rem;
    border: 1px solid #fff;
    cursor: pointer;
    transition: all 200ms linear
}

@media all and (max-width: 690px) {
    .main-container .cookieConsent .div-reponse .reponse {
        margin-bottom:.5rem
    }
}

.main-container .cookieConsent .div-reponse .reponse:hover {
    transform: scale(1.02)
}

.main-container .cookieConsent .div-reponse .reponse.yes {
    background-color: #fff;
    color: #2d4c8c;
    font-weight: bold
}

.main-container .cookieConsent .div-reponse a#plus {
    display: inline-block;
    margin-top: .5rem;
    color: #fff
}

.header {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 6rem;
    z-index: 10;
    background-color: #fff
}

@media all and (max-width: 330px) {
    .header {
        height:5rem
    }
}

.header img {
    width: 16rem
}

@media all and (max-width: 690px) {
    .header img {
        width:10rem
    }
}

.header__div {
    width: 33%
}

@media all and (max-width: 1050px) {
    .header__div {
        width:auto
    }
}

.header__div--title {
    font-size: 1.9rem;
    font-weight: 900;
    text-align: center
}

@media all and (max-width: 690px) {
    .header__div--title {
        display:none
    }
}

.header__div--btn {
    text-align: right;
    padding-right: 6rem
}

@media all and (max-width: 1050px) {
    .header__div--btn {
        padding-right:0
    }
}

.header .btn-header {
    display: none
}

footer {
    display: flex;
    justify-content: center;
    min-height: 96px;
    padding: 1rem
}

@media all and (max-width: 690px) {
    footer {
        padding-top:0
    }
}

@media all and (max-width: 690px) {
    footer .footer-container {
        flex-direction:column
    }
}

@media all and (max-width: 992px) {
    footer .footer-container {
        width:95%;
        margin: auto
    }
}

footer>div>div:nth-child(1) {
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

@media all and (max-width: 992px) {
    footer>div>div:nth-child(1) {
        transform:scale(0.8);
        justify-content: center
    }
}

@media all and (max-width: 690px) {
    footer>div>div:nth-child(1) {
        align-items:center;
        margin-top: 0
    }
}

footer>div>div:nth-child(1) img {
    height: 2rem;
    margin: 0 2rem
}

footer>div>div:nth-child(1) img.bg-white {
    border-radius: .5rem
}

@media all and (max-width: 690px) {
    footer>div>div:nth-child(1) img.bg-white1 {
        padding:.4rem 1.3rem
    }
}

@media all and (max-width: 992px) {
    footer>div>div:nth-child(1) img {
        margin:0 1rem
    }
}

@media all and (max-width: 690px) {
    footer>div>div:nth-child(1) img {
        margin-top:1rem
    }
}

@media all and (max-width: 690px) {
    footer>div>div:nth-child(1) img:nth-child(2) {
        height:3.8rem;
        width: 3.8rem
    }
}

footer>div>div:nth-child(2) {
    display: flex;
    justify-content: center
}

@media all and (max-width: 992px) {
    footer>div>div:nth-child(2) {
        flex-direction:column;
        align-items: center;
        width: 70%;
        margin: auto
    }
}

@media all and (max-width: 690px) {
    footer>div>div:nth-child(2) {
        width:100%
    }
}

footer>div>div:nth-child(2) p {
    margin: 1rem 1rem 0;
    font-size: 1rem;
    color: #abafaf
}

@media all and (max-width: 690px) {
    footer>div>div:nth-child(2) p {
        font-size:.6rem
    }
}

footer>div>div:nth-child(2) p a {
    color: #abafaf
}

@media all and (max-width: 992px) {
    .section2-form {
        display:flex;
        flex-direction: column-reverse
    }
}

.banner {
    background: url("../img/1.jpeg") center no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-top: 6rem;
    padding: 2rem 0;
    color: #fff
}

@media all and (min-width: 1530px) {
    .banner {
        padding:6rem 0
    }
}

@media all and (max-width: 1050px) {
    .banner {
        background-position:inherit
    }
}

@media all and (max-width: 992px) {
    .banner {
        padding-top:0;
        background: linear-gradient(to right bottom, #08aa55, #b8d32c)
    }
}

@media all and (max-width: 330px) {
    .banner {
        margin-top:5rem
    }
}

.banner__container {
    height: 700px;
    display: flex;
    justify-content: space-around;
    align-items: center
}

@media all and (max-width: 992px) {
    .banner__container {
        flex-direction:column;
        height: auto
    }
}

.banner__sub-container {
    display: flex;
    justify-content: center;
    width: 50%;
    padding: 0 2.4rem 0 1.2rem
}

@media all and (max-width: 1050px) {
    .banner__sub-container {
        padding:0
    }
}

@media all and (max-width: 992px) {
    .banner__sub-container {
        width:100%
    }
}

.banner__article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin-right: 8rem
}

@media all and (min-width: 1530px) {
    .banner__article {
        margin-right:10rem
    }
}

@media all and (max-width: 1050px) {
    .banner__article {
        margin-right:3rem
    }
}

@media all and (max-width: 992px) {
    .banner__article {
        width:90%;
        text-align: center;
        margin-top: 2rem;
        margin-right: 0
    }
}

.banner__article p {
    margin: .5rem auto;
    text-align: justify;
    width: 95%
}

@media all and (min-width: 1530px) {
    .banner__article p {
        width:85%;
        margin-left: 1.5rem
    }
}

@media all and (min-width: 1921px) {
    .banner__article p {
        width:83%
    }
}

.banner__heading,.banner__flag-container {
    text-align: center;
    margin-bottom: 2rem
}

@media all and (min-width: 1530px) {
    .banner__heading,.banner__flag-container {
        width:85%;
        margin-left: 1.5rem
    }
}

@media all and (min-width: 1921px) {
    .banner__heading,.banner__flag-container {
        width:83%
    }
}

.banner__flag-container {
    display: none
}

.banner__flag {
    width: 200px;
    background-color: #fff
}

.banner__img-container {
    padding-top: 7rem 
}

@media all and (max-width: 1050px) {
    .banner__img-container {
        padding-top:0
    }
}

.banner__img-container img {
    width: 44rem;
    position: relative;
    border: 1rem solid #fff;
    border-radius: 57% 14% 23% 29% / 50% 39% 41% 16%
}

@media all and (max-width: 1050px) {
    .banner__img-container img {
        top:8rem;
        left: 1.5rem;
        width: 30rem;
        background-color: #fff;
        border: 1rem solid #fff;
        border-radius: 50%
    }
}

@media all and (max-width: 992px) {
    .banner__img-container img {
        position:inherit
    }
}

@media all and (max-width: 690px) {
    .banner__img-container img {
        width:19rem
    }
}

@media all and (max-width: 330px) {
    .banner__img-container img {
        width:16rem
    }
}

.advantages {
    background: url("../img/2.jpeg") center no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-top: 1rem;
    padding: 2rem 0;
    color: #000
}

@media all and (min-width: 1530px) {
    .advantages {
        padding:6rem 0
    }
}

@media all and (max-width: 1050px) {
    .advantages {
        background-position:inherit
    }
}

@media all and (max-width: 992px) {
    .advantages {
        margin-top:0;
        padding-top: 0;
        background: linear-gradient(to right top, #08aa55, #b8d32c)
    }
}

.advantages__container {
    display: flex;
    height: 700px
}

@media all and (max-width: 992px) {
    .advantages__container {
        flex-direction:column-reverse;
        justify-content: center;
        height: auto
    }
}

.advantages__div {
    width: 50%
}

@media all and (max-width: 992px) {
    .advantages__div {
        width:100%;
        text-align: center
    }
}

.advantages__img {
    border-radius: 20% 50% 20% 20% / 20% 50% 20% 20%;
    position: relative;
    background-color: #fff;
    border: 1rem solid #fff;
    top: 12rem;
    transform: scale(0.8)
}

@media all and (min-width: 1530px) {
    .advantages__img {
        left:5rem;
        transform: scale(1.1)
    }
}

@media all and (max-width: 1050px) {
    .advantages__img {
        width:30rem;
        top: 13rem
    }
}

@media all and (max-width: 992px) {
    .advantages__img {
        position:inherit
    }
}

@media all and (max-width: 690px) {
    .advantages__img {
        width:20rem
    }
}

@media all and (max-width: 330px) {
    .advantages__img {
        width:16rem
    }
}

.advantages__article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 75%;
    margin: auto;
    margin-top: 4rem
}

@media all and (min-width: 1530px) {
    .advantages__article {
        left:3rem
    }
}

@media all and (max-width: 1050px) {
    .advantages__article {
        margin-top:0;
        top: -2rem;
        width: 85%;
        left: 1rem
    }
}

@media all and (max-width: 992px) {
    .advantages__article {
        background-color:#fff;
        width: 80%;
        text-align: center;
        margin: 2rem auto;
        padding: 2rem;
        position: inherit;
        border-radius: 1rem;
        box-shadow: rgba(0,0,0,.3) 0px 0px 10px 0px
    }
}

@media all and (max-width: 690px) {
    .advantages__article {
        padding:1rem
    }
}

.advantages__article p {
    margin: .5rem auto;
    text-align: justify;
    width: 90%
}

@media all and (min-width: 1530px) {
    .advantages__article p {
        padding-left:8rem
    }
}

.advantages__button-container {
    margin-top: 2rem;
    text-align: center
}

@media all and (min-width: 1530px) {
    .advantages__button-container {
        padding-left:8rem
    }
}

@media all and (min-width: 1051px)and (max-width: 1160px) {
    .banner {
        background-position:inherit
    }

    .banner__heading {
        font-size: 1.3rem
    }

    .banner__article {
        margin-right: 1rem
    }

    .banner__img-container img {
        width: 33rem
    }

    .advantages {
        background-position: inherit
    }
}

@media all and (min-width: 1160px)and (max-width: 1351px) {
    .banner__img-container img {
        width:35rem
    }

    .banner__heading {
        font-size: 1.3rem
    }
}

.advantages__summary {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    padding: 2rem
}

@media all and (max-width: 690px) {
    .advantages__summary {
        grid-template-columns:repeat(1, 1fr)
    }
}

.advantages__summary-bloc {
    display: flex;
    align-items: center
}

.advantages__summary-bloc-one {
    margin-left: -2rem
}

@media all and (max-width: 690px) {
    .advantages__summary-bloc-one {
        margin-left:0
    }
}

.advantages__summary-bloc img {
    height: 10rem
}

.advantages__summary-bloc h3 {
    margin-left: 1rem;
    font-weight: normal
}

.advantages__list li {
    display: flex;
    margin-top: .8rem;
    text-align: left;
    font-weight: 500
}

.advantages__list img {
    margin-right: .5rem;
    width: 1.3rem;
    height: 1.3rem
}

.functioning {
    display: none;
    background: linear-gradient(to right bottom, #2d4c8c, #3ecce5);
    overflow: hidden;
    font-weight: 700;
    padding: 2rem 4rem
}

@media all and (max-width: 690px) {
    .functioning {
        padding:2rem
    }
}

.functioning__container {
    display: flex;
    justify-content: center
}

@media all and (min-width: 1921px) {
    .functioning__container {
        width:80%;
        margin: auto
    }
}

@media all and (max-width: 992px) {
    .functioning__container {
        flex-direction:column
    }
}

.functioning__heading {
    margin-bottom: 1rem;
    padding: 1rem;
    text-align: center;
    margin-right: 7rem;
    margin-left: 7rem;
    margin-top: 2rem;
    color: #fff
}

@media all and (max-width: 690px) {
    .functioning__heading {
        margin:2rem 0
    }
}

.functioning__article {
    display: flex;
    align-items: center
}

@media all and (max-width: 992px) {
    .functioning__article {
        justify-content:center
    }
}

.functioning__paragraphs p {
    width: 80%;
    color: #fff;
    text-align: justify;
    margin: 1rem 2rem;
    font-weight: 500
}

@media all and (max-width: 992px) {
    .functioning__paragraphs p {
        width:auto
    }
}

@media all and (max-width: 690px) {
    .functioning__paragraphs p {
        margin:1rem 0
    }
}

@media all and (max-width: 992px) {
    .functioning__img-container {
        text-align:center
    }
}

.functioning__img {
    height: 25rem;
    padding: 3rem;
    margin: 2rem;
    background-color: #f5f5f5;
    border-radius: 30% 70% 36% 64%/30% 37% 63% 70%
}

@media all and (max-width: 1050px) {
    .functioning__img {
        height:15rem
    }
}

@media all and (max-width: 992px) {
    .functioning__img {
        height:9rem
    }
}

.case {
    background: linear-gradient(to right bottom, #08aa55, #b8d32c);
    overflow: hidden;
    font-weight: 700;
    padding: 4rem 4rem 0
}

@media all and (max-width: 690px) {
    .case {
        padding:4rem 2rem 0
    }
}

.case__heading {
    color: #fff;
    text-align: center
}

.case__container {
    margin: 5rem 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

@media all and (min-width: 1921px) {
    .case__container {
        width:80%;
        margin: 5rem auto
    }
}

@media all and (max-width: 1050px) {
    .case__container {
        flex-direction:column;
        margin-top: 2rem
    }
}

.case__sub-container {
    width: 50%
}

@media all and (max-width: 1050px) {
    .case__sub-container {
        width:100%;
        text-align: center
    }
}

.case__article {
    color: #fff;
    margin-right: 3rem
}

@media all and (max-width: 992px) {
    .case__article {
        margin-right:0;
        margin-bottom: 2rem
    }
}

.case__article p {
    margin-bottom: 1rem
}

.case__article .p {
    text-align: center
}

.case__list li {
    margin-top: .8rem;
    margin-left: 2rem;
    font-weight: 500
}

.case__div {
    display: flex;
    justify-content: center
}

.case__img {
    width: 30rem;
    background-color: #fff;
    border-radius: 29% 23% 23% 29% / 39% 39% 41% 41%
}

@media all and (min-width: 1530px) {
    .case__img {
        margin-right:4rem
    }
}

@media all and (max-width: 1050px) {
    .case__img {
        margin-top:3rem
    }
}

@media all and (max-width: 992px) {
    .case__img {
        width:20rem;
        padding: 1rem
    }
}

.main-container-policy-thanks {
    background: linear-gradient(to right bottom, #08aa55, #b8d32c)
}

.sub-container {
    padding-top: 6rem
}

.header-policy-thanks {
    background-color: #fff
}

.header-policy-thanks div {
    width: 10%
}

.footer__policy-thanks {
    background-color: #fff
}

.main__policy-thanks,.section__thanks {
    max-width: 60%;
    margin: 4rem auto;
    padding: 2rem;
    line-height: 1.6rem;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0 30px rgba(197,190,190,.5)
}

@media all and (max-width: 992px) {
    .main__policy-thanks,.section__thanks {
        max-width:75%
    }
}

.main__policy-thanks h1,.section__thanks h1 {
    font-size: 2.3rem;
    padding: 3rem 0 2rem;
    line-height: 2.2rem;
    color: #000
}

.main__policy-thanks h2,.section__thanks h2 {
    margin: 2rem 0 1rem;
    font-size: 1.5rem
}

.main__policy-thanks p,.section__thanks p {
    font-size: 1rem;
    margin: .5rem 0 1rem
}

.main__policy-thanks p#cookie,.section__thanks p#cookie {
    text-decoration: underline;
    cursor: pointer
}

.main__policy-thanks ul,.section__thanks ul {
    font-size: 1rem;
    margin-left: 2rem;
    list-style-type: disc
}

.main__policy-thanks ul ul,.section__thanks ul ul {
    margin-left: 2.5rem;
    list-style-type: circle
}

.main__policy-thanks hr,.section__thanks hr {
    margin-top: 2.5rem
}

.main__thanks {
    margin: 12rem auto;
    height: 40vh
}

@media all and (max-width: 1050px) {
    .main__thanks {
        height:55vh
    }
}

@media all and (max-width: 992px) {
    .main__thanks {
        margin:2rem auto;
        height: 65vh
    }
}

.section__thanks {
    text-align: center
}

.section__thanks h1 {
    text-align: center
}

/*# sourceMappingURL=style.css.map */