.caveat {
    font-family: "Caveat", cursive;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}


* {
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
}

li.nav-item {
    position: relative;
}

.status-badge {
    font-size: 14px;
    color: #000;
}

.bestOffer {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding: 9px 10px;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    font-size: 18px;
    color: black;

}

.bestOffer i {
    font-size: 22px;
    text-align: right;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.66);
}

.img-cloche {
    width: 30px
}

.bestOffer strong {
    color: #4036ee;
}

@media (min-width: 1600px) {
    .bestOffer {
        width: 90%;
    }
}

@media (min-width: 768px) {
    .main-content {
        margin-left: 300px;
    }

    header#page-topbar {
        padding-left: 300px;
    }

    .dn-desk {
        display: none
    }
}

.immo-free {
    width: 940px;
}

.table > thead {
    border-color: var(--vz-border-color);
    background: #f1f1f1;
}

.listing-unit-img-wrapper img {
    max-width: 140px;
    max-height: 90px;
}

.pac-container {
    z-index: 10000 !important;
}

#custom-progress-bar .progress {
    height: 3px;
}

#edit-customer-rdv .choices__list--dropdown {
    z-index: 9999999999 !important;
}

.position-relative {
    position: relative;
}

.setObjectif a {
    opacity: 0;
    position: absolute;
    top: 1px;
    right: 1px;
}

.status.status_1 {
    color: #d6c700;
}

.status.status_2 {
    color: #35b763;
}

.status.status_3 {
    color: #2b68a9;
}

.status.status_4 {
    color: #646464;
}

.status.status_5 {
    color: #7300b3;
}

.status.status_6 {
    color: #0003ff;
}

.working-platform .form-switch .form-check-input {
    width: 9em;
}

.fr-mobile .form-check-input-custom:disabled,
.fr-mobile .form-check-input:disabled {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
}


.status-diffussion-txt {
    color: green;
}

.setObjectif:hover a {
    opacity: 1;
}

.btn-login {
    background: #4036ee;
    color: white;
}

.relative {
    position: relative;
}

.conversation-list-single .sender {
    margin-top: 22px;
    margin-bottom: 0;
    color: #5a5a5a;
}

.count-container > span {
    position: absolute;
    right: 1px;
    bottom: -25px;
}

.add-action i {
    font-size: 34px;
    color: #828282;
}

.need-subscribtion-before {
    background: #fff;
    padding: 47px 18px;
    max-width: 468px;
    margin: 0 auto;
    position: absolute;
    z-index: 9999999999;
    bottom: 5px;
    /* margin-bottom: -62px; */
    left: 201px;
}

.solvabilite i {
    margin-bottom: -15px;
    font-size: 17px;
}

.div-button {
    text-align: center
}

.div-button .wm-100 {
    margin-right: 30px
}

.solvabilite u {
    font-size: 19px;
}

.btn-primary, .btn, .btn-light, .btn-secondary, .btn-login {
    border-radius: 13px;
}

form input, .choices__inner, form select {
    border: 1px solid #4036ee !important;
    border-radius: 13px !important;
}

.calenderPicker {
    max-width: 588px;
}

option[value=""][disabled] {
    display: none;
}

#pills-times .form-check-input {
    display: none;
}

#pills-times input:checked + label {
    background-color: #9896ff;
    color: #fff !important;
}

#pills-times input + label {
    padding: 5px 12px;
    border-radius: 8px;
    font-size: 12px;
}

.forget-pass a {
    color: #4036ee !important;
    font-size: 13px;
    text-decoration: underline !important;
}

.cadre {
    width: 100%;
    max-width: 700px;
    border: 1px solid #9896ff;
    padding: 30px 80px 50px 80px;
}

#selectedDate {
    padding: 15px 0;
    color: black
}

.bg_head_creno {
    background: #4036ee;
    border-radius: 15px 15px 0 0;
    margin-bottom: 10px;
}

.head_créno {
    padding-left: 32px;
    color: #fff;
    padding-top: 9px
}

.calenderPicker {
    margin-right: auto;
    margin-left: auto;
}

.auth-one-bg {
    background-image: url("../images/My-bleu.png") !important;
    background-size: 400px !important;
    background-repeat: no-repeat;
}

.lorem {
    font-size: 18px;
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
    background: rgba(152, 150, 255, 0.5) !important;
    border-radius: 17px
}

.welcome {
    font-size: 43px;
}

.w-alert {
    width: 50px;
    transform: rotate(-10deg);
}

.center-div {
    margin-left: auto;
    margin-right: auto;
}

.new-post {
    padding: 8px 22px !important;
    border-radius: 20px;
    font-size: 17px !important;
    border: 1px solid #fff !important;
    text-align: center;
    padding-top: 50px;
    color: white !important;
    background-color: transparent !important;
}

.new-post:hover {
    color: black !important;
    background: white !important;
}

.content-home {
    background: #4036ee;
    overflow: auto;
    padding-top: 94px;
    padding-left: 94px;
}

.content-home-2 {
    background: #4036ee;
    overflow: auto;
}

.content-diffusion {
    background: #4036ee;
    height: 25vh;
    overflow: hidden;
}

.image-super-hero {
    background-image: url(../images/SUPER-AGENT.png) !important;
    background-position-x: right;
    background-size: contain;
    height: 415px !important;
    background-repeat: no-repeat;

}

.width-logo {
    width: 192px;
}


.title-platfor {
    font-size: 30px;
    font-weight: 1000;
}

.hero-diffusion {
    background-image: url("../images/SUPER-AGENT.png") !important;
    background-size: 500px;
    height: 250px !important;
    background-repeat: no-repeat;
}

.text-login {
    font-size: 50px;
    font-weight: bold;
}

