@charset "UTF-8";

/* 1. Reset***************************************************************/
* {
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: value;
    -moz-appearance: value;
    appearance: value;
    word-break: break-word;
}

html,
body,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
fieldset {
    margin: 0px;
    padding: 0px;
    border: 0;
    outline: 0;
    font-size: 100%;
}

a,
img a {
    text-decoration: none;
    border: 0;
    outline: 0 !important;
    transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    -webkit-transition: all ease-in 0.3s;
}

figure {
    margin: 0;
    padding: 0;
}

a,
button,
input {
    transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    -webkit-transition: all ease-in 0.3s;
}

:focus {
    outline: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

ol,
ul,
li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

img,
button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: auto;
}

img {
    -webkit-user-drag: none;
    -webkit-user-select: none;
}

button {
    cursor: pointer;
}

a,
img {
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
}

input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover,
a:active,
a:focus {
    text-decoration: none !important;
}

/* 2. Clearing Floats***************************************************************/
.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.full-height,
body,
html {
    height: 100%;
}

.scroll-hide {
    overflow: hidden;
}

/***********************Align************************************/
.text-right {
    text-align: right;
}

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

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

/***********************Align************************************/
.hidden_scroll {
    overflow: hidden;
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-50 {
    margin-top: 50px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.p-30 {
    padding: 30px;
}

/************************Loader*********************************/
body.loader_show {
    overflow: hidden;
}

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99;
    display: flex;
}

.loader_percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 18px;
}

.loader img {
    width: 110px;
}

body.loader_show .loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/************************Loader Close*********************************/
.vertical_mid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 100%;
    border: none;
    cursor: text;
    font-size: 12px;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/**********Progress Loader***********/
.loader_progress {
    position: fixed;
    -webkit-box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    background-color: #fff;
    width: 450px;
    height: 100px;
    padding: 0 20px;
    border-radius: 15px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99;
}

.meter {
    height: 20px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    background: #cecfd5;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.meter label {
    text-align: center;
    display: block;
    margin: 7px;
}

