/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
    font-family:"DM Sans";
}
.container{
    max-width:1140px;
}
.login-input{
    height:45px;
    margin-right:auto;
    margin-left:auto;
    margin-top:35px;
    width:380px;
    font-family:"DM Sans";
    font-weight:500;
    font-size:15px;
    color:#4149A3!important;
    padding-left:25px;
    padding-right:25px;
    border-radius:12px 12px 12px 12px;
}
.login-form{
    margin-top:auto;
    margin-bottom:auto;
}
.logo{
    margin-bottom:70px;
}
.p-style{
    width:380px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    font-size:15px;
    font-weight:500;
    font-family:"DM Sans";
}
.btn-login{
    width:380px;
    height:45px;
    margin-left:auto;
    margin-right:auto;
    font-family:"DM Sans";
    font-weight:700;
    font-size:15px;
    color:#FEFFFE!important;
    background-color:#00CAA8;
    padding-top:11px;
    padding-bottom:12px;
    border-radius:12px 12px 12px 12px;
    border-width:0px 0px 0px 0px;
}
.p-2-style{
    font-size:15px;
    padding-top:30px;
    font-family:"DM Sans";
    font-weight:500;
}
.confirm-pass{
    width:380px;
    height:45px;
    font-size:15px;
    font-family:"DM Sans";
    font-weight:500;
    color:#4149A3!important;
    padding-left:25px;
    padding-right:25px;
    margin:35px auto 50px auto;
    border-radius:12px 12px 12px 12px;
}
.back-to-login{
    margin-bottom:0px;
    margin-top:auto;
}
.reset-pw{
    width:380px;
    height:45px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    padding-left:25px;
    padding-right:25px;
    font-family:"DM Sans";
    font-weight:500;
    font-size:15px;
    color:#3F49A9!important;
    border-radius:12px 12px 12px 12px;
}
.p-3-style{
    font-size:15px;
    font-family:"DM Sans";
    font-weight:500;
    width:30%;
    margin-left:auto;
    margin-right:auto;
    line-height:21px;
    margin-bottom:30px;
}
.link-style{
    text-decoration:underline;
}
.side-menu{
    height:100vh;
    background:linear-gradient(175deg, #282F76 0%, #4149A3 86%);
    padding:50px 50px 50px 50px;
}
.dashboard-bloc{
    padding-top:0px;
    padding-bottom:0px;
}
.email-logged-in{
    font-family:"DM Sans";
    font-weight:400;
    color:#FEFFFE!important;
    font-size:14px;
    margin-bottom:0px;
    padding-left:10px;
    display:inline-block;
}
.email{
    padding-top:30px;
    padding-bottom:90px;
}
.icon-profile{
    padding-bottom:3px;
}
.side-menu-item-title{
    color:#8D92C8!important;
    font-size:16px;
    font-family:"DM Sans";
    font-weight:500;
    padding-left:15px;
    display:inline-block;
}
.side-menu-icon{
    padding-bottom:3px;
    margin-top:auto;
    margin-bottom:0px;
}
.side-menu-item{
    padding-bottom:20px;
}
.side-menu-icon-active{
    padding-bottom:3px;
}
.side-menu-item-title-active{
    font-family:"DM Sans";
    font-weight:500;
    font-size:16px;
    color:#FFFFFF!important;
    padding-left:15px;
    display:inline-block;
}
.h3-style{
    font-family:"DM Sans";
    font-weight:700;
    line-height:34px;
}
.dashboard-profile{
    background-color:#FFFFFF;
    box-shadow:0px 0px 20px rgba(65,73,164,0.05);
    margin-right:0px;
    margin-left:0px;
    margin-bottom:30px;
    padding:30px 30px 30px 30px;
    border-radius:15px 15px 15px 15px;
}
.icon-title{
    padding-left:15px;
    font-size:16px;
    font-family:"DM Sans";
    font-weight:700;
    color:#4149A3!important;
    display:inline-block;
}
.heading-icon{
    padding-bottom:3px;
}
.small-title{
    font-family:"DM Sans";
    font-weight:700;
    font-size:12px;
    color:#58C7AA!important;
    padding-top:15px;
    padding-bottom:8px;
}
.basic-text{
    font-family:"DM Sans";
    font-weight:700;
    font-size:17px;
    color:#3F49A9!important;
}
.text-link{
    font-family:"DM Sans";
    font-weight:700;
    font-size:15px;
    color:#58C7AA!important;
}
.card-title{
    display:inline-block;
}
.btn-small{
    margin-left:auto;
    width:135px;
    height:25px;
    font-family:"DM Sans";
    font-weight:700;
    font-size:12px;
    padding-bottom:5px;
    padding-top:4px;
    color:#FFFFFF!important;
    background-color:#58C7AA;
    line-height:15px;
    float:right;
    display:inline-block;
    margin-top:4px;
    border-radius:5px 5px 5px 5px;
}
.btn-small:hover{
    background-color:#38AD8F;
}
.dashboard-help{
    background-color:#00CAA8;
    margin-left:15px;
    margin-right:15px;
    padding:30px 0px 0px 30px;
    border-radius:15px 15px 15px 15px;
}
.feature-title{
    font-family:"DM Sans";
    font-size:16px;
    line-height:20px;
    font-weight:700;
    color:#4149A3!important;
    display:inline-block;
}
.btn-primary{
    width:180px;
    height:45px;
    font-family:"DM Sans";
    font-weight:700;
    font-size:15px;
    color:#FFFFFF!important;
    padding-bottom:13px;
    padding-top:11px;
    background-color:#4149A3;
    border-radius:12px 12px 12px 12px;
    border-width:0px 0px 0px 0px;
}
.page-heading{
    font-family:"DM Sans";
    font-weight:700;
    padding-bottom:40px;
}
.features-coupon{
    background-color:#E8E8F0;
    box-shadow:0px 0px 20px rgba(65,73,164,0.02);
    padding:30px 30px 18px 30px;
    border-radius:15px 15px 15px 15px;
}
.p-medium{
    font-size:15px;
    font-family:"DM Sans";
    font-weight:500;
    color:#4149A3!important;
    display:inline-block;
}
.coupon{
    margin:0px 0px 0px 0px;
}
.h5-style{
    font-family:"DM Sans";
    font-weight:700;
}
.p-regular{
    font-family:"DM Sans";
    font-size:15px;
    line-height:20px;
}
.features{
    margin:0px 0px 30px 0px;
}
.pro-featured{
    background-color:#3F49A9;
    margin-right:15px;
    padding:22px 30px 30px 30px;
    border-radius:15px 15px 15px 15px;
    min-width: 270px;
    margin-bottom: 15px;
}
.icon-title-wht{
    padding-left:15px;
    font-family:"DM Sans";
    font-weight:700;
    color:#FFFFFF!important;
    display:inline-block;
}
.btn-primary-green{
    padding-top:11px !important;
    padding-bottom:13px !important;
    height:45px !important;
    /*width:180px !important;*/
    font-size:15px !important;
    font-family:"DM Sans" !important;
    font-weight:700 !important;
    color:#FFFFFF!important;
    background-color:#58C7AA !important;
    float:right !important;
    border-radius:12px 12px 12px 12px !important;
}
.btn-primary-green:hover{
    background-color:#38AD8F;
}
.pro-yearly{
    margin-left:15px;
    background-color:#2A3078;
    padding:22px 30px 30px 30px;
    border-radius:15px 15px 15px 15px;
}
.p-medium-wht{
    font-family:"DM Sans";
    font-weight:500;
    font-size:15px;
    color:#FFFFFF!important;
}
.p-regular-wht{
    font-family:"DM Sans";
    font-size:15px;
    color:#FFFFFF!important;
    line-height:20px;
}
.features-title{
    padding-top:50px;
    padding-bottom:30px;
}
.feature-card {
    margin-left: 0px;
    margin-right: 20px;
    background-color: #D2D4E7;
    padding: 20px 25px 20px 25px;
    border-radius: 15px 15px 15px 15px;
    min-width: 350px;
    margin-top: 20px;
}
.feature-card .subscribed-tag {
    right: 30px !important;
    position: absolute;
    margin-top: 5px;
}
.btn-details{
    width:100px !important;
    height:25px !important;
    font-family:"DM Sans" !important;
    font-weight:700 !important;
    font-size:12px !important;
    line-height:15px !important;
    padding-top:4px !important;
    padding-bottom:5px !important;
    background-color:#3F49A9 !important;
    margin-bottom:13px !important;
    color: white  !important;
}
.btn-details:hover{
    background-color:#5057AB;
}
.btn-primary:hover{
    background-color:#4E57B0;
}
.feature-price{
    float:right;
    display:inline-block;
}
.price{
    font-family:"DM Sans";
    font-weight:700 !important;
    color:#3F49A9!important;
    display:inline-block;
    margin-top:0px;
}
.month{
    font-family:"DM Sans";
    font-weight:500;
    font-size:9px;
    color:#3F49A9!important;
    display:inline-block;
    padding-top:5px;
}
.eur{
    font-family:"DM Sans";
    font-weight:500;
    font-size:12px;
    color:#3F49A9!important;
    display:inline-block;
    padding-top:2px;
}
.features-plan{
    background:linear-gradient(175deg, #282F76 0%, #4149A3 86%);
    padding:22px 30px 30px 30px;
    border-radius:15px 15px 15px 15px;
}
.price-big{
    font-family:"DM Sans";
    font-weight:700;
    font-size:46px;
    color:#FFFFFF!important;
    margin-top:0px;
    display:inline-block;
}
.month-big{
    font-family:"DM Sans";
    font-weight:500;
    font-size:13px;
    color:#FFFFFF!important;
    display:inline-block;
}
.eur-big{
    font-family:"DM Sans";
    font-weight:500;
    font-size:18px;
    color:#FFFFFF!important;
    display:inline-block;
}
.plan-price{
    padding-right:30px;
    display:inline-block;
    float:none;
}
.billing{
    padding-top:30px;
}
.billing-address{
    background-color:#CED1E6;
    padding:30px 30px 30px 30px;
    border-radius:15px 15px 15px 15px;
}
.coupon-code{
    background-color:#E7E8F0;
    margin-bottom:30px;
    padding:30px 30px 30px 30px;
    border-radius:15px 15px 15px 15px;
}
.input-basic{
    height:45px;
    padding-right:25px;
    padding-left:25px;
    font-family:"DM Sans";
    font-weight:500;
    font-size:15px;
    margin-bottom:0px;
    border-radius:12px 12px 12px 12px;
}
.p-small{
    font-family:"DM Sans";
    font-weight:500;
    line-height:17px;
    color:#4149A3!important;
    font-size:13px;
}
.btn-full{
    width:100% !important;
    height:45px !important;
    font-family:"DM Sans" !important;
    font-weight:700 !important;
    font-size:15px !important;
    background-color:#3F49A9 !important;
    padding:11px 0px 12px 0px !important;
    border-radius:12px 12px 12px 12px !important;
    color: white  !important;
}
.btn-login:hover{
    background-color:#00AF8D;
}
.btn-full:hover{
    background-color:#4E57B0;
}
.payment{
    background-color:#BDBFDC;
    padding:30px 30px 30px 30px;
    border-radius:15px 15px 15px 15px;
}
.terms-checkbox{
    padding-bottom:20px;
    padding-top:10px;
    font-family:"DM Sans";
    font-weight:500;
    font-size:15px;
}
.label-style{
    font-size:15px;
    font-family:"DM Sans";
    font-weight:500;
}
.payment-price{
    font-family:"DM Sans";
    font-weight:700;
    font-size:16px;
    float:right;
}
.subtotal{
    padding-top:15px;
}
.total{
    margin-top:10px;
}
.total-price{
    font-family:"DM Sans";
    font-weight:700;
    font-size:23px;
    float:right;
}
.total-title{
    font-family:"DM Sans";
    font-weight:700;
    font-size:20px;
    padding-top:3px;
}
.dashboard-contact{
    background-color:#58C7AA;
    margin-bottom:30px;
    padding:30px 0px 0px 30px;
    border-radius:15px 15px 15px 15px;
}
.img-contact{
    border-bottom-right-radius:15px;
    float:none;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0px 0px 0px;
}
.dashboard{
    margin-right:0px;
    margin-left:0px;
}
.dashboard-features{
    background:linear-gradient(175deg, #282F76 0%, #4149A3  85%);
    margin-bottom:50px;
    padding:30px 30px 30px 30px;
    border-radius:15px 15px 15px 15px;
}
.pro-icon{
    padding-bottom:3px;
    display:inline-block;
}
.plan-title{
    font-family:"DM Sans";
    font-weight:700;
    font-size:17px;
    padding-left:8px;
    color:#FFFFFF!important;
    display:inline-block;
}
.plan-infos{
    display:inline-block;
    max-width: 45%;
}
.features-card{
    background-color: #D1D4E8;
    margin-bottom: 30px;
    height: 126px;
    margin-right: 2%;
    width: 48%;
    display: inline-block;
    padding: 20px 20px 20px 20px;
    border-radius: 15px 15px 15px 15px;
    float: left;
}
.p-dashboard-style{
    font-size:12px;
    color:#FFFFFF!important;
}
.dashboard-news{
    background-color:#E7E8F0;
    padding:30px 30px 30px 30px;
    border-radius:15px 15px 15px 15px;
}
.tutorial-video{
    border-radius:15px 15px 15px 15px;
}
.subscribed-tag{
    background-color:#58C7AA;
    margin-top:10px;
    float:none;
    margin-right:-30px;
    padding:1px 20px 4px 20px;
    border-radius:20px 0px 0px 20px;
}
.subscribed-text{
    font-family:"DM Sans";
    font-weight:500;
    font-size:12px;
    color:#FFFFFF!important;
    display:inline-block;
}
.subscribed-icon{
    display:inline-block;
    padding-right:3px;
}
.pro-featured .subscribed-tag{
    margin-top: 15px;
    margin-right: -15px;
}
.right-box{
    float:right;
    max-width: 40%;
}
.coupon-input{
    float:right;
    padding-top:17px;
    display:inline-block;
}
.change-pw{
    background-color:#E0E2EE;
    margin-bottom:30px;
    padding:30px 30px 30px 30px;
    border-radius:15px 15px 15px 15px;
}
.consent-box{
    background-color:#FFFFFF;
    margin-bottom:30px;
    padding:30px 30px 30px 30px;
    border-radius:15px 15px 15px 15px;
}
.consent-checkbox{
    padding-top:20px;
    font-family:"DM Sans";
    font-weight:500;
    font-size:15px;
}
.plan{
    margin-right:0px;
    margin-left:0px;
}
.transactions{
    margin:0px 0px 30px 0px;
}
.transaction-box{
    background-color:#E1E2ED;
    height:94px;
    padding:20px 30px 20px 30px;
    border-radius:15px 15px 15px 15px;
}
.trans-date{
    display:inline-block;
    margin-right:40px;
    width:150px;
}
.p-bold{
    font-family:"DM Sans";
    font-weight:700;
    font-size:15px;
    color:#3F49A9!important;
    display:inline-block;
}
.p-light{
    font-family:"DM Sans";
    font-weight:500;
    font-size:15px;
    color:#A8ACD6!important;
    display:inline-block;
    padding-right:7px;
}
.trans-purchased{
    display:inline-block;
    width:250px;
}
.trans-total{
    float:right;
    display:inline-block;
    width:150px;
    padding-top:4px;
}
.trans-price{
    font-family:"DM Sans";
    font-weight:700;
    font-size:22px;
    color:#3F49A9!important;
}

.h{
    display:inline-block;
    margin-top:auto;
    margin-bottom:auto;
}
.trans-title{
    width:300px;
    display:inline-block;
}
.solid-5{
    margin-top:0px;
}
.solid-3{
    margin-top:0px;
}
.feature-card-center{
    margin-right:10px;
    background-color:#D1D4E8;
    margin-left:10px;
    padding:20px 25px 20px 25px;
    border-radius:15px 15px 15px 15px;
}
.feature-card-right{
    margin-left:20px;
    background-color:#D1D4E8;
    padding:20px 25px 20px 25px;
    border-radius:15px 15px 15px 15px;
}
.container-div-style{
    display:inline-block;
}

/* = Colour
-------------------------------------------------------------- */

/* Background colour styles */

.bgc-white-smoke{
    background-color:#F6F6F6;
}

/* Text colour styles */

.tc-white{
    color:#FFFFFF!important;
}
.tc-dark-slate-blue{
    color:#4149A3!important;
}

/* Link colour styles */

.ltc-white{
    color:#FFFFFF!important;
}
.ltc-white:hover{
    color:#cccccc!important;
}



/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}
    .bloc-no-padding-sm{padding:0 20px;}
}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:100px 20px;}
    .bloc-md-lg{padding:50px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
}