.auth-one-bg .bg-overlay {
    background: linear-gradient(to right, #4036ee, #4036ee);
    opacity: 0.9;
}

.content-login {
    padding: 40px
}

.title-login {
    font-size: 30px;
    font-weight: normal;
}

.immo {
    color: #4036ee;
    font-weight: bold !important;
}

.link {
    font-size: 15px
}

.link a {
    color: #4036ee !important;
}

.choices[data-type*=select-multiple] .choices__input {
    border: none !important;
}

.info-forget-pass {
    font-size: 14px
}

.btn-form:hover {
    background-color: white !important;
    border: 1px solid #4036ee !important;
    color: black !important;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    background: #6b63ef;
    border-color: #6b63ef;
}

.btn-primary {
    background: #4036ee;
    border-color: #4036ee;
}

.div-center {
    margin-left: auto;
    margin-right: auto;
}

.card h6 {
    color: #4036ee;
    font-size: 17px
}

.plts {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 35px;
    margin-left: auto;
    margin-right: auto;
    max-width: 790px;
}

.sub-title-plts {
    font-size: 22px
}

.styl-plts {
    padding: 30px;
    text-align: center;
}


.head-plts {
    background: #4036ee;
    padding: 10px;
    border-radius: 15px 15px 0 0;
}


.ftp11 {
    position: relative;
}

.ftp11 .dropdown {
    position: absolute;
    top: 5px;
    right: 42px;
}

.plateforme {
    background: transparent;
    border-radius: 17px;
    min-height: 145px;
    border: 2px solid rgba(0, 0, 0, 0.09);
    padding: 20px 15px;
}

.plateforme-default {
    background: #9896ff;
    padding: 20px 15px;
    border: 2px solid #9896ff;
    border-radius: 17px;
    overflow: auto;
}

.plateforme.active {
    background: rgba(66, 54, 238, 0.28) !important;
    border: none !important;
}

.plateforme.active .descript {
    color: #fff;
    font-weight: bold;
}

.plateforme .descript {
    font-size: 14px;
}

.plt {
    width: 96px
}

.pld {
    background: rgba(66, 54, 238, 0.28) !important;
    border: none !important;
}


.width-label {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 0;
}

.descPrice .old-prices {
    font-size: 18px;
    font-weight: bold;
    color: #8d8d8d;
}

.descPrice .bymonth {
    font-size: 11px;
    color: #000;
}

.ftp11 .dropdown i {
    font-size: 37px;
}


.img-attention {
    width: 90px
}

.card-content {
    border: 1px solid rgba(0, 0, 0, .125) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.fc-toolbar-chunk .fc-today-button {
    background-color: #9896ff !important;
    border: #9896ff;
}

.head-content {
    border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
}

.fc-toolbar-chunk .btn-group .btn.active, .fc-toolbar-chunk .btn-group .btn:hover {
    background-color: #9896ff;
}

.fc-col-header-cell-cushion {
    color: #fff !important;
}

.text-d {
    color: rgba(255, 0, 0, 0.7);
}

.f22 {
    margin-right: 5px;
    color: rgba(255, 0, 0, 0.7);
    font-size: 20px;
}

.fc-toolbar-chunk .btn-group .btn {
    color: #000000;
}

.fc .fc-col-header-cell {
    background-color: #9896ff;
}

.gender {
    margin-right: 30px;
}

.content_creno {
    border-radius: 15px;
    overflow: auto;

}

.head_créno {
    background: #4036ee;
    border-radius: 15px 15px 0 0;
    padding: 10px;
    padding-left: 20px !important;
    width: auto;
}

.user-chat-topbar {
    display: none;
}

.width-att {
    width: 105px
}

.width-img-light {
    width: 80px
}

.cbox {
    box-shadow: 0 0 5px #aaaaaa !important;
    border-radius: 15px 15px 15px 15px;
}

.bg_badge {
    background-color: #4036ee;
    border-radius: 15px;
    padding: 5px 17px !important;
}


.icon-plus {
    font-size: 25px;
    /*float: right;*/
}

.p_bool {
    padding-left: 20px;
}

#filter-ads .form-select {
    border-color: #4036ee !important;
}

.form-check-input-custom:checked,
.form-check-input:checked {
    background-color: #4036ee !important;
    border-color: #4036ee !important;
}

.bg-notification {
    background-color: #4036ee !important;
}

.bg-notification h4 {
    color: #fff;
}

.text-underline {
    text-decoration: underline !important;
}

.w-80 {
    width: 80% !important;
}

.w-20 {
    width: 20% !important;
}

.psource {
    padding: 5px 20px 5px 15px;
}

.nav-tabs-custom .nav-item .nav-link.active {
    color: #4036ee !important;
}

#top-top .dropdown-head .nav-tabs-custom .nav-link {
    color: #fff;
}

.chat-conversation .conversation-list .ctext-wrap-content {
    box-shadow: none !important;
    border-radius: 17px;
    background: #fff2f2
}

.img-slider {
    width: 4.5rem !important;
    height: 4.5rem !important;
}

#propertie-detail {
    height: 100%;
}

.current-usser-session {
    margin-top: 10px;
    font-weight: bold;
}

.p-button {
    text-align: left;
}

.avatar-legend span {
    width: 54px;
    height: 52px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    display: block;
    color: #fff;
    line-height: 24px;
    background: #4036ee;
    padding: 15px 13px;
}

.special_offer {
    background: #D3D3D3;
    border-color: #D3D3D3
}

.flatpickr-months {
    border-radius: 15px 15px 0 0;
}


.m-mb {
    margin-bottom: 1.5rem !important;
}

.padding-left {
    padding-left: 0;
}

.plateforme-default .descript {
    color: white;
}

.padding-right {
    padding-right: 0;
}

.img_no_sub {
    position: absolute;
    right: 0;
    top: 50px
}

.pad {
    padding: 0 45px
}

.col-md-lg-none {
    display: none;
}

.img_no_sub img {
    width: 160px
}

.hb {
    height: 100px
}

.check-top {
    margin-top: -2px
}

.cloche-seloger {
    width: 18px
}

.heure-diffusion {
    color: #4036ee;
    font-weight: bold;
    font-size: 10px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -5px;
}

