@font-face {
  font-family: "Gabarito";
  src: url('../fonts/Gabarito-Black.ttf');
  src: url('../fonts/Gabarito-Bold.ttf');
  src: url('../fonts/Gabarito-ExtraBold.ttf');
  src: url('../fonts/Gabarito-Medium.ttf');
  src: url('../fonts/Gabarito-Regular.ttf');
  src: url('../fonts/Gabarito-SemiBold.ttf');
}

@font-face {
  font-family: "Gabarito-Reg";
  src: url('../fonts/Gabarito-Regular.ttf');
}

/*  ---- Global CSS ---- */

*, .elementor-widget-nav-menu .elementor-nav-menu .elementor-item {
    font-family:"GalanoGrotesque" !important;
}
.far {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400;
}
.site-content{
    flex-direction:column;
}

body.home .main-nav{
    display:none;
}

body.home .hide-home{
    display:none !important;
}

body.home .faqs-dash-button{
    display:none;
}
/* ---- Login/Signup Form ---- */

.login-box{
    max-width:1100px;
    width:100%;
    margin:0 auto;
    padding:60px 118px;
    border:1px solid #efefef;
    border-radius:20px;
    font-family:"GalanoGrotesque" !important;
    font-weight:600;
    font-size:14px;
    line-height:22px;
    width:100%;
    background:#fff;
    box-shadow:0px 3px 15px #00000029;
    color:#0B2E44;
}
.login-boxx{
    max-width:480px;
    margin:0 auto;
    padding:30px 37px;
    border:1px solid #efefef;
    border-radius:10px;
    font-family:"GalanoGrotesque" !important;
    font-weight:600;
    font-size:14px;
    line-height:22px;
    width:100%;
    background:#fff;
    box-shadow:0px 3px 15px #00000029;
    color:#0B2E44;
}
.login-box h1{
    font-size:35px;
    line-height:54px;
    font-weight:bold;
    text-align:left;
    font-family:"GalanoGrotesque" !important;
    font-weight:normal;
}
.login-boxx h1{
    font-size:35px;
    line-height:54px;
    color:#0B2E44;
    font-family:"GalanoGrotesque" !important;
    font-weight:bold;
    text-align:left;
    font-family: "Gabarito";
    font-weight:600;
}
.login-box label{
    font-family:"GalanoGrotesque" !important;
    font-weight:600;
    font-size:14px;
    line-height:22px;
    margin-bottom:5px;
    width:100%;
    color:#0B2E44;
    display:block;
    margin-bottom:5px;
}
.login-boxx label{
    font-family:"GalanoGrotesque" !important;
    font-weight:600;
    font-size:14px;
    line-height:22px;
    margin-bottom:5px;
    width:100%;
    color:#0B2E44;
    display:block;
    margin-bottom:5px;
}
.login-box input,
.login-box select{
    font-family:"GalanoGrotesque" !important;
    font-weight:400;
    font-size:14px;
    margin-bottom:10px;
    padding:5px;
    width:100%;
    background:#fff !important;
    border-radius:10px !important;
    border:1px solid #707070 !important;
}
.login-boxx input{
    font-family:"GalanoGrotesque" !important;
    font-weight:400;
    font-size:14px;
    margin-bottom:10px;
    padding:5px;
    width:100%;
    background:#fff !important;
    border-radius:10px !important;
    border:1px solid #707070 !important;
}
.login-box input[type="submit"]{
    border-radius:5px;
    margin-bottom:10px;
    color:#fff;
    background:#FF4A6A !important;
    margin-top:8px;
    border: none !important;
    margin-bottom: 44px;
    padding-bottom:14px;
}
.login-boxx input[type="submit"]{
    border-radius:5px;
    margin-bottom:10px;
    color:#fff;
    background:#FF4A6A !important;
    margin-top:8px;
    border: none !important;
    margin-bottom: 44px;
    padding-bottom:14px;
}