/* = Mobile adjustments
-------------------------------------------------------------- */
@media (max-width: 1350px) {

    .features-card {
        width: 100%;
    }
}

@media (max-width: 1024px)
{
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0;
        padding-right: 0;
    }

}
@media (max-width: 991px)
{
    .container{width:100%;}
    /*.bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} !* iPhone X Notch Support*!*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .btn-dwn{
        display:none;
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
        background-size: 216px 425px;
        padding-top:60px;
        width:216px;
        height:425px;
    }
    .blocsapp-device-iphone5 img{
        width: 180px;
        height: 320px;
    }
}

@media (max-width: 991px){
    .coupon-input{
        float:right;
    }
    .p-medium{
    }
    .pro-yearly{
        margin-left:0px;
    }
    .pro-featured{
        margin-right:0px;
        margin-bottom:30px;
    }
    .billing-address{
        margin-bottom:30px;
    }
    .trans-title{
        width:100%;
        margin-bottom:5px;
    }
    .transaction-box{
        height:120px;
    }
    .trans-total{
        padding-top:0px;
        margin-top:-12px;
    }

}

@media (max-width: 767px){
    .card-title{
    }
    .billing-address{
        margin-bottom:30px;
    }
    .trans-date{
        margin-right:10px;
        width:140px;
    }
    .trans-purchased{
        width:210px;
    }
    .trans-total{
        float:none;
        margin-top:10px;
    }
    .transaction-box{
        height:160px;
    }

}

@media (max-width: 575px){
    .dashboard-features-card-left{
        width:100%;
    }
    .dashboard-features-card-right{
        width:100%;
    }
    .btn-small{
        float:right;
        padding-left:20px;
        margin-top:0px;
    }
    .solid-5{
        margin-top:10px;
    }
    .solid-3{
        margin-top:10px;
    }
    .right-box{
        float:none;
    }
    .card-title{
        padding-right:10px;
        margin-bottom:10px;
    }
    .btn-details{
        float:none;
    }
    .btn-primary-green{
        float:none;
    }

}
hr {
    border-top: 1px solid #535AAC !important;
    margin: 0px !important;
}
hr.solid {
    border-top: 1px solid #ECEDF6;
    margin: 0px;
}

.dashboard-profile .text-link {
    padding-top: 30px;
}

hr.solid-2 {
    border-top: 1px solid #D9DBEF;
    margin: 0px;
}

.features-coupon .p-medium {
    padding-top: 25px;
}

.plan .h5-style {
    padding-top: 50px;
}

hr.solid-3 {
    border-top: 1px solid #535AAC;
    margin: 0px;
}

.pro-featured .p-medium-wht {
    padding-top: 18px;
}

.pro-featured .card-title {
    padding-top: 6px;
}

.pro-yearly .card-title {
    padding-top: 6px;
}

.pro-yearly .p-medium-wht {
    padding-top: 18px;
}

hr.solid-4 {
    border-top: 1px solid #C4C6DF;
    margin: 0px;
}

.eur, .month {
    vertical-align: top;
}

.features-plan .p-medium-wht {
    padding-top: 18px;
}

.features-plan .card-title {
    display: inline-block;
}

.eur-big, .month-big {
    vertical-align: top;
}

.eur-big, .month-big, .price-big {
    margin-bottom: 0px;
}

.features-plan .card-title {
    padding-top: 8px;
}

.billing-address .solid-4 {
    padding-bottom: 25px;
}

.billing-address .form-control {
    border: 0px solid transparent;
}

.billing-address .p-small {
    padding-left: 10px;
}

#personal-name, #company-name, #country, #state, #po, #city {
    margin-bottom: 25px;
}

#personal-name, #country {
    margin-top: 25px;
}

#vat-number {
    margin-bottom: 15px;
}

#po {
    display: inline-block;
    width: 30%;
    margin-right: 3%;
}

#city {
    display: inline-block;
}

#btn-full {
    width: 100% !important;
}

#coupon-code {
    border: 0px solid transparent;
    width: 49%;
    margin-right: 3%;
    display: inline-block;
}

.coupon-code .p-medium {
    margin-top: 20px;
    margin-bottom: 30px;
}

.coupon-code .btn-full {
    display: inline-block;
    width: 48%;
}

.payment .p-small {
    padding-top: 20px;
}

hr.solid-5 {
    border-top: 1px solid #ECEDF6;
}

.payment h6 {
    display: inline-block;
}

.contact .p-regular-wht {
    padding-right: 30px;
}

.img-contact {
    margin-right: 0 !important;
}

.dashboard-features .p-dashboard-style {
    padding-left: 28px;
}

.dashboard-features .p-medium-wht {
    padding-left: 28px;
}

.dashboard-features .plan-price {
    min-width: 100%;
    position: relative;
    float: right;
    text-align: right;
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 30px;
}

.dashboard-features-card-left {
    vertical-align: top;
}

.text-center .btn-primary {
    margin-top: 0px;
    margin-bottom: 35px;
}

.features-plan .plan-price {
    float:right;
    padding-right: 0px;
}

.features-coupon #coupon-code {
    display: inline-block;
    width: 210px;
    margin-right: 20px;
}

#coupon-apply {
    display: inline-block;
    width: 210px;
}

.pro-featured .plan-price {
    /*float: right;*/
    padding-right: 0px;
    padding-top: 20px;
    text-align: right;
    display: block;
}