.plateforme.special_offer .descPrice .Tblack {
    color: #000 !important;
}

.plateforme.special_offer .descPrice .price-special {
    color: #000 !important;
}

.plateforme.special_offer .descPrice .check-top {
    border-color: #000 !important;
}


.block-dashboard {
    border-radius: 17px;
    background-color: #9896ff;
}

.chat-list > li.active a {
    color: #000000;
    background-color: rgba(152, 150, 255, 0.5);
    border-left: 4px solid #4036ee
}

.block-dashboard p {
    color: #fff !important;
    text-align: center;
    font-weight: 600;
}


.chat-list > li a .t1 {
    font-weight: bold !important;
}

.chat-room-list {
    max-height: calc(100vh - 318px);
}

.chat-conversation {
    height: calc(100vh - 396px);
}

@media (min-width: 992px) {
    .chat-leftsidebar {
        min-width: 300px;
        max-width: 300px;
        height: calc(100vh - 270px - 60px - 8px);
    }
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #4036ee !important;
    border-color: #4036ee !important;
}

.head-tab {
    background: #ffbfc1 !important;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-width: 0 !important;
}

.tb {
    border-width: 1px !important;
}

.bg-soft-success, .bg-soft-info, .bg-soft-warning, .bg-soft-primary {
    background: transparent !important;
}

.row-setting {
    margin-bottom: 15px !important;
}

.modal span.select2-container {
    z-index: 10050;
}

.requiereField .tt {
    font-size: 12px;
    font-style: italic;
}

.requiereField .detail li {
    font-size: 11px !important;
    color: red;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    border-color: #6eacd0 !important;
}

.moa {
    margin: 0 auto;
}

#bulk-delete {
    background-color: red;
    font-weight: bold;
}

.diffusion-active {
    width: 12px;
    position: absolute;
    height: 12px;
    bottom: 5px;
    right: 2px;
    background: green;
    border-radius: 50%;
}

.adresse-alert .badge {
    background-color: #f9f59a !important;
    color: #000;
}

.adresse-alert .badge-label.bg-primary:before {
    border-right-color: #f9f59a;
}

#adresse-alert .badge-label:before {
    border-right-color: #f9f59a;
}

.badge.rdv {
    color: #00a5d5;
}

.badge.bv {
    color: #0c0cff;
}

.badge.solder {
    color: #0c5946;
}

.fs17 {
    font-size: 17px
}

.img-caldar {
    position: absolute;
    right: -134px;
    top: 270px;
}

.badge.ads_imported {
    color: #00c000;
}

.badge.pepite_status {
    color: #786704;
}

.img-offer {
    width: 130px
}

.badge.created_interne {
    color: #1f6c67;
}

.badge.created_interne_client {
    color: #d100e1;
}

.badge.reming {
    color: orange;
}

.badge.refus {
    color: red;
}

span.badge.nrp {
    color: darkred;
}

.badge.spectre {

}

.hide {
    display: none
}

div.dataTables_wrapper div.dataTables_filter input {
    border-radius: 12px;
    border: 2px solid #9896ff;
}

.table-striped tbody tr:nth-child(even) td:hover,
.table-striped tbody tr:nth-child(even) td {
    background-color: rgba(152, 150, 255, 0.62);
}

.detail-invoice thead,
.detail-invoice tbody tr:nth-child(even) th,
.detail-invoice tbody tr:nth-child(even) td {
    background-color: rgba(152, 150, 255, 0.62) !important;
}

.select2-container--open {
    z-index: 9999999
}

.cleanFilterDataTable {
    text-align: right;
    font-size: 13px;
}

table .badge {
    margin-bottom: 1px !important;
}

.badge-label {
    margin-left: 0px !important;
    position: relative;
}

.chat-conversation-list .right p {
    color: #000;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 25px !important;
}

.adresse-alert {
    display: grid;
    column-gap: 10px;
    row-gap: 1em;
    grid-template-columns: auto auto;
}

.status-filtre {
    position: absolute;
    top: -24px;
    color: #4036ee;
    font-size: 42px;
    left: -7px;
}

.img-property {
    width: 125px;
}

.plateforme .custom-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plateforme.unpay {
    background: #cac7fb;
}

.plateforme .custom-banner img {
    height: 120px;
    width: 120px;
    margin-right: 20px;
    border-radius: 5px;
}

.plateforme .custom-banner p {
    margin: 0;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}

.plateforme .custom-banner .show-more-btn {
    width: 100%;
    max-width: 172px;
}

.plts-title {
    padding-top: 43px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.plts-title * {
    color: #000;
}

.plts-title h1 {
    font-size: 25px;
    line-height: 35px;
}

.plts-title .highlight-1 {
    font-family: "Caveat", cursive;
    font-size: 45px;
    margin-top: 15px;
}

.plts .highlight {
    color: #4036ee;
    font-weight: 700;
    font-size: 27px;
}

.plts-title .vector-1 {
    width: 136px;
}

.diffuser-desc-container .vector-2 {
    height: 52px;
}

.plts .platfome-logos {
    width: 100%;
}

.plts .highlight-multiple {
    text-align: center;
    color: #4036ee;
    font-weight: 700;
    line-height: 30px;
    font-size: 60px;
    font-family: "Caveat", cursive;
}

.plts .sub-description {
    font-size: 17px;
    color: #000;
    max-width: 630px;
    text-align: start;
    padding-left: 15px;
}

.diffuser-desc-container {
    display: flex;
    justify-content: center;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 0px !important;
    padding-top: 132px !important;
    height: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    background: #ffffffed;
    width: 100% !important;
    font-weight: bold;
}

.max-widbtn {
    margin-bottom: 10px;
    max-width: 105px;
}

.fs-title {
    font-size: 17px
}

#render-vendeur th, #render-vendeur td {
    white-space: normal !important;
}

#loader-ads-edit, .loader-ads-edit {
    float: right;
}

.modal-footer {
    justify-content: flex-start !important;
}

