/*======== background page ===========*/
@media (max-height: 1200px) { 
   .header-img {
        background-image: url('/assets/images/top_landing.png');
        background-color: transparent;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 1200px;
        overflow: hidden;
    } 
}

@media all and (min-height: 1200px) and (max-height: 1800px) {
    .header-img {
        background-image: url('/assets/images/top_landing.png');
        background-color: transparent;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 1500px;
        overflow: hidden;
    } 
}

@media (min-height: 1800px) {
    .header-img {
        background-image: url('/assets/images/top_landing.png');
        background-color: transparent;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 2000px;
        overflow: hidden;
    } 
}

/* redirect page */
@media (max-height: 1200px) {
    @media (max-width: 762px) { 
        .header-img-redirect-web {
            background-image: url('/assets/images/top_landing.png');
            background-color: transparent;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            height: 2100px !important;
            overflow: hidden;
        }
    } 
    .header-img-redirect-web {
         background-image: url('/assets/images/top_landing.png');
         background-color: transparent;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: 100%;
         height: 1400px;
         overflow: hidden;
     } 
 }
 
 @media all and (min-height: 1200px) and (max-height: 1800px) {
     .header-img-redirect-web {
         background-image: url('/assets/images/top_landing.png');
         background-color: transparent;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: 100%;
         height: 1500px;
         overflow: hidden;
     } 
 }
 
 @media (min-height: 1800px) {
     .header-img-redirect-web {
         background-image: url('/assets/images/top_landing.png');
         background-color: transparent;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: 100%;
         height: 2000px;
         overflow: hidden;
     } 
 }

 /* form 6 month */ 
 @media (max-height: 1200px) {
    @media (max-width: 762px) { 
        .header-img-form-sixm {
            background-image: url('/assets/images/top_landing.png');
            background-color: transparent;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            height: 2100px !important;
            overflow: hidden;
        }
    } 
    .header-img-form-sixm {
         background-image: url('/assets/images/top_landing.png');
         background-color: transparent;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: 100%;
         height: 1400px;
         overflow: hidden;
     } 
 }
 
 @media all and (min-height: 1200px) and (max-height: 1800px) {
     .header-img-form-sixm {
         background-image: url('/assets/images/top_landing.png');
         background-color: transparent;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: 100%;
         height: 1500px;
         overflow: hidden;
     } 
 }
 
 @media (min-height: 1800px) {
     .header-img-form-sixm {
         background-image: url('/assets/images/top_landing.png');
         background-color: transparent;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: 100%;
         height: 2000px;
         overflow: hidden;
     } 
 }

/* paid page */
@media (max-width: 762px) { 
    .header-img-paid-page {
        background-image: url('/assets/images/top_landing.png');
        background-color: transparent;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 2000px;
        overflow: hidden;
    } 
}

@media (min-width: 762px) { 
    .header-img-paid-page {
        background-image: url('/assets/images/top_landing.png');
        background-color: transparent;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 1200px;
        overflow: hidden;
    } 
}
 
