@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-image: url("../assets/img/walli-cagnotte-coeur.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-attachment: fixed;
}

:root{
    --btn-orange: rgba(248, 120, 58, 1);
    --btn-orange-hover: rgba(248, 120, 58, 0.9);
    --text-black: rgba(0, 0, 0, 1);
    --text-emeraude: rgba(24, 61, 63, 1);
    --text-orange: rgba(248, 120, 58, 1);
    --cream: rgba(235, 220, 195, 1);
    --cream-solid: rgba(24, 61, 63, 0.2);
    --cream-light: rgba(249, 245, 237, 1);
    --label-dark: rgba(168, 168, 167, 1);
    --orange-opacity: rgba(248, 120, 58, 0.2);
    --red-opacity: rgba(232, 69, 59, 0.2);
    --bs-white: rgba(255, 255, 255, 1);
    --red: rgba(232, 69, 59, 1);
    --green: rgba(40, 167, 83, 1);
    --dark: rgba(52, 52, 50, 1);
    --text-gray: rgba(91, 91, 89, 1);
    --gray: rgba(217, 217, 217, 1);
    --pink: #FFB2C2;
    --cyan-light: #F9EDE5;
    --dark-60: #818180;
    --green-opacity: #ecf2f1;
}
.bg-cream{
    background-color: var(--cream);
    color: var(--text-emeraude);
}
.bg-emeraude{
    background-color: var(--text-emeraude);
    color: var(--bs-white);
}
.bg-pink{
    background-color: var(--pink);
}
.bg-orange{
    background-color: var(--text-orange);
    color: var(--bs-white);
}
.cyan-light-bloc{
    background-color: var(--cyan-light);
}
.text-emeraude{
    color: var(--text-emeraude);
}
.text-cream{
    color: var(--cream) !important;
}
.text-green{
    color: var(--green);
}
hr{
    margin: .3rem 0 !important;
}
a{
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}
h2{
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
}
ul, li{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
label.form-label {
    font-size: 1.3rem;
}

.nav-bar-full-page{
    left: 0;
    top: 1rem;
}
.nav-bar-elt:first-child,
.nav-bar-elt:last-child{
    list-style: none;
}
.nav-bar-elt a{
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--text-emeraude);
}
.nav-bar-elt a:hover{
    text-decoration: underline;
    color: var(--text-emeraude);
}
.full-page-img{
    padding: 0;
    background-image: url("../assets/img/img_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
}
.full-page-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.full-page-btn{
    padding-left: 3rem;
    padding-right: 3rem;
}
button{
    font-size: 1.3rem !important;
    font-weight: 500;
}
.full-page-input input{
    padding: .65rem
}
.full-page-input input:focus{
    border-color: rgba(248, 120, 58, 0.1);
    box-shadow: 0 0 0 0.25rem rgba(248, 120, 58, 0.1);
}
.full-page-input a{
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-emeraude);
}
.full-page-input a:hover{
    text-decoration: none !important;
    color: var(--text-emeraude);
}
.full-page-form-bloc{
    /*padding: 0 6rem;*/
}
.return-back-link{
    color: var(--dark);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.375rem;
    margin-bottom: 2.56rem;
    padding: 0;
}
.return-back-link:hover,
.return-back-link:hover span svg path
{
    color: var(--text-orange);
    fill: var(--text-orange) !important;
}
.full-page-input button{
    width: 100%;
    background: var(--btn-orange);
    border: none;
}
.full-page-input button:hover{
    background: var(--btn-orange-hover);
}
.full-page-input button:focus,
.full-page-input button:active:focus,
.full-page-input button:active
{
    background: var(--btn-orange-hover);
    box-shadow: none;
    border: none;
}
.forget-password{
    text-align: right;
    color: var(--text-orange);
    font-size: 19px;
    font-weight: 300;
}
.forget-password a{
    color: var(--text-orange);
}
.website-body,
.profile-body{
    min-height: 100vh;
}
.website-body .header-container,
.profile-body .container{
    width: 33.33333%;
}
.website-container{
    max-width: 70%;
}
.nav a{
    color: var(--text-emeraude);
}
.btn-walli-nav{
    font-size: 24px;
    line-height: 27px;
    font-weight: 500;
    color: var(--text-emeraude);
    border-radius: 2.813rem;
    background-color: var(--cream);
    border: 2px solid var(--cream-solid);
    padding: 10px 30px;
    min-width: 165px;
}
a.selected,
.btn-walli-nav:hover,
.btn-walli-nav:focus,
.btn-walli-nav:active,
.btn-walli-nav:active:focus{
    color: var(--cream);
    background-color: var(--text-emeraude);
    border: 2px solid var(--cream-solid);
}
.website-container,
.profile-container{
    margin-top: 4.38rem;
}
.profile-zone,
.kyc-zone{
    background-color: var(--cream-light);
    border-radius: 10px;
    padding: 2rem;
}
a.kyc-zone:hover h2{
    color: var(--text-orange) !important;
}
.profile-bloc span{
    font-size: 1.125rem;
}
.user-infos-label{
    font-weight: 400;
    color: var(--label-dark);
    line-height: 20px;
}
.profile-bloc li{
    padding: 1rem;
}
.btn-icon{
    display: inline-block;
    margin-left: .5rem;
}
.logout-btn{
    padding: 0 2rem;
}
.kyc-verify span{
    color: var(--green);
}
.profile-body button{
    /*height: 3.375rem;*/
}