#two-column-menu {
    text-align: center;
    padding-top: 30px;
    margin-bottom: 20px;
}

#checkAthoterAccount {
    background: #fe6768;
    padding: 10px 20px;
    margin: 0 auto;
    margin-top: 15px;
    width: 90%;
    border-radius: 12px;
    align-items: center
}

.alert-message {
    color: #fff;
    font-size: 18px;
}

#two-column-menu img {
    width: 74px;
    height: 74px;
    margin-bottom: 20px;
    border-radius: 50%;
}

#page-topbar .banner {
    height: 190px;
    width: 90%;
    background: #4036ee;
    margin: 0 auto;
    margin-top: 25px;
    position: relative;
    padding: 26px 94px;
    border-radius: 30px;
    display: flex;
}


.input-search {
    border-radius: 13px;
    border: 1px solid #4036ee;
}

.input-search input {
    border: 0 solid transparent;
    font-size: 16px;
    background-color: transparent;
}

.input-search input:focus {
    background: transparent;
}

.input-search button i {
    font-size: 22px;
    color: #4036ee;
    font-weight: bold;
}

.partright {
    width: 20%;
    text-align: right;
    position: relative;
}

.image-right {
    width: 97%;
    top: -57px;
    right: -18px;
    position: relative;
}

#page-topbar .banner * {
    color: #fff;
}

.partleft {
    width: 80%;
}

#page-topbar .banner p {
    font-size: 18px;
}

.dashbord {
    font-weight: bold;
    color: black;
    font-size: 20px
}

.input-desabled {
    border-color: transparent !important;
}

.cont-dashb {
    margin-right: 50px
}

#page-topbar .banner h4 {
    font-size: 47px;
    padding-top: 20px;
}

.special {
    background: #4036ee;
}

.bx-envelope-open, .bxs-megaphone, .bx-transfer {
    color: #ffc9c9;
}

[data-layout=vertical][data-sidebar-size=sm] .navbar-menu #two-column-menu img {
    width: 35px;
}

[data-layout=vertical][data-sidebar-size=sm] .navbar-menu #two-column-menu h4 {
    display: none;
}

.loader-modal {
    margin: 0 auto;
    display: block;
}

.progress-nav .nav .nav-link.active {
    background-color: #4036ee;
    color: #fff;
}

.progress {
    background-color: rgb(233 233 255);
}

#connect-form {
    max-width: 450px;
    margin: 0 auto;
}

.conseil {
    height: auto;
    border-radius: 13px;
    background-color: rgba(255, 191, 193, 0.3);
    overflow: auto;
}

.pab {
    bottom: 0;
    position: absolute;
}

.cas_no {
    height: auto;
    border-radius: 13px;
    background-color: #9896ff4d;
}

.text-p {
    color: #4036ee
}

.echec-photos {
    padding-left: 41px;
}

.badge {
    border-radius: 50rem;
}

.conseil i, .cas_no i {
    color: #4036ee;
    font-size: 30px !important;
}

.reglt {
    color: rgba(0, 0, 0, 0.93);
    font-weight: 600;
    margin-left: 6px;
    font-size: 13px
}

.f45 {
    font-size: 45px;
    line-height: 55px;
    margin-top: 40px;
    z-index: 3
}

.lsp {
    letter-spacing: 4px;
}

.b1 {
    width: 30px;
    height: 130px;
    background: #4036ee;
    position: absolute;
    margin-top: 65px;
    z-index: 2;
    opacity: 0.7;
}

.b2 {
    width: 30px;
    height: 180px;
    background: #4036ee;
    position: absolute;
    margin-top: 65px;
    z-index: 1;
    right: 0;
    bottom: 0
}

.status_annonce {
    background: #4036ee;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 3px;
}

.type_annonce {
    font-size: 17px;
    font-weight: 600;
}

.input-bg {
    background: rgba(145, 143, 255, 0.2) !important;
    border-color: rgba(145, 143, 255, 0.2) !important;
}

.textarea {
    border-radius: 13px 13px 13px 13px;
    overflow: hidden;
    border-width: 1px;
    border-color: #4036ee;
    min-height: 110px !important;
    display: block;
}

.textarea:focus {
    border-color: #4036ee;
}

#detail-bien .btn-delete,
#detail-bien .btn-p,
#detail-bien .btn-orange,
#detail-bien .btn-m,
#detail-bien .btn-green {
    border-radius: 30px;
    color: white;
    padding: 8px 40px;
}

.btn-annuler {
    border-radius: 13px;
    color: black;
    padding: 0.5rem 1.5rem;
    background: #ffc9c9;
}

.btn-annuler:hover {
    color: white;
}

.center-btn {
    margin-left: auto;
    margin-right: auto;
}

.btn-delete {
    background: #fe6768;
    font-weight: 600
}

.mbColor {
    border-bottom: 1px solid #00000029 !important;
    padding-top: 7px;
}

.btn-p {
    background: #9896ff;
    margin-right: 20px
}

#detail-bien .btn-orange {
    margin-right: 20px;
    font-weight: 600
}

.btn-orange {
    background: rgba(250, 137, 107, 1);
    color: #fff;
}

.btn-green {
    background: green;
    margin-right: 20px;
    color: #000;
    font-weight: 600
}

.btn-m {
    background: #ff8000;
    border-color: #ff8000;
    float: right;
    margin-right: 30px;
}

.bleu-electric {
    color: #9896ff;
    font-weight: bold;
}

#tableRecap td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.btn-m:hover {
    background: #ffc9c9;
    border-color: #ffc9c9;
    color: black;
}

.user-chat {
    background-image: none;
    background-color: #fff;
}

#tableRecap .label-offer {
    max-width: 290px;
    margin: 0 auto;
    font-weight: bold;
}

.line-item-classic .label-offer {
    color: grey;
}

#render-demande-visite_length, #render-demande-visite_filter {
    display: none;
}

.short-description-ads {
    max-height: 500px;
    overflow-y: hidden;
}

.btn-m a {
    float: right;
}