@media all and (min-height: 1200px) and (max-height: 1800px) {
     .header-img-paid-page {
         background-image: url('/assets/images/top_landing.png');
         background-color: transparent;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: 100%;
         height: 1500px;
         overflow: hidden;
     } 
}
 
 @media (min-height: 1800px) {
     .header-img-paid-page {
         background-image: url('/assets/images/top_landing.png');
         background-color: transparent;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: 100%;
         height: 2000px;
         overflow: hidden;
     } 
 }

 /* DNS page */
 @media (max-height: 1200px) { 
    @media (max-width: 762px) { 
        .header-img-dns-page {
            background-image: url('/assets/images/top_landing.png');
            background-color: transparent;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            height: 1500px !important;
            overflow: hidden;
        }
    } 
    .header-img-dns-page {
         background-image: url('/assets/images/top_landing.png');
         background-color: transparent;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: 100%;
         height: 1200px;
         overflow: hidden;
     } 
 }
 
 @media all and (min-height: 1200px) and (max-height: 1800px) {
     .header-img-dns-page {
         background-image: url('/assets/images/top_landing.png');
         background-color: transparent;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: 100%;
         height: 1500px;
         overflow: hidden;
     } 
 }
 
 @media (min-height: 1800px) {
     .header-img-dns-page {
         background-image: url('/assets/images/top_landing.png');
         background-color: transparent;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: 100%;
         height: 2000px;
         overflow: hidden;
     } 
 }
 
 .rpd-customer-area-redirect-web {
     position: absolute;
     top: 12%;
     left: 50%;
     transform: translate(-50%);
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

.logo-rapidomaine {
    background-image: url('/assets/images/logo-rapidomaine.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 3%;
    right: 0;
    bottom: 0;
    left: 2%;
    z-index: 100 !important;
}

.rpd-alert-access-denied {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 612px;
    justify-content: center;
}
/*=============== end background page =============*/


/*============== Cpanel card =======================*/
.rpd-customer-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 570px) { 
    .rpd-customer-area {
        margin-top: 150px !important;
    }
}

.rpd-customer-area-cart {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 570px) { 
    .rpd-customer-area-cart {
        margin-top: 50px !important;
    }
}

@media (min-width: 570px) and (max-width: 650px) { 
    .rpd-customer-area-cart {
        margin-top: 280px !important;
    }
}

.rpd-customer-area-recap-cart {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 762px) { 
    .rpd-customer-area-recap-cart {
        position: absolute;
        top: 15%;
        width: 90%;
    }
}

.rpd-customer-area-recap-cart-fixed {
    margin-top: 182px;
    margin-bottom: 62px;
}

.rpd-customer-area-dns {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 650px) { 
    .rpd-customer-area-dns {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -40%);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.rpd-customer-area-form-sixm {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rpd-customer-area-paid {
    position: absolute;
    top: 20% !important;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rpd-cfg-dns {
    font-family: 'Livvic', sans-serif;
    padding: 36px 50px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(253.92deg, rgba(147, 141, 0, 0.95) -3.2%, #694506 90.32%);
}

.rpd-cfg-dns-manage {
    font-family: 'Livvic', sans-serif;
    padding: 36px 50px 20px 50px;
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(253.92deg, rgba(147, 141, 0, 0.95) -3.2%, #694506 90.32%);
}

.rpd-cfg-dns .rpd-cfg-dns-manage, h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 33px;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.rpd-cfg-dns .rpd-cfg-dns-manage, h2 {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: normal;
    color: #ffffff;
}

.rpd-cfg-dns .rpd-cfg-dns-manage, h3 {
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: normal;
    color: #ffffff;
}

.rdp-subtitle{
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    color: rgba(255, 255, 255, 0.9);
}

.rpd-inside-well {
    padding: 26px 97px 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 15px;
}

.rpd-padding-well {
    padding: 12px 12px 12px;
}

@media (max-width: 762px) { 
    .rpd-sm-padding-well {
        padding: 12px 12px 12px;
    }
}

.rpd-close-circle-cfg {
    position: absolute;
    right: 5.6%;
    top: 5%;
    bottom: 0;
    width: 35px;
    height: 35px;
    background: url("/assets/images/input/close.svg") no-repeat;
    mask: url("/assets/images/input/close.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/close.svg") no-repeat;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.rpd-close-circle-cfg-sm {
    position: absolute;
    right: 5.6%;
    top: 5%;
    bottom: 0;
    width: 35px;
    height: 35px;
    background: url("/assets/images/input/close.svg") no-repeat;
    mask: url("/assets/images/input/close.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/close.svg") no-repeat;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

@media (max-width: 762px) { 
    .rpd-close-circle-cfg-sm {
        position: absolute;
        right: 5.6%;
        top: 3%;
        bottom: 0;
        width: 35px;
        height: 35px;
        background: url("/assets/images/input/close.svg") no-repeat;
        mask: url("/assets/images/input/close.svg") no-repeat;
        -webkit-mask: url("/assets/images/input/close.svg") no-repeat;
        background-color: rgba(255, 255, 255, 0.7);
        cursor: pointer;
    }
}

.rpd-close-circle-manage {
    position: absolute;
    right: 3.4%;
    top: 5%;
    bottom: 0;
    width: 35px;
    height: 35px;
    background: url("/assets/images/input/close.svg") no-repeat;
    mask: url("/assets/images/input/close.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/close.svg") no-repeat;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

/* tabs card cfg */
.rpd-cfg-dns-tab-from-cfg {
    position: absolute;
    bottom: 100%;
    left: 15px;
    width: 177px;
    height: 42px;
    padding: 9px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px 10px 0 0;
}

.rpd-manage-dns-tab-from-cfg {
    position: absolute;
    bottom: 100%;
    left: 197px;
    width: 177px;
    height: 32px;
    padding: 7px;
    text-align: center;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px 10px 0 0;
}

.rpd-manage-dns-tab-from-cfg:hover {
    color: #FFFFFF;
}

.rpd-disabled {
    cursor: not-allowed;
}
.rpd-disabled:hover {
    cursor: not-allowed;
    color: rgba(255, 255, 255, 0.6) !important;
}
/* end tabs card cfg */

/* tabs card manage */
.rpd-cfg-dns-tab-from-manage {
    position: absolute;
    bottom: 100%;
    left: 16px;
    width: 177px;
    height: 32px;
    padding: 7px;
    text-align: center;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px 10px 0 0;
}

.rpd-manage-dns-tab-from-manage {
    position: absolute;
    bottom: 100%;
    left: 197px;
    width: 177px;
    height: 42px;
    padding: 10px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px 10px 0 0;
}

.rpd-manage-dns-tab-from-manage:hover {
    color: #FFFFFF;
}
.rpd-cfg-dns-tab-from-manage:hover {
    color: #FFFFFF;
}
/* end tabs card manage */

/* table */
.rpd-dns-table-manage {
    min-height: 460px;
    max-height: 460px;
    padding: 12px 0 12px 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    overflow-Y: auto;
}

table {
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: rgba(255, 255, 255, 0.95);
}
  
td {
    padding: 8px;
    border-right: 1px solid #dddddd;
}

th {
    padding: 8px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

tr:nth-child(1) {
    background: transparent !important;
}

td:nth-child(6) {
    border-right: 0;
}

th:nth-child(6) {
    border-right: 0;
    width: 8%;
}

.icon-filter {
    width: 25px;
    height: 25px;
    background: url("/assets/images/input/filter.svg") no-repeat;
    mask: url("/assets/images/input/filter.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/filter.svg") no-repeat;
    background-color: #ffffff;
}

.icon-tooltip-filter {
    position: absolute;
    top: 13%;
    left: 90%;
}

@media (min-width: 1850px) {
  .rpd-tooltip-filter {
        position: absolute;
        top: 15%;
        left: 92.5%;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        color: rgba(255, 255, 255, 0.6);
    }  
}

@media all and (min-width: 1500px) and (max-width: 1850px) {
  .rpd-tooltip-filter {
        position: absolute;
        top: 15%;
        left: 92%;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        color: rgba(255, 255, 255, 0.6);
    }  
}

@media all and (min-width: 1200px) and (max-width: 1500px) {
  .rpd-tooltip-filter {
        position: absolute;
        top: 15%;
        left: 92.5%;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        color: rgba(255, 255, 255, 0.6);
    }  
}

@media (max-width: 1200px) {
    .rpd-tooltip-filter {
        position: absolute;
        top: 15%;
        left: 93%;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        color: rgba(255, 255, 255, 0.6);
    }
}

.icon-edit {
    font-size: 22px;
    width: 23px;
    height: 23px;
    background: url("/assets/images/input/dns-edit.svg") no-repeat;
    mask: url("/assets/images/input/dns-edit.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/dns-edit.svg") no-repeat;
    background-color: #ffffff;
    cursor: pointer;
}

.icon-delete {
    font-size: 22px;
    width: 23px;
    height: 23px;
    background: url("/assets/images/input/dns-delete.svg") no-repeat;
    mask: url("/assets/images/input/dns-delete.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/dns-delete.svg") no-repeat;
    background-color: #ffffff;
    cursor: pointer;
}
/* end table */

/* filter */
.rpd-tooltip-filter:hover {
    cursor: pointer;
}

.rpd-filter {
    position: absolute;
    top: -7%;
    left: 75%;
    width: 312px;
    height: 207px;
    padding: 9px 12px 12px 12px;
    background: #938D00;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    z-index: 999;
}
.rpd-close-circle-filter {
    position: absolute;
    top: 9%;
    right: 8%;
    bottom: 0;
    width: 35px;
    height: 35px;
    background: url("/assets/images/input/close.svg") no-repeat;
    mask: url("/assets/images/input/close.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/close.svg") no-repeat;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.rpd-validate-filter {
    position: absolute;
    bottom: 8%;
    right: 7%;
    width: 40px;
    height: 40px;
    background: url("/assets/images/input/filter_validate.svg") no-repeat;
    mask: url("/assets/images/input/filter_validate.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/filter_validate.svg") no-repeat;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.rpd-filter input {
    text-align: center; 
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal !important;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.rpd-filter input::placeholder {
    font-style: normal;
    color: rgba(0, 0, 0, 0.44);
    font-size: 13px;
    font-weight: normal;
}

.rpd-filter select {
    text-align: center;
    text-align-last:center; 
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal !important;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.rdp-label-search {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #ffffff;
    margin-bottom: 0;
}
/* end filter */

/* scroll bar */
.rpd-dns-table-manage::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: transparent;
}

.rpd-dns-table-manage::-webkit-scrollbar
{
	width: 12px;
	background-color: transparent;
}

.rpd-dns-table-manage::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #B7B457;
}

.rpd-contact-cfg::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: transparent;
}

.rpd-contact-cfg::-webkit-scrollbar
{
	width: 12px;
	background-color: transparent;
}

.rpd-contact-cfg::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #B7B457;
}

#contact-form-show::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: transparent;
}

#contact-form-show::-webkit-scrollbar
{
	width: 12px;
	background-color: transparent;
}

#contact-form-show::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #B7B457;
}
/* end scroll bar */

/* modal add dns entry */
body.modal-open .rpd-customer-area{
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

.modal-backdrop
{
    opacity: 0 !important;
}

.rpd-modal-add-dns-entry {
    background: linear-gradient(253.92deg, rgba(147, 141, 0, 0.95) -3.2%, #694506 90.32%);
    box-shadow: 0 4px 14px 2px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 20px 180px 20px 180px;
}

@media (max-width: 1200px) { 
    .rpd-modal-add-dns-entry {
        padding: 20px 24px 20px 24px;
    }
}

.rpd-close-circle-modal {
    position: absolute;
    right: 4%;
    top: 5.5%;
    bottom: 0;
    width: 35px;
    height: 35px;
    background: url("/assets/images/input/close.svg") no-repeat;
    mask: url("/assets/images/input/close.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/close.svg") no-repeat;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.rpd-modal-add-dns-entry h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 33px;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.rpd-modal-add-dns-entry input {
    text-align: center; 
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal !important;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.rpd-modal-add-dns-entry input::placeholder {
    font-style: normal;
    color: rgba(0, 0, 0, 0.44);
    font-size: 18px;
    font-weight: normal;
}

.rpd-modal-add-dns-entry select {
    text-align: center;
    text-align-last:center; 
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal !important;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.rpd-modal-add-dns-entry textarea {
    padding: 12px 12px 12px 12px;
    resize: none; 
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal !important;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.rpd-modal-add-dns-entry select::placeholder {
    font-style: normal;
    color: rgba(0, 0, 0, 0.44);
    font-size: 18px;
    font-weight: normal;
}

/* end modal add dns entry */

/* input */
.rpd-cfg-dns input {
    padding-left: 32px;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal !important;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.rpd-cfg-dns input::placeholder {
    font-style: normal;
    color: rgba(0, 0, 0, 0.44);
    font-size: 18px;
    font-weight: normal;
}
/* end input */

/*=== update profil after 6 month ====*/
.rpd-inside-well select {
    padding-left: 32px;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal !important;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
/*=== update profil after 6 month ====*/

/* button, label & icon */
.rdp-label {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: normal;
    color: #ffffff;
}

.rdp-submit-dns {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    width: 262px;
    padding: 11px 0 11px 40px;
    background-color: #CDC846;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    color: #ffffff;
}

.rdp-submit-dns:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}

.rdp-check-dns {
    width: 162px;
    padding: 11px 0 11px 25px;
    background-color: #CDC846;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    color: #ffffff;
}

.rdp-check-dns:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}

.input-wrapper {
    position: relative;
}
.input-icon-floppy {
    position: absolute;
    top: 60%;
    left: 25%;
    transform: translate(-25%, -60%);
    width: 30px;
    height: 30px;
    background: url("/assets/images/input/floppy.svg") no-repeat;
    mask: url("/assets/images/input/floppy.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/floppy.svg") no-repeat;
    background-color: #ffffff;
}

.input-icon-check {
    position: absolute;
    top: 70%;
    left: 25%;
    transform: translate(-25%, -70%);
    width: 30px;
    height: 30px;
    background: url("/assets/images/input/check.svg") no-repeat;
    mask: url("/assets/images/input/check.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/check.svg") no-repeat;
    background-color: #ffffff;
}

.input-icon-check-xs {
    position: absolute;
    top: 35%;
    left: 25%;
    transform: translate(-25%, -35%);
    width: 19px;
    height: 19px;
    background: url("/assets/images/input/check.svg") no-repeat;
    mask: url("/assets/images/input/check.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/check.svg") no-repeat;
    background-color: #ffffff;
}

.rdp-back-to-parking {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    width: 262px;
    padding: 11px 0 11px 40px;
    background: #D5655D;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    color: #ffffff;
}

.rdp-back-to-parking:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}

.rpd-dns-add-btn {
    width: 115px;
    padding: 4px 0 4px 25px;
    background: #B7B457;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    color: #ffffff;
}

.rpd-dns-add-btn:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}

.input-icon-send-nextzone {
    position: absolute;
    top: 60%;
    left: 7%;
    transform: translate(-7%, -60%);
    width: 16px;
    height: 16px;
    background: url("/assets/images/input/send-next-zone.svg") no-repeat;
    mask: url("/assets/images/input/send-next-zone.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/send-next-zone.svg") no-repeat;
    background-color: #ffffff;
}

.rpd-dns-save-nextzone-btn {
    width: 255px;
    padding: 4px 0 4px 25px;
    background: #9B6109;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    color: #ffffff;
}

.rpd-dns-save-nextzone-btn:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}

.rdp-submit-record-dns {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    width: 100%;
    padding: 11px 0 11px 45px;
    background-color: #CDC846;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    color: #ffffff;
}

.rdp-submit-record-dns:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}

.rdp-cancel-record-dns {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    width: 100%;
    padding: 11px 0 11px 45px;
    background: #D5655D;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    color: #ffffff;
}

.rdp-cancel-record-dns:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}

.input-icon-add {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-22%, -50%);
    width: 16px;
    height: 16px;
    background: url("/assets/images/input/add-dns.svg") no-repeat;
    mask: url("/assets/images/input/add-dns.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/add-dns.svg") no-repeat;
    background-color: #ffffff;
}

.input-icon-cancel {
    position: absolute;
    top: 84%;
    left: 35%;
    transform: translate(-35%, -84%);
    width: 30px;
    height: 30px;
    background: url("/assets/images/input/cancel.svg") no-repeat;
    mask: url("/assets/images/input/cancel.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/cancel.svg") no-repeat;
    background-color: #ffffff;
}

/* end button, label & icon */

/*============== end Cpanel card =======================*/

/*======== cart authentification =============*/
.rdp-identified-cart-btn {
    background: #B7B457;
    border: 0.5px solid #938D00;
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    width: 20%;
    color: #FFFFFF;
}

.rdp-identified-cart-btn:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: rgba(255, 255, 255, 0.8);
}
/*========== end cart authentification ==========*/

/* ====== contact mode ===========*/
.rpd-choice-contact-simple-mode {
    min-height: 256px;
    max-height: 256px;
    background: linear-gradient(102.3deg, rgba(107, 103, 0, 0.4) -10.46%, rgba(207, 199, 5, 0.67) 85.85%);
    border-radius: 10px;
    cursor: pointer;
}

.rpd-choice-contact-advanced-mode {
    min-height: 256px;
    max-height: 256px;
    background: linear-gradient(77.89deg, #A79A05 -21.82%, rgba(221, 170, 84, 0.69) 110.28%);
    border-radius: 10px;
    cursor: pointer;
}

.rpd-update-owner-mode {
    background: linear-gradient(102.3deg, rgba(107, 103, 0, 0.4) -10.46%, rgba(207, 199, 5, 0.67) 85.85%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    cursor: pointer;
}

@media (min-width: 570px) { 
    .rpd-update-owner-mode {
        min-height: 400px;
        max-height: 400px;
        background: linear-gradient(102.3deg, rgba(107, 103, 0, 0.4) -10.46%, rgba(207, 199, 5, 0.67) 85.85%);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        cursor: pointer;
    }
}

.rpd-update-owner-mode:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
}

@media (min-width: 570px) { 
    .rpd-update-contact-mode {
        min-height: 400px;
        max-height: 400px;
        background: linear-gradient(77.89deg, #A79A05 -21.82%, rgba(221, 170, 84, 0.69) 110.28%);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        cursor: pointer;
    }
}

.rpd-update-contact-mode {
    background: linear-gradient(77.89deg, #A79A05 -21.82%, rgba(221, 170, 84, 0.69) 110.28%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    cursor: pointer;
}

.rpd-update-contact-mode:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
}

.rpd-redirect-mode-left-btn {
    min-height: 235px;
    max-height: 235px;
    background: linear-gradient(102.3deg, rgba(107, 103, 0, 0.4) -10.46%, rgba(207, 199, 5, 0.67) 85.85%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    cursor: pointer;
}

.rpd-redirect-mode-left-btn:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
}

.rpd-redirect-mode-right-btn {
    min-height: 235px;
    max-height: 235px;
    background: linear-gradient(77.89deg, #A79A05 -21.82%, rgba(221, 170, 84, 0.69) 110.28%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    cursor: pointer;
}

.rpd-redirect-mode-right-btn:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
}

.rpd-inside-well h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    color: #FFFFFF;
}

.rpd-inside-well p {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 135.5%;
    text-align: center;
    color: #FFFFFF;
}
/* ====== end contact mode ===========*/

/*========== sub info panel ========*/
.rpd-sub-info-panel {
    top: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    padding: 10px 20px 20px 20px;
}

.rpd-sub-info-panel h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #FFFFFF;
}

.rpd-sub-info-panel p {
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    margin-bottom: 6px;
    margin-top: 12px
}

.rpd-sub-info-panel span {
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    color: #d4d1d1;
}
/*========== end sub info panel ========*/

/*========= attribute contact from cart ======*/
#contact-form-show {
    min-height: 550px;
    max-height: 550px;
    overflow-Y: auto;
}

#contact-form-show p{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}

label, .error {
    font-style: italic;
    color: #FFFFFF;
}

.delegate {
    font-size: 13px !important;
    color: grey;
    cursor: pointer;
}
/*========= end attribute contact from cart ======*/

/* ====== Update domain contacts ========*/
.odp-line-offre-rapido {
    width: 50%;
    background-color: #FFF;
    margin-top: 0
}

#custom-contact-step-2 h2 {
    font-family: 'Opens sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
}

#formUpdateContact p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
}

#formUpdateContact select {
    text-align: center;
    text-align-last:center; 
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal !important;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

#contact-form-show select {
    text-align: center;
    text-align-last:center; 
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal !important;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.input-es {
    text-align: center; 
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal !important;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.80);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    border: none;
    width: 100%;
    height: 5%;
}

.target_existing, .target_new {
    font-style: italic;
    color: #FFFFFF;
}

.confirmTransfert {
    color: #FFFFFF;
}

.rpd-contact-cfg {
    min-height: 560px;
    max-height: 560px;
    overflow-Y: auto;
}

.rpd-notice-contact-cfg {
    padding: 120px 40px 110px 40px;
}

.rpd-notice-contact-cfg p {
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
    color: #FFFFFF;
}

.rdp-back-step-1 {
    position: absolute;
    left: 5%;
    top: 5%;
    bottom: 0;
    width: 35px;
    height: 35px;
    mask: url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
    -webkit-mask: url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
    background: rgba(255, 255, 255, 0.7) url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
    cursor: pointer;
}

.rdp-back-step-1-sm {
    position: absolute;
    left: 5%;
    top: 5%;
    bottom: 0;
    width: 35px;
    height: 35px;
    mask: url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
    -webkit-mask: url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
    background: rgba(255, 255, 255, 0.7) url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
    cursor: pointer;
}

@media (max-width: 550px) { 
    .rdp-back-step-1-sm {
        position: absolute;
        left: -20%;
        top: 5%;
        bottom: 0;
        width: 35px;
        height: 35px;
        mask: url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
        -webkit-mask: url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
        background: rgba(255, 255, 255, 0.7) url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
        cursor: pointer;
    }
}

@media (min-width: 765px) and (max-width: 1260px) { 
    .rdp-back-step-1-sm {
        position: absolute;
        left: -15%;
        top: 5%;
        bottom: 0;
        width: 35px;
        height: 35px;
        mask: url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
        -webkit-mask: url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
        background: rgba(255, 255, 255, 0.7) url("/assets/images/ndd-chevron-gauche.svg") no-repeat;
        cursor: pointer;
    }
}

/* contact btn */
.rpd-search-done-btn-xs {
    padding: 5px 24px 5px 24px;
    font-size: 15px;
    background:#9B6109;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    color: #FFFFFF;
    border:#B7B457;
}
.rpd-search-btn-xs {
    padding: 5px 24px 5px 24px;
    font-size: 15px;
    background:#B7B457;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    color: #FFFFFF;
    border:#B7B457;
}
.rpd-cancel-btn-xs {
    padding: 5px 24px 5px 24px;
    font-size: 15px;
    background:#D5655D;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    color: #FFFFFF;
    border:#B7B457;
}
.rpd-contact-add-btn {
    padding: 4px 42px 4px 64px;
    background: #B7B457;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    color: #ffffff;
}
.rpd-search-done-btn-xs:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}
.rpd-search-btn-xs:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}
.rpd-cancel-btn-xs:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}
.rpd-contact-add-btn:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}
/* ====== Update domain contacts ========*/

