:root {
    /* --font-stack: 'Poppins', sans-serif !important; */
    --border-color: #E1DFEB;
    --blue: #0e76bc !important;
    --rgbablue: 14, 118, 188;
    --textblack: #343e60;
    --teal: #12c2e9 !important;
    --light-grey: #F5F5F5 !important;
    --white: #fff;
    --text-grey: #4A5074;
    --head-text-color: #343E60;
    --head-text-color-blue: #226BAE;
}
body {
    font-family: 'Montserrat', sans-serif;
    background: #fff!important;
}
a{color: var(--blue) !important;}
.app-header{padding-left:9px;}
.app-content {margin-left: unset;}
.logo-brand img {
    max-height: 100px;
}
@media (min-width: 390px) and (max-width: 1080px) {
    .logo-brand img {
        max-height: 50px;
    }
}
@media (max-width: 992px) {
    .navbar-nav {
        flex-direction: column !important;
        margin-top:10px;
    }
    .navbar .navbar-nav > li {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}
.collapse {background:none!important;}

.nav-link {
    color: var(--text-grey) !important;
    font: normal normal 600 12px/30px 'Montserrat' !important;
    padding:0!important;
    margin: 0 0.5rem;
}
.navbar .navbar-nav > li > a {
    border-radius: 0;
    text-transform: unset !important;
}
.nav-link.active {
    color: var(--blue) !important;
    font: normal normal 600 12px/30px 'Montserrat' !important;
    border-bottom: 2px solid var(--blue);
}
.nav-link.login {
    background: transparent linear-gradient(90deg, #226BAE 0%, #00C4BC 100%) 0% 0% no-repeat padding-box;
    border-radius: 18px !important;
    color: #fff !important;
    padding: 2px 9px !important;
}








.w-720 {
    max-width: 720px;
}
.h-300 {max-height:300px;}
.div120by90 > a > img {
    width: 120px;
    height: 90px;
}
.brands_slider {position: relative;}
.owl-nav button {
    width: 2rem;
    height: 2rem;
    line-height: 1em;
}
.owl-nav .owl-prev, .owl-nav .owl-next{margin-top:-1rem; display: none;}

.vertical-slider ul {
    list-style: none;
}

.vertical-slider li {
    margin-bottom: 15px;
}


.vertical-slider #wrapper {
    z-index: 1000;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    /*position: fixed;*/
    /*height: 100%;*/
    /*height: 720px;*/
    /*height:85vh;*/
    height: 750px;
    width: 100%;
}

.vertical-slider .box {
    /*position: fixed;*/
    display: flex;
    justify-content: center;
    width: 100%;
}
/*.vertical-slider .box img{
    width:300px;
    height:250px;
}*/
.fb_banner {
    background: transparent linear-gradient(90deg, #EFF3FC 0%, #F9FDFF 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #DDE4F4;
    border-radius: 5px;
}
    .fb_banner .heading {
        font: normal 600 20px/30px 'Montserrat' !important;
        text-align: left;
        letter-spacing: 0px;
        color: var(--head-text-color);
    }
    .fb_banner .fb_button {
        width: 55px;
        height: 55px;
    }
    .fb_banner .counter {
        text-align: center;
        font: normal normal bold 28px 'Montserrat';
        letter-spacing: 0px;
        color: var(--head-text-color);
    }
    .fb_banner .counter_head {
        text-align: center;
        font: normal normal medium 12px 'Montserrat';
        letter-spacing: 0px;
        color: var(--head-text-color);
    }
.vs-calls-banner {
    height:62px;
}
@media (max-width: 500px) {
    .padding-top-sm-3 {
        margin-top: 15px;
        margin-bottom:10px;
    }
    .vs-calls-banner{
        width:100%;
        height:auto;
    }
}
.upcoming-webinars-container {
    background: transparent linear-gradient(90deg, #EFF3FC 0%, #F8FCFF 100%) 0% 0% no-repeat padding-box;
    position: relative;
    padding-bottom: 50px !important;
}
    .upcoming-webinars-container h1, .latest-webinars-container h1 {
        text-align: left;
        font: normal normal 600 28px/30px 'Montserrat';
        letter-spacing: 0px;
        color: var(--head-text-color);
    }
    .upcoming-webinars-container h4, .latest-webinars-container h4{
        text-align: left;
        font: normal normal 14px/21px 'Montserrat';
        letter-spacing: 0px;
        color: var(--head-text-color);
    }
    .upcoming-webinars-container .bubble {
        position: absolute;
        top: 3%;
        left: 18%;
        width: 161px;
        height: 161px;
        background: url(../images/white-bubble.png);
    }
.mt-100{
    margin-top:100px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 40px;
}
.upcoming-webinars-container .mt-30, .latest-webinars-container .mt-30 {
    margin-top: 30px!important;
}
.upcoming-webinars-container .mt-10, .latest-webinars-container .mt-10 {
    margin-top: 10px !important;
}
.testimonia .title {min-height: unset!important;}
.testimonial-carousel {
    position: relative;
    padding-top: 50px;
}
    .testimonial-carousel .slide {
        margin-right: 10px;
        background: #fff;
        border-radius: 5px 5px 0px 0px;
    }
    .testimonial-carousel .testimonia, .upcoming-dedicated {
        background: transparent linear-gradient(90deg, #226BAE 0%, #00C4BC 100%) 0% 0% no-repeat padding-box;
        border-radius: 0 0 5px 5px;
        padding: 30px 20px 10px 20px;
        color: #fff !important;
        text-align: left !important;
        min-height: 350px;
    }
        .testimonial-carousel .register-now, .upcoming-dedicated .register-now, .recorded-list-container .register-now {
            width: 158px;
            height: 47px;
            border: 1px solid #FFFFFF;
            border-radius: 24px;
            text-align: center;
            font: 700 14px/22px 'Montserrat';
            letter-spacing: 0px;
            color: #FFFFFF;
            padding-top: 5px;
            margin-top: 30px;
        }

            .testimonial-carousel .register-now i, .upcoming-dedicated .register-now i, .recorded-list-container .register-now i {
                margin-top: 5px;
            }

    .testimonial-carousel img {
        width: unset !important;
        height: unset !important;
        padding: 0;
        border-radius: unset !important;
        background-color: unset !important;
        box-shadow: unset !important;
        margin: 20px auto;
    }

    .testimonial-carousel .slick-arrow {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 45px;
        height: 45px;
        border: 1px solid #C8C9DF;
        border-radius: 50%;
    }

    .testimonial-carousel .slick-prev {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        right:55px;        
    }

    .testimonial-carousel .slick-next {
        background: transparent linear-gradient(90deg, #226BAE 0%, #00C4BC 100%) 0% 0% no-repeat padding-box;
        color: #fff;
    }

        .testimonial-carousel .testimonia h3 {
            text-align: left !important;
            margin-bottom: 20px;
        }
.testimonial-owl-landing .card {
    border-radius: unset;
    box-shadow: none!important;
}
.testimonial-owl-landing .card-body {
    padding: 0;
}
.text-truncate.text-truncate--1 {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.text-truncate.text-truncate--3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.text-truncate.text-truncate--4 {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.view-all {
    text-align: left;
    font: normal normal 16px/21px Montserrat;
    letter-spacing: 0px;
    color: #0E76BC;
}
.latest-webinars-container {
    padding-bottom: 50px !important;
}

.latestwebinars .testimonia, .recorded-list-container .testimonia {
    background: #fff !important;
    color: var(--textblack) !important;
    text-align: left !important;
    padding: 0 !important;
    min-height: 230px !important;
}
    .latestwebinars .testimonia h3, .recorded-list-container .testimonia h3 {
        color: var(--head-text-color-blue) !important;
        text-align: left !important;
        font: normal normal 600 20px/28px 'Montserrat';
    }
.latestwebinars .video-box, .recorded-list-container .video-box {
    width: 100%;
    height: 200px;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 5px;
}
.latestwebinars .small-heading, .recorded-list-container .small-heading {
    font: normal normal 10px 'Montserrat';
    letter-spacing: 0px;
    color: #226BAE;
}
.text-left {
    text-align: left!important;
}
.text-right {
    text-align: right !important;
}
.testimonial-carousel .register-now.watch-now, .recorded-list-container .register-now.watch-now {
    /*border: 1px solid #C8CCCF !important;
    color: #68697D !important;*/
    background: #00C4BC;
    background: transparent linear-gradient(90deg, #226BAE 0%, #00C4BC 100%) 0% 0% no-repeat padding-box;
    color: #fff !important;
}
.demo-footer {
    background: #226BAE;
    background-image: url(../images/world.svg); /* fallback */
    background-image: url(../images/world.svg), linear-gradient(91deg, #226BAE 0%, #00C4BC 100%); /* W3C */
    /*background: transparent linear-gradient(91deg, #226BAE 0%, #00C4BC 100%) 0% 0% no-repeat padding-box;*/
    color: #fff !important;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 400px;
}

    .demo-footer .card, .demo-footer .main-footer{
        background: transparent!important;
        box-shadow: none!important;
        border-radius: unset!important;
    }
    .demo-footer a, .demo-footer p, .demo-footer button {
        color:#fff!important;
    }
    .demo-footer .top-footer img {
        border: none!important;
    }
    .demo-footer .logo-heading {
        font: normal normal 600 20px 'Montserrat'!important;
    }

.christmas_walking_snowman_container {display: none;}

.christmas-bottom {
    display: none;
}

.logo-2 {
    content: url(../images/SpoiledAgent-logo-white.svg);
}

#back-to-top {
    background: #00C4BC;
    border: 2px solid var(--blue);
}



.promotion-list-box {
    background: #F7FBFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDE4F4;
    border-radius: 5px;
    height: 70vh;
    overflow-y: auto;
}
    .promotion-list-box .list-group p {
        font: normal normal medium 12px/15px 'Montserrat';
        letter-spacing: 0px;
        color: #343E60;
    }
    .promotion-list-box .list-group small {
        color: #0E76BC !important;
    }

    .promotion-list-box .list-group h5 {
        font: normal normal bold 14px/15px 'Montserrat';
        letter-spacing: 0px;
        color: #0E76BC;
    }
    .promotion-list-box h4 {
        font: normal bold 14px/18px 'Montserrat';
    }
    .promotion-list-box hr {
        opacity: 1 !important;
    }
    .promotion-list-box select {
        /*background: #0E76BC 0% 0% no-repeat padding-box !important;*/
        border-radius: 15px;
        /*color: #fff !important;*/
    }
    .promotion-list-box input[type=text] {
        border-radius: 15px;
    }
    .promotion-list-box input[type=submit], .latest-webinars-container input[type=submit], .latest-webinars-container .btn-primary {
        background: #0E76BC 0% 0% no-repeat padding-box !important;
        border-color: #0E76BC !important;
        min-height: 38px;
    }

.login-bg {
    width: 100% !important;
    min-height: 100vh !important;
    background: #226BAE !important;
    background-image: url(../images/world.svg) !important; /* fallback */
    background-image: url(../images/world.svg), linear-gradient(91deg, #226BAE 0%, #00C4BC 100%) !important; /* W3C */
    /*background: transparent linear-gradient(91deg, #226BAE 0%, #00C4BC 100%) 0% 0% no-repeat padding-box;*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding-top: 50px;
    object-fit: cover;
    font: normal normal 12px 'Montserrat';
}
    .login-bg .accordion {
        background: #F7FBFF 0% 0% no-repeat padding-box;
        border: 1px solid #DDE4F4;
        border-radius: 5px;
    }
    .login-bg .accordion-content {
        width: 80%;
        margin: 0 auto;
    }
    .login-bg input, .login-bg .select {
        font: normal normal normal 12px/10px 'Montserrat';
        border-radius: 15px;
        width: 100%;
        margin: 0 auto;
    }
    .login-bg input[type=radio] {
        width: auto!important;
    }
    .login-bg .forgotpassword {
        font: normal normal normal 12px/30px 'Montserrat';
        letter-spacing: 0px;
        color: #0E76BC;
    }
    .login-bg .btn-login {
        background: #226BAE !important;
        font: normal normal bold 14px/30px 'Montserrat';
        color: #fff;
        border-radius: 15px;
        padding:unset;
    }
    .login-bg .notamember {
        font: normal normal normal 12px/30px 'Montserrat';
    }

.width-85 {
    width: 85%;
    margin: 0 auto;
}
.no-padding {
    padding:0!important;
}
.no-padding-right {
    padding-right: 2px !important;
}
.login-accordion {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px !important;
    margin-top: -200px;
    min-width: 400px;
}
.dedicated-page {
    background: transparent linear-gradient(180deg, rgba(34, 107, 174, 0.1) 0%, rgba(0, 196, 188, 0.1) 100%) 0% 0% no-repeat padding-box;
    border-top: 1px solid #707070;
    min-height:100vh;
}
    .dedicated-page .dedicated-element {
        background: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        border-radius: 5px;
        margin-bottom:20px;
    }
        .dedicated-page .dedicated-element .dedicated-title {
            text-align: center;
            font: normal normal bold 18px/22px Montserrat;
            letter-spacing: 0px;
            color: #07B2B9;
            margin:10px auto 20px auto;
        }
    .dedicated-page .breadcrumb-bar {
        background: transparent linear-gradient(180deg, rgba(34, 107, 174, 1) 0%, rgba(0, 196, 188, 1) 100%) 0% 0% no-repeat padding-box;
        border-bottom: 1px solid #707070;
        height: 40px;
        text-align: left;
        font: normal normal bold 14px/18px 'Montserrat';
        letter-spacing: 0px;
        color: rgba(255, 255, 255, 1);
        padding-top:11px;
    }
    .dedicated-page .breadcrumb-bar a {color:#fff!important;}
    .dedicated-page .information-bar {
        min-height: 50px;
        width: auto;
        float: left;
        background: transparent linear-gradient(180deg, #226BAE 0%, #00C4BC 100%) 0% 0% no-repeat padding-box;
        border-radius: 0px 25px 25px 0px;
        padding: 16px 40px 16px 15px;
        font: normal normal bold 14px/18px 'Montserrat';
        letter-spacing: 0px;
        color: #FFFFFF;
        margin-left:10px;
    }
.website-display-managers .jumbotron {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    padding: 10px;
    margin: 20px 0 40px 0;
    letter-spacing: 0px;
    color: #343E60;
    min-height: 270px;
}
    .website-display-managers .jumbotron .delete-button, .website-display-managers .jumbotron .site-contact-display {
        display: none;
    }
    .website-display-managers .jumbotron h3 {
        font: normal normal bold 14px/18px 'Montserrat';
        letter-spacing: 0px;
        color: #343E60;
    }
    .website-display-managers .jumbotron p {
        font: normal normal normal 14px/18px 'Montserrat';
        margin-bottom:5px!important;
    }
    .website-display-managers .jumbotron a {
        font: normal normal bold 14px/18px 'Montserrat';
        letter-spacing: 0px;
        color: #226BAE;
    }

.cut-text {
    width: 100px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.content-container {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.agent_profile .top_bg {
    background: #97C9D4 url(../images/agent-profile-banner.jpg) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    height: 150px;
    background-size:cover;
}

.agent_profile .head {
    color: #343e60;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
}

.agent_profile .sub_head {
    font-size: 12px/15px;
    letter-spacing: 0px;
    color: #343E60;
}

.agent_profile .action_button {
    width: 25px;
    height: 25px;
    background: transparent url('img/iconfinder_new-24_103173.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

.agent_profile .birthday_box {
    background: #8DC63F;
    border-radius: 2px;
    padding: 8px;
    color: #fff;
    width: auto;
    float: right;
    font-weight: 600;
}

.membership_box {
    background: #707070 0% 0% no-repeat padding-box;
    border-radius: 2px;
    padding: 8px;
    color: #fff;
    width: auto;
    float: left;
}

.birthday_box.blue {
    background: #58C0F6;
    float: left;
}

.bold-blue {
    color: #0e76bc;
    font-weight: 600;
}

.agent-list .item {
    border: 1px solid #65656580;
    border-radius: 5px;
}

.profile_picture, .profile_picture_nav, .profile_picture_small {
    border-radius: 50%;
    background: rgba(var(--blue-highlight), 0.1) 0% 0% no-repeat padding-box;
    margin: 0 auto;
    object-fit: cover;
}

.profile_picture {
    width: 125px;
    height: 125px;
}

.profile_picture_small {
    width: 75px;
    height: 75px;
}

.trimLinkLength {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
}

.modal .modal-content .large-text {
    font: normal normal 600 26px/39px Poppins;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.supplierCategoryItem {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 0.5px solid #DEE4F3;
    border-radius: 5px;
    height: 140px;
    margin-bottom: 20px;
    text-align: center;
    font: bold 12px/15px 'Montserrat';
    letter-spacing: 0px;
    color: #0E76BC;
}

.vip-logo{
    height:50px;
    margin-left:20px;
}
.become-vip-modal {
    border: 1px solid #DDE4F4 !important;
    background: #F8F7FC 0% 0% no-repeat padding-box !important;
    border-radius: 5px !important;
}
    .become-vip-modal h5 {
        font: bold 14px "Montserrat";
        letter-spacing: 0px;
        color: #343E60;
    }
    .become-vip-modal .close-modal {
        font: bold 12px "Montserrat";
        letter-spacing: 0px;
        color: #0E76BC;
        border: none !important;
        background: none !important;
    }

.subscribe-modal {
    border: none !important;
    background: none !important;
}

.head-about {
    text-align: left;
    font: bold 18px/22px "Montserrat";
    letter-spacing: 0px;
    color: #07B2B9;
}

@media (min-width: 768px) {
    .vsc .col-md-6 {
        max-width: 49% !important;
        margin-right: 1% !important;
    }
}

.grid-striped .row:nth-of-type(odd) {
    /*background-color: rgba(0,0,0,.05);*/
    background-color: #cfe2ff;
}
.frenchlink .nav-link {
    display: unset !important;
    color: var(--blue) !important
}

@media (max-width:500px){
    .frenchlink .nav-link {
        font: normal normal 600 10px/30px 'Montserrat' !important;
    }
    .carousel .d-block.w-720.h-300, .carousel .carousel-item.active .d-block.w-720.h-300 {
        width: auto !important;
        height: auto !important;
        max-width: unset !important;
        max-height: unset !important;
    }
}
.thumbs-bullets .col-md-divideto5 {
    width: calc(100%/5);
    min-height: 220px;
}
@media (max-width:500px) {
    .thumbs-bullets .col-md-divideto5 {
        width: 100%;
        min-height: 220px;
        height:auto;
        margin-bottom:15px;
    }
}

.thumbs-bullets .item {
    background: transparent linear-gradient(180deg, #EFF3FC 0%, #F8FCFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    height: 220px;
}
    .thumbs-bullets .item img {
        width: 75px;
        height: 75px;
        margin-top: 25px;
    }
    .thumbs-bullets .item p {
        font: bold 14px/18px 'Montserrat';
        letter-spacing: 0px;
        color: #343E60 !important;
        margin-top: 30px;
    }
    .thumbs-bullets .item a {
        font: normal normal normal 12px/15px 'Montserrat';
        letter-spacing: 0px;
        color: #0E76BC;
        margin-top: 30px;
    }

.slick {
    /* display: flex !important; */
    /*width: 100%!important;*/
    overflow: hidden;
}
.slick-track {
    display: flex !important;
    /*width: 100% !important;*/
}

.slickitem {
    width: 120px !important;
    height: 90px !important;
    padding: 0 !important;
    text-align: center;
}
.slick-slide img {
    width: 120px !important;
    height: 90px !important;
    padding: 0 !important;
    border-radius: none !important;
    background-color: none !important;
    box-shadow: none !important;
    margin: 0 auto;
}
.slick-slide {
    margin:0 10px !important;
}

.margin-top-30{
    margin-top:30px!important;
}
.margin-top-40 {
    margin-top: 40px !important;
}
.btn-outline-primary {
    color: var(--blue);
    border-color: var(--blue);
}
.login-bg .btn-outline-primary {
    /*background: #226BAE !important;*/
    font: normal normal bold 14px/30px 'Montserrat';
    /*color: #fff;*/
    border-radius: 15px;
    padding: unset;
}
.modal {
    font: normal medium 16px/19px 'Montserrat' !important;
    color: var(--head-text-color);
}

    .modal .btn-main {
        background: var(--blue) !important;
        border: var(--blue) !important;
        border-radius: 28px;
    }

    .modal .main-bold-heading {
        font: normal bold 28px/34px 'Montserrat' !important;
        letter-spacing: 0px;
        color: var(--head-text-color);
    }

/*.content-wrap a {
    font: normal bold 12px 'Montserrat' !important;
}
.accordion-content a {
    font: normal bold 15px 'Montserrat'!important;
}
.accordion-content p{
    font: normal bold 17px 'Montserrat';
    margin:10px 0;
}*/
.webinar-bglayer {
    background: transparent linear-gradient(91deg, #226BAE 0%, #00C4BC 100%) 0% 0% no-repeat padding-box;
    /*background:red;*/
    opacity: 0.6;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1;
}
#carouselWebinars {
    position: relative;
}
    #carouselWebinars h5, #carouselWebinars h3 {
        font: normal normal 600 32px 'Montserrat'!important;
        line-height:unset!important;
    }
    #carouselWebinars .carousel-caption p {
        font: normal normal 600 25px 'Montserrat' !important;
        opacity: 0.9;
        line-height: 2rem;
        margin-bottom: 0;
    }
    #carouselWebinars img {
        max-height:700px;
        background-size:cover;
    }
    #carouselWebinars .carousel-caption {
        bottom:2%!important;
        top:unset!important;
    }

    #carouselWebinars .testimonia h3, .description-testimonia-container {
        height:120px;
    }

.dedicated-page .description-testimonia-container {
    height: auto!important;
}

.testimonial-carousel .supplier-logo {
    width: auto !important;
    max-height: 90px !important;
}
.recorded-description {
    font: normal normal 14px/18px 'Montserrat';
    color:#000;
}
.slick-slide img.recorded-thumbnail, .recorded-list-container img.recorded-thumbnail {
    width: 100% !important;
    height: 100% !important;
    background-size: cover;
    border-radius:8px;
}

.dedicatedUpcoming .slick-track, .dedicatedUpcoming .slide {
    width:100% !important;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.explore-all-carousel {
    position: absolute;
    z-index: 999;
    left: 20px;
    bottom: 50px;
    width: 158px;
    height: 47px;
    border: 1px solid #FFFFFF;
    border-radius: 24px;
    text-align: center;
    font: normal normal 16px/28px 'Montserrat';
    letter-spacing: 0px;
    color: #FFFFFF;
    padding-top: 10px;
    margin-top: 30px;
    transition: background-color 1s;
}
    .explore-all-carousel:hover {
        background: transparent linear-gradient(90deg, #226BAE 0%, #00C4BC 100%) 0% 0% no-repeat padding-box;
    }

#ModalClientPopup .modal-body a img {
    /*width: 300px;
    height: 250px;*/
    min-width: 300px;
    border: 0;
    background-size: cover;
    margin: 0 auto;
}
#ModalClientPopup .modal-content {
    background:none!important;
    border:none!important;
}
#ModalClientPopup.modal {
    background: rgba(1,1,1,0.4) !important;
}

.alert-custom-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-custom {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-custom a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.alert-custom-warning .alert-link {
    color: #533f03;
}

.alert-custom-link {
    font-weight: 700;
}

.alert-custom .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}



.question-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #9B9FAF;
    border-radius: 5px;
    opacity: 1;
}

    .question-box .question {
        text-align: left;
        font-size: 12px;
        letter-spacing: 0px;
        color: #343E60;
        opacity: 1;
    }


.contest_question_box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
}
    .contest_question_box .question {
        text-align: left;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0px;
        color: #343E60;
    }
    .contest_question_box .option {
        font-size: 16px;
        font-weight: 400;
    }
    .contest_question_box .question_title {
        font-size: 17px;
        font-weight: 600;
        color: rgba(var(--rgbablue), 1);
    }

.mb-40{
    margin-bottom:40px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}
.plr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.btn-primary {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
}

#submitForm label{
    font-weight:600;
    margin-bottom:10px;
}
#submitForm .row {
    margin-bottom: 10px;
}
.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 25px;
    font-weight: bold;
    text-align: left
}

    .fs-title::after {
        content: '';
        display: block;
        margin-top: 20px;
        width: 100px;
        height: 2px;
        /* border-top: 2px solid var(--teal); */
        background: rgba(var(--rgbablue), 0.7) !important;
        background: -webkit-linear-gradient(to right, var(--teal) 0%, var(--blue) 100%) !important;
        background: -o-linear-gradient(to right, var(--teal) 0%, var(--blue) 100%) !important;
        background: linear-gradient(to right, var(--teal) 0%, var(--blue) 100%) !important;
    }