.bg-detail {
    background: #9896ff12;
    padding: 14px;
}

.bg-tablist {
    background: #9896ff12 !important;
}

.card-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.mt4 {
    margin-top: 40px
}

.step-arrow-nav .nav .nav-link.active {
    background-color: #4036ee;
    color: #fff;
}


.fm {
    color: #0000009c !important;
    font-weight: 600 !important;
}

.thead {
    background: #9896ff !important;
    color: #fff !important;
}

.descpt {
    text-align: left;
}

.m50 {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
}

.m40 {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
}

#save-stape-4-with-pay {
    max-width: 780px
}

.error {
    color: red;
    font-size: 13px;
}

.bright {
    border-right: 2px solid #00000052 !important;
}

.error.help-block {
    display: block;
    padding-top: 5px;
}

.auth-bg-cover {
    background: #fff !important;
}

.text-primary {
    color: var(--vz-blue) !important;
}

.text-muted {
    --vz-text-opacity: 1;
    color: #000000 !important;
}

.text-footer {
    color: #000
}

.btn-primary:hover {
    color: #4036ee;
    background-color: #fff;
    border-color: #4036ee;
}

.navbar-menu {
    background: #ffffff;
    width: 295px;
}

.img-width {
    width: 80px
}

.btn-outline-primary {
    border-color: #4036ea !important;
}

.tblack {
    color: black !important;
}

.navbar-menu .navbar-nav .nav-link, .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    color: #4036ee;
}

.navbar-menu .navbar-nav .nav-link.active,
.navbar-menu .navbar-nav .nav-sm .nav-link:hover,
.navbar-menu .navbar-nav .nav-link:hover {
    color: #9896ff !important;
}

#user_terms_register_topbar_link {
    text-decoration: underline !important;
}

.tblack {
    color: black;
}

.mb-mobile {
    margin: 0;
}


.attention {
    background: #E8E8FF;
    border-radius: 15px;
    padding: 10px
}

.w-welcome {
    color: #000;
    font-size: 1.1125rem;
}

.descript-plat {
    margin-top: -17px;
    margin-bottom: -7px;
}

.input-check {
    margin-left: 17px;
    width: 25px;
    height: 25px;
    border-radius: 0 !important;
}

.mt-buttom a {
    border-radius: 14px;
    display: block;
    color: #000;
    font-weight: bold;
    margin-bottom: 25px;
}

.mt-buttom {
    padding: 30px;
    padding-bottom: 0;
}

header#page-topbar {
    background: transparent;
    position: relative;
    width: 100%;
    left: unset;
}

.event-diagnostique {
    background-color: #9896ff !important;
    border-color: #9896ff !important;
}

.event-estimation {
    background-color: #3788d8 !important;
    border-color: #3788d8 !important;
}

.detail-rdv .fc-event-title {
    color: #fff !important;
}

.logged-in body {
    background: #fff;
}

.page-content {
    padding-top: 45px;
    padding-right: 68px;
    padding-left: 68px;
}

.navbar-menu .navbar-nav .nav-link {
    font-size: 16px;
}

.progress-nav .nav .nav-link {
    background-color: #918fff;
    color: #ffffff;
}

.stape-details {
    position: absolute;
    width: 226px;
    left: -94px;
    padding-top: 13px;
    text-align: center;
}

.plateforme-details {
    text-align: center;
    margin-top: 15px;
}


#add-picture .dz-message img {
    max-width: 125px;
}

#add-picture .dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}

.plateforme .descPrice .input-check {
    margin-left: 0;
    margin-top: 7px;
}

.descPrice .old-prices {
    color: #4036ee;
}

.plateforme .descPrice {
    display: grid;
    grid-template-columns: auto 75px;
    text-align: center;
}

#edit-property #custom-progress-bar {
    margin-bottom: 110px;
}

#add-picture .dropzone.dz-clickable {
    cursor: pointer;
    background: #dddbfc;
    border-radius: 42px;
    border: navajowhite;
}

.plateforme {
    position: relative;
}

.alignement {
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.choices {
    margin-bottom: unset;
}

.f24 {
    font-size: 28px !important;
}

.mh {
    background: #9896ff !important;
}

.fw-semibold {
    color: #4036ee !important;
}

.btn-modal {
    border-radius: 13px;
    padding: 8px 30px;
    color: #fff
}

.block-head {
    position: relative;
    background: #4036eea8;
    margin-bottom: 50px;
    margin-left: -175px;
    margin-right: -175px;
    padding: 0 0 0 50px;
}

.block-head h3 {
    color: #fff;
    font-weight: bold;
    font-size: 32px
}

.f14 {
    font-size: 17px
}

.f12 {
    font-size: 16px;
    margin-top: -5px
}

.img-pst {
    width: 30px
}

.alert-platform {
    width: 90%;
    color: black;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
    box-shadow: rgba(60, 64, 67, 0%) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    padding: 40px 18px 12px 0;
    margin-bottom: 30px
}

.super-hero {
    background-image: url(../images/SUPER-AGENT.png);
    height: 200px;
    background-position: 25px -6px;
    background-repeat: no-repeat;
    background-size: 400px;
    overflow: hidden;
}

.btn-modal-primaire {
    background: #4036ee
}

.text-justify {
    text-align: justify;
}

.btn-modal-danger {
    background: #fe6768
}

.bg-brouillon {
    background: #ffc9c9
}

.bg-dang {
    background: #fe6768;
}

.platforme-diffused {
    margin-bottom: 18px;
    display: flex;
    align-items: center;
}

.btn-close {
    color: #fff !important;
}

.bg-soft-info {
    background: #9896ff !important;
}

.bg-soft-info h6 {
    color: #fff
}

.page-item.active .page-link {
    background-color: #9896ff;
    border-color: #9896ff;
}

.modal-content {
    border: 0;
}

.picture-ads {
    position: relative;
}

.plateforme-counts {
    text-decoration: underline !important;
    font-weight: 700;
}

.zero-message {
    text-decoration: underline !important;
}


.picture-ads .btn-danger {
    position: absolute;
    right: -1px;
    top: -1px;
}

.pending-status {
    background: #9896ff !important;
    background-color: #9896ff !important;
}

.zero-message {
    color: #000;
}

textarea.form-control {
    border: 2px solid #9896ff;
    border-radius: 10px;
}

textarea.form-control:focus {
    border: 2px solid #9896ff;
    border-radius: 10px;
}

.ads table.dataTable.nowrap th, .ads table.dataTable.nowrap td {
    text-align: center;
    white-space: normal;
    border-left: 1px solid #eee;
}

.dataTables_info,
.dataTables_length label {
    display: none !important;
}

.action-render-btn {
    border-radius: 10px;
}

.btn-ghost-secondary i {
    color: #9896ff;
}

.block-button {
    display: flex;
    width: 100%;
}

.voir-annonce {
    background: #4036ee;
    color: #fff;
    border-radius: 30px;
    font-size: 12px;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #4036ee
}

.description {
    color: #fe6768;
    font-size: 12px;
    text-align: center;
    margin-top: 15px
}

.voir-annonce:hover {
    background: #fff;
    color: #4036ee;
}

.img-offer-paiement {
    width: 120px
}

.platform-paiement {
    padding: 16px 0;
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
}

.hamburger-icon span {
    background-color: #9896ff;
}

.logo-stripe-pay {
    width: 158px;
}

.td-secure-txt {
    margin-top: -18px;
}

.head_créno {
    color: #fff;
    padding: 10px 33px;
}

#tableRecap .offer-logo {
    height: 50px;
}