.login-boxx input[type="submit"]:hover,
.login-box input[type="submit"]:hover{
    background:#0B2E44 !important;
}
.login-box select{
    width:100%;
    padding:9px;
}
.login-boxx select{
    width:100%;
}
.login-box .error-message{
    font-family: "Gabarito-Reg";
    font-weight:400;
    font-size:14px;
    margin-bottom:5px;
    padding:5px;
    width:100%;
    color:red;
}
.login-boxx .error-message{
    font-family: "Gabarito-Reg";
    font-weight:400;
    font-size:14px;
    margin-bottom:5px;
    padding:5px;
    width:100%;
    color:red;
}
.login-box .success-message {
    background-color: #DFF2BF;
    border: 1px solid #4CAF50;
    color: #4CAF50;
    padding: 10px;
    margin: 20px 0;
}
.login-boxx .success-message {
    background-color: #DFF2BF;
    border: 1px solid #4CAF50;
    color: #4CAF50;
    padding: 10px;
    margin: 20px 0;
}
div.login-box .login-form label span.red{
    color:red;
}
div.login-boxx .login-form label span.red{
    color:red;
}
div.login-box .login-form form{
    display:flex;    
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
div.login-box .login-form div.form-item{
    width:49%;
    margin-right:1%;
}
div.login-box .login-form div.form-item.full{
    width:99%;
    margin-right:1%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

div.login-box .switch-auth,  
div.login-boxx .switch-auth{
    text-align:center;
}

div.login-box .switch-auth p,  
div.login-boxx .switch-auth p{
    margin-bottom:0;
}

div.login-box .switch-auth p a,  
div.login-boxx .switch-auth p a{
    color:#FF4A6A;
}

div.login-box .switch-auth p a:hover,  
div.login-boxx .switch-auth p a:hover{
    color:#0B2E44;
}

.login-box p.check input[type="checkbox"]{
    width:initial;
    display:inline-block;
    margin-right:4px;
    margin-bottom:0;
}
.login-box p.check label{
 width:90%;
 display:inline-block;
 font-weight:400;
}
.login-box p.check{
    width:33%;
    margin-bottom:0;
}

/* ---- Dashboard Page ---- */

ul.dash-prizes{
    list-style:none;
    display:flex;
    margin:0;
}
ul.dash-prizes li{
    border-top: 2px solid #FFBF3C;
    border-bottom: 2px solid #FFBF3C;
    border-left: 1px solid #FFBF3C;
    border-right: 1px solid #FFBF3C;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    text-align: center;
    display: flex;
    padding: 25px;
    flex-direction: column;
    justify-content: flex-end;
    position:relative;
}
ul.dash-prizes li.achieved{
    background:#FFE6B2;
}
ul.dash-prizes li img.achieved-star{
    width: 36px;
    height: 36px;
    top: 30px;
    left: 38%;
    position: absolute;
}
ul.dash-prizes li img.attachment-post-thumbnail{
    width:100px;
    opacity:0.35;
}
ul.dash-prizes li.achieved img.attachment-post-thumbnail{
    width:100px;
    opacity:1;
}
ul.dash-prizes li h6{
    margin-bottom:0;
    font-size:22px;
    line-height:20px;
    font-weight:600;
    font-family: "Gabarito-Reg";
    color:#FF4A6A;
    margin-top:20px;
}
ul.dash-prizes li p{
    margin-bottom:0;
    font-size:14px;
    line-height:20px;
    font-weight:600;
    font-family: "Gabarito-Reg";
    color:#FF4A6A;
}

.dash-tasks-cat .elementor-tab-desktop-title{
    padding: 40px 40px !Important;
    border: 1px solid #FFBF3C !important;
    border-radius: 10px 10px 0px 0px !important;
    background: url('https://commvaultpartnerperks.com//wp-content/uploads/2023/10/Group-1409@2x.png') no-repeat bottom right #fff !important;
    background-size: 43px !important; 
    text-align: center;

}
.dash-tasks-cat .elementor-tab-desktop-title.elementor-active {
    background-color: #FFBF3C !important;
    background-image: none !important;
}
.dash-tasks-cat .tab-content{
    width:100%;
    display:flex;
}
.dash-tasks-cat .tab-content .col-sm-9{
    width:75%;
}
.dash-tasks-cat .tab-content .col-sm-3{
    width:25%;
}

.dash-tasks-cat .tab-content .col-sm-9:first-child{
    padding-right:43px;
    
}
.dash-tasks-cat .rs-certification-task{
    background:#fff;
    display:flex;
    padding:20px;
    align-items: center;
    margin-bottom:10px;
    min-width:184px;
    justify-content: space-between;
}
.dash-tasks-cat .rs-certification-task button.rs-submit{
    padding:6px 50px 8px;
    color:#fff;
    background:#FF4A6A;
    font-family: "GalanoGrotesqueAlt";
    border-radius:10px;
    font-size:14px;
    line-height:22px;
    font-weight:600;
    text-transform:uppercase;
    max-width:187px;
    width:100%;
}
.dash-tasks-cat button.add-meeting-button{
    padding:6px 50px 8px;
    color:#fff;
    background:#FF4A6A;
    font-family: "GalanoGrotesqueAlt";
    border-radius:10px 10px 0 0;
    font-size:14px;
    line-height:22px;
    font-weight:600;
    text-transform:uppercase;
    width:100%;
    margin-bottom:10px;
}
.dash-tasks-cat .meeting-form{
    background:#fff;
    padding-top:20px;
    margin-top:-10px;
    margin-bottom:10px;
}

.dash-tasks-cat .meeting-form form{
    padding: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    align-content: center;
    width: 100%;
}
.dash-tasks-cat .meeting-form form div.fields-block{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.dash-tasks-cat .meeting-form form div.fields-block .div-item{
    width:50%;
}

.dash-tasks-cat .meeting-form form div.fields-block .div-item label{
    width:100%;
    display:block;
}
.dash-tasks-cat .meeting-form form div.fields-block .div-item input,
.dash-tasks-cat .meeting-form form div.fields-block .div-item select{
    width: 95%;
    font-family: "GalanoGrotesqueAlt";
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #707070;
    height: 38px;
    text-transform: capitalize;
    padding:0;
    padding-left:5px;
}
.dash-tasks-cat .meeting-form form div.fields-block .div-item textarea{
    width: 95%;
    font-family: "GalanoGrotesqueAlt";
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #707070;
    height: 38px;
    text-transform: initial;
    padding:0;
    padding-left:5px;
}

.dash-tasks-cat .meeting-form form div.fields-block .div-item input[type='date']{
    
    text-transform: lowercase;
}
.dash-tasks-cat .meeting-form form input[type='submit']{
    padding:6px 50px 8px;
    color:#fff;
    background:#FF4A6A;
    font-family: "GalanoGrotesqueAlt";
    border-radius:10px;
    font-size:14px;
    line-height:22px;
    font-weight:600;
    text-transform:uppercase;
}
.dash-tasks-cat .rs-certification-task button.rs-submit.pending{
    background:#0047BB;
}
.dash-tasks-cat .rs-certification-task button.rs-submit.approved{
    background:#00B2A9;
}
.dash-tasks-cat .rs-certification-task input[name="rs_certification_date"]{
    border: none;
    margin-right: 15px;
    text-transform: lowercase;
    width: 200px;
    border-bottom: 2px solid #FF4A6A;
}
.dash-tasks-cat .tab-content h3{
    width: 70%;
    padding-bottom:0px;
    font-size:15px;
    line-height:23px;
    font-weight: 600;
    color:#0B2E44;
    margin-bottom:0;
}
.dash-tasks-cat .tab-content h3 span{
    color:#FF4A6A;
    font-weight: 600;
}
.dash-tasks-cat div.elementor-tab-content{
    padding:45px;
}
.dash-tasks-cat .tab-content h4{
    font-size: 20px;
    font-weight: 600;   
}

.progress-label{
    font-size: 20px;
    line-height: 50px;
}

.dash-tasks-cat .tab-content h5{
    font-size: 18px;
    border-bottom: 2px solid #0B2E44;
    padding-bottom: 10px;
    font-weight: 600;
}
.dash-tasks-cat .tab-content ul{
    margin-left:25px;
}
.dash-tasks-cat .tab-content ul li{
    font-size:16px;
    margin-bottom:15px;
}

/* ---- User Profile Page ---- */

.rs-success-message {
    background-color: #DFF2BF;
    border: 1px solid #4CAF50;
    color: #4CAF50;
    padding: 10px;
    margin: 20px 0;
}

.rs-error-message {
    background-color: #FFD2D2;
    border: 1px solid #FF5733;
    color: #FF5733;
    padding: 10px;
    margin: 20px 0;
}

div.profile-box h1{
    font-size:25px;
    color:#000;
    width:100%;
}
div.profile-box h1 a{
    font-size:15px;
    color:#000;
    float:right;
}
div.profile-box .login-form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
div.profile-box .login-form div.fields-section{
    width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom:50px;
}
div.profile-box .login-form .field-set{
    width:50%;
}
div.profile-box .login-form .field-set label{
    width:100%;
    display:block;
}
div.profile-box .login-form .field-set input,
div.profile-box .login-form .field-set textarea,
div.profile-box .login-form .field-set select{
    width:90%;
}

div.profile-box .login-form p.green{
    width:100%;
    text-align:center;
    font-size:25px;
    color:green;
}
div.profile-box .login-form p.yellow{
    width:100%;
    text-align:center;
    font-size:25px;
    color:gold;
}

.content-area.custom-temp{
    max-width: 1240px;
    margin: 124px auto 30px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #0000001a;
    box-shadow: 0 0 6px #00000017;
}
.content-area.custom-temp .site-main{
    margin-top:0 !important;
}
div.profile-page-approved p.success-msg{
    color:green;
    width:100%;
}
div.profile-page-approved .data-row{
    width:100%;
    display: flex;
    border-bottom: 1px dashed #00000017;
    margin-bottom: 10px;
}
div.profile-page-approved .data-row p{
    width:50%;
    display:inline-block;
    font-family: "Gabarito-Reg";
    margin-bottom:0;
}
div.profile-page-approved .data-row p:last-child{
    color: grey;
    font-weight: 100;
    text-transform: uppercase;
}


/*---- Progress Bar ----*/

.progress-container {
    width: 100%;
}
.progress-bar {
    position: relative;
    width: 100%;
    height: 40px;
    background:#D7D2CB;
    border-radius:30px;
}
.progress-indicator {
    height: 100%;
    background-color: #FF4A6A;
    width: 0;  
    transition: width 1s ease-in-out; 
    border-radius:30px;
    position: relative;
}
.progress-label {
    text-align: center;
    padding-top: 5px;display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
}
.progress-indicator:after {
    position: absolute;
    top: -25px;
    right: -55px;
    display: inline-block;
    font-size: 10px;
    background: url(../images/points-star.png) no-repeat center;
    background-size: cover;
    align-content: normal;
    width: 92px;
    height: 89px;
    text-align: center;
    font-size: 26px;
    padding-top: 4px;
}
.alt-font h2{
    font-family: 'GalanoGrotesqueAlt' !important;
}

.alt-font .rem-days .elementor-widget-container{
    font-family: 'GalanoGrotesqueAlt' !important;
    font-weight:600 !important;
}

.alt-font .rem-days .elementor-widget-container span.rs-remaining-days{
    font-size:38px;
}

.alt-font .more-points .elementor-widget-container{
    font-family: 'GalanoGrotesqueAlt' !important;
    font-weight:600 !important;
    font-size:15px;
    line-height:23px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

.alt-font .more-points .elementor-widget-container .more-points-red{
    font-family: 'GalanoGrotesqueAlt' !important;
    font-weight:600 !important;
    font-size:15px;
    line-height:23px;
    color:#FF4A6A;
    margin-left:5px;
}

.alt-font .more-points .elementor-widget-container img{
    width:20px;
    height:20px;
}

/*---- Popup form ----*/

.rs-confirm-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}
.rs-thanks-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.rs-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    font-family: "Gabarito-Reg";
    color:#0B2E44;
    max-width:420px;
    width:100%;
    border-radius:10px;
}

.rs-modal-content button {
    padding: 6px 0px 8px;
    color: #fff;
    background: #FF4A6A;
    font-family: "GalanoGrotesqueAlt";
    border-radius: 10px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    text-transform: uppercase;
    max-width: 100px;
    width: 100%;
    margin-right:5px;
}
.rs-modal-content button:nth-child(2) {
    background: green !important;
}

/*--- Responsive CSS ---*/

@media only screen and (max-width:480px){
    .login-box{
        padding:50px 30px;
    }
    div.login-box .login-form div.form-item{
        width:100%;
    }
    .login-box p.check{
        width:100%;
    }
}

@media only screen and (max-width:1000px){
    ul.dash-prizes{
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
    ul.dash-prizes li{
        margin:4px;
    }
}

@media only screen and (max-width:540px){
    .elementor-tab-mobile-title{background: url(https://commvaultpartnerperks.com//wp-content/uploads/2023/10/Group-1409@2x.png) no-repeat bottom right #fff !important;
    background-size: 43px !important;}
    .elementor-tab-mobile-title.elementor-active{
        background:#FFBF3C !important;
        background-image:none !important;
        border-bottom:1px solid #fff !important;
    }
    .elementor-tab-mobile-title br{
        display:none;
    }
    .dash-tasks-cat div.elementor-tab-content{
        padding:10px;
    }
    .dash-tasks-cat .tab-content{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .dash-tasks-cat .tab-content div{
        width:100% !important;
    }
    .dash-tasks-cat .tab-content .col-sm-9:first-child{
        padding-right:0;
    }
    .dash-tasks-cat .rs-certification-task{
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }
    .dash-tasks-cat .rs-certification-task h3,
    .dash-tasks-cat .rs-certification-task input,
    .dash-tasks-cat .rs-certification-task button{
        margin-bottom:10px;
    }
    .dash-tasks-cat .meeting-form form{
        flex-direction: column;
    }
    
    .dash-tasks-cat .meeting-form form .buttons-block p{
        text-align:left !important;
    }
    .elementor-171 .elementor-element.elementor-element-77bec64b .elementor-button{
        padding-bottom:6px !important;
    }
    .progress-bar{
        width:80%;
        margin-left:30px;
    }
    .progress-label{
        width: 80%;
        margin-left: 30px;
        margin-top: 10px;
    }
}