.non-ms-form fieldset {
    border: 1px solid #F5F6F7;
    margin-bottom: 20px;
    padding: 1em;
}

#player {
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.webinar-skeleton-container {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.webinar-skeleton-card {
    width: 300px;
    height: 200px;
    background: #eee;
    border-radius: 8px;
    position: relative;
}

.shimmer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #eee 0%, #f5f5f5 50%, #eee 100%);
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.skeleton-banner {
    background: #eee;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

    .skeleton-banner::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: -150px;
        height: 100%;
        width: 150px;
        background: linear-gradient(to right, transparent 0%, #f0f0f0 50%, transparent 100%);
        animation: loading 1.5s infinite;
    }

.skeleton-720by300 {
    width: 100%;
    max-width: 720px;
    height: 300px;
    margin: 0 auto;
}

.skeleton-120by90 {
    width: 120px;
    height: 90px;
    margin: 10px auto;
}

.skeleton-300by250 {
    width: 300px;
    height: 250px;
    margin: 0 auto;
}

@keyframes loading {
    0% {
        left: -150px;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

.skeleton-carousel {
    display: flex;
    gap: 30px; /* same as carousel margin */
    overflow: hidden;
}

.skeleton-banner.skeleton-120by90 {
    width: 120px;
    height: 90px;
    background: #eee;
    border-radius: 4px;
    flex-shrink: 0;
    animation: skeleton-loading 1.2s infinite ease-in-out;
}

@keyframes skeleton-loading {
    0% {
        background-color: #eee;
    }

    50% {
        background-color: #ddd;
    }

    100% {
        background-color: #eee;
    }
}

.splide__slide {
    margin: 0 5px !important; /* 10px total spacing between items */
}

    .splide__slide img {
        width: 120px !important;
        height: 90px !important;
        object-fit: contain;
        transition: transform 0.3s;
        display: block;
        margin: 0 auto;
    }

        .splide__slide img:hover {
            transform: scale(1.1);
        }

.splide__track {
    overflow: hidden;
}

.carousel-wrapper {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .carousel-wrapper {
        display: block;
    }
}
.splide__list {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
}

.splide__slide {
    flex: 0 0 auto;
}

#banner-120by90-1-content,
#banner-120by90-2-content {
    margin-top: 24px;
    margin-bottom: 24px;
}