.plateforme .descPrice {
    color: #4036ee;
}

.plateforme.active .descPrice {
    color: #fff;
}

.style-pay {
    padding: 0.5rem 2rem
}

.plateforme.special_offer .descPrice label {
    color: #000 !important;
}

span.badge.badge-pill.bg-tenary {
    background: #f6c7c7 !important;
    color: #fff !important;
}

.empty-messenger {
    margin-top: 60px;
    text-align: center;
}

.empty-messenger img {
    width: 260px;
}

.margin-reglage {
    max-width: 260px;
    margin-bottom: 0.8rem;
    margin-top: -11px;
}

button#StopDIffusion {
    background: red;
}

.platform-paiement a[disabled] {
    pointer-events: none;
    background: #c1bdff !important;
}

.navbar-menu {
    padding: 0 0 calc(33px + 25px) 0;
}

@media (max-width: 1775px) {
    .width-label {
        font-size: 18px;
    }

    .img-caldar {
        right: -100px;
        top: 270px;
        width: 100px
    }
}

@media (max-width: 1500px) {

    .img-offer {
        width: 100px;
    }

    .heure-diffusion {
        font-size: 8px;
    }

    .plt {
        width: 60px;
    }

    .w-alert {
        width: 42px;
    }

    .fs-immo {
        font-size: 20px;
    }

    .w100 {
        width: 100%
    }

    .plateforme {
        min-height: 170px;
    }

    .width-label {
        font-size: 20px;
    }

    .block-head {
        overflow: hidden;
    }


    .col-sm {
        width: 15%;
    }

    .width-logo {
        width: 150px;
    }


}


@media (max-width: 1300px) {

    .d-mobile {
        display: none;
    }

    .width-logo {
        width: 130px;
    }

    .col-sm {
        width: 25.33333%;
        margin-bottom: 10px
    }

    .checkbox-offer {
        text-align: center;
    }

    .descPrice {
        align-items: center;
    }

    .plateforme .descPrice {
        grid-template-columns: auto 40px;
    }

    .dp {
        width: 35%;
        display: block !important;
        text-align: center;
    }

    .img-width {
        width: 37px
    }
}

@media (max-width: 1200px) {

    .dp {
        width: 40%;
    }

    .img-caldar {
        right: -90px;
        top: 270px;
        width: 90px
    }

    .cadre {
        padding: 23px 60px 36px 60px;
    }

}

@media (max-width: 1100px) {

    .dp {
        width: 35%;
    }
}


@media (max-width: 1308px) {
    #page-topbar .banner {
        height: 150px;
        padding: 26px 28px;
    }

    #page-topbar .banner h4 {
        font-size: 27px;
        padding-top: 0;
    }

    .image-right {
        width: 97%;
        top: -10px;
        right: unset;
        position: relative;
    }
}


@media (max-width: 920px) {

    .page-content {
        padding-top: 45px;
        padding-right: 20px;
        padding-left: 48px;
    }

    .width-tab {
        width: 80%;
    }

    .img-caldar {
        right: -70px;
        top: 270px;
        width: 70px
    }

    .width-logo {
        width: 150px;
    }

    .plateforme .descPrice {
        grid-template-columns: auto 20px;
    }

    .super-hero {
        background-size: 280px;
    }

    .wm {
        margin-bottom: 20px;
    }

    .img-width {
        width: 28px;
    }

    .w50 {
        width: 50%
    }
}

div#action-btns .btn {
    margin-bottom: 15px;
}

@media (max-width: 1028px) {

    .page-content {
        padding-right: 0;
        padding-left: 0;
        padding-top: 40px;
    }

}