/* ====== web redirect =========*/
.rpd-inside-well h3 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.rpd-inside-well h5 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.rpd-notice-redirect-cfg p {
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
    color: #FFFFFF;
}

.rpd-frame-redirect-mode {
    background: linear-gradient(102.3deg, rgba(107, 103, 0, 0.4) -10.46%, rgba(207, 199, 5, 0.67) 85.85%);
    border-radius: 10px;
}

.rpd-url-redirect-mode {
    background: linear-gradient(77.89deg, #A79A05 -21.82%, rgba(221, 170, 84, 0.69) 110.28%);
    border-radius: 10px;
}

.btn-redirect-step {
    background: #CDC846;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF !important;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 6px 24px 6px 24px;
}

.btn-redirect-step:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: rgba(255, 255, 255, 0.8);
}
/* ====== end web redirect =========*/

/*==== email redirect ======*/
.input-redirect-addon {
    background: #7E4B1C;
    border-radius: 0px 10px 10px 0px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    border: none;
}

#deleted_emails ul {
    color: #FFFFFF
}

.rpd-domain-redirect-cancel-btn {
    padding: 4px 28px 4px 50px;
    background: #D5655D;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    color: #ffffff;
}

.rpd-domain-redirect-cancel-btn:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 250ms;
    color: #ffffff;
}