.pro-yearly .plan-price {
    float: right;
    padding-right: 0px;
    padding-top: 20px;
}

@media only screen and (max-width: 768px) {
    .pro-featured .plan-price {
        float: none;
        display: block;
    }
    .pro-yearly .plan-price {
        float: none;
        display: block;
    }

    .pro-featured .text-w-50 {
        max-width: 100%;
    }
    .pro-yearly .text-w-50 {
        max-width: 100%;
    }
}

#billing-save-btn {
    margin-top: 30px;
}

#change-pw-btn {
    margin-top: 30px;
}

#new-pw {
    border: 0px solid transparent;
    margin-bottom: 15px;
}

#confirm-new-pw {
    border: 0px solid transparent;
}

#current-pw {
    border: 0px solid transparent;
    margin-bottom: 15px;
    margin-top: 25px;
}

.consent-box .btn-full {
    margin-top: 30px;
}

.consent-checkbox label, .terms-checkbox label {
    padding-left: 4px;
    padding-top: 1px;
}

.consent-checkbox input, .terms-checkbox input {
    width: 14px;
    height: 14px;
}

.feature-card-center .subscribed-tag {
    margin-right: -25px;
    float: right;
}

.transaction-box .card-title {
    margin-right: 100px;
}

@media only screen and (min-width: 1024px) {
    .transaction-box:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }
}

