@font-face {
    font-family: 'Muli-Italic';
    src: url('../fonts/Muli-Italic.eot');
    src: url('../fonts/Muli-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-Italic.woff2') format('woff2'), url('../fonts/Muli-Italic.woff') format('woff'), url('../fonts/Muli-Italic.ttf') format('truetype'), url('../fonts/Muli-Italic.svg#Muli-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muli-LightItalic';
    src: url('../fonts/Muli-LightItalic.eot');
    src: url('../fonts/Muli-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-LightItalic.woff2') format('woff2'), url('../fonts/Muli-LightItalic.woff') format('woff'), url('../fonts/Muli-LightItalic.ttf') format('truetype'), url('../fonts/Muli-LightItalic.svg#Muli-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muli-Bold';
    src: url('../fonts/Muli-Bold.eot');
    src: url('../fonts/Muli-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-Bold.woff2') format('woff2'), url('../fonts/Muli-Bold.woff') format('woff'), url('../fonts/Muli-Bold.ttf') format('truetype'), url('../fonts/Muli-Bold.svg#Muli-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli.eot');
    src: url('../fonts/Muli.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli.woff2') format('woff2'), url('../fonts/Muli.woff') format('woff'), url('../fonts/Muli.ttf') format('truetype'), url('../fonts/Muli.svg#Muli') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muli-Light';
    src: url('../fonts/Muli-Light.eot');
    src: url('../fonts/Muli-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-Light.woff2') format('woff2'), url('../fonts/Muli-Light.woff') format('woff'), url('../fonts/Muli-Light.ttf') format('truetype'), url('../fonts/Muli-Light.svg#Muli-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muli-BoldItalic';
    src: url('../fonts/Muli-BoldItalic.eot');
    src: url('../fonts/Muli-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-BoldItalic.woff2') format('woff2'), url('../fonts/Muli-BoldItalic.woff') format('woff'), url('../fonts/Muli-BoldItalic.ttf') format('truetype'), url('../fonts/Muli-BoldItalic.svg#Muli-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muli-ExtraLight';
    src: url('../fonts/Muli-ExtraLight.eot');
    src: url('../fonts/Muli-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-ExtraLight.woff2') format('woff2'), url('../fonts/Muli-ExtraLight.woff') format('woff'), url('../fonts/Muli-ExtraLight.ttf') format('truetype'), url('../fonts/Muli-ExtraLight.svg#Muli-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muli-ExtraLightItalic';
    src: url('../fonts/Muli-ExtraLightItalic.eot');
    src: url('../fonts/Muli-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Muli-ExtraLightItalic.woff') format('woff'), url('../fonts/Muli-ExtraLightItalic.ttf') format('truetype'), url('../fonts/Muli-ExtraLightItalic.svg#Muli-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muli-SemiBold';
    src: url('../fonts/Muli-SemiBold.eot');
    src: url('../fonts/Muli-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-SemiBold.woff2') format('woff2'), url('../fonts/Muli-SemiBold.woff') format('woff'), url('../fonts/Muli-SemiBold.ttf') format('truetype'), url('../fonts/Muli-SemiBold.svg#Muli-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muli-Semi-BoldItalic';
    src: url('../fonts/Muli-Semi-BoldItalic.eot');
    src: url('../fonts/Muli-Semi-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli-Semi-BoldItalic.woff2') format('woff2'), url('../fonts/Muli-Semi-BoldItalic.woff') format('woff'), url('../fonts/Muli-Semi-BoldItalic.ttf') format('truetype'), url('../fonts/Muli-Semi-BoldItalic.svg#Muli-Semi-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('fonts/Poppins-SemiBold.eot');
    src: url('fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-SemiBold.woff2') format('woff2'), url('fonts/Poppins-SemiBold.woff') format('woff'), url('fonts/Poppins-SemiBold.ttf') format('truetype'), url('fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Light';
    src: url('fonts/Poppins-Light.eot');
    src: url('fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Light.woff2') format('woff2'), url('fonts/Poppins-Light.woff') format('woff'), url('fonts/Poppins-Light.ttf') format('truetype'), url('fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('fonts/Poppins-Regular.eot');
    src: url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Regular.woff2') format('woff2'), url('fonts/Poppins-Regular.woff') format('woff'), url('fonts/Poppins-Regular.ttf') format('truetype'), url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('fonts/Poppins-ExtraBold.eot');
    src: url('fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-ExtraBold.woff2') format('woff2'), url('fonts/Poppins-ExtraBold.woff') format('woff'), url('fonts/Poppins-ExtraBold.ttf') format('truetype'), url('fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Italic';
    src: url('fonts/Poppins-Italic.eot');
    src: url('fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Italic.woff2') format('woff2'), url('fonts/Poppins-Italic.woff') format('woff'), url('fonts/Poppins-Italic.ttf') format('truetype'), url('fonts/Poppins-Italic.svg#Poppins-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins-Thin';
    src: url('fonts/Poppins-Thin.eot');
    src: url('fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Thin.woff2') format('woff2'), url('fonts/Poppins-Thin.woff') format('woff'), url('fonts/Poppins-Thin.ttf') format('truetype'), url('fonts/Poppins-Thin.svg#Poppins-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('fonts/Poppins-Medium.eot');
    src: url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Medium.woff2') format('woff2'), url('fonts/Poppins-Medium.woff') format('woff'), url('fonts/Poppins-Medium.ttf') format('truetype'), url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('fonts/Poppins-Bold.eot');
    src: url('fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Bold.woff2') format('woff2'), url('fonts/Poppins-Bold.woff') format('woff'), url('fonts/Poppins-Bold.ttf') format('truetype'), url('fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Black';
    src: url('fonts/Poppins-Black.eot');
    src: url('fonts/Poppins-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Black.woff2') format('woff2'), url('fonts/Poppins-Black.woff') format('woff'), url('fonts/Poppins-Black.ttf') format('truetype'), url('fonts/Poppins-Black.svg#Poppins-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

body {
    font-family: 'Poppins-Regular';
    margin: 0px;
    padding: 0px;
}

li {
    list-style-type: none !important;
}

ol li {
    list-style-type: unset !important;
}

img {
    max-width: 100%;
}

input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
input[type="tel"],
textarea,
.input-checkbox {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
    line-height: normal;
}

input:focus {
    outline: 0;
}

textarea:focus {
    outline: 0;
}

button:focus {
    outline: 0;
}

a {
    cursor: pointer;
    text-decoration: none !important;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

a:focus {
    text-decoration: none;
    outline: 0;
}

.TC {
    text-align: center;
}

.TL {
    text-align: left;
}

.TR {
    text-align: right;
}

.margin_auto {
    margin: auto;
    float: none;
}

.padding {
    padding: 0;
}

.pr {
    padding-right: 0px;
}

.pl {
    padding-left: 0px;
}

.al {
    width: 100%;
    height: 100%;
    display: table;
}

.alm {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

#sitemain {
    width: 100%;
}

.container {
    max-width: 1280px;
    margin: auto;
}

.bck-clr-002333 {
    background-color: #002333;
}

.bck-clr-0058a8 {
    background-color: #0058a8;
}

.bck-clr-f6f6f6 {
    background-color: #f6f6f6;
}

.bck-clr-f7f7f7 {
    background-color: #f7f7f7;
}

.bck-clr-f1f1f1 {
    background-color: #f1f1f1;
}

.btn {
    display: inline-block;
    border-radius: 5px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}


/*header*/

i.fas.fa-phone {
    transform: rotate(90deg);
}

.header-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0px;
}

.header-main-sec {
    width: calc(100% - 40px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px auto;
    padding-left: 16px;
    justify-content: space-between;
}

.header-width-sec {
    width: 33.33%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-width-btn {
    width: 66.67%;
}

.header-width-btn ul li a.btn.challenge {
    width: 100%;
    color: #ffffff;
    padding: 0px 20px;
    background-color: transparent;
    border: 2px solid #009ae0!important;
    line-height: 34px;
}

.header-width-btn ul li a.btn.details {
    background-color: #009ae0;
    border: 2px solid #009ae0;
    color: #fff;
    line-height: 34px;
    padding: 0px 20px;
    width: 100%;
}

.header-logo-sec {
    width: auto;
    max-width: 190px;
    display: flex;
    flex-wrap: wrap;
    margin-right: 45px;
}

.header-logo-sec img {
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0px;
}

.search-box-sec {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.search-box-sec button.submit-search-btn {
    width: 30px;
    height: 50px;
    line-height: 50px;
    border: none;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0px;
    padding-left: 10px;
}

.search-box-sec input[type="search"] {
    display: inline-block;
    width: 440px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    color: #606060;
    font-size: 16px;
    font-family: 'Poppins-Light';
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none;
    padding: 6px 12px;
}

.search-box-sec input[type="search"]::placeholder {
    color: #606060;
}

.header-txt-sec {
    position: relative;
}

.header-txt-sec,
.header-icon-sec,
.header-account-btn-sec {
    width: auto;
    display: flex;
    flex-wrap: wrap;
}

.header-main-sec p {
    width: auto;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Poppins-Medium';
    color: #ffffff;
    text-transform: initial;
}

.header-icon-sec ul,
.header-account-btn-sec ul {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
}

a.cart-products-count .pos-cart-products-count {
    display: inline-block;
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    background-color: #d7242b;
    color: #fff;
    font-size: 13px;
    font-family: 'Poppins-Medium';
    border-radius: 3px;
}

.header-account-btn-sec ul li {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 16px;
}

.header-account-btn-sec ul li a.btn {
    width: 100px;
    height: 39px;
    padding: 0px;
    font-size: 17px;
    font-family: 'Poppins-Medium';
    text-align: center;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.header-account-btn-sec ul li a.btn.login {
    color: #ffffff;
    background-color: transparent;
    border: 2px solid #fff;
    line-height: 34px;
}

.header-account-btn-sec ul li a.btn.login:hover {
    background-color: #009ae0;
    border-color: #009ae0;
}

.header-account-btn-sec ul li a.btn.signup {
    background-color: #009ae0;
    border: 2px solid #009ae0;
    color: #fff;
    line-height: 34px;
}

.header-account-btn-sec ul li a.btn.signup:hover {
    background-color: transparent;
    border-color: #ffffff;
}

.header-main-sec .header-width-sec:last-child,
.header-main-sec .menu-rught-block {
    justify-content: flex-end !important;
}

.header-icon-sec ul li {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px 27px 0 24px;
}

.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
    width: 100%;
}

.custom-select-wrapper select {
    display: none;
}

.custom-select-option {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0px 30px 0 25px;
    font-size: 18px;
    font-family: 'Poppins-Medium';
    font-weight: 500;
    color: #fff;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    border: none;
    background-image: url(../images/icon1.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 3% 50%;
}

.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    top: 50%;
    right: 10px;
    margin-top: -1px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}

.custom-select-option.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 10px 0;
    border: 1px solid #dadbdd;
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: none;
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}

.custom-select-option.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 10px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #dadbdd;
    border-left: 1px solid #dadbdd;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}

.option-hover:before {
    background-color: #002333;
}

.custom-option {
    position: relative;
    display: block;
    padding: 8px 12px;
    border-bottom: 1px solid #dadbdd;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    font-weight: 500;
    color: #002333;
    line-height: 18px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.custom-option:first-of-type {
    border-radius: 6px 6px 0 0;
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 6px 6px;
}

.custom-option:hover,
.custom-option.selection {
    background-color: #002333;
    color: #fff;
}

.custom-select-option.opened .custom-options {
    z-index: 9998;
}


/*header*/


/*footer*/

.ftr-main-sec {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 86px 0px 56px;
}

.ftr-main-sec-cnt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.ftr-txt-link-sec,
.ftr-cpy-cnt-sec {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.ftr-cpy-cnt-sec {
    border-top: 2px solid #244f63;
    padding-top: 40px;
    margin-top: 20px;
    position: relative;
}

.ftr-logo-txt-sec {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    justify-content: center;
    /*padding-bottom: 60px;*/
}

.ftr-logo-txt-sec img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0px auto;
    object-fit: contain;
    margin-bottom: 22px;
}

.ftr-logo-txt-sec p {
    width: 80%;
    margin: 0px auto;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Poppins-Regular';
    color: #fff;
    text-align: center;
    text-transform: initial;
}

.ftr-link-sec {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
}

.ftr-link-sec h5 {
    width: 100%;
    font-size: 22px;
    line-height: 24px;
    font-family: 'Poppins-SemiBold';
    color: #fff;
    text-align: left;
    text-transform: initial;
    padding-bottom: 25px;
}

.ftr-link-sec ul,
.ftr-link-sec ul.simple-links,
.ftr-link-sec ul.simple-img-links {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    padding: 0px;
    margin: 0px;
}

.ftr-link-sec ul li,
.ftr-link-sec ul.simple-links li {
    width: 100%;
    margin-bottom: 13px;
}

.ftr-link-sec ul.simple-img-links li {
    width: 100%;
    margin-bottom: 7px;
}

.ftr-link-sec ul li:last-child {
    margin-bottom: 0px;
}

.ftr-link-sec ul li a,
.ftr-link-sec ul.simple-links li a {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Poppins-Regular';
    color: #fff;
    text-align: left;
    text-transform: initial;
    font-weight: 300;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.ftr-link-sec ul li a .links-icon {
    width: 11%;
    display: flex;
}

.ftr-link-sec ul li a .links-txt {
    width: calc(100% - 11%);
    display: flex;
    padding-left: 10px;
}

.ftr-link-sec ul li a:hover {
    color: #009ae0;
}

.ftr-link-sec a.btn.ftr-btn {
    width: 200px;
    height: 60px;
    line-height: 58px;
    border: 1px solid #009ae0;
    padding: 0;
    text-align: center;
    text-transform: initial;
    color: #fff;
    background-color: transparent;
    margin-top: 18px;
    font-size: 16px;
    font-family: 'Poppins-Bold';
}

.ftr-link-sec a.btn.ftr-btn:hover {
    background-color: #009ae0;
}

.ftr-cpy-cnt-sec p {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Poppins-Regular';
    color: #fff;
    text-align: center;
    text-transform: initial;
}

.ftr-cpy-txt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.ftr-social-icons {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ftr-social-icons ul.social-icons {
    margin-top: -32px;
}

ul.social-icons {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

ul.social-icons li {
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 5px;
}

ul.social-icons li a {
    width: 100%;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

ul.social-icons li a img {
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}


/*footer*/


/*index-page*/

.index-page {
    width: 100%;
}

.font-bold {
    font-weight: bold;
}

.banner-slider-sec-main {
    width: 100%;
}

.banner-slide-one {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0px;
}

.banner-slide-cnt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    align-items: flex-start;
}

.banner-slide-cnt .search-box-sec {
    justify-content: flex-start;
}

.banner-slide-cnt h1 {
    width: 100%;
    font-size: 50px;
    font-family: 'Poppins-SemiBold';
    line-height: 56px;
    color: #002333;
    text-transform: initial;
    padding-bottom: 20px;
}

.banner-slide-cnt h6 {
    width: 100%;
    font-size: 20px;
    font-family: 'Poppins-Regular';
    line-height: 24px;
    color: #002333;
    text-transform: initial;
    font-weight: normal;
    padding-bottom: 38px;
}

.banner-slide-cnt .search-box-sec input[type="search"] {
    background-image: url(../images/search-icon1.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 3% 50%;
    padding-left: 45px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.search-box-sec button.search-btn {
    display: inline-block;
    width: 110px;
    height: 50px;
    line-height: 50px;
    border: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #009ae0;
    color: #fff;
    font-size: 18px;
    font-family: 'Poppins-Medium';
    font-weight: 500;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.search-box-sec button.search-btn:hover {
    background-color: #002333;
}

.banner-slider-sec-main .slick-prev,
.banner-slider-sec-main .slick-next,
.banner-slider-sec-main .slick-next:hover,
.banner-slider-sec-main .slick-next:focus,
.banner-slider-sec-main .slick-prev:hover,
.banner-slider-sec-main .slick-prev:focus {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #ffffff;
    border-radius: 100%;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    z-index: 9;
}

.banner-slider-sec-main .slick-prev,
.banner-slider-sec-main .slick-prev:hover,
.banner-slider-sec-main .slick-prev:focus {
    background-image: url(../images/lft-arw1.png);
    left: 50px;
}

.banner-slider-sec-main .slick-next,
.banner-slider-sec-main .slick-next:hover,
.banner-slider-sec-main .slick-next:focus {
    background-image: url(../images/rit-arw1.png);
    right: 50px;
}

.tab-slider-sec-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 74px 0px 200px;
}

.tab-panel-slider-sec {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tab-panel-slider-sec .nav-link {
    font-size: 20px;
    font-family: 'Poppins-Regular';
    padding: 14px;
}

.tab-content.tab-panel-sec {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 74px;
}

.tab-content.tab-panel-sec .tab-pane {
    width: 100%;
}

.tab-pane-slider-boxes {
    width: 100%;
}

.tab-pane-slider-box-one {
    width: auto;
    margin: 10px 20px;
    /*margin-right: 22px;*/
    box-shadow: 0px 0px 4px 2px rgba(184, 184, 184, 0.2);
    -webkit-box-shadow: 0px 0px 4px 2px rgba(184, 184, 184, 0.2);
    background-color: #fff;
    border-radius: 20px;
    position: relative;
}

.tab-pane-slider-align {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    transition: all 0.5s;
    border-radius: 20px;
    position: relative;
    background-color: #fff;
}

.tab-pane-slider-align:hover {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    margin-top: -5px;
    transition: all 0.3s;
}

.tab-pane-slider-img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.tab-pane-slider-img img {
    max-width: 100%;
    width: 100%;
    height: 215px;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.tab-pane-slider-cnt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    padding: 18px 20px 26px 26px;
}

.tab-pane-slider-cnt h3 {
    width: 100%;
    font-size: 28px;
    line-height: 32px;
    font-family: 'Poppins-SemiBold';
    color: #002333;
    text-align: left;
    text-transform: initial;
    padding-bottom: 4px;
    transition: all 0.3s;
}

.tab-pane-slider-align:hover .tab-pane-slider-cnt h3 {
    color: #009ae0;
}

.tab-pane-slider-cnt p {
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Poppins-Medium';
    color: #475e75;
    text-align: left;
    text-transform: initial;
    padding-bottom: 15px;
}

.tab-pane-slider-cnt h6 {
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Poppins-Medium';
    color: #475e75;
    text-align: left;
    text-transform: initial;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.tab-pane-slider-cnt h5 {
    width: 100%;
    font-size: 22px;
    line-height: 24px;
    font-family: 'Poppins-SemiBold';
    color: #002333;
    text-align: left;
    text-transform: initial;
    padding-bottom: 20px;
}

.tab-pane-slider-cnt h6 img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 27px;
    object-fit: contain;
    margin: 0px;
    margin-right: 3px;
}

.line-through {
    text-decoration: line-through;
}

.tab-pane-slider-cnt h5 .line-through {
    margin-right: 18px;
}

.cnt-space-between {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.cnt-space-between h6 {
    width: auto;
    padding-bottom: 0px;
}

a.btn.days-chn-btn {
    min-width: 92px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #d7242b;
    color: #fff;
    border: none;
    padding: 0;
    border-radius: 10px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

a.btn.days-chn-btn:hover {
    background-color: #002333;
}

.slick-prev:before,
.slick-next:before,
.slick-dots li button:before {
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 0 !important;
    color: transparent !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.tab-panel-slider-sec ul.nav-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: 2px solid #dadbdd;
}

.tab-panel-slider-sec ul.nav-tabs li.nav-item {
    width: 16.66%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tab-panel-slider-sec ul.nav-tabs li.nav-item .nav-link {
    border-radius: 0px;
    border: none;
    width: 100%;
    padding: 0px;
    padding-bottom: 16px;
    font-size: 20px;
    line-height: 22px;
    font-family: 'Poppins-Medium';
    color: #2b2b2b;
    text-transform: initial;
    text-align: center;
    font-weight: 500;
    border-bottom: 5px solid transparent;
}

.tab-panel-slider-sec ul.nav-tabs li.nav-item .nav-link.active {
    border-color: #0f5699;
}

.simple-slider-sec {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 100px 0px 180px;
}

.simple-slider-sec-cnt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
}

.simple-slider-main {
    width: 100%;
}

.tab-pane-slider-boxes .slick-dots,
.simple-slider-main .slick-dots {
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    bottom: -90px;
    left: 0;
    right: 0;
    margin: 0px auto;
}

.tab-pane-slider-boxes .slick-dots li,
.simple-slider-main .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #d1d6dc;
}

.tab-pane-slider-boxes .slick-dots li button,
.simple-slider-main .slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0px;
}

.tab-pane-slider-boxes .slick-dots li.slick-active,
.simple-slider-main .slick-dots li.slick-active {
    width: 40px;
    background-color: #3722d3;
}

.tab-pane-slider-boxes .slick-prev,
.tab-pane-slider-boxes .slick-next,
.tab-pane-slider-boxes .slick-next:hover,
.tab-pane-slider-boxes .slick-next:focus,
.tab-pane-slider-boxes .slick-prev:hover,
.tab-pane-slider-boxes .slick-prev:focus,
.simple-slider-main .slick-prev,
.simple-slider-main .slick-next,
.simple-slider-main .slick-next:hover,
.simple-slider-main .slick-next:focus,
.simple-slider-main .slick-prev:hover,
.banner-slider-sec-main .slick-prev:focus {
    top: unset;
    bottom: -128px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    background-color: #ffffff;
    border-radius: 100%;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    z-index: 9;
}

.tab-pane-slider-boxes .slick-prev,
.tab-pane-slider-boxes .slick-prev:hover,
.tab-pane-slider-boxes .slick-prev:focus,
.simple-slider-main .slick-prev,
.simple-slider-main .slick-prev:hover,
.simple-slider-main .slick-prev:focus {
    background-image: url(../images/lft-arw1.png);
    left: 40%;
}

.tab-pane-slider-boxes .slick-next,
.tab-pane-slider-boxes .slick-next:hover,
.tab-pane-slider-boxes .slick-next:focus,
.simple-slider-main .slick-next,
.simple-slider-main .slick-next:hover,
.simple-slider-main .slick-next:focus {
    background-image: url(../images/rit-arw1.png);
    right: 40%;
}

.title-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    align-items: center;
    padding-bottom: 80px;
}

.title-main h1 {
    width: 100%;
    position: relative;
    font-size: 50px;
    font-family: 'Poppins-Bold';
    line-height: 54px;
    color: #002333;
    text-align: center;
    text-transform: initial;
    padding-bottom: 34px;
    margin-bottom: 26px;
}

.title-main h1:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 146px;
    height: 7px;
    background-color: #d7242b;
    border-radius: 10px;
}

.title-main p {
    width: 100%;
    position: relative;
    font-size: 18px;
    font-family: 'Poppins-Regular';
    line-height: 34px;
    color: #002333;
    text-align: center;
    text-transform: initial;
}

.about-boxes-sec-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 100px 0px;
}

.about-box-one-sec {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 0px 3.92px 0.08px rgba(184, 184, 184, 0.5);
    -webkit-box-shadow: 0px 0px 3.92px 0.08px rgba(184, 184, 184, 0.5);
    background-color: #fff;
    border-radius: 10px;
    padding: 42px 24px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.about-box-one-sec:hover {
    box-shadow: 0px 0px 8px 6px rgba(184, 184, 184, 0.2);
    -webkit-box-shadow: 0px 0px 8px 6px rgba(184, 184, 184, 0.2);
}

.about-box-icon {
    width: 20%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.about-box-icon img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.about-box-txt {
    width: calc(100% - 20%);
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 24px;
}

.about-box-txt h5 {
    width: 100%;
    font-size: 22px;
    font-family: 'Poppins-SemiBold';
    line-height: 24px;
    color: #223d56;
    text-transform: initial;
    padding-bottom: 6px;
}

.about-box-txt p {
    width: 100%;
    font-size: 18px;
    font-family: 'Poppins-Regular';
    line-height: 26px;
    color: #475e75;
    text-transform: initial;
    padding-top: 6px;
}

.about-boxes-sec-main .col-lg-4 {
    padding: 0px 20px;
}


/*index-page*/


/*login-page*/

.login-page {
    width: 100%;
}

.login-signup-form-sec {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0px 55px;
}

.form-cnt-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
}

.form-cnt-main .title-main h1 {
    font-family: 'Poppins-SemiBold';
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.form-cnt-main .title-main h1:before {
    position: unset;
    background-color: transparent;
    width: 0;
    height: 0;
    margin: 0px;
}

.main-form-box {
    width: 556px;
    height: auto;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    padding: 34px 16px;
    border-radius: 10px;
}

.form-inputs,
.form-or-txt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 22px;
}

.form-or-txt {
    margin-bottom: 26px;
}

.main-form-box .form-inputs:last-child {
    margin-bottom: 0px;
}

.form-inputs a.btn.fb-btn,
.form-inputs a.btn.google-btn,
.form-inputs a.btn.apple-btn,
.form-inputs input[type="text"],
.form-inputs input[type="email"],
.form-inputs input[type="submit"],
.form-inputs input[type="password"] {
    width: 90%;
    margin: 0px auto;
    border-radius: 10px;
}

.form-inputs a.btn {
    position: relative;
}

.form-inputs a.btn i {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    right: unset;
    margin: auto;
    line-height: 44px;
    font-size: 20px;
}

.form-inputs a.btn.fb-btn {
    height: 46px;
    line-height: 46px;
    text-align: center;
    text-transform: initial;
    background-color: #4367b2;
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    padding: 0px;
}

.form-inputs a.btn.google-btn {
    height: 46px;
    line-height: 46px;
    text-align: center;
    text-transform: initial;
    background-color: #de4a39;
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    padding: 0px;
}

.form-inputs a.btn.apple-btn {
    height: 46px;
    line-height: 46px;
    text-align: center;
    text-transform: initial;
    background-color: #000000;
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    padding: 0px;
}

.form-inputs input[type="submit"]:hover,
.form-inputs a.btn.fb-btn:hover,
.form-inputs a.btn.google-btn:hover,
.form-inputs a.btn.apple-btn:hover {
    background-color: #002333;
}

.form-or-txt h6 {
    width: 100%;
    font-size: 18px;
    font-family: 'Poppins-SemiBold';
    line-height: 22px;
    color: #002333;
    text-align: center;
    text-transform: initial;
    position: relative;
}

.form-or-txt h6:before,
.form-or-txt h6:after {
    position: absolute;
    content: '';
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
    background-color: #cdcdcd;
    height: 3px;
    width: 40%;
}

.form-or-txt h6:before {
    left: 5%;
}

.form-or-txt h6:after {
    right: 5%;
}

.form-inputs input[type="text"],
.form-inputs input[type="email"],
.form-inputs input[type="password"] {
    height: 49px;
    line-height: 47px;
    border: 1px solid #cdcdcd;
    font-size: 18px;
    font-family: 'Poppins-Regular';
    color: #7e7e7e;
    text-transform: initial;
    background-color: #fff;
    padding: 7px 16px;
}

.form-inputs input[type="text"]::placeholder,
.form-inputs input[type="email"]::placeholder,
.form-inputs input[type="password"]::placeholder {
    color: #7e7e7e;
    text-transform: capitalize;
}

.form-inputs input[type="submit"] {
    border: none;
    background-color: #009ae0;
    color: #fff;
    font-size: 18px;
    font-family: 'Poppins-Bold';
    height: 49px;
    line-height: 49px;
    text-align: center;
    text-transform: initial;
}

.form-inputs .col-md-6:first-child {
    padding-left: 25px;
}

.form-inputs .col-md-6:last-child {
    padding-right: 25px;
}

.form-inputs .custom-control-label::before,
.form-inputs .custom-control-label::after {
    width: 25px;
    height: 25px;
    line-height: 30px;
    border: 1px solid #cdcdcd !important;
    border-radius: 7px !important;
    top: 0;
}

.form-inputs .custom-checkbox .custom-control-label::before {
    background-color: #fff;
    /*border-radius: 3px;
    border: 1px solid #cdcdcd;*/
}

.form-inputs .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(../images/check-mark-icon1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
}

.form-inputs .custom-control-input:checked~.custom-control-label::before {
    background-color: #fff;
    color: #fff;
    border-color: #cdcdcd;
}

.form-inputs .custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: transparent;
    border-color: transparent;
}

.form-inputs .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.form-inputs .custom-control label.custom-control-label {
    width: 100%;
    cursor: pointer;
    line-height: 26px;
    padding-left: 14px;
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #7e7e7e;
    text-transform: initial;
}

.form-inputs .custom-control {
    width: 100%;
    min-height: intrinsic;
    min-height: -moz-max-content;
    min-height: -webkit-max-content;
    min-height: max-content;
}

.form-forgot-pws {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.form-forgot-pws a {
    width: auto;
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #009ae0;
    text-transform: initial;
}

.form-inputs.bck-clr-f1f1f1 {
    padding: 16px;
    border-radius: 10px;
}

.form-inputs p {
    width: 100%;
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #7e7e7e;
    text-align: center;
    text-transform: initial;
}

.form-inputs p a {
    color: #009ae0;
}

.form-forgot-pws a:hover,
.form-inputs p a:hover {
    color: #002333;
}


/*login-page*/


/*signup-page*/

.signup-page {
    width: 100%;
}

.txt-left {
    text-align: left;
}

.form-inputs p.width-90 {
    width: 90%;
    margin: 0px auto;
}

.form-inputs p.txt-left {
    margin-top: 8px;
    text-align: left;
    font-size: 15px;
}

.signup-page .form-inputs.bck-clr-f1f1f1 {
    margin-top: 20px;
}


/*signup-page*/

.challenger-sec .custom-select-trigger:after,
.challenger-sec .custom-options {
    display: none;
}


/***start challenge-details***/

.video-sec {
    margin-top: 20px;
}

.video-cnt p {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 25px;
}

video {
    width: 100%;
    height: auto;
}

.side-bar {
    margin-bottom: 0px;
}

.side-item {
    margin-top: 75px;
}

.counter-section {
    margin-top: 55px;
}

.counter-sec {
    margin-bottom: 30px!important;
    margin-top: 30px!important;
}

.counter-sec .cell {
    padding: 20px!important;
}

.counter-sec .cell h4 {
    padding-top: 0px;
    font-size: 15px!important;
    font-family: 'Muli-Bold';
}

.counter-sec .cell img {
    padding-top: 15px;
}

.counter-section .cell {
    border: 2px solid #f3f3f3;
    border-radius: 5px;
    padding: 10px;
}

.que-cell a {
    font-size: 10px;
    font-family: 'Poppins-Regular';
    text-align: right;
    width: 100%;
    padding-top: 10px;
    color: #475e75;
    position: relative;
}

.que-cell a img {
    padding-top: 0px!important;
    padding-left: 5px;
}

.counter-cnt {
    text-align: left;
    height: 80px;
}

.counter-section h4 {
    font-size: 10px;
    font-family: 'Poppins-Medium';
    padding-top: 10px;
}

.counter-section p span {
    font-family: 'Muli-Bold';
    font-size: 22px;
    padding-top: 15px;
}

.earn-bonus p {
    font-size: 10px;
    font-family: 'Poppins-Regular';
    text-align: center;
    width: 100%;
    padding-top: 3px;
    color: #475e75;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.earn-bonus p:after {
    position: absolute;
    content: '';
    top: 36px;
    width: 100%;
    left: 0px;
    right: 0px;
    border-bottom: 5px solid #f5f5f5;
}

.earn-bonus p img {
    padding-left: 5px;
}


/****/

.accordion-sec {
    margin: 40px 0px;
}

.accordion-sec .accordion {
    width: 100%;
    padding: 0 5px;
    background-color: #3722d3;
    cursor: pointer;
    display: flex;
    margin: 10px 0;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.accordion-sec .panal p a:hover {
    color: red;
}

.accordion-sec .accordion i {
    color: #6db5ff;
    display: none;
}

.accordion-sec .accordion .fa-minus {
    display: none;
}

.accordion-sec .active .fa-minus {
    display: none;
}

.accordion-sec .active .fa-plus {
    display: none;
}

.accordion-sec .accordion h5 {
    font-size: 20px;
    margin: 0;
    color: #fff;
    padding-left: 5px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

.accordion-sec .active i,
.accordion-sec .active h5,
.accordion-sec .accordion:hover i,
.accordion-sec .accordion:hover h5 {
    color: white;
}

.accordion-sec .panal {
    padding: 5px 15px;

    /*font-family: 'Poppins-Regular';*/
    font-family: inherit;

    font-size: 16px;
    text-align: justify;
    overflow: hidden;
    transition: all .5s ease-in;
    max-height: 0;
}

.accordion-sec .panal p {
    color: #475e75!important;
    line-height: 35px;
    padding: 10px 10px;

    border-bottom: 2px solid #80808040;
}

.accordion-sec .panal p a {
    color: #000;
}

.accordion-sec .panal p a img {
    padding-right: 10px;
}

.accordion-sec .panal p span img {
    float: right;
    width: 35px;
    height: 35px;
}

.other-btn {
    margin: 5px 0px;
}

.share-frd {
    margin-bottom: 40px;
}

.share-frd a:first-child {
    margin-right: 28px;
}

.share-frd a {
    color: #fff;
    background-color: #ffaa32;
    font-family: 'Muli-Bold';
    font-size: 18px;
    border-radius: 15px;
    padding: 15px 11px;
}


/*.premium 
{
     margin-top: 60px;
     width: 100%!important;
}
.premium a
{
   
    color: #fff;
    background-color: #009ae0;
    font-family: 'Muli-Bold';
    font-size: 20px;
    border-radius: 15px;
    padding: 18px 70px;
}*/

.video-after-cnt {
    margin-top: 45px;
}

.video-after-cnt h4 {
    border-top: 5px solid #f5f5f5;
    padding: 20px 0px;
    font-size: 24px;
    font-family: 'Muli-Bold';
}

.video-after-cnt p {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 5px solid #f5f5f5;
}

.other-link {
    margin: 20px 0px;
    margin-bottom: 25px;
    padding-bottom: 40px!important;
}

.other-link a {
    font-size: 16px;
    font-family: 'Poppins-Regular';
}

.que-sec p {
    background-color: #3722d3;
    color: #fff;
    padding: 11px 21px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

.que-ans ol li p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    background-color: #fff;
    padding: 18px 10px;
    color: #607387;
}

.submit-tab {
    border-bottom: 5px solid #f5f5f5;
    padding-bottom: 40px;
}

.submit-tab a {
    font-size: 20px;
    font-family: 'Muli-Bold';
    color: #fff;
    background-color: #ffaa32;
    padding: 12px 14px;
}

.panel-tab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

.panel-tab ul.nav-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    border-bottom: 2px solid #dadbdd;
}

.panel-tab ul.nav-tabs li.nav-item {
    width: 13.26%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.panel-tab ul.nav-tabs li.nav-item .nav-link {
    border-radius: 0px;
    border: none;
    width: 100%;
    padding: 0px;
    padding: 20px 0px;
    font-size: 20px;
    line-height: 22px;
    font-family: 'Poppins-Medium';
    color: #2b2b2b;
    text-transform: initial;
    text-align: center;
    font-weight: 500;
    border-bottom: 5px solid transparent;
}

.panel-tab ul.nav-tabs li.nav-item .nav-link.active {
    border-color: #0f5699;
    background-color: #f6f6f6;
}

.panel-row {
    background-color: #f6f6f6;
}

.panal-feature-cnt h6 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 11px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 30px;
}

.panel-description-cnt h6 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 7px;
}

.panel-description-cnt p {
    font-family: 'Poppins-Medium';
    font-size: 16px;
    padding-bottom: 40px;
    border-bottom: 5px solid #f5f5f5;
    color: #607387;
    margin-bottom: 25px;
}

.related-challenge h6 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 30px;
}

.related-challenge-cnt {
    padding-bottom: 40px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 15px;
}

.review {
    display: inline;
    text-align: right;
    width: 100%;
}

.review ul li {
    display: inline-flex;
}

.review ul li img {
    padding-right: 15px;
    width: 33px;
    height: 28px;
    object-fit: contain;
}

.review p {
    padding-right: 30px;
    font-size: 20px;
    font-family: 'Muli-Bold';
}

.free {
    float: right;
}

.free p {
    font-family: 'Muli-Bold';
    font-size: 24px;
    color: #3722d3;
}

.hours {
    margin-top: 15px;
}

.hours a {
    color: #fff;
    background-color: #ffaa32;
    font-family: 'Muli-Bold';
    font-size: 20px;
    padding: 15px 40px;
}

.challenger-name p {
    font-family: 'Muli-Bold';
    font-size: 20px;
}

.challenger-name span {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #607387;
}

.view-more-btn {
    padding-bottom: 15px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 35px;
}

.view-more-btn a {
    font-size: 18px;
    font-family: 'Poppins-Bold';
    color: #3722d3;
}

.about-challenger h6 {
    font-family: 'Poppins-Bold';
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 20px;
}

.about-challenger-main-before {
    display: inline-flex;
    position: relative;
}

.about-challenger-main-before img {
    width: 77px;
    height: 77px;
}

.about-challenger-main-before p {
    padding: 15px 0px;
    margin-left: 30px;
    line-height: 30px;
    font-size: 24px;
    font-family: 'Muli-Bold';
    color: #3722d3;
}

.about-challenger-main-before p span {
    font-size: 18px;
    font-family: 'Muli-Bold';
    color: #3722d3;
}

.about-challenger-main-after {
    text-align: right;
    margin-top: 30px;
}

.about-challenger-main-after ul {
    display: inline;
    border-top: 5px solid #f5f5f5;
    border-bottom: 5px solid #f5f5f5;
    padding: 15px 0px;
}

.about-challenger-main-after ul li {
    display: inline;
}

.about-challenger-main-after ul li img {
    padding-right: 15px;
}

.about-challenger-main-after ul li {
    padding-right: 45px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #607387;
}

.about-challenger-main-after ul li:first-child {
    padding-left: 5px;
}

.about-challenger-main-after ul li:last-child {
    padding-right: 10px;
}

.about-challenger-main {
    padding-bottom: 50px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 35px;
}

.feedback h6 {
    font-size: 28px;
    font-family: 'Poppins-Bold';
    padding-bottom: 25px;
}

.feedback-first h1 {
    font-size: 100px;
    font-family: 'Poppins-Bold';
    color: #0e0e0f;
    line-height: 110px;
    text-align: center;
    padding: 0px 0 5px 0;
}

.rating-line {
    margin-top: 10px;
}

.star-rating {
    text-align: center;
}

.star-rating img {
    padding-bottom: 25px;
}

.Average-rating p {
    padding-bottom: 25px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    text-align: center;
    color: #607387;
}

.feedback-main {
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 30px;
}

.rating-line p {
    width: 100%;
    height: 20px;
    background-color: #f2f4f5;
    margin-bottom: 15px;
}

.rating-line .rating-color {
    width: 100%;
    height: 20px;
    background: linear-gradient(90deg, #9397a1 30%, #f2f4f5 30%);
    margin-bottom: 15px;
}

.five-star {
    line-height: 28px;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}

.five-star span:first-child {
    margin-left: 135px;
}

.five-star span {
    margin-left: 10px;
    font-size: 22px;
    font-family: 'Poppins-Regular';
    color: #607387;
    padding-top: 15px !important;
    margin-top: 20px;
}

.Reviews-main h6 {
    padding: 30px 0px;
    font-family: 'Muli-Bold';
    font-size: 24px;
}

.Reviews-main-cnt {
    display: inline-flex;
    border-bottom: 2px solid #f5f5f5;
    margin-bottom: 25px;
}

.Reviews-main-cnt img {
    width: 44px;
    height: 44px;
}

.user-detail {
    margin-left: 20px;
}

.user-detail p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #3722d3;
    padding-bottom: 10px;
}

.user-detail p span {
    float: right;
}

.user-detail p span img {
    width: 25px;
    height: 25px;
}

.user-detail h6 {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #607387;
    width: 83%;
}

.user-detail h5 {
    color: #898f94;
    font-size: 16px;
    font-family: 'Poppins-Regular';
    padding-top: 10px;
    padding-bottom: 25px;
}

.Reviews-main-cnt:last-child {
    margin-bottom: 110px;
}


/**popup*/

.modal-content {
    border-radius: 20px;
    width: 927px;
    left: 50%;
    transform: translate(-50%, 20%);
    position: relative;
}

.modal-header {
    padding: 40px 50px 40px;
    border-bottom: none;
}

.modal-header:after {
    content: '';
    position: absolute;
    top: 30%;
    left: 5%;
    width: 90%;
    border-bottom: 2px solid #8f8f8f2e;
}

.modal-header h5 {
    font-family: 'Muli-Bold';
    font-size: 38px;
}

.modal-header .close {
    padding: 2rem 13px 1rem 0;
}

.close span {
    font-size: 40px;
}

.modal-header button span {
    color: #000!important;
}

.modal-body {
    padding: 0px 50px;
    margin-top: 40px;
    margin-bottom: 50px;
    border-bottom: none!important;
}

.modal-body form input {
    width: auto;
    flex: 1;
    border-radius: 30px;
    background-color: #e9e9e9;
    padding: 25px 40px;
    border: none;
}

.modal-body button {
    border-radius: 30px;
    background-color: #ffaa32;
    padding: 18px 40px;
    border: none;
    margin-left: 22px;
    font-family: 'Muli-Bold';
    font-size: 24px;
    color: #fff;
    width: 150px;
}

.modal-body input::placeholder {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #5d7184;
}

.modal-footer {
    border-top: none;
    padding: 0px 50px;
    justify-content: left;
}

.modal-footer a {
    margin-bottom: 100px;
}

.modal-footer a img {
    width: 50px;
    margin-right: 5px;
    height: 50px;
}


/****/

.single-btn {
    width: 100%;
    margin: 25px 0px;
}

.single-btn a {
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins-Regular';
    background-color: #ffaa32;
    border-radius: 50px;
    padding: 15px 170px;
    text-align: center;
}

.single-btn-before p:after {
    top: 200px;
}

.challenge-cnt p {
    font-family: 'Muli-Bold';
    font-size: 24px;
}

.day-challenge p {
    font-family: 'Muli-Bold';
    font-size: 24px;
    color: #3722d3;
    padding-top: 10px;
    padding-bottom: 20px;
}

.day-challenge-after p:after {
    position: absolute;
    content: '';
    top: 227px;
    width: 93%;
    left: 16px;
    right: 0px;
    border-bottom: 5px solid #f5f5f5;
}

.new-header-cnt {
    width: 25%;
}

.account-main .dropdown button {
    color: #fff;
    border: none;
    padding-right: 0;
    font-size: 18px;
}

.account-main .dropdown button:after {
    display: inline-block;
    margin-left: 9px;
    vertical-align: 0;
    content: "";
    border-top: 9px solid;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 6px solid transparent;
}

.account-main .dropdown button:focus {
    outline: none;
    box-shadow: none;
}

.new-header-cnt-before {
    width: 29.33%;
}

.new-header-cnt-after {
    justify-content: flex-start!important;
    width: 45%;
}

.new-header-cnt-after .header-main-sec p {
    padding: 0px 10px;
}

.challenge-header-main {
    background-color: #f6f6f6;
}

.challenge-header-main-mame h6 {
    font-size: 36px;
    font-family: 'Poppins-SemiBold';
    padding: 23px 0px;
}

.like-btn a img {
    width: 23px;
}

.my-challenges-btn a {
    font-family: 'Poppins-Medium';
    font-size: 18px;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #009ae0;
    padding: 7px 14px;
    margin-left: 10px;
}

.like-btn {
    margin-left: 35px;
    margin-right: 25px;
}

.new-logo-sec {
    margin-right: 20px;
}

.new-header-cnt-before .search-box-sec input[type="search"] {
    flex: 1;
}

.new-tab-cnt {
    margin-bottom: 50px;
    margin-top: 50px!important;
}

.new-tab-sec-main .tab-panel-slider-sec ul.nav-tabs {
    justify-content: left;
}

.new-tab-sec-main {
    padding: 0 0px 0px;
}

.new-tab-sec-main .tab-panel-slider-sec ul.nav-tabs li.nav-item .nav-link {
    padding-bottom: 38px;
    text-align: left;
}

.filter-tab-all {
    width: 100%;
    margin-top: 22px;
    display: flex;
}

.filter-tab-all-first p {
    font-size: 17px;
    font-family: 'Poppins-Regular';
    padding-right: 30px;
    margin: 15px 0px;
}

.filter-tab-all .dropdown button {
    background-color: #f6f6f6;
    padding: 20px;
    font-family: 'Poppins-Regular';
    font-size: 17px;
    border-radius: 0px;
    min-width: 248px;
    text-align: left;
    background-image: url(../images/angle-down.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 94% 50%;
}

.filter-tab-all .dropdown button:after {
    display: none;
}

.search-challenge form.example input[type=text] {
    padding: 20px;
    font-size: 17px;
    font-family: 'Poppins-Regular';
    border: none;
    float: left;
    width: 450px;
    background: #f1f1f1;
}

.search-challenge form.example input[type=text]::placeholder {
    color: #000!important;
}

.search-challenge form.example button {
    padding: 20px;
    background: #f1f1f1;
    color: #000;
    font-size: 17px;
    border: none;
    border-left: none;
    cursor: pointer;
}

.search-challenge form.example button:hover {
    background: #0b7dda;
}

.search-challenge form.example::after {
    content: "";
    clear: both;
    display: table;
}

.search-challenge {
    width: 100%;
}

.filter-tab-all-first {
    width: 12%;
}

.filter-tab-all .search-challenge form {
    float: right;
}

.new-header-cnt-after .header-txt-sec p {
    padding: 0px 29px 0 9px;
}

.filter-tab-all .dropdown button:focus {
    outline: none;
    box-shadow: none!important;
}

.new-tab-cnt .tab-pane-slider-cnt h5 {
    font-family: 'Poppins-Medium';
    font-size: 16px;
    color: #475e75;
    padding-bottom: 0px;
    margin-bottom: 18px;
}

.new-tab-cnt .tab-pane-slider-cnt .day-btn a {
    color: #fff;
    background-color: #d7242b;
    padding: 10px 15px;
    border-radius: 10px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

.new-tab-cnt .tab-pane-slider-cnt .day-btn {
    margin-bottom: 10px;
    padding-bottom: 45px;
    border-bottom: 2px solid #80808045;
}

.new-tab-cnt .tab-pane-slider-cnt .custom-btn {
    padding-bottom: 35px;
    margin-bottom: 0;
}

.new-tab-cnt .tab-pane-slider-cnt .second-day-btn {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0;
}

.new-tab-cnt .tab-pane-slider-cnt .second-day-btn a {
    background-color: #ffaa32;
    border-bottom: none;
}

.new-tab-cnt .tab-pane-slider-cnt .day-btn a i {
    padding-top: 9px;
    padding-left: 20px;
}

.new-tab-cnt .cnt-space-between h6 {
    font-size: 14px;
    font-family: 'Poppins-Medium';
    margin-bottom: 45px;
}

.new-tab-cnt .start-your-challenge {
    width: 100%;
    margin-top: 30px;
}

.new-tab-cnt .current-day-challenge h6 {
    margin-bottom: 15px;
}

.new-tab-cnt .start-your-challenge a {
    background-color: #009ae0;
    color: #fff;
    width: 100%;
    padding: 15px 70px;
    font-size: 20px;
    font-family: 'Muli-Bold';
    border-radius: 10px;
}

.new-tab-cnt .progress {
    height: 10px;
    border-radius: 10px;
}

.new-tab-cnt .progress-bar {
    border-radius: 10px;
    border: 2px solid #e9ecef;
    background-color: #ffaa32;
}

.new-tab-cnt .tab-pane-slider-cnt p {
    padding-bottom: 20px;
}

.new-tab-cnt .tab-pane-slider-cnt h6 {
    padding-top: 15px;
}

.new-tab-cnt .tab-pane-slider-cnt .cnt-space-between h6 {
    margin-bottom: 10px;
}


/***category page***/

.task-bar-main {
    margin: 30px 0px;
}

.task-bar-main-cnt {
    background-color: #009ae0;
    padding: 30px 20px;
    width: 100%;
    display: inline-flex;
}

.task-bar-main-cnt-before {
    width: 17%;
}

.task-bar-main-cnt .task-bar-main-cnt-before p {
    font-family: 'Poppins-Medium';
    font-size: 16px;
    color: #fff;
    margin-right: 10px;
}

.filter-btn {
    width: 55%;
}

.filter-btn a {
    background-color: #d7242b;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    transition: all 0.5s;
}

.filter-btn a img {
    padding-left: 10px;
    transition: all 0.5s;
}

.cycle-btn a {
    background-color: #d7242b;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-left: 15px;
}

.task-bar-main-cnt-after {
    display: inline-flex;
    width: 28%;
    justify-content: flex-end;
}

.three-line a {
    background-color: #d7242b;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-left: 15px;
}

.tab-last-btn a {
    background-color: #d7242b;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-left: 15px;
}

.category-sec {
    background-color: #f6f6f6;
    padding: 35px 25px;
    margin-bottom: 100px;
}

.category-cnt-before .tab-pane-slider-box-one {
    margin: 0px;
}

.category-cnt-before .tab-pane-slider-cnt p span {
    float: right;
}

.category-cnt-before .tab-pane-slider-cnt p span img {
    padding-right: 10px;
}

.category-cnt-before .tab-pane-slider-cnt h3 {
    font-size: 19px;
    font-family: 'Poppins-Bold';
    line-height: 20px;
}

.category-cnt-before .tab-pane-slider-cnt {
    padding-top: 20px;
}

.category-cnt-before .tab-pane-slider-cnt p {
    font-size: 12px;
}

.category-cnt-before .tab-pane-slider-cnt h5 {
    font-size: 15px;
    padding-bottom: 10px;
}

.category-cnt-before .tab-pane-slider-cnt h6 {
    font-size: 12px;
}

.category-cnt-before a.btn.days-chn-btn {
    font-size: 11px;
    padding: 15px;
    width: auto;
    height: auto;
    line-height: 0px;
}

.category-cnt-before .tab-pane-slider-img img {
    height: 145px;
}

.category-cnt {
    margin-bottom: 30px;
}

.category-sec-cnt {
    border-bottom: 1px solid #80808045;
    margin-bottom: 23px;
}

.category-sec-cnt h6 {
    font-size: 20px;
    font-family: 'Poppins-SemiBold';
    padding-bottom: 15px;
}

.price-sec {
    border-bottom: 1px solid #80808045;
    margin-bottom: 23px;
}

.price-sec h6 {
    font-size: 20px;
    font-family: 'Poppins-SemiBold';
    padding-bottom: 15px;
}

.price-sec input[type=checkbox] {
    border-radius: 0px;
    margin-right: 15px;
}

.price-sec label {
    font-size: 14px;
    font-family: 'Poppins-Medium';
}

.price-sec form {
    margin-bottom: 25px;
}

.days-sec {
    border-bottom: 1px solid #80808045;
    margin-bottom: 18px;
}

.days-sec h6 {
    font-size: 20px;
    font-family: 'Poppins-SemiBold';
    padding-bottom: 15px;
}

.days-sec input[type=checkbox] {
    border-radius: 0px;
    margin-right: 15px;
}

.days-sec label {
    font-size: 14px;
    font-family: 'Poppins-Regular';
}

.days-sec form {
    margin-bottom: 25px;
}

.lan-sec {
    border-bottom: 1px solid #80808045;
    margin-bottom: 23px;
}

.lan-sec h6 {
    font-size: 20px;
    font-family: 'Poppins-SemiBold';
    padding-bottom: 15px;
}

.lan-sec input[type=checkbox] {
    border-radius: 0px;
    margin-right: 15px;
}

.lan label {
    font-size: 14px;
    font-family: 'Poppins-Regular';
}

.lan-sec form {
    margin-bottom: 15px;
}


/****/

.ratings-sec {
    margin-bottom: 23px;
}

.ratings-sec h6 {
    font-size: 20px;
    font-family: 'Poppins-SemiBold';
    padding-bottom: 15px;
}

.ratings-sec form {
    margin-bottom: 25px;
}

.ratings-sec .radio-button {
    cursor: pointer;
    padding-right: 25px;
}

.ratings-sec input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.ratings-sec input {
    font-size: 1rem;
    line-height: 1.5;
    padding: 11px 23px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    outline: 0;
    background-color: transparent;
}

.ratings-sec .radio-button__input {
    opacity: 0;
    position: absolute;
}

.ratings-sec .radio-button__control {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 12px;
    vertical-align: middle;
    background-color: inherit;
    color: #017b5f;
    border: 2px solid #a4aab7;
    border-radius: 24px;
}

.ratings-sec .radio-button__input:checked+.radio-button__control:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: #d7242b;
    border-radius: 12px;
}

.ratings-sec form label {
    margin-bottom: 12px;
}

.ratings-sec form label span img {
    padding-right: 5px;
}

.ratings-sec form span {
    font-size: 16px;
    font-family: 'Poppins-Regular';
}

input.largerCheckbox {
    width: 18px;
    height: 18px;
    border-radius: none!important;
}


/*****/

.multi-level nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 1px;
    padding-left: 0px;
}

.multi-level nav ul li a {
    display: block;
    font-size: 14px;
    padding: 6px 0;
    padding-left: 0px;
    color: #464646;
    font-family: 'Poppins-Medium';
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.multi-level nav ul li a:hover {
    color: #515151;
}

.multi-level nav ul li a .fa {
    width: 16px;
    text-align: center;
    margin-right: 5px;
    float: right;
    color: #a4aab7;
}

.multi-level nav ul li ul li a {
    display: flex;
    align-items: center;
    border-left: 4px solid transparent;
    padding: 3px 7px;
    font-size: 14px;
    color: #464646;
    font-family: 'Poppins-Regular';
}

.multi-level nav ul li ul li a input {
    margin-right: 10px;
}

.show-more-btn {
    margin-bottom: 25px;
}

.show-more-btn a {
    font-family: 'Poppins-SemiBold';
    font-size: 14px;
    color: #000;
}

.show-more-btn a:hover {
    color: #009ae0;
}


/***category-list***/

.new-category-list-header {
    background-color: #fff;
}

.new-category-list-header .task-bar-main-cnt-before p {
    color: #000;
}

.new-category-list-header .filter-btn a {
    background-color: #e7e7e7;
    color: #000;
    padding: 10px 20px;
}

.new-category-list-header .filter-btn a:hover {
    background-color: #002333;
    color: #fff;
}

.new-category-list-header .filter-btn a:hover img {
    filter: brightness(0) invert(1);
}

.new-category-list-header .cycle-btn a {
    background-color: #e7e7e7;
    padding: 10px;
}

.new-category-list-header .three-line a {
    background-color: #e7e7e7;
    padding: 10px;
}

.new-category-list-header .tab-last-btn a {
    padding: 10px;
    background-color: #e7e7e7;
}

.new-category-list-header .cycle-btn a img,
.new-category-list-header .three-line a img,
.new-category-list-header .tab-last-btn a img {
    transition: all 0.5s;
}

.new-category-list-header .filter-btn a:hover,
.new-category-list-header .cycle-btn a:hover,
.new-category-list-header .three-line a:hover,
.new-category-list-header .tab-last-btn a:hover {
    background-color: #002333;
    color: #fff;
}

.new-category-list-header .filter-btn a:hover img,
.new-category-list-header .cycle-btn a:hover img,
.new-category-list-header .three-line a:hover img,
.new-category-list-header .tab-last-btn a:hover img {
    filter: brightness(0) invert(1);
}

.new-category-list-header .three-line a.active_list,
.new-category-list-header .tab-last-btn a.active_list {
    background-color: #002333;
    color: #fff;
}

.new-category-list-header .three-line a.active_list img,
.new-category-list-header .tab-last-btn a.active_list img {
    filter: brightness(0) invert(1);
}

.new-category-list-cnt .tab-pane-slider-img img {
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
}

.new-category-list-cnt .tab-pane-slider-cnt {
    padding: 10px 20px 10px 0px;
}

.new-category-list-cnt .tab-pane-slider-cnt h3 {
    padding-bottom: 10px;
}

.new-category-list-cnt .tab-pane-slider-cnt h3 span {
    float: right;
    font-size: 12px;
    font-family: 'Poppins-Regular';
    color: #475e75;
}

.new-category-list-cnt .tab-pane-slider-cnt h3 span img {
    padding-right: 10px;
}

.new-category-list-cnt a.btn.days-chn-btn {
    margin-left: 20px;
}

.new-category-list-cnt .tab-pane-slider-cnt h5 {
    padding-bottom: 0px;
    width: auto;
}

.new-category-list-cnt .tab-pane-slider-cnt h4 {
    font-size: 12px;
    font-family: 'Poppins-Regular';
    color: #475e75;
}

.new-category-list-cnt .cnt-space-between {
    padding-top: 22px;
}

.new-category-list-cnt .new-cnt-list {
    padding-top: 18px;
}

.category-list-sec {
    padding-left: 10px;
    margin-bottom: 25px;
}

.new-p-tag p {
    padding-bottom: 0px!important;
}


/***my-msg****/

.my-msg-page {
    margin-bottom: 45px;
    margin-top: 40px;
}

.my-msg {
    margin-bottom: 80px;
    margin-top: 80px;
}

.my-msg-left {
    background-color: #f8f8f8;
    padding: 15px 15px 15px 20px;
    height: 100%;
}

.my-msg-right {
    background-color: #f0f0f0;
    padding: 30px;
}

.has-search .form-control {
    padding-left: 50px!important;
    border-radius: 50px;
    padding: 25px 0px;
    border: none;
}

.has-search .form-control-feedback {
    position: absolute;
    display: block;
    width: 3.375rem;
    height: 3.375rem;
    line-height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.has-search .form-control-feedback img {
    position: absolute;
    top: 17px;
    left: 19px;
}

.my-msg-left .form-group {
    margin-bottom: 0px;
}

.my-msg-left input:focus {
    outline: none;
    box-shadow: none;
}

.my-msg-left .form-control input::placeholder {
    font-size: 16px;
    font-family: 'Poppins-Light';
}

.chat-left-side {
    padding: 20px 0px;
}

.my-msg-left-cnt {
    margin-bottom: 10px;
}

.my-msg-left-cnt-before {
    text-align: center;
}

.my-msg-left-cnt-after {
    border-bottom: 2px solid #ececec;
}

.my-msg-left-cnt-after h6 {
    font-size: 20px;
    font-family: 'Poppins-Regular';
    color: #000;
}

.my-msg-left-cnt-after span {
    font-size: 14px;
    font-family: 'Poppins-Regular';
    color: #9d9d9d;
    float: right;
    padding: 5px 0px;
}

.wp-msg {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}

.my-msg-left-cnt-after p {
    font-size: 14px;
    font-family: 'Poppins-Regular';
    color: #000;
    line-height: 20px;
    padding-bottom: 15px;
}

.my-msg-left-cnt-after img {
    float: right;
    width: 19px!important;
    height: 19px!important;
}

.my-msg-right-header h6 {
    padding-bottom: 35px;
    font-size: 20px;
    font-family: 'Poppins-Regular';
}

.my-msg-right-header-before img {
    width: 80px;
}

.my-msg-right-header-after-cnt {
    background-color: #fff;
    border-radius: 30px;
    padding: 10px 30px;
    flex: 1;
}

.my-msg-right-header-after-cnt p {
    font-size: 20px;
    font-family: 'Poppins-Regular';
}

.my-msg-right-header-after-cnt h6 {
    font-size: 14px;
    font-family: 'Poppins-Regular';
}

.my-msg-right-header-after span {
    font-size: 14px;
    font-family: 'Poppins-Regular';
    color: #9d9d9d;
    margin-top: 10px;
    padding-right: 20px;
    float: right;
}

.my-msg-right-header-name {
    margin-bottom: 10px;
}

.ans-chat {
    text-align: right;
}

.ans-chat-cnt {
    background-color: #e3e3e3;
}

.type-bar {
    margin-top: 0;
}

.type-bar form input {
    width: 100%;
    border: none;
    padding: 20px;
    padding-left: 70px;
    padding-right: 100px;
}

.type-bar form input::placeholder {
    font-size: 14px;
    font-family: 'Poppins-Regular';
    color: #9d9d9d;
}

.type-bar form a {
    /*position: absolute;
    top: 89.7%;
    left: 88%;*/
    font-size: 20px;
    font-family: 'Poppins-Regular';
    color: #000;
}

.wishlist-cnt h3 {
    padding-bottom: 5px;
}

.wishlist-cnt p {
    padding-bottom: 10px!important;
}

.wishlist-cnt h4 {
    padding-bottom: 20px!important;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Poppins-Regular';
    color: #475e75;
    text-align: left;
}

.wishlist-cnt h5 {
    font-size: 22px!important;
    font-family: 'Poppins-SemiBold'!important;
    color: #000!important;
}

.wishlist-cnt .cnt-space-between h6 {
    margin-bottom: 15px;
}

.wishlist-cnt h5 {
    margin-bottom: 15px;
}

.wishlist-icon img {
    position: absolute;
    top: 15px;
    left: 15px;
}


/****/

.type-bar i {
    position: absolute;
    padding: 20px;
    font-size: 25px;
}

.type-bar {
    width: 100%;
}

.input-field {
    width: 100%;
    padding: 10px;
}

.type-bar p {
    text-align: right;
}

.type-bar p a {
    padding: 20px;
    margin-right: 30px;
    right: 0px;
    position: absolute;
    font-size: 20px;
    font-family: 'Poppins-Regular';
}

.type-bar p a:hover {
    color: #009ae0;
}


/***purchase-history****/

.puchase-history-header {
    border-bottom: 2px solid #dadbdd;
    width: 100%;
}

.puchase-history-header p {
    padding: 40px 0px;
    font-size: 20px;
    font-family: 'Poppins-Bold';
}

.puchase-history-header-main {
    padding: 25px 0px;
    width: 100%;
    border-bottom: 2px solid #dadbdd;
}

.puchase-history-header-cnt {
    text-align: center;
}

.puchase-history-header-cnt p {
    font-family: 'Poppins-Bold';
    font-size: 20px;
    text-align: center;
}

.puchase-history-header-cnt h6 {
    font-family: 'Poppins-Medium';
    font-size: 20px;
    text-align: center;
    padding: 40px 0px;
}

.puchase-history-header-cnt img {
    text-align: center;
    padding: 50px 0px;
}

.purchase-history-page {
    margin-bottom: 50px;
}

.dropdown-menu.show {
    top: 5px;
    left: -10px;
}

.account-main .dropdown .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    transform: unset !important;
    top: 52px !important;
}

.referral-page {
    margin: 70px 0px;
}

.referral-page-main p {
    font-size: 16px;
    font-family: 'Poppins-Medium';
    padding-bottom: 40px;
    color: #002333;
}

.Join-Now-btn {
    margin: 20px 0px;
}

.Join-Now-btn a {
    color: #fff;
    font-family: 'Muli-Bold';
    font-size: 20px;
    padding: 20px 150px;
    border-radius: 10px;
    background-color: #009ae0;
}

.Join-Now-btn a:hover {
    box-shadow: 1px 8px 16px 0px #2c73b082;
}

.referral-page-main h6 {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    padding-bottom: 0px;
    padding-top: 40px;
    color: #002333;
}


/****shop-page***/

.shop-page-cnt {
    border-bottom: 2px solid #dadbdd;
    margin-bottom: 30px;
    width: 100%;
}

.shop-page-cnt p {
    padding: 40px 0px;
    font-size: 20px;
}

.shop-page-cnt-before {
    padding-bottom: 25px;
    border-bottom: 2px solid #dadbdd;
    margin-bottom: 25px;
    width: 100%;
}

.shop-page-cnt-main {
    width: 100%;
}

.shop-page-cnt-before-second h6 {
    font-size: 22px;
    font-family: 'Poppins-SemiBold';
    color: #002333;
    padding-bottom: 5px;
}

.shop-page-cnt-before-second p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #475e75;
}

.shop-page-cnt-before-third p {
    font-size: 22px;
    font-family: 'Poppins-SemiBold';
    color: #d7242b;
}

.shop-page-cnt-before-third p span {
    float: right;
    margin-top: 0;
}

.shop-page-cnt-before-third p span a {
    padding: 3px 13px;
    background-color: #ffaa32;
    color: #fff;
    font-size: 22px;
    font-family: 'Poppins-SemiBold';
}

.shop-page-cnt-before-third p span a:hover {
    background-color: #009ae0;
}

.shop-page-cnt-after p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #475e75;
    padding-bottom: 10px;
}

.shop-page-cnt-after h4 {
    font-size: 35px;
    font-family: 'Poppins-SemiBold';
    color: #002333;
    padding-bottom: 10px;
}

.shop-page-cnt-after {
    padding-left: 20px;
}

.Checkout {
    width: 100%;
    display: inline-flex;
    margin-bottom: 30px;
}

.Checkout a {
    background-color: #009ae0;
    border-radius: 10px;
    font-family: 'Muli-Bold';
    font-size: 20px;
    width: 100%;
    line-height: 55px;
    height: 55px;
    color: #fff;
    text-align: center;
}

.Enter-Coupon input {
    width: 75%;
    border: none;
    background-color: #f6f6f6;
    height: 50px;
    padding-left: 20px;
}

.Enter-Coupon input::placeholder {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #475e75;
}

.Enter-Coupon {
    display: flex;
    margin-bottom: 20px;
}

.Enter-Coupon a {
    background-color: #ffaa32;
    color: #fff;
    width: 25%;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-family: 'Poppins-Regular';
}

.Enter-Coupon a:hover {
    color: #000;
}

.learning-sec span a {
    padding: 3px 13px;
    background-color: #ffaa32;
    color: #fff;
    font-size: 22px;
    font-family: 'Poppins-SemiBold';
}

.learning-sec {
    display: flex;
}

.learning-sec p {
    font-family: 'Poppins-Medium';
    font-size: 20px;
    padding-left: 15px;
    color: #002333;
}

.shop-sec-cnt {
    padding-top: 5px;
    width: 100%;
}

.shop-sec-cnt h6 {
    font-size: 20px;
    font-family: 'Poppins-Regular';
    color: #002333;
    padding-bottom: 10px;
}

.shop-sec-cnt p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #475e75;
    padding-bottom: 60px;
}

.new-shop-sec-before {
    width: 100%;
}

.new-shop-sec-before h6 {
    font-size: 35px;
    font-family: 'Poppins-SemiBold';
    color: #002333;
    padding-bottom: 50px;
}

.new-shop-sec-after {
    width: 100%;
    margin-bottom: 100px;
}

.shop-page-part {
    margin: 0px;
}


/****contact page***/

.contact-main-before h4 {
    font-family: 'Poppins-SemiBold';
    font-size: 36px;
    color: #002333;
    padding-top: 40px;
    padding-bottom: 20px;
}

.contact-main-before p {
    font-family: 'Poppins-Medium';
    font-size: 16px;
    color: #002333;
    padding-bottom: 30px;
}

.contact-form {
    margin-bottom: 80px;
}

.contact-form form label {
    font-size: 16px;
    margin-bottom: 15px;
    font-family: 'Poppins-Medium';
    color: #002333;
}

.contact-form form input {
    margin-bottom: 25px;
    border: none;
    background-color: #f6f6f6;
    width: 100%;
    height: 50px;
    padding: 15px 20px;
    resize: none;
}

.contact-form form textarea {
    width: 100%;
    border: none;
    height: 120px;
    background-color: #f6f6f6;
    padding: 15px 20px;
}

.send-btn {
    width: 100%;
    margin-top: 40px;
    display: flex
}

.send-btn a {
    color: #fff;
    height: 60px;
    text-align: center;
    line-height: 60px;
    width: 400px;
    font-family: 'Muli';
    font-size: 20px;
    background-color: #009ae0;
    border-radius: 15px;
}

.send-btn a:hover {
    box-shadow: 0px 5px 8px #2554bc57;
}

.contact-main-after {
    padding-left: 25px;
    padding-top: 60px;
}

.contact-main-before {
    padding-right: 40px;
}


/****/

.help-cnt-main {
    width: 100%;
    padding-top: 60px;
    margin-bottom: 200px;
    display: flex;
}

.help-cnt-main-before img {
    width: 588px;
    height: 570px;
}

.help-cnt-main-after h4 {
    font-size: 36px;
    font-family: 'Poppins-SemiBold';
    color: #002333;
    padding-bottom: 20px;
    padding-top: 20px;
}

.help-cnt-main-after p {
    font-size: 16px;
    font-family: 'Poppins-Medium';
    color: #002333;
    line-height: 30px;
}


/*****/

.forgot-password {
    text-align: center;
    width: 100%;
    display: flex;
}

.forgot-password-main {
    margin-top: 30px;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #80808073;
    width: 100%;
}

.forgot-password-main h4 {
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
}

.forgot-password-main-cnt {
    padding: 0px 40px;
}

.forgot-password-main-cnt input {
    width: 100%;
    padding: 10px 20px;
    height: 50px;
    border: 1px solid #80808073;
    border-radius: 10px;
}

.forgot-password-main-cnt input::placeholder {
    font-family: 'Poppins-regular';
    color: #7e7e7e;
    font-size: 18px;
}

.home-first .home-first-header {
    width: 100%;
}

.home-first .home-first-header h4 {
    font-size: 50px!important;
    font-family: 'Poppins-SemiBold';
    color: #002333;
    padding-top: 35px;
    padding-bottom: 0;
}

.home-first .home-first-header p {
    font-size: 20px;
    font-family: 'Poppins-Medium';
    color: #002333;
}


/*****/

.faq-main-cnt-before .accordion .fa-plus {
    display: none;
}

.faq-main-cnt-before .collapsed .fa-plus {
    display: block;
}

.faq-main-cnt-before .collapsed .fa-minus {
    display: none;
}

.faq-main {
    padding: 70px 0px 50px;
}

.faq-main-cnt h6 {
    font-size: 36px;
    font-family: 'Poppins-SemiBold';
    padding-bottom: 30px;
}

.faq-main-cnt p {
    font-size: 16px;
    font-family: 'Poppins-Medium';
    padding-bottom: 35px;
    color: #002333;
    line-height: 30px;
}

.faq-img {
    width: 100%;
    display: inline-flex;
    margin-bottom: 48px;
}

.faq-img img {
    margin-right: 20px;
}

.faq-img p {
    height: 65px;
    font-family: 'Poppins-Medium';
    line-height: 65px;
}

.faq-main-cnt-before {
    width: 100%;
}

.faq-main-cnt-before .card {
    border: none;
}

.faq-main-cnt-before .accordion .btn-link {
    display: flex;
    padding: 0px;
    width: 100%;
    text-decoration: none;
    margin-bottom: 0;
    border: none;
}

.faq-main-cnt-before .accordion .btn-link p {
    text-align: left;
    padding: 19px 15px;
    background-color: #f6f6f6;
    width: 100%;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    color: #009ae0;
    min-height: 72px;
    display: inline-flex;
    align-items: center;
}

.plus-icon i {
    font-size: 22px;
    width: 72px;
    background-color: #009ae0;
    height: 72px;
    margin-right: 12px;
    color: #f6f6f6;
    line-height: 72px;
    text-align: center;
}

.faq-main-cnt-before .card-body {
    margin-left: 84px;
    background-color: #f6f6f6;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    color: #002333;
    padding: 0 20px 20px;
}

.faq-main-cnt-before .card-header {
    background-color: #fff;
    padding: 0px;
    border: none;
}

.forgot-password-main-cnt {
    width: 100%;
}

.forgot-password-send-btn {
    margin-top: 25px;
    margin-bottom: 100px;
    width: 100%;
    display: flex;
}

.forgot-password-send-btn a {
    color: #fff;
    height: 50px;
    border-radius: 10px;
    width: 100%;
    line-height: 50px;
    background-color: #009ae0;
    font-size: 18px;
    font-family: 'Poppins-Bold';
}

.forgot-password-send-btn a:hover {
    box-shadow: 0px 5px 8px #2554bc57;
}


/******new css****/


/***********--my account--**************/

.account-main1 {
    margin-bottom: 100px;
}

.account-left {
    background-color: #f6f6f6;
    margin-right: auto;
    max-width: 353px;
}

.account-left-user {
    width: 100%;
}

.account-left-user img {
    padding: 24px 20px;
    border-radius: 16%;
}

.account-left-menu {
    margin-top: 70px;
    width: 100%;
}

.account-left-menu ul {
    padding: 0px 20px 480px;
}

.account-left-menu ul li {
    padding: 13px 20px 13px 40px;
}

.account-left-menu ul li a {
    font-size: 20px;
    color: #2b2b2b;
}

.account-select {
    background-color: #002333;
    border-radius: 50px;
}

.account-select a {
    color: #fff !important;
}

.account-right {
    width: 100%;
    padding-left: 25px;
}

.account-right-title {
    width: 100%;
    text-align: center;
    padding: 30px 0px 0;
}

.account-right-title h4 {
    font-size: 36px;
    color: #002333;
    font-weight: 600;
    font-family: "Poppins-Medium";
}

.account-right-text {
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #dadbdd;
}

.account-right-text p {
    font-size: 20px;
    color: #2b2b2b;
    font-weight: 400;
    font-family: "Poppins-Regular";
    padding-bottom: 20px;
}

.account-right-subtitle {
    width: 100%;
    padding: 40px 0px 30px;
}

.account-right-subtitle h6 {
    font-size: 20px;
    color: #2b2b2b;
    font-weight: 400;
    font-family: "Poppins-Regular";
}

.account-right-name {
    width: 100%;
}

.account-right-name input {
    width: 100%;
    height: 60px;
    padding-left: 20px;
    border: none;
    background-color: #f6f6f6;
    margin-bottom: 40px;
    font-size: 20px;
    color: #adadad;
    font-weight: 400;
    font-family: "Poppins-Regular";
}

.account-right-last-name input {
    width: 100%;
    height: 60px;
    padding-left: 20px;
    border: none;
    background-color: #f6f6f6;
    font-size: 20px;
    color: #adadad;
    font-weight: 400;
    font-family: "Poppins-Regular";
}

.account-right-bibiography {
    width: 100%;
}

.account-right-bibiography textarea {
    width: 100%;
    height: 180px;
    padding-left: 20px;
    border: none;
    background-color: #f6f6f6;
    font-size: 20px;
    color: #adadad;
    font-weight: 400;
    font-family: "Poppins";
}

.account-right-name input::-webkit-input-placeholder,
.account-right-last-name input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #adadad;
}

.account-right-name input::-moz-placeholder,
.account-right-last-name input::-moz-placeholder {
    /* Firefox 19+ */
    color: #adadad;
}

.account-right-name input:-ms-input-placeholder,
.account-right-last-name input:-ms-input-placeholder {
    /* IE 10+ */
    color: #adadad;
}

.account-right-name input:-moz-placeholder,
.account-right-last-name input:-moz-placeholder {
    /* Firefox 18- */
    color: #adadad;
}

.account-right-last-name select {
    width: 100%;
    height: 60px;
    padding-left: 20px;
    border: none;
    background-color: #f6f6f6;
    font-size: 20px;
    color: #adadad;
    font-weight: 400;
    font-family: "Poppins";
    background-image: url(../images/angle-down.png);
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 15px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

.account-right-social-link {
    width: 100%;
    padding-top: 30px;
}

.account-right-social-link input {
    width: 100%;
    height: 60px;
    padding-left: 20px;
    border: none;
    background-color: #f6f6f6;
    font-size: 20px;
    color: #adadad;
    font-weight: 400;
    font-family: "Poppins-Regular";
}

.account-right-required {
    width: 100%;
    padding-top: 20px;
}

.account-right-required p {
    font-size: 14px;
    color: #2b2b2b;
    font-weight: 400;
    font-family: "Poppins-Regular";
}

.account-right-submit {
    width: 100%;
    padding-top: 60px;
}

.account-right-submit button {
    width: 400px;
    height: 60px;
    font-size: 20px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Poppins-Medium";
    text-align: center;
    border-radius: 15px;
    border: none;
    background-color: #009ae0;
}


/**********account-3*************/

.account3-right-title {
    width: 100%;
    text-align: center;
    padding: 30px 0px 5px;
}

.account3-right-title h4 {
    font-size: 24px;
    color: #002333;
    font-weight: 600;
    font-family: "Poppins";
}

.account3-right-img {
    width: 100%;
    text-align: center;
    padding: 30px 0px;
    border-bottom: 2px solid #dadbdd;
}

.account3-right-upload-own {
    width: 100%;
    padding: 30px 0px 50px;
    text-align: center;
}

.account-right-selectfile {
    width: 100%;
}

.account-right-selectfile input {
    width: 100%;
    height: 60px;
    padding-left: 20px;
    padding-top: 15px;
    border: none;
    background-color: #f6f6f6;
    font-size: 20px;
    color: #adadad;
    font-weight: 400;
    font-family: "Poppins";
}


/**********account-4*************/

.account4-right-title {
    width: 100%;
    text-align: center;
    padding: 30px 0px;
}

.account3-right-title h4 {
    font-size: 36px;
    color: #002333;
    font-weight: 600;
    font-family: "Poppins";
}

.account4-right-show {
    width: 100%;
}

.account4-right-show-left {
    float: left;
    padding-bottom: 25px;
}

.account4-right-show-left p {
    font-size: 17px;
    line-height: 32px;
    color: #002333;
    font-weight: 400;
    font-family: "Poppins";
}

.account4-right-show-left input {
    width: 110px;
    height: 60px;
    margin-left: 20px;
    font-size: 17px;
    line-height: 32px;
    color: #002333;
    font-weight: 400;
    font-family: "Poppins";
    background-color: #f6f6f6;
    border: none;
    padding: 20px 0;
}

.account4-right-show-right {
    float: right;
    background-color: #f6f6f6;
}

.account4-right-show-right input {
    width: 250px;
    height: 60px;
    border: none;
    background-color: #f6f6f6;
    font-size: 17px;
    line-height: 32px;
    color: #002333;
    font-weight: 400;
    font-family: "Poppins";
    padding-left: 30px;
}

.account4-right-show-right button {
    width: 50px;
    height: 60px;
    border: none;
    background-color: #f6f6f6;
    color: #8073e0;
}

.account4-right-table {
    width: 100%;
    padding-top: 90px;
}

.account4-right-table table {
    width: 100%;
}

.account4-right-table table th {
    padding: 25px 0px;
    border-top: 3px solid #f5f5f5;
    border-bottom: 3px solid #f5f5f5;
}

.account4-right-table table td {
    padding: 25px 0px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    font-family: 'Poppins-Medium';
}


/*****/

.blog-cnt {
    padding: 70px 0px 50px;
    width: 100%;
}

.blog-main {
    width: 100%;
}

.blog-main .row {
    margin-left: -25px;
    margin-right: -25px;
}

.blog-main .row div[class*="col-"] {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 72px;
}

.blog-cnt-main {
    background-color: #f6f6f6;
    padding: 28px;
    width: 100%;
}

.blog-cnt-main-before {
    padding-bottom: 20px;
}

.blog-cnt-main-after h4 {
    font-family: 'Poppins-SemiBold';
    font-size: 21px;
    color: #002333;
    margin-bottom: 20px;
    line-height: 26px;
}

.blog-profile {
    display: inline-flex;
}

.blog-profile img {
    margin-right: 15px;
}

.blog-profile p {
    font-size: 16px;
    font-family: 'Poppins-Medium';
    color: #606060;
    padding: 5px 0px;
}

.blog-cnt-main-after-des {
    padding: 15px 0px;
}

.blog-cnt-main-after-des h6 {
    font-family: 'Poppins-Medium';
    font-size: 16px;
    color: #2d2d2d;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.read-more-btn a {
    background-color: #d7242b;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-family: 'Poppins-regular';
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 160px;
}

.read-more-btn a:hover {
    box-shadow: 1px 7px 11px #a717176b;
}


/**********account-4*************/

.account4-right-title {
    width: 100%;
    text-align: center;
    padding: 30px 0px;
}

.account3-right-title h4 {
    font-size: 24px;
    color: #002333;
    font-weight: 600;
    font-family: "Poppins";
}

.account4-right-show {
    width: 100%;
}

.account4-right-show-left {
    float: left;
    padding-bottom: 25px;
}

.account4-right-show-left p {
    font-size: 17px;
    line-height: 32px;
    color: #002333;
    font-weight: 400;
    font-family: "Poppins";
    position: relative;
}

.account4-right-show-left p:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 10px;
    margin-top: -1px;
    border-bottom: 2px solid #0058a8;
    border-right: 2px solid #0058a8;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}

.account4-right-show-left input {
    width: 100px;
    height: 60px;
    margin-left: 20px;
    font-size: 17px;
    line-height: 32px;
    color: #002333;
    font-weight: 400;
    font-family: "Poppins";
    background-color: #f6f6f6;
    border: none;
    padding: 0 20px;
}

.account4-right-show-right {
    float: right;
    background-color: #f6f6f6;
}

.account4-right-show-right input {
    width: 250px;
    height: 60px;
    border: none;
    background-color: #f6f6f6;
    font-size: 17px;
    line-height: 32px;
    color: #002333;
    font-weight: 400;
    font-family: "Poppins";
    padding-left: 30px;
}

.account4-right-show-right button {
    width: 50px;
    height: 60px;
    border: none;
    background-color: #f6f6f6;
    color: #8073e0;
}

.account4-right-table {
    width: 100%;
    padding-top: 90px;
}

.account4-right-table table {
    width: 100%;
}

.account4-right-table table tr th {
    padding: 19px 25px;
    border-top: 3px solid #f5f5f5;
    border-bottom: 3px solid #f5f5f5;
}

.account4-right-table table td {
    padding: 19px 25px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.account4-right-arrow {
    position: relative;
}

.account4-right-arrow:before {
    position: absolute;
    display: block;
    content: '';
    margin-right: 5px;
    width: 10px;
    height: 10px;
    top: 55%;
    left: 0;
    margin-top: -1px;
    border-bottom: 2px solid #0058a8;
    border-right: 2px solid #0058a8;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}

.account4-right-arrow:after {
    position: absolute;
    display: block;
    content: '';
    margin-right: 5px;
    width: 10px;
    height: 10px;
    top: 45%;
    left: 0;
    margin-top: -1px;
    border-bottom: 2px solid #0058a8;
    border-right: 2px solid #0058a8;
    transform: rotate(225deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}

.account4-right-teable-entry {
    float: left;
    padding: 30px 0px;
}

.account4-right-teable-entry p {
    font-size: 17px;
    line-height: 32px;
    color: #002333;
    font-weight: 400;
    font-family: "Poppins";
}

.account4-right-teable-links {
    float: right;
    padding: 30px 0px;
}

.account4-right-teable-links .select {
    font-size: 17px;
    line-height: 32px;
    color: #1465af;
    font-weight: 400;
    font-family: "Poppins";
}

.account4-right-teable-links a {
    font-size: 17px;
    line-height: 32px;
    color: #002333;
    font-weight: 400;
    font-family: "Poppins";
}

.account4-right-teable-links a span {
    font-size: 17px;
    line-height: 32px;
    color: #002333;
    font-weight: 400;
    font-family: "Poppins";
    padding: 0px 10px;
}


/*******about-us******/

.about-us-main {
    padding: 60px 0px 270px;
}

.about-us-main-left img {
    width: 580px;
    height: 580px;
}

.about-us-main-right {
    width: 100%;
    padding-left: 0;
}

.about-us-main-right-title {
    width: 100%;
    padding: 15px 0px 10px;
}

.about-us-main-right-title h1 {
    font-size: 36px;
    color: #002333;
    font-weight: 600;
    font-family: 'Poppins-SemiBold';
}

.about-us-main-right-sub-title {
    width: 100%;
    padding-bottom: 15px;
}

.about-us-main-right-sub-title h6 {
    font-size: 20px;
    color: #002333;
    font-weight: 400;
    font-family: 'Poppins-SemiBold';
}

.about-us-main-right-text {
    width: 100%;
}

.about-us-main-right-text p {
    width: 100%;
    font-size: 16px;
    line-height: 31px;
    color: #002333;
    font-weight: 400;
    font-family: 'Poppins-Regular';
}


/**************become-challenger*************/

.become-challenger-main {
    width: 100%;
    padding: 60px 0px 200px;
}

.become-challenger-left {
    width: 100%;
    padding: 100px 0px;
}

.become-challenger-left-title {
    width: 100%;
}

.become-challenger-left-title h5 {
    font-size: 24px;
    line-height: 47px;
    color: #002333;
    font-weight: 400;
    font-family: "Poppins-Regular";
}

.become-challenger-left-btn {
    width: 100%;
    padding-top: 32px;
}

.become-challenger-left-btn button {
    width: 400px;
    height: 60px;
    border-radius: 10px;
    border: none;
    background-color: #009ae0;
    font-size: 20px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Muli";
    text-align: center;
}

.become-challenger-right-img {
    width: 100%;
}


/***category-details***/

.category-banner {
    background-image: url('../images/category-banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.category-banner-main-cnt {
    padding: 50px 0px 75px 0px;
    width: 100%;
}

.category-banner-main-cnt p {
    font-size: 20px;
    font-family: 'Muli-Bold';
    color: #fff;
    padding-bottom: 15px;
}

.category-banner-main-cnt p span {
    padding-right: 10px;
}

.challenge-part-main {
    padding: 40px 0px;
    width: 100%;
}

.challenge-part-before {
    padding-bottom: 50px;
    border-bottom: 5px solid #f5f5f5;
}

.challenge-part-before-first h6 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    color: #002333;
    padding-bottom: 20px;
}

.out-come-cnt p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #475e75;
    padding-bottom: 20px;
}

.daily-plan-challenge {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 30px;
}

.daily-plan-challenge-cnt {
    width: 100%;
    padding-bottom: 30px;
    display: inline-flex;
    justify-content: space-between;
}

.daily-plan-challenge-cnt-after {
    display: inline-flex;
}

.daily-plan-challenge-cnt-before h6 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    color: #002333;
}

.daily-plan-challenge-cnt-after p {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #475e75;
    padding-left: 50px;
    line-height: 37px;
}

.challenge-accordian .accordion p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #fff!important;
}

.challenge-accordian {
    margin: 0px;
}

.challenge-accordian .panal p {
    border-bottom: none;
}

.category-req-cnt h6 {
    font-size: 24px;
    font-family: 'Muli-Bold';
    color: #002333;
    padding-bottom: 25px;
}

.category-req-cnt p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #475e75;
    padding-bottom: 10px;
}

.category-req {
    padding-bottom: 20px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 30px;
}

.category-des-cnt {
    padding-bottom: 20px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 30px;
}

.category-des-cnt h6 {
    font-size: 24px;
    font-family: 'Muli-Bold';
    color: #002333;
    padding-bottom: 15px;
}

.category-des-cnt p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #475e75;
    padding-bottom: 10px;
}

.category-abt .about-challenger-main .about-challenger-main-after ul li {
    padding-right: 23px!important;
}

.related-challenge-before h6 {
    font-family: 'Muli-Bold';
    font-size: 20px;
    color: #002333;
}

.challenges-detail-banner {
    position: relative;
    min-height: 379px;
    padding: 54px 0;
}

.challenges-detail-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 35, 51, 0.30);
    z-index: 1;
}

.challenges-detail-banner>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.challenges-banner-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 50%;
    position: relative;
    z-index: 2;
}

.challenges-banner-detail h2 {
    font-size: 48px;
    color: #fff;
    width: 100%;
    margin: 0;
    font-family: 'Muli-Bold';
}

.challenges-banner-detail p {
    font-size: 20px;
    color: #fff;
    width: 100%;
    margin: 0;
    font-family: 'Muli-Bold';
    margin-bottom: 10px;
}

.challenges-banner-detail p span {
    color: #ffaa32;
    display: inline-flex;
    flex-wrap: wrap;
}

.challenges-detail-block {
    padding: 42px 0;
}

.challenges-information {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.my-self-challege {
    border-bottom: 4px solid #f5f5f5;
    padding-bottom: 60px;
}

.my-self-challege h3 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 15px;
    color: #002333;
}

.my-self-challege ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.my-self-challege ul li {
    position: relative;
    padding-left: 43px;
    font-size: 16px;
    width: 50%;
    color: #475e75;
    margin: 9px 0;
}

.my-self-challege ul li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 22px;
    background-image: url(../images/check-mark-green.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.daily-plan-challenge {
    padding: 35px 0 0;
    border-bottom: 4px solid #f5f5f5;
    width: 100%;
}

.daily-plan-head {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.daily-plan-head h3 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 0;
    color: #002333;
    flex: 1;
}

.daily-plan-info {
    display: inline-flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.daily-plan-info span {
    font-size: 16px;
    color: #475e75;
    font-family: 'Muli';
    margin-left: 60px;
}

.daily-plan-info span:first-child {
    margin-left: 0;
}

.daily-plan-challenge .accordion-sec .accordion h5 {}

.daily-plan-challenge .accordion-sec .accordion h5:before {
    content: "+";
    color: #fff;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    margin-right: 5px;
}

.daily-plan-challenge .accordion-sec .accordion span {
    font-size: 16px;
    color: #fff;
    font-family: 'Muli';
}


/*.daily-plan-challenge .accordion-sec .panal{
    max-height: unset;
}*/

.daily-plan-challenge .accordion-sec .panal p {
    border: 0;
}

.Requirements-block {
    padding: 27px 0 35px;
    border-bottom: 4px solid #f5f5f5;
    width: 100%;
}

.Requirements-block h3 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 15px;
    color: #002333;
}

.Requirements-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.Requirements-block ul li {
    font-size: 16px;
    color: #475e75;
    font-family: 'Muli';
    position: relative;
}

.Requirements-block ul li:before {
    content: "»";
    font-size: 16px;
    color: #475e75;
    font-family: 'Muli';
    margin-right: 5px;
}

.challenge-description {
    padding: 27px 0 35px;
    border-bottom: 4px solid #f5f5f5;
    width: 100%;
}

.challenge-description h3 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 15px;
    color: #002333;
}

.challenge-description p {
    font-size: 16px;
    color: #475e75;
    font-family: 'Muli';
}

.about-the-challeger {
    padding: 27px 0 35px;
    border-bottom: 4px solid #f5f5f5;
    width: 100%;
}

.about-the-challeger h3 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 15px;
    color: #002333;
}

.about-the-challeger .about-challenger-main {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.about-the-challeger .about-challenger-main-after ul li {
    padding-right: 23px;
}

.achiever-feedback-block {
    padding: 27px 0 10px;
    border-bottom: 4px solid #f5f5f5;
    width: 100%;
}

.achiever-feedback-block h3 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 15px;
    color: #002333;
}

.achiever-feedback-block .five-star {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}

.achiever-feedback-block .five-star img {
    margin-top: -2px;
}

.achiever-feedback-block .five-star span {
    padding-top: 0;
}

.achiever-feedback-block .feedback-main {
    border-bottom: 0;
    margin-bottom: 0;
}

.related-challenges-block {
    padding: 27px 0 15px;
    border-bottom: 4px solid #f5f5f5;
    width: 100%;
}

.related-challenges-block h3 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 15px;
    color: #002333;
}

.related-challenges-list {
    width: 100%;
}

.related-challenges-list-row {
    width: 100%;
    padding: 21px 0;
    border-bottom: 4px solid #f5f5f5;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.challenges-detail-left {
    width: 100%;
    padding-right: 20px;
    flex: 1;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.related-challenges-img {
    width: 110px;
    position: relative;
}

.related-challenges-img:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.related-challenges-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.related-challenges-detail {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 20px;
}

.related-challenges-detail a {
    font-size: 20px;
    color: #002333;
    font-family: 'Muli-Bold';
    max-width: 100%;
    line-height: 22px;
}

.challenges-day-info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.challenges-day-info h6 {
    color: #ffaa32;
    font-family: 'Muli-Bold';
    font-size: 20px;
    width: auto;
    margin-right: 13px;
}

.challenges-day-info span {
    color: #475e75;
    font-family: 'Muli';
    font-size: 16px;
    width: auto;
}

.challenges-detail-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.challenges-review-price {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.challenges-review-person {
    display: inline-flex;
    flex-wrap: wrap;
    width: auto;
}

.challenges-review-person span {
    font-size: 20px;
    color: #002333;
    font-family: 'Muli-Bold';
    margin-left: 22px;
    display: inline-flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.challenges-review-person span img {
    margin-right: 5px;
}

.challenges-review-person span:first-child {
    margin-left: 0;
}

.challenges-price-info {
    margin-left: 27px;
}

.challenges-price-info h6 {
    font-size: 20px;
    color: #002333;
    font-family: 'Muli-Bold';
    line-height: 22px;
    width: 100%;
}

.challenges-price-info h6 span {
    display: block;
    font-family: 'Muli';
    color: #6d6d6d
}

.challenges-like-block {
    margin-left: 27px;
}

.challenges-like-block a {
    width: 59px;
    height: 59px;
    border: 2px solid #5442d9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.view-more-block {
    width: 100%;
    padding-top: 10px;
}

.view-more-block a {
    font-size: 18px;
    color: #3722d3;
    font-family: 'Muli-Bold';
}

.challenges-review-block {
    padding: 27px 0 0;
    width: 100%;
}

.challenges-review-block h3 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 15px;
    color: #002333;
}

.challenges-review-block .Reviews-main-cnt {
    margin-bottom: 0;
}

.challenges-review-block .review-list-block .Reviews-main-cnt:first-child {
    border-bottom: 0;
}

.video-block-challage .video-link {
    position: relative;
}

.video-block-challage .video-link:before {
    content: "";
    display: block;
    padding-top: 70%;
}

.video-block-challage .video-link video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-block-challage {
    border-bottom: 4px solid #f5f5f5
}

.video-block-challage h3 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding: 20px 0;
    color: #002333;
}

.free-block-challenge {}

.free-block-challenge {
    padding: 27px 0 15px;
    border-bottom: 4px solid #f5f5f5;
    width: 100%;
}

.free-block-challenge h4 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 20px;
    color: #3722d3;
    text-transform: uppercase;
}

.free-block-challenge h3 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 15px;
    color: #002333;
}

.link-btn-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}

.link-btn-group a.button-block {
    height: 63px;
    line-height: 63px;
    width: 100%;
    display: block;
    padding: 0 20px;
    font-size: 20px;
    color: #ffffff;
    font-family: 'Muli-Bold';
    background-color: #000;
    border-radius: 15px;
    margin-bottom: 10px;
    text-align: center;
}

.link-btn-group a.button-block.whishlist-btn {
    background-color: #009ae0;
}

.link-btn-group a.button-block.enrolled-btn {
    background-color: #d7242b;
}

.include-challenge ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.include-challenge ul li {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    color: #475e75;
    font-family: 'Muli';
}

.include-challenge ul li img {
    width: 22px;
    max-height: 31px;
    margin-right: 12px;
    object-fit: contain;
}

.leader-board-block {
    padding: 27px 0 0;
    width: 100%;
}

.leader-board-block h3 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    padding-bottom: 0;
    color: #002333;
    text-transform: uppercase;
}

.leader-board-block h6 {
    font-size: 16px;
    color: #475e75;
    font-family: 'Muli';
}

.leader-board-table table {
    width: 100%;
}

.leader-board-table table thead {
    border-top: 4px solid #f5f5f5;
    border-bottom: 4px solid #f5f5f5;
}

.leader-board-table table thead th {
    padding: 10px 5px;
    font-size: 16px;
    color: #002333;
    font-family: 'Muli-Bold';
}

.leaderboard-profile-info {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.leaderboard-profile-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.leaderboard-profile-detail {
    padding-left: 12px;
}

.leaderboard-profile-detail h6,
.leaderboard-profile-detail span {
    font-size: 16px;
    color: #475e75;
    font-family: 'Muli';
    width: 100%;
    display: block;
    line-height: 18px;
}

.leader-board-table table tbody td {
    padding: 10px 5px;
}

.leader-board-table table tbody tr {
    border-bottom: 2px solid #f5f5f5;
}

.leader-board-number {
    font-size: 31px;
    font-family: "Poppins-Regular";
}

.leader-board-number.board-number-primary {
    color: #ffaa32;
}

.leader-board-number.board-number-bonus {
    color: #3722d3;
}

.leader-board-number.board-number-total {
    color: #33d72b;
}

.leader-board-table {
    margin-top: 27px;
}


/****/


/***category-details***/

.category-banner {
    background-image: url('../images/category-banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.category-banner-main-cnt {
    padding: 50px 0px 75px 0px;
    width: 100%;
}

.category-banner-main-cnt h4 {
    font-size: 48px;
    font-family: 'Muli-Bold';
    color: #fff;
    padding-bottom: 20px;
}

.category-banner-main-cnt p {
    font-size: 20px;
    font-family: 'Muli-Bold';
    color: #fff;
    padding-bottom: 15px;
}

.category-banner-main-cnt p span {
    padding-right: 10px;
}

.challenge-part-main {
    padding: 40px 0px;
    width: 100%;
}

.challenge-part-before {
    padding-bottom: 50px;
    border-bottom: 5px solid #f5f5f5;
}

.challenge-part-before-first h6 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    color: #002333;
    padding-bottom: 20px;
}

.challenge-accordian .accordion h5::before {
    display: none;
}

.out-come-cnt p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #475e75;
    padding-bottom: 20px;
}

.daily-plan-challenge {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 30px;
}

.daily-plan-challenge-cnt {
    width: 100%;
    padding-bottom: 30px;
    display: inline-flex;
    justify-content: space-between;
}

.daily-plan-challenge-cnt-after {
    display: inline-flex;
}

.daily-plan-challenge-cnt-before h6 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    color: #002333;
}

.daily-plan-challenge-cnt-after p {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #475e75;
    padding-left: 50px;
    line-height: 37px;
}

.challenge-accordian .accordion p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #fff!important;
}

.challenge-accordian {
    margin: 0px;
}

.challenge-accordian .panal p {
    border-bottom: none;
}

.category-req-cnt h6 {
    font-size: 24px;
    font-family: 'Muli-Bold';
    color: #002333;
    padding-bottom: 25px;
}

.category-req-cnt p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #475e75;
    padding-bottom: 10px;
}

.category-req {
    padding-bottom: 20px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 30px;
}

.category-des-cnt {
    padding-bottom: 20px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 30px;
}

.category-des-cnt h6 {
    font-size: 24px;
    font-family: 'Muli-Bold';
    color: #002333;
    padding-bottom: 15px;
}

.category-des-cnt p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #475e75;
    padding-bottom: 10px;
}

.category-abt .about-challenger-main .about-challenger-main-after ul li {
    padding-right: 23px!important;
}

.related-challenge {
    padding-bottom: 25px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 25px;
}

.related-challenge-before h6 {
    font-family: 'Muli-Bold';
    font-size: 20px;
    color: #002333;
    padding-bottom: 15px;
}

.related-challenge-before-cnt p {
    color: #475e75;
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

.related-challenge-before-cnt span {
    color: #ffaa32;
    font-size: 20px;
    font-family: 'Muli-Bold';
    padding-right: 10px;
}

.related-challenge-after {
    display: inline-flex;
}

.related-challenge-after p {
    font-size: 20px;
    font-family: 'Muli-Bold';
    color: #002333;
    padding-right: 32px;
}

.related-challenge-after p img {
    padding-right: 10px;
}

.related-challenge-after p span {
    color: #6d6d6d;
    font-size: 20px;
    font-family: 'Muli';
    text-decoration: line-through;
}

.related-challenge-after a {
    border-radius: 50px;
    border: 2px solid blue;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.chl-view-more {
    padding-bottom: 25px;
    border-bottom: 5px solid #f5f5f5;
}

.chl-view-more a {
    font-size: 18px;
    font-family: 'Muli-Bold';
    color: #3722d3;
}

.new-review-cnt {
    border-bottom: none;
}

.new-review-cnt:last-child {
    margin-bottom: 50px;
}

.new-review-cnt .user-detail h6 {
    width: 100%;
}

.category-video-link video {
    height: 216px;
}

.preview-header {
    padding: 30px 0px;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 25px;
}

.preview-header h6 {
    font-family: 'Muli-Bold';
    font-size: 24px;
    color: #002333;
}

.cat-free {
    padding-bottom: 25px;
}

.cat-free p {
    font-family: 'Muli-Bold';
    font-size: 24px;
    color: #3722d3;
}

.add-wishlist {
    width: 100%;
    display: inline-flex;
    margin-bottom: 15px;
}

.add-wishlist a {
    text-align: center;
    height: 50px;
    width: 100%;
    line-height: 50px;
    font-size: 20px;
    font-family: 'Muli-Bold';
    color: #fff;
    background-color: #009ae0;
    border-radius: 10px;
}

.enroll-btn {
    width: 100%;
    display: inline-flex;
    margin-bottom: 35px;
}

.enroll-btn a {
    text-align: center;
    height: 50px;
    width: 100%;
    line-height: 50px;
    font-size: 20px;
    font-family: 'Muli-Bold';
    color: #fff;
    background-color: #d7242b;
    border-radius: 10px;
}

.cat-include h6 {
    font-size: 24px;
    font-family: 'Muli-Bold';
    color: #002333;
    padding-bottom: 20px;
}

.cat-include-cnt {
    padding-bottom: 30px;
    border-bottom: 5px solid #f5f5f5;
}

.cat-include-cnt p {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #475e75;
    line-height: 35px;
}

.cat-include-cnt ul {
    padding-left: 0px;
}

.cat-include-cnt p img {
    padding-right: 15px;
}

.leader-board {
    border-bottom: 5px solid #f5f5f5;
}

.leader-board h6 {
    padding-top: 20px;
    font-size: 24px;
    font-family: 'Poppins-Bold';
    color: #002333;
    padding-bottom: 5px;
}

.leader-board p {
    padding-bottom: 20px;
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #475e75;
}

.leader-board-cnt {
    padding: 10px;
    border-bottom: 5px solid #f5f5f5;
}

.leader-board-header p {
    font-size: 16px;
    font-family: 'Poppins-Bold';
    color: #002333;
    text-align: center;
}

.leader-board-sub-cnt {
    padding: 20px 0px;
    border-bottom: 1px solid #80808029;
}

.leader-board-sub-cnt-before {
    display: inline-flex;
}

.leader-board-sub-cnt-before p {
    color: #475e75;
    font-family: 'Poppins-Regular';
    padding-left: 10px;
    font-size: 16px;
}
.chl-leader-brd-first-cnt h6 {
    font-size: 16px !important;
}
.leader-board-sub-cnt-before-yl p {
    font-size: 15px;
    font-family: inherit;
    color: #ffaa32;
}

.leader-board-sub-cnt-before-bl p {
    font-size: 15px;
    font-family: inherit;
    color: #3722d3;
}

.leader-board-sub-cnt-before-tt p {
    font-size: 15px;
    font-family: inherit;
    color: #33d72b;
}

.new-header-dropdown .dropdown button {
    background-color: #003e5b;
}

.new-header-dropdown .dropdown button:focus {
    outline: none;
    box-shadow: none;
}

.new-header-dropdown .dropdown-menu {
    left: 50%!important;
    width: 50%;
    right: 0px;
}

.new-header-dropdown .dropdown-menu button p span:last-child img {
    padding-right: 15px!important;
}

.new-header-dropdown .dropdown button p {
    display: inline;
}

.new-header-dropdown .dropdown button p span {
    padding-right: 20px;
}

.new-header-dropdown .dropdown button p span img {
    padding-right: 10px;
}

.new-video-cnt p {
    padding-bottom: 0px;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    font-family: 'Muli-Bold';
    background-color: #3722d3;
}

.new-counter-sec {
    margin-top: 0px;
    padding-bottom: 10px;
    border-bottom: 5px solid #f5f5f5;
}

.new-counter-sec>.row {
    margin-left: -5px;
    margin-right: -5px;
}

.new-counter-sec>.row>div[class*="col-"] {
    padding: 0 5px;
}

.cell-cnt p {

    font-family: 'inherit';

    font-size: 12px;
    color: #0ad100;
    text-align: center;
    padding-top: 7px;
}

.cell-cnt-red p {

    font-family: 'inherit';
    font-size: 12px;
    color: #d9534f;
    text-align: center;
    padding-top: 5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cell-cnt-red p img{
    padding-left: 5px;
}
.cell-cnt-red p a{
    font-family: 'Poppins-Regular';
    color: #d9534f;    

}

.new-earn-bonus a p:after {
    display: none;
}

.new-accordion {
    margin: 25px 0px 10px;
    height: 324px;
    overflow: hidden;
}

.category-dis-img {
    padding: 15px 0px;
    padding-bottom: 35px;
}

.que-ans p {
    font-size: 16px;
    font-family: inherit;
    color: #475e75;
    padding-top: 12px;
}
.que-ans p:first-child{
    padding-top: 0px;
}


.challenge-ans-tab {
    background-color: #3722d3;
    padding: 20px 21px;
}

.challenge-ans-tab p {
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins-Regular';
    padding-bottom: 20px;
}

.challenge-ans-tab form textarea {
    width: 100%;
    margin-bottom: 0;
}

.two-btn {
    display: inline-flex;
    width: 100%;
    padding-top: 20px;
}

.submit-btn {
    margin-right: 20px;
}

.submit-btn a {
    color: #fff;
    height: 48px;
    width: 160px;
    text-align: center;
    line-height: 48px;
    border-radius: 10px;
    display: inline-block;
    background-color: #ffaa32;
}

.submit-btn a:hover {
    color: blue;
}

.share-btn a {
    color: #fff;
    height: 48px;
    width: 180px;
    text-align: center;
    line-height: 48px;
    border-radius: 10px;
    display: inline-block;
    background-color: #ffaa32;
}

.share-btn a:hover {
    color: blue;
}

.new-accordion .accordion i {
    color: #fff;
    display: block;
}

.new-accordion .panal p:hover {
    background-color: #99d9ea;
}

.new-accordion .active .fa-minus {
    display: block;
}

.premium1 {
    margin-bottom: 20px;
    width: 100%!important;
    display: inline-flex;
}

.premium1 a {
    text-align: center;
    color: #fff;
    background-color: #009ae0;
    font-family: 'Muli-Bold';
    font-size: 20px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 15px;
}

.premium {
    margin-bottom: 20px;
    width: 100%!important;
    display: inline-flex;
}

.premium a {
    text-align: center;
    color: #fff;
    background-color: #009ae0;
    font-family: 'Muli-Bold';
    font-size: 20px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 15px;
}

.social-media-btn {
    margin-bottom: 20px;
    width: 100%!important;
    display: inline-flex;
}

.social-media-btn a {
    text-align: center;
    color: #fff;
    background-color: #ffaa32;
    font-family: 'Poppins-Medium';
    font-size: 18px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 15px;
}


.invite-btn a {
    text-align: center;
    color: #fff;
    background-color: #009ae0;
    font-family: 'Poppins-Medium';
    font-size: 18px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 15px;
}

.invite-btn {
    margin-bottom: 20px;
    width: 100%!important;
    display: inline-flex;
}

.invite-btn a:hover{
    background-color: #ffaa32;
}


.discussion-cnt h6 {
    border-bottom: none;
    margin-bottom: 0px;
}

.discussion-cnt-main {
    display: inline-flex;
    width: 100%;
    justify-content: flex-start;
    padding-bottom: 20px;
    flex-direction: column;
    flex: 1;
}

.discussion-cnt-main p {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #475e75;
}

.discussion-cnt-main a,
.discussion-btn a {
    display: inline-block;
    height: 63px;
    line-height: 63px;
    width: 228px;
    color: #fff;
    font-size: 20px;
    font-family: 'Muli-Bold';
    background-color: #009ae0;
    text-align: center;
    border-radius: 10px;
}

.discussion-cnt form input {
    width: 100%;
    height: 55px;
    padding: 20px;
    border: 1px solid #dddee0;
    background-color: #f6f6f6;
    margin-bottom: 20px;
}

.discussion-cnt form input::placeholder {
    font-family: 'Poppins-Regular';
}

.discussion-cnt textarea {
    width: 100%;
    height: 124px;
    padding: 20px;
    border: 1px solid #dddee0;
    background-color: #f6f6f6;
    margin-bottom: 20px;
}

.new-submit {
    width: 100%;
    display: inline-flex;
    padding-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f5f5f5;
}

.new-submit a {
    background-color: #ffaa32;
    color: #fff;
    height: 50px;
    text-align: center;
    font-size: 18px;
    font-family: 'Poppins-Medium';
    line-height: 50px;
    width: auto;
    padding: 0 20px;
    border-radius: 10px;
}

.chl-review {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f5f5f5;
    display: flex;
    width: 100%;
    margin-bottom: 50px;
}

.chl-review img {

    width: 40px;
    height: 40px;

}

.chl-review-cnt p {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #3722d3;
    padding-bottom: 10px;
}

.chl-review-cnt {
    width: 100%;
    padding-left: 20px;
}

.chl-review-cnt h6 {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color: #475e75;
    padding-bottom: 10px;
}

.chl-review-cnt h6 span {
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
    color: #475e75;
    padding-bottom: 10px;
}

.faq-main-cnt-before .accordion .btn-link {
    border: none;
}

.search-container input[type=text] {
    padding: 15px;
    font-size: 17px;
    width: 95%;
    flex: 1;
    margin-bottom: 0;
}

.search-container input::placeholder {
    color: #b1b1b1;
}

.search-container {
    border-bottom: 2px solid #f5f5f5;
    padding-bottom: 10px;
}

.search-container button {
    padding: 15px 20px;
    background: #ffaa32;
    font-size: 17px;
    border: none;
    color: #fff;
    cursor: pointer;
}

.search-container button:hover {
    background: #ccc;
}

.all-day-chl-dropdown {
    display: inline-flex;
    width: 100%;
}

.all-day-chl-dropdown select {
    width: 100%;
    padding: 15px;
    border: 1px solid #dddee0;
    background-color: #f6f6f6;
    margin-bottom: 20px;
    color: #b1b1b1;
    font-size: 16px;
    font-family: 'Poppins-Regular';
    background-image: url(../images/angle-down.png);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-repeat: no-repeat;
    background-position: 97%;
    background-size: 10px;
}

.all-day-chl-dropdown select:focus {
    outline: none;
}

.panel-main-cnt p {
    font-family: 'Poppins-Bold';
    font-size: 20px;
    color: #2b2b2b;
    padding-bottom: 25px;
    border-bottom: 2px solid #dddee0;
    margin-bottom: 20px;
}

.panel-new-tab {
    margin-bottom: 25px;
}

.panel-main-sub-cnt p {
    font-family: 'Poppins-Medium';
    font-size: 18px;
    color: #000000;
    padding-bottom: 20px;
}

.panel-profile {
    border: 1px solid #dddee0;
    padding: 25px;
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 50px;
}

.panel-profile-first-bar {
    padding: 5px 25px 25px;
    background-color: #f6f6f6;
    border-radius: 5px;
}

.panel-profile-first-bar-cnt {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-right: 20px;
}

.panel-profile-first-bar-cnt-before img {
    width: 64px;
    height: 64px;
}

.panel-profile-first-bar-cnt-before {
    display: inline-flex;
    padding: 10px 0px;
}

.panel-profile-first-bar-cnt-before p {

    font-size: 16px;

    color: #000000;
    margin-left: 10px;
}

.panel-profile-first-bar-cnt-before p span {

    font-size: 12px;

    color: #3a3a3ab3;
}

.profile-menu {
    line-height: 80px;
}

.profile-menu a {
    padding: 7px;
    border-radius: 50px;
    background-color: #009ae0;
}

.scroll-bar-cnt {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 7px;
    margin-right: 20px;
}

.scroll-bar-cnt-main p {
    font-family: 'Poppins-Medium';
    font-size: 18px;
    color: #000000;
    padding-bottom: 15px;
    line-height: 24px;
}

.scroll-bar-cnt-main img {
    padding-bottom: 20px;
}

.profile-ft-icon {
    width: 100%;
    display: inline-flex;
    padding-bottom: 20px;
    border-bottom: 2px solid #dedede;
}

.profile-ft-icon p {
    padding-right: 60px;
    padding-bottom: 0px;
}

.profile-ft-icon p img {
    padding-bottom: 0px;
    padding-right: 10px;
    width: 32px;
}

.profile-ft-icon p span {
    font-size: 18px;


    color: #3a3a3a;
}

.comment-name {
    padding: 20px 0px;
    border-bottom: 2px solid #dedede;
    margin-bottom: 20px;
}

.comment-name p {
    font-family: 'Poppins-Regular';
    font-size: 20px;
    color: #0073b0;
    padding-bottom: 0px;
}

.cmt-img {
    display: inline-flex;
    border-bottom: 2px solid #dedede;
    margin-bottom: 20px;
}

.cmt-img img {
    width: 65px;
    height: 65px;
    padding-bottom: 0px;
}

.all-cmt p {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    padding-bottom: 20px;
    color: #0073b0;
}

.cmt-img-cnt {
    padding-left: 20px;
}

.cmt-img-cnt p {
    font-size: 18px;
    font-family: 'Poppins-Regular';
    color: #000000;
    padding-bottom: 0px;
}

.cmt-img-cnt h6 {
    color: #3a3a3a;
    font-size: 18px;
    font-family: 'Poppins-Regular';
    padding-bottom: 5px;
}

.cmt-img-cnt h5 {
    color: #5b5b5b;
    font-family: 'Poppins-Regular';
    font-size: 17px;
    padding-bottom: 20px;
}

.form-div {
    margin-bottom: 5px;
}

.form-div form {
    display: inline-flex;
}

.form-div form input {
    height: 55px;
    width: 507px;
    border-radius: 50px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    padding: 20px;
    margin-right: 15px;
}

.form-div form button {
    height: 55px;
    width: 125px;
    border-radius: 50px;
    background-color: #009ae0;
    color: #fff;
}

form .smily-face {
    position: absolute;
    width: 507px;
    line-height: 56px;
    height: 56px;
}

.smily-face img {
    padding-bottom: 0px;
    float: right;
    padding: 6px;
}

.form-div form button {
    font-size: 20px;
    font-family: 'Poppins-Regular';
    color: #fff;
}


/*****/

.panel-profile-first-bar .scrollbar {
    float: left;
    height: 97%;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

#style-1::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #e7e7e7;
}

#style-1::-webkit-scrollbar {
    width: 10px;
    background-color: #d2d2d2;
    border-radius: 10px;
    border: 5px solid #d2d2d2;
}

#style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d2d2d2;
}

.account-main {
    margin-left: 16px;
}

.faq-main-cnt-before div#faqExample .card {
    padding: 0 !important;
    margin-bottom: 21px;
}

.faq-main-cnt-before .card-body p {
    margin-bottom: 20px;
    line-height: 31px;
}

.login-signup-form-sec .form-cnt-main .title-main {
    padding-bottom: 20px;
}

.login-signup-form-sec .form-cnt-main .title-main h1 {
    font-size: 20px;
    padding-bottom: 20px;
    line-height: normal;
    border-bottom: 1px solid #cdcdcd;
}

.form-cnt-main {
    max-width: 485px;
    margin: 0 auto;
}

.login-signup-form-sec .main-form-box {
    background-color: transparent;
    width: 100%;
    padding: 0 10px;
}

.login-signup-form-sec .main-form-box .form-inputs a.btn.fb-btn,
.login-signup-form-sec .main-form-box .form-inputs a.btn.google-btn,
.login-signup-form-sec .main-form-box .form-inputs a.btn.apple-btn {
    width: 100%;
}

.login-signup-form-sec .main-form-box .form-inputs,
.login-signup-form-sec .main-form-box .form-or-txt {
    margin-bottom: 11px;
}

.login-signup-form-sec .main-form-box .form-or-txt h6:before {
    left: 0;
    width: 44%;
}

.login-signup-form-sec .main-form-box .form-or-txt h6:after {
    right: 0;
    width: 44%;
}

.login-signup-form-sec .main-form-box .form-inputs input[type="text"],
.login-signup-form-sec .main-form-box .form-inputs input[type="email"],
.login-signup-form-sec .main-form-box .form-inputs input[type="password"],
.login-signup-form-sec .main-form-box .form-inputs input[type="submit"] {
    width: 100%;
}

.login-signup-form-sec .main-form-box .form-inputs .col-md-6 {
    padding: 0;
}

.login-signup-form-sec .main-form-box .form-inputs input[type="submit"] {
    margin: 10px 0;
}

.login-signup-form-sec .main-form-box .form-inputs.register-block {
    margin-top: 30px;
}

.panel-profile-first-bar .form-div form input {
    border-right: 0;
}

.tab-panel-slider-sec.account-tab-main ul.nav-tabs li.nav-item {
    width: auto;
    padding: 0 50px;
}

.tab-panel-slider-sec.account-tab-main ul.nav-tabs li.nav-item:first-child {
    padding-left: 0;
}

.tab-panel-slider-sec.account-tab-main ul.nav-tabs li.nav-item:last-child {
    padding-right: 0;
}

.account3-right-upload-own p {
    font-size: 20px;
}

.id-block {
    width: 70px;
}

.User-block {
    width: 150px;
}

.Challange-block {
    width: 430px;
}

.account4-right-title h4 {
    font-size: 36px;
    color: #002333;
    font-family: 'Poppins-SemiBold';
}

.shop-page-cnt-before-third {
    padding-left: 10px;
}

.category-cnt-before {
    padding: 0 10px;
}

.list-filter-checkbox ul {
    display: block !important;
    padding: 0;
    margin: 0;
}

.list-filter-checkbox ul li a {
    display: flex;
    align-items: center;
    color: #212529;
    margin: 6px 0;
}

nav.list-filter-checkbox {
    margin-bottom: 23px;
}

.modal-backdrop {
    background-color: #002333;
}

.msg-user-img {
    max-width: 87px;
}

.my-msg-right-header-after {
    display: inline-flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.my-msg-right-header-after>p {
    width: 100%;
}

.my-msg-right-header-name.right-msg-block .col.pr-0 {
    justify-content: flex-end;
    display: flex;
}


/*daily-challenge*/

.daily-challenge-main .video-link video {
    height: 452px;
}

.daily-challenge-main .panel-tab ul.nav-tabs li.nav-item {
    width: 20%;
}

.daily-challenge-main .panel-tab ul.nav-tabs li.nav-item .nav-link {
    font-size: 20px;
    font-family: inherit;
    margin-right: 0 !important;
    font-weight: 600;
}

.daily-challenge-tab-cnt-main {
    width: 100%;
}

.daily-challenge-tab-border-box {
    width: 100%;
    margin-bottom: 15px;
}

.daily-challenge-tab-border-box .que-ans {
    width: 100%;
    border: 2px solid #dadbdd;
    border-top: 0px;

    padding: 15px 20px;

}

.daily-challenge-main .panel-tab ul.nav-tabs li.nav-item .nav-link:hover {
    border-color: #0f5699;
    background-color: #f6f6f6;
}

.accordion-sec .panal .pannel-sub {
    width: 100%;
    padding: 0px 15px;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
}

.accordion-sec .panal {
    padding: 0px;
}

.daily-challenge-social-dtl {
    width: 100%;
    padding: 20px 15px 15px 15px;
    background-color: #f6f6f6;

    margin-bottom: 20px;
}

.day0-challenge-social-dtl {
    width: 100%;
    padding: 20px 15px 15px 15px;
    background-color: #f6f6f6;
    margin-bottom: 20px;

}

.di-ch-social-dtls-head {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.di-ch-social-dtls-head h2 {
    font-size: 24px;
    color: #2b2b2b;

    font-weight: 650;

    font-family: 'Poppins-Medium';
}

.di-ch-social-dtls-head h6 {
    font-size: 17px;
    color: #2b2b2b;
    font-family: 'Poppins-Medium';
    padding-bottom: 10px;
}

.di-ch-social-wh-round-box {
    width: 100%;
    text-align: center;
    border-radius: 15px;
    background-color: #fff;

    padding: 10px 18px;

    margin-bottom: 10px;
}

.di-ch-social-wh-round-box p {
    font-size: 14px;
    color: #2b2b2b;

    /*font-family: 'Poppins-Regular';*/
}

.di-ch-invite-text{
    font-size: 15px; 
    padding-bottom: 15px;

}

.di-ch-social-dtls-and-dtl {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.di-ch-social-dtls-and-dtl h5 {
    font-size: 14px;
    color: #2b2b2b;
    font-family: 'Poppins-Regular';
    position: relative;
    text-align: center;
    background-color: #f6f6f6;
    padding: 0px 15px;
    z-index: 9;

    font-weight: bold;

}

.di-ch-social-dtls-and-dtl::before {
    position: absolute;
    content: '';
    border-bottom: 2px solid #d5d5d5;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 9;
}

.skillshare-copy {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.skillshare-copy p {
    font-size: 12px;

    color: #2b2b2b; 

    text-align: center;
    line-height: 21px;
}

.skillshare-copy-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
}

.skillshare-copy-box input {

    /*width: calc(100% - 96px);*/
    width: 81%;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 12px;
    color: #2b2b2b;

    /*font-family: 'Poppins-Regular';*/

    border-radius: 20px;
    box-shadow: none;
    border: 0px;
    text-align: center;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.skillshare-copy-box button {

    min-width: 65px;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 18px;
    color: #fff;

    /*font-family: 'Poppins-Medium';*/

    border-radius: 5px;
    box-shadow: none;
    border: 0px;
    text-align: center;
    background-color: #009ae0;
}

.daily-challenge-point-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;

    padding-bottom: 10px;

}

.daily-challenge-poin-table {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 2px solid #dadbdd;
    border-top: 0px;
}

.daily-challenge-tab-head {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0px;
}

.daily-challenge-tab-head h4 {
    font-size: 16px;
    font-family: 'Muli-Bold';
    color: #002333;
    padding: 0px 15px;
}

.daily-challenge-point-box .que-sec {
    width: 100%;
}

.daily-challenge-point-box table,
.daily-challenge-point-box table thead,
.daily-challenge-point-box table tbody {
    width: 100%;
}

.daily-challenge-point-box table thead tr th {
    font-size: 16px;
    font-family: 'Muli-Bold';
    color: #002333;
    padding: 11px 15px;
    text-align: center;
}

.daily-challenge-point-box table tbody tr td:first-child {
    font-size: 16px;
    font-family: 'Muli-Bold';
    color: #002333;
    padding: 4px 15px;
    text-align: left;
}

.daily-challenge-point-box table thead {
    border-bottom: 4px solid #f5f5f5;
}

.daily-challenge-point-box table tbody tr {
    border-bottom: 4px solid #f5f5f5;
}

.daily-challenge-point-box table tbody tr:last-child {
    border-bottom: 0px;
}

.daily-challenge-point-box table tbody tr td {
    font-size: 24px;
    font-family: 'Poppins-Regular';
    color: #002333;
    padding: 4px 15px;
    text-align: center;
}

.daily-challenge-point-box table tbody tr td.yellow {
    color: #ffaa32;
    position: relative;
}

.daily-challenge-point-box table tbody tr td.yellow::before {
    position: absolute;
    content: '+';
    font-size: 16px;
    color: #002333;
    font-family: 'Muli-Bold';
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.daily-challenge-point-box table tbody tr td.purple::before {
    position: absolute;
    content: '=';
    font-size: 16px;
    color: #002333;
    font-family: 'Muli-Bold';
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.daily-challenge-point-box table tbody tr td.purple {
    color: #3722d3;
    position: relative;
}

.daily-challenge-point-box table tbody tr td.green {
    color: #33d72b;
}


/*.daily-challenge-main .panel-main .container{
    padding: 0px;
}*/


/*19/01/20202*/

.daily-challenge-main .new-accordion {
    margin: 5px 0px;
    height: 360px;
}

.daily-challenge-main .accordion-sec .accordion {
    padding: 7.5px 10px;
}

.daily-challenge-main .counter-section h4 {
    padding-top: 5px;
}

.daily-challenge-main .earn-bonus p {
    line-height: 1;
}

.daily-challenge-main .cell-cnt-red p {
    line-height: 1;
}

.daily-challenge-main .cell-cnt p {
    line-height: 1;
}

.daily-challenge-main .video-link video {
    display: block;
}

.daily-challenge-main .panel-row {
    margin-top: 10px;
    width: 100%;
}

.daily-challenge-main .video-part {
    margin-bottom: 0px;
}

.daily-challenge-main .side-bar {
    margin-bottom: 0px;
}

.daily-challenge-main .panel-tab ul.nav-tabs {
    max-width: 66.66%;
    border-bottom: 0px;
}

.daily-challenge-main .panel-tab .other-btn {
    max-width: 33.33%;
    width: 33.33%;
    /*width: 100%;*/
    padding-left: 30px;
}

.daily-challenge-main .panal-sec-part {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding-top: 20px;
}

.daily-challenge-main .panal-sec-part .panal-left {
    width: 100%;
    padding: 0;
}

.daily-challenge-main .panal-sec-part .panal-right {
    width: 100%;
    padding: 0;
}

.daily-challenge-main .panel-tab {
    justify-content: space-between;
    border-bottom: 2px solid #dadbdd;
    align-items: center;
}

.daily-challenge-main.challenge-tab-pane {
    width: 100%;
    padding-bottom: 90px;
}

.daily-challenge-main .col-lg-4,
.daily-challenge-main .col-lg-8 {
    padding: 0px 20px;
}

.daily-challenge-main .premium {
    margin-bottom: 0px;
}

.discussion-cnt-main.discussion-cnt-tp {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.discussion-cnt-main.discussion-cnt-tp a {
    height: 50px;
    line-height: 50px;
    width: auto;
    margin-top: -20px;
    font-size: 18px;
    padding: 0 20px;
    font-family: 'Poppins-Medium';
}

.discussion-cnt form input {
    height: 53px !important;
    padding: 5px 25px;
}

.discussion-cnt textarea {
    resize: none;
    padding: 20px 25px;
}

.challenge-inp-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.discussion-select-form {
    width: 100%;
    float: left;
    display: none;
}

.challenge-inp-sec-box {
    width: calc(100% + 16px);
    margin: 0px -8px;
}

.challenge-inp-sec-box .col-lg-6 {
    padding: 0px 8px;
    float: left;
}

.ch-inp {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 5px 25px;
    font-size: 16px;
    color: #b1b1b1;
    border: 1px solid #dadbdd;
    height: 53px;
    background-color: #f6f6f6;
    margin-bottom: 20px;
}

select.ch-inp {
    background-image: url('../images/custome-select.jpg');
    background-repeat: no-repeat;
    background-position: 95%;
    appearance: none;
}

.discussion-select-form form {
    width: 100%;
    float: left;
    border-bottom: 3px solid #f5f5f5;
    padding-bottom: 10px;
}

.discussion-inp-form .new-submit {
    border-bottom: 3px solid #f5f5f5;
}

.discussion-cnt form input.ch-inp-search {
    padding-right: 60px;
    float: left;
}

.search-icon-box {
    width: 58px;
    height: 52px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #ffaa32;
    box-shadow: none;
    border: 0px;
    position: absolute;
    right: 1px;
}

.related-challenge-cnt .free {
    margin-top: 0px;
}

.related-challenge-cnt .review ul {
    padding: 0px;
    margin: 0px;
}

.over-about-challenger-box .about-challenger-main-after {
    width: 100%;
}

.over-about-challenger-box .about-challenger-main-after ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.over-about-challenger-box .about-challenger-main-after ul li {
    padding-right: 0px;
}

.my-challenges-slider .tab-pane-slider-box-one .tab-pane-slider-align {
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.my-challenges-slider .tab-pane-slider-box-one .tab-pane-slider-align .tab-pane-slider-cnt {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.my-challenges-slider .tab-pane-slider-box-one .tab-pane-slider-align .tab-pane-slider-cnt .my-challange-block-inner {
    flex: 1;
}

.bio-content-block {
    margin-top: 39px;
    margin-bottom: 0;
}

.bio-content-block {
    width: 100%;
}

.bio-content-block>h3 {
    font-size: 36px;
    color: #002333;
    width: 100%;
    font-family: 'Poppins-SemiBold';
    margin-bottom: 20px;
    line-height: 41px;
}

.bio-content-block>h6 {
    font-size: 20px;
    color: #002333;
    width: 100%;
    font-family: 'Poppins-Medium';
    margin-bottom: 20px;
}

.bio-content-block>p {
    font-size: 16px;
    color: #002333;
    width: 100%;
    font-family: 'Poppins-Medium';
    margin-bottom: 20px;
}

.bio-social-media {
    display: grid;
    justify-content: center;
    padding-bottom: 60px;
    padding-top: 20px;
}

.bio-content-detail-block {
    margin: 0 -10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.bio-content-box {
    width: 122px;
    padding: 0 10px;
}

.bio-content-inner {
    width: 100%;
    box-shadow: 0px 0px 3.92px 0.08px rgba(184, 184, 184, 0.5);
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 13px 0;
}

.bio-content-inner h3 {
    width: 100%;
    color: #002333;
    font-size: 21px;
    font-weight: 500;
}

.bio-content-inner p {
    width: 100%;
    font-size: 10px;
    margin: 0;
}

.bio-challage-list {
    margin-top: 80px;
}

.bio-challage-list .title-main {
    padding-bottom: 40px;
}

.blog-detail-content {
    padding: 80px 0;
}

.blog-detail-content-block {
    padding: 20px;
    background-color: #f6f6f6;
}

.blog-detail-info {
    margin-top: 50px;
}

.blog-detail-info h4 {
    font-family: 'Poppins-SemiBold';
    font-size: 22px;
    color: #002333;
    margin-bottom: 20px;
    line-height: 26px;
}

.panel-tab .other-btn {
    margin: 2px 0px 0 20px;
    width: 31%;
}

.panel-tab .other-btn a {
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    width: auto;
    padding: 0 20px;
    float: right;
    font-size: 18px;
    font-family: 'Poppins-Medium'
}

.panel-tab .other-btn .premium {
    margin-bottom: 0;
    justify-content: flex-end;
}


/*blog details css*/

.blog-details-main {
    background: #f6f6f6;
    padding: 20px;
}

.blog-details-other-lh .read-more-btn {
    float: right;
}

.blog-details-main .blog-cnt-main-after h4 {
    font-size: 22px;
}

.blog-details-img {
    margin-bottom: 40px;
}

.blog-details-other-lh .read-more-btn {
    float: right;
    margin-top: 15px;
}

.blog-details-main .blog-cnt-main-after-des p {
    font-size: 16px;
    line-height: 27px;
    color: #2d2d2d;
    font-weight: 400;
    margin-bottom: 20px;
}

.blog-details-main .blog-cnt-main-after-des h3 {
    font-size: 24px;
    line-height: 27px;
    color: #2d2d2d;
    font-weight: 400;
    padding-bottom: 12px;
}

.blog-profile-athor {
    background: #ffffff;
    padding: 20px;
}

.blog-profile-athor .blog-profile {
    align-items: center;
}

.blog-profile-athor .blog-profile p {
    font-size: 16px;
    color: #002333;
}

.blog-profile-athor-des p {
    font-size: 16px;
    line-height: 27px;
    color: #002333;
}

.blog-details-sidebar {
    background: #f6f6f6;
    padding: 20px;
    min-height: 500px;
}

.blog-profile-sidebar-box p {
    font-size: 15px;
    color: #002333;
    font-weight: 600;
    padding-bottom: 0;
}

.blog-profile-sidebar-box span {
    font-size: 14px;
    line-height: 27px;
    color: #606060;
    font-weight: 400;
}

.blog-details-sidebar .blog-profile img {
    object-fit: contain;
}

.blog-details-sidebar-box {
    padding: 5px 0;
    border-bottom: 2px solid #e1e1e1;
}

#popover-content.hide {
    display: none;
}

.webui-popover {
    min-width: 50px;
    width: 339px;
    min-height: 32px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 4px 16px rgba(20, 23, 28, .25);
    border-color: transparent;
    border-radius: 2px;
}

.webui-popover .webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: block;
}

.course-popover-content .last-updated {
    margin: 10px 0;
    font-size: 13px;
}

.course-popover-content .course-title a {
    visibility: visible;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.3px;
    color: #505763;
    text-transform: capitalize;
}

.course-popover-content .course-title a:hover {
    text-decoration: underline;
}

.course-popover-content .course-category {
    color: #686f7a;
    font-size: 11px;
    margin-top: 7px;
}

.course-popover-content .course-category .course-badge {
    margin-right: 10px;
    box-shadow: 0 0 0;
}

.course-popover-content .course-meta span {
    margin-right: 10px;
    font-size: 13px;
    color: #7a7d82;
}

.course-popover-content .course-meta span i {
    font-size: 12px;
    margin-right: 5px;
}

.course-popover-content .course-meta {
    padding: 5px 0;
}

.course-popover-content .course-subtitle {
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    visibility: visible;
    font-size: 15px;
    line-height: 1.53;
    letter-spacing: -.2px;
    color: #686f7a;
    padding-top: 10px;
}

.course-popover-content .what-will-learn {
    margin-top: 15px;
}

.course-popover-content .what-will-learn ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.course-popover-content .what-will-learn ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    max-height: 54px;
    visibility: visible;
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 13px;
    letter-spacing: -.2px;
    color: #686f7a;
}

.course-popover-content .what-will-learn ul li:before {
    content: ".";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 30px;
    line-height: 0;
    color: #dddddd;
}

.course-popover-content .popover-btns {
    margin-top: 50px;
    padding-right: 65px;
    position: relative;
    margin-bottom: 15px;
}

.course-popover-content .popover-btns .add-to-cart-btn {
    width: auto;
    ;
    padding: 5px 25px;
    line-height: 42px;
    text-align: center;
    background-color: #d7242b;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

.addedToCart {
    color: var(--theme-color);
    background-color: white;
    border-color: var(--theme-color);
}

.addedToCart:hover {
    color: #d7242b;
    background-color: white;
    border-color: #d7242b;
}

.course-popover-content .popover-btns .wishlist-btn {
    position: absolute;
    right: 8px;
    top: 8px;
    border: none;
    background: none;
    font-size: 24px;
}

.course-popover-content .popover-btns .wishlist-btn i {
    color: transparent;
    text-stroke: 1px #d7242b;
    -webkit-text-stroke: 1px #d7242b;
}

.course-popover-content .popover-btns .wishlist-btn.active i,
.course-popover-content .popover-btns .wishlist-btn:hover i {
    color: var(--theme-color);
}

.webui-popover.left>.webui-arrow,
.webui-popover.left-top>.webui-arrow,
.webui-popover.left-bottom>.webui-arrow {
    border-left-color: rgba(20, 23, 28, .1);
}

.webui-popover.right>.webui-arrow,
.webui-popover.right-top>.webui-arrow,
.webui-popover.right-bottom>.webui-arrow {
    border-right-color: #999;
    border-right-color: rgba(20, 23, 28, .1);
}

.popover {
    max-width: 370px;
}

.forgot-password-form-sec .title-main {
    padding: 20px;
    background-color: #009ae0;
}

.forgot-password-form-sec .form-cnt-main .title-main h1 {
    color: #fff;
    padding-bottom: 0;
    border-bottom: 0px;
}

.forgot-password-form-sec .form-cnt-main {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 10px;
    overflow: hidden;
}

.forgot-password-form-sec .main-form-box {
    padding: 20px;
}

.forgot-password-form-sec .main-form-box p {
    width: 100%;
    text-align: center;
}

.forgot-password-form-sec .main-form-box p a {
    color: #009ae0;
}


/* Hide the browser's default radio button */

.pannel-sub input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.pannel-sub input:checked~p {
    background-color: #99d9ea;
}

/*.select2-container .select2-selection--single {
    height: 60px;
    border: 0;
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #f6f6f6;
    color: #adadad;
    height: 60px;
    font-family: "Poppins";
    font-weight: 400;
    padding-left: 20px;
    border: 0;
    background-image: url(../images/angle-down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
    background-size: 15px;
    font-family: 'Poppins-Medium';
    padding-right: 20px;
    outline: none !important;
    line-height: 60px;
}

.filter-tab-all .select2-container--default .select2-selection--single .select2-selection__rendered {
    min-width: 220px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-search--dropdown {
    display: none;
}

.select2-container--open .select2-dropdown--below {
    border: 0;
}

.select2-container--open .select2-dropdown--below {
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #f6f6f6;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #002333;
}*/

.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    margin-top: 30px;
}

.custom-file-upload label {
    display: block;
    margin-bottom: 5px;
}

.file-upload-wrapper {
    position: relative;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.file-upload-input {
    width: 300px;
    color: #2b2b2b;
    font-size: 16px;
    padding: 11px 17px;
    border: none;
    background-color: #f6f6f6;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    float: left;
    flex: 1;
    border: 1px solid #009ae0;
    /* IE 9 Fix */
}

.file-upload-input:hover,
.file-upload-input:focus {
    background-color: #eef3f5;
    outline: none;
    color: #2b2b2b;
}

.file-upload-button {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 11px 20px;
    border: none;
    margin-left: -1px;
    background-color: #009ae0;
    float: left;
    /* IE 9 Fix */
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.cart-products-count img {
    width: 23px;
}

.bell-btn img {
    width: 21px;
}

/*.account-right-last-name .select2-container {
    width: 100% !important;
}
*/
.chat-left-side {
    max-height: 640px;
    overflow: hidden;
}

.msg-inner-right-block {
    height: 531px;
    overflow: hidden;
}

.tab-pane-slider-boxes.whishlist-block-main {
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.tab-pane-slider-boxes.whishlist-block-main .tab-pane-slider-box-one {
    width: calc(33.33% - 40px);
}

.form-box-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 7px;
}

.form-box-row label {
    margin: 0;
    font-size: 15px;
}


/**
  ** Created by: http://github.com/localnetwork/
  */

@media (min-width: 768px) {
    .responsive-tabs .dropdown-arrow {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .responsive-tabs {
        position: relative;
        border: 1px solid #ccc;
    }
    .responsive-tabs li {
        width: 100%;
        margin: 0 !important;
    }
    .responsive-tabs li>a {
        display: none;
        border: 0 !important;
        border-radius: 0 !important;
    }
    .responsive-tabs.open li>a,
    .responsive-tabs li>a.active {
        display: block;
    }
    .responsive-tabs .dropdown-arrow {
        position: absolute;
        top: 15px;
        right: 15px;
        border: solid black;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        vertical-align: middle;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: all ease .5s;
        cursor: pointer;
    }
    .responsive-tabs.open .dropdown-arrow {
        transform: rotate(-135deg);
        transition: all ease .5s;
    }
}

.challage-block-popup {
    position: absolute;
    top: calc(100% + 50px);
    background-color: #fff;
    min-width: 300px;
    z-index: 11;
    right: 0;
    padding: 20px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    display: none;
}

.challage-block-popup p {
    color: #475e75;
    line-height: 25px;
    font-size: 16px;
}

.challage-block-popup a {
    width: 100%;
    background-color: #009ae0;
    display: block;
    text-align: center;
    padding: 10px;
    color: #fff;
    margin-top: 20px;
}

.challage-block-popup:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 3px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    transform: rotate(45deg);
}

.header-txt-sec:hover .challage-block-popup {
    display: block;
}

.header-txt-sec:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 78px;
    z-index: 1;
}

.header-txt-sec>p {
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.challage-block-popup a:hover {
    background-color: #002333;
}

.sdfa li.nav-item a {
    padding: 0;
}

.sdfa li.nav-item {
    padding-left: 0;
    width: 100%;
}

.sdfa li.nav-item a.active {
    padding: 13px 20px 13px 40px;
}

.sdfa li.nav-item a.active {
    background-color: #002333;
    border-radius: 50px;
    color: #fff;
}


/*04/03/2020*/

.daily-challenge-main .challenge-discuss-one.panal-sec-part .panal-left {
    width: 100%;
}

.panel-tab .other-btn a:hover,
.discussion-cnt-main.discussion-cnt-tp a:hover {
    background-color: #ffaa32;
}

.new-submit a:hover {
    background-color: #009ae0;
}

.daily-challenge-main .panel-tab .other-btn {
    padding-left: 0px;
    margin-left: 0px;
}

.panel-tab .other-btn .premium {
    justify-content: center;
}

.category-cnt-before span.btn.days-chn-btn {
    font-size: 11px;
    padding: 15px;
    width: auto;
    height: auto;
    line-height: 0px;
}

span.btn.days-chn-btn {
    min-width: 92px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #d7242b;
    color: #fff;
    border: none;
    padding: 0;
    border-radius: 10px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

.new-category-list-cnt span.btn.days-chn-btn {
    margin-left: 20px;
}

.new-tab-cnt .tab-pane-slider-cnt .day-btn span {
    color: #fff;
    background-color: #d7242b;
    padding: 10px 15px;
    border-radius: 10px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

.new-tab-cnt .tab-pane-slider-cnt .day-btn span i {
    padding-top: 9px;
    padding-left: 20px;
}

.new-tab-cnt .tab-pane-slider-cnt .second-day-btn span {
    background-color: #ffaa32;
    border-bottom: none;
}

.sdfa.nav-tabs .nav-link:focus,
.sdfa.nav-tabs .nav-link:hover {
    border-color: transparent;
}


/*.custom-select-option:hover .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}*/

.header-drop-down-sec:hover .challage-block-popup {
    display: block;
}

.challenges-dropdown-main ul {
    padding: 0px;
    margin: 0px;
}

.header-txt-sec.header-drop-down-sec .challage-block-popup {
    padding: 10px 0px;
}

.challenges-dropdown-main ul li {
    list-style: none;
    display: block;
    padding: 0px;
    position: relative;
}

.challenges-dropdown-main ul li ul.sub-child {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    left: 100%;
    background-color: #fff;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);
    top: 0px;
    min-width: 200px;
    min-height: 200px;
    padding: 10px 0px;
}

.challenges-dropdown-main ul li.sub-has:hover ul.sub-child {
    opacity: 1;
    visibility: visible;
}

.challenges-dropdown-main ul li a {
    padding: 8px 12px;
    text-decoration-line: none;
    border-bottom: 0px;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    font-weight: 500;
    color: #002333;
    line-height: 18px;
    transition: all .4s ease-in-out;
    background-color: transparent;
    text-align: left;
    margin-top: 0px;
}

.challenges-dropdown-main ul li a:hover {
    color: #fff;
}

.wishlist-modals {
    padding: 0px;
    position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.3s ease;
}

.like-btn:hover .challage-block-popup {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

.like-btn {
    position: relative;
}

.wishlist-modal-sec-part {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}

.wishlist-left-pic {
    width: 60px;
    display: flex;
    flex-wrap: wrap;
}

.like-btn .wishlist-left-pic img {
    width: 100%;
}

.wishlist-right-cnt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    padding-left: 10px;
}

.wishlist-right-cnt h5 {
    font-size: 14px;
    font-family: 'Poppins-Medium';
    color: #2b2b2b;
}

.wishlist-right-cnt h6 {
    font-size: 14px;
    font-family: 'Poppins-Bold';
    width: 100%;
}

.wishlist-left-pic a {
    background-color: transparent;
    margin-top: 0px;
    padding: 0px;
}

.challage-block-popup.wishlist-modals a:hover {
    background-color: inherit;
}

.whislist-cart-btn.my-challenges-btn a {
    margin-top: 5px;
    margin-left: 0px;
    border: 1px solid #009ae0;
    color: #009ae0;
    padding: 4px;
    font-size: 14px;
    background-color: transparent;
}

.whislist-cart-btn.my-challenges-btn a:hover {
    background-color: #009ae0;
    color: #fff;
}

.challage-block-popup.wishlist-modals .challage-block-btn a:hover {
    background-color: #002333;
}

.wishlist-modal-sec-part-main-part {
    width: 100%;
}

.wishlist-modals-footer {
    padding: 5px 20px 20px;
    background-color: #f6f6f6;
}

.cart-icon-main {
    position: relative;
}

.cart-icon-main:hover .cart-modal {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

.cart-modal-dtl {
    width: 100%;
    padding-top: 10px;
}

.cart-modal-total {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cart-modal-total h5 {
    font-size: 14px;
    font-family: 'Poppins-Medium';
    color: #2b2b2b;
}

.cart-modal-total h6 {
    font-size: 14px;
    font-family: 'Poppins-Bold';
}

.my-challenges-btn {
    position: relative;
}

.my-challenges-btn:hover .wishlist-modals {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

.my-challenges-modal .wishlist-left-pic a {
    border: 0px;
    margin-left: 0px;
}

.wishlist-modal-sec-part {
    align-items: flex-start;
}

.my-challenges-modal .progress-bar {
    border-radius: 10px;
    background-color: #dc3545;
}

.my-challenges-modal .progress {
    height: 5px;
    width: 100%;
    border-radius: 10px;
}

.my-challenges-modal .wishlist-modal-sec-part-main-part {
    max-height: 230px;
    overflow: auto;
}

.my-challenges-modal .wishlist-modal-sec-part:hover {
    background-color: #f6f6f6;
}

.my-challenges-modal .wishlist-modal-sec-part {
    cursor: pointer;
}

.my-challenges-modal .challage-block-popup a {
    margin-left: 0px;
}

.my-challenges-modal .challage-block-popup a:hover {
    border-color: #002333;
}

.challage-block-popup.wishlist-modals.my-challenges-modal .challage-block-btn a:hover {
    border-color: #002333;
}

.challage-block-popup.wishlist-modals.my-challenges-modal .challage-block-btn a {
    margin-left: 0px;
}

.course-popover-content .popover-btns .add-to-cart-btn:hover {
    background-color: #002333;
}

.social-media-btn a:hover {
    background-color: #009ae0;
}

.skillshare-copy-box button:hover,
.send-btn a:hover,
.become-challenger-left-btn button:hover {
    background-color: #ffaa32;
}

.become-challenger-left-btn button {
    transition: all 0.5s ease;
}

.Checkout a:hover {
    background-color: #ffaa32;
}

.new-tab-cnt .tab-pane-slider-cnt .day-btn a:hover {
    background-color: #002333;
}

.new-tab-cnt .tab-pane-slider-cnt .second-day-btn a:hover {
    background-color: #002333;
}

.new-tab-cnt .tab-pane-slider-cnt .day-btn span:hover {
    background-color: #002333;
}

.new-tab-cnt .tab-pane-slider-cnt .day-btn span {
    transition: all .5s ease;
}

.account-right-submit button {
    transition: all .5s ease;
}

.account-right-submit button:hover {
    background-color: #ffaa32;
}

.chl-leader-brd-first {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.chl-leader-brd-first-cnt {
    align-items: center;
}
.chl-leader-brd-first {
    min-height:  70px !important;
}
.chl-leader-brd-first-cnt h6 {
    line-height: normal;
}
.brow>.row {
    min-height: 80px !important;
}
#tabs-4 .leader-board-cnt {
    padding: 8px 18px !important;
}
.chl-leader-brd-first-cnt a {
    font-size: 16px !important;
    padding: 0px 18px !important;
    height: 42px !important;
    line-height: 42px !important;
}
.chl-leader-brd-first-cnt a:hover {
    background-color: #ffaa32;
}

.panel-tab .other-btn {
    margin: 2px 0px 0 0px;
}

.hours a:hover,
.single-btn a:hover,
.share-frd a:hover,
.submit-tab a:hover {
    background-color: #009ae0;
}

.challenges-dropdown-main ul li a>i {
    margin-right: 10px;
    width: 17px;
    text-align: center;
}

.main-profile-dropdown .dropdown {
    position: relative;
}

.profile-dropdown-block {
    position: absolute;
    top: calc(100% + 37px);
    right: 0;
    min-width: 300px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    background-color: #fff;
    display: none;
    z-index: 1;
}

.profile-dropdown-block:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 3px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    transform: rotate(45deg);
}

.main-profile-dropdown .dropdown:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 86px;
    z-index: 1;
}

.profile-dropdown-block ul {
    padding: 13px 0;
    margin: 0;
    list-style: none;
}

.profile-dropdown-block ul li {
    width: 100%;
}

.profile-dropdown-block ul li a {
    padding: 8px 26px;
    text-decoration-line: none;
    border-bottom: 0px;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    font-weight: 500;
    color: #002333;
    line-height: 18px;
    transition: all .4s ease-in-out;
    background-color: transparent;
    text-align: left;
    margin-top: 0px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.profile-dropdown-block ul li a .profile-display-img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
}

.profile-dropdown-block ul li a .profile-display-info {
    flex: 1;
    padding-left: 15px;
}

.profile-dropdown-block ul li a .profile-display-info span {
    font-size: 16px;
    transition: all 0.5s;
}

.profile-dropdown-block ul li a .profile-display-info p {
    color: #002333;
    font-size: 16px;
    transition: all 0.5s;
}

.profile-dropdown-block ul li a:hover {
    background-color: #002333;
    color: #fff;
}

.profile-dropdown-block ul li a:hover .profile-display-info span,
.profile-dropdown-block ul li a:hover .profile-display-info p {
    color: #fff;
}

.profile-dropdown-block ul li a>i {
    margin-right: 10px;
    width: 17px;
    text-align: center;
}

.main-profile-dropdown .dropdown:hover .profile-dropdown-block {
    display: block;
}

.challage-block-main {
    background-image: url(../images/icon1.png);
    padding-left: 27px;
    background-repeat: no-repeat;
    background-size: 17px;
}

.challenge-details-one-tab-sub-sec {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.challenge-details-one-tab-sub-left {
    width: 66.66%;
}

.challenge-details-one-tab-sub-sec .panal-right {
    width: 33.33%;
}

.daily-challenge-main .panel-tab ul.nav-tabs li.nav-item .nav-link {
    font-size: 18px;
}

.challenge-header .challage-block-main {
    background-image: none;
}

.panel-tab ul.nav-tabs li.nav-item .nav-link {
    font-size: 18px;
    font-family: 'Poppins-Regular';
}

.challenger-sub-page-tab .panel-tab ul.nav-tabs {
    max-width: 66.66%;
}

.challenger-sub-page-tab .panel-tab ul.nav-tabs li.nav-item {
    width: 25%;
}

.challenger-sub-page-tab .panel-tab {
    border-bottom: 2px solid #dadbdd;
    align-items: center;
}

.challenger-sub-page-tab .panel-tab ul.nav-tabs {
    border-bottom: 0px;
}

.daily-challenge-main .video-part {
    height: 100%;
    /* height: 463px; */
}

.daily-challenge-main .video-link {
    /* height: 89%; */
    /* height: 463px; */
}

.daily-challenge-main .video-link video {
    display: block;
    height: 100%;
}

.daily-challenge-main .col-lg-4,
.daily-challenge-main .col-lg-8 {
    padding: 0px 15px;
}

.chl-leader-brd-first {
    min-height: 121px;
}


/*************************price-management***********************************/

.price-management {
    padding-bottom: 50px;
}

.price-table {
    width: 100%;
    padding: 35px;
}

.table-dark {
    width: 100%;
    background-color: #002333;
    color: #fff;
}

.text-center {
    text-align: center !important;
}

.table-dark td,
.table-dark th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #244f63;
    font-family: 'Poppins-Regular';
}

.table-dark thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #244f63;
}


/********************************privacy-policy***************************/

.privacy-policy {
    width: 100%;
    padding-bottom: 50px;
}

.privacy-policy-text {
    width: 100%;
    padding: 35px;
}

.privacy-policy-text p {
    font-size: 16px;
    line-height: 31px;
    color: #002333;
    font-weight: 400;
    font-family: 'Poppins-Regular'
}

.privacy-policy-text p span {
    padding-right: 10px;
}


/*********************************Affiliate******************************/

.Affiliate {
    width: 100%;
    padding-bottom: 50px;
}

.Affiliate-text {
    width: 100%;
    padding: 35px;
}

.Affiliate-text p {
    font-size: 16px;
    line-height: 31px;
    color: #002333;
    font-weight: 400;
    font-family: 'Poppins-Regular';
    margin-bottom: 10px;
}

.Affiliate-text p span {
    font-family: 'Poppins-Bold';
}

.blog-modal .modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.blog-modal .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.blog-modal .modal-header h5 {
    font-family: 'Poppins-regular';
}

.blog-modal .modal-header:after {
    border-bottom: none;
}

.blog-modal .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.blog-modal .modal-body input {
    display: block;
    width: 75%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display: inline;
}

.modal-input {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.modal-input button {
    color: white;
    background-color: #009ae0;
    border-color: #009ae0;
    padding: 7px 15px 9px;
    font-size: 15px;
    border-radius: 0;
    font-weight: 600;
    width: 90px;
}

.blog-modal .modal-body {
    margin: 10px 0px;
    border-bottom: 1px solid #e9ecef !important;
}

.modal-social {
    padding-top: 20px;
}

.modal-social ul {
    padding-left: 0;
}

.modal-social ul li {
    display: inline;
    padding-right: 10px;
}

.modal-social ul li a {
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 20px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    background: var(--main-color);
    position: relative;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    overflow: hidden;
    font-size: 26px;
    border-radius: 4px;
}

.modal-social ul li a.twitter {
    background: #00ACED;
    text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba;
}

.modal-social ul li a.twitter:hover {
    color: #00ACED;
}

.modal-social ul li a.facebook1 {
    background: #3B579D;
    text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278;
}

.modal-social ul li a.facebook1:hover {
    color: #3B579D;
}

.modal-social ul li a.linkedin {
    background: #007BB6;
    text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983;
}

.modal-social ul li a.linkedin:hover {
    color: #007BB6;
}

.modal-social ul li a.envelope {
    background-color: #000;
}

.modal-social ul li a:hover {
    background: white;
    text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4;
}

.blog-modal .modal-footer button {
    color: white;
    background-color: #009ae0;
    border: none;
    padding: 7px 15px 9px;
    font-size: 15px;
    border-radius: 0;
    font-weight: 600;
}

.blog-modal .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
}


/*********************************signup-succesfull******************************/

.signup {
    width: 100%;
    padding: 30px 0px 50px;
}

.signup-form {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.signup-form-titlebox {
    text-align: center;
    color: white;
    padding: 20px;
    background-color: #009ae0;
    width: 100%;
}

.signup-form-title h6 {
    font-size: 22px;
    font-weight: 700;
    font-family: 'Poppins-Bold';
}

.signup-form-text p {
    font-family: 'Poppins-regular';
    font-size: 15px;
    line-height: 25px;
}

.signup-text {
    width: 100%;
    height: 10em;
}

.signup-updatebox {
    border-top: 1px solid #dddddd;
    padding: 20px;
    text-align: center;
}

.signup-updatebox a {
    color: white;
    background-color: #009ae0;
    border-color: #009ae0;
    padding: 7px 20px 9px;
    font-size: 15px;
    border-radius: 0;
    font-weight: 600;
    font-family: 'Poppins-Medium';
}

.signup-updatebox a:hover {
    background-color: #ffaa32;
    border-color: #ffaa32;
}


/*********************************************viral-marketing***********************************************/

.viral-marketing {
    width: 100%;
    padding-top: 30px;
}

.viral-marketing-title {
    width: 100%;
    margin-bottom: 8px;
}

.viral-marketing-title h6 {
    font-family: 'Poppins-Bold';
    letter-spacing: 1px;
    font-size: 40px;
    line-height: 48px;
    color: #002333;
}

.viral-marketing-text {
    width: 100%;
    margin-bottom: 8px;
}

.viral-marketing-text p {
    font-family: 'Poppins-Regular';
    font-size: 20px;
    line-height: 28px;
    color: #475e75;
}

.review-block ul {
    padding-left: 0;
}

.review-block ul li {
    display: inline;
    color: #009ae0;
    font-size: 15px;
    vertical-align: middle;
    line-height: 1;
}

.review-block ul span {
    margin-left: 7px;
    font-size: 14px;
    color: #475e75;
    line-height: 22px;
    font-family: 'Poppins-regular';
}

.review-block ul span b {
    font-family: 'Poppins-Bold';
}

.video-block i {
    color: #d7242b;
    font-size: 15px;
    vertical-align: middle;
    line-height: 1;
}

.video-block span {
    margin-left: 7px;
    font-family: 'Poppins-Bold';
    font-size: 26px;
    line-height: 21px;
    color: #002333;
}

.time-block i {
    color: #000;
    font-size: 28px;
    line-height: 1;
}

.time-block span {
    margin-left: 10px;
    font-family: 'Poppins-Bold';
    font-size: 20px;
    line-height: 21px;
    color: #002333;
}

.viral-marketing-rating {
    width: 100%;
    padding-bottom: 15px;
}

.viral-video {
    width: 100%;
    margin-bottom: 48px;
}

.viral-video video[poster] {
    height: 100%;
    width: 100%;
}

.viral-user-img img {
    width: 70px;
    height: 70px;
}

.viral-user-title {
    width: 100%;
    margin-left: -40px;
}

.viral-user-title h6 {
    font-size: 22px;
    line-height: 28px;
    color: #002333;
    font-family: 'Poppins-Bold';
}

.viral-user-text {
    width: 100%;
    margin-left: -40px
}

.viral-user-text p {
    font-size: 16px;
    line-height: 24px;
    color: #607387;
    font-family: 'Poppins-regular';
}

.viral-user {
    width: 100%;
    margin-bottom: 48px;
}

.after-course {
    width: 100%;
    padding-bottom: 48px;
}

.after-course-title {
    width: 100%;
    margin-bottom: 25px;
}

.after-course-title h6 {
    font-size: 28px;
    line-height: 36px;
    color: #002333;
    font-family: 'Poppins-Bold';
}

.after-course-list {}

.after-course-list ul {
    padding-left: 0;
}

.after-course-list ul li {
    font-family: 'Poppins-regular';
    font-size: 16px;
    line-height: 24px;
    color: #475e75;
    margin: 0 0 12px 0;
    position: relative;
    display: flex;
}

.after-course-list ul li span {
    padding-right: 10px;
}

.after-course-list ul li span i {
    width: 25px;
    height: 25px;
    background-color: #009ae0;
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    padding-top: 5px;
    text-align: center;
}

.about-course-text {
    width: 100%;
}

.about-course-text p {
    font-family: 'Poppins-regular';
    font-size: 16px;
    line-height: 24px;
    color: #475e75;
    margin-bottom: 25px;
}

.social-sare {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 48px;
}

.social-sare ul {
    padding-left: 12px;
}

.social-sare ul li {
    display: inline;
    margin-right: 12px;
}

.social-sare ul li a i {
    color: #7a7d85;
    font-size: 20px;
}

.social-sare-title h6 {
    font-size: 14px;
    line-height: 21px;
    color: #002333;
    font-family: 'Poppins-Bold';
}

.what-learn {
    width: 100%;
    margin-bottom: 48px;
}

.what-learn-list ul {
    padding-left: 0;
}

.what-learn-list ul li {
    position: relative;
    font-family: 'Poppins-regular';
    font-size: 16px;
    line-height: 24px;
    color: #475e75;
    margin: 0 0 8px 0;
    padding: 0 0 0 30px;
}

.what-learn-list ul li:after {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #009ae0;
}

.why-learn {
    margin-bottom: 48px;
}

.why-learn-text p {
    font-family: 'Poppins-regular';
    font-size: 16px;
    line-height: 24px;
    color: #475e75;
    margin-bottom: 25px;
}

.course-for {
    width: 100%;
    margin-bottom: 48px;
}

.requirements {
    width: 100%;
    margin-bottom: 48px;
}

.what-included {
    width: 100%;
    margin-bottom: 48px;
}

.total-review-title {
    width: 100%;
    margin-bottom: 15px;
}

.total-review-title h6 {
    font-family: 'Poppins-Bold';
    line-height: normal;
    font-size: 30px;
    color: #0e0e0f;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.rating {
    border-bottom: 1px solid #f3f3f3;
    padding: 16px 0;
}

.rating-text p {


    font-size: 15px;
    line-height: 22px;
    color: #475e75;
}

.load-more-btn button {
    width: 270px;
    height: 60px;
    border: 1px solid #009ae0;
    color: #009ae0;
    padding: 0;
    text-align: center;
    text-transform: initial;
    background-color: transparent;
    margin-top: 25px;
    font-size: 16px;
    font-family: 'Poppins-Bold';
    margin-bottom: 48px;
    border-radius: 10px;
}

.load-more-btn button:hover {
    background-color: #009ae0;
    color: #fff;
}

.more-courses-title {
    width: 100%;
    margin-bottom: 24px;
}

.more-courses-title h6 {
    font-family: 'Poppins-Bold';
    font-size: 28px;
    line-height: 130%;
    color: #0e0e0f;
}

.more-courses-btn {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 8px;
}

.more-courses-btn button.course-btn {
    background: #EFEFF0;
    border: 0px solid #EFEFF0;
    box-sizing: border-box;
    border-radius: 17px;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #0e0e0f;
    padding: 0px 8px;
    font-weight: bold;
    font-size: 10px;
    line-height: 17px;
    margin-right: 8px;
    font-family: 'Poppins-Bold';
}

.more-courses-btn button.best-seller-btn {
    background: #FFB33E;
    border: 0px solid #FFB33E;
    color: #fff;
    box-sizing: border-box;
    border-radius: 17px;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 0px 8px;
    font-weight: bold;
    font-size: 10px;
    line-height: 17px;
    margin-right: 8px;
    font-family: 'Poppins-Bold';
}

.more-courses-subtitle h6 {
    font-family: 'Poppins-Bold';
    font-size: 18px;
    line-height: 25px;
    color: #404145;
    margin: 0px;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.rating-time {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 6px;
}

.rate-star {
    margin-right: 12px;
}

.rate-star p {
    font-size: 14px;
    line-height: 21px;
    color: #FFB33E;
    font-family: 'Poppins-SemiBold';
}

.rate-star p i {
    margin-right: 4px;
}

.rate-star p span {
    margin: 0 0 0 3px;
    font-size: 14px;
    line-height: 21px;
    color: #B5B6BA;
}

.rate-time p {
    font-size: 14px;
    line-height: 21px;
    color: #0e0e0f;
    display: flex;
    align-items: center;
    font-family: 'Poppins-Bold';
}

.rate-time p i {
    color: #009ae0;
    margin-right: 4px;
}

.more-courses-text {
    width: 100%;
    margin-top: 6px;
}

.more-courses-text p {
    font-size: 14px;
    line-height: 21px;
    color: #404145;
    font-weight: normal;
    font-family: 'Poppins-Bold';
}

.more-courses-text1 {
    width: 100%;
    margin-bottom: 8px;
}

.more-courses-text1 p {
    font-family: 'Poppins-regular';
    font-size: 12px;
    line-height: 18px;
    color: #607387;
}

.more-courses-price {
    width: 100%;
    margin-top: 6px;
}

.more-courses-price p {
    font-size: 28px;
    line-height: 36px;
    color: #404145;
    font-family: 'Poppins-Bold';
}

.more-courses-price p sup {
    font-size: 16px;
    line-height: 22px;
    color: #404145;
    top: -10px;
    left: -2px;
}

.more-courses-btn button.new-btn {
    background: #FF62AD;
    color: #FFFFFF;
    border: 0px solid #FF62AD;
    box-sizing: border-box;
    border-radius: 17px;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 0px 8px;
    font-weight: bold;
    font-size: 10px;
    line-height: 17px;
    margin-right: 8px;
    font-family: 'Poppins-Bold';
}

.more-courses {
    width: 100%;
    margin-bottom: 30px;
}

.frequent-question {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding: 50px 20px 30px;
}

.frequent-question-title {
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}

.frequent-question-title h6 {
    color: #404145;
    font-size: 32px;
    font-family: 'Poppins-Bold';
    font-weight: 600;
    letter-spacing: -.3px;
    text-transform: capitalize !important;
}

.frequent-question1 {
    width: 100%;
    padding-bottom: 20px;
}

.frequent-question-subtitle {
    width: 100%;
}

.frequent-question-subtitle h6 {
    font-size: 15px;
    font-family: 'Poppins-Bold';
    color: #0e0e0f;
}

.frequent-question-text {
    width: 100%;
    padding-top: 5px;
}

.frequent-question-text p {
    color: #607387;
    font-size: 15px;
    line-height: 140%;
    font-family: 'Poppins-regular';
}

.related-courses {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding: 50px 20px 30px;
}

.btn-list {}

.btn-list ul {
    text-align: center;
}

.btn-list ul li {
    display: inline-block;
    margin: 0 5px;
    position: relative;
    padding: 14px;
}

.btn-list ul li a {
    border-color: transparent;
    font-size: 14px;
    line-height: 120%;
    padding: 10px 20px;
    margin: 0;
    border-radius: 5px;
    display: block;
    background-color: #F0F0F0;
    color: #607387;
    transition: all 1s ease;
}

.viral-marketing-right {
    border: 1px solid #DADBDD;
    border-radius: 4px;
    padding: 32px;
    border-top: 5px solid #009ae0;
}

.price-blog p {
    font-family: 'Poppins-Bold';
    font-size: 40px;
    line-height: 48px;
    color: #002333;
}

.price-blog p sup {
    font-family: 'Poppins-Bold';
    font-size: 24px;
    line-height: 32px;
    color: #002333;
    /* top: -0.35em;*/
}

.buy-course-btn button {
    width: 100%;
    height: 60px;
    border: 1px solid #3722d3;
    color: #fff;
    background-color: #3722d3;
    text-align: center;
    text-transform: initial;
    margin-top: 18px;
    font-size: 16px;
    font-family: 'Poppins-Bold';
    border-radius: 10px;
    transition: 0.5s;
}

.buy-course-btn button:hover {
    border: 1px solid #3722d3;
    background-color: transparent;
    color: #3722d3;
}

.free-btn button {
    width: 100%;
    height: 60px;
    border: 1px solid #009ae0;
    color: #fff;
    background-color: #009ae0;
    text-align: center;
    text-transform: initial;
    margin: 18px 0px;
    font-size: 16px;
    font-family: 'Poppins-Bold';
    border-radius: 10px;
    transition: 0.5s;
}

.free-btn button:hover {
    border: 1px solid #009ae0;
    background-color: #fff;
    color: #009ae0;
}

.sale {
    margin-top: 12px;
    padding: 15px 20px;
    background: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    border: solid 1px transparent;
    position: relative;
}

.sale:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -3px;
    border-radius: inherit;
    background: -webkit-gradient(linear, left top, right top, from(#F4AC2A), to(#FF62AD));
    background: linear-gradient(to right, #F4AC2A, #FF62AD);
}

.sale-right {
    width: 100%;
    margin-left: 15px;
}

.sale-title h6 {
    font-size: 16px;
    line-height: 24px;
    color: #F85D5D;
    margin: 0px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-family: 'Poppins-Bold';
}

.sale-text p {
    font-family: 'Poppins-regular';
    font-size: 12px;
    line-height: 18px;
    color: #62646A;
    margin: 0px;
}

.course-wrap {
    width: 100%;
    padding-top: 20px;
}

.course-wrap ul {
    list-style-type: none;
    padding-left: 0;
}

.course-wrap ul li {
    display: flex;
    text-align: left;
    margin: 10px 0;
    position: relative;
}

.li-right p {
    font-family: 'Poppins-regular';
    font-size: 14px;
    line-height: 22px;
    color: #607387;
    padding-left: 10px;
}

.li-left {
    width: 8%;
    max-width: 22px;
}

.li-left img {
    width: 20px;
}

.viral-marketing-right1 {
    padding: 20px;
    border: 1px solid #DADBDD;
    border-radius: 4px;

    margin-top:20px !important;

}

.viral-marketing-sub {
    display: flex;
    align-items: center;
}

.viral-img {
    width: 100px;
    height: 40px;
    margin-right: 12px;
}


/*.viral-img img
{
    width:40px;
    height:40px;
}*/

.viral-text p {
    font-family: 'Poppins-regular';
    font-size: 14px;
    line-height: 22px;
    color: #607387;
}

.course-syllabus {
    border: 1px solid #DADBDD;
    border-radius: 4px;
    margin-top: 8px;
    padding: 20px;
}

.course-syllabus-title {
    width: 100%;
    margin-bottom: 30px;
}

.course-syllabus-title h6 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'Poppins-Bold';
    color: #002333;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.chapter {
    width: 100%;
}

.chapter p {
    color: #d7242b;
    margin-bottom: 5px;
    font-family: 'Poppins-regular';
    font-size: 14px;
    line-height: 22px;
}

.lesson {
    width: 100%;
}

.lesson p {
    font-family: 'Poppins-Bold';
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
    color: #002333;
}

.courses-list {}

.courses-list ul {
    padding-left: 0;
}

.courses-list ul li {
    color: #404145;
    font-family: 'Poppins-regular';
    font-size: 14px;
    line-height: 22px;
    margin: 12px 0px;
}

.final-quiz {
    width: 100%;
    margin-bottom: 30px;
}

.final-quiz p {
    color: #404145;
    font-family: 'Poppins-regular';
    font-size: 14px;
    line-height: 22px;
    margin: 12px 0px;
}

.free {
    font-family: 'Poppins-Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    padding: 1px 18px;
    text-align: center;
    margin-left: 15px;
    background: #d7242b;
    color: #ffffff;
    border: 1px solid transparent;
    float: none;
}

.free:hover {
    border: 1px solid #d7242b;
    color: #d7242b;
    background-color: transparent;
}

.category-box {
    margin: 0;
}

.viral-marketing-main1 {
    display: none;
}

.viral-main {
    display: none;
}

.mobile-viral-right {
    display: none;
}

.more-courses .tab-pane-slider-cnt h3 {
    font-size: 24px;
}

.category-dtl-right-leaderboad {
    width: 100%;
}

.review-box-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.rating-text-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 50px;
    /* flex: 1; */
}

.review-block-sub-main .rating-text {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.rating-text-left-name {
    padding-left: 15px;
}

.rating-text-left-name h5 {
    font-size: 16px;
}

.rating-text-left-name h6 {
    font-size: 16px;
    color: #475e75;
    line-height: 22px;
    font-family: 'Poppins-regular'
}

.review-block-sub-main .review-box-main {
    align-items: flex-start;
}

.review-block-sub-main .rating-text p {
    width: 100%;
}

.meet-our-challenger .about-challenger-main-before p {
    margin-left: 0px;
    font-size: 16px;
    color: #475e75;
    font-family: 'Poppins-regular';
    padding: 0px;
    width: 100%;
}

.meet-our-challenger .about-challenger-main-before h6 {
    margin-left: 0px;
    font-size: 24px;
    color: #3722d3;
    width: 100%;
    margin-bottom: 5px;
    font-family: 'Poppins-Bold';
}

.meet-our-challenger .about-challenger-main-before {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.meet-our-challenger .about-challenger-main-after {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}

.meet-our-challenger .about-challenger-main-after ul {
    border: 0px;
    padding: 0px;
    margin-bottom: 0px;
    padding-left: 20px;
    width: calc(100% - 100px);
    float: left;
}

.meet-our-challenger .about-challenger-main-after ul li {
    display: block;
    width: 100%;
    padding: 0px;
    margin-bottom: 5px;
}

.about-challenger-user-pic {
    width: 100px;
}

.about-challenger-user-pic img {
    width: 100%;
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
}

.about-challenger-bottom-text {
    width: 100%;
}

.about-challenger-bottom-text p {
    font-size: 16px;
    color: #475e75;
    font-family: 'Poppins-Regular';
    padding: 0px;
    width: 100%;
}

.about-challenger-bottom-text p a {
    color: #475e75;
    font-family: 'Poppins-Bold';
    text-decoration: underline !important;
}

.meet-our-challenger .about-challenger-main {
    border-bottom-width: 3px;
}

.feedback-part-main .feedback-main {
    border-bottom-width: 3px;
}

.meet-our-challenger {
    padding-top: 20px;
    border-top: 3px solid #f5f5f5;
}

.about-course-show-more-text {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.about-course-show-more-text a {
    font-size: 20px;
    color: #3722d3;
    width: 100%;
    font-family: 'Poppins-Bold';
}

.category-dtl-new-main .review-block {
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
}

.category-dtl-new-main .video-block {
    margin-left: 15px;
}

.viral-marketing-rating.category-dtl-new-main .row {
    justify-content: space-between;
}

.category-dtl-new-right-side .course-wrap ul li {
    margin: 10px 0 10px 10px;
}

.category-dtl-new-right-side .course-wrap h6 {
    font-size: 18px;
    color: #607387;
}

.category-dtl-new-right-side .course-wrap h6 span {
    color: #009ae0;
    text-decoration: underline;
}

.viral-img-left-side {
    width: 157px;
}

.category-dtl-new-right-side .viral-marketing-sub {
    align-items: center;
}

.review-block-star {
    text-align: center;
}

.review-block-star ul {
    padding-left: 0;
    margin-bottom: 5px;
}

.review-block-star ul li {
    display: inline;
    color: #009ae0;
    font-size: 20px;
    vertical-align: middle;
    line-height: 1;
}

.five-star {}

.five-star ul {
    padding-left: 0;
    margin-bottom: 0 !important;
}

.five-star ul li {
    display: inline;
    color: #009ae0;
    font-size: 20px;
    vertical-align: middle;
    line-height: 1;
}

.five-star ul .star-grey {
    color: #e0e0e0;
}

.price-blog p span {
    color: #009ae0;
}

.fa-mobile {
    color: #ffaa32;
}

.time-block img {
    width: 25px;
}

.find-more {
    width: 100%;
}

.find-more p {
    font-size: 18px;
    color: #607387;
    font-family: 'Poppins-Regular';
}

.find-more p a {
    color: #fa11b6;
    text-decoration: underline !important;
}

.viral-text p span {
    font-family: 'Poppins-Bold';
}


/*31/03/2020*/

.category-dtl-new-design-tp .viral-video video {
    height: 512px;
    width: 100%;
    object-fit: cover;
}

.category-dtl-new-design-tp .video-block span,
.category-dtl-new-design-tp .time-block span {
    font-size: 14px;
}

.category-dtl-new-design-tp .time-block img {
    width: 15px;
}

.category-dtl-new-design-tp .viral-user-title h6 {
    font-size: 20px;
}

.viral-user-main-sm {
    width: 100px;
    float: left;
}

.viral-user-main-sm-right-side {
    width: calc(100% - 100px);
}

.viral-user-main-sm-right-side .viral-user-title,
.viral-user-main-sm-right-side .viral-user-text {
    margin-left: 0px !important;
}

.total-review-title h6 {
    font-size: 28px;
}

.rating-text p {
    font-size: 16px;
}

.category-dtl-new-right-side .course-wrap h6 a {
    color: #009ae0;
    text-decoration: underline !important;
}

.category-dtl-new-phone-icon .li-left img {
    height: 25px;
    object-fit: contain;
}

.free-mium-part {
    width: 100%;
    float: left;
}

.viral-marketing-sub {
    justify-content: space-between;
}

.viral-marketing-left-side {
    width: auto;
    display: flex;
    align-items: center;
}

.category-dtl-new-design-tp .daily-plan-challenge-cnt-before h6 {
    font-size: 28px;
    line-height: 36px;
    color: #002333;
    font-family: 'Poppins-Bold';
}

.category-dtl-new-design-right-leaderboad {
    width: 100%;
    float: left;
}

.category-dtl-new-design-right-leaderboad-table {
    width: 100%;
    float: left;
}

.category-dtl-right-new-main-leaderboad-part {
    width: 100%;
    float: left;
    padding-right: 10px;
}

.leader-board-sub-cnt .row {
    margin: 0px;
}

.leader-board-header p {
    font-size: 14px;
}

.viral-marketing-rating.category-dtl-new-main .row {
    align-items: center;
}

.viral-marketing-rating.category-dtl-new-main .review-block ul {
    margin-bottom: 0px;
}

#playButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #002333;
    margin: auto;
    opacity: 1;
    cursor: pointer;
}

.playButton.active {
    display: none !important;
}

#playButton img {
    width: 30px;
}

.viral-video {
    position: relative;
}

.viral-video iframe {
    width: 100%;
    /* height: 512px; */
    /* height: 463px; */
}

.new-accordion.category-dtl-new-acc {
    height: 390px;
}

.leader-board-sub-cnt-before {
    align-items: center;
}

.viral-user .row {
    margin: 0px;
}

.achievers-icon img {
    width: 25px;
}

.category-dtl-new-main .video-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.achievers-icon {
    width: auto;
}

.category-dtl-new-main .video-block span {
    font-family: 'Poppins-regular';
}

.category-dtl-new-main .review-block ul span {
    margin-left: 0px;
}

.load-more-btn button {
    background-color: #009ae0;
    color: #fff;
    transition: all 0.5s ease;
}

.load-more-btn button:hover {
    background-color: #fff;
    border-color: #009ae0;
    color: #009ae0;
}

#statistics.counter-section .cell {height:100% !important; padding: 10px 5px !important;}

@media only screen and (max-width:1199px) {
    
}
@media only screen and (max-width:1099px) {
    table.challenge-point1 thead tr th, .daily-challenge-point-box table tbody tr td:first-child {
        font-size: 13px !important; 
        
    }
    .daily-challenge-main .panel-tab ul.nav-tabs li.nav-item .nav-link {
        font-size: 16px;
    }
    .progress-pie-chart span {display: none;}
}


.menu-icon-box .pgbtn .progressbar {
    /*display: inline-block;
    width:35%;
    margin: 0 7px 7px 0;*/
    display: inline-block;
    width: 23px;
    height: 23px;
    line-height: 23px;
    margin: 0px 4px 0px 0px;
    text-align: right;
}
.menu-icon-box .circle {
    /*width: 10%;
    margin: 0 auto;
    margin-top: 10px;
    display: inline-block;
    position: relative;
    text-align: center;*/
}
.menu-icon-box .circle canvas {
    vertical-align: middle;
    /*width: 30px;*/
    width: 23px;
    height: 23px;
}
.menu-icon-box .circle div {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}
.menu-icon-box .circle strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}
.menu-icon-box .circle span {
    display: block;
    color: #aaa;
    margin-top: 12px;
}