@font-face {
    font-family: nunitosemibold;
    src: url(../fonts/nunito-semibold-webfont.woff2) format('woff2'), url(../fonts/nunito-semibold-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nunitobold;
    src: url(../fonts/nunito-bold-webfont.woff2) format('woff2'), url(../fonts/nunito-bold-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nunitoblack;
    src: url(../fonts/nunito-black-webfont.woff2) format('woff2'), url(../fonts/nunito-black-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nunitoregular;
    src: url(../fonts/nunito-regular-webfont.woff2) format('woff2'), url(../fonts/nunito-regular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansbold;
    src: url(../fonts/opensans-bold-webfont.woff2) format('woff2'), url(../fonts/opensans-bold-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansregular;
    src: url(../fonts/opensans-regular-webfont.woff2) format('woff2'), url(../fonts/opensans-regular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sanssemibold;
    src: url(../fonts/opensans-semibold-webfont.woff2) format('woff2'), url(../fonts/opensans-semibold-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {font-family: 'open_sansitalic'; src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'), url('../fonts/opensans-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face {
    font-family: Fink;
    src: local("FinkHeavy\ Regular"), url(../fonts/FinkHeavy%20Regular.7930d38a.ttf) format("truetype")
}

@font-face {
    font-family: Letters;
    src: local("Letters"), url(../fonts/letters.b0946d04.otf) format("opentype")
}

body {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #454545;
    text-align: left;
    background-color: #fff;
    font-family: open_sansregular, Helvetica, Arial, sans-serif
}

* {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

li {
    display: list-item;
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none
}

::selection {
    background: #a4a4a4;
    color: #fff
}

img {
    padding: 0;
    margin: 0;
    line-height: 0
}

a {
    color: #0054a6;
    text-decoration: none;
    transition: all .3s ease-in 0s;
    cursor: pointer
}

a:focus,
a:hover {
    color:#4A702E;
    text-decoration: none;
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0 0 10px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
    font-family: nunitoblack;
    color: #20599e;
    font-weight: 600
}

.container {
    /*max-width: 1052px;*/
    max-width: 1205px;
    margin: 0 auto;
    padding: 0 15px
}

body {
    padding-top: 165px
}

.btn, .section-content .left-sidebar .side-link-group .side-filter-btn {
    font-size: 24px;
    color:#20599e;
    line-height: 22px;
    padding: 13px 20px;
    margin: 0;
    font-family: nunitoblack;
    background:#bddcf2;
    position: relative;
    min-width: 173px;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 0;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1) !important;
    border: 3px solid #20599e;
    border-radius: 40px
}

.btn:focus,
.btn:hover {
    color: #fff;
    outline: 0;
    background: #20599e
}



select.form-control:not([size]):not([multiple]) {
    height: auto
}

.header {
    position: absolute;
    left: 0;
    top: 0;
    padding: 35px 0 52px;
    background: url(../images/top_header_bg.jpg) center top no-repeat;
    background-size: cover;
    color: #fff;
    z-index: 11;
    width: 100%
}

.header .main-header {
    display: table;
    width: 100%;
    clear: both
}

.header .main-header .header-logo,
.header .main-header .header-right {
    display: table-cell;
    vertical-align: bottom
}

.header .main-header .header-logo img {
    float: left
}

.header .main-header .header-right .right-hdr-btn {
    float: right;
    padding-bottom: 8px
}

.header .main-header .header-right .right-hdr-btn a:not([href]):not([tabindex]):focus{outline:2px solid #000}
.header .main-header .header-right .right-hdr-btn button{background:none; border:none}

body .breadcrumb {
    background: 0 0;
    padding-left: 0;
    padding-right: 0
}

body.form-bg {
    padding-top: 0
}

.form-bg .wrapper {
    width: 100%;
    clear: both;
    background-color: #a8d147;
    background-image: url(../images/login_page_treehouse.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    padding: 0 20px 0;
    top: 0;
    bottom: 0;
    height: auto;
    margin: auto;
    z-index: 111;
    overflow: auto
}

.form-bg.register-form .wrapper{background-image:none;}

.register-page.form-bg .wrapper {
    background-image: none
}

.section-white {
    width: 100%;
    clear: both;
    padding: 70px 0
}

.section-form {
    padding: 0;
    display: table;
    max-width: 431px;
    margin: 14% auto 8%;
    width: 100%
}

.section-form .form-content {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: #f0f0f0;
    padding: 52px 49px 45px;
    position: relative;
    border-radius: 20px;
    float: left;
    box-shadow: 0 5px 10px 0 #0000007b
}

.section-form .form-content .login-form .form-group label, .section-form .form-content .forgot-password-form .form-group label, .section-content .left-sidebar #search_form .form-group.search label, .section-content .left-sidebar #search_form .form-group.choose-program-field label{display:block; text-align: left; color:#20599e; font-family: open_sanssemibold; font-size: 17px; font-family: open_sansbold; margin-bottom:5px}
.section-content .left-sidebar #search_form .form-group.choose-program-field label{font-family: open_sanssemibold; margin-bottom:4px}

.register-form .section-form .form-content{box-shadow:none}
.section-form .form-content .form-logo {
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 173px;
    height: 173px;
    border-radius: 100%;
    overflow: hidden;
    top: -139px
}

.section-form .form-content .form-logo img {
    margin: 0 auto
}

.section-form .form-content .form-title {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 25px
}

.section-form .form-content .sign-box {
    width: 100%;
    clear: both;
    text-align: center;
    padding-bottom: 26px;
    display: block;
    margin: 0 auto
}
.section-form .form-content .sign-box{width: 100%; clear: both; text-align: center; padding-bottom:20px; display: block;
    margin: 0 auto;}
.section-form .form-content .sign-box a{font-size: 17px; font-family: 'nunitoblack'; color: #fff; background: #3D6CE6; padding: 11px 10px; border-radius: 35px; display: flex; max-width: 247px; margin: 0 auto;
    line-height: 30px; border:2px solid transparent;}
.section-form .form-content .sign-box a:hover{color: #20599e; background: #bddcf2; text-align: center; border: 2px solid #20599e;
}
.section-form .form-content .sign-box a span{ font-size: 41px; border-right: 2px solid #8098d6; padding-right: 12px; margin-right: 12px; line-height: 33px; height: 30px; font-family: 'nunitobold';}

.section-form .form-content .sign-box a:focus{border:2px solid #000;}



.section-form .form-content .create-form .sign-box img{ max-width:200px; }

.section-form .form-content .or-text {
    color: #0054a6;
    padding: 7px 0;
    margin-bottom: 27px;
    font-size: 22px;
    display: inline-block;
    background-color: #f0f0f0;
    padding: 0 10px;
    position: relative;
    font-family: nunitoblack;
    position: relative
}
.section-form .form-content .create-form .or-text{margin: 10px 0 20px;}

.section-form .form-content .or-text:after,
.section-form .form-content .or-text:before {
    position: absolute;
    content: '';
    background-color: #dfdfdf;
    width: 128px;
    height:3px;
    left: 45px;
    right: auto;
    top: 13px
}

.section-form .form-content .or-text:after {
    left: auto;
    right: 45px
}

.form-group {
    position: relative
}

.form-group .field-img {
    position: absolute;
    left: 13px;
    bottom: 12px;
    opacity:1;
    line-height: 0
}

.section-form.section-login .form-content .form-group i {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    color: #dfdfdf
}

.section-form.section-login .form-content .forgot-password {
    padding-bottom: 10px;
    padding-top: 5px
}

.section-form.section-login .form-content .forgot-password a {
    font-family: nunitoblack;
    font-size: 18px;
    line-height: 24px;
    text-decoration:underline;
}

.section-form.section-login .form-content .form-remember {
    text-align: left;
    padding-bottom:24px;
}

.section-form.section-login .form-content .form-control {
    padding-left: 40px;
    font-weight: 500;
    border: 1px solid #848484;
}

.section-form.section-login .form-content .signup-link {
    width: 100%;
    padding-top: 15px;
    text-align: center
}

.section-form.section-login .form-content .signup-link .sing-text{margin-bottom:0px;}
.section-form.section-login .form-content .signup-link .sing-text a{text-decoration:underline;}


.form-control,
.section-content .left-sidebar .sec-filter-tag ul li .select2-container--default .select2-selection--multiple {
    height: 40px !important;
    padding: 3px 15px;
    border-radius: 5px;
    border: 0 solid #ccc;
    font-size: 18px;
    color: #454545;
    width: 100%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .02);
    line-height: 14px;
    font-family: open_sansregular
}

.section-content .left-sidebar .sec-filter-tag ul li .select2-container--default .select2-selection--multiple
{height:auto !important; padding-bottom: 5px !important;}

.form-control {
    height: 44px !important;
    border: 1px solid #848484;
}

.form-control:focus, .section-form.section-login .form-content .form-control:focus {
    outline: 0;
    box-shadow: none;
    border:2px solid #000
}

body .form-control:disabled,
body .form-control[readonly] {
    background: 0 0 !important
}

.form-group {
    margin-bottom:24px
}

::-webkit-input-placeholder {
    color: #454545 !important
}

:-ms-input-placeholder {
    color: #454545 !important
}

::placeholder {
    color: #454545 !important
}

input.code-field::-webkit-input-placeholder{
    font-family: 'open_sansitalic' !important
}

input.code-field:-ms-input-placeholder{
    font-family: 'open_sansitalic' !important
}

input.code-field::placeholder {
    font-family: 'open_sansitalic' !important
}

input.phone-field::-webkit-input-placeholder{
    font-family: 'open_sansitalic' !important
}

input.phone-field:-ms-input-placeholder{
    font-family: 'open_sansitalic' !important
}

input.phone-field::placeholder {
    font-family: 'open_sansitalic' !important
}

.section-form.section-login .form-content .form-control {
    font-family: open_sanssemibold
}

.section-form .create-form .form-group {
    display: flex;
    width: 100%
}

.section-form.section-singup {
    max-width: 595px;
    margin-top: 9%
}

.section-form.section-singup .form-content {
    padding:29px 30px 29px
}

.section-form.section-singup .create-form {
    width: 100%;
    float: left
}

.section-form.section-singup .create-form .form-group {
    display: block;
    width: 100%;
    float: left
}

.section-form.section-singup .create-form .form-group label {
    text-align: right;
    padding-right: 10px;
    color: #0054a6;
    width: 33%;
    margin-bottom: 0;
    float: left;
    font-family: open_sansbold;
    padding-top: 8px
}

.section-form.section-singup .create-form .form-group .form-control {
    width: 66.8%
}

.register-form .section-form.section-singup .create-form .form-group .form-control{height:41px !important}
/*register page dropdown single select2 changes*/
/*.register-form .section-form.section-singup .create-form .form-group .select2-container .select2-selection--single{ height: auto !important; }*/
/*.register-form .section-form.section-singup .create-form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 41px; }*/
/*.register-form .section-form.section-singup .create-form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none;}*/
.section-form.section-singup .form-content .form-logo {
    top: -80px;
    left: -16%;
    transform: translateX(0)
}

.section-form.section-singup .form-content .form-title {
    max-width:358px;
    float: right;
    margin-right:0px;
    padding-bottom: 24px;
    text-align:left;
    width:100%
}

.section-form.section-singup .create-form .submit-btn {
    width: 100%;
    clear: both;
    padding-top: 12px
}

.section-form.section-singup .create-form .submit-btn .login-link {
    display: block;
    text-align: center;
    font-family: nunitoblack;
    padding-top: 10px;
    text-decoration:underline;
}

.section-form.section-singup .create-form select.form-control {
    height: 41px !important
}

.section-form.section-singup .create-form .form-control {
    font-size: 18px;
    font-family: open_sanssemibold !important
}

.register-page .section-form.section-singup .form-content {
    box-shadow: none
}

.select-field:before {
    font-size: 12px;
    line-height: 38px;
    top: 10px;
    color: #20599e;
    right: 2px;
    width: 36px;
    height: 22px;
    background: 0 0;
    cursor: pointer;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    border-left: 1px solid #dfdfdf;
    background: 0 0
}

.select-field label {
    width: 100%;
    display: block
}

.sec-field {
    padding-bottom: 15px
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 46px;
    height: auto !important;
    padding: 5px 43px 5px 20px;
    font-family: open_sansregular !important;
    line-height:24px;
}

.register-form .form-control{padding-left:20px}
.register-form h1{font-size:36px}

select option {
     font-family: open_sansregular, Helvetica, Arial, sans-serif;
}

select.form-control.mainprogram{padding: 9px 28px 9px 13px !important;}
/*select.form-control.mainprogram option{text-align: center; text-align-last: center;}*/

/*.checkbox .inpt_c {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    position:absolute;
}


.checkbox .inpt_c+.check-label {
    cursor: pointer;
    padding: 0;
    position: relative;
    padding-left: 30px;
    padding-top: 0;
    font-size: 16px;
    line-height: 18px
}

.checkbox .inpt_c+.check-label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 19px;
    height: 19px;
    border: 2px solid #8C8C8C;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px
}

.checkbox .inpt_c:checked+.check-label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 0;
    background: 0 0;
    width: 8px;
    height: 16px;
    transform: rotate(45deg);
    border: 2px solid;
    border-color: transparent #fff #fff transparent
}

.checkbox .inpt_c:checked+.check-label:before {
    background: #4ac65e;
    border-color: #4ac65e;
    
}*/
.checkbox .custom-control-label{padding-top: 0; padding-left:5px; font-size: 16px; line-height:28px; cursor: pointer; color: #454545; display:block;}
.checkbox .custom-control-label::before{width:19px; height:19px; background:transparent; border: 2px solid #8C8C8C; border-radius: 2px;}
.checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background:#4ac65e; border-color:#4ac65e}

.checkbox .custom-control-label::after{top: 5px; left:1px; background-size: 11px;}
.checkbox .custom-control-input:focus ~ .custom-control-label::before{box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(0 0 0 / 100%);}


.checkbox .inpt_c:checked+.check-label:before {
    background: #2b599e;
    border-color: #2b599e
}

select option {
    background: 0 0 !important
}

.section-content {
    width: 100%;
    clear: both;
    padding: 18px 0 35px
}

..section-content h1.sec-tit{padding-bottom:3px;}

.sec-title {
    width: 100%;
    clear: both;
    margin-bottom: 21px;
    border-bottom: 4px solid #a8d147;
    position: relative;
    float: left;
    padding-bottom: 12px
}

h1 {
    font-size: 37px;
    line-height: 50px
}

.sec-title p.title-desc, .sec-title h2.title-desc {
    color: #219e41;
    font-size: 24px;
    font-family: nunitoblack;
    margin-bottom: 0;
    line-height: 32px
}

.section-content .list-icon {
    position: absolute;
    right: 0;
    bottom: 8px;
    display:flex;
    align-items:center;
}
.section-content .list-icon p.list-text{margin-bottom:0px; padding-right:7px; font-size:16px;}

.section-content .list-icon .listing-icon {
    font-size: 23px;
    color: #0054a6;
    cursor: pointer
}

.section-content .list-icon .listing-icon:hover {
    color: #a5ce39
}

.section-content .right-filter {
    -ms-flex: 0 0 69.8%;
    flex: 0 0 69.8%;
    max-width: 69.8%
}

.right-filter .filter-box {
    padding: 0 14px 28px;
    width: 33.33%
}

.right-filter .filter-box .box-info {
    width: 100%;
    clear: both;
    position: relative
}

.right-filter .filter-box .box-info .box-img {
    width: 100%;
    height: 331px;
    background-color: #e6e6e6;
    border: 2px solid #8C8C8C;
    border-radius: 2px;
    overflow: hidden;
    transition: all .3s ease-in 0s;
}

.right-filter .filter-box .box-info .box-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    background: #e6e6e6;
    max-width: 100%;
    padding: 0
}

.right-filter .filter-box .filter-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:auto;
}

.right-filter .filter-box .filter-checkbox label{font-size:0px;}


.right-filter .filter-box .filter-checkbox .checkbox {
    position: absolute;
    left: 8px;
    top:7px
}

.right-filter .filter-box .filter-checkbox .custom-control-label::before{width:19px; height:19px; background:#fff; border:2px solid #8C8C8C; border-radius: 2px;}
.right-filter .filter-box .filter-checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background:#4ac65e; border-color:#4ac65e}

.right-filter .filter-box .filter-checkbox .custom-control-label::after{top: 5px; left:1px; background-size: 11px;}
.custom-control-input:focus ~ .custom-control-label::before{box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(74 112 46 / 50%);}

.right-filter .filter-box .filter-checkbox .checkbox .inpt_c+.check-label:before {
    background: #fff;

}

.right-filter .filter-box .filter-checkbox .checkbox .inpt_c:checked+.check-label:before {
    background: #2b599e;
    border-color: #2b599e
}

.right-filter .filter-box .pdf-title{font-size:18px; text-align:center; padding-top: 15px; padding-bottom:0px; font-family: nunitobold; line-height:23px; padding-bottom:0px; margin-bottom:0px; color:#20599e}

.right-filter .filter-box .box-info .btn-play-video{position: absolute; left:8px; top:5px; font-size:15px;}
.right-filter .filter-box .box-info .btn-play-audio{position: absolute; top:11px; font-size: 15px; left:33px; z-index: 1; /*background-image: url("https://sherwin.scene7.com/is/image/sw/color-swatch?_tparam_size=250,250&layer=comp&_tparam_color=B0B5B5");*/ line-height:16px; border-radius:2px; overflow:hidden;}
.right-filter .filter-box .box-info .btn-play-audio img{position:relative; top:0px; width:19px; height:auto; object-fit: contain; background: url(../images/eye_bg_img.png) center center no-repeat;}
.right-filter .filter-box .box-info a.btn-play-audio:focus{outline:2px solid #000; border-radius:2px}

.section-content .left-sidebar {
    -ms-flex: 0 0 30.2%;
    flex: 0 0 30.2%;
    max-width: 30.2%
}

.right-filter .main_program_listing .filter-box .main_program_box:hover .box-img, .right-filter .main_program_listing .filter-box .main_program_box:focus .box-img{border-color: #20599e} 

.section-content .left-sidebar .side-filter .form-control {
    font-size: 14px;
    border: 2px solid #8C8C8C;
    line-height: 18px;
    box-shadow: none;
    height:40px !important
}

.section-content .left-sidebar .side-filter .form-control.mainprogram{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA3klEQVRIS+3VMU9CMRTF8d8zBL+aizoQFhx0kUk33RzdYMNFXUFnYeGrYYyaJiUxJHDLSxodbNKpfeffc9/pbaPyaCrr+3OA++z4rtT5Pg5GuMnCY9yWQEoBE1xhlUUP8YDrCBIB0vojLvGO0yz4hm4JJAKcYYoPHGOZAUdYoIMBXrc5iQAHeMlzviFygj7O8dkWEJU4XI8chALRhn9AVKHf70VRTHu4wFfbmKZLNKt50dLBnna0imcMd/2I0phWa3Y/D1e1Xa9BCZJG0VuQNpaWKMx72xS1Fl5/WN3BN+AgJhnZQlq4AAAAAElFTkSuQmCC);
    background-position: calc(100% - .5rem), 100% 0;
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat;
}
.section-content .left-sidebar .side-filter select.form-control{padding: 9px 43px 9px 20px;}
.section-content .left-sidebar .form-group{margin-bottom:19px;}

.section-content .left-sidebar h4.mainprogram_title{font-family: nunitobold; font-size:18px;}

.section-content .left-sidebar .side-filter .search .form-control {
    line-height: 44px;
    padding-left: 36px;
    
}
.section-content .left-sidebar .side-filter .search .form-control:focus, .section-content .left-sidebar .side-filter .form-control:focus{border-color:#000}


.section-content .left-sidebar .side-filter .search.form-group .field-img {
    opacity: 3
}

.section-content .right-filter .content-body{padding-left:20px}
.section-content .right-filter .content-inner .inner-title {
    font-size: 24px;
    line-height: 32px;
    padding-bottom:17px;
}

.right-filter .content-inner .inner-listing-detail {
    padding-top: 12px
}

.right-filter .content-inner ol.inner-listing {
    list-style-type: decimal;
    display: block;
    width: 100%
}

.right-filter .content-inner ol.inner-listing li {
    list-style-type: decimal;
    display: block;
    width: 100%;
    position: relative;
    padding-left: 24px;
    padding-bottom: 13px;
    counter-increment: li
}

.right-filter .content-inner ol.inner-listing li:Before {
    position: absolute;
    content: counter(li);
    color: #66a859;
    display: inline-block;
    left: 0;
    top: 1px;
    font-family: nunitoblack;
    font-size: 18px
}

.right-filter .content-body .Library-listing {
    display: none
}

.right-filter .content-body .Library-listing .alert-warning{width:100%; float:left;}
.right-filter .content-body .Library-listing .alert-warning .suggest-text{padding-top: 8px;
    width: auto; float: left;}
.right-filter .content-body .Library-listing .alert-warning label{margin-bottom:0px}
.right-filter .content-body .Library-listing .alert-warning #suggest_addtocart{float: right; display: inline-block;
    font-size: 17px; min-width: 110px; padding:7px 13px;;}

.right-filter .content-body .Library-listing .row{margin:0 -14px}

.right-filter .program-box{width:25%; float: left; padding: 10px 15px; text-align:center;}
.right-filter .program-box .box-img{box-shadow: rgb(88 88 88 / 40%) 0 4px 3px;  border-radius: 10px; border: 4px solid #66a859; position: relative; width:100%; overflow:hidden; padding-bottom:64%; transition: all .3s ease-in 0s;}
.right-filter .program-box .box-img img{width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.right-filter .program-box .main_program_box{cursor:pointer; }
.right-filter .program-box .main_program_box:hover .box-img{border-color:#0054a6}

.section-content.section-listing .right-filter .filter-box .box-info {
    width: 50%
}

.section-content.section-listing .right-filter .filter-box .box-info .box-img {
    height: 230px
}

.section-content.section-listing .left-sidebar .Language-field,
.section-content.section-listing .left-sidebar .download-btn,
.section-content.section-listing .left-sidebar .sec-filter-tag {
    display: block
}

.section-content .left-sidebar .sidebar-logo {
    width: 100%;
    text-align: center;
    border-top: 1px solid #ccc;
    padding-top: 15px;
    display: block
}

.section-content .row {
    clear: both
}

.section-content .left-sidebar .sec-filter-tag {
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 15px
}

.section-content .left-sidebar .sec-filter-tag .filter-title {
    color:#1D8737;
    font-size: 18px;
    padding-bottom: 20px;
    letter-spacing: .11px
}

.section-content .left-sidebar .sec-filter-tag ul {
    padding: 0;
    margin: 0
}

.section-content .left-sidebar .sec-filter-tag ul li.list-item {
    padding: 0 0 8px
}

.section-content .left-sidebar .sec-filter-tag ul li.list-item .item-title {
    font-family: open_sanssemibold;
    font-size: 17px;
    letter-spacing: -.1px;
    line-height: 15px;
    padding-bottom: 4px;
    color: #20599e;
    line-height: 23px;
    margin-bottom:0px
}

.section-content .left-sidebar .sec-filter-tag ul li.list-item .select2-container {
    width: 100% !important;
    border: 2px solid #8C8C8C;
    border-radius:5px;
}

.section-content .left-sidebar .sec-filter-tag ul li.list-item .select2-container--default .select2-selection--multiple {
    border: 0px solid #8C8C8C;
    padding: 0 1px;
    line-height: 14px;
    background: 0 0
}
.section-content .left-sidebar .sec-filter-tag ul li.list-item .select2-container.select2-container--focus{border-color:#000}

.section-content .left-sidebar .sec-filter-tag ul li.list-item .select2-container--default.select2-container--below .select2-selection--multiple {
    background: #ccc
}

.section-content .left-sidebar .sec-filter-tag ul li.list-item .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 15px;
    padding: 5px 14px 5px 4px;
    background: #0054a6;
    color: #fff;
    border-color: #0054a6;
    position: relative;
    font-family: open_sanssemibold;
    letter-spacing: -0.02em;


}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    border-right: 0 !important;
    position: absolute;
    right: 2px;
    background: 0 0 !important;
    opacity: .7
}

.section-content .left-sidebar .download-btn {
    width: 100%;
    clear: both;
    max-width: 60px;
    position: fixed;
    left: 40px;
    bottom: 40px;
    padding-top: 20px;
    z-index: 111
}

.section-content .left-sidebar .download-btn a {
    width: 60px;
    height: 60px;
    background-color: #0054a6;
    display: block;
    line-height: 26px;
    text-align: center;
    border-radius: 7px;
    padding: 9px;
    border:2px solid transparent;
}

.section-content .left-sidebar .download-btn a:focus{outline:2px solid #000}

.section-content .left-sidebar .download-btn a img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.section-content .left-sidebar .download-btn span {
    position: absolute;
    right: -13px;
    top: 7px;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    color: #fff;
    background:#1D8737;
    display: block;
    font-size: 21px;
    text-align: center;
    line-height: 26px;
    font-family: open_sanssemibold
}

.section-content .left-sidebar .side-link-group {
    width: 100%;
    clear: both;
    padding-bottom: 20px;
    float:left;
    position:relative;
    z-index:1
}

.section-content .left-sidebar .side-link-group .link-text {
    text-decoration: underline;
    font-size: 16px
}

.section-content .left-sidebar .side-link-group .side-filter-btn{ min-width: 114px; border-width:2px; padding:9px 12px 8px; font-size:15px; text-decoration:none !important; box-shadow:none !important; line-height: 15px; background: #e9ecef; cursor:pointer;}

.section-content .left-sidebar .side-link-group .side-filter-btn:hover, .section-content .left-sidebar .side-link-group .side-filter-btn:focus{ background:#20599e; color:#fff; border-color:#20599e; }

.section-content .left-sidebar .side-link-group .link-text.btn-reset-filter{float:left;} 
.section-content .left-sidebar .side-link-group .link-text.btn-clear-cart {
    float: right
}

.sec-thumbnails {
    width: 100%;
    clear: both;
    padding-top: 20px;
}

.sec-thumbnails .sec-title {
    border-bottom-color: #66a859;
    margin-bottom: 17px;
    padding-bottom: 3px
}

.sec-thumbnails .sec-title h2.content-title {
    font-size: 25px
}

.sec-thumbnails .thumbnails-content {
    clear: both;
    padding-bottom: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.sec-thumbnails .thumbnails-content .thumb-box {
    width:25%;
    float: left;
    padding: 5px 15px;
    text-align: center
}

.sec-thumbnails .thumbnails-content .thumb-box .box-img {
    width: 100%;
    height: 100px;
    overflow: hidden;
    box-shadow: rgba(88, 88, 88, .4) 0 4px 3px;
    border-radius: 10px;
    background: #333;
    border: 4px solid #66a859
}

.sec-thumbnails .thumbnails-content .thumb-box .box-title, .right-filter .program-box h4.program-title {
    margin-bottom: 0;
    padding-top: 10px;
    font-size: 18px;
    line-height: 18px;
    color: #000;
    font-family: Fink, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    transition: all .3s ease-in 0s;
}

.right-filter .program-box .main_program_box:hover h4.program-title{color:#0054a6}

.pagination-block {
    text-align: center;
    width: 100%
}

.pagination-block .pagination {
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom:4px;
}

.pagination-block .pagination .page-link {
    border:1px solid transparent;
    color:#0065D1;
    margin-left:1px; 
}


.pagination-block .pagination .page-link:hover, .pagination-block .pagination .page-link:focus{ color:#004585; background-color: #e9ecef; border-color:#848484; }

.pagination-block .pagination .page-item.active span {
    padding:7px .75rem;
    margin-left:1px;
    line-height: 1.25;
    color:#004585;
    background-color: #e9ecef;
    border:1px solid #848484;
}



.section-footer {
    width: 100%;
    clear: both;
    padding: 31px 0 17px;
    background: #a8d147;
    float: left
}

.section-footer .foot-box {
    float: left;
    width: 25%;
    padding-right: 10px
}

.section-footer .copy-box {
    padding-top:62px;
    font-size: 13px;
    line-height: 20px;
    color: #000
}

.section-footer .copy-box p {
    margin-bottom: 0
}

.section-footer .foot-links {
    border-left: 1px solid #8c8c8c;
    padding-left: 15px;
    width: 50%
}

.section-footer .foot-links ul {
    padding: 0;
    margin: 0
}

.section-footer .foot-links ul li {
    line-height: 30px;
    font-family: open_sansbold
}

.section-footer .foot-links ul li a {
    color: #000
}

.section-footer .foot-links ul li a:hover, .section-footer .foot-links ul li a:focus {
    color:#20599e
}

.section-footer .foot-logo {
    text-align: right;
    padding-top:55px
}

.setting-modal.modal-dialog {
    max-width: 300px !important;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    z-index: 1111;
    top: 50%;
    margin: 0
}

.setting-modal .modal-content {
    padding: 20px 30px;
    border-radius: 15px;
    border: 4px solid #66a859;
    background: url(../images/download.jpg) no-repeat;
    text-align: center;
    background-size: 100% 100%
}

.setting-modal .modal-content .modal-title {
    font-size: 35px;
    font-family: nunitoblack;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 2px
}

.setting-modal .modal-content .modal-title:before {
    height: 5px;
    border-radius: 0
}

.setting-modal .modal-content .modal-body {
    padding: 0
}

.setting-modal .modal-content .group-btn {
    width: 100%;
    clear: both
}

.setting-modal .modal-content .group-btn .btn-modal {
    font-size: 18px;
    margin-bottom: 5px;
    color: #20599e;
    border: 3px solid #20599e;
    border-radius: 25px;
    padding: 8px 15px;
    text-align: center;
    background-color: #b1d3ec;
    font-family: nunitoblack;
    width: 100%;
    max-width: 140px;
    display: block;
    margin: 0 auto 5px
}

.setting-modal .modal-content .group-btn .btn-modal:hover, .setting-modal .modal-content .group-btn .btn-modal:focus {
    background-color: #20599e;
    color: #fff
}

.setting-modal .modal-content button.close {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #fff;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    border: 4px solid #66a859;
    right: -20px;
    top: -20px;
    overflow: hidden;
    position: absolute;
    opacity: 1
}

.setting-modal .modal-content button.close span {
    font-size: 37px;
    font-weight: bolder;
    color: #20599e;
    position: relative;
    top: 0px
}

.modal-backdrop {
    background-color: rgba(50, 50, 50, .3)
}

.modal-backdrop.show {
    opacity: 1
}

.loader {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    z-index: 111
}

.loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.section-white.section-version {
    width: 100%;
    clear: both;
    float: left;
    padding: 18px 0 30px
}

.section-version .vesion-content {
    width: 100%;
    padding-top: 10px;
    float: left
}

.section-version .vesion-content .version-sec {
    width: 100%;
    clear: both;
    padding-bottom: 25px;
    font-size: 15px;
    line-height: 24px
}

.section-version .vesion-content .version-sec p {
    margin-bottom: 9px
}

.section-version .vesion-content .content-body .version-sec {
    padding: 5px 0 20px
}

.section-version .vesion-content .version-sec h4, .section-version .vesion-content .content-body .version-inner-content h4{font-size:21px; font-family: nunitobold; text-decoration:underline;}
.section-version .vesion-content .content-body .version-sec h5{font-size:18px; font-family: nunitobold; }
.section-version .vesion-content .content-body .version-sec ul {
    padding: 0;
    margin: 0
}

.section-version .vesion-content .content-body .version-sec ul li.list-item {
    padding-bottom: 5px;
    padding-left: 17px;
    position: relative
}

.section-version .vesion-content .content-body .version-sec ul li.list-item:before {
    position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #219e41
}

.section-version .vesion-content .content-body .version-sec ul li.list-item ul {
    padding-left: 20px
}

.section-version .vesion-content .content-body .version-inner-content {
    width: 100%;
    padding-bottom: 20px
}

.section-version .vesion-content .content-body .version-inner-content:last-child {
    padding-bottom: 0
}

#videoModel.modal .modal-dialog, #audioModel.modal .modal-dialog{max-width:644px; margin-top: 0; position: absolute; left: 50%; top: 50%; margin: auto;transform: translate(-50%, -50%); width:100%; background:#fff }
#videoModel.modal .modal-body, #audioModel.modal .modal-body{padding:20px; position: relative; background:#fff}
#videoModel.modal .modal-body button.close, #audioModel.modal .modal-body button.close{position:absolute; right:-20px; top:-25px; color:#fff; font-size:30px; opacity:1}
#videoModel.modal .modal-body button.close:focus, #audioModel.modal .modal-body button.close{outline:none; border:0px;}
#videoModel.modal .modal-body #video-ifream{position:relative; width:100%; clear: both; padding-bottom:56%}
#videoModel.modal .modal-body #video-ifream iframe{position:absolute; left: 0; top: 0; width:100%; height:100%; object-fit:cover;}

#audioModel.modal .modal-content{background:none; border: 0px;} 
#audioModel.modal .modal-content audio{width:100%;}
#audioModel.modal .modal-content audio:focus{outline:none; border:0px;}
.btn.close-btn{font-size:20px; padding:9px 10px; min-width: 123px; border-width:2px;}

/* Audio list css */
.section-auido-list{width:100%; background: #4ac65e; padding:20px 15px; margin-top:15px}
.section-auido-list ul.section-auido-list{padding:0; margin:0; background:#fff; counter-reset: my-awesome-counter;}
.section-auido-list ul.section-auido-list li a.audio-link{font-size:13px; color:#4ac65e; padding: 5px 5px 5px 25px; line-height:20px; position:relative; counter-increment: my-awesome-counter; display: block; border-bottom: 1px solid #bbbbbb}
.section-auido-list ul.section-auido-list li a.audio-link:hover, .section-auido-list ul.section-auido-list li a.audio-link:focus, .section-auido-list ul.section-auido-list li.active a{ background:#70de70; color:#fff;border-bottom-color:#fff}
.section-auido-list ul.section-auido-list li a.audio-link:before{position:absolute; content: counter(my-awesome-counter) ". "; font-size:12px; color:#4ac65e; left:8px; top:5px;}
.section-auido-list ul.section-auido-list li a.audio-link:hover:before, .section-auido-list ul.section-auido-list li.active a:before{color: #fff}
.section-auido-list ul.section-auido-list li:last-child a{border-bottom:0px;}

#audioModel.modal{margin:0}
#audioModel.modal .modal-dialog{left: 0; top: 0; margin: auto; transform: translate(0%); right: 0; bottom: 0; background:none; padding:15px}
#audioModel.modal .modal-content{background:#fff}
#audioModel.modal .modal-content .modal-header .modal-title{padding-bottom:0px}
#audioModel.modal .modal-content .add-bottom{margin-bottom:0px !important}
#audioModel.modal .modal-content #plwrap ul{margin-bottom:0px}
#audioModel.modal .modal-content #nowPlay span#npTitle{padding: 12px 21px}
#audioModel.modal .modal-content .plyr--audio .plyr__controls{padding: 14px 20px 14px 13px;}
#audioModel.modal .modal-content #tracks a{margin-bottom:20px}

/*preloader*/
.right-filter .content-body .content-body-loader{width:100%; position: relative;}
.right-filter .content-body .content-body-loader img{width:100%}
#preloader {
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99;
  margin:auto;
}

#status {
  width:30px;
  height:30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background-repeat: no-repeat;
  background-position: center;
  border: 4px solid #219e41;
  animation: loader 3s infinite ease;
}

/*Start Eye Icon on Password Field Css*/
.password-container {
    position: relative;
}

.password-toggle i{
    color:unset !important;
}
.password-input-container {
    display: flex;
    align-items: center;
    position: relative;
}

#password {
    flex: 1;
    padding-right: 35px; /* Adjust this value as needed */
}

.field-img {
    margin-right: 10px; /* Adjust this value as needed */
}

.password-toggle {
    position: absolute;
    top: 69%;
    right: 43px;
    transform: translateY(-50%);
    cursor: pointer;
}

.user-password-toggle{
    top: 50% !important;
    right: 13px !important;
}

.reset-password-toggle{
    top: 52% !important;
}
/* Media query for mobile screens */
@media (max-width: 768px) {
    .password-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .admin-password-toggle #eye-icon {
        position: relative;
        margin-top: 34px;
        right: 0;
    }
}

/*End Eye Icon on Password Field Css*/

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}


@media only screen and (max-width:991px) {
    body {
        padding-top: 111px
    }
    .header .main-header .header-logo img {
        max-width: 440px
    }
    .section-form {
        margin-top: 20%
    }
    .header {
        padding: 10px 0 36px
    }
    .sec-title p.title-desc, .sec-title h2.title-desc {
        font-size: 20px;
        line-height: 27px
    }
    .section-content .left-sidebar,
    .section-content .right-filter {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .sec-thumbnails .thumbnails-content .thumb-box {
        width: 25%
    }
    .section-content .right-filter .content-body{padding-left:0px}
}

@media only screen and (max-width:767px) {
    body {
        padding-top: 97px
    }
    .header {
        padding: 10px 0 32px
    }
    .section-footer .foot-box {
        width: 35%
    }
    .section-footer .foot-links {
        width: 30%
    }
    .section-content .left-sidebar {
        padding-bottom: 30px
    }
    .section-form.section-singup .form-content .form-logo {
        top: -40px;
        left: -4%
    }
    h1, .register-form h1 {
        font-size: 28px;
        line-height: 38px
    }
    body {
        font-size: 16px !important
    }
    .btn {
        min-width: 150px;
        padding: 10px 20px;
        font-size: 18px
    }
    .header .main-header .header-right .right-hdr-btn img {
        max-width: 40px
    }
    .header .main-header .header-right .right-hdr-btn a.setting-btn{outline:1px solid #000 !important}
    .sec-title p.title-desc, .sec-title h2.title-desc {
        font-size: 17px;
        line-height: 23px
    }
    .sec-thumbnails .thumbnails-content .thumb-box {
        width: 33%
    }
    .right-filter .filter-box{width:50%}

    .right-filter .filter-box .box-info .box-img {width: 100% !important;height: 331px !important;}
    .right-filter .filter-box.report-card .report-card-body p.pdf-title {padding-top: 12px !important;}

    #videoModel.modal .modal-body button.close, #audioModel.modal .modal-body button.close{right:0; top:-31px;}
    #videoModel.modal .modal-body, #audioModel.modal .modal-body{padding:5px;}
    .right-filter .program-box{width:33.33%}
}

@media only screen and (max-width:599px) {
    body {
        padding-top: 71px
    }
    .header {
        padding: 10px 0 23px
    }
    .header .main-header .header-logo img {
        max-width: 300px
    }
    .header .main-header .header-right .right-hdr-btn img {
        max-width: 30px
    }
    .sec-title {
        text-align: center
    }
    .sec-title p.title-desc br, .sec-title h2.title-desc br {
        display: none
    }
    .section-content .list-icon {
        display: none
    }
    .section-footer .foot-box {
        width: 100% !important;
        text-align: center;
        padding-right: 0
    }
    .section-footer .foot-box.copy-box,
    .section-footer .foot-logo {
        padding-top: 0
    }
    .section-footer .foot-links {
        padding: 20px 0;
        border-left: 0
    }
    .section-form.section-singup .create-form .form-group label {
        width: 100%;
        clear: both;
        text-align: left;
        padding-right: 0
    }
    .section-form.section-singup .create-form .form-group .form-control {
        width: 100%
    }

    .section-form.section-singup .create-form .form-group.select-field:before {
        top: 42px
    }
    .section-form .form-content .form-logo img {
        max-width: 98px
    }
    .section-form.section-singup .form-content .form-logo {
        top: -50px;
        left: 50%;
        transform: translateX(-50%)
    }
    .section-form .form-content .form-logo {
        width: 110px;
        height: 110px;
        top: -60px
    }
    .section-form.section-singup .create-form .submit-btn {
        max-width: 100%
    }
    .section-form.section-singup {
        margin-top: 25%
    }
    .section-form .form-content {
        padding-top: 50px
    }
    .section-form.section-singup .form-content .form-title {
        margin-right: 0;
        max-width: 100%;
        float: none
    }
    .section-form.section-singup .form-content {
        padding: 68px 20px 17px
    }
    .form-control,
    .section-form.section-singup .create-form .form-control {
        font-size: 16px
    }
    .section-form .form-content .or-text:after,
    .section-form .form-content .or-text:before {
        width: 80px
    }
    .section-form.section-login .form-content .forgot-password a {
        font-size: 15px;
        line-height: 17px
    }
    .sec-thumbnails .thumbnails-content .thumb-box {
        width: 50%
    }
    .section-white {
        padding: 40px 0
    }
    
    h3 {
        font-size: 24px
    }
    h4 {
        font-size: 21px
    }
    h5 {
        font-size: 18px
    }
    .right-filter .filter-box{width:100%}

    .right-filter .filter-box.report-card {width: 100% !important;}
    .right-filter .filter-box .box-info .box-img {width: 100% !important;height: 331px !important;}
    .right-filter .filter-box.report-card .report-card-body p.pdf-title {padding-top: 12px !important;}

    .right-filter .program-box{width:50%}
    .right-filter .content-body .Library-listing .alert-warning .suggest-text{text-align:center; padding-top:0px; padding-bottom:10px; float:none;}
    .right-filter .content-body .Library-listing .alert-warning{text-align:center;}
    .right-filter .content-body .Library-listing .alert-warning #suggest_addtocart{float:none; text-align:center;}
    .section-form.section-login .form-content .form-remember{padding-bottom:12px}
    .section-form .form-content .sign-box a{padding: 6px 10px; font-size:14px; max-width: 194px; line-height: 26px;}
    .section-form .form-content .sign-box a span{font-size:32px; padding-right: 8px; margin-right: 8px; line-height: 30px; height: 26px;}
}

@media only screen and (max-width:479px) {
    body {
        padding-top: 52px
    }
    h2 {
        font-size: 24px
    }
    .header {
        padding: 6px 0 17px
    }
    .header .main-header .header-right .right-hdr-btn {
        padding-bottom: 2px
    }
    .sec-title p.title-desc, .sec-title h2.title-desc {
        font-size: 15px;
        line-height: 22px
    }
    .header .main-header .header-logo img {
        max-width: 200px
    }
    .header .main-header .header-right .right-hdr-btn img {
        max-width: 25px
    }
    .setting-modal.modal-dialog {
        max-width: 280px !important
    }
    .section-form {
        margin-top: 30%
    }
    .section-form .form-content {
        padding-left: 20px;
        padding-right: 20px
    }
    h1, .register-form h1 {
        font-size: 24px;
        line-height: 32px
    }
    .section-form.section-singup .form-content .form-title {
        padding-bottom: 14px
    }
    .section-form .form-content .sign-box img {
        max-width: 200px
    }
}
.header-right .language-dropdown{
  padding: 20px 15px;
  border-radius: 15px;
  border: 4px solid rgb(102, 168, 89);
  /*text-align: center;*/
  color: #20599e;
  font-family: nunitoblack;
  background-color: #b4d797;
}
.header-right .language-dropdown li a{
    transition: 0.4s;
}
.header-right .language-dropdown li a:hover{
    color:white;
}

/* report page css code start */
.right-filter .filter-box.report-card {
    width: 50%;
}

.right-filter .filter-box.report-card .box-info .box-img {
    width: 150px;
    height: 150px;
}

.right-filter .filter-box.report-card .report-card-body p.pdf-title {
    font-size: 20px;
    text-align: start;
    padding-top: 0px;
}
.right-filter .filter-box.report-card .report-card-body p.date-title {
    text-align: start;
    font-size: 14px;
    padding-top: 8px;
    color: #777;
}
.btn-expert {
    font-size: 14px !important;
    text-align: center;
    margin: 0px;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,0.1) !important;
    border: 0px;
    padding: 6px 10px 4px;
    color: #fff;
    text-decoration: none !important;
    background-color: #4ac65e;
    position: relative;
    overflow: hidden;
    border-radius: 0.25rem;
    line-height: 22px;
  z-index: 1;
}

.btn-expert:hover, .btn-expert:focus, .btn-expert:active{
    color: #fff;
}

.btn-expert:hover::before, .btn-expert:focus::before {
  left: 0;
  color: #fff;
}

.btn-expert::before {
  position: absolute;
  content: '';
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #201f30;
  -moz-transition: all .4s linear;
  -webkit-transition: all .4s linear;
  z-index: -1;
}
/* report page css code over */