.input-icon-close-xs {
    position: absolute;
    top: 48%;
    left: 18%;
    transform: translate(-25%, -35%);
    width: 19px;
    height: 19px;
    background: url("/assets/images/input/cancel-xs.svg") no-repeat;
    mask: url("/assets/images/input/cancel-xs.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/cancel-xs.svg") no-repeat;
    background-color: #ffffff;
}
/*==== end email redirect ======*/


/*============= toast ==============*/
.rpd-toast {
    z-index: 999;
    position: fixed;
    bottom: 3%;
    right: 2%;
    min-height: 142px;
    min-width: 432px;
    max-width: 432px;
    padding: 18px 38px 12px 38px;
    background: rgb(207, 199, 5);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}
.rpd-toast h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.11em;
    color:#ffffff;
}
.rpd-toast p {
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.11em;
    color: #ffffff;
}
.rpd-toast-close-circle {
    position: absolute;
    right: 3%;
    top: 9%;
    bottom: 0;
    width: 35px;
    height: 35px;
    mask: url("/assets/images/input/close.svg") no-repeat;
    -webkit-mask: url("/assets/images/input/close.svg") no-repeat;
    background: rgba(255, 255, 255, 0.7) url("/assets/images/input/close.svg") no-repeat;
    cursor: pointer;
}
/*============= end toast ==============*/
 
/*============= custom spacing ============*/
.mb-5-half {
    margin-bottom: 70px;
}
.mt-7 {
    margin-top: 120px;
}
.mb-7 {
    margin-bottom: 120px;
}
/*============= end custom spacing ============*/
/*============= Lucas ============*/
.lf-text-italic {
    font-style: italic;
}
hr.lf-line-separator {
    border-top: 1px solid white;
    width: 30%;
}
.lf-redirect-icon {
    position: absolute;
    width: 35px;
    height: 35px;
    background: url("/assets/images/fleche_droite.svg") no-repeat;
    mask: url("/assets/images/fleche_droite.svg") no-repeat;
    -webkit-mask: url("/assets/images/fleche_droite.svg") no-repeat;
    background-color: rgba(255, 255, 255, 1);
    cursor: pointer;
}
/*============= end Lucas ============*/