@media only screen and (max-width: 374px) {
    .btn-small {
        float: none !important;
    }
}

@media only screen and (max-width: 513px) {
    #po {
        width: 29%;
    }
}

@media only screen and (max-width: 879px) {
    .coupon-input {
        float:none;
    }
}

@media only screen and (max-width: 539px) {
    #coupon-apply {
        margin-top: 15px;
        width: 100%;
    }

    .billing .coupon-code .btn-full {
        margin-top: 15px;
        width: 100%;
    }

    .coupon-input {
        width: 100%;
    }

    #coupon-code {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1024px) {
    .features {
        display: block;
    }
    .pro-featured {
        margin-right: 15px;
        margin-bottom: 30px;
    }
    .pro-yearly {
        margin-left: 0px;
    }
    .feature-card-left, .feature-card-center, .feature-card-right {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    .feature-card-center .btn-details {
        display: block;
    }
}

.container-div-style {
    max-width: 50%;
}
@media only screen and (max-width: 768px) {
    .billing {
        display: block;
    }
    .features-plan .plan-price {
        display: block;
        float:none;
    }
}
.recngo-checkbox {
    position: relative !important;
    left: 20px;
    top: -10px;
}
.recngo-checkbox-label {
    position: relative;
    left: 20px;
    top: 10px;
}
h3 {
    font-size: 1.75rem !important;
}
.text-w-50 {
    max-width: 50%;
}
.text-w-60 {
    max-width: 60%;
}
.sidebarCollapse {
    width: 50px;
}
.btn-small {
    margin-left: auto !important;
    width: 135px !important;
    height: 25px !important;
    font-family: "DM Sans" !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    padding-bottom: 5px !important;
    padding-top: 4px !important;
    color: #FFFFFF!important;
    background-color: #58C7AA !important;
    line-height: 15px !important;
    float: right !important;
    display: inline-block !important;
    margin-top: 4px !important;
    border-radius: 5px 5px 5px 5px !important;
}
.subscribed-tag {
    background-color: #58C7AA;
    margin-top: 0px;
    padding: 1px 20px 4px 20px;
    border-radius: 20px 0px 0px 20px;
    margin-right: -30px;
    float: right;
    height: 25px;
}
.main-container .sidebar .side-menu {
    min-height: 100% !important;
}
.post-title {
    font-family: "DM Sans";
    font-weight: 700;
    line-height: 1.2rem;
    margin: 1.5rem 0 1rem 0;
    font-size: 1.25rem;
}
.dashboard-payment {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 20px rgb(65 73 164 / 5%);
    display: inline-block;
    padding: 30px 30px 30px 30px;
    border-radius: 15px 15px 15px 15px;
}
.img-div {
    width: 40%;
    float: left;
    margin-right: 40px;
}
.text-div {
    background-size: auto auto;
    width: 50%;
    margin-top: auto;
    display: inline-block;
}
.btn-features {
    height: 25px;
    width: 135px !important;
    font-family: "DM Sans" !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    background-color: #58C7AA !important;
    line-height: 15px !important;
    margin-top: 10px !important;
    padding: 4px 0px 5px 0px !important;
    color: white !important;
    border-radius: 5px 5px 5px 5px !important;
}