.meter span {
    display: block;
    height: 100%;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #f47920;
    background-image: -moz-linear-gradient(center bottom, #f47920 37%, #b3642d);
    -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
        inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
        inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}

.meter span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -moz-linear-gradient(-45deg,
            rgba(255, 255, 255, 0.2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0.2) 75%,
            transparent 75%,
            transparent);
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

/**********Progress Loader close***********/
@media (max-width: 650px) {
    .custom_chat_bot {
        bottom: 60px !important;
        right: 5px !important;
    }
}

@media (max-width: 650px) {
    .custom_chat_bot a {
        display: block;
    }
}

@media (max-width: 650px) {
    .custom_chat_bot a img {
        width: 95px;
        height: 85px !important;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

:root {
    --fc-small-font-size: 0.85em;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
    --fc-neutral-text-color: #808080;
    --fc-border-color: #ddd;
    --fc-button-text-color: #fff;
    --fc-button-bg-color: #f47920;
    --fc-button-border-color: #c95400;
    --fc-button-hover-bg-color: #c95400;
    --fc-button-hover-border-color: #f47920;
    --fc-button-active-bg-color: #c95400;
    --fc-button-active-border-color: #c95400;
    --fc-event-bg-color: #3788d8;
    --fc-event-border-color: #3788d8;
    --fc-event-text-color: #fff;
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: rgba(215, 215, 215, 0.3);
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(188, 232, 241, 0.3);
    --fc-today-bg-color: rgba(255, 220, 40, 0.15);
    --fc-now-indicator-color: red;
}

:root {
    --fc-small-font-size: 0.85em;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
    --fc-neutral-text-color: #808080;
    --fc-border-color: #ddd;
    --fc-button-text-color: #fff;
    --fc-button-bg-color: #f47920;
    --fc-button-border-color: #c95400;
    --fc-button-hover-bg-color: #c95400;
    --fc-button-hover-border-color: #f47920;
    --fc-button-active-bg-color: #c95400;
    --fc-button-active-border-color: #c95400;
    --fc-event-bg-color: #3788d8;
    --fc-event-border-color: #3788d8;
    --fc-event-text-color: #fff;
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: rgba(215, 215, 215, 0.3);
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(188, 232, 241, 0.3);
    --fc-today-bg-color: rgba(255, 220, 40, 0.15);
    --fc-now-indicator-color: red;
}

/**************Header*********************/
header {
    position: absolute;
    width: 100%;
    padding: 16px 0;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    background: #ffffff;
    z-index: 99;
    top: 0;
    border-bottom: 1px solid #f0f0f0;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

header.active {
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #ffffff;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    -webkit-box-shadow: 0 0 20px #e7f2ff91;
    box-shadow: 0 0 20px #e7f2ff91;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.flex-headrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.explore_col {
    width: 16%;
    position: relative;
}

.brand_wrap img {
    width: 147px;
}

.search_col {
    width: 25%;
    position: relative;
    visibility: visible;
    opacity: 1;
}

.nav_col {
    width: 60%;
}

.head_noti_bell {
    position: absolute;
    right: 80px;
    cursor: pointer;
}

.head_noti_bell img {
    width: 25px;
}

.head_noti_bell img {
    width: 22px;
}

.bage_count {
    position: absolute;
    width: 22px;
    height: 22px;
    background: #ffb58f;
    border-radius: 50%;
    top: -11px;
    right: -9px;
    text-align: center;
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nav_menu ul {
    text-align: right;
}

.nav_menu ul li {
    display: inline-block;
    padding: 0;
    position: relative;
    margin: 0 5px;
    vertical-align: bottom;
}

.nav_menu ul li a {
    font-size: 12px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
    display: block;
    padding: 7px 15px;
}

.account.active,
.account:hover {
    background: #f47920;
    color: #ffffff;
}

.search_col input[type="text"] {
    width: 100%;
    background: #f6faff;
    border: 1px solid #d9eaff;
    padding: 8px 39px 8px 11px;
    font-size: 14px;
}

.search-icon {
    background: transparent;
    top: 50%;
    position: absolute;
    right: 22px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/**********Explore Menu************/
.explore_col ul li {
    position: relative;
    padding: 0 18px 0 0;
    margin-left: 38px;
    margin-right: 20px;
  }

.explore_col ul li a {
    font-size: 13px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
}

.explore_cousres:hover .courses_list {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

/**********Explore Menu************/
/**********Explore Courses Menu************/
.courses_list {
    position: absolute;
    z-index: 9;
    left: 45px;
    background: #ffffff;
    width: 200px;
    top: 44px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -webkit-box-shadow: 0px 5px 10px #00000017;
    box-shadow: 0px 5px 10px #00000017;
}

.courses_list ul li {
    display: block;
    margin: 0;
    padding: 0 !important;
    width: 100%;
    font-weight: 400;
}

.courses_list ul li a {
    display: block;
    padding: 11px 20px;
    text-align: left;
    color: #282828;
    position: relative;
    font-size: 14px;
    font-family: "Conv_VODAFONERG_0";
}

.courses_list ul li a:hover {
    background: #fde4d2;
    color: #f47920;
}

.courses>a:before,
.content>a:before,
.networking>a:before,
.edtech>a:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 11px;
    background-image: url(../images/right-cart.png);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-92deg);
    transform: rotate(-92deg);
    right: 27px;
    background-position: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.about_us,
.partners {
    position: relative;
}

.about_us:hover .fisrtlevl_list,
.partners:hover .fisrtlevl_list {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.fisrtlevl_list {
    position: absolute;
    z-index: 9;
    left: 14px;
    background: #ffffff;
    width: 170px;
    top: 44px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -webkit-box-shadow: 0px 5px 10px #00000017;
    box-shadow: 0px 5px 10px #00000017;
}

.fisrtlevl_list li {
    display: block !important;
    text-align: left;
    margin: 0 !important;
}

li.partners:hover .fisrtlevl_list {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

li.language:hover .fisrtlevl_list {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.fisrtlevl_list>li>a {
    display: block;
    padding: 11px 20px;
    text-align: left;
    color: #282828;
    font-size: 14px;
    font-family: "Conv_VODAFONERG_0" !important;
}

.fisrtlevl_list>li>a:hover {
    background: #fde4d2;
    color: #f47920;
}

.horizontal-subchild {
    position: absolute;
    left: 195px;
    background: #ffffff;
    top: 0;
    width: 200px;
    max-height: 500px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -webkit-box-shadow: 0px 5px 10px #00000017;
    box-shadow: 0px 5px 10px #00000017;
}

.horizontal-subchild ul li {
    padding: 0;
    margin: 0;
}

.horizontal-subchild ul li a {
    display: block;
    padding: 11px 20px;
    text-align: left;
    font-family: "Conv_VODAFONERG_0";
    color: #282828;
}

.horizontal-secondchild {
    position: absolute;
    left: 195px;
    background: #ffffff;
    top: 0;
    width: 200px;
    max-height: 500px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -webkit-box-shadow: 0px 5px 10px #00000017;
    box-shadow: 0px 5px 10px #00000017;
}

.horizontal-secondchild ul li {
    padding: 0;
    margin: 0;
}

.horizontal-secondchild ul li a {
    display: block;
    padding: 11px 20px;
    text-align: left;
    font-family: "Conv_VODAFONERG_0";
    color: #282828;
}

.horizontal-subchild .course_a:hover .horizontal-secondchild {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

/* third child */
.horizontal-thirdchild {
    position: absolute;
    left: 195px;
    background: #ffffff;
    top: 0;
    width: 200px;
    max-height: 500px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -webkit-box-shadow: 0px 5px 10px #00000017;
    box-shadow: 0px 5px 10px #00000017;
}

.horizontal-thirdchild ul li {
    padding: 0;
    margin: 0;
}

.horizontal-thirdchild ul li a {
    display: block;
    padding: 11px 20px;
    text-align: left;
    font-family: "Conv_VODAFONERG_0";
    color: #282828;
}

.horizontal-subchild .course_b:hover .horizontal-thirdchild {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

/* third child */
li.courses:hover .horizontal-subchild {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

li.content:hover .horizontal-subchild {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

li.networking:hover .horizontal-subchild {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

li.edtech:hover .horizontal-subchild {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

/************************Header Close****************/
/************************Footer***********************/
footer {
    background: #f7f8fc;
    padding: 50px 0px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-top: 1px solid #f0f0f0;
}

footer .footer_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

footer .footer_row .foot-li-col {
    width: 17.5%;
}

footer .footer_row .f_col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
}

footer .footer-list {
    text-align: center;
}

footer .footer-list ul li a {
    font-size: 12px;
    margin: 0 0 21px;
    display: block;
    color: rgba(40, 40, 40, 0.8);
}

footer .footer-list ul li a:hover {
    color: #f47920;
    padding-left: 5px;
}

footer .subscription-col {
    width: 30%;
    margin-top: -5px;
}

footer .subscription-col .form_label {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Conv_VODAFONERGBD_0";
    margin-bottom: 18px !important;
}

.footer_title {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
    font-family: "Conv_VODAFONERGBD_0";
    text-align: center;
    font-weight: 600;
}

.brand_wrapper {
    border-top: 1px solid #ebebeb;
    padding: 20px 0;
}

.footer-logo {
    text-align: center;
}

.footer-logo img {
    max-width: 100%;
    width: 100px;
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.copy-right-foot {
    background: #1c1c1c;
    color: #ffffff;
    padding: 20px 20px;
}

@media screen and (max-width: 768px) {
    .copy-right-foot .order_1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .copy-right-foot .order_2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .copy-right-foot .order_3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

.follow_us {
    text-align: right;
}

.follow_us ul {
    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;
}

@media (max-width: 768px) {
    .follow_us ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.follow_us ul li {
    display: inline-block;
    margin: 0 8px;
}

.follow_us ul li a {
    display: block;
    position: relative;
    z-index: 9;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.follow_us ul li a img {
    width: 22px;
    z-index: 99;
    position: relative;
    margin: 0 auto;
}

.follow_us ul li a.appstore_link {
    width: 120px;
    height: 40px;
}

.follow_us ul li a.appstore_link img {
    width: 120px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}

.follow_us ul li a:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.follow_us ul li a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cpyt {
    font-size: 12px;
    color: #ccc;
}

/************************Footer Close***********************/
/****************Home Page Banner Content *******************/
.banner_img {
    position: relative;
    overflow: hidden;
    margin: 0 0 15px 0;
}

.banner_img img {
    width: 100%;
    -o-object-position: center;
    object-position: center;
}

@media screen and (max-width: 600px) {
    .banner_img img {
        height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.banner_img:before {
    position: absolute;
    background: #2828286e;
    content: "";
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 9;
}

.banner_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ffffff;
    text-align: left;
    z-index: 9;
    width: 1170px;
}

/****************Home Page Banner Content Close *******************/
/**********************Page Search******************/
.search_bar {
    background: #3a3e56;
    position: fixed;
    top: 73px;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 32%;
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    visibility: hidden;
    opacity: 0;
    padding: 44px 0;
}

.search_bar.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 999;
}

.search_field_desktop_view {
    width: 1051px;
    margin: 41px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffff;
    position: relative;
}

.key_word_col,
.category_col {
    border-right: 1px solid #e9e9e9;
}

.search_field_desktop_view input[type="text"] {
    padding: 16px 8px 16px 28px;
    font-size: 16px;
    width: 100% !important;
    border: none;
}

.key_word_col {
    width: 35%;
}

.category_col {
    width: 30%;
}

.category_col .select-picker-wrap,
.level_col .select-picker-wrap {
    border: none;
}

.category_col button.btn.dropdown-toggle.selectpicker.btn-default,
.level_col button.btn.dropdown-toggle.selectpicker.btn-default {
    border: none;
    background: transparent !important;
    margin: 0;
    color: #282828;
    outline: none !important;
    height: 54px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.level_col {
    width: 25%;
}

.search_btn {
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f47920;
    color: #ffffff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 0;
}

.subscription_btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

button.search_btn img {
    margin: 3px 7px 0 0;
    -webkit-user-drag: none;
}

.subscription_btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/**********************Full Page Search close******************/
/*********************Breadcrumb CSS*************************/
.breadcrumb_wrapper {
    padding: 20px 0;
    background: #f7f8fc;
}

.breadcrumb_wrapper ul li {
    display: inline-block;
    margin: 0;
    padding: 0 23px 0 0;
    position: relative;
}

.breadcrumb_wrapper ul li:before {
    width: 6px;
    height: 8px;
    right: 10px;
    position: absolute;
    content: "";
    background-image: url("../images/breadcrumb_angle.png");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.breadcrumb_wrapper ul li:last-child:before {
    background: transparent;
}

.breadcrumb_wrapper ul li a {
    display: block;
    font-size: 12px;
    color: #787c93;
    text-transform: uppercase;
}

.breadcrumb_wrapper ul li:last-child a {
    color: #3a3e56;
    font-family: "Conv_VODAFONERGBD_0";
}

/*********************Breadcrumb CSS Close*************************/
/**********************Tab************************************/
.tab_wrapper {
    background: #ffffff;
    margin: 20px 0;
    -webkit-box-shadow: 0px 1px 20px 1px #e4e7eeba;
    box-shadow: 0px 1px 20px 1px #e4e7eeba;
}

.tab_wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tab_wrapper ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.tab_wrapper ul li a {
    display: block;
    color: #3a3e56;
    padding: 20px 11px;
    position: relative;
    overflow: hidden;
}

.tab_wrapper ul li a:before {
    position: absolute;
    left: 0;
    z-index: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    transform: scaleX(0) translateZ(0);
    -webkit-transform: scaleX(0) translateZ(0);
    -moz-transform: scaleX(0) translateZ(0);
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1),
        -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    border-bottom: 4px solid #f47920;
}

.tab_wrapper ul li a:hover:before,
.tab_wrapper ul li a:active:before,
.tab_wrapper ul li a.active:before,
.tab_wrapper ul li a:hover,
.tab_wrapper ul li a:active {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    color: #f47920;
}

/*********************Tab CSS Close*************************/
/********************Scroll Loader************************/
.scroll_loader {
    width: 80px;
    margin: 0 auto;
}

.scroll_loader img {
    width: 100%;
}

/********************Scroll Loader close************************/
.tnc_nav {
    text-align: center;
}

.tnc_nav li {
    display: inline-block;
    margin: 0 15px;
}

.tnc_nav li a {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #fff;
}

.tnc_nav li a:hover {
    color: #f47920;
}

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

.work_flex_row:before {
    position: absolute;
    content: "";
    width: 300px;
    height: 300px;
    background-image: url(../images/circle.png);
    background-position: center;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*********************Intrest Card*****************************/
.intrest_course_rowwrap {
    padding: 30px 0;
    position: relative;
}

.intrest_name {
    font-size: 18px;
    display: block;
    color: #282828;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 12px;
    font-family: "Conv_VODAFONERGBD_0";
}

.total {
    color: #f47920;
}

.intrest_course-card {
    padding: 15px 0;
    cursor: pointer;
}

.intrest_course-card .inner_intrest_course_card {
    -webkit-box-shadow: 0 0 20px rgba(28, 28, 28, 0.1);
    box-shadow: 0 0 20px rgba(28, 28, 28, 0.1);
    width: 170px;
    margin: 0 auto;
    width: 170px;
    margin: 0 auto;
    position: relative;
}

.intrest_course-card .inner_intrest_course_card .img_wrap {
    position: relative;
}

.intrest_course-card .inner_intrest_course_card .img_wrap img {
    width: 100%;
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
}

.intrest_course-card .inner_intrest_course_card .img_wrap:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background-color: #3a3e5642;
    background-image: url("../images/tick-white.png");
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    z-index: 9;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.intrest_course-card .inner_intrest_course_card.active_intrest .img_wrap:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.intrest_course-card .inner_intrest_course_card.active_intrest .intrest_course_name {
    background: #3a3e56;
    color: #ffffff;
}

.intrest_course-card .inner_intrest_course_card .intrest_course_name {
    display: block;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 18px 9px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #3a3e56;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
}

/*********************Intrest Card Close*****************************/
/**********************Card Component **************************/
.course_card_wrapper {
    position: relative;
    margin: 15px 0;
    cursor: pointer;
}

.course_card_wrapper.course-item .inner-course_card {
    min-height: 360px;
}

.course_card_wrapper .inner-course_card {
    border: 1px solid #eceff4;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #ffffff;
    min-height: 400px;
}

.course_card_wrapper .inner-course_card:hover {
    -webkit-box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    border: 1px solid #ffffff;
}

.course_card_wrapper .inner-course_card .content_img {
    overflow: hidden;
    position: relative;
    height: 130px;
}

.course_card_wrapper .inner-course_card .content_img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,
            left bottom,
            left top,
            from(rgba(14, 14, 14, 0.62)),
            to(rgba(255, 255, 255, 0.12)));
    background: linear-gradient(0deg,
            rgba(14, 14, 14, 0.62) 0%,
            rgba(255, 255, 255, 0.12) 100%);
}

.course_card_wrapper .inner-course_card .content_img img {
    width: 100%;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.course_card_wrapper .inner-course_card .course_card_details {
    padding: 20px 15px 10px;
    position: relative;
}

.course_card_wrapper .inner-course_card .course_card_details .level_tab {
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 2px 10px 2px 26px;
    position: absolute;
    top: -15px;
    letter-spacing: 1px;
    right: 22px;
    border-radius: 25px;
    background: #ff4545;
}

.course_card_wrapper .inner-course_card .course_card_details .bignner {
    background-color: #ff5fa3;
}

.course_card_wrapper .inner-course_card .course_card_details .intermedate {
    background-color: #536aff;
}

.course_card_wrapper .inner-course_card .course_card_details .advance {
    background-color: #9141f5;
}

.course_card_wrapper .inner-course_card .course_card_details .topic_name {
    bottom: 17px;
    color: #282828;
    font-size: 18px;
    font-family: "Conv_VODAFONERGBD_0";
    left: 0;
    width: 100%;
    height: 50px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.course_card_wrapper .inner-course_card .course_card_details .cousre_short_description {
    font-size: 14px;
    color: #282828;
    max-height: 42px;
    margin: 0 0 14px 0;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
}

.course_card_wrapper .inner-course_card .course_card_details .cousre_short_description p {
    font-size: 14px !important;
    font-weight: normal !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.course_card_wrapper .inner-course_card .course_card_details .vw-dn {
    font-size: 14px;
    position: relative;
    color: #282828;
    position: relative;
    cursor: pointer;
    margin: 0 -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.course_card_wrapper .inner-course_card .course_card_details .vw-dn img {
    margin: 0 7px 0 0;
    width: auto !important;
}

.course_card_wrapper .inner-course_card.top_courses.first {
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#875fe8),
            to(#eea4ff));
    background: linear-gradient(to bottom, #875fe8 0%, #eea4ff 100%);
}

.course_card_wrapper .inner-course_card.top_courses.second {
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#5199d0),
            to(#5dd4ac));
    background: linear-gradient(to bottom, #5199d0 0%, #5dd4ac 100%);
}

.course_card_wrapper .inner-course_card.top_courses.third {
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#f6bf60),
            to(#ffaad6));
    background: linear-gradient(to bottom, #f6bf60 0%, #ffaad6 100%);
}

.course_card_wrapper .inner-course_card.top_courses .subject_name,
.course_card_wrapper .inner-course_card.top_courses .topic_name,
.course_card_wrapper .inner-course_card.top_courses .authore_wrap,
.course_card_wrapper .inner-course_card.top_courses .cousre_short_description,
.course_card_wrapper .inner-course_card.top_courses .custom_show_label,
.course_card_wrapper .inner-course_card.top_courses .course_card_details .vw-dn {
    color: #fff;
}

.course_card_wrapper .inner-course_card.top_courses .authore_wrap .by,
.course_card_wrapper .inner-course_card.top_courses .custom_card_label {
    color: #f6f1f1;
}

/**********************Card Component Close **************************/
/**********label icon*****************/
.watch:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    left: 8px;
    top: 5px;
    background-image: url(../images/watch-white.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/**********label icon close*************/
/****************** Component Part*****************/
.authore_wrap {
    font-size: 12px;
    margin-bottom: 15px;
    color: #282828;
}

.authore_wrap .by {
    color: #978383;
}

.subject_name {
    font-size: 12px;
    color: #5e99f2;
    font-weight: 500;
}

.custom_card_label {
    font-size: 12px;
    color: #8e8c8c;
    font-weight: 400;
    display: block;
}

.custom_show_label {
    font-size: 15px;
    color: #282828;
    display: block;
}

.topic_tag {
    font-size: 14px;
    color: #4a4a4a;
    padding: 8px 10px;
    display: inline-block;
    background: #f7f8fc;
    margin: 5px 5px 3px 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.topic_tag.active {
    background: #f47920;
    color: #fff;
}

/******************Component  Part*****************/
/**********************Detail side card*******************************/
.hover_card {
    width: 100%;
    background: #fff;
    padding: 30px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    z-index: 9;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    border: 1px solid #eeeeee;
    position: relative;
}

/**********************Detail side card close*******************************/
/********************Side Filter css************************************/
.filter_block_1 {
    border-bottom: 1px solid #e5e7f6;
    padding: 0px 0 20px 0;
    margin: 0 0 20px 0;
}

.filter_block_1 .filter_title {
    font-size: 16px;
    color: #4a4a4a;
    font-family: "Conv_VODAFONERGBD_0";
    margin-bottom: 13px;
}

.filter_block_1 .show_more {
    color: #5e99f2;
    font-size: 16px;
    display: inline-block;
    padding: 9px 0;
    font-family: "Conv_VODAFONERGBD_0";
    cursor: pointer;
}

/********************Side Filter css close************************************/
.show_more_content_type {
    color: #5e99f2;
    font-size: 16px;
    display: inline-block;
    padding: 9px 0;
    font-family: "Conv_VODAFONERGBD_0";
    cursor: pointer;
}

/**************************Notification **************************/
.noti_list {
    position: absolute;
    width: 400px;
    right: 0;
    background: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 6px #00000052;
    box-shadow: 0 0 6px #00000052;
    top: 47px;
    opacity: 0;
    visibility: hidden;
}

.noti_list li {
    display: block !important;
    text-align: left;
    margin: 0 !important;
    border-bottom: 1px solid #d2d0d0;
}

.noti_list li a {
    font-size: 14px !important;
    display: block !important;
    padding: 10px !important;
    font-family: "Conv_VODAFONERG_0" !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    color: #282828 !important;
}

.noti_list .show_more {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #f47920;
    padding: 7px;
}

.noti_list.active {
    opacity: 1;
    visibility: visible;
}

/**************************Notification close **************************/
.select_tick_overlay {
    position: relative;
    cursor: pointer;
}

.select_tick_overlay:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background-color: #3a3e5642;
    background-image: url("../images/tick-orange.png");
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    z-index: 9;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.select_tick_overlay.active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.color-red {
    color: #ff250e !important;
}

.color-orange {
    color: #f47920 !important;
}

.color-green {
    color: #4dd117 !important;
}

.scroller-status {
    display: none;
    /* hidden by default */
    padding-top: 20px;
    border-top: 1px solid #ddd;
    text-align: center;
    color: #777;
}

.loader-ellips {
    font-size: 20px;
    /* change size here */
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.login_req {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.login_req img {
    width: 20px;
    height: 20px;
}

.seprate_block {
    padding: 20px 0;
    border-bottom: 1px solid #eae9e9;
}

.seprate_block .title_heading {
    margin-bottom: 12px;
}

.seprate_block .sm_img {
    width: 780px;
    height: 380px;
    overflow: hidden;
    margin: 12px 0;
}

.seprate_block .sm_img img {
    width: 780px;
    height: 380px;
    -o-object-fit: cover;
    object-fit: cover;
}

figure.video_img-wrapper {
    position: relative;
}

.playpause {
    background-repeat: no-repeat;
    width: 50%;
    height: 25%;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    font-size: 25px;
    margin: auto;
    background-size: contain;
    background-position: center;
}

.unclickable .unclickableMask {
    background-image: url("https://gurushala.co/front/images/ic_logo.svg") !important;
    width: 100%;
    background-size: contain !important;
}

.modal-dialog-trans {
    width: 1200px;
    margin: 30px auto;
}

.modal-content-trans {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: none;
    border: none;
    background: transparent;
}

@media (max-width: 1024px) {
    .modal-dialog-trans {
        width: 100%;
        margin: 30px auto;
    }
}

.custom_modal_header {
    padding: 19px 0;
}

.p-sm {
    padding: 15px;
}

.modal-lg {
    width: 900px !important;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .modal-lg {
        width: 100% !important;
    }

    .modal-lg iframe {
        height: 300px;
    }
}

pre {
    background: transparent;
    font-family: "Conv_VODAFONERGBD_0";
}

.post_reply pre {
    background: #f7f8fc;
    padding: 5px 8px;
    white-space: normal;
    max-width: 100%;
    white-space: break-spaces;
    font-family: "Conv_VODAFONERG_0";
}

.modal-lg-ans {
    width: 100%;
    margin: 0 auto;
}

.modal-lg {
    width: 100%;
    margin: 0 auto;
}

.close_btn.next {
    margin-top: 11px;
    vertical-align: top;
    display: inline-block;
    margin-left: 50%;
    position: absolute;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.push-notification-wrap {
    position: absolute;
    width: 350px;
    right: 50px;
    top: 72px;
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
    padding: 10px;
    z-index: 99;
    display: none;
}

.bg_success {
    background: #ceffc8;
    border: 1px solid #0bf900;
    display: block;
}

.bg_error {
    background: #ffbebe;
    border: 1px solid #ff0404;
    display: block;
}

.cross-iconimg {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    opacity: 0.5;
}

.content-wrap {
    padding: 0 10px;
}

.title {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
}

.notification-para {
    font-size: 12px;
    margin: 5px 0 0;
}

.cross-iconimg img {
    width: 15px;
}

.swal-button--confirm {
    background: transparent;
    border: 1px solid #f47920;
    color: #f47920;
}

.swal-button:not([disabled]):hover {
    background: #f47920;
    color: #ffffff;
}

.swal-footer {
    text-align: center;
}

.swal-modal,
.swal-footer,
.swal-button {
    border-radius: 0px;
}

.swal-button-container {
    margin: 0;
    margin-left: 15px;
}

.swal-button:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.swal-button--cancel {
    color: #ef7823;
    background-color: transparent;
    border: 1px solid #ef7823;
}

.swal-text {
    text-align: center;
}

.token-input-list-facebook {
    width: 100% !important;
    border: none !important;
}

#suggestion {
    background: #ffffff;
    padding: 5px 0;
    max-width: 368px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#suggestion li {
    line-height: 26px;
    padding-bottom: 1px;
}

#suggestion li:hover {
    background-color: #f5f5f5;
}

#suggestion a {
    font-weight: 400;
    color: #333;
    padding: 3px 20px;
    line-height: 1.42857143;
    white-space: pre-wrap;
    font-size: 14px;
    display: block;
    word-break: break-all;
}

.search_field_desktop_view {
    margin: 41px auto 3px;
}

.brand_wrap figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brand_wrap figure a i {
    color: #f47920;
    margin: 0 0 0 10px;
    font-size: 22px;
}

.banner_img:before {
    background: transparent;
}

.txt_blink {
    /* -webkit-animation: blinkingText 1.2s infinite; */
    /* animation: blinkingText 1.2s infinite; */
    /* font-size: 15px !important; */
}

@-webkit-keyframes blinkingText {
    0% {
        color: #f47920;
    }

    49% {
        color: #f47920;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: #f47920;
    }
}

@keyframes blinkingText {
    0% {
        color: #f47920;
    }

    49% {
        color: #f47920;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: #f47920;
    }
}

.tag_blink {
    -webkit-animation: blinkingTag 1.2s infinite;
    animation: blinkingTag 1.2s infinite;
}

@-webkit-keyframes blinkingTag {
    0% {
        opacity: 1;
    }

    49% {
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blinkingTag {
    0% {
        opacity: 1;
    }

    49% {
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.play_now {
    position: absolute;
    top: 50%;
    right: auto;
    padding: 3px 13px;
    margin-left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    background-color: #f07924;
    /* background: -webkit-gradient(linear, left top, left bottom, from(#f6bf60), to(#ffaad6)); */
    /* background: linear-gradient(to bottom, #f6bf60 0%, #ffaad6 100%); */
    text-align: center;
    border-radius: 20px 0px 20px 0px;
    font-size: 14px;
    color: #ffffff;
    /* color: #0277bd; */
}

@media (max-width: 650px) {
    .play_now {
        padding: 8px;
        font-size: 11px;
    }
}

.ribbon_blink {
    -webkit-animation: blinkingBtn 1.2s infinite;
    animation: blinkingBtn 1.2s infinite;
}

@-webkit-keyframes blinkingBtn {
    0% {
        color: #ffffff;
    }

    49% {
        color: #ffffff;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: #ffffff;
    }
}

@keyframes blinkingBtn {
    0% {
        color: #ffffff;
    }

    49% {
        color: #ffffff;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: #ffffff;
    }
}

.g_points {
    border-radius: 15px;
    border: solid 1px #f47920;
    min-height: 30px;
    padding: 0 !important;
    border-left: none;
}

.g_points span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    letter-spacing: 0.28px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #000;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 30px;
    padding: 0 11px 0 0;
}

.g_points span img {
    height: 30px;
    padding: 2px;
    border: 1px solid #f47920;
    border-radius: 50%;
    margin-right: 4px;
}

.flex_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.align_items_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex_col_sm_5 {
    width: 50%;
    padding: 0 10px;
}

.flex-col-sm-33 {
    width: 33.3%;
    padding: 0 10px;
}

.flex-col-sm-4 {
    width: 33.3%;
    padding: 0 10px;
}

.flex-col-sm-33 {
    width: 33.3%;
    padding: 0 10px;
}

.flex-col-sm-3 {
    width: 25%;
    padding: 0 10px;
}

.flex-col-sm-2 {
    width: 20%;
    padding: 0 10px;
}

.flex-col-sm-1 {
    width: 10%;
    padding: 0 10px;
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-col-sm-5 {
    width: 50%;
    padding: 0 10px;
}

.flex_col_sm_3 {
    width: 20%;
    padding: 0 10px;
}

.flex_col_sm_7 {
    width: 70%;
    padding: 0 10px;
}

.flex_col_sm_8 {
    width: 76.7%;
    padding: 0 10px;
}

.flex_col_sm_4 {
    width: 33.3%;
    padding: 0 10px;
}

.flex_col_sm_9 {
    width: 75%;
    padding: 0 10px;
}

.flex_col_sm_3 {
    width: 25%;
    padding: 0 10px;
}

.flex_col_sm_10 {
    width: 83.33333333%;
    padding: 0 10px;
}

.flex_col_sm_2 {
    width: 16.66666667%;
    padding: 0 10px;
    position: relative;
}

.right_flex {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.start_flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.col_xs_6 {
    width: 50%;
    padding: 0 10px;
}

.flex_col_sm_12 {
    width: 100%;
    padding: 0 10px;
}

.flex_col_sm_6 {
    width: 50%;
    padding: 0 10px;
}

.flex_col_xs_8 {
    width: 60%;
    padding: 0 10px;
}

/***************************Input Check/Radio Box***************************/
/*********************************************
Material CSS Start For Form Element
*********************************************/
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

[type="checkbox"]+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 18px;
    font-size: 14px;
    color: #282828;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

[type="checkbox"].filled-in:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
}

[type="checkbox"]+label:before,
[type="checkbox"]:not(.filled-in)+label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

[type="checkbox"].filled-in:checked+label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #f05038;
    border-bottom: 2px solid #f05038;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"].filled-in+label:before,
[type="checkbox"].filled-in+label:after {
    content: "";
    left: 0;
    position: absolute;
    -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s,
        height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
    transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s,
        height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
    z-index: 1;
}

[type="checkbox"].filled-in:not(:checked)+label:after {
    height: 20px;
    width: 20px;
    background-color: white;
    border: 1px solid #d2d1d1;
    top: 0px;
    z-index: 0;
    border-radius: 3px;
}

[type="checkbox"].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ebebeb;
    background-color: #ffffff;
    z-index: 0;
    border-radius: 3px;
}

[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

[type="radio"]:not(:checked)+label,
[type="radio"]:checked+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 24px;
    font-size: 14px;
    -webkit-transition: 0.28s ease;
    transition: 0.28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    color: #363636;
    font-weight: 400;
}

[type="radio"]+label:before,
[type="radio"]+label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: 0.28s ease;
    transition: 0.28s ease;
}

[type="radio"]:checked+label:before {
    border: 2px solid transparent;
}

[type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked)+label:after,
[type="radio"]:checked+label:before,
[type="radio"]:checked+label:after,
[type="radio"]:checked+label:before,
[type="radio"]:checked+label:after {
    border-radius: 50%;
}

[type="radio"]:checked+label:after,
[type="radio"]:checked+label:before,
[type="radio"]:checked+label:after {
    border: 2px solid #7da527;
}

[type="radio"]:checked+label:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

[type="radio"]:checked+label:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

[type="radio"]:checked+label:after,
[type="radio"]:checked+label:after {
    background-color: #f05038;
}

[type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked)+label:after {
    border: 1px solid #c1c1c1;
}

[type="radio"]:checked+label:after,
[type="radio"]:checked+label:before,
[type="radio"]:checked+label:after {
    border: 1px solid #c1c1c1;
}

.th-checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    margin: -2px 0 -5px 0;
}

/***************************Input Check/Radio Box Close***************************/
.btn-effect-4 {
    position: relative;
    z-index: 9;
}

.double-effect {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -1;
}

.double-effect:before,
.double-effect:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #f38b06;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.double-effect:before {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: -webkit-transform 0s;
    -webkit-transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s;
}

.double-effect:after {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    transition: -webkit-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.double-effect:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: -webkit-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.double-effect:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: -webkit-transform 0s 0.2s;
    -webkit-transition: -webkit-transform 0s 0.2s;
    transition: transform 0s 0.2s;
    transition: transform 0s 0.2s, -webkit-transform 0s 0.2s;
}

.primary_btn,
a.primary_btn {
    font-size: 14px;
    padding: 8px 18px;
    color: #ffffff;
    background: #f47920;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    border: 1px solid #f47920;
    cursor: pointer;
}

.primary_btn:hover,
.primary_btn:active,
.primary_btn:focus,
a.primary_btn:hover,
a.primary_btn:active,
a.primary_btn:focus {
    background-color: #de6208 !important;
    border-color: #f36b09 !important;
    color: #fff !important;
}

a.primary_btn {
    display: inline-block;
}

a.primary_btn:hover {
    color: #fff !important;
}

.outline_btn,
a.outline_btn {
    border: 1px solid #f47920;
    color: #f47920;
    background-color: transparent;
}

.outline_btn:hover {
    background: #f47920;
    color: #ffffff;
}

@font-face {
    font-family: "Conv_VODAFONERG_0";
    src: url("../fonts/VODAFONERG_0.eot");
    src: local("☺"), url("../fonts/VODAFONERG_0.woff") format("woff"),
        url("../fonts/VODAFONERG_0.ttf") format("truetype"),
        url("../fonts/VODAFONERG_0.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Conv_VODAFONERGBD_0";
    src: url("../fonts/VODAFONERGBD_0.eot");
    src: local("☺"), url("../fonts/VODAFONERGBD_0.woff") format("woff"),
        url("../fonts/VODAFONERGBD_0.ttf") format("truetype"),
        url("../fonts/VODAFONERGBD_0.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Conv_VODAFONERG_0";
}

.app_wrapper {
    position: relative;
    min-height: 100%;
    padding: 83px 0px 390px;
    width: 100%;
    margin: 0 auto;
    overflow: unset;
}

.stick {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    max-height: 500px;
    overflow-y: scroll;
}

@media (max-width: 650px) {
    .stick {
        position: relative;
    }
}

section {
    width: 100%;
    position: relative;
}

.banner_heading {
    font-size: 45px;
    font-family: "Conv_VODAFONERGBD_0";
    margin-bottom: 26px;
}

.banner_sub_para {
    font-size: 20px;
    line-height: 1.8;
}

.custom_container {
    max-width: 1275px;
    margin: 0 auto;
}

.section_title {
    color: #3a3e56;
    font-size: 35px;
    font-family: "Conv_VODAFONERGBD_0";
    text-align: center;
}

.ed_tech {
    background: #e7f2ff;
}

.block_wrapper p {
    font-size: 14px;
    margin: 0 0 10px;
    color: #282828;
    line-height: 1.8;
}

.section_block {
    padding: 0 20px 0px;
}

.local_community_block {
    padding: 72px 0 10px;
}

.work_flex_row {
    margin: 0px -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.work_step_col {
    width: 100%;
    padding: 0 10px;
}

.leader_board_col {
    width: 30%;
    padding: 0 10px;
}

.work_card {
    background: #ffffff;
    border: 1px solid #eceff4;
    padding: 40px;
    margin: 20px 10px;
    position: relative;
}

.card_title {
    font-size: 16px;
    margin: 0 0 15px 0;
    font-family: "Conv_VODAFONERGBD_0";
}

.work_card .card_para {
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

section.section_block.how_it_work {
    background-image: url(../images/how_work_bg.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.leader_board_card_wrap {
    border: 1px solid #eceff4;
    padding: 40px 20px 14px;
    margin: 20px 0;
    background-color: #ffffff;
    position: relative;
}

.leaderboard_user_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eceff4;
    padding: 15px;
    border-radius: 0 40px 0 41px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
}

.user_detail {
    padding: 0 10px;
    width: 75%;
}

.user_name {
    display: block;
    font-size: 16px;
    margin: 0 0 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 63%;
    position: relative;
}

.user_name::after {
    width: 25px;
    height: 25px;
    position: absolute;
    content: "";
    top: 50%;
    right: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 10px;
}

.reward_point {
    font-size: 16px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
}

.img_col {
    position: relative;
    width: 50%;
    padding: 0 10px;
}

.rating {
    position: absolute;
    right: 4px;
    bottom: -4px;
    background-image: -webkit-gradient(linear,
            left top,
            right top,
            from(#f47920),
            color-stop(#f8881c),
            color-stop(#fb9819),
            color-stop(#fea719),
            to(#ffb61b));
    background-image: linear-gradient(to right,
            #f47920,
            #f8881c,
            #fb9819,
            #fea719,
            #ffb61b);
    width: 82%;
    color: #ffffff;
    border-radius: 25px;
    font-size: 14px;
    text-align: center;
    font-family: "Conv_VODAFONERGBD_0";
}

.rating sup {
    font-size: 12px;
    font-family: "Conv_VODAFONERG_0";
}

.sticky {
    height: 63px;
    width: 49px;
    background: #ffffff;
    display: block;
    position: absolute;
    right: -20px;
    border-radius: 17px;
    z-index: 9;
    color: #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #eceff4;
}

.wr-left .sticky {
    left: -20px;
    right: auto;
}

.blue {
    background-color: #965df9;
}

.green {
    background-color: #62b866;
}

.yellow {
    background-color: #2cb4f2;
}

.pink {
    background-color: #ff5484;
}

.red {
    background-color: #ff5484;
}

.top_content {
    background-color: #ffe8dd;
    background-image: url(../images/top-content.png);
    background-repeat: no-repeat;
    background-position: -80px -73px;
}

.content_card_row_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    position: relative;
    padding: 25px 0 0 0;
}

.content_card {
    width: 25%;
    padding: 0 10px;
    position: relative;
    margin: 9px 0 9px 0;
}

.content_card .inner_wrapper {
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 20px 1px #e4e7eeba;
    box-shadow: 0px 1px 20px 1px #e4e7eeba;
    cursor: pointer;
}

.content_time {
    position: absolute;
    right: 9px;
}

.content_time img {
    width: 100%;
    margin: 15px 0 0 0;
    height: auto;
}

.topic_name {
    bottom: 17px;
    color: #282828;
    font-size: 18px;
    font-family: "Conv_VODAFONERGBD_0";
    left: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 233px;
    margin-bottom: 15px;
}

.content_srt_detail {
    padding: 15px;
    position: relative;
}

.content_srt_detail p {
    font-size: 14px;
    color: #282828;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 0 16px;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #ececec;
}

.content_srt_detail .admin_sm_img {
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 50%;
    background: #cccc;
    position: relative;
}

.content_srt_detail .admin_sm_img img {
    width: 34px;
    height: 34px;
    -o-object-fit: cover;
    object-fit: cover;
}

.content_srt_detail .name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.content_srt_detail .user_details {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user_img_list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 48%;
}

.user_img_list .admin_sm_img {
    margin: 0 0 0 -13px;
    border: 2px solid #ffffff;
}

.admin_sm_img .total-count {
    position: absolute;
    top: 0;
    background: #000000b3;
    width: 100%;
    height: 100%;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
}

.view_btn_wrap {
    margin: 50px 0;
}

.view_more {
    background: transparent;
    font-size: 16px;
    color: #f47920;
    text-transform: uppercase;
    font-family: "Conv_VODAFONERGBD_0";
    letter-spacing: 0.5px;
    position: absolute;
    top: 0;
    right: 10px;
}

.view_more:hover {
    color: #dd6c1a;
}

.community_container {
    max-width: 1366px;
    margin: 0 auto;
    background: #e7f2ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.community_img_col {
    width: 45%;
}

.community_content_col {
    width: 55%;
}

.community_img {
    width: 100%;
    height: 100%;
}

.community_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.content_col_in {
    padding: 40px 50px;
}

.content_col_in .heading {
    font-size: 40px;
    margin-bottom: 30px;
    color: #3a3e56;
    font-family: "Conv_VODAFONERGBD_0";
}

.join_team {
    -webkit-box-shadow: 0 0 20px 0px rgba(245, 129, 45, 0.35);
    box-shadow: 0 0 20px 0px rgba(245, 129, 45, 0.35);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

button.primary_btn.join_team:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.content_col_in p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 40px;
    color: #282828;
}

/*****************testimonial************************/
.testimonial_card_wrapper {
    background: #ffffff;
    margin: 50px auto;
    padding: 25px 150px;
    -webkit-box-shadow: 0px 1px 19px 0px rgba(18, 21, 33, 0.07);
    box-shadow: 0px 1px 19px 0px rgba(18, 21, 33, 0.07);
}

.testimonial_card_wrapper .inner_testi_inwrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.testimonial_card_wrapper .inner_testi_inwrapper .user_image {
    margin: 0 60px 0 0;
    width: 170px;
    height: 170px;
    position: relative;
}

.testimonial_card_wrapper .inner_testi_inwrapper .user_image img {
    width: 170px;
    height: 170px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    z-index: 8;
}

.testimonial_card_wrapper .inner_testi_inwrapper .user_image::before {
    width: 53px;
    height: 53px;
    background: #e7f2ff;
    position: absolute;
    content: "";
    right: -17px;
    top: -23px;
    z-index: 1;
}

.testimonial_card_wrapper .inner_testi_inwrapper .user_image:after {
    width: 53px;
    height: 53px;
    background: #ffe8dc;
    position: absolute;
    content: "";
    left: -17px;
    bottom: -23px;
    z-index: 1;
}

.testimonial_card_wrapper .inner_testi_inwrapper .testimonial-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 34px;
    position: relative;
    z-index: 9;
}

.testimonial_card_wrapper .inner_testi_inwrapper .testimonial-container .testimonial-para {
    position: relative;
}

.testimonial_card_wrapper .inner_testi_inwrapper .testimonial-container .testimonial-para p {
    font-size: 16px;
    line-height: 1.7;
    color: #282828;
    margin: 5px 0 30px 0;
}

.testimonial_card_wrapper .inner_testi_inwrapper .testimonial-container .testimonial-para:before {
    width: 28px;
    height: 28px;
    background: url("../images/top_inverted_comma.png") center no-repeat;
    background-size: contain;
    position: absolute;
    left: -41px;
    top: -22px;
    content: "";
}

.testimonial_card_wrapper .inner_testi_inwrapper .testimonial-container .testimonial-para:after {
    width: 28px;
    height: 28px;
    background: url("../images/bottom_inverted_comma.png") center no-repeat;
    background-size: contain;
    position: absolute;
    right: -10px;
    bottom: -25px;
    content: "";
}

.testimonial_card_wrapper .inner_testi_inwrapper .testimonial-container .name {
    font-size: 18px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #3a3e56;
    display: inline-block;
    max-width: 460px;
}

.testimonial_card_wrapper .read_more {
    position: absolute;
    right: 30px;
    bottom: -25px;
    z-index: 99;
    margin: 0;
}

@media (max-width: 768px) {
    .testimonial_card_wrapper .read_more {
        right: 20px;
        bottom: -30px;
    }
}

@media (max-width: 640px) {
    .testimonial_card_wrapper .read_more {
        bottom: -10px;
        position: relative;
    }
}

/*****************testimonial close************************/
.top_resources {
    background-color: #e7f2ff;
    background-image: url("../images/top_resources_bg.png");
    background-repeat: no-repeat;
    background-position: 0 -34%;
}

.custon_switch_btn {
    width: 332px;
    margin: 25px auto;
    padding: 5px 7px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 20px 1px #e4e7eeba;
    box-shadow: 0px 1px 20px 1px #e4e7eeba;
}

.custon_switch_btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.custon_switch_btn ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
}

.custon_switch_btn ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 38px;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #3a3e56;
}

.custon_switch_btn ul li a.active {
    background-color: #f47920;
    color: #ffffff;
}

.accordian-block {
    padding: 8px 2px;
    margin: 0 8px 20px 13px;
    border-radius: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 20px #e7f2ff91;
    box-shadow: 0 0 20px #e7f2ff91;
}

.ac-title {
    position: relative;
    cursor: pointer;
}

.ac-title p {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    word-wrap: break-word;
    color: #282828;
    margin: 0;
    padding: 0px 32px 5px 70px;
    border-radius: 0;
}

.accordian-para {
    display: none;
    border-top: none;
    margin: 0px 0 0 0;
    padding: 10px 20px 10px 70px;
}

.commn-para-sm {
    font-size: 15px;
    color: rgba(40, 40, 40, 0.8);
    margin: 0 0 15px;
    line-height: 1.7;
}

.ac-title.acc-active p {
    color: #f47920 !important;
}

.plus-icon,
.plus-icon-in {
    background-image: url("../images/down_angle.png");
    width: 18px;
    height: 9px;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    z-index: 99;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    background-repeat: no-repeat;
}

.cross-icon,
.cross-icon-in {
    background-image: url(../images/up_angle.png);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.add-border {
    border: 1px solid #f47920;
    margin: 10px;
}

#myModal-advertise .modal_heading {
    word-break: break-word;
    width: 88%;
}

/**********comment/vote  like share*******************/
.comment_like-list {
    position: relative;
    padding: 16px 0 8px;
    border-top: 1px solid #ebedf3;
}

.comment_like-list ul li {
    display: inline-block;
    margin: 0 24px 0 0;
}

.comment_like-list ul li a {
    color: #282828;
    font-size: 16px;
    position: relative;
    padding: 0 0 0 26px;
}

.comment_like-list ul li a.active,
.comment_like-list ul li a:hover {
    color: #f47920;
}

.comment_like-list ul li a.icon:before {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    left: -4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
}

/**********comment/vote  like share close*******************/
/***************** before icon******************************/
.like:before {
    background-image: url("../images/like.svg");
}

.active.like:before,
.like:hover:before {
    background-image: url("../images/ic_like_active.svg");
}

.answer:before {
    background-image: url("../images/answer.png");
}

.followers:before {
    background-image: url("../images/followers.png");
}

.views:before {
    background-image: url("../images/eye.png");
}

.comment:before {
    background-image: url("../images/comment.svg");
}

.reply:before {
    background-image: url("../images/reply.svg");
}

.sharee:before {
    background-image: url("../images/share.svg");
}

/***************** before icon close******************************/
.top_networking {
    background-image: url("../images/networking-bg.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #fbfbfb;
}

.question_answ_block {
    max-height: 400px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #f27920 !important;
}

.select-picker-wrap {
    border: 1px solid #e3e7ef;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
    margin: 0;
}

button.btn.dropdown-toggle.selectpicker.btn-default {
    border: none;
    background: transparent !important;
    margin: 0;
    color: #282828;
    outline: none !important;
    height: 38px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.caret {
    border: none;
    width: 12px;
    height: 6px;
    background-image: url("../images/cart-img.png");
    background-size: contain;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-repeat: no-repeat;
}

select.selectpicker {
    opacity: 0;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.modal-content {
    border-radius: 0px;
}

.account_form {
    padding: 10px 55px 35px;
}

.modal-lg {
    margin: 0 auto;
}

.modal-header.custom_modal_header {
    border: none;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.modal-header.custom_modal_header .close_btn {
    position: absolute;
    right: 18px;
    top: 12px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.modal_heading {
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 20px;
}

.account_with ul {
    margin: 0 -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.account_with ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 5px;
    width: 200px;
}

.account_with ul li a {
    border: 1px solid #e3e7ef;
    display: -webkit-box;
    padding: 12.5px 20px;
    width: 100%;
}

.account_with ul li a:hover {
    border: 1px solid #f47920;
}

.social_text {
    font-size: 14px;
    display: inline-block;
    margin: 0 0 0 26px;
    color: #282828;
}

.img_fb img,
.img_gplus img {
    width: 24px;
}

.or {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #bec6d7;
    margin: 20px 0;
}

.form_field_wrapper {
    margin-bottom: 25px;
}

input[type="text"],
input[type="password"],
input[type="number"],
textarea {
    width: 100%;
    padding: 10px 21px;
    font-size: 14px;
    border: 1px solid #e3e7ef;
    color: #282828;
    resize: none;
}

.text-field_wrapper,
.text_field_wrapper {
    position: relative;
}

.text-field_wrapper input[type="text"],
.text_field_wrapper input[type="text"] {
    padding-right: 38px;
}

.modal-dialog {
    width: 510px;
    margin: 30px auto;
}

.myModal-img .modal-dialog {
    width: 800px !important;
}

.error_message,
.error_messg {
    color: #f00;
    font-size: 11px;
    font-weight: 500;
}

.modla_account_btn {
    width: 100%;
    font-size: 14px;
    padding: 15px 0;
    color: #ffffff;
    background-color: #f47920;
    font-family: "Conv_VODAFONERGBD_0";
    -webkit-box-shadow: 0 0 20px 1px rgba(244, 121, 32, 0.3);
    box-shadow: 0 0 20px 1px rgba(244, 121, 32, 0.3);
}

.modla_account_btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.link_below {
    font-size: 11px;
    color: #282828;
    display: inline-block;
    text-decoration: underline;
    font-weight: 500;
    cursor: pointer;
    background: transparent;
}

.checkbox_wrap label {
    font-size: 12px;
    font-weight: 500;
}

.forgot {
    font-size: 12px;
    font-weight: 500;
    color: #282828;
    cursor: pointer;
}

.reg {
    font-size: 16px;
    font-weight: 500;
    color: #7f7f7f;
}

.signup {
    cursor: pointer;
    font-family: "Conv_VODAFONERGBD_0";
    color: #f47920;
    text-decoration: underline;
}

.testimonial-owl .owl-stage-outer {
    padding: 33px 18px !important;
}

.modal-para {
    font-size: 14px;
    color: #282828;
    margin-bottom: 25px;
}

.flex-col-sm-10 {
    padding: 0 10px;
    width: 100%;
    cursor: pointer;
}

.forgot_form {
    display: none;
}

.flex-col-xs-4 {
    max-width: 33.333333%;
    padding: 0 10px;
}

.form_label {
    color: #282828;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 500;
}

a.tnc_link {
    font-family: "Conv_VODAFONERGBD_0";
    color: #282828;
}

.angle_dropwn::before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("../images/cart-img.png");
    background-size: contain;
    width: 11px;
    height: 7px;
    background-repeat: no-repeat;
}

.angle_dropwn_right:before {
    right: 38px;
    top: 12px;
}

.banner_content_wrapper {
    position: relative;
}

.banner_search-field {
    position: relative;
    width: 500px;
    display: none;
}

.close_gray {
    position: absolute;
    right: 244px;
}

.close_gray img {
    width: 18px;
    cursor: pointer;
}

.teacher_time_wrapepr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.teacher_time_wrapepr .icon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #282828;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    padding: 0 0 0 26px;
}

.teacher:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 0;
    background-image: url("../images/group.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.enroll_wrap {
    margin-top: 20px;
}

.enrol_btn {
    background: transparent;
    border: 1px solid #f47920;
    color: #f47920;
    padding: 7px 0;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.enrol_btn:hover {
    background-color: #f47920;
    color: #ffffff;
}

.bookmark {
    width: 20px;
    height: 20px;
    background-image: url("../images/bookmark.png");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    top: 35px;
    position: absolute;
    right: 9px;
}

.bookmark.save {
    background-image: url("../images/bookmark_save.png");
}

.content_card_row_wrapper>.content_card:last-child .hover_card {
    left: auto;
    right: 50%;
}

.content_card_row_wrapper>.content_card:last-child .hover_card:before {
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-left: 20px solid white;
    position: absolute;
    content: "";
    right: -17px;
    top: 44%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
}

.content_card:hover .hover_card {
    opacity: 1;
    visibility: visible;
}

.course_card_wrapper:hover .hover_card {
    opacity: 1;
    visibility: visible;
}

.content_card_row_wrapper .content_card:last-child:hover .hover_card {
    opacity: 1;
    visibility: visible;
    left: auto;
    right: 50%;
}

.course_name {
    font-size: 15px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
    display: block;
    width: 90%;
    margin: 0;
    margin: 0 0 8px;
}

.syllbus_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.syllbus_details span {
    margin: 0;
    font-size: 14px;
    margin: 5px 0;
}

h3.add_on_module {
    display: block;
    text-align: left;
    margin: 0;
    font-size: 14px;
    margin: 9px 0;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
    text-transform: capitalize;
}

.work_card {
    border: 1px solid #eceff4;
    margin: 20px 10px;
    position: relative;
    height: 140px;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 350px;
    margin: 30px auto;
    padding: 20px 54px 0 42px;
    color: #ffffff;
    text-align: right;
}

.card_link {
    display: block;
    margin: 0;
    padding: 0;
    width: 350px;
    margin: 0 auto;
}

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

.work_card:hover {
    border: 1px solid #ffffff;
    -webkit-box-shadow: 0 0 20px 0px #e4e7ee;
    box-shadow: 0 0 20px 0px #e4e7ee;
}

.work_card>.back {
    position: absolute;
    opacity: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.work_card .front,
.work_card .back {
    display: block;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

.work_card>.front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.work_card>.back {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    padding: 20px 54px 0 42px;
}

.work_card:hover .front {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
}

.work_card:hover .back {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}

#testimonial-owl .owl-prev {
    position: absolute;
    width: 34px;
    height: 34px;
    background: #ffe8dc;
    top: 50%;
    left: -69px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/left-arrow-testi.png");
}

#testimonial-owl .owl-next {
    position: absolute;
    width: 34px;
    height: 34px;
    background: #ffe8dc;
    top: 50%;
    right: -69px;
    border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/right-arrow-testi.png");
}

.reset_password_box {
    width: 513px;
    margin: 64px auto 66px;
    padding: 52px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 20px #00000014;
    box-shadow: 0 0 20px #00000014;
}

.heading {
    font-size: 20px;
    text-align: center;
    margin: 0 0 10px 0;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
}

.commn_para {
    font-size: 14px;
    margin: 0 0 15px;
    color: #282828;
    line-height: 1.8;
}

.courses_img {
    text-align: right;
}

.content_col {
    background: #ffe7db;
    width: 50%;
    height: 100%;
    padding: 0 10px 10px;
}

.banner_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}

.content_col p {
    font-size: 14px;
    line-height: 1.6;
}

.content_col .banner_heading {
    font-size: 30px;
    margin: 0;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
    padding: 20px 0;
}

.course_banner_section {
    width: 100%;
    position: relative;
    background: #ffe7db;
}

.courses_img {
    text-align: right;
    height: 100%;
    overflow: hidden;
}

.courses_img img {
    width: 100%;
    height: 250px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.courses_list_section {
    padding: 50px 0;
}

@media screen and (max-width: 600px) {
    .courses_list_section {
        padding: 0 0 40px 0;
    }
}

.list_title {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 25px;
    color: #3a3e56;
    font-family: "Conv_VODAFONERGBD_0";
}

.flex_col_sm_8 {
    width: 66.66666667%;
    padding: 0 10px;
}

.video_img img {
    height: 429px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video_img iframe {
    width: 100% !important;
}

.detail_card::before {
    border: none;
}

.detail_section {
    padding: 30px 0;
}

.share_btn-wrap {
    margin: 19px 0;
}

.share_btn {
    width: 100%;
    background: #ffffff;
    border: 1px solid #eee;
    padding: 10px 0;
    font-size: 14px;
    font-family: "Conv_VODAFONERGBD_0";
}

.share {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px 0 0;
}

.share img {
    width: 100%;
}

.course_details>.tab_wrapper {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.course_details>.tab_wrapper>ul {
    display: block;
}

.course_details>.tab_wrapper>ul>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    display: inline-block;
    padding: 0;
    margin: 0 32px 0 0;
}

.tab_wrapper.thin_tab li a {
    padding: 10px 0;
}

.hide-box {
    display: none;
}

.show-tab-box {
    display: block;
}

.text-field {
    position: relative;
}

.share_social ul li {
    display: inline-block;
    margin: 0 16px;
}

.share_social ul li a img {
    width: 30px;
}

.overview_title {
    font-size: 16px;
    font-weight: 600;
}

.question_block {
    margin: 30px 0;
}

.question {
    font-size: 20px;
    font-family: "Conv_VODAFONERGBD_0";
}

.answer {
    font-size: 14px;
    margin: 10px 0 5px;
}

.course_accordian_wrap {
    border: 1px solid #eee;
    margin: 15px 0;
}

.course_accordian_wrap>.acc-active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ffffff;
}

.course_accordian_wrap>.accordian-block>.acc-active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ffffff;
}

.course_accordian_wrap>.accordian-block {
    border-bottom: 1px solid #eeee;
    padding: 10px 26px 10px;
    margin: 0;
    background: #fdfdfe;
}

.course_accordian_wrap>.accordian-block:last-child {
    border: none;
}

.time {
    display: block;
    width: 110px;
    font-size: 14px;
    margin: 12px 0 0 38px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    color: #282828;
    position: relative;
}

.time:before {
    width: 15px;
    height: 15px;
}

.ac-title .time {
    padding-left: 56px;
    max-width: 132px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.ac-title .time:before {
    width: 15px;
    height: 15px;
    left: 30px;
    top: 0;
    background-image: url("../images/watch-orange.png");
}

.ac-title .time {
    max-width: 160px;
    padding-left: 33px;
    width: 132px;
}

.ac-title .time:before {
    width: 15px;
    height: 15px;
    left: 30px;
    top: 0;
    background-image: url(../images/watch-orange.png);
}

.intrest_course_wrap {
    padding: 53px 0;
}

.intrest_para {
    font-size: 18px;
    color: #3a3e56;
    margin: 0 0 30px 0;
}

.interest-owl .owl-prev {
    position: absolute;
    width: 34px;
    height: 34px;
    top: -35px;
    right: 69px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/left-arrow-testi.png");
}

.interest-owl .owl-next {
    position: absolute;
    width: 34px;
    height: 34px;
    top: -35px;
    right: 9px;
    border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/right-arrow-testi.png");
}

.accordian-block-inner {
    border-top: 1px solid #e5e7f6;
    border-radius: 5px;
}

.inner-ac-title {
    position: relative;
    cursor: pointer;
    color: #ffffff;
}

.inner-ac-title p {
    font-size: 13px;
    font-weight: 500;
    word-wrap: break-word;
    color: #f47920;
    margin: 0;
    padding: 10px 32px 10px 51px;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.accordian-para-inner {
    display: none;
    border-top: none;
    margin: 0px 0 0 0;
    padding: 8px 0 8px 21px;
}

.type-icon {
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.mg-rt {
    margin: 0 0 0 11px;
}

.video_icon {
    background-image: url("../images/video-play-icon.png");
}

.video_icon_active {
    background-image: url("../images/video_icon_active.png");
}

.sm-pdf {
    background-image: url("../images/sm-pdf.png");
}

.note_pad {
    background-image: url("../images/note_pad.png");
}

.right_cart {
    background-image: url("../images/right-cart-sm.png");
}

.lets_play {
    width: 23px;
    height: 19px;
    background-image: url("../images/lets_play.png");
}

.inner_module_name {
    font-size: 13px;
    font-family: "Conv_VODAFONERGBD_0";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 85%;
}

.status {
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #282828;
}

.row_seprate {
    padding: 8px 0;
}

.ask-question {
    border: 1px solid #d4dbe7;
    margin: 0 -42px;
    padding: 20px;
    position: relative;
}

#answer_question {
    font-family: "Conv_VODAFONERGBD_0";
    line-height: 1.5;
    background-color: #f7f8fc;
    padding: 2px 8px;
}

.ask-question .select-picker-wrap {
    border: 1px solid #d4dbe7;
}

.link-icon {
    position: absolute;
    left: 4px;
    top: 8px;
}

.attach_file {
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    color: #f47920;
    text-decoration: none;
    cursor: pointer;
}

.attach_file img {
    margin: 0 5px 0 0;
}

.m-t-sm {
    margin-top: 15px;
}

.m-b-47 {
    margin-bottom: 47px;
}

.sm_user_img {
    position: absolute;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #ffffff;
    -webkit-box-shadow: 0 0 20px #00000036;
    box-shadow: 0 0 20px #00000036;
    top: -34px;
    left: 13px;
}

.sm_user_img img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
}

.file_upload_box {
    border: 1px solid #d4dbe7;
    padding: 10px;
    width: 196px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 7px 2px;
}

.file_upload_box .close {
    opacity: 1;
    position: absolute;
    right: 8px;
    top: 2px;
}

.file_upload_box .close img {
    width: 10px;
}

.file_icon {
    width: 29px;
    height: 33px;
    display: inline-block;
    margin: 0 8px 0 0;
}

.file_details {
    width: 73%;
}

.path {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
}

.size {
    font-size: 11px;
    color: rgba(40, 40, 40, 0.5);
    font-weight: 500;
}

.filter_section {
    width: 100%;
    position: relative;
    padding: 50px 0 0;
}

.error {
    font-weight: normal;
}

.filter_col {
    padding: 15px;
    border: 1px solid #eceff4;
    border-radius: 2px;
}

.filter_heading {
    font-size: 18px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
    margin-bottom: 15px;
    position: relative;
}

.filter_heading .reset {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    background: url("../images/reset.png") no-repeat;
    background-size: contain;
    background-position: 25px 0;
    font-size: 16px;
    text-align: right;
}

@media (max-width: 650px) {
    .filter_heading .reset {
        right: 40px;
    }
}

.filter_block_1 ul li {
    margin: 5px 0;
}

.filter_block_1 ul li .checkbox_wrap label {
    color: #8a8a8a;
    font-size: 14px;
}

.teacher-download {
    padding: 17px 0;
    border-top: 1px solid #e5e7f6;
    margin: 10px 0 0 0;
}

.count {
    margin: 0;
}

.content_details {
    padding: 28px 0;
    position: relative;
}

.title_heading {
    font-size: 20px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
}

.list_ul {
    margin: 12px 0;
}

.list_ul li {
    font-size: 14px;
    list-style: disc;
    margin: 0 0 5px 0;
}

.button_wrapper ul li {
    display: inline-block;
    margin: 0 18px 0 0;
    vertical-align: middle;
}

.button_wrapper ul li:last-child {
    margin: 0;
}

.button_wrapper ul li a {
    display: block;
    font-size: 14px;
    color: #4a4a4a;
    width: 153px;
    padding: 12px 0;
    text-align: center;
    border: 1px solid #ececed;
    -webkit-box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.button_wrapper ul li a:hover {
    -webkit-box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2);
    box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2);
}

.button_wrapper ul li a .icon {
    width: 15px;
    height: 19px;
    margin: 0 9px 0 0;
}

.card_subject {
    font-size: 16px;
    margin: 0 0 15px;
    font-family: "Conv_VODAFONERGBD_0";
}

.custom_show_label .icon,
.custom_show_label .text {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.time_label {
    position: relative;
    margin: 0;
    display: inline-block;
    left: 0;
    top: 0;
    width: 110px;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    padding: 4px 8px;
    background: #ff4545;
}

.watch_label img {
    vertical-align: middle;
    display: inline-block;
    margin: -1px 0 0;
}

.main_modal_box {
    position: fixed;
    background: #00000096;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
}

.main_modal_box.active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 999;
}

.custom_modal_box {
    width: 802px;
    background: #ffffff;
    position: relative;
}

.custom_modal_header {
    padding: 30px 30px 15px;
}

.modal_title {
    font-size: 20px;
    color: #282828;
}

.custom_modal_body {
    padding: 20px;
    background: #f7f8fc;
}

ul.lesson_list {
    max-height: 400px;
    overflow: hidden;
}

ul.lesson_list li {
    padding: 20px;
    display: block;
    background: #ffffff;
    border: 1px solid #eceff4;
    margin-bottom: 10px;
}

.content_name {
    font-size: 18px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #282828;
    margin-right: 10px;
    margin-bottom: 12px;
    display: inline-block;
}

.tag {
    margin: 5px 5px 0 0;
    background: #f1f3f8;
    padding: 3px 18px;
    border-radius: 25px;
    font-size: 12px;
    color: #4a4a4a;
}

.sm_sticky {
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 2px 10px;
    font-weight: 500;
    letter-spacing: 1px;
}

.add_here {
    font-size: 14px;
    color: #f47920;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    text-align: center;
}

.button_wrap {
    padding: 18px 0;
}

.button_wrap ul li {
    display: inline-block;
    margin: 0 5px;
}

.mCSB_inside>.mCSB_container {
    margin-right: 5px !important;
}

.bg-orng {
    background: #ffe7db;
    position: relative;
}

.bg-orng:before {
    background: transparent;
}

.tag {
    margin: 5px 5px 5px 0;
    background: #f1f3f8;
    padding: 3px 18px;
    border-radius: 25px;
    font-size: 12px;
    color: #4a4a4a;
    word-break: break-word;
    display: inline-block;
}

.user_group_list ul li {
    display: inline-block;
    margin: 0 -8px;
    vertical-align: middle;
}

.user_group_list ul li figure {
    width: 50px;
    height: 50px;
    border: 1.5px solid #ffffff;
    border-radius: 50%;
    overflow: hidden;
    background: #282828;
    color: #ffffff;
    font-size: 13px;
}

.flex_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex_center button {
    margin-right: 10px;
}

.flex_center button:last-child {
    margin-right: 0;
}

.create_new {
    background: #f7f8fc;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.add_btn {
    width: 50px;
    height: 50px;
    border: 1px solid #f47920;
    border-radius: 50%;
    margin: 17px auto;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

iframe .preview_list {
    display: none;
}

.preview_wrapper {
    position: relative;
    min-height: 100%;
    padding: 0px 0px 0px;
    width: 100%;
    margin: 0 auto;
    font-family: "Conv_VODAFONERG_0";
}

.preview_wrapper .sidebar {
    height: 100%;
    width: 500px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: -100%;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-top: 10px;
    background-color: #ffffff;
}

.preview_wrapper .accordian-para {
    padding: 10px 0px 10px 0px;
}

.preview_wrapper .watch:before {
    left: 30px;
    top: 0;
    background-image: url("../images/watch-orange.svg");
}

.preview_wrapper .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000059;
    opacity: 0;
    visibility: hidden;
}

.preview_wrapper.active .sidebar {
    left: 0;
}

.preview_wrapper.active .overlay {
    opacity: 1;
    visibility: visible;
}

.sidebar.active {
    left: 0;
}

#main {
    -webkit-transition: margin-left 0.5s;
    transition: margin-left 0.5s;
    padding: 16px;
}

.p_sm {
    margin-left: 500px;
}

.toggl_btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    margin: 11px 12px;
    cursor: pointer;
}

.content_wrapper {
    width: 100%;
    padding: 15px;
    overflow: hidden;
    min-height: calc(100vh - 100px);
}

.content_wrapper iframe {
    height: 100vh;
}

.iframe-question {
    height: 100vh;
}

.courses_img_preview {
    width: 100%;
    height: 100%;
}

.courses_img_preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.content_wrapper iframe,
.content_wrapper video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.bar {
    width: 100%;
    height: 3px;
    background: #ff8007;
    display: block;
    margin: 5px 0;
    line-height: 0;
}

.preview_list li {
    background: #ffffff;
    padding: 10px;
    margin: 0 6px 5px 6px;
    border-radius: 5px;
    position: relative;
    display: block;
    -webkit-box-shadow: 1px 0px 9px 0px rgba(46, 61, 73, 0.28);
    box-shadow: 1px 0px 9px 0px rgba(46, 61, 73, 0.28);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.preview_list li:hover {
    -webkit-box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2);
    box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2);
}

.c_name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.c_duration {
    font-size: 12px;
    color: #5e5c5c;
    display: block;
    white-space: nowrap;
}

.preview_list_col {
    height: 98vh;
}

.add_btn_card {
    position: absolute;
    right: 14px;
    top: 50%;
    width: 25px;
    height: 26px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lg_full_card_wrap {
    width: 100%;
    padding: 15px;
    position: relative;
}

.lg_full_card_wrap .inner_wrapper {
    width: 100%;
    border: 1px solid #f4f4f4;
    background: #ffffff;
    padding: 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
}

.lg_full_card_wrap .inner_wrapper:hover {
    -webkit-box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    border: 1px solid #ffffff;
}

.edtech_topic_name a {
    bottom: 17px;
    color: #282828;
    font-size: 18px;
    font-family: "Conv_VODAFONERGBD_0";
    left: 20px;
    display: block;
    margin: 5px 0 8px;
}

a.icon.sharelac {
    position: absolute;
    padding: 0 0 0 23px;
}

.sq_img {
    width: 100%;
    height: 174px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.sq_img img {
    width: 100%;
    height: 174px;
    -o-object-fit: fill;
    object-fit: fill;
}

a.icon.reply:before {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    left: -4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
}

a.icon.sharee:before {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    left: -4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
}

#add-comment {
    width: 100%;
}

.comment_box {
    border-bottom: 1px solid #e3e5e9;
    margin: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 25px;
    max-width: 873px;
    width: 100%;
    position: relative;
}

.comment_box.text_box_comment {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 33px 0;
    padding: 15px 025px;
}

.user_img,
.inner_block.post_comment .user_img img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 0 25px 0 0;
}

.user_img img,
.inner_block.post_comment .user_img img img {
    width: 60px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
}

.input_box textarea {
    border: none;
    overflow: -moz-hidden-unscrollable;
}

.input_box {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.comment_box .name {
    font-size: 15px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
    display: block;
}

.comment_box .commnt_time {
    font-size: 11px;
    color: #bbb;
}

.comment_box p {
    font-size: 13px;
    margin: 5px 0;
}

.dots_wrapper {
    cursor: pointer;
    position: absolute;
    right: 0;
    padding: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}

.dot {
    width: 4px;
    height: 4px;
    background: #282828;
    display: block;
    border-radius: 50%;
    margin: 3px 0;
}

.option_wrapper {
    background: #ffffff;
    -webkit-box-shadow: 0 0 6px #0003;
    box-shadow: 0 0 6px #0003;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 26px;
    border-radius: 4px;
    z-index: 9;
    top: 23;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.option_wrapper.active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.option_wrapper ul li {
    display: block;
    margin: 0;
    padding: 0;
}

.option_wrapper ul li a {
    display: block;
    padding: 5px 8px;
    width: 100px;
    font-size: 14px;
    color: #616161;
    border-bottom: 1px solid #0000001a;
}

.option_wrapper ul li a:hover {
    color: #f47920;
}

.option_wrapper ul li:last-child a {
    border: none;
}

.profil_detail_section {
    padding: 38px 0;
}

.mob_repo_nav {
    display: none;
}

.edit_img_btn {
    color: #f47920;
    text-transform: uppercase;
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 16px;
    text-decoration: underline;
    display: inline-block;
    margin: 5px 0;
    cursor: pointer;
}

.note_line {
    display: block;
    margin: 0 0 0 0;
    font-size: 14px;
}

.text_field_wrapper {
    position: relative;
}

.white_card {
    background: #ffffff;
    border: 1px solid #eceff4;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 15px 21px;
    margin: 10px 0;
}

.white_card .name {
    font-size: 18px;
    color: #282828;
    display: block;
    font-weight: 600;
    text-align: center;
    margin: 12px 0;
    font-family: "Conv_VODAFONERGBD_0";
    display: inline-block !important;
}

.white_card .name.name-block {
    display: block !important;
    font-size: 18px;
}

.white_card:hover {
    -webkit-box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    border: 1px solid #ffffff;
}

.show-tab-box .course_card_wrapper {
    position: relative;
    margin: 15px 0;
}

.follow {
    width: 155px;
    font-size: 14px;
    font-family: "Conv_VODAFONERGBD_0";
    position: relative;
}

.follow.tick::before {
    width: 14px;
    height: 11px;
    position: absolute;
    content: "";
    background: url("../images/tick-orange.svg") center no-repeat;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.follow:hover.tick::before {
    background: url("../images/tick-white.svg") center no-repeat;
    background-size: contain;
}

.unfollow {
    border-color: #fd3838;
    color: #fd3838;
}

.unfollow:hover {
    background-color: #fd3838 !important;
}

.user_name_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px 0;
    position: relative;
}

.user_name_img .detail {
    width: 100%;
}

.user_name {
    font-size: 20px;
    font-size: 20px;
    font-family: "Conv_VODAFONERGBD_0";
}

.subject_tag {
    margin: 5px 5px 5px 0;
    background: transparent;
    padding: 3px 18px;
    border-radius: 25px;
    font-size: 14px;
    color: #4a4a4a;
    word-break: break-word;
    display: inline-block;
    border: 1px solid #f47920;
    color: #f47920;
}

.comment_like-list.question_details {
    padding: 12px 19px 0;
    margin: 14px -21px 0;
}

.leaderboard_card.content {
    background: #f6bf60;
    background: -webkit-gradient(left top,
            left bottom,
            color-stop(0%, #f6bf60),
            color-stop(100%, #ff5db1));
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#f6bf60),
            to(#ff5db1));
    background: linear-gradient(to bottom, #f6bf60 0%, #ff5db1 100%);
}

.leaderboard_card.ed-tech {
    background: #368fd2;
    background: -webkit-gradient(left top,
            left bottom,
            color-stop(0%, #368fd2),
            color-stop(100%, #2ddba1));
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#368fd2),
            to(#2ddba1));
    background: linear-gradient(to bottom, #368fd2 0%, #2ddba1 100%);
}

.leaderboard_card.courses {
    background: #5f3aba;
    background: -webkit-gradient(left top,
            left bottom,
            color-stop(0%, #5f3aba),
            color-stop(100%, #c26ad6));
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#5f3aba),
            to(#c26ad6));
    background: linear-gradient(to bottom, #5f3aba 0%, #c26ad6 100%);
}

.questionnarie_wrapper {
    position: fixed;
    top: 0;
    background: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 999;
    padding: 36px 10px 0;
    overflow-y: auto;
}

.question_wrapper {
    border: 1px solid #e7eefa;
    padding: 0 30px;
    max-height: 600px;
}

.question_block_section {
    padding: 20px 0;
    border-bottom: 1px solid #e5e7f6;
}

.module_question {
    font-size: 15px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
}

.question_block_section:last-child {
    border-bottom: none;
}

.qtime {
    font-size: 14px;
    color: #8e8c8c;
    font-weight: 500;
}

.courses_module_list {
    position: relative;
    border-bottom: 1px solid #e7eefa;
    padding: 17px 22px;
}

.question_module_listt {
    border: 1px solid #e7eefa;
    position: relative;
}

.ply-btn {
    position: absolute;
    right: 15px;
    top: 20px;
    cursor: pointer;
}

.close_btn img {
    width: 15px;
    position: absolute;
    right: 19px;
    top: 11px;
    cursor: pointer;
}

#myModal-img .close_btn img {
    width: 30px;
}

.video_img_wrapper {
    width: 151px;
    height: 101px;
    border: 1px solid #ccc;
    margin: 10px 0;
}

.video_img_wrapper img,
.video_img_wrapper video {
    width: 151px;
    height: 101px;
    -o-object-fit: cover;
    object-fit: cover;
}

.question_block_section .radiobox_wrap {
    padding: 5px;
}

.correct_answer {
    background: #e9f9f4;
    padding: 0 0;
    background-image: url("../images/correct-ans.png");
    background-position: 97% 40%;
    background-repeat: no-repeat;
}

.wrong_answer {
    background: #feeeec;
    padding: 0 0;
    background-image: url("../images/wrong-ans.png");
    background-position: 97% 40%;
    background-repeat: no-repeat;
    position: relative;
}

.quest-progress-bar {
    background: #e9eaf4;
    width: 100%;
    height: 5px;
    display: block;
    margin: 10px 0 10px 0;
    position: relative;
    border-radius: 25px;
}

.quest-progress {
    background: #26c195;
    left: 0;
    height: 5px;
    display: block;
    left: 0;
    margin: 0;
    position: absolute;
    border-radius: 25px;
}

.note_para {
    margin: 8px 0 8px;
    font-size: 11px;
}

.progress_note {
    font-size: 12px;
    margin: 0;
    display: inline-block;
    font-family: "Conv_VODAFONERGBD_0";
}

.text-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

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

.alert_icon {
    position: absolute;
    width: 10px;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.alert_icon img {
    width: 100%;
}

.note_alert {
    position: absolute;
    width: 215px;
    padding: 10px 12px;
    background: #ffffff;
    z-index: 99;
    -webkit-box-shadow: 0 0 6px #e8e8e8;
    box-shadow: 0 0 6px #e8e8e8;
    border-radius: 5px;
    font-size: 11px;
    line-height: 1.8;
    right: 0;
    top: 93%;
    opacity: 0;
    visibility: hidden;
    color: rgba(58, 58, 58, 0.8);
    font-weight: 500;
}

.note_alert:before {
    position: absolute;
    right: 12px;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fbfbfb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: -1px -1px 10px -2px #eadddde3;
    box-shadow: -1px -1px 10px -2px #eadddde3;
    top: -4px;
}

.alert_icon:hover~.note_alert {
    opacity: 1;
    visibility: visible;
}

.modal-note {
    font-size: 16px;
    color: #3a3a3a;
}

.no-data {
    height: 50vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.no-data img {
    width: 150px;
}

.no-record {
    font-size: 18px;
    display: block;
    margin: 20px 0 0 0;
    font-weight: 600;
    text-align: center;
    color: #9a9a9a;
}

.auto-col {
    padding: 0 10px;
}

.certification_completed {
    position: relative;
    padding: 0 0 0 15px;
}

.certification_completed:before {
    position: absolute;
    width: 16px;
    height: 21px;
    content: "";
    background-image: url("../images/certification_completed.png");
    left: -3px;
    top: 0;
}

.video_img {
    position: relative;
    border: 1px solid #ececec;
}

.video-ply {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 9;
}

.commn_box {
    padding: 12px 20px;
    -webkit-box-shadow: 0 0 20px #00000012;
    box-shadow: 0 0 20px #00000012;
    margin: 10px 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.commn_box .user_sm_img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px;
}

.commn_box textarea {
    width: 100%;
    padding: 0;
    border: none;
    margin: 5px 0 0 0;
    font-weight: 600;
}

.commn_box .comment_details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.networking_name {
    font-size: 14px;
    color: rgba(74, 74, 74, 0.5);
}

.comment_post_wrapper.question_detail_list {
    padding-top: 44px;
}

.total_answer {
    position: absolute;
    top: 0;
    background: #f7f8fc;
    width: 100%;
    left: 0;
    padding: 11px 31px;
    font-size: 14px;
    color: #4a4a4a;
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
}

.question_list .comment_post_wrapper .inner_block .details {
    width: 85%;
}

.question_list .comment_post_wrapper .inner_block .details pre {
    word-break: break-word;
    white-space: pre-wrap;
}

.comment_post_wrapper {
    border: 1px solid #eceff4;
    padding: 20px;
    margin: 0 0 20px 0;
    position: relative;
}

.comment_post_wrapper .inner_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.comment_post_wrapper .inner_block .details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.comment_post_wrapper .inner_block .details .post_time {
    position: absolute;
    right: 15px;
    font-size: 14px;
    color: #8e8c8c;
    top: 5px;
}

.comment_post_wrapper .inner_block .details .post_time b {
    color: #282828;
}

.comment_post_wrapper .inner_block .details .qpost_name {
    font-size: 16px;
    color: #4a4a4a;
    margin-bottom: 3px;
    display: block;
    font-family: "Conv_VODAFONERGBD_0";
}

.comment_post_wrapper .inner_block .details .post_question {
    font-size: 16px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
    letter-spacing: 0.5px;
}

.comment_post_wrapper .inner_block .details .media_post_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.comment_post_wrapper .inner_block .details .post_media {
    width: 568px;
    height: 298px;
    overflow: hidden;
    margin: 21px 10px;
    position: relative;
    border: 1px solid #cccc;
    border-radius: 5px;
}

.comment_post_wrapper .inner_block .details .post_media img {
    width: 568px;
    height: 298px;
    -o-object-fit: cover;
    object-fit: cover;
}

.comment_post_wrapper .inner_block .details .post_media .center_icon .play-icon {
    width: 30px;
    height: 30px;
}

.action_option_wrap ul li {
    display: inline-block;
    margin: 0 24px 0 0;
    padding: 0;
}

.action_option_wrap ul li a {
    display: block;
    color: #4a4a4a;
    font-size: 14px;
    font-family: "Conv_VODAFONERGBD_0";
    position: relative;
}

.action_option_wrap ul li a.icon {
    padding-left: 20px;
}

.fol_ans_view_wrap {
    background: #f7f8fc;
    padding: 15px 20px;
    margin: 18px 0;
    position: relative;
}

.fol_ans_view_wrap .action_option_wrap a {
    display: block;
    color: #8a8a8a;
    font-size: 14px;
    font-family: "Conv_VODAFONERG_0";
}

.fol_ans_view_wrap .action_option_wrap a b {
    color: #4a4a4a;
}

.fol_ans_view_wrap .ans_btn {
    position: absolute;
    right: 23px;
    top: 12px;
    padding: 3px 14px;
    background: #282828;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.post_reply {
    margin-left: 82px;
    padding-top: 25px;
    border-top: 1px solid #e5e7f6;
    background: #f7f8fc;
    padding: 18px 12px 10px 21px;
}

.organ {
    font-size: 14px;
    color: #8e8f94;
    margin: 0 0 5px 0;
    display: block;
}

.post_answer {
    font-size: 14px;
    color: #4a4a4a;
    margin: 10px 0;
    line-height: 1.5;
    margin-bottom: 15px;
}

.read_more {
    font-size: 13px;
    color: #4d90f5;
    margin: 0 0 12px 0;
    cursor: pointer;
}

.link {
    color: #5e99f2 !important;
}

.question_detail_list .inner_block {
    padding: 20px 0;
    border-bottom: 1px solid #ebedf3;
}

.leaderboard_list_user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 14px 0;
}

.leaderboard_list_user .details {
    width: 70%;
}

.user_xs_img {
    width: 43px;
    height: 43px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #f47921;
}

.user_xs_img img {
    width: 43px;
    height: 43px;
    -o-object-fit: cover;
    object-fit: cover;
}

.details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 0 0 0 15px;
}

.details .user_xsname {
    font-size: 14px;
    color: #4a4a4a;
}

.details .digit {
    margin: 0;
    font-size: 12px;
    color: #4a4a4a;
}

.reply_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e3e5e9;
    padding: 7px 12px;
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0 10px;
}

.reply_box .user_sm_img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px;
}

.reply_box .user_sm_img img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
}

.reply_box .comment_details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.reply_box .comment_details textarea {
    border: 0;
    padding: 0 104px 0 0;
    margin: 0;
    vertical-align: middle;
}

.inner_block.post_comment {
    padding: 10px 0;
    position: relative;
}

.inner_block.post_comment .user_img,
.inner_block.post_comment .user_img img {
    width: 40px;
    height: 40px;
    margin: 0;
    border: none;
}

.inner_block.post_comment .qpost_name {
    font-size: 14px;
    color: #4a4a4a;
    margin-bottom: 3px;
    display: block;
    font-family: "Conv_VODAFONERGBD_0";
}

.inner_block.post_comment .organ {
    margin: 0;
}

.inner_block.post_comment .post_answer {
    margin: 0;
}

.post-btn {
    padding: 8px 18px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 2px;
}

.wrap {
    position: relative;
}

.hover_u_card {
    position: absolute;
    background: #ffffff;
    width: 230px;
    padding: 10px;
    border: 1px solid #eeeeee;
    padding: 23px 10px 20px 10px;
    z-index: 99;
    top: 90px;
    left: -78px;
    -webkit-box-shadow: 0 0 20px #e4e7ee;
    box-shadow: 0 0 20px #e4e7ee;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}

.hover_u_card .user_sm_img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #f79a56;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 19px;
}

.hover_u_card .user_sm_img img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.hover_u_card .post_user_name {
    font-size: 20px;
    font-size: 14px;
    font-family: "Conv_VODAFONERGBD_0";
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
    display: block;
    position: relative;
}

.hover_u_card .post_user_name::after {
    width: 25px;
    height: 25px;
    position: absolute;
    content: "";
    top: 50%;
    right: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 10px;
}

.hover_u_card .post_user_profile {
    color: #282828;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    text-align: center;
}

.hover_u_card .user_status {
    background: #f7f8fc;
    padding: 10px;
    margin-bottom: 15px;
}

.hover_u_card .user_status ul li {
    font-size: 14px;
    padding: 0 0 0 20px;
    margin: 0 0 3px;
    position: relative;
}

.hover_u_card .user_status ul li::before {
    width: 13px;
    height: 13px;
    position: absolute;
    content: "";
    background-image: url("../images/check.png");
    left: 0;
    top: 3px;
}

.hover_u_card:before {
    position: absolute;
    right: 0;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fbfbfb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: -1px -1px 10px -2px #eadddde3;
    box-shadow: -1px -1px 10px -2px #eadddde3;
    top: -4px;
    left: 43%;
}

.post_u {
    cursor: pointer;
}

.post_u:hover .hover_u_card {
    opacity: 1;
    visibility: visible;
}

.filter_option_wrapper {
    max-height: 180px;
}

.center_icon {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000094;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.center_icon .center_icon img {
    width: 32px !important;
    height: 32px !important;
}

.courses_card_col {
    width: 790px;
    padding: 77px 0 25px;
}

.courses_card_col .section_title {
    text-align: left;
    padding-left: 67px;
}

.courses_card_col .in {
    padding: 60px 10px 0 67px;
}

.courses_col {
    width: 383px;
    padding: 0 10px;
    position: relative;
}

.offer_card {
    padding: 5px;
    margin: 15px 0;
}

.offer_card .inner_wrap {
    border: 1px solid #eceff4;
    padding: 18px 10px 22px 97px;
    position: relative;
    height: 173px;
}

@media (max-width: 640px) {
    .offer_card .inner_wrap {
        padding: 22px 15px 22px 100px;
    }
}

.offer_card .inner_wrap .offer_title {
    font-size: 18px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
    display: block;
    margin: 0 0 5px 0;
    position: relative;
}

.offer_card .inner_wrap p {
    font-size: 16px;
    color: #8a8a8a;
}

.offer_card .inner_wrap .offer_cousres_img {
    position: absolute;
    left: 0;
    width: 96px;
    height: 96px;
    overflow: hidden;
    border: 1px solid #eceff4;
    top: -16px;
    left: -12px;
    -webkit-box-shadow: 0 0 20px rgba(208, 208, 208, 0.79);
    box-shadow: 0 0 20px rgba(208, 208, 208, 0.79);
}

.offer_card .inner_wrap .offer_cousres_img img {
    width: 96px;
    height: 96px;
    -o-object-fit: cover;
    object-fit: cover;
}

.offer_section {
    margin: 0;
}

.offer-img {
    position: relative;
    left: -99px;
    width: 480px;
    height: 1007px;
}

.offer-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.offer-img:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background: rgba(239, 120, 35, 0.8);
}

.offer_option {
    position: absolute;
    width: 240px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.offer_option ul li {
    padding: 50px 0 50px 54px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    position: relative;
    font-size: 18px;
}

.offer_option ul li:before {
    position: absolute;
    content: "";
    width: 39px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.offer_option ul li a {
    color: #ffffff;
}

.cr:before {
    background-image: url("../images/cr.png");
}

.cd:before {
    background-image: url("../images/cd.png");
}

.ed:before {
    background-image: url("../images/ed.png");
}

.nt:before {
    background-image: url("../images/nt.png");
}

.rp:before {
    background-image: url("../images/rp.png");
}

.qs:before {
    background-image: url("../images/qs.png");
}

.pc:before {
    background-image: url("../images/pc.png");
}

.class:before {
    background-image: url("../images/class.svg");
}

.enroll:before {
    background-image: url("../images/ic-enroll.svg");
}

.blogs:before {
    background-image: url("../images/blogs.svg");
}

.assessment:before {
    background-image: url("../images/assessment.svg");
}

.leaderboard_card {
    padding: 20px;
    border-radius: 5px;
    color: #ffffff;
    margin-bottom: 20px;
}

.leaderboard_card .points {
    font-size: 36px;
    font-family: "Conv_VODAFONERGBD_0";
    margin-right: 12px;
    color: #ffffff;
    padding: 0;
}

.leaderboard_card .point {
    font-size: 14px;
}

.leaderboard_card .heading {
    color: #ffffff;
    text-align: left;
    margin: 22px 0 7px 0;
    font-size: 18px;
}

.leaderboard_card .activity-time {
    font-size: 14px;
}

#container {
    max-width: 350px;
    max-height: 350px;
}

.highcharts-button {
    display: none;
}

.view {
    color: #f47920;
    cursor: pointer;
}

.progress_bar {
    position: relative;
    width: 100%;
    position: relative;
    width: 100%;
    background-color: #e5e7f6;
    display: block;
    height: 3px;
    border-radius: 5px;
    margin: 10px 0;
}

.progress_bar .done_progress {
    background: #7fc94e;
    display: block;
    height: 3px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.progress_bar .ongoing {
    background-color: #f47920;
}

.progress_bar .completed-digit {
    color: #282828;
    font-size: 14px;
}

.total_earnpoints {
    font-size: 35px;
    text-align: center;
    color: #f47920;
    font-family: "Conv_VODAFONERGBD_0";
    margin: 8px 0 8px;
}

.confirmation {
    text-align: center;
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 20px;
    margin: 12px 0 12px;
}

.confirmation-popup .commn_para {
    font-size: 14px;
    margin: 20px 0 15px;
}

.radio_option ul li {
    border: 1px solid #e7eefa;
    border-radius: 25px;
    padding: 3px 9px;
    margin: 10px 0;
}

.lesson-module {
    font-size: 22px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
    margin-bottom: 5px;
    display: block;
}

.date-time {
    font-size: 16px;
    color: #4a4a4a;
    display: block;
}

.etime {
    color: #ccc;
    margin-left: 8px;
}

.education {
    margin-right: 10px;
}

.checkbox-position {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 9;
}

.checkbox-position [type="checkbox"].filled-in:not(:checked)+label:after {
    height: 20px;
    width: 20px;
    background-color: #f37b24;
    border: 1px solid #f37b24;
}

.selected_card {
    border: 1px solid #f47920;
}

.after-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px 0 0;
}

.user-sm-img {
    border-radius: 50%;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
}

.user-sm-img img {
    width: 30px;
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover;
}

.user-log-name {
    max-width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
}

.line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.mob_srch {
    display: none;
}

.filter_mob_btn {
    position: absolute;
    right: 14px;
    top: 9px;
    display: none;
}

.filter_mob_btn img {
    width: 25px;
}

.mobile_nav {
    position: fixed;
    background: #ffffff;
    width: 100%;
    height: 100%;
    padding: 10px;
    border-top: 1px solid #ccc;
    transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease,
        -webkit-transform 0.2s ease;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
}

.mobile_nav.active {
    top: 69px;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    height: 100%;
    visibility: visible;
    z-index: 999;
    overflow-y: scroll;
    padding: 10px 10px 158px 10px;
}
  @media screen and (max-width:576px){
    .mobile_nav.active {
      top: 58px;
    }
  }
ul.mobile_nav_first_child li {
    position: relative;
}

ul.mobile_nav_first_child li a {
    font-size: 21px;
    position: relative;
    padding: 9px 0;
    border-bottom: 1px solid #e6e6e6;
    display: block;
    color: #282828;
}

.second_child_nav {
    position: relative;
    z-index: 9;
    left: 0;
    background: #ffffff;
    width: 100%;
    top: 0;
    padding: 0;
    -webkit-transition: none;
    transition: none;
    padding: 0 0 0 15px;
    display: none;
}

.second_child_nav ul li a {
    font-size: 14px;
}

.third_subchild {
    position: relative;
    left: 0;
    background: #ffffff;
    top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;
    max-height: 200px;
    overflow-y: scroll;
}

.third_subchild li a {
    font-size: 14px;
    padding: 9px 17px;
}

.toggle_btn img {
    width: 25px;
}

.srch_btn_mob img {
    width: 25px;
}

.head-option {
    margin: 0 0 0 14px;
}

.mob-head-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mob-head-nav {
    display: none;
}

.lock {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lock img {
    width: 20px;
}

.close_filter {
    display: none;
}

.cms_img_wrap {
    overflow: hidden;
    width: 100%;
    height: 250px;
}

.cms_img_wrap img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
}

.video_img-wrapper {
    position: relative;
    height: 416px;
    overflow: hidden;
}

.video_img-wrapper video {
    width: 100%;
    height: 460px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.switch_btn ul li {
    display: inline-block;
}

.switch_btn ul li a {
    display: block;
    padding: 8px 20px;
    color: #4a4a4a;
    text-transform: uppercase;
}

.switch_btn ul li a:hover,
.switch_btn ul li a:active,
.switch_btn ul li a.active {
    background: #4d90f5;
    color: #ffffff;
}

.certificate_thumb_img {
    width: 169px;
    height: 120px;
    overflow: hidden;
    border: 1px solid #bbb9b8;
}

.certificate_thumb_img img {
    width: 169px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
}

.certificate_thumb_card {
    border: 1px solid #eceff4;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
}

.certificate_thumb_card .details {
    width: 50%;
}

.certificate_thumb_card .details span {
    margin: 5px 0;
    white-space: normal;
    height: 44px;
}

.certificate_thumb_card .courses {
    font-size: 16px;
    color: #4a4a4a;
    font-family: "Conv_VODAFONERGBD_0";
    display: block;
    margin: 0 0 1px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.certificate_thumb_card .module_name {
    font-size: 16px;
    color: #5e99f2;
    font-family: "Conv_VODAFONERGBD_0";
    display: block;
    margin: 0 0 10px 0;
}

.certificate_thumb_card .com_time {
    font-size: 14px;
    color: #4a4a4a;
}

.certificate_thumb_card .download_certificate {
    background: transparent;
    padding: 6px 15px;
    border: 1px solid #eceff4;
    margin: 13px 0 0 0;
    font-size: 14px;
    color: #4a4a4a;
    width: 116px;
    font-weight: 600;
}

.certificate_thumb_card .download_certificate img {
    margin-right: 5px;
}

.setting_option {
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
    padding: 20px;
    position: relative;
}

.setting_option .show_label {
    display: block;
    font-size: 16px;
    color: #282828;
}

.setting_option .form_label {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked+.slider {
    background-color: #f47920;
}

input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #f47920;
    box-shadow: 0 0 1px #f47920;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.lang {
    font-size: 18px;
    font-weight: 600;
    font-family: "Conv_VODAFONERGBD_0";
}

.lang a {
    color: #f47920;
}

.language-header {
    position: fixed;
    width: 96%;
    background: #ffffff;
    z-index: 99;
    bottom: -150px;
    border-radius: 5px 5px 0 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 0 20px #00000054;
    box-shadow: 0 0 20px #00000054;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.language-header.active {
    bottom: 0;
}

.language-header ul li {
    font-size: 18px;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #efefef;
}

.feedback-question {
    font-size: 14px;
    font-family: "Conv_VODAFONERGBD_0";
}

.question-feedback_wrap {
    padding-bottom: 27px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 30px;
}

/****Keyword  Search***/
li.token-input-input-token-facebook {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

.token-input-list-facebook .text-field_wrapper input[type="text"],
.token-input-list-facebook .text_field_wrapper input[type="text"] {
    padding-right: 38px;
    width: 100% !important;
    padding: 8px 21px;
    font-size: 14px;
    border: 1px solid #e3e7ef;
    color: #282828;
    resize: none;
}

/****Keyword Search close***/
.note-para .modal-para {
    font-size: 19px;
    color: #282828;
    margin-bottom: 25px;
}

/**************************Hindi****************************/
.hn .offer_card .inner_wrap .offer_title {
    font-weight: 600;
}

.hn .courses_card_col .section_title {
    font-weight: 600;
}

.hn .explore_col ul li a {
    font-weight: 600;
}

.hn .nav_menu ul li a {
    font-weight: 600;
}

.hn .footer_title {
    font-weight: 600;
}

.hn .breadcrumb_wrapper ul li:last-child a {
    font-weight: 600;
}

.hn .filter_heading {
    font-weight: 600;
}

.hn .filter_block_1 .filter_title {
    font-weight: 600;
}

.hn .course_card_wrapper .inner-course_card .course_card_details .topic_name {
    font-weight: 600;
}

.hn h3.add_on_module {
    font-weight: 600;
}

/* *********Contact Us (20-11-2019) ********* */
.page_title {
    font-size: 28px;
    padding: 0 0 40px 0;
}

.contact_us {
    padding: 28px 0;
    background: #f7f8fc;
    margin: 20px 0 37px 0;
}

.contact_us .contact_detail {
    background: #ffffff;
    padding: 50px;
    margin: 0px auto 27px;
    max-width: 865px;
}

.contact_us .contact_detail .address_wrapper {
    padding: 10px 50px;
}

.contact_us .contact_detail .address_heading {
    position: relative;
    padding-left: 35px;
}

.contact_us .contact_detail .address_heading::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../images/address-location.png");
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}

.contact_us .contact_detail .address_wrapper li {
    padding-bottom: 25px;
}

.contact_us .contact_detail .address_wrapper li label {
    color: #f47920;
    padding-bottom: 7px;
}

.contact_us .contact_detail .address_wrapper li p {
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a;
}

.faq {
    padding: 28px 0 80px;
}

.faq .accordian-block {
    border-radius: 2px;
    background: #f7f8fc;
    border: 1px solid #eceff4;
}

.faq .accordian-block .accordian-para {
    background: #ffffff;
}

.faq .accordian-block .ac-title.acc-active p {
    color: #f47920 !important;
    padding: 5px 32px 10px 70px;
}

.terms_container {
    max-width: 700px;
    margin: 20px auto;
}

.terms_container label {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    word-wrap: break-word;
    color: #282828;
    padding-bottom: 10px;
}

.justify-content-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.txt_caps {
    text-transform: uppercase;
}

.partners .custon_switch_btn {
    width: 510px;
}

.partners .inner-course_card {
    padding: 50px;
    min-height: 302px;
}

.partners .inner-course_card .partner_logo {
    width: 120px;
    height: 120px;
    border: 2px solid #f47920;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

.partners .inner-course_card .partner_logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.partners .inner-course_card .card_detail {
    display: block;
    text-align: center;
    margin: 20px 0 10px 0;
}

.partners .inner-course_card .card_detail .txt_name {
    color: #282828;
    font-size: 18px;
    display: block;
    font-family: "Conv_VODAFONERGBD_0";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.partners .inner-course_card .card_detail .txt_location {
    font-size: 16px;
    color: #4a4a4a;
}

/* *********Contact Us (20-11-2019) ********* */
/***************** LAC (21-11-2019) ************************/
.num_of_lac_users {
    background: #f7f8fc;
    border-radius: 2px;
    padding: 10px 17px;
    font-size: 14px;
    color: #282828;
    margin: 0 0 20px 0;
}

.num_of_lac_users span {
    position: relative;
    padding-left: 20px;
}

.num_of_lac_users span::before {
    background: url("../images/users.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    content: "";
    left: -4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

/************************************ Join LAC ******************************************/
.add-in-lac {
    width: 100%;
}

.join_lac .title_subheading {
    font-size: 14px;
    color: #4a4a4a;
}

.join_lac .outline_btn {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    padding: 6px 10px;
    border: 2px solid #f47920;
}

.join_lac .lac_search {
    position: relative;
}

@media (max-width: 650px) {
    .join_lac .lac_search {
        margin-bottom: 15px;
    }
}

.join_lac .lac_search input {
    background: #f7f8fc;
    border: none;
    padding-left: 40px;
}

/* .join_lac .lac_search .search-icon {
    left: 15px;
} */

.join_lac .lac_cards {
    margin: 20px 0 40px 0;
}

.join_lac .lac_cards .certificate_thumb_card {
    min-height: 194px;
}

.join_lac .lac_cards .certificate_thumb_card .details {
    margin: 0 auto;
    width: 50%;
}

.join_lac .lac_cards .certificate_thumb_card .details .txt_location {
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
    width: 158px;
    text-align: center;
}

.join_lac .lac_cards .outline_btn {
    width: 100%;
}

.join_lac .add_community_wrap .txt_msg {
    display: block;
    font-size: 14px;
    color: #8a8a8a;
    margin-bottom: 15px;
}

.join_lac .add_community_wrap .txt_add {
    color: #f47920;
    font-family: "Conv_VODAFONERGBD_0";
    padding-left: 7px;
}

.join_lac .add_community_wrap .bottom_btns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.join_lac .add_community_wrap .bottom_btns .txt_skip {
    color: #8a8a8a;
    font-size: 14px;
    margin-right: 40px;
}

.join_lac .certificate_thumb_img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 8px;
}

.join_lac .certificate_thumb_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.comunities_section {
    background: url("../images/lac-doodle-background.png") top repeat;
    background-size: contain;
}

.comunities_section .certificate_thumb_card {
    background-color: #fff;
}

.comunities_section .teacher_community .primary_btn {
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#5199d0),
            to(#5dd4ac));
    background: linear-gradient(to bottom, #5199d0 0%, #5dd4ac 100%);
    border: none !important;
    font-size: 16px;
}

.comunities_section .teacher_community .primary_btn:hover {
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#5199d0),
            to(#5dd4ac));
    background: linear-gradient(to bottom, #5199d0 0%, #5dd4ac 100%);
    border: none !important;
}

.comunities_section .student_community .primary_btn {
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#f6bf60),
            to(#ffaad6));
    background: linear-gradient(to bottom, #f6bf60 0%, #ffaad6 100%);
    border: none !important;
    font-size: 16px;
}

.comunities_section .student_community .primary_btn:hover {
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#f6bf60),
            to(#ffaad6));
    background: linear-gradient(to bottom, #f6bf60 0%, #ffaad6 100%);
    border: none !important;
}

.lac_wrappr {
    border: solid 1px #eceff4;
    padding: 30px 8px 15px;
    background-color: #fff;
}

@media (max-width: 768px) {
    .lac_wrappr {
        margin-bottom: 20px;
    }
}

.lac_wrappr .lac_cards {
    margin: 30px 0 0px 0;
}

@media (max-width: 1024px) {
    .lac_wrappr .lac_cards .flex_col_sm_6 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .lac_wrappr .lac_cards .flex_col_sm_6 {
        width: 50%;
    }
}

@media (max-width: 650px) {
    .lac_wrappr .lac_cards .flex_col_sm_6 {
        width: 100%;
    }
}

.lac_wrappr .certificate_thumb_card {
    padding: 20px 7px 10px;
    min-height: 188px !important;
}

.lac_wrappr .certificate_thumb_card .details span {
    font-size: 17px;
    margin: 0 0 8px;
    height: auto;
    display: block;
}

.lac_wrappr .certificate_thumb_card .details .name {
    /* height: 44px !important; */
    line-height: 1.2;
}

.lac_wrappr .title_heading {
    padding-left: 55px;
    position: relative;
    color: #f47920;
    font-size: 22px;
}

.lac_wrappr .title_heading::before {
    background: url("../images/ic-teacher-community.png") center no-repeat;
    background-size: contain;
    width: 42px;
    height: 42px;
    position: absolute;
    content: "";
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lac_wrappr .title_heading.student::before {
    background: url("../images/ic-student-community.png") center no-repeat;
    background-size: contain;
}

@media screen and (max-width: 600px) {
    .lac_wrappr .title_heading {
        padding-left: 55px;
        /* padding: 0 10px; */
    }
}

.lac_wrappr .title_subheading {
    font-size: 16px;
    color: #282828;
    margin-top: 16px;
    display: block;
}

.lac_wrappr .name {
    font-family: "Conv_VODAFONERGBD_0";
    color: #4a4a4a;
}

.lac_wrappr .loc {
    font-size: 15px !important;
}

.lac_wrappr .num_of_lac_users {
    padding: 6px 6px 6px 12px;
}

/************************************ Join LAC close******************************************/
/************************************ Joined LAC ******************************************/
.joined_lac .title_heading {
    font-size: 18px;
    color: #f47920;
}

.joined_lac .certificate_thumb_card {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    position: relative;
    min-height: 194px;
}

.joined_lac .certificate_thumb_card .certificate_thumb_img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border: 1px solid #bbb9b8;
    border-radius: 50%;
}

.joined_lac .certificate_thumb_card .certificate_thumb_img img {
    width: 100%;
    height: 100%;
}

.joined_lac .certificate_thumb_card .requets_status {
    background: #fff9d5;
    border-radius: 2px;
    padding: 10px 17px;
    font-size: 14px;
    color: #282828;
    position: absolute;
    bottom: 0;
    left: 0;
}

.joined_lac .txt_explore {
    text-align: right;
    position: relative;
    padding-right: 20px;
}

.joined_lac .txt_explore a {
    color: #f47920;
    font-family: "Conv_VODAFONERGBD_0";
}

.joined_lac .txt_explore a::after {
    background: url("../images/right-cart-sm.png");
    background-size: contain;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/******************** Joined LAC close ********************/
/***************** View Report ************************/
.report_title {
    display: inline-block;
    padding-left: 10px;
    margin-bottom: 20px;
}

.report_wrapper {
    background: #f7f8fc;
    border-radius: 3px;
    padding: 20px;
}

.report_wrapper .inner_wrapper {
    background-color: #ffffff;
    padding: 30px;
}

.report_wrapper .inner_wrapper li {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding: 15px 10px;
}

.report_wrapper .inner_wrapper .course_name {
    margin: 0;
    font-size: 18px;
    width: 100%;
}

.report_wrapper .inner_wrapper .custom_card_label {
    font-size: 14px;
}

.report_wrapper .report_count {
    color: #f47920;
    font-size: 22px !important;
    font-family: "Conv_VODAFONERGBD_0";
    display: inline-block !important;
}

.report_wrapper .category {
    font-family: "Conv_VODAFONERGBD_0";
    padding-left: 10px;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.pagination nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pagination nav ul li a {
    margin-left: 10px;
    padding: 2px 7px;
    font-weight: 600;
    color: rgba(40, 40, 40, 0.8);
}

.pagination nav ul li a:hover {
    text-decoration: none;
    background: #f47920;
    color: #ffffff;
}

.pagination nav ul li a.active {
    background: #f47920;
    color: #ffffff;
}

.pagination nav ul li a.arrow {
    color: #8e8c8c;
}

.pagination nav ul li a.arrow:hover {
    color: #ffffff;
}

/***************** View Report close ***********************/
/****************** Community List ******************/
.community_list .content_card_row_wrapper {
    padding-top: 0;
}

.community_list .content_card_row_wrapper .lg_full_card_wrap {
    padding: 0 15px 15px;
}

.community_list .content_card_row_wrapper .community_user_wrap {
    padding: 10px 0 20px 0;
}

.community_list .content_card_row_wrapper .community_user_wrap .community_user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.community_list .content_card_row_wrapper .community_user_wrap .community_user .user_img,
.community_list .content_card_row_wrapper .community_user_wrap .community_user .inner_block.post_comment .user_img img,
.inner_block.post_comment .user_img .community_list .content_card_row_wrapper .community_user_wrap .community_user img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 13px 0 0;
}

.community_list .content_card_row_wrapper .community_user_wrap .community_user .user_img img,
.inner_block.post_comment .user_img .community_list .content_card_row_wrapper .community_user_wrap .community_user img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.community_list .content_card_row_wrapper .community_user_wrap .community_user .user_comment {
    font-size: 18px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
}

.community_list .content_card_row_wrapper .txt_posted {
    font-size: 14px;
    color: #8e8c8c;
}

.community_list .content_card_row_wrapper .comment_like-list {
    border: none;
}

/******** Add Comment Modal*********/
.comment_modal_box {
    width: auto;
}

.comment_modal_box .custom_modal_header {
    padding: 0 30px 0 30px;
}

.comment_modal_box .custom_modal_body {
    padding: 0 10px 20px;
    background: #ffffff;
}

.comment_modal_box .custom_modal_body .comments_wrapper {
    padding: 0 20px 20px;
    border: none;
}

.comment_modal_box .comment_box.text_box_comment {
    margin: 33px 0 15px;
}

.comment_modal_box .comment_box.text_box_comment .input_box {
    width: 73%;
}

/******** Add Comment Modal close*********/
/******** Member Modal*********/
.member_modal .custom_modal_header {
    padding: 30px 30px 0;
}

.member_modal .custom_modal_header .search_wrap input {
    border: none;
    background: #f7f8fc;
    padding: 10px 15px 10px 34px;
}

.member_modal .custom_modal_header .search_wrap .search-icon {
    left: 10px;
}

.member_modal .custom_modal_body {
    background: #ffffff;
}

.member_modal .button_wrap {
    padding: 20px;
}

/******** Member Modal close*********/
/****************** Community List ************************/
/***************** LAC (22-11-2019) ************************/
.content-img-wrap {
    border: 1px dotted #f47920;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    color: #f47920;
    margin: 0 auto 10px;
    width: 160px;
    height: 160px;
}

.content-img-wrap:hover {
    background-color: #f4792040;
    border-color: #f4792040;
}

.content-img-wrap img {
    cursor: pointer;
}

.upload_doc_preview {
    width: 100%;
    height: 100px;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.upload_doc_preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.upload_doc_preview.doc_preview {
    height: 159px;
    margin-top: 33px;
}

.cross-img {
    width: 30px;
    height: 30px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 99;
    background-size: contain;
    right: -4px;
    top: -6px;
    cursor: pointer;
    background-color: #e46969;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    background-image: url("../images/modal-cross.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
}

.step_wrapper {
    padding: 12px 0;
    margin: 0 0 35px;
}

.step_wrapper ul li {
    display: inline-block;
    vertical-align: middle;
    margin: -5px;
    width: 33.33%;
    padding: 10px 15px;
}

.step_wrapper ul li span {
    width: 80px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px auto;
    font-size: 30px;
    border: 1px solid #f47920;
    color: #f47920;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.step_wrapper .steps_descr {
    margin-top: 15px;
}

.page-title {
    margin: 35px 0 20px;
}

.content-title-heading {
    font-size: 28px;
    margin: 20px 0 10px;
}

.content_create_section .inner-course_card {
    min-height: 200px;
    padding: 20px;
}

.content_create_section .content_title {
    color: #282828;
    font-size: 24px;
    font-family: "Conv_VODAFONERGBD_0";
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

.content_create_section .create-btn {
    margin: 15px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content_create_section .commn_para {
    margin: 0;
    width: 338px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-testimonial .testimonial-para::before,
.content-testimonial .testimonial-para::after {
    display: none;
}

.upload_thumb {
    position: absolute;
    right: 0;
    background: #f47920;
    color: #ffffff;
    padding: 8px 25px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    height: 100%;
}

/************ Advertisement Modal ************/
.add_im_wrapper {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.add_im_wrapper img {
    width: 100%;
    height: 200px;
    -o-object-fit: contain;
    object-fit: contain;
}

.add_heading {
    font-size: 22px;
    white-space: pre;
    margin: 19px 0 14px;
}

.modal_para {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 11px;
    max-height: 300px;
    overflow-y: auto;
}

ul.token-input-list-facebook {
    min-height: 38px !important;
}

/************ Advertisement Modal ************/
/************ Ad popup ************/
.notify-popup {
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    max-width: 350px;
    height: auto;
    padding: 12px 50px;
    background: #f07924;
    color: #ffffff;
    font-weight: 600;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 99;
}

.notify-popup .title {
    font-size: 28px;
    text-align: center;
    margin: 8px 0 0;
}

.notify-popup p {
    margin: 8px 0 0;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
}

/************ Ad popup end ************/
.news_poup {
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 340px;
    z-index: 999;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 20px 20px 0 0;
    padding: 10px;
    -webkit-box-shadow: 0 0 13px 5px #00000040;
    box-shadow: 0 0 13px 5px #00000040;
}

.news_poup h2 {
    margin: 19px 0px 0 0;
    padding: 0;
    font-size: 22px;
    font-weight: 600;
}

.news_poup .news_chanel_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 14px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news_poup .news_logo img {
    width: 50px;
    overflow: hidden;
    margin-right: 15px;
}

.news_poup .news_title {
    font-size: 18px;
    width: 135px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #3a3a3a;
    margin-right: 15px;
    font-weight: 600;
}

.news_poup .n_fill_btn {
    font-size: 16px;
    padding: 7px 30px;
    border-radius: 25px;
    background: #f47920;
    color: #fff;
}

.news_poup .n_fill_btn.continue_btn {
    background: #dad8d8;
    color: #797878;
}

/************ Lesson Plan ************/
.lesson-plan-wrap .course_card_details {
    padding: 20px 0 0 0;
    position: relative;
}

.lesson-plan-wrap .topic_name {
    font-size: 22px;
    margin-bottom: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: auto;
}

.lesson-plan-wrap .edit_pencil {
    position: relative;
    padding-left: 48px;
}

.lesson-plan-wrap .edit_pencil::before {
    width: 33px;
    height: 33px;
    background-color: #e7e7e7;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: -8px 0 0 5px;
    background: url("../images/edit-notes.svg") center no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.lesson-plan-wrap .class_digit {
    width: 64%;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}

.lesson-plan-wrap .txt-date {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px 0 0 0;
}

.lesson-plan-wrap .txt-date span {
    font-size: 16px;
}

.lesson-plan-wrap .authore_wrap {
    font-size: 17px;
}

.lesson-plan-wrap .course_card_wrapper {
    margin: 15px 0;
    padding: 10px;
}

.subject_name {
    font-size: 16px;
    letter-spacing: 0.4px;
    text-align: left;
    color: #5e99f2;
}

.by_class_wrapper {
    margin-bottom: 8px;
    max-width: 100%;
}

.by_class_wrapper .by {
    color: #978383;
    font-size: 15px;
    margin-right: 2px;
}

.by_class_wrapper .author {
    font-size: 16px;
    letter-spacing: 0.4px;
    text-align: left;
    color: #4a4a4a;
}

.by_class_wrapper .class {
    color: #8e8c8c;
    position: relative;
    padding-left: 10px;
}

.by_class_wrapper .class:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 15px;
    background: #ccc;
    top: 4px;
    left: 4px;
}

.main-lesson-card .radio_option li {
    border: none;
    border-bottom: 1px solid #e7eefa;
    border-radius: 0;
    padding-bottom: 10px;
}

.main-lesson-card .radio_option li:last-child {
    border: none;
}

.main-lesson-card .radio_option li label {
    font-weight: 400;
}

.main-lesson-card .radio_option .count {
    position: absolute;
    right: 25px;
}

.main-lesson-card .author {
    position: relative;
}

.main-lesson-card .author:after {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    left: 60px;
    top: 1px;
}

.main-lesson-card .author.certified::after {
    background: url("../images/certification_completed.png") center no-repeat;
    background-size: contain;
    left: auto;
}

.main-lesson-card .author.locked::after {
    background: url("../images/plan-lock.png") center no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    left: auto;
}

.main-lesson-card .authore_wrap {
    margin-bottom: 0;
}

/************ Lesson Plan close************/
/******** Slider **********/
.lesson-plan-wrap .owl-prev {
    position: absolute;
    width: 34px;
    height: 34px;
    background-color: #ffffff;
    top: 50%;
    left: -13px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/left-arrow-testi.png");
    -webkit-box-shadow: 0 0 20px #5250504f;
    box-shadow: 0 0 20px #5250504f;
}

.lesson-plan-wrap .owl-prev.disabled {
    display: none;
}

.lesson-plan-wrap .owl-next {
    position: absolute;
    width: 34px;
    height: 34px;
    background-color: #ffffff;
    top: 50%;
    right: -13px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/right-arrow-testi.png");
    -webkit-box-shadow: 0 0 20px #5250504f;
    box-shadow: 0 0 20px #5250504f;
}

.course_card_wrapper .by {
    font-size: 12px;
}

.course_card_wrapper .by_class_wrapper {
    margin-bottom: 0;
    min-height: 33px;
}

.course_card_wrapper .by_class_wrapper .author {
    font-size: 13px;
    max-width: 90%;
    letter-spacing: 0.4px;
    text-align: left;
    color: #4a4a4a;
}

.relative_wrapper {
    position: relative;
}

.full_width {
    width: 100%;
}

/** Slider end**/
.content-btn {
    width: 100%;
    margin-bottom: 17px;
    display: block;
    text-align: center;
}

/** Slider**/
.lesson-plan-wrap .owl-prev,
.results-card-wrapper .owl-prev {
    position: absolute;
    width: 34px;
    height: 34px;
    background-color: #ffffff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -13px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/left-arrow-testi.png");
    -webkit-box-shadow: 0 0 20px #5250504f;
    box-shadow: 0 0 20px #5250504f;
}

.lesson-plan-wrap .owl-prev.disabled,
.lesson-plan-wrap .owl-next.disabled,
.results-card-wrapper .owl-prev.disabled,
.results-card-wrapper .owl-next.disabled {
    display: none;
}

.lesson-plan-wrap .owl-next,
.results-card-wrapper .owl-next {
    position: absolute;
    width: 34px;
    height: 34px;
    background-color: #ffffff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -13px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/right-arrow-testi.png");
    -webkit-box-shadow: 0 0 20px #5250504f;
    box-shadow: 0 0 20px #5250504f;
}

.course_card_wrapper .by {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.course_card_wrapper .by_class_wrapper {
    margin-bottom: 0;
    min-height: 33px;
}

.course_card_wrapper .by_class_wrapper .author {
    font-size: 13px;
    max-width: 90%;
    letter-spacing: 0.4px;
    text-align: left;
    color: #4a4a4a;
}

.relative_wrapper {
    position: relative;
}

.full_width {
    width: 100%;
}

/** Slider end**/
.content-btn {
    width: 100%;
    margin-bottom: 17px;
}

.gtag {
    min-width: 95px;
    width: auto;
    min-height: 29px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("../images/tag.svg");
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
    text-align: center;
    padding: 2px 10px 2px 25px;
    font-size: 12px;
    z-index: 9;
}

.gtag.notify_tag {
    min-width: 120px;
    cursor: pointer;
    bottom: -7px;
    top: auto;
}

.login_req {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.login_req img {
    width: 20px;
    height: 20px;
}

.plan_btn {
    position: absolute;
    right: 0;
    top: 60px;
}

.no_record_page_wrapper {
    text-align: center;
    padding: 50px 0;
    margin: 40px 0;
    -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.06);
    width: 100%;
}

.no_record_page_wrapper img {
    width: 260px;
}

.no_data_found_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 40px 0;
}

.no_data_found_wrap figure {
    width: 150px;
    height: 150px;
}

.no_data_found_wrap figure img {
    width: 150px;
    height: 150px;
}

.no_data_found_wrap .no_data {
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 24px;
    line-height: 1.3;
    color: #282828;
    margin: 20px 0 15px 0;
    width: 100%;
    text-align: center;
}

.no_data_found_wrap .primary_btn {
    border-radius: 5px;
}

/***************** Notification *******************/
.notification_wrapper {
    margin: 25px auto;
}

.notifications li {
    position: relative;
    padding: 30px;
    border-bottom: 1px solid #fcfcfc;
}

.notifications li:last-child {
    border: none;
}

.notifications li .notify_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.notifications li .icon_img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
}

@media (max-width: 640px) {
    .notifications li .icon_img {
        width: 25px;
        height: 25px;
    }
}

.notifications li .icon_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.notifications span {
    position: absolute;
    right: 20px;
    top: 25px;
    color: #98a6b5;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.notifications span .primary_btn {
    margin-left: 10px;
}

.notifications p {
    font-size: 18px;
    color: #2d2e30;
    font-weight: 500;
    max-width: 920px;
}

.txt-as-read {
    color: #98a6b5 !important;
}

/***************** Notification close************************/
/***************** Leaderboard ************************/
.leaderboard_cards {
    margin: 20px 0 40px 0;
}

.leaderboard_cards .leaderboard_list_user {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.leaderboard_cards .user_xs_img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: visible;
}

.leaderboard_cards .user_xs_img.mauto {
    margin: 0 auto;
}

.leaderboard_cards .user_xs_img img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.leaderboard_cards .details .user_xsname {
    font-size: 18px;
    font-weight: 600;
    height: 75px;
}

.leaderboard_cards .details .digit {
    font-size: 14px;
}

.leaderboard_cards .num_of_lac_users {
    position: absolute;
    right: 20px;
    top: 5px;
}

.leaderboard_cards .certificate_thumb_card {
    display: block;
    position: relative;
}

.leaderboard_cards .status_block {
    margin: 60px 0 0;
}

.leaderboard_cards .status_block .flex_col_sm_6 {
    padding: 0;
}

.leaderboard_cards .last_activity {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.leaderboard_cards .follow {
    border-radius: 30px;
    width: 110px;
}

.leaderboard_cards .rank {
    position: absolute;
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #f47920;
    color: #ffffff;
    padding: 2px 10px;
    border-radius: 25px;
    width: 52px;
    z-index: 9;
    overflow: auto;
    font-size: 14px;
}

.users_block {
    background-color: #f7f8fc;
    padding: 20px;
}

.users_block .user_card {
    width: 18.2%;
    padding: 20px;
    margin: 10px;
    text-align: center;
    position: relative;
}

.users_block .user_card .inner_card {
    width: 100%;
}

.users_block .user_card .details {
    margin: 15px 0;
}

.users_block ul {
    max-height: 500px;
}

.other_card .user_xs_img {
    border: none;
}

.other_card .white_card {
    padding: 15px 0 0 25px;
    position: relative;
}

.m0 {
    margin: 0;
}

.user_report {
    border: 1px solid #eceff4;
    background: #f7f8fc;
    min-height: 540px;
}

.user_report .inner_report {
    background-color: #f47920;
    color: #ffffff;
    padding: 15px;
}

.user_report .user_xsname,
.user_report .digit {
    color: #ffffff;
}

.user_report .outline_btn {
    border-color: #ffffff;
    color: #ffffff;
}

.user_report .outline_btn:hover {
    background-color: #ffffff;
    color: #f47920;
}

.user_report .report_wrapper {
    background: #ffffff;
    border-radius: 0;
    padding: 0 0 15px;
}

.user_report .report_wrapper .inner_wrapper {
    padding: 20px;
}

.user_report .filter_block_1 {
    border: 0;
    text-align: right;
    padding: 9px 20px 0;
    margin: 0;
}

.rank-top-lt {
    position: absolute;
    left: 9px;
    top: 10px;
    font-size: 18px;
}

/***************** Leaderboard close************************/
/***************** Webinars ************************/
.posted_date_wrap {
    margin: 10px 0;
}

.filter_search {
    margin: 0 0 15px;
}

.webinar_card_wrap .sharelac {
    color: #4a4a4a;
    top: 30px;
    right: 10px;
}

.webinar_card_wrap .authore_wrap {
    font-size: 14px;
}

.webinar_card_wrap .edtech_topic_name {
    font-size: 20px;
    font-weight: 600;
    width: 85%;
}

.webinar_card_wrap .commn_para {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    width: 100%;
    font-size: 16px;
}

.webinar_card_wrap .time_label {
    width: 120px;
    position: absolute;
    right: 120px;
    left: auto;
    top: 30px;
}

.webinar_detail_resource .sharelac {
    top: 28px;
    right: 100px !important;
}

.webinar_detail_resource .auth_name {
    display: block;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: left;
    color: #282828;
    margin: 12px 0 0 0;
}

.webinar_detail_resource .auth_name span {
    color: #8e8c8c;
}

.webinar_detail_resource .bookmark_icon {
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 5.14;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
}

.webinar_detail_resource .bookmark_icon:before {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    left: -22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-image: url("../images/bookmark.png");
}

.webinar_detail_resource .bookmark_icon.save:before {
    background: url("../images/bookmark_save.png") center no-repeat;
}

.webinar_detail_resource .other-resource {
    display: block;
    position: relative;
    margin: 8px 0;
    padding: 0 0 0 29px;
}

.webinar_detail_resource .other-resource::after {
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-image: url("../images/download-down.png");
}

.webinar_detail_resource .title_heading {
    width: 79%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.webinar_detail_resource .webinar_butns {
    position: absolute;
    right: 0;
    top: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.webinar_detail_resource .webinar_butns li {
    margin-left: 30px;
}

.webinar_detail_resource .webinar_butns li:first-child {
    margin: 0;
}

.webinar_detail_resource .webinar_butns li .primary_btn {
    font-size: 16px;
    padding: 8px 25px;
}

.webinar_detail_resource .webinar_card_wrap .time_label {
    right: 180px;
}

/*** Chat Box***/
.chats_wrap {
    min-height: 429px;
    border-top: solid 1px rgba(40, 40, 40, 0.08);
    padding: 10px;
    margin-bottom: 20px;
}

.chats_wrap iframe {
    width: 377.5px;
    min-height: 429px !important;
    height: 100%;
}

.chats_wrap h2 {
    font-size: 18px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #282828;
    position: relative;
}

.chats_wrap h2::after {
    width: 12px;
    height: 12px;
    background-size: contain;
    position: absolute;
    content: "";
    right: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 30px;
}

.chats_wrap .chat_list {
    max-height: 270px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*** Chat Box close***/
.webinar_detail .more_webinar {
    margin-top: 0;
}

.more_webinar {
    border: solid 1px rgba(40, 40, 40, 0.08);
    background-color: #ffffff;
    padding: 10px;
}

.more_webinar h2 {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #282828;
}

.more_webinar .webinar_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.more_webinar .webinar_card figure {
    width: 214px;
    height: 110px;
    overflow: hidden;
    border: 1px solid #f6f6f6;
}

.more_webinar .webinar_card figure img {
    width: 100%;
    height: 110px;
    -o-object-fit: cover;
    object-fit: cover;
}

.more_webinar .webinar_card .detail {
    padding: 0 0 0 13px;
}

.more_webinar .webinar_card .detail .topic {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #282828;
}

.more_webinar ul {
    max-height: 550px;
    overflow-y: auto;
}

.more_webinar ul li {
    margin: 15px 0;
    padding-bottom: 10px;
    border-bottom: solid 1px rgba(40, 40, 40, 0.08);
}

.more_webinar ul li:last-child {
    border-bottom: none;
}

.discussion_tab_wrap .comment_box {
    width: 100%;
}

.discussion_tab_wrap .input_box {
    width: 77%;
}

/***************** Webinars close************************/
mark {
    background: transparent;
    color: #f00;
}

/******** user List Card *********/
.user_detal_card {
    visibility: visible;
    opacity: 1;
    position: relative;
    top: 0;
    left: 0;
    margin: 15px 0 20px 0;
    width: 100%;
    z-index: 9;
}

.user_detal_card:before {
    border: none;
    width: 0;
    height: 0;
}

/******** user List Card close *********/
/******** Header Search **********/
ul#suggestion {
    position: absolute;
    width: 100%;
    top: 38px;
    border-top: navajowhite;
    -webkit-box-shadow: 4px 4px 9px #00000038;
    box-shadow: 4px 4px 9px #00000038;
}

ul#suggestion li {
    padding: 5px 11px;
    border-bottom: 1px solid #e4e2e2;
    cursor: pointer;
}

/******** Header Search close **********/
/*********** Competition Home ***********/
.recent-winner-wrapper {
    max-height: 783px;
    overflow-y: auto;
}

.recent-winner-wrapper .show_more {
    color: #5e99f2;
    font-size: 16px;
    display: inline-block;
    padding: 9px 0;
    font-family: "Conv_VODAFONERGBD_0";
    cursor: pointer;
}

.winner_banner {
    background: #ffffff;
}

.winner_banner .banner_img {
    height: 320px;
}

.winner_banner .banner_img img {
    height: 320px;
}

.banner_container {
    position: absolute;
    width: 1170px;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
}

.banner_container .compitition-txt {
    max-width: 600px;
    color: #ffffff;
    width: 100%;
}

.banner_container .compitition-txt h1 {
    max-width: 600px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
}

.banner_container .compitition-txt p {
    width: 560px;
    font-size: 14px;
    line-height: 1.71;
    margin-bottom: 15px;
}

.banner_container .compitition-txt .txt-deadline {
    width: 172px;
    font-size: 18px;
    letter-spacing: 0.45px;
}

.results-card-wrapper {
    padding: 27px 0 0 0;
}

.results-card-wrapper .list_title {
    font-size: 20px;
}

.results-card-wrapper .topic_name {
    margin-bottom: 10px;
}

.results-card-wrapper .detail {
    padding: 10px 12px;
}

.results-card-wrapper .course_card_wrapper {
    position: relative;
    margin: 15px 0px;
}

.results-card-wrapper .course_card_wrapper figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.results-card-wrapper .course_card_wrapper .inner-course_card {
    border: 1px solid #eceff4;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #ffffff;
    position: relative;
}

.owl-item .course_card_wrapper {
    position: relative;
    margin: 15px 10px;
}

.winner-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.winner-detail .user_xsname {
    font-weight: 600;
}

.recent_webinar_card {
    border: solid 1px #eceff4;
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 15px;
}

.recent_webinar_card .user_xs_img {
    width: 60px;
    height: 60px;
}

.recent_webinar_card .user_xs_img img {
    width: 100%;
    height: 100%;
}

.recent_webinar_card .webinar_subject_line {
    display: block;
    margin: -20px -20px 9px;
    border-bottom: solid 1px #eceff4;
    background-color: #f37820;
    color: #ffffff;
    padding: 4px 10px;
    font-size: 14px;
    text-align: center;
    font-family: "Conv_VODAFONERGBD_0";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.recent_webinar_card .winner-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 8px;
}

.recent_webinar_card .winner-detail .location_xs {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #4a4a4a;
}

/***************Recent Winner Close****************/
.kids_competition_winner_card .details {
    position: relative;
    max-width: 65%;
}

.kids_competition_winner_card .details .user_xsname:after {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: url("../images/ic-ribbon.png") center no-repeat;
    background-size: contain;
    right: auto;
    top: auto;
    margin-left: 5px;
}

.kids_competition_section {
    background-image: url("../images/ic-doodle-background.png");
}

.comp_cards .inner-course_card {
    min-height: 375px;
}

.comp_cards figure {
    height: 251px;
    position: relative;
}

.comp_cards figure img {
    height: 251px !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

.kids_comp_cards .inner-course_card {
    min-height: 352px;
}

.kids_comp_cards .activity_topic {
    font-size: 14px;
    letter-spacing: 0.35px;
    text-align: left;
    color: #5e99f2;
}

.kids_comp_cards .topic_name {
    width: 100%;
    height: 50px;
}

.archived_cards .inner-course_card {
    min-height: 232px;
}

.archived_cards figure {
    height: 150px;
}

.archived_cards figure img {
    height: 150px !important;
}

.archived_cards .topic_name {
    width: 100%;
}

.inline_filter_wrapper {
    border: solid 1px #eceff4;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 35px 0 0 0;
    padding: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.inline_filter_wrapper .filter_by {
    font-family: "Conv_VODAFONERGBD_0";
}

.inline_filter_wrapper ul {
    margin: 0 0 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inline_filter_wrapper ul .select-picker-wrap {
    border: none;
}

.inline_filter_wrapper .dropdown-menu.open {
    z-index: 10;
}

/*********** Competition Detail ***********/
.competition_detail_section {
    margin: 20px 0;
    padding: 20px 0;
}

.competition_detail_section .competition_dead_line {
    font-size: 18px;
    letter-spacing: 0.45px;
}

.competition_detail_section .competition_dead_line span {
    color: #8e8c8c;
}

.competition_detail_section .competition_name {
    font-size: 28px;
    margin-bottom: 5px;
    font-family: "Conv_VODAFONERGBD_0";
}

.competition_detail_section .subject_name {
    margin-bottom: 5px;
    display: inline-block;
}

.competition_detail_section .instruction_points li {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.71;
    color: #4a4a4a;
}

.competition_detail_section .seprate_block iframe {
    max-height: 6000px;
    height: 100%;
    min-height: 1000px;
    width: 100%;
}

/*********** Competition close ***********/
.swal-content div {
    line-height: 2.5;
    text-align: left;
    margin: 16px 0;
}

/**********Web push Notification ********************/
.web-push-notification-wrap {
    position: fixed;
    width: 350px;
    right: 50px;
    bottom: 0;
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
    padding: 10px;
    z-index: 99;
}

.web-push-notification-wrap figure {
    margin: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.web-push-notification-wrap figure img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 60px;
    height: 60px;
}

.web-push-notification-wrap .content-wrap {
    padding: 0 10px;
}

.web-push-notification-wrap .content-wrap .title {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
}

.web-push-notification-wrap .content-wrap .notification-para {
    font-size: 12px;
    margin: 5px 0 0;
}

.web-push-notification-wrap .close-noti {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    opacity: 0.5;
}

.web-push-notification-wrap .close-noti img {
    width: 15px;
}

.web-push-notification-wrap .close-noti:hover {
    opacity: 0.9;
}

/**********Web push Notification  close********************/
#myModal-edit-comment textarea {
    height: 200px;
}

.lac_list .certificate_thumb_card {
    display: block;
}

.lac_list .certificate_thumb_card .certificate_thumb_img {
    margin: 0 auto;
}

.lac_list .certificate_thumb_card .certificate_thumb_img .p_card .hover_u_card {
    top: 100px;
    left: -30px;
}

.lac_list .certificate_thumb_card .details {
    margin: 15px 0 0 0;
    text-align: center;
    width: 100%;
}

.lac_list .view_more {
    top: 15px;
    right: auto;
}

.resize_icon {
    width: 16px;
    position: absolute;
    right: 86px;
    top: 22px;
    cursor: pointer;
}

.verfied {
    position: relative;
}

.verfied:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../images/ic-verified.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

/*********** Templates ***********/
.home_mid_banner {
    padding: 30px 0;
}

.home_mid_banner .custom_container {
    max-width: 1240px;
    position: relative;
    left: -65px;
}

@media (max-width: 1040px) {
    .home_mid_banner .custom_container {
        left: 0;
        width: 100%;
    }
}

.template_banner_img {
    position: relative;
    width: 100%;
}

.template_banner_img img {
    width: 100%;
}

.template_banner img {
    -o-object-fit: contain;
    object-fit: contain;
    cursor: pointer;
    width: 100%;
}

.content_image_block {
    padding: 50px 0;
}

.content_image {
    overflow: hidden;
    width: 100%;
    height: 342px;
}

.content_image img {
    width: 100%;
    height: 342px;
    -o-object-fit: cover;
    object-fit: cover;
}

.template_content_wrapper {
    padding: 0 30px;
    margin-bottom: 30px;
}

.template_content_wrapper h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.17;
    color: #282828;
    margin-bottom: 10px;
}

.template_content_wrapper p {
    font-size: 18px;
    line-height: 1.56;
    color: #282828;
}

.three_circl_ed .img_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.three_circl_ed .img_content .details {
    width: 100%;
}

.content_img_grid {
    padding: 20px 0;
}

.img_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 50px 0;
}

.img_content .thumb_img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
}

.img_content .thumb_img img {
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
}

.img_content .details {
    width: 75%;
    font-size: 18px;
    padding: 20px;
    line-height: 1.56;
    color: #282828;
}

.border_frame {
    border: solid 1px #eceff4;
    padding: 30px;
    margin-bottom: 20px;
}

.template_img {
    width: 100%;
    height: 228px;
}

.template_img img {
    width: 100%;
    height: 228px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.img_title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.17;
    color: #282828;
    margin-bottom: 10px;
    text-align: center;
}

.img_caption {
    font-size: 18px;
    padding: 15px 30px 0;
    line-height: 1.56;
    color: #282828;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.img_grid .thumb_img {
    width: 200px;
    height: 200px;
}

.img_grid .thumb_img img {
    width: 100%;
    height: 100%;
}

.temp_five .content_image {
    height: 587px;
}

.temp_five .content_image img {
    width: 100%;
    height: 587px;
    -o-object-fit: cover;
    object-fit: cover;
}

.temp_five_v2 .content_image {
    height: 506px;
}

.temp_five_v2 .content_image img {
    width: 100%;
    height: 506px;
    -o-object-fit: cover;
    object-fit: cover;
}

/*********** Templates close ***********/
#myModal-userInfo .custom_modal_header {
    padding: 15px 0 0;
}

.profil_detail_section {
    padding: 38px 0;
}

.profile_nav {
    background: #ffffff;
    -webkit-box-shadow: 0 0 9px 0px rgba(35, 35, 35, 0.05);
    box-shadow: 0 0 9px 0px rgba(35, 35, 35, 0.05);
}

.profile_nav ul li a {
    padding: 17px 26px 17px 65px;
    display: block;
    font-size: 16px;
    color: #282828;
    border-bottom: 1px solid #eef0f2;
    border-left: 2px solid #ffffff;
    position: relative;
}

.profile_nav ul li a:hover,
.profile_nav ul li a.active {
    border-left: 2px solid #f47920;
    color: #f47920;
}

.profile_nav .profile_icon::before {
    width: 18px;
    height: 18px;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
}

.white_wrapper {
    background: #ffffff;
    -webkit-box-shadow: 0 0 9px 0px rgba(35, 35, 35, 0.05);
    box-shadow: 0 0 9px 0px rgba(35, 35, 35, 0.05);
    padding: 20px;
    position: relative;
}

.profile_img {
    width: 150px;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #f37920;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.profile_img img {
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    padding: 3px;
}

.tick {
    position: relative;
}

.tick::after {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    margin-left: 5px;
    top: auto;
    right: auto;
}

.tick.verified_orange::after {
    background: url("../images/verified-orange.png") center no-repeat;
}

.tick.verified_yellow::after {
    background: url("../images/verified-yellow.png") center no-repeat;
}

.tick.verified_blue::after {
    background: url("../images/verified-blue.png") center no-repeat;
}

.tick.verified_purple::after {
    background: url("../images/verified-purple.png") center no-repeat;
}

.tick.verified_gray::after {
    background: url("../images/verified-gray.png") center no-repeat;
}

.tick.acheivement::after {
    background: url("../images/acheivement.png") center no-repeat;
    background-size: contain;
}

.p_user_details .name {
    font-size: 28px;
    font-family: "Conv_VODAFONERGBD_0";
    margin: 0 0 5px 0;
    max-width: 100%;
    width: 530px;
}

.p_user_details .name.tick:after {
    top: auto;
    -webkit-transform: translate(10px, 10px);
    transform: translate(10px, 10px);
    right: auto;
    margin-left: 0;
}

.p_user_details .prof {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    letter-spacing: 0.32px;
    color: #282828;
    margin: 0 0 20px 0;
    display: block;
}

.p_user_details hr {
    border-color: #e8e8e8;
}

.p_user_details .font_b {
    font-family: "Conv_VODAFONERGBD_0";
    padding-right: 5px;
}

.p_user_details .influncer {
    font-size: 16px;
    font-weight: bold;
    line-height: 3;
    letter-spacing: 0.32px;
    text-align: left;
    color: #282828;
    display: block;
}

.p_user_details .detail_label {
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
    padding-left: 30px;
}

/******************** Profile Icons Update*************************/
.profile_icon {
    position: relative;
}

.profile_icon:before {
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
}

.profile_icon:hover.user:before,
.profile_icon.active.user:before {
    background-image: url("../images/user-active.svg");
}

.profile_icon:hover.timeline:before,
.profile_icon.active.timeline:before {
    background-image: url("../images/timeline-active.svg");
}

.profile_icon:hover.follower:before,
.profile_icon.active.follower:before {
    background-image: url("../images/follower-active.svg");
}

.profile_icon:hover.following:before,
.profile_icon.active.following:before {
    background-image: url("../images/following-active.svg");
}

.profile_icon:hover.questions:before,
.profile_icon.active.questions:before {
    background-image: url("../images/question-active.svg");
}

.profile_icon:hover.answers:before,
.profile_icon.active.answers:before {
    background-image: url("../images/answers-active.svg");
}

.profile_icon:hover.pro_leaderboard:before,
.profile_icon.active.pro_leaderboard:before {
    background-image: url("../images/leaderboard-active.svg");
}

.profile_icon:hover.pro_webinar:before,
.profile_icon.active.pro_webinar:before {
    background-image: url("../images/webinar-active.svg");
}

.profile_icon:hover.blog_post:before,
.profile_icon.active.blog_post:before {
    background-image: url("../images/blog-post-active.svg");
}

.profile_icon:hover.pro_comunity:before,
.profile_icon.active.pro_comunity:before {
    background-image: url("../images/communities-active.svg");
}

.profile_icon:hover.pro_share:before,
.profile_icon.active.pro_share:before {
    background-image: url("../images/share-profile-active.svg");
}

.profile_icon.mail:before {
    background-image: url("../images/mail.png");
}

.profile_icon.phone:before {
    background-image: url("../images/phone.png");
}

.profile_icon.location:before {
    background-image: url("../images/location.png");
}

.profile_icon.school:before {
    background-image: url("../images/school.png");
}

.profile_icon.profile:before {
    background-image: url("../images/user-active.svg");
    background-size: 18px;
}

.profile_icon.gender:before {
    background-image: url("../images/gender.png");
}

.profile_icon.webinars:before {
    background-image: url("../images/webinars.png");
}

.profile_icon.trophy:before {
    background-image: url("../images/trophy.png");
}

.profile_icon.post:before {
    background-image: url("../images/post.png");
}

.profile_icon.rank:before {
    background-image: url("../images/ic-rank.svg");
}

.profile_icon.teaching-exp:before {
    background-image: url("../images/teaching-exp.svg");
}

.profile_icon.teaching-lang:before {
    background-image: url("../images/teaching-lang.svg");
}

.profile_icon.active-community:before {
    background-image: url("../images/communities-active.svg");
}

.profile_icon.courses-done:before {
    background-image: url("../images/courses-done.svg");
}

.profile_icon.asked-ques:before {
    background-image: url("../images/question-active.svg");
}

.profile_icon.l-board:before {
    background-image: url("../images/leaderboard-active.svg");
}

.profile_icon.pro-shared:before {
    background-image: url("../images/share-profile-active.svg");
}

.profile_icon.pro-timeline:before {
    background-image: url("../images/timeline-active.svg");
}

.profile_icon.follower-count:before {
    background-image: url("../images/follower-active.svg");
}

.profile_icon.following-count:before {
    background-image: url("../images/following-active.svg");
}

.profile_icon.ans-given:before {
    background-image: url("../images/answers-active.svg");
}

.profile_icon.lp-created:before {
    background-image: url("../images/lesson-plan.svg");
}

.profile_icon.topicals-created:before {
    background-image: url("../images/topical.svg");
}

.profile_icon.bulletin:before {
    background-image: url("../images/ic-video.svg");
}

.profile_icon.user:before {
    background-image: url("../images/profile.svg");
}

.profile_icon.timeline:before {
    background-image: url("../images/timeline.svg");
}

.profile_icon.follower:before {
    background-image: url("../images/follower.svg");
}

.profile_icon.following:before {
    background-image: url("../images/following.svg");
}

.profile_icon.questions:before {
    background-image: url("../images/question.svg");
}

.profile_icon.answers:before {
    background-image: url("../images/answers.svg");
}

.profile_icon.pro_leaderboard:before {
    background-image: url("../images/leaderboard.svg");
}

.profile_icon.pro_webinar:before {
    background-image: url("../images/webinar.svg");
}

.profile_icon.blog_post:before {
    background-image: url("../images/blog-post.svg");
}

.profile_icon.pro_comunity:before {
    background-image: url("../images/communities.svg");
}

.profile_icon.pro_share:before {
    background-image: url("../images/share-profile.svg");
}

/****** Profile Icons close*****/
.private_pro .badge {
    padding: 6px 15px !important;
}

.white_wrapper .outline_btn {
    position: absolute;
    right: 30px;
}

.p_edit {
    position: absolute;
    right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9;
}

.p_edit li {
    margin: 0 0 0 25px;
}

.p_follow {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p_follow li {
    text-align: center;
    font-size: 14px;
    color: #282828;
    letter-spacing: 0.28px;
    padding: 0 12px;
    line-height: 25px;
    position: relative;
}

.p_follow li::before {
    width: 1px;
    height: 58px;
    background-color: #e8e8e8;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}

.p_follow li:first-child::before {
    content: none;
}

#my_interest_owl .course_card_wrapper figure {
    height: 173px;
}

#my_interest_owl .course_card_wrapper figure img {
    -o-object-fit: cover;
    object-fit: cover;
}

#my_interest_owl .desc {
    max-width: 182px;
    width: 100%;
    font-size: 14px;
    line-height: 1.57;
    display: block;
    margin-bottom: 5px;
}

#suggestion_owl .white_card {
    margin: 15px 10px;
    padding: 25px 20px;
    min-height: 270px;
}

#suggestion_owl .white_card .name-block {
    height: 50px;
}

.profile_wrap .white_wrapper {
    width: 100%;
}

.profile_wrap .title_heading {
    color: #f47920;
    padding-left: 30px;
}

.profile_wrap .p_ques_ans_media {
    width: 568px;
    height: 298px;
    overflow: hidden;
    margin: 21px 10px;
    position: relative;
    border: 1px solid #cccc;
    border-radius: 5px;
}

.profile_wrap .p_ques_ans_media figure {
    width: 568px;
    height: 298px;
}

.profile_wrap .p_ques_ans_media figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.profile_wrap .p_ques_ans_media video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.profile_wrap .pdf_media {
    position: relative;
    padding-left: 25px;
    margin-top: 15px;
    display: inline-block;
    cursor: pointer;
}

.profile_wrap .pdf_media::before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 25px;
    height: 25px;
    background: url(../images/file_icon.png) center no-repeat;
    background-size: contain;
}

.profile_wrap .pdf_media:hover {
    color: #f47920;
}

.profile_wrap .leaderboard_updates {
    font-family: "Conv_VODAFONERGBD_0";
    line-height: 3;
    letter-spacing: 0.32px;
    text-align: left;
    color: #f48330;
    border-radius: 18px;
    border: solid 1px #f47920;
    padding: 8px 30px 8px 56px;
    position: relative;
}

.profile_wrap .leaderboard_updates:hover {
    background-color: #f47920;
    color: #ffffff;
    border-color: #ffffff;
}

.profile_wrap .leaderboard_updates:hover:before {
    background: url("../images/leaderboard-white.svg") center no-repeat;
    background-size: contain;
}

.profile_wrap .leaderboard_updates:before {
    width: 24px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    background: url("../images/leaderboard-active.svg") center no-repeat;
    background-size: contain;
}

.p_card .content_card_row_wrapper {
    padding: 50px 0 0 0;
}

.p_card .commn_para {
    font-size: 16px;
    padding: 20px 5px 0;
}

.p_card .heading {
    font-size: 16px;
    margin: 10px 0 0;
    text-align: left;
    color: #3a3e56;
}

.timeline_wrap {
    background-color: #f7f8fc;
    padding: 23px 24px;
}

.timeline_wrap .subject_tag {
    color: #f47920;
}

.timeline_wrap span {
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #5e99f2;
    font-family: "Conv_VODAFONERGBD_0";
    padding-right: 15px;
}

.timeline_wrap .user_name_img {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.timeline_wrap .user_name_img .commn_para {
    padding: 0;
    width: 87%;
}

.timeline_wrap .user_img,
.timeline_wrap .inner_block.post_comment .user_img img,
.inner_block.post_comment .user_img .timeline_wrap img {
    width: 76px;
    height: 76px;
}

.timeline_wrap .user_img img,
.timeline_wrap .inner_block.post_comment .user_img img img,
.inner_block.post_comment .user_img .timeline_wrap img img {
    width: 100%;
    height: 100%;
}

#myModal-editprofile .primary_btn {
    width: 100%;
}

#myModal-editprofile .p_edit_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#myModal-editprofile .p_edit_wrap .profile_img {
    width: 124px;
    height: 124px;
    margin: 0;
}

#myModal-editprofile .p_edit_wrap .profile_img img {
    width: 124px;
    height: 124px;
}

#myModal-editprofile .p_edit_wrap .p_change {
    padding-left: 25px;
    text-align: left;
}

.follow_wrap .profile_img {
    width: 105px;
    height: 105px;
    margin: 0 auto;
}

.follow_wrap .profile_img img {
    width: 105px;
    height: 105px;
}

.follow_wrap .white_card {
    padding: 20px 21px 35px;
}

.p_count {
    color: #f47920;
    padding-right: 5px;
}

.p_card .hover_u_card {
    padding: 15px 15px 10px;
    top: 60px;
    left: -115px;
    width: 330px;
    -webkit-box-shadow: 0px 14px 76px 0 #e4e7ee;
    box-shadow: 0px 14px 76px 0 #e4e7ee;
    background-color: #e0e0e0;
}

.p_card .hover_u_card::before {
    background-color: #e0e0e0;
}

.p_card .hover_u_card .name_img_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p_card .hover_u_card .name_img_wrap .p_details {
    width: 70%;
    margin-left: 8px;
}

.p_card .hover_u_card .brief_info_wrap {
    padding-top: 20px;
}

.p_card .hover_u_card .p_follow {
    padding: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.p_card .hover_u_card .p_follow li::before {
    position: relative;
}

.p_card .hover_u_card .p_follow li span {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    padding-left: 25px;
}

.p_card .hover_u_card .p_follow .profile_icon::before {
    width: 18px;
    height: 18px;
}

.p_card .hover_u_card .user_sm_img {
    width: 75px;
    height: 75px;
    margin: 0;
}

.p_card .hover_u_card .user_sm_img img {
    width: 100%;
    height: 100%;
}

.p_card .hover_u_card .post_user_name {
    font-size: 22px;
    text-align: left;
    margin: 0;
}

.p_card .hover_u_card .post_user_profile {
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: 0.36px;
    color: #b4b4b4;
    text-align: left;
}

.p_card .hover_u_card .profile_icon::before {
    left: 0;
}

.p_card .hover_u_card .outline_btn {
    width: 139px;
    border-radius: 20px;
}

.p_card .p_activity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 30px;
}

.report_info {
    position: relative;
}

.report_info::after {
    width: 18px;
    height: 19px;
    position: absolute;
    content: "";
    background: url(../images/report-info.png) center no-repeat;
    right: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 40px;
}

.p_leaderboard .leaderboard_card {
    padding: 18px 20px;
}

.p_leaderboard .leaderboard_card .points {
    font-size: 50px;
}

.p_leaderboard .leaderboard_card .point {
    font-size: 20px;
}

.p_leaderboard .leaderboard_card .heading {
    font-size: 20px;
}

.p_leaderboard .leaderboard_card .activity-time {
    font-size: 16px;
}

.report_wrap {
    margin: 40px 0;
}

.report_wrap .title_heading {
    font-size: 30px;
}

.report_wrap .view {
    font-family: "Conv_VODAFONERGBD_0";
}

.p_blog {
    margin: 15px 0 0;
}

.p_blog .image_card {
    height: 340px;
    padding: 0;
    border: solid 1px #eceff4;
}

.p_blog .image_card .inner_wrapper {
    height: 340px;
}

.p_blog .image_card .inner_wrapper .content {
    padding: 17px 15px;
}

.p_blog .image_card .inner_wrapper .content .migrants,
.p_blog .image_card .inner_wrapper .content p {
    font-size: 14px;
    font-family: "Conv_VODAFONERG_0";
}

.p_blog .image_card .inner_wrapper .content h4 {
    max-width: 205px;
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 16px;
    line-height: 1.56;
}

.p_blog .image_card .img_fig {
    height: 194px;
}

.p_blog .image_card .img_fig img {
    height: 194px;
}

.p_blog .image_card.theme_black .content {
    padding: 17px 15px;
}

.p_blog .image_card.theme_black .content p {
    font-size: 15.5px;
}

.p_blog .image_card.theme_black .img_fig {
    height: 340px;
}

.p_blog .image_card.theme_black .img_fig img {
    height: 340px;
}

.p_comunity .details {
    width: 70% !important;
}

.p_comunity .details .num_of_lac_users {
    width: 50%;
}

.p_comunity .outline_btn {
    position: absolute;
    right: 27px;
    top: 20px;
    padding: 6px 24px;
    text-transform: uppercase;
}

.p_comunity .certificate_thumb_card:hover,
.p_comunity .certificate_thumb_card.active {
    background-color: #f47920;
    color: #ffffff;
}

.p_comunity .certificate_thumb_card:hover .details span,
.p_comunity .certificate_thumb_card.active .details span {
    color: #ffffff;
}

.p_comunity .certificate_thumb_card:hover .num_of_lac_users,
.p_comunity .certificate_thumb_card.active .num_of_lac_users {
    background-color: #f8f9fc7d;
}

.p_comunity .certificate_thumb_card:hover .num_of_lac_users span,
.p_comunity .certificate_thumb_card.active .num_of_lac_users span {
    color: #282828;
}

.p_comunity .certificate_thumb_card:hover .outline_btn,
.p_comunity .certificate_thumb_card.active .outline_btn {
    background-color: #ffffff;
    color: #f47920;
}

.profile_nav_btn {
    position: absolute;
    right: 10px;
    top: 5px;
    display: none;
}

.profile_nav_btn img {
    width: 25px;
}

.close_nav {
    display: none;
}

/************************Blog Common CSS****************************/
#blogs-categ-owl .owl-stage {
    margin: auto;
}

.blog_section_heading,
.blog_section_heading a {
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 25px;
    margin-bottom: 10px !important;
    color: #f47920;
    display: block;
}

.blog_section_brief {
    font-family: "Conv_VODAFONERG_0";
    font-size: 17px;
    color: #f47920;
}

.m-b-40 {
    margin-bottom: 20px;
}

.blog_img_dwnload {
    background-color: #00000080;
    padding: 15px 20px;
    border-radius: 2px;
    font-size: 14px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #ffffff;
    position: absolute;
    right: 15px;
    z-index: 9;
    top: 15px;
}

.blog_img_dwnload::before {
    width: 15px;
    height: 18px;
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/ic-download.png) center no-repeat;
    background-size: contain;
}

.blog_img_dwnload:hover,
.blog_img_dwnload:active {
    color: #f47920;
}

.blog_author_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.blog_author_wrap .author_img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    border: 1px solid #e3e7ef;
}

.blog_author_wrap .author_img img {
    width: 35px;
    height: 35px !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog_author_wrap .author {
    font-size: 16px;
    color: #f47e2c;
}

.blog_author_wrap .info {
    color: #282828;
    font-size: 12px;
    display: block;
}

.blog_author_wrap .info .date {
    color: #82869b;
}

.digest_logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 32px;
    font-family: "georgia";
    font-weight: 600;
    font-style: italic;
    color: #f47920;
    margin-bottom: 20px;
}

.blog_heading_logo {
    width: 107px;
    height: 48px;
    margin-bottom: 5px;
    margin-right: -5px;
}

.blog_heading_logo img {
    width: 100%;
    height: 100%;
}

.blog .owl-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 0;
    right: 4%;
    background: url("../images/arrow-left-orange.svg") center no-repeat;
    background-size: contain;
}

.blog .owl-prev:hover {
    background: url("../images/arrow-left-orange.svg") center no-repeat;
    background-size: contain;
}

.blog .owl-next {
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/arrow-right-orange.svg") center no-repeat;
    background-size: contain;
}

.blog .owl-next:hover {
    background: url("../images/arrow-right-orange.svg") center no-repeat;
    background-size: contain;
}

.blog_banner_owl .owl-prev,
#template_banner .owl-prev,
#rewards-owl .owl-prev {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 30px;
    right: 90px;
    background: url("../images/blog-banner-prev.svg") center no-repeat;
    background-size: contain;
}

.blog_banner_owl .owl-prev:hover,
#template_banner .owl-prev:hover,
#rewards-owl .owl-prev:hover {
    background: url("../images/blog-banner-prev-orange.svg") center no-repeat;
    background-size: contain;
}

.blog_banner_owl .owl-next,
#template_banner .owl-next,
#rewards-owl .owl-next {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 30px;
    right: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/blog-banner-next.svg") center no-repeat;
    background-size: contain;
}

.blog_banner_owl .owl-next:hover,
#template_banner .owl-next:hover,
#rewards-owl .owl-next:hover {
    background: url("../images/blog-banner-next-orange.svg") center no-repeat;
    background-size: contain;
}

#blog_img_owl .owl-prev,
#blog_challenge_owl .owl-prev {
    bottom: auto;
}

#blog_img_owl .owl-next,
#blog_challenge_owl .owl-next {
    bottom: auto;
    right: 10px;
}

.upload_vid_blog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.upload_vid_blog .left_col {
    width: 30%;
}

.upload_vid_blog .right_col {
    width: 70%;
    margin: 110px auto auto;
    position: relative;
    padding: 0 0 0 110px;
}

.upload_vid_blog .right_col::before {
    position: absolute;
    content: "Or";
    top: 40px;
    left: 40px;
    font-weight: bold;
    font-size: 16px;
    color: #acabab;
}

.upload_vid_blog .upload_img_blog {
    margin-bottom: 20px;
}

.upload_vid_blog.upload_img .right_col {
    margin: 0;
    padding: 0 0 0 65px;
}

.upload_vid_blog.upload_img .right_col::before {
    display: none;
}

.blog_card_detail {
    position: relative;
    max-height: 430px;
}

.blog_card_detail .bottom_btn {
    position: absolute;
    bottom: 0;
    font-size: 16px;
}

.blog_card_detail .subject_name {
    cursor: pointer;
    color: #f47920 !important;
}

.blog_card_detail .outline_btn {
    padding: 3px 34px;
}

.blog_card_detail .bookmark {
    top: 26px;
    right: 30px;
}

.blog_card_detail .dots_wrapper {
    top: 35px;
    right: 9px;
}

.blog_card_detail .share_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog_card_detail .course_name {
    font-size: 22px;
    font-weight: bold;
}

.blog_card_detail .custom_show_label {
    font-size: 16px;
    margin-right: 15px;
}

.blog_card_detail .custom_card_label {
    font-size: 14px;
}

.blog_card_detail .follow {
    font-size: 16px;
    color: #f47920;
    cursor: pointer;
}

.blog_card_detail .row_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0 5px 0;
}

.blog_card_detail .comment_box.text_box_comment {
    padding: 10px;
    margin: 0;
}

.blog_card_detail .comment_box .user_img,
.blog_card_detail .comment_box .inner_block.post_comment .user_img img,
.inner_block.post_comment .user_img .blog_card_detail .comment_box img {
    margin: 0 10px 0 0;
}

.blog_like_btn svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    fill: transparent;
    stroke-width: 2px;
}

.blog_like_btn svg .outline {
    stroke: #f47920;
    background-color: transparent;
}

.blog_like_btn:hover svg,
.blog_like_btn.active svg {
    fill: #f47920;
}

.blog_like_btn:hover svg .outline,
.blog_like_btn.active svg .outline {
    stroke: transparent;
}

#myModal-image-preview .modal-dialog,
#myModal-video-preview .modal-dialog,
#myModal-blog-preview .modal-dialog,
#myModal-tnc .modal-dialog {
    width: 956px;
}

@media (max-width: 650px) {

    #myModal-image-preview .modal-dialog,
    #myModal-video-preview .modal-dialog,
    #myModal-blog-preview .modal-dialog,
    #myModal-tnc .modal-dialog {
        width: 95%;
    }
}

#myModal-image-preview .modal-body,
#myModal-video-preview .modal-body,
#myModal-blog-preview .modal-body,
#myModal-tnc .modal-body {
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}

#myModal-image-preview .preview-modal,
#myModal-video-preview .preview-modal,
#myModal-blog-preview .preview-modal,
#myModal-tnc .preview-modal {
    padding: 30px;
}

@media (max-width: 650px) {

    #myModal-image-preview .preview-modal,
    #myModal-video-preview .preview-modal,
    #myModal-blog-preview .preview-modal,
    #myModal-tnc .preview-modal {
        padding: 10px;
    }
}

@media (max-width: 650px) {

    #myModal-image-preview .preview-modal .text-right,
    #myModal-video-preview .preview-modal .text-right,
    #myModal-blog-preview .preview-modal .text-right,
    #myModal-tnc .preview-modal .text-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

#myModal-image-preview .preview-modal .modal-header,
#myModal-video-preview .preview-modal .modal-header,
#myModal-blog-preview .preview-modal .modal-header,
#myModal-tnc .preview-modal .modal-header {
    border: none;
}

#myModal-image-preview .preview-modal .close_btn img,
#myModal-video-preview .preview-modal .close_btn img,
#myModal-blog-preview .preview-modal .close_btn img,
#myModal-tnc .preview-modal .close_btn img {
    width: 18px;
    right: 45px;
    top: 28px;
}

@media (max-width: 650px) {

    #myModal-image-preview .preview-modal .close_btn img,
    #myModal-video-preview .preview-modal .close_btn img,
    #myModal-blog-preview .preview-modal .close_btn img,
    #myModal-tnc .preview-modal .close_btn img {
        right: 30px;
        top: 25px;
    }
}

#myModal-image-preview .preview-modal .video_img video,
#myModal-video-preview .preview-modal .video_img video,
#myModal-blog-preview .preview-modal .video_img video,
#myModal-tnc .preview-modal .video_img video {
    width: 100%;
    height: 300px;
}

#myModal-image-preview .preview-modal .video_img img,
#myModal-video-preview .preview-modal .video_img img,
#myModal-blog-preview .preview-modal .video_img img,
#myModal-tnc .preview-modal .video_img img {
    height: 299px;
}

#myModal-image-preview .preview-modal .course_name,
#myModal-video-preview .preview-modal .course_name,
#myModal-blog-preview .preview-modal .course_name,
#myModal-tnc .preview-modal .course_name {
    font-size: 20px;
}

#myModal-image-preview .preview-modal .custom_show_label,
#myModal-image-preview .preview-modal .follow,
#myModal-video-preview .preview-modal .custom_show_label,
#myModal-video-preview .preview-modal .follow,
#myModal-blog-preview .preview-modal .custom_show_label,
#myModal-blog-preview .preview-modal .follow,
#myModal-tnc .preview-modal .custom_show_label,
#myModal-tnc .preview-modal .follow {
    font-size: 14px;
}

#myModal-image-preview .preview-modal .custom_card_label,
#myModal-video-preview .preview-modal .custom_card_label,
#myModal-blog-preview .preview-modal .custom_card_label,
#myModal-tnc .preview-modal .custom_card_label {
    font-size: 12px;
}

#myModal-image-preview .preview-modal .hover_card,
#myModal-video-preview .preview-modal .hover_card,
#myModal-blog-preview .preview-modal .hover_card,
#myModal-tnc .preview-modal .hover_card {
    padding: 10px;
}

#myModal-image-preview .preview-modal .blog_author_wrap .author_img,
#myModal-video-preview .preview-modal .blog_author_wrap .author_img,
#myModal-blog-preview .preview-modal .blog_author_wrap .author_img,
#myModal-tnc .preview-modal .blog_author_wrap .author_img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
}

#myModal-image-preview .preview-modal .blog_author_wrap .author_img img,
#myModal-video-preview .preview-modal .blog_author_wrap .author_img img,
#myModal-blog-preview .preview-modal .blog_author_wrap .author_img img,
#myModal-tnc .preview-modal .blog_author_wrap .author_img img {
    width: 36px;
    height: 36px;
}

#myModal-image-preview .preview-modal .blog_author_wrap .author,
#myModal-video-preview .preview-modal .blog_author_wrap .author,
#myModal-blog-preview .preview-modal .blog_author_wrap .author,
#myModal-tnc .preview-modal .blog_author_wrap .author {
    font-size: 14px;
}

#myModal-image-preview .preview-modal .blog_author_wrap .info,
#myModal-video-preview .preview-modal .blog_author_wrap .info,
#myModal-blog-preview .preview-modal .blog_author_wrap .info,
#myModal-tnc .preview-modal .blog_author_wrap .info {
    margin: 0;
    font-size: 11px;
}

#myModal-image-preview .preview-modal .outline_btn,
#myModal-video-preview .preview-modal .outline_btn,
#myModal-blog-preview .preview-modal .outline_btn,
#myModal-tnc .preview-modal .outline_btn {
    padding: 2px 25px;
}

#myModal-image-preview .preview-modal .resources_list,
#myModal-video-preview .preview-modal .resources_list,
#myModal-blog-preview .preview-modal .resources_list,
#myModal-tnc .preview-modal .resources_list {
    margin: 25px 0 0;
}

#myModal-image-preview .tnc_wrap,
#myModal-video-preview .tnc_wrap,
#myModal-blog-preview .tnc_wrap,
#myModal-tnc .tnc_wrap {
    padding: 5px 20px 30px;
}

#myModal-image-preview .tnc_wrap li,
#myModal-video-preview .tnc_wrap li,
#myModal-blog-preview .tnc_wrap li,
#myModal-tnc .tnc_wrap li {
    list-style-type: square;
}

#myModal-image-preview .tnc_wrap li p,
#myModal-video-preview .tnc_wrap li p,
#myModal-blog-preview .tnc_wrap li p,
#myModal-tnc .tnc_wrap li p {
    font-size: 14px;
    line-height: 1.57;
    color: #282828;
    margin-bottom: 20px;
}

#myModal-tnc .primary_btn,
#myModal-tnc .outline_btn {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    padding: 8px 25px !important;
}

@media (max-width: 650px) {

    #myModal-tnc .primary_btn,
    #myModal-tnc .outline_btn {
        font-size: 14px;
        padding: 10px 12px !important;
    }
}

#myModal-tnc .m-l-30 {
    margin-left: 30px;
}

#myModal-tnc .modal-body {
    max-height: 420px;
}

.tox-tinymce {
    height: 240px !important;
    max-height: 100%;
}

.tox-statusbar {
    display: none !important;
}

.vd_icon_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.vd_icon_wrap .icon {
    width: 63px;
    height: 63px;
}

.vd_icon_wrap .icon img {
    height: 63px !important;
}

.video_wrapper {
    position: relative;
}

.video_wrapper .topic_tag {
    width: 100%;
}

.video_wrapper .topic_tag audio {
    width: 100%;
}

.migrants {
    font-size: 16px;
    text-align: left;
    color: #f47920 !important;
    font-family: "Conv_VODAFONERGBD_0";
    cursor: pointer;
}

.view_all_challenge {
    background-color: #fff5ee;
    background-image: url("../images/shape-2794.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0 50px;
    margin: 50px 0;
}

.upload_links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.upload_links ul li {
    margin-right: 20px;
}

.upload_links ul li:last-child {
    margin: 0;
}

.upload_links ul li a {
    font-size: 12px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #282828;
    border: 1px solid #28282814;
    padding: 10px 35px;
    position: relative;
}

.upload_links ul li a:hover,
.upload_links ul li a.active {
    color: #ffffff;
    background-color: #f47920;
}

.upload_links ul li a:hover .rules,
.upload_links ul li a.active .rules {
    background: url("../images/ic-rules-white.svg") center no-repeat;
    background-size: contain;
}

.upload_links ul li a:hover .contest,
.upload_links ul li a.active .contest {
    background: url("../images/ic-contest-white.svg") center no-repeat;
    background-size: contain;
}

.upload_links ul li a:hover .resource,
.upload_links ul li a.active .resource {
    background: url("../images/ic-resource-white.svg") center no-repeat;
    background-size: contain;
}

.upload_links .icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
}

.upload_links .icon.rules {
    background: url("../images/ic-rules.svg") center no-repeat;
    background-size: contain;
}

.upload_links .icon.contest {
    background: url("../images/ic-contest.svg") center no-repeat;
    background-size: contain;
}

.upload_links .icon.resource {
    background: url("../images/ic-resource.svg") center no-repeat;
    background-size: contain;
}

.upload_wrap .upload_doc_preview {
    width: 180px;
    height: 180px;
    margin: 0 32px 0 0;
}

.upload_wrap .upload_doc_preview:last-child {
    margin: 0;
}

.upload_wrap .upload_doc_preview img,
.upload_wrap .upload_doc_preview video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.upload_wrap .upload_doc_preview .icon {
    width: 36px;
    height: 36px;
}

.upload_wrap .upload_doc_preview .icon img {
    height: 36px !important;
}

.upload_wrap .cross-img {
    background-color: #f47920;
    background-image: url("../images/close-white.svg");
    width: 18px;
    height: 18px;
    background-size: 11px;
}

.upload_img_blog {
    width: 160px;
    height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    border: solid 1px #e3e5e9;
    background-color: #f4f4f4;
    cursor: pointer;
}

.upload_img_blog img {
    width: 81px;
    height: 69px;
    -o-object-fit: contain;
    object-fit: contain;
}

.upload_img_blog .upload_img {
    font-size: 15px;
    text-align: center;
    margin: 10px 0 0;
    display: block;
    color: #888888;
}

.author_section input[type="text"] {
    padding: 8px 21px;
}

.author_section .blog_author,
.author_section .blog_date {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #282828;
    margin-bottom: 15px;
    display: inline-block;
}

.author_section .note {
    font-size: 14px;
    line-height: 1.75;
    color: #8e8c8c;
}

@media (max-width: 650px) {
    .author_section .note {
        margin-bottom: 40px;
        display: block;
    }
}

.count {
    font-size: 14px;
    line-height: 1.75;
    color: #8e8c8c;
    padding-left: 8px;
}

.video_upload_wrapper,
.img_upload_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cast_box {
    padding: 30px 0 0;
}

.cast_box .challenge_bg {
    background-color: #ffe9d9;
    background-image: url("../images/challenge-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.cast_box .challenge_bg .title {
    color: #f47920;
    font-size: 33px;
}

.cast_box .challenge_bg p {
    color: #484848 !important;
}

.cast_box .challenge_bg .icon {
    width: 36px;
    height: 36px;
}

.cast_box .challenge_bg .icon img {
    height: 36px !important;
}

.cast_box .cross-img {
    background-color: #f47920;
    background-image: url("../images/close-white.svg");
    width: 18px;
    height: 18px;
    background-size: 11px;
}

#blog_bulletin .owl-prev {
    left: 40%;
}

#blog_bulletin .owl-next {
    right: 53%;
}

.blog_list.posting_content .content_wrapr {
    border: none;
    padding: 0;
}

.blog_list.posting_content .content_wrapr .select-picker-wrap {
    width: 315px;
    margin: 30px auto;
}

.blog_list.posting_content .categ_search_row {
    padding: 20px 0;
}

.blog_list.posting_content .categ_search_row .select-picker-wrap {
    width: 100%;
    margin: 0;
}

.migrants_block {
    padding: 20px 0 50px;
}

.video_image_wrapper {
    width: 100%;
    overflow: hidden;
    height: 334px;
    position: relative;
    margin-bottom: 20px;
}

.video_image_wrapper .content {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px;
}

.video_image_wrapper .content .migrants {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    font-size: 16px;
    text-align: left;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.28);
    padding: 5px 8px;
}

.video_image_wrapper .content p {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.video_image_wrapper .content .sub-text {
    font-size: 14px;
    font-weight: normal;
}

.video_image_wrapper .content .author {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    font-size: 18px;
    text-align: left;
    color: #ffffff;
}

.viewe_all {
    font-size: 14px;
    font-weight: bold;
    line-height: 4.5;
    text-align: center;
    color: #f47920;
    position: relative;
    cursor: pointer;
    padding-right: 20px;
}

.viewe_all::before {
    position: absolute;
    content: "";
    background-image: url("../images/right-cart.png");
    width: 8px;
    height: 15px;
    bottom: 0;
    right: 0;
}

.images_blog_section {
    background-color: #f7f8fc;
    padding: 20px 0 50px;
    margin: 50px 0;
}

.image_card {
    width: 100%;
    height: 405px;
    overflow: hidden;
    position: relative;
    height: 405px;
}

.image_card img {
    width: 100%;
    height: 405px;
    -o-object-fit: cover;
    object-fit: cover;
}

.image_card .content {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px;
}

.image_card .content a::before {
    display: none;
}

.theme_black {
    background-color: transparent !important;
    position: relative;
}

.theme_black .content .migrants {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    font-size: 16px;
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.28);
    padding: 5px 8px;
}

.theme_black .content p {
    font-size: 16px;
    color: #000;
    margin-top: 5px;
    font-weight: bold;
    color: #ffffff !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.theme_black .content p.descr {
    font-size: 14px;
    font-family: "Conv_VODAFONERG_0";
    -webkit-line-clamp: 2 !important;
    height: 38px;
}

.theme_black .content .author {
    font-size: 14px;
    color: #ffffff !important;
}

.theme_black .image_card {
    padding: 0;
}

.image_card {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
}

.image_card .inner_wrapper {
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    height: 280px;
}

.image_card .inner_wrapper img {
    width: 100%;
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
}

.image_card .inner_wrapper .content {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px 10px;
}

.image_card .inner_wrapper .content p {
    font-size: 18px;
    font-family: "Conv_VODAFONERGBD_0";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.image_card .inner_wrapper .content .author {
    font-size: 16px;
    text-align: left;
    color: #282828;
}

.gurushala_digest .theme_black {
    padding: 0;
    height: 360px;
}

.gurushala_digest .theme_black.image_card img,
.gurushala_digest .theme_black .image_card img {
    height: 360px;
}

.gurushala_digest .theme_black .content {
    background-color: #0000004d;
}

.gurushala_digest .title_heading {
    margin-bottom: 20px;
}

.gurushala_digest .viewe_all {
    line-height: normal;
}

.cast_box img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}

.cast_box .podcast-img {
    height: 442px;
    background-color: #000;
}

.cast_box .app-box {
    height: 211px;
    background-color: #ffb076ab;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.cast_box .app-box .title {
    position: initial;
    -webkit-transform: initial;
    transform: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cast_box .app-box p {
    color: #ffffff;
    font-size: 16px;
    max-width: 490px;
    margin: 10px auto 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cast_box .app-box .icon {
    width: 36px;
    height: 36px;
}

.cast_box .app-box .icon img {
    height: 36px !important;
}

.cast_box .cross-img {
    background-color: #f47920;
    background-image: url("../images/close-white.svg");
    width: 18px;
    height: 18px;
    background-size: 11px;
}

.cast_box .left-col {
    padding: 0 0 0 10px;
}

.cast_box .bottom-img {
    height: 216px;
}

.cast_box a {
    position: relative;
    display: block;
}

.cast_box a .title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 33px;
    font-weight: 600;
    text-align: center;
    line-height: 35px;
    font-family: "Conv_VODAFONERGBD_0";
}

.list_card {
    width: 100%;
    min-height: 420px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: solid 1px #eceff4;
}

.list_card .card_img {
    height: 260px;
}

.list_card .card_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}

.list_card .content {
    width: 100%;
    position: relative;
    padding: 20px;
}

.list_card .content p {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 10px;
    color: #000;
    font-weight: 600;
}

.list_card .content .descr {
    font-family: "Conv_VODAFONERG_0";
    font-size: 14px;
    color: #282828;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list_card .blog_author_wrap .author {
    color: #000;
    font-size: 12px;
}

.blog_description {
    padding: 30px 0 20px;
    position: relative;
}

.blog_description ul {
    padding-left: 15px;
}

.blog_description ul li {
    list-style-type: disc;
}

.editors_notes {
    margin: 12px 0 5px;
    background-color: #ffceaa;
    min-height: 110px;
    padding: 25px 20px 20px 25px;
    width: 100%;
}

.editors_notes ul {
    padding-left: 20px;
}

.editors_notes ul li {
    list-style-type: disc;
}

.editors_notes h3 {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    font-size: 18px;
    font-family: "Conv_VODAFONERG_0";
    margin-bottom: 15px;
    color: #f47920;
    position: relative;
    padding-left: 25px;
}

.editors_notes h3::before {
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/ic-star.png") center no-repeat;
    background-size: contain;
}

.editors_notes p {
    font-size: 14px;
    line-height: 1.71;
    color: #4a4a4a;
}

.resources_list {
    margin: 30px 0 0;
}

.resources_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0 10px;
}

.resources_list ul li {
    margin: 0 13px 13px 0;
}

.resources_list ul li figure,
.resources_list ul li a {
    width: 98px;
    height: 98px;
    border-radius: 5px;
    border: solid 2px #e3e5e9;
    background-color: #f4f4f4;
    overflow: hidden;
    position: relative;
    display: block;
}

.resources_list ul li figure img,
.resources_list ul li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.resources_list ul li figure:hover,
.resources_list ul li figure.active,
.resources_list ul li a:hover,
.resources_list ul li a.active {
    border: 2px solid #f47920;
}

.resources_list .icon {
    width: 36px;
    height: 36px;
    background-color: transparent;
    border: none;
}

.resources_list .icon img {
    height: 36px !important;
}

.resources_list.video {
    margin: 15px 0 0 0;
}

.resources_list.video ul li {
    margin: 0 15px 0 0;
}

.resources_list.video ul li figure {
    width: 150px;
    height: 150px;
}

.resources_list.video .icon {
    width: 50px;
    height: 50px;
}

.resources_list.video .icon img {
    height: 50px !important;
}

.blog_uploads .blog_author_wrap {
    margin-bottom: 30px;
}

.blog_uploads .blog_author_wrap .author {
    font-size: 20px;
    color: #000;
    font-family: "Conv_VODAFONERGBD_0";
}

.blog_uploads .blog_author_wrap .info {
    color: #82869b;
    font-size: 16px;
    padding-left: 12px;
}

.blog_detail .subject_name {
    color: #f47920;
}

.blog_detail .comment_box {
    width: 100%;
}

.blog_detail .blog_description .title {
    font-size: 20px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #282828;
    margin-bottom: 10px;
}

.blog_detail .blog_description .primary_btn {
    -webkit-box-shadow: 0px 8px 24px 0 rgba(245, 129, 45, 0.36);
    box-shadow: 0px 8px 24px 0 rgba(245, 129, 45, 0.36);
}

.blog_detail .blog_description .share_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.blog_detail .more_webinar {
    border: none;
    padding: 0;
}

.blog_detail .more_webinar .webinar_card .detail {
    width: 60%;
}

.blog_detail .more_webinar .webinar_card figure {
    width: 142px;
    height: 155px;
    position: relative;
}

.blog_detail .more_webinar .webinar_card figure img {
    height: 155px;
}

.blog_detail .more_webinar .webinar_card .icon {
    width: 36px;
    height: 36px;
    background-color: transparent;
    border: none;
}

.blog_detail .more_webinar .webinar_card .icon img {
    height: 36px !important;
}

.blog_detail .more_webinar .migrants {
    display: block;
    margin-bottom: 10px;
}

.blog_detail .more_webinar .topic {
    line-height: 25px;
    margin-bottom: 15px;
}

.blog_detail .related_articles {
    padding: 30px 0 20px;
}

.blog_detail .related_articles .title {
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 18px;
    color: #3a3e56;
    margin-bottom: 20px;
    display: block;
}

.challenge_cards .list_card {
    padding: 15px;
    min-height: 370px;
}

.challenge_cards .list_card .content {
    padding: 20px 0;
}

.challenge_cards .list_card .content p {
    -webkit-line-clamp: 2;
}

.challenge_cards .list_card .blog_author_wrap .author {
    font-family: "Conv_VODAFONERGBD_0";
}

.popular_items_card {
    height: 335px;
    background-color: #ffceaa;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.popular_items_card .title {
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 36px;
    color: #f47920;
    margin-bottom: 30px;
}

.popular_items_card .commn_para {
    font-size: 18px;
    color: #484848;
    text-align: center;
}

.btn_shadow {
    -webkit-box-shadow: 0px 8px 24px 0 rgba(245, 129, 45, 0.36);
    box-shadow: 0px 8px 24px 0 rgba(245, 129, 45, 0.36);
}

.blog_cards {
    padding: 10px 0 0 0 !important;
}

.blog_cards .course_card_wrapper .inner-course_card {
    min-height: 240px;
}

/*************Blog Common CSS close******************/
/*****************Blog Banner*********************/
.blog_banner_img {
    position: relative;
    width: 100%;
}

.blog_banner_img img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

.blog_banner_img .banner_container {
    position: absolute;
    bottom: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.blog_banner_img .banner_container .title {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    text-align: left;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.28);
    padding: 5px 15px;
}

.blog_banner_img .banner_container .heading {
    text-shadow: 0 0 4.8px rgba(0, 0, 0, 0.05);
    font-size: 38px;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
    max-width: 432px;
    width: 100%;
    margin: 15px 0;
}

.blog_banner_img .banner_container .banenr_para {
    text-shadow: 0 0 4.8px rgba(0, 0, 0, 0.05);
    font-size: 20px;
    text-align: left;
    color: #ffffff;
    width: 100%;
    max-width: 520px;
}

/*******************Blog Banner close****************/
/*****************Blog Categories Filter***************/
.blog_categories {
    padding: 23px 0;
    background: #f7f8fc;
}

.blog_categories .categ_list_wrap li {
    display: inline-block;
    position: relative;
    border-right: 1px solid #dbdbdb;
    margin: 0 8px 0 0;
    padding: 5px 10px 5px 0;
}

.blog_categories .categ_list_wrap li:hover .categ_list {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.blog_categories .categ_list_wrap li:last-child {
    border: none;
}

.blog_categories .categ_list_wrap li a {
    font-size: 14px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #282828;
    padding: 0 8px;
}

.blog_categories .categ_list_wrap li .categ_list {
    position: absolute;
    left: 0;
    background: #ffffff;
    width: 125px;
    top: 30px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -webkit-box-shadow: 0px 5px 10px #00000017;
    box-shadow: 0px 5px 10px #00000017;
}

.blog_categories .categ_list_wrap li .categ_list li {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

.blog_categories .categ_list_wrap li .categ_list li a {
    display: block;
    padding: 11px 20px;
    text-align: left;
    color: #282828;
    font-size: 14px;
    font-family: "Conv_VODAFONERG_0";
}

.blog_categories .categ_list_wrap .primary_btn {
    display: inline-block;
}

/*****************Blog Categories Filter close*****************/
/****************Blog Posting Content****************/
.posting_content {
    padding: 30px 0 0;
    text-align: center;
}

.posting_content .content_wrapr {
    border: solid 1px #eceff4;
    padding: 25px;
    width: 815px;
    margin: 20px auto;
}

.posting_content .post_type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0 0;
}

.posting_content .post_type li {
    margin: 0 5px;
    width: 32%;
}

.posting_content .post_type li a {
    font-size: 14px;
    color: #4a4a4a;
    display: block;
    padding: 10px;
    border: solid 1px rgba(40, 40, 40, 0.08);
    cursor: pointer;
    position: relative;
}

.posting_content .post_type li a .title {
    padding-left: 30px;
}

.posting_content .post_type li a .icon {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
}

.posting_content .post_type li a:hover,
.posting_content .post_type li a.active {
    background-color: #f47920;
    color: #ffffff;
}

.posting_content .post_type li a:hover .camera,
.posting_content .post_type li a.active .camera {
    background: url("../images/ic-camera-white.svg") center no-repeat;
    background-size: contain;
}

.posting_content .post_type li a:hover .video,
.posting_content .post_type li a.active .video {
    background: url("../images/ic-video-white.svg") center no-repeat;
    background-size: contain;
}

.posting_content .post_type li a:hover .challenge,
.posting_content .post_type li a.active .challenge {
    background: url("../images/ic-challenge-white.svg") center no-repeat;
    background-size: contain;
}

.posting_content .post_type .camera {
    background: url("../images/ic-camera.svg") center no-repeat;
}

.posting_content .post_type .video {
    background: url("../images/ic-video.svg") center no-repeat;
}

.posting_content .post_type .challenge {
    background: url("../images/ic-challenge.svg") center no-repeat;
}

.posting_content .post_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.posting_content .post_wrap .user_sm_img {
    width: 73px;
    height: 73px;
    background-color: #f47920;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    border: 1px solid #e3e7ef;
}

.posting_content .post_wrap .user_sm_img img {
    width: 73px;
    height: 73px;
    -o-object-fit: cover;
    object-fit: cover;
}

.posting_content .post_wrap .reply_box {
    width: 90%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.posting_content .post_wrap .reply_box textarea {
    padding: 25px 16px 20px;
    cursor: pointer;
}

/****************Blog Posting Content close**************/
/************Blog Testimonials********************/
.blog_testimonial_section {
    padding: 20px 0;
}

.blog_testimonial_section .migrants {
    font-size: 20px;
    cursor: pointer;
}

.blog_testimonial_section .testimonial-img-block {
    width: 100%;
    height: 320px;
    overflow: hidden;
    position: relative;
}

.blog_testimonial_section .testimonial-img-block img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog_testimonial_section .content_blog_wrap {
    padding: 0 20px;
}

.blog_testimonial_section .txt-quote {
    font-size: 20px;
    font-family: "Conv_VODAFONERGBD_0";
    padding: 15px 0 10px;
    width: 100%;
    display: block;
    color: #282828;
}

.blog_testimonial_section .txt-quote a {
    color: #282828;
}

.blog_testimonial_section .quote-detail {
    width: 100%;
    font-size: 16px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 88px;
    color: #2a2a2a;
}

.blog_testimonial_section .quote-detail ul {
    padding-left: 20px;
}

.blog_testimonial_section .quote-detail ul li {
    list-style-type: disc;
}

.blog_testimonial_section .viewe_all {
    background-color: #f47920;
    color: #ffffff;
    padding: 11px 33px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: normal;
}

.blog_testimonial_section .viewe_all::before {
    background: url("../images/white-arrow-right.png") center no-repeat;
    top: 50%;
    right: 17px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/**************Blog Testimonials close************/
/***************Rewards*****************/
.points {
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 16px;
    letter-spacing: 0.32px;
    color: #f47920;
    display: block;
    position: relative;
    padding-left: 28px;
    max-width: 120px;
    width: 100%;
}

.points::before {
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.points.pointsadd {
    color: #f47920;
}

.points.pointsadd::before {
    background: url("../images/ic-pointsadd.svg") center no-repeat;
    background-size: contain;
}

.points.pointsadd .redeem_points {
    color: #f47920;
}

.points.pointsdrop {
    color: #666666;
}

.points.pointsdrop::before {
    background: url("../images/ic-pointsdrop.svg") center no-repeat;
    background-size: contain;
}

.points.pointsdrop .redeem_points {
    color: #666666;
}

.txt_points {
    position: absolute;
    bottom: -16px;
    left: 33px;
    font-size: 14px;
    font-family: "Conv_VODAFONERG_0";
    text-transform: capitalize;
}

.demo-section {
    margin: 37px 0 10px;
}

.demo-section .slider-container {
    width: 95% !important;
    margin: 0 auto;
}

.demo-section .slider-container.theme-green .back-bar .pointer {
    width: 20px;
    height: 20px;
    top: -8px;
    background-image: none;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #f47920 !important;
    border: 3px solid #ffffff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.demo-section .slider-container.theme-green .back-bar .pointer-label {
    color: #f05038;
    font-size: 12px;
    top: -30px;
}

.demo-section .slider-container.theme-green .back-bar .selected-bar {
    border-radius: 2px;
    background-image: none;
    background-color: #f47920;
    width: 280px;
    height: 4px;
}

.rewards_banner img {
    -o-object-fit: contain;
    object-fit: contain;
}

.rewards_banner .banner_img {
    height: 382px;
}

.rewards_banner .banner_img img {
    height: 382px;
}

.set_goal {
    font-size: 14px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #f47920;
    text-transform: uppercase;
    display: block;
}

.categ_row {
    margin-bottom: 20px;
}

.categ_row .categ_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.categ_row .categ_card:hover .categ_fig,
.categ_row .categ_card.active .categ_fig {
    border-color: #f47920;
}

.categ_row .categ_card:hover .categ_name,
.categ_row .categ_card.active .categ_name {
    color: #f47920;
}

.categ_row .categ_card .categ_fig {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ffffff;
}

.categ_row .categ_card .categ_fig img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.categ_row .categ_card .categ_name {
    font-family: "Conv_VODAFONERGBD_0";
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #282828;
}

.categ_row .owl-next,
.categ_row .owl-prev {
    width: 40px;
    height: 40px;
}

.checkout_instructions,
.instructions {
    padding: 20px 10px;
    margin: 0;
}

.checkout_instructions .title_heading,
.instructions .title_heading {
    margin-bottom: 10px;
}

.checkout_instructions ul,
.instructions ul {
    padding-left: 40px;
}

.checkout_instructions ul li,
.instructions ul li {
    list-style-type: disc;
}

.rewards_list {
    padding: 25px 0 15px;
}

.rewards_list .available_points {
    position: relative;
    padding-top: 45px;
}

.rewards_list .short_descr {
    text-align: center;
    margin: 0 auto 50px;
    max-width: 950px;
}

.rewards_list .short_descr .title_heading {
    text-align: center;
    margin-bottom: 20px;
}

.rewards_list .short_descr .commn_para,
.rewards_list .short_descr p {
    font-size: 15px;
}

.rewards_list .row_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rewards_list .disclaimer .commn_para {
    color: #8d8989;
    font-style: italic;
}

.rewards_list .disclaimer .commn_para span {
    color: #a1a1a1;
    font-family: "Conv_VODAFONERGBD_0";
}

.rewards_list .cart_btn {
    width: 278px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    position: relative;
    font-size: 15px;
}

.rewards_list .cart_btn::before {
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    top: 50%;
    left: 75px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../images/ic-cart.png") center no-repeat;
    background-size: contain;
}

.rewards_list h2 {
    font-size: 24px;
    font-family: "Conv_VODAFONERGBD_0";
    text-align: center;
    color: #282828;
}

.rewards_list .title_heading {
    font-size: 22px;
    text-align: left;
}

.rewards_list .total {
    font-size: 18px;
    color: #000;
    display: block;
    margin-bottom: 5px;
    max-width: 70%;
}

.rewards_list .total .points_count {
    color: #f47920;
    font-family: "Conv_VODAFONERGBD_0";
}

.rewards_list .proceed_btn {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50px;
}

.rewards_list .reward_filters .filter_col {
    padding: 10px 0;
    margin-bottom: 25px;
}

.rewards_list .reward_filters .filter_col .filter_block_1 {
    padding: 10px 15px;
    margin: 0 0 10px 0;
}

.rewards_list .reward_filters .filter_col .filter_block_1:last-child {
    border: none;
}

.rewards_list .reward_filters .filter_col .show_more {
    text-align: right;
    display: block;
}

.rewards_list .reward_filters .filter_col .title {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    letter-spacing: 0.32px;
    color: #282828;
    position: relative;
    padding-left: 30px;
}

.rewards_list .reward_filters .filter_col .title::before {
    width: 24px;
    height: 15px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
}

.rewards_list .reward_filters .filter_col .title.range::before {
    background: url("../images/ic-range.png") center no-repeat;
}

.rewards_list .reward_filters .filter_col .title.history::before {
    background: url("../images/ic-credit-history.png") center no-repeat;
}

.rewards_list .reward_filters .filter_col.contact_detail {
    padding: 15px;
}

.rewards_list .reward_filters .filter_col.contact_detail .title {
    margin-bottom: 20px;
    padding: 0;
}

.rewards_list .reward_filters .filter_col.contact_detail .title::before {
    display: none;
}

.rewards_list .reward_filters .filter_col.contact_detail a {
    font-size: 16px;
    color: #f47920;
    position: relative;
    padding-left: 32px;
    margin-bottom: 20px;
    display: block;
}

.rewards_list .reward_filters .filter_col.contact_detail a::before {
    width: 21px;
    height: 16px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.rewards_list .reward_filters .filter_col.contact_detail a.email::before {
    background: url("../images/mail.png") center no-repeat;
    background-size: contain;
}

.rewards_list .reward_filters .filter_col.contact_detail a.phone::before {
    background: url("../images/phone.png") center no-repeat;
    background-size: contain;
}

.rewards_list .reward_filters .btn_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 70px 0 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.rewards_list .reward_filters .outline_btn,
.rewards_list .reward_filters a.outline_btn {
    width: 100%;
    margin: 5px auto;
    display: block;
}

.rewards_list .reward_filters .commn_para {
    margin: 0 0 30px;
    line-height: 1.5;
}

.rewards_list .points_updates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.rewards_list .points_updates .detail {
    width: 70%;
}

.rewards_list .points_updates .user_img,
.rewards_list .points_updates .inner_block.post_comment .user_img img,
.inner_block.post_comment .user_img .rewards_list .points_updates img {
    margin: 0 20px 0 0;
}

.rewards_list .points_updates h3 {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    letter-spacing: 0.32px;
    color: #282828;
    position: relative;
    padding-left: 32px;
    margin-bottom: 10px;
}

.rewards_list .points_updates h3::before {
    width: 24px;
    height: 15px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../images/leaderboard-active.svg") center no-repeat;
    background-size: contain;
}

.rewards_list .points_updates span {
    font-size: 22px;
    font-family: "Conv_VODAFONERGBD_0";
    letter-spacing: 0.32px;
    color: #f47920;
}

.rewards_list .slidecontainer {
    width: 100%;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rewards_list .slider {
    height: 6px;
    background: #dcdcdc;
    border-radius: 2px;
}

.rewards_list .slider::before {
    background: transparent;
}

.rewards_list .credit_history {
    padding: 10px 0 0;
}

.rewards_list .credit_history li {
    border-bottom: 1px solid #e5e7f6;
    padding: 12px 0;
}

.rewards_list .credit_history .date {
    font-size: 14px;
}

.rewards_list .credit_history .used_for {
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #282828;
    margin-top: 10px;
    display: block;
}

.rewards_list .credit_history .used_for b {
    font-weight: normal;
}

.rewards_list .content-item .primary_btn,
.rewards_list .content-item a.primary_btn {
    display: none;
}

.rewards_list .items_card {
    min-height: 310px;
    border: solid 1px #eceff4;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rewards_list .items_card:hover {
    -webkit-box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
    border: 1px solid #ffffff;
}

.rewards_list .items_card .card_img {
    height: 176px;
    background-color: #080808;
    position: relative;
}

.rewards_list .items_card .card_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.rewards_list .items_card .detail {
    padding: 15px;
}

.rewards_list .items_card .detail .row_wrap .primary_btn {
    padding: 8px 13px;
}

.rewards_list .items_card .detail .categ {
    font-size: 16px;
    letter-spacing: 0.35px;
    color: #5e99f2;
}

.rewards_list .items_card .detail .points {
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #f47920;
    padding-left: 0;
    display: contents;
}

.rewards_list .items_card .detail .name {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #282828;
    margin: 4px 0 8px;
    line-height: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}

.rewards_list .items_card .detail .about_prod {
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #666666;
    margin-bottom: 12px;
    height: 57px;
    display: none;
}

.rewards_list .faq_wrap {
    margin: 100px 0 0;
    padding: 40px 0;
    text-align: center;
    background-color: #f7f8fc;
}

.rewards_list .faq_wrap .primary_btn {
    font-size: 20px;
    padding: 5px 53px;
    text-transform: initial;
    font-family: "Conv_VODAFONERGBD_0";
}

.rewards_list .contact_us_wrap {
    padding: 20px 0;
    background-color: #f47920;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rewards_list .contact_us_wrap span {
    font-size: 24px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #ffffff;
    margin-right: 40px;
}

.rewards_list .contact_us_wrap a {
    font-size: 18px;
    letter-spacing: 0.36px;
    color: #ffffff;
    padding-left: 32px;
    margin-right: 40px;
}

.rewards_list .contact_us_wrap a.icon {
    position: relative;
}

.rewards_list .contact_us_wrap a.icon::before {
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
}

.rewards_list .contact_us_wrap a.icon.mail::before {
    background: url("../images/mail-white.png") center no-repeat;
}

.rewards_list .contact_us_wrap a.icon.mob::before {
    background: url("../images/phone-white.png") center no-repeat;
}

.rewards_list .primary_btn.disabled,
.rewards_list .outline_btn.disabled {
    opacity: 0.7;
}

.my_cart_address .cart_items {
    padding: 0 20px 0 170px;
}

.my_cart_address .address_form {
    padding-right: 115px;
}

.my_cart_address .items_card {
    padding: 25px;
}

.my_cart_address .items_card .card_img {
    height: 225px;
}

.my_cart_address .items_card .detail {
    padding: 30px 0 0;
}

.my_cart_address .items_card .detail .categ {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
}

.my_cart_address .items_card .detail .points {
    font-family: "Conv_VODAFONERGBD_0";
    display: block;
    margin-bottom: 5px;
    padding-left: 0;
}

.my_cart_address .items_card .detail .points::before {
    display: none;
}

.my_cart_address .items_card .detail .primary_btn {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
}

.my_cart_address .items_card .detail .primary_btn.disabled {
    opacity: 0.7;
}

.my_cart_address .points_cart_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.my_cart_address .points_cart_wrap .total {
    margin: 0;
}

.my_cart .cart_items {
    padding: 27px 20px 0 0;
}

.my_cart .cart_items .items_card {
    padding: 15px;
    -webkit-box-shadow: 5px 5px 25px 0px #2e3d490f;
    box-shadow: 5px 5px 25px 0px #2e3d490f;
}

.my_cart .cart_items .items_card .card_img {
    width: 320px;
    height: 200px;
}

.my_cart .cart_items .items_card .detail {
    padding: 0 0 0 25px;
}

.my_cart .cart_items .items_card .detail .categ {
    font-size: 14px;
    font-family: "Conv_VODAFONERGBD_0";
}

.my_cart .cart_items .items_card .detail .name {
    font-size: 20px;
    margin: 10px 0;
}

.my_cart .cart_items .items_card .detail .quantity_input_group {
    margin-bottom: 15px;
}

.cart_items {
    padding: 27px 0 0;
    max-height: 650px;
    overflow-y: auto;
    overflow-x: hidden;
}

.cart_items .items_card {
    padding: 16px 10px 20px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 157px;
}

.cart_items .items_card .card_img {
    width: 160px;
    height: 122px;
}

.cart_items .items_card .detail {
    padding: 0 0 0 20px;
    width: 70%;
}

.cart_items .items_card .detail .name {
    margin: 12px 0;
    height: auto;
}

.quantity_input_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.quantity_input_group .quantity_wrapper {
    padding-left: 11px;
}

.quantity_input_group .quantity_wrapper button {
    position: relative;
    width: 24px;
    height: 24px;
    background-color: transparent;
}

.quantity_input_group .quantity_wrapper .quantity-field {
    position: relative;
    height: 25px;
    left: 0;
    text-align: center;
    width: 57px;
    padding: 5px;
    font-size: 16px;
    border: none;
    font-family: "Conv_VODAFONERGBD_0";
}

.reward_detail {
    /**********img slder*************/
    /*********img slder close***********/
}

.reward_detail .primary_btn.disabled,
.reward_detail .outline_btn.disabled {
    opacity: 0.7;
}

.reward_detail .card_subject {
    margin: 0 0 5px;
}

.reward_detail .course_name {
    font-size: 20px;
}

.reward_detail .points {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    display: block;
    color: #f47920;
    margin-bottom: 10px;
    padding-left: 0;
}

.reward_detail .points::before {
    display: none;
}

.reward_detail .video_img {
    border: none;
}

.reward_detail .quantity_input_group {
    margin-bottom: 15px;
}

.reward_detail .set_goal {
    margin-bottom: 20px;
}

.reward_detail .detail_card .primary_btn,
.reward_detail .detail_card a.primary_btn {
    width: 130px;
    padding: 4px 15px;
    text-align: center;
    display: inline-block;
}

.reward_detail .sp-wrap {
    max-width: 100%;
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 3px;
    position: relative;
    margin: 0 0 29px 0;
}

.reward_detail .sp-large a img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.reward_detail .sp-thumbs {
    margin-top: 25px;
}

.reward_detail .sp-thumbs a:link,
.reward_detail .sp-thumbs a:visited {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    margin: 0 15px 15px 0;
    border: 1px solid #ddd9d9;
}

.reward_detail .sp-current {
    border: 1px solid #f47920 !important;
}

.reward_detail .more_products h2 {
    font-size: 18px;
    font-family: "Conv_VODAFONERGBD_0";
    margin-bottom: 15px;
    color: #000;
}

.reward_detail .more_products .more_webinar ul li {
    margin: 0 0 20px 0;
}

.reward_detail .more_products .more_webinar ul li:last-child {
    margin: 0;
}

.reward_detail .more_products .more_webinar ul li .webinar_card .primary_btn,
.reward_detail .more_products .more_webinar ul li .webinar_card a.primary_btn {
    padding: 5px 10px;
    font-size: 12px;
}

.reward_detail .more_products .more_webinar ul li .webinar_card .detail {
    width: 70%;
}

.reward_detail .more_products .more_webinar ul li .webinar_card .detail .row_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.reward_detail .more_products .more_webinar ul li .webinar_card .detail .points {
    font-size: 16px;
    margin: 0;
    font-family: "Conv_VODAFONERG_0";
}

.reward_detail .more_products .more_webinar ul li .webinar_card .detail .subject_name {
    font-size: 14px;
}

.reward_detail .more_products .more_webinar ul li .webinar_card .detail .course_name {
    font-size: 18px;
    margin: 5px 0 0;
}

.reward_detail .more_products .more_webinar ul li .webinar_card .detail .set_goal {
    margin-bottom: 10px;
}

.reward_detail .more_products .more_webinar ul li .webinar_card figure {
    width: 150px;
}

#myModal-redeem-success .total_earnpoints {
    font-size: 30px;
    margin: 0 0 7px 0;
}

#myModal-redeem-success .points_left {
    font-size: 14px;
    text-align: center;
    display: block;
}

#myModal-num-verify .primary_btn.disabled {
    opacity: 0.4;
}

#myModal-attachment .attach_image {
    color: #f47920;
    font-family: "Conv_VODAFONERGBD_0";
    text-align: right;
    margin-bottom: 5px;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

#myModal-attachment .attach_image::before {
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../images/ic-attach.png") center no-repeat;
    background-size: contain;
}

#myModal-attachment .file_upload_box {
    width: 190px;
}

#myModal-attachment .modal-para {
    line-height: 1.8;
    text-align: left !important;
    font-weight: 600;
    margin-bottom: 15px;
}

#myModal-attachment .last_order_detail li {
    margin-bottom: 10px;
}

#myModal-attachment .last_order_detail li span {
    font-family: "Conv_VODAFONERGBD_0";
}

.otp_input_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 300px;
    margin: 0 auto;
}

.otp_input_wrapper .sms-no-box {
    width: 40px;
    height: 40px;
    padding: 6px;
    text-align: center;
    display: inline-block;
    margin-right: 30px;
}

.otp_input_wrapper .sms-no-box:last-child {
    margin: 0;
}

.faq_main_wrapper {
    padding: 50px 0;
}

.faq_main_wrapper .faq_container h1 {
    font-size: 28px;
    font-family: "Conv_VODAFONERGBD_0";
    line-height: 1.17;
    color: #f47920;
    margin-bottom: 25px;
    text-align: center;
}

.faq_main_wrapper .faq_container .commn_para {
    font-size: 16px;
    margin: 0 0 25px;
}

.faq_main_wrapper .faq_container h2 {
    font-size: 20px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #f47920;
    margin-bottom: 15px;
}

.faq_main_wrapper .faq_container ul {
    padding-left: 25px;
}

.faq_main_wrapper .faq_container ul li {
    list-style-type: square;
    color: #f47920;
}

.faq_main_wrapper .faq_container ul li .question {
    color: #f47920;
    margin: 0;
}

/*********Rewards close*************/
.join_wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #00000052;
    z-index: 9;
}

.ic-filter {
    font-size: 15px;
    color: #282828;
    position: relative;
    padding-right: 25px;
}

.ic-filter::after {
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../images/filter-results-button.svg") center no-repeat;
    background-size: contain;
}

#course-filter .modal-content {
    padding: 10px 20px;
}

.offer_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.offer_logo img {
    width: 150px;
}

#add-community .radio_btns_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

#add-community .radio_btns_wrapper .radiobox_wrap {
    margin-right: 20px;
}

.light-strip {
    background-color: #f0792430;
}

.float_ribbon {
    position: fixed;
    right: -74px;
    top: 60%;
    z-index: 99;
    background-color: #f47920;
    color: #ffffff;
    padding: 15px 20px;
    border-radius: 0 0 6px 6px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.float_ribbon:hover {
    -webkit-box-shadow: 0 1px 19px 0 rgba(18, 21, 33, 0.07);
    box-shadow: 0 1px 19px 0 rgba(18, 21, 33, 0.07);
}

.credential {
    font-size: 14px;
    color: #000;
    margin-bottom: 8px;
    display: block;
}

.ntbr_banner {
    position: relative;
}

.content_container {
    text-align: center;
}

.content_container h1 {
    font-size: 30px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #282828;
    margin-bottom: 15px;
    letter-spacing: 0.72px;
}

.content_container .take_test {
    background-color: #f47920;
    color: #ffffff;
    padding: 11px 30px;
    font-size: 18px;
    font-family: "Conv_VODAFONERGBD_0";
    display: block;
    position: relative;
    width: 200px;
    margin: 0 auto;
}

.content_container .take_test::before {
    position: absolute;
    content: "";
    background: url("../images/white-arrow-right.png") center no-repeat;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
    height: 15px;
}

.total_test_taken {
    padding: 30px 0 20px;
    text-align: center;
}

.total_test_taken .test_count {
    font-size: 44px;
    letter-spacing: 1.1px;
    color: #f47920;
    font-family: "Conv_VODAFONERGBD_0";
    margin: 15px 0;
}

.total_test_taken .ntbr_heading {
    color: #666666;
    margin: 0;
}

.total_test_taken .about {
    max-width: 897px;
    margin: 30px auto;
}

.view_wrap {
    position: absolute;
    right: 0;
    top: 45px;
}

.bg_gray {
    background-color: #fafafa;
}

.ntbr_heading {
    font-size: 20px;
    color: #282828;
    font-family: "Conv_VODAFONERGBD_0";
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.ntbr_para {
    font-size: 16px;
    color: #282828;
    line-height: 28px;
}

.br-right {
    border-right: 5px solid #f47920;
}

.br-left {
    border-left: 5px solid #f47920;
}

.f_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0;
}

.content_block {
    width: 60%;
    padding: 0 10px;
}

.content_block .ntbr_para {
    max-width: 650px;
}

.image_block {
    width: 40%;
    padding: 0 10px;
}

.ntbr_img {
    width: 450px;
    height: 340px;
    margin: auto;
}

.ntbr_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video_profile {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: #f47920;
    z-index: 9;
    border-top-left-radius: 20px;
    cursor: pointer;
}

.video_profile img {
    width: 22px !important;
    height: 22px !important;
}

.similar_articles {
    padding-bottom: 30px;
}

.similar_articles .related_box {
    padding: 30px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.similar_articles .related_box .outline_btn {
    padding: 10px 15px;
    width: 260px;
    margin-right: 30px;
}

.similar_articles .related_box .outline_btn:last-child {
    margin-right: 0;
}

.behaviour_report {
    padding: 30px 0;
}

.behaviour_report .f_row {
    padding: 0;
}

.personality_types {
    padding: 50px 0;
    position: relative;
}

.personality_categ_list .title_heading {
    font-size: 22px;
}

.personality_categ_list .category_list {
    padding: 0 0 20px;
}

.personality_categ_list .category_list:nth-child(odd) {
    background-color: #fafafa;
}

.personality_categ_list .category_list .content_card_row_wrapper {
    padding: 10px 0 0 0;
}

.personality_categ_list .category_list .course_card_wrapper .inner-course_card {
    min-height: 360px;
}

.personality_categ_list .category_list .course_card_wrapper .inner-course_card .content_img {
    height: 257px;
}

.personality_categ_list .category_list .course_card_wrapper .inner-course_card .content_img img {
    height: 257px;
}

.personality_categ_list .ntbr_heading {
    text-align: center;
    margin: 0;
}

.introduction {
    padding: 20px 0;
}

.category_btn_wrap {
    padding: 50px 0 20px;
}

.category_btn_wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category_btn_wrap ul li {
    margin-right: 30px;
}

.category_btn_wrap ul li:last-child {
    margin-right: 0;
}

.category_btn_wrap ul li a,
.category_btn_wrap ul li .outline_btn {
    width: 150px;
    display: block;
    text-align: center;
}

.category_btn_wrap ul li a.active,
.category_btn_wrap ul li .outline_btn.active {
    background-color: #f47920;
    color: #ffffff;
}

.personality_detail_wrap {
    padding: 30px 0 50px;
}

.personality_detail_wrap.profile_grades {
    padding: 20px 0 0;
}

@media (max-width: 768px) {
    .personality_detail_wrap.profile_grades .flex_col_sm_2 {
        width: 50%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .personality_detail_wrap.profile_grades .flex_col_sm_2 {
        width: 50%;
    }
}

.personality_detail_wrap.profile_grades .trait_card {
    width: 154px;
    min-height: 165px;
    padding: 15px;
    border-radius: 4px;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    background-color: #f47920;
    /* For WebKit (Safari, Chrome, etc) */
    /* Mozilla,Firefox/Gecko */
    background: #f47920 -moz-linear-gradient(top, #ffb973, #f47920) no-repeat;
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFB973, endColorstr=#FFB973) no-repeat;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFB973, endColorstr=#FFB973)"
        no-repeat;
}

@media (max-width: 768px) {
    .personality_detail_wrap.profile_grades .trait_card {
        width: 100%;
        margin-bottom: 25px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .personality_detail_wrap.profile_grades .trait_card {
        width: 100%;
        margin-bottom: 25px;
    }
}

.personality_detail_wrap.profile_grades .trait_card .rs-control {
    pointer-events: none;
}

.personality_detail_wrap.profile_grades .trait_card .rs-border {
    border-color: #feb36c;
}

.personality_detail_wrap.profile_grades .trait_card .rs-range-color,
.personality_detail_wrap.profile_grades .trait_card .rs-handle {
    background-color: #f47920;
}

.personality_detail_wrap.profile_grades .trait_card .rs-path-color {
    background-color: #ffffff;
}

.personality_detail_wrap.profile_grades .trait_card .rs-tooltip {
    color: #282828;
    line-height: 2.7;
    font-size: 18px;
    -webkit-transform: translateX(-14%) !important;
    transform: translateX(-14%) !important;
}

.personality_detail_wrap.profile_grades .trait_card span {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    display: block;
    line-height: 3;
    letter-spacing: 0.32px;
}

.personality_detail_wrap .introduction {
    padding: 0 0 20px;
}

.personality_detail_wrap .leaderboard_list_user {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
    margin: 0;
}

.personality_detail_wrap .leaderboard_list_user .user_xs_img {
    width: 100px;
    height: 100px;
    border-color: #eceff4;
    margin: 0 auto 15px;
}

.personality_detail_wrap .leaderboard_list_user .user_xs_img img {
    width: 100px;
    height: 100px;
}

.personality_detail_wrap .leaderboard_list_user .details {
    margin: 0 auto;
    width: 100%;
}

.personality_detail_wrap .leaderboard_list_user .details .user_xsname {
    font-size: 18px;
    font-family: "Conv_VODAFONERGBD_0";
}

.personality_detail_wrap .leaderboard_list_user .details .influncer {
    font-size: 14px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #f47920;
}

.personality_detail_wrap .test_grade_wrappr .progress_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.personality_detail_wrap .test_grade_wrappr .progress_wrapper .done_progress {
    background-color: #f47920;
    height: 4px;
}

.personality_detail_wrap .test_grade_wrappr .progress_wrapper .traits {
    margin-right: 8px;
}

.personality_detail_wrap .test_grade_wrappr .progress_wrapper .traits span {
    font-size: 14px;
    display: block;
    color: #666;
}

.personality_detail_wrap .test_grade_wrappr .progress_wrapper .progress_bar {
    width: 70%;
    height: 4px;
}

.personality_detail_wrap .test_grade {
    text-align: center;
    margin-bottom: 10px;
}

.personality_detail_wrap .test_grade span {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #4a4a4a;
    display: block;
    margin-bottom: 5px;
}

.personality_detail_wrap .test_grade p {
    font-size: 14px;
    color: #82869b;
}

.personality_detail_wrap .result_short_desc {
    padding: 50px 0;
}

.personality_detail_wrap .detail_wrap {
    padding: 30px 0;
}

.personality_detail_wrap .detail_wrap figure {
    width: 100%;
    height: 250px;
    margin: 15px auto;
}

.personality_detail_wrap .detail_wrap figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.personality_detail_wrap .detail_wrap ul li {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #282828;
    line-height: 28px;
    margin-bottom: 7px;
}

.personality_detail_wrap .detail_wrap ul li::before {
    background: url("../images/ic-dot.png") center no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 7px;
}

.personality_detail_wrap .detail_wrap ul p {
    font-size: 16px;
    color: #282828;
    line-height: 28px;
}

.test_progress_wrap {
    padding: 20px 0;
}

.test_progress_wrap .progress_wrapper {
    max-width: 850px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.test_progress_wrap .progress_wrapper .completed-digit {
    width: 70px;
    font-size: 18px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #666;
}

.test_progress_wrap .progress_wrapper .done_progress {
    background: #f47920;
    height: 5px;
}

.test_progress_wrap .progress_wrapper .progress_bar {
    height: 5px;
    border-radius: 3px;
}

.options_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.options_wrap span {
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    font-weight: 600;
    color: #666;
    margin: 0 10px;
}

.options_wrap .option_btn {
    margin: 10px;
}

.options_wrap .option_btn input[type="radio"] {
    position: absolute;
    width: 0;
    opacity: 0;
    height: 0;
}

.options_wrap .option_btn input[type="radio"]:checked+label {
    background-color: #f47920;
    color: #ffffff;
}

.options_wrap .option_btn label {
    position: relative;
    width: 40px;
    height: 40px;
    border: solid 1px #d6d6d6;
    font-size: 16px;
    font-family: "Conv_VODAFONERGBD_0";
    color: #666;
    display: inline-block;
    border-radius: 50%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
    cursor: pointer;
}

.options_wrap .option_btn label::before,
.options_wrap .option_btn label::after {
    display: none;
}

.options_wrap .option_btn:hover label {
    background-color: #f47920;
    border-color: #f47920;
}

.questions_list {
    padding: 30px 0;
    text-align: center;
}

.questions_list .bottom_btuns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 650px) {
    .questions_list .bottom_btuns {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

.questions_list .bottom_btuns li {
    margin-left: 30px;
}

@media (max-width: 650px) {
    .questions_list .bottom_btuns li {
        margin: 0;
    }
}

.questions_list .bottom_btuns li .primary_btn {
    width: 150px;
    display: block;
}

.question_wrap {
    margin-bottom: 40px;
}

.question_wrap.disabled {
    opacity: 0.2;
    pointer-events: none;
}

.ntbr_teacher_modal .modal-body {
    padding: 5px 10px 15px;
}

.ntbr_teacher_modal .account_form {
    padding: 10px 15px 25px;
}

.test_categ_card {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.test_categ_card .flex_col_sm_4 {
    width: 25%;
}

.test_categ_card .course_card_wrapper .inner-course_card .course_card_details .topic_name {
    font-size: 19px;
    height: auto;
}

.test_categ_card .course_card_wrapper .inner-course_card .course_card_details .cousre_short_description {
    font-size: 15px;
}

.ask_me {
    position: fixed;
    background: #f47920;
    bottom: 51px;
    right: 85px;
    font-size: 18px;
    padding: 1px 13px;
    border-radius: 11px 11px 0;
    color: #ffffff;
    cursor: pointer;
    z-index: 99;
}

#googleplay-onload .appstore_link {
    display: block;
    text-align: center;
}

#googleplay-onload .appstore_link img {
    height: 80px;
    width: 180px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 650px) {
    #googleplay-onload .appstore_link img {
        height: 50px;
        width: 150px;
    }
}

.gnat_form {
    max-width: 560px;
    margin: 30px auto 0;
    width: 100%;
}

.gnat_form .gnat_title {
    color: #f47920;
    font-size: 24px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    font-family: "Conv_VODAFONERGBD_0";
}

.gnat_form .gnat_para {
    color: #282828;
    line-height: 1.33;
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
    font-family: "Conv_VODAFONERGBD_0";
}

.gnat_form .enrol_num {
    background-color: #f47920;
    padding: 10px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 5px;
    display: block;
    width: 140px;
    margin: 12px auto 0;
}

.gnat_form .bottom_text {
    margin-top: 100px;
    font-style: italic;
    color: #282828;
    text-align: center;
    line-height: 1.4;
}

.gnat_form .bottom_text a {
    color: #337ab7;
}

.upload_class_document {
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    width: 100%;
    min-height: 117px;
    height: 100%;
    cursor: pointer;
}

#class_list .inner-course_card {
    min-height: 224px !important;
}

#class_list .inner-course_card .enrol_btn {
    display: block;
    text-align: center;
    text-transform: capitalize;
}

.module_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.module_header h1 {
    font-size: 24px;
    color: #f47920;
    font-weight: 700;
    line-height: 1.5;
}

.filter_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.filter_btn .date_picker {
    margin: 0 15px 0 0;
}

.filter_btn .dropdown button {
    font-size: 16px;
    color: #3a3e56;
    font-weight: 500;
    line-height: 1.5;
    background-color: #ffffff;
}

.filter_btn .dropdown-menu {
    width: 214px;
    max-height: 359px;
    padding: 15px;
    -webkit-box-shadow: 0px 14px 65px 0 rgba(35, 35, 35, 0.05);
    box-shadow: 0px 14px 65px 0 rgba(35, 35, 35, 0.05);
    border: solid 1px #eef0f2;
    background-color: #fff;
    overflow: auto;
}

.filter_btn .dropdown-menu .accordion .sort_card {
    border-bottom: solid 1px #eceff4;
}

.filter_btn .dropdown-menu .accordion .sort_card button {
    font-size: 14px;
    color: #3a3e56;
    font-weight: 500;
    line-height: 1.5;
    background-color: #ffffff;
    position: relative;
    padding-right: 15px;
    width: 100%;
    text-align: left;
    margin: 10px 0;
}

.filter_btn .dropdown-menu .accordion .sort_card button:focus {
    border: none;
    outline: none;
}

.filter_btn .dropdown-menu .accordion .sort_card button .collapse_icon {
    background-image: url("../images/ic-minus.svg");
    width: 15px;
    height: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

.filter_btn .dropdown-menu .accordion .sort_card button.collapsed .collapse_icon {
    background-image: url("../images/ic-plus.svg");
    width: 15px;
    height: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

.filter_sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px 0;
    padding: 11px 14px;
    -webkit-box-shadow: 0px 14px 65px 0 rgba(35, 35, 35, 0.05);
    box-shadow: 0px 14px 65px 0 rgba(35, 35, 35, 0.05);
    background-color: #fff;
}

.filter_sec .in_search_sec {
    position: relative;
    max-width: 332px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media screen and (max-width: 768px) {
    .filter_sec .in_search_sec {
        max-width: 220px;
    }
}

.filter_sec .in_search_sec input[type="text"] {
    padding-right: 50px;
    border: 1px solid #e4e8ed;
}

.filter_sec .in_search_sec .search_suffix {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 39px;
    height: 39px;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .filter_sec .in_search_sec .search_suffix {
        width: 33px;
        height: 33px;
    }
}

.filter_sec .in_search_sec .search_suffix button {
    background-color: #ffffff;
}

.check_radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
    color: #231e1e;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 15px;
}

.check_radio input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.check_radio input[type="checkbox"]+span {
    margin: 0 5px 0 0;
    display: block;
    height: 16px;
    width: 16px;
    background: #ffffff;
    border: 1px solid #6e6b6b;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.check_radio input[type="checkbox"]:checked+span {
    border: 2px solid #f47920;
    background: #f47920;
}

.check_radio input[type="checkbox"]:checked+span:after {
    content: "";
    background: #f47920;
    width: 10px;
    height: 5px;
    position: absolute;
    border-top: 0;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-right: 0;
    top: 42%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(311deg);
    transform: translate(-50%, -50%) rotate(311deg);
}

.courses_tab_wrapper {
    min-height: 400px;
    margin-top: 15px;
}

.classes_container .class_type_head {
    font-size: 18px;
    color: #363636;
    font-weight: 700;
    line-height: 1.5;
    margin: 15px 0;
}

.expert-teacher {
    font-size: 16px;
    color: #f47e2c;
    float: right;
    text-transform: uppercase;
}

.whats-app-wrapper {
    float: left;
    margin-top: -20px;
}

.whats-app-wrapper a {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    font-weight: 600;
    color: #382b22;
    text-transform: uppercase;
    padding: 7px 20px;
    background: #fff;
    border: 2px solid #55cd6c;
    border-radius: 0.75em;
    transform-style: preserve-3d;
    transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}

.whats-app-wrapper a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #55cd6c;
    border-radius: inherit;
    box-shadow: 0 0 0 2px #55cd6c, 0 6px 0 0 #bff7ca;
    transform: translate3d(0, 7px, -1em);
    transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
}

.whats-app-wrapper a:hover {
    background: #ebffef;
    transform: translate(0, 0.25em);
}

.whats-app-wrapper a:hover:before {
    box-shadow: 0 0 0 2px #55cd6c, 0 0.5em 0 0 #bff7ca;
    transform: translate3d(0, 4px, -1em);
}

.whats-app-wrapper a:active {
    background: #fff;
    transform: translate(0em, 0.75em);
}

.whats-app-wrapper a:active:before {
    box-shadow: 0 0 0 2px #55cd6c, 0 0 #bff7ca;
    transform: translate3d(0, 0, -1em);
}

.whats-app-wrapper span {
    vertical-align: -1.5px;
}

.whats-app-wrapper img {
    width: 35px;
    margin-right: 5px;
}

.class_box {
    width: calc(100% / 3);
    padding: 15px;
}

.class_box .class_card {
    border: solid 1px #eceff4;
    background-color: #fff;
    position: relative;
    padding-bottom: 64px;
    display: block;
    height: 100%;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
    cursor: pointer;
}

.class_box .class_card:hover {
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

.class_box .class_card .cls_seats_left {
    font-size: 12px;
    color: #ffffff;
    font-weight: 300;
    line-height: 1;
    background-color: #f07924;
    padding: 4px 20px 4px 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.class_box .class_card .cls_seats_left:after {
    content: "";
    width: 13px;
    height: 13px;
    background-color: #ffffff;
    position: absolute;
    top: 4px;
    right: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.class_box .class_card .cls_seats_right {
    font-size: 12px;
    color: #ffffff;
    font-weight: 300;
    line-height: 1;
    background-color: #f07924;
    padding: 4px 20px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.class_box .class_card .class_image {
    position: relative;
    height: 110px;
}

.class_box .class_card .class_image img {
    width: 100%;
    height: 110px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.class_box .class_card .class_image .cls_duration {
    font-size: 14px;
    color: #ffffff;
    font-weight: 300;
    line-height: 1;
    background-color: #ff4545;
    border-radius: 11px;
    padding: 4px 15px 4px 25px;
    position: absolute;
    bottom: -10px;
    left: 10px;
}

.class_box .class_card .class_image .cls_duration:before {
    content: "";
    background-image: url("../images/ic-time.svg");
    width: 12px;
    height: 12px;
    position: absolute;
    top: 5px;
    left: 4px;
}

.class_box .class_card .class_image .teacher_image {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    bottom: -25px;
    right: 10px;
    border: 2px solid #f07924;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.class_box .class_card .class_image .teacher_image img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.class_box .class_card .class_info {
    padding: 15px;
}

.class_box .class_card .class_info .cls_subject {
    font-size: 14px;
    color: #5e99f2;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
    width: 100%;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.class_box .class_card .class_info .cls_topic {
    font-size: 18px;
    color: #282828;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.class_box .class_card .class_info .cls_author {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 7px;
}

.class_box .class_card .class_info .cls_author p {
    font-size: 12px;
    color: #282828;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0;
    width: 100%;
    height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.class_box .class_card .class_info .cls_author p span {
    font-size: 12px;
    color: #8e8c8c;
    font-weight: 500;
    line-height: 1.5;
    margin-right: 3px;
}

.class_box .class_card .class_info .cls_author .teacher_image {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #f07924;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
}

.class_box .class_card .class_info .cls_author .teacher_image img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.class_box .class_card .class_info .cls_schedule p {
    font-size: 12px;
    color: #282828;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 4px;
}

.class_box .class_card .class_info .cls_schedule p span {
    font-size: 12px;
    color: #8e8c8c;
    font-weight: 500;
    line-height: 1.5;
    margin-right: 5px;
    width: 80px;
    display: inline-block;
}

.class_box .class_card .class_info .cls_schedule ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f6faff;
    border-radius: 5px;
    padding: 4px;
    margin-bottom: 7px;
    border: 1px solid #e6e6e6;
}

@media screen and (min-width: 376px) and (max-width: 1200px) {
    .class_box .class_card .class_info .cls_schedule ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media screen and (max-width: 375px) {
    .class_box .class_card .class_info .cls_schedule ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.class_box .class_card .class_info .cls_schedule ul li {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.class_box .class_card .class_info .cls_schedule ul li:last-child {
    width: 60%;
}

@media screen and (min-width: 376px) and (max-width: 1200px) {
    .class_box .class_card .class_info .cls_schedule ul li {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 375px) {
    .class_box .class_card .class_info .cls_schedule ul li {
        width: 50%;
    }
}

.class_box .class_card .class_info .cls_schedule ul li img {
    margin-right: 4px;
}

.class_box .class_card .class_info .cls_schedule ul li p {
    margin-bottom: 0;
}

.class_box .class_card .class_info .cls_schedule ul li p:hover {
    text-decoration: underline;
}

.class_box .class_card .class_action {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.class_box .class_card .class_action button,
.class_box .class_card .class_action a {
    width: 50%;
    margin-right: 10px;
    padding: 7px;
    text-align: center;
    font-size: 12px;
}

.class_box .class_card .class_action button:last-child,
.class_box .class_card .class_action a:last-child {
    margin-right: 0;
}

.about-container {
    padding: 20px 0 60px 0;
}

.about-container P {
    margin-bottom: 30px;
}

@media screen and (min-width: 599px) and (max-width: 800px) {
    .flex_row.flex_resp .class_box {
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 600px) {
    .flex_row.flex_resp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flex_row.flex_resp .class_box {
        width: 100%;
    }
}

.flex_row.flex_resp .class_descp {
    width: 100%;
}

.share_class {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.share_class a {
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
}

.share_class a:hover {
    border: 1px solid #f07924;
}

.share_class a img {
    width: 20px !important;
    height: auto !important;
}

.page_banner .mobile-view,
.page_banner .tablet-view {
    display: none;
}

.drop-and-search {
    display: flex;
}

.drop-and-search .bootstrap-select {
    /* width: 120px !important; */
    font-size: 14px;
    border: 1px solid #e3e7ef;
    color: #282828;
    resize: none;
    margin-right: 20px !important;
}

@media screen and (max-width: 992px) {
    .page_banner .tablet-view {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .page_banner {
        min-height: 150px;
    }

    .page_banner .desktop-view,
    .page_banner .tablet-view {
        display: none;
    }

    .page_banner .mobile-view {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .page_banner {
        min-height: 150px;
    }

    .page_banner .desktop-view,
    .page_banner .tablet-view {
        display: none;
    }

    .page_banner .mobile-view {
        display: block;
    }
}

.page_banner img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media screen and (max-width: 600px) {
    .page_banner img {
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    .module_details_sec {
        padding: 0 15px;
    }
}

.module_details_sec .class_descp {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 30px;
}

@media screen and (max-width: 600px) {
    .module_details_sec .class_descp {
        margin: 0 0 20px 0;
    }
}

.module_details_sec .class_descp figure {
    min-width: 100%;
    margin-bottom: 40px;
}

.module_details_sec .class_descp figure img {
    width: 100%;
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media screen and (max-width: 600px) {
    .module_details_sec .class_descp figure img {
        height: 200px;
    }
}

.module_details_sec .class_descp section.descp {
    margin-bottom: 45px;
}

.module_details_sec .class_descp section.descp h3 {
    font-size: 20px;
    color: #282828;
    font-weight: 700;
    line-height: 1.5;
}

.module_details_sec .class_descp section.descp p {
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 500;
    line-height: 1.7;
}

.module_details_sec .class_details {
    width: 370px;
    padding: 15px;
    border: solid 1px rgba(40, 40, 40, 0.08);
    background-color: #fff;
}

@media screen and (max-width: 600px) {
    .module_details_sec .class_details {
        width: 100%;
    }
}

.module_details_sec .class_details .cls_subject {
    font-size: 14px;
    color: #5e99f2;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
    width: 100%;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.module_details_sec .class_details .cls_topic {
    font-size: 18px;
    color: #282828;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.module_details_sec .class_details ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px -10px;
}

.module_details_sec .class_details ul li {
    width: calc(100% / 2);
    padding: 10px;
}

.module_details_sec .class_details ul li p {
    font-size: 12px;
    color: #8e8c8c;
    font-weight: 500;
    line-height: 1.5;
}

.module_details_sec .class_details ul li h4 {
    font-size: 16px;
    color: #282828;
    font-weight: 500;
    line-height: 1.5;
}

.module_details_sec .class_details .author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0 20px 0;
}

.module_details_sec .class_details .author figure {
    min-width: 30px;
    margin-right: 10px;
}

.module_details_sec .class_details .author figure img {
    width: 30px;
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 50%;
}

.module_details_sec .class_details .author p {
    font-size: 16px;
    color: #f47e2c;
    font-weight: 500;
    line-height: 1.5;
}

.module_details_sec .class_details button {
    width: 100%;
}

.class_banner {
    position: relative;
}

.class_banner .teacher_image {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #f07924;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    position: absolute;
    bottom: -35px;
    right: 20px;
}

.class_banner .teacher_image img {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

#calendar_view {
    display: none;
}

#calendar_view.view_calendar {
    display: block;
}

#toggle_calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffffff;
    padding: 4px;
    border-radius: 5px;
}

#toggle_calendar img {
    width: 28px;
    margin-right: 10px;
}

#toggle_calendar.calendar_in {
    background-color: #ccc;
}

.fc-col-header-cell-cushion,
.fc-daygrid-day-number {
    color: var(--fc-button-bg-color);
}

.modal button.close {
    position: absolute;
    top: 17px;
    right: 10px;
    width: 20px;
    height: 20px;
}

.flex_col_sm_4.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.module_heading {
    padding: 20px 0;
}

@media screen and (max-width: 768px) {
    .module_heading {
        padding: 20px 0 10px 0;
    }
}

.module_heading h1 {
    font-size: 34px;
    color: #f07924;
    font-weight: 700;
    line-height: 1.5;
    margin-right: 5px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .module_heading h1 {
        font-size: 18px;
        letter-spacing: 1px;
    }
}

.module_heading p {
    font-size: 18px;
    color: #202020;
    font-weight: 500;
    line-height: 1.5;
    margin-right: 5px;
    text-align: center;
}

.filter_reset {
    padding: 7px 5px;
    height: 38px;
    display: inline-block;
    color: #282828;
    font-size: 14px;
    line-height: 1.7;
    border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
}

.filter_reset:hover {
    background-color: #f7f8fc;
}

.filter_reset img {
    width: 16px;
    margin-left: 6px;
}

.search-box {
    min-width: 280px;
}

@media screen and (max-width: 600px) {
    .search-box {
        width: auto;
        min-width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.btn_loading {
    pointer-events: none;
    position: relative;
}

.btn_loading:after {
    content: "";
    background-image: url("../images/loader.gif");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.srch-close-icon {
    display: none;
}

.whatsapp-icon-bottom {
    background: white;
    padding: 1px;
    border-radius: 2px;
}

/*# sourceMappingURL=main.css.map */

.module_details_sec .class_details {
    display: flex;
    flex-direction: column;
}

.module_details_sec .class_details .cls_subject {
    order: 1;
}

.module_details_sec .class_details .cls_topic {
    order: 2;
}

.module_details_sec .class_details ul {
    order: 3;
}

.module_details_sec .class_details .author {
    order: 4;
}

.module_details_sec .class_details .flex_center {
    order: 5;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .module_details_sec .class_details .flex_center {
        order: 2;
    }
}

.teaching_qualities {
    margin: 20px 0;
}

.teaching_qualities>h3 {
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    margin: 10px 0 20px 0;
}

.teaching_qualities ul {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
}

.teaching_qualities ul li {
    width: calc(100% / 3);
    /* max-width: 257px; */
    padding: 20px;
}

.teaching_qualities ul li .tqc_box {
    background-color: #ffffff;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 21%);
    border-radius: 25px;
    display: flex;
    align-items: center;
    color: #000;
    padding: 5px;
}

.teaching_qualities ul li .tqc_box figure {
    /* border-left: 4px solid #f07924; */
    padding: 0 10px 0 15px;
}

.teaching_qualities ul li .tqc_box figure img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    object-position: top;
}

.teaching_qualities ul li .tqc_box .tqc_bottom {
    padding: 15px;
}

.teaching_qualities ul li .tqc_box .tqc_bottom h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.teaching_qualities ul li .tqc_box .tqc_bottom p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.fc-daygrid-dot-event {
    align-items: top !important;
}

.fc-daygrid-dot-event .fc-event-title {
    white-space: normal !important;
}

.fc-icon.fc-icon-fac-icon-share {
    background-image: url("../images/share_white.svg");
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
}

@media screen and (max-width: 600px) {
    .teaching_qualities ul {
        flex-direction: column;
    }

    .teaching_qualities ul li {
        width: 100%;
    }
}

.filter_reset {
    cursor: pointer;
}

.outline_btn_ed_tech {
    color: white !important;
}


.class_box-search {
    width: calc(100% / 4);
    padding: 0 10px;
}

.class_box-search .class_card {
    border: solid 1px #eceff4;
    background-color: #fff;
    position: relative;
    padding-bottom: 64px;
    display: block;
    height: 100%;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
    cursor: pointer;
}

.class_box-search .class_card:hover {
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

.class_box-search .class_card .cls_seats_left {
    font-size: 12px;
    color: #ffffff;
    font-weight: 300;
    line-height: 1;
    background-color: #f07924;
    padding: 4px 20px 4px 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.class_box-search .class_card .cls_seats_left:after {
    content: '';
    width: 13px;
    height: 13px;
    background-color: #ffffff;
    position: absolute;
    top: 4px;
    right: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.class_box-search .class_card .cls_seats_right {
    font-size: 12px;
    color: #ffffff;
    font-weight: 300;
    line-height: 1;
    background-color: #f07924;
    padding: 4px 20px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.class_box-search .class_card .class_image {
    position: relative;
    height: 110px;
}

.class_box-search .class_card .class_image img {
    width: 100%;
    height: 110px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.class_box-search .class_card .class_image .cls_duration {
    font-size: 14px;
    color: #ffffff;
    font-weight: 300;
    line-height: 1;
    background-color: #ff4545;
    border-radius: 11px;
    padding: 4px 15px 4px 25px;
    position: absolute;
    bottom: -10px;
    left: 10px;
}

.class_box-search .class_card .class_image .cls_duration:before {
    content: '';
    background-image: url("../images/ic-time.svg");
    width: 12px;
    height: 12px;
    position: absolute;
    top: 5px;
    left: 4px;
}

.class_box-search .class_card .class_image .teacher_image {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    bottom: -25px;
    right: 10px;
    border: 2px solid #f07924;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.class_box-search .class_card .class_image .teacher_image img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.class_box-search .class_card .class_info {
    padding: 15px;
}

.class_box-search .class_card .class_info .cls_subject {
    font-size: 14px;
    color: #5e99f2;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
    width: 100%;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.class_box-search .class_card .class_info .cls_topic {
    font-size: 18px;
    color: #282828;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.class_box-search .class_card .class_info .cls_author {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 7px;
}

.class_box-search .class_card .class_info .cls_author p {
    font-size: 12px;
    color: #282828;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0;
    width: 100%;
    height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.class_box-search .class_card .class_info .cls_author p span {
    font-size: 12px;
    color: #8e8c8c;
    font-weight: 500;
    line-height: 1.5;
    margin-right: 3px;
}

.class_box-search .class_card .class_info .cls_author .teacher_image {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #f07924;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
}

.class_box-search .class_card .class_info .cls_author .teacher_image img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.class_box-search .class_card .class_info .cls_schedule p {
    font-size: 12px;
    color: #282828;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 4px;
}

.class_box-search .class_card .class_info .cls_schedule p span {
    font-size: 12px;
    color: #8e8c8c;
    font-weight: 500;
    line-height: 1.5;
    margin-right: 5px;
    width: 80px;
    display: inline-block;
}

.class_box-search .class_card .class_info .cls_schedule ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f6faff;
    border-radius: 5px;
    padding: 4px;
    margin-bottom: 7px;
    border: 1px solid #e6e6e6;
}

@media screen and (min-width: 376px) and (max-width: 1200px) {
    .class_box-search .class_card .class_info .cls_schedule ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media screen and (max-width: 375px) {
    .class_box-search .class_card .class_info .cls_schedule ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.class_box-search .class_card .class_info .cls_schedule ul li {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.class_box-search .class_card .class_info .cls_schedule ul li:last-child {
    width: 60%;
}

@media screen and (min-width: 376px) and (max-width: 1200px) {
    .class_box-search .class_card .class_info .cls_schedule ul li {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 375px) {
    .class_box-search .class_card .class_info .cls_schedule ul li {
        width: 50%;
    }
}

.class_box-search .class_card .class_info .cls_schedule ul li img {
    margin-right: 4px;
}

.class_box-search .class_card .class_info .cls_schedule ul li p {
    margin-bottom: 0;
}

.class_box-search .class_card .class_info .cls_schedule ul li p:hover {
    text-decoration: underline;
}

.class_box-search .class_card .class_action {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.class_box-search .class_card .class_action button,
.class_box-search .class_card .class_action a {
    width: 50%;
    margin-right: 10px;
    padding: 7px;
    text-align: center;
    font-size: 12px;
}

.class_box-search .class_card .class_action button:last-child,
.class_box-search .class_card .class_action a:last-child {
    margin-right: 0;
}

.about-container {
    padding: 20px 0 60px 0;
}

.about-container P {
    margin-bottom: 30px;
}

@media screen and (min-width: 599px) and (max-width: 800px) {
    .flex_row.flex_resp .class_box-search {
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 600px) {
    .flex_row.flex_resp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flex_row.flex_resp .class_box-search {
        width: 100%;
    }
}

/* calendar classroom events */
/* .fc-daygrid-day-events {
    display: none;
} */


/ calander info css / #calanderModal .modal-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}

#calanderModal .close span {
    font-size: 26px;
}

.calander__box {
    display: flex;
    align-items: flex-start;
    padding-bottom: 10px;
}

.slider-box .box {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center
}

.box .icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 4px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box .icon img {
    width: 20px;
}

.date_icon {
    background: #eefaf8;
}

.time_icon {
    background: #eff6fc;
}

.detail_icon {
    background: #fcf5ef;
}

.box__content h5 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
}

.box__content p {
    font-size: 14px;
    line-height: 18px;
    color: rgba(40, 40, 40, 0.8);
}

.box.w-100 {
    flex: 0 0 100%;
    width: 100%;
}

.calander-slider .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.calander-slider .owl-dot {
    display: inline-block;
}

.calander-slider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.calander-slider .owl-dots .owl-dot.active span,
.calander-slider .owl-dots .owl-dot:hover span {
    background: #869791;
}

.calander-slider {
    position: relative;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid #f7f7f7;
    box-shadow: -5px 0 0 0 rgba(0, 0, 0, 3%), 5px 0 0 0 rgba(0, 0, 0, 3%);
}

/* .calander-slider:before {
    content: "";
    position: absolute;
    top: 100%;
    left: -5px;
    right: -5px;
    bottom: -15px;
    background-color: rgba(0,0,0,3%);
  } */

.calander-slider .owl-prev {
    width: 15px;
    height: 50px;
    position: absolute;
    top: 40%;
    margin-left: -30px;
    border-radius: 15px;
    display: block !important;
    border: 0px solid black;
}

.calander-slider .owl-next {
    width: 15px;
    height: 50px;
    position: absolute;
    top: 40%;
    right: -30px;
    display: block !important;
    border: 0px solid black;
}

.calander-slider .owl-prev i,
.calander-slider .owl-next i {
    transform: scale(1, 6);
    color: #ccc;
}

#body-calendar {
    padding: 30px;
}

/* end calendar classroom events */