@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework 
    */

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none;outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box;}
body {
    position: inherit !important; min-height: inherit !important; top: 0 !important;
}
body.body_hidden {
    overflow: hidden;
  }
  
html,body{-webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea{-webkit-appearance:none; outline:none; box-sizing:border-box;}
textarea:focus, input:focus, a, div, img{outline: none;}
i,i:before{display: block;}

.cf:before, .cf:after{content: ""; display: table;}
.cf:after{clear: both;}
.cf{zoom: 1;}
.clear{clear: both;}
.clearfix:after{content: "."; display: block; height:0; clear: both; visibility:hidden;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{overflow-x: hidden; color:#1F2430; font-size:14px; font-family: 'Poppins', sans-serif; font-weight:400;}

h1, h2, h3, h4, h5, h6{margin-bottom:20px; line-height: 1.4; color: #2E2E2E;}
h1{font-size:30px; font-weight:600;}
h2{font-size:28px; font-weight:500;}
h3{font-size:24px; font-weight:500;}
h4{font-size:22px; font-weight:500;}
h5{font-size:20px; font-weight:500;}
h6{font-size:18px; font-weight:500;}

p{color:#62646A; font-size:14px; font-weight:400; line-height:1.9; margin-bottom:30px;}
samp{font-family: 'Poppins', sans-serif; font-weight:400;}
del{text-decoration: line-through;}

ul{margin:20px 15px; padding:0;}
ul li{color:#62646A; padding:0 0 0 15px; margin-bottom: 10px; line-height: 1.7; position: relative;}
body.dark-mode .dropdown-menu ul li a{color: #fff;}
ul li:before{content:""; width: 5px; height: 5px; display: block; border-radius: 50%; position: absolute; left: 0; top: 10px;}
ul li:last-child{margin-bottom: 0;}

ol{margin:20px 30px; padding:0}
ol li{color:#62646A; line-height: 1.7; padding:0; margin-bottom: 10px; list-style: decimal;}
ol li:last-child{margin-bottom: 0;}

blockquote{display:block; text-align:left; margin-bottom:30px; position:relative; background:#FEEFE8; padding:15px; border-radius: 8px;}
blockquote p{color: #1F2430; margin-bottom: 0;}
strong{font-weight: 600;}

hr{border:0 #EFEFEF solid; border-top-width:1px; clear:both; height:0;}
label{display: block; color: #51596C; font-size: 13px; margin: 0 0 5px;}

button{font-size: 14px; border: 1px solid transparent; cursor: pointer; transition: 0.2s all; font-family: 'Poppins', sans-serif;}
button:focus{outline: none;}

.align-right{float:right; margin:0 0 10px 10px;}
.align-left{float:right; margin:0 10px 10px 0;}
.align-center{float:right; margin:0 auto 10px auto; text-align:center;}
.img-full{display: block; width: 100%; height: auto;}

.scroll-disabled body{height: 100vh; overflow: hidden;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none;}

/* 4. Link
------------------------------------------------------------------------------*/
a{color:#FF953F; text-decoration: none; transition: 0.2s all;}
a:hover{color: #F06421; text-decoration: underline;}

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"],
input[type="number"],
textarea{color:#1F2430; width: 100%; height: 40px; padding:10px 15px; font-size:14px; font-weight: 400; font-family: 'Poppins', sans-serif;  border:1px solid #DDD;  border-radius: 6px;}
textarea{height:100px; resize:none;}

input.datepicker{background-image: url('../images/date-pick-icon.png'); background-repeat: no-repeat; background-position: center right 15px; padding: 0 40px 0 15px;}

input[type="submit"], 
input[type="button"], 
input[type="reset"]{background:#224b9c; cursor:pointer; text-transform: uppercase; color:#fff; border:none; height:40px;  display:block; font-size:16px; font-family: 'Poppins', sans-serif; font-weight: 700; border-radius: 3px;}
input[type="submit"]:hover, input[type="button"]:hover{background:#303637;}input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{color:#1F2430; font-size:14px; height:40px;}
textarea{border:1px solid #dedede; padding: 10px 15px; color:#1F2430; font-size:12px; height:60px; resize:none;  font-family: 'Poppins', sans-serif; line-height:16px;}
::-webkit-input-placeholder{opacity: 1 !important; color: #B7B7B7;}
:-moz-placeholder{opacity: 1 !important; color: #B7B7B7;}
::-moz-placeholder{opacity: 1 !important; color: #B7B7B7;}
:-ms-input-placeholder{opacity: 1 !important; color: #B7B7B7;}

select:focus{outline: none;}	
select::-ms-expand{display: none;}
select{
    -webkit-box-shadow: none;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    height: 33px;
    width: 100%;
    display: block; 
    color: #373737 !important; 
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    padding: 6px 25px 7px 10px;
    border-radius: 3px;
    text-shadow: none !important;
    border:1px solid #cacecf;
    background-color: #fff;
    background-image: url("../images/select-arrow.svg");
    background-position: right 10px center;
    background-size: 10px auto;
    background-repeat: no-repeat;

}
select:disabled{background-color: #eeeeee;}

/* 6. Tables
------------------------------------------------------------------------------*/
table{margin: 0 0 30px; border-collapse: separate; border-spacing: 0; empty-cells: show;}
thead{background: #F5F5F5;}
th, td{color: #51596C; text-align: left; padding: 8px 15px; border: 1px solid #DDD;}
th{font-size: 13px; font-weight: 500; border-style: solid solid solid solid;}
td{font-size: 12px; border: solid 1px #ddd;  border-style: none solid solid none;}
td:first-child{text-align: center;}
td:last-child{text-align: right;}
tr:first-child th{border-top-style: solid;}
tr:first-child th:first-child{border-top-left-radius: 8px;}
tr:first-child th:last-child{border-top-right-radius: 8px;}
tr:last-child td:first-child{border-bottom-left-radius: 8px;}
tr:last-child td:last-child{border-bottom-right-radius: 8px;}
tr th:first-child, tr td:first-child{border-left-style: solid;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{width:100%; margin-top: 80px;}
#content-area{width: 100%; display: block;}
.container{max-width:1330px; width:100%; padding: 0 15px;}
.container-small{max-width:1100px; width:100%; padding: 0 15px;}

/* disable-scroll */
body.no-scroll{overflow-y: hidden;}

/* custom input */
input.bg-ghostwhite{background: #F3F3F4;}
input.bg-aliceblue{background: #F5F7FA; border-color: #F5F7FA;}
input:focus{background: #fff; border-color: #FBD0BC !important; box-shadow: 0 0 0 4px rgba(254,239,232,1);}
input.error{background: #FDF0EF; border-color: #FF9090 !important;}
textarea.bg-aliceblue{background: #F5F7FA; border-color: #F5F7FA;}
textarea.bg-ghostwhite{background: #F3F3F4;}
textarea:focus{background: #fff; border-color: #FBD0BC !important; box-shadow: 0 0 0 4px rgba(254,239,232,1);}

/* input-box */
.input-box label small{color: #FF615E;}
.input-box.calender-blk input{
    /* background: url('../images/calendar.svg') no-repeat 95%; background-size: 18px; */
    border: none;
}

/* custom input error */
.input-box .error-msg{color: #FF615E; font-size: 12px; margin-top: 2px;}

/* icons */
.icon, .icon:before{display: block;}

/* color */
#bg-color, .bg-color{background-color: #F5F7FA;}

/* success, alert, error Messages */
.msg-box{opacity: 0; visibility: hidden; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 80%; width: fit-content; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); transition: 0.2s ease-in-out; z-index: 999;}
.msg-box .msg-inner{position: relative; display: inline-flex; background: #0D0B23; padding: 20px; border-radius: 8px;}
.msg-box .msg-inner figure{max-width: 28px; width: 100%; margin: 0 12px 0 0;}
.msg-box .msg-inner .content{margin: 0; padding-right: 30px;}
.msg-box .msg-inner .content span{display: block; color: #FAFAFB; font-size: 16px; font-weight: 500;}
.msg-box .msg-inner .content p{color: #A2A2A2; font-size: 14px; margin: 0;}
.msg-box .msg-inner .icon-close{position: absolute; top: 20px; right: 20px; color: #9E9EA6; font-size: 12px; cursor: pointer;}
.msg-box .msg-inner .icon-close:hover{color: #FAFAFB;}

/* success-msg */
.open-success-msg .msg-box.success-msg{opacity: 1; visibility: visible; bottom: 45px;}

/* alert-msg */
.open-alert-msg .msg-box.alert-msg{opacity: 1; visibility: visible; bottom: 45px;}

/* error-msg */
.open-error-msg .msg-box.error-msg{opacity: 1; visibility: visible; bottom: 45px;}

/* custom buttons */
.btn{display: inline-block; color: #fff; background: #000; height: 40px; line-height: 40px; font-size: 14px; font-weight: 500; text-align: center; text-decoration: none; padding: 0 20px; margin: 0; border-radius: 30px;}

/* custom-checkbox */
.custom-checkbox{position: relative; display: flex; align-items: flex-start; margin: 0; cursor: pointer;}
.custom-checkbox input{position: absolute; opacity: 0; visibility: hidden; width: 16px; height: 16px; margin: 0;}
.custom-checkbox .checkbox-style{position: relative; width: 16px; height: 16px; margin: 0 10px 0 0; border: 1px solid #C3C2C9; border-radius: 2px; background-color: #fff;}
.custom-checkbox input:checked ~ .checkbox-style{background-color: #007CFF; border: 1px solid #007CFF;}
.custom-checkbox .checkbox-style:before{position: absolute; content: "F"; font-family: "whizlabs30"; font-size: 10px; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* custom-radiobutton */
.custom-radiobutton{position: relative; display: flex; align-items: flex-start; margin: 0; cursor: pointer;}
.custom-radiobutton input{position: absolute; opacity: 0; visibility: hidden; width: 16px; height: 16px; margin: 0;}
.custom-radiobutton input:checked ~ .radio-style{border: 2px solid #007CFF; margin: 0;}
.custom-radiobutton input:checked ~ .radio-style:before{background: #007CFF;}
.custom-radiobutton .radio-style{position: relative; width: 16px; height: 16px; border: 1px solid #C3C2C9; border-radius: 50%; background-color: #fff; margin: 0;}
.custom-radiobutton .radio-style:before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%;}
.custom-radiobutton .name{margin: 0;}

/* custom selectbox */
.custom-selectbox{position: relative; display: grid; width: 100%;}
.custom-selectbox select{display: none;}
.custom-selectbox .select-selected{display: block; align-items: center; width: 100%; color: #1F2430; background-color: #F5F7FA; height: 40px; font-size: 14px; font-weight: 400; padding: 10px 30px 10px 15px; border-radius: 6px; cursor: pointer; user-select: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.custom-selectbox .select-selected:after{content: '5'; font-family: "whizlabs30"; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); color: #1F2430;  font-size: 12px; transition: 0.2s ease-in-out;}
.custom-selectbox .select-selected.select-arrow-active:after{transform: translateY(-58%) rotate(180deg);}
.custom-selectbox .select-selected.select-arrow-active{border-radius: 6px 6px 0 0;}

.custom-selectbox .select-items{position: absolute; top: 100%; left: 0; width: 100%; background-color: #f7f8f9; padding: 2px 0; margin-top: -2px; border-top: 1px solid #EFEFEF; border-radius: 0 0 5px 5px; z-index: 2;}
.custom-selectbox .select-items div{color: #51596C; font-size: 13px; font-weight: 400; padding: 5px 15px; margin-bottom: 0; border-bottom: 1px solid #EFEFEF; transition: color 0.2s linear; cursor: pointer;}
.custom-selectbox .select-items div:last-child{border-bottom: 0;}
.custom-selectbox .select-items div:hover{background: #eff0f2;}
.custom-selectbox .select-hide{display: none;}

/* pagination-block */
.pagination-block{display: flex; align-items: center; justify-content: center; margin: 35px 0 50px;}
.pagination-block .arrow{display: inline-block; color: #1F2430; font-size: 17px; margin: 0; line-height: 1;}
.pagination-block .arrow:hover{color: #007CFF;}
.pagination-block .arrow.disabled{color: #a2a2a29e; pointer-events: none;}
.pagination-block .arrow:before{display: block;}
.pagination-block .back-arrow{transform: rotate(180deg);}
.pagination-block ul{display: flex; margin: 0 20px;}
.pagination-block ul li{width: 40px; height: 40px; list-style: none; padding: 0; line-height: 40px; border-radius: 50%; margin: 0;}
.pagination-block ul li:before{display: none;}
.pagination-block ul li.active{background: #007CFF;}
.pagination-block ul li.active a{color: #fff;}
.pagination-block ul li a{display: block; color: #2E2E2E; font-size: 16px; font-weight: 500; text-align: center; text-decoration: none;}

/* accordian */
.accordian-block .item{border-radius: 4px; overflow: hidden; margin-bottom: 5px;}
.accordian-block .item:last-child{margin-bottom: 0;}
.accordian-block .item-head{position: relative; display: flex; justify-content: space-between; background: #DFE6EF; padding: 7px 15px; cursor: pointer;}
.accordian-block .item-head samp{position: absolute; top: 11px; display: block; width: 14px; height: 14px; margin: 0 10px 0 0;}
.accordian-block .item-head samp::before{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 1px; background: #51596C;}
.accordian-block .item-head samp::after{position: absolute; content: ''; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 14px; background: #51596C; transition: 0.2s ease-in-out;}
.accordian-block .item-head span{color: #2E2E2E; font-size: 14px; font-weight: 500; margin: 0 10px 0 25px;}
.accordian-block .item-head.open samp::after{transform: rotate(90deg); opacity: 0;}

.accordian-block .item-content{display: none;}
.accordian-block .item-content ul{margin: 0;}
.accordian-block .item-content ul li{display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 10px 15px; margin: 0; line-height: 1.2;}
.accordian-block .item-content ul li:before{display: none;}
.accordian-block .item-content ul li:last-child{border-bottom: 0;}
.accordian-block .item-content ul li .title{display: flex; align-items: center; margin: 0;}
.accordian-block .item-content ul li .title i{color: #51596C; font-size: 15px;}
.accordian-block .item-content ul li .title span{color: #51596C; font-size: 12px; margin: 0 10px;}

/* responsive tab with accordion */
.resp-tab-content{display: none;}
.resp-content-active, .resp-accordion-active{display: block;}

.resp-tab-content-active{display: block;}

/* responsive tab css */
.tab_wrapper .content_wrapper .tab_content{display: none;}
.tab_wrapper .content_wrapper .resp-accordion{display: none; flex-direction: row-reverse; font-size: 14px; font-weight: 400; position: relative; cursor: pointer; padding: 15px 0;color: #62646A; border-top: 1px solid #dddddd82;}
.tab_wrapper .content_wrapper .resp-accordion:first-child{border-top: 0;}
.tab_wrapper .content_wrapper .resp-accordion .icon{font-size: 18px; margin: 0 8px 0 0;}
.tab_wrapper .content_wrapper .resp-accordion .arrow{float: right; top: 4px;right: 4px; display: inline-block; width: 10px; height: 10px; position: relative; border-radius: 2px; transform: rotate(-135deg); background: transparent;  margin: 0 0 0 auto;    border-top: 2px solid #62646A;
    border-left: 2px solid #62646A;}
.tab_wrapper .content_wrapper .resp-accordion.resp-tab-active{font-weight: 500; color: #F06421;}
.tab_wrapper .content_wrapper .resp-accordion.resp-tab-active .arrow{top: 7px; transform: rotate(45deg);border-top: 2px solid #F06421; border-left: 2px solid #F06421;}
.tab_wrapper .accordian-block .item-content{display: none;}

.tab_wrapper .tab_list{width: 100%; display: inline-flex; align-items: center; margin: 0;}
.tab_wrapper .tab_list li{display: flex; align-items: center; color: #2E2E2E; font-size: 16px; font-weight: 400; line-height: 1; padding: 15px 25px; margin: 0; cursor: pointer;}
.tab_wrapper .tab_list li:before{display: none;}
.tab_wrapper .tab_list li.active{color: #F06421; background: #FFF; font-weight: 500; border-radius: 4px 4px 0 0;}
.tab_wrapper .tab_list li.active .icon{color: #F06421;}
.tab_wrapper .tab_list li .icon{color: #1F2430; font-size: 18px;}

/* main-timer */
.main-timer{display: flex; background: #FFFFFF; padding: 8px 15px; border-radius: 6px;}
.main-timer .count{width: 41px; margin: 0 13px 0 0;}
.main-timer .count:last-child{margin: 0;}
.main-timer .colon{display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 30px; line-height: 35px; color: #000000;}
.main-timer .colon span{margin: 0 0 0 5px;}
.main-timer .count label{font-size: 12px; text-align: center; line-height: 15px; color: #263238; margin: 0;}

/* modal */
.modal{display: block; opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(31,36,48,0.7); transition: all ease 0.3s; z-index: 1000;}
.modal .modal-inner{position: relative; top: 0; left: 0; display: flex; align-items: center; width: 100%; height: 100%; padding: 0 15px;}
.modal .modal-container{position: relative; max-width: 550px; width: 100%;/* max-height: 100vh;*/ background: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(31, 36, 48, 0.05); overflow-y: auto; transform: translateY(10px); transition: all ease 0.3s;}

.modal .modal-header{padding:  25px 30px 0;}
.modal .modal-header .title-block{margin-right: 35px;}
.modal .modal-header .title-block .title{color: #2E2E2E; font-size: 22px; font-weight: 500; margin: 0 0 5px 0;}
.modal .modal-header .title-block .title-note{display: block; color: #62646A; font-size: 14px; line-height: 1.4;}
.modal .modal-header .icon-close{position: absolute; top: 25px; right: 30px; display: flex; align-items: center; justify-content: center; color: #9E9EA6; background: #F3F3F4; width: 26px; height: 26px; font-size: 10px;  border-radius: 50%; cursor: pointer; transition: 0.2s ease-in-out;}
.modal .modal-header .icon-close:hover{color: #9E9E9E; background: #E6E6E6;}

.modal .modal-content{height: 100%; padding: 25px 30px 30px;}
.modal .modal-content .box-borderd{padding: 25px; border: 1px solid #DDD; border-radius: 8px;}

.modal .modal-footer{display: flex; align-items: center; background: #fff; padding: 15px 30px; margin: 0; border-top: 1px solid #DDD;}
.modal .modal-footer button{color: #fff; background: #F06421; min-width: 130px; border: 0;}
.modal .modal-footer button  button{margin: 0 0 0 10px;}
.modal .modal-footer button:hover{background: #e05613;}
.modal .modal-footer button.cancel{color: #1F2430; background: #F3F3F4;}
.modal .modal-footer button.cancel:hover{background: #e7e7e9;}

/* modal-notify */
.open-modal-notify .modal-notify{opacity: 1; visibility: visible; z-index: 1000;}
.modal-notify .input-box label{color: #1F2430; font-size: 14px; font-weight: 500;}

/* modal-account */
.modal-account .modal-inner{padding: 0;}
.modal-account .modal-content{padding-bottom: 20px; text-align: center;}
.modal-account .modal-container{max-width: 390px;}
.modal-account .modal-header .title-block{margin: 0 auto; text-align: center;}
.modal-account .modal-header .title-block .title{font-size: 20px; text-align: left; font-weight: 600; margin-bottom: 0;}
.modal-account .modal-header .icon-close{opacity: 100; visibility: visible;}

.modal-account a{text-decoration: none;}
.modal-account .login-with-group{margin-bottom: 20px;}
.modal-account .login-with-group a{position: relative; display: block; color: #51596C; height: 45px; line-height: 45px; font-size: 14px; margin-bottom: 10px; border: 1px solid #DDD; border-radius: 6px;}
.modal-account .login-with-group a:first-child figure{width: 20px;}
.modal-account .login-with-group a:last-child{margin-bottom: 0;}
.modal-account .login-with-group a:hover{background: #F3F3F4; color: inherit;}
.modal-account .login-with-group a span{font-weight: 500;}
.modal-account .login-with-group a figure{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 18px;}

.modal-account .sepretor{position: relative; z-index: 1; margin-bottom: 20px;}
.modal-account .sepretor span{background: #fff; padding: 0 8px; font-weight: 500;}
.modal-account .sepretor span:before{border-top: 1px solid #DDDDDD; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 95%; z-index: -1;}

.modal-account form{margin-bottom: 15px;}
.modal-account form .input-box-group{margin-bottom: 15px;}
.modal-account form .input-box-group .input-box{margin-bottom: 10px;}
.modal-account form .input-box-group .input-box:last-child{margin-bottom: 0;}
.modal-account form .input-box-group .input-box input{height: 45px;}
.modal-account form button{color: #fff; background: #F06421; width: 100%; height: 45px; line-height: 45px; font-size: 16px; font-weight: 600; border-radius: 6px; border: 0;}
.modal-account form button:hover{background: #e05613}

.modal-account .modal-footer{padding: 20px;}
.modal-account .modal-footer .have-an-account{color: #62646A; font-size: 14px;}
.modal-account .modal-footer .have-an-account span{color: #007CFF; cursor: pointer;}
.modal-account .modal-footer .have-an-account span:hover{text-decoration: underline;}

/* modal-account signup*/
.open-modal-signup .modal.signup{opacity: 1; visibility: visible; z-index: 1000;}
.modal-account.signup .terms-conditions-block{color: #62646A; font-size: 13px;}
.modal-account.signup .terms-conditions-block a{color: #007CFF;}
.modal-account.signup .terms-conditions-block a:hover{text-decoration: underline;}

/* modal-account login*/
.open-modal-login .modal.login{opacity: 1; visibility: visible; z-index: 1000;}
.modal-account.login form{margin-bottom: 10px;}
.modal-account.login .forgot-password{color: #007CFF; font-size: 14px; cursor: pointer;}
.modal-account.login .forgot-password:hover{text-decoration: underline;}

/* modal-account pass-saved */
.open-modal-pass-saved .modal.pass-saved{opacity: 1; visibility: visible; z-index: 1000;}
.modal-account.pass-saved .modal-content{padding-bottom: 25px;}
.modal-account.pass-saved .user-block{margin-bottom: 20px;}
.modal-account.pass-saved .user-block figure{background: #DFE6EF; width: 70px; height: 70px; margin-bottom: 10px; border-radius: 50%; overflow: hidden;}
.modal-account.pass-saved .user-block span{color: #51596C;}

.modal-account.pass-saved form{margin-bottom: 10px;}
.modal-account.pass-saved form .input-box-group{margin-bottom: 20px;}
.modal-account.pass-saved form .input-box input{background: #FFFDC5; font-size: 24px; letter-spacing: 2px;}

.modal-account.pass-saved .forgot-password{display: block; color: #007CFF; margin-bottom: 15px;}
.modal-account.pass-saved .login-diffrent{display: block; color: #1F2430;}
.modal-account.pass-saved .forgot-password:hover,
.modal-account.pass-saved .login-diffrent:hover{text-decoration: underline;}

/* modal-account pass-reset */
.open-modal-pass-reset .modal.pass-reset{opacity: 1; visibility: visible; z-index: 1000;}
.modal-account.pass-reset .modal-header .title-block{max-width: 300px;}
.modal-account.pass-reset .modal-header .title-block .title{margin-bottom: 15px;}
.modal-account.pass-reset .modal-content{padding-top: 20px;}
.modal-account.pass-reset form{margin-bottom: 0;}

.modal-account.pass-reset .backto-login{font-size: 14px;}
.modal-account.pass-reset .backto-login span{color: #007CFF; cursor: pointer;}
.modal-account.pass-reset .backto-login span:hover{text-decoration: underline;}

/* modal-preview-course */
.open-modal-preview-course .modal-preview-course{opacity: 1; visibility: visible; z-index: 1000;}
.modal-preview-course .modal-container{max-width: 770px; max-height: 500px;}
.modal-preview-course .modal-inner{padding: 0 15px;}
.modal-preview-course .modal-content{display: flex; padding: 0;}
.modal-preview-course .modal-content .icon-close{position: absolute; top: 15px; right: 15px; display: flex; align-items: center; justify-content: center; color: #9E9EA6; width: 26px; height: 26px; font-size: 10px; background: #F3F3F4; border-radius: 50%; cursor: pointer; transition: 0.2s ease-in-out;}
.modal-preview-course .modal-content .icon-close:hover{background: #E6E6E6;}
.modal-preview-course .preview-video{position: relative; width: 100%; margin: 0;}
.modal-preview-course .modal-container.no-video .preview-video {display:none;}
.modal-preview-course .preview-video iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.modal-preview-course .preview-img{position: relative; width: 100%; margin: 0; max-height: 480px; overflow: hidden;}
.modal-preview-course .preview-img img{height: 100%;}
.modal-preview-course .modal-container .preview-img{display:none;}
.modal-preview-course .modal-container.no-video .preview-img{display:block;}

.modal-preview-course .course-details{position: relative; background: #F5F7FA; max-width: 410px; width: 100%; max-height: 480px; margin: 0; overflow: hidden;}
.modal-preview-course .course-details:after{position: absolute; bottom: 55px; left: 0; content: ''; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(245,247,250,1) 100%); width: 100%; height: 73px; pointer-events: none;}
.modal-preview-course .course-details .head-section{position: relative; background: #fff; padding: 20px 25px 13px 15px; margin: 0;}
.modal-preview-course .modal-container.no-video .course-details .head-section{padding: 20px 15px 13px 15px;}
.modal-preview-course .course-details .head-section > .title{color: #2E2E2E; font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.modal-preview-course .course-details .head-section .level-text{margin-bottom: 10px;}
.modal-preview-course .course-details .head-section .level-text span{color: #51596C; font-size: 12px; line-height: 15px; margin: 0;}
.modal-preview-course .course-details .head-section .level-text label{position: relative; display: inline-block; color: #1F2430; max-width: 68px; width: 100%; height: 15px; line-height: 16px; background: #F5C244; font-size: 9px; font-weight: 600; text-align: center; padding: 0; margin: 0 17px 0 0; text-transform: uppercase; border-radius: 2px;}
.modal-preview-course .course-details .head-section .level-text label:after{position: absolute; content: ''; top: 0; right: -8px; display: block; width: 11px; height: 15px; background: url('../images/label-seller-after-img.svg') no-repeat; background-size: contain;}
.modal-preview-course .course-details .head-section .level-text label.top-rated{background: #F79D3D;}
.modal-preview-course .course-details .head-section .level-text label.top-rated:after{background: url('../images/label-top-rated-img.svg') no-repeat;  background-size: contain;}

.modal-preview-course .course-details .rating-block{display: flex; align-items: center; flex-wrap: wrap;}
.modal-preview-course .course-details .rating-block .stars-group{display: flex; align-items: center; margin: 0;}
.modal-preview-course .course-details .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 3px 0 0;}
.modal-preview-course .course-details .rating-block .stars-group samp{font-size: 12px; font-weight: 600; margin-left: 3px;}
.modal-preview-course .course-details .rating-block .total-rating{color: #585858; font-size: 12px; margin: 0 0 0 6px;}

.modal-preview-course .course-details .decaption-block span{display: block; color: #2E2E2E; font-size: 14px; font-weight: 600; margin-bottom: 8px;}
.modal-preview-course .course-details .decaption-block p{font-size: 13px; margin-bottom: 0; line-height: 1.9;}

.modal-preview-course .course-details .btn-course-details{position: sticky; left: 0; bottom: 0; width: 100%; background: #f5f7fa; padding: 0 25px 15px 20px;}
.modal-preview-course .course-details .btn-course-details a{color: #fff; background: #F06421; bottom: 15px; width: 100%; text-decoration: none;}
.modal-preview-course .course-details .btn-course-details a:hover{background: #e05613;}
.modal-preview-course .modal-container.no-video .course-details .btn-course-details{padding: 0 25px 15px 25px;}

.modal-preview-course .course-content{padding: 15px 25px 10px 15px; max-height: 311px; overflow-y: auto;}
.modal-preview-course .modal-container.no-video .course-details .course-content{padding: 15px 15px 10px 15px;}
.modal-preview-course .accordian-block{margin-bottom: 15px;}
.modal-preview-course .accordian-block > .title{color: #2E2E2E; font-size: 14px; font-weight: 600; margin-bottom: 10px;}
.modal-preview-course .accordian-block .item-head .total{color: #2E2E2E; font-size: 12px; margin: 2px 0 0 auto; white-space: nowrap;}
.modal-preview-course .accordian-block .item-content{background: #EAEEF4;}
.modal-preview-course .accordian-block .item-content ul{margin: 0;}
.modal-preview-course .accordian-block .item-content ul li{border-bottom: 1px solid #F5F7FA;}
.modal-preview-course .accordian-block .item-content ul li:before{display: none;}
.modal-preview-course .accordian-block .item-content ul li .title{display: flex; align-items: center; margin: 0;}
.modal-preview-course .accordian-block .item-content ul li .title i{color: #51596C; font-size: 15px;}
.modal-preview-course .accordian-block .item-content ul li .title span{color: #51596C; font-size: 12px; margin: 0 10px;}
.modal-preview-course .accordian-block .item-content ul li .total-que{color: #51596C; font-size: 12px; margin: 0;}

/* modal preview course scrollbar */
.modal-preview-course .mCSB_inside>.mCSB_container{margin-right: 0;}
.modal-preview-course .mCSB_scrollTools{width: 4px;}
.modal-preview-course .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #c1c1c1;}
.modal-preview-course .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #c1c1c1;}
.modal-preview-course .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #969696;}

/* modal-review-video */
.open-modal-review-video .modal-review-video{opacity: 1; visibility: visible; z-index: 1000;}
.modal-review-video .modal-inner{padding: 0 15px;}
.modal-review-video .modal-container{max-width: 854px;}
.modal-review-video .modal-content{padding: 0;}
.modal-review-video .modal-content iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.modal-review-video .modal-content .icon-close{position: absolute; top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; color: #62646A; background: #fff; width: 26px; height: 26px; font-size: 10px; border-radius: 50%; cursor: pointer; transition: 0.2s ease-in-out;}
.modal-review-video .modal-content .icon-close:hover{color: #2e2e2e;}

/* modal-online-course-preview */
.open-modal-online-course-preview .modal-online-course-preview{opacity: 1; visibility: visible; z-index: 1000;}
.modal-online-course-preview .modal-container{max-width: 600px;}
.modal-online-course-preview.modal .modal-header{padding: 15px 30px 0;}
.modal-online-course-preview.modal .modal-header .title-block .title{margin-bottom: 0;}

.modal-online-course-preview.modal .modal-content{padding: 15px 30px;}
.modal-online-course-preview .video-preview{position: relative; width: 100%; margin: 0 0 20px; border-radius: 8px; overflow: hidden;}
.modal-online-course-preview .video-preview iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.modal-online-course-preview .video-list .block-title{color: #2E2E2E; font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 10px;}
.modal-online-course-preview .video-list .list-block{max-height: 315px; margin: 0 -30px; overflow-y: auto;}

.modal-online-course-preview .video-list .list-block .list-item{display: flex; align-items: center; justify-content: space-between; padding: 10px 30px; margin: 0; cursor: pointer; transition: 0.2s ease-in-out;}
.modal-online-course-preview .video-list .list-block .list-item:hover{background: #F3F3F4;}
.modal-online-course-preview .video-list .list-block .list-item:before{display: none;}
.modal-online-course-preview .video-list .list-block .list-item .left{display: flex; align-items: center; margin: 0 15px 0 0;}
.modal-online-course-preview .video-list .list-block .list-item .left figure{max-width: 70px; width: 100%; margin: 0 15px 0 0;}
.modal-online-course-preview .video-list .list-block .list-item .left figure img{border-radius: 4px;}
.modal-online-course-preview .video-list .list-block .list-item .left span{color: #2E2E2E; font-size: 16px; font-weight: 500; line-height: 1.4;     overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.modal-online-course-preview .video-list .list-block .list-item .right{color: #51596C; font-size: 13px; margin: 0;}

.modal-online-course-preview .video-list .list-block .mCSB_inside>.mCSB_container{margin-right: 0;}
.modal-online-course-preview .video-list .list-block .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #c1c1c1;}
.modal-online-course-preview .video-list .list-block .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #969696;}

/* modal-recommend-frnd */
.open-modal-recommend-frnd .modal-recommend-frnd{opacity: 1; visibility: visible; z-index: 1000;}
.modal-recommend-frnd .modal-content .input-box span{display: block; margin-bottom: 10px;}

/* modal-download-whizcard */
.open-modal-download-whizcard .modal-download-whizcard{opacity: 1; visibility: visible; z-index: 1000;}
.modal-download-whizcard .modal-content .input-box span{display: block; margin-bottom: 10px;}

/* modal-aws-certificate */
.open-modal-aws-certificate .modal-aws-certificate{opacity: 1; visibility: visible; z-index: 1000;}
.modal-aws-certificate .modal-inner{padding: 0 15px;}
.modal-aws-certificate .modal-container{max-width: 850px;}
.modal-aws-certificate .modal-content .icon-close{position: absolute; top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; color: #9E9EA6; background: #F3F3F4; width: 26px; height: 26px; font-size: 10px; border-radius: 50%; cursor: pointer; transition: 0.2s ease-in-out;}
.modal-aws-certificate .modal-content .icon-close:hover{background: #E6E6E6;}

/* modal-select-course */
.open-modal-select-course .modal-select-course{opacity: 1; visibility: visible; z-index: 1000;}
.modal-select-course .modal-inner{padding: 0 15px;}
.modal-select-course .modal-container{overflow-y: hidden;}
.modal-select-course .modal-header{padding: 25px 30px 10px; border-bottom: 1px solid #DFE6EF;}
.modal-select-course .modal-header .title-block .title{color: #1F2430; font-size: 18px; margin: 0 0 15px;}
.modal-select-course .modal-header .seach-box{position: relative;}
.modal-select-course .modal-header .seach-box input{height: 35px; font-weight: 400; border: 0;}
.modal-select-course .modal-header .seach-box .icon-search{position: absolute; right: 15px; top: 50%; color: #9E9EA6; font-size: 17px; transform: translateY(-50%);}

.modal-select-course .modal-content{min-height: 300px; max-height: calc(90vh - 184px); padding: 10px 30px;}

.modal-select-course .course-list .item{background: #F3F6F8; padding: 8px 15px 8px 10px; margin-bottom: 5px; border-radius: 8px; cursor: pointer;}
.modal-select-course .course-list .item > label{display: flex; align-items: center; justify-content: space-between; margin: 0; cursor: pointer;}
.modal-select-course .course-list .item .left{display: flex; align-items: center; margin: 0 10px 0 0;}
.modal-select-course .course-list .item .left figure{max-width: 70px; width: 100%; margin: 0 10px 0 0; border-radius: 4px; overflow: hidden;}
.modal-select-course .course-list .item .left span{color: #2E2E2E; font-size: 13px; margin: 0;}

.modal-select-course .course-list .item .right{margin: 0;}
.modal-select-course .course-list .item .custom-radiobutton input{width: 24px; height: 24px; border-radius: 50%;}
.modal-select-course .course-list .item .custom-radiobutton .radio-style{display: block; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #ddd;}
.modal-select-course .course-list .item .custom-radiobutton .radio-style:before{background: none; font-size: 12px; width: unset; height: unset;}
.modal-select-course .course-list .item .custom-radiobutton input[type="radio"]:checked ~ .radio-style{background-color: #00BE7E; border: 1px solid #00BE7E;}
.modal-select-course .course-list .item .custom-radiobutton input[type="radio"]:checked ~ .radio-style:before{content: "N"; font-family: "whizlabs30"; color: #F3F6F8;}

.modal-select-course .modal-footer{position: sticky; bottom: 0; left: 0; width: 100%; justify-content: center;}
.modal-select-course .modal-footer:after{position: absolute; bottom: 69px; left: 0; content: ''; width: 100%; height: 60px; background: linear-gradient(to bottom, rgba(245,247,250,0) 0%,rgba(255,255,255,1) 100%); pointer-events: none;}
.modal-select-course .modal-footer .btn-continue{min-width: 180px; border: 0;}

/* select-course scrollbar */
.modal-select-course .mCSB_inside>.mCSB_container{margin-right: 0;}
.modal-select-course .mCSB_scrollTools{width: 4px;}
.modal-select-course .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #c1c1c1;}
.modal-select-course .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #c1c1c1;}
.modal-select-course .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #969696;}

/* modal-share-course */
.open-modal-share-course .modal-share-course{opacity: 1; visibility: visible; z-index: 1000;}
.modal-share-course .modal-header .title-block .title-note{max-width: 365px; width: 100%; margin: 0;}
.modal-share-course .modal-content{padding: 20px 30px;}

.modal-share-course .social-group{display: flex; justify-content: space-between; margin: 0;}
.modal-share-course .social-group figure{max-width: 55px; margin: 0; cursor: pointer;}

.modal-share-course .share-link-block{margin: 20px 0;}
.modal-share-course .share-link-block .block-title{font-size: 14px; color: #1F2430; font-weight: 500; margin-bottom: 4px;}
.modal-share-course .share-link-block .input-block{position: relative;}
.modal-share-course .share-link-block .input-block input{height: 50px; padding: 0 80px 0 15px;}
.modal-share-course .share-link-block .input-block .btn-copy{position: absolute; bottom: 8px; right: 8px; background: #fff; color: #1AC48B; font-size: 14px; font-weight: 500; cursor: pointer; padding: 7px 15px; border-radius: 5px; transition: 0.2s ease-in-out;}
.modal-share-course .share-link-block .input-block .btn-copy:hover{background: #F3F3F4;}
.modal-share-course .box-borderd{ background: #F3F3F4; padding: 20px 25px 25px;}
.modal-share-course .box-borderd .input-box{position: relative;}
.modal-share-course .box-borderd .input-box input{background: #fff; padding: 0 95px 0 15px;}
.modal-share-course .box-borderd .input-box input::placeholder{color: #1F2430;}
.modal-share-course .box-borderd .input-box label{font-size: 14px; color: #1F2430; font-weight: 500;}
.modal-share-course .modal-content .btn-send{position: absolute; bottom: 4px; right: 4px; background: #F06421; height: 32px; line-height: 32px; border-radius: 5px;  transition: 0.2s ease-in-out; cursor: pointer;}
.modal-share-course .modal-content .btn-send:hover{background: #e05613;}

/* Dashboard modal-purchase-history */
.open-modal-order-details .modal-order-details{opacity: 1; visibility: visible; z-index: 1000;}
.modal-order-details .modal-container{max-width: 950px;}
.modal-order-details .modal-header .title-block .title{margin-bottom: 0;}

.modal-order-details .modal-content{padding-top: 20px;}
.modal-order-details .block-group{display: flex; justify-content: space-between; margin-bottom: 20px;}
.modal-order-details .block{max-width: calc(100% / 2 - 10px); width: 100%; margin: 0; border: 1px solid #ddd; border-radius: 8px;}
.modal-order-details .block .block-head{color: #2E2E2E; font-size: 16px; padding: 10px 20px; border-bottom: 1px solid #DFE5EA;}
.modal-order-details .block .block-content{padding: 15px 20px;}
.modal-order-details .block .detail-group{display: flex; flex-wrap: wrap; justify-content: space-between;}
.modal-order-details .block .detail-group .detail{max-width: calc(100% / 2 - 7px); width: 100%; margin: 0 0 10px;}
.modal-order-details .block .detail-group .detail:nth-last-child(-n2){margin: 0;}
.modal-order-details .block .detail-group .detail span{font-size: 14px; word-wrap: break-word;}
.modal-order-details .block .detail-group .detail label{margin: 0;}
.modal-order-details .block .detail-group .detail.email span{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.modal-order-details .order-details{border: 1px solid #ddd; border-radius: 8px;}
.modal-order-details .order-details .block-head{display: flex; align-items: center; justify-content: space-between; background: #F3F3F4; padding: 10px 20px; border-bottom: 1px solid #DFE5EA; border-radius: 8px 8px 0 0; overflow: hidden;}
.modal-order-details .order-details .block-head span{color: #2E2E2E; font-size: 16px; margin: 0 15px 0 0;}
.modal-order-details .order-details .block-head .link-invoice{color: #007CFF; font-size: 14px; line-height: 1; margin: 0;}

.modal-order-details .order-table ul{margin: 0;}
.modal-order-details .order-table ul li{padding: 0; margin: 0;}
.modal-order-details .order-table ul li:before{display: none;}
.modal-order-details .order-table .heading ul{display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #DFE5EA;}
.modal-order-details .order-table .heading ul li{color: #1F2430; max-width: 12%; width: 100%; font-size: 14px; font-weight: 500; text-align: center; padding: 0 20px;}

.modal-order-details .order-table .heading ul li:first-child,
.modal-order-details .order-table .order-content .list > div:first-child{max-width: 76%; text-align: left; margin: 0;}
.modal-order-details .order-table .heading ul li:last-child,
.modal-order-details .order-table .order-content .list > div:last-child{text-align: right;}

.modal-order-details .order-table .order-content .list{display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #DFE5EA;}
.modal-order-details .order-table .order-content .list > div{max-width: 13%; width: 100%;  font-size: 14px;text-align: center; padding: 0 20px; margin: 0;}

.modal-order-details .order-table .footer-list{background: #F3F3F4; border-radius: 0 0 8px 8px;}
.modal-order-details .order-table .footer-list > div{display: flex; align-items: center; justify-content: space-between; padding: 0 0 13px;}
.modal-order-details .order-table .footer-list > div span{font-size: 14px; padding: 0 20px; margin: 0;}
.modal-order-details .order-table .footer-list > div:first-child{padding-top: 10px;}
.modal-order-details .order-table .footer-list > div:last-child strong{color: #1F2430; font-size: 16px; font-weight: 500; padding: 0 20px; margin: 0;}

/* Dashboard modal-change-preference */
.open-modal-change-preference .modal-change-preference{opacity: 1; visibility: visible; z-index: 1000;}
.modal-change-preference .modal-content .box-borderd .custom-radiobutton{align-items: center;}
.modal-change-preference .modal-content .box-borderd .custom-radiobutton:first-child{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.modal-change-preference .modal-content .box-borderd .custom-radiobutton .name{color: #62646A; font-size: 14px; margin-left: 8px;}

.modal-change-preference .input-box-group{display: flex; margin-top: 20px;}
.modal-change-preference .input-box-group .input-box{width: 100%; margin: 0;}
.modal-change-preference .input-box-group .input-box + .input-box{margin-left: 8px;}
.modal-change-preference .input-box-group .input-box label{color: #1F2430; font-size: 14px; font-weight: 500;}
.modal-change-preference .input-box-group .input-box .custom-selectbox .select-selected{color: #51596C;}
.modal-change-preference .input-box-group .input-box .custom-selectbox .select-selected:after{color: #51596C;}

/* Dashboard modal-report */
.open-modal-report .modal-report{opacity: 1; visibility: visible; z-index: 1000;}
.modal-report .modal-header .title-block .title{margin-bottom: 0;}
.modal-report .modal-content{padding-top: 20px;}
.modal-report .report-content{margin: 0; border: 1px solid #DDD; border-radius: 8px; overflow: hidden;}
.modal-report .report-content li{display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; margin: 0; border-bottom: 1px solid #ddd; cursor: pointer;}
.modal-report .report-content li:last-child{border-bottom: 0;}
.modal-report .report-content li:hover{background: #F7F7F7;}
.modal-report .report-content li:before{display: none;}
.modal-report .report-content li .left{padding-right: 10px; margin: 0;}
.modal-report .report-content li .left .link-title{color: #2E2E2E; font-size: 18px; font-weight: 500;}
.modal-report .report-content li .left p{font-size: 12px; line-height: 1.5; margin-bottom: 0;}
.modal-report .report-content li .icon{color: #A2A2A2; font-size: 18px; margin: 0;}

/* Dashboard modal-person-blocked */
.open-modal-person-blocked .modal-person-blocked{opacity: 1; visibility: visible; z-index: 1000;}
.modal-person-blocked .modal-content .box-borderd{padding: 20px 25px;}
.modal-person-blocked .modal-content p{margin-bottom: 0;}
.modal-person-blocked .modal-footer .btn-back{color: #1F2430; background: #F3F3F4;}
.modal-person-blocked .modal-footer .btn-back:hover{background: #e7e7e9;}

/* Dashboard modal-report-profile */
.open-modal-report-profile .modal-report-profile{opacity: 1; visibility: visible; z-index: 1000;}
.modal-report-profile .modal-header .title-block .title{margin-bottom: 0;}
.modal-report-profile .modal-content{padding: 15px 30px 20px;}
.modal-report-profile .report-content{margin: 0; border: 1px solid #ddd; border-radius: 8px;}
.modal-report-profile .report-content li{line-height: 1.4; padding: 15px 10px 15px 20px; margin: 0; border-bottom: 1px solid #ddd;}
.modal-report-profile .report-content li:last-child{border-bottom: 0;}
.modal-report-profile .report-content li:before{display: none;}
.modal-report-profile .report-content li .custom-radiobutton .radio-style{max-width: 16px; width: 100%;}
.modal-report-profile .report-content li .name{color: #2E2E2E; font-size: 13px; font-weight: 500; margin: -1px 0 0 10px;}
.modal-report-profile .report-content li .name small{display: block; color: #62646A; font-size: 12px; font-weight: 400; margin-top: 2px;}
.modal-report-profile .textarea-box{line-height: 1;}
.modal-report-profile .textarea-box textarea{height: 70px; margin-top: 10px; border: 0;}

.modal-report-profile .modal-footer .btn-back{color: #1F2430; background: #F3F3F4;}
.modal-report-profile .modal-footer .btn-back:hover{background: #e7e7e9;}

/* Dashboard modal-update-profile */
.open-modal-update-profile .modal-update-profile{opacity: 1; visibility: visible; z-index: 1000;}
.modal-update-profile .input-box{margin-bottom: 25px;}
.modal-update-profile .input-box:last-child{margin-bottom: 0;}
.modal-update-profile .input-box label{color: #1F2430; font-size: 14px; font-weight: 500;}
.modal-update-profile .input-box input{height: auto; font-size: 13px; padding-left: 5px; margin: 0; border: 0;}
.modal-update-profile .input-box textarea{height: 90px; font-size: 14px; border: 0;}
.modal-update-profile .input-box .custom-selectbox .select-selected{background: #F3F3F4}
.modal-update-profile .modal-footer .btn-back{color: #1F2430; background: #F3F3F4;}
.modal-update-profile .modal-footer .btn-back:hover{background: #e7e7e9;}

/* Dashboard modal-withdrow-earnings */
.open-modal-withdrow-earnings .modal-withdrow-earnings{opacity: 1; visibility: visible; z-index: 1000;}
.modal-withdrow-earnings .modal-content{padding: 20px 30px 20px;}
.modal-withdrow-earnings .input-box-group{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px;}
.modal-withdrow-earnings .input-box{max-width: calc(100% / 2 - 8px); width: 100%; margin: 0 0 15px;}
.modal-withdrow-earnings .input-box.amount{max-width: 100%; margin-bottom: 0;}
.modal-withdrow-earnings .input-box label{color: #1F2430; font-weight: 500;}

.modal-withdrow-earnings .input-box .rbtn-group{display: inline-flex; align-items: center; margin: 0; border: 1px solid #ddd; border-radius: 6px;}
.modal-withdrow-earnings .input-box .rbtn-group .custom-radiobutton{align-items: center; justify-content: center; height: 40px; padding: 0 15px; margin: 0; border-left: 1px solid #ddd;}
.modal-withdrow-earnings .input-box .rbtn-group .custom-radiobutton:first-child{border-left: 0;}
.modal-withdrow-earnings .input-box .rbtn-group .custom-radiobutton .name{color: #62646A; font-size: 14px; font-weight: 400; line-height: 1; margin: 0 0 0 8px;}
.modal-withdrow-earnings .input-box .rbtn-group .amount-box{display: none; align-items: center; background: #F3F3F4; height: calc(40px - 8px); padding: 0 8px 0 10px; margin: 4px; border-radius: 4px;}
.modal-withdrow-earnings .input-box .rbtn-group .amount-box span{font-size: 16px; font-weight: 500; font-family: 'roboto';}
.modal-withdrow-earnings .input-box .rbtn-group .amount-box input{background: transparent; width: 50px; height: auto; font-size: 13px; padding: 0; margin-left: 10px; border: 0;}
.modal-withdrow-earnings .input-box .rbtn-group .amount-box input:focus{background: none; box-shadow: none;}

.modal-withdrow-earnings .payment-options{background: #F3F3F4; padding: 25px; border-radius: 8px;}
.modal-withdrow-earnings .payment-options .option{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.modal-withdrow-earnings .payment-options .option:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.modal-withdrow-earnings .payment-options .option.bank .input-box-group{display: none;}
.modal-withdrow-earnings .payment-options .option .input-box-group{margin: 20px 0 0;}
.modal-withdrow-earnings .payment-options .custom-radiobutton{display: inline-flex; align-items: center;}
.modal-withdrow-earnings .payment-options .custom-radiobutton .name{color: #62646A; font-size: 14px; margin-left: 8px;}

.modal-withdrow-earnings .modal-footer .btn-submit{min-width: 190px;}

/* modal-request-consultation */
.open-modal-request-consultation .modal-request-consultation{opacity: 1; visibility: visible; z-index: 1000;}
.modal-request-consultation .modal-container{max-width: 770px; width: 100%;}
.modal-request-consultation.modal .modal-content{display: flex; padding: 0;}
.modal-request-consultation.modal .modal-content .icon-close{position: absolute; top: 15px; right: 15px; display: flex; align-items: center; justify-content: center; color: #9E9EA6; background: #fff; width: 26px; height: 26px; font-size: 10px; border-radius: 50%; cursor: pointer; transition: 0.2s ease-in-out;}
.modal-request-consultation.modal .modal-content .icon-close:hover{color: #9E9E9E; background: #E6E6E6;}

.modal-request-consultation .form-block{max-width: 360px; width: 100%; height: 100%; margin: 0; padding: 20px 30px;}
.modal-request-consultation .form-block .title{color: #1F2430; font-size: 20px; font-weight: 500; text-align: center; margin-bottom: 20px;}
.modal-request-consultation .form-block .input-box{margin-bottom: 10px;}
.modal-request-consultation .form-block .input-box input{font-size: 13px; border: 1px solid #E6E6E6;}
.modal-request-consultation .form-block .input-box textarea{height: 80px; font-size: 13px;}

.modal-request-consultation .form-block .modal-footer{display: flex; justify-content: space-between; padding: 0; border: 0;}
.modal-request-consultation .form-block .modal-footer .btn{width: 100%; border: 0;}
.modal-request-consultation .form-block .modal-footer .btn + .btn{margin: 0 0 0 10px;}

.modal-request-consultation .graphic-area{background: #EBEFF5; max-width: 410px; width: 100%; display: flex; align-items: flex-end; justify-content: center; margin: 0; padding: 0 27px 30px;}
.modal-request-consultation .graphic-area figure{max-width: 355px; width: 100%;}

/* Dashboard modal-certificate */
.open-modal-certificate .modal-certificate{opacity: 1; visibility: visible; z-index: 1000;}
.modal-certificate.modal .modal-container{max-width: 830px;}
.modal-certificate.modal .modal-header{padding: 15px 40px 15px 15px; border-bottom: 1px solid #F2F3F5;}
.modal-certificate.modal .modal-header .title-block .date{color: #51596C; font-size: 14px; margin-bottom: 2px;}
.modal-certificate.modal .modal-header .title-block .title{font-size: 18px; line-height: 1.2; margin: 0 !important;}
.modal-certificate.modal .modal-header .icon-close{right: 15px;}
.modal-certificate.modal .modal-content{padding: 15px;}
.modal-certificate .modal-content figure{width: 100%; margin-bottom: 10px;}
.modal-certificate .modal-content .content-footer{display: flex; align-items: center; justify-content: space-between;}
.modal-certificate .modal-content .content-footer .btn-download{background: #796EFF; min-width: 155px; margin: 0 10px 0 0;}
.modal-certificate .modal-content .content-footer .btn-download:hover{background: #796EFF;}
.modal-certificate .modal-content .content-footer .social-share{display: flex; align-items: center; margin: 0;}
.modal-certificate .modal-content .content-footer .social-share p{color: #62646A; font-size: 14px; line-height: 1.4; margin: 0;}
.modal-certificate .modal-content .content-footer .social-share .social-link{display: flex; align-items: center; margin: 0 0 0 5px;}
.modal-certificate .modal-content .content-footer .social-share .social-link .circle{display: flex; align-items: center; justify-content: center; background: #ebeef5; max-width: 34px; min-width: 34px; width: 100%; height: 34px; font-size: 16px; margin: 0 0 0 10px; border-radius: 50%; cursor: pointer; transition: 0.2s ease-in-out;}
.modal-certificate .modal-content .content-footer .social-share .social-link .circle.fb{color: #39579A;}
.modal-certificate .modal-content .content-footer .social-share .social-link .circle.fb:hover{background-color: #39579A;}
.modal-certificate .modal-content .content-footer .social-share .social-link .circle.twitter{color: #059FF5;}
.modal-certificate .modal-content .content-footer .social-share .social-link .circle.twitter:hover{background-color: #059FF5;}
.modal-certificate .modal-content .content-footer .social-share .social-link .circle.linkedin{color: #0076B9; font-size: 15px;}
.modal-certificate .modal-content .content-footer .social-share .social-link .circle.linkedin:hover{background-color: #0076B9;}
.modal-certificate .modal-content .content-footer .social-share .social-link .circle:hover{color: #fff; text-decoration: none;}

/* Dashboard modal-auto-renew */
.open-modal-auto-renew .modal-auto-renew{opacity: 1; visibility: visible; z-index: 1000;}
.modal-auto-renew.modal .modal-header .title-block{padding: 0 30px; margin-right: 0;}
.modal-auto-renew.modal .modal-header .title-block .title{text-align: center; margin: 0;}
.modal-auto-renew.modal .modal-content{padding: 30px 30px 35px;}
.modal-auto-renew .modal-content p{color: #1F2430; max-width: 380px; width: 100%; font-size: 16px; text-align: center; line-height: 1.6; margin: 0 auto 15px;}
.modal-auto-renew .modal-content .btn-group{display: flex; justify-content: center;}
.modal-auto-renew .modal-content .btn-group button{color: #fff; background: #F06421; min-width: 130px; margin: 0; border: 0;}
.modal-auto-renew .modal-content .btn-group button:hover{background: #e05613;}
.modal-auto-renew .modal-content .btn-group button.cancel{color: #1F2430; background: #F3F3F4; margin-left: 10px;}
.modal-auto-renew .modal-content .btn-group button.cancel:hover{background: #e7e7e9;}

/* Dashboard modal-cancel-subscription */
.open-modal-cancel-subscription .modal-cancel-subscription{opacity: 1; visibility: visible; z-index: 1000;}
.modal-cancel-subscription.modal .modal-header .title-block{padding: 0 30px; margin-right: 0;}
.modal-cancel-subscription.modal .modal-header .title-block .title{text-align: center; margin: 0;}
.modal-cancel-subscription.modal .modal-content{padding: 30px 30px 35px;}
.modal-cancel-subscription .modal-content p{color: #1F2430; max-width: 450px; width: 100%; font-size: 16px; text-align: center; line-height: 1.6; margin: 0 auto 15px;}
.modal-cancel-subscription .modal-content .btn-group{display: flex; justify-content: center;}
.modal-cancel-subscription .modal-content .btn-group button{color: #fff; background: #F06421; min-width: 130px; margin: 0; border: 0;}
.modal-cancel-subscription .modal-content .btn-group button:hover{background: #e05613;}
.modal-cancel-subscription .modal-content .btn-group button.cancel{color: #1F2430; background: #F3F3F4; margin-left: 10px;}
.modal-cancel-subscription .modal-content .btn-group button.cancel:hover{background: #e7e7e9;}

/* modal-cancel-trail */
.open-modal-cancel-trail .modal-cancel-trail{opacity: 1; visibility: visible; z-index: 1000;}
.modal-cancel-trail .modal-container {max-width: 450px; width: 100%;}
.modal-cancel-trail.modal .modal-header .title-block{padding: 0 30px; margin-right: 0;}
.modal-cancel-trail.modal .modal-header .title-block .title{text-align: center; margin: 0; font-size: 14px;}
.modal-cancel-trail.modal .modal-content{padding: 25px 25px 30px;}
.modal-cancel-trail .modal-content .trail-btn{background: #FCE6DC; color: #F06421; max-width: 350px; width: 100%; font-size: 14px; text-align: center; line-height: 1.3; margin: 0 auto 15px; border-radius: 20px; font-weight: 500; text-transform: none;}
.modal-cancel-trail .modal-content .trail-btn:hover{background: #F06421; color: #fff;}
.modal-cancel-trail .modal-content .other-reason{box-shadow: 0px 0px 5px rgb(194 189 187); border-radius: 10px;}
.modal-cancel-trail .modal-content .other-reason p{color: #F06421; font-size: 14px; font-weight: 500; margin: 0; padding: 5px 10px;}
.modal-cancel-trail .modal-content .other-reason textarea{ border: none; margin: 0; padding: 5px 10px;}
.modal-cancel-trail .modal-content .other-reason textarea:focus{ box-shadow: none; border-color: none;}
.modal-cancel-trail .modal-content .other-reason div {display: flex; justify-content: end; padding: 10px;}
.modal-cancel-trail .modal-content .other-reason div button{color: #fff; background: #F06421; min-width: 85px; line-height: 25px; border-radius: 50px;}
.modal-cancel-trail .modal-content .other-reason div button:hover{background: #e05613;}

/* modal-thank-you */
.open-modal-thank-you .modal-thank-you{opacity: 1; visibility: visible; z-index: 1000;}
.modal-thank-you .modal-container {max-width: 500px; width: 100%; border-radius: 50px;}
.modal-thank-you.modal .modal-header .title-block{padding: 0 30px; margin-right: 0;}
.modal-thank-you.modal .modal-header .title-block .title{text-align: center; margin: 0; font-size: 14px;}
.modal-thank-you.modal .modal-content{padding: 25px 25px 30px;}
.modal-thank-you.modal .modal-content i{ width: 75px; font-size: 75px; color: #78B348;}
.modal-thank-you.modal .modal-content h6{font-size: 18px; font-weight: 500; text-align: center; padding: 10px 0 40px 0;}

/* modal-magic */
.open-modal-magic .modal.modal-magic{opacity: 1; visibility: visible; z-index: 1000;}
.modal-magic.try-again .modal-container{max-width: 365px;}
.modal-magic .modal-container{position: relative; max-width: 730px;}    
.modal-magic .modal-container .icon-close{position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #F3F3F4; font-size: 10px; color: #9E9EA6; cursor: pointer; transition: 0.2s ease-in-out;}
.modal-magic .modal-container .icon-close:hover{color: #9E9E9E; background: #E6E6E6;}
.modal-magic .modal-content{padding: 0;}
/* participate */
.modal-magic .participate{display: flex; justify-content: space-between;}
.modal-magic .participate .left-block{max-width: 365px; width: 100%; background: url('../images/magic-left-img.svg') no-repeat center, #CFF0E5; background-size: cover;  margin: 0;}
.modal-magic .participate .left-block h6{font-size: 35px; line-height: 43px; font-weight: 600; text-align: center; text-transform: uppercase; color: #229370; margin: 0; padding-top: 66px;}
.modal-magic .participate .right-block{max-width: 365px; width: 100%; text-align: center; margin: 0; padding: 32px 34px 20px 34px;}
.modal-magic .participate .right-block h4{font-size: 20px; line-height: 30px; color: #2E2E2E; font-weight: 400; margin: 0 0 24px 0;}
.modal-magic .participate .right-block h4 strong{font-weight: 700;}
.modal-magic .participate .right-block .magic-box{max-width: 190px; margin-bottom: 29px;}
.modal-magic .participate .right-block form{max-width: 280px; width: 100%;}
.modal-magic .participate .right-block form .input-box-group{margin-bottom: 10px;}
.modal-magic .participate .right-block form .input-box-group .input-box label{font-size: 14px; line-height: 21px; color: #1F2430; margin: 0 0 6px 0;}
.modal-magic .participate .right-block form .input-box-group .input-box input{background: #F3F3F4; border: 1px solid #F3F3F4;}
.modal-magic .participate .right-block form .btn{max-width: 200px; width: 100%; font-size: 16px; line-height: 24px; font-weight: 600; color: #fff; text-transform: uppercase; background: #F06421; border-radius: 6px; transition: 0.2s ease-in-out;}
.modal-magic .participate .right-block form .btn:hover{background: #e05613;}
/* winner */
.modal-magic .winner{display: flex; justify-content: space-between; display: none;}
.modal-magic .winner .left-block{max-width: 365px; width: 100%; background: url('../images/congo-left.svg') no-repeat center, #CFF0E5; background-size: cover;  margin: 0;}
.modal-magic .winner .left-block h6{font-size: 35px; line-height: 43px; font-weight: 600; text-align: center; text-transform: uppercase; color: #229370; margin: 0; padding-top: 66px;}
.modal-magic .winner .right-block{max-width: 365px; width: 100%; text-align: center; margin: 0; padding: 30px 40px 30px 40px;}
.modal-magic .winner .right-block h4{font-family: 'imperial_scriptregular'; font-size: 50px; line-height: 61px; color: #F06421; margin: 0 0 11px 0;}
.modal-magic .winner .right-block label{font-size: 18px; line-height: 27px; color: #2E2E2E; margin: 0;}
.modal-magic .winner .right-block span{display: block; font-size: 22px; line-height: 33px; color: #695FC9; font-weight: 700; margin: 0 0 7px 0;}
.modal-magic .winner .right-block .amazon-each{max-width: 70px; margin-bottom: 9px;}
.modal-magic .winner .right-block p{font-size: 14px; line-height: 21px; color: #2E2E2E; margin: 0 0 17px 0;}
.modal-magic .winner .right-block p span{display: block; font-weight: 600; font-size: 16px; line-height: 24px; color: #1F2430; margin: 0 0 3px 0;}
.modal-magic .winner .right-block .btn{max-width: 170px; width: 100%; height: 35px; font-size: 14px; line-height: 21px; color: #fff; background: #2867B2; border-radius: 6px; transition: 0.2s ease-in-out;}
.modal-magic .winner .right-block .btn:hover{background: #245a9b;}
/* try-again */
.modal-magic .try-again{text-align: center; padding: 39px 0 35px 0; display: none;}
.modal-magic .try-again .emoj{max-width: 130px; margin-bottom: 6px;}
.modal-magic .try-again h4{font-size: 30px; line-height: 45px; color: #2E2E2E; margin-bottom: 4px;}
.modal-magic .try-again .caption{font-size: 20px; line-height: 28px; color: #2E2E2E; margin: 0 0 43px 0;} 
.modal-magic .try-again .caption label{margin: 0;}
.modal-magic .try-again .caption span{font-weight: 600;}
.modal-magic .try-again .btn{max-width: 170px; width: 100%; font-size: 14px; line-height: 21px; color: #1F2430; background: #DCDCDC; border-radius: 6px; transition: 0.2s ease-in-out;}
.modal-magic .try-again .btn:hover{background: #d7d4d4;}


/* annoucement-block */
.annoucement-block{position: static; top: 0; width: 100%; background: #1F2430; text-align: center; z-index: 999;}
.annoucement-block .container{display: flex; align-items: center; justify-content: flex-end; max-width: 100%; padding: 5px 30px 5px 15px;}
.annoucement-block p{display: inline-block; color: #fff; font-size: 13px; line-height: 20px; margin: 0 auto;}
.annoucement-block p strong{font-weight: 600; font-style: italic;}
.annoucement-block p .link{font-weight: 600; color: #f06421; font-style: italic;}
.annoucement-block .icon-font-cross{display: flex; align-items: center; justify-content: center; color: #D1D1D1; max-width: 28px; width: 100%; height: 28px; font-size: 10px; margin: 0 0 0 10px; border-radius: 50%; float: right; cursor: pointer; transition: 0.2s ease-out;}
.annoucement-block .icon-font-cross:hover{color: #fff; background: #3B414E;}

/*annoucement-block black-friday*/
.annoucement-block.black-friday .code{color: #2B87E2;}

/* cookies-msg */
.cookies-msg.open{opacity: 1; visibility: visible; bottom: 30px;}
.cookies-msg.close {opacity: 0; visibility: hidden; bottom: 40px;}
.cookies-msg{max-width: 650px; width: calc(100% - 30px);display: flex; align-items: center; background: #1F2430; position: fixed; z-index: 1000; opacity: 0; visibility: hidden; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 30px; transition: all 0.3s ease;}
.cookies-msg p{position: relative; color: #fff; width: 100%; font-size: 12px; font-weight: 400; line-height: 1.6; padding: 10px 40px 10px 50px; margin: 0;}
.cookies-msg p:before{content: ''; position: absolute; left: 17px; top: 8px; background: url('../images/cookie.svg') no-repeat center; background-size: cover; height: 22px; width: 22px; }
.cookies-msg p a{color: #fff; white-space: nowrap; transition: 0.2s ease-in-out;}
.cookies-msg p span{position: absolute; top: 5px; right: 10px; display: flex; align-items: center; justify-content: center; color: #D1D1D1; font-size: 16px; height: 28px; width: 28px; text-align: center; border-radius: 50%; cursor: pointer; transition: 0.2s ease-in-out;}
.cookies-msg p span:hover{color: #fff;}

/* subscription-banner */
.footer-sticky-banner{height: 70px; position: fixed; width: 100%; bottom: 0; z-index: 999;}
.footer-sticky-banner .subscription-banner{height: 100%; background-color: #fff; box-shadow: -10px -10px 99px rgb(0 0 0 / 16%);}
.footer-sticky-banner .subscription-banner .container{height: 100%; position: relative; display: flex; align-items: center;}
.footer-sticky-banner .subscription-banner .annual-text{max-width: 250px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; color: #020201; background: #BFE5F0; font-size: 22px; font-weight: 700; line-height: 1.4; margin: 0; position: relative; z-index: 0;}
.footer-sticky-banner .subscription-banner .annual-text:after{content: ''; background: url('../images/annualBanner-shape.jpg') no-repeat center; background-size: cover; position: absolute; height: 100%; width: 60px; right: -60px; top: 0; z-index: -1;}
.footer-sticky-banner .subscription-banner .annual-text:before {content: ''; position: absolute; top: 0; right: calc(100% - 1px); width: 1000%; height: 100%; background: #BFE5F0;}
.footer-sticky-banner .subscription-banner .annual-text div{margin: 0;}
.footer-sticky-banner .subscription-banner .annual-text span {display: block; font-weight: 300; font-size: 18px; text-transform: uppercase; margin: 0;}
.footer-sticky-banner .subscription-banner .right-block{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.footer-sticky-banner .subscription-banner .right-block ul{max-width: 600px; width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 0 0 60px;}
.footer-sticky-banner .subscription-banner .right-block ul li{margin: 0; color: #1F2430; font-size: 18px; font-weight: 500; line-height: 1.2; padding: 0 0 0 35px;}
.footer-sticky-banner .subscription-banner .right-block ul li:before{display: none;}
.footer-sticky-banner .subscription-banner .right-block ul li:after{content: ''; background: url('../images/annual-banner-icon.svg') no-repeat center; background-size: cover; 
    width: 22px; height: 22px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.footer-sticky-banner .subscription-banner .right-block ul li span{width: 100%; display: inline-block; font-size: 12px; font-weight: 400;}
.footer-sticky-banner .subscription-banner .right-block .price-group{display: flex; align-items: center; margin: 0;}
.footer-sticky-banner .subscription-banner .right-block .price-block{display: flex; align-items: center; margin: 0 0 0 auto;}
.footer-sticky-banner .subscription-banner .right-block .price-block .old-price{color: #626262; font-size: 25px; font-weight: 300; line-height: 1; text-decoration: line-through; margin: 0 10px 0 0;}
.footer-sticky-banner .subscription-banner .right-block .price-block .price{color: #000000; font-size: 30px; font-weight: 500; line-height: 1; margin: 0;}
.footer-sticky-banner .subscription-banner .right-block .btn-subscribe-now{display: inline-block; color: #fff; background: #F4710D; min-width: 180px; height: 42px; line-height: 42px; font-size: 14px; text-align: center; text-transform: capitalize; padding: 0 48px 0 23px; margin: 0; border-radius: 30px; position: relative; white-space: nowrap; margin-left: 15px;}
.footer-sticky-banner .subscription-banner .right-block .btn-subscribe-now:before {content: "\68"; position: absolute; top: 49%; transform: translateY(-50%); right: 24px;}
.footer-sticky-banner .subscription-banner .right-block .btn-subscribe-now:hover {background: #e15f12; text-decoration: none;}
.footer-sticky-banner .subscription-banner .btn-close{display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; position: absolute; color: #202021; line-height: 0; font-size: 12px; top: -17px; right: 15px; transform: translateY(-50%); padding: 0; cursor: pointer; transition: 0.2s ease-in-out;}
.footer-sticky-banner .subscription-banner .btn-close:hover{background: #bfe5f0;}

/*exclusive-banner*/
.exclusive-banner{position: fixed; height: 90px; width: 100%; bottom: 0; font-family: 'poppins'; z-index: 999; background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);}
.exclusive-banner .container{position: relative; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.exclusive-banner .container:before {content: ''; position: absolute; top: 0; right: calc(100% - 0px); width: 100%; height: 100%; background: #f7aa25; }

.exclusive-banner .left-block{position: relative; max-width: 240px; width: 100%; height: 100%; display: flex; align-items: center;  background: #FCAA23; margin: 0 80px 0 0;}
.exclusive-banner .left-block:before {content: ''; position: absolute; top: 0; right: calc(100% - 1px); width: 100%; height: 100%; background: #FCAA23; }
.exclusive-banner .left-block:after {content: ''; position: absolute; top: 0; right: -80px; width: 90px; height: 100%; background: url(../images/offer-banner-sharp.svg) no-repeat 100%; background-size: cover;}
.exclusive-banner .left-block .annual-text{font-size: 34px; color: #1F2430; font-weight: 700; line-height: 1.3; text-transform: uppercase; margin: 0;}
.exclusive-banner .left-block .annual-text span{display: block; font-size: 16px; color: #1F2430; font-weight: 600;}

.exclusive-banner .right-block{width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0;}
.exclusive-banner .right-block .plan-group{display: flex; justify-content: space-between; margin: 0 15px;}
.exclusive-banner .right-block .plan-group .box{margin: 0;}
.exclusive-banner .right-block .plan-group .line{height: auto; padding: 1px; background: #eee; margin: 0 30px;}
.exclusive-banner .right-block .plan-group .box p{display: flex; align-items: center; flex-wrap: wrap; font-size: 14px; color: #0D0C11; font-weight: 500; line-height: 1.4; margin-bottom: 0;}
.exclusive-banner .right-block .plan-group .box span{display: block; font-size: 10px; font-weight: 400; color: #58627B; margin: 0 0 0 3px;}
.exclusive-banner .right-block .plan-group .box .price-block{display: flex; align-items: center; flex-wrap: wrap;}
.exclusive-banner .right-block .plan-group .box .price-block .price{font-size: 26px; font-weight: 700; color: #1F2430; margin: 0 5px 0 0;}
.exclusive-banner .right-block .plan-group .box .price-block .old-price{font-size: 15px; color: #58627B; font-weight: 400; margin: 0; text-decoration: line-through;}
.exclusive-banner .right-block .coupon{text-align: center; margin: 0 0 0 35px; line-height: 1.3;}
.exclusive-banner .right-block .coupon .group{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 5px;}
.exclusive-banner .right-block .coupon small{font-size: 14px; color: #58627B; font-weight: 400; margin: 0 5px 0 0;}
.exclusive-banner .right-block .coupon .code{font-size: 14px; color: #1F2430; font-weight: 600; margin: 0;}
.exclusive-banner .right-block .coupon .btn-now{display: block; background: #E74750; height: 35px; line-height: 35px; color: #fff; padding: 0 21px; border-radius: 18px; font-size: 14px; font-weight: 500; transition: 0.2s ease-in-out; white-space: nowrap;}
.exclusive-banner .right-block .coupon .btn-now img{max-width: 15px; width: 100%; margin: 0 0 0 5px;}
.exclusive-banner .right-block .coupon .btn-now:hover{background: #bf3941; text-decoration: none;}
.exclusive-banner .right-block .coupon-group{display: flex; align-items: center; margin: 0; justify-content: space-between;}

.exclusive-banner .right-block .coupon-group #timer{display: flex; font-family: 'poppins';}
.exclusive-banner .right-block .coupon-group #timer .colon{font-family: 'Perpetua'; font-size: 40px; line-height: 0.5; margin: 0 4px; color: #58627B;}
.exclusive-banner .right-block .coupon-group #timer .count{width: 36px; font-weight: 500; font-size: 30px; color: #58627B; line-height: 1; text-align: center;}
.exclusive-banner .right-block .coupon-group #timer span{display: block; font-size: 12px; color: #58627B; font-weight: 400;}

.exclusive-banner .btn-close{width: 22px; height: 22px; background: #F9F9F9; position: absolute; color: #000; font-size: 10px; top: 10px; left: 96vw; border-radius: 50%; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center;}
.exclusive-banner .btn-close:hover{background: #1F2430; color: #fff;}

/*one-time-offer-banner*/
.one-time-offer-banner{position: fixed; height: 90px; width: 100%; bottom: 0; font-family: 'poppins'; z-index: 999; background: #FEE8B1;}
.one-time-offer-banner .container{position: relative; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.one-time-offer-banner .container:before {content: ''; position: absolute; top: 0; right: calc(100% - 0px); width: 100%; height: 100%; background: #f7aa25; }

.one-time-offer-banner .left-block{position: relative; max-width: 240px; width: 100%; height: 100%; display: flex; align-items: center;  background: #FBA924; margin: 0 48px 0 0;}
.one-time-offer-banner .left-block:before {content: ''; position: absolute; top: 0; right: calc(100% - 0px); width: 100%; height: 100%; background: #FBA924; }
.one-time-offer-banner .left-block:after {content: ''; position: absolute; top: 0; right: -50px; width: 50px; height: 100%; background: url(../images/one-time-banner-shape.svg) no-repeat 100%; background-size: cover;}
.one-time-offer-banner .left-block .annual-text{font-size: 30px; color: #fff; font-weight: 700; line-height: 1.1; margin: 0;}
.one-time-offer-banner .left-block .annual-text span{display: block; font-size: 14px; color: #000; font-weight: 500;}
.one-time-offer-banner .left-block .annual-text label{display: block; font-size: 18px; color: #000;}

.one-time-offer-banner .right-block{width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0;}
.one-time-offer-banner .right-block .plan-group{display: flex; justify-content: space-between; margin: 0 45px 0 20px;}
.one-time-offer-banner .right-block .plan-group .box{margin: 0;}
.one-time-offer-banner .right-block .plan-group .line{height: auto; width: 1px; background: #F4CF6F; margin: 0 30px 0 15px;}
.one-time-offer-banner .right-block .plan-group .box p{display: flex; align-items: center; flex-wrap: wrap; font-size: 16px; color: #000; font-weight: 500; line-height: 1.4; margin-bottom: 0;}
.one-time-offer-banner .right-block .plan-group .box .price-block{display: flex; align-items: center; flex-wrap: wrap; line-height: 39px;}
.one-time-offer-banner .right-block .plan-group .box .price-block .price{font-size: 26px; font-weight: 700; color: #000; margin: 0 5px 0 0;}
.one-time-offer-banner .right-block .plan-group .box .price-block .old-price{font-size: 15px; color: #263238; font-weight: 400; margin: 0; text-decoration: line-through;}
.one-time-offer-banner .right-block .coupon{text-align: center; margin: 0 0 0 45px; line-height: 1.3;}
.one-time-offer-banner .right-block .coupon .group{display: flex; align-items: center; flex-wrap: wrap;font-size: 14px; color: #000;  margin-bottom: 5px;}
.one-time-offer-banner .right-block .coupon small{font-weight: 400; margin: 0 5px 0 0;}
.one-time-offer-banner .right-block .coupon .code{font-weight: 600; margin: 0;}
.one-time-offer-banner .right-block .coupon .btn-now{background: #E74750; height: 36px; line-height: 36px; color: #fff; padding: 0 28px; border-radius: 18px; font-size: 14px; font-weight: 500; transition: 0.2s ease-in-out; white-space: nowrap;}
.one-time-offer-banner .right-block .coupon .btn-now img{max-width: 15px; width: 100%; margin: 0 0 0 5px;}
.one-time-offer-banner .right-block .coupon .btn-now:hover{background: #bf3941; text-decoration: none;}
.one-time-offer-banner .right-block .coupon-group{display: flex; align-items: center; margin: 0; justify-content: space-between;}

.one-time-offer-banner .right-block .coupon-group #timer{display: flex; font-family: 'poppins'; background: #FFFFFF; border-radius: 7px; padding: 14px 20px;}
.one-time-offer-banner .right-block .coupon-group #timer .colon{font-family: 'Perpetua'; font-size: 40px; line-height: 0.5; margin: 0 4px; color: #000;}
.one-time-offer-banner .right-block .coupon-group #timer .count{width: 36px; font-weight: 500; font-size: 30px; color: #000; line-height: 1; text-align: center;}
.one-time-offer-banner .right-block .coupon-group #timer span{display: block; font-size: 12px; color: #000; font-weight: 400;}

.one-time-offer-banner .btn-close{width: 22px; height: 22px; background: #F9F9F9; position: absolute; color: #000; font-size: 10px; top: 0; right: 0; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 5px;}
.one-time-offer-banner .btn-close:hover{background: #1F2430; color: #fff;}

/*affordable-monthly-plans*/
.affordable-monthly-plans{position: fixed; height: 90px; width: 100%; bottom: 0; font-family: 'poppins'; z-index: 999; background: #FEE8B1;}
.affordable-monthly-plans .container{position: relative; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.affordable-monthly-plans .caption{margin: 0;}
.affordable-monthly-plans .caption label{font-size: 20px; line-height: 30px; color: #353339; margin: 0;}
.affordable-monthly-plans .caption h6{font-size: 27px;font-weight: 600; line-height: 38px; letter-spacing: 0.02em; color: #353339; margin: 0;}
.affordable-monthly-plans .plans-group{width: 46%; height: 90%; display: flex; align-items: center; align-self: flex-end; background: #FBA924; border-radius: 20px 20px 0px 0px; margin: 0; overflow: hidden;}
.affordable-monthly-plans .plans-group .box{height: 100%; width: 47%; display: flex; flex-direction: column; justify-content: center; margin: 0; padding: 0 0 0 60px;}
.affordable-monthly-plans .plans-group .box label{font-size: 20px; line-height: 24px; color: #353339; margin: 0;}
.affordable-monthly-plans .plans-group .box .price-box{margin: 0;}
.affordable-monthly-plans .plans-group .box .price-box .price{font-size: 30px; line-height: 36px; font-weight: 700; color: #FFF;}
.affordable-monthly-plans .plans-group .box .price-box .old-price{font-size: 18px; line-height: 28px; color: #57545E;}
.affordable-monthly-plans .plans-group .box.three-month{width: 53%; position: relative; background: #F0A52C;}
.affordable-monthly-plans .plans-group .box.three-month:after{content: ''; position: absolute; left: -24px; top: -4px; border-top: 90px solid #FBA924; border-left: 40px solid transparent; transform: rotate(17deg);}

.affordable-monthly-plans .btn-now{background: #E74750; height: 36px; line-height: 36px; color: #fff; padding: 0 28px; border-radius: 18px; font-size: 14px; font-weight: 500; transition: 0.2s ease-in-out; white-space: nowrap;}
.affordable-monthly-plans .btn-now img{max-width: 15px; width: 100%; margin: 0 0 0 5px;}
.affordable-monthly-plans .btn-now:hover{background: #bf3941; text-decoration: none;}
.affordable-monthly-plans .btn-close{width: 22px; height: 22px; background: #F9F9F9; position: absolute; color: #000; font-size: 10px; top: 0; right: 0; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 5px;}
.affordable-monthly-plans .btn-close:hover{background: #1F2430; color: #fff;}


/* prices-going-banner */
.prices-going-banner{height: 90px; position: fixed; width: 100%; bottom: 0; background: #F9E5E4; box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.05); z-index: 999;}
.prices-going-banner .banner-content{height: 100%;}
.prices-going-banner .banner-content .container{height: 100%; position: relative; display: flex; align-items: center;}
.prices-going-banner .banner-content .annual-text{max-width: 250px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; color: #fff; background: #DB4239; font-size: 28px; font-weight: 800; line-height: 1.4; margin: 0; position: relative; z-index: -1;}
.prices-going-banner .banner-content .annual-text:after{content: ''; background: url('../images/squre-arrow.svg') no-repeat center; background-size: cover; position: absolute; height: 100%; width: 95px; right: -60px; top: 0; z-index: -1;}
.prices-going-banner .banner-content .annual-text:before {content: ''; position: absolute; top: 0; right: calc(100% - 1px); width: 1000%; height: 100%; background: #DB4239;}
.prices-going-banner .banner-content .annual-text div{margin: 0;}
.prices-going-banner .banner-content .annual-text span {display: block; font-weight: 500; font-size: 14px; color: #F9E5E4; margin: 0;}

.prices-going-banner .banner-content .right-block{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.prices-going-banner .banner-content .right-block .current-price-group{display: flex; align-items: center; margin: 0 0 0 75px;}
.prices-going-banner .banner-content .right-block .current-price-group .box{font-size: 20px; color: #555555; margin: 0 15px;}
.prices-going-banner .banner-content .right-block .current-price-group .box label{font-size: 16px; margin: 0;}
.prices-going-banner .banner-content .right-block .current-price-group .box .price{font-size: 26px; color: #000;}
.prices-going-banner .banner-content .right-block .current-price-group .box .price strong {font-weight: 600; }
.prices-going-banner .banner-content .right-block .current-price-group .box strong{font-weight: 600; color: #000;}

.prices-going-banner .banner-content .right-block .countdown-gorup{display: flex; align-items: center; margin: 0 0 0 30px;}
.prices-going-banner .banner-content .right-block .countdown-gorup .countdow{display: flex; background: #FFFFFF; padding: 8px 21px; border-radius: 7px;}
.prices-going-banner .banner-content .right-block .countdown-gorup .countdow .count{width: 41px; margin: 0 13px 0 0;}
.prices-going-banner .banner-content .right-block .countdown-gorup .countdow .count:last-child{margin: 0;}
.prices-going-banner .banner-content .right-block .countdown-gorup .countdow .colon{display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 30px; line-height: 35px; color: #000000;}
.prices-going-banner .banner-content .right-block .countdown-gorup .countdow .colon span{margin: 0 0 0 5px;}
.prices-going-banner .banner-content .right-block .countdown-gorup .countdow .count label{font-size: 12px; line-height: 18px; color: #263238; margin: 0;}

.prices-going-banner .banner-content .right-block .countdown-gorup .btn-subscribe-now{display: inline-block; color: #fff; background: #E74750; min-width: 180px; height: 36px; line-height: 36px; font-size: 14px; text-align: center; font-weight: 600; text-transform: capitalize; padding: 0 48px 0 23px; margin: 0; border-radius: 30px; position: relative; white-space: nowrap; margin-left: 30px;}
.prices-going-banner .banner-content .right-block .countdown-gorup .btn-subscribe-now:before {content: "\68"; position: absolute; top: 49%; transform: translateY(-50%); right: 24px;}
.prices-going-banner .banner-content .right-block .countdown-gorup .btn-subscribe-now:hover {background: #d95860; text-decoration: none;}
.prices-going-banner .banner-content .btn-close{width: 22px; height: 22px; background: #F9F9F9; position: absolute; color: #000; font-size: 10px; top: 0; right: 0; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 5px;}
.prices-going-banner .banner-content .btn-close:hover{background: #1F2430; color: #fff;}

/* bottom-black-friday-banner */
.bottom-black-friday{position: fixed; width: 100%; height: 90px; bottom: 0; background: #0E0C0C; z-index: 999;}
.bottom-black-friday .container{display: flex; height: 100%;}
.bottom-black-friday .black-text{position: relative; max-width: 255px; width: 100%; display: flex; align-items: center; font-family: 'impact-regular'; font-size: 46px; color: #000; text-transform: uppercase; background: linear-gradient(267.36deg, #FDB23A -0.77%, #E2572D 97.8%); margin: 0;}
.bottom-black-friday .black-text span{font-family: 'pacificoregular'; position: absolute; left: 92px; top: 35px; font-size: 26px; color: #fff; text-transform: capitalize;}
.bottom-black-friday .black-text:after{content: ''; background: url('../images/black-squre.svg') no-repeat center; background-size: cover; position: absolute; height: 100%; width: 80px; right: -60px; top: 0; z-index: -1;}
.bottom-black-friday .black-text:before {content: ''; position: absolute; top: 0; right: calc(100% - 1px); width: 1000%; height: 100%; background: #e35a2e;}

.bottom-black-friday .right-block{width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 0 0 55px;}
.bottom-black-friday .right-block .flat-box-group{position: relative; max-width: 73%; width: 100%; display: flex; justify-content: space-between; margin: 0;}
.bottom-black-friday .right-block .flat-box-group .line{position: absolute; top: 0; left: 330px; height: 100%; width: 1px; background: #2D2C2C;}
.bottom-black-friday .right-block .flat-box-group .box-group{display: flex; align-items: center; margin: 0;}
.bottom-black-friday .right-block .flat-box-group .box-group .txt-box{line-height: 30px; margin: 0 9px 0 0;}
.bottom-black-friday .right-block .flat-box-group .box-group .txt-box label{font-size: 26px; color: #fff; font-weight: 700; text-transform: uppercase; margin: 0;}
.bottom-black-friday .right-block .flat-box-group .box-group .txt-box span{font-size: 16px; color: #dcdcdc; font-weight: 400; margin: 0;}
.bottom-black-friday .right-block .flat-box-group .box-group .code-box{text-align: center;}
.bottom-black-friday .right-block .flat-box-group .box-group .code-box label{font-size: 12px; color: #fff; margin: 0;}
.bottom-black-friday .right-block .flat-box-group .box-group .code-box .code{font-size: 15px; color: #fff; font-weight: 600;} 
.bottom-black-friday .right-block .flat-box-group .box-group .code-box .btn{width: 100%; height: 30px; line-height: 30px; font-size: 13px; background: #F06421; border-radius: 100px; white-space: nowrap;}
.bottom-black-friday .right-block .flat-box-group .box-group .code-box .btn:hover{background: #e05613; color: #fff; text-decoration: none;}
.bottom-black-friday .right-block .main-timer{background: #343434; padding: 5px 10px; margin: 0;}
.bottom-black-friday .right-block .main-timer .colon{color: #fff;}
.bottom-black-friday .right-block .main-timer .colon span{color: #fff;}
.bottom-black-friday .right-block .main-timer .count label{color: #dcdcdc}
.bottom-black-friday .btn-close{width: 22px; height: 22px; background: #F9F9F9; position: absolute; color: #000; font-size: 10px; top: 0; right: 0; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 5px;}
.bottom-black-friday .btn-close:hover{background: #1F2430; color: #fff;}

/* bottom-valentine-banner */
.bottom-valentine{position: fixed; width: 100%; height: 90px; bottom: 0; background: #bf143c; z-index: 999;}
.bottom-valentine .container{display: flex; height: 100%;}
.bottom-valentine .left-block{position: relative; max-width: 295px; width: 100%; background: #FBEEED;}
.bottom-valentine .left-block figure{max-width: 92%; height: 100%; width: 100%; display: flex; align-items: center; margin: 0 10px 0 0;}
.bottom-valentine .left-block:before{content: ''; position: absolute; top: 0; right: calc(100% - 1px); width: 1000%; height: 100%; background: #FBEEED;}
.bottom-valentine .left-block:after{display: none; content: ''; position: absolute; height: 100%; width: 80px; right: -60px; top: 0; background: #FBEEED;}
.bottom-valentine .right-block{width: 100%; display: flex; align-items: center; justify-content: space-between; background: linear-gradient(270deg , #BE133B 0%, #F1436C 40.87%, #BE133B 100%); margin: 0 0 0 40px;}
.bottom-valentine .right-block .flat-box-group{position: relative; max-width: 73%; width: 100%; display: flex; justify-content: space-between; margin: 0;}
.bottom-valentine .right-block .flat-box-group .line{position: absolute; top: 10px; left: 330px; height: 75%; width: 1px; background: #fff; opacity: 0.5;}
.bottom-valentine .right-block .flat-box-group .box-group{display: flex; align-items: center; margin: 0;}
.bottom-valentine .right-block .flat-box-group .box-group .txt-box{line-height: 30px; margin: 0 9px 0 0;}
.bottom-valentine .right-block .flat-box-group .box-group .txt-box label{font-size: 26px; color:#FFF3F6; font-weight: 700; text-transform: uppercase; margin: 0;}
.bottom-valentine .right-block .flat-box-group .box-group .txt-box span{font-size: 16px; color: #FFF3F6; font-weight: 400; margin: 0;}
.bottom-valentine .right-block .flat-box-group .box-group .code-box{text-align: center;}
.bottom-valentine .right-block .flat-box-group .box-group .code-box label{font-size: 12px; color: #FFF3F6; margin: 0;}
.bottom-valentine .right-block .flat-box-group .box-group .code-box .code{font-size: 18px; color: #FFF3F6; font-weight: 600; text-transform: uppercase;} 
.bottom-valentine .right-block .flat-box-group .box-group .code-box .btn{width: 100%; height: 30px; line-height: 30px; font-size: 13px; color: #0E0C0C; background: #F7D9DE; border-radius: 100px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); white-space: nowrap;}
.bottom-valentine .right-block .flat-box-group .box-group .code-box .btn:hover{background: #efc6cd; text-decoration: none;}
.bottom-valentine .right-block .main-timer{background: #FBEEED; padding: 5px 10px; margin: 0;}
.bottom-valentine .right-block .main-timer .colon{color: #000;}
.bottom-valentine .right-block .main-timer .colon span{color: #000;}
.bottom-valentine .right-block .main-timer .count label{color: #000;}
.bottom-valentine .btn-close{width: 22px; height: 22px; background: #F9F9F9; position: absolute; color: #000; font-size: 10px; top: 0; right: 0; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 5px;}
.bottom-valentine .btn-close:hover{background: #1F2430; color: #fff;}

/* bottom-women-day */
.bottom-women-day{position: fixed; width: 100%; height: 90px; bottom: 0; background: #FFF3EB; z-index: 99;}
.bottom-women-day .container{display: flex; height: 100%;}
.bottom-women-day .left-block{position: relative; max-width: 300px; width: 100%; display: flex; align-items: center; background: #FBBC05; padding: 0 30px 0 0;}
.bottom-women-day .left-block:before{content: ''; position: absolute; top: 0; right: calc(100% - 1px); width: 1000%; height: 100%; background: #FBBC05;}
.bottom-women-day .left-block:after{display: none; content: ''; position: absolute; height: 100%; width: 80px; right: -60px; top: 0; background: #f8bc04;}
.bottom-women-day .left-block h2{font-family: 'poetsen_oneregular'; font-size: 32px; line-height: 28px; color: #1F2430; margin: 0;}
.bottom-women-day .left-block h2 span{font-family: 'sansita_swashedlight'; display: block; font-size: 24px; line-height: 28px; color: #1F2430;}
.bottom-women-day .left-block figure{position: absolute; right: -1px; top: -11px; max-width: 80px; width: 100%;}
.bottom-women-day .right-block{width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 0 0 15px;}
.bottom-women-day .right-block .flat-box-group{position: relative; max-width: 73%; width: 100%; display: flex; justify-content: space-between; margin: 0;}
.bottom-women-day .right-block .flat-box-group .line{position: absolute; top: 10px; left: 347px; height: 75%; width: 1px; background: #BABEC9; opacity: 0.5;}
.bottom-women-day .right-block .flat-box-group .box-group{display: flex; align-items: center; margin: 0;}
.bottom-women-day .right-block .flat-box-group .box-group .txt-box{line-height: 30px; margin: 0 9px 0 0;}
.bottom-women-day .right-block .flat-box-group .box-group .txt-box label{font-size: 26px; color:#1F2430; font-weight: 700; text-transform: uppercase; margin: 0;}
.bottom-women-day .right-block .flat-box-group .box-group .txt-box span{font-size: 16px; color: #1F2430; font-weight: 400; margin: 0;}
.bottom-women-day .right-block .flat-box-group .box-group .code-box{text-align: center;}
.bottom-women-day .right-block .flat-box-group .box-group .code-box label{font-size: 12px; color: #1F2430; margin: 0;}
.bottom-women-day .right-block .flat-box-group .box-group .code-box .code{font-size: 18px; color: #1F2430; font-weight: 600; text-transform: uppercase;} 
.bottom-women-day .right-block .flat-box-group .box-group .code-box .btn{width: 100%; height: 30px; line-height: 30px; font-size: 13px; color: #fff; background: #F17A2F;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); border-radius: 100px; white-space: nowrap;}
.bottom-women-day .right-block .flat-box-group .box-group .code-box .btn:hover{background: #d76c29; text-decoration: none;}
.bottom-women-day .right-block .main-timer{background: #fff; padding: 5px 10px; margin: 0;}
.bottom-women-day .right-block .main-timer .colon{color: #000;}
.bottom-women-day .right-block .main-timer .colon span{color: #000;}
.bottom-women-day .right-block .main-timer .count label{color: #000;}
.bottom-women-day .btn-close{width: 22px; height: 22px; background: #F9F9F9; position: absolute; color: #000; font-size: 10px; top: 0; right: 0; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 5px;}
.bottom-women-day .btn-close:hover{background: #1F2430; color: #fff;}

/* women-day-banner 2023 */
.women-day-banner{height: 450px; background: url(../images/women-bg-banner.jpg) no-repeat center; background-size: cover;}
.women-day-banner .container{height: 100%;}
.women-day-banner .img-caption-block{height: 100%; max-width: 1065px; width: 100%; display: flex; align-items: flex-end; justify-content: space-between;}
.women-day-banner .left-block{max-width: 353px; width: 100%; margin: 0 20px 0 0;}
.women-day-banner .right-block{text-align: center; margin: 0; padding: 0 0 35px 0;}
.women-day-banner .right-block h1{font-family: 'poetsen_oneregular'; font-size: 28px; line-height: 34px; text-transform: capitalize; color: #000; margin: 0 0 10px 0;}
.women-day-banner .right-block h1 strong{color: #DA3B43;}
.women-day-banner .right-block .label{position: relative; font-family: 'sansita_swashedlight'; display: inline-block; font-size: 20px; line-height: 20px; font-weight: 600; color: #fff; background: #632828; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); border-radius: 28px; padding: 10px 25px; z-index: 2;}
.women-day-banner .code-box-group{max-width: 1008px; width: 100%; display: flex; align-items: center; background: #FDE1EC; border-radius: 10px; border: 1px solid #fff; margin: -20px 0 15px 0; overflow: hidden;}
.women-day-banner .code-box-group .code-box{text-align: center; padding: 35px 25px 30px 25px;}
.women-day-banner .code-box-group .code-box:first-child{background: #FEF1F6;}
.women-day-banner .code-box-group .code-box strong{font-weight: 700;}
.women-day-banner .code-box-group .code-box p{font-size: 16px; line-height: 26px; color: #51596C; margin: 0 0 10px 0;}
.women-day-banner .code-box-group .code-box p strong{display: block; font-size: 26px; color: #DA3B43;}
.women-day-banner .code-box-group .code-box small{display: block; font-size: 16px; line-height: 24px; color: #51596C; margin: 0 0 25px 0;}
.women-day-banner .code-box-group .code-box small strong{color: #000;}
.women-day-banner .code-box-group .code-box .btn{height: 45px; line-height: 45px; width: 180px; font-size: 16px; font-weight: 600; color: #fff; background: #DA3B43; border-radius: 10px;}
.women-day-banner .timer-block{display: flex;}
.women-day-banner .timer-block .main-timer{background: #FBEEED; padding: 6px 15px;}
.women-day-banner .timer-block .main-timer .colon{font-size: 28px; line-height: 32px; color: #0E0C0C;}
.women-day-banner .main-timer .count:last-child{margin: 0;}
.women-day-banner .timer-block .main-timer .count label{color: #0E0C0C;}

/* bottom-up-skilling */
.bottom-up-skilling{position: fixed; width: 100%; height: 75px; bottom: 0; background: linear-gradient(90.31deg, #e3083b 22.09%, #f3953f 100.03%); box-shadow: -10px -10px 99px 0px #00000029; z-index: 999;}
.bottom-up-skilling .container{height: 100%; display: flex; align-items: center; justify-content: space-between;}
.bottom-up-skilling .up-skill-gorup{position: relative; top: 3px; max-width: 445px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background: #373f51; z-index: 2; padding: 0 50px 0 0; margin: 0 30px 0 0;}
.bottom-up-skilling .up-skill-gorup:before{content: ""; position: absolute; top: 0; right: calc(100% - 1px); width: 1000%; height: 100%; background: #373f51;}
.bottom-up-skilling .up-skill-gorup:after{display: none; content: ""; position: absolute; height: 100%; width: 100%; left: calc(100% - 15px); top: 0; background: #373f51;}
.bottom-up-skilling .up-skill-gorup label{font-size: 20px; line-height: 26px; color: #fff; font-weight: 400; margin: -3px 0 0 0;}
.bottom-up-skilling .up-skill-gorup strong{font-size: 20px; line-height: 26px; color: #fff; font-weight: 700; margin: 0;}
.bottom-up-skilling .up-skill-gorup .sharp{position: absolute; right: 0; top: 0; max-width: 120px; width: 100%; z-index: -1;}
.bottom-up-skilling .right-side{display: flex; align-items: center; margin: 0;}
.bottom-up-skilling .right-side .sub-group{display: flex; align-items: center; border-right: 1px solid #f17d64; padding: 0 40px 0 0; margin: 0 32px 0 0;}
.bottom-up-skilling .right-side .sub-group .box{padding: 0 50px 0 0;}
.bottom-up-skilling .right-side .sub-group .box:last-child{padding: 0;}
.bottom-up-skilling .right-side .sub-group .box label{font-size: 16px; line-height: 24px; color: #fff; margin: 0;}
.bottom-up-skilling .right-side .sub-group .box strong{font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: 0.01em; color: #fff;}
.bottom-up-skilling .right-side .sub-group .box .price-box .price strong{font-size: 22px; line-height: 26px; letter-spacing: 0.01em; font-weight: 700; color: #fff;}
.bottom-up-skilling .right-side .sub-group .box .price-box .old-price{font-size: 18px; line-height: 27px; color: #ffebeb; margin: 0 0 0 7px;}
.bottom-up-skilling .right-side .btn-coupon{display: flex; align-items: center;}
.bottom-up-skilling .right-side .btn-coupon .coupon{text-align: center; margin: 0 40px 0 0;}
.bottom-up-skilling .right-side .btn-coupon .coupon small{font-size: 14px; line-height: 24px; color: #fff;}
.bottom-up-skilling .right-side .btn-coupon .coupon .code{font-weight: 600; font-size: 22px; line-height: 140%; color: #fff;}
.bottom-up-skilling .right-side .btn-coupon .btn{color: #373f51; background: #fff; height: 35px; line-height: 35px; font-size: 14px; transition: 0.2s ease-in-out; white-space: nowrap;}
.bottom-up-skilling .right-side .btn-coupon .btn:hover{ background: #efe9e9; text-decoration: none;}

.bottom-up-skilling .btn-close{width: 22px; height: 22px; background: #F9F9F9; position: absolute; color: #000; font-size: 10px; top: 0; right: 0; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 5px;}
.bottom-up-skilling .btn-close:hover{background: #1F2430; color: #fff;}

/* bottom-big-holiday-banner */
.bottom-big-holiday{position: fixed; width: 100%; height: 90px; bottom: 0; background: #FBEEED; box-shadow: -10px -10px 99px 0px #00000029; z-index: 999;}
.bottom-big-holiday .container{position: relative; display: flex; height: 100%;}
.bottom-big-holiday .container:before {content: ''; position: absolute; top: 0; left: calc(100% - 15px); width: 1000%; height: 100%; background: #dc1f25;}
.bottom-big-holiday .left-block{position: relative; max-width: 790px; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 35px 0 0; margin: 0;}
.bottom-big-holiday .left-block .christmas-tree{max-width: 70px; width: 100%; height: 100%; position: absolute; right: 0; top: 0;}
.bottom-big-holiday .left-block .christmas-tree .img-full{height: 100%;}
.bottom-big-holiday .left-block .flat-box-group{position: relative; display: flex; justify-content: space-between; margin: 0;}
.bottom-big-holiday .left-block .flat-box-group .box-group.first{position: relative; padding: 0 19px 0 0; margin: 0 19px 0 0 !important;}
.bottom-big-holiday .left-block .flat-box-group .box-group.first .line{position: absolute; top: 8px; right: 0; height: 78%; width: 1px; background: #E9CFCD;}
.bottom-big-holiday .left-block .flat-box-group .box-group{display: flex; align-items: center; margin: 0;}
.bottom-big-holiday .left-block .flat-box-group .box-group .txt-box{line-height: 30px; margin: 0 9px 0 0;}
.bottom-big-holiday .left-block .flat-box-group .box-group .txt-box label{font-size: 26px; color: #000; font-weight: 700; text-transform: uppercase; margin: 0;}
.bottom-big-holiday .left-block .flat-box-group .box-group .txt-box span{font-size: 16px; color: #484848; font-weight: 400; margin: 0;}
.bottom-big-holiday .left-block .flat-box-group .box-group .code-box{text-align: center;}
.bottom-big-holiday .left-block .flat-box-group .box-group .code-box label{font-size: 12px; color: #484848; margin: 0;}
.bottom-big-holiday .left-block .flat-box-group .box-group .code-box .code{font-size: 15px; color: #008059; font-weight: 600;} 
.bottom-big-holiday .left-block .flat-box-group .box-group .code-box .btn{width: 100%; height: 30px; line-height: 30px; font-size: 13px; background: #DC1E25; border-radius: 100px; white-space: nowrap;}
.bottom-big-holiday .left-block .flat-box-group .box-group .code-box .btn:hover{background: #cd1c23; color: #fff; text-decoration: none;}

.bottom-big-holiday .right-block{max-width: 515px; width: 100%; background: #DC1E25; padding: 0 0 0 15px; margin: 0;}
.bottom-big-holiday .right-block .timer-txt-group{height: 100%; display: flex; align-items: center; justify-content: space-between;}
.bottom-big-holiday .right-block .timer-txt-group .title{font-family: 'antonregular'; font-size: 40px; line-height: 35px; font-weight: 400; text-transform: uppercase; color: #fff; margin: 0;}
.bottom-big-holiday .right-block .timer-txt-group .title span{color: #f0dba7;}
.bottom-big-holiday .right-block .timer-txt-group .main-timer{background: #FBEEED; padding: 5px 10px; margin: 0;}
.bottom-big-holiday .right-block .timer-txt-group .main-timer .colon{color: #000;}
.bottom-big-holiday .right-block .timer-txt-group .main-timer .colon span{color: #000;}
.bottom-big-holiday .right-block .timer-txt-group .main-timer .count label{color: #000;}
.bottom-big-holiday .btn-close{width: 22px; height: 22px; background: #F9F9F9; position: absolute; color: #000; font-size: 10px; top: 0; right: 0; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 5px;}
.bottom-big-holiday .btn-close:hover{background: #1F2430; color: #fff;}

/* bottom-crazy-deal-banner */
.crazy-deal-banner{position: fixed; width: 100%; height: 70px; bottom: 0; background: #F9E5E4; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); z-index: 999;}
.crazy-deal-banner .container{display: flex; height: 100%;}
.crazy-deal-banner .crazy-txt{position: relative; max-width: 285px; width: 100%; display: flex; flex-direction: column; justify-content: center; background: #DB4239; color: #fff; font-size: 26px; line-height: 39px; font-weight: 700;}
.crazy-deal-banner .crazy-txt span{display: block; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0.05em; margin: 0;}
.crazy-deal-banner .crazy-txt:after{content: ''; background: url('../images/crazy-sharp.svg') no-repeat center; background-size: cover; position: absolute; height: 100%; width: 50px; right: -50px; top: 0; z-index: -1;}
.crazy-deal-banner .crazy-txt:before {content: ''; position: absolute; top: 0; right: calc(100% - 1px); width: 1000%; height: 100%; background: #DB4239;}

.crazy-deal-banner .right-block{width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 0 0 80px;}
.crazy-deal-banner .right-block .coupon-txt-group{line-height: 26px; font-weight: 500; color: #1F2430; margin: 0;}
.crazy-deal-banner .right-block .coupon-txt-group label{font-size: 16px; color: #1F2430; margin: 0;}
.crazy-deal-banner .right-block .coupon-txt-group span{font-size: 20px; color: #1F2430; margin: 0;}
.crazy-deal-banner .right-block .price-block{display: flex; align-items: center; margin: 0 0 0 65px;}
.crazy-deal-banner .right-block .price-block .txt{font-size: 22px; line-height: 33px; color: #1F2430; margin: 0 8px 0 0;}
.crazy-deal-banner .right-block .price-block .price{font-size: 35px; line-height: 22px; color: #1F2430; font-weight: 700; margin: 0 8px 0 0;}
.crazy-deal-banner .right-block .price-block .old-price{font-size: 22px; line-height: 22px; color: #555555; margin: 0;}
.crazy-deal-banner .right-block .countdow{display: flex; background: #FFFFFF; padding: 5px 8px 5px 13px; border-radius: 7px; margin: 0 0 0 23px;}
.crazy-deal-banner .crazy-deal-img{ position: relative; height: 100%;}
.crazy-deal-banner .crazy-deal-img .right-block{ position: absolute; top: 10%; right: 4%; display: flex; justify-content: right; align-items: center; margin: 0px}
.crazy-deal-banner .right-block .countdow .count.day{display: none;}
.crazy-deal-banner .right-block .countdow .count{width: 41px; margin: 0 13px 0 0;}
.crazy-deal-banner .right-block .countdow .count:last-child{margin: 0;}
.crazy-deal-banner .right-block .countdow .colon{display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 30px; line-height: 30px; color: #000000;}
.crazy-deal-banner .right-block .countdow .colon span{margin: 0 0 0 5px;}
.crazy-deal-banner .right-block .countdow .count label{font-size: 12px; line-height: 15px; color: #626262; margin: 0;}
.crazy-deal-banner .btn-close{width: 22px; height: 22px; background: #F9F9F9; position: absolute; color: #000; font-size: 10px; top: 0; right: 0; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 5px;}
.crazy-deal-banner .btn-close:hover{background: #1F2430; color: #fff;}

/* bottom-friday-lifetime */
.bottom-friday-lifetime.close {opacity: 0; visibility: hidden; transition: 0.8s ease-in-out;}
.bottom-friday-lifetime {position: fixed; width: 100%; height: 90px; bottom: 0; background: #0e0c0c; z-index: 999; visibility: visible; opacity: 1;}
.bottom-friday-lifetime .container {display: flex; height: 100%;}
.bottom-friday-lifetime .black-text {position: relative; max-width: 255px; width: 100%; display: flex; align-items: center; justify-content: center; font-family: "impact-regular"; font-size: 46px; color: #000; text-transform: uppercase; background: linear-gradient(267.36deg, #fdb23a -0.77%, #e2572d 97.8%); margin: 0;}
.bottom-friday-lifetime .black-text span {font-family: "pacificoregular"; position: absolute; left: 92px; top: 35px; font-size: 26px; color: #fff; text-transform: capitalize;}
.bottom-friday-lifetime .black-text:after {content: ""; background: url("../images/black-squre.svg") no-repeat center; background-size: cover; position: absolute; height: 100%; width: 80px; right: -60px; top: 0; z-index: -1;}
.bottom-friday-lifetime .black-text:before {content: ""; position: absolute; top: 0; right: calc(100% - 1px); width: 1000%; height: 100%; background: #e35a2e;}
.bottom-friday-lifetime .right-block {width: 100%; display: flex; align-items: center; margin: 0 0 0 55px;}
.bottom-friday-lifetime .right-block .intro-txt-group {display: flex; margin: 0 28px 0 0;}
.bottom-friday-lifetime .right-block .intro-txt-group .box {margin: 0 20px 0 0;}
.bottom-friday-lifetime .right-block .intro-txt-group .box label {display: block; font-size: 16px; line-height: 22px; color: #dcdcdc; margin: 0;}
.bottom-friday-lifetime .right-block .intro-txt-group .box span {font-size: 24px; line-height: 30px; font-weight: 600; color: #fff; margin: 0;}
.bottom-friday-lifetime .right-block .intro-txt-group .box .price-box .price {font-size: 28px; margin: 0 3px 0 0;}
.bottom-friday-lifetime .right-block .intro-txt-group .box .price-box .old-price {font-size: 18px; color: #dcdcdc;}
.bottom-friday-lifetime .right-block .coupon-group {display: flex; align-items: center; margin: 0 35px 0 0;}
.bottom-friday-lifetime .right-block .coupon-group .txt {text-align: center; margin: 0 15px 0 0;}
.bottom-friday-lifetime .right-block .coupon-group .txt label {font-size: 12px; line-height: 22px; color: #fff; margin: 0;}
.bottom-friday-lifetime .right-block .coupon-group .txt span {font-size: 20px; line-height: 20px; font-weight: 600; color: #fff; margin: 0;}
.bottom-friday-lifetime .right-block .coupon-group .btn {height: 35px; line-height: 35px; font-size: 13px; white-space: nowrap; background: #f06421;}
.bottom-friday-lifetime .right-block .coupon-group .btn:hover {background: #e05613; color: #fff; text-decoration: none;}
.bottom-friday-lifetime .right-block .main-timer{background: none; padding: 0; margin: 0;}
.bottom-friday-lifetime .right-block .main-timer .colon{color: #fff;}
.bottom-friday-lifetime .right-block .main-timer .colon span{color: #fff;}
.bottom-friday-lifetime .right-block .main-timer .count{width: 38px; margin: 0 15px 0 0;}
.bottom-friday-lifetime .right-block .main-timer .count:last-child{margin: 0;}
.bottom-friday-lifetime .right-block .main-timer .count label{color: #dcdcdc}
.bottom-friday-lifetime .btn-close {width: 22px; height: 22px; background: #f9f9f9; position: absolute; color: #000; font-size: 10px; top: 0; right: 0; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 5px;}
.bottom-friday-lifetime .btn-close:hover {background: #1f2430; color: #fff;}

/* bottom-big-lifetime */
.bottom-big-lifetime.close {opacity: 0; visibility: hidden; transition: 0.8s ease-in-out;}
.bottom-big-lifetime {position: fixed; width: 100%; height: 90px; bottom: 0; background: #CFF0E5; box-shadow: -10px -10px 99px 0px #00000029; z-index: 999; visibility: visible; opacity: 1;}
.bottom-big-lifetime .container {display: flex; justify-content: space-between; height: 100%;}
.bottom-big-lifetime .left-block{position: relative; max-width: 750px; width: 100%; display: flex; align-items: center; padding: 0 30px 0 0; margin: 0;}
.bottom-big-lifetime .left-block h5{font-family: 'antonregular'; font-size: 44px; line-height: 35px; text-transform: uppercase; color: #00B657; margin: -12px 39px 0 0;}
.bottom-big-lifetime .left-block .intro-txt-group{margin: 0;}
.bottom-big-lifetime .left-block .intro-txt-group .box{}
.bottom-big-lifetime .left-block .intro-txt-group .box label{font-size: 24px; line-height: 22px; font-weight: 500; text-transform: capitalize; color: #484848; margin: 0 0 7px;}
.bottom-big-lifetime .left-block .intro-txt-group .box .price-box .price{font-size: 24px; line-height: 22px; font-weight: 700; color: #1F2430;}
.bottom-big-lifetime .left-block .intro-txt-group .box .price-box .old-price{font-size: 18px; line-height: 22px; color: #484848;}
.bottom-big-lifetime .left-block .big-life{max-width: 137px; width: 100%; position: absolute; right: -60px; top: 0; z-index: 2;}
.bottom-big-lifetime .black-text:before {content: ""; position: absolute; top: 0; right: calc(100% - 1px); width: 1000%; height: 100%; background: #e35a2e;}
.bottom-big-lifetime .right-block {position: relative; max-width: 580px; width: 100%; display: flex; align-items: center; justify-content: flex-end; background: #00B657; margin: 0;}
.bottom-big-lifetime .right-block:before {content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: #3bb657; left: 100%;}
.bottom-big-lifetime .right-block .coupon-group {text-align: center; margin: 0 33px 0 0;}
.bottom-big-lifetime .right-block .coupon-group .txt {display: flex; justify-content: center; margin: 0 0 8px 0;}
.bottom-big-lifetime .right-block .coupon-group .txt label {font-size: 18px; line-height: 22px; color: #fff; margin: 0 5px 0 0;}
.bottom-big-lifetime .right-block .coupon-group .txt span {font-size: 22px; line-height: 24px; font-weight: 600; color: #fff; margin: 0;}
.bottom-big-lifetime .right-block .coupon-group .btn {height: 30px; line-height: 30px; font-size: 13px; white-space: nowrap; background: #DC1E25; padding: 0 17px;}
.bottom-big-lifetime .right-block .coupon-group .btn:hover {background: #cd1c23; color: #fff; text-decoration: none;}
.bottom-big-lifetime .right-block .main-timer{background: #AAE8C7; padding: 5px 10px; margin: 0;}
.bottom-big-lifetime .right-block .main-timer .colon{color: #000;}
.bottom-big-lifetime .right-block .main-timer .colon span{color: #000;}
.bottom-big-lifetime .right-block .main-timer .count label{color: #000;}
.bottom-big-lifetime .btn-close {width: 22px; height: 22px; background: #f9f9f9; position: absolute; color: #000; font-size: 10px; top: 0; right: 0; cursor: pointer; transition: 0.2s ease-in-out; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 5px;}
.bottom-big-lifetime .btn-close:hover {background: #1f2430; color: #fff;}


/* black-friday-banner 2021-2022 */
.black-friday-banner {position: relative; height: 450px; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; background-color: #0E0C0C;}
.black-friday-banner .title{font-family: 'impact-regular'; font-size: 170px; text-align: center; color: #fff; text-transform: uppercase; line-height: 180px; opacity: 0.2;}
.black-friday-banner .container{height: 100%;}
.black-friday-banner .text-block{max-width: 1085px; width: 100%;display: flex; justify-content: space-between; align-items: center; margin-top: -45px;}
.black-friday-banner .text-block .left-code-caption{max-width: 362px; width: 100%; margin: 0; text-align: center;}
.black-friday-banner .text-block .left-code-caption p span{color: #DCDCDC;}
.black-friday-banner .text-block .center-code-caption{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 2;}
.black-friday-banner .text-block .center-code-caption .main-timer{padding: 8px 17px; background: #343434;}
.black-friday-banner .text-block .center-code-caption .main-timer .count{width: 43px; margin: 0 15px 0 0;}
.black-friday-banner .text-block .center-code-caption .main-timer .count:last-child{margin: 0;}
.black-friday-banner .text-block .center-code-caption .main-timer .count label{color: #fff;}
.black-friday-banner .text-block .center-code-caption .main-timer .colon{color: #fff;}
.black-friday-banner .text-block .center-code-caption .main-timer .colon span{color: #fff; margin: 0 0 0 7px; }
.black-friday-banner:before{position: absolute; content: ''; left: 50%; bottom: 0; max-width: 335px; height: 420px; width: 100%; transform: translatex(-50%);  background: url(../images/girl-mid.png) no-repeat center; background-size: cover; z-index: 1;}
.black-friday-banner .text-block .right-code-caption{max-width: 362px; width: 100%; margin: 0; text-align: center;}
.black-friday-banner .text-block .right-code-caption p span{color: #131518;}
.black-friday-banner .text-block p{font-size: 54px; line-height: 60px; font-weight: 700; color: #fff; text-transform: uppercase; margin: 0 0 25px 0;}
.black-friday-banner .text-block p span{position: relative; font-weight: 500; font-size: 20px; line-height: 22px; display: block; text-transform: capitalize; margin-bottom: 5px; z-index: 1;}
.black-friday-banner .text-block small{font-size: 14px; line-height: 21px; color: #fff;}
.black-friday-banner .text-block small label{display: inline-block; font-size: 14px; color: #fff; font-weight: 700; margin: 0;}
.black-friday-banner .text-block .btn{height: 45px; line-height: 45px; max-width: 180px; width: 100%; background: #F06421; display: block; font-size: 16px; color: #fff; font-weight: 600; border-radius: 10px; transition: 0.2s ease-in-out; margin: 0 auto 10px auto;}
.black-friday-banner .text-block .btn:hover{background: #e05613; color: #fff; text-decoration: none;}
.black-friday-banner .text-block .btn-sub{background: #0E0C0C;}
.black-friday-banner .text-block .btn-sub:hover{background: #343131;}

/* valentine-banner 2022 */
.valentine-banner{position: relative; height: 450px; background: radial-gradient(50% 103.79% at 50% 50%, #F54770 24.48%, #990226 100%);}
.valentine-banner .left-sharp{position: absolute; top: 15px; left: 0; max-width: 250px; width: 100%;}
.valentine-banner .right-sharp{position: absolute; top: 12px; right: 0; max-width: 270px; width: 100%;}
.valentine-banner .text-block{max-width: 1008px; width: 100%; display: flex; align-items: center; padding: 35px 0 5px 0;}
.valentine-banner .text-block .code-caption{text-align: center;}
.valentine-banner .text-block .code-caption strong{font-weight: 700;}
.valentine-banner .text-block .code-caption p{font-size: 24px; line-height: 32px; color: #fff; margin: 0 0 10px 0;}
.valentine-banner .text-block .code-caption p strong{display: block; font-size: 32px;}
.valentine-banner .text-block .code-caption small{display: block; font-size: 18px; line-height: 27px; color: #fff; margin: 0 0 25px 0;}
.valentine-banner .text-block .code-caption .btn{width: 180px; background: #F7D9DE; color: #000; border-radius: 10px;}
.valentine-banner .text-block .valentine-txt{max-width: 370px; width: 100%; margin: 0 20px;}
.valentine-banner .timer-block{display: flex;}
.valentine-banner .timer-block .main-timer{background: #FBEEED; padding: 6px 15px;}
.valentine-banner .timer-block .main-timer .colon{font-size: 28px; line-height: 32px; color: #0E0C0C;}
.valentine-banner .timer-block .main-timer .count label{color: #0E0C0C;}

/* christmas-banner 2021-2022 */
.christmas-banner {position: relative; height: 450px; background: #E14248;}
.christmas-banner .title{font-family: 'impact-regular'; font-size: 90px; text-align: center; color: #fff; text-shadow: 0px 15px 15px rgba(0, 0, 0, 0.1); text-transform: uppercase; padding: 9px 0 30px 0;}
.christmas-banner .container{height: 100%;}
.christmas-banner .text-block{max-width: 1080px; width: 100%;display: flex; justify-content: space-between; align-items: center;}
.christmas-banner .text-block .left-code-caption{max-width: 365px; width: 100%; margin: 0; text-align: center;}
.christmas-banner .text-block .left-code-caption p span{color: #FBEEED;}
.christmas-banner .text-block .center-code-caption{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 2;}
.christmas-banner .text-block .center-code-caption .main-timer{padding: 5px 17px; background: #FBEEED;}
.christmas-banner .text-block .center-code-caption .main-timer .count{width: 43px; margin: 0 15px 0 0;}
.christmas-banner .text-block .center-code-caption .main-timer .count:last-child{margin: 0;}
.christmas-banner .text-block .center-code-caption .main-timer .count label{color: #0E0C0C;}
.christmas-banner .text-block .center-code-caption .main-timer .colon{color: #0E0C0C;}
.christmas-banner .text-block .center-code-caption .main-timer .colon span{color: #0E0C0C; margin: 0 0 0 7px; }
.christmas-banner:before{position: absolute; content: ''; left: 50%; top: 95px; max-width: 255px; height: 282px; width: 100%; transform: translatex(-50%);  background: url(../images/big-christmus-tree.png) no-repeat center; background-size: cover; z-index: 1;}
.christmas-banner .text-block .right-code-caption{max-width: 365px; width: 100%; margin: 0; text-align: center;}
.christmas-banner .text-block .right-code-caption p span{color: #FBEEED;}
.christmas-banner .text-block p{font-size: 54px; line-height: 60px; font-weight: 700; color: #FEE8B1; text-transform: uppercase; margin: 0 0 15px 0;}
.christmas-banner .text-block p span{position: relative; font-weight: 500; font-size: 20px; line-height: 22px; display: block; text-transform: capitalize; margin-bottom: 15px; z-index: 1;}
.christmas-banner .text-block small{display: block; font-size: 18px; line-height: 21px; color: #fff; margin: 0 0 15px 0;}
.christmas-banner .text-block small strong{font-weight: 700;}
.christmas-banner .text-block .btn{height: 45px; line-height: 45px; max-width: 180px; width: 100%; background: #fff; display: block; font-size: 16px; color: #000; font-weight: 600; border-radius: 10px; transition: 0.2s ease-in-out; margin: 0 auto 0 auto;}
.christmas-banner .text-block .btn:hover{background: #f5ecec; text-decoration: none;}

/* header */
header{background: #fff !important; width: 100%; position: fixed; top: 0; left: 0; box-shadow: 1px 0 30px rgb(0 0 0 / 10%); transition: 0.2s all; z-index: 999;}
body.dark-mode header{background: #24262c; box-shadow: 1px 0 30px rgb(255 255 255 / 10%)}
header .container{position: relative; display: flex; align-items: center; justify-content: space-between;}
header .container-with-title-bar-both-img{position: relative; display: flex; justify-content: space-between;height:40px;padding-bottom:4px ;}
header .container-with-title-bar-bottom-img{position: relative; display: flex; justify-content: space-between;height:80px}
header .container-with-title-bar-top-img{position: relative; display: flex; justify-content: space-between;height:80px;background-color: #fff !important;}
header .container-small{position: relative; display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .header-left{display: flex; align-items: center; height: 100%; margin: 0;}
header .header-left .mobile-view-logo{display: none;}
header .header-left .logo{display: block; max-width: 200px; width: 100%; margin: 0;}
body.dark-mode header .header-left .logo svg{fill: #fff;}
header .header-left .btn-dropdown{position: relative; display: flex; align-items: center; justify-content: center; height: 40px; font-weight: 500; margin: 0 0 0 25px; padding: 0 15px; background: #EFF0F2; border-radius: 4px; transition: 0.2s all; cursor: pointer ;}
body.dark-mode header .header-left .btn-dropdown{background: #51596c; color: #fff;}
header .header-left .btn-dropdown:hover{background: #e3e4e4;}
header .header-left .btn-dropdown span{margin: 0;}
header .header-left .btn-dropdown i{font-size: 8px; margin: 0 0 -1px 10px;}
body.dark-mode header .header-left .nav ul li a{color: #949db5;}
body.dark-mode header .header-left .nav ul li a:hover{color: #F06421;}

header .header-right{display: flex; align-items: center; height: 100%; margin: 0 0 0 auto; order: 2;}
header .header-right a{text-decoration: none;}
header .header-right a:hover{color: #8a8c90;}

header .header-right .nav{position: relative; margin-right: 10px;}
header .header-right .nav:after{position: absolute; display: block; content: ''; right: 0; top: 50%; transform: translateY(-50%); height: 25px; width: 1px; background: #ddd;}
header .header-right .nav ul{display: flex; align-items: center; margin: 0; padding-right: 10px;}
header .header-right .nav ul li{padding: 0; margin: 0; line-height: 1; list-style: none;}
header .header-right .nav ul li:before{display: none;}
header .header-right .nav ul li a{display: block; color: #1F2430; padding: 10px 10px; line-height: 1; text-decoration: none;}

header .header-right .icon-group{display: flex; align-items: center;}
header .header-right .icon-group .icon{color: #1F2430; font-size: 19px; padding: 8px; cursor: pointer; transition: 0.2s all;}
body.dark-mode header .header-right .icon{color: #949db5;}
body.dark-mode header .header-right .icon:hover{color: #F06421;}

header .header-right .icon-group .icon:hover{color: #007CFF;}
header .header-right .icon-group .icon-cart{position: relative;}
header .header-right .icon-group .icon-cart span{position: absolute; content: ''; color: #fff; width: 19px; height: 19px; line-height: 18px; top: 0; right: 0; font-size: 10px; font-weight: 500; text-align: center; background: #FF6D00; border: 1px solid #fff; border-radius: 50%;}
header .header-right .icon-group .icon-cart .icon{font-size: 25px;}

header .header-right .login-group{display: flex; align-items: center;}
header .header-right .login-group .link-signin{display: block; color: #020201; padding: 13px 10px; font-weight: 500; line-height: 1;}
body.dark-mode header .header-right .login-group .link-signin{color: #949db5;}
header .header-right .login-group .link-signin:hover{color: #F06421 !important;}
header .header-right .login-group .link-signup{color: #fff; background: #F06421; padding: 0 25px;}
header .header-right .login-group .link-signup:hover{background: #e05613;}

header .header-right .user-login-block{display: flex; align-items: center; height: 100%; padding-left: 10px; margin-left: 15px;}
header .header-right .user-login-block:before{content: ''; position: relative; left: -10px; width: 1px; height: 25px; margin: auto 0; background-color: #DDDDDD;}
header .header-right .user-login-block .icon-notification{color: #1F2430; position: relative; padding: 8px; cursor: pointer;}
body.dark-mode header .header-right .user-login-block .icon-notification{color: #949db5;}
header .header-right .user-login-block .icon-notification:hover .icon{color: #2CB36E;}
header .header-right .user-login-block .icon-notification .icon{font-size: 21px; transition: 0.2s ease-in-out;}
header .header-right .user-login-block .icon-notification > span{display: none; position: absolute; top: 8px; right: 8px; background: #2CB36E; width: 9px; height: 9px; border: 1px solid #fff; border-radius: 50%;}
header .header-right .user-login-block .icon-notification.active > span{display: block;}

header .header-right .user-login-block .dashboard-link{padding: 8px; cursor: pointer;}
header .header-right .user-login-block .dashboard-link a{color: #1F2430;}
header .header-right .user-login-block .dashboard-link:hover a{color: #007CFF;}

header .header-right .user-login-block .user-block{display: flex; align-items: center; height: 100%; margin-left: 10px;}
header .header-right .user-login-block .user-block > a{display: flex; align-items: center; height: 100%;}
header .header-right .user-login-block .user-block > a:hover i{color: #373737;}
header .header-right .user-login-block .user-block > a figure{width: 100%; border: 2px solid #EDEDED; border-radius: 50%;}
header .header-right .user-login-block .user-block > a i{color: #9B9B9B; font-size: 10px; margin-left: 8px; transition: 0.2s ease-in-out;}
body.dark-mode header .header-right .user-login-block .user-block > a:hover i{color: #F06421;}

header .header-right  .cart-block{display: flex; align-items: center; height: 100%; margin-left: 10px; cursor: pointer;}
header .header-right  .cart-block > a{display: flex; align-items: center; height: 100%;}
header .header-right  .cart-block > a:hover i{color: #373737;}
header .header-right  .cart-block > a figure{max-width: 42px; width: 100%; border: 2px solid #EDEDED; border-radius: 50%;}
header .header-right  .cart-block > a i{color: #9B9B9B; font-size: 10px; margin-left: 8px; transition: 0.2s ease-in-out;}

/* dropdown-platform-menu */
/* .dropdown-platform.open{opacity: 1; visibility: visible; pointer-events: auto;}
.dropdown-platform{position: absolute; opacity: 0; visibility: hidden; display: flex; background: #fff; top: 100%; left: 385px; max-width: 300px; width: 100%; min-height: auto; border-radius: 0 0 8px 8px; z-index: 0; pointer-events: none; cursor: auto; transition: 0.2s ease-in-out; box-shadow: 1px -1px 7px 0px rgb(0 0 0 / 10%);}
.dropdown-platform .list-menu{margin: 10px 0;}
.dropdown-platform .list-menu li{padding: 0; margin: 0;}
.dropdown-platform .list-menu li:last-child{margin: 0;}
.dropdown-platform .list-menu li:before{display: none;}
.dropdown-platform .list-menu li a{display: flex; padding: 10px 20px;}
.dropdown-platform .list-menu li a:hover{text-decoration: none; background: #edeff1;}
.dropdown-platform .list-menu li a figure{max-width: 30px; width: 100%; margin: 0 15px 0 0;}
.dropdown-platform .list-menu li a .link-txt label{font-size: 15px;font-weight: 500;  line-height: 24px; color: #1F2430; margin: 0;}
.dropdown-platform .list-menu li a .link-txt p{font-size: 12px; line-height: 16px; color: #51596C; margin: 0;} */

/* user profile menu */
.user-profile-menu{opacity: 0; visibility: hidden; position: absolute; width: 250px; top: 100% ; right: 15px; background: #fff; border-radius: 8px; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1); transform: translateY(15px); transition: all 0.2s ease-in-out; z-index: 999;}
body.dark-mode .user-profile-menu{background-color: #24262c; box-shadow: 0 10px 50px rgba(255, 255, 255, 0.1)}
.user-profile-menu ul{position: relative; margin: 0; padding: 15px 0;}
.user-profile-menu ul:last-child:after{display: none;}
.user-profile-menu ul:after{position: absolute; display: block; content: ''; left: 50%; bottom: 0; transform: translateX(-50%); max-width: calc(100% - 50px); width: 100%; height: 1px; margin: 0 auto; background: #DDDDDD;}
body.dark-mode .user-profile-menu ul:after{background: #54555a;}
.user-profile-menu ul li{padding: 0; margin: 0; line-height: 22px; list-style: none;}
.user-profile-menu ul li:before{display: none;}
.user-profile-menu ul li a{display: block; color: #6E6D7A; padding: 7px 25px;}
body.dark-mode .user-profile-menu ul li a{color: #fff;}
.user-profile-menu ul li a:hover{color: #1F2430; background: #F5F7FA;}
body.dark-mode .user-profile-menu ul li a:hover{color: #d6dceb; background: #2d2f34;}
.user-profile-menu ul li a .counter{display: inline-block; color: #fff; min-width: 17px; min-height: 17px; line-height: 17px; text-align: center;  background: #F06421; font-size: 10px; font-weight: 500; border-radius: 4px; padding: 0 5px; margin-left: 5px;}
body.dark-mode .user-profile-menu ul li a .counter{background: #f06421;}
.user-profile-menu ul li a .counter.gray-counter{background: #DFE6EF; color: #51596C;}

.user-profile-menu ul.user-name{background: #F5F7FA;}
body.dark-mode .user-profile-menu ul.user-name{background: #2d2f34;}
.user-profile-menu ul.user-name li{display: flex; align-items: center; justify-content: space-between; padding: 0 25px;}
.user-profile-menu ul.user-name li p{color: #1F2430;  margin: 0; line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
body.dark-mode .user-profile-menu ul.user-name li p{color: #d6dceb;}
.user-profile-menu ul.user-name li p strong{font-size: 16px;}
.user-profile-menu ul.user-name li .btn-close{color: #1F2430; display: none; margin: 0; cursor: pointer;}
body.dark-mode .user-profile-menu ul.user-name li .btn-close{color: #d6dceb;}

/* cart list menu */
.cart-list-menu{opacity: 0; visibility: hidden; position: absolute; width: 350px; top: 100% ; right: 140px; background: #fff; border-radius: 0px 0px 8px 8px; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1); transform: translateY(15px); transition: all 0.2s ease-in-out; z-index: 999;}
body.dark-mode .cart-list-menu{background-color: #24262c; box-shadow: 0 10px 50px rgba(255, 255, 255, 0.1)}
.cart-list-menu ul{position: relative; margin: 0; padding-bottom: 15px;box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px;
    ;}
.cart-list-menu ul .overflow-handle{    max-height: 30vh;
    height: fit-content; overflow: auto;margin-bottom: 21%;}
.cart-list-menu ul .overflow-handle:first-child{padding-top: 15px;}
.cart-list-menu ul:last-child:after{display: none;}
.cart-list-menu ul:after{position: absolute; display: block; content: ''; left: 50%; bottom: 0; transform: translateX(-50%); max-width: calc(100% - 50px); width: 100%; height: 1px; margin: 0 auto; background: #DDDDDD;}
.cart-list-menu ul .cart-item{padding: 0; margin: 0; line-height: 22px; list-style: none;}
.cart-list-menu ul .cart-item:before{display: none;}

.cart-list-menu .empty-cart{display: flex; flex-direction: column;  align-items: center; justify-content: center; padding: 25px 25px; }
.cart-list-menu .empty-cart p:first-child{ margin: 0;
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
body.dark-mode .cart-list-menu .empty-cart p:first-child{color: #fff;}

.cart-list-menu .empty-cart p:nth-child(2){ margin-bottom: 7px;
    color: #FF5300;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}
.cart-list-menu .empty-cart button{    
    opacity: 1;
    border-radius: 4px;
    background: #FC6719;
    padding: 8px 38px;
    color: #FFF;
    margin-top: 3px;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;}
    .cart-list-menu .btn-close{color: #1F2430; display: none; margin: 0; cursor: pointer;text-align: end; margin: 13px 13px 0 0;}
    

/* .cart-list-menu .cart-data{display: flex; flex-direction: column;  align-items: center; justify-content: center;  } */
.cart-list-menu .cart-data .cart-item{    
    display: flex;
    padding: 5px 12px 10px 12px;
    margin-bottom: 5px;
    border-bottom: 1px solid #BFBFBF;
    flex-direction: row;
    justify-content: space-between;
}
.cart-list-menu .cart-data .cart-item img{
    width: 99px;
    height: auto;
    border-radius: 4px;
    display: block;
}

.cart-list-menu .cart-data .cart-item .cart-item-left{
width: 30%;
}

.cart-list-menu .cart-data .cart-item .cart-item-right{
width: 75%;
padding-left: 15px;
}
.cart-list-menu .cart-data .cart-item .cart-item-right p{
    margin-bottom: 0;
}
.cart-list-menu .cart-data .cart-item .cart-item-right p:first-child{
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cart-list-menu .cart-data .cart-item .cart-item-right p:nth-child(2){
    color: #62646A;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cart-list-menu .cart-data .cart-item .cart-item-right span{
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cart-list-menu .cart-data .cart-footer .total-amount{
    color: #000;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 5px 18px 5px 12px;
    text-align: right;
    margin: 0;
}

.cart-list-menu .cart-data .cart-footer button{    
    opacity: 1;
    width: 95%;
    border-radius: 4px;
    background: #FC6719;
    padding: 8px 38px;
    color: #FFF;
    margin-top: 5px;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    /* line-height: normal; */
    margin-left: 8px;
}

.cart-list-menu .cart-footer{    
    position: fixed;
    bottom: 0%;
    width: 100%;
    background-color: white;
    margin-bottom: 8px;
}


/* course dropdown-menu */
.dropdown-menu.open{opacity: 1; visibility: visible; pointer-events: auto;}
.dropdown-menu{position: absolute; opacity: 0; visibility: hidden; display: flex; background: #fff; top: 100%; left: 240px; max-width: 292px; width: 100%; min-height: auto; border-radius: 0 0 8px 8px; z-index: 0; pointer-events: none; cursor: auto; transition: 0.2s ease-in-out;}
body.dark-mode .dropdown-menu {background: #24262c !important; color: #fff;}
.dropdown-menu ul li{padding: 0 0; list-style: none; position: unset; margin: 0;}
.dropdown-menu ul li a{display: flex; align-items: center; justify-content: flex-start; color: #000; font-size: 16px; padding: 0 15px; font-weight: 500; line-height: 38px;}
body.dark-mode .dropdown-menu ul li a {color: #fff;}
.dropdown-menu ul li a:hover{color: #F06421;}
.dropdown-menu ul li a.active{color: #F06421;}
body.dark-mode .dropdown-menu ul li a:hover{color: #F06421;}
body.dark-mode .dropdown-menu ul li a.active{color: #F06421;}
.dropdown-menu ul li.new-label a:after{content: 'New'; color: #fff; background: #F06421; font-size: 10px; padding: 0 5px; margin-left: 5px; border-radius: 40px;}

.dropdown-menu .step-1{width: 100%; background: #F6F8F9; margin: 0; position: relative;border-radius: 0 0 8px 8px;}
body.dark-mode .dropdown-menu .step-1{background: #24262c !important; color: #fff; box-shadow: 0 10px 50px rgba(255, 255, 255, 0.1);}
.dropdown-menu .step-1 ul li .icon{font-size: 20px; margin: 0 12px 0 0;}
.dropdown-menu .step-1 ul li .icon-font-submenu-arrow{position: unset; font-size: 12px; right: 20px;margin: 0 0 0 auto;}
.dropdown-menu .step-1 ul li .icon-font-dot{font-size: 10px;padding: 0 4px 0 5px;}
.dropdown-menu .step-1 ul li a span{margin: 0;}
.dropdown-menu .step-1 ul li a:hover{color: #F06421;}

.dropdown-menu .all-course a{color: #000 !important; font-weight: 500 !important; font-size: 14px !important;}
.dropdown-menu .all-course a:hover{color: #F06421 !important;}
.dropdown-menu .submenu a{display: block; color: #51596C; width: 100%; font-size: 13px; padding: 0 20px;}
.dropdown-menu .submenu.detail .all-course{margin-top: 5px;}

.dropdown-menu .list-title{display: flex; align-items: center; justify-content: space-between; padding: 0 20px;}
.dropdown-menu .step-1 ul li .icon-font-submenu-arrow{display: block; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; margin: 0 -7px 0 0; transition: 0.2s ease-in-out;}
.dropdown-menu .step-1 ul li .icon-font-submenu-arrow:hover{color: #F06421; cursor: pointer;}

.dropdown-menu.desktop .drawerer{position: absolute; left: 100%; background: #fff; width: 66%; top: 0; min-height: auto; height: 100%; display: block !important; transform: translateX(0); transition: .2s all ease-in-out;}
.dropdown-menu.desktop ul{margin: 0; padding: 20px 0 !important;box-shadow: 1px -1px 7px 0px rgba(0,0,0, .1);border-radius: 0 0 8px 8px;}
.dropdown-menu.desktop ul.submenu:before{content: ''; width: 10px; height: 10px; background: #ffffff; position: absolute; bottom: 0; left: 0;}
.dropdown-menu.desktop ul.subtitle:after{content: ''; width: 10px; height: 10px; background: #f6f8f9; position: absolute; bottom: 0; left: -11px; border-right: 1px solid rgba(246, 248, 249, 0.9);}
.dropdown-menu.desktop .submenu .submenu.detail:after{content: ''; width: 10px; height: 10px; background: #fff; position: absolute; bottom: 0; left: -11px; border-right: 1px solid #e0e0e0;} 
.dropdown-menu.desktop .detail:after{content: ''; width: 10px; height: 10px; background: #f6f8f9; position: absolute; bottom: 0; left: -11px; border-right: 1px solid rgba(246, 248, 249, 0.9);} 
.dropdown-menu.desktop .detail:before{content: ''; width: 10px; height: 10px; background: #fff; position: absolute; bottom: 0; left: 0px;} 
.dropdown-menu.desktop ul .title{padding: 10px 28px 5px 0; color: #959595; font-size: 12px; border-bottom: 1px solid #E7ECED; margin-left: 20px; display: inline-block; width: 85%; text-transform: uppercase; letter-spacing: 1px;margin-bottom: 4px;}
.dropdown-menu.desktop ul li:before{display: none;}
.dropdown-menu.desktop ul li a{font-size: 16px;text-decoration: none; padding: 0; margin: 0;}
.dropdown-menu.desktop .submenu a{font-size: 13px; color: #51596C;}
.dropdown-menu.desktop .submenu.detail{width: 400px !important;border-radius: 0 0 8px 8px;overflow: visible;}
.dropdown-menu.desktop .submenu.detail .title{line-height: 1.5; display: block;}
.dropdown-menu.desktop .submenu.detail a{font-size: 13px;padding: 12px 20px 12px 20px;color: #51596C;}
.dropdown-menu.desktop .submenu.detail a span{margin: 0;}
.dropdown-menu.desktop .submenu.detail a{display: block; color: #51596C; font-size: 13px; font-weight: 400; padding: 0 38px 0 20px; line-height: 29px;}
.dropdown-menu ul .platform-nav{display: none;}
.dropdown-menu.desktop .nav-header, .dropdown-menu.desktop .nav-footer{display: none;}
.dropdown-menu.desktop .nav-footer{display: none;}

.dropdown-menu.desktop .nav-header,
.dropdown-menu.desktop .nav-footer,
.dropdown-menu.desktop .nav-footer,
.dropdown-menu.desktop .back-btn,
.dropdown-menu.desktop .new_li{display: none;}

.mobile-nav .dropdown-menu.desktop .nav-header,
.mobile-nav .dropdown-menu.desktop .nav-footer{display: block;}
.mobile-nav .dropdown-menu.desktop .nav-footer ul{display: block !important; box-shadow: none;}
.mobile-nav .dropdown-menu.desktop .nav-footer .title,
.mobile-nav .dropdown-menu.desktop .nav-header .title{border: none; color: #62646A; letter-spacing: 0; font-size: 18px;text-transform: capitalize;}
.mobile-nav .dropdown-menu.desktop ul{height: 100%;}

/* dropdown in mobile */
.mobile-mode{display: none; align-items: center; margin: 0;}
.mobile-mode:after{content: ''; position: fixed; background: rgba(31, 36, 48, 0.7); width: 100vw; height: 100vh; top: 0; left: 0; opacity: 0; visibility: hidden; transition: all .2s ease-in-out; z-index: 999;}
.mobile-mode.show:after{opacity: 1; visibility: visible;}
.mobile-mode .hamburger{cursor: pointer;}
.mobile-mode .hamburger i{color: #1F2430; font-size: 18px; padding: 8px 8px 8px 0;}
.mobile-mode .hamburger .hamburger-icon{color: #1F2430; font-size: 25px; padding: 8px 8px 8px 0;}
.mobile-mode .icon-search{cursor: pointer;}
.mobile-mode .icon-search i{color: #1F2430; font-size: 18px; padding: 8px; margin-left: 10px;}

/* Mobile-menu */
.mobile-nav{position: fixed; max-width: 350px; width: 100%; height: 100vh; left: 0; top: 0; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); transform: translateX(-350px); transition: all .3s ease-in-out;overflow: hidden; z-index: 9999;}
.mobile-nav-close{position: fixed; right: 18px; top: 12px; font-size: 12px;color: #ffffff;}
.mobile-nav .drawer{position: fixed; right: -100%; background: #fff; width: 100%; top: 0; min-height: 250px; display: block !important; transform: translateX(0); transition: .3s all ease-in-out;z-index: 1}
.mobile-nav ul li:before{display: none;}
.mobile-nav ul li{margin-bottom: 0;}

.mobile-nav .dropdown-menu{position: unset; opacity: 1; visibility: visible; z-index: 99999; pointer-events: auto; width: 100%; overflow: hidden;}
.mobile-nav .dropdown-menu ul .nav-footer .title{padding-bottom: 5px;padding-top: 17px;font-size: 16px; font-weight: 500; margin: 0; line-height: 1;}
.mobile-nav .dropdown-menu ul.drawer .title{padding: 0 20px}
.mobile-nav .dropdown-menu ul li a{color: #51596C; font-size: 16px;}
.mobile-nav .dropdown-menu .step-1{background: #fff;}
/* .mobile-nav .dropdown-menu .step-1 ul li a{position: relative;} */
.mobile-nav .dropdown-menu .step-1 ul li a{width: 100%; padding: 6px 0;}
.mobile-nav .dropdown-menu .step-1 ul li .icon{display: none;}
.mobile-nav .submenu{position: fixed; max-width: 350px; top: 0; width: 100%; background: #fff; margin: 0; right: -350px; transition: all .3s ease-in-out;z-index: 1}
.mobile-nav .all-course{display: none;}

.mobile-nav ul li .mobile-dropdown-platform{display: flex; background: #fff; pointer-events: none; cursor: auto; transition: 0.2s ease-in-out; }
.mobile-nav ul li .mobile-dropdown-platform .list-menu{margin: 10px 0;}
.mobile-nav ul li .mobile-dropdown-platform .list-menu li{padding: 0; margin: 0;}
.mobile-nav ul li .mobile-dropdown-platform .list-menu li:last-child{margin: 0;}
.mobile-nav ul li .mobile-dropdown-platform .list-menu li:before{display: none;}
.mobile-nav ul li .mobile-dropdown-platform .list-menu li a{display: flex; padding: 10px 20px;}
.mobile-nav ul li .mobile-dropdown-platform .list-menu li a:hover{text-decoration: none; background: #edeff1;}
.mobile-nav ul li .mobile-dropdown-platform .list-menu li a figure{max-width: 30px; width: 100%; margin: 0 15px 0 0;}
.mobile-nav ul li .mobile-dropdown-platform .list-menu li a .link-txt label{font-size: 15px;font-weight: 500;  line-height: 24px; color: #1F2430; margin: 0;}
.mobile-nav ul li .mobile-dropdown-platform .list-menu li a .link-txt p{font-size: 12px; line-height: 16px; color: #51596C; margin: 0;}

.mobile-nav .nav-header{padding: 20px 0; border-bottom: 1px solid #ddd; margin: 0 20px 17px;}
.mobile-nav .nav-header .title-block{display: flex; align-items: center; justify-content: space-between; margin: 0 0 25px;}
.mobile-nav .nav-header .title-block .title{font-size: 18px; font-weight: 600; margin: 0; line-height: 1;}
.mobile-nav .nav-header .title-block .btn-close{font-size: 14px; margin: 0; color: #1F2430; cursor: pointer; transition: 0.2s ease-in-out;}
.mobile-nav .nav-header .title-block .btn-close:hover{color: #F06421;}
.mobile-nav .nav-header .btn-group{display: flex; align-items: center; justify-content: space-between;}
.mobile-nav .nav-header .btn-group .btn{justify-content: center; width: 100%; text-decoration: none; font-size: 14px; border-radius: 6px;}
.mobile-nav .nav-header .btn-group .btn + .btn{margin-left: 10px;}
.mobile-nav .nav-header .btn-group .btn.btn-login{color: #F06421; background: #fff;  font-weight: 500; line-height: 38px; border: 1px solid #F06421;}
.mobile-nav .nav-header .btn-group .btn.btn-signup{color: #ffffff; background: #F06421; font-weight: 500;}
.mobile-nav .nav-footer{border-top: 1px solid #ddd; padding-bottom: 20px;margin: 17px 20px 0;}
.mobile-nav .nav-footer .title{font-size: 16px; font-weight: 500;}
.mobile-nav .nav-footer ul > li > a{padding: 7px 0 !important;}

/* header search */
.header-search.active{opacity: 1; visibility: visible;}
.header-search.active .header-search-inner{height: 80px;}
.header-search.show-content .header-search-inner{height: auto !important;}
.header-search{position: fixed; opacity: 0; visibility: hidden; width: 100%; height: 100%; background: rgba(31, 36, 48, 0.7); border-top: 1px solid #EAECEF; z-index: 1000; transition: all 0.2s linear;}
.header-search .header-search-inner{height: 0; background-color: #fff; overflow: hidden; transition: height ease .3s;}
body.dark-mode .header-search .header-search-inner{background-color: #24262c;}

.header-search .seach-box{position: relative; padding: 20px 0;}
.header-search .seach-box input{font-size: 16px; padding: 10px 30px; border: 0;}
body.dark-mode .header-search .seach-box input{background-color: #24262c; color: #fff;}
.header-search .seach-box input:focus{box-shadow: none;}
.header-search .seach-box input::placeholder{color: #B7B7B7; font-size: 16px;}
.header-search .seach-box .icon-search{position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #B7B7B7; font-size: 19px;}
.header-search .seach-box .icon-close{position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; color: #9E9EA6; width: 26px; height: 26px; font-size: 10px; background: #F3F3F4; border-radius: 50%; cursor: pointer; transition: 0.2s ease-in-out;}
.header-search .seach-box .icon-close:hover{color: #9E9E9E; background: #E6E6E6;}
body.dark-mode .header-search .seach-box .icon-close{background-color: #2d2f34; color: #fff;}

.header-search.show-content .search-content{display: flex;}
.header-search .search-content{display: none; padding: 15px 0 30px;}
.header-search .search-content .content{max-width: calc(100% / 2); width: 100%; margin: 0;}
.header-search .search-content .content.hands-on-labs{margin-left: 20px !important;}
.header-search .search-content .title{font-weight: 500; margin-bottom: 10px;}
body.dark-mode .header-search .search-content .title{color: #fff;}
.header-search .search-content a{text-decoration: none;}
.header-search .search-content ul{display: inline-block; max-width: 400px;  padding-top: 5px; margin: 0 0 5px; border-top: 1px solid #E7ECED;}
.header-search .search-content ul li{padding: 0; margin: 0; list-style: none; line-height: 1.5;}
.header-search .search-content ul li:before{display: none;}
.header-search .search-content ul li a{color: #51596C; display: block; font-size: 13px; padding: 7px 0;}
body.dark-mode .header-search .search-content ul li a{ color: #B7B7B7;}
body.dark-mode .header-search .search-content ul li a:hover{ color: #fff;}
.header-search .search-content ul li a:hover{color: #000;}
.header-search .search-content ul li.new a{padding: 7px 33px 7px 0;}
.header-search .search-content ul li a label{display: inline-block; color: #fff; font-size: 10px; background-color: #F06421; height: 14px; line-height: 14px; padding: 0 6px; margin: 0 0 -1px 0; border-radius: 40px;}
.header-search .search-content ul li.new a:after{content: 'New'; color: #fff; background: #F06421; font-size: 10px; padding: 0 5px; margin-left: 5px; border-radius: 40px;}
.header-search .search-content .see-more-link{display: block; color: #000; font-weight: 500;}
.header-search .search-content .see-more-link:hover{color:#F06421;}

/* ----- Dashboard-page header ------ */
/* Dashboard Header */
header.dashboard .header-left .logo{max-width: 50px; margin: 0 10px 0 0;}
header.dashboard .header-left .nav{position: relative; margin-right: 10px;}
header.dashboard .header-left .nav ul{display: flex; align-items: center; margin: 0; padding-right: 10px;}
header.dashboard .header-left .nav ul li{padding: 0; margin: 0; line-height: 1; list-style: none;}
header.dashboard .header-left .nav ul li:before{display: none;}
header.dashboard .header-left .nav ul li a{display: block; color: #51596C; padding: 10px 10px; line-height: 1; text-decoration: none;}
header.dashboard .header-left .nav ul li.active a{color: #1F2430;}

/* Dashboard header small */
.sub-header{background: #fff; padding-top: 12px; margin-bottom: 30px; border-top: 1px solid #EAECEF;}
.sub-header .container{display: flex; align-items: center; justify-content: space-between;}
.sub-header .left{margin: 0; overflow: hidden;}
.sub-header .left h1{font-size: 28px; font-weight: 400; line-height: 1.2; margin-bottom: 13px;}
.sub-header .left ul li:before{display: none;}
.sub-header .left .breadcrumbs{margin-bottom: 5px;}
.sub-header .left .breadcrumbs ul{display: flex; align-items: center; margin: 0;}
.sub-header .left .breadcrumbs ul li{display: flex; align-items: center; padding: 0; margin: 0; list-style: none; line-height: 1;}
.sub-header .left .breadcrumbs ul li:after{color: #E2E2E2; content: "/"; display: block;}
.sub-header .left .breadcrumbs ul li:first-child a{padding-left: 0;}
.sub-header .left .breadcrumbs ul li:last-child:after{display: none;}
.sub-header .left .breadcrumbs ul li:last-child a{font-weight: 500; padding-right: 0; pointer-events: none}
.sub-header .left .breadcrumbs ul li a{display: block; color: #A2A2A2; font-size: 13px; padding: 3px 5px; text-decoration: none;}
.sub-header .left .breadcrumbs ul li a:hover{color: #F06421;}

/* .sub-header .left .sub-nav{display: flex; align-items: center; gap: 28px; margin: 0;white-space: nowrap; overflow: auto;transition: all ease 750ms;scrollbar-width: none;}
.sub-header .left .sub-nav::-webkit-scrollbar{width: 0px; height: 0; background: transparent;}
.sub-header .left .sub-nav li{position: relative; padding: 0; margin: 0; white-space: nowrap; padding-bottom: 8px; cursor: pointer; color: #51596C; font-size: 16px;}
.sub-header .left .sub-nav li:hover{color: #1F2430;}
.sub-header .left .sub-nav li.active{color: #1F2430; font-weight: 500;}
.sub-header .left .sub-nav li.active:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #00A4A6;} */

.sub-header .right{margin: 0 0 13px;}
.sub-header .right a{color: #007CFF; font-size: 14px;}

/* Tranning */
.sub-header .tranning-tab{display: flex;}
.sub-header .tranning-tab .previous{margin: 0 10px 0 0; line-height: 30px; font-size: 18px;}
.sub-header .tranning-tab .next{margin: 0 0 0 10px; line-height: 30px; font-size: 18px;}

/* Dashboard Notification menu */
.notification-menu.open{opacity: 1; visibility: visible; transform: translateY(0);}
.notification-menu{opacity: 0; visibility: hidden; position: absolute; top: calc(100%); right: 15px; background: #fff; width: 350px; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; transform: translateY(15px); transition: 0.2s ease-in-out;}
body.dark-mode .notification-menu{background: #24262c; box-shadow: 0 10px 50px rgba(255, 255, 255, 0.1);}
.notification-menu .head{display: flex; align-items: center; justify-content: space-between; padding: 15px 25px;}
.notification-menu .head span{color: #202020; font-size: 14px; font-weight: 500; margin: 0;}
body.dark-mode .notification-menu .head span{color: #fff;}
.notification-menu .head a{color: #007CFF; font-size: 14px; margin: 0;}
.notification-menu .head a:hover{color: #007CFF; text-decoration: underline;}
.notification-menu ul{max-height: 425px; margin: 0; overflow: hidden;}
.notification-menu ul li{position: relative; display: flex; padding: 10px 25px; margin: 0; cursor: pointer;}
.notification-menu ul li:hover{background: #0066ff08;}
.notification-menu ul li:after{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 50px); height: 1px; background: #ddd;}
.notification-menu ul li:before{display: none;}
.notification-menu ul li.unread{background: #FFFBF3;}
body.dark-mode .notification-menu ul li.unread{background: #2d2f34;}
.notification-menu ul li.unread:hover{background: #fdf5e5;}
.notification-menu ul li.unread .left{color: #FFAE28; background: #FCEFDB;}
.notification-menu ul li .left{display: flex; align-items: center; justify-content: center; color: #C5D0DE; background: #F5F7FA; max-width: 34px; width: 100%; height: 34px; font-size: 19px; margin: 0 10px 0 0; border-radius: 50%;}
.notification-menu ul li .right{max-width: 250px; width: 100%; margin: 0;}
.notification-menu ul li .right p{color: #51596C; font-size: 13px; line-height: 1.6; margin-bottom: 2px;}
body.dark-mode .notification-menu ul li .right p{color: #fff;}
.notification-menu ul li .right p strong{color: #1F2430; font-weight: 500;}
.notification-menu ul li .right span{color: #A2A2A2; font-size: 12px;}
.notification-menu .link-viewall a{display: block; color: #007CFF; background: #F5F7FA; font-size: 14px; font-weight: 500; text-align: center; padding: 10px;}
.notification-menu .link-viewall a:hover{color: #007CFF; background: #ebf1fb;}

/* Dashboard mobilemenu*/
.dashboard-menu.open{transform: translateX(0);}
.dashboard-menu{position: fixed; max-width: 350px; top: 0; left: 0; background: #fff; width: 100%; height: 100vh; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); transform: translateX(-350px); transition: all .3s ease-in-out; overflow: hidden; z-index: 999;}
.dashboard-menu .title-block{display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid #ddd;}
.dashboard-menu .title-block .title{font-size: 18px; font-weight: 600; margin: 0; line-height: 1;}
.dashboard-menu .title-block .btn-close{font-size: 14px; margin: 0; color: #1F2430; cursor: pointer; transition: 0.2s ease-in-out;}

.dashboard-menu .accordian-list{height: 100%; padding: 10px 20px 20px;}
.dashboard-menu .accordian-list ul{margin: 0;}
.dashboard-menu .accordian-list ul li{padding: 0; margin: 0;}
.dashboard-menu .accordian-list ul li:before{display: none;}
.dashboard-menu .accordian-list ul li a{display: block; color: #51596C; font-size: 15px; text-decoration: none;}
.dashboard-menu .accordian-list > ul > li{position: relative; border-bottom: 1px solid #dddddd8c;}
.dashboard-menu .accordian-list > ul > li > a{display: flex; align-items: center; justify-content: space-between; font-weight: 500; padding: 8px 0; margin-right: 30px;}
.dashboard-menu .accordian-list > ul > li.open > a{color: #1F2430; font-weight: 500;}
.dashboard-menu .accordian-list > ul > li > span{position: absolute; top: 14px; right: 0; color: #51596C; font-size: 12px; margin: 0; transform: rotate(90deg); transition: 0.2s ease-in-out; z-index: 999;}
.dashboard-menu .accordian-list > ul > li.open > span{color: #1F2430; transform: rotate(270deg);}
.dashboard-menu .accordian-list ul.sub-links{display: none; padding: 0 10px 5px;}
.dashboard-menu .accordian-list ul.sub-links li a{padding: 3px 0; font-size: 14px;}

/* footer */
footer{background: #fff; padding: 60px 0 25px;}
body.dark-mode footer{background: #24262c;}
footer strong{color: #1F2430;}
footer a{color: #51596C;}
body.dark-mode footer a{color: #949db5;}
body.dark-mode footer a:hover{color: #F06421;}
footer .footer-top{display: flex; justify-content: space-between; margin-bottom: 40px;}
footer .footer-top .block{margin: 0 20px 0 0;}
footer .footer-top .block:last-child{margin-right: 0;}
footer .footer-top .block .title{font-size: 16px; font-weight: 500; margin-bottom: 15px; line-height: 1; color: #1F2430;}
body.dark-mode footer .footer-top .block .title{color: #fff;}
footer .footer-top .block ul{margin: 0;}
footer .footer-top .block ul li{font-size: 14px; color: #51596C; list-style: none; line-height: 1; padding: 0; margin: 0;}
footer .footer-top .block ul li:before{display: none;}
footer .footer-top .block ul li a{max-width: 349px; width: 100%;display: block; padding: 6px 0; line-height: 1.3; 
    /* white-space: nowrap;  */
    overflow: hidden; 
    /* text-overflow: ellipsis;  */
    margin: 0;}
footer .footer-top .block ul li a:hover{text-decoration: none;}

footer .footer-center{display: flex; align-items: center; margin-bottom: 10px;}
footer .footer-center .logo-block{max-width: 240px; width: 100%; margin: 0 30px 0 0; border-right: 1px solid #ddd;}
footer .footer-center .logo-block .logo{display: block; max-width:160px; width: 100%; margin: 0 0 10px 0;}
footer .footer-center .logo-block p{color: #1F2430; font-size: 12px; line-height: 1; margin: 0;}

footer .footer-center .join-slack {max-width: 615px; width: 100%; display: flex; align-items: center; margin: 0;}
footer .footer-center .join-slack figure{max-width: 40px; width: 100%; margin: 0 10px 0 0;}
footer .footer-center .join-slack p{color: #51596C; font-size: 14px; line-height: 1.6; font-weight: 400;  margin: 0;}
footer .footer-center .join-slack p a{color: #EB3F30; font-weight: 600; text-decoration: none;}

footer .footer-center .social-links{width: 420px; display: flex; align-items: center; justify-content: flex-end; margin: 0;}
footer .footer-center .social-links .link{display: inline-flex; margin: 0 10px 0 0;}
footer .footer-center .social-links .link:last-child{margin: 0;}
footer .footer-center .social-links .link svg{width: 30px;}

footer .footer-bottom{border-top: 1px solid #ddd; padding-top: 5px;}
footer .footer-bottom p{text-align: center; color: #51596C; font-size: 16px; margin-bottom: 0px;}
footer .footer-bottom p small{font-weight: 500; color: #1F2430;}
footer .footer-bottom p #wasappIcon{ content: ""; position: relative;bottom: -15px; left: 0; }
footer .footer-bottom p a{position: relative; font-weight: 500; color: #1F2430; padding: 0 0 0 5px;}
/* footer .footer-bottom p a:before{content: ""; position: absolute; top: -4px; left: 0; height: 32px; width: 32px; background: url('../images/WhatsApp.svg') no-repeat; background-size: cover;} */
/* footer .footer-bottom p a.no-icon{padding: 0} */
/* footer .footer-bottom p a.no-icon:before{display: none;} */

/*--------- home page ------------*/
/* banner */
.banner-block .banner{background-color: #012a6a; width: 100%; height: 450px; overflow: hidden;}
.banner-block .banner .container{position: relative; display: flex; align-items: flex-end; justify-content: space-between; height: 100%; z-index: 1;}
.banner-block .banner .container .caption{max-width: 540px; width: 100%; margin: auto 0;}
.banner-block .banner .container .caption h1{font-size: 42px; color: #fff; font-weight: 600; margin-bottom: 15px; line-height: 1.4;}
.banner-block .banner .container .caption .sub-title{color: #fff; font-size: 18px; line-height: 1.7; margin-bottom: 20px;}
.banner-block .banner .container .caption .start-now{color: #1F2430; background: #fff; min-width: 180px; height: 45px; line-height: 45px;}
.banner-block .banner .container .caption .start-now:hover{color: #f06421; text-decoration: none;}
.banner-block .banner .container .img-block{position: relative; max-width: 445px; width: 100%; margin: 0 110px 0 50px; z-index: 2; bottom: -1px;}
.banner-block .banner .container .shape{display: block; position: absolute; max-width: 755px; width: 100%; bottom: -80px; right: -165px; z-index: -1;}

/* brans-block */
.brands-block{position: relative; padding: 40px 0 0; border-bottom: 1px solid #E6E6E6;}
.brands-block .title{font-size: 18px; text-align: center; line-height: 1; margin-bottom: 35px;}
.brands-block .brand-logoes{max-width: 1080px; width: 100%; display: grid; grid-gap: 50px; grid-template-columns: repeat(6, 1fr); padding: 0 0 50px 0;}
.brands-block .more-slide{display: none;}
.brands-block .more-logo.brand-logo{max-width: 1080px; width: 100%; display: grid; grid-gap: 50px; grid-template-columns: repeat(6, 1fr);}
.brands-block .more-logo.brand-logo.space{padding: 0 0 50px 0;}
.brands-block .moreless-button{position: absolute; bottom: -16px; left: 50%; transform: translate(-50%, 0); max-width: 140px; width: 100%; text-align: center; font-size: 13px; color: #51596A; line-height: 21px; background: #fff; border: 1px solid #ddd; padding: 6px 0; border-radius: 24px; cursor: pointer; transition: 0.2s ease-in-out;}
.brands-block .moreless-button:hover{border: 1px solid #1F2430; color: #1F2430;}


/* explore-category */
.explore-category{padding: 50px 0 60px;}
.explore-category .block-heading{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.explore-category .block-heading h2{font-size: 30px; font-weight: 600; margin: 0;}
.explore-category .block-heading a{display: flex; align-items: center; color: #1F2430; font-size: 18px; font-weight: 500; text-decoration: none; margin: 0;}
.explore-category .block-heading a:hover{color: #007CFF;}
.explore-category .block-heading a i{font-size: 15px; margin-left: 10px;}

.explore-category .category-group{display: flex;}
.explore-category .category{display: flex; flex-direction: column; background: #F5F7FA; padding: 30px 20px 25px; border-radius: 8px; cursor: pointer; transition: 0.2s all;}
.explore-category .category:hover{background: #e3efff;}
.explore-category .category .title{font-size: 20px; font-weight: 500; margin: 0 0 20px; flex-grow: 1;}
.explore-category .category figure{max-width: 65px; width: 100%; margin: 0 0 50px;}
.explore-category .category hr{width: 30px; margin: 0 0 15px; border-top: 2px solid #BEBEBE;} 
.explore-category .category p{font-size: 14px; line-height: 1.5; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.explore-category .owl-carousel .owl-stage-outer{margin-bottom: 0;}
.explore-category .owl-theme .owl-nav.disabled + .owl-dots{line-height: 1;}
.explore-category .owl-theme .owl-dots .owl-dot span{width: 8px; height: 8px;}

/* popular-courses */
.popular-courses{max-width: 1440px; width: 100%; background: #F5F7FA; border-radius: 15px; padding: 40px 0 50px;}
.popular-courses .block-heading{text-align: center; margin: 0 0 10px 0;}
.popular-courses .block-heading h3{font-size: 30px; line-height: 45px; font-weight: 600; color: #1F2430;}
.popular-courses .tab_wrapper .tab_list .tabs-lists{display: flex; background: #E7EDF4; border-radius: 30px;}
.popular-courses .tab_wrapper .tab_list li{color: #62646A; padding: 2px;}
.popular-courses .tab_wrapper .tab_list li  li{margin: 0 0 0 2px;}
.popular-courses .tab_wrapper .tab_list li samp{display: flex; align-items: center; color: #51596A; font-size: 15px; padding: 11px 23px;}
.popular-courses .tab_wrapper .tab_list li.resp-tab-active samp{color: #F06421; font-weight: 500; background: #fff; border-radius: 20px;}
.popular-courses .tab_wrapper .tab_list li .icon{color: #51596A; margin-right: 8px;}
.popular-courses .tab_wrapper .tab_list li .icon-di{font-size: 22px;}
.popular-courses .tab_wrapper .tab_list li.resp-tab-active .icon{color: #F06421;}
.popular-courses .tab_wrapper .resp-tab-content{border: none;}
.popular-courses .tab_wrapper .content_wrapper{padding: 25px 0 0;}

.popular-courses .index-slider .owl-stage-outer{padding-bottom: 0; margin-bottom: 0;}
.popular-courses .owl-theme .owl-nav{display: flex; align-items: center; justify-content: space-between; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; margin: 0;}
.popular-courses .owl-theme .owl-nav .disabled{opacity: 0;}
.popular-courses .owl-theme .owl-nav button{position: absolute; display: flex; align-items: center; justify-content: center; background: #fff !important; height: 40px; width: 40px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); margin: 0;}
.popular-courses .owl-theme .owl-nav button span{display: none;}
.popular-courses .owl-theme .owl-nav button:before{content: 'l'; font-family: "whizlabs30"; font-size: 14px; color: #A2A2A2; width: fit-content; display: block; margin-right: -3px; transition: 0.2s ease-in-out;}
.popular-courses .owl-theme .owl-nav button:hover:before{color: #2e2e2e;}
.popular-courses .index-slider .owl-nav button.owl-prev{left: -15px;}
.popular-courses .index-slider .owl-nav button.owl-prev:before{transform: rotate(180deg); margin: 0 0 0 -2px;}
.popular-courses .index-slider .owl-nav button.owl-next{right: -15px;}

.popular-courses .index-slider .course{box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 8px; overflow: hidden;}
.popular-courses .index-slider .course .course-content{width: 100%; min-height: 178px; display: flex; flex-direction: column; justify-content: space-between; background: #fff; padding: 10px 15px 15px;}
.popular-courses .index-slider .course .course-details{margin: 0;}
.popular-courses .index-slider .course .course-details .title{color: #2E2E2E; font-size: 16px; font-weight: 600; margin-bottom: 2px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.popular-courses .index-slider .course .course-details .level-text{margin-bottom: 10px;}
.popular-courses .index-slider .course .course-details .level-text span{color: #51596C; font-size: 12px; line-height: 15px; margin: 0; white-space: nowrap;}
.popular-courses .index-slider .course .course-details .level-text label{position: relative; display: inline-block; color: #1F2430; max-width: 68px; width: 100%; height: 15px; line-height: 16px; background: #F5C244; font-size: 9px; font-weight: 600; text-align: center; padding: 0; margin: 0 17px 0 0; text-transform: uppercase; border-radius: 2px;}
.popular-courses .index-slider .course .course-details .level-text label:after{position: absolute; content: ''; top: 0; right: -8px; display: block; width: 11px; height: 15px; background: url('../images/label-seller-after-img.svg') no-repeat; background-size: contain;}
.popular-courses .index-slider .course .course-details p{color: #51596C; font-size: 12px; line-height: 1.5; margin-bottom: 0; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.popular-courses .index-slider .course .price-review-block{margin: 0;}
.popular-courses .index-slider .course .price-review-block .price-block{display: flex; align-items: center; margin-bottom: 10px; font-family: 'roboto'; line-height: 1;}
.popular-courses .index-slider .course .price-review-block .price-block .old-price{color: #A2A2A2; font-size: 14px; margin: 2px 0 0 10px;}
.popular-courses .index-slider .course .price-review-block .price-block .price{font-size: 20px; font-weight: 700; margin: 0;}
.popular-courses .index-slider .course .price-review-block .rating-block{display: flex; align-items: center;  flex-wrap: wrap; margin-bottom: 7px;}
.popular-courses .index-slider .course .price-review-block .rating-block .stars-group{display: flex; align-items: center; margin: 0;}
.popular-courses .index-slider .course .price-review-block .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 3px 0 0;}
.popular-courses .index-slider .course .price-review-block .rating-block .stars-group samp{color: #2E2E2E; font-size: 12px; font-weight: 600; margin-left: 5px;}
.popular-courses .index-slider .course .price-review-block .rating-block .total-rating{color: #585858; font-size: 12px; margin: 0 0 0 5px;}
.popular-courses .index-slider .course .price-review-block .total-learners{display: flex; align-items: center; margin-bottom: 12px;}
.popular-courses .index-slider .course .price-review-block .total-learners span{font-size: 14px; color: #262933; margin: 0;}
.popular-courses .index-slider .course .price-review-block .icon{font-size: 18px; color: #262933; margin: 0 5px 0 0;}
.popular-courses .index-slider .course .price-review-block .btn-explore{color: #fff; background: #F06421; width: 100%; height: 35px; line-height: 35px; font-size: 14px; font-weight: 600; border: 0;}
.popular-courses .index-slider .course .price-review-block .btn-explore:hover{background: #e05613;}

/* certification-block */
.certification-block{position: relative; padding: 60px 0 60px}
.certification-block .gradient-color{position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(245, 247, 250, 0) 0%, #F5F7FA 100%); width: 100%; height: 100%; z-index: -1;}
.certification-block .block-heading{text-align: center; margin-bottom: 30px;}
.certification-block .block-heading h3{font-size: 36px; font-weight: 600; margin: 0;}
.certification-block .block-heading h3 span{display: block; font-size: 24px; font-weight: 400; margin: 0 0 5px;}

.certification-block .content{display: flex; align-items: flex-end; height: 660px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px;}
.certification-block .steps-group{display: flex; width: calc(100% - 20px); margin-bottom: 10px;}
.certification-block .steps-group .step{display: flex; flex-direction: column; background: #fff; max-width: calc(100% / 3); width: 100%; margin-left: 10px; padding: 20px; border-radius: 8px;}
.certification-block .steps-group .step:first-child{margin-left: 0;}
.certification-block .steps-group .step .step-title{font-size: 20px; font-weight: 500; margin: 0 0 13px; flex-grow: 1; position: relative;}
.certification-block .steps-group .step p{color: #51596C; max-width: 380px; width: 100%; font-size: 15px; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.certification-block .steps-group .step-head{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 15px;}
.certification-block .steps-group .step-head span{color: #D5D5D5; font-size: 30px; margin: 0;}
.certification-block .steps-group .step-head figure{max-width: 50px; width: 100%; margin: 0;}

/* expert-support */
.expert-support-group{padding: 60px 0; border-bottom: 1px solid #DDD; margin-top: -6px;background: #F8F9FB;}
.expert-support-group .container{max-width: 1230px}
.expert-support-group .block{display: flex; align-items: center; justify-content: space-between; margin: 0 auto 100px;}
.expert-support-group .block:last-child{margin-bottom: 0;}
.expert-support-group .block:nth-child(even) .caption{order: 2;}
.expert-support-group .block:nth-child(even) .img-block{margin: 0 50px 0 0;}
.expert-support-group .block .caption{max-width: 470px; width: 100%; text-align: left; margin: 0;}
/* .expert-support-group .block .caption h4{font-size: 36px; font-weight: 500; line-height: 1.4; margin-bottom: 15px;} */
.expert-support-group .block .caption span{display: block; color: #F7865D; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 8px;}
.expert-support-group .block .caption span.blue{color: #2EA0DB;}
.expert-support-group .block .caption p{color: #51596C; font-size: 34px; margin: 0; line-height: 1.5;}
.expert-support-group .block .img-block{max-width: 520px; width: 100%; margin: 0 0 0 50px;}

/* compuny-block */
.compuny-block{padding: 60px 0;}
.compuny-block .container{max-width: 1160px; width: 100%;}
.compuny-block .block-heading{display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px;}
.compuny-block .block-heading .title{max-width: 500px; width: 100%; font-size: 36px; font-weight: 500; margin: 0; line-height: 1.4;}
.compuny-block .block-heading p{color: #51596C; max-width: 500px; width: 100%; font-size: 16px; line-height: 1.9; margin: 0 0 0 20px;}
.compuny-block .compuny-logoes{display: flex; align-items: center; justify-content: space-between;}
.compuny-block .compuny-logoes figure{max-width: 16.7%; width: 100%; margin: 0 0 0 30px;}
.compuny-block .compuny-logoes figure:first-child{margin-left: 0;}

/* view-all-course-section */
.view-all-course-section{max-width: 1330px; width: 100%; padding: 0 15px; margin-bottom: 60px;}
.view-all-course-section .container{display: flex; justify-content: space-between; background-position: center; background-size: cover; background-repeat: no-repeat; height: 610px; padding: 0 40px 0 60px; border-radius: 8px; overflow: hidden;}
.view-all-course-section .caption{display: flex; flex-direction: column; justify-content: center; max-width: 500px; width: 100%; height: 100%; margin: 0; z-index: 1;}
.view-all-course-section .caption .title{color: #fff; font-size: 36px; font-weight: 600; line-height: 1.4; margin-bottom: 20px;}
.view-all-course-section .caption .btn-start-now{display: inline-flex; align-items: center; justify-content: center; background: #fff; color: #202021; min-width: 210px; width:max-content; height: 45px; line-height: 45px;}
.view-all-course-section .caption .btn-start-now i{font-size: 15px; margin: 0 0 0 10px;}
.view-all-course-section .caption .btn-start-now:hover{color: #F06421; text-decoration: none;}
.view-all-course-section .img-block{position: relative; max-width: 592px; width: 100%; margin: 0 0 0 50px; height: inherit; overflow: hidden;}
.view-all-course-section .img-block figure{position: relative; animation: 15s allcourse linear infinite;}
.view-all-course-section .img-block:before, .view-all-course-section .img-block:after{content: ''; position: absolute; display: block; width: 100%; height: 120px; left: 0; opacity: 0.7; z-index: 1;}
.view-all-course-section .img-block:before{top: 0; background: linear-gradient(to bottom, rgba(32,32,33,1) 0%,rgba(128,128,128,0) 70%);}
.view-all-course-section .img-block:after{bottom: 0; background: linear-gradient(to bottom, rgba(128,128,128,0) 0%,rgba(32,32,33,0.7) 100%);}

/* allcourse animation */
@keyframes allcourse{from{transform: translateY(0);} to{transform:translateY(-50%);}}

/* testimonial-block */
.testimonial-block{background: #F5F7FA; padding:60px 0;}
.testimonial-block .heading{margin-bottom: 30px; display: flex; align-items: center;}
.testimonial-block .heading figure{max-width: 50px; width: 100%; margin: 0;}
.testimonial-block .heading h5{font-size: 28px; font-weight: 300; margin: 0 0 0 15px;}
.testimonial-block .heading h5 strong{font-weight: 600;}

.testimonial-block .slider-blocks{display: flex;}
.testimonial-block .slider-blocks .block{display: flex; flex: 1 0 auto; flex-direction: column; background: #fff; max-width: 542px; width: 100%; padding: 30px 40px; margin: 0; border-radius: 8px; box-shadow: 3px 4px 30px rgba(52, 74, 99, 0.08);}
.testimonial-block .slider-blocks .block h5{font-size:20px; font-weight: 500; color: #1F2430; margin: 0 0 20px;}
.testimonial-block .slider-blocks .block p{font-size: 14px; color: #51596C; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;  flex-grow: 1;}
.testimonial-block .slider-blocks .block .user-block{display: flex; align-items: center; margin: 0;}
.testimonial-block .slider-blocks .block .user-block figure{max-width: 60px; width: 100%; margin: 0;}
.testimonial-block .slider-blocks .block .user-block .details{margin: 0 0 0 20px;}
.testimonial-block .slider-blocks .block .user-block .details span{display: block; font-size: 15px; font-weight: 500; line-height: 18px; margin-bottom: 3px;}
.testimonial-block .slider-blocks .block .user-block .details samp{font-size: 14px; color: #51596C;}

.testimonial-block .owl-carousel .owl-stage-outer{margin-bottom: 0; padding: 0 0 15px;}
.testimonial-block .owl-carousel .owl-stage{padding-left: 0 !important; margin: 0; display: flex;}
.testimonial-block .owl-carousel .owl-item{display: flex; flex: 1 0 auto;}
.testimonial-block .owl-theme .owl-nav{margin: 0; text-align: left;}
.testimonial-block .owl-theme .owl-nav [class*='owl-']{margin: 0 5px;}
.testimonial-block .owl-theme .owl-nav [class*='owl-']:hover{background: none; cursor: pointer;}
.testimonial-block .owl-carousel .owl-nav button.owl-prev:before{content: 'Previous /'; display: block; color: #1F2430; font-size: 16px; font-weight: 500;}
.testimonial-block .owl-carousel .owl-nav button.owl-next:after{content: 'Next'; display: block; color: #1F2430; font-size: 16px; font-weight: 500; transition: 0.2s all;}
.testimonial-block .owl-carousel .owl-nav button.disabled{color: #777;}
.testimonial-block .owl-carousel .owl-nav button:focus{outline: none;}
.testimonial-block .owl-carousel .owl-nav button span{display: none;}

/* instructor-block */
.instructor-block{padding: 50px 0 100px 0;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 80%,rgba(235,239,245,1) 100%);}
.instructor-block .block-group{display: flex; justify-content: space-between;}
.instructor-block .block-group .block{position: relative; display: flex; align-items: flex-end; justify-content: space-between; max-width: calc(100% / 2 - 10px); width: 100%; max-height: 330px; padding: 0 30px 0 7px; margin: 0; border-radius: 8px;}
.instructor-block .block-group .block.instructor{background: linear-gradient(135deg, rgba(253,139,56,1) 0%,rgba(255,88,66,1) 100%);}
.instructor-block .block-group .block.business{background: linear-gradient(135deg, rgba(43,134,226,1) 0%,rgba(43,65,226,1) 100%);}
.instructor-block .block-group .block figure{max-width: 255px; width: 100%; margin: 0 25px 0 0; z-index: 1;}
.instructor-block .block-group .block .content{max-width: 300px; width: 100%; text-align: center; margin: auto; z-index: 1;}
.instructor-block .block-group .block .content .title{color: #fff; font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.instructor-block .block-group .block .content .title span{font-weight: 300;}
.instructor-block .block-group .block .content p{font-size: 14px; color: #fff; margin-bottom: 20px;}
.instructor-block .block-group .block .btn{color: #F06421; background: #fff; font-weight: 500; min-width: 210px; height: 45px; line-height: 45px; margin: 0 auto;}
.instructor-block .block-group .block .btn:hover{color: #1F2430; background: #fff;  text-decoration: none;}
.instructor-block .block-group .block.business .btn{color: #0155FB;}
.instructor-block .block-group .block.business .btn:hover{color: #1F2430; background: #fff;}
.instructor-block .block-group .block .shape{max-width: 80%; position: absolute; top: 0; right: 0; display: block; opacity: 0.15; z-index: 0;}
.instructor-block .block-group .block .shape img{width: 100%; height: auto; display: block;}

/* application-block */
.application-block{padding: 40px 0 105px; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,239,245,1) 100%);}
.application-block .container{display: flex; align-items: center; justify-content: center;}
.application-block .title{display: flex; align-items: center; font-size: 40px; font-weight: 600; margin: 0;}
.application-block .title span{font-size: 25px; font-weight: 400; line-height: 1; margin: 0;}
.application-block .apps-links{display: flex; margin: 0 0 0 20px;}
.application-block .apps-links a{display: block; max-width: 188px; margin: 0 0 0 10px;}
.application-block .apps-links a:first-child{margin: 0;}

/* upgradation-block */
.upgradation-block{max-width: 1330px; width: 100%; padding: 0 15px; margin-top: -55px;}
.upgradation-block .container{display: flex; justify-content: center; align-items: center; padding: 30px; border-radius: 8px; background: linear-gradient(to right, rgba(43,64,226,1) 0%,rgba(43,135,226,1) 100%,rgba(43,135,226,1) 100%);}
.upgradation-block .caption{color: #fff; font-size: 28px; font-weight: 300; margin: 0;}
.upgradation-block .caption strong{font-weight: 600;}
.upgradation-block .btn{color:#1F2430; background: #fff; min-width: 200px; font-size: 16px; height: 50px; line-height: 50px; margin: 0 0 0 45px;}
.upgradation-block .btn:hover{color:#2B7AE2; text-decoration: none;}

/*--------- category page ------------*/
/* category-banner */
.category-banner img{position: relative; width: 100%; background-size: cover; z-index: 0;}
.category-banner .container{display: flex; align-items: center; justify-content: space-between; height: 100%; display: none;}
.category-banner .overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0,42,105,0.9) 0%,rgba(84,84,84,0.3) 100%); opacity: 0.8; z-index: -1;}

.category-banner .left-part{margin: 0 10px 0 0;}
.category-banner .left-part .breadcrumbs{display: flex; align-items: center; margin: 0 0 15px;}
.category-banner .left-part .breadcrumbs li{display: flex; align-items: center; padding: 0; margin: 0; list-style: none; line-height: 1;}
.category-banner .left-part .breadcrumbs li:before{display: none;}
.category-banner .left-part .breadcrumbs li:after{color: #F5F7FA; content: "/"; display: block;}
.category-banner .left-part .breadcrumbs li:last-child:after{display: none;}
.category-banner .left-part .breadcrumbs li a{display: block; color: #F5F7FA; font-size: 13px; padding: 3px 5px; text-decoration: none;}
.category-banner .left-part .breadcrumbs li a:hover{color: #F06421;}
.category-banner .left-part .breadcrumbs li:first-child a{padding-left: 0;}
.category-banner .left-part .breadcrumbs li:last-child a{font-weight: 600; padding-right: 0;}
.category-banner .left-part .small-banner-title{color: #FFF; max-width: 390px; width: 100%; font-size: 24px; font-weight: 500; line-height: 1.6; margin: 0;}
.category-banner .right-part{max-width: 315px; width: 100%; border-radius: 8px; overflow: hidden; margin: 0;}

/* filter-bar */
.category-page .two-column{padding: 30px 0 55px;}
.category-page .two-column .container{display: flex; justify-content: space-between;}
.category-page .two-column .left-column{max-width: 255px; width: 100%; margin: 0 20px 0 0;}
.category-page .two-column .left-column.show{right: 0;}
.category-page .two-column .left-column.show .filters-group{height: calc(100vh - 106px); overflow-y: auto;}
.category-page .two-column .left-column.show .filter-bar .filter-head .icon-close{display: block; cursor: pointer;}

.category-page .two-column .right-column{width: 100%; margin: 0;}

.category-page .left-column .filter-bar{position: relative; background: #fff; width: 100%; margin: 0; border-radius: 8px; box-shadow: 0 0 5px rgba(77, 114, 137, 0.05);}
.category-page .filter-bar .button{display: none; position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; text-align: center; padding: 10px;}
.category-page .filter-bar button{background: #377EF9; color: #fff; width: 100%; border: 0; border-radius: 4px; margin: 0 auto;}
.category-page .filter-bar .filter-head{display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; border-bottom: 1px solid #DDD;}
.category-page .filter-bar .filter-head .title{font-weight: 500; margin: 0;}
.category-page .filter-bar .filter-head .btn-clear{color: #377EF9; margin: 0; cursor: pointer;}
.category-page .filter-bar .filter-head .btn-clear:hover{color: #1F2430; margin: 0; cursor: pointer;}
.category-page .filter-bar .filter-head .icon-close{display: none; font-size: 12px; margin: 0;}

.category-page .filter-bar .filters-group .item{line-height: 1; border-bottom: 1px solid #DDD; cursor: pointer;}
.category-page .filter-bar .filters-group .item:last-child{border-bottom: 0;}
.category-page .filter-bar .filters-group .item .filter-name{display: flex; align-items: center; justify-content: space-between; padding: 17px 20px 17px;}
.category-page .filter-bar .filters-group .item .filter-name span{color: #1F2430; font-size: 16px; font-weight: 500; margin: 0;}
.category-page .filter-bar .filters-group .item .filter-name samp{position: relative; display: block; width: 14px; height: 14px; margin: 0;}
.category-page .filter-bar .filters-group .item .filter-name samp::before{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 2px; background: #51596C;}
.category-page .filter-bar .filters-group .item .filter-name samp::after{position: absolute; content: ''; top: 0; left: 50%; transform: translateX(-50%);  width: 2px; height: 14px; background: #51596C; transition: 0.2s ease-in-out;}
.category-page .filter-bar .filters-group .item.open .filter-name samp::after{transform: rotate(90deg);}

.category-page .filter-bar .filters-group .item .item-content{display: none; margin: 0; padding: 0 20px 25px;}
.category-page .filter-bar .filters-group .item .item-content li{line-height: 1.3; padding: 8px 0; list-style: none;  cursor: pointer; margin: 0;}
.category-page .filter-bar .filters-group .item .item-content li:before{display: none;}
.category-page .filter-bar .filters-group .item .item-content li:first-child{padding-top: 0;}
.category-page .filter-bar .filters-group .item .item-content li:last-child{padding-bottom: 0;}
.category-page .filter-bar .filters-group .item .item-content .custom-checkbox .name{color: #51596C; font-size: 13px; margin: 0;}
.category-page .filter-bar .filters-group .item .item-content .custom-checkbox .name span{color: #A2A2A2;}
.category-page .filter-bar .filters-group .item .item-content .custom-checkbox input:checked ~ .name{color: #1F2430; font-weight: 500;}

/* course-listing */
.category-page .course-listing .heading{display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px;}
.category-page .course-listing .heading .title{font-size: 20px; font-weight: 500; line-height: 1.3; margin: 0 10px 0 0;}
.category-page .course-listing .heading .right-part{display: flex; align-items: center; margin: 0;}
.category-page .course-listing .heading .right-part .total-course{color: #51596C; font-size: 14px; white-space: nowrap;}
.category-page .course-listing .heading .right-part .total-course strong{color: #1F2430; font-weight: 500;}
.category-page .course-listing .heading .right-part .sortby{color: #51596C !important; background-color: #fff; background-size: 12px auto; max-width: 170px; width: 100%; height: 35px; font-size: 13px; padding: 0 30px 0 10px; margin: 0 0 0 10px; border: 0; border-radius: 6px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}

.category-page .course-listing .heading .right-part.overlay-show .btn-filter:after{opacity: 0.7; visibility: visible;}
.category-page .course-listing .heading .right-part .btn-filter{display: none; align-items: center; color: #51596C; background: #fff; padding: 10px; margin: 0 0 0 10px; border-radius: 4px; border: 1px solid #dddddd91; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); cursor: pointer;}
.category-page .course-listing .heading .right-part .btn-filter .icon{font-size: 13px; margin: 0 10px 0 0;} 
.category-page .course-listing .heading .right-part .btn-filter span{font-size: 12px; font-weight: 500; font-family: 'roboto'; text-transform: uppercase; white-space: nowrap;}
.category-page .course-listing .heading .right-part .btn-filter:after{content: ''; display: block; background: #000; opacity: 0; visibility: hidden; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(31, 36, 48, 0.7); transition: 0.3s linear;}

.category-page .course-listing .list-item{display: flex; background: #fff; margin-bottom: 10px; border-radius: 8px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05); overflow: hidden;}
/* .category-page .course-listing .list-item:last-child{margin-bottom: 0;} */
.category-page .course-listing .list-item .couser-img{position: relative; max-width: 245px; width: 100%; margin: 0; cursor: pointer;}

.category-page .course-listing .list-item .couser-img .icon-whishlist{position: absolute; top: 15px; right: 15px; color: #fff; max-width: 18px; width: 100%; cursor: pointer; z-index: 1;}
.category-page .course-listing .list-item .couser-img .icon-whishlist.active .whishlist{display: none;}
.category-page .course-listing .list-item .couser-img .icon-whishlist .whishlist-fill{display: none;}
.category-page .course-listing .list-item .couser-img .icon-whishlist.active .whishlist-fill{display: block;}

.category-page .course-listing .list-item .couser-img:hover .course-preview{opacity: 1; visibility: visible;}
.category-page .course-listing .list-item .couser-img .course-preview{position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; transition: 0.2s ease-in-out;}
.category-page .course-listing .list-item .couser-img .course-preview figure{max-width: 30px; width: 100%; margin-bottom: 5px;}
.category-page .course-listing .list-item .couser-img .course-preview span{color: #fff; font-weight: 600;}

.category-page .course-listing .list-item .item-content{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 15px; margin: 0;}

/* course-details */
.category-page .course-listing .list-item .course-details{max-width: 400px; width: 90%; margin: 0; }
.category-page .course-listing .list-item .course-details .title{display: block; color: #2E2E2E; font-size: 18px; font-weight: 600; margin-bottom: 5px; line-height: 1.2;}
.category-page .course-listing .list-item .course-details .title + div{display: flex; align-items: center; width: 100%; margin: 0 0 10px;}
.category-page .course-listing .list-item .course-details .title + div .learners{display: inline-flex; align-items: center; margin: 0;}
.category-page .course-listing .list-item .course-details .title + div .learners span{color: #51596C; font-size: 12px; margin: 0;}
.category-page .course-listing .list-item .course-details .title + div .learners .icon{color: #51596C; font-size: 20px; margin: 0 5px 0 0;}

.category-page .course-listing .list-item .course-details .level-text{display: inline-flex; margin: 0 20px 0 0;}
.category-page .course-listing .list-item .course-details .level-text span{color: #51596C; font-size: 12px; line-height: 15px; white-space: nowrap; margin: 0;}
.category-page .course-listing .list-item .course-details .level-text label{position: relative; display: inline-block; color: #1F2430; max-width: 68px; width: 100%; height: 15px; line-height: 16px; background: #F5C244; font-size: 9px; font-weight: 600; text-align: center; padding: 0 7px; margin: 0 17px 0 0; text-transform: uppercase; border-radius: 2px;}
.category-page .course-listing .list-item .course-details .level-text label:after{position: absolute; content: ''; top: 0; right: -8px; display: block; width: 11px; height: 15px; background: url('../images/label-seller-after-img.svg') no-repeat; background-size: contain;}
.category-page .course-listing .list-item .course-details p{color: #51596C; font-size: 12px; line-height: 1.5; margin-bottom: 15px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.category-page .course-listing .list-item .course-details .level-text label.top-rated{background: #F79D3D;}
.category-page .course-listing .list-item .course-details .level-text label.top-rated:after{background: url('../images/label-top-rated-img.svg') no-repeat;  background-size: contain;}

.category-page .course-listing .list-item .course-details .course-highlights{display: -webkit-inline-box; grid-template-columns: auto auto auto auto;}
.category-page .course-listing .list-item .course-details .course-highlights > div{display: flex; align-items: center; line-height: 1; margin: 0;}
.category-page .course-listing .list-item .course-details .course-highlights i{font-size: 16px; margin: 0;}
.category-page .course-listing .list-item .course-details .course-highlights span{font-size: 12px; font-weight: 500; margin: 0 0 0 5px;}

/* price-review-block */

.category-page .course-listing .list-item .price-review-block{max-width: 115px; width: 100%; margin: 0 0 0 15px;}
.category-page .course-listing .list-item .price-review-block .price-block{display: flex; align-items: center; justify-content: flex-end; margin-bottom: 10px; font-family: 'roboto'; line-height: 1;}
.category-page .course-listing .list-item .price-review-block .price-block .old-price{color: #A2A2A2; font-size: 14px; margin: 0 10px 0 0;}
.category-page .course-listing .list-item .price-review-block .price-block .price{font-size: 22px; font-weight: 700; margin: 0;}

.category-page .course-listing .list-item .price-review-block .rating-block{display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; margin-bottom: 15px;}
.category-page .course-listing .list-item .price-review-block .rating-block .stars-group{display: flex; align-items: center; margin: 0 0 2px 0;}
.category-page .course-listing .list-item .price-review-block .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 3px 0 0;}
.category-page .course-listing .list-item .price-review-block .rating-block .stars-group samp{color: #1F2430; font-size: 12px; font-weight: 600; margin-left: 3px;}
.category-page .course-listing .list-item .price-review-block .rating-block .total-rating{color: #585858; font-size: 12px; margin: 0;}
.category-page .course-listing .list-item .price-review-block .btn-add-cart{color: #fff; background: #F06421; width: 100%; height: 32px; line-height: 32px; font-size: 12px; border: 0;}
.category-page .course-listing .list-item .price-review-block .btn-add-cart:hover{background: #e05613;}

.category-page .course-listing .list-item .price-review-block-updated{display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center; width: 50%; margin: 0 0 0 15px;}
.category-page .course-listing .list-item .price-review-block-updated .price-block{display: flex; align-items: center; justify-content: flex-end; margin-bottom: 10px; font-family: 'roboto'; line-height: 1;}
.category-page .course-listing .list-item .price-review-block-updated .price-block .old-price{color: #A2A2A2; font-size: 14px; margin: 0 10px 0 0;}
.category-page .course-listing .list-item .price-review-block-updated .price-block .price{font-size: 22px; font-weight: 700; margin: 0;}

.category-page .course-listing .list-item .price-review-block-updated .rating-block{    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    align-content: center;
    flex-direction: column;}
.category-page .course-listing .list-item .price-review-block-updated .rating-block .stars-group{display: flex; align-items: center; margin: 0 0 2px 0;}
.category-page .course-listing .list-item .price-review-block-updated .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 3px 0 0;}
.category-page .course-listing .list-item .price-review-block-updated .rating-block .stars-group samp{color: #1F2430; font-size: 12px; font-weight: 600; margin-left: 3px;}
.category-page .course-listing .list-item .price-review-block-updated .rating-block .total-rating{color: #585858; font-size: 12px; margin: 0;}
.category-page .course-listing .list-item .price-review-block-updated .btn-add-cart{padding: 0 7px;color: #fff; background: #F06421; height: 32px; line-height: 32px; font-size: 12px; border: 0; border-radius: 6px;}
.category-page .course-listing .list-item .price-review-block-updated .btn-add-cart:hover{background: #e05613;}

/*--------- category page 01 ------------*/
/* category-banner */
.category-banner01{position: relative; width: 100%; height: 200px; background-size: cover; z-index: 0;}
.category-banner01 .container{display: flex; align-items: center; justify-content: space-between; height: 100%;}
.category-banner01 .overlay{position: absolute; top: 0; left: 0; width: calc(100% - 640px); height: 100%; background: #9DA6B0; opacity: 0.5; z-index: -1;}

.category-banner01 .left-part{width: 100%; margin: 0 10px 0 0;}
.category-banner01 .left-part .breadcrumbs{display: flex; align-items: center; margin: 0 0 15px;}
.category-banner01 .left-part .breadcrumbs li{display: flex; align-items: center; padding: 0; margin: 0; list-style: none; line-height: 1;}
.category-banner01 .left-part .breadcrumbs li:before{display: none;}
.category-banner01 .left-part .breadcrumbs li:after{color: #F5F7FA; content: ">"; display: block;}
.category-banner01 .left-part .breadcrumbs li:last-child:after{display: none;}
.category-banner01 .left-part .breadcrumbs li a{display: block; color: #F5F7FA; font-size: 13px; padding: 3px 5px; text-decoration: none;}
.category-banner01 .left-part .breadcrumbs li a:hover{color: #F06421;}
.category-banner01 .left-part .breadcrumbs li:first-child a{padding-left: 0;}
.category-banner01 .left-part .breadcrumbs li:last-child a{color: #FF7F50; padding-right: 0;}
.category-banner01 .left-part h1{color: #fff; font-size: 24px; font-weight: 500; margin: 0 0 15px;}
.category-banner01 .left-part p{color: #fff; font-size: 14px; line-height: 1.7; margin: 0;}
.category-banner01 .right-part{max-width: 315px; width: 100%; border-radius: 8px; overflow: hidden; margin: 0;}

/* tab-courselisting */
.category-page01 .tab-courselisting{padding-top: 30px;}
.category-page01 .tab-courselisting .tab_wrapper .tab_list{flex-wrap: wrap; margin-bottom: 10px;}
.category-page01 .tab-courselisting .tab_wrapper .tab_list li{color: #2E2E2E; background: #fff; height: 35px; line-height: 35px; font-size: 14px; padding: 0 20px; margin: 0 0 5px; border-radius: 30px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.category-page01 .tab-courselisting .tab_wrapper .tab_list li  li{margin-left: 5px;}
.category-page01 .tab-courselisting .tab_wrapper .tab_list li.resp-tab-active{color: #FFF; background: #1F2430;}

/* course-listing */
.category-page01 .course-listing .list-group{display: grid; grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
.category-page01 .course-listing .list-item{display: flex; background: #fff; padding: 5px 5px 0; margin: 0; border-radius: 8px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05); overflow: hidden;}
.category-page01 .course-listing .list-item:last-child{margin-bottom: 0;}
.category-page01 .course-listing .list-item .couser-img{position: relative; max-width: 245px; width: 100%; margin: 0 0 5px; cursor: pointer;}
.category-page01 .course-listing .list-item .couser-img img{border-radius: 8px;}

.category-page01 .course-listing .list-item .couser-img .icon-whishlist{position: absolute; top: 12px; right: 12px; color: #fff; max-width: 15px; width: 100%; cursor: pointer; z-index: 1;}
.category-page01 .course-listing .list-item .couser-img .icon-whishlist .whishlist-fill{display: none;}
.category-page01 .course-listing .list-item .couser-img .icon-whishlist .whishlist{border-radius: 0;}
.category-page01 .course-listing .list-item .couser-img .icon-whishlist.active .whishlist{display: none;}
.category-page01 .course-listing .list-item .couser-img .icon-whishlist.active .whishlist-fill{display: block; border-radius: 0;}


.category-page01 .course-listing .list-item .couser-img:hover .course-preview{opacity: 1; visibility: visible;}
.category-page01 .course-listing .list-item .couser-img .course-preview{position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); border-radius: 8px; opacity: 0; visibility: hidden; transition: 0.2s ease-in-out;}
.category-page01 .course-listing .list-item .couser-img .course-preview figure{max-width: 25px; width: 100%; margin-bottom: 5px;}
.category-page01 .course-listing .list-item .couser-img .course-preview span{color: #fff; font-size: 14px; font-weight: 600;}

.category-page01 .course-listing .list-item .item-content{display: flex; justify-content: space-between; width: 100%; padding: 10px 15px 15px; margin: 0;}

/* course-details */
.category-page01 .course-listing .list-item .course-details{display: flex; flex-direction: column; justify-content: space-between; width: 100%; margin: 0;}
.category-page01 .course-listing .list-item .course-details .top{margin: 0;}
.category-page01 .course-listing .list-item .course-details .title{display: block; color: #2E2E2E; font-size: 18px; font-weight: 600; margin: 0 0 10px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.category-page01 .course-listing .list-item .course-details .level-text{display: flex; align-items: center; flex-wrap: wrap; margin: 0 0 12px;}
.category-page01 .course-listing .list-item .course-details .level-text span{color: #51596C; font-size: 12px; line-height: 15px; margin: 0;}
.category-page01 .course-listing .list-item .course-details .level-text span + span:before{content: ''; display: inline-block; background: #51596C; width: 5px; height: 5px; margin: 0 10px 1px; border-radius: 50%;}
.category-page01 .course-listing .list-item .course-details .level-text label{position: relative; display: inline-block; color: #1F2430; max-width: 68px; width: 100%; height: 15px; line-height: 16px; background: #F5C244; font-size: 9px; font-weight: 600; text-align: center; padding: 0; margin: 0 17px 0 0; text-transform: uppercase; border-radius: 2px;}
.category-page01 .course-listing .list-item .course-details .level-text label:after{position: absolute; content: ''; top: 0; right: -8px; display: block; width: 11px; height: 15px; background: url('../images/label-seller-after-img.svg') no-repeat; background-size: contain;}
.category-page01 .course-listing .list-item .course-details p{color: #51596C; font-size: 12px; line-height: 1.5; margin-bottom: 15px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.category-page01 .course-listing .list-item .course-details .level-text label.top-rated{background: #F79D3D;}
.category-page01 .course-listing .list-item .course-details .level-text label.top-rated:after{background: url('../images/label-top-rated-img.svg') no-repeat;  background-size: contain;}

.category-page01 .course-listing .list-item .course-details .course-highlights{display: flex; flex-wrap: wrap; margin: 0;}
.category-page01 .course-listing .list-item .course-details .course-highlights > div{display: flex; align-items: center; line-height: 1; margin: 0 15px 6px 0;}
.category-page01 .course-listing .list-item .course-details .course-highlights i{font-size: 16px; margin: 0;}
.category-page01 .course-listing .list-item .course-details .course-highlights span{font-size: 12px; font-weight: 500; margin: 0 0 0 5px;}

.category-page01 .course-listing .list-item .bottom{display: flex; align-items: center; justify-content: space-between; line-height: 1; margin: 10px 0 0;}
.category-page01 .course-listing .list-item .bottom .rating-block{display: inline-flex; align-items: center; margin: 0 10px 0 0;}
.category-page01 .course-listing .list-item .bottom .rating-block .stars-group{display: flex; align-items: center; margin: 0;}
.category-page01 .course-listing .list-item .bottom .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 3px 0 0;}
.category-page01 .course-listing .list-item .bottom .rating-block .stars-group samp{color: #1F2430; font-size: 12px; font-weight: 600; margin-left: 3px;}
.category-page01 .course-listing .list-item .bottom .rating-block .total-rating{color: #585858; font-size: 12px; margin: 0 0 0 5px;}

.category-page01 .course-listing .list-item .bottom .link-startnow{display: inline-flex; align-items: center; color: #F06421; font-size: 15px; font-weight: 500; text-decoration: none; margin: 0;}
.category-page01 .course-listing .list-item .bottom .link-startnow:hover{color: #FF953F;}
.category-page01 .course-listing .list-item .bottom .link-startnow .icon{font-size: 13px; margin: 2px 0 0 5px;}

/* market-dmand*/
.category-page01 .white-box{background: #fff; padding: 60px 0;}
.category-page01 .market-dmand{background: #fff4f2; padding: 40px 30px; margin: 0 0 50px; border-radius: 8px;}
.category-page01 .market-dmand h2{color: #1F2430; text-align: center; margin-bottom: 30px;}
.category-page01 .market-dmand .content{display: flex; justify-content: space-between;}
.category-page01 .market-dmand .content figure{max-width: 596px; width: 100%; margin: 0;}
.category-page01 .market-dmand .content .caption{width: 100%; margin: 0 0 0 40px;}
.category-page01 .market-dmand .content .caption p{color: #1F2430; font-size: 18px; line-height: 1.6;}
.category-page01 .market-dmand .content .caption p:last-child{margin-bottom: 0;}
.category-page01 .market-dmand .content .caption p a{color: #F06421;}

/* grow-skill */
.category-page01 .grow-skill h3{color: #1F2430; max-width: 700px; width: 100%; font-weight: 400; text-align: center; margin-bottom: 60px;}
.category-page01 .grow-skill .block-group{display: flex;}
.category-page01 .grow-skill .block{background: #d9ede9; text-align: center; padding: 0 40px 20px; margin: 0; border-radius: 8px;}
.category-page01 .grow-skill .block + .block{margin-left: 10px;}
.category-page01 .grow-skill .block .box-title{font-size: 22px; margin-bottom: 15px;}
.category-page01 .grow-skill .block p{color: #51596C; font-size: 14px; line-height: 1.6; margin: 0;}
.category-page01 .grow-skill .block figure{max-width: 65px; width: 100%; margin: -35px auto 15px;}

/* .faq-block */
.category-page01 .faq-block{padding: 50px 0 90px;}
.category-page01 .faq-block .title{margin-bottom: 30px;}
.category-page01 .faq-block .accordian-block .item{border-bottom: 1px solid #DDDDDD;border-top: none;border-right: none;border-left: none;margin: 0;border-radius: 0;}
.category-page01 .faq-block .accordian-block .item:first-child{border-top: 1px solid #ddd;}
.category-page01 .faq-block .accordian-block .item:last-child{border-bottom: 0;}
.category-page01 .faq-block .accordian-block .item-head {background: none; padding: 23px 0; }
.category-page01 .faq-block .accordian-block .item-head{background: none; padding: 23px 0;}
.category-page01 .faq-block .accordian-block .item-head samp::before{background: #1f2430; height: 2px;}
.category-page01 .faq-block .accordian-block .item-head samp::after{background: #1f2430; width: 2px;}
.category-page01 .faq-block .accordian-block .item-head span{display: block; color: #2E2E2E; font-size: 18px; font-weight: 500; margin: 0 25px 0 0;}
.category-page01 .faq-block .accordian-block .item-content{padding: 0 25px 20px 0px;}
.category-page01 .faq-block .accordian-block .item-head.open samp:before{background: #1F2430;}
.category-page01 .faq-block .accordian-block .item-head samp{position: absolute; top: 50%; transform: translate(0, -50%); display: block; width: 14px; height: 14px; margin: 0 10px 0 0; right: 0;}

.category-page01 .faq-block .accordian-block .item-content{padding: 0 25px 20px 0px;}
.category-page01 .faq-block .accordian-block .item-content > p{color: #2E2E2E; font-size: 14px; margin-bottom: 15px;}
.category-page01 .faq-block .accordian-block .item-content span{display: block; font-size: 14px; color: #2E2E2E; font-weight: 600; line-height: 1.4; margin-bottom: 10px;}
.category-page01 .faq-block .accordian-block .item-content ul{margin: 0; padding: 0 0 0 20px;}
.category-page01 .faq-block .accordian-block .item-content ul li{justify-content: unset; color: #1F2430; padding: 5px 15px;}
.category-page01 .faq-block .accordian-block .item-content ul li:before{display: block; top: 12px; border-radius: 50%;}
.category-page01 .faq-block .accordian-block .item-content ul li p{color: #1F2430; font-size: 14px; line-height: 1.5; margin: 0;}
.category-page01 .faq-block .accordian-block .item-content ul li p a{display: inline-block; text-decoration: underline; margin: 0;}

/*--------- product page ------------*/
html.html-product-page{scroll-behavior: smooth;}
.product-page h2{color: #1F2430; font-size: 20px; font-weight: 500;}
.product-page .two-column{position: relative;}
.product-page .right-section{position: absolute;  left: 50%; transform: translateX(calc(100% - 50px));}
.product-page .right-section.fixed{position: fixed; top: 70px; left: 50%; transform: translateX(calc(100% - 50px));}
.product-page .container-left{max-width: calc(100% - 390px); width: 100%; margin: 0;}

/* product banner */
.product-banner .container{padding: 17px 15px 30px;}
.product-banner .breadcrumbs{display: flex; align-items: center; margin: 0 0 20px;}
.product-banner .breadcrumbs li{display: flex; align-items: center; padding: 0; margin: 0; list-style: none; line-height: 1;}
.product-banner .breadcrumbs li:before{display: none;}
.product-banner .breadcrumbs li:after{color: #E2E2E2; content: "/"; display: block;}
.product-banner .breadcrumbs li:last-child:after{display: none;}
.product-banner .breadcrumbs li a{display: block; color: #E2E2E2; font-size: 12px; padding: 3px 5px; text-decoration: none;}
.product-banner .breadcrumbs li a:hover{color: #F06421;}
.product-banner .breadcrumbs li:first-child a{padding-left: 0;}
.product-banner .breadcrumbs li:last-child a{font-weight: 600; padding-right: 0;}

.product-banner .product-details{display: flex; justify-content: space-between;}
.product-banner .product-details .course-img{position: relative; max-width: 270px; width: 100%; height: 100%; margin: 0 20px 0 0; border-radius: 4px; cursor: pointer; overflow: hidden; border: 2px solid #fff;}
.product-banner .product-details .course-img:before{ content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.80)); border-radius: 8px; visibility: visible; transition: 0.2s ease-in-out;}
/* .product-banner .product-details .course-img:hover:before{opacity: 1; visibility: visible;} */
.product-banner .product-details .course-img .play-btn{position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); max-width: 50px; width: 100%; opacity: 999; }
.product-banner .product-details .course-img.info:before{content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1) url('../images/info-btn.svg') no-repeat center; z-index: 3; border-radius: 8px; opacity: 0; visibility: hidden; transition: 0.2s ease-in-out;}
.product-banner .product-details .course-img.info:hover:before{opacity: 1; visibility: visible;}
.product-banner .product-details .course-img.blank:before{content: none;}
.product-banner .product-details .course-img .info-btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 60px; width: 100%;}
.product-banner .left-part{display: flex; height: max-content; margin: 0;}
.product-banner .course-content{margin: 0;}
.product-banner .course-content .title{color: #fff; font-size: 24px; font-weight: 500; margin-bottom: 5px;}
.product-banner .course-content .sub-title{color: #fff; font-size: 14px; margin-bottom: 5px;}
.product-banner .course-content .level-text{display: inline-block; margin-bottom: 0;}
.product-banner .course-content .level-text span{color: #fff; font-size: 14px; line-height: 15px; font-weight: 500; margin: 0;}
.product-banner .course-content .level-text label{position: relative; display: inline-block; color: #1F2430; max-width: 68px; width: 100%; height: 15px; line-height: 16px; background: #F5C244; font-size: 9px; font-weight: 600; text-align: center; padding: 0; margin: 0 17px 0 0; text-transform: uppercase; border-radius: 2px;}
.product-banner .course-content .level-text label:after{position: absolute; content: ''; top: 0; right: -8px; display: block; width: 11px; height: 15px; background: url('../images/label-seller-after-img.svg') no-repeat; background-size: contain;}

.product-banner .course-content .rating-block{display: inline-flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; background: #fff; padding: 10px;/*  margin-bottom: 15px; */ margin-right: 2px; border-radius: 4px;}
.product-banner .course-content .rating-block .stars-group{display: flex; align-items: center; margin: 0;}
.product-banner .course-content .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0;}
.product-banner .course-content .rating-block .stars-group figure + figure{margin: 0 0 0 3px;}
.product-banner .course-content .rating-block .stars-group samp{color: #1F2430; font-size: 12px; font-weight: 600; margin-left: 5px;}
.product-banner .course-content .rating-block .total-rating{color: #1F2430; font-size: 12px; margin: 0 0 0 6px;}
.product-banner .course-content .total-learners{position: relative; top: 7px; display: inline-flex; align-items: center; justify-content: center; margin: 0 10px;}
.product-banner .course-content .total-learners .icon{color: #fff; font-size: 28px; margin: 0;}
.product-banner .course-content .total-learners span{color: #FEFEFE; font-size: 16px; margin: 0 0 0 12px;}

.product-banner .course-content .course-highlights{display: flex;}
.product-banner .course-content .course-highlights > div{margin: 0;}
.product-banner .course-content .course-highlights > div + div{padding-left: 15px; margin-left: 45px; border-left: 1px solid #71737E}
.product-banner .course-content .course-highlights span{display: block; color: #fff; font-size: 18px;}
.product-banner .course-content .course-highlights samp{display: block; color: #9EA0A8; font-size: 13px;}

.product-banner .right-part{display: inline-flex; justify-content: center; flex-direction: column; margin: 0 0 0 0px;}

.product-banner .right-part .btn-group{ width: 100%; margin: 0;}
.product-banner .right-part .btn-free-test .buy-btn{height: auto; line-height: 1.4; display: block; width: 100%; color: #fff; background: #F06421; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; transition: 0.2s ease-in-out; padding:11px 0; border-radius: 30px; text-align: center;}
.product-banner .right-part .btn-free-test span{display: block; font-size: 12px; font-weight: 500; margin: 0;}
.product-banner .right-part .link-free-test .icon {
    margin: 0 0 0 5px;
}
.product-banner .right-part .btn-add-to-cart{color: #1F2430; max-width: 33%; width: 100%; background: #F3F3F4; margin-right: 5px; border: 0; border-radius: 4px;}
.product-banner .right-part .btn-whishlist{display: flex; align-items: center; justify-content: center; max-width: 33%; width: 100%; color: #fff; background: transparent; border: 1px solid #9294a0; border-left: 1px solid #9294a0; border-radius: 0 4px 4px 0;}
.product-banner .right-part .btn-whishlist i{font-size: 14px; margin: 0 5px 0 0;}
.product-banner .right-part .btn-add-to-cart,
.product-banner .right-part .btn-whishlist{display: none;}

/* tab-group */
.scroll-nav{position: sticky; top: 60px; left: 0; background: #F3F6F8; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); z-index: 967;}
.scroll-nav ul{display: flex; margin: 0;}
.scroll-nav ul li{padding: 0; margin: 0;}
.scroll-nav ul li + li{margin: 0 0 0 43px;}
.scroll-nav ul li:before{display: none;}
.scroll-nav ul li a{position: relative; display: block; color: #62646A; font-size: 14px; text-decoration: none; padding: 13px 0; transition: 0.2s ease-in-out;}
.scroll-nav ul li a:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #F06421; display: block; opacity: 0; visibility: hidden;}
.scroll-nav ul li a:hover{color: #2E2E2E;}
.scroll-nav ul li.active a{color: #2E2E2E;}
.scroll-nav ul li.active a:after{opacity: 1; visibility: visible;}

/* buy-box */
#sidebar{position: absolute; z-index: 1;}
#sidebar.is_stuck{bottom: 20px !important;}
.buy-box{background: #fff; width: 350px; height: max-content; padding: 15px 15px 15px; margin: 0; border-radius: 8px; box-shadow: 0 0 10px rgba(203, 214, 226, 1);}
.buy-box .head-txt{font-size: 16px; line-height: 24px; color: #1F2430; margin: 0 0 10px 0;}
.buy-box .option-group{margin-bottom: 15px;}
.buy-box .option-group ul{margin: 0; border: 1px solid #DFE6EF; border-radius: 8px; overflow: hidden;}
.buy-box .option-group ul li{background: #F9FBFC; padding: 0; margin: 0; list-style: none; line-height: 1; border-bottom: 1px solid #DFE6EF;}
.buy-box .option-group ul li:last-child{border-bottom: 0;}
.buy-box .option-group ul li:before{display: none;}
.buy-box .option-group .custom-checkbox{align-items: center; padding: 17px 15px;}
.buy-box .option-group .custom-checkbox .checkbox-style{background: #fff; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #ddd;}
.buy-box .option-group .custom-checkbox .checkbox-style:before{content: "N";}
.buy-box .option-group .custom-checkbox input{width: 22px; height: 22px; border-radius: 50%;}
.buy-box .option-group .custom-checkbox input[type="checkbox"]:checked ~ .checkbox-style{background-color: #00BE7E; border: 1px solid #00BE7E;}
.buy-box .option-group .custom-checkbox .name{color: #1F2430; font-size: 15px; margin: 0 10px 0 0;}
.buy-box .option-group .custom-checkbox .name .status{font-size: 12px; line-height: 12px; color: #A2A2A2; margin: 5px 0 0 0;}
.buy-box .option-group .custom-checkbox .name .status span{color: #F06421;}
.buy-box .option-group .price-block{display: flex; align-items: center; font-family: 'roboto'; line-height: 1; margin: 0 0 0 auto;}
.buy-box .option-group .price-block .old-price{color: #A2A2A2; font-size: 13px;}
.buy-box .option-group .price-block .price{color: #1F2430; font-size: 16px; font-weight: 500; margin: 0 0 0 8px;}
.buy-box .option-group .price-block .btn-access{font-size: 14px; line-height: 12px; font-weight: 500; color: #2283F7; transition: 0.2s ease-in-out;}
.buy-box .option-group .price-block .btn-access:hover{color: #007cffa6; text-decoration: none;}

.buy-box .plan-selection {
    display: flex;
    margin: 0 -15px;
    margin-bottom: 14px;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
  }
  
  .buy-box .plan-selection div {
    width: 50%;
    margin: 0;
    transition: border-bottom-color 0.3s ease, margin-bottom 0.3s ease;
  }
  
  .buy-box .plan-selection hr {
    position: absolute;
    top: 60%;
    left: 50%;
    margin: 0px -13px 0px;
    transform: translate(-50%, -50%);
    rotate: 90deg;
    width: 25px;
    background-color: rgba(38, 38, 38, 0.25);
    transition: background-color 0.3s ease;
  }
  
  .buy-box .plan-selection span {
    display: flex;
    width: 75%;
    padding: 11px 20px;
    justify-content: space-around;
    margin-bottom: 11px;
    cursor: pointer;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.36px;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  
  .buy-box .plan-selection span img {
    margin: 0px 8px 0px 0px;
  }
  
  .buy-box .plan-selection .individual-active {
    border-radius: 4px;
    background: #FBEFD3;
    color: #E5A100;
  }
  
  .buy-box .plan-selection .teams-active {
    border-radius: 4px;
    color: #391498;
    background: #DACDFB;
  }
  
.buy-box .teams {}

.buy-box .teams .business{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}

.buy-box .teams .business img{
    margin: 0;
    padding: 0;
}

.buy-box .teams .business p{
    margin: 0;
    padding: 0;
    padding-left: 5px;
    color: #F06421;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
}

.buy-box .teams .bussines-description{
    margin: 0;
    padding: 0;
    margin-top: 10px;
    color: #000;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 19.2px */
    letter-spacing: 0.48px;
}

.buy-box .teams .request-demo{
    margin: 0;
    padding: 12px 0px;
    margin-top: 19px;
    width: 100%;
    border-radius: 8px;
    background: #F06421;
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.buy-box .teams .business-benefits{
    margin-top: 28px;
}

.buy-box .teams .business-benefits .perks{
    margin-bottom: 20px;
    color: #434343;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 15.6px */
    letter-spacing: 0.48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.buy-box .teams .business-benefits .perks span{
    margin: 0;
    color: #000;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.48px;
}

.buy-box .teams .business-benefits .perks img{
    margin: 0;
    margin-right: 12px;
}

.discount-block{display: flex; justify-content: center; color: #51596C; background: #FCF6EC; font-size: 10px; padding: 6px 15px; margin: 0 0 20px; border-radius: 8px;align-items: center;}
.discount-block figure{max-width: 16px; width: 100%; margin: 0;}
.discount-block span{margin: 0 0 0 8px;}
.discount-block strong{color: #FFAE28; font-weight: 700;}

.buy-box .price-and-offer{display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 0 5px; padding: 0 10px 0 0;}
.buy-box .price-and-offer .price-block{display: flex; align-items: center; font-family: 'roboto'; line-height: 1; margin: 0;}
.buy-box .price-and-offer .price-block .old-price{color: #A2A2A2; font-size: 22px;}
.buy-box .price-and-offer .price-block .price{color: #1F2430; font-size: 28px; font-weight: 700; margin: 0 0 0 10px;}
.buy-box .price-and-offer .offer{color: #FF2101; background: #FFE3CA; font-size: 18px; font-weight: 600; border: 1px solid #FFE3CA; border-radius: 6px; padding: 4px 10px; margin: 0 10px 0 0;}

.buy-box .discount-content {margin-bottom: 10px; display: flex;}
.buy-box .discount-content span{color: #FF2504; display: flex; font-size: 16px; align-items: center; gap: 8px;}
.buy-box .discount-content span i{color: #000;}
.buy-box .discount-content span strong{font-size: 24px;}

.buy-box .btn-group{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 2px;}
.buy-box .btn-group button{display: block; width: 100%; height: 45px; line-height: 45px; font-weight: 600; border-radius: 8px;}
.buy-box .btn-group .add-to-cart{max-width: 265px; width: 100%; color: #1F2430; background: #F3F3F4;  margin-bottom: 10px;}
.buy-box .btn-group .add-to-cart:hover{background: #e8e8e8;}
.buy-box .btn-group .buy-now{width: 100%; color: #fff; background: #F06421;}
.buy-box .btn-group .buy-now:hover{background: #e05613;}

.buy-box .add-whishlist{height: 42px; max-width: 42px; width: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #DDDDDD; border-radius: 8px; margin: 0 0 0 10px;}
.buy-box .add-whishlist.active .icon{color: #FC6262;}
.buy-box .add-whishlist .icon{color: #ddd; font-size: 20px; margin: 0;}

.buy-box .share-course{display: flex; align-items: center; justify-content: center; padding-top: 1px; padding-bottom: 10px;}
.buy-box .share-course span{color: #2E2E2E; font-size: 14px; margin: 0 8px 0 0;}
.buy-box .share-course .btn-share{display: flex; align-items: center; color: #007CFF; margin: 0; text-decoration: none;}
.buy-box .share-course .btn-share:hover{color: #007cffa6;}
.buy-box .share-course .btn-share .icon{font-size: 13px; margin: 0 4px 0 0;}
.buy-box .share-course .btn-share samp{font-weight: 500; margin: 0;}

/* buy-box.crazy-deal */
.buy-box.crazy-deal .price-and-offer{justify-content: center;}
.crazy-deal .crazy-content{position: relative; text-align: center; background: linear-gradient(180deg, #F9E5E4 0%, #F9E5E4 100%); border-radius: 30px 0px; padding: 20px 44px; margin: 0 0 47px 0;}
.crazy-deal .crazy-content .sharp-top{position: absolute; max-width: 45%; width: 100%; top: 0; right: 0;}
.crazy-deal .crazy-content .sharp-bottom{position: absolute; max-width: 54%; width: 100%; top: 100%; left: 0;}
.crazy-deal .crazy-content .dots-top{position: absolute; max-width: 14.4%; width: 100%; top: 20px; left: 16px;}
.crazy-deal .crazy-content .dots-bottom{position: absolute; max-width: 14.4%; width: 100%; bottom: 42px; right: 16px;}
.crazy-deal .crazy-content label{position: relative; font-size: 13px; line-height: 19px; font-weight: 500; color: #1F2430; margin: 0; z-index: 1;}
.crazy-deal .crazy-content label strong{font-weight: 700;}
.crazy-deal .crazy-content h6{position: relative; z-index: 1; font-size: 35px; line-height: 52px; color: #F04646; font-weight: 800; font-style: italic; letter-spacing: 0.02em; margin: 0 0 10px 0;}
.crazy-deal .crazy-content p{font-size: 14px; font-weight: 500; line-height: 22px; color: #1F2430; margin: 0 0 26px 0;}
.crazy-deal .discount-block{position: relative; color: #51596A; font-size: 12px; padding: 6px 20px; background: #fff; margin: 0; z-index: 1;}

/* bottom-cart-sticky */
.bottom-cart-sticky{display: none; position: fixed; left: 0; bottom: 0; justify-content: space-between; width: 100%; background: #0D0B23; padding: 10px 15px; z-index: 998;}
.bottom-cart-sticky .left{margin: 0 20px 0 0;}
.bottom-cart-sticky .left .title{color: #fff; font-size: 17px; margin-bottom: 5px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.bottom-cart-sticky .left .bottom-group{display: flex; align-items: center;}
.bottom-cart-sticky .left .price-block{display: inline-flex; align-items: center; font-family: 'roboto'; line-height: 1; margin: 0 25px 0 0;}
.bottom-cart-sticky .left .price-block .old-price{color: #A2A2A2; font-size: 14px;}
.bottom-cart-sticky .left .price-block .price{color: #fff; font-size: 18px; font-weight: 700; margin: 0 10px 0 0;}
.bottom-cart-sticky .left .rating-block{display: flex; align-items: center; margin: -2px 0 0;}
.bottom-cart-sticky .left .rating-block .stars-group{display: flex; align-items: center; margin: 0;}
.bottom-cart-sticky .left .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 3px 0 0;}
.bottom-cart-sticky .left .rating-block .stars-group samp{color: #fff; font-size: 12px; font-weight: 600; margin-left: 5px;}
.bottom-cart-sticky .left .rating-block .total-rating{color: #A2A2A2; font-size: 12px; margin: 0 0 0 2px;}
.bottom-cart-sticky .btn-group{display: flex; align-items: center; max-width: 49%; width: 100%; margin: 0 0 0 auto;}
.bottom-cart-sticky .btn-group button{position: relative; display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; font-weight: 600; border-radius: 4px; border: 0;}
.bottom-cart-sticky .btn-group .buy-now{color: #F3F3F4; background: #F06421; margin-left: 5px;}
.bottom-cart-sticky .btn-group .add-to-cart{color: #1F2430; background: #F3F3F4;}

/* include-section */
.training-options{margin-bottom: 30px;}
.training-options .heading{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.training-options .heading .title{margin: 0 10px 0 0;}
.training-options .heading .discount-block{display: inline-flex; align-items: center; color: #51596C; background: #FCF6EC; font-size: 11px; padding: 7px 18px; margin: 0; border-radius: 8px;}
.training-options .heading .discount-block figure{max-width: 16px; width: 100%; margin: 0;}
.training-options .heading .discount-block span{margin: 0 0 0 8px;}
.training-options .heading .discount-block strong{color: #FFAE28; font-weight: 700;}

.training-options .option-group{display: flex;}
.training-options .option-group .option{max-width: calc(100% / 3); width: 100%; margin: 0 0 0 20px; border: 1px solid #DDD; border-radius: 8px;}
.training-options .option-group .option:first-child{margin-left: 0;}
.training-options .option-group .option.active{background: #F0FDFB; border: 1px solid #00BE7E; box-shadow: 0px 0px 0px 1px #00BE7E;}
.training-options .option-group .option .custom-checkbox{display: block; padding: 20px; height: 100%;}
.training-options .option-group .option .custom-checkbox input{width: 24px; height: 24px; border-radius: 50%;}
.training-options .option-group .option .custom-checkbox .checkbox-style{display: block; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #ddd; margin-bottom: 15px;}
.training-options .option-group .option .custom-checkbox .checkbox-style:before{content: "N"; font-size: 12px;}
.training-options .option-group .option .custom-checkbox input:checked ~ .checkbox-style{background-color: #00BE7E; border: 1px solid #00BE7E;}

.training-options .option-group .option.free-box.active{background: transparent; border: 1px solid #DDD; box-shadow: inherit;}
.training-options .option-group .option.free-box.active .price-and-offer .offer{border: 1px solid #FFF5E6;}
.training-options .option-group .option.free-box .custom-checkbox .checkbox-style{opacity: 0;}

.training-options .option-group .option .name{display: block; color: #1F2430; width: 100%; font-size: 16px; font-weight: 500; margin-bottom: 7px;}
.training-options .option-group .option .price-and-offer{display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0;}
.training-options .option-group .option .price-and-offer .price-block{display: flex; align-items: center; font-family: 'roboto'; line-height: 1; margin: 0;}
.training-options .option-group .option .price-and-offer .price-block .price{color: #1F2430; font-size: 22px; font-weight: 700; margin: 0 10px 0 0;}
.training-options .option-group .option .price-and-offer .price-block .old-price{color: #A2A2A2; font-size: 16px;}
.training-options .option-group .option .price-and-offer .offer{color: #FFAE28; background: #FFF5E6; font-size: 12px; font-weight: 700; border: 1px solid #FFF5E6; border-radius: 6px; padding: 4px 10px; margin: 0 0 0 10px;}
.training-options .option-group .option.active .price-and-offer .offer{border-color: #FFD186;}

.training-options .option-group .option.already-purchased{padding: 20px;}
.training-options .option-group .option.already-purchased .title{margin-bottom: 13px;}
.training-options .option-group .option.already-purchased .title span{font-size: 12px; font-weight: 500;color: #007CFF; padding: 5px 11px; background: #E0EFFF; border-radius: 6px;}
.training-options .option-group .option.already-purchased p{font-size: 13px; margin: 0;}

.training-options .option-group .option.comming-soon{background: #F3F3F4; padding: 20px; border: 0; border-radius: 8px;}
.training-options .option-group .option.comming-soon .title{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.training-options .option-group .option.comming-soon .title span{color: #1F2430; font-size: 16px; font-weight: 500; margin: 0;}
.training-options .option-group .option.comming-soon .title a.btn-notify{color: #F06421; font-size: 14px; font-weight: 500; text-decoration: underline; margin: 0;}
.training-options .option-group .option.comming-soon .title a.btn-notify:hover{color: #FF953F;}
.training-options .option-group .option.comming-soon .name{color: #898B92; pointer-events: none;}
.training-options .option-group .option.comming-soon .price-block{font-family: 'roboto'; color: #898B92; font-size: 22px; font-weight: 700; pointer-events: none;}

/* course-overview */
.course-overview{margin-bottom: 30px}
.course-overview .container-left{padding-top: 10px;}
.course-overview h2{margin-bottom: 20px;}
.course-overview p{line-height: 1.9; margin-bottom: 30px;}
.course-overview .abilities-block .title{font-size: 14px; font-weight: 500;}
.course-overview .abilities-block ul{margin: 15px;}
.course-overview .abilities-block ul li:last-child{margin-bottom: 0;}

/* learn-block */
.learn-block{margin-bottom: 9px;}
.learn-block .container-left{padding-top: 10px;}
.learn-block h2{margin-bottom: 20px;}
.learn-block ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0;}
.learn-block ul li{max-width: calc(100% / 2 - 35px); width: 100%; color: #51596C; font-size: 14px; padding-left: 30px; margin: 0 0 20px;}
.learn-block ul li:nth-last-child(-n2){margin-bottom: 0;}
.learn-block ul li:before{top: 2px; background: url('../images/arrow-what-will-learn.svg') no-repeat; width: 20px; height: 20px;}

/* includen-in-course */
.benifits-block{background: #F5F8FA; padding: 30px 0 50px;}
.benifits-block h2{margin-bottom: 15px;}

.benifits-block .tab_wrapper .tab_list{width: 100%; display: inline-flex; align-items: center; margin: 0;}
.benifits-block .tab_wrapper .resp-tab-content{border: none;}
.benifits-block .tab_wrapper .tab_list li{display: flex; align-items: center; color: #2E2E2E; font-size: 16px; font-weight: 500; line-height: 1; padding: 15px 25px; margin: 0; cursor: pointer;}
.benifits-block .tab_wrapper .tab_list li samp{display: flex; align-items: center;}
.benifits-block .tab_wrapper .tab_list li:before{display: none;}
.benifits-block .tab_wrapper .tab_list li.resp-tab-active{color: #F06421; background-color: #FFF; border-radius: 4px 4px 0 0;}
.benifits-block .tab_wrapper .tab_list li.resp-tab-active .icon{color: #F06421;}
.benifits-block .tab_wrapper .tab_list li .icon{color: #1F2430; font-size: 18px; margin: 0 8px 0 0;}
.benifits-block .tab_wrapper .tab_list li.resp-tab-active{border: none !important;}
.benifits-block .tab_wrapper .content_wrapper{background: #fff; padding: 20px; border-radius: 0 8px 8px 8px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.benifits-block .tab_wrapper .content_wrapper .resp-accordion{color: #2E2E2E; font-weight: 500;}
.benifits-block .tab_wrapper .content_wrapper .resp-accordion.resp-tab-active{display: none; color: #F06421;}
.benifits-block .tab_wrapper .content_wrapper .resp-accordion.resp-tab-active .arrow{border-top: 2px solid #F06421; border-left: 2px solid #F06421;}
.benifits-block .tab_wrapper .content_wrapper .resp-accordion.resp-tab-active .icon{color: #F06421;}

.benifits-block .tab_wrapper .content_wrapper p{margin-bottom: 20px;}
.benifits-block .tab_wrapper .accordian-block > .title{color: #2E2E2E; font-size: 14px; font-weight: 600; margin-bottom: 10px;}
.benifits-block .tab_wrapper .accordian-block .total-duration{display: flex; align-items: center; justify-content: flex-end; padding-right: 15px; margin-bottom: 2px;}
.benifits-block .tab_wrapper .accordian-block .total-duration .total-lecture{color: #1F2430; font-size: 13px; font-weight: 500; margin: 0;}
.benifits-block .tab_wrapper .accordian-block .total-duration .total-time{color: #1F2430; width: 50px; font-size: 13px; font-weight: 500; text-align: right; margin: 0 0 0 20px;}

.benifits-block .tab_wrapper .accordian-block .item{border-radius: 3px; overflow: hidden; margin-bottom: 2px;}
.benifits-block .tab_wrapper .accordian-block .item:last-child{margin-bottom: 0;}
.benifits-block .tab_wrapper .accordian-block .item-head{padding: 12px 15px;}

.benifits-block .tab_wrapper .accordian-block .item-head .left{margin: 0;}
.benifits-block .tab_wrapper .accordian-block .item-head .left samp{top: 14px; width: 18px; height: 18px; margin: 0; border: 1px solid #1F2430; border-radius: 50%;}
.benifits-block .tab_wrapper .accordian-block .item-head .left samp::before{left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 1px; background: #1F2430;}
.benifits-block .tab_wrapper .accordian-block .item-head .left samp::after{top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 10px; background: #1F2430;}
.benifits-block .tab_wrapper .accordian-block .item-head .left span{display: block; color: #1F2430; margin: 0 10px 0 28px;}
.benifits-block .tab_wrapper .accordian-block .item-head.open .left samp::after{transform: translateY(-50%) rotate(90deg);}

.benifits-block .tab_wrapper .accordian-block .item-head .right{display: flex; align-items: center; margin: 0;}
.benifits-block .tab_wrapper .accordian-block .item-head .right .total-test{color: #1F2430; font-size: 13px; font-weight: 500; margin: 0; white-space: nowrap;}
.benifits-block .tab_wrapper .accordian-block .item-head .right .total-que{width: 95px; font-size: 13px; font-weight: 500; text-align: right; margin: 0 0 0 20px;}
.benifits-block .tab_wrapper .accordian-block .item-head .right .total-time{width: 50px; font-size: 13px; font-weight: 500; text-align: right; margin: 0 0 0 20px;}

.benifits-block .tab_wrapper .accordian-block .item-content{display: none; background: #EAEEF4;}
/* .benifits-block .tab_wrapper .accordian-block .item-content ul li{padding: 13px 15px 13px 40px; border-bottom: 1px solid #F5F7FA;} */
.benifits-block .tab_wrapper .accordian-block .item-content ul li{padding: 13px 15px 13px 20px; border-bottom: 1px solid #F5F7FA;}
.benifits-block .tab_wrapper .accordian-block .item-content ul li:before{display: none;}
.benifits-block .tab_wrapper .accordian-block .item-content ul li:last-child{border-bottom: 0;}
.benifits-block .tab_wrapper .accordian-block .item-content ul li .title{align-items: flex-start;}
.benifits-block .tab_wrapper .accordian-block .item-content ul li .title i{color: #797979; font-size: 15px;}
.benifits-block .tab_wrapper .accordian-block .item-content ul li .title i.icon-play{color: #A7A7A7;}
.benifits-block .tab_wrapper .accordian-block .item-content ul li .title span{color: #51596C; font-size: 13px; margin: 0 10px;}
.benifits-block .tab_wrapper .accordian-block .item-content ul li .right{display: flex; align-items: center; margin: 0;}
.benifits-block .tab_wrapper .accordian-block .item-content ul li .right .btn-try,
.benifits-block .tab_wrapper .accordian-block .item-content ul li .right .btn-preview{color: #007CFF; font-size: 13px; margin: 0; white-space: nowrap;}
.benifits-block .tab_wrapper .accordian-block .item-content ul li .right .total-que{color: #51596C; width: 95px; font-size: 13px; text-align: right; margin: 0 0 0 20px;}
.benifits-block .tab_wrapper .accordian-block .item-content ul li .right .total-time{color: #51596C; width: 50px; font-size: 13px; text-align: right; margin: 0 0 0 20px;}

/* real-exam-block */
.exam-info{padding: 35px 0 45px;}
.exam-info h2{margin-bottom: 15px;}
.exam-info table{width: 100%; margin: 0;}
.exam-info table tr td{width: 50%; padding: 15px;}
.exam-info table tr td:first-child{text-align: left;}
.exam-info table tr td span{color: #1F2430; font-size: 13px; font-weight: 600;}
.exam-info table tr td p{color: #51596C; font-size: 13px; line-height: 1.6; margin: 0;}
.exam-info table tr td:last-child{text-align: left;}
.exam-info table tr:first-child td{border-top-style: solid;}
.exam-info table tr:first-child td:first-child{border-top-left-radius: 8px;}
.exam-info table tr:first-child td:last-child{border-top-right-radius: 8px;}
.exam-info .container-left .item-content img{width: 100%; height: 100%;}

/* why-choose-us */
.why-choose-us{background: #1F2430; padding: 45px 0 50px;}
.why-choose-us h2{color: #fff; margin-bottom: 30px;}
.why-choose-us .block-group{display: flex; justify-content: space-between; flex-wrap: wrap;}
.why-choose-us .block-group .block{display: flex; max-width: calc(100% / 2 - 30px); width: 100%; margin: 0 0 30px;}
.why-choose-us .block-group .block:nth-last-child(-n2){margin-bottom: 0;}
.why-choose-us .block-group .block .icon{color: #fff; font-size: 23px; margin: 0 20px 0 0;}
.why-choose-us .block-group .block .content{margin: 0;}
.why-choose-us .block-group .block .content span{display: block; color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 10px; line-height: 1.2}
.why-choose-us .block-group .block .content p{color: #fff; margin: 0;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
/* .why-choose-us .block-group .block .content p{-webkit-line-clamp: 3; -webkit-box-orient: vertical;} */

/* review-block */
.product-page .review-block{background: #F5F8FA; padding: 45px 0;}
.product-page .review-block .video-review{margin: 0 0 30px;}
.product-page .review-block .video-review .title{display: flex; align-items: center; margin-bottom: 15px;}
.product-page .review-block .video-review .title figure{color: #1AC48B; max-width: 45px; width: 100%; margin: 0 15px 0 0;}
.product-page .review-block .video-review .title h2{margin: 0;}
.product-page .review-block .video-group figure{position: relative; border-radius: 8px; margin: 0; overflow: hidden; cursor: pointer;}
.product-page .review-block .video-group figure:hover .btn-play{opacity: 1;}
.product-page .review-block .video-group .btn-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15%; opacity: 0.9; transition: 0.2s ease-in-out;}

/* CSAA-whizCardsBlock */
.CSAA-whizCardsBlock{display: flex; align-items: center; justify-content: space-between; background: #F5F7FA; padding: 7px 15px; margin-bottom: 26px; border-radius: 6px; box-shadow: 1px 1px 2px #0000000d;}
.CSAA-whizCardsBlock .left{margin: 0;}
.CSAA-whizCardsBlock .left p{color: #51596c; font-size: 14px; margin: 0;}
.CSAA-whizCardsBlock .left p strong{color: #2e2e2e; font-weight: 500; padding-right: 5px;} 
.CSAA-whizCardsBlock .right{margin: 0 0 0 20px;}
.CSAA-whizCardsBlock .right .btn-downloadWhizCard{height: 35px; line-height: 35px;display: flex; align-items: center; justify-content: center; color: #fff; background: #51596C; max-width: 200px; width: 100%; font-size: 14px; padding: 0 15px; white-space: nowrap;}
.CSAA-whizCardsBlock .right .btn-downloadWhizCard:hover{background: #3e4556;}
.CSAA-whizCardsBlock .right .btn-downloadWhizCard::before{font-size: 16px; margin-right: 7px;}

.product-page .review-block .owl-carousel .owl-stage-outer{margin-bottom: 0;}
.product-page .review-block .owl-theme .owl-nav{display: flex; align-items: center; justify-content: space-between; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; margin: 0;}
.product-page .review-block .owl-theme .owl-nav .disabled{opacity: 0;}
.product-page .review-block .owl-theme .owl-nav button{display: flex; align-items: center; justify-content: center; background: #fff !important; height: 40px; width: 40px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); margin: 0;}
.product-page .review-block .owl-theme .owl-nav button span{display: none;}
.product-page .review-block .owl-theme .owl-nav button:before{content: 'l'; font-family: "whizlabs30"; font-size: 14px; color: #A2A2A2; width: fit-content; display: block; margin: 0px -3px -2px 0; transition: 0.2s ease-in-out;}
.product-page .review-block .owl-theme .owl-nav button:hover:before{color: #2e2e2e;}
.product-page .review-block .owl-carousel .owl-nav button.owl-prev{position: absolute; left: -20px;}
.product-page .review-block .owl-carousel .owl-nav button.owl-prev:before{transform: rotate(180deg); margin: 0 0 0 -2px;}
.product-page .review-block .owl-carousel .owl-nav button.owl-next{position: absolute; right: -20px;}

.product-page .review-block .aboutus-block h2{margin-bottom: 15px;}
.product-page .review-block .aboutus-block .students-review-block{ padding: 20px 10px 10px 20px; border-radius: 8px;}
.product-page .review-block .aboutus-block .block{display: flex; margin: 0 0 15px; background-color: #fff; border-radius: 10px; width: 100%;}
.product-page .review-block .aboutus-block .block:nth-last-child(2){margin-bottom: 15px;}
.product-page .review-block .aboutus-block .block:last-child .review-content{border-bottom: 0;}
.product-page .review-block .aboutus-block .block .student-img{max-width: 60px; width: 100%; margin: 0 40px 0 0;}
.product-page .review-block .aboutus-block .block .review-content{width: 100%; padding-bottom: 25px; margin-top: 20px; }
.product-page .review-block .aboutus-block .block .review-content .link-explain{color: #1F2430; font-size: 15px; font-weight: 500; margin-bottom: 10px;}
.product-page .review-block .aboutus-block .block .review-content p{color: #1F2430; font-size: 14px; margin-bottom: 20px;}
.product-page .review-block .aboutus-block .block .review-content .name{display: flex; align-items: center; margin-bottom: 10px; line-height: 1; justify-content: space-between;}
.product-page .review-block .aboutus-block .block .review-content .name .rating-block{margin: 0 15px 0 0;}
.product-page .review-block .aboutus-block .block .review-content .name .rating-block .stars-group{display: flex;}
.product-page .review-block .aboutus-block .block .review-content .name .rating-block .stars-group span{margin: 0 0 0 5px}
.product-page .review-block .aboutus-block .block .review-content .name span{color: #1F2430; font-size: 15px; font-weight: 600; margin: 0;}
.product-page .review-block .aboutus-block .block .review-content .name figure{max-width: 16px; width: 100%; margin: 0 0 0 8px;}
.product-page .review-block .aboutus-block .block .review-content .verified-buyer{display: flex; align-items: center; line-height: 1; margin-bottom: 15px;}
.product-page .review-block .aboutus-block .block .review-content .verified-buyer i{color: #007CFF; font-size: 14px; margin: 0 5px 0 0;}
.product-page .review-block .aboutus-block .block .review-content .verified-buyer span{color: #62646A; font-size: 13px; margin: 0;}
.product-page .review-block .aboutus-block .total-feedback{display: flex; align-items: center; max-width: calc(100% - 100px); width: 100%; margin-right: 0;}
.product-page .review-block .aboutus-block .total-feedback .link-showmore{color: #007CFF; font-size: 14px; margin: 0; text-decoration: underline;}
.product-page .review-block .aboutus-block .total-feedback span{color: #62646A; font-size: 14px; margin: 0 8px 0 0;}

/* faq-block */
/* .faq-block{padding: 40px 0 50px;} */
.faq-block h2{margin-bottom: 20px;}
.faq-block .tab_wrapper .tab_list li{color: #62646A; /* padding: 0 0 10px; */}
.faq-block .tab_wrapper .tab_list li  li{margin: 0 0 0 40px;}
.faq-block .tab_wrapper .tab_list li samp{display: flex; align-items: center;}
.faq-block .tab_wrapper .tab_list li.resp-tab-active{color: #F06421; border-bottom: 2px solid #F06421 !important; font-weight: 500;}
.faq-block .tab_wrapper .tab_list li.resp-tab-active .icon{color: #F06421;}
.faq-block .tab_wrapper .tab_list li .icon{color: #62646A; margin-right: 8px;}
.faq-block .tab_wrapper .resp-tab-content{border: none;}
.faq-block .tab_wrapper .content_wrapper{padding: 10px 0 0;}

.faq-block .tab_wrapper .resp-tab-active{color: #F06421; font-weight: 500; border-radius: 0; background-color: #fff; border-bottom: 2px solid #F06421 !important;}
.faq-block .tab_wrapper .resp-tab-active .icon{color: #F06421;}

.faq-block .tab_wrapper .content_wrapper .accordian_header{color: #62646A;}
.faq-block .tab_wrapper .content_wrapper .accordian_header.active{color: #F06421;}
.faq-block .tab_wrapper .content_wrapper .accordian_header.active .icon{color: #F06421;}
.faq-block .tab_wrapper .content_wrapper .accordian_header.active .arrow{border-top: 2px solid #F06421; border-left: 2px solid #F06421;}
.faq-block .tab_wrapper .content_wrapper .accordian_header .icon{color: #62646A;}
.faq-block .tab_wrapper .content_wrapper .accordian_header .arrow{right: 2px; border-top: 2px solid #62646A; border-left: 2px solid #62646A;}

.faq-block .tab_wrapper .accordian-block .item{border: 1px solid #F9F9F9;}
.faq-block .tab_wrapper .accordian-block .item-head{background: #F9F9F9; padding: 13px 20px;}
.faq-block .tab_wrapper .accordian-block .item-head.open samp:before{background: #C3C3C3;}
.faq-block .tab_wrapper .accordian-block .item-head samp{top: 16px; width: 14px; height: 14px; margin: 0;}
.faq-block .tab_wrapper .accordian-block .item-head samp:before{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 2px; background: #1F2430;}
.faq-block .tab_wrapper .accordian-block .item-head samp:after{position: absolute; content: ''; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 14px; background: #1F2430; transition: 0.2s ease-in-out;}
.faq-block .tab_wrapper .accordian-block .item-head.open samp:after{opacity: 0; transform: rotate(90deg);}
.faq-block .tab_wrapper .accordian-block .item-head span{display: block; color: #2E2E2E; font-size: 14px; font-weight: 400; margin: 0 25px 0 34px;}

.faq-block .tab_wrapper .accordian-block .item-content{padding: 20px 25px 20px 55px;}
.faq-block .tab_wrapper .accordian-block .item-content > p{color: #2E2E2E; font-size: 14px; margin-bottom: 15px;}
.faq-block .tab_wrapper .accordian-block .item-content span{display: block; font-size: 14px; color: #2E2E2E; font-weight: 600; line-height: 1.4; margin-bottom: 10px;}
.faq-block .tab_wrapper .accordian-block .item-content ul li{display: inherit; justify-content: unset; color: #1F2430; padding: 5px 15px;}
.faq-block .tab_wrapper .accordian-block .item-content ul li:before{display: block; top: 12px; border-radius: 50%;}
.faq-block .tab_wrapper .accordian-block .item-content ul li p{color: #1F2430; font-size: 14px; line-height: 1.5; margin: 0;}
.faq-block .tab_wrapper .accordian-block .item-content ul li p a{display: inline-block; text-decoration: underline; margin: 0;}

/* course-slider */
.course-slider{background: #F5F8FA; padding: 40px 0 105px;}
.course-slider .heading{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 15px;}
.course-slider .heading .title{color: #1F2430; font-size: 20px; font-weight: 500; margin: 0 10px 0 0;}
.course-slider .heading .discount-block{display: inline-flex; align-items: center; color: #51596C; font-size: 11px; margin: 0;}
.course-slider .heading .discount-block figure{max-width: 16px; width: 100%; margin: 0 8px 0 0;}
.course-slider .heading .discount-block span{margin: 0;}
.course-slider .heading .discount-block strong{color: #FFAE28; font-weight: 700;}

.course-slider .course-group .course{box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 8px; overflow: hidden;}
.course-slider .course-group .course .course-content{display: flex; flex-direction: column; justify-content: space-between; width: 100%; min-height: 220px; background: #fff; padding: 10px 15px 15px;}
.course-slider .course-group .course .course-details{margin: 0;}
.course-slider .course-group .course .course-details .title{color: #2E2E2E; font-size: 16px; font-weight: 600; margin-bottom: 2px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.course-slider .course-group .course .course-details .level-text{margin-bottom: 10px;}
.course-slider .course-group .course .course-details .level-text span{color: #51596C; font-size: 12px; line-height: 15px; margin: 0; white-space: nowrap;}
.course-slider .course-group .course .course-details .level-text label{position: relative; display: inline-block; color: #1F2430; max-width: 68px; width: 100%; height: 15px; line-height: 16px; background: #F5C244; font-size: 9px; font-weight: 600; text-align: center; padding: 0; margin: 0 17px 0 0; text-transform: uppercase; border-radius: 2px;}
.course-slider .course-group .course .course-details .level-text label:after{position: absolute; content: ''; top: 0; right: -8px; display: block; width: 11px; height: 15px; background: url('../images/label-seller-after-img.svg') no-repeat; background-size: contain;}
.course-slider .course-group .course .course-details p{color: #51596C; font-size: 12px; line-height: 1.5; margin-bottom: 0; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.course-slider .course-group .course .price-review-block{margin: 0;}
.course-slider .course-group .course .price-review-block .price-block{display: flex; align-items: center; margin-bottom: 10px; font-family: 'roboto'; line-height: 1;}
.course-slider .course-group .course .price-review-block .price-block .old-price{color: #A2A2A2; font-size: 14px; margin: 2px 0 0 10px;}
.course-slider .course-group .course .price-review-block .price-block .price{font-size: 20px; font-weight: 700; margin: 0;}

.course-slider .course-group .course .price-review-block .rating-block{display: flex; align-items: center;  flex-wrap: wrap; margin-bottom: 12px;}
.course-slider .course-group .course .price-review-block .rating-block .stars-group{display: flex; align-items: center; margin: 0;}
.course-slider .course-group .course .price-review-block .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 3px 0 0;}
.course-slider .course-group .course .price-review-block .rating-block .stars-group samp{color: #2E2E2E; font-size: 12px; font-weight: 600; margin-left: 5px;}
.course-slider .course-group .course .price-review-block .rating-block .total-rating{color: #585858; font-size: 12px; margin: 0 0 0 5px;}
.course-slider .course-group .course .price-review-block .btn-add-cart{color: #fff; background: #F06421; width: 100%; height: 35px; line-height: 35px; font-size: 14px; font-weight: 600; border: 0;}
.course-slider .course-group .course .price-review-block .btn-add-cart:hover{background: #e05613;}

.course-slider .owl-carousel .owl-stage-outer{padding-bottom: 5px; margin-bottom: 0;}
.course-slider .owl-theme .owl-nav{display: flex; align-items: center; justify-content: space-between; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; margin: 0;}
.course-slider .owl-theme .owl-nav .disabled{opacity: 0;}
.course-slider .owl-theme .owl-nav button{position: absolute; display: flex; align-items: center; justify-content: center; background: #fff !important; height: 40px; width: 40px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); margin: 0;}
.course-slider .owl-theme .owl-nav button span{display: none;}
.course-slider .owl-theme .owl-nav button:before{content: 'l'; font-family: "whizlabs30"; font-size: 14px; color: #A2A2A2; width: fit-content; display: block; margin-right: -3px; transition: 0.2s ease-in-out;}
.course-slider .owl-theme .owl-nav button:hover:before{color: #2e2e2e;}
.course-slider .owl-carousel .owl-nav button.owl-prev{left: -20px;}
.course-slider .owl-carousel .owl-nav button.owl-prev:before{transform: rotate(180deg); margin: 0 0 0 -2px;}
.course-slider .owl-carousel .owl-nav button.owl-next{right: -20px;}

/*--------- crazy-deal-page ------------*/
/* crazy-section */
.crazy-section{background: #F9E5E4;}
.crazy-section .img-fix-h{height: 50px;}
.crazy-section .txt-block{display: flex; align-items: center;}
.crazy-section .txt-block strong{font-weight: 700;}
.crazy-section .txt-block .title{position: relative; max-width: 420px; width: 100%; display: flex; align-items: center; background: #F04646; margin: 0; padding: 0 25px 0 0;}
.crazy-section .txt-block .title:before {content: ''; position: absolute; top: 0; right: calc(100% - 1px); width: 1000%; height: 100%; background: #F04646; }
.crazy-section .txt-block .title:after {content: ''; background: url(../images/cds-img.svg) no-repeat center; background-size: cover; position: absolute; height: 100%; width: 22px; right: 0; top: 0;}
.crazy-section .txt-block .title h5{font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; margin: 0;}
.crazy-section .txt-block .cd-txt{font-size: 30px; line-height: 45px; font-weight: 800; color: #fff; margin: 0 0 0 8px;}
.crazy-section .txt-block .para{font-size: 14px; line-height: 21px; color: #1F2430; margin: 0 0 0 10px;}
.crazy-section .txt-block .para strong{font-weight: 600;}

/*--------- cart page ------------*/
.cart-page{padding: 30px 0 50px;}
.cart-page .container-left{max-width: calc(100% - 390px); width: 100%; margin: 0;}
.cart-page .page-title{width: 100%; font-size: 18px; font-weight: 400; color: #1F2430;margin-bottom: 10px;}
.cart-page .cart-destop-view{display: block;}
.cart-page .cart-mobile-view{display: none;}
.cart-page .page-content{display: flex; margin-bottom: 10px;}

.cart-page .cart-items{max-width: 910px; width: 100%; margin: 0 40px 0 0;}
.cart-page .cart-items .item{width: 100%; display: flex; background: #fff; margin: 0 0 10px; border-radius: 8px;
    padding: 15px 15px 10px 15px;box-shadow: 1px 1px 2px rgba(0,0,0, .05);}
.cart-page .cart-items .item:last-child{margin-bottom: 0;}
.cart-page .cart-items .item .course-img{max-width: 120px;width: 100%; margin: 0 13px 0 0;}
.cart-page .cart-items .item .course-img .title{display: none;}
.cart-page .cart-items .item .course-img img{border-radius: 8px;}
.cart-page .cart-items .item .course-img a{display: block; line-height: 1;}

.cart-page .cart-items .item-details{width: 100%; margin: 0;}
.cart-page .cart-items .item-details .title a{display: inline-block; font-size: 16px; font-weight: 600; padding: 0 0 8px;color: #2E2E2E;}
.cart-page .cart-items .item-details .option-group{margin: 0;}
.cart-page .cart-items .item-details .option-group .option{display: flex; align-items: center; padding: 5px 0; margin: 0; border-top: 1px solid #F3F3F4;}
.cart-page .cart-items .item-details .option-group .option:last-child{padding-bottom: 0;}
.cart-page .cart-items .item-details .option-group .option:before{display: none;}
.cart-page .cart-items .item-details .option-group .option .option-title{margin: 0 5px 0 0;font-size: 14px; font-weight: 400;color: #1F2430;text-transform: capitalize; min-width: 120px;}

.cart-page .cart-items .item-details .option-group .option-right{display: flex; align-items: center; justify-content: flex-end; margin: 0 0 0 auto; max-width: 270px; width: 100%;}
.cart-page .cart-items .item-details .option-group .option-right .price-block{display: flex; align-items: center; justify-content: flex-end; font-family: 'roboto'; line-height: 1; margin: 0 15px 0 auto;padding: 0;}
.cart-page .cart-items .item-details .option-group .option-right .price-block .old-price{color: #A2A2A2; font-size: 13px;}
.cart-page .cart-items .item-details .option-group .option-right .price-block .price{color: #1F2430; font-size: 16px; font-weight: 500; margin: 0 0 0 10px;}
.cart-page .cart-items .item-details .option-group .option-right .icon{margin: 0;}
.cart-page .cart-items .item-details .option-group .option-right .delete-ico{font-size: 13px; color: #51596C; padding: 8px; border-radius: 50%; background: #F3F3F4;transition: .2s all ease-in-out; cursor: pointer;}
.cart-page .cart-items .item-details .option-group .option-right .delete-ico:hover{background: #ececec; color: #fa7473;}

.cart-page .cart-items .item-details .option-group .offer-add{display: flex; justify-content: space-between; width: 100%; padding: 5px 0 0; margin: 0;     border-top: 1px solid #F3F3F4;}
.cart-page .cart-items .item-details .option-group .offer-add:before{display: none;}
.cart-page .cart-items .item-details .option-group .offer-add .offer-title{color: #A2A2A2; min-width: 120px; font-size: 14px; margin: 0;}
.cart-page .cart-items .item-details .option-group .offer-add .offer-text{display: flex; align-items: center; margin: 0 0 0 auto;}
.cart-page .cart-items .item-details .option-group .offer-add .offer-text p{color: #51596C; margin: 0;font-size: 12px;font-weight: 400;line-height: 1.5;text-align: right;}
.cart-page .cart-items .item-details .option-group .offer-add .offer-text p strong{color: #1F2430; font-weight: 600; font-family: 'roboto';}
.cart-page .cart-items .item-details .option-group .offer-add .offer-text .offer-btn{background: #00BE7E; color: #fff; min-width: 80px; border-radius: 4px; font-size: 14px; font-weight: 500; height: 30px; line-height: 30px; margin-left: 10px; text-decoration: none; transition: .2s all ease-in-out;}
.cart-page .cart-items .item-details .option-group .offer-add .offer-text .offer-btn:hover{background: #05a972;}

.cart-page .cart-items .item-details .option-group .crazy-offer{display: flex; align-items: center; margin: 0;}
.cart-page .cart-items .item-details .option-group .crazy-offer label{font-size: 14px; line-height: 21px; font-weight: 600; font-style: italic; color: #51596A; margin: 0 5px 0 0;}
.cart-page .cart-items .item-details .option-group .crazy-offer span{font-size: 12px; line-height: 18px; color: #51596A;}

/* recommand-block */
.cart-page .recommand-block{margin-bottom: 15px;}
.cart-page .recommand-block .container-left{display: flex; align-items: center; background: #FCF6EC; font-size: 14px; width: fit-content; padding: 10px 15px;border: 1px solid #FFAE28;border-radius: 8px;}
.cart-page .recommand-block .container-left p{position: relative; padding-left: 35px;font-weight: 400; color: #1F2430; line-height: 1.4;}
.cart-page .recommand-block .container-left p:before{content: "\33";    font-family: "whizlabs30" !important; color: #FFB42C; position: absolute;left: 0;font-size: 21px;margin-top: -5px;}
.cart-page .recommand-block .container-left p .reccomend-click{font-weight: 500; color: #FFB42C;text-decoration: underline;margin-left: 10px;}
.cart-page .recommand-block .container-left p i, .cart-page .recommand-block .container-left p, .cart-page .recommand-block .container-left p a{margin: 0;}

/* subscription-block */
.cart-page .subscription-block{margin-bottom: 50px;}
.cart-page .subscription-block .container-left{display: flex;align-items: center; justify-content: space-between; width: 100%; background: #4D4751 url('../images/enroll-back.png') no-repeat right; background-size: contain; border-radius: 8px; padding: 35px 20px 30px 40px;}
.cart-page .subscription-block .left-block{text-align: center; line-height: 2;}
.cart-page .subscription-block .right-block{max-width: 150px; width: 100%; text-align: right}
.cart-page .subscription-block .right-block .enroll-btn{width: 100%; background: #F06421; color: #fff; text-transform: capitalize;font-size: 16px;font-weight: 600;height: 45px;line-height: 45px;text-decoration: none;transition: .2s all ease-in-out;}
.cart-page .subscription-block .right-block .enroll-btn:hover{background: #e05613;}
.cart-page .subscription-block .left-block, .cart-page .subscription-block .right-block{margin: 0; ;}
.cart-page .subscription-block .right-block .price-block{font-family: 'roboto'; text-align: center; color: #fff; margin: 0 0 10px; justify-content: flex-end;}
.cart-page .subscription-block .right-block .price-block .old-price{font-size: 16px; font-weight: 400;}
.cart-page .subscription-block .right-block .price-block .price{font-size: 24px; font-weight: 500;margin-left: 8px; color: #ffffff;}

.cart-page .subscription-block .left-block span, .cart-page .subscription-block .left-block h2{color: #fff; margin: 0;}
.cart-page .subscription-block .left-block h2{font-size: 26px; font-weight: 400;}
.cart-page .subscription-block .left-block h2 strong{font-weight: 600;}

/* order-summary-block */
.order-summary-block{background: #fff; max-width: 350px; width: 100%; height: fit-content; margin: 0; border-radius: 8px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
/* .order-summary-block .order-summary{padding: 15px 20px 20px;} */
.order-summary-block .order-summary{padding: 15px 20px 20px; border : 1px solid rgba(191, 191, 191, 1)}
/* .order-summary-block .order-summary .title{border-bottom: 1px solid #F3F3F4; color: #1F2430; display: block;padding-bottom: 10px; font-size: 16px; font-weight: 500; text-transform: capitalize;} */
.order-summary-block .order-summary .title{border-bottom: 1px solid #F3F3F4; color: rgba(58, 58, 58, 1); display: block;padding-bottom: 10px; font-size: 18px; line-height: 27px;font-weight: 600; text-transform: capitalize;}

.order-summary-block .order-summary .checkkout-promo-code{display: flex; justify-content: center;font-family: 'Poppins' sans-serif; font-size: 14px; line-height: 21px; font-weight: 500; color: rgba(0, 0, 0, 1); cursor: pointer; text-decoration: underline; margin-top: 20px;}

.order-summary-block .order-summary .payment-method{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}
.order-summary-block .order-summary .payment-method .pay-title{font-family: 'Poppins' sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; color: rgba(0, 0, 0, 1); margin-right: 0; margin-left: 10%;}
.order-summary-block .order-summary .payment-method .payment-card{margin-left: 0; margin-top: 27px;}

/* .order-summary-block .price-group{padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #F3F3F4;} */
.order-summary-block .price-group{padding: 20px 0 5px 0; margin-bottom: 20px; border-bottom: 1px solid #F3F3F4;}
.order-summary-block .price-block{display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px;}
.order-summary-block .price-block:last-child{padding-bottom: 0;}

.order-summary-block .price-block span, .order-summary-block .saving-block span{margin: 0; font-size: 16px; color: #51596C;}
/* .order-summary-block .price-block .price, .order-summary-block .price-block .price-discount{font-family: 'roboto'; font-weight: 500; color: #1F2430;} */
.order-summary-block .price-block .price{font-family: 'roboto'; font-size: 18px; line-height: 21.09px; font-weight: 500; color: rgba(2, 2, 2, 1);}
.order-summary-block .price-block .price-discount{font-family: 'roboto'; font-size: 18px; line-height: 21.09px; font-weight: 500; color: rgba(0, 149, 51, 1);}
.order-summary-block .saving-block{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; border-bottom: 1px dashed rgba(67, 67, 67, 1); padding-bottom: 15px;}
.order-summary-block .saving-block .saving-block-title{font-family: 'Poppins' sans-serif; font-size: 18px; line-height: 27px; font-weight: 500; color: rgba(0, 0, 0, 1);}
.order-summary-block .saving-block .saving-batch{display: flex;align-items: center; color: #00BE7E; background: #E5F9F2; padding: 8px 14px; margin: 0; border-radius: 5px;}
.order-summary-block .saving-block .saving-batch i{font-size: 20px; margin: 0 5px 0 0;}
.order-summary-block .saving-block .saving-batch .saving-text{display: flex; align-items: center; color: #00BE7E; font-size: 12px;}
.order-summary-block .saving-block .saving-batch .saving-text strong{font-family: 'roboto'; font-weight: 700; margin-left: 5px; color: #00BE7E;}
/* .order-summary-block .saving-block .saving-amt{font-family: 'roboto'; font-size: 24px;font-weight: bold; color: #1F2430;} */
.order-summary-block .saving-block .saving-amt{font-family: 'roboto'; font-size: 20px; line-height: 23.44px; font-weight: 500; color: rgba(2, 2, 2, 1);}
.order-summary-block .btn-checkout{background: #F06421; display: block; border-radius: 8px; font-size: 16px;font-weight: 600; height: 50px;line-height: 50px; color: #fff; text-decoration: none; transition: .2s all ease-in-out;}
.order-summary-block .btn-checkout:hover{background: #e05613; color: #ffffff; text-decoration: none;}

.order-summary-block .promo-code{padding: 15px 20px;border-top: 1px solid #F3F3F4;}
.order-summary-block .promo-code form{position: relative;}
.order-summary-block .promo-code form input{padding: 0 100px 0 15px;background: #F3F3F4; border: none; border-radius: 5px;}
.checkout-page .order-summary-block .promo-code form input{background: #fff;}
.order-summary-block .promo-code form .apply-btn{position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-size: 12px; font-weight: 500; text-transform: uppercase; border-radius: 4px;background: #E2E2E2; color: #1F2430; text-decoration: none; height: 30px;line-height: 30px;transition: .2s all ease-in-out;}
.order-summary-block .promo-code form .apply-btn:hover{background: #d2d2d2;}

.order-summary-block .stripe-content{padding: 10px;}
.order-summary-block .stripe-content .stripes { display: flex; align-items: center; width: max-content;}
.order-summary-block .stripe-content .stripes .pay-title{font-size: 18px; font-weight: 500; color: #1F2430; margin: 0; display: block;}
.order-summary-block .stripe-content .stripes img{width: 100px; margin: 0;}
.order-summary-block .stripe-content .msg_stripe{width: max-content; display: flex; margin-top: 0;}

.order-summary-block .summary-content{padding: 10px; border: 1px solid #00BE7E; background-color: #F0FDFB;margin: 10px 20px; border-radius: 10px; height: 110px;}
.order-summary-block .summary-content p{font-size: 12px; color: #51596C; margin-left: 5px;}

.order-summary-block .summary-content-ic{padding: 5px; border: 1px solid #00BE7E; background-color: #F0FDFB; margin: 10px 18px; border-radius: 10px; height: 60px;}
.order-summary-block .summary-content-ic p{font-size: 12px; color: #51596C; margin-left: 5px;}

/* .order-summary-block .summary-content-ic-cart{padding: 5px; border: 1px solid #00BE7E; background-color: #F0FDFB; margin: 20px 0px 0px; border-radius: 10px; height: 60px;} */
.order-summary-block .summary-content-ic-cart{padding: 5px; border: 1px solid #00BE7E; background-color: #F0FDFB; margin: 0px 0px 0px; border-radius: 10px; height: 60px;}
.order-summary-block .summary-content-ic-cart p{font-size: 12px; color: #51596C; margin-left: 5px;}

.order-summary-block .price-block .price-subtitle{font-family: 'Poppins' sans-serif; font-size: 18px; font-weight: 500; line-height: 27px; color: rgba(33, 33, 33, 1);}
.order-summary-block .referral-alert{font-family: 'Poppins' sans-serif; font-size: 12px; font-weight: 600; line-height: 18px; color: rgba(1, 167, 87, 1);}
/* cart-page course-sllider */
.cart-page .course-slider{padding-bottom: 0; border-top: 1px solid #ddd;}

/*--------- checkout page ------------*/
.checkout-header .container-small{position: relative; display: flex; align-items: center; justify-content: space-between; height: 100%;}

.checkout-block{background: #ffffff; padding: 30px 0 30px;}
.checkout-block .container-checkout{max-width: 1200px; width: 100%; padding: 0 15px;}
.checkout-block .title{font-size: 24px;font-weight: 600;color: #1F2430;margin-bottom: 12px;display: block;}
.checkout-block .checkout-content{display: flex;}
.checkout-block .checkout-option{width: 100%; margin: 0 30px 0 0;}
.checkout-block .checkout-option .payment-method{width: 100%; height: auto; border: 1px solid #DDDDDD; border-radius: 8px;padding: 15px 15px;margin-bottom: 15px;}
.checkout-block .checkout-option .payment-method .pay-title{font-size: 16px; font-weight: 500; color: #1F2430; margin-bottom: 15px; display: block;}
.checkout-block .checkout-option .payment-method .payment-card{display: flex; margin: 0 0 15px;}
.checkout-block .checkout-option .payment-method .payment-card li{max-width: 136px; width: 100%; margin: 0 10px 0 0; padding: 0; cursor: pointer; height: 50px; display: flex;justify-content: center; align-items: center; border: 1px solid #DFE6EF; border-radius: 8px; padding: 0 10px;}
.checkout-block .checkout-option .payment-method .payment-card li figure{display: flex;}
.checkout-block .checkout-option .payment-method .payment-card li figure img{width: 100%;}
.checkout-block .checkout-option .payment-method .payment-card li:before{display: none;}
.checkout-block .checkout-option .payment-method .payment-card li.active{border: 1px solid #00BE7E; background: #F0FDFB;}

.checkout-block .checkout-option .checkout-order-details{width : 100%; border : 1px solid #DDD; border-radius: 8px; padding: 20px; margin-bottom: 40px;}
.checkout-block .checkout-option .checkout-order-details .checkout-order-details-container{width : 100%; border : 1px solid #DDD; border-radius: 8px; padding: 20px; max-height: 200px; overflow-y: auto;} 
.checkout-block .checkout-option .checkout-order-details .checkout-order-details-subtitle{font-size: 16px; font-weight: 500; margin-bottom: 15px; display: block;text-transform: capitalize;}
.checkout-block .checkout-option .checkout-order-details .checkout-order-details-container .checkout-order-details-image{max-width: 177px; max-height: 112px; border-radius: 4px; margin: 0;}
.checkout-block .checkout-option .checkout-order-details .checkout-order-details-container .checkout-order-details-course {margin: 0; padding: 20px 20px;}
.checkout-block .checkout-option .checkout-order-details .checkout-order-details-container .checkout-order-details-title{font-family: "Poppins" sans-serif; font-size: 14px; line-height: 21px; font-weight: 500; color: rgba(0, 0, 0, 1); margin-bottom: 10px;}
.checkout-block .checkout-option .checkout-order-details .checkout-order-details-container .checkout-order-details-subtitle{font-family: "Poppins" sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; color: rgba(98, 100, 106, 1); margin-top: 10px;}
.checkout-block .checkout-option .payment-method .payment-container{padding: 5px; display: flex;}
.checkout-block .checkout-option .payment-method .payment-container .left{margin: 0;}
.checkout-block .checkout-option .payment-method .payment-container .left select{width: auto;}
.checkout-block .checkout-option .payment-method .payment-container .left .plan-content{display: flex; padding: 5px 0;}
.checkout-block .checkout-option .payment-method .payment-container .left .plan-content span{margin: 0; font-size: 14px; font-weight: 500;}
.checkout-block .checkout-option .payment-method .payment-container .left .plan-content .plan-detail{margin: 0px 45px;}
.checkout-block .checkout-option .payment-method .payment-container .left .plan-content .plan-detail span{font-size: 13.5px; font-weight: 400;}
.checkout-block .checkout-option .payment-method .payment-container .left .validity-content{display: flex; padding: 5px 0;}
.checkout-block .checkout-option .payment-method .payment-container .left .validity-content span{font-size: 14px; font-weight: 500;}
.checkout-block .checkout-option .payment-method .payment-container .left .validity-content .validity-detail{margin: 0px 20px;}
.checkout-block .checkout-option .payment-method .payment-container .left .validity-content .validity-detail .renewal-content{color: #62646A; display: flex; width: 395px; text-overflow: ellipsis; font-size: 11px; font-weight: normal;}
.checkout-block .checkout-option .payment-method .payment-container .right{padding: 0 0 0 40px;}
.checkout-block .checkout-option .payment-method .payment-container .right div:first-child{text-align: end; font-weight: 600; font-size: 24px;}
.checkout-block .checkout-option .payment-method .payment-container .right div:nth-child(2){text-align: end; font-weight: 600; font-size: 20px; text-decoration: line-through;}
.checkout-block .checkout-option .payment-method .payment-container .right span{color: #02B372; font-size: 17px; font-weight: 500; }

.checkout-block .checkout-option .trail-box {width: 100%; height: auto; border: 1px solid #DDDDDD; border-radius: 8px;padding: 20px 20px;margin-bottom: 15px;}
.checkout-block .checkout-option .trail-box .trial-title{ display: flex; width: max-content; padding: 5px; font-size: 18px; font-weight: 600; color: #F06421}
.checkout-block .checkout-option .trail-box .count-content{ display: flex; justify-content: space-between; padding: 0px 28px;}
.checkout-block .checkout-option .trail-box .days-container{display: flex; padding: 5px;}
.checkout-block .checkout-option .trail-box .days-container .trail-count{ background-color: #FFCEBA; border: solid 1px #FFCEBA; border-radius: 8px; height: 55px; width: 50px; display: grid; padding: 3px;}
.checkout-block .checkout-option .trail-box .days-container .trail-count .day{font-weight: 400; font-size: 14px;}
.checkout-block .checkout-option .trail-box .days-container .trail-count p{margin-bottom: 0; font-size: 18px; font-weight: 700; color: #000; line-height: 0px;}
.checkout-block .checkout-option .trail-box .span-last{display: flex; width: max-content; padding: 5px; font-size: 14px; font-weight: 500;}

.checkout-block .checkout-option .payment-info .subtitle{font-size: 16px; font-weight: 500; margin-bottom: 15px; display: block;text-transform: capitalize;}
.checkout-block .checkout-option .payment-info p{font-size: 14px; font-weight: 400; line-height: 22px; margin: 0;}
.checkout-block .checkout-option .payment-info .input-box-group{display: flex; justify-content: space-between; flex-wrap: wrap;}
.checkout-block .checkout-option .payment-info .input-box{position: relative; max-width: calc(100% / 2 - 5px); width: 100%; margin: 0 0 15px 0;}
.checkout-block .checkout-option .payment-info .input-box.full{max-width: 100%;}
.checkout-block .checkout-option .payment-info .input-box label{display: block; color: #62646A; font-size: 13px; font-weight: 400; text-transform: capitalize;}
.checkout-block .checkout-option .payment-info .input-box label span{font-size: 13px; font-weight: 400;margin-bottom: 5px;display: block;}
.checkout-block .checkout-option .payment-info .input-box input{border-color: transparent; padding: 10px; letter-spacing: 0.5px;}
.checkout-block .checkout-option .payment-info .input-box input#cardNumber{content: ''; background: #F3F3F4 url('../images/card-number.svg') left no-repeat; background-position: 15px; background-size: 25px; padding: 0 150px 0 50px;}
.checkout-block .checkout-option .payment-info .input-box input.innerInput{position: absolute; bottom: 2px; right: 62px; width: 80px; height: 35px;}
.checkout-block .checkout-option .payment-info .input-box input.innerInput.two{right: 2px; width: 60px;}
.checkout-block .checkout-option .payment-info .input-box .custom-selectbox .select-selected{color: #62646A; background: #F3F3F4;}
.checkout-block .checkout-option .payment-info .input-box .custom-selectbox .select-selected:after{color: #62646A;}
.checkout-block .checkout-option .payment-info .input-box .custom-selectbox .select-selected.select-arrow-active:after{transform: translateY(-61%) rotate(180deg);}

.checkout-block .checkout-option .payment-info .security-pera{position: relative; margin: 0;}
.checkout-block .checkout-option .payment-info .security-pera:before{content: ''; position: absolute; top: 0; left: 0; background: url('../images/security-img.svg') no-repeat; width: 30px; height: 30px;}
.checkout-block .checkout-option .payment-info .security-pera p{font-size: 12px; line-height: 15px;color: #62646A; padding-left: 40px;}

.checkout-block .checkout-option .billing-details .custom-checkbox{color: #62646A;}
.checkout-block .checkout-option .billing-details .custom-checkbox input:checked ~ .checkbox-style{background: #51596C; border-color: #51596C;}
.checkout-block .checkout-option .billing-details .custom-checkbox .name{margin: 0;}

.checkout-block .tab{display: none;}
.checkout-block .tab.current{display: block !important;}
.checkout-block .tab > div{width: 100%; border: 1px solid #DDD; border-radius: 8px; padding: 20px;}
.checkout-block .tab > div.payment-details{margin-bottom: 15px;}

.checkout-block .checkout-option .payment-method .custom-checkbox{align-items: center;}
.checkout-block .checkout-option .payment-method .custom-checkbox input{width: 16px; height: 16px; border-radius: 50%;}
.checkout-block .checkout-option .payment-method .custom-checkbox input:checked ~ .checkbox-style{background-color: #51596C; border: 1px solid #51596C;}
.checkout-block .checkout-option .payment-method .custom-checkbox .name{color: #62646A; font-size: 13.5px; margin: 0; font-weight: 500;}

.checkout-page .order-summary-block{max-width: 410px; background: #F5F8FA;}
/* .checkout-page .order-summary-block .order-summary .title{border-bottom: 1px solid #DFE6EF; margin-bottom: 0;} */
.checkout-page .order-summary-block .order-summary .title{border-bottom: 1px solid rgba(191, 191, 191, 1); margin-bottom: 0;}
/* .checkout-page .order-summary-block .price-group{border-bottom: 1px solid #DFE6EF;} */
.checkout-page .order-summary-block .price-group{border-bottom: 1px dashed rgba(67, 67, 67, 1);}
.checkout-page .order-summary-block .saving-block .saving-batch{background: #fff;}

/*--------- empty cart page ------------*/
.emptycart-page .cart-block{padding: 30px 0 50px; border-bottom: 1px solid #DDD;}
.emptycart-page .page-title{width: 100%; display: block; font-size: 18px; font-weight: 400; color: #1F2430; margin-bottom: 10px;}
.emptycart-page .white-box{width: 100%; display: flex; flex-direction: column; align-items: center; background: #fff; padding: 40px 0; border-radius: 8px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.emptycart-page .white-box figure{max-width: 142px; width: 100%; margin-bottom: 20px;}
.emptycart-page .white-box figure img{width: 100%;}
.emptycart-page .white-box p{max-width: 360px; font-size: 18px; font-weight: 400; color: #1F2430; text-align: center;line-height: 27px;}
.emptycart-page .white-box .find-course-btn{max-width: 180px; width: 100%;  background: #F06421; color: #ffffff; font-size: 14px; font-weight: 500; text-decoration: none;}
.emptycart-page .white-box .find-course-btn:hover{background: #e05613;}

.emptycart-page .course-slider{padding: 25px 0 50px;}

/*--------- search result page ------------*/
.search-result-page .course-listing{margin-bottom: 50px;}

/*--------- review page ------------*/
.review-page{padding: 30px 0 55px;}
.review-page h2{color: #2e2e2e; font-size: 20px; font-weight: 500;}

/* review-banner */
.review-banner{background: #D9EDE9; height: 370px;}
.review-banner .container{display: flex; align-items: center; justify-content: space-between; height: 100%;}
.review-banner .left-part{ width: 100%; margin: 10px 50px 25px 0;}
.review-banner .banner-title{color: #000; font-size: 28px; font-weight: 500; line-height: 1.5; margin: 0 0 20px;}
.review-banner .banner-subtitle{color: #1F2430; font-size: 16px; font-weight: 500; line-height: 1.4; margin-bottom: 5px;}

.review-banner .rating-block{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 15px;}
.review-banner .rating-block .stars-group{display: flex; align-items: center; margin: 0; line-height: 1;}
.review-banner .rating-block .stars-group figure{max-width: 22px; width: 100%; margin: 0 5px 0 0;}
.review-banner .rating-block .stars-group samp{color: #FFB42C; font-size: 27px; font-weight: 600; margin-left: 10px;}

.review-banner .btn-write-review{display: inline-flex; align-items: center; justify-content: center; min-width: 255px; color: #FFF; background: #F06421; height: 50px; border-radius: 8px; cursor: pointer;}
.review-banner .btn-write-review:hover{background: #e05613;}
.review-banner .btn-write-review figure{max-width: 30px; width: 100%; margin: 0 10px 0 0;}
.review-banner .btn-write-review span{font-size: 16px; font-weight: 500; margin: 0 0 -1px;}

.review-banner .right-part{position: relative; max-width: 526px; width: 100%; margin: 0; cursor: pointer;}
.review-banner .right-part:before{content: url('../images/patten-dots.svg'); position: absolute; left: -35px; bottom: -19px;}
.review-banner .right-part .img-block{position: relative;}
.review-banner .right-part .img-block > img{border-radius: 8px;}
.review-banner .right-part .img-block .btn-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 15%; width: 100%; opacity: 0.9; transition: 0.2s ease-in-out;}
.review-banner .right-part .img-block:hover .btn-play{opacity: 1;}

.review-banner .right-part .img-block .name-block{position: absolute; left: -35px; bottom: 20px; display: flex; align-items: center;}
.review-banner .right-part .img-block .name-block > div{margin: 0;}
.review-banner .right-part .img-block .name-block > div  div{margin: 0 0 0 10px;}
.review-banner .right-part .img-block .name-block span{color: #fff; font-size: 20px; font-weight: 600;}
.review-banner .right-part .img-block .name-block p{color: #fff; font-size: 16px; line-height: 1.4; margin: 0;}
.review-banner .right-part .img-block .name-block .queote-img{color: #FFB42C; font-size: 57px; margin: 0;}

/* review-block*/
.review-page .review-block{margin-bottom: 30px;}
.review-page .review-block .video-review h2{margin-bottom: 20px;}
.review-page .review-block .video-group figure{position: relative;  border-radius: 8px; margin: 0; overflow: hidden; cursor: pointer;}
.review-page .review-block .video-group figure:hover .btn-play{opacity: 1;}
.review-page .review-block .video-group .btn-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15%; opacity: 0.9; transition: 0.2s ease-in-out;}

.review-page .review-block .owl-carousel .owl-stage-outer{margin-bottom: 0;}
.review-page .review-block .owl-theme .owl-nav{display: flex; align-items: center; justify-content: space-between; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; margin: 0;}
.review-page .review-block .owl-theme .owl-nav .disabled{opacity: 0;}
.review-page .review-block .owl-theme .owl-nav button{display: flex; align-items: center; justify-content: center; background: #fff !important; height: 40px; width: 40px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); margin: 0;}
.review-page .review-block .owl-theme .owl-nav button span{display: none;}
.review-page .review-block .owl-theme .owl-nav button:before{content: 'l'; font-family: "whizlabs30"; font-size: 14px; color: #A2A2A2; width: fit-content; display: block; margin: 0px -3px -2px 0; transition: 0.2s ease-in-out;}
.review-page .review-block .owl-theme .owl-nav button:hover:before{color: #2e2e2e;}
.review-page .review-block .owl-carousel .owl-nav button.owl-prev{position: absolute; left: -20px;}
.review-page .review-block .owl-carousel .owl-nav button.owl-prev:before{transform: rotate(180deg); margin: 0 0 0 -3px;}
.review-page .review-block .owl-carousel .owl-nav button.owl-next{position: absolute; right: -20px;}

/* reviewpage two-columns */
.review-page .two-column .content-title{margin-bottom: 15px;}
.review-page .two-column .section-group{display: flex; justify-content: space-between;}
.review-page .two-column .left-section{width: 100%; margin: 0 40px 0 0;}
.review-page .two-column .right-section{max-width: 350px; width: 100%; margin: 0;}

/* review-page students-review-block */
.review-page .students-review-block .block{display: flex; background: #fff; padding: 25px 20px 0 30px; border-radius: 8px; margin-bottom: 10px;}
.review-page .students-review-block .block:last-child{margin-bottom: 0;}
.review-page .students-review-block .block .student-img{max-width: 60px; width: 100%; border-radius: 50%; margin: 0 40px 0 0;}
.review-page .students-review-block .block .review-content{margin: 0;}
.review-page .students-review-block .name{display: flex; align-items: center; justify-content: space-between; line-height: 1; margin-bottom: 5px;}
.review-page .students-review-block .name .name-block{display: flex; align-items: center; margin: 0 10px 0 0;}
.review-page .students-review-block .name .name-block span{color: #1F2430; font-size: 15px; font-weight: 600; margin: 0;}
.review-page .students-review-block .name .name-block > figure{max-width: 16px; width: 100%; margin: 0 0 0 10px;}
.review-page .students-review-block .name .posted-since {color: #A2A2A2; font-size: 13px; margin: 0;}
.review-page .students-review-block .status{display: flex; align-items: center; font-size: 13px; margin: 0 0 5px 0;}
.review-page .students-review-block .status .position{color: #1F2430; margin: 0;}
.review-page .students-review-block .status .company{color: #62646A; margin: 0 0 0 2px;}
.review-page .students-review-block .rating-block{margin: 0 0 0 10px;}
.review-page .students-review-block .rating-block .stars-group{display: flex; align-items: center;}
.review-page .students-review-block .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 5px 0 0;}
.review-page .students-review-block .rating-block .stars-group samp{color: #2E2E2E; font-size: 12px; font-weight: 600; margin: 0;}

.review-page .students-review-block .verified-buyer{display: flex; align-items: center; line-height: 1; margin-bottom: 15px;}
.review-page .students-review-block .verified-buyer i{color: #007CFF; font-size: 14px; margin: 0 5px 0 0;}
.review-page .students-review-block .verified-buyer span{color: #62646A; font-size: 13px; margin: 0;}

.review-page .students-review-block .review-post{margin-bottom: 25px; overflow-wrap: anywhere; margin-right: 10px;}
.review-page .students-review-block .review-post .review-for{color: #51596C; font-size: 13px; font-weight: 500; margin-bottom: 10px;}
.review-page .students-review-block .review-post .review-for span{color: #A2A2A2; font-weight: 400;}
.review-page .students-review-block .review-post .link-explain{display: block; color: #1F2430; font-size: 15px; font-weight: 500; margin-bottom: 10px; }
.review-page .students-review-block .review-post .link-explain:hover{color: #1f2430a3;}
.review-page .students-review-block .review-post p{color: #1F2430; font-size: 14px; margin-bottom: 20px; line-height: 1.7;}

.review-page .students-review-block .review-post .post-details{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.review-page .students-review-block .review-post .post-details .left{display: flex; align-items: center; margin: 0 10px 0 0;}
.review-page .students-review-block .review-post .post-details .left .useful{display: flex; align-items: center; color: #C3C3C3; border-right: 1px solid #ddd; padding: 0 15px 0 0; margin: 0 15px 0 0; white-space: nowrap;}
.review-page .students-review-block .review-post .post-details .left .useful .icon{font-size: 16px; margin: 0 5px 0 10px; cursor: pointer;}
.review-page .students-review-block .review-post .post-details .left .useful .icon.like{color: #77dfbb;}
.review-page .students-review-block .review-post .post-details .left .useful .icon.dis-like{color: #fdb5b5;}
.review-page .students-review-block .review-post .post-details .left .useful span{color: #A2A2A2; font-size: 13px; margin: 0;}
.review-page .students-review-block .review-post .post-details .left .total-comments{color: #007CFF; font-size: 13px; margin: 0; cursor: pointer;}
.review-page .students-review-block .review-post .post-details .left .total-comments:hover{text-decoration: underline;}
.review-page .students-review-block .review-post .post-details .posted-since{color: #A2A2A2; font-size: 13px; margin: 0 0 0 auto;}

.review-page .students-review-block .review-post .certificate-img{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.review-page .students-review-block .review-post .certificate-img figure{max-width: 75px; width: 100%; margin: 0 5px 0 0; border: 2px solid #A2A2A2; border-radius: 4px; cursor: pointer;}

.review-page .students-review-block .comment-section{display: none; margin-bottom: 20px; border-top: 1px solid #ddd;}
.review-page .students-review-block .comment-section .all-comments{margin: 0;}
.review-page .students-review-block .comment-section .all-comments .comment{list-style: none; padding: 10px 0; margin: 0; border-bottom: 1px solid #EFEFEF;}
.review-page .students-review-block .comment-section .all-comments .comment:before{display: none;}
.review-page .students-review-block .comment-section .all-comments .comment p{color: #1F2430; font-size: 14px; line-height: 1.4; margin: 0;}
.review-page .students-review-block .comment-section .all-comments .comment p span{color: #62646A; margin: 0 10px 0 0; white-space: nowrap; line-height: 1.4}

.review-page .students-review-block .comment-section .add-comment{max-width: 500px; width: 100%; padding-top: 20px; margin: 0;}
.review-page .students-review-block .comment-section .add-comment .title{font-size: 15px; font-weight: 500; margin-bottom: 5px;}
.review-page .students-review-block .comment-section .add-comment .input-box-group{margin: 0 0 5px;}
.review-page .students-review-block .comment-section .add-comment .input-box{margin-bottom: 5px;}
.review-page .students-review-block .comment-section .add-comment .input-box input::placeholder,
.review-page .students-review-block .comment-section .add-comment .textarea-box textarea::placeholder{color: #C5C5CB;}
.review-page .students-review-block .comment-section .add-comment .textarea-box{height: 105px}
.review-page .students-review-block .comment-section .add-comment .textarea-box textarea{font-size: 14px; height: 100%; padding: 10px 15px;}
.review-page .students-review-block .comment-section .add-comment .btn-submit{color: #007CFF; background: none; font-size: 14px; font-weight: 500; line-height: 1; text-transform: capitalize; padding: 0;}
.review-page .students-review-block .comment-section .add-comment .btn-submit:hover{text-decoration: underline;}

/* filter-by ratings */
.review-page .filterby-block{background: #fff; border-radius: 8px;}
.review-page .filterby-block .head{padding: 20px; border-bottom: 1px solid #EFEFEF;}
.review-page .filterby-block .head .title{font-size: 15px; font-weight: 500; margin-bottom: 10px;}
.review-page .filterby-block .head .selectbox select{color: #1F2430; background-color: #F5F7FA; height: 40px; border-radius: 5px; border: 0;}

.review-page .filterby-block .review-filter{padding: 20px 20px 25px;}
.review-page .filterby-block .review-filter .all-ratings{display: flex; align-items: center; margin-bottom: 20px;}
.review-page .filterby-block .review-filter .total-review{color: #2E2E2E; font-size: 20px; font-weight: 600; margin: 0 15px 0 0;}
.review-page .filterby-block .review-filter .rating-block{margin: 0;}
.review-page .filterby-block .review-filter .rating-block .stars-group{display: flex; align-items: center;}
.review-page .filterby-block .review-filter .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 3px 0 0;}
.review-page .filterby-block .review-filter .rating-block .stars-group samp{color: #F5C244; font-size: 18px; font-weight: 600; margin: 0 0 0 7px;}

.review-page .filterby-block .review-filter ul{margin: 0;}
.review-page .filterby-block .review-filter ul li{display: flex; align-items: center; padding: 0; margin: 0 0 5px; cursor: pointer;}
.review-page .filterby-block .review-filter ul li:before{display: none;}
.review-page .filterby-block .review-filter ul li:last-child{margin-bottom: 0;}
.review-page .filterby-block .review-filter ul li > span{color: #007CFF; height: 25px; line-height: 25px; font-size: 14px; font-weight: 500; padding: 0 7px; margin: 0; border-radius: 4px; white-space: nowrap;}
.review-page .filterby-block .review-filter ul li small{color: #007CFF; min-width: 45px; font-size: 14px; margin: 0 0 0 10px;}
.review-page .filterby-block .review-filter ul li .line{background: #EFEFF0; width: 100%; height: 8px; border-radius: 30px; margin: 0 0 0 10px;}
.review-page .filterby-block .review-filter ul li .line .fill{display: block; background: #F5C244; width: 0; height: 100%; margin: 0; border-radius: 30px;}

.review-page .filterby-block .review-filter ul li.active > span{background: #E5F2FF;}
.review-page .filterby-block .review-filter ul li.five-star .line .fill{width: 90%;}
.review-page .filterby-block .review-filter ul li.four-star .line .fill{width: 20%;}
.review-page .filterby-block .review-filter ul li.three-star .line .fill{width: 5%;}
.review-page .filterby-block .review-filter ul li.two-star .line .fill{width: 2%;}

/* thankyou for feedback*/
.thankyou-block{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.thankyou-block figure{max-width: 80px; width: 100%; margin-bottom: 15px;}
.thankyou-block .thankyou-text{color: #1F2430; font-size: 22px; font-weight: 400; margin-bottom: 25px;}
.thankyou-block .servey-box{max-width: 560px; width: 100%; background: #F5F7FA; padding: 25px 25px 20px; border-radius: 8px;}
.thankyou-block .servey-box .title{font-size: 22px; margin-bottom: 5px; line-height: 1.5;}
.thankyou-block .servey-box p{margin-bottom: 20px;}
.thankyou-block .servey-box .btn-group{display: flex; justify-content: center;}
.thankyou-block .servey-box .btn-group .btn{min-width: 120px; font-size: 14px; font-weight: 600; border: 0;}
.thankyou-block .servey-box .btn-group .btn + .btn{margin-left: 10px;}
.thankyou-block .servey-box .btn-group .btn-yes{background: #F06421; color: #fff;}
.thankyou-block .servey-box .btn-group .btn-yes:hover{background: #e05613;}
.thankyou-block .servey-box .btn-group .btn-no{background: #E7ECF4;}
.thankyou-block .servey-box .btn-group .btn-no:hover{background: #dfe4ec;}

/* thankyou for purchase */
.thankyou-block-purchase{ width: 35%; text-align: center;border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 0px 60px 1px rgba(255, 83, 0, 0.10);
    margin-top: 90px;
    }
.thankyou-block-purchase figure{max-width: 80px; width: 100%; margin-bottom: 15px;}
.thankyou-block-purchase figure img{    
    position: absolute;
    /* top: 22%; */
    left: 50%;
    width: 69px;
    transform: translate(-50%, -50%);
    z-index: 2;
    }
.thankyou-block-purchase .img-full-bg{ 
    width: 175px;
    /* top: 22%; */
    margin: -50px 0 0;
    z-index: 1;}
.thankyou-block-purchase .thankyou-text{
    display: flex;
    /* width: 211px;
    height: 16px; */
    flex-direction: column;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 25px;
    color: #F06421;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}
.thankyou-block-purchase .thankyou-text span{
    margin-bottom: 25px; 
}
.thankyou-block-purchase .thankyou-sub-text{
    display: flex;
    /* width: 394px; */
    /* height: 23px; */
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;

    color: #393F49;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px; 
}
.thankyou-block-purchase .thankyou-sub-text span {

    display: contents;
}
.thankyou-block-purchase .thankyou-sub-text span a{
    color: #2492FC;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    display: contents;
}
.thankyou-block-purchase .servey-box{max-width: 560px; width: 100%; background: #F5F7FA; padding: 25px 25px 20px; border-radius: 8px;}
.thankyou-block-purchase .servey-box .title{font-size: 22px; margin-bottom: 5px; line-height: 1.5;}
.thankyou-block-purchase .servey-box p{margin-bottom: 20px;}
.thankyou-block-purchase .servey-box .btn-group{display: flex; justify-content: center;}
.thankyou-block-purchase .servey-box .btn-group .btn{min-width: 120px; font-size: 14px; font-weight: 600; border: 0;}
.thankyou-block-purchase .servey-box .btn-group .btn + .btn{margin-left: 10px;}
.thankyou-block-purchase .servey-box .btn-group .btn-yes{background: #F06421; color: #fff;}
.thankyou-block-purchase .servey-box .btn-group .btn-yes:hover{background: #e05613;}
.thankyou-block-purchase .servey-box .btn-group .btn-no{background: #E7ECF4;}
.thankyou-block-purchase .servey-box .btn-group .btn-no:hover{background: #dfe4ec;}


.thankyou-block-purchase .order-details{margin: 0 10%;}
.thankyou-block-purchase .order-details-title{text-align: left;}
.thankyou-block-purchase .order-details-title h3{
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;}
.thankyou-block-purchase .order-details .order-details-data{
    border-radius: 4px;
    border: 0.5px solid rgba(0, 0, 0, 0.20);
    background: #F5FAFF;
}
.thankyou-block-purchase .order-details .order-details-data .order-details-data-details{
        color: #000c;
    letter-spacing: 0;
    width: 174px;
    height: 21px;
    font-family: Poppins, Helvetica;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
}
.thankyou-block-purchase .order-details .order-details-data .order-details-data-details p{
    margin: 0px;
    width: 50%;
    padding-left: 5%;
    text-align: start;
}
.thankyou-block-purchase .order-details .order-details-data .order-details-data-details .left-text{
 font-weight: 500;
 color: rgba(0, 0, 0, 0.8);
}

.thankyou-block-purchase .order-details .order-details-data hr{
    border-color: rgba(0, 0, 0, 0.20);
    margin : 0px
}

.thankyou-block-purchase .order-details .order-details-data .order-details-data-details .right-text{
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #434343;
}
.thankyou-block-purchase .order-details .order-details-data .order-details-data-details button{
    margin: 0px;
    margin-left: auto;
    margin-right: 5%;
    border-radius: 4px;
    background: #0276E1;
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5px 10px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.thankyou-block-purchase .purchased-products{    margin: 2% 10% 1%;}
.thankyou-block-purchase .purchased-products-title{text-align: left;}
.thankyou-block-purchase .purchased-products-title h3{
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;}
.thankyou-block-purchase .purchased-products .purchased-products-data{
    border-radius: 4px;
    border: 0.5px solid rgba(0, 0, 0, 0.20);
    background: #F5FAFF;
}
.thankyou-block-purchase .purchased-products .purchased-products-data .purchased-products-data-details{
    color: rgba(0, 0, 0, 0.8);
    letter-spacing: 0;
    width: 174px;
    font-family: Poppins, Helvetica;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    width: 100%;
}

.thankyou-block-purchase .purchased-products .purchased-products-data .purchased-products-subscription-data-details{
    display: flex;
    height: 60px;
    align-items: center;
    width: 90%;
    justify-content: space-between;
    padding: 5px 0;
}

.thankyou-block-purchase .purchased-products .purchased-products-data .purchased-products-subscription-data-details p{
    margin: 0px;
    /* height: 50px; */
    /* align-items: center; */
}


.thankyou-block-purchase .purchased-products .purchased-products-data .purchased-products-subscription-data-details .purchased-products-subscription-data-details-left{
    margin: 0px;
}
.thankyou-block-purchase .purchased-products .purchased-products-data .purchased-products-subscription-data-details .left-text{
    margin: 0px;
    /* width: 75%; */
    /* padding-left: 5%; */
    text-align: start;
    font-weight: 500;
    color: #0080FB;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.thankyou-block-purchase .purchased-products .purchased-products-data .purchased-products-subscription-data-details .left-text span{
    color: #000;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.thankyou-block-purchase .purchased-products .purchased-products-data .purchased-products-subscription-data-details a{
    margin: 0px;
    border-radius: 4px;
    background: #0276E1;
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5px 10px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    text-decoration: none;
    
}

.thankyou-block-purchase .purchased-products .purchased-products-data .purchased-products-subscription-data-details a:hover{

    text-decoration: none;

}

.thankyou-block-purchase .purchased-products .purchased-products-data .purchased-products-data-details .left-text{
    margin: 0px;
    width: 79%;
    padding: 5px;
    text-align: start;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
}
.thankyou-block-purchase .purchased-products .purchased-products-data .purchased-products-data-details .right-text{
    margin: 0px;
    width: 20%;
    /* padding-left: 5%; */
    text-align: start;
    color: #48A4FA;
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.thankyou-block-purchase .purchased-products .purchased-products-data hr{
    margin : 0px;
    border-color: rgba(0, 0, 0, 0.20);
}   

/* survey-page */
.survey-page{margin-top: 30px;}
.survey-page .page-content .page-title{color: #1F2430; font-size: 24px; font-weight: 500; text-align: center; margin-bottom: 20px;}

.survey-page .white-box{max-width: 740px; width: 100%; background: #fff; padding: 30px 25px; border-radius: 8px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.survey-page .white-box .block{margin-bottom: 20px;}
.survey-page .white-box .block p{color: #51596C; font-size: 14px; font-weight: 500; margin-bottom: 10px; line-height: 1.6;}
.survey-page .white-box .block .textarea-box{height: 100px;}
.survey-page .white-box .block .textarea-box textarea{height: 100%; font-size: 14px; border: 1px solid #ddd;}

.survey-page .white-box .block .rbtn-group{display: inline-flex; margin: 0; border: 1px solid #ddd; border-radius: 6px;}

.survey-page .white-box .block .rbtn-group .custom-radiobutton:first-child{border-right: 1px solid #ddd;}
.survey-page .white-box .block .rbtn-group .custom-radiobutton{align-items: center; justify-content: center; height: 38px; padding: 0 18px;}
.survey-page .white-box .block .rbtn-group .custom-radiobutton .radio-style:before{content: ''; width: 8px; height: 8px;}
.survey-page .white-box .block .rbtn-group .custom-radiobutton input:checked ~ .radio-style{background: none; border-width: 2px;}
.survey-page .white-box .block .rbtn-group .custom-radiobutton input:checked ~ .radio-style:before{background: #007CFF;}
.survey-page .white-box .block .rbtn-group .custom-radiobutton .name{color: #62646A; font-size: 14px; line-height: 1; margin: 0 0 0 8px;}

.survey-page .white-box .block.select-box{margin-bottom: 15px;}
.survey-page .white-box .block.select-box p{margin-bottom: 15px;}
.survey-page .white-box .block .custom-selectbox{max-width: 300px; margin: 0;}
.survey-page .white-box .block .custom-selectbox .select-selected{color: #62646A; background: none; border: 1px solid #ddd;}
.survey-page .white-box .block .custom-selectbox .select-selected.select-arrow-active{border-radius: 6px 6px 0 0;}
.survey-page .white-box .block .custom-selectbox .select-selected:after{color: #62646A;}
.survey-page .white-box .block .custom-selectbox .select-items{background: #fff; border: 1px solid #ddd;}

.survey-page .white-box .block .checkbox-group{display: inline-flex; margin: 0; border: 1px solid #ddd; border-radius: 6px;}
.survey-page .white-box .block .checkbox-group .custom-checkbox{align-items: center; justify-content: center; height: 40px; padding: 0 17px; margin: 0; border-right: 1px solid #ddd;}
.survey-page .white-box .block .checkbox-group .custom-checkbox:last-child{border-right: 0;}
.survey-page .white-box .block .checkbox-group .custom-checkbox .checkbox-style{margin: 0;}
.survey-page .white-box .block .checkbox-group .custom-checkbox .name{color: #62646A; font-size: 14px; margin: 0 0 0 8px; white-space: nowrap;}

.survey-page .white-box .block .input-box{max-width: 300px; width: 100%; margin: 0;}
.survey-page .white-box .block .input-box input::placeholder{color: #C5C5CB;}

.survey-page .white-box .btn-group{display: inline-flex; justify-content: center; width: 100%; margin-top: 10px;}
.survey-page .white-box .btn-group .btn{min-width: 160px; margin: 0; border: 0; text-transform: capitalize;}
.survey-page .white-box .btn-group .btn.btn{margin-left: 10px;}
.survey-page .white-box .btn-group .btn-submit{color: #fff; background: #F06421;}
.survey-page .white-box .btn-group .btn-submit:hover{background: #e05613;}
.survey-page .white-box .btn-group .btn-cancel{color: #1F2430; background: #F3F3F4;}
.survey-page .white-box .btn-group .btn-cancel:hover{background: #e7e7e9;}

/*--------- write a review page ------------*/
.write-review-page .two-columns{background: linear-gradient(90deg, #F5F7FA 50%, #fff 50%); border-bottom: 1px solid #ddd;}
.write-review-page .two-columns .container{display: flex;}

.write-review-page .left-column{background: #F5F7FA; max-width: 720px; width: 100%; height: 100%; padding: 25px 40px 60px 0; margin: 0;}
.write-review-page .left-column .course-reviews{display: flex; margin-bottom: 20px;}
.write-review-page .left-column .course-reviews .course-img{max-width: 210px; width: 100%; height: max-content; border-radius: 8px; overflow: hidden; margin: 0;}
.write-review-page .left-column .course-reviews .content{margin-left: 20px;}
.write-review-page .left-column .course-reviews .content .title{font-size: 18px; font-weight: 500; margin-bottom: 2px;}
.write-review-page .left-column .course-reviews .content p{color: #51596C; font-size: 13px; margin-bottom: 5px;}
.write-review-page .left-column .course-reviews .content a{color: #51596C; font-size: 14px; text-decoration: underline;}
.write-review-page .left-column .course-reviews .content a:hover{color: #1F2430;}

.write-review-page .left-column .course-reviews .content .rating-block{margin-bottom: 20px;}
.write-review-page .left-column .course-reviews .content .rating-block .stars-group{display: flex; align-items: center; margin: 0; line-height: 1;}
.write-review-page .left-column .course-reviews .content .rating-block .stars-group figure{max-width: 18px; width: 100%; margin: 0 5px 0 0;}
.write-review-page .left-column .course-reviews .content .rating-block .stars-group samp{color: #FFB42C; font-size: 20px; font-weight: 600; margin: 0;}

.write-review-page .left-column .white-box{background: #fff; padding: 25px 30px 30px; border-radius: 8px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.write-review-page .left-column .white-box .box-title{font-size: 20px; margin-bottom: 15px;}
.write-review-page .left-column .white-box .rating-block{margin-bottom: 15px;}
.write-review-page .left-column .white-box .rating-block p{font-size: 13px; margin-bottom: 5px;}
.write-review-page .left-column .white-box .rating-block .stars-group{display: flex; align-items: center; margin: 0; line-height: 1;}
.write-review-page .left-column .white-box .rating-block .stars-group figure{max-width: 28px; width: 100%; margin: 0 10px 0 0; cursor: pointer;}
.write-review-page .left-column .white-box .rating-block .stars-group figure:last-child{margin: 0;}

.write-review-page .left-column .white-box .input-box-group{display: flex; justify-content: space-between; flex-wrap: wrap;}
.write-review-page .left-column .white-box .input-box-group .input-box{max-width: calc(100% / 2 - 10px); width: 100%; margin: 0 0 15px;}
.write-review-page .left-column .white-box .input-box-group .input-box.full{max-width: 100%;}
.write-review-page .left-column .white-box .input-box-group .input-box label,
.write-review-page .left-column .white-box .upload-block label,
.write-review-page .left-column .white-box .input-box-group .textarea-box label{font-size: 13px; line-height: 1.3;}
.write-review-page .left-column .white-box .input-box-group .textarea-box{width: 100%; margin: 0 0 15px; line-height: 1;}
.write-review-page .left-column .white-box .input-box-group .textarea-box textarea{height: 100px;}

.write-review-page .left-column .white-box .upload-block{margin-bottom: 20px;}
.write-review-page .left-column .white-box .upload-block .drag-form{position: relative; display: flex; align-items: center; justify-content: center; background: #FFFBF6; padding: 13px 15px; border: 1px dashed #FFDEB0; border-radius: 6px;}
.write-review-page .left-column .white-box .upload-block .drag-form input{position: absolute; top: 0; left: 0; outline: none !important; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 2;}
.write-review-page .left-column .white-box .upload-block .drag-form .dropzone-desc{display: flex; align-items: center; margin: 0;}
.write-review-page .left-column .white-box .upload-block .drag-form .dropzone-desc i{color: #51596C; font-size: 25px; margin: 0 10px 0 0;}
.write-review-page .left-column .white-box .upload-block .drag-form .dropzone-desc span{color: #51596C; font-size: 13px; margin: 0;}

.write-review-page .left-column .white-box .upload-block .min-requirement{display: flex; align-items: flex-start; justify-content: space-between; margin-top: 5px;}
.write-review-page .left-column .white-box .upload-block .min-requirement .file-name{display: flex; align-items: center; width: 35%; margin: 0;}
.write-review-page .left-column .white-box .upload-block .min-requirement .file-name span{max-width: 200px; font-size: 13px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.write-review-page .left-column .white-box .upload-block .min-requirement .file-name i{opacity: 0; display: flex; align-items: center; justify-content: center; max-width: 14px; width: 100%; height: 14px; color: #fff; background: #717886; font-size: 6px; margin: 0 0 0 5px; border-radius: 50%; transition: 0.2s ease-in-out; cursor: pointer;}
.write-review-page .left-column .white-box .upload-block .min-requirement .file-name i:before{margin-right: 0.5px;}
.write-review-page .left-column .white-box .upload-block .min-requirement .file-name i:hover{background: #000;}
.write-review-page .left-column .white-box .upload-block .min-requirement .max-size{color: #51596C; width: 60%; font-size: 12px; text-align: right; margin: 0 0 0 10px;}

.write-review-page .left-column .white-box .captcha-img{max-width: 300px; width: 100%; margin-bottom: 15px; overflow: hidden;}
.write-review-page .left-column .white-box .btn-submit{text-align: center;}
.write-review-page .left-column .white-box .btn-submit .btn{color: #fff; background: #F06421; min-width: 300px; font-size: 14px; font-weight: 600; margin: 0 auto; border: 0;}
.write-review-page .left-column .white-box .btn-submit .btn:hover{background: #e05613;}

.write-review-page .right-column{position: relative; max-width: 580px; width: 100%; padding: 25px 0 0 40px; margin: 0; overflow: hidden;}
.write-review-page .right-column:after{position: absolute; left: 0; bottom: 0; content: ''; background: linear-gradient(to bottom, rgba(245,247,250,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); width: 100%; height: 280px; pointer-events: none;}
.write-review-page .right-column .title{display: flex; align-items: center; margin-bottom: 20px;}
.write-review-page .right-column .title figure{max-width: 50px; width: 100%; margin: 0 10px 0 0;}
.write-review-page .right-column .title span{font-size: 20px; font-weight: 300; margin: 0;}
.write-review-page .right-column .title span strong{font-weight: 500;}

.write-review-page .right-column .reviewer-slider { 
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
.write-review-page .right-column .reviewer-slider .block{display: flex; background: #F5F7FA; padding: 20px 40px 20px 25px; border-radius: 8px;}
.write-review-page .right-column .reviewer-slider .block > figure{max-width: 22px; width: 100%; margin: 0 15px 0 0;}
.write-review-page .right-column .reviewer-slider .block .content{margin: 0;}
.write-review-page .right-column .reviewer-slider .block .content .block-title{font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.write-review-page .right-column .reviewer-slider .block .content p{color: #51596C; font-size: 13px; margin-bottom: 10px;}
.write-review-page .right-column .reviewer-slider .block .content .user-block{display: flex; align-items: center;}
.write-review-page .right-column .reviewer-slider .block .content .user-block figure{max-width: 30px; width: 100%; margin: 0 10px 0 0;}
.write-review-page .right-column .reviewer-slider .block .content .user-block span{font-size: 13px; font-weight: 500; margin: 0;}

.write-review-page .right-column .slick-vertical .slick-slide{margin-bottom: 10px; border: 0;}

/*--------- webinars page ------------*/
.webinars-banner{background: #F5F7FA; height: 330px;}
.webinars-banner .container-small{display: flex; align-items: center; justify-content: space-between; height: 100%;}
.webinars-banner .left-part{max-width: 480px; margin: 0;}
.webinars-banner .left-part .title{color: #1F2430; font-size: 36px; font-weight: 500; margin-bottom: 10px;}
.webinars-banner .left-part .caption{color: #1F2430; font-size: 24px; margin: 0; line-height: 1.5;}

.webinars-banner .right-part{max-width: 498px; width: 100%; margin: 0 0 0 20px;}

.webinars-page{border-bottom: 1px solid #ddd;}

.webinar-listing{margin-top: 30px;}
.webinar-listing .upcoming-webinars{margin-bottom: 20px;}
.webinar-listing .upcoming-webinars .list-item .content .date-time-block .label-upcoming{color: #FFF; background: #007CFF; font-size: 13px; font-weight: 500; height: 30px; line-height: 30px; padding: 0 14px; margin: 0 15px 0 0; border-radius: 6px;}
.webinar-listing .upcoming-webinars .list-item .content .date-time-block .date{color: #1F2430;}

.webinar-listing .recorded-webinars .section-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.webinar-listing .recorded-webinars .section-head .title{font-size: 18px; margin: 0;}
.webinar-listing .recorded-webinars .section-head .filterby-block{display: flex; align-items: center; max-width: 265px; width: 100%; margin: 0;}
.webinar-listing .recorded-webinars .section-head .filterby-block .box-title{font-size: 14px; font-weight: 500; white-space: nowrap; margin: 0 15px 0 0;}
.webinar-listing .recorded-webinars .section-head .filterby-block .custom-selectbox{margin: 0;}
.webinar-listing .recorded-webinars .section-head .filterby-block .custom-selectbox .select-selected{height: 30px; padding: 5px 35px 5px 15px;}

.webinar-listing .list-item{display: flex; margin: 0 0 15px;}
.webinar-listing .list-item:last-child{margin-bottom: 0;}
.webinar-listing .list-item .img-block{max-width: 420px; width: 100%; height: 100%; margin: 0 30px 0 0; border-radius: 8px; overflow: hidden;}
.webinar-listing .list-item .content{max-width: 590px; margin: 0;}
.webinar-listing .list-item .content .title{display: block; color: #2E2E2E; font-size: 20px; font-weight: 500; line-height: 1.5; text-decoration: none; margin-bottom: 15px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.webinar-listing .list-item .content .title:hover{color: #007CFF;}

.webinar-listing .list-item .content .date-time-block{display: flex; align-items: center; margin-bottom: 20px;}
.webinar-listing .list-item .content .date-time-block .date,
.webinar-listing .list-item .content .date-time-block .time{display: flex; align-items: center; color: #51596C; margin: 0; line-height: 1;}
.webinar-listing .list-item .content .date-time-block .time{margin: 0 0 0 25px;}
.webinar-listing .list-item .content .date-time-block .time .icon{font-size: 20px;}
.webinar-listing .list-item .content .date-time-block .icon{font-size: 22px; margin-right: 8px;}
.webinar-listing .list-item .content .date-time-block span{font-size: 16px; margin: 0;}

.webinar-listing .list-item .content .caption{margin-bottom: 20px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.webinar-listing .list-item .content .btn-watch{display: inline-block; color: #fff; background: #F06421; min-width: 165px; text-decoration: none; padding: 0 15px; border-radius: 6px;}
.webinar-listing .list-item .content .btn-watch:hover{background: #e05613;}

/*--------- webinars not have page ------------*/
.webinar-listing .upcoming-webinar-msg{display: flex; align-items: center; justify-content: space-between; background: #D9EDE9; padding: 25px; margin-bottom: 15px; border-radius: 8px;}
.webinar-listing .upcoming-webinar-msg .left{margin: 0 20px 0 0;}
.webinar-listing .upcoming-webinar-msg .left .title{color: #2E2E2E; font-size: 20px;}
.webinar-listing .upcoming-webinar-msg .left p{margin: 0; line-height: 1.7;}

.webinar-listing .upcoming-webinar-msg .right{margin: 0;}
.webinar-listing .upcoming-webinar-msg .right .btn-notify{color: #FFF; background: #F06421; min-width: 140px; border: 0; border-radius: 6px;}

/*--------- webinars not have page ------------*/ 
.webinars-record-detail-banner{background: #F5F7FA; padding: 30px 0;}
.webinars-record-detail-banner .backto-webinar{display: flex; align-items: center; color: #00BE7E; text-decoration: none; margin-bottom: 15px;}
.webinars-record-detail-banner .backto-webinar:hover{color: #039e6a;}
.webinars-record-detail-banner .backto-webinar .icon{font-size: 20px; margin: -1px 10px 0 0; transform: rotate(180deg);}
.webinars-record-detail-banner .backto-webinar span{font-size: 18px; margin: 0;}

.webinars-record-detail-banner .title{max-width: 550px; width: 100%; color: #1F2430; font-size: 26px; font-weight: 600; margin: 0 0 25px;}
.webinars-record-detail-banner .date-time-block{display: flex; align-items: center;}
.webinars-record-detail-banner .date-time-block .date,
.webinars-record-detail-banner .date-time-block .time{display: flex; align-items: center; color: #51596C; margin: 0; line-height: 1;}
.webinars-record-detail-banner .date-time-block .time{margin: 0 0 0 35px;}
.webinars-record-detail-banner .date-time-block .icon{font-size: 22px; margin: 0 8px 0 0;}
.webinars-record-detail-banner .date-time-block span{font-size: 16px; margin: 0;}

.webinars-page.subpage{padding: 30px 0 60px; border-bottom: 1px solid #ddd;}
.webinars-page.subpage .container-small{display: flex; justify-content: space-between;}
.webinars-page.subpage h2{font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.webinars-page.subpage .left-section{max-width: calc(100% - 390px); width: 100%; margin: 0;}

.webinars-page.subpage .video-block{position: relative; margin: 0 0 25px; border-radius: 8px; overflow: hidden;}
.webinars-page.subpage .video-block iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.webinars-page.subpage .what-learn-block{display: flex; margin-bottom: 30px;}
.webinars-page.subpage .what-learn-block ul{margin: 0 100px 0 0;}
.webinars-page.subpage .what-learn-block ul:last-child{margin: 0;}
.webinars-page.subpage .what-learn-block ul li{font-size: 14px; padding: 0 0 0 20px;}
.webinars-page.subpage .what-learn-block ul li:before{content: 'N'; font-family: whizlabs30; top: 5px; transform: translateY(-50%); color: #00BE7E; background: none; font-size: 11px;}

.webinars-page.subpage .speaker-block .block{display: flex; align-items: center; background: #F9FAFB; padding: 15px 20px; border-radius: 8px;}
.webinars-page.subpage .speaker-block .block figure{max-width: 80px; width: 100%; margin: 0 15px 0 0; border-radius: 50%; overflow: hidden;}
.webinars-page.subpage .speaker-block .block .block-content{margin: 0;}
.webinars-page.subpage .speaker-block .block .block-content span{font-size: 20px; font-weight: 500; line-height: 1;}
.webinars-page.subpage .speaker-block .block .block-content p{margin: 0;}

.webinars-page.subpage .right-section{max-width: 350px;  width: 100%; margin: 0;}
.webinars-page.subpage .reserved-block{background: #FCF5E0; text-align: center; padding: 35px 22px; border-radius: 8px;}
.webinars-page.subpage .reserved-block .title{font-size: 20px; font-weight: 500; margin-bottom: 15px;}
.webinars-page.subpage .reserved-block p{color: #1F2430; font-size: 16px; line-height: 1.6; margin-bottom: 15px;}
.webinars-page.subpage .reserved-block .btn-next-webinar{display: inline-block; color: #fff; background: #F06421; font-weight: 600; text-decoration: none; padding: 0 25px; border-radius: 8px;}
.webinars-page.subpage .reserved-block .btn-next-webinar:hover{background: #e05613;}

/*--------- webinars slote filled page ------------*/ 
.webinars-page.subpage .img-block{width: 100%; border-radius: 8px; overflow: hidden; margin-bottom: 25px;}

/*--------- webinars upcoming page ------------*/ 
.webinars-page.upcoming .right-section{margin-top: -200px;}
.webinars-page.upcoming .right-section .reg-form{background: #fff; margin-bottom: 15px; border: 1px solid #DDD; border-radius: 8px;}
.webinars-page.upcoming .right-section .reg-form .title{background-color: #EAEFF4; font-size: 18px; font-weight: 500; padding: 15px; text-align: center;}
.webinars-page.upcoming .right-section .reg-form form{padding: 15px 20px 25px;}
.webinars-page.upcoming .right-section .reg-form form .input-box{margin-bottom: 15px;}
.webinars-page.upcoming .right-section .reg-form form .input-box label{color: #1F2430; font-size: 13px; font-weight: 500; line-height: 1;}
.webinars-page.upcoming .right-section .reg-form form .input-box input{font-size: 13px;}

.webinars-page.upcoming .right-section .reg-form form .input-box .custom-selectbox .select-selected{background: #fff; font-size: 13px; border: 1px solid #ddd;}
.webinars-page.upcoming .right-section .reg-form form .input-box .custom-selectbox .select-selected:after{color: #62646A;}
.webinars-page.upcoming .right-section .reg-form form .input-box .custom-selectbox .select-items{background: #fff; border: 1px solid #ddd;}

.webinars-page.upcoming .right-section .reg-form form .btn-register{color: #fff; background: #F06421; width: 100%; font-weight: 600; border: 0; border-radius: 8px;}
.webinars-page.upcoming .right-section p{color: #51596C; font-size: 12px; line-height: 1.5; margin-bottom: 0;}

/*--------- terms of use page ------------*/ 
.terms-use-page{padding: 40px 0 50px; border-bottom: 1px solid #DDD;}
.terms-use-page .container-small{max-width: 1065px; width: 100%;}
.terms-use-page .page-title{background: #F5F7FA; text-align: center; padding: 20px; margin-bottom: 40px; border-radius: 8px;}
.terms-use-page .page-title h2{color: #1F2430; font-weight: 600; margin: 0;}
.terms-use-page .page-title p{color: #51596C; margin: 0;}

/*--------- careers page ------------*/ 
.careers-page{border-bottom: 1px solid #ddd;}

.careers-banner{height: 375px; padding: 45px 0;}
.careers-banner .content{max-width: 350px; text-align: center;}
.careers-banner span{display: block; color: #F06421; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;}
.careers-banner h1{color: #1F2430; font-size: 30px; font-weight: 400; margin: 0;}

/* technical-block */
.careers-page .technical-block{margin: -160px 0 50px;}
.careers-page .technical-block figure{margin-bottom: 50px; border-radius: 8px; overflow: hidden;}
.careers-page .technical-block .heading{max-width: 550px; width: 100%; text-align: center; margin-bottom: 50px;}
.careers-page .technical-block .heading h2{color: #1F2430; font-size: 26px; font-weight: 400; margin-bottom: 20px;}
.careers-page .technical-block .heading span{font-size: 20px;}

/* job position */
.careers-page .job-position{max-width: 860px; width: 100%;}
.careers-page .position-heading{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.careers-page .position-heading .title{font-size: 20px; font-weight: 500; margin: 0;}
.careers-page .position-heading .total-position{color: #51596C; background: #EFF2F7; height: 27px; line-height: 27px; font-size: 12px; font-weight: 500; padding: 0 15px; margin: 0; border-radius: 20px;}

.careers-page .job-position .job-list-block .block{display: flex; align-items: center; justify-content: space-between; color: inherit; padding: 22px 20px; margin-bottom: 25px; border: 1px solid #DDD; border-radius: 6px; cursor: pointer; text-decoration: none;}
.careers-page .job-position .job-list-block .block:hover{background: #F5F7FA;}
.careers-page .job-position .job-list-block .block:last-child{margin-bottom: 0;}
.careers-page .job-position .job-list-block .block .left{margin: 0 10px 0 0;}
.careers-page .job-position .job-list-block .block .left .job-title{font-size: 16px; font-weight: 500; margin-bottom: 5px;}
.careers-page .job-position .job-list-block .block .left span{color: #51596C; font-size: 13px;}
.careers-page .job-position .job-list-block .block .right{margin: 0;}
.careers-page .job-position .job-list-block .block .right .link-more-info{display: flex; align-items: center; color: #007CFF; text-transform: capitalize; text-decoration: none; white-space: nowrap;}
.careers-page .job-position .job-list-block .block .right .link-more-info:hover{color: #007cffa6;}
.careers-page .job-position .job-list-block .block .right .link-more-info i{font-size: 13px;}
.careers-page .job-position .job-list-block .block .right .link-more-info span{font-size: 13px; font-weight: 500; margin: 0 8px 0 0;}

/* culture value block */
.culture-values-block{background: #D9EDE9; height: 560px; padding: 60px 0;}
.culture-values-block .container-small{display: flex; justify-content: space-between;}
.culture-values-block .left{max-width: 320px; width: 100%; margin: 0;}
.culture-values-block .left h3{color: #1F2430; font-size: 28px; font-weight: 500; margin-bottom: 10px;}
.culture-values-block .left p{color: #51596C; margin: 0;}

.culture-values-block .right{display: flex; justify-content: space-between; width: 100%; margin: 0;}
.culture-values-block .right ul{margin: 0 0 0 8%;}
.culture-values-block .right ul li{padding: 0; margin: 0 0 25px;}
.culture-values-block .right ul li:last-child{margin-bottom: 0;}
.culture-values-block .right ul li:before{display: none;}
.culture-values-block .right ul li .title{color: #1F2430; font-size: 18px; font-weight: 500;}
.culture-values-block .right ul li span{color: #51596C;}

/* perks-benifits-block */
.perks-benifits-block{margin: -150px 0 60px;}
.perks-benifits-block .img-group{display: flex; margin-bottom: 50px;}
.perks-benifits-block .img-group figure{max-width: calc(100% / 4); width: 100%; margin: 0 1px 0 0; overflow: hidden; cursor: pointer;}
.perks-benifits-block .img-group figure  figure{margin-left: 1px;}
.perks-benifits-block .img-group figure img{transform: scale(1); transition: 0.3s ease-in-out;}
.perks-benifits-block .img-group figure:hover img{transform: scale(1.1);}

.perks-benifits-block .heading{max-width: 760px; width: 100%; margin: 0 0 40px;}
.perks-benifits-block .heading h4{color: #1F2430; font-size: 28px; font-weight: 500; margin-bottom: 15px;}
.perks-benifits-block .heading p{color: #1F2430; font-size: 16px; line-height: 1.8; margin: 0;}

.perks-benifits-block .block-group{display: flex; flex-wrap: wrap;}
.perks-benifits-block .block-group .block{max-width: 295px; width: 100%; margin: 0 8% 30px 0;}
.perks-benifits-block .block-group .block:nth-child(3n){margin-right: 0;}
.perks-benifits-block .block-group .block:nth-last-child(-n2){margin-bottom: 0;}
.perks-benifits-block .block-group .block:last-child{margin-right: 0;}
.perks-benifits-block .block-group .block .title{font-size: 20px; font-weight: 500; margin-bottom: 10px;}
.perks-benifits-block .block-group .block figure{max-width: 70px; width: 100%; margin: 0 0 20px;}
.perks-benifits-block .block-group .block p{color: #1F2430; font-size: 16px; margin: 0; line-height: 1.5;}

/*--------- careers details page ------------*/ 
.carees-details-page .logo{display: block; max-width: 200px; width: 100%;}
.carees-details-page .container{max-width: 890px;}
.carees-details-page .btn-back-careers{display: flex; align-items: center; justify-content: center; color: #007CFF; text-decoration: none;}
.carees-details-page .btn-back-careers .icon{transform: rotate(180deg); font-size: 13px; margin: 0;}
.carees-details-page .btn-back-careers span{font-size: 13px; font-weight: 500; margin: 0 0 0 8px;}
.carees-details-page .btn-back-careers:hover{color: #007cffa6;}
.carees-details-page .btn-apply-job{color: #fff; background: #F06421; min-width: 190px; font-weight: 600; margin: 0 0 30px; border: 0; border-radius: 8px;}
.carees-details-page .btn-apply-job:hover{background: #e05613;}

.carees-details-page .job-apply-block{background: #F5F7FA; padding: 35px 0; margin-bottom: 30px;}
.carees-details-page .job-apply-block .container{display: flex; align-items: center; justify-content: space-between;}
.carees-details-page .job-apply-block .left{margin: 0;}
.carees-details-page .job-apply-block .right{margin: 0;}
.carees-details-page .job-apply-block .right .btn-apply-job{margin: 0;}
.carees-details-page .job-apply-block h1{font-size: 24px; font-weight: 500; margin-bottom: 5px;}
.carees-details-page .job-apply-block p{color: #51596C; font-size: 16px; margin: 0;}

.carees-details-page footer{background: #F5F7FA; padding: 75px 0;}
.carees-details-page footer .btn-back-careers{margin-bottom: 20px;}

/*--------- about-us page ------------*/
.aboutus-banner{background: #F5F7FA; height: 350px;}
.aboutus-banner .container{position: relative; display: flex; align-items: center; justify-content: space-between; height: 100%;}
.aboutus-banner .left{max-width: 420px; width: 100%; margin: 0;}
.aboutus-banner .left span{display: block; color: #F06421; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;}
.aboutus-banner .left h1{color: #1F2430; font-size: 28px; font-weight: 500; line-height: 1.5; margin: 0;}
.aboutus-banner .right{position: absolute; top: 0; right: 15px; max-width: calc(100% - 39%); width: 100%; margin: 0;}
.aboutus-banner .right:after{content: ''; position: absolute; top: 0; left: 100%; width: 200%; height: calc(100% - 7.9%); background: #3D4050;}

/* our-journy */
.aboutus-page .our-journy{padding: 70px 0 65px;}
.aboutus-page .our-journy .container-small{display: flex; align-items: center; justify-content: space-between;}
.aboutus-page .our-journy .left{width: 100%; margin: 0;}
.aboutus-page .our-journy .left h2{color: #2E2E2E; font-size: 26px; font-weight: 500; margin-bottom: 15px;}
.aboutus-page .our-journy .left h2 span{display: block; color: #007CFF; font-size: 18px; text-transform: uppercase; letter-spacing: 1px;}
.aboutus-page .our-journy .left p{color: #1F2430; font-size: 16px;}
.aboutus-page .our-journy .left p:last-child{margin-bottom: 0;}

.aboutus-page .our-journy .right{max-width: 380px; width: 100%; padding: 30px 40px 25px; margin: 0 0 0 50px; border: 1px solid #DDD; border-radius: 10px;}
.aboutus-page .our-journy .right figure{max-width: 55px; width: 100%; margin-bottom: 15px;}
.aboutus-page .our-journy .right p{color: #2E2E2E; font-size: 20px; text-align: center; line-height: 1.5; margin: 0;}

/* helped-block */
.helped-block{background: #002A69; padding: 50px 0 60px;}
.helped-block h3{max-width: 500px; width: 100%; color: #fff; font-size: 32px; font-weight: 400; text-align: center; margin-bottom: 30px;}
.helped-block .block-group{display: flex;}
.helped-block .block-group .block{width: 100%; padding: 30px 40px 35px; margin: 0;}
.helped-block .block-group .block p{color: #2E2E2E; max-width: 420px; width: 100%; margin-left: 0;}
.helped-block .block-group .block p:last-child{margin-bottom: 0;}
.helped-block .block-group .block .title{font-size: 22px; font-weight: 500; margin-bottom: 10px;}
.helped-block .block-group .block.c-light-blue{background: #E3EFFF;}
.helped-block .block-group .block.c-cinderella{background: #F6E0D8;}

/* vision-block */
.vision-block{padding: 40px 0 50px;}
.vision-block .title-block{margin-bottom: 25px;}
.vision-block .title-block h4{font-size: 24px; margin-bottom: 5px;}
.vision-block .title-block p{color: #2E2E2E; margin: 0;}

.vision-block .ceo-block{position: relative; display: flex; margin-bottom: 30px;}
.vision-block .ceo-block .block{max-width: calc(100% / 2); width: 100%; margin: 0;}
.vision-block .ceo-block .block .img-block{max-width: 404px; width: 100%; margin: 0;}
.vision-block .ceo-block .block.cyan{display: flex; align-items: flex-end; background: #D9EDE9;}
.vision-block .ceo-block .block.cyan:before{content:''; position: absolute; right: 100%; top: 0; width: 300%; height: 100%; background: #D9EDE9;}
.vision-block .ceo-block .block.alice-blue{background: #F5F7FA; padding: 40px 45px 30px 40px;}
.vision-block .ceo-block .block.alice-blue p{color: #51596C;}
.vision-block .ceo-block .block.alice-blue p a{color: #1F2430; font-weight: 500; text-decoration: underline;}
.vision-block .ceo-block .block.alice-blue .intro-block{margin-bottom: 20px;}
.vision-block .ceo-block .block.alice-blue .intro-block .name{color: #2E2E2E; font-size: 22px; font-weight: 600;}
.vision-block .ceo-block .block.alice-blue .intro-block .position{color: #2E2E2E; font-size: 14px;}

.blogs-block{margin-bottom: 50px;}
.blogs-block .block{padding: 25px;}
.blogs-block .block .title{color: #000; font-size: 16px; font-weight: 500; line-height: 1.7; margin-bottom: 5px;}
.blogs-block .block span{display: block; color: #51596C; font-size: 14px; margin-bottom: 15px;}
.blogs-block .block p{color: #51596C; font-size: 13px; margin: 0;} 
.blogs-block .block p a{color: #007CFF; white-space: nowrap;}

.blogs-block {
    margin-bottom: 50px;
  }
  .blogs-block .block {
    padding: 25px;
  }
  .blogs-block .block .title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 5px;
  }
  .blogs-block .block span {
    display: block;
    color: #51596c;
    font-size: 14px;
    margin-bottom: 15px;
  }
  .blogs-block .block p {
    color: #51596c;
    font-size: 13px;
    margin: 0;
  }
  .blogs-block .block p a {
    color: #007cff;
    white-space: nowrap;
  }
  
  .blogs-block.keen-slider .block {
    border: 1px solid #ddd;
    margin-bottom: 0;
  }

.borad-diretors .title{color: #2E2E2E; font-size: 24px; font-weight: 500; margin-bottom: 20px;}
.borad-diretors .block-group{display: flex;}
.borad-diretors .block-group .block{display: flex; align-items: center; max-width: calc(100% / 3); width: 100%; margin: 0;}
.borad-diretors .block-group .block + .block{margin: 0 0 0 15px;}
.borad-diretors .block-group .block figure{max-width: 100px; width: 100%; height: 100px; border-radius: 50%; margin: 0;}
.borad-diretors .block-group .block .details{margin-left: 15px;}
.borad-diretors .block-group .block .details .block-title{color: #2E2E2E; font-size: 16px; font-weight: 600;}
.borad-diretors .block-group .block .details .designation{display: block; color: #51596C; font-size: 14px; margin-bottom: 5px;}
.borad-diretors .block-group .block .details .social-link{display: flex; align-items: center; gap:8px}
.borad-diretors .block-group .block .details .social-link a{color: #51596C; font-size: 12px; margin: 0; text-decoration: none;}
.borad-diretors .block-group .block .details .social-link a  a{margin-left: 10px;}
.borad-diretors .block-group .block .details .social-link a:hover{color: #F06421; font-size: 12px; text-decoration: none;}

/* team-block */
.team-block{background: #F5F7FA; padding: 50px 0;}
.team-block .container-small-photos{max-width:1100px; width:100%; padding: 0 15px;}
.team-block h5{font-size: 22px; margin-bottom: 20px;}
.team-block .block-group{display: grid; grid-gap: 30px 25px; grid-template-columns: repeat(6, 1fr);}
.team-block .block-group .block{display: flex; align-items: center; margin: 0;}
.team-block .block-group .block figure{max-width: 100px; width: 100%; height: 100px; margin: 0; overflow: hidden;}
.team-block .block-group .block .details{margin: 0 0 0 15px;   }
.team-block .block-group .block .details .name{color: #2E2E2E; font-size: 16px; font-weight: 600; margin-bottom: 3px;}
.team-block .block-group .block .details .designation{color: #51596C; font-size: 14px;}

/* --------- affiliate-program page ------------ */
/* affiliate-banner-block */
.affiliate-banner-block{background: #D9EDE9;padding: 30px 0 20px 0;}
.affiliate-banner-block .header-block{margin: 0 0 30px 0;}
.affiliate-banner-block .header-block .container-small{display: flex;align-items: center;}
.affiliate-banner-block .header-block .left-block{max-width: 430px;margin: 0 20px 0 0;}
.affiliate-banner-block .header-block .left-block .title{color: #1F2430;font-size: 28px;font-weight: 600;margin: 0 0 20px;}
.affiliate-banner-block .header-block .left-block p{-webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; flex-grow: 1;font-size: 14px;font-weight: 400;color: #51596C;margin: 0 0 25px;}
.affiliate-banner-block .header-block .left-block .affiliate-btn{height: 45px;line-height:45px;font-size:16px;background: #007CFF;color:#fff;text-decoration:none;border-radius: 8px;padding: 0 37px;}
.affiliate-banner-block .header-block .left-block .affiliate-btn:hover{background: #007cffb8;}
.affiliate-banner-block .header-block .right-block{margin: 0 0 0 auto;}
.affiliate-banner-block .header-block .right-block figure{max-width: 383px;}
.affiliate-banner-block .feature-block{max-width:1200px;background: #fff;border-radius: 8px;display: flex; flex-wrap: wrap;}
.affiliate-banner-block .feature-block .feature-box{max-width: calc(100% / 2);padding: 30px 25px 30px 30px;display: flex;align-items: center;}
.affiliate-banner-block .feature-block .feature-box:first-child{border-right: 1px solid #DDDDDD;}
.affiliate-banner-block .feature-block .feature-box:last-child{border-top: 1px solid #DDDDDD;}
.affiliate-banner-block .feature-block .feature-box:nth-child(3){border-right: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD;}
.affiliate-banner-block .feature-block .feature-box figure{max-width: 80px;width: 100%;}
.affiliate-banner-block .feature-block .feature-box .content{margin: 0 0 0 20px;}
.affiliate-banner-block .feature-block .feature-box .content .title{font-size: 18px;font-weight: 500;color: #1F2430;margin: 0 0 5px;}
.affiliate-banner-block .feature-block .feature-box .content p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; flex-grow: 1;margin: 0;color: #51596C;line-height: 1.8;}

/* affiliate-join-block */
.affiliate-join-block{padding: 60px 0 0;}
.affiliate-join-block .join-program-block{display: flex; align-items: center; margin-bottom: 30px;}
.affiliate-join-block .join-program-block .left-block{max-width: 370px;}
.affiliate-join-block .join-program-block .left-block .title{max-width: 300px; font-weight: 400; line-height:1.6;color: #1F2430;margin: 0 0 15px; font-size: 24px;}
.affiliate-join-block .join-program-block .left-block .title strong{display: block; font-size: 28px;}
.affiliate-join-block .join-program-block .left-block p{margin: 0;color: #51596C;}
.affiliate-join-block .join-program-block .right-block figure{overflow: hidden;border-radius: 8px;}
.affiliate-join-block .join-feature-block{border-radius: 8px;display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 65px;}
.affiliate-join-block .join-feature-block .feature-box{max-width: calc(100% / 2 - 10px);background: #FFF4F2;display: flex; border-radius: 8px;padding: 22px 60px 22px 25px; margin: 0 0 20px 0;}
.affiliate-join-block .join-feature-block .feature-box:nth-last-child(-n2){margin-bottom: 0;}
.affiliate-join-block .join-feature-block .feature-box figure{max-width: 80px;width: 100%;}
.affiliate-join-block .join-feature-block .feature-box .content{margin: 0 0 0 20px;}
.affiliate-join-block .join-feature-block .feature-box .content .title{font-size: 18px;font-weight: 500;color: #1F2430;margin: 0 0 5px;}
.affiliate-join-block .join-feature-block .feature-box .content p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; flex-grow: 1;margin: 0;color: #51596C;line-height: 1.8;}
.affiliate-join-block .join-program-block .right-block{margin-left: 60px;}

/* affiliate-steps-block */
.affiliate-steps-block .step-group{position: relative; max-width: 1200px;background: #072D83 url("../images/line-design.svg") no-repeat 100% 12%;background-size: cover;display:flex;border-radius: 8px;padding: 62px 0;}
.affiliate-steps-block .step-group .container-small{display: flex;align-items: center;justify-content: space-between;}
.affiliate-steps-block .step-group .left-block{max-width: 370px;width: 100%; margin: 0 50px 0 0;}
.affiliate-steps-block .step-group .left-block h2{font-size: 36px;font-weight: 600;color: #fff;margin: 0 0 20px;}
.affiliate-steps-block .step-group .left-block hr{width: 40px; height: 2px; display: block; background: rgba(255, 255, 255, 0.1); margin: 0 0 20px; border: none;}
.affiliate-steps-block .step-group .left-block p{color: #fff;margin:0 0 20px;line-height: 1.6;}
.affiliate-steps-block .step-group .left-block .affiliate-btn{height: 45px;line-height:45px;font-size:16px;background: #007CFF;color:#fff;text-decoration:none;border-radius: 8px;padding: 0 37px;}
.affiliate-steps-block .step-group .left-block .affiliate-btn:hover{background: #0470e2;}
.affiliate-steps-block .step-group .right-block{max-width: 470px; margin:0;}
.affiliate-steps-block .step-group .right-block .step{display: flex; align-items: center; margin: 0 0 40px;}
.affiliate-steps-block .step-group .right-block .step:last-child{margin-bottom: 0;}
.affiliate-steps-block .step-group .right-block .step .step-no{max-width: 50px; width: 100%; color: #fff; font-size: 70px; font-weight: 600;margin: 0; line-height: 1;}
.affiliate-steps-block .step-group .right-block .step .step-content{position: relative; padding-left: 25px; margin: 0 0 0 20px;}
.affiliate-steps-block .step-group .right-block .step .step-content:before{position: absolute; content: ''; height: 100%; width: 1px; left: 0; top: 0; display: block; background: rgba(255, 255, 255, 0.2);}
.affiliate-steps-block .step-group .step-content .step-title{color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 10px; line-height: 1;}
.affiliate-steps-block .step-group .step-content p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; flex-grow: 1; color: #fff; margin: 0; line-height: 1.6;}

/* testimonial-block */
.affiliate-program .testimonial-block{padding: 170px 0 50px;margin-top: -110px;}
.affiliate-program .testimonial-block .heading{margin-bottom: 30px; display: flex; align-items: center; justify-content: center;}
.affiliate-program .testimonial-block .slider-blocks .block{display: block; background: #fff; max-width: 830px; width: 100%; padding: 20px 78px; border-radius: 8px; box-shadow: 3px 4px 30px rgba(52, 74, 99, 0.08); margin: 0 auto;text-align: center;}
.affiliate-program .testimonial-block .slider-blocks .block .title{font-size: 20px; font-weight: 500; color: #1F2430; margin: 0 0 10px;}
.affiliate-program .testimonial-block .slider-blocks .block .user-block{display: flex; align-items: center; margin: 0; flex-direction: column;}
.affiliate-program .testimonial-block .slider-blocks .block .user-block figure{margin: 0 auto 8px;}
.affiliate-program .testimonial-block .slider-blocks .block .user-block .details{margin: 0;}
.affiliate-program .testimonial-block .slider-blocks .block .user-block .details span{display: block; font-size: 15px; font-weight: 500; line-height: 18px; margin:0;}
.affiliate-program .testimonial-block .slider-blocks .block h5{font-size: 20px; font-weight: 500; color: #1F2430; margin: 0 0 10px;}
.affiliate-program .testimonial-block .slider-blocks .block p{display: block; font-size: 14px; color: #51596C; margin-bottom: 15px;}

.affiliate-program .testimonial-block .owl-carousel .owl-stage{display: inline-block;}
.affiliate-program .testimonial-block .owl-carousel .owl-item{display: block;}
.affiliate-program .testimonial-block .owl-theme .owl-dots .owl-dot span{width: 20px; height: 3px; margin: 0 10px 0 0; border-radius: 2px;}
.affiliate-program .testimonial-block .owl-theme .owl-dots .owl-dot:last-child span{margin-right: 0;}
.affiliate-program .testimonial-block .owl-theme .owl-dots .owl-dot.active span, .affiliate-program .testimonial-block .owl-theme .owl-dots .owl-dot:hover span{background: #1F2430;}
.affiliate-program .testimonial-block .owl-theme .owl-nav.disabled + .owl-dots{margin-top: -7px;}

/* faq-block */
.affiliate-program .faq-block{padding: 40px 0 60px;}
.affiliate-program .faq-block .tab_wrapper .tab_list{max-width: max-content; width: 100%; height: 45px; line-height: 45px; background: #F5F7FA; border-radius: 40px;display: flex;margin: 0 auto;}
.affiliate-program .faq-block .tab_wrapper .tab_list li{color: #62646A; padding: 0 20px 0; margin-left: 0; font-size: 14px;}
.affiliate-program .faq-block .tab_wrapper .tab_list li.resp-tab-active{height: 100%; color: #fff; font-weight: 500; background: #007CFF; border-radius: 40px;border: none !important;}
.affiliate-program .faq-block .tab_wrapper .tab_list li.resp-tab-active .icon{color: #fff;}
.affiliate-program .faq-block .title{margin-bottom: 20px; text-align: center;}

/* accordion-block */
.affiliate-program .faq-block .tab_wrapper .accordian-block .item-head{background: none; padding: 23px 0;}
.affiliate-program .faq-block .tab_wrapper .accordian-block .item{border-bottom: 1px solid #DDDDDD;border-top: none;border-right: none;border-left: none;margin: 0;border-radius: 0;}
.affiliate-program .faq-block .tab_wrapper .accordian-block .item-head span{display: block; color: #2E2E2E; font-size: 18px; font-weight: 500; margin: 0 25px 0 0;}
.affiliate-program .faq-block .tab_wrapper .accordian-block .item-content{padding: 0 25px 20px 0px;}
.affiliate-program .faq-block .tab_wrapper .accordian-block .item-head.open samp:before{background: #1F2430;}
.affiliate-program .faq-block .tab_wrapper .accordian-block .item-head samp{position: absolute; top: 50%; transform: translate(0, -50%); display: block; width: 14px; height: 14px; margin: 0 10px 0 0; right: 0;}
.affiliate-program .accordian-block .item-content ul{margin: 0; padding: 0 0 0 20px;}

/* discuss-team-block */
.discuss-team-block{background: #FFF4F2;}
.discuss-team-block .container-small{display: flex;align-items: center;}
.discuss-team-block .left-block{margin: 0;}
.discuss-team-block .left-block figure{display: flex; margin-left: 50px;margin-right: 30px;}
.discuss-team-block .right-block{margin: 0 50px 0 auto; padding-bottom: 55px;}
.discuss-team-block .right-block .title{font-size: 28px; font-weight: 600; color: #1F2430;margin: 0 0 10px;}
.discuss-team-block .right-block .title span{display: block; font-weight: 400;}
.discuss-team-block .right-block .discuss-link{display: flex;align-items: center;}
.discuss-team-block .right-block .discuss-link .link{height: 45px; line-height: 45px; display: flex;align-items: center;padding: 0 24px; background: linear-gradient(90deg, rgba(255,142,82,1) 0%, rgba(240,100,33,1) 100%);color: #fff;font-size: 16px;font-weight: 400;text-decoration: none;}
.discuss-team-block .right-block .discuss-link .link + .link{margin: 10px;}
.discuss-team-block .right-block .discuss-link .link:hover{background: linear-gradient(90deg, rgba(240,100,33,1) 0%, rgba(255,142,82,1) 100%);}
.discuss-team-block .right-block .discuss-link .link i{margin-right: 5px; margin-top: 3px; font-size: 22px;}

/* upgradation-block */
.affiliate-program .upgradation-block{max-width: 1330px; width: 100%; padding: 0 15px; margin-top: -55px; position: relative;}

/*--------- subscription page ------------*/
html.html-subscription-page{scroll-behavior: smooth;}
.btn-go-back{position: fixed; max-width: 215px; width: 100%; display: none; bottom: 0; left: 50%; transform: translate(-50% , -50%); font-size: 16px; font-weight: 600; color: #fff; background: linear-gradient(to right, #072d83 0%,#006fe0 100%); padding: 10px 0; z-index: 9999; border-radius: 25px; box-shadow: 0 10px 10px rgb(0 0 0 / 12%);}

/* banner-pricing */
.subscription-page .banner-pricing{background: linear-gradient(180deg, rgba(192,211,230,1) 0%, rgba(255,255,255,1) 100%); padding: 63px 0 490px 0;}
.subscription-page .banner-pricing .caption{text-align: center;}
.subscription-page .banner-pricing .caption h1{font-size: 36px; color: #1F2430; font-weight: 600; margin-bottom: 7px;}
.subscription-page .banner-pricing .caption p{font-size: 22px; color: #51596C; margin: 0; line-height: 1.5;}

/* trail-block */

.subscription-page .container-trail {max-width: 1235px; width: 100%; padding: 50px 15px 0;}
.subscription-page .container-trail .trail{ padding: 10px; border: solid 1px #F6C9C9; border-radius: 15px; background-color: #FEFEFE; display: flex; align-items: center; justify-content: space-between;}
.subscription-page .container-trail .trail .left{margin: 0 0 0 5px; padding: 10px;}
.subscription-page .container-trail .trail .left div:first-child{font-weight: 500; font-size: 25px;}
.subscription-page .container-trail .trail .left div:last-child{font-weight: 700; font-size: 20px;}
.subscription-page .container-trail .trail .right{margin: 0; display: flex; justify-content: end;}
.subscription-page .container-trail .trail .right img{width: 80%; margin: 0 0 0 40px;}
/* plans-block */
.subscription-page .choose-plans{display:flex; justify-content: center; margin: 25% 0 0 0;}
.subscription-page .choose-plans .block-group{ margin: 0;}
.subscription-page .choose-plans .block-group.monthly-plan .plan.plan-2{display: none;}
.subscription-page .choose-plans .block-group.yearly-plan .plan.plan-1{display: none;}
.subscription-page .choose-plans .block-group .plan-toggle{width: 300px; display: flex; justify-content: center; align-items: center; margin-bottom: 35px;}
.subscription-page .choose-plans .block-group .plan-toggle .toggle {width: 100%; height: 40px; display: flex; align-items: center; justify-content: space-between;  background: #fff; box-shadow: 1px 1px 2px rgb(0 0 0 / 5%); margin: 0; padding: 2px; border-radius: 30px;}
.subscription-page .choose-plans .block-group .plan-toggle .toggle span {display: flex; align-items: center; justify-content: center; max-width: 50%; width: 100%; color: #51596C; height: 100%; font-size: 14px; font-weight: 500; padding: 0 15px; margin: 0; border-radius: 30px; cursor: pointer;}
.subscription-page .choose-plans .block-group .plan-toggle .toggle span.active {justify-content: center; color: #fff; background: #1F2430;}
.subscription-page .choose-plans .block-group .plan-toggle .toggle label {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 50%; width: 100%; color: #51596C; height: 100%; font-size: 16px; font-weight: 500; padding: 0 15px; margin: 0; border-radius: 30px; cursor: pointer;}
.subscription-page .choose-plans .block-group .plan-toggle .toggle label.active {justify-content: center; color: #fff; background: #1F2430;}
.subscription-page .choose-plans .block-group .plan-toggle .toggle label small{display: block; font-size: 12px; color: #1FC48B; margin: -8px 0 0 0; padding: 0;}

/* .subscription-page .choose-plans .block-group .plan{display: flex; justify-content: space-between;}
.subscription-page .choose-plans .block-group .plan .block{max-width: 400px; width: 100%; display: flex; flex-direction: column; border-radius: 15px; background: #fff; border: 1px solid #DDDDDD; padding: 30px 20px 20px; margin: 0 0 0 20px;}
.subscription-page .choose-plans .block-group .plan .block:first-child{margin-left: 0;}
.subscription-page .choose-plans .block-group .plan .block.popular-block{background: #E9F0F6; border: none;}
.subscription-page .choose-plans .block-group .plan .block .head{display: flex; justify-content: space-between; align-items: center; margin: 0 0 15px;}
.subscription-page .choose-plans .block-group .plan .block .left{margin: 0;}
.subscription-page .choose-plans .block-group .plan .block .left span{display: block; font-size: 22px; font-weight: 500;}
.subscription-page .choose-plans .block-group .plan .block hr{width: 30px; border: 1px solid #BABABA; margin: 0;}
.subscription-page .choose-plans .block-group .plan .block .right{margin: 0;}
.subscription-page .choose-plans .block-group .plan .block .right .popular{font-size: 13px; font-weight: 500; border-radius: 40px; padding: 6px 20px;}
.subscription-page .choose-plans .block-group .plan .block .right .popular{color: #000; background: #CADDED;}
.subscription-page .choose-plans .block-group .plan .block .right .best{color: #FF9C66; background: #FFF6F3;}
.subscription-page .choose-plans .block-group .plan .block .price-block{display: flex; align-items: center; margin: 15px 0;}
.subscription-page .choose-plans .block-group .plan .block .price{display: block; color:#1F2430; font-size: 36px; font-weight: 700; font-family: 'roboto'; margin: 0;}
.subscription-page .choose-plans .block-group .plan .block .old-price{color: #A2A2A2; font-size: 26px; font-family: 'roboto'; font-weight: 400; margin: 0 10px 0 0;}
.subscription-page .choose-plans .block-group .plan .block .para{flex: 1; font-size: 16px; color: #51596C; margin-bottom: 20px;}
.subscription-page .choose-plans .block-group .plan .block .para label{color: #62646A; font-size: 14px; margin: 0 0 7px;}
.subscription-page .choose-plans .block-group .plan .block .para ul{margin: 0 42px 0 0;}
.subscription-page .choose-plans .block-group .plan .block .para ul li{font-size: 15px; color: #1F2430; padding-left: 30px; line-height: 1.5; margin-bottom: 15px;}
.subscription-page .choose-plans .block-group .plan .block .para ul li:before{content: 'm'; top: 2px; font-family: "whizlabs30"; color: #fff; background: #DDD; width: 20px; height: 20px; line-height: 20px; font-size: 10px; text-align: center; border-radius: 50%;}
.subscription-page .choose-plans .block-group .plan .block .para ul li.active:before{content: 'N'; background: #21C87A;}
.subscription-page .choose-plans .block-group .plan .block .para ul li:last-child{margin-bottom: 0;}
.subscription-page .choose-plans .block-group .plan .block .btn{display: block; height: 45px; line-height: 45px; font-size: 16px; font-weight: 500; text-decoration: none; border-radius: 8px;}
.subscription-page .choose-plans .block-group .plan .block .btn-subscribe{color: #FFF; background: #F06421;}
.subscription-page .choose-plans .block-group .plan .block .btn-subscribe:hover{background: #e05613;} */
/* pricing-block */
.pricing-block{padding: 0 15px;}
.pricing-block .container{max-width: 1230px; background: #fff; border-radius: 8px; box-shadow: 0 0 20px rgb(92 92 92 / 5%); padding: 0;}
.pricing-block table{width: 100%; margin: 0;}
.pricing-block table .free-section{background: #fff;}
.pricing-block table .standard-section{background: #fff;}
.pricing-block table .premium-section{position: relative; background: #FAFBFD;}

.pricing-block table thead th{text-align: center; border-color: #DFE6EF; padding: 30px;}
.pricing-block table thead th .plan-type{font-size: 16px;color: #007CFF;font-weight: 500;}
.pricing-block table tr td{border-color: #DFE6EF;}
.pricing-block table thead th .popular-label{position: absolute; top: -14px; left: 50%; transform: translate(-50%); font-family: 'roboto'; white-space: nowrap; font-size: 13px; color: #fff; background: #072D83; font-weight: 600; display: inline-block; border-radius: 30px; padding: 7px 25px;}
.pricing-block table thead th .title{color: #1F2430; font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.pricing-block table thead th .sub-title{min-height: 42px; color: #51596C; font-size: 14px; font-weight: 400; margin: 0 5px 20px 5px;}
.pricing-block table thead th hr{border: 0 #A2A2A2 solid; width: 30px; border-top-width: 1px; margin: 20px auto;}
.pricing-block table thead th .save-label{font-family: 'roboto'; font-size: 14px; color: #1F2430; background: #FDB42C; font-weight: 700; display: inline-block; border-radius: 30px; padding: 4px 15px; margin: 0 0 20px 0;}
.pricing-block table thead th .price-block{font-family: 'roboto'; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 25px;}
.pricing-block table thead th .price-block .old-price{font-size: 30px; color: #A4AFBE; font-weight: 400; margin: 0 10px 0 0;}
.pricing-block table thead th .price-block .price{font-size: 40px; color: #1F2430; font-weight: 700; margin: 0;display: block;width: 100%;}
.pricing-block table thead th .price-block .price-dis {font-family: 'Poppins', sans-serif;font-weight: 400;font-size: 13px;color: #9095A3;margin: 0;}
.pricing-block table thead th .btn-Buy{background: #037CF9; width: 100%; height: 45px; line-height: 45px; font-size: 18px; font-weight: 600; border-radius: 8px;}
.pricing-block table thead th .btn-Buy:hover{background: #0671df; color: #fff; text-decoration: none;}

.pricing-block table thead th.features-section{width: 29.3%; text-align: left; vertical-align: middle; background: #fff;}
.pricing-block table thead th.features-section .title{color: #1A3458; font-size: 34px; font-weight: 500; line-height: 1.3; margin: 0;}
.pricing-block table thead th.features-section .offer{color: #FE8754;}

.pricing-block table thead th.white-space,
.pricing-block tbody tr.list-item td.white-space{width: 10px; padding: 0; }
.pricing-block tbody .bg{background: #F4F6FA;}

.pricing-block tbody tr:last-child td{padding: 15px 0;}
.pricing-block tbody tr.list-item:first-child td{border-top: 1px solid #DFE6EF;}
.pricing-block tbody tr.list-item td{padding: 17px 15px; border-bottom: 1px solid #DFE6EF; border-color: #DFE6EF; vertical-align: middle;}
.pricing-block .circle{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: #B8C8DD; border-radius: 50%;}
.pricing-block .circle figure{max-width: 9.5px; width: 100%;}
.pricing-block .circle.active{background: #1AC48B;}
.pricing-block .circle.active figure{max-width: 11px; width: 100%; background: #48BF6E;}

.pricing-block tbody tr.list-item td.features-section{position: relative; color: #1F2430; font-size: 15px; text-align: left; border-bottom: 1px solid #DFE6EF;}
.pricing-block tbody tr.list-item td.features-section small{display: block; font-size: 13px;}
.pricing-block tbody tr.list-item:first-child td.features-section{border-top: 1px solid #DFE6EF;}
.pricing-block i{display: inline-block; font-size: 15px; margin: 0 0 0 10px; cursor: pointer;}
.pricing-block i::before{display: block;}
.pricing-block i:hover{color: #0089E7;}

.pricing-block .btn-grey{display: block; max-width: 155px; width: 100%; color: #fff; background: #7E8A96; font-size: 14px; font-weight: 500; }
.pricing-block .btn-grey:hover{background: #6f7882;}

.pricing-block .left .list .list-item{display: flex; align-items: center; color: #5A5A5A; padding: 17px 15px; border-bottom: 1px solid #DFE6EF;}
.pricing-block .left .list .list-item:first-child{border-top: 1px solid #DFE6EF;}

.pricing-block .right{display: flex; width: 100%;}
.pricing-block .right .block{max-width: calc(100% / 3); width: 100%; border-radius: 8px; margin: 0 0 0 10px; text-align: center;}
.pricing-block .right .block:nth-child(1){}
.pricing-block .right .block:nth-child(2){}
.pricing-block .right .block:nth-child(3){background: #F5F7FA;}

.pricing-block .right .block .head{padding: 25px 20px 20px;}
.pricing-block .right .block .head .title{color: #1A3458; font-size: 18px; font-weight: 500; margin-bottom: 15px;}
.pricing-block .right .block .head .price {width: 100%; height: 55px; line-height: 55px; color: #1A3458; background: #fff; font-size: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.pricing-block .right .block .head .price span{color: #818B96; font-size: 16px; margin: 0 0 0 5px;}

.pricing-block .right .block .list{margin: 0;}
.pricing-block .right .block .list .list-item{display: flex; align-items: center; margin: 0; padding: 12px 0; border-bottom: 1px solid #DFE6EF;}
.pricing-block .right .block .list .list-item:first-child{border-top: 1px solid #DFE6EF;}
.pricing-block .right .block .list .list-item div{display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; padding: 8px 6px; background: #CBCBCB; border-radius: 50%;}
.pricing-block .right .block .list .list-item div figure{max-width: 11.5px; width: 100%;}
.pricing-block .right .block .list .list-item.active div{background: #48BF6E;}
.pricing-block .right .block .list .list-item.active div figure{max-width: 13px; width: 100%; background: #48BF6E;}

.pricing-block .right .block .btn{padding: 15px 33px; height: auto;}
.pricing-block .right .block .btn .btn-grey{display: block; color: #fff; background: #7E8A96; font-size: 14px; font-weight: 500; border-radius: 8px;}
.pricing-block .right .block .btn .btn-grey:hover{background: #6d7781;}

/* pricing-block in responsive */
.pricing-block .pricing-respo{display: none;}

.pricing-block .block-group{display: grid; grid-gap: 35px 10px; grid-template-columns: repeat(2, 1fr);}
.pricing-block .pricing-respo .block{width:100%;border-radius: 8px;}
.pricing-block .pricing-respo .owl-carousel .owl-stage-outer{overflow: inherit;}
.pricing-block .pricing-respo .block .heading{position: relative; text-align: center; padding: 20px;}
.pricing-block .pricing-respo .block .heading .plan-type{font-size: 14px;color: #007CFF;font-weight: 500;}
.pricing-block .pricing-respo .block .heading .popular-label{position: absolute; top: -14px; left: 50%; transform: translate(-50%); font-family: 'roboto'; white-space: nowrap; font-size: 13px; color: #fff; background: #072D83; font-weight: 600; display: inline-block; border-radius: 30px; padding: 5px 20px;}
.pricing-block .pricing-respo .block .heading .title{color: #1F2430; font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.pricing-block .pricing-respo .block .heading .sub-title{min-height: 40px; color: #51596C; font-size: 13px; font-weight: 400; margin: 0 5px 15px 5px;}
.pricing-block .pricing-respo .block .heading hr{border: 0 #A2A2A2 solid; width: 30px; border-top-width: 1px; margin: 15px auto;}
.pricing-block .pricing-respo .block .heading .save-label{font-family: 'roboto'; font-size: 13px; color: #1F2430; background: #FDB42C; font-weight: 700; display: inline-block; border-radius: 30px; padding: 3px 13px; margin: 0 0 15px 0;}
.pricing-block .pricing-respo .block .heading .price-block{font-family: 'roboto'; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 15px;}
.pricing-block .pricing-respo .block .heading .price-block .old-price{font-size: 24px; color: #A4AFBE; font-weight: 400; margin: 0 5px 0 0;}
.pricing-block .pricing-respo .block .heading .price-block .price{font-size: 28px; color: #1F2430; font-weight: 700; margin: 0;width: 100%;display: block;}
.pricing-block .pricing-respo .block .heading .price-block .price-dis {font-size: 13px;color: #9095A3;margin: 0;}
.pricing-block .pricing-respo .block .heading .btn-Buy{background: #037CF9; width: 100%; height: 35px; line-height: 35px; font-size: 14px; font-weight: 600; border-radius: 6px;}
.pricing-block .pricing-respo .block .heading .btn-Buy:hover{background: #0671df; color: #fff; text-decoration: none;}

.pricing-block .pricing-respo .block ul{margin: 0;}
.pricing-block .pricing-respo .block ul li{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #DFE6EF; margin: 0; padding: 15px 15px;}
.pricing-block .pricing-respo .block ul li.bg{background: #F4F6FA;}
.pricing-block .pricing-respo .block ul li:first-child{border-top: 1px solid #DFE6EF;}
.pricing-block .pricing-respo .block ul li:last-child{border-bottom: 0;}
.pricing-block .pricing-respo .block ul li:before{display: none;}
.pricing-block .pricing-respo .block ul li .text{margin: 0; text-align: left; margin: 0 8px 0 0;}
.pricing-block .pricing-respo .block ul li span{color: #1F2430; font-size: 14px; margin: 0; line-height: 20px;}
.pricing-block .pricing-respo .block ul li span small{font-size: 12px;}
.pricing-block .pricing-respo .block ul li .circle{max-width: 20px; width: 100%; height: 20px; padding: 3px 6px; margin: 0;}
.pricing-block .pricing-respo .block ul li .circle.active{padding: 3px 5px;}

.pricing-block .pricing-respo .block ul li i{color: #5A5A5A; font-size: 15px; margin: 0 0 0 5px;}
.pricing-block .pricing-respo .block ul li i:hover{color: #0089E7;}

.pricing-block .pricing-respo .block.free-section{border: 1px solid #DFE6EF; padding: 0;}
.pricing-block .pricing-respo .block.standard-section{border: 1px solid #DFE6EF; padding: 0;}
.pricing-block .pricing-respo .block.premium-section{background: #FAFBFD; border: 1px solid #DFE6EF; padding: 0;}

/* pricing-block owl-carousel in responsive */
.pricing-block .owl-carousel .owl-stage-outer{margin: 0;}
.pricing-block .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 15px;}

/* subscription-block */
.subscription-page .subscription-block{padding-top: 50px;}
.subscription-page .subscription-block .title{text-align: center; margin-bottom: 30px;}
.subscription-page .subscription-block h2{font-size: 24px; color: #2E2E2E; font-weight: 400;}
.subscription-page .subscription-block h2 strong{display: block;}
.subscription-page .subscription-block .block-group{display: flex; justify-content: space-between;}
.subscription-page .subscription-block .block-group .block{width: 47%; margin: 0;}
.subscription-page .subscription-block .block-group .block ul{margin: 0;}
.subscription-page .subscription-block .block-group .block ul li{color: #51596C; padding-left: 30px; margin-bottom: 16px;}
.subscription-page .subscription-block .block-group .block ul li:before{content: 'm'; top: 2px; font-family: "whizlabs30"; color: #fff; background: #DDD; width: 20px; height: 20px; line-height: 20px; font-size: 10px; text-align: center; border-radius: 50%;}
.subscription-page .subscription-block .block-group .block ul li.active:before{content: 'N'; background: #21C87A;}
.subscription-page .subscription-block .block-group .block ul li:last-child{margin-bottom: 0;}

/*business-plan*/
.business-plan{display: flex; justify-content: space-between; align-items: center; background: #072D83 url('../images/buss-bg-sharp.png') center center; background-size: cover;  box-shadow: 1px 1px 2px rgb(0 0 0 / 5%); padding: 20px 30px; margin-bottom: 50px; border-radius: 10px;}
.business-plan h2{max-width: 485px; width: 100%; font-size: 18px; line-height: 1.6; color: #F5F7FA; font-weight: 400; margin: 0 10px 0 0;}
.business-plan h2 strong{display: block; font-size: 20px; color: #F5F7FA; font-weight: 600; margin: 0;}
.business-plan label{font-size: 16px; color: #fff; margin: 0 20px 0 0;}
.business-plan .btn-more{display: flex; align-items: center; font-size: 14px; color: #007CFF; font-weight: 500; background: #F5F7FA; border-radius: 7px; padding: 0 28px;
    margin: 0; white-space: nowrap;}
.business-plan .btn-more .icon{margin: 0 0 0 5px;}
.business-plan .btn-more:hover{background: #fff; text-decoration: none;}

/* brands-block */
.subscription-page .brands-block{padding: 55px 0 50px; border-bottom: 0;} 

/* faq block */
.subscription-page .faq-block{border-top: 1px solid #ddd; padding: 45px 0 50px;}
.subscription-page .faq-block .tab_wrapper .content_wrapper{padding: 0;}
.subscription-page .faq-block .tab_wrapper .content_wrapper .resp-accordion{display: none;}
.subscription-page .faq-block .tab_wrapper .content_wrapper .tab_content{padding: 0; border-top: 0;}

.subscription-page .faq-block .title{font-weight: 600; margin-bottom: 30px;}
.subscription-page .faq-block .accordian-block .item{margin-bottom: 0; border: 0; border-bottom: 1px solid #ddd; border-radius: 0;}
.subscription-page .faq-block .accordian-block .item:first-child{border-top: 1px solid #ddd;}
.subscription-page .faq-block .tab_wrapper .accordian-block .item-head{background: #fff; padding: 24px 0;}
.subscription-page .faq-block .tab_wrapper .accordian-block .item-head span{font-size: 18px; font-weight: 500; margin-left: 0;}
.subscription-page .faq-block .tab_wrapper .accordian-block .item-head samp{right: 0; top: 30px;}
.subscription-page .faq-block .tab_wrapper .accordian-block .item-head samp:before{background: #1F2430;}
.subscription-page .faq-block .tab_wrapper .accordian-block .item-content{max-width: 830px; width: 100%; padding: 0 0 25px; margin: 0;}
.subscription-page .faq-block .tab_wrapper .accordian-block .item-content span{margin-bottom: 15px;}
.subscription-page .faq-block .tab_wrapper .accordian-block .item-content ul{margin-left: 15px;}

/* testimonial-block */
.subscription-page .testimonial-block{padding: 60px 0 60px;}

/* contact-us page */
.contactus-banner{background: #F5F8FA; text-align: center; padding: 40px 0 50px;}
.contactus-banner .heading{margin-bottom: 35px;}
.contactus-banner .heading h1{color: #1F2430; font-size: 28px; margin-bottom: 10px;}
.contactus-banner .heading p{color: #51596C; margin-bottom: 0;}
.contactus-banner .block-group{display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 1fr);}
.contactus-banner .block-group .block{background: #fff; width: 100%; display: flex; flex-direction: column; padding: 35px 20px; border-radius: 12px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.contactus-banner .block-group .block:first-child{margin-left: 0;}
.contactus-banner .block-group .block figure{max-width: 32px; width: 100%; flex: 1; margin: 0 auto 10px;}
.contactus-banner .block-group .block .title{color: #51596C; font-size: 22px; font-weight: 500;}
.contactus-banner .block-group .block a{color: #51596C; font-size: 14px; margin: 0;}

.contact-block{padding: 50px 0;}
.contact-block .container-small{display: flex;}
.contact-block .left-block{display: flex; flex-direction: column; justify-content: center; background: #FFF4F2; max-width: 400px; width: 100%; text-align: center; padding: 30px; margin: 0; border-radius: 10px;}
.contact-block .left-block h2{color: #1F2430; font-size: 35px; font-weight: 600; margin-bottom: 15px;}
.contact-block .left-block p{color: #51596C; font-size: 16px; line-height: 1.7; margin: 0;}

.contact-block .left-block .social-block{display: flex; align-items: center; justify-content: center; margin: 0 0 15px;}
.contact-block .left-block .social-block li{list-style: none; padding: 0; margin: 0 0 0 10px;}
.contact-block .left-block .social-block li:first-child{margin-left: 0;}
.contact-block .left-block .social-block li:before{display: none;}
.contact-block .left-block .social-block li a{display: inline-flex; align-items: center; justify-content: center; background: #fff; width: 42px; height: 42px; font-size: 19px; text-decoration: none; border-radius: 50%;}
.contact-block .left-block .social-block li a.icon-font-facebook{color: #3B5998;}
/* .contact-block .left-block .social-block li a.icon-font-facebook:hover{color: #fff; background: #3B5998;} */
.contact-block .left-block .social-block li a.icon-font-tweeter{color: #00ACEE;}
/* .contact-block .left-block .social-block li a.icon-font-tweeter:hover{color: #fff; background: #00ACEE;} */
.contact-block .left-block .social-block li a.icon-font-linkedin{color: #0E76A8;}
/* .contact-block .left-block .social-block li a.icon-font-linkedin:hover{color: #fff; background: #0E76A8;} */
.contact-block .left-block .social-block li a.icon-font-instagram{color: #DC326F;}
.contact-block .left-block .social-block li a.icon-font-instagram:hover{color: #fff; background: #DC326F;}

.contact-block .right-block{padding: 25px 20px; margin-left: 20px;}
.contact-block .right-block .title{font-size: 22px; margin-bottom: 10px;}
.contact-block .right-block .input-box-group{display: flex; justify-content: space-between; flex-wrap: wrap;}
.contact-block .right-block .input-box-group .input-box{max-width: calc(100% / 2 - 5px); width: 100%; margin: 0 0 10px;}
.contact-block .right-block .input-box-group .input-box input{color: #62646A; border: 0;}
.contact-block .right-block .input-box-group .input-box .custom-selectbox .select-selected{color: #62646A; background: #F3F3F4;}
.contact-block .right-block .input-box-group .input-box .custom-selectbox .select-selected:after{color: #62646A;}
.contact-block .right-block .input-box-group .textarea-box{width: 100%; margin: 0 0 15px; line-height: 1;}
.contact-block .right-block .input-box-group .textarea-box label{line-height: 1.6;}
.contact-block .right-block .input-box-group .textarea-box textarea{color: #62646A; background: #F3F3F4; height: 80px; font-size: 14px; border: 0;}
.contact-block .right-block .input-box-group .textarea-box textarea:focus{background: #fff;}
.contact-block .right-block .captcha-img{max-width: 320px; width: 100%; margin: 0 0 15px; overflow: hidden;}
.contact-block .right-block .btn-submit{color: #fff; background: #F06421; min-width: 300px; height: 45px; line-height: 45px; font-size: 14px; font-weight: 600; margin: 0 auto; border: 0;}
.contact-block .right-block .btn-submit:hover{background: #e05613;}

/* address-block */
.address-block{background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(233,240,246,1) 100%); padding-bottom: 60px;}
.address-block .block-group{display: flex; align-items: center; background: #3D4050; text-align: center; border-radius: 8px;}
.address-block .block-group .block{width: 100%; padding: 35px 15px; margin: 0; border-right: 1px solid #53555D;}
.address-block .block-group .block:last-child{border-right: 0;}
.address-block .block-group .block .heading{margin-bottom: 15px;}
.address-block .block-group .block h3{color: #fff; font-size: 22px; font-weight: 500; margin-bottom: 5px;}
.address-block .block-group .block h3 span{font-size: 18px;}
.address-block .block-group .block p{color: #9A9A9A; max-width: 380px; width: 100%; font-size: 14px;  line-height: 1.7; margin: 0 auto;}

/* --------- Become-an-instructor page ------------ */
/* banner-become-instructor */
.banner-become-instructor{background: #FFF4F2; height: 430px; overflow: hidden;}
.banner-become-instructor .container-small{position: relative; display: flex; align-items: center; height: 100%;}
.banner-become-instructor .left-block{max-width: 380px; padding-bottom: 60px; margin: auto 0;}
.banner-become-instructor .left-block .title{color: #1F2430; font-size: 28px; font-weight: 600; margin: 0 0 20px;}
.banner-become-instructor .left-block p{color: #51596C; font-size: 14px; font-weight: 400; margin: 0 0 25px;}
.banner-become-instructor .left-block .affiliate-btn{color:#fff; background: #007CFF; height: 45px; line-height:45px; font-size:16px; text-decoration:none; padding: 0 37px; border-radius: 8px; cursor: pointer;}
.banner-become-instructor .left-block .affiliate-btn:hover{background: #007cffb8;}
.banner-become-instructor .left-block .affiliate-btn:hover{background: #007cffb8;}
.banner-become-instructor .right-block{position: absolute; right: -50px; top: 0; max-width: 720px; margin: 0 0 0 auto;}

/* enterprice-block */
.enterprice-block{margin: -66px 0 0;}
.enterprice-block .container-small{position: relative;}
.enterprice-block .block-group{display: grid; grid-gap: 20px; grid-template-columns: auto auto auto auto; background: #fff; padding: 28px 35px 28px 20px; border-radius: 10px; box-shadow: 0 16px 20px rgba(0, 0, 0, 0.05);}
.enterprice-block .block-group .block{display: flex; align-items: center; margin: 0;}
.enterprice-block .block-group .block figure{max-width: 70px; width: 100%; margin: 0 5px 0 0;}
.enterprice-block .block-group .block:nth-child(3) figure{margin: 0 10px 0 0;}
.enterprice-block .block-group .block .content{margin: 0;}
.enterprice-block .block-group .block .content strong{display: block; color: #3D4050; font-size: 30px; font-weight: 500;}
.enterprice-block .block-group .block .content span{display: block; font-size: 16px; font-weight: 300; line-height: 1;}

.enterprice-block .caption-block{display: flex; justify-content: space-between; margin: 50px 0;}
.enterprice-block .caption-block .left{margin: 0;}
.enterprice-block .caption-block .left p{color: #1F2430; font-size: 18px; margin: 0;}
.enterprice-block .caption-block .right{margin: 0 0 0 55px;}
.enterprice-block .caption-block .right p{margin: 0 0 25px;}
.enterprice-block .caption-block .right p:last-child{margin: 0;}

/* how-work-block */
.how-work-block{background: #F5F8FA; padding-top: 50px;}
.how-work-block .container-small > p{max-width: 675px; width: 100%; color: #51596C; font-size: 18px; text-align: center; line-height: 1.6; margin-bottom: 55px;}
.how-work-block .head-block{max-width: 680px; width: 100%; text-align: center; margin-bottom: 25px;}
.how-work-block .head-block h2{font-size: 24px; font-weight: 600; margin-bottom: 15px;}
.how-work-block .head-block p{margin: 0;}

.how-work-block .steps-group{display: flex; justify-content: space-between; margin: 0 0 30px;}
.how-work-block .steps-group .step{max-width: calc(100% / 4); width: 100%; background: #fff; text-align: center; padding: 12px 20px 20px; margin: 0 0 0 10px; border-radius: 8px;}
.how-work-block .steps-group .step:first-child{margin-left: 0;}
.how-work-block .steps-group .step span{display: inline-block; background: #CCE5FF; color: #007CFF; height: 28px; line-height: 28px; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 0 24px; margin-bottom: 15px; border-radius: 15px;}
.how-work-block .steps-group .step figure{max-width: 60px; width: 100%; margin-bottom: 15px;}
.how-work-block .steps-group .step p{max-width: 188px; width: 100%; color: #1F2430; font-size: 16px; line-height: 1.6; margin: 0 auto;}

/* how-work-block */
.how-work-block .form-block{position: relative; max-width: 900px; width: 100%; background: #fff; padding: 30px 80px 30px 70px; border-radius: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);}
.how-work-block .form-block h3{font-size: 24px; font-weight: 400; text-align: center; margin-bottom: 15px;}
.how-work-block .form-block h3 strong{font-weight: 600;}
.how-work-block .form-block .input-box-group{display: flex; justify-content: space-between; flex-wrap: wrap;}
.how-work-block .form-block .input-box-group .input-box{max-width: calc(100% / 2 - 7px); width: 100%; margin: 0 0 10px;}
.how-work-block .form-block .input-box-group .input-box.full{max-width: 100%; margin: 0 0 10px;}
.how-work-block .form-block .input-box-group .input-box input{color: #62646A; border: 0;}
.how-work-block .form-block .input-box-group .textarea-box{line-height: 1;}
.how-work-block .form-block .input-box-group .textarea-box label{line-height: 1.6;}
.how-work-block .form-block .input-box-group .textarea-box textarea{color: #62646A; background: #F3F3F4; height: 80px; font-size: 14px; border: 0;}
.how-work-block .form-block .input-box-group .textarea-box textarea:focus{background: #fff;}

.how-work-block .form-block .input-box-group .upload-block{margin: 0;}
.how-work-block .form-block .input-box-group .upload-block .drag-form{position: relative; display: flex; align-items: center; justify-content: center; background: #FFFBF6; height: 40px; line-height: 40px; padding: 0 15px; border: 1px dashed #FFDEB0; border-radius: 6px;}
.how-work-block .form-block .input-box-group .upload-block .drag-form input{position: absolute; top: 0; left: 0; outline: none !important; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 2;}
.how-work-block .form-block .input-box-group .upload-block .drag-form .dropzone-desc{display: flex; align-items: center; margin: 0;}
.how-work-block .form-block .input-box-group .upload-block .drag-form .dropzone-desc i{color: #51596C; font-size: 25px; margin: 0 10px 0 0;}
.how-work-block .form-block .input-box-group .upload-block .drag-form .dropzone-desc span{color: #51596C; font-size: 13px; margin: 0;}

.how-work-block .form-block .input-box-group .upload-block .min-requirement{display: none; margin-top: 5px;}
.how-work-block .form-block .input-box-group .upload-block .min-requirement .file-name{display: flex; align-items: center; justify-content: flex-end; margin: 0;}
.how-work-block .form-block .input-box-group .upload-block .min-requirement .file-name span{max-width: 200px; font-size: 12px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.how-work-block .form-block .input-box-group .upload-block .min-requirement .file-name i{opacity: 0; display: flex; align-items: center; justify-content: center; max-width: 14px; width: 100%; height: 14px; color: #fff; background: #717886; font-size: 6px; margin: 0 0 0 5px; border-radius: 50%; transition: 0.2s ease-in-out; cursor: pointer;}
.how-work-block .form-block .input-box-group .upload-block .min-requirement .file-name i:before{margin-right: 0.5px;}
.how-work-block .form-block .input-box-group .upload-block .min-requirement .file-name i:hover{background: #000;}
.how-work-block .form-block .input-box-group .upload-block .min-requirement .max-size{color: #51596C; width: 60%; font-size: 12px; text-align: right; margin: 0 0 0 10px;}

.how-work-block .form-block .input-box-group .info-block{color: #51596C; font-size: 12px; text-align: left; margin: -7px 0 20px;}

/* .how-work-block .form-block .captcha-img{max-width: 300px; width: 100%; margin: 0 auto 15px; overflow: hidden;} */
.how-work-block .form-block .captcha-img{width: 100%; margin: 0 auto 15px; overflow: hidden;}
.how-work-block .form-block .btn-applynow{display: block; color: #fff; background: #F06421; min-width: 300px; height: 45px; line-height: 45px; font-size: 14px; font-weight: 600; margin: 0 auto; border: 0;}
.how-work-block .form-block .btn-applynow:hover{background: #e05613;}

/* faq-block */
.become-instructor .faq-block{background: #fff; padding: 310px 0 60px; margin-top: -250px;}
.become-instructor .faq-block .tab_wrapper .tab_list{display: flex; max-width: max-content; background: #F5F7FA; width: 100%; height: 45px; line-height: 45px; margin: 0 auto; border-radius: 40px;}
.become-instructor .faq-block .tab_wrapper .tab_list li{color: #62646A; padding: 0 20px 0;font-size: 14px;}
.become-instructor .faq-block .tab_wrapper .tab_list li.resp-tab-active{color: #fff; background: #007CFF; height: 100%; font-weight: 500; border: none !important; border-radius: 40px;}
.become-instructor .faq-block .tab_wrapper .tab_list li.resp-tab-active .icon{color: #fff;}
.become-instructor .faq-block .tab_wrapper .content_wrapper{padding-top: 0;}
.become-instructor .faq-block .tab_wrapper .content_wrapper .resp-accordion{display: none;}
.become-instructor .faq-block .tab_wrapper .content_wrapper .tab_content{border-top: 0;}
.become-instructor .faq-block .title{margin-bottom: 20px; text-align: center;}

/* accordion-block */
.become-instructor .faq-block .tab_wrapper .accordian-block .item-head{background: none; padding: 23px 0;}
.become-instructor .faq-block .tab_wrapper .accordian-block .item{border-bottom: 1px solid #DDDDDD;border-top: none;border-right: none;border-left: none;margin: 0;border-radius: 0;}
.become-instructor .faq-block .tab_wrapper .accordian-block .item-head span{display: block; color: #2E2E2E; font-size: 18px; font-weight: 500; margin: 0 25px 0 0;}
.become-instructor .faq-block .tab_wrapper .accordian-block .item-content{padding: 0 25px 20px 0px;}
.become-instructor .faq-block .tab_wrapper .accordian-block .item-head.open samp:before{background: #1F2430;}
.become-instructor .faq-block .tab_wrapper .accordian-block .item-head samp{position: absolute; top: 50%; transform: translate(0, -50%); display: block; width: 14px; height: 14px; margin: 0 0 0 10px; right: 0;}
.become-instructor .accordian-block .item-content ul{margin: 0; padding: 0 0 0 20px;}

/* discuss-team-block */
.become-instructor .discuss-team-block .right-block{padding: 0;}

/* ----------- Free test page ----------- */
/* -------------------------------------- */
.freetest-banner{position: relative; background-size: cover !important; z-index: 0; padding: 45px 0;}
.freetest-banner .overlay{position: absolute; top: 0; left: 0; background: rgba(61, 64, 80, 0.5); width: 100%; height: 100%; mix-blend-mode: multiply; z-index: -1;}
.freetest-banner h1{color: #fff; font-size: 24px; font-weight: 500; margin-bottom: 10px;}
.freetest-banner p{color: #fff; font-size: 12px; line-height: 1.7; margin-bottom: 15px; opacity: 0.8;}
.freetest-banner .left{max-width: calc(100% - 390px); width: 100%; margin: 0 40px 0 0;}

.freetest-banner .product-ranting-block{display: flex; align-items: center;}
.freetest-banner .product-ranting-block > div  div{margin: 0 0 0 30px;}
.freetest-banner .product-ranting-block .rating-block{display: flex; align-items: center;  flex-wrap: wrap; margin: 0;}
.freetest-banner .product-ranting-block .rating-block .stars-group{display: flex; align-items: center; margin: 0 6px 0 0;}
.freetest-banner .product-ranting-block .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 3px 0 0;}
.freetest-banner .product-ranting-block .rating-block .stars-group samp{color: #FFF; font-size: 12px; font-weight: 600; margin-left: 3px;}
.freetest-banner .product-ranting-block .rating-block .total-rating{color: #fff; font-size: 12px; margin: 0;}

.freetest-banner .product-ranting-block .icon{display: flex; align-items: center; color: #fff; font-size: 12px;}
.freetest-banner .product-ranting-block .icon:before{font-size: 21px; margin: 0 6px 0 0;}
.freetest-banner .product-ranting-block .icon.product-discssion:before{font-size: 18px;}

.freetest-page .two-columns{padding-bottom: 55px; border-bottom: 1px solid #ddd;}
.freetest-page .two-columns .container{display: flex; justify-content: space-between;}

.freetest-page .left-column{max-width: calc(100% - 430px); width: 100%; margin: 0 40px 0 0;}
.freetest-page .left-column .visit-block{display: flex; align-items: center; justify-content: space-between; background: #1AC48B; padding: 13px 20px; margin-bottom: 25px; margin-right: -40px; border-radius: 0 0 6px 6px;}
.freetest-page .left-column .visit-block p{color: #fff; font-size: 16px; font-weight: 500; line-height: 1.6; margin: 0;}
.freetest-page .left-column .visit-block .btn-visit{color: #1AC48B; background: #fff; min-width: 160px; height: 45px; line-height: 45px; text-transform: uppercase; text-decoration: none; margin-left: 10px; border-radius: 6px;}
.freetest-page .left-column .visit-block .btn-visit:hover{color: #0f694b;}

.freetest-page .left-column .content-section h2{font-size: 20px;}
.freetest-page .left-column .content-section h3{font-size: 18px; margin-bottom: 20px;}

.freetest-page .left-column .exam-details-block{margin-bottom: 30px; border-radius: 3px; overflow: hidden;}
.freetest-page .left-column .exam-details-block .heading{display: flex; align-items: center; justify-content: space-between; background: #dfe6ef; padding: 10px 15px 10px 20px;}
.freetest-page .left-column .exam-details-block .heading div{font-size: 15px; font-weight: 500; margin: 0 20px 0 0;}
.freetest-page .left-column .exam-details-block .heading div:last-child{text-align: right; margin: 0;}
.freetest-page .left-column .exam-details-block .heading div.topic,
.freetest-page .left-column .exam-details-block .heading div.no-que,
.freetest-page .left-column .exam-details-block .heading div.duration{font-size: 13px;}
.freetest-page .left-column .exam-details-block .heading div.no{min-width: 50px; max-width: 50px; width: 100%;}
.freetest-page .left-column .exam-details-block .heading div.name{width: 100%;}
.freetest-page .left-column .exam-details-block .heading div.no-que{min-width: 110px; text-align: right;}
.freetest-page .left-column .exam-details-block .heading div.topic{max-width: 110px; width: 100%; min-width: 110px;}
.freetest-page .left-column .exam-details-block .heading div.duration{min-width: 90px; max-width: 140px; width: 100%;}

.freetest-page .left-column .exam-details-block ul{background: #f5f7fa; margin: 0;}
.freetest-page .left-column .exam-details-block ul li{display: flex; align-items: center; justify-content: space-between; padding: 10px 15px 10px 20px; margin: 0; border-bottom: 1px solid #DFE6EF;}
.freetest-page .left-column .exam-details-block ul li:last-child{border-bottom: 0;}
.freetest-page .left-column .exam-details-block ul li:before{display: none;}
.freetest-page .left-column .exam-details-block ul li div{color: #51596C; font-size: 13px; line-height: 1.5; margin: 0 20px 0 0;}
.freetest-page .left-column .exam-details-block ul li div:last-child{text-align: right; margin: 0;}
.freetest-page .left-column .exam-details-block ul li div.no{min-width: 50px; max-width: 50px; width: 100%;}
.freetest-page .left-column .exam-details-block ul li div.name{display: flex; align-items: flex-start; width: 100%;}
.freetest-page .left-column .exam-details-block ul li div.name:before{color: #797979; font-size: 15px; margin: 4px 8px 0 0;}
.freetest-page .left-column .exam-details-block ul li div.no-que{min-width: 110px; text-align: right;}
.freetest-page .left-column .exam-details-block ul li div.topic{max-width: 110px; width: 100%; min-width: 110px;}
.freetest-page .left-column .exam-details-block ul li div.duration{min-width: 90px; max-width: 140px; width: 100%;}

.freetest-page .left-column .all-test-block h3{font-size: 18px; margin-bottom: 15px;}
.freetest-page .left-column .test-group{display: flex; justify-content: space-between; margin: 0 0 50px;}
.freetest-page .left-column .test-group .test-block{max-width: calc(100% / 2 - 5px); width: 100%; margin: 0;}
.freetest-page .left-column .test-group .test-block .title{background: #f3f3f4; font-size: 24px; font-weight: 500; text-align: center; padding: 10px; margin-bottom: 5px; border-radius: 8px;}

.freetest-page .left-column .test-group .test-details{border-radius: 8px; overflow: hidden;}
.freetest-page .left-column .test-group .test-details .img-block{position: relative; background-size: cover !important; height: 200px; overflow: hidden;}
.freetest-page .left-column .test-group .test-details .img-block.img1{background: #373C7B url('../images/free-test-img1@2x.jpg') no-repeat top;}
.freetest-page .left-column .test-group .test-details .img-block.img2{background: #373C7B url('../images/free-test-img2@2x.jpg') no-repeat top;}
.freetest-page .left-column .test-group .test-details .img-block .overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(55, 60, 123, 0.2);}
.freetest-page .left-column .test-group .test-details .img-block .icon{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 60px;}

.freetest-page .left-column .test-group .test-details .description{background: #F3F3F4;}
.freetest-page .left-column .test-group .test-details .description .details-block{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 20px; border-bottom: 1px solid #DDD;}
.freetest-page .left-column .test-group .test-details .description .details-block .block{max-width: calc(100% / 2 - 5px); width: 100%; margin: 0 0 10px;}
.freetest-page .left-column .test-group .test-details .description .details-block .block:nth-last-child(-n2){margin-bottom: 0;}
.freetest-page .left-column .test-group .test-details .description .details-block .block samp{display: block; color: #51596C; font-size: 13px; margin-bottom: 2px;}
.freetest-page .left-column .test-group .test-details .description .details-block .block span{display: block; font-size: 14px; font-weight: 500; line-height: 1.3;}

.freetest-page .left-column .test-group .test-details .description .price-block{display: flex; align-items: center; justify-content: center; font-family: 'roboto'; line-height: 1; padding: 15px; margin: 0;}
.freetest-page .left-column .test-group .test-details .description .price-block .price{color: #1F2430; font-size: 30px; font-weight: 700; margin: 0 10px 0 0;}
.freetest-page .left-column .test-group .test-details .description .price-block .old-price{color: #A2A2A2; font-size: 18px; margin: 0;}

.freetest-page .left-column .test-group .test-details .description .btn-group{display: flex; padding: 0 20px 20px;}
.freetest-page .left-column .test-group .test-details .description .btn-group .btn{width: 100%; height: 45px; line-height: 45px; font-size: 14px; font-weight: 600; white-space: nowrap; border: 0; border-radius: 8px;}
.freetest-page .left-column .test-group .test-details .description .btn-group .btn + .btn{margin-left: 10px;}
.freetest-page .left-column .test-group .test-details .description .btn-group .btn.btn-addcart{color: #fff; background: #f06421;}
.freetest-page .left-column .test-group .test-details .description .btn-group .btn.btn-addcart:hover{background: #e05613;}
.freetest-page .left-column .test-group .test-details .description .btn-group .btn.btn-knowmore{color: #1F2430; background: #fff;}
.freetest-page .left-column .test-group .test-details .description .btn-group .btn.btn-knowmore:hover{color: #f06421;}

.freetest-page .right-column{margin: 0;}
.freetest-page .price-bar{max-width: 350px; width: 100%; margin-top: -200px;}
.freetest-page .price-bar .top{background: #F3F3F4; margin-bottom: 10px; border-radius: 8px; overflow: hidden;}
.freetest-page .price-bar .top .img-block{position: relative; background: #373c7b url('../images/free-test-img3@2x.jpg') no-repeat top; background-size: cover !important; height: 200px;}
.freetest-page .price-bar .top .img-block .icon{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 60px;}
.freetest-page .price-bar .top .img-block .overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(55, 60, 123, 0.2);}
.freetest-page .price-bar .top .title{padding: 12px 20px; border-bottom: 1px solid #ddd;}
.freetest-page .price-bar .top .price-block{display: flex; align-items: center; flex-wrap: wrap; font-family: 'roboto'; line-height: 1;  padding: 12px 20px; margin: 0; border-bottom: 1px solid #ddd;}
.freetest-page .price-bar .top .price-block .price{color: #1F2430; font-size: 42px; font-weight: 700; margin: 0;}
.freetest-page .price-bar .top .price-block .old-price{color: #A2A2A2; font-size: 16px; margin: 0 0 0 10px;}
.freetest-page .price-bar .top .price-block p{color: #51596C; width: 100%; font-size: 11px; margin: 0;}

.freetest-page .price-bar .top .all-benifits{padding: 0 20px 20px;}
.freetest-page .price-bar .top .all-benifits ul{padding: 0; margin: 0;}
.freetest-page .price-bar .top .all-benifits ul li{color: #51596C; font-size: 12px; line-height: 1.5; padding-left: 32px; margin: 20px 0;}
.freetest-page .price-bar .top .all-benifits ul li:before{content: '/'; top: -8px; color: #00BE7E; font-size: 22px; font-family: "whizlabs30"; width: auto; height: auto; background: transparent;}

.freetest-page .price-bar .top .all-benifits .btn-block .btn{width: 100%; height: 45px; line-height: 45px; font-size: 14px; font-weight: 600; white-space: nowrap; border: 0; border-radius: 8px;}
.freetest-page .price-bar .top .all-benifits .btn-block .btn.btn-white{color: #1F2430; background: #fff; margin-bottom: 10px;}
.freetest-page .price-bar .top .all-benifits .btn-block .btn.btn-orange{color: #fff; background: #F06421; margin-bottom: 20px;}
.freetest-page .price-bar .top .all-benifits .btn-block .btn.btn-white:hover{color: #f06421;}
.freetest-page .price-bar .top .all-benifits .btn-block .btn.btn-orange:hover{background: #e05613;}
.freetest-page .price-bar .top .all-benifits .btn-block .btn.btn-accessnow{margin-bottom: 0;}
.freetest-page .price-bar .top .all-benifits .btn-block p{color: #1F2430; font-size: 14px; text-align: center; margin: 15px 0 20px;}

.freetest-page .price-bar .top .all-benifits .share-block{display: flex; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid #ddd;}
.freetest-page .price-bar .top .all-benifits .share-block span{color: #2E2E2E; font-size: 14px; margin: 0;}
.freetest-page .price-bar .top .all-benifits .share-block .link-share{display: flex; align-items: center; color: #007CFF; font-size: 14px; font-weight: 500; text-decoration: none; margin: 0;}
.freetest-page .price-bar .top .all-benifits .share-block .link-share:hover{color: #F06421;}
.freetest-page .price-bar .top .all-benifits .share-block .link-share:before{margin-right: 5px;}

.freetest-page .price-bar .help-link{display: block; color: #1F2430; background: #f3f3f4; width: 100%; font-size: 24px; font-weight: 500; text-align: center; padding: 12px 15px; border-radius: 8px;}

/* ----------- practicetest-page ----------- */
/* ----------------------------------------- */
.freetest-page.practicetest-page .left-column .test-group .test-details .img-block.img1{background: #373C7B url('../images/free-test-img3@2x.jpg') no-repeat top;}
.freetest-page.practicetest-page .left-column .test-group .test-details .img-block.img2{background: #373C7B url('../images/free-test-img2@2x.jpg') no-repeat top;}
.freetest-page.practicetest-page .price-bar .top .img-block{background: #373c7b url('../images/free-test-img1@2x.jpg') no-repeat top;}

/* ----------- onlinecourse-page ----------- */
/* ----------------------------------------- */
.freetest-page.onlinecourse-page .left-column .test-group .test-details .img-block.img1{background: #373C7B url('../images/free-test-img3@2x.jpg') no-repeat top;}
.freetest-page.onlinecourse-page .left-column .test-group .test-details .img-block.img2{background: #373C7B url('../images/free-test-img1@2x.jpg') no-repeat top;}
.freetest-page.onlinecourse-page .price-bar .top .img-block{background: #373c7b url('../images/free-test-img2@2x.jpg') no-repeat top;}

.freetest-page.onlinecourse-page .accordian-block{margin-bottom: 30px; border-radius: 3px; overflow: hidden;}
.freetest-page.onlinecourse-page .accordian-block .item{margin-bottom: 0; border-radius: 0;}
.freetest-page.onlinecourse-page .accordian-block .item:last-child .item-head{border-bottom: 0;}
.freetest-page.onlinecourse-page .accordian-block .item-head{background: #F5F7FA; padding: 10px 15px 10px 20px; border-bottom: 1px solid #DFE6EF;}
.freetest-page.onlinecourse-page .accordian-block .item-head span{display: block; color: #51596C; font-size: 13px; font-weight: 400; margin: 0 10px 0 30px;}
.freetest-page.onlinecourse-page .accordian-block .item-head .left{margin: 0;}
.freetest-page.onlinecourse-page .accordian-block .item-head .left samp{position: absolute; top: 12px; display: block; width: 18px; height: 18px; margin: 0; border: 1px solid #1F2430; border-radius: 50%;}
.freetest-page.onlinecourse-page .accordian-block .item-head .left samp::before{left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 1px; background: #1F2430;}
.freetest-page.onlinecourse-page .accordian-block .item-head .left samp::after{top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 10px; background: #1F2430;}
.freetest-page.onlinecourse-page .accordian-block .item-head.open .left samp::after{transform: translateY(-50%) rotate(90deg);}
.freetest-page.onlinecourse-page .accordian-block .item-head .right{display: flex; align-items: center; margin: 0;}
.freetest-page.onlinecourse-page .accordian-block .item-head .right > div{color: #51596C; font-size: 13px; white-space: nowrap; margin: 0 20px 0 0;}
.freetest-page.onlinecourse-page .accordian-block .item-head .right > div:last-child{min-width: 85px; text-align: right; margin: 0;}

.freetest-page.onlinecourse-page .accordian-block .item-content{background: #fbfbfb;}
.freetest-page.onlinecourse-page .accordian-block .item-content ul li{padding: 10px 15px 10px 50px; border-bottom: 1px solid #eeeff1;}
.freetest-page.onlinecourse-page .accordian-block .item-content ul li:last-child{border-bottom: 0;}
.freetest-page.onlinecourse-page .accordian-block .item-content ul li .title{align-items: flex-start; line-height: 1.4;}
.freetest-page.onlinecourse-page .accordian-block .item-content ul li .title i{color: #A7A7A7;}
.freetest-page.onlinecourse-page .accordian-block .item-content ul li .right{margin: 0;}
.freetest-page.onlinecourse-page .accordian-block .item-content ul li .right .total-time{color: #51596C; font-size: 12px;}

/* ----------- aws-consulting-page ----------- */
/* ----------------------------------------- */
/* banner-aws-consulting */
.banner-aws-consulting{background: #fff4f2; height: 540px;}
.banner-aws-consulting .container{position: relative; height: 100%;}
.banner-aws-consulting .container:after{content: ''; position: absolute; top: 0; left: calc(100% - 16px); width: 200%; height: 100%; background: linear-gradient(to bottom, rgba(254,216,177,1) 0%,rgba(255,167,35,1) 100%);}
.banner-aws-consulting .container-small{position: relative; display: flex; align-items: center; max-width: 1200px; height: 100%; padding: 0;}
.banner-aws-consulting .left{max-width: 500px; width: 100%; margin: auto 0; z-index: 1;}
.banner-aws-consulting .left h1{color: #1F2430; font-size: 45px; margin-bottom: 20px;}
.banner-aws-consulting .left p{color: #1F2430; font-size: 18px; margin: 0 0 25px;}
.banner-aws-consulting .left .btn-consultation{background: #ffa723; min-width: 250px; height: 45px; line-height: 45px; border: 0;}
.banner-aws-consulting .left .btn-consultation:hover{background: #ea991e;}
.banner-aws-consulting .img-block{position: absolute; right: -90px; bottom: 0; max-width: 836px; width: 100%; margin: 0;}

/* aws-consulting-page */
.aws-consulting-page h2{color: #1F2430; text-align: center; margin: 0;}
.aws-consulting-page h2 span{display: block; color: #51596C; font-size: 22px; font-weight: 400;}
.aws-consulting-page h4{font-size: 32px; text-align: center; margin: 0;}
.aws-consulting-page .container-small{max-width: 1230px; width: 100%;}

.aws-consulting-page .awsbenifits-block{padding: 50px 0 60px;}
.aws-consulting-page .awsbenifits-block .title{text-align: center; margin-bottom: 30px;}
.aws-consulting-page .awsbenifits-block .title p{color: #51596C; font-size: 16px; margin: 0;}

.aws-consulting-page .awsbenifits-block .block-group{display: flex; justify-content: space-between;}
.aws-consulting-page .awsbenifits-block .block-group .block{position: relative; max-width: 275px; width: 100%; padding: 30px; margin: 0; border-radius: 8px;  transition: 0.2s ease-in-out;}
.aws-consulting-page .awsbenifits-block .block-group .block:before{content: ''; position: absolute; width: 0; left: 0; bottom: 0; height: 6px; background: linear-gradient(to right, #ee754e 0%,#faa824 100%); border-radius: 0 0 8px 8px; transition: all 0.3s ease-in-out;}
.aws-consulting-page .awsbenifits-block .block-group .block:hover{background: #FFF4F2;}
.aws-consulting-page .awsbenifits-block .block-group .block:hover .icon{color: #1F2430;}
.aws-consulting-page .awsbenifits-block .block-group .block:hover:before{width: 100%;}
.aws-consulting-page .awsbenifits-block .block-group .block .icon{color: #51596C; font-size: 45px; cursor: pointer; margin-bottom: 15px;}
.aws-consulting-page .awsbenifits-block .block-group .block .block-title{font-size: 20px; font-weight: 500; margin: 0 0 15px; min-height: 60px;}
.aws-consulting-page .awsbenifits-block .block-group .block p{color: #51596C; width: 100%; margin: 0; cursor: all-scroll; height: 10em; overflow: auto; text-overflow: unset; white-space: unset;}
.aws-consulting-page .awsbenifits-block .block-group .block p::-webkit-scrollbar {width: 6px; }
.aws-consulting-page .awsbenifits-block .block-group .block p::-webkit-scrollbar-track,
.aws-consulting-page .awsbenifits-block .block-group .block p::-webkit-scrollbar-thumb { background: rgba(241, 241, 241, 0.5); mix-blend-mode: multiply; border-radius: 5px; }
.aws-consulting-page .awsbenifits-block .block-group .block p::-webkit-scrollbar-thumb { border-radius: 3px; }
.aws-consulting-page .awsbenifits-block .block-group .block p::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-color-hover, #555); }

/* tech-partner-block */
.tech-partner-block{background: #f5f7fa; padding: 110px 0 50px;}
.why-choose-block{display: flex; justify-content: space-between; height: 475px; margin-bottom: 50px; border-radius: 8px;}
.why-choose-block .left-block{max-width: 700px; width: 100%; padding: 70px 0 50px 50px; margin: 0;}
.why-choose-block .left-block h3{color: #fff; font-size: 36px; margin-bottom: 15px;}
.why-choose-block .left-block hr{display: block; background: #fff; width: 80px; height: 3px; margin: 0 0 20px; border: 0;}
.why-choose-block .left-block .sub-title{color: #fff; display: block; font-size: 28px; margin-bottom: 15px; line-height: 1.5;}
.why-choose-block .left-block p{color: #fff; font-size: 16px; margin: 0;}
.why-choose-block .right-block{background: #fff; max-width: 400px; width: 100%; height: 490px; padding: 115px 50px 90px; margin: -45px 30px 0 50px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);}
.why-choose-block .right-block figure{max-width: 306px; width: 100%; margin: 0 0 40px;}
.why-choose-block .right-block .text{font-size: 50px; line-height: 55px;}
.why-choose-block .right-block .text span{display: block; font-size: 30px; line-height: 1;}

/* consulting-block */
.consulting-block .title{margin-bottom: 50px;}

.consulting-block .slider-block .block figure{max-width: 75px; width: 100%; margin-bottom: -35px;}
.consulting-block .slider-block .white-box{background: #fff; text-align: center; padding: 60px 20px 30px; border-radius: 8px;}
.consulting-block .slider-block .white-box .box-title{color: #000; font-size: 20px; font-weight: 500; margin-bottom: 15px; line-height: 1;}
.consulting-block .slider-block .white-box p{color: #51596C; line-height: 1.8; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

.consulting-block .owl-carousel .owl-stage-outer{margin-bottom: 0;}
.consulting-block .slider-block .owl-nav{display: flex; align-items: center; justify-content: space-between; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); margin-top: 0;}
.consulting-block .slider-block .owl-nav button{max-width: 38px; width: 100%; height: 38px; display: block; background: #44434C !important; border-radius: 50%; outline: none; margin: 0; position: relative;}
.consulting-block .slider-block .owl-nav button:before{content: 'l'; font-family: 'whizlabs30'; font-size: 16px; color: #fff; display: block;}
.consulting-block .slider-block .owl-nav button.owl-prev{left: -19px;}
.consulting-block .slider-block .owl-nav button.owl-next{right: -19px;}
.consulting-block .slider-block .owl-nav button.owl-prev:before{transform: rotate(180deg); left: -19px; margin-left: -3px;}
.consulting-block .slider-block .owl-nav button.owl-next:before{margin-right: -3px;}
.consulting-block .slider-block .owl-nav button span{display: none;}

/* process-block */
.process-block{padding: 60px 0 50px;}
.process-block .title{margin-bottom: 30px;}
.process-block .block-group{display: flex; justify-content: space-between;}
.process-block .block-group .block{text-align: left; max-width: 250px; width: 100%; margin: 0 0 0 20px;}
.process-block .block-group .block:first-child{margin-left: 0;}
.process-block .block-group .block figure{max-width: 95px; width: 100%; margin: 0 0 25px;}
.process-block .block-group .block .box-title{font-size: 20px; font-weight: 500; margin-bottom: 10px; line-height: 1;}
.process-block .block-group .block p{color: #51596C; line-height: 1.7; margin: 0;}

/* offering-block */
.offering-block{background: #D9EDE9; padding: 50px 0;}
.offering-block .title{margin-bottom: 30px;}
.offering-block .block-group{display: flex; justify-content: space-between;}
.offering-block .block-group .block{margin-left: 15px;}
.offering-block .block-group .block:first-child{margin-left: 0;}
.offering-block .block-group .block figure{margin: 0 0 20px; border-radius: 8px; overflow: hidden;}
.offering-block .block-group .block .box-title{color: #1F2430; font-size: 20px; font-weight: 500; line-height: 1; margin-bottom: 10px;}
.offering-block .block-group .block p{color: #51596C; max-width: 345px; width: 100%; line-height: 1.8; margin: 0;}

/* testimonial-block */
.aws-consulting-page .testimonial-block{padding: 50px 0 60px;}
.aws-consulting-page .testimonial-block .heading{margin-bottom: 30px; display: flex; align-items: center; justify-content: center;}
.aws-consulting-page .testimonial-block .slider-blocks .block{display: block; background: #fff; max-width: 830px; width: 100%; padding: 25px; border-radius: 8px; text-align: center; margin: 0 auto;  box-shadow: 3px 4px 30px rgba(52, 74, 99, 0.08);}
.aws-consulting-page .testimonial-block .slider-blocks .block .title{color: #1F2430; font-size: 20px; font-weight: 500; margin: 0 0 10px;}
.aws-consulting-page .testimonial-block .slider-blocks .block .user-block{display: flex; align-items: center; margin: 0; flex-direction: column;}
.aws-consulting-page .testimonial-block .slider-blocks .block .user-block figure{margin: 0 auto 8px;}
.aws-consulting-page .testimonial-block .slider-blocks .block .user-block .details{margin: 0;}
.aws-consulting-page .testimonial-block .slider-blocks .block .user-block .details span{display: block; font-size: 15px; font-weight: 500; line-height: 18px; margin:0;}
.aws-consulting-page .testimonial-block .slider-blocks .block h5{color: #1F2430; font-size: 20px; font-weight: 500;  margin: 0 0 10px;}
.aws-consulting-page .testimonial-block .slider-blocks .block p{display: block; color: #51596C; max-width: 650px; width: 100%; font-size: 14px; margin-bottom: 15px;}

.aws-consulting-page .testimonial-block .owl-carousel .owl-stage{display: inline-block;}
.aws-consulting-page .testimonial-block .owl-carousel .owl-item{display: block;}
.aws-consulting-page .testimonial-block .owl-theme .owl-dots .owl-dot span{width: 20px; height: 3px; margin: 0 10px 0 0; border-radius: 2px;}
.aws-consulting-page .testimonial-block .owl-theme .owl-dots .owl-dot:last-child span{margin-right: 0;}
.aws-consulting-page .testimonial-block .owl-theme .owl-dots .owl-dot.active span, .aws-consulting-page .testimonial-block .owl-theme .owl-dots .owl-dot:hover span{background: #1F2430;}
.aws-consulting-page .testimonial-block .owl-theme .owl-nav.disabled + .owl-dots{margin-top: -7px;}

/* faq-block */
.consulting-faq-block{padding: 40px 0 60px;}
.consulting-faq-block .title{margin-bottom: 30px;}
.consulting-faq-block .accordian-block-group{display: flex;}
.consulting-faq-block .accordian-block{max-width: calc(100% / 2 - 10px); width: 100%; margin: 0;}
.consulting-faq-block .accordian-block + .accordian-block{margin-left: 20px;}
.consulting-faq-block .accordian-block .item{margin: 0 0 10px;}
.consulting-faq-block .accordian-block .item:last-child{margin: 0;}
.consulting-faq-block .accordian-block .item-head{background: #fff; padding: 20px 60px 20px 20px; border: 1px solid #DFE3E6; border-radius: 4px; transition: 0.2s ease-in-out;}
.consulting-faq-block .accordian-block .item-head.open{background: #F5F7FA; border: 1px solid #F5F7FA; border-radius: 4px 4px 0 0;}
.consulting-faq-block .accordian-block .item-head.open samp{background: #fff;}
.consulting-faq-block .accordian-block .item-head.open samp:after{top: 50%; transform: translateY(-50%) rotate(90deg);}
.consulting-faq-block .accordian-block .item-head samp{top: 15px; right: 20px; width: 30px; height: 30px; border-radius: 50%; background: #F1F4F7; margin: 0; transition: 0.2s ease-in-out;}
.consulting-faq-block .accordian-block .item-head samp:before{left: 50%; transform: translate(-50%, -50%); background: #585858; width: 12px; height: 2px;}
.consulting-faq-block .accordian-block .item-head samp:after{top: 50%; transform: translate(-50%, -50%); background: #585858; width: 2px; height: 12px;}
.consulting-faq-block .accordian-block .item-head span{color: #2E2E2E; font-size: 16px; margin: 0;}
.consulting-faq-block .accordian-block .item .item-content{background: #F5F7FA; padding: 17px 20px; border: 1px solid #F5F7FA; border-top: 1px solid #fff;}
.consulting-faq-block .accordian-block .item .item-content p{color: #51596C; margin: 0;}

/* expert-block */
.consulting-expert-block{background: #FFF9F1; padding-top: 30px;}
.consulting-expert-block .container-small{display: flex; align-items: center; justify-content: space-between;}
.consulting-expert-block .caption-block{display: flex; align-items: center; margin: -30px 0 0;}
.consulting-expert-block .caption{max-width: 350px; width: 100%; margin: 0;}
.consulting-expert-block .caption .title{font-size: 40px; line-height: 50px; margin-bottom: 15px;}
.consulting-expert-block .caption-block .btn-contact{display: block; color: #1F2430; background: #FBA924; min-width: 190px; height: 45px; line-height: 45px; text-align: center; text-decoration: none; padding: 0 20px; margin: 0 0 0 50px;}
.consulting-expert-block .caption-block .btn-contact:hover{background: #fba924bf;}
.consulting-expert-block .caption p{line-height: 24px; margin: 0;}
.consulting-expert-block figure{max-width: 492px; width: 100%; margin: auto 0 0 80px;}

/* -------- register--reseller-page ------- */
/* ---------------------------------------- */
.register-page{position: relative; height: 100vh; z-index: 0;}
.register-page .graphic-img{position: absolute; background: #fff4f2 url('../images/register-reseller-page@2x.jpg') no-repeat center; background-size: cover; max-width: 50%; width: 100%; height: 100%; margin: 0; overflow: hidden; z-index: 0;}
.register-page .graphic-img:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff4f2; opacity: 0.9; z-index: -1;}
.register-page .graphic-img:before{content: ''; position: absolute; top: 50%; right: 180px; transform: translateY(-50%); width: 563px; height: 563px; background: url('../images/register-reseller-page-patten-image.svg') no-repeat center;  background-size: cover; opacity: 0.9; z-index: 0;}

.register-page .container{display: flex; height: 100vh;}
.register-page .left{display: flex; flex-direction: column; max-width: 50%; width: 100%; padding: 30px 15px 30px 0; margin: 0; z-index: 1;}
.register-page .left .logo{position: relative; display: block; max-width: 200px; width: 100%; margin: 0; z-index: 1;}   
.register-page .left .content{margin: auto 0;}
.register-page .left .content span{display: block; font-size: 22px; margin-bottom: 20px;}
.register-page .left .content p{color: #1F2430; max-width: 550px; width: 100%; font-size: 32px; font-weight: 500; line-height: 1.5; margin: 0;}
.register-page .right{max-width: 50%; width: 100%; text-align: center; padding: 20px 0 20px 15px; margin: 0;}
.register-page .right .box{position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 360px; width: 100%; margin: 0;}
.register-page .right .box .head{margin-bottom: 13px;}
.register-page .right .box .head figure{max-width: 85px; width: 100%; margin-bottom: 5px; border-radius: 50%;}
.register-page .right .box .head span{color: #2E2E2E; font-size: 20px; font-weight: 600;}
.register-page .right .box form{margin-bottom: 15px;}
.register-page .right .box .input-box-group{margin-bottom: 20px;}
.register-page .right .box .input-box{margin-bottom: 10px;}
.register-page .right .box .input-box:last-child{margin-bottom: 0;}
.register-page .right .box .input-box label{text-align-last: left;}
.register-page .right .box .input-box input{height: 45px;}
.register-page .right .box .btn-signup{color: #fff; background: #F06421; width: 100%; height: 45px; line-height: 45px; font-size: 16px; font-weight: 600; border: 0; border-radius: 6px;}
.register-page .right .box .btn-signup:hover{background: #e05613;}
.register-page .right .box .terms-block{color: #62646A; font-size: 13px; margin-bottom: 30px;}
.register-page .right .box .terms-block a{color: #007CFF;}
.register-page .right .box .alrady-account{color: #62646A; font-size: 14px;}
.register-page .right .box .alrady-account a{color: #F06421; font-size: 16px; font-weight: 500;}

/* ----- Error page ----- */
.error-page{padding: 95px 0;}
.error-page .container{display: flex; align-items: center; max-width: 930px; width: 100%;}
.error-page figure{max-width: 440px; width: 100%; margin: 0;}
.error-page .caption{margin: 0 0 0 55px;}
.error-page .caption h1{color: #002A69; font-size: 40px; font-weight: 600; margin-bottom: 15px;}
.error-page .caption p{color: #1F2430; font-size: 16px; line-height: 1.5; margin-bottom: 35px;}
.error-page .caption .btn-backto-home{color: #fff; background: #f06421; text-decoration: none; padding: 0 30px;}
.error-page .caption .btn-backto-home:hover{background: #e05613;}

/* ----------- parner with us page ----------- */
/* -------------------------------------- */
/* parner-banner-block */
.parner-banner-block{background: #f5f8fa; height: 340px;}
.parner-banner-block .container-small{display: flex; align-items: center; justify-content: space-between; height: 100%;}
.parner-banner-block .left{margin: 0;}
.parner-banner-block .left .title{font-size: 36px; font-weight: 600;}
.parner-banner-block .right{margin: 0;}
.parner-banner-block .right figure{max-width: 620px; width: 100%; margin: 0 0 -40px;}

/* associates-block */
.associates-block{padding: 65px 0;}
.associates-block .container-small{display: flex; justify-content: space-between;}
.associates-block .left{max-width: 380px; width: 100%; margin: 0 30px 0 0;}
.associates-block .left h2{color: #1F2430; font-size: 30px; font-weight: 400; margin-bottom: 20px;}
.associates-block .left h2 strong{display: block; color: #F06421; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px;}
.associates-block .left p{margin: 0 0 15px;}
.associates-block .left span{display: block; font-weight: 500;}
.associates-block .right{max-width: 760px; width: 100%; margin: 0;}
.associates-block .right p{margin-bottom: 20px;}
.associates-block .right p:last-child{margin-bottom: 0;}

/* participation-types */
.participation-types{padding-bottom: 55px; border-bottom: 1px solid #ddd;}
.participation-types .type{padding: 60px 0;}
.participation-types .type.type1{background: #D9EDE9; padding: 50px 0 30px 0;}
.participation-types .type.type2{background: #FFF4F2;}
.participation-types .type .head{max-width: 650px; width: 100%; text-align: center; margin-bottom: 15px;}
.participation-types .type .head h3{color: #1F2430; font-size: 30px; font-weight: 500; margin-bottom: 15px;}
.participation-types .type .head p{font-size: 18px; line-height: 1.5; margin-bottom: 0;}
.participation-types .type .block-group{display: flex; align-items: center; justify-content: space-between;}
.participation-types .type .block-group .left-block{max-width: 410px; width: 100%; margin: 0 30px 0 0;}
.participation-types .type:nth-child(even) .left-block{margin: 0 0 0 30px;}
.participation-types .type .block-group .left-block h4{color: #51596C; font-size: 26px; font-weight: 400; line-height: 1.5; margin-bottom: 20px;}
.participation-types .type .block-group .left-block h4 strong{color: #1F2430; font-weight: 600;}
.participation-types .type .block-group .left-block .btn{color: #fff; background: #f06421; min-width: 180px; height: 45px; line-height: 45px; font-size: 16px; border-radius: 25px;}
.participation-types .type .block-group .left-block .btn:hover{text-decoration: none; background: #e05613;}
.participation-types .type .block-group .right-block{margin: 0;}
.participation-types .type .block-group .right-block figure{max-width: 438px; width: 100%; margin: 0 50px 0 0;}
.participation-types .type:nth-child(even) .right-block figure{margin: 0 0 0 50px;}

/* ------- reset-password page --------- */
/* ------------------------------------ */
.reset-password-page{background-repeat: no-repeat; background-size: cover; background-position: center;}
.reset-password{position: relative; display: flex; align-items: center; justify-content: center; height: 100vh;}
.reset-password .container-small{display: flex; align-items: center; justify-content: space-between; max-width: 1190px;}
.reset-password figure{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); max-width: 215px; width: 100%;}
.reset-password .left{max-width: 500px; width: 100%; margin: 0 20px 0 0;}
.reset-password .left .logo{display: block; max-width: 200px; width: 100%; margin: 0 0 30px;}
.reset-password .left h1{font-size: 40px; font-weight: 700; margin: 0;}
.reset-password form{background: #fff; max-width: 380px; width: 100%; padding: 35px 30px; margin: 0; border-radius: 15px; box-shadow: 0 5px 30px rgba(240, 100, 33, 0.08);}
.reset-password form .title{color: #1F2430; font-size: 28px; font-weight: 600; margin-bottom: 20px;}
.reset-password form .title span{color: #F06421;}
.reset-password form .input-box-group{margin-bottom: 20px;}
.reset-password form .input-box{margin-bottom: 10px;}
.reset-password form .input-box:last-child{margin-bottom: 0;}
.reset-password form .input-box label{color: #51596C; font-weight: 400;}
.reset-password form .input-box input{background: #f9f9f9; height: 45px; border: 0;}
.reset-password form .input-box input::placeholder{color: #DDD;}
.reset-password form .btn-submit{color: #FFF; background: #f06421; width: 100%; height: 45px; line-height: 45px; font-size: 16px; font-weight: 600; border-radius: 6px;}
.reset-password form .btn-submit:hover{background: #e05613;}

/* -------------------------------------- 
   ---------- Dashboard pages -----------
/* -------------------------------------- */

/* ----- Dashboard page ----- */
.dashboard-page #content-area{padding: 0 0 50px;}
.dashboard-page .white-box{background: #fff;}

/* dashboard-tab */
.dashboard-tab{margin-top: -30px;}
.dashboard-tab .resp-accordion{display: none;}
.dashboard-tab .wrapper-list{position: relative; display: flex; align-items: center;background: #fff;}
.dashboard-tab .wrapper-list .container{display: flex; align-items: center; padding: 0;}

.dashboard-tab .tab-wrap{padding-top: 30px;}
.dashboard-tab .tab_list{display: flex; padding: 0 15px; margin: 0; overflow-x: auto;}
.dashboard-tab .tab_list::-webkit-scrollbar{width: 0px; height: 0;}
.dashboard-tab .tab_list li{padding: 0 0 5px; margin: 0; color: #51596C; white-space: nowrap; font-size: 16px; cursor: pointer;margin: 10px;}
.dashboard-tab .tab_list li  li{margin-left: 28px;}
.dashboard-tab .tab_list li:before{display: none;}
.dashboard-tab .tab_list li:hover{color: #1F2430;}
.dashboard-tab .tab_list li.resp-tab-active{color: #1F2430;border-bottom: 3px solid #00A4A6 !important; font-weight: 500;}
.dashboard-tab .previous{margin: 0 0 4px; padding-left: 10px; position: absolute; left: 0; font-size: 18px; width: 60px; text-align: left;background: linear-gradient(to right, rgb(255 255 255) 0%,rgba(255,255,255,0) 100%); z-index: 1;}
.dashboard-tab .next{margin: 0 0 4px 10px; padding-right: 10px; position: absolute; right: 0; font-size: 18px; width: 60px; text-align: right; background: linear-gradient(to right, rgba(245,247,250,0) 0%,rgba(255,255,255,1) 100%);}

/* dashboard pagination-block */
.dashboard-page .pagination-block{margin-bottom: 0;}

/* dashboard empty-page block */
.empty-mycertification.empty-block{display: none;}
.dashboard-page .empty-block{padding: 100px 0; text-align: center;}
.dashboard-page .empty-block figure{max-width: 80px; width: 100%; margin: 0 auto 15px;}
.dashboard-page .empty-block .favourite-img{max-width: 350px; width: 100%;}
.dashboard-page .empty-block h2{color: #1F2430; font-size: 20px; font-weight: 500; margin-bottom: 10px;}
.dashboard-page .empty-block p{color: #51596C; margin-bottom: 25px;}
.dashboard-page .empty-block p a{color: #F06421; font-weight: 500; text-decoration: underline;}
.dashboard-page .empty-block p a:hover{color: #FF953F;}
.dashboard-page .empty-block .btn-browse{color: #fff; background: #F06421; min-width: 160px; text-decoration: none; border-radius: 6px;}
.dashboard-page .empty-block .btn-browse:hover{background: #e05613;}

/* info-group */
.info-group{display: flex; justify-content: space-between; margin-bottom: 20px;}
.info-group .info{display: flex; background: #fff; max-width: calc(100% / 4 - 7px); width: 100%; text-decoration: none; padding: 25px 20px; margin: 0; border-radius: 8px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.info-group .info:hover .caption strong,
.info-group .info:hover .caption span{color: #fff;}
.info-group .info figure{display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 0 20px 0 0; border-radius: 50px;}

.info-group .info:nth-child(1) figure{background: #FFF6F3;}
.info-group .info:nth-child(2) figure{background: #E5F9F2;}
.info-group .info:nth-child(3) figure{background: #FFF3F5;}
.info-group .info:nth-child(4) figure{background: #F0F9FF;}

.info-group .info:nth-child(1) figure svg{width: 27px;}
.info-group .info:nth-child(2) figure svg{width: 20px;}
.info-group .info:nth-child(3) figure svg{width: 22px;}
.info-group .info:nth-child(4) figure svg{width: 20px;}

.info-group .info:nth-child(1):hover{background: #FF9C66;}
.info-group .info:nth-child(2):hover{background: #1AC48B;}
.info-group .info:nth-child(3):hover{background: #FF668E;}
.info-group .info:nth-child(4):hover{background: #3CC1FE;}

.info-group .info .caption{margin: 0;}
.info-group .info .caption strong{color: #1F2430; font-size: 26px; font-weight: 500; transition: 0.1s ease-in-out;}
.info-group .info .caption span{display: block; color: #62646A; font-size: 16px; line-height: 1; transition: 0.1s ease-in-out;}

/* search-filter-block */
.tab_content .search-filter-block{display: flex; justify-content: flex-end;}
.tab_content .search-filter-block .search-block{position: relative; max-width: 220px; width: 100%; margin: 0 0 10px;}
.tab_content .search-filter-block .search-block input{background: #fff; letter-spacing: 0.6px; padding: 0 15px 0 45px; border: 0; border-radius: 6px;}
.tab_content .search-filter-block .search-block .icon{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #98A8BE; font-size: 18px;}

.tab_content .search-filter-block .filter-block{display: flex; align-items: center; color: #51596C; background: #fff; height: 40px; padding: 0 15px; margin: 0 0 10px 10px; border-radius: 6px; cursor: pointer; transition: 0.2s ease-in-out;}
.tab_content .search-filter-block .filter-block .icon{font-size: 13px; margin: 0 10px 0 0;}
.tab_content .search-filter-block .filter-block span{display: block; font-size: 14px; margin: 0; white-space: nowrap;}

/* filter-options */
.tab_content .filter-options{display: flex; align-items: flex-end; justify-content: space-between; background: #fff; padding: 10px 15px 15px; margin-bottom: 50px; border-radius: 8px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.tab_content .filter-options .input-box-group{display: flex; max-width: 945px; width: 100%; margin: 0;}
.tab_content .filter-options .input-box{max-width: 305px; width: 100%; margin: 0;}
.tab_content .filter-options .input-box + .input-box{margin-left: 15px;}
.tab_content .filter-options .input-box .head{display: flex; align-items: center; justify-content: space-between;}
.tab_content .filter-options .input-box .head label{color: #1F2430; font-weight: 500;}
.tab_content .filter-options .input-box .head button{color: #007CFF; background: none; font-size: 12px; margin: 0 0 5px; border: 0;}
.tab_content .filter-options .input-box .head button:hover{text-decoration: underline;}
.tab_content .filter-options .input-box .custom-selectbox .select-selected{color: #51596C; background: none; font-size: 13px; border: 1px solid #DDD;}
.tab_content .filter-options .input-box .custom-selectbox .select-selected:after{color: #62646A;}
.tab_content .filter-options .input-box .custom-selectbox .select-items{background: #fff; border: 1px solid #ddd; margin-top: -1px;}
.tab_content .filter-options .save-block{color: #51596C; font-size: 13px; margin: 0 0 5px 20px; white-space: nowrap;}
.tab_content .filter-options .save-block strong{color: #1F2430; font-weight: 500;}
.tab_content .filter-options .save-block button{color: #00BE7E; background: #E5F9F2; min-width: 70px; height: 30px; line-height: 30px; font-size: 14px; font-weight: 500; padding: 0 15px; margin: 0 0 0 10px; border: 0; border-radius: 4px;}
.tab_content .filter-options .save-block button:hover{background: #BFEFDE;}
.tab_content .filter-options .save-block button:focus{outline: none;}

/* Dashboard course-listing */
.dashboard-page .course-listing .heading{font-size: 18px; font-weight: 500; margin-bottom: 10px;}

.dashboard-page .course-listing .list-group{display: flex; justify-content: space-between; flex-wrap: wrap;}
.dashboard-page .course-listing .list-item{display: flex; background: #fff; max-width: calc(100% / 2 - 5px); width: 100%; padding: 10px 15px 0 10px; margin: 0 0 10px; border-radius: 8px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.dashboard-page .course-listing .list-item:nth-last-child(-n2){margin-bottom: 0;}
.dashboard-page .course-listing .list-item:last-child{margin-bottom: 0;}
.dashboard-page .course-listing .list-item .couser-img{position: relative; max-width: 135px; width: 100%; margin: 0 0 10px;}
.dashboard-page .course-listing .list-item .couser-img img{border-radius: 8px;}
.dashboard-page .course-listing .list-item .couser-img .icon-whishlist{position: absolute; top: 12px; right: 12px; color: #fff; max-width: 13px; width: 100%; cursor: pointer; z-index: 1;}
.dashboard-page .course-listing .list-item .couser-img .icon-whishlist .whishlist-fill{display: none;}
.dashboard-page .course-listing .list-item .couser-img .icon-whishlist .whishlist{border-radius: 0;}
.dashboard-page .course-listing .list-item .couser-img .icon-whishlist.active .whishlist{display: none;}
.dashboard-page .course-listing .list-item .couser-img .icon-whishlist.active .whishlist-fill{display: block; border-radius: 0;}

.dashboard-page .course-listing .list-item .item-content{display: flex; justify-content: space-between; width: 100%; margin: 0 0 0 15px;}

/* course-details */
.dashboard-page .course-listing .list-item .course-details{margin: 0;}
.dashboard-page .course-listing .list-item .course-details .subtitle{color: #51596C; font-size: 12px; line-height: 1.2; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dashboard-page .course-listing .list-item .course-details .title{display: block; color: #2E2E2E; font-size: 16px; font-weight: 500; line-height: 1.3; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dashboard-page .course-listing .list-item .course-details .status{margin-bottom: 5px; line-height: 1.2;}
.dashboard-page .course-listing .list-item .course-details .status span{display: block; font-size: 12px;}
.dashboard-page .course-listing .list-item .course-details .status .inprogress{color: #F06421;}
.dashboard-page .course-listing .list-item .course-details .status .not-started{color: #A2A2A2;}

.dashboard-page .course-listing .list-item .course-details .level{color: #51596C; font-size: 12px; margin-bottom: 5px;}

/* heightlights */
.dashboard-page .course-listing .list-item .course-details .course-highlights{display: flex; align-items: center; flex-wrap: wrap;}
.dashboard-page .course-listing .list-item .course-details .course-highlights > div{display: flex; align-items: center; color: #51596C; line-height: 1; margin: 0 20px 10px 0;}
.dashboard-page .course-listing .list-item .course-details .course-highlights > div.disabled{opacity: 0.4; pointer-events: none;}
.dashboard-page .course-listing .list-item .course-details .course-highlights > div.inprogress span{color: #F06421; margin-left: 0;}
.dashboard-page .course-listing .list-item .course-details .course-highlights > div.completed{color: #2CB36E;}
.dashboard-page .course-listing .list-item .course-details .course-highlights > div.completed i{color: #1AC48B;}
.dashboard-page .course-listing .list-item .course-details .course-highlights > div.attempts span{margin: 0;}
.dashboard-page .course-listing .list-item .course-details .course-highlights > div.progress-bar .line{background: #EFEFEF; width: 100px; height: 4px; border-radius: 4px;}
.dashboard-page .course-listing .list-item .course-details .course-highlights > div.progress-bar .line .fill{display: block; background: #1AC48B; max-width: 40%; height: 100%; margin: 0; border-radius: 4px; transition: all 0.3s ease-in-out;}
.dashboard-page .course-listing .list-item .course-details .course-highlights > div.progress-bar span{margin-left: 10px;}
.dashboard-page .course-listing .list-item .course-details .course-highlights i{font-size: 16px;}
.dashboard-page .course-listing .list-item .course-details .course-highlights span{font-size: 12px; margin-left: 5px; white-space: nowrap}

.dashboard-page .course-listing .list-item .btn-start{color: #fff; background: #F06421; min-width: 100px; height: 32px; line-height: 32px; font-size: 13px; font-weight: 400; margin: auto 0; text-decoration: none;}
.dashboard-page .course-listing .list-item .btn-start:hover{background: #e05613;}

/* recent-activity-block */
.dashboard-page .recent-activity{margin-bottom: 30px;}
.dashboard-page .recent-activity .course-listing .list-item .course-details{max-width: calc(100% - 120px); width: 100%;}
.dashboard-page .recent-activity .course-listing .list-item .course-details .course-highlights > div{margin: 0 15px 10px 0;}

/* queries-block */
.dashboard-page .queries-block{margin-bottom: 30px;}
.dashboard-page .queries-block .heading{display: flex; align-items: center; font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.dashboard-page .queries-block .heading a{display: block; color: #1F2430; font-size: 14px; margin: 0 0 0 auto;}
.dashboard-page .queries-block .block-group{display: flex; justify-content: space-between; flex-wrap: wrap;}
.dashboard-page .queries-block .block-group .block{display: flex; justify-content: space-between; background: #fff; max-width: calc(100% / 2 - 5px); width: 100%; padding: 15px 15px 15px 20px; margin: 0 0 10px; border-radius: 8px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.dashboard-page .queries-block .block-group .block:nth-last-child(-n2){margin-bottom: 0;}
.dashboard-page .queries-block .block-group .block .left{margin: 0 15px 0 0;}
.dashboard-page .queries-block .block-group .block .left span{display: block; color: #51596C; font-size: 12px; line-height: 1; margin-bottom: 5px;}
.dashboard-page .queries-block .block-group .block .left a{display: block; color: #2E2E2E; font-size: 16px; font-weight: 500;}
.dashboard-page .queries-block .block-group .block .right{text-align: center; margin: auto 0;}
.dashboard-page .queries-block .block-group .block .right samp{display: block; color: #1AC48B; background: #E5F9F2; max-width: 24px; width: 100%; height: 24px; line-height: 24px; font-size: 14px; font-weight: 500; border-radius: 50%;}
.dashboard-page .queries-block .block-group .block .right span{color: #1AC48B; font-size: 13px; font-weight: 500;}

/* recent-added block */
.dashboard-page .recent-added{margin-bottom: 30px;}

/*empty-box*/
.dashboard-page .empty-box .no-activity{background: #fff; box-shadow: 1px 1px 2px #0000000D; border-radius: 8px;}
.dashboard-page .empty-box .no-activity .block{max-width: 645px; width: 100%; padding: 52px 0; text-align: center;}
.dashboard-page .empty-box .no-activity .block figure{max-width: 80px; margin-bottom: 15px;}
.dashboard-page .empty-box .no-activity .block .title{font-size: 20px; color: #1F2430; font-weight: 500; margin-bottom: 10px;}
.dashboard-page .empty-box .no-activity .block p{font-size: 14px; color: #51596C; margin-bottom: 25px;}
.dashboard-page .empty-box .no-activity .block .btn-browse{max-width: 160px; width: 100%; background: #F06421; border-radius: 6px;}
.dashboard-page .empty-box .no-activity .block .btn-browse:hover{background: #e05613; color: #fff; text-decoration: none;}

/* business-offer */
.dashboard-page .business-offer{display: flex; align-items: center; justify-content: space-between; background: #51596C; padding: 13px 15px 13px 20px; border-radius: 8px;}
.dashboard-page .business-offer p{color: #fff; font-size: 18px; line-height: 1.5; margin: 0;}
.dashboard-page .business-offer p strong{line-height: 1.7; margin-right: 7px;}
.dashboard-page .business-offer .btn-business{color: #1F2430; background: #fff; height: 45px; line-height: 45px; padding: 0 17px; text-decoration: none; margin: 0 0 0 20px; border-radius: 6px; white-space: nowrap;}
.dashboard-page .business-offer .btn-business:hover{color: #007cff;}

/* ----- Dashboard Tarining page ----- */
.tranning-page .course-listing .caption{font-size: 16px; margin-bottom: 10px; margin-top: -35px}
.tranning-page .course-listing .caption strong{font-weight: 500;}

/* tab-my-certification */
.all-certifications{}
.all-certifications .title{font-size: 16px; margin-bottom: 10px;}
.all-certifications .title strong{font-weight: 500;}
.all-certifications .certificate-list{display: flex; justify-content: space-between; flex-wrap: wrap;}
.all-certifications .certificate-block{display: flex; background: #fff; max-width: calc(100% / 2 - 5px); width: 100%; padding: 10px 15px 10px 10px; margin: 0 0 10px; border-radius: 8px; box-shadow: 1px 1px 2px rgb(0 0 0 / 5%);}
.all-certifications .certificate-block figure{max-width: 135px; width: 100%; margin: 0 15px 0 0; cursor: pointer;}
.all-certifications .certificate-block .certificate-content{margin: 0;}
.all-certifications .certificate-block .certificate-content .date{color: #51596C; font-size: 14px; margin-bottom: 10px;}
.all-certifications .certificate-block .certificate-content .name{display: block; color: #2E2E2E; font-size: 18px; font-weight: 500; line-height: 1.3; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.all-certifications .certificate-block .certificate-content .btn-download{display: flex; align-items: center; color: #F06421; background: none; font-size: 14px;}
.all-certifications .certificate-block .certificate-content .btn-download:before{font-size: 16px; margin: 0 5px 0 0;}
.all-certifications .certificate-block .certificate-content .btn-download:hover{color: #2e2e2e;}

/* ----- Dashboard Notification page ----- */
/* notication-block */
.notification-block{background: #fff; border-radius: 8px; overflow: hidden;}
.notification-block ul{margin: 0;}
.notification-block ul li{position: relative; display: flex; padding: 17px 50px 17px 25px; margin: 0;}
.notification-block ul li:before{display: none;}
.notification-block ul li:after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; background: #ddd; width: calc(100% - 50px); height: 1px;}
.notification-block ul li.unread{background: #FFFBF3;}
.notification-block ul li.unread .left{color: #FFAE28; background: #FCEFDB;}
.notification-block ul li.unread .right a{cursor: pointer;}
.notification-block ul li.unread .right a:hover{text-decoration: underline;}
.notification-block ul li .left{display: flex; align-items: center; justify-content: center; color: #C5D0DE; background: #F5F7FA; max-width: 34px; width: 100%; height: 34px; font-size: 18px; margin: 0 15px 0 0; border-radius: 50%;}
.notification-block ul li .right{margin: 0;}
.notification-block ul li .right p{color: #51596C; font-size: 14px; line-height: 1.4; margin: 0;}
.notification-block ul li .right p a{color: #1F2430; font-weight: 500; text-decoration: none; cursor: text;}
.notification-block ul li .right span{display: block; color: #A2A2A2; font-size: 12px;}
.notification-block ul li .btn-close{position: absolute; right: 25px; top: 17px; display: flex; align-items: center; justify-content: center; color: #9E9EA6; width: 26px; height: 26px; font-size: 10px; margin: 0 0 0 auto; border-radius: 50%; cursor: pointer;}
.notification-block ul li .btn-close:hover{background: #f5f5f7;}
.notification-block .btn-load-more{display: block; min-width: 150px; color: #007CFF; background: #F5F7FA; font-weight: 500; margin: 20px auto; border: 0; border-radius: 6px;}
.notification-block .btn-load-more:hover{background: #e7e7e9cf;}

/* ---- Dashboard Account Setting Page ---- */
.acc-setting-page .white-box .head-section{color: #2E2E2E; font-size: 18px; line-height: 1.3; padding: 15px 20px; border-bottom: 1px solid #EAECEF;}
.acc-setting-page .white-box .head-section-updated{color: #2E2E2E; font-size: 18px; line-height: 1.3; padding: 15px 20px; border-bottom: 1px solid #EAECEF;}
.MuiPaper-elevation1 {
    box-shadow: none !important;
}

/* tab-myprofile */

.details-group{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.details-group > div{max-width: calc(100% / 2 - 10px); width: 100%; margin: 0;}

.details-group .white-box .selectbox select{height: 40px; font-size: 13px; border-radius: 6px; border-color: #DDD;}
/* 
.details-group .white-box .custom-selectbox .select-selected:after{color: #62646A;}
.details-group .white-box .custom-selectbox .select-items div{font-size: 12px;}
.details-group .white-box .custom-selectbox .select-items{background-color: #fff; border: 1px solid #DDD;} */

.details-group .white-box .user-section{display: flex; align-items: center; padding: 20px 20px 0;}
.details-group .white-box .user-section figure{max-width: 85px; width: 100%; margin: 0 15px 0 0; border-radius: 50%; overflow: hidden;}
.details-group .white-box .user-section .btn-group{display: flex; margin: 0;}
.details-group .white-box .user-section .btn-group .btn{color: #1F2430; background: #F3F3F4; height: 25px; line-height: 25px; font-size: 10px; font-weight: 400; padding: 0 10px; border: 0; border-radius: 6px;}
.details-group .white-box .user-section .btn-group .btn + .btn{margin-left: 3px;}
.details-group .white-box .user-section .btn-group .btn:hover{background: #e7e7e9;}

.details-group .white-box .footer-section{padding: 15px 20px;}
.details-group .white-box .footer-section .btn-save{color: #fff; background: #51596C; min-width: 145px; border: 0; border-radius: 8px;}
.details-group .white-box .footer-section .btn-save:hover{background: #717a8e;}

.details-group .white-box .input-box-group{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 20px 0; border-bottom: 1px solid #EAECEF;}
.details-group .white-box .input-box-group .inputbox-25{display: flex; justify-content: space-between;  max-width: calc(50% - 10px); width: 100%; margin: 0;}
.details-group .white-box .input-box-group .inputbox-25 .input-box{max-width: calc(50% - 5px); width: 100%; margin: 0;}
.details-group .white-box .input-box-group .inputbox-25 .input-box.w-25{max-width: calc(50% - 5px); margin: 0;}
.details-group .white-box .input-box-group .addmore-box{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 0 0 20px;}
.details-group .white-box .input-box-group .addmore-box.certification{margin-bottom: 0;}
.details-group .white-box .input-box-group .addmore-box .input-box{margin-bottom: 0;}
.details-group .white-box .input-box-group .addmore-box .btn-addmore{font-size: 13px; margin: 5px 0 0 auto; cursor: pointer; transition: 0.2s ease-in-out;}
.details-group .white-box .input-box-group .addmore-box .btn-addmore:hover{color: #007CFF;}

.details-group .white-box .input-box{max-width: calc(50% - 10px); width: 100%; margin: 0 0 20px;}
.details-group .white-box .input-box.full{max-width: 100%;}

.details-group .white-box .input-box label{color: #1F2430; max-width: 310px; width: 100%; font-weight: 500; line-height: 1.6;}
.details-group .white-box .input-box input{color: #51596C; font-size: 13px;}

.details-group .white-box .input-box .rbtn-group{display: inline-flex; margin: 0; border: 1px solid #ddd; border-radius: 6px;}
.details-group .white-box .input-box .rbtn-group .custom-radiobutton{align-items: center; justify-content: center; height: 38px; padding: 0 15px; margin: 0;}
.details-group .white-box .input-box .rbtn-group .custom-radiobutton:first-child{border-right: 1px solid #ddd;}
.details-group .white-box .input-box .rbtn-group .custom-radiobutton .radio-style:before{content: ''; width: 8px; height: 8px;}
.details-group .white-box .input-box .rbtn-group .custom-radiobutton .name{color: #62646A; font-size: 14px; font-weight: 400; line-height: 1; margin: 0 0 0 8px;}

.details-group .white-box.personal{margin-bottom: 15px;}

.details-group .white-box.update-password{display: flex; align-items: center; justify-content: space-between; padding: 13px 15px 13px 20px;}
.details-group .white-box.update-password .caption{display: flex; align-items: center; margin: 0 15px 0 0;}
.details-group .white-box.update-password .caption figure{max-width: 23px; width: 100%; margin: 0 10px 0 0;}
.details-group .white-box.update-password .caption p{color: #51596C; line-height: 1.4; margin: 0;}
.details-group .white-box.update-password .btn-update{color: #F06421; background: #FFF3EA; height: 35px; line-height: 35px; text-decoration: none; border-radius: 6px; margin: 0; white-space: nowrap;}
.details-group .white-box.update-password .btn-update:hover{background: #ffede0;}

/* tab subscription */
.dashboard-subscription .white-box{max-width: 970px; width: 100%; margin: 0;}
.dashboard-subscription .white-box.currunt-subscription{margin-bottom: 15px;}
.dashboard-subscription .white-box .head-section-updated{
    color: #434343;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; padding: 12px 20px; border-bottom: 1px solid #EAECEF;}
.dashboard-subscription .white-box .box-content{padding: 20px 20px 25px;}

.dashboard-subscription .accordion { 
    margin: 5px 0;
    background-color: #F8FBFF;
    border-top: 1px solid #DFE6EF;
    border-bottom: 1px solid #DFE6EF;

}

.dashboard-subscription .link-view {
    text-decoration: none !important;
    color: #0085FF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.dashboard-subscription .link-view:hover {
    text-decoration: none;
}



.dashboard-subscription .white-box .box-content .top-content{display: flex; align-items: center; justify-content: space-between; background: #F5F7FA; width: 100%; padding: 15px; border-radius: 8px; margin: 0 0 15px;}
.dashboard-subscription .currunt-plan{display: inline-block; margin: 0 20px 0 0;}
.dashboard-subscription .currunt-plan span{display: block; color: #007CFF; font-size: 14px; font-weight: 500; margin: 0 0 5px;}
.dashboard-subscription .currunt-plan p{color: #51596C; margin: 0;}
.dashboard-subscription .currunt-plan p strong{font-weight: 500;}
.dashboard-subscription .currunt-plan .includes{font-size: 14px !important; color: #51596C;}

.dashboard-subscription .renewCancel-block{margin: 0;}
.dashboard-subscription .renewCancel-block .toggle-btn{display: flex; align-items: center; justify-content: flex-end; margin: 0 0 15px;}
.dashboard-subscription .renewCancel-block .toggle-btn.desabled{opacity: 0.5; pointer-events: none;}
.dashboard-subscription .renewCancel-block .toggle-btn span{color: #51596C; font-size: 14px; margin: 0 5px 0 0;}
.dashboard-subscription .renewCancel-block .toggle-btn .switch{position: relative; display: inline-block; width: 32px; height: 20px; margin: 0;}
.dashboard-subscription .renewCancel-block .toggle-btn .switch input{display:none;}
.dashboard-subscription .renewCancel-block .toggle-btn .slider{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #ccc; transition: .4s; cursor: pointer; }
.dashboard-subscription .renewCancel-block .toggle-btn .slider:before{position: absolute; left: 2px; bottom: 2px; content: ""; background-color: #fff; width: 16px; height: 16px; transition: .4s;}
.dashboard-subscription .renewCancel-block .toggle-btn input:checked + .slider{background-color: #1AC48B;}
.dashboard-subscription .renewCancel-block .toggle-btn input:checked + .slider:before{transform: translateX(12px);}
.dashboard-subscription .renewCancel-block .toggle-btn .slider.round {border-radius: 10px;}
.dashboard-subscription .renewCancel-block .toggle-btn .slider.round:before{border-radius: 50%;}
.dashboard-subscription .renewCancel-block .btn-cancelSubscription{color: #FF615E; font-size: 12px; text-decoration: underline;}
.dashboard-subscription .renewCancel-block .btn-cancelSubscription:hover{text-decoration: none;}

.purchase-history .left-container .white-box .plans-block{ align-items: center; justify-content: space-between; border: 1px solid #62646A; width: 100%; padding: 15px; border-radius: 8px; margin: 0 0 15px;}
.purchase-history .left-container .plans-block .block-group{display: flex; justify-content: space-between;}

.dashboard-subscription .white-box .plans-block{ align-items: center; justify-content: space-between; border: 1px solid #62646A; width: 100%; padding: 15px; border-radius: 8px; margin: 0 0 15px;}
.dashboard-subscription .plans-block .block-group{display: flex; justify-content: space-between;}
.dashboard-subscription .plans-block .block-group .includes{font-size: 16px !important; color: #007CFF;}
.dashboard-subscription .plans-block .block-group .block{display: flex; flex-direction: column; background: #fff; max-width: 323px; width: 100%; padding: 25px 20px 20px; margin: 0; border: 1px solid #DDD; border-radius: 20px;}
.dashboard-subscription .plans-block .block-group .block + .block{margin-left: 15px;}
.dashboard-subscription .plans-block .block-group .block .head{display: flex; align-items: flex-end; justify-content: space-between; margin: 0 0 20px;}
.dashboard-subscription .plans-block .block-group .block .left{margin: 0 10px 0 0;}
.dashboard-subscription .plans-block .block-group .block .left span{display: block; font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.dashboard-subscription .plans-block .block-group .block .left hr{width: 30px; border: 1px solid #BABABA; margin: 0;}
.dashboard-subscription .plans-block .block-group .block .right{margin: 0;}
.dashboard-subscription .plans-block .block-group .block .right small{display: block; color: #51596C; font-size: 13px; text-align: right; line-height: 1;}
.dashboard-subscription .plans-block .block-group .block .right .price-block{text-align: right;}
.dashboard-subscription .plans-block .block-group .block .right .price{display: block; font-size: 30px; font-weight: 700; font-family: 'roboto'; margin: 0 0 0 8px;}
.dashboard-subscription .plans-block .block-group .block .right .old-price{color: #A2A2A2; font-size: 22px; font-family: 'roboto'; font-weight: 300;}

.dashboard-subscription .plans-block .block-group .block ul{flex: 1 0 auto; margin: 0 0 20px;}
.dashboard-subscription .plans-block .block-group .block ul li{color: #51596C; font-size: 13px; padding-left: 30px; margin-bottom: 12px;}
.dashboard-subscription .plans-block .block-group .block ul li:before{content: 'm'; top: 2px; font-family: "whizlabs30"; color: #fff; background: #DDD; width: 20px; height: 20px; line-height: 20px; font-size: 10px; text-align: center; border-radius: 50%;}
.dashboard-subscription .plans-block .block-group .block ul li.active:before{content: 'N'; background: #21C87A;}
.dashboard-subscription .plans-block .block-group .block ul li:last-child{margin-bottom: 0;}

.dashboard-subscription .plans-block .block-group .block .btn{display: block; text-decoration: none; border-radius: 8px;}
.dashboard-subscription .plans-block .block-group .block .btn.disabled{color: #007CFF; background: #CCE5FF; pointer-events: none;}
.dashboard-subscription .plans-block .block-group .block .btn.btn-upgrade{color: #FFF; background: #007CFF;}
.dashboard-subscription .plans-block .block-group .block .btn.btn-upgrade:hover{background: #007cffbf;}

.dashboard-subscription .plans-block .block-group .block.premium{max-width: 265px;}
.dashboard-subscription .plans-block .block-group .block.premium .block-title{max-width: 250px; width: 100%; font-size: 26px; font-weight: 500; text-align: center; line-height: 1.3; margin-bottom: 10px;}
.dashboard-subscription .plans-block .block-group .block.premium .block-title span{display: block; font-size: 14px; font-weight: 400; margin-top: 10px;}
.dashboard-subscription .plans-block .block-group .block.premium hr{width: 30px; border-top-width: 2px; margin: 2px auto 25px; border: 1px #1F2430 solid;}

.dashboard-subscription .plans-block .block-group .block.premium .mid-content{flex: 1 0 auto; max-width: 250px; width: 100%;}
.dashboard-subscription .plans-block .block-group .block.premium .mid-content p{color: #1F2430; font-size: 14px; line-height: 1.5; text-align: center; margin-bottom: 20px;}
.dashboard-subscription .plans-block .block-group .block.premium .mid-content p strong{display: block; font-size: 30px; font-weight: 700; font-family: 'roboto';}

.dashboard-subscription .invoice-block .heading-product ul{width: 100%; display: inline-flex; align-items: baseline; justify-content: space-between; margin: 0; padding: 5px 0;}
.dashboard-subscription .invoice-block .heading-product li{
    color: #4C535F;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; width: 100%; max-width: 890px; padding: 0; margin: 5px 0 0 -40px; }
.dashboard-subscription .invoice-block .heading-product li:first-child{margin-left: 35px;}
.dashboard-subscription .invoice-block .product-summary {margin: unset; width: 100%; max-width: 890px;}
.dashboard-subscription .invoice-block .product-summary ul{margin: 0px; padding: 0px;}
.dashboard-subscription .invoice-block .product-summary li{width: 100%; display: inline-flex; align-items: baseline; justify-content: space-evenly; margin: 0; padding: 3px 0;}
.dashboard-subscription .invoice-block .product-summary ul li div{
    color: #373A42;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%; max-width: 890px; padding: 0; margin: 0px 0 0 20px;}
.dashboard-subscription .invoice-block .product-summary ul li div:first-child{color: #F06421; font-weight: 500;}
.dashboard-subscription .invoice-block .product-summary ul li div:nth-child(2){color: #A0A0A0;}
.dashboard-subscription .invoice-block .product-summary li div a{color: #F06421; text-decoration: underline;}
.dashboard-subscription .invoice-block .product-summary li div a:hover{text-decoration: none;}
.dashboard-subscription .invoice-block .product-details {width: 100%;}
.dashboard-subscription .invoice-block .product-details .inner-heading {background-color: #FFE9E0; padding: 0; border-radius: 5px 5px 0 0;}
.dashboard-subscription .invoice-block .product-details .inner-heading ul{width: 100%; display: inline-flex; align-items: baseline; justify-content: space-between; margin: 0; padding: 8px 0;}
.dashboard-subscription .invoice-block .product-details .inner-heading li{ 
    color: #4C535F;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0; margin: 0;}
.dashboard-subscription .invoice-block .product-details .inner-heading li:first-child{margin-left: 10px; margin-right: 90px;}
.dashboard-subscription .invoice-block .product-details .inner-heading li:nth-child(2){margin-left: 70px;}
.dashboard-subscription .invoice-block .product-details .inner-heading li:nth-child(3){margin-left: -25px;}
.dashboard-subscription .invoice-block .product-details .inner-heading li:last-child{width: 100px !important; max-width: 120px !important; margin-right: 55px;}
.dashboard-subscription .invoice-block .product-details .inner-content {margin: 10px 0;}
.dashboard-subscription .invoice-block .product-details .inner-content .content-list{width: 100%; max-width: 925px; display: inline-flex; align-items: center; margin: 0; padding: 10px;  border-top: 1px solid #DFE5EA;}
/* .dashboard-subscription .invoice-block .product-details .inner-content .content-list:first-child{border-top: none;} */
.dashboard-subscription .invoice-block .product-details .inner-content .content-list .particular-div{margin: 0px 0px 0px 0px; width: 340px !important; max-width: 340px !important; color: #f06421; font-weight: 500;}
.dashboard-subscription .invoice-block .product-details .inner-content .content-list div:nth-child(2) {margin: 0px 0px 0px 0px; width: 180px !important; max-width: 170px !important; color: #A0A0A0;}
.dashboard-subscription .invoice-block .product-details .inner-content .content-list div:nth-child(3) {margin: 0px 0px 0px 0px; width: 140px !important; max-width: 170px !important; color: #A0A0A0;}
.dashboard-subscription .invoice-block .product-details .inner-content .content-list div:nth-child(4) {margin: 0px 0px 0px 0px; margin-left: 2px; width: 180px !important; max-width: 170px !important; color: #A0A0A0;}
/* .dashboard-subscription .invoice-block .product-details .inner-content .content-list div:last-child {margin: 0px 0px 0px 0px; width: 180px !important; max-width: 170px !important; box-shadow: 0px 0px 5px rgb(194 189 187);} */
.dashboard-subscription .invoice-block .product-details .inner-content .content-list .status {margin: 0px; width: 180px !important; max-width: 170px !important; }
.dashboard-subscription .invoice-block .product-details .inner-content .content-list .status div{width: 85px;box-shadow: 0px 0px 5px rgb(194 189 187); padding: 5px 10px; border-radius: 50px}
.dashboard-subscription .invoice-block .product-details .inner-content .content-list .status div svg{width: 12px;}
.dashboard-subscription .invoice-block .product-details .inner-content ul{margin: 10px 8px; padding: 0px;}
.dashboard-subscription .invoice-block .product-details .inner-content .content-list div{ padding: 0; margin: 0px 0 0 12px; font-size: 14px; font-weight: 400; color: #A0A0A0;}
.dashboard-subscription .invoice-block .product-details .inner-content .content-list div:before{display: none; content: attr(data-label); float: left; color: #51596C; font-size: 13px; font-weight: 500;}
.dashboard-subscription .invoice-block .product-details .inner-content .content-list li{margin-bottom: 0px;}
.dashboard-subscription .invoice-block .product-details .inner-content .content-list .particular-list{padding: 0px; color: #A0A0A0;}

.dashboard-subscription .invoice-block .invoice-table{padding: 0 20px;} 
.dashboard-subscription .invoice-block ul{margin: 0;}
.dashboard-subscription .invoice-block ul li:before{display: none;}
.dashboard-subscription .invoice-block .invoice-text{display: none; color: #66697A; font-size: 13px; margin-bottom: 18px;}
.dashboard-subscription .invoice-block .heading ul{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; margin: 0; padding: 8px 0;}
.dashboard-subscription .invoice-block .heading li{min-width: 110px; max-width: 110px; padding: 0; margin: 0; font-size: 14px; font-weight: 500; color: #51596C;}
.dashboard-subscription .invoice-block .heading li:last-child{max-width: 50px; min-width: 50px; text-align: right;}
.dashboard-subscription .invoice-block .invoice-content .list{width: 100%; display: inline-flex; justify-content: space-between; align-items: center; margin: 0; padding: 8px 0; border-top: 1px solid #DFE5EA;}
.dashboard-subscription .invoice-block .invoice-content .list:last-child{padding-bottom: 15px;}
.dashboard-subscription .invoice-block .invoice-content .list div{color: #62646A; min-width: 110px; max-width: 110px; font-size: 14px; margin: 0;}
.dashboard-subscription .invoice-block .invoice-content .list div:first-child{max-width: 150px;}
.dashboard-subscription .invoice-block .invoice-content .list div:last-child{max-width: 50px; min-width: 50px; text-align: center;}
.dashboard-subscription .invoice-block .invoice-content .list div span{color: #9B9B9B;}
.dashboard-subscription .invoice-block .invoice-content .list div a{color: #377EF9; font-size: 14px; font-weight: 400; text-decoration: underline; margin: 0;}
.dashboard-subscription .invoice-block .invoice-content .list div a:hover{text-decoration: none;}
.dashboard-subscription .invoice-block .invoice-content .list div:before{display: none; content: attr(data-label); float: left; color: #51596C; font-size: 13px; font-weight: 500;}

/* orders and reviews */
.open-modal-cancel-trail .modal-cancel-trail{opacity: 1; visibility: visible; z-index: 1000;}
.orders-container { margin-bottom: 10px; max-width: 1420px; width: 100%; padding: 0 15px; }
.orders-container .purchase-history {display: grid; grid-template-columns: 60rem 1fr; grid-template-rows: repeat(1, 1fr); gap: 20px;}
.orders-container .purchase-history .left-container{margin: 0;}
.orders-container .purchase-history .left-container .plans-block{ align-items: center; justify-content: space-between; border: 1px solid #F8BC9D; box-shadow: 0px 0px 5px rgb(248, 188, 157); width: 75%; padding: 15px; border-radius: 15px; margin-top: 30px;}
.orders-container .purchase-history .left-container .plans-block .block-group{display: flex; justify-content: space-between;}
.orders-container .purchase-history .left-container .header-controls { margin: 0; box-shadow: 0px 0px 5px rgb(248, 188, 157); border-radius: 3px; border: solid 1px #F8BC9D; background: #fff;}
.orders-container .purchase-history .left-container .header-controls .header-tab {height: 50px; background-color: #FEEADB;}
.orders-container .purchase-history .left-container .header-controls .header-tab span { font-size: 1.25em; color: #f06421; background: #FEEADB; line-height: 32px; width: 200px; display: inline-block; padding: 9px; cursor: pointer; text-align: center; transition: all 0.2s ease-in-out;}
.orders-container .purchase-history .left-container .header-controls .header-tab span.active {font-weight: 500; color: #fff3ea; background: #f06421;}
.orders-container .purchase-history .left-container .header-controls .header-tab span:first-child { margin-right: 1em; }

.orders-container .purchase-history .left-container .header-controls .dashboard-subscription .invoice-table-product .invoice-content .accordion{margin: 0; background: none; min-height: 38px;}
.orders-container .purchase-history .left-container .header-controls .dashboard-subscription .invoice-table-product .invoice-content .accordion .MuiAccordionSummary-content{margin: 0; min-height: 24px; background: none;}
.orders-container .purchase-history .left-container .header-controls .dashboard-subscription .invoice-table-product .invoice-content .MuiPaper-root .MuiCollapse-root {margin: 0; box-shadow: 0px 0px 5px rgb(194 189 187); border-radius: 10px;}
.orders-container .purchase-history .left-container .header-controls .dashboard-subscription .invoice-table-product .invoice-content .MuiPaper-root .MuiCollapse-root .MuiAccordionDetails-root {padding: 0;}

.orders-container .reviews-box{margin: 0; height: 650px; background: #fff;  box-shadow: 0px 0px 5px rgb(248, 188, 157); border-radius: 20px; border: solid 1px #F8BC9D; padding: 10px 10px;}
.orders-container .reviews-box h6{text-align: center; padding: 5px; color: #F06421; font-weight: 600; margin-bottom: 5px;}

/* review-page my-account-page*/
.purchase-history .reviews-box .students-review-block {height: 575px; overflow-y: scroll; padding: 2px 5px;}
.purchase-history .reviews-box .students-review-block .block{box-shadow: 0px 0px 3px rgb(194 184 184); padding: 10px 10px 0 10px; border-radius: 8px; margin-bottom: 10px;}
.purchase-history .reviews-box .students-review-block .block:last-child{margin-bottom: 0;}
.purchase-history .reviews-box .students-review-block .block .review-left{display: flex; justify-content: space-between; align-items: center;}
.purchase-history .reviews-box .students-review-block .block .review-left .user-avatar{display: flex; align-items: center; margin: 0;}
.purchase-history .reviews-box .students-review-block .block .student-img{max-width: 40px; width: 100%; border-radius: 50%; margin: 0 10px 0 0;}
.purchase-history .reviews-box .students-review-block .block .review-content{margin: 0;}
.purchase-history .reviews-box .students-review-block .name{display: flex; align-items: center; justify-content: space-between; line-height: 1; margin-bottom: 5px;}
.purchase-history .reviews-box .students-review-block .name .name-block{display: flex; align-items: center; margin: 0 10px 0 0;}
.purchase-history .reviews-box .students-review-block .name .name-block span{color: #1F2430; font-size: 14px; font-weight: 500; margin: 0;}
.purchase-history .reviews-box .students-review-block .name .name-block > figure{max-width: 16px; width: 100%; margin: 0 0 0 10px;}
.purchase-history .reviews-box .students-review-block .name .posted-since {color: #A2A2A2; font-size: 13px; margin: 0;}
.purchase-history .reviews-box .students-review-block .status{display: flex; align-items: center; font-size: 13px; margin: 0 0 5px 0;}
.purchase-history .reviews-box .students-review-block .status .position{color: #1F2430; margin: 0;}
.purchase-history .reviews-box .students-review-block .status .company{color: #62646A; margin: 0 0 0 2px;}
.purchase-history .reviews-box .students-review-block .rating-block{margin: 0 0 0 10px;}
.purchase-history .reviews-box .students-review-block .rating-block .stars-group{display: flex; align-items: center;}
.purchase-history .reviews-box .students-review-block .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 5px 0 0;}
.purchase-history .reviews-box .students-review-block .rating-block .stars-group samp{color: #2E2E2E; font-size: 12px; font-weight: 600; margin: 0;}

.purchase-history .reviews-box .students-review-block .review-post{margin-bottom: 25px; overflow-wrap: anywhere; margin-right: 10px;}
.purchase-history .reviews-box .students-review-block .review-post .review-for{color: #51596C; font-size: 12px; font-weight: 500; margin-bottom: 5px;}
.purchase-history .reviews-box .students-review-block .review-post .review-for span{color: #A2A2A2; font-weight: 400;}
.purchase-history .reviews-box .students-review-block .review-post .link-explain{display: block; color: #1F2430; font-size: 14px; font-weight: 500; margin-bottom: 5px; }
.purchase-history .reviews-box .students-review-block .review-post .link-explain:hover{color: #1f2430a3;}
.purchase-history .reviews-box .students-review-block .review-post p{color: #1F2430; font-size: 12px; margin-bottom: 10px; line-height: 1.5;}

.purchase-history .reviews-box .students-review-block .review-post .review-bottom{display: flex; justify-content: space-between; padding-bottom: 5px;}
.purchase-history .reviews-box .students-review-block .review-post .review-bottom .usefu{display: inline-flex; align-items: center; justify-content: center; margin: 0;}
.purchase-history .reviews-box .students-review-block .review-post .review-bottom .verified-buyer{display: flex; align-items: center; line-height: 1; margin-bottom: 15px; margin: 0;}
.purchase-history .reviews-box .students-review-block .review-post .review-bottom .verified-buyer i{color: #007CFF; font-size: 12px; margin: 0 5px 0 0;}
.purchase-history .reviews-box .students-review-block .review-post .review-bottom .verified-buyer span{color: #62646A; font-size: 12px; margin: 0;}

.purchase-history .reviews-box .students-review-block .review-post .post-details{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.purchase-history .reviews-box .students-review-block .review-post .post-details .left{display: flex; align-items: center; margin: 0 10px 0 0;}
.purchase-history .reviews-box .students-review-block .review-post .post-details .left .useful{display: flex; align-items: center; color: #C3C3C3; border-right: 1px solid #ddd; padding: 0 15px 0 0; margin: 0 15px 0 0; white-space: nowrap;}
.purchase-history .reviews-box .students-review-block .review-post .post-details .left .useful .icon{font-size: 16px; margin: 0 5px 0 10px; cursor: pointer;}
.purchase-history .reviews-box .students-review-block .review-post .post-details .left .useful .icon.like{color: #77dfbb;}
.purchase-history .reviews-box .students-review-block .review-post .post-details .left .useful .icon.dis-like{color: #fdb5b5;}
.purchase-history .reviews-box .students-review-block .review-post .post-details .left .useful span{color: #A2A2A2; font-size: 13px; margin: 0;}
.purchase-history .reviews-box .students-review-block .review-post .post-details .left .total-comments{color: #007CFF; font-size: 13px; margin: 0; cursor: pointer;}
.purchase-history .reviews-box .students-review-block .review-post .post-details .left .total-comments:hover{text-decoration: underline;}
.purchase-history .reviews-box .students-review-block .review-post .post-details .posted-since{color: #A2A2A2; font-size: 13px; margin: 0 0 0 auto;}

.purchase-history .reviews-box .students-review-block .review-post .certificate-img{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.purchase-history .reviews-box .students-review-block .review-post .certificate-img figure{max-width: 75px; width: 100%; margin: 0 5px 0 0; border: 2px solid #A2A2A2; border-radius: 4px; cursor: pointer;}

.purchase-history .reviews-box .students-review-block .comment-section{display: none; margin-bottom: 20px; border-top: 1px solid #ddd;}
.purchase-history .reviews-box .students-review-block .comment-section .all-comments{margin: 0;}
.purchase-history .reviews-box .students-review-block .comment-section .all-comments .comment{list-style: none; padding: 10px 0; margin: 0; border-bottom: 1px solid #EFEFEF;}
.purchase-history .reviews-box .students-review-block .comment-section .all-comments .comment:before{display: none;}
.purchase-history .reviews-box .students-review-block .comment-section .all-comments .comment p{color: #1F2430; font-size: 14px; line-height: 1.4; margin: 0;}
.purchase-history .reviews-box .students-review-block .comment-section .all-comments .comment p span{color: #62646A; margin: 0 10px 0 0; white-space: nowrap; line-height: 1.4}

.purchase-history .reviews-box .students-review-block .comment-section .add-comment{max-width: 500px; width: 100%; padding-top: 20px; margin: 0;}
.purchase-history .reviews-box .students-review-block .comment-section .add-comment .title{font-size: 15px; font-weight: 500; margin-bottom: 5px;}
.purchase-history .reviews-box .students-review-block .comment-section .add-comment .input-box-group{margin: 0 0 5px;}
.purchase-history .reviews-box .students-review-block .comment-section .add-comment .input-box{margin-bottom: 5px;}
.purchase-history .reviews-box .students-review-block .comment-section .add-comment .input-box input::placeholder,
.purchase-history .reviews-box .students-review-block .comment-section .add-comment .textarea-box textarea::placeholder{color: #C5C5CB;}
.purchase-history .reviews-box .students-review-block .comment-section .add-comment .textarea-box{height: 105px}
.purchase-history .reviews-box .students-review-block .comment-section .add-comment .textarea-box textarea{font-size: 14px; height: 100%; padding: 10px 15px;}
.purchase-history .reviews-box .students-review-block .comment-section .add-comment .btn-submit{color: #007CFF; background: none; font-size: 14px; font-weight: 500; line-height: 1; text-transform: capitalize; padding: 0;}
.purchase-history .reviews-box .students-review-block .comment-section .add-comment .btn-submit:hover{text-decoration: underline;}

.feedback_dialog {display: flex;justify-content: center; align-items: center;text-align: center; border: 10px 0 0 0;}
.feedback_dialog .MuiPaper-root{ border-top: 7px solid #F06421;}
.feedback_header{color:#2E2E2E;text-shadow: 0 4px 4px 0 #00000040; line-height: 30px; font-weight: 500; font-size: 20px; font-family: "Poppins", sans-serif; padding: 0; margin: 0 0 1rem 0;}
.feedback_subheader{color:#161616; font-weight: 500; font-size: 12px; padding: 0;margin: 0; line-height: 21px; font-family: "Poppins", sans-serif; margin-bottom: 1.5rem;}
.rating_buttons{color:#F06421; width:40px;height:40px;font-size: 14px; font-weight: 500;border-radius: 50%;border: 2px solid #F06421; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.rating_buttons.selected{background-color: #F06421; color:#FFFFFF}
.rating_buttons_red{color:#FF6969; border: 2px solid #FF6969;}
.rating_buttons_red.selected{background-color:#FF6969; color:#FFFFFF}
.rating_buttons_yellow{color:#FFB500; border: 2px solid #FFB500;}
.rating_buttons_yellow.selected{background-color:#FFB500; color:#FFFFFF}
.rating_buttons_green{color:#73CE39; border: 2px solid #73CE39;}
.rating_buttons_green.selected{background-color:#73CE39; color:#FFFFFF}
.rating_buttons_hints{font-family: "Poppins", sans-serif; color: #62646A; font-size: 12px; font-weight: 500;}
.feedback_suggestions{width:100%; display:flex; align-items: flex-start; flex-direction: column; margin: 1.5rem 0 0 0;}
.feedback_suggestions_header{color:#000000; font-family: "Poppins", sans-serif; font-size: 14px;font-weight: 500; margin-bottom: 1rem;}

.feedback_thank_dialog{display: flex;justify-content: center; align-items: center;text-align: center;border:15px 0 0 0}
.feedback_thank_dialog .MuiPaper-root{ border-top: 7px solid #F06421;}
.feedback_thanks_header{color:#2E2E2E;font-family: "Poppins", sans-serif; font-weight: 500;font-size: 18px;line-height: 27px;}
.feedback_thanks_subheader{color:#434343;font-family: "Poppins", sans-serif;font-weight: 500;font-size: 12px;line-height: 18px; margin-bottom: 1rem;}

/* tab notifications */
.acc-notfication .white-box{max-width: 980px; width: 100%; margin: 0;}
.acc-notfication .box-content{padding: 20px 20px 25px;}
.acc-notfication .box-content ul{margin: 0 0 25px;}
.acc-notfication .box-content ul li{line-height: 1; padding: 0; margin: 0 0 22px;}
.acc-notfication .box-content ul li:before{display: none;}
.acc-notfication .box-content ul li:last-child{margin-bottom: 0;}
.acc-notfication .box-content ul li .custom-checkbox .name{font-size: 14px; line-height: 1.3; margin: 0;}

.acc-notfication .box-content .btn-save{color: #fff; background: #51596C; min-width: 145px; border: 0; border-radius: 8px;}
.acc-notfication .box-content .btn-save:hover{background: #717a8e;}

/* tab-account */
.tab-account{display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 980px; width: 100%; margin: 0;}
.tab-account .white-box{max-width: calc(100% / 2 - 10px); width: 100%; margin: 0 0 15px;}
.tab-account .white-box.full{max-width: 100%; margin: 0;}
.tab-account .white-box .box-content{padding: 20px 20px 25px;}
.tab-account .white-box .box-content p{color: #51596C; margin-bottom: 15px; line-height: 1.4;}
.tab-account .white-box .box-content p a{text-decoration: underline;}
.tab-account .white-box .box-content p.warning-text{font-style: italic;}
.tab-account .white-box .box-content p.warning-text strong{color: #1F2430; font-weight: 500;}

.tab-account .white-box .box-content .input-box-group{margin-bottom: 15px;}
.tab-account .white-box .box-content .input-box{margin-bottom: 15px;}
.tab-account .white-box .box-content .input-box:last-child{margin-bottom: 0;}
.tab-account .white-box .box-content .input-box label{color: #1F2430; font-weight: 500;}
.tab-account .white-box .box-content .input-box input{color: #51596C;}

.tab-account .white-box .box-content .btn-update{color: #fff; background: #51596C; min-width: 145px; border: 0; border-radius: 8px;}
.tab-account .white-box .box-content .btn-update:hover{background: #717a8e;}
.tab-account .white-box .box-content .btn-acc-close{color: #FF615E; background: #FFE7E7; min-width: 145px; padding: 0 27px; margin-top: 5px; border: 0; border-radius: 8px;}
.tab-account .white-box .box-content .btn-acc-close:hover{background: #fdd0d0;}

/* ----- Dashboard connection-first-page ----- */
.connection-first-page .white-box{text-align: center; padding: 30px;}
.connection-first-page .white-box figure{max-width: 80px; width: 100%; margin-bottom: 25px;}
.connection-first-page .white-box .caption{max-width: 650px; width: 100%; margin-bottom: 20px;}
.connection-first-page .white-box .caption p{margin-bottom: 25px;}
.connection-first-page .white-box .caption p:last-child{margin-bottom: 0;}
.connection-first-page .white-box .checkbox{display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.connection-first-page .white-box .checkbox .custom-checkbox input:checked ~ .checkbox-style{background-color: #51596C; border: 1px solid #51596C;}
.connection-first-page .white-box .checkbox > div{font-size: 14px; margin: 0;}
.connection-first-page .white-box .btn-update{color: #fff; background: #F06421; min-width: 160px; text-decoration: none; border-radius: 6px;}
.connection-first-page .white-box .btn-update:hover{background: #e05613;}

/* ----- Dashboard connection page ----- */
/* tab My-friend */
.user-connections{padding: 10px;}
.user-connections .heading{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.user-connections .heading .left{color: #2E2E2E; font-size: 18px; margin: 0 20px 0 0;}
.user-connections .heading .left strong{color: #1F2430; font-weight: 500;}
.user-connections .heading .right{margin: 0;}

.user-connections .user-list-group{display: grid; grid-gap: 8px; grid-template-columns: repeat(5, 1fr);}
.user-connections .box{position: relative; display: flex; flex-direction: column; justify-content: space-between; background: #F5F5F5; width: 100%; text-align: center; padding: 15px 20px; margin: 0; border-radius: 8px;}
.user-connections .box:first-child{margin-left: 0;}
.user-connections .box:nth-child(5n1){margin-left: 0;}
.user-connections .box:nth-last-child(-n5){margin-bottom: 0;}
.user-connections .box .box-top{margin: 0 0 10px;}
.user-connections .box .box-top figure{max-width: 80px; width: 100%; margin-bottom: 10px; border-radius: 50%;}
.user-connections .box .box-top hr{width: 30px; margin: 10px auto; border: 1px solid #ddd;}

.user-connections .box .box-top .more-details{position: absolute; top: 15px; right: 20px;  display: inline-block; line-height: 1;}
.user-connections .box .box-top .more-details:hover .details-list{display: block;}
.user-connections .box .box-top .more-details .eclips{display: flex; align-items: center; justify-content: center; background: #fff; width: 21px; height: 21px; margin: 0 0 0 auto; border-radius: 50%; cursor: pointer; transition: 0.2s ease-in-out;}
.user-connections .box .box-top .more-details .eclips:hover{background: #e6edf7;}
.user-connections .box .box-top .more-details .details-list{display: none; position: relative; background: #fff; margin: 10px -5px 0 0; border-radius: 4px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.user-connections .box .box-top .more-details:hover .details-list:after{content: ""; position: absolute; right: 12px; top: -5px; background: #fff; width: 8px; height: 8px; border-left: 1px solid #fff3; border-top: 1px solid #fff3; transform: rotate(45deg); z-index: 0;
}
.user-connections .box .box-top .more-details .details-list .report{font-size: 12px; padding: 0; margin: 0; text-align: left; line-height: 1.4; border-bottom: 1px solid #ddd;}
.user-connections .box .box-top .more-details .details-list .report:before{display: none;}
.user-connections .box .box-top .more-details .details-list .report:last-child{border-bottom: 0;}
.user-connections .box .box-top .more-details .details-list .report a{display: block; color: #7a7a7a; font-size: 12px; padding: 8px 10px;}
.user-connections .box .box-top .more-details .details-list .report a:hover{color: #121119;}

.user-connections .box .box-top .more-details .eclips span{display: block; background: #A2A2A2; width: 3px; height: 3px; margin: 0; border-radius: 50%;}
.user-connections .box .box-top .more-details .eclips span  span{margin-left: 2px;}
.user-connections .box .box-top .user-name{font-size: 16px; font-weight: 500;}
.user-connections .box .box-top .location{color: #51596C; font-size: 12px;}
.user-connections .box .box-top .compuny{display: flex; justify-content: center; margin-bottom: 10px;}
.user-connections .box .box-top .compuny .icon{color: #050605; font-size: 14px; margin: 0 5px 0 0;}
.user-connections .box .box-top .compuny span{font-size: 14px; line-height: 1; margin: 0;}
.user-connections .box .box-top .profession{font-size: 12px; line-height: 1.5; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.user-connections .box .box-top .certificates{position: relative; display: inline-block; margin-bottom: 10px; cursor: pointer;}
.user-connections .box .box-top .certificates .caption{display: inline-flex; align-items: center; color: #2F7FED; background: #CEDFF6; font-size: 12px; line-height: 1.3; padding: 4px 12px; border-radius: 4px; transition: 0.2s ease-in-out;}
.user-connections .box .box-top .certificates .caption:hover{background: #b7d4fb;}
.user-connections .box .box-top .certificates .caption span{position: relative; display: block; width: 10px; height: 100%; margin: 0 0 0 5px;}
.user-connections .box .box-top .certificates .caption span:before,
.user-connections .box .box-top .certificates .caption span:after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #2F7FED; border-radius: 3px;}
.user-connections .box .box-top .certificates .caption span:before{width: 8px; height: 1px;}
.user-connections .box .box-top .certificates .caption span:after{width: 1px; height: 8px;}
.user-connections .box .box-top .certificates .more-certificate{display: none; position: absolute; left: 0; top: 100%; background: #CEDFF6; width: 100%; padding: 3px 0; margin: 0; border-radius: 4px; border-top: 1px solid #f5f5f5; transition: all 0.2s linear;}
.user-connections .box .box-top .certificates:hover .more-certificate{display: block;}
.user-connections .box .box-top .certificates .more-certificate li{color: #2F7FED; font-size: 12px; text-align: left; line-height: 1.4; padding: 3px 10px; margin: 0; transition: 0.2s ease-in-out}
.user-connections .box .box-top .certificates .more-certificate li:hover{background: #b7d4fb;}
.user-connections .box .box-top .certificates .more-certificate li:before{display: none;}
.user-connections .box .box-top .skills{font-size: 12px;}
.user-connections .box .box-top .skills a{color: #51596C; text-decoration: underline;}
.user-connections .box .box-top .skills a:hover{color: #FF953F;}
.user-connections .box .box-top .skills strong{font-weight: 500;}

.user-connections .box .btn-group{display: flex; align-items: center; justify-content: center; width: 100%;}
.user-connections .box .btn-group .btn{color: #fff; max-width: 140px; width: 100%; height: 35px; line-height: 35px; margin: 0;}
.user-connections .box .btn-group .btn + .btn{margin: 0 0 0 6px;}
.user-connections .box .btn-group .btn:hover{text-decoration: none;}
.user-connections .box .btn-group .btn.disabled{background: #A2A2A2; pointer-events: none;}
.user-connections .box .btn-group .btn-accept{background: #FF953F;}
.user-connections .box .btn-group .btn-ignore{background: #51596C}
.user-connections .box .btn-group .btn-message{background: #1AC48B;}
.user-connections .box .btn-group .btn-connect{background: #F06421;}

.user-connections .box .btn-group .btn-accept:hover{background: #ec8a3a;}
.user-connections .box .btn-group .btn-ignore:hover{background: #687186;}
.user-connections .box .btn-group .btn-message:hover{background: #16a977;}
.user-connections .box .btn-group .btn-connect:hover{background: #e05613;}

/* pending-invitations */
.user-connections.pending-invitations{margin-bottom: 20px;}
.user-connections.pending-invitations .heading{height: 30px;}
.user-connections.pending-invitations .box{max-width: 100%; height: 100%;}
.user-connections.pending-invitations .owl-carousel .owl-stage-outer{margin: 0;}
.user-connections.pending-invitations .owl-carousel .owl-stage{display: flex; margin: 0;}
.user-connections.pending-invitations .owl-theme .owl-nav{position: absolute; top: -42px; right: 0; margin: 0 0 10px;}
.user-connections.pending-invitations .owl-theme .owl-nav button{background: #F5F5F5; width: 32px; height: 32px; border-radius: 50%; margin: 0;}
.user-connections.pending-invitations .owl-theme .owl-nav button:before{content: 'l'; display: block; font-family: whizlabs30; color: #1F2430; font-size: 13px;}
.user-connections.pending-invitations .owl-theme .owl-nav button:hover{background: #e6e3e3;}
.user-connections.pending-invitations .owl-theme .owl-nav button.disabled{border: 1px solid #f9eaea;}
.user-connections.pending-invitations .owl-theme .owl-nav button.owl-prev{transform: rotate(180deg);}
.user-connections.pending-invitations .owl-theme .owl-nav button.owl-next{margin-left: 5px;}
.user-connections.pending-invitations .owl-theme .owl-nav button.owl-next:before{margin-right: -2px;}
.user-connections.pending-invitations .owl-theme .owl-nav button span{display: none;}

/* connected */
.user-connections.connected-user .heading{margin-bottom: 10px;}
.user-connections.connected-user .heading .left{color: #1F2430; font-size: 16px;}
.user-connections.connected-user .heading .right .search-block{position: relative; max-width: 190px; width: 100%; margin: 0 0 0 auto;}
.user-connections.connected-user .heading .right .search-block input{height: 32px; padding: 10px 15px 10px 40px;}
.user-connections.connected-user .heading .right .search-block .icon{position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: #A2A2A2; font-size: 17px;}

/* other-connection */
.user-connections.other-connection .heading .right .change-preference{display: inline-flex; align-items: center; white-space: nowrap; color: #007CFF; font-size: 14px; margin-top: 5px; transition: 0.2s ease-in-out; cursor: pointer;}
.user-connections.other-connection .heading .right .change-preference:hover{color: #1F2430;}
.user-connections.other-connection .heading .right .change-preference span{margin: 0;}
.user-connections.other-connection .heading .right .change-preference .icon{margin: 0 10px 0 0;}

/* tab-massage */
.tab-massage{display: flex; width: 100%; height: 900px; overflow: hidden;}
.tab-massage .chat-sidebar{max-width: 385px; width: 100%; margin: 0; border-right: 1px solid #dddd;}
.tab-massage .chat-sidebar .search-block{position: relative; border-bottom: 1px solid #ddd;}
.tab-massage .chat-sidebar .search-block input{height: 45px; padding: 15px 15px 15px 43px; border: 0;}
.tab-massage .chat-sidebar .search-block .icon{position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: #A2A2A2; font-size: 17px;}

.tab-massage .chat-sidebar .contact-list{height: calc(100% - 45px); margin: 0; overflow-y: auto;}
.tab-massage .chat-sidebar .contact-list .item{position: relative; display: flex; padding: 15px; margin: 0; border-bottom: 1px solid #ddd; cursor: pointer;}
.tab-massage .chat-sidebar .contact-list .item.active{background: #F5F5F5;}
.tab-massage .chat-sidebar .contact-list .item.active:after{content: ''; position: absolute; left: 0; top: 0; background: #51596C; width: 3px; height: 100%;}
.tab-massage .chat-sidebar .contact-list .item:hover{background: #F5F5F5;}
.tab-massage .chat-sidebar .contact-list .item:before{display: none;}
.tab-massage .chat-sidebar .contact-list .item figure{max-width: 55px; width: 100%; margin: 0 15px 0 0; border-radius: 50%;}
.tab-massage .chat-sidebar .contact-list .item .item-content{margin: 0;}
.tab-massage .chat-sidebar .contact-list .item .item-content p{font-size: 13px; line-height: 1.4; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tab-massage .chat-sidebar .contact-list .item .item-content .name{font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.tab-massage .chat-box{position: relative; width: 100%; margin: 0;}
.tab-massage .chat-box .head{display: flex; align-items: center; padding: 15px; border-bottom: 1px solid #ddd;}
.tab-massage .chat-box .head .btn-back{display: none; color: #51596C; font-size: 15px; margin: 0 15px 0 0; transform: rotate(180deg);}
.tab-massage .chat-box .head .left{display: flex; align-items: center; margin: 0;}
.tab-massage .chat-box .head .left figure{max-width: 60px; width: 100%; margin: 0 15px 0 0; border-radius: 50%;}
.tab-massage .chat-box .head .left .item-content{margin: 0;}
.tab-massage .chat-box .head .left .item-content span{font-size: 18px; font-weight: 500;}
.tab-massage .chat-box .head .left .item-content p{line-height: 1.5; margin: 0;}
.tab-massage .chat-box .head .right{margin: 0 0 0 auto;}
.tab-massage .chat-box .head .right span{color: #007CFF; font-size: 14px; cursor: pointer;}
.tab-massage .chat-box .head .right span:hover{text-decoration: underline;}

.tab-massage .chat-box .chat-area{max-height: calc(100% - 180px); height: 100%; margin: 0; overflow-y: auto;}
.tab-massage .chat-box .chat-area li{display: flex; padding: 0 15px 25px; margin: 0;}
.tab-massage .chat-box .chat-area li:before{display: none;}
.tab-massage .chat-box .chat-area li:first-child{padding-top: 25px;}
.tab-massage .chat-box .chat-area li figure{max-width: 25px; width: 100%; margin: 0 15px 0 0; border-radius: 50%;}
.tab-massage .chat-box .chat-area li .chat-content{margin: 0;}
.tab-massage .chat-box .chat-area li .chat-content .name{display: flex; align-items: flex-start; margin-bottom: 5px;}
.tab-massage .chat-box .chat-area li .chat-content .name strong{font-size: 14px; margin: 0 10px 0 0;}
.tab-massage .chat-box .chat-area li .chat-content .name span{display: block; color: #51596C; font-size: 13px; margin: 0;}
.tab-massage .chat-box .chat-area li .chat-content p{margin: 0;}
.tab-massage .chat-box .chat-area li.date-sepreater{position: relative; text-align: center; padding-bottom: 0; margin-bottom: 20px;}
.tab-massage .chat-box .chat-area li.date-sepreater:after{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #DDD; width: 100%; height: 1px;}
.tab-massage .chat-box .chat-area li.date-sepreater span{color: #51596C; background: #fff; font-size: 14px; font-weight: 500; padding: 0 12px; text-transform: uppercase; z-index: 1;}

.tab-massage .chat-box .type-area{position: absolute; left: 0; bottom: 0; display: flex; align-items: center; background: #F5F5F5; width: 100%; padding: 10px 0 10px 10px;}
.tab-massage .chat-box .type-area .textarea-box{width: 100%; line-height: 1; margin: 0;}
.tab-massage .chat-box .type-area .textarea-box textarea{height: 70px; font-size: 14px; line-height: 1.4; letter-spacing: 0.5px; padding: 10px 20px; border: 0;}
.tab-massage .chat-box .type-area .btn-send{color: #fff; background: #51596C; max-width: 45px; width: 100%; height: 45px; font-size: 26px; padding: 0; margin: 0 20px; border: 0; border-radius: 50%;}
.tab-massage .chat-box .type-area .btn-send:hover{background: #3a404e;}

/* ----- Dashboard wallet page ----- */
#tab-referfriend .tokenfield{background: #fff; border: 1px solid #ddd;}
#tab-referfriend .tokenfield .token{background: #dfe6ef; padding: 0 10px;}

/* tab refer-friend */
#tab-referfriend .white-box{display: flex; justify-content: space-between; padding: 30px 30px 70px;}
#tab-referfriend .left{width: calc(100% - 320px); margin: 0 20px 0 0;}
#tab-referfriend .left .head{max-width: 550px; width: 100%; margin: 0 0 50px;}
#tab-referfriend .left .head h2{color: #51596C; font-size: 26px; font-weight: 400; line-height: 1; margin-bottom: 15px;}
#tab-referfriend .left .head p{margin: 0;}
#tab-referfriend .left .head p strong{color: #1F2430; font-weight: 500;}
#tab-referfriend .left .block-title{color: #51596C; font-size: 16px; font-weight: 500; margin-bottom: 10px;}

#tab-referfriend .left .recomended-block{margin-bottom: 50px;}
#tab-referfriend .left .recomended-block .input-box-group{max-width: 450px; width: 100%; margin: 0;}
#tab-referfriend .left .recomended-block .input-box-group .input-box{margin-bottom: 15px;}
#tab-referfriend .left .recomended-block .input-box-group .input-box input{height: auto; font-size: 13px; padding-left: 5px; margin: 0;}

#tab-referfriend .left .recomended-block .input-box-group .input-box .custom-selectbox .select-selected{color: #51596C; background: #fff; border: 1px solid #ddd; border-radius: 6px;}
#tab-referfriend .left .recomended-block .input-box-group .input-box .custom-selectbox .select-selected:after{color: #62646A;}
#tab-referfriend .left .recomended-block .input-box-group .input-box .custom-selectbox .select-selected.select-arrow-active{border-radius: 6px 6px 0 0;}
#tab-referfriend .left .recomended-block .input-box-group .input-box .custom-selectbox .select-items{background: #fff; border: 1px solid #ddd;}

#tab-referfriend .left .recomended-block .plan-checkbox{display: inline-flex; background: #e5f9f2; padding: 10px 12px; margin-bottom: 20px; border-radius: 8px;}
#tab-referfriend .left .recomended-block .plan-checkbox .custom-checkbox{margin: 2px 0 0;}
#tab-referfriend .left .recomended-block .plan-checkbox .custom-checkbox .checkbox-style{border: 1px solid #1AC48B;}
#tab-referfriend .left .recomended-block .plan-checkbox .custom-checkbox input:checked ~ .checkbox-style{background-color: #1AC48B; border: #1AC48B;}
#tab-referfriend .left .recomended-block .plan-checkbox > div{font-size: 14px; margin: 0;}
#tab-referfriend .left .recomended-block .plan-checkbox > div strong{color: #00BE7E; font-weight: 500;}
#tab-referfriend .left .recomended-block .plan-checkbox > div span{color: #51596C; font-size: 12px;}

#tab-referfriend .left .recomended-block .btn-send{display: block; background: #f06421; min-width: 140px; border: 0; border-radius: 8px;}
#tab-referfriend .left .recomended-block .btn-send:hover{background: #e05613;}

#tab-referfriend .left .share-link-block .block-content{display: flex; align-items: center;}
#tab-referfriend .left .share-link-block .input-block{position: relative; max-width: 450px; width: 100%; margin: 0 15px 10px 0;}
#tab-referfriend .left .share-link-block .input-block input{color: #797979; height: 50px; font-size: 15px; padding-right: 65px;}

#tab-referfriend .left .share-link-block .input-block .btn-copy{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #1AC48B; background: #fff; height: 35px; line-height: 35px; font-size: 16px; font-weight: 500; padding: 0 8px; border-radius: 4px; cursor: pointer; transition: 0.2s ease-in-out;}
#tab-referfriend .left .share-link-block .input-block .btn-copy:hover{background: #f5f5f5;}
#tab-referfriend .left .share-link-block .input-block .btn-copy:before{content: ''; position: absolute; left: -20px; top: 0; display: block; background: linear-gradient(to right, #fff0 0%,#fff 100%); width: 20px; height: 100%;}

#tab-referfriend .left .share-link-block .all-links{display: flex; align-items: center; margin: 0 0 10px;}
#tab-referfriend .left .share-link-block .all-links a{display: block; width: 40px; margin: 0;}
#tab-referfriend .left .share-link-block .all-links a  a{margin-left: 5px;}

#tab-referfriend .right{max-width: 300px; width: 100%; text-align: center; margin: 0;}
#tab-referfriend .right .earned-block{background: #F5F7FA; padding: 35px 20px 20px; margin-bottom: 10px; border-radius: 8px;}
#tab-referfriend .right .earned-block .earn-price{color: #1AC48B; font-size: 60px; font-family: 'roboto'; margin-bottom: 30px;}
#tab-referfriend .right .earned-block .earn-price span{display: block; color: #51596C; font-size: 18px;}
#tab-referfriend .right .earned-block .btn{color: #fff; width: 100%; height: 45px; line-height: 45px; font-size: 16px; text-decoration: none; border-radius: 8px;}
#tab-referfriend .right .earned-block .btn.btn-purchase{background: #1ac48b; margin-bottom: 10px;}
#tab-referfriend .right .earned-block .btn.btn-purchase:hover{background: #05a972;}
#tab-referfriend .right .earned-block .btn.btn-withdraw{background: #51596c;}
#tab-referfriend .right .earned-block .btn.btn-withdraw:hover{background: #717a8e;}
#tab-referfriend .right p{color: #1F2430; background: #FCF6EC; font-size: 12px; padding: 15px; margin: 0; border-radius: 4px;}

/* tab earning */
#tab-earning .white-box{padding: 20px;}
#tab-earning .earned-block{display: flex; align-items: center; justify-content: space-between; background: #f5f7fa; padding: 25px 20px 25px; margin-bottom: 20px; border-radius: 8px;}
#tab-earning .earned-block .total{color: #51596C; font-size: 24px; white-space: nowrap; margin: 0 20px 0 0;}
#tab-earning .earned-block .total span{display: inline-block; color: #1AC48B; font-size: 30px; font-family: 'roboto'; margin-left: 15px;}
#tab-earning .earned-block .btn-group{display: flex; margin: 0;}
#tab-earning .earned-block .btn-group .btn{color: #fff; display: block; text-decoration: none; padding: 0 23px; border-radius: 8px;}
#tab-earning .earned-block .btn-group .btn + .btn{margin-left: 10px;}
#tab-earning .earned-block .btn-group .btn.btn-purchase{background: #1ac48b;}
#tab-earning .earned-block .btn-group .btn.btn-purchase:hover{background: #05a972;}
#tab-earning .earned-block .btn-group .btn.btn-withdraw{background: #51596c;}
#tab-earning .earned-block .btn-group .btn.btn-withdraw:hover{background: #717a8e;}

#tab-earning .earned-table ul{margin: 0; border: 1px solid #ddd; border-radius: 8px;}
#tab-earning .earned-table ul li{display: flex; align-items: center; color: #62646A; font-size: 14px; padding: 8px 20px 8px 10px; margin: 0; border-bottom: 1px solid #DFE5EA;}
#tab-earning .earned-table ul li:last-child{border-bottom: 0;}
#tab-earning .earned-table ul li:before{display: none;}
#tab-earning .earned-table ul li > div{margin: 0;}
#tab-earning .earned-table ul li > div.left div:before,
#tab-earning .earned-table ul li > div.earned:before{display: none; content: attr(data-label); position: absolute; left: 10px; color: #1F2430; font-size: 13px; font-weight: 500;}
#tab-earning .earned-table ul li > div.left{display: flex; align-items: center; width: 100%;}
#tab-earning .earned-table ul li > div.left div{margin: 0 20px 0 0;}
#tab-earning .earned-table ul li > div.left .no{min-width: 40px; max-width: 40px; width: 100%; text-align: center;}
#tab-earning .earned-table ul li > div.left .enrolled-date{min-width: 100px; max-width: 200px; width: 100%;}
#tab-earning .earned-table ul li > div.left .user-enrolled{min-width: 150px; max-width: 230px; width: 100%;}
#tab-earning .earned-table ul li > div.left .enrolled-email{min-width: 200px;}
#tab-earning .earned-table ul li > div.earned{min-width: 50px; max-width: 50px; text-align: right; margin: 0;}

#tab-earning .earned-table ul li.heading{color: #1F2430; font-weight: 500;}

/* ----- Dashboard Support page ----- */
.support-page .container-small{max-width: 980px; width: 100%; padding: 0; margin: 0;}
.support-page .head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.support-page .head span{color: #51596C; font-size: 14px; line-height: 1.5; margin: 0 20px 0 0;}

.support-page .question-summary .block{display: flex; justify-content: space-between; background: #fff; padding: 15px 15px 15px 20px; margin: 0 0 10px; border-radius: 8px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.support-page .question-summary .block:last-child{margin-bottom: 0;}
.support-page .question-summary .block .left{margin: 0 15px 0 0;}
.support-page .question-summary .block .right{margin: 0;}

.support-page .question-summary .block .right .box{text-align: center;}
.support-page .question-summary .block .right .box samp{display: block; color: #7B7B7B;  height: 24px; line-height: 24px; font-size: 14px; font-weight: 600;}
.support-page .question-summary .block .right .box span{color: #7B7B7B; font-size: 13px; font-weight: 500;}
.support-page .question-summary .block .right .box.answered samp{color: #1AC48B; background: #E5F9F2; width: 24px; font-weight: 500; border-radius: 50%;}
.support-page .question-summary .block .right .box.answered span{color: #1AC48B;}

.support-page .btn-viewall{text-align: center; margin-top: 20px;}
.support-page .btn-viewall .btn{color: #fff; background: #51596c; min-width: 170px; text-decoration: none; border-radius: 8px;}
.support-page .btn-viewall .btn:hover{background: #717a8e;}

/* tab-queries */
#tab-queries .head .btn-question{color: #fff; background: #F06421; height: 35px; line-height: 35px; text-decoration: none; margin: 0; border-radius: 6px; white-space: nowrap;}
#tab-queries .head .btn-question:hover{background: #e05613;}
#tab-queries .question-summary .block{align-items: center;}
#tab-queries .question-summary .block .left span{display: block; color: #51596C; font-size: 12px; line-height: 1; margin-bottom: 5px;}
#tab-queries .question-summary .block .left a{display: block; color: #2E2E2E; font-size: 16px; font-weight: 500;}
#tab-queries .question-summary .block .right{text-align: center; margin: auto 0;}

/* tab-discussion */
#tab-discussion .head .link-viewall{color: #007CFF; font-size: 16px; margin: 0;}
#tab-discussion .question-summary .block{padding: 20px 30px 20px 20px;}
#tab-discussion .question-summary .block .left .top{margin-bottom: 25px;}
#tab-discussion .question-summary .block .left .top a{display: block; color: #2E2E2E; font-size: 18px; font-weight: 500; margin-bottom: 10px;}
#tab-discussion .question-summary .block .left .top p{color: #51596C; max-width: 650px; width: 100%; font-size: 13px; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

#tab-discussion .question-summary .block .left .bottom .tag-group{display: flex; flex-wrap: wrap; margin-bottom: 10px;}
#tab-discussion .question-summary .block .left .bottom .tag-group .tag{color: #7B7B7B; height: 25px; line-height: 23px; font-size: 12px; text-decoration: none; padding: 0 13px; margin: 0 5px 5px 0; border: 1px solid #dddd; border-radius: 40px;}
#tab-discussion .question-summary .block .left .bottom .tag-group .tag:hover{color: #1F2430; border-color: #1F2430;}

#tab-discussion .question-summary .block .left .bottom .started{display: flex;}
#tab-discussion .question-summary .block .left .bottom .started a{display: flex; align-items: center; color: #A2A2A2; font-size: 13px; text-decoration: none; margin: 0;}
#tab-discussion .question-summary .block .left .bottom .started a:hover{color: #F06421;}
#tab-discussion .question-summary .block .left .bottom .started a:before{color: #A2A2A2; font-size: 16px; margin: 0 8px 0 0;}
#tab-discussion .question-summary .block .left .bottom .started a.user-link{color: #F06421;}
#tab-discussion .question-summary .block .left .bottom .started a.user-link:hover{color: #F06421; text-decoration: underline;}

#tab-discussion .question-summary .block .right{display: flex;}
#tab-discussion .question-summary .block .right .box{margin: 0;}
#tab-discussion .question-summary .block .right .box + .box{margin: 0 0 0 25px;}

/* tab-ask-expert */
#tab-ask-expert .white-box{max-width: 835px; width: 100%; margin: 0;}
#tab-ask-expert .head-section{color: #2E2E2E; font-size: 18px; line-height: 1.3; padding: 15px 20px; border-bottom: 1px solid #EAECEF;}
#tab-ask-expert .box-content{padding: 20px;}
#tab-ask-expert .box-content .input-box-group{display: flex; justify-content: space-between; flex-wrap: wrap;}
#tab-ask-expert .box-content .input-box{max-width: calc(100% / 2 - 8px); width: 100%; margin: 0 0 16px;}
#tab-ask-expert .box-content .input-box.full{max-width: 100%; margin: 0;}
#tab-ask-expert .box-content .input-box .custom-selectbox .select-selected{color: #62646A; background-color: #fff; border: 1px solid #DDD;}
#tab-ask-expert .box-content .input-box .custom-selectbox .select-selected:after{color: #62646A;}
#tab-ask-expert .box-content .input-box .custom-selectbox .select-items{background-color: #fff; border: 1px solid #DDD;}
#tab-ask-expert .box-content .input-box label{color: #1F2430; font-weight: 500;}

#tab-ask-expert .box-content .btn-send{color: #fff; background: #51596c; min-width: 145px; text-decoration: none; margin-top: 15px; border-radius: 8px;}
#tab-ask-expert .box-content .btn-send:hover{background: #717a8e;}

/* Dashboard special-offers-page */
.special-offers-page .offers-box{display: flex; align-items: center; background: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05); padding: 8px 20px; border-radius: 8px; margin-bottom: 20px;}
.special-offers-page .offers-box .title{font-size: 16px; color: #2E2E2E; margin: 0 20px 0 0;}
.special-offers-page .offers-box .btn{max-width: 165px; width: 100%; height: 38px; line-height: 38px; background: #f06421; color: #fff; border-radius: 40px; margin: 0;}
.special-offers-page .offers-box .btn:hover{background: #e05613; text-decoration: none;}

.special-offers-page .all-offers{display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr);}
.special-offers-page .all-offers .offer{display: flex; flex-direction: column; justify-content: space-between; background: #fff; padding: 30px 20px 15px; margin: 0; border-radius: 12px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);}
.special-offers-page .all-offers .offer .top{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 25px;}
.special-offers-page .all-offers .offer .top .flat-off{margin: 0;}
.special-offers-page .all-offers .offer .top .flat-off p{color: #51596C; font-size: 14px; line-height: 1.2; margin: 0;}
.special-offers-page .all-offers .offer .top .flat-off p span{display: block; color: #6976AC; font-size: 40px; line-height: 1; margin-bottom: 5px;}
.special-offers-page .all-offers .offer .top .flat-off p span sup{color: #A2A2A2; font-size: 16px; vertical-align: super; margin-left: 10px;}
.special-offers-page .all-offers .offer .top .coupen-code{margin: 0 0 0 10px;}

.special-offers-page .all-offers .offer .top .coupen-code > span{display: block; color: #A2A2A2; font-size: 12px; text-align: center; margin-bottom: 5px;}
.special-offers-page .all-offers .offer .top .coupen-code .code{position: relative; color: #FF4E36; background: #FFECE8; min-width: 140px; height: 40px; line-height: 40px; font-size: 14px; font-weight: 500; text-transform: uppercase; text-align: center; padding: 0 20px; border-radius: 50px;}
.special-offers-page .all-offers .offer .top .coupen-code .code:hover{cursor: pointer;}

.special-offers-page .all-offers .offer .top .coupen-code .code .tooltiptext{visibility: hidden; opacity: 0; position: absolute; bottom: 125%; left: 50%; width: auto; color: #fff; background-color: #555; font-size: 13px;  font-weight: 400; text-align: center; text-transform: capitalize; line-height: 1; padding: 10px; margin-left: -60px; border-radius: 6px; transition: opacity 0.3s; z-index: 1;}
.special-offers-page .all-offers .offer .top .coupen-code .code .tooltiptext::after{content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
.special-offers-page .all-offers .offer .top .coupen-code .code:hover .tooltiptext{visibility: visible; opacity: 1;}
.special-offers-page .all-offers .offer .valid-until{color: #A2A2A2; width: 100%; font-size: 12px; text-align: center; padding-top: 15px; border-top: 1px dashed #DBDDE9;}

.special-offers-page .all-offers .offer.disabled{pointer-events: none;}
.special-offers-page .all-offers .offer.disabled .top .flat-off{opacity: 0.7;}
.special-offers-page .all-offers .offer.disabled .top .coupen-code .code{color: #A8A8A8; background: #F3F3F4;}

.special-offers-page .all-offers .offer.gradient-box{background: linear-gradient(to right, rgba(255,88,97,1) 0%,rgba(255,88,172,1) 100%);}
.special-offers-page .all-offers .offer.gradient-box .top .flat-off p{color: #fff;}
.special-offers-page .all-offers .offer.gradient-box .top .flat-off p span{color: #fff; margin-bottom: 0; margin-top: 5px;}
.special-offers-page .all-offers .offer.gradient-box .top .flat-off p sup{color: #fff;}
.special-offers-page .all-offers .offer.gradient-box .top .coupen-code > span{color: #fff;}
.special-offers-page .all-offers .offer.gradient-box .top .coupen-code .code{color: #1A2E88; background: #fff;}
.special-offers-page .all-offers .offer.gradient-box .valid-until{border-top: 1px dashed #FF979C;}
.special-offers-page .all-offers .offer.gradient-box .valid-until{display: flex; justify-content: space-between;}
.special-offers-page .all-offers .offer.gradient-box .valid-until span{color: #FFFFFF; margin: 0;}

/* ----- employees-page ----- */
/* banner-part */
.employees-page .banner-part .banner{position: relative; background-color: #FAA428; width: 100%; height: 540px; overflow: hidden;}
.employees-page .banner-part .banner .container{display: flex; align-items: flex-end; justify-content: space-between; height: 100%; z-index: 1;}
.employees-page .banner-part .banner .container .caption{max-width: 520px; width: 100%; margin: 140px 0 auto 40px;}
.employees-page .banner-part .banner .container .caption h1{font-size: 45px; color: #fff; font-weight: 600; margin-bottom: 20px; line-height: 1.3;}
.employees-page .banner-part .banner .container .caption .sub-title{max-width: 380px; width: 100%; color: #fff; font-size: 16px; line-height: 1.7; margin: 0;}
.employees-page .banner-part .banner .container .img-block{position: relative; max-width: 390px; width: 100%; margin: 0 40px 0 50px; z-index: 1;}
.employees-page .banner-part .banner .container .shape{display: block; position: absolute; max-width: 950px; width: 100%; bottom: -98px;
    right: 0; z-index: 0;}

/* users-block */
.employees-page .users-block{margin-top: -90px; z-index: 1; position: relative;}
.employees-page .users-block .box-group{display: grid; grid-template-columns: repeat(2, 1fr); background: #FFFFFF; box-shadow: 0 16px 20px rgb(0 0 0 / 5%); border-radius: 10px; padding: 30px 15px;}
.employees-page .users-block .box-group:before {content: ''; position: absolute; height: 100%; width: 1px; background: #dedede; left: calc(100% - 50%); top: 0;}
.employees-page .users-block .box{max-width: 410px; width: 100%; text-align: center;}
.employees-page .users-block .box .title{font-size: 24px; color: #1F2430; font-weight: 600; margin-bottom: 8px; }
.employees-page .users-block .box p{font-size: 13px; color: #51596C; margin-bottom: 15px; line-height: 1.6;}
.employees-page .users-block .box .btn-amazon{width: 100%; height: 45px; line-height: 45px; background: #F06421; color: #fff; font-size: 16px; text-transform: uppercase; border-radius: 6px; transition: 0.2s ease-in-out; text-decoration: none;}
.employees-page .users-block .box .btn-amazon strong{font-weight: 700;}
.employees-page .users-block .box .btn-amazon:hover{background: #e05613;}

/* the-courses-group  */
.the-courses-group{padding: 47px 0 80px 0;}
.the-courses-group .caption-box{max-width: 630px; width: 100%; text-align: center; margin-bottom: 55px;}
.the-courses-group .caption-box .title{font-size: 36px; font-weight: 600; color: #2E2E2E; line-height: 1.4; margin-bottom: 10px;}
.the-courses-group .caption-box p{font-size: 16px; color: #62646A;margin-bottom: 0;}
.the-courses-group .block{display: flex; justify-content: space-between; margin: 0 auto 60px;}
.the-courses-group .block:last-child{margin-bottom: 0;}
.the-courses-group .block .caption{max-width: 575px; width: 100%; position: relative; text-align: left; margin: 0 75px 0 0; padding: 95px 0 0 70px;}
.the-courses-group .block .caption span{position: absolute; left: 0; top: 0; z-index: -1; color: #F5F7FA; font-size: 140px; font-weight: 700;}

.the-courses-group .block .caption h4{position: relative; font-size: 36px; font-weight: 500; line-height: 1.4; margin-bottom: 15px; padding: 0 0 0 52px;}
.the-courses-group .block .caption h4:after {content: ''; display: block; position: absolute; bottom: 2px; left: 0; background-size: cover !important;}
.the-courses-group .block .caption .video:after{background: url(../images/play-icon.svg) no-repeat center; max-width: 40px; width: 100%;  height: 40px;}
.the-courses-group .block .caption .practice:after{background: url(../images/questions-icon.svg) no-repeat center; max-width: 40px; width: 100%;  height: 47px;}
.the-courses-group .block .caption .labs:after{background: url(../images/labs-icon.svg) no-repeat center; max-width: 40px; width: 100%;  height: 42px;}

.the-courses-group .block .caption p{color: #62646A; font-size: 17px; margin-bottom: 45px; line-height: 1.9;}
.the-courses-group .block .caption p:last-child{margin: 0;}
.the-courses-group .block .img-block{max-width: 528px; width: 100%; margin: 0 47px 0 75px;}
.the-courses-group .block:nth-child(odd) .img-block{margin: 0 75px 0 47px;}

/* expert-block */
.employees-page .consulting-expert-block .container{display: flex; align-items: center; justify-content: space-between;}
.employees-page .consulting-expert-block .caption-block{display: unset; margin: 0 0 0 75px;}
.employees-page .consulting-expert-block .caption{max-width: 475px; width: 100%; margin-bottom: 20px;}
.employees-page .consulting-expert-block .caption .title{margin-bottom: 7px;}
.employees-page .consulting-expert-block .caption-block .btn-contact{max-width: 190px; width: 100%; font-weight: 500; margin: 0;}

/* unlimited-access */
.unlimited-access{padding: 172px 0 60px 0; margin-top: -113px; background: #F5F8FA;}
.unlimited-access .container{max-width: 1600px; width: 100%;}
.unlimited-access .heading{text-align: center;}
.unlimited-access .heading h5{font-size: 28px; font-weight: 500; color: #1F2430; margin-bottom: 5px;}
.unlimited-access .heading p{font-size: 16px; color: #51596C; line-height: 1.4; margin-bottom: 12px;}

.unlimited-access .slider-blocks .block{padding-top: 80px;}
.unlimited-access .slider-blocks .inner-box{max-width: 640px; width: 100%; position: relative; background: #fff; padding: 40px 15px 40px 215px; border-radius: 8px; box-shadow: 1px 1px 2px rgb(0 0 0 / 5%);}
.unlimited-access .slider-blocks .inner-box .title{font-size: 18px; font-weight: 600;}
.unlimited-access .slider-blocks .inner-box .title a{color: #2E2E2E;}
.unlimited-access .slider-blocks .inner-box .title a:hover{color: #2E2E2E;}
.unlimited-access .slider-blocks .inner-box p{font-size: 12px; color: #51596C; margin-bottom: 30px;}

.unlimited-access .slider-blocks .inner-box .level-text{margin-bottom: 8px;}
.unlimited-access .slider-blocks .inner-box .level-text label{position: relative; display: inline-block; color: #1F2430; max-width: 68px; width: 100%; height: 15px; line-height: 16px; background: #F5C244; font-size: 9px; font-weight: 600; text-align: center; padding: 0; margin: 0 17px 0 0; text-transform: uppercase; border-radius: 2px;}
.unlimited-access .slider-blocks .inner-box .level-text label:after{position: absolute; content: ''; top: 0; right: -8px; display: block; width: 11px; height: 15px; background: url(../images/label-seller-after-img.svg) no-repeat; background-size: contain;}
.unlimited-access .slider-blocks .inner-box .level-text span{color: #51596C; font-size: 12px; line-height: 15px; margin: 0;}

.unlimited-access .slider-blocks .inner-box .rating-block{display: flex; align-items: center; margin-left: 0px;}
.unlimited-access .slider-blocks .inner-box .rating-block .stars-group{margin: 0; display: flex;}
.unlimited-access .slider-blocks .inner-box .rating-block .stars-group figure{max-width: 14px; width: 100%;margin-right: 5px;}
.unlimited-access .slider-blocks .inner-box .rating-block .stars-group samp{font-size: 12px; color: #2E2E2E; font-weight: 600; margin-right: 5px;}
.unlimited-access .slider-blocks .inner-box .rating-block .total-rating{margin: 0;}
.unlimited-access .slider-blocks .inner-box .rating-block .total-rating span{font-size: 12px; color: #585858;}

.unlimited-access .slider-blocks .inner-box .user-block{position: absolute; top: calc(100% - 83%); left: -50px;}
.unlimited-access .slider-blocks .inner-box .user-block figure{max-width: 245px; width: 100%;}

.unlimited-access .owl-item.active.center{/* width: 690px !important; margin-right: 50px !important; padding-left: 50px !important; */}
.unlimited-access .owl-carousel .owl-stage-outer{margin-bottom: 0;}
.unlimited-access .owl-carousel .owl-stage{display: inline-block;}
.unlimited-access .owl-carousel .owl-item{display: block;}
.unlimited-access .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 0; position: absolute; top: 0; left: calc(100% - 50%);}

.unlimited-access .slider-blocks .owl-nav button.owl-next{right: -5px;}
.unlimited-access .slider-blocks .owl-nav button{max-width: 40px; width: 100%; height: 40px; display: block; background: #DFE6EF !important; border-radius: 50%; outline: none; margin: 0; position: relative;}
.unlimited-access .slider-blocks .owl-nav button.owl-next:before{margin-right: -3px;}
.unlimited-access .slider-blocks .owl-nav button:before{content: 'l'; font-family: 'whizlabs30'; font-size: 15px; color: #1F2430; display: block;}
.unlimited-access .slider-blocks .owl-nav button span{display: none;}
.unlimited-access .slider-blocks .owl-nav button.owl-prev:before{transform: rotate(180deg ); left: -19px; margin-left: -3px;}

.unlimited-access .owl-theme .owl-nav{margin-top: 0 !important; position: absolute; top: 0; left: 50%; transform: translatex(-50%); display: flex; max-width: 83px; width: 100%; justify-content: space-between;}

.unlimited-access .owl-carousel .owl-nav button.owl-prev:hover, .unlimited-access .owl-carousel .owl-nav button.owl-next:hover, .unlimited-access .owl-carousel button.owl-dot:hover{background: #BFCBDB !important;}


/*--------- my-wishlist-page ------------*/
.my-wishlist-page .sub-header{margin-bottom: 0; padding-top: 15px;}

.my-wishlist-page .two-column{padding: 15px 0 50px;}

.my-wishlist-page .two-column .left-column{width: 100%; margin: 0;}

.my-wishlist-page .two-column .container{display: flex; justify-content: space-between;}
.my-wishlist-page .two-column .right-column{max-width: 255px; width: 100%; margin: 0 0 0 20px;}
.my-wishlist-page .two-column .right-column .block-group img{border-radius: 8px;}

.my-wishlist-page .two-column .right-column .block-group .block{text-align: center;}
.my-wishlist-page .two-column .right-column .block-group .block hr{border-top-width: 2px; max-width: 30px; width: 100%; margin: 10px auto;}
.my-wishlist-page .two-column .right-column .block-group .block label{font-size: 12px; color: #FFF; margin-bottom: 10px;}
.my-wishlist-page .two-column .right-column .block-group .block .block-title{font-size: 18px; font-weight: 500; color: #FFF; margin-bottom: 3px; line-height: 1.3;} 
.my-wishlist-page .two-column .right-column .block-group .block .mid-content{max-width: 180px; width: 100%;}
.my-wishlist-page .two-column .right-column .block-group .block .mid-content p{font-size: 12px; color: #FFF; line-height: 1.5; margin-bottom: 5px;}
.my-wishlist-page .two-column .right-column .block-group .block .price-block{max-width: 120px; width: 100%; display: flex; justify-content: space-between; align-items: center; line-height: 1.3; margin-bottom: 12px;}
.my-wishlist-page .two-column .right-column .block-group .block .price-block .old-price{font-size: 26px; color: #FFF; font-weight: 300; margin: 0;}
.my-wishlist-page .two-column .right-column .block-group .block .price-block .price{font-size: 30px; color: #FFF; font-weight: 500; margin: 0;}
.my-wishlist-page .two-column .right-column .block-group .block .btn{max-width: 225px; width: 100%; height: 35px; line-height: 35px; font-size: 14px; color: #FFF; font-weight: 500; border-radius: 6px;}
.my-wishlist-page .two-column .right-column .block-group .block .btn-subscribe{background: #004FA2;}
.my-wishlist-page .two-column .right-column .block-group .block .btn-knowmore{background: #00184E}

.my-wishlist-page .two-column .right-column .block-group .premium-plan{background-color: #007CFF; border-radius: 8px 8px 0 0; padding: 20px 0;}
.my-wishlist-page .two-column .right-column .block-group .business-plan{display: inherit; background: url(../images/block-bg.svg) center no-repeat; background-size: cover; background-color: #0d2e83; border-radius: 0 0 8px 8px; padding: 20px 0; margin-bottom: 0;}
.my-wishlist-page .two-column .right-column .block-group .business-plan .price-block{margin: 0 auto 2px auto;}
.my-wishlist-page .two-column .right-column .block-group .products-plan{background: linear-gradient(to right, rgba(255,88,97,1) 0%,rgba(255,88,172,1) 100%); border-radius: 12px; margin-top: 10px; padding: 20px 0 10px 0;}
.my-wishlist-page .two-column .right-column .block-group .products-plan p{font-size: 12px; color: #FFF; line-height: 1.5; margin-bottom: 5px;}
.my-wishlist-page .two-column .right-column .block-group .products-plan .off-block{font-size: 30px; color: #FFF;}
.my-wishlist-page .two-column .right-column .block-group .products-plan .off-block small{font-size: 16px; color: #FFF;}
.my-wishlist-page .two-column .right-column .block-group .products-plan .code{max-width: 140px; width: 100%; height: 32px; line-height: 32px; font-size: 14px; color: #1A2E88; background: #fff; font-weight: 500; border-radius: 50px;}
.my-wishlist-page .two-column .right-column .block-group .products-plan .mid-content{max-width: 210px; border-bottom: 1px dashed #FF979C; padding-bottom: 15px;}

/* course-listing */
.my-wishlist-page .course-listing .heading{display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px;}
.my-wishlist-page .course-listing .heading .title{font-size: 16px; font-weight: 500; line-height: 1.3; margin: 0 10px 0 0;}
.my-wishlist-page .course-listing .heading .right-part{display: flex; align-items: center; margin: 0;}
.my-wishlist-page .course-listing .heading .right-part .search-block{position: relative; max-width: 220px; width: 100%; margin: 0 0 10px;}
.my-wishlist-page .course-listing .heading .right-part .search-block input{height: 38px; background: #fff; letter-spacing: 0.6px; padding: 0 15px 0 45px; border: 0; border-radius: 6px;}
.my-wishlist-page .course-listing .heading .right-part .search-block .icon{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #98A8BE; font-size: 18px;}

.my-wishlist-page .course-listing .list-item{display: flex; background: #fff; margin-bottom: 10px; border-radius: 8px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05); overflow: hidden;}
.my-wishlist-page .course-listing .list-item:last-child{margin-bottom: 0;}
.my-wishlist-page .course-listing .list-item .couser-img{position: relative; max-width: 245px; width: 100%; margin: 0; cursor: pointer;}

.my-wishlist-page .course-listing .list-item .couser-img .icon-whishlist{position: absolute; top: 15px; right: 15px; color: #fff; max-width: 18px; width: 100%; cursor: pointer; z-index: 1;}
.my-wishlist-page .course-listing .list-item .couser-img .icon-whishlist.active .whishlist{display: none;}
.my-wishlist-page .course-listing .list-item .couser-img .icon-whishlist .whishlist-fill{display: none;}
.my-wishlist-page .course-listing .list-item .couser-img .icon-whishlist.active .whishlist-fill{display: block;}

.my-wishlist-page .course-listing .list-item .couser-img:hover .course-preview{opacity: 1; visibility: visible;}
.my-wishlist-page .course-listing .list-item .couser-img .course-preview{position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; transition: 0.2s ease-in-out;}
.my-wishlist-page .course-listing .list-item .couser-img .course-preview figure{max-width: 30px; width: 100%; margin-bottom: 5px;}
.my-wishlist-page .course-listing .list-item .couser-img .course-preview span{color: #fff; font-weight: 600;}

.my-wishlist-page .course-listing .list-item .item-content{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 15px; margin: 0;}

/* course-details */
/* .my-wishlist-page .course-listing .list-item .course-details{max-width: 400px; width: 100%; margin: 0;} */
.my-wishlist-page .course-listing .list-item .course-details{ width: 70%; margin: 0;}
.my-wishlist-page .course-listing .list-item .course-details .title{display: block; color: #2E2E2E; font-size: 18px; font-weight: 600; margin-bottom: 5px; line-height: 1.2;}
.my-wishlist-page .course-listing .list-item .course-details .title  div{display: flex; align-items: center; width: 100%; margin: 0 0 10px;}
.my-wishlist-page .course-listing .list-item .course-details .title  div .learners{display: inline-flex; align-items: center; margin: 0;}
.my-wishlist-page .course-listing .list-item .course-details .title  div .learners span{color: #51596C; font-size: 12px; margin: 0;}
.my-wishlist-page .course-listing .list-item .course-details .title  div .learners .icon{color: #51596C; font-size: 20px; margin: 0 5px 0 0;}

.my-wishlist-page .course-listing .list-item .course-details .level-text{display: inline-flex; margin: 0 20px 0 0;}
.my-wishlist-page .course-listing .list-item .course-details .level-text span{color: #51596C; font-size: 12px; line-height: 15px; white-space: nowrap; margin: 0;}
.my-wishlist-page .course-listing .list-item .course-details .level-text label{position: relative; display: inline-block; color: #1F2430; max-width: 68px; width: 100%; height: 15px; line-height: 16px; background: #F5C244; font-size: 9px; font-weight: 600; text-align: center; padding: 0 7px; margin: 0 17px 0 0; text-transform: uppercase; border-radius: 2px;}
.my-wishlist-page .course-listing .list-item .course-details .level-text label:after{position: absolute; content: ''; top: 0; right: -8px; display: block; width: 11px; height: 15px; background: url('../images/label-seller-after-img.svg') no-repeat; background-size: contain;}
.my-wishlist-page .course-listing .list-item .course-details p{color: #51596C; font-size: 12px; line-height: 1.5; margin-bottom: 15px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.my-wishlist-page .course-listing .list-item .course-details .level-text label.top-rated{background: #F79D3D;}
.my-wishlist-page .course-listing .list-item .course-details .level-text label.top-rated:after{background: url('../images/label-top-rated-img.svg') no-repeat;  background-size: contain;}

.my-wishlist-page .course-listing .list-item .course-details .course-highlights{display: inline-grid; grid-gap: 15px; grid-template-columns: auto auto auto auto;}
.my-wishlist-page .course-listing .list-item .course-details .course-highlights > div{display: flex; align-items: center; line-height: 1; margin: 0;}
.my-wishlist-page .course-listing .list-item .course-details .course-highlights i{font-size: 16px; margin: 0;}
.my-wishlist-page .course-listing .list-item .course-details .course-highlights span{font-size: 12px; font-weight: 500; margin: 0 0 0 5px;}

/* price-review-block */
.my-wishlist-page .course-listing .list-item .price-review-block{max-width: 115px; width: 100%; margin: 0 0 0 15px;}
.my-wishlist-page .course-listing .list-item .price-review-block .price-block{display: flex; align-items: center; justify-content: center; margin-bottom: 10px; font-family: 'roboto'; line-height: 1; flex-wrap: wrap;}
.my-wishlist-page .course-listing .list-item .price-review-block .price-block .old-price{color: #A2A2A2; font-size: 14px; margin: 0 0 0 0;}
.my-wishlist-page .course-listing .list-item .price-review-block .price-block .price{font-size: 22px; font-weight: 700; margin: 0;}

.my-wishlist-page .course-listing .list-item .price-review-block .rating-block{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 15px;}
.my-wishlist-page .course-listing .list-item .price-review-block .rating-block .stars-group{display: flex; align-items: center; margin: 0 0 2px 0;}
.my-wishlist-page .course-listing .list-item .price-review-block .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 3px 0 0;}
.my-wishlist-page .course-listing .list-item .price-review-block .rating-block .stars-group samp{color: #1F2430; font-size: 12px; font-weight: 600; margin-left: 3px;}
.my-wishlist-page .course-listing .list-item .price-review-block .rating-block .total-rating{color: #585858; font-size: 12px; margin: 0;}
.my-wishlist-page .course-listing .list-item .price-review-block .btn-add-cart{color: #fff; background: #F06421; width: 100%; height: 32px; line-height: 32px; font-size: 12px; border: 0;}
.my-wishlist-page .course-listing .list-item .price-review-block .btn-add-cart:hover{background: #e05613;}

/* pagination-block */
.my-wishlist-page .pagination-block{margin: 35px 0 0;}

/* empty-wishlist */
.my-wishlist-page .empty-block{padding: 165px 0 130px 0; text-align: center;}
.my-wishlist-page .empty-block .container{display: inherit;}
.my-wishlist-page .empty-block figure{max-width: 80px; width: 100%; margin: 0 auto 15px;}
.my-wishlist-page .empty-block h2{color: #1F2430; font-size: 20px; font-weight: 500; margin-bottom: 10px;}
.my-wishlist-page .empty-block p{color: #51596C; margin-bottom: 25px;}
.my-wishlist-page .empty-block .btn-browse{max-width: 160px; width: 100%; background: #F06421; border-radius: 6px; text-decoration: none;}
.my-wishlist-page .empty-block .btn-browse:hover{background: #e05613; color: #fff;}


/*--------- scholarship-Program-page------------*/
/* banner */
.scholarship-page .banner-block .banner{height: 393px;/* background: #FEDDD3;*/}
.scholarship-page .banner-block .container-small{display: flex; justify-content: space-between; align-items: center;}
.scholarship-page .banner-block .container-small .caption{max-width: 360px; width: 100%; margin: 0;}
.scholarship-page .banner-block .container-small .caption h1{font-size: 28px; color: #1F2430; margin-bottom: 15px; font-weight: 400;}
.scholarship-page .banner-block .container-small .caption h1 span{display: block; font-weight: 600;}
.scholarship-page .banner-block .container-small .sub-title{font-size: 14px; color: #51596C; margin-bottom: 20px;}
.scholarship-page .banner-block .container-small .apply-now{max-width: 160px; width: 100%; height: 45px; line-height: 45px; background: #027CF9; border-radius: 8px; font-size: 16px;}
.scholarship-page .banner-block .container-small .apply-now:hover{background: #0470e2; color: #fff; text-decoration: none;}
.scholarship-page .banner-block .container-small .img-block{max-width: 500px; width: 100%; margin: 0;}

/*workforce-block*/
.scholarship-page .workforce-block .container-small{padding: 50px 15px; border-bottom: 1px solid #ECEFF5;}
.scholarship-page .workforce-block .caption{max-width: 820px; width: 100%; text-align: center; margin-bottom: 30px;} 
.scholarship-page .workforce-block .caption .title{font-size: 28px; color: #1F2430; font-weight: 600; margin-bottom: 15px; line-height: 1.4;}
.scholarship-page .workforce-block .caption .title span{font-size: 24px; display: block; font-weight: 400;}
.scholarship-page .workforce-block .caption .title p{font-size: 14px; color: #51596C; margin-bottom: 0; line-height: 1.8;}
.scholarship-page .workforce-block .box-group{display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 1fr);}
.scholarship-page .workforce-block .box-group .box{display: flex; align-items: center; background: #FFF4F2; margin: 0; border-radius: 8px; padding: 22px 25px;}
.scholarship-page .workforce-block .box-group .box figure{max-width: 65px; width: 100%; margin: 0 25px 0 0;}
.scholarship-page .workforce-block .box-group .box h2{font-size: 18px; color: #1F2430; font-weight: 500; margin-bottom: 10px;}
.scholarship-page .workforce-block .box-group .box p{font-size: 14px; color: #51596C; margin-bottom: 0;}

/*unique-block*/
.scholarship-page .unique-block{position: relative; z-index: 2; padding: 50px 0 0 0;}
.scholarship-page .unique-block .title{max-width: 250px; width: 100%; font-size: 28px; color: #34405A; font-weight: 600; margin: 0 0 20px 0;}
.scholarship-page .unique-block .title span{font-size: 24px; font-weight: 400; display: block;}
.scholarship-page .unique-block .img-text-block{max-width: 1200px; width: 100%; background: #34405A; border-radius: 8px; padding: 34px 0;}
.scholarship-page .unique-block .img-text-block .container-small{display: flex; justify-content: space-between; align-items: center;}
.scholarship-page .unique-block .img-text-block .caption-group{max-width: 360px; width: 100%; margin: 0 25px 0 0;}
.scholarship-page .unique-block .img-text-block .caption-group .caption{margin-bottom: 30px;}
.scholarship-page .unique-block .img-text-block .caption-group .caption:last-child{margin-bottom: 0;}
.scholarship-page .unique-block .img-text-block .caption-group .caption h6{font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 10px;}
.scholarship-page .unique-block .img-text-block .caption-group .caption p{font-size: 14px; color: #ABBFC7; margin-bottom: 0;}
.scholarship-page .unique-block .img-text-block .img-block{margin: -140px 0 0 0;}
.scholarship-page .unique-block .img-text-block .img-block figure{max-width: 600px; width: 100%;}

/*offer-block*/
.scholarship-page .offer-block{position: relative; background: #F5F8FA; padding: 220px 0 60px 0; margin-top: -160px; z-index: 1;}
.scholarship-page .offer-block .block-group{display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px;}
.scholarship-page .offer-block .block-group:last-child{padding-bottom: 0;}
.scholarship-page .offer-block .block-group .img-block{max-width: 515px; width: 100%; margin: 0;}
.scholarship-page .offer-block .block-group .caption{max-width: 460px; width: 100%;}
.scholarship-page .offer-block .block-group .caption h4{font-size: 24px; color: #1F2430; font-weight: 600; margin-bottom: 25px;}
.scholarship-page .offer-block .block-group .caption span{display: block; font-weight: 400;}
.scholarship-page .offer-block .block-group .caption ul{margin: 0;}
.scholarship-page .offer-block .block-group .caption ul li{font-size: 14px; color: #51596C; padding: 0 0 0 30px; margin-bottom: 20px;}
.scholarship-page .offer-block .block-group .caption ul li:after{content: ''; background: url(../images/green-right.svg) no-repeat center; position: absolute; background-size: cover; height: 18px; width: 18px; top: 3px; left: 0;}
.scholarship-page .offer-block .block-group .caption p{font-size: 14px; color: #1F2430; line-height: 1.8; margin-bottom: 0;}

/*how-apply*/
.scholarship-page .how-apply{padding: 50px 0;}
.scholarship-page .how-apply .title h2{text-align: center; font-size: 24px; font-weight: 600; color: #1F2430;  margin-bottom: 35px;}
.scholarship-page .how-apply .all-box{display: grid; grid-gap: 25px; margin: 0 auto; grid-template-columns: repeat(3, 1fr); padding: 25px 0 0 0;}
.scholarship-page .how-apply .all-box .box{position: relative; background: #FFF4F2; margin: 0; padding: 45px 30px 30px; text-align: center; border-radius: 8px;}
.scholarship-page .how-apply .all-box p{font-size: 14px; color: #51596C; margin-bottom: 0; line-height: 1.8;}
.scholarship-page .how-apply .all-box .box .circle{width: 60px; height: 60px; line-height: 50px; border-radius: 50%; background: linear-gradient(180deg , rgba(240, 100, 33, 1) 0%,rgba(255, 142, 82, 1) 100%); position: absolute; top: -30px; left: 50%; transform: translateX(-50%); border: 5px solid #fff; font-size: 26px; color: #fff; font-weight: 600;}

/*which-program*/
.scholarship-page .which-program{padding: 50px 0; background: #F5F8FA;}
.scholarship-page .which-program .caption{max-width: 850px; width: 100%; text-align: center; margin-bottom: 30px;}
.scholarship-page .which-program .caption .title{font-size: 24px; font-weight: 600; color: #2E2E2E; margin-bottom: 15px;}
.scholarship-page .which-program .caption .title span{display: block; font-weight: 400;}
.scholarship-page .which-program .caption p{font-size: 14px; color: #62646A; margin-bottom: 0;}
.scholarship-page .tab_wrapper .content_wrapper{padding: 0;}

.scholarship-page .tab_wrapper{padding: 0 20px;}
.scholarship-page .tab_wrapper .tab_list{justify-content: center; background: #fff; box-shadow: 1px 1px 2px #0000000d; border-radius: 40px; padding: 3px 0; margin-bottom: 30px;}
.scholarship-page .tab_wrapper .tab_list li.resp-tab-active{background: #007CFF; font-size: 14px; color: #fff; border-bottom: none !important; padding: 11px 24px; border-radius: 20px;}
.scholarship-page .tab_wrapper .tab_list li{font-size: 15px; color: #62646A; padding: 0;}
.scholarship-page .tab_wrapper .tab_list li  li{margin: 0 0 0 30px;}

.scholarship-page .course-group{display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr);}
.scholarship-page .course-group .course{box-shadow: 1px 1px 2px rgb(0 0 0 / 5%); border-radius: 8px; overflow: hidden;}
.scholarship-page .course-group .course .course-content{width: 100%; min-height: 180px; display: flex; flex-direction: column; justify-content: space-between; background: #fff; padding: 10px 15px 10px;}
.scholarship-page .course-group .course .course-details{margin: 0;}
.scholarship-page .course-group .course .course-details .title{color: #2E2E2E; font-size: 16px; font-weight: 600; margin-bottom: 2px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.scholarship-page .course-group .course .course-details .title a{color: #2E2E2E;}
.scholarship-page .course-group .course .course-details .title a:hover{color: #2E2E2E;}
.scholarship-page .course-group .course .course-details .level-text{margin-bottom: 10px;}
.scholarship-page .course-group .course .course-details .level-text span{color: #51596C; font-size: 12px; line-height: 15px; margin: 0; white-space: nowrap;}
.scholarship-page .course-group .course .course-details .level-text label{position: relative; display: inline-block; color: #1F2430; max-width: 68px; width: 100%; height: 15px; line-height: 16px; background: #F5C244; font-size: 9px; font-weight: 600; text-align: center; padding: 0; margin: 0 17px 0 0; text-transform: uppercase; border-radius: 2px; }
.scholarship-page .course-group .course .course-details .level-text label:after {position: absolute; content: ''; top: 0; right: -8px; display: block; width: 11px; height: 15px; background: url(../images/label-seller-after-img.svg) no-repeat; background-size: contain;}
.scholarship-page .course-group .course .course-details p{color: #51596C; font-size: 12px; line-height: 1.5; margin-bottom: 0; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.scholarship-page .course-group .course .price-review-block{margin: 0;}
.scholarship-page .course-group .course .price-review-block .rating-block{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 12px;}
.scholarship-page .course-group .course .price-review-block .rating-block .stars-group{display: flex; align-items: center; margin: 0;}
.scholarship-page .course-group .course .price-review-block .rating-block .stars-group figure{max-width: 14px; width: 100%; margin: 0 3px 0 0;}
.scholarship-page .course-group .course .price-review-block .rating-block .total-rating{color: #585858; font-size: 12px; margin: 0 0 0 5px;}
.scholarship-page .course-group .course .price-review-block .price-block{display: flex; align-items: center; margin-bottom: 10px; font-family: 'roboto'; line-height: 1;}
.scholarship-page .course-group .course .price-review-block .price-block .price{font-size: 20px; font-weight: 700; margin: 0;}
.scholarship-page .course-group .course .price-review-block .price-block .old-price{color: #A2A2A2; font-size: 14px; margin: 2px 0 0 10px;}
 
/*form-block*/
.scholarship-page .form-block{padding: 50px 0 60px 0;}
.scholarship-page .form-block .container-small{display: flex; justify-content: space-between; align-items: center;}
.scholarship-page .form-block .caption-block{max-width: 548px; width: 100%; margin: 0;}
.scholarship-page .form-block .caption-block .title{font-size: 24px; color: #1F2430; margin-bottom: 35px;}
.scholarship-page .form-block .caption-block .title span{font-weight: 600;}
.scholarship-page .form-block .caption-block h5{font-size: 18px; font-weight: 500; color: #2E2E2E; margin-bottom: 15px;}
.scholarship-page .form-block .caption-block p{font-size: 14px; color: #51596C; margin-bottom: 0;}
.scholarship-page .form-block .caption-block ul{margin: 0 0 25px 0;}
.scholarship-page .form-block .caption-block ul li{font-size: 14px; color: #62646A;}

.scholarship-page .form-block .right-block{max-width: 435px; width: 100%; margin: 0 0 0 25px; border: 1px solid #DDDDDD; border-radius: 10px;}
.scholarship-page .form-block .right-block form .title{font-size: 24px; color: #2E2E2E; font-weight: 600; text-align: center; margin-bottom: 15px;}
.scholarship-page .form-block .right-block form{padding: 25px 35px;}
.scholarship-page .form-block .right-block form .input-box{margin-bottom: 10px;}
.scholarship-page .form-block .right-block form .input-box:last-child{margin-bottom: 30px;}
.scholarship-page .form-block .right-block form .input-box label{font-size: 13px; color: #51596C; margin-bottom: 5px;}
.scholarship-page .form-block .right-block form .input-box input{background: #F3F3F4; border: none; border-radius: 6px;}
.scholarship-page .form-block .right-block form .captcha{margin-bottom: 15px;}
.scholarship-page .form-block .right-block form .btn-apply{width: 100%; height: 45px; line-height: 45px; background: #F06421;}
.scholarship-page .form-block .right-block form .btn-apply:hover{background: #e05613;}

/*upgradation-block*/
.scholarship-page .upgradation-block{margin-top: 0;}

/*--------- index-one-time-offer-page------------*/
.offer-txt-block{text-align: center;}
.offer-txt-block .offer-txt{font-size: 24px; font-weight: 500; color: #fff; line-height: 36px;}
.offer-txt-block .change-text{font-size: 36px; color:#FEB541; line-height: 43px;font-family: 'poetsen_oneregular';}
.banner-block .banner .container .caption .head-txt{font-size: 60px; color:#fff; font-weight: 700; margin: 0; line-height: 90px;}
.banner-block .banner .container .caption .sub-title.txt{font-size: 20px; color:#fff; line-height: 30px; margin-bottom: 13px;}
.offer-txt-block .code-block-group{max-width: 300px; width: 100%; display: flex; align-items: center;justify-content: space-between; margin-bottom: 25px;}
.offer-txt-block .code-block-group .code-box{color: #fff; font-size: 13px; margin: 0;}
.offer-txt-block .code-block-group .code-box .coupon{}
.offer-txt-block .code-block-group .code-box .code{font-size: 18px; font-weight: 700; text-transform: uppercase;}
.offer-txt-block .btn-group{display: flex; justify-content: space-between; max-width: 350px; width: 100%; margin-bottom: 20px;}
.offer-txt-block .btn-group .btn{max-width: 170px; width: 100%; height: 40px; line-height: 40px; font-size: 16px; font-weight: 500; transition: 0.2s ease-in-out;}
.offer-txt-block .btn-group .enroll-now{background: #1680FB;}
.offer-txt-block .btn-group .enroll-now:hover{background: #2c6db9; color: #fff; text-decoration: none;} 
.offer-txt-block .btn-group .subscribe-now{background: #EF6421;}
.offer-txt-block .btn-group .subscribe-now:hover{background: #e05613; color: #fff; text-decoration: none;}

.offer-txt-block #timer{max-width: 225px; width: 100%; display: flex; font-family: 'poppins';}
.offer-txt-block #timer .colon{font-family: 'Perpetua'; font-size: 40px; line-height: 0.5; margin: 0 4px; color: #fff;}
.offer-txt-block #timer .count{width: 39px; font-weight: 500; font-size: 30px; color: #fff; line-height: 1; text-align: center;}
.offer-txt-block #timer span{display: block; font-size: 12px; color: #fff; font-weight: 400;} 

/*--------- ft-web-page ------------*/
/* banner-part */
.ft-banner-block{background: url(../images/ft-banner.jpg) no-repeat center; background-size: cover; padding: 40px 0 0 0;}

.ft-banner-block .breadcrumbs{margin-bottom: 8px;}
.ft-banner-block .breadcrumbs ul{display: flex; align-items: center; margin: 0;}
.ft-banner-block .breadcrumbs ul li{display: flex; align-items: center; padding: 0; margin: 0; list-style: none; line-height: 1;}
.ft-banner-block .breadcrumbs ul li:after{color: #1F2430; content: "/"; display: block;}
.ft-banner-block .breadcrumbs ul li:before{display: none;}
.ft-banner-block .breadcrumbs ul li:first-child a{padding-left: 0;}
.ft-banner-block .breadcrumbs ul li:last-child:after{display: none;}
.ft-banner-block .breadcrumbs ul li:last-child a{font-weight: 600; padding-right: 0; pointer-events: none}
.ft-banner-block .breadcrumbs ul li a{display: block; color: #1F2430; font-size: 12px; padding: 3px 5px; text-decoration: none;}
.ft-banner-block .breadcrumbs ul li a:hover{color: #F06421;}

.ft-banner-block .content{display: flex; align-items: center; justify-content: space-between; padding: 0 0 45px 0;}
.ft-banner-block .left{max-width: 540px; width: 100%; margin: 0 20px 0 0;}
.ft-banner-block .left .title{font-size: 30px; color: #1F2430; font-weight: 600; font-size: 30px; line-height: 45px; margin-bottom: 18px;}

.ft-banner-block .left .rating-block{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 12px;}
.ft-banner-block .left .rating-block .stars-group{display: flex; align-items: center; margin: 0;}
.ft-banner-block .left .rating-block .stars-group samp {color: #2E2E2E; font-size: 12px; font-weight: 600; margin-left: 5px;}
.ft-banner-block .left .rating-block .total-rating {color: #585858; font-size: 12px; margin: 0 0 0 5px;}
.ft-banner-block .left .rating-block .learner-group{display: flex; align-items: center; margin: 0 0 0 10px;}
.ft-banner-block .left .rating-block .learner-group figure{max-width: 25px; width: 100%; margin: 0 8px 0 0;}
.ft-banner-block .left .rating-block .learner-group span{font-size: 13px; color: #262933;}

.ft-banner-block .left p{font-size: 14px; line-height: 21px; color: #51596A; margin-bottom: 18px; padding: 0 90px 0 0;}
.ft-banner-block .left .btn{height: 45px; line-height: 45px; font-size: 15px; font-weight: 600; padding: 0 44px; background: #00BE7E; border-radius: 6px;}
.ft-banner-block .left .btn:hover{color: #fff; background: #0bad76; text-decoration: none;}
.ft-banner-block .right{max-width: 470px; width: 100%; margin: 0;}
.ft-banner-block .inside .title {font-weight: 500; font-size: 20px; line-height: 30px; color: #1F2430; margin: 0 0 10px 0;}
.ft-banner-block .inside .inside-group{display: flex; align-items: center; flex-wrap: wrap; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07); border-radius: 8px; background: #fff;}
.ft-banner-block .inside .inside-group .box{width: 25%; padding: 21px 20px 21px 30px; border-right: 1px solid #ddd;}
.ft-banner-block .inside .inside-group .box:last-child{border: none;}
.ft-banner-block .inside .inside-group .box figure{max-width: 50px; margin: 0 0 11px 0;}
.ft-banner-block .inside .inside-group .box span{display: block; font-size: 14px; line-height: 20px; color: #1F2430; padding: 0 25px 0 0;}

/*enroll-block*/
.enroll-block .enroll-group{display: flex; align-items: center; justify-content: space-between; padding: 60px 0;}
.enroll-block .enroll-group figure{max-width: 580px; width: 100%; margin: 0 20px 0 0;}
.enroll-block .enroll-group .txt-box{max-width: 450px; width: 100%; text-align: right; margin: 0;}
.enroll-block .enroll-group .title{font-size: 22px; line-height: 40px; color: #1F2430; font-weight: 600; margin: 0 0 15px 0;}
.enroll-block .enroll-group p{max-width: 350px; width: 100%; font-size: 16px; line-height: 24px; color: #1F2430; margin: 0 0 20px auto;}
.enroll-block .enroll-group .btn-enroll{height: 45px; line-height: 45px; padding: 0 49px; font-weight: 600; font-size: 16px; background: #F06421; border-radius: 8px;}
.enroll-block .enroll-group .btn-enroll:hover{background: #e05613; text-decoration: none; color: #fff;}

/*tests-free-help*/
.tests-free-help{background: #ECF2F7; padding: 50px 0;}
.tests-free-help .title{font-size: 24px; color: #1F2430; text-align: center; margin: 0 0 28px 0;}
.tests-free-help .box-group{display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 1fr);}
.tests-free-help .box-group .box{background: #fff; border-radius: 8px; padding: 20px 40px 40px 20px;}
.tests-free-help .box-group .box label{display: block; font-size: 20px; color: #1F2430; line-height: 30px; font-weight: 500; margin: 0 0 10px 0;}
.tests-free-help .box-group .box .txt-caption{font-size: 14px; line-height: 24px; color: #51596C;}

/*caption-group*/
.exam-instructions{padding: 50px 0; border-bottom: 1px solid #DFE6EF;}
.exam-instructions .caption-group{ display:flex; justify-content: space-between;}
.exam-instructions .caption-group .left{max-width: 400px; width: 100%; margin: 0 55px 0 0;}
.exam-instructions .caption-group .left .title{font-size: 26px; line-height: 36px; color: #1F2430; font-weight: 600; margin: 0 0 10px 0; padding: 0 10px 0 0;} 
.exam-instructions .caption-group .left .txt{ font-size: 14px; line-height: 25px; color: #51596A; margin: 0 0 15px 0;}
.exam-instructions .caption-group .left .btn-try{height: 45px; line-height: 45px; padding: 0 40px; font-weight: 600; font-size: 15px; background: #00BE7E; border-radius: 6px;}
.exam-instructions .caption-group .left .btn-try:hover{color: #fff; background: #0bad76; text-decoration: none;}
.exam-instructions .caption-group .right .title{display: flex; align-items: center; font-size: 20px;color: #1F2430; line-height: 30px; font-weight: 500; margin: 0 0 15px 0;}
.exam-instructions .caption-group .right .title figure{max-width: 20px; width: 100%; margin: 0 10px 0 0;}
.exam-instructions .caption-group .right .title span{margin: 0;}
.exam-instructions .caption-group .right ul{margin: 0;}
.exam-instructions .caption-group .right ul li{font-size: 14px; line-height: 22px; color: #51596A;}
.exam-instructions .caption-group .right ul li:before{background: #2E2E2E;}

/* review-block*/
.ft-web-page .review-block{padding: 42px 0 30px 0;}
.ft-web-page .video-review .title{display: flex; align-items: center; margin-bottom: 15px; font-size: 20px; font-weight: 500; color: #1F2430;}
.ft-web-page .video-review .title figure{color: #1AC48B; max-width: 45px; width: 100%; margin: 0 15px 0 0;}
.ft-web-page .video-review .title h2{}
.ft-web-page .review-block .video-group figure{position: relative;  border-radius: 8px; margin: 0; overflow: hidden; cursor: pointer;}
.ft-web-page .review-block .video-group figure:hover .btn-play{opacity: 1;}
.ft-web-page .review-block .video-group .btn-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15%; opacity: 0.9; transition: 0.2s ease-in-out;}
.ft-web-page .review-block .owl-carousel .owl-stage-outer{margin-bottom: 0;}
.ft-web-page .review-block .owl-theme .owl-nav{display: flex; align-items: center; justify-content: space-between; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; margin: 0;}
.ft-web-page .review-block .owl-theme .owl-nav .disabled{opacity: 0;}
.ft-web-page .review-block .owl-theme .owl-nav button{display: flex; align-items: center; justify-content: center; background: #fff !important; height: 40px; width: 40px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); margin: 0;}
.ft-web-page .review-block .owl-theme .owl-nav button span{display: none;}
.ft-web-page .review-block .owl-theme .owl-nav button:before{content: 'l'; font-family: "whizlabs30"; font-size: 14px; color: #A2A2A2; width: fit-content; display: block; margin: 0px -3px -2px 0; transition: 0.2s ease-in-out;}
.ft-web-page .review-block .owl-theme .owl-nav button:hover:before{color: #2e2e2e;}
.ft-web-page .review-block .owl-carousel .owl-nav button.owl-prev{position: absolute; left: -20px;}
.ft-web-page .review-block .owl-carousel .owl-nav button.owl-prev:before{transform: rotate(180deg); margin: 0 0 0 -3px;}
.ft-web-page .review-block .owl-carousel .owl-nav button.owl-next{position: absolute; right: -20px;}

/*aboutus-block*/
.ft-web-page .aboutus-block{padding: 0 0 50px 0;}
.ft-web-page .aboutus-block .title{font-size: 20px; font-weight: 500; color: #2E2E2E; text-align: center; margin-bottom: 15px;}
.ft-web-page .aboutus-block .students-review-block{max-width: 910px; width: 100%; background: #F5F7FA; padding: 30px 20px 0 30px; border-radius: 8px;}
.ft-web-page .aboutus-block .block{display: flex; margin: 0 0 23px;}
.ft-web-page .aboutus-block .block:last-child{margin: 0;}
.ft-web-page .aboutus-block .block:last-child .review-content{border-bottom: 0;}
.ft-web-page .aboutus-block .block .student-img{max-width: 60px; width: 100%; margin: 0 40px 0 0;}
.ft-web-page .aboutus-block .block .review-content{width: 100%; padding-bottom: 25px; margin: 0; border-bottom: 1px solid #ddd;}
.ft-web-page .aboutus-block .block .review-content p{color: #1F2430; font-size: 14px; margin-bottom: 20px;}
.ft-web-page .aboutus-block .block .review-content .name{display: flex; align-items: center; margin-bottom: 10px; line-height: 1;}
.ft-web-page .aboutus-block .block .review-content .name span{color: #1F2430; font-size: 15px; font-weight: 600; margin: 0;}
.ft-web-page .aboutus-block .block .review-content .name figure{max-width: 16px; width: 100%; margin: 0 0 0 8px;}
.ft-web-page .aboutus-block .block .review-content .verified-buyer{display: flex; align-items: center; line-height: 1;}
.ft-web-page .aboutus-block .block .review-content .verified-buyer i{color: #007CFF; font-size: 14px; margin: 0 5px 0 0;}
.ft-web-page .aboutus-block .block .review-content .verified-buyer span{color: #62646A; font-size: 13px; margin: 0;}

/* course-slider */
.ft-web-page .course-slider.learners{padding: 40px 0;}
.ft-web-page .course-slider.learners .course-group .course .course-content{min-height: 176px;}
.ft-web-page .course-slider.learners .course-group .course .price-review-block .rating-block .learner-group{display: flex; align-items: center; margin: 8px 0 0 0;}
.ft-web-page .course-slider.learners .course-group .course .price-review-block .rating-block .learner-group figure{max-width: 25px; width: 100%; margin: 0 10px 0 0;}
.ft-web-page .course-slider.learners .course-group .course .price-review-block .rating-block .learner-group span{font-size: 14px; color: #262933;}

/* ft-footer */
.ft-footer{padding: 40px 0;}
.ft-footer .footer-content{display: flex; justify-content: space-between;}
.ft-footer .footer-left {min-width: 190px; margin: 0;}
.ft-footer .footer-left .logo {display: block; max-width: 157px; width: 100%; margin: 0 0 15px;}
.ft-footer .footer-left p {color: #51596C; font-size: 12px; line-height: 1; margin-bottom: 15px;}
.ft-footer .footer-left .social-links {display: flex; align-items: center;}
.ft-footer .footer-left .social-links .link {color: #1F2430; font-size: 17px; margin: 0 20px 0 0; line-height: 1;}

.ft-footer .footer-right{justify-content: flex-end; margin: 0;}
.ft-footer .footer-right .block:last-child {margin-right: 0;}
.ft-footer .footer-right .block.join-slack .block-title {display: flex; align-items: center; justify-content: flex-end; margin-bottom: 10px;}
.ft-footer .footer-right .block.join-slack .block-title figure {max-width: 32px; width: 100%; margin: 0 10px 0 0;}
.ft-footer .footer-right .block.join-slack .block-title a {color: #292929; font-size: 16px; font-weight: 600; margin: 0; text-decoration: none;}
.ft-footer .footer-right .block.join-slack p {max-width: 510px; width: 100%; color: #595959; font-size: 13px; font-weight: 400; text-align: right; margin: 0 0 0 auto;}
.ft-footer .footer-right .block.join-slack p a {color: #EB3F30; font-weight: 600;}
.ft-footer .footer-right .block.join-slack p span{display: block;}


/*--------- ft-library-page ------------*/
html.html-ft-library-page{scroll-behavior: smooth;}
.library-banner{background: url(../images/ft-banner.jpg) no-repeat center; background-size: cover;}
.library-banner .content{display: flex; align-items: center; justify-content: space-between; padding: 41px 0 5px 0;}
.library-banner .content .left{max-width: 450px; width: 100%; margin: 0 20px 0 0;}
.library-banner .content .left .title{font-size: 30px; color: #1F2430; font-weight: 600; line-height: 45px;}
.library-banner .content .left .free-txt{font-size: 48px; line-height: 72px; font-weight: 600; color: #1F2430;}
.library-banner .content .left p{font-size: 14px; line-height: 21px; color: #51596A; margin-bottom: 20px;}
.library-banner .content .left .btn{height: 45px; line-height: 45px; font-size: 15px; font-weight: 600; padding: 0 44px; background: #00BE7E; border-radius: 6px;}
.library-banner .content .left .btn:hover{color: #fff; background: #0bad76; text-decoration: none;}
.library-banner .content .right{max-width: 630px; width: 100%; margin: 0;}

.library-banner .click-jump-block{position: relative; max-width: 720px; width: 100%; display: flex; align-items: center; justify-content: space-between; background: #FFFFFF; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 130px 4px 4px 130px; padding: 10px 30px; margin: 0 0 -51px auto; z-index: 1;}
.library-banner .click-jump-block .txt{font-size: 16px; line-height: 24px; color: #51596A; margin: 0 30px 0 0;}
.library-banner .click-jump-block .txt span{font-weight: 600;}
.library-banner .click-jump-block .img-group{display: flex; align-items: center; margin: 0;}
.library-banner .click-jump-block .img-group figure{max-width: 85px; width: 100%; margin: 0 10px 0 0;}
.library-banner .click-jump-block .img-group figure:last-child{margin: 0;}

.ft-library-page .courses-section{background: #F5F7FA; padding: 60px 0;}
.ft-library-page .courses-section.amazon{padding: 70px 0 60px 0;}
.ft-library-page .courses-section.microsoft{background: #ECF2F7;}
.ft-library-page .courses-section .caption{max-width: 620px; width: 100%; margin-bottom: 20px;}
.ft-library-page .courses-section .caption .title{font-size: 26px; line-height: 39px; font-weight: 600; text-align: center; color: #1F2430; margin-bottom: 10px;}
.ft-library-page .courses-section .caption p{font-size: 14px; line-height: 21px; text-align: center; color: #51596A; margin: 0;}
.ft-library-page .courses-section .list-group{display: grid; grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
.ft-library-page .courses-section .list-group .list-item{max-width: 645px; width: 100%; display: flex; align-items: center; background: #fff; padding: 5px 20px 5px 5px; border-radius: 8px;}
.ft-library-page .courses-section .list-group .list-item .course-img{max-width: 245px; width: 100%; margin: 0 15px 0 0;}
.ft-library-page .courses-section .list-group .list-item .course-details{width: 100%; height: 90%; margin: 0; display: flex; flex-direction: column; align-content: space-between; justify-content: space-between;}
.ft-library-page .courses-section .list-group .list-item .course-details .top{margin: 0;}
.ft-library-page .courses-section .list-group .list-item .course-details .bottom{margin: 0;}
.ft-library-page .courses-section .list-group .list-item .course-details .title{display: block; font-size: 18px; line-height: 27px; font-weight: 600; color: #1F2430; margin: 0 0 10px 0;}
.ft-library-page .courses-section .list-group .list-item .course-details .highlights{display: flex; align-items: center;}
.ft-library-page .courses-section .list-group .list-item .course-details .highlights .box{display: flex; align-items: center; font-size: 12px; line-height: 18px;font-weight: 500; color: #1F2430; margin: 0 15px 0 0;}
.ft-library-page .courses-section .list-group .list-item .course-details .highlights .box .icon{font-size: 14px; margin: 0 5px 0 0;}
.ft-library-page .courses-section .list-group .list-item .course-details .highlights .box .icon-font-graduation-cap{font-size: 21px;}
.ft-library-page .courses-section .list-group .list-item .course-details .rating-block{display: flex; align-items: center; justify-content: space-between;}
.ft-library-page .courses-section .list-group .list-item .course-details .rating-block .stars-box{display: flex; align-items: center; margin: 0;}
.ft-library-page .courses-section .list-group .list-item .course-details .rating-block .stars-box figure{max-width: 14px; width: 100%; margin-right: 5px;}
.ft-library-page .courses-section .list-group .list-item .course-details .rating-block .stars-box samp{font-size: 12px; line-height: 18px; font-weight: 600; color: #1F2430; margin: 0 5px 0 0;}
.ft-library-page .courses-section .list-group .list-item .course-details .rating-block .stars-box span{font-size: 12px; line-height: 18px; color: #62646A;}
.ft-library-page .courses-section .list-group .list-item .course-details .rating-block .try-free{margin: 0;}
.ft-library-page .courses-section .list-group .list-item .course-details .rating-block .try-free a{display: flex; align-items: center; font-size: 15px; line-height: 22px;font-weight: 500; color: #F06421; margin: 0;}
.ft-library-page .courses-section .list-group .list-item .course-details .rating-block .try-free a:hover{text-decoration: none;}
.ft-library-page .courses-section .list-group .list-item .course-details .rating-block .try-free a .icon{font-size: 14px; margin: 0 0 0 5px;}


/*--------- carees-upload-resume-page ------------*/
.carees-upload-resume-page .logo{display: block; max-width: 200px; width: 100%;}
.carees-upload-resume-page .container{max-width: 890px;}
.carees-upload-resume-page .btn-back-careers{display: flex; align-items: center; justify-content: center; color: #007CFF; text-decoration: none;}
.carees-upload-resume-page .btn-back-careers .icon{transform: rotate(180deg); font-size: 13px; margin: 0;}
.carees-upload-resume-page .btn-back-careers span{font-size: 13px; font-weight: 500; margin: 0 0 0 8px;}
.carees-upload-resume-page .btn-back-careers:hover{color: #007cffa6;}
.carees-upload-resume-page .btn-apply-job{color: #fff; background: #F06421; min-width: 190px; font-weight: 600; margin: 0 0 30px; border: 0; border-radius: 8px;}
.carees-upload-resume-page .btn-apply-job:hover{background: #e05613;}

.carees-upload-resume-page .banner-empty{height: 140px; background: #F5F7FA;}
.carees-upload-resume-page .apply-block{box-shadow: 0 10px 20px rgb(0 0 0 / 5%); background: white; padding: 30px 0; border-radius: 10px; margin: -85px 0 60px 0;}
.carees-upload-resume-page .apply-block h1{font-size: 24px; color: #2E2E2E; text-align: center; font-weight: 400; margin-bottom: 35px;}

.carees-upload-resume-page .apply-block .template-area{width: 87%; margin: 0 auto; padding-bottom: 20px;}
.carees-upload-resume-page .apply-block .template-area .upload-group{display: flex; align-items: center; justify-content: space-between; padding: 20px 25px; border: 1px dashed #D9E2EC; background: #F2F8FF; border-radius: 6px; margin-bottom: 6px;}
.carees-upload-resume-page .apply-block .template-area .drag-form {position: relative; max-width: 50%; width: 100%; margin: 0;}
.carees-upload-resume-page .apply-block .template-area .drag-form label{color: #A2A2A2; font-size: 12px; margin: 5px 0 0 0;}
.carees-upload-resume-page .apply-block .template-area .drag-form .dropzone-desc{display: flex; align-items: center; cursor: pointer;}
.carees-upload-resume-page .apply-block .template-area .drag-form .dropzone-desc figure{max-width: 30px; width: 100%; margin: 0 8px 0 0;}
.carees-upload-resume-page .apply-block .template-area .drag-form .dropzone-desc span{color: #51596C; font-size: 14px; font-weight: 500; margin: 0;}
.carees-upload-resume-page .apply-block .template-area .drag-form .dropzone-desc span a{color: #027CF9; text-decoration: underline;}
.carees-upload-resume-page .apply-block .template-area .drag-form .dropzone-desc input {position: absolute; top: 0; left: 0; outline: none !important; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 2;}
.carees-upload-resume-page .apply-block .template-area .file-add {display: inline-flex; align-items: center; margin: 0 0 0 15px;}
.carees-upload-resume-page .apply-block .template-area .file-add .google-icons {display: flex; align-items: center;}
.carees-upload-resume-page .apply-block .template-area .file-add .google-icons .icon-img figure{max-width: 40px; width: 100%; margin: 0 10px 0 0;}
.carees-upload-resume-page .apply-block .template-area .file-add .uploader-file {position: relative; display: inline-block; margin-left: 15px;}
.carees-upload-resume-page .apply-block .template-area .file-add .btn-upload {cursor: pointer; display: block; font-size: 14px; font-weight: 600; border-radius: 6px; text-align: center; text-transform: capitalize; transition: 0.2s ease-in-out; background: #007CFF; color: #fff; padding: 9px 35px; margin: 0;}
.carees-upload-resume-page .apply-block .template-area .uploader-file input {position: absolute; left: 0; top: 0; width: 0; height: 100%; opacity: 0;}
.carees-upload-resume-page .apply-block .template-area .status{display: flex; align-items: center; font-size: 13px; color: #1F2430;}
.carees-upload-resume-page .apply-block .template-area .status figure{max-width: 14px; width: 100%; margin: 0 0 0 5px;}

.carees-upload-resume-page .info-block{padding-top: 20px; border-top: 1px solid #DDDDDD;}
.carees-upload-resume-page .info-block form{width: 87%;}
.carees-upload-resume-page .info-block form .title{font-size: 20px; color: #1F2430; font-weight: 500; margin-bottom: 15px;}
.carees-upload-resume-page .info-block form .input-box-group{display: flex; justify-content: space-between; flex-wrap: wrap;}
.carees-upload-resume-page .info-block form .input-box-group .input-box{width: 49%; margin: 0 0 10px 0;}
.carees-upload-resume-page .info-block form .input-box-group .input-box:last-child{margin-bottom: 20px;}
.carees-upload-resume-page .info-block form .input-box-group .input-box.box{width: 100%;}
.carees-upload-resume-page .info-block form .input-box-group .input-box label{margin: 0 0 4px;}
.carees-upload-resume-page .info-block form .input-box-group .input-box label span{color: #FF615E;}
.carees-upload-resume-page .info-block form .input-box-group .input-box input{border: none;}
.carees-upload-resume-page .info-block form .input-box-group .input-box .custom-selectbox .select-selected{background-color: #F3F3F4; color: #B7B7B7;}
.carees-upload-resume-page .info-block form .input-box-group .input-box .custom-selectbox .select-selected:after{color: #B7B7B7;}
.carees-upload-resume-page .info-block form .input-box-group .input-box textarea{height: 80px; background: #F3F3F4; border: none;}
.carees-upload-resume-page .info-block form .btn-group{display: flex; align-items: center;}
.carees-upload-resume-page .info-block form .btn{padding: 0 39px; margin-right: 10px;}
.carees-upload-resume-page .info-block form .btn-submit{background: #F06421; color: #fff;}
.carees-upload-resume-page .info-block form .btn-cancel{background: #F3F3F4; color: #1F2430;}

.carees-upload-resume-page footer{background: #F5F7FA; padding: 75px 0;}
.carees-upload-resume-page footer .btn-back-careers{margin-bottom: 20px;}


/*--------- life-time-membership-page ------------*/
/* banner-part */
.life-time-banner{background: url(../images/lifetime-bg.jpg) no-repeat center; background-size: cover;}
.life-time-banner .container-small{position: relative; display: flex; justify-content: space-between; align-items: center; padding: 42px 15px;}
.life-time-banner .container-small .shape{position: absolute; top: 0; right: 15px; max-width: 495px; width: 100%; z-index: 0;}
.life-time-banner .caption{max-width: 485px; width: 100%; margin: 0 30px 0 0;}
.life-time-banner .caption h1{font-size: 30px; font-weight: 400; color: #695FC9; margin-bottom: 10px;}
.life-time-banner .caption label{font-size: 18px; line-height: 27px; color: #1F2430; margin-bottom: 25px;}
.life-time-banner .caption p{font-size: 14px; line-height: 24px; color: #51596A;}
.life-time-banner .caption h6{font-size: 18px; line-height: 28px;font-weight: 500;  color: #1F2430; margin: 0;}
.life-time-banner .lifetime-access{max-width: 350px; width: 100%; background: #fff; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05); border-radius: 20px; padding: 35px 28px; margin: 0 70px 0 0; z-index: 1;}
.life-time-banner .lifetime-access .title{font-size: 28px; line-height: 24px; font-weight: 600; color: #1F2430; margin-bottom: 15px;}
.life-time-banner .lifetime-access hr{width: 30px; border: 2px solid #695FC9; margin: 0 0 30px 0; border-radius: 2px;}
.life-time-banner .lifetime-access .para{margin: 0 0 20px 0;}
.life-time-banner .lifetime-access .para label{font-size: 14px; line-height: 16px; color: #51596A; margin-bottom: 10px;}
.life-time-banner .lifetime-access .para ul{margin: 0;}
.life-time-banner .lifetime-access .para ul li{font-size: 14px; line-height: 20px; color: #1F2430; margin-bottom: 10px; padding: 0 0 0 30px;}
.life-time-banner .lifetime-access .para ul li:before{content: 'm'; top: 2px; font-family: "whizlabs30"; color: #fff; background: #DDD; width: 20px; height: 20px; line-height: 21px; font-size: 10px; text-align: center; border-radius: 50%;}
.life-time-banner .lifetime-access .para ul li.active:before{content: 'N'; background: #21C87A;}
.life-time-banner .lifetime-access .para ul li:last-child{margin-bottom: 0;}
.life-time-banner .lifetime-access .price-block{display: flex; align-items: center; margin: 0 0 20px 0; line-height: 40px;}
.life-time-banner .lifetime-access .price{display: block; font-size: 40px; font-weight: 600; color: #1F2430; margin: 0 5px 0 0;}
.life-time-banner .lifetime-access .old-price{font-size: 25px; color: #A2A2A2; font-weight: 400; margin: 0;}
.life-time-banner .lifetime-access .btn{display: block; height: 45px; line-height: 45px; font-size: 16px; font-weight: 500; background: #695FC9; text-decoration: none; border-radius: 8px;}
.life-time-banner .lifetime-access .btn:hover{color: #fff; background: #6057b9;}

/* brands-block */
.life-time-membership-page .brands-block{position: relative; border-bottom: none; padding: 0 15px;}
.life-time-membership-page .brands-block .container-small{max-width: 1070px; background: #fff; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07); border-radius: 8px; padding: 22px 15px;}
.life-time-membership-page .brands-block .title{margin-bottom: 30px;}

/*whiz-life-time*/
.whiz-life-time{padding: 60px 0;}
.whiz-life-time .container-small{display: flex; justify-content: space-between;}
.whiz-life-time .caption{width: 36%; margin: 0 50px 0 0;}
.whiz-life-time .caption label{font-size: 24px; display: block;  color: #1F2430; margin: 0;}
.whiz-life-time .caption h2{font-size: 40px; color: #1F2430; font-weight: 600; margin: 0;}
.whiz-life-time .list-membership{width: 60%; margin: 0;}
.whiz-life-time .list-membership ul{column-count: 2;margin: 0;}
.whiz-life-time .list-membership ul li{display: flex; margin: 0 0 30px 0; padding: 0;}
.whiz-life-time .list-membership ul li:before{display: none;}
.whiz-life-time .list-membership ul li:last-child{margin-bottom: 0;}
.whiz-life-time .list-membership ul li:nth-child(2){margin-bottom: 0;}
.whiz-life-time .list-membership ul li figure{max-width: 50px; width: 100%; margin: 0 15px 0 0;}
.whiz-life-time .list-membership ul li span{font-size: 14px; line-height: 22px; color: #1F2430; margin: 0;}

/*enroll-today*/
.life-time-membership-page .enroll-today{margin-bottom: -205px;}
.life-time-membership-page .enroll-today .img-box{position: relative; height: 400px; display: flex; align-items: flex-end; justify-content: center; background: url(../images/bg-enroll-txt.png) no-repeat center; background-size: cover; border-radius: 15px;}
.life-time-membership-page .enroll-today p{position: relative; width: 73%; text-align: center; font-size: 36px; line-height: 46px; color: #fff; margin-bottom: 30px; z-index: 1;}
.life-time-membership-page .enroll-today .gradient{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180.58deg, rgba(0, 0, 0, 0) 0.98%, rgba(0, 0, 0, 0.65) 84.31%); border-radius: 15px;}

/*txt-block*/
.life-time-membership-page .txt-block{background: #F9FAFC; padding: 230px 0 50px 0;}
.life-time-membership-page .txt-block .txt{font-weight: 500; margin-bottom: 25px;}
.life-time-membership-page .txt-block p{font-size: 14px; line-height: 25px; color: #1F2430; margin: 0;}

/* exam-instructions */
.life-time-membership-page .exam-instructions{padding: 40px 0; background: #ECF2F7;}
.life-time-membership-page .exam-instructions .caption-group .left{max-width: 380px; margin: 0 70px 0 0;}
.life-time-membership-page .exam-instructions .caption-group .left .txt{margin: 0;}

/* new-review-block*/
.new-review-block{padding: 42px 0 30px 0;}
.video-review .title{display: flex; align-items: center; margin-bottom: 15px; font-size: 20px; font-weight: 500; color: #1F2430;}
.video-review .title figure{color: #1AC48B; max-width: 45px; width: 100%; margin: 0 15px 0 0;}
.new-review-block .video-group figure{position: relative;  border-radius: 8px; margin: 0; overflow: hidden; cursor: pointer;}
.new-review-block .video-group figure:hover .btn-play{opacity: 1;}
.new-review-block .video-group .btn-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15%; opacity: 0.9; transition: 0.2s ease-in-out;}
.new-review-block .owl-carousel .owl-stage-outer{margin-bottom: 0;}
.new-review-block .owl-theme .owl-nav{display: flex; align-items: center; justify-content: space-between; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; margin: 0;}
.new-review-block .owl-theme .owl-nav .disabled{opacity: 0;}
.new-review-block .owl-theme .owl-nav button{display: flex; align-items: center; justify-content: center; background: #fff !important; height: 40px; width: 40px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); margin: 0;}
.new-review-block .owl-theme .owl-nav button span{display: none;}
.new-review-block .owl-theme .owl-nav button:before{content: 'l'; font-family: "whizlabs30"; font-size: 14px; color: #A2A2A2; width: fit-content; display: block; margin: 0px -3px -2px 0; transition: 0.2s ease-in-out;}
.new-review-block .owl-theme .owl-nav button:hover:before{color: #2e2e2e;}
.new-review-block .owl-carousel .owl-nav button.owl-prev{position: absolute; left: -20px;}
.new-review-block .owl-carousel .owl-nav button.owl-prev:before{transform: rotate(180deg); margin: 0 0 0 -3px;}
.new-review-block .owl-carousel .owl-nav button.owl-next{position: absolute; right: -20px;}

/* aboutus-block */
.life-time-membership-page .aboutus-block{padding: 0 0 50px 0;}
.life-time-membership-page .aboutus-block .title{font-size: 20px; font-weight: 500; color: #2E2E2E; text-align: center; margin-bottom: 15px;}

/* new-students-review-block */
.new-students-review-block{max-width: 910px; width: 100%; background: #F5F7FA; padding: 30px 20px 0 30px; border-radius: 8px;}
.new-students-review-block .block{display: flex; margin: 0 0 23px;}
.new-students-review-block .block:last-child{margin: 0;}
.new-students-review-block .block:last-child .review-content{border-bottom: 0;}
.new-students-review-block .block .student-img{max-width: 60px; width: 100%; margin: 0 40px 0 0;}
.new-students-review-block .block .review-content{width: 100%; padding-bottom: 25px; margin: 0; border-bottom: 1px solid #ddd;}
.new-students-review-block .block .review-content p{color: #1F2430; font-size: 14px; margin-bottom: 20px;}
.new-students-review-block .block .review-content .name{display: flex; align-items: center; margin-bottom: 10px; line-height: 1;}
.new-students-review-block .block .review-content .name span{color: #1F2430; font-size: 15px; font-weight: 600; margin: 0;}
.new-students-review-block .block .review-content .name figure{max-width: 16px; width: 100%; margin: 0 0 0 8px;}
.new-students-review-block .block .review-content .verified-buyer{display: flex; align-items: center; line-height: 1;}
.new-students-review-block .block .review-content .verified-buyer i{color: #007CFF; font-size: 14px; margin: 0 5px 0 0;}
.new-students-review-block .block .review-content .verified-buyer span{color: #62646A; font-size: 13px; margin: 0;}

/* faq block */
.life-time-membership-page .faq-block{position: relative; border-top: 1px solid #E6E6E6; padding: 60px 0 115px 0;}
.life-time-membership-page .gradient-box{position: absolute; bottom: 0; left: 0; height: 200px; width: 100%; background: linear-gradient(0deg, #EBEFF5 2.5%, rgba(235, 239, 245, 0) 97.25%); z-index: 0;}
.life-time-membership-page .faq-block .tab_wrapper .content_wrapper{padding: 0;}
.life-time-membership-page .faq-block .tab_wrapper .content_wrapper .resp-accordion{display: none;}
.life-time-membership-page .faq-block .tab_wrapper .content_wrapper .tab_content{padding: 0; border-top: 0;}

.life-time-membership-page .faq-block .title{font-weight: 600; margin-bottom: 30px; text-align: center;}
.life-time-membership-page .faq-block .accordian-block .item{margin-bottom: 0; border: 0; border-bottom: 1px solid #ddd; border-radius: 0;}
.life-time-membership-page .faq-block .tab_wrapper .accordian-block .item-head{background: transparent; padding: 24px 0;}
.life-time-membership-page .faq-block .tab_wrapper .accordian-block .item-head span{font-size: 18px; font-weight: 500; margin-left: 0;}
.life-time-membership-page .faq-block .tab_wrapper .accordian-block .item-head samp{right: 0; top: 30px;}
.life-time-membership-page .faq-block .tab_wrapper .accordian-block .item-head samp:before{background: #1F2430;}
.life-time-membership-page .faq-block .tab_wrapper .accordian-block .item-content{max-width: 830px; width: 100%; padding: 0 0 25px; margin: 0;}
.life-time-membership-page .faq-block .tab_wrapper .accordian-block .item-content p{margin-bottom: 0;}

/* upgradation-block */
.life-time-membership-page .upgradation-block{position: relative; z-index: 1;}


/*--------- faq-page ------------*/
/* banner-part */
.faq-banner{background: url(../images/faq-bg.jpg) no-repeat center; background-size: cover; padding: 55px 0 125px 0;}
.faq-banner .container-small h1{font-size: 28px; line-height: 40px; font-weight: 600; color: #1F2430; text-align: center; margin: 0;}

/* faq block */
.faq-page .faq-block{position: relative; padding: 0 0 115px 0; margin: -60px 0 0 0;}
.faq-page .gradient-box{position: absolute; bottom: 0; left: 0; height: 200px; width: 100%; background: linear-gradient(0deg, #EBEFF5 2.5%, rgba(235, 239, 245, 0) 97.25%); z-index: -1;}
.faq-page .faq-block .tab_wrapper .resp-tabs-list{justify-content: center; margin: 0 0 60px 0;}
.faq-page .faq-block .tab_wrapper .tab_list li.resp-tab-active{border: 1px solid #F06421 !important;}
.faq-page .faq-block .tab_wrapper .tab_list li.resp-tab-active .icon{color: #F06421;}
.faq-page .faq-block .tab_wrapper .resp-tabs-list li{height: 120px; width: 200px; background: #fff; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); border-radius: 8px; padding: 0;}
.faq-page .faq-block .tab_wrapper .tab_list li  li{margin: 0 0 0 18px;}
.faq-page .faq-block .tab_wrapper .resp-tabs-list li samp{flex-direction: column; font-size: 16px; line-height: 18px; color: #51596A; font-weight: 500;}
.faq-page .faq-block .tab_wrapper .resp-tabs-list li .icon{font-size: 38px; color: #51596A; margin: 0 0 15px 0;}
.faq-page .faq-block .tab_wrapper .content_wrapper{padding: 0;}
.faq-page .faq-block .tab_wrapper .content_wrapper .resp-accordion{display: none;}
.faq-page .faq-block .tab_wrapper .content_wrapper .resp-accordion samp{display: flex; align-items: center; font-size: 14px; color: #51596A; font-weight: 500;}
.faq-page .faq-block .tab_wrapper .content_wrapper .resp-accordion.resp-tab-active samp{color: #F06421;}
.faq-page .faq-block .tab_wrapper .content_wrapper .tab_content{padding: 0; border-top: 0;}
.faq-page .faq-block .title{font-weight: 600; margin-bottom: 30px; text-align: center;}
.faq-page .faq-block .accordian-block .item{margin-bottom: 0; border: 0; border-bottom: 1px solid #ddd; border-radius: 0;}
.faq-page .faq-block .tab_wrapper .accordian-block .item-head{background: transparent; padding: 24px 0;}
.faq-page .faq-block .tab_wrapper .accordian-block .item-head span{font-size: 18px; font-weight: 500; margin-left: 0;}
.faq-page .faq-block .tab_wrapper .accordian-block .item-head samp{right: 0; top: 30px;}
.faq-page .faq-block .tab_wrapper .accordian-block .item-head samp:before{background: #1F2430;}
.faq-page .faq-block .tab_wrapper .accordian-block .item-content{max-width: 830px; width: 100%; padding: 0 0 25px; margin: 0;}
.faq-page .faq-block .tab_wrapper .accordian-block .item-content p{margin-bottom: 0;}

/* brans-block */
.brands-block{position: relative; padding: 40px 0 0; border-bottom: 1px solid #E6E6E6;}
.brands-block .title{font-size: 18px; text-align: center; line-height: 1; margin-bottom: 35px;}
.brands-block .brand-logoes{max-width: 1080px; width: 100%; display: grid; grid-gap: 50px; grid-template-columns: repeat(6, 1fr); padding: 0 0 50px 0;}
.brands-block .more-slide{display: none;}
.brands-block .more-logo.brand-logo{max-width: 1080px; width: 100%; display: grid; grid-gap: 50px; grid-template-columns: repeat(6, 1fr);}
.brands-block .more-logo.brand-logo.space{padding: 0 0 50px 0;}
.brands-block .moreless-button{position: absolute; bottom: -16px; left: 50%; transform: translate(-50%, 0); max-width: 140px; width: 100%; text-align: center; font-size: 13px; color: #51596A; line-height: 21px; background: #fff; border: 1px solid #ddd; padding: 6px 0; border-radius: 24px; cursor: pointer; transition: 0.2s ease-in-out;}
.brands-block .moreless-button:hover{border: 1px solid #1F2430; color: #1F2430;}

/* bottom-super-sale */
.super-sale.bottom-women-day{background: #F3EEE6;}
.super-sale.bottom-women-day .left-block{position: relative; max-width: 330px; width: 100%; flex-direction: column; justify-content: center; align-items: flex-start; background: #F7931E; padding: 0 45px 0 0;}
.super-sale.bottom-women-day .left-block h2{font-family: 'Poppins', sans-serif; font-size: 25px; line-height: 20px; font-weight: 500; color: #fff;}
.super-sale.bottom-women-day .left-block h2 span{font-family: 'Poppins', sans-serif; font-size: 25px; display: inline-block; font-weight: 700; color: #fff; text-transform: uppercase;}
.super-sale.bottom-women-day .left-block p{font-size: 14px; line-height: 1.6; color: #000; margin: 0;}
.super-sale.bottom-women-day .left-block figure {position: absolute; right: 0; top: 0; max-width: 45px; width: 100%;}
.super-sale.bottom-women-day .left-block:before{right: calc(100% - 0px); background: #F7931E;}
.super-sale.bottom-women-day .right-block .flat-box-group .box-group .txt-box span{color: #51596C;}
.super-sale.bottom-women-day .right-block .flat-box-group .box-group .code-box label{color: #51596C;}
.super-sale.bottom-women-day .right-block .flat-box-group .line{left: 327px;}

/* many-day-sale-banner */
.many-day-sale-banner{height: 450px; background: url(../images/super-sale-bg.png) no-repeat center; background-size: cover; background-color: #F3EEE6;}
.many-day-sale-banner .container{height: 100%; display: flex; align-items: center;}

.many-day-sale-banner .left-block{max-width: 450px; width: 100%; background: #fff; border-radius: 10px; padding: 37px 27px 20px; margin: 0 -50px 0 0;}
.many-day-sale-banner .left-block .sharp-top{position: relative; max-width: 295px; width: 100%; margin: -100px 0 0 0;}
.many-day-sale-banner .left-block .sharp-top .img-sharp{width: 100%;}
.many-day-sale-banner .left-block span{position: absolute; bottom: 27px; left: 50%; transform: translate(-50%, 0); width: 82%; font-weight: 800; font-size: 22px; line-height: 20px; font-style: italic; text-transform: uppercase; color: #fff;}
.many-day-sale-banner .left-block .caption h5{font-weight: 700; font-size: 27px; color: #000; margin: 0 0 7px 0;}
.many-day-sale-banner .left-block .caption p{font-weight: 400; font-size: 24px; line-height: 31px; color: #595959; margin: 0;}

.many-day-sale-banner .girl-block{max-width: 425px; width: 100%; height: 100%; display: flex; align-items: flex-end; margin: 0;}

.many-day-sale-banner .right-block{max-width: 445px; width: 100%; text-align: center; margin: 45px auto 0 -10px;}
.many-day-sale-banner .right-block .code-box-group{display: flex; justify-content: space-between; margin-bottom: 35px;}
.many-day-sale-banner .right-block .code-box-group .code-box{margin: 0;}
.many-day-sale-banner .right-block .code-box-group .code-box p{font-size: 16px; line-height: 28px; color: #595959; margin-bottom: 10px;}
.many-day-sale-banner .right-block .code-box-group .code-box p strong{display: block; font-weight: 700; font-size: 26px; color: #000;}
.many-day-sale-banner .right-block .code-box-group .code-box small{display: block; font-size: 16px; line-height: 28px; color: #595959; margin-bottom: 30px;}
.many-day-sale-banner .right-block .code-box-group .code-box small strong{text-transform: uppercase; color: #000;}
.many-day-sale-banner .right-block .code-box-group .code-box .btn-enroll{max-width: 180px; width: 100%; height: 45px; line-height: 45px; font-size: 16px; background: #F06421; border-radius: 10px;}
.many-day-sale-banner .right-block .code-box-group .code-box .btn-enroll:hover{background: #e05613; color: #fff; text-decoration: none;}

.many-day-sale-banner .timer-block{display: flex;}
.many-day-sale-banner .timer-block .main-timer{background: rgba(255, 255, 255, 0.5); border-radius: 6px; padding: 6px 15px;}
.many-day-sale-banner .timer-block .main-timer .colon{font-size: 28px; line-height: 32px; color: #1A343E;}
.many-day-sale-banner .main-timer .count{width: 45px;}
.many-day-sale-banner .main-timer .count:last-child{margin: 0;}
.many-day-sale-banner .timer-block .main-timer .count label{color: #375D6B;}
.readmore {
    display: none;
}

.intro-screen{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    max-width: 252px;
    width: 100%;
    margin: auto;
}

.intro-screen .title h2.name-m{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #FF5300;
    margin-bottom: 10px;
}
.intro-screen p{
    font-family: Poppins;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #434343;
}
.intro-screen p span{
    font-weight: 500;
    color: #000000;
}
.intro-screen .welcom-block{
    display: flex;
    align-items: center;
    margin-bottom: 8px;

}
.intro-screen .text-sm{
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #7B7B7B;
    margin-bottom: 16px;
}

.intro-screen .welcom-block span{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    color: #353535;
    margin-right: 10px;
    text-wrap: nowrap;
}
.intro-screen .welcom-block img{
    width: 124px;
}
.back-btn{
    position: absolute;
    left: 0;
    top: 2px;
}
.step-title{
    position: relative;
}
body.o-hidden{
    overflow-y: hidden;
}

div#google_translate_element,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {
  display: none !important;
}

.skiptranslate {
    display: none !important;
   
  }
  
/* --------------- COURSE-FEEDBACK ----------- */

.course-feedback{
    display: flex;
    flex-direction: column;
    padding: 60px 250px;
}

.course-feedback p{
    color: #434343;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.course-feedback .course-feedback-content{
    margin-top: 30px;
}

.course-feedback .course-feedback-content textarea {
    margin-bottom: 20px; 
    height: 100px;
}

.course-feedback .submit-div{
    text-align: end;
}

.course-feedback .submit-div button{
    border-radius: 4px;
    background: #F06421;
    width: 125px;
    height: 40px;
    flex-shrink: 0;
    color: #FFF;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5px 25px;
}

.contact_us_autocomplete input{height: 27px;}
.contact_us_autocomplete .css-1d3z3hw-MuiOutlinedInput-notchedOutline {border:0; border-radius: 6px;}
.slick-dots  {
    bottom: -40px !important;
}
.slick-dots li {
    margin: 0px !important;
}

.slick-dots li button::before {
    font-size: 10px !important;
}

:root {
    --animate-duration: 3s !important;
    /* --animate-delay: 0.9s; */
  }


  /* aurora css */
 :root {
    --bg: #000000;
    --clr-1: #00c2ff;
    --clr-2: #33ff8c;
    --clr-3: #ffc640;
    --clr-4: #e54cff;
  

    --blur: 1rem;
    --fs: clamp(3rem, 8vw, 7rem);
    --ls: clamp(-1.75px, -0.25vw, -3.5px);
}
*,
*::before,
*::after {
  font-family: inherit;
  box-sizing: border-box;
}

.aurora_container {

    text-align: center;
    position: relative; /* Important for absolute positioning of aurora */
    width:96px;
    height: 36px;
    border: 2px solid transparent; /* Placeholder for aurora border */
    border-radius: 10px;
    background: linear-gradient(var(--bg), var(--bg)) padding-box, /* Background */
              linear-gradient(135deg, var(--clr-1), var(--clr-2), var(--clr-3), var(--clr-4)) border-box; /* Aurora on border */

}

.aurora_title {
    font-size: 16px; /* Use defined variable for responsive font size */
    font-weight: 600;
    line-height: 21px; /* You can also use a responsive unit here */
    /* letter-spacing: var(--ls); */
    position: relative;
    z-index: 1; /* Keeps the text above the aurora effect */
    margin: 0;
    color: #ffffff; /* Initial text color */
    /* border: 3px solid  pink; */
    /* padding: 8px 14px;  */
    border-radius: 10px; /* Adjust as necessary */
    animation: textColorChange 5s infinite alternate; /* Color change animation */
    background-color: var(--bg);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
}
.aurora {
    position: absolute;
    top: 0;
    left: 0;
    width:96px;
    height: 36px;
    z-index: 2;
    mix-blend-mode: darken;
    pointer-events: none;
    /* overflow: hidden; */
  }
  
  .aurora__item {
    overflow: hidden;
    position: absolute;
    width:96px;
    height: 100%;
    background-color: var(--clr-1);
    border-radius: 37% 29% 27% 27% / 28% 25% 41% 37%;
    filter: blur(var(--blur));
    mix-blend-mode: overlay;
  }
  
  .aurora__item:nth-of-type(1) {
    /* top: -50%; */
    top:-100%;
    right:-100%;
    animation: aurora-border 6s ease-in-out infinite,
      aurora-1 12s ease-in-out infinite alternate;
  }
  
  .aurora__item:nth-of-type(2) {
    background-color: var(--clr-3);
    /* right: 0;
    top: 0; */
    right:100%;
    top: -100%;
    animation: aurora-border 6s ease-in-out infinite,
      aurora-2 12s ease-in-out infinite alternate;
  }
  
  .aurora__item:nth-of-type(3) {
    background-color: var(--clr-2);
    /* left: 0; */
    /* bottom: 0; */
    left:-100%;
    bottom: -100%;
    animation: aurora-border 6s ease-in-out infinite,
      aurora-3 8s ease-in-out infinite alternate;
  }
  
  .aurora__item:nth-of-type(4) {
    background-color: var(--clr-4);
    /* right: -50%; */
    /* bottom: -50%; */
    right:-100%;
    bottom: -100%;
    animation: aurora-border 6s ease-in-out infinite,
      aurora-4 24s ease-in-out infinite alternate;
  }
  
  @keyframes aurora-1 {
    0% {
      top: 0;
      right: 0;
    }
  
    50% {
      top: 100%;
      right: 75%;
    }
  
    75% {
      top: 100%;
      right: 25%;
    }
  
    100% {
      top: 0;
      right: 0;
    }
  }
  
  @keyframes aurora-2 {
    0% {
      top: -50%;
      left: 0%;
    }
  
    60% {
      top: 100%;
      left: 75%;
    }
  
    85% {
      top: 100%;
      left: 25%;
    }
  
    100% {
      top: -50%;
      left: 0%;
    }
  }
  
  @keyframes aurora-3 {
    0% {
      bottom: 0;
      left: 0;
    }
  
    40% {
      bottom: 100%;
      left: 75%;
    }
  
    65% {
      bottom: 40%;
      left: 50%;
    }
  
    100% {
      bottom: 0;
      left: 0;
    }
  }
  
  @keyframes aurora-4 {
    0% {
      bottom: -50%;
      right: 0;
    }
  
    50% {
      bottom: 0%;
      right: 40%;
    }
  
    90% {
      bottom: 50%;
      right: 25%;
    }
  
    100% {
      bottom: -50%;
      right: 0;
    }
  }
  
  @keyframes aurora-border {
    0% {
      border-radius: 37% 29% 27% 27% / 28% 25% 41% 37%;
    }
  
    25% {
      border-radius: 47% 29% 39% 49% / 61% 19% 66% 26%;
    }
  
    50% {
      border-radius: 57% 23% 47% 72% / 63% 17% 66% 33%;
    }
  
    75% {
      border-radius: 28% 49% 29% 100% / 93% 20% 64% 25%;
    }
  
    100% {
      border-radius: 37% 29% 27% 27% / 28% 25% 41% 37%;
    }
  }