@media only screen and (max-width: 450px) {
    .btn-dashboard-profile {
        position:relative;
        top: -55px;
        right: -13px;
        width: 115px !important;
    }
    .icon-title-wht, .icon-title {
        padding-left: 10px !important;
    }
    .feature-card, .pro-featured {
        min-width: 275px;
    }
    .pro-featured .btn-primary-green {
        width: 100% !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .solid-3 {
        margin-top: 5px;
        position: relative;
        top: -5px;
    }
    .feature-card .text-w-50 {
        max-width: 100%;
    }
    .feature-card .btn-details {
        position: relative;
        top:5px;
    }
    .transaction-box {
        height: 100% !important;
    }
    .trans-total a {
        margin: auto;
    }
    .plan-infos, .right-box {
        display: inline-block;
        max-width: 100%;
    }
    .small-title {
        display: none;
    }
    .dashboard-features .plan-price {
        padding:10px
    }
}

.rounded-15 {
    border-radius: 15px !important;
}

.system-checkbox-container {
    width: fit-content;
    width: -moz-fit-content;
    position: relative;
    margin-bottom: 0;
    padding-left: 20px;
    user-select: none;
}

.system-checkbox-container input {
    position: absolute;
    left: 0;
    top: 13px;
}

.system-checkbox-container .checkmark {
    display: none;
}

.net-price {
    display: none;
}