button.btn-close{
    height: initial;
}
.modal-content{
    border-radius: 10px;
    padding: 1.875rem 2.5rem;
}
.modal-header,
.modal-body{
    padding: 0;
}
.modal-footer,
.modal-header{
    border: none;
}
.btn-radius{
    border-radius: 2.813rem;
}
.btn-padding{
    padding: 0 2rem;
}
.kyc-form label{
    color: var(--text-gray);
}
.kyc-form input{
    border: 1px solid #ced4da !important;
}
.form-switch .form-check-input{
    width: 2.5rem;
    height: 1.375rem;
}
.form-check-input:checked{
    background-color: var(--text-orange);
}
.form-check-input:focus {
    border-color: var(--text-orange);
    box-shadow: none !important;
}
.setting-form label{
    font-size: 1.125rem !important;
}
.nav-cagnotte ul li a:hover svg path{
    fill: var(--text-orange) !important;
}
.dark-second{
    color: var(--dark) !important;
    font-size: 1.125rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.form-explication{
    color: var(--dark) !important;
    font-size: 1.125rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.custom-file-upload {
    background-color: var(--orange-opacity);
    border: 1px rgba(217, 219, 221, 1);
    display: inline-block;
    cursor: pointer;
    color: var(--text-orange);
    border-radius: 5px;
    transition: background 0.3s ease-in-out;
    width: 100%;
    padding: 2rem;
}

.custom-file-upload i {
    margin-right: 8px;
}
.custom-file-upload-text{
    font-weight: 400;
    line-height: 22px;
    color: var(--text-orange);
    font-size: 1.3rem;
}
.empty-pot-text{
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.pot-name{
    padding-bottom: 1.2rem;
    color: var(--dark);
}
.pot-balance{
    color: var(--text-black);
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
}
.progress{
    height: 0.625rem;
    flex-shrink: 0;
    border-radius: 0.125rem;
    background: var(--gray);
}
.progress-bar{
    width: 9.8125rem;
    height: 0.625rem;
    flex-shrink: 0;
    border-radius: 0.125rem;
    background: var(--text-emeraude);
}
span.text-orange{
    color: var(--text-orange);
}
.text-dark{
    color: var(--dark) !important;
}
.pot-action-btn button:first-child{
    margin-right: 1rem !important;
}
.nav-link{
    padding: 0;
    width: 100%;
    color: var(--dark) !important;
    text-align: center;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.pot-user li{
    margin: 1.875rem 0;
}
.nav-link:hover{
    color: var(--text-orange);
}
.pot-amount-to-receive{
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.375rem;
}
.receive-amount-btn{
    margin-top: 1.75rem;
}
.border-top-bottom{
    border-top: 1px solid #A8A8A7;
    border-bottom: 1px solid #A8A8A7;
    display: flex;
    padding: 0.625rem 0;
    justify-content: center;
    align-items: center;
    gap: 0.5625rem;
    align-self: stretch;
}
.nav-pills .nav-link.active{
    color: var(--text-orange) !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color:var(--text-orange);
    background-color: transparent;
    padding: 0;
    border-bottom: solid 2px var(--text-orange);
    border-radius: 0;
}
.pot-setting-icon{
    cursor: pointer;
}
.bloc-pot-setting-icon ul{
    border: 0;
}
.dropdown-item:active{
    background-color: transparent;
}
.bloc-pot-setting-icon li a:hover{
    color: var(--text-orange) !important;
}

.bloc-pot-setting-icon{
    right: 0;
    top: 0;
}
.bloc-pot-setting-icon:hover svg path{
    color: var(--text-orange) !important;
}
.pot-single-img{
    height: 15rem;
    background-color: var(--gray);
    border-radius: 10px 10px 0 0;
}
.pot-single-block img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.pot-single-block h1{
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.375rem;
    margin: 1.12rem 0;
    text-align: center;
}
.pot-single-block .pot-balance{
    color:var(--text-black);
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.pot-single-block .pot-participant-number{
    color: var(--text-emeraude);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 1.12rem;
}
.people-black{
    display: inline-block;
    margin-right: .5rem;
}
.pot-single-block{
    background-color: var(--cream-light);
    border-radius: 10px;
    height: 100%;
}
.pot-single-description{
    padding: 1.88rem;
}
.single-pot-link .h3{
    color: var(--dark);
}
.privilege-bloc{
    padding: 2rem;
}
.privilege-bloc h3,
.privilege-bloc h2 {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.privilege-bloc p{
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.privilege-bloc p,
.privilege-bloc h3,
.privilege-bloc h2
{
    color: var(--text-emeraude);
}
a.single-pot-link:hover h3{
    color: var(--text-orange) !important;
}
.single-pot-description p{
    color: var(--dark);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.thank-donate-text{
    display: inline-block;
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 1rem 0;
}
.date-block-margin .col-6{
    padding: .2rem;
}
.form-setting-legend{
    color: var(--text-gray);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

a.nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-emeraude) !important;
    /*font-size: 1.5rem !important;*/
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.walli-description-p{
    color: var(--dark);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
a.nav-link:hover{
    color: var(--text-orange) !important;
}
li.nav-item {
    margin: calc(1.25rem / 2);
}
a.create-pot-nav{
    border-radius: 2.8125rem;
    border: 2px solid rgba(24, 61, 63, 0.20);
    padding: 0.625rem 1rem !important;
    color: white !important;
}
a.help-cause{
    border-color: var(--text-orange) !important;
    color: var(--text-orange) !important;
}
.footer-nav li{
    color: #183D3F;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.footer-nav li:hover a{
    color: var(--text-orange) !important;
}
.landing-body{
    background: rgb(255,255,255);
}
.section-diff{
    margin-top: 5rem;
}
.home-img{
    text-align: right;
}
.navbar .container-fluid,
.section-diff .container-fluid{
    padding: 0 5rem;
}
.participate-payed-ul li{
    padding: 0;
}
.participate-payed-ul .user-infos-label{
    color: var(--label-dark);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.participate-payed-ul strong{
    color: var(--text-emeraude);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.sticky-column {
    position: sticky;
    top: 20px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}
#copySuccessTooltip{
    font-size: 12px!important;
    padding: .6rem!important;
    background-color: rgba(24, 61, 63, 1)!important;
    color: var(--bs-white)!important;
    border: none!important;
}
a.btn-orange,
button.btn-orange{
    background: var(--btn-orange);
    border: none;
    font-weight: 700;
    font-size: 1.25rem !important;
}
a.btn-orange:hover,
button.btn-orange:hover{
    background: var(--btn-orange-hover);
}
a.btn-orange:focus,
a.btn-orange:active:focus,
a.btn-orange:active,
button.btn-orange:focus,
button.btn-orange:active:focus,
button.btn-orange:active
{
    background: var(--btn-orange-hover);
    box-shadow: none;
    border: none;
}
.pot-single-col{
    padding: 1.1rem;
}
.img-absolute{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.section-2{
    color: var(--dark);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4rem;
    background-image: url("../assets/img/vector_1.svg");
    background-position: bottom;
    background-size: cover;
    background-color: var(--text-emeraude);
}
.section-2 .text-orange{
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--text-orange);
}
.section-2-img-bloc p{
    position: absolute;
    bottom: 0;
    color: white;
    padding: 1.25rem;
}
.section-2-img-bloc img{
    border-radius: 15px;
    object-fit: cover;
}
.text-show-directly{
    font-size: 1.125rem;
}
.section-3{
    padding: 4rem;
}
.section-3-bloc{
    padding: 1.81rem;
}
.section-3-bloc h3{
    color: var(--text-emeraude);
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.section-3-bloc p{
    color: var(--dark);
    text-align: center;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.section-4{
    padding: 4rem;
}
.icon-section{
    position: relative;
    height: 15rem;
}
.section-5{
    padding: 4rem;
    /*background-image: url(../assets/img/walli_hand_2.svg);*/
    background-repeat: no-repeat;
    background-position: top left;
    padding-bottom: 0!important;
}
.svg-envelope{
    position: absolute;
    top: 0;
    right: 25%;
}
.svg-pot{
    position: absolute;
    bottom: 0;
    left: 0;
}
.section-6{
    padding: 10rem 0 4rem 0;
    /*background-image: url(../assets/img/walli_hand_pot.png);*/
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 0!important;
}
.section-8{
    padding: 4rem 4rem 2rem 4rem;
}
.testo-img{
    width: 40%;
}
.testo-text{
    width: 60%;
    color: var(--dark);
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: lowercase;
}
.test-user{
    color: var(--dark);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: .5rem;
}
.cyan-bloc{
    border-radius: 0.625rem;
    background: var(--pink);
    padding: 1rem;
    margin-left: 10rem;
}
.bloc-emmeraude{
    border-radius: 0.625rem;
    background: var(--text-emeraude);
    padding: 1rem;
}
.orange-bloc{
    border-radius: 0.625rem;
    background: var(--text-orange);
    padding: 1rem;
    margin-left: 5rem;
    margin-right: 5rem;
}
.bloc-emmeraude *{
    color: var(--bs-white) !important;
}
.testo-legend{
    color: #000;
    font-size: 1.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.test-icon-svg svg{
    width: 10rem;
    object-fit: contain;
}
.text-target.text-target{
    min-height: 15rem;
    padding: 1.88rem;
}
.text-target h2{
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.text-target p{
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.home-img{
    padding: 0 !important;
}
.home-img-elm{
    border-radius: 31px 0 0 32px;
    width: 100%;
}
.section-1{
    padding: 4rem 0;
    padding-left: 4rem !important;
    background-image: url("../assets/img/pot_.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
}
.section-1 .container-fluid{
    margin-bottom: 6rem;
}
.walli-description-p h1{
    color: var(--text-emeraude);
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 3rem;
}
.profile-nav .nav-link{
    color: var(--text-emeraude) !important;
}
.profile-nav .nav-item .nav-link.active{
    color: var(--bs-white) !important;
    background: var(--text-emeraude);
}

.header-white header.header{
    background: var(--bs-white);
}
.form-check-input{
    cursor: pointer;
}
.participate-form label{

}
a.btn-orange-second,
button.btn-orange-second{
    background: var(--orange-opacity);
    border: none;
    color: var(--text-orange);
    font-weight: 700;
    font-size: 1.25rem !important;
}
#editor{
    font-size: 1.23rem;
}
a.btn-orange-second:hover,
button.btn-orange-second:hover{
    background: var(--orange-opacity);
    color: var(--text-orange);
}
a.btn-orange-second:focus,
a.btn-orange-second:active:focus,
a.btn-orange-second:active,
button.btn-orange-second:focus,
button.btn-orange-second:active:focus,
button.btn-orange-second:active
{
    background: var(--orange-opacity);
    box-shadow: none;
    border: none;
    color: var(--text-orange);
}



button.btn-red-second{
    background: var(--red-opacity);
    border: none;
    color: var(--red);
    font-weight: 700;
    font-size: 1.25rem !important;
}
button.btn-red-second:hover{
    background: var(--red-opacity);
    color: var(--red);
}
button.btn-red-second:focus,
button.btn-red-second:active:focus,
button.btn-red-second:active
{
    background: var(--red-opacity);
    box-shadow: none;
    border: none;
    color: var(--red);
}

a.btn-red-second{
    background: var(--red-opacity);
    border: none;
    color: var(--red);
    font-weight: 700;
    font-size: 1.25rem !important;
}
a.btn-red-second:hover{
    background: var(--red-opacity);
    color: var(--red);
}
a.btn-red-second:focus,
a.btn-red-second:active:focus,
a.btn-red-second:active
{
    background: var(--red-opacity);
    box-shadow: none;
    border: none;
    color: var(--red);
}


/*

 */
button.btn-dark{
    background: var(--dark);
    border: none;
    color: var(--bs-white);
    font-weight: 700;
    font-size: 1.25rem !important;
}
button.btn-dark:hover{
    background: var(--dark);
    color: var(--bs-white);
}
button.btn-dark:focus,
button.btn-dark:active:focus,
button.btn-dark:active
{
    background: var(--dark);
    box-shadow: none;
    border: none;
    color: var(--bs-white);
}

a.btn-emmeraude{
    background: var(--text-emeraude);
    color: var(--bs-white);
    font-size: 1.25rem !important;
    font-weight: 700;
    border: none;
}

a.btn-emmeraude:hover{
    background: var(--text-emeraude);
    color: var(--text-orange);
}
a.btn-emmeraude:focus,
a.btn-emmeraude:active:focus,
a.btn-emmeraude:active
{
    background: var(--text-emeraude);
    box-shadow: none;
    border: none;
    color: var(--text-orange);
}

button.btn-emmeraude{
    background: var(--text-emeraude);
    color: var(--bs-white);
    font-size: 1.25rem !important;
    font-weight: 700;
    border: none;
}

button.btn-emmeraude:hover{
    background: var(--text-emeraude);
    color: var(--bs-white);
}
button.btn-emmeraude:focus,
button.btn-emmeraude:active:focus,
button.btn-emmeraude:active
{
    background: var(--text-emeraude);
    box-shadow: none;
    border: none;
    color: var(--bs-white);
}

.home-btn-two{
    margin-left: 1rem;
}
.btn-padding{
    padding: .8rem 1.5rem !important;
}

.total-amount-fee-btn{
    color: var(--bs-white);
    font-style: normal;
    line-height: 1.375rem;
    font-weight: 400;
    text-align: left;
    height: auto!important;
}
.total-amount-fee-btn:hover{
    color: white!important;
}
.fee-paragraph{
    color: var(--label-dark);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
}
.fee-paragraph #feeAmount{
    color: var(--dark-60);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.375rem;
}
.print-btn{
    color: var(--bs-white)!important;
    height: auto!important;
}
.text-decoration-underline{
    color: inherit !important;
}
.btn-orange{
    min-height: 3.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-1-price{
    padding: 4rem;
}
.price-description{
    color: var(--bs-white);
    text-align: center;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    height: 100%;
    background-color: var(--pink);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 0.625rem;
}
.price-method{
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    align-items: center;
    gap: 1.375rem;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 0.625rem;
    height: 100%;
}
.price-method h2{
    color: #000;
    text-align: center;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.section-2-price{
    padding: 4rem;
    padding-bottom: 0!important;
    padding-top: 0!important;
}
.hand-price-bottom{
    margin-left: 14%;
}
.hand-price-top{
    text-align: right;
    margin-right: 13%;
}
.btn-emmeraude.bg-transparent{
    background: transparent;
    color: rgba(24, 61, 63, 1);
    border: solid 2px rgba(24, 61, 63, 1);
}
.btn-orange.bg-transparent{
    background: transparent;
    color: var(--text-orange);
    border: solid 2px var(--text-orange);
}
.btn-emmeraude.bg-transparent:hover{
    color: rgba(24, 61, 63, 1);
}
.btn-emmeraude.bg-transparent:hover,
.btn-orange.bg-transparent:hover{
    opacity: .8;
}

.nav-item a.nav-link.active{
    color: var(--text-orange) !important;
}
.cta-white-btn{
    background: var(--bs-white);
    color: var(--text-emeraude);
    border-radius: 5px;
    padding: .6rem;
    opacity: 1;
}
.cta-white-btn:hover{
    background: var(--bs-white);
    color: var(--text-emeraude);
    opacity: .8;
}

.mobile-only-home{
    display: none !important;
}

.price-middle-bloc{
    margin: 0;
}

.login-page{
    padding-top: 4rem;
}
#social-links{
    padding: 0.5rem 1rem;
}
#social-links ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#social-links a{
    display: block;
}
#social-links a:hover .fab{
    color: var(--text-emeraude);
}
.fab{
    color: var(--text-orange);
    font-size: 3rem;
}
button#copyButtonPot {
    margin-left: 0.6rem !important;
}
.footer-contact svg{
    width: 1.5rem;
    height: 1.5rem;
    margin: .2rem;
}
.footer-contact li{
    padding: 1rem;
}
.footer-contact li span{
    font-size: 1rem;
    color: #183D3F;
}
.checkout img{
    width: 4rem;
    height: 3rem;
    object-fit: cover;
    border-radius: 5px;
}
.checkout.nav-pills .nav-link.active {
    color: var(--text-orange);
    background-color: transparent;
    border: solid 2px var(--text-emeraude) !important;
    border-radius: 10px;
    padding: 0.6rem;
}
.checkout-page .logo svg{
    width: 5rem;
    height: 3rem;
}
.check-svg svg{
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: -8px;
    right: -8px;
    background: white;
    border-radius: 100%;
    display: none;
}
.nav-pills .nav-link.active .check-svg svg{
    display: block;
}

.password-eye{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    cursor: pointer;
}

.h2-welcome{
    padding: 0 2rem;
}
.bloc-testo svg{
    width: 3rem;
    height: 3rem;
}

.page-h1{
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 3rem
}
.page-p{
    color: var(--bs-white);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bloc-page{
    padding: 1.25rem;
    border-radius: 0.625rem;
}

.svg-warranty-heart svg{
    width: 7rem;
    height: 7rem;
}
.price-bloc-text{
    font-size: 1.3rem !important;
    line-height: 1.5 !important;
}

.price-interval{
    text-align: left !important;
}
.bg-green-opacity{
    background: var(--green-opacity);
}

.social-link a{
    border: solid 1px;
    border-radius: 5px;
    padding: 0.3rem
}
.testimonial-div svg{
    width: 3rem;
    height: 3rem;
}

.testimonial-text{
    color: var(--dark);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.testimonial-bloc{
    padding: 1rem;
    border-radius: 0.625rem;
    height: 100%;
}

.testimonial-div {
    padding: 0;
}
.pd-custom{
    padding: 1.25rem;
    border-radius: 0.625rem;
    height: 100%;
}
.step-one,
.step-two
{
    display: flex;
    width: 2rem;
    height: 2rem;
    background: var(--text-emeraude);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: var(--bs-white);
    font-weight: bold;
    font-size: 1rem;
}
.make-payment-pending{
    background-color: #f9ede56e;
    padding: 1rem;
    border-radius: 15px;
}