@media (max-width: 768px) {

    .bestOffer {
        margin-bottom: 12px
    }

    .bestOffer i {
        margin-right: -35px
    }

    .dn-mobile {
        display: none
    }

    .content-home {
        padding-left: 20px;
        text-align: center;
        padding-top: 42px;
    }

    .super-hero {
        height: 150px;
        background-position: -36px -6px;
    }

    .block-head h3 {
        font-size: 20px
    }

    /*.div-button {
        display: block !important;
    }*/
    .div-button .wm-100 {
        text-align: center;
        margin-bottom: 15px;
    }

    .col-md-lg-none {
        display: block;
        width: 370px;
    }

    .descPrice {
        align-items: center;
    }

    .fs17 {
        font-size: 12px
    }

    .div-button .wm-100 {
        margin-right: 10px;
    }

    .bt-block {
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .width-img-light {
        width: 60px
    }

    .width-att {
        width: 70px
    }

    .fs-mobile {
        font-size: 15px;
    }

    .sub-title-plts {
        font-size: 17px;
    }

    .block-head {
        padding: 0 0 0 20px;
        margin-left: 0;
        margin-right: 0;
    }

    .styl-plts span img {
        width: 40px
    }

    .styl-plts {
        padding: 15px;
    }

    .title-size {
        font-size: 17px
    }

    .img-attention {
        width: 75px
    }

    .p-button {
        text-align: center;
    }

    .m-mb {
        margin-bottom: 0.5rem !important;
    }

    .wt-50 {
        width: 50%
    }

    .source-img {
        width: 60px
    }

    .col-sm-none {
        display: none;
    }

    .img-caldar {
        display: none;
    }

    .mb-mobile {
        margin-bottom: 10px;
    }

    .cadre {
        padding: 10px 25px 30px 25px;
    }

    .heure-diffusion {
        font-size: 10px;
    }

    .status_annonce {
        width: 12px;
        height: 12px;
    }

    .cloche-seloger {
        width: 15px;
    }

    .f14 {
        font-size: 17px;
    }

    .wb1 {
        width: 60% !important;
    }

    .wb2 {
        width: 40% !important;
    }

    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left;
    }

    .image-super-hero {
        margin-top: 50px;
        height: 370px !important;
    }

    .margin-reglage {
        margin-bottom: 30px;
    }

    .welcome {
        text-align: center;
        font-size: 30px;
        margin-bottom: 20px;
    }

    .img-width {
        width: 45px
    }

    .width-logo {
        width: 120px;
    }

    .plateforme {
        min-height: 118px;
    }

    .img-offer {
        width: 88px
    }

    .content-login {
        padding-left: 0;
        padding-right: 0;
    }

    .pe-xs-0 {
        padding-right: 8px !important;
    }

    #top-top {
        display: block !important;
    }

    .stape-details {
        display: none;
    }

    #edit-property #custom-progress-bar {
        margin-bottom: 40px;
    }

    [data-layout=vertical][data-sidebar-size=sm-hover-active] .topnav-hamburger {
        display: block !important;
    }

    /* #confirmPayment {
         width: 100% !important;
     }*/
    .partright {
        width: 25%;
        margin: 0;
    }

    .image-right {
        width: 100%;
        top: -6px;
        right: 0;
        position: relative;
    }

    .page-content {
        padding-right: 0px;
        padding-left: 7px;
        padding-top: 40px;
    }

    .dmobile {
        display: none
    }

    .m50 {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }

    .cont-dashb {
        margin-right: 0px
    }

    .f24 {
        font-size: 25px !important;
    }

    .partleft {
        width: 75%;
    }

    #page-topbar .banner {
        height: 114px;
        width: 95%;
        padding: 8px 14px;
        clear: both;
        margin-top: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        align-items: center;
    }

    #page-topbar .banner h4 {
        font-size: 18px;
        padding-top: 20px;
    }

    .w-25 {
        width: 95% !important;
    }

    .f15 {
        font-size: 15px
    }

    #page-topbar .banner p {
        font-size: 12px;
    }

    .plateforme .descPrice .input-check {
        margin-left: 0;
        margin-top: 5px;
    }

    .width-label {
        margin-top: -6px;
    }

    .lienBien a {
        font-size: 12px;
    }

    .d-mobile {
        display: none !important;
    }

    .dp {
        width: 16.66666667% !important;
    }

    /* .fr-mobile {
         float: right;
     }*/
    .w-alert {
        width: 30px;
    }

    .plateforme-default, .plateforme {
        padding: 20px 0;
    }

    .fs-immo {
        font-size: 13px
    }

    .content-diffusion {
        padding-right: 0 !important;
    }

    .hero-diffusion {
        background-size: 365px;
    }

    .title-platfor {
        font-size: 25px;
    }

    .btn-save {
        width: 50% !important;
    }

    .mb-mobile {
        margin-bottom: 1rem;
    }

    .width-tab {
        width: 100%;
    }

    .text-d {
        font-size: 18px !important;
    }

    .hero-diffusion {
        background-size: 350px;
    }

    .pmobile {
        display: none;
    }

    .img-mobile {
        width: 100%
    }

    .detail-property {
        display: none;
    }

    .chat-room-list {
        max-height: 100vh;
        height: 100vh;
    }

    .chat-conversation {
        height: calc(100vh - 276px);
    }
}

.simplebar-scrollbar:before {
    background: #4036ee;
}


@media (max-width: 641px) {
    .wbt {
        display: contents;
    }

    .plateforme-default, .plateforme {
        padding: 20px 0;
    }

    .img-mobile {
        width: 100%
    }

    .img-width {
        width: 42px
    }

    .col-sm-none {
        display: none;
    }

    .user-chat-topbar {
        display: block;
    }
}

@media (max-width: 575px) {
    #checkAthoterAccount {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .alert-message {
        color: #fff;
        font-size: 15px;
    }

    .col-sm-none {
        display: none;
    }


    .mb2 {
        margin-bottom: 1rem
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-2 {
        width: 16.67%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .img-width {
        width: 40px
    }

    .col-xs-8 {
        width: 66.66%;
    }

    .col-xs-4 {
        width: 33.333%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-7 {
        width: 58.33%;
    }

    .col-xs-5 {
        width: 41.66%;
    }

    #detail-bien .btn-orange {
        margin-right: 5px;
    }

    .col-xs-12 {
        width: 100%;
    }

    .col-xs-10 {
        width: 80%;
    }

    #detail-bien .btn-delete, #detail-bien .btn-p, #detail-bien .btn-orange, #detail-bien .btn-m, #detail-bien .btn-green {
        border-radius: 30px;
        color: white;
        padding: 8px 30px;
    }

    .plateforme .descPrice {
        grid-template-columns: auto 50px;
    }

    .title-platfor {
        font-size: 20px;
    }

    .hero-diffusion {
        background-size: 300px;
    }

    .plateforme-default, .plateforme {
        padding: 15px 0;
    }

    .displayLink {
        font-size: 12px;
    }

    .wb {
        width: 32px
    }

    .width-label {
        font-size: 16px;
    }

    .working-platform .switch-difusion-plt-statut {
        color: #fff;
        background-color: #fa896b;
        border-color: #fa896b;
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .img-mobile {
        width: 100%
    }

    .text-d {
        color: rgba(255, 0, 0, 0.7);
        font-size: 16px !important;
    }

    .f22 {
        font-size: 18px;
    }

    .m-xs {
        margin-bottom: 1.5rem;
    }


}

.input-group > .input-group-text {
    border-top-right-radius: 13px !important;
    border-bottom-right-radius: 13px !important;
    background-color: #4036ee;
    color: #ffffff;
    border: 1px solid #4036ee;
}

.input-group > input {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0 !important;
}

.password-addon i {
    color: #534af0;
}

#coupons-code {
    padding-top: 15px;
}

#coupon-messages {
    max-width: 430px;
}

#coupon-messages .alert {
    border-radius: 15px;
    margin-bottom: 0;
    color: #009012 !important;
    font-size: 16px;
}


.overlay-empty-ad .close-btn {

}

.overlay-empty-ad {
    position: absolute;
    background: #0000009c;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

.overlay-empty-ad .close-btn-a {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #fff;
}

.overlay-empty-ad .detail-desc {
    color: #fff;
    font-family: "Caveat", cursive;
    font-size: 35px;
    text-align: center;
    padding: 32px 43px;
    display: block;
    line-height: 34px;
}

#render-demande-visite tr {
    position: relative;
}

.title-confirm-diffused {
    font-family: "Caveat", cursive;
    color: #000;
    font-size: 55px;
    font-weight: 700;
}

.confirm-diffused {
    background-size: 190px !important;
    background-repeat: no-repeat !important;
    background-position-x: right !important;
    background-position-y: 23px !important;
}

.list-properties {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 20px;
    width: 100%;
}

.list-properties .property-item {
    background-color: #f2f2f2;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.list-properties .property-item .footer-property {
    padding: 8px 10px;
    text-align: start;
    display: flex;
}

.list-properties .property-item .footer-property input {
    margin-right: 10px;
}

/*
.list-properties .property-item img {
    width: 100%;
    height: 150px;
}
*/

.list-properties .property-item label.title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    margin-bottom: 0;
}

.list-properties .property-item label.title:hover {
    cursor: pointer;
}

.plateforme.feature p {
    font-family: "Caveat", cursive;
    color: #000;
    font-size: 37px;
    line-height: 33px;
    margin-bottom: 15px;
}

.custom-banner .desc-zone {
    text-align: center;
}

.custom-banner .desc-zone h2 {
    font-weight: bold;
    color: #9896ff;
    font-size: 34px;
}

.platform-banner {
    background: #918fff;
    padding: 30px 25px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.platform-banner h2 {
    color: #fff;
    font-weight: bold;
    font-size: 47px;
    max-width: 600px;
    margin-right: 30px;
}

.platform-banner img {
    width: 280px;
    margin-bottom: -30px;
    margin-top: -51px;
}

.property-summary {
    border-radius: 25px;
    padding-left: 25px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}

h3.summary-title {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: -20px;
    font-size: 22px;
}

.submit-summary {
    padding-left: 50px;
    padding-right: 50px;
}

.ads-side-bar {
    background: #ffbfc1;
}

.ads-side-bar h5 {
    font-weight: 500;
    text-align: center;
}

.sdsd-title {
    display: flex;
    justify-content: center;
    background: #9896ff;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    padding-bottom: 12px;
    padding-top: 12px;
}

.sdsd-title img {
    width: 40px;
}

.text-pro-title {
    line-height: 42px;
    margin-left: 15px;
    color: #fff;
    font-size: 15px;
}

.text-colored {
    color: #ffc9c9
}

.content-home-2 .specification * {
    font-family: "Caveat", cursive !important;
    font-size: 40px;
    font-style: italic;
}

.validate-diffusion {
    color: #000;
    background: white;
    padding: 9px 48px;
    font-size: 20px;
}

.promotion-image {
    margin-right: -48px;
    position: relative;
    display: block;
    height: 100%;
}

.promotion-image img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.promotion h2 {
    color: #333;
}

.promotion p {
    color: #666;
}

.promotion img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.promotion .btn {
    margin-top: 20px;
}

.promotion .row p {
    margin: 0;
}

#promo-modal .styled-texte-1 {
    font-family: "Caveat", cursive;
    font-size: 53px;
}

#promo-modal .by-style-1 {
    font-family: "Caveat", cursive;
    font-size: 75px;
    color: #4036ee;
    font-weight: 700;
}

#promo-modal h1 {
    line-height: 38px;
    color: #000;
    font-size: 29px;
    font-weight: bold;
    text-align: center;
}

#promo-modal .featured-image {
    margin-right: -20px;
    margin-bottom: -20px;
    margin-left: -56px;
}

#promo-modal .modal-content {
    border-radius: 30px;
    padding-left: 30px;
}

#promo-modal .price-class {
    color: #4036ee;
    font-weight: 700;
    font-size: 30px;
}
.description-41 {
    font-size: 16px;
}

.start-upgrad-a {
    padding-left: 40px;
    padding-right: 40px;
    line-height: 33px;
    font-size: 20px;
    margin-top: 20px;
}

.modal-desc-promo {
    display: flex;
    margin-right: -24px;
}

.modal-desc-promo .vector-2 {
    width: 42px;
    height: 42px;
    margin-right: 11px;
}

@media screen and (max-width: 768px) {
    .promotion-image img {
        position: relative;
        margin-bottom: -15px;
    }
}