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

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
    7. Radio and Checkbox
	8. 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; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box;}

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; }
 
.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:#9a9a9a; font-size:17px; font-family: 'Raleway', sans-serif; font-weight:500; letter-spacing: 0.02em; background: #121119;}

h1, h2, h3, h4, h5, h6{ margin-bottom:15px; line-height: 1.2; color: #fff;}
h1{ font-size:40px; font-weight:700;}
h2{ font-size:34px; font-weight:600;}
h3{ font-size:28px; font-weight:600;}
h4{ font-size:26px; font-weight:600;}
h5{ font-size:22px; font-weight:500;}
h6{ font-size:18px; font-weight:500;}

p{ color:#9a9a9a; font-size:14px; font-weight: 500; line-height:1.7; margin-bottom: 30px;}

ul{ margin:20px 0; padding:0;}
ul li{ font-size:14px;  color:#9a9a9a; padding:0 0 10px 20px; list-style: none; line-height: 1.7; position: relative;}
ul li::before{ content: ""; font-family: 'Raleway', sans-serif; font-size: 8px; position: absolute; left: 0; top: 8px; background: #9a9a9a; width: 4px; height: 4px; border-radius: 50%;}

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:14px;  color:#9a9a9a; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

blockquote{display:block; text-align:left; margin-bottom:30px; position:relative; background: none; padding: 10px 0 10px 15px;}
blockquote::before{content: ""; width: 3px; height: 100%; background: #f27125; position: absolute; top: 0; left: 0;}
blockquote p{ font-style: normal; font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 0; line-height: 1.5;}
strong{font-weight: 600;}

picture img{ width: auto; height: auto;}

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;}

.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:#f27125; text-decoration: none; transition: 0.2s all;}
a:hover{ color: #fff;}

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"],
input[type="number"],
textarea { border:1px solid #94bddd; padding:15px 15px; color:#838687; font-size:18px; font-weight: 400; font-family: 'Raleway', sans-serif; border-radius: 0; width: 100%; }
textarea{ border:1px solid #94bddd; padding: 10px 15px; color:#666666; font-size:18px; height:135px; 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:#999999; border:none; height:40px;  display:block; font-size:16px; font-family: 'Raleway', 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"]{ border:1px solid #e6e6e6; padding:0 20px; color:#989898; font-size:13px; height: 45px; border-radius: 3px;}
textarea{ border:1px solid #dedede; padding:5px 15px; color:#989898; font-size:12px; height:60px; resize:none;  font-family: 'Raleway', sans-serif; line-height:16px;}
::-webkit-input-placeholder { opacity: 1 !important; color: #989898; }
:-moz-placeholder { opacity: 1 !important; color: #989898; }
::-moz-placeholder { opacity: 1 !important; color: #989898; }
:-ms-input-placeholder { opacity: 1 !important; color: #989898; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

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: 45px;
	width: 100%;
    display: block; 
	color: #999999 !important; 
	font-size: 13px;
	padding: 5px 20px;
	border-radius: 3px;
	text-shadow:0 !important;
    border:1px solid #2e2d35;
    background-color: #121119;
    background-image: url("../images/select-arrow-gray.svg");
    background-position: right 10px center;
    background-size: 10px auto;
    background-repeat: no-repeat;
	cursor: pointer;
}
select:disabled { background-color: #eeeeee;}

/* 6. Tables
------------------------------------------------------------------------------*/
table{border-spacing: 0; border-collapse: collapse;}
td{text-align: left; font-weight: normal;}

/* 7. Radio and Checkbox
------------------------------------------------------------------------------*/
.custom-style{display: inline-flex; align-items: center; margin-bottom: 20px; position: relative; }
.custom-style input{margin: 0 auto; position: relative; left: 5px; opacity: 0;}
.custom-style span{font-size: 15px; font-weight: 600; color: #1d1d1d; margin-left: 20px; cursor: pointer;}
.answers-block .custom-input-style:last-child .custom-style{margin-bottom: 0;}
.answers-block .custom-input-block:last-child .custom-style{margin-bottom: 0;}

/* radiobox */
.radio-style{width: 24px; height: 24px; background-color: #e8e9eb; border-radius: 50%; cursor: pointer; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.radio-style:after{content: "r"; font-family: 'whizlabs'; position: absolute; left: 50%; top: 50%; font-size: 10px; font-weight: 400; color: #fff; transform: translate(-50%, -50%); display: none;}
.custom-style input:checked ~ .radio-style{background-color: #f27125;}
.custom-style input:checked ~ .radio-style:after{display: block;}

/* checkbox */
.checkbox-style{width: 22px; height: 22px; background-color: #e8e9eb; border-radius: 3px; cursor: pointer; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.checkbox-style:after{content: "r"; font-family: 'whizlabs'; position: absolute; left: 50%; top: 50%; font-size: 12px; color: #fff; transform: translate(-50%, -50%); display: none;}
.custom-style input:checked ~ .checkbox-style{background-color: #f27125;}
.custom-style input:checked ~ .checkbox-style:after{display: block;}

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

.hamburger{display: none;}
.mobile-nav{display: none;}
.scroll-disabled body{height: 100vh; overflow: hidden;}

/* header */
header{width: 100%; background: #121119; height: 80px; position: fixed; z-index: 999; top: 0; transition: 0.2s all;}
.sticky{height: 65px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
header .container{max-width:  100%; height: 100%; display: flex; justify-content: space-between;}
header .header-left{display: inline-flex; align-items: center; margin: 0;}
header .header-left .logo{width: 200px; margin-right: 35px;}
header .header-left .logo img{width: 100%; height: auto; display: block;}
header .header-left .btn-courses{margin-right: 35px; color: #fff; font-size: 14px; font-weight: 700; padding:10px 15px 10px 0; position: relative;}
header .header-left .btn-courses::after{content: "h"; font-family: "whizlabs"; font-size: 8px; position: absolute; right: 0; top: 50%; margin-top: -3px; color: #f2f2f2; font-weight: 300; /*transition: 0.2s all;*/}
header .header-left .btn-courses:hover, header .header-left .btn-courses:hover::after{color: #f27125;}
header .header-left .btn-courses.active, header .header-left .btn-courses.active::after{ color: #e15f12;}
header .header-left .btn-courses.active::after{transform: rotate(-180deg);}

header .header-left .searchbox{width: 400px; background: #1e1d25; border-radius: 3px; display: flex; align-items: center; position: relative;}
header .header-left .searchbox input{background: #1e1d25; width: 100%; border: none; border-radius: 3px; font-size: 14px; font-weight: 400; color: #fff; padding: 0 10px 0 20px;}
header .header-left .searchbox button{max-width: 20px; width: 100%; height: 20px; background: none; border: none; padding: 0; cursor: pointer; position: relative; margin-right: 20px; color: #f27125; font-size: 18px;}
header .header-left .searchbox button:hover{color: #cccccc; transition: 0.3s all;}

/* search result */
.search-result{position: absolute; max-width: 400px; width: 100%; height: auto; background: #1e1d25; top: 50px; left: 0; transition: 0.2s all; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); border-radius: 3px; display: none;}
.search-result-open{display: block;}
.search-result .search-result-box{margin: 0;}
.search-result .search-result-box li{border-bottom: 1px solid #282730; padding: 0; font-size: 12px; font-weight: 500; color: #fff;}
.search-result .search-result-box li:last-child{border: 0;}
.search-result .search-result-box li::before{ display: none;}
.search-result .search-result-box li a{cursor: pointer; padding: 15px 20px; display: block; color: #fff;}
.search-result .search-result-box li a:hover{color: #9a9a9a; background: #121119;}

/* header user login dropdown */
header .user-login{background-color: #1e1d25; border-radius: 3px; margin-right: 0; position: relative;}
header .user-login .user-login-box{display: inline-flex; align-items: center; padding: 5px 15px;}
header .user-login .user-image{margin-right: 15px; width: 30px; height: 30px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 50%;}
header .user-login .user-image img{width: 100%; height: auto; display: block;}
header .user-login .user-login-box p{margin: 0; color: #cccccc; font-weight: 600; padding-right:15px; transition: 0.3s all; position: relative;}
header .user-login .user-login-box:hover p,
header .user-login .user-login-box:hover p::after{color: #fff;}
header .user-login .user-login-box p::after{content: "h"; font-family: "whizlabs"; font-size: 8px; position: absolute; right: 0; top: 50%; margin-top: -5px; color: #cccccc; font-weight: 300;}

header .user-login.active .user-login-box p::after{transform: rotate(180deg);}

header .user-login > .count{width: 14px; height: 14px; background: #f27125; border-radius: 50%; font-size: 11px; font-weight: 500; color: #fff; line-height: 14px; text-align: center; position: absolute; left: 6px; bottom: 5px;} 

header .user-login .user-login-dropdown .count{width: 14px; height: 14px; background: #f27125; border-radius: 50%; font-size: 11px; font-weight: 500; color: #fff; line-height: 14px; display: inherit; margin: 0 0 0 10px; padding: 0 3px;}
header .user-login .user-login-dropdown{width: 100%; position: absolute; background: #1e1d25; top: 61px; left: 0; display: inline-block; padding: 15px; visibility: hidden; opacity: 0; transition: 0.2s all;}
header .user-login .user-login-dropdown.open{visibility: visible; opacity: 1;}
header .user-login .user-login-dropdown::before{ content: ""; width: 100%; height: 3px; display: block; position: absolute; top: 0; left: 0; 
background: rgb(242,113,37);
background: -moz-linear-gradient(-45deg, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(135deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}

header .user-login .user-login-dropdown li{padding-bottom: 10px; margin-right: 0;}
header .user-login .user-login-dropdown li:last-child{padding-bottom: 0;}

header.sticky .user-login .user-login-dropdown{top: 53px;}
header .user-login .user-login-dropdown li a{width: 100%; display: flex; align-items: center;}

header .header-right{display: inline-flex; align-items: center; margin: 0;}
header .trial-btn{background: #f27125; padding: 12px 30px; border-radius: 3px; font-size: 14px; font-weight: 600; color: #fff; text-decoration: none; transition: 0.2s all;}
header .trial-btn:hover{background: #e15f12;}

/* nav */
nav ul{display: flex; margin: 0; align-items: center;}
nav ul li{padding: 0; margin-right: 15px; font-weight: 500;}
nav ul li a{color: #cccccc;}
nav ul li::before{display: none;}

/* hamburger nav icon */
header .hamburger{width: 30px; height: 30px; position: relative; margin: 0; display: none;}
header .hamburger::before{content: ''; width: 26px; height: 2px; position: absolute; background: #fff; border-radius: 4px; top: 9px; right: 0; transition: transform .3s ease-out}
header .hamburger::after{content: ''; width: 26px; height: 2px; position: absolute; background: #fff; border-radius: 4px; top: 20px; right: 0; transition: transform .3s ease-out}
header .hamburger.active::before{transform: translateY(3px) rotate(135deg); right: 0; top:11px;}
header .hamburger.active::after{transform: translateY(-3px) rotate(45deg); right: 0; top:17px;}

/* dropdown nav */
.dropdown-box{max-width: 950px; width: 100%; height: auto; display: flex; position: absolute; background: #121119; top: 80px; left: 240px; visibility: hidden; opacity: 0; transition: 0.2s all; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
.dropdown-box::before{ content: ""; width: 100%; height: 3px; display: block; position: absolute; top: 0; left: 0; 
background: rgb(242,113,37);
background: -moz-linear-gradient(-45deg, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(135deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}
.sticky .dropdown-box{ top:65px;}
.dropdown-box.open{visibility: visible; opacity: 1; transition: 0.2s all;}
.dropdown-box .dropdown-menu{margin: 0; padding: 30px 0 20px; max-width: 250px; width: 100%; background: #1e1d25;}
.dropdown-box .dropdown-menu li{margin: 0; padding: 0;}
.dropdown-box .dropdown-menu li::before{ display: none;}

.new-label a{position: relative;}
.new-label a::after{content: "New"; position: absolute; background: #e66c25; max-width: 32px; width: 100%; height: 16px; font-size: 10px; font-weight: 400; color: #fff; border-radius: 3px; text-align: center; margin:0 0 0 10px; bottom: 7px;}

.submenu .new-label a::after{content: "New"; display: inline-flex; justify-content: center; align-items: center; bottom: 1px; right: auto;}

.dropdown-box .dropdown-menu li.title{font-size: 14px; text-transform: uppercase; font-weight: 700; color: #fff; padding-bottom: 15px; margin-bottom: 15px; margin-left: 25px; line-height: 1.2;} 
.dropdown-box .dropdown-menu li.title::after{content: ""; width: 170px; height: 1px; background: #323238; position: absolute; bottom: 0; left: 0;}
.dropdown-box .dropdown-menu li a{color: #cccccc; font-size: 15px; padding: 3px 25px;  font-weight: 700; display: block;}
.dropdown-box .dropdown-menu li a:hover{color: #fff; background: #121119;}

.dropdown-box .submenu{ max-width: 700px; width: 100%; padding: 30px 30px 30px 0;}
.dropdown-box .submenu .box{ display: block;}
.dropdown-box .submenu .box .block{display: inline-block; max-width: 265px; width: 100%; margin-left: 30px; vertical-align: top;}
.dropdown-box .submenu .box .block .title{font-size: 14px; text-transform: uppercase; font-weight: 700; color: #fff; padding-bottom: 15px; margin-bottom: 15px; position: relative;}
.dropdown-box .submenu .box .block .title::after{content: ""; width: 140px; height: 1px; background: #1e1d25; position: absolute; bottom: 0; left: 0;}
.dropdown-box .submenu .box .block ul{ margin: 0; padding: 0;}
.dropdown-box .submenu .box .block ul li{margin-bottom: 12px; padding: 0; font-size: 12px; line-height: 1.3; color: #fff; font-weight: 400; display: flex; align-items: center;}
.dropdown-box .submenu .box .block ul li::before{display: none;}
.dropdown-box .submenu .box .block ul li:last-child{margin-bottom: 0;}
.dropdown-box .submenu .box .block ul li a{margin: 0; padding: 0; font-size: 14px; color: #fff; font-weight: 400;}
.dropdown-box .submenu .box .block ul li a:hover{color: #f27125;}

/* mobile nav */
.mobile-nav{width: 100%; height: calc(100vh - 60px); overflow-x: scroll; background: rgba(0,0,0,0.8); position: fixed; top: 60px; left: 0; right: 0; bottom: 0; z-index: 999; display: none; visibility: hidden; opacity: 0; transition: 0.3s all; }
.mobile-nav.nav-open {visibility: visible; opacity: 1;}
.mobile-nav .container{height: auto; background: #1e1d25; padding: 0; display: block;}

.mobile-nav .second-nav{margin: 0; padding:0; width: 100%; background: #121119;}
.mobile-nav .second-nav ul{ margin: 0; padding: 0; border-top: 1px solid #1e1d25;}
.mobile-nav .second-nav ul li{padding: 0; margin: 0; border-bottom: 1px solid #1e1d25; font-size: 15px; font-weight: 800;}
.mobile-nav .second-nav ul li a{ color: #cccccc; padding: 20px 20px; display: block;}
.mobile-nav .second-nav ul li a:hover{ color: #fff;}
.mobile-nav .second-nav ul li::before{ display: none;}

/* mobile nav user login dropdown */
.mobile-nav .second-nav ul .mobile-nav-user-login {display: inline-flex; align-items: center; width: 100%; padding: 20px;}
.mobile-nav .second-nav ul .mobile-nav-user-login .mobile-nav-user-image{width: 30px; height: 30px; margin: 0 15px 0 0; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 50%;}
.mobile-nav .second-nav ul .mobile-nav-user-login .mobile-nav-user-image img{width: 100%; height: auto; display: block;}
.mobile-nav .second-nav ul .mobile-nav-user-login p{margin: 0; font-size: 15px; font-weight: 800; color: #cccccc;}

.mobile-nav .btn-trial-mobile{background: #f27125; padding: 12px 30px; border-radius: 3px; font-size: 15px; font-weight: 600; color: #fff; text-decoration: none; transition: 0.2s all; display: block; text-align: center; margin: 20px 20px 0 20px;}

.mobile-nav .course-nav{margin: 0; padding:0; width: 100%;}
.mobile-nav .course-nav .title{ display: block; text-transform: uppercase; padding: 8px 20px; font-size: 14px; font-weight: 700; background: #292830;}
.mobile-nav .course-nav ul{ margin: 0; padding: 0;}
.mobile-nav .course-nav ul li{padding: 0; margin: 0; border-bottom: 1px solid #2d2b34; font-size: 15px; font-weight: 700;}
.mobile-nav .course-nav ul li a{ color: #cccccc; padding: 20px 20px; display: block;}
.mobile-nav .course-nav ul li a:hover{ color: #fff;}
.mobile-nav .course-nav ul li::before{ display: none;}
.mobile-nav .course-nav ul li em{ display:block; float:right; position:absolute; cursor:pointer; right:0; top:0; width:60px; height:65px; font-style:normal;}
.mobile-nav .course-nav ul li em:before{content:"h"; font-family: "whizlabs" !important; line-height: 1; position:absolute; top:28px; right:25px; font-size: 10px; width:10px; height:10px; display:block; }
.mobile-nav .course-nav ul li.active em:before{transform: rotate(180deg);}

.mobile-nav .course-nav ul li ul{ background: #27262E; padding: 10px 0; display: none;}
.mobile-nav .course-nav ul li ul li{ border-bottom: none; font-size: 13px; font-weight: 500; line-height: 1.2;}
.mobile-nav .course-nav ul li ul li a{ padding: 8px 20px;}

/* footer */
footer{width: 100%;}
footer .top-footer .container{display: flex; justify-content: space-between;}
footer .top-footer{padding: 80px 0;} 
footer .top-footer .left-block{display: flex; flex-direction: column; justify-content: space-between; margin: 0;}
footer .top-footer .left-block .footer-icon{max-width: 150px; width: 100%; margin: 0}
footer .top-footer .left-block .footer-icon img{width: 100%; height: auto; display: block;}
footer .left-block span{font-size: 12px; font-weight: 400; color: #585f70; margin: 0;}
footer .right-block{max-width: 65%; width: 100%; display: flex; justify-content: space-between; margin: 0;}
footer .right-block .title{font-size: 13px; font-weight: 600; color: #585f70; margin-bottom: 30px;}
footer .right-block .block{max-width: 180px; width: 100%; margin: 0 20px 0 0;}
footer .right-block .block ul{margin: 0;}
footer .right-block .block ul li{padding: 0; margin-bottom: 10px; font-size: 13px;font-weight: 400;}
footer .right-block .block ul li:last-child{margin-bottom: 0;}
footer .right-block .block ul li::before{display: none;}
footer .right-block .block ul li a{text-decoration: none; font-size: 13px;font-weight: 400; color: #fff;}
footer .right-block .block ul li a:hover{color: #f27125;}
footer .right-block .social-block{margin: 0;}
footer .right-block .social-block .social-icon{display: flex;}
footer .right-block .social-block .social-icon a{font-size: 22px; text-decoration: none; margin-right: 20px; display: inline-block; color: #fff; font-weight: 300;}
footer .right-block .social-block .social-icon a:last-child{margin-right: 0;}
footer .right-block .social-block .social-icon a:hover{color: #f27125; transition: 0.3s all;}
footer .bottom-footer{width: 100%; position: relative; border-top: 1px solid #2c2e3a;}
footer .bottom-footer .title{font-size: 16px; font-weight: 500; color:  #585f70; margin-bottom: 10px;}
footer .bottom-footer{padding: 30px 0; }
footer .bottom-footer p{font-size: 12px; font-weight: 400; color: #585f70; margin-bottom: 20px;}
footer .bottom-footer p:last-child{margin-bottom: 0;}

/* all messages css */
.error-message-block{width: 100%; position: fixed; top: 80px; left: 0; transition: 0.3s ease-in-out; z-index: 999;}
.error-message-block.sticky-msg{top: 65px;}

.error-message-block .error-msg{width: 100%; font-size: 14px; color: #1b1e21; text-align: center; background-color: #d6d8d9; padding: 8px 15px;}

.error-message-block .error-msg.success{background-color: #d4edda; color: #155724;}
.error-message-block .error-msg.warning{background-color: #f8d7da; color: #721c24;}
.error-message-block .error-msg.info{background-color: #fff3cd; color: #856404;}

.error-msg.success{color: #155724; text-align: center;  margin-bottom: 15px;}
.error-msg.warning{color: #721c24; text-align: center; margin-bottom: 15px;}
.error-msg.info{color: #856404; text-align: center; margin-bottom: 15px;}

.error-blk input{border: 1px solid #c3232b !important;}
.error-blk .error-msg{font-size: 13px; font-weight: 400; color: #c3232b; margin-top: 3px; display: block;}

/*--------- home page ------------*/
/* banner */
.banner{position: relative; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; width: 100%; height: 570px;}
.banner .overlay{width: 100%; height: 100%; background: rgba(38,36,35,0.8); position: absolute}
.banner .container{height: 100%; position: relative;}
.banner .banner-caption{width: 100%; height: 100%; margin: 0;  display: inline-flex; justify-content: space-between; align-items: center;}
.banner .banner-caption .title{max-width: 700px; width: 100%; font-size: 45px; font-weight: 700; line-height: 1.3; color: #fefefe; margin: 0;}
.banner .banner-caption figure.img-block{margin: 0; max-width: 430px; width: 100%; height: 230px;}
.banner .banner-caption figure img{display: block; width: 100%; height: auto;} 

/* diwali banner */
.banner .banner-caption .diwali-txt{max-width: 480px; width: 100%; margin: 0;}
.banner .banner-caption .celebrate-txt{display: flex; justify-content: center; align-items: center;}
.banner .banner-caption .celebrate-txt figure{max-width: 132px; width: 100%; margin: 0;}
.banner .banner-caption .celebrate-txt figure img{width: 100%; height: auto; display: block;}
.banner .banner-caption .celebrate-txt span{font-size: 24px; font-weight: 700; color: #fefefe; text-transform: uppercase; margin: 0; padding: 0 7px;}
.banner .banner-caption .diwali-txt h1{font-size: 140px; font-family: 'Perpetua'; font-weight: 400; line-height: 0.8; margin-bottom: 13px; display: inline-block;
background: -moz-linear-gradient(left, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(left, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(to right, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );
-webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative;}
.banner .banner-caption .diwali-txt h1:after{content: ""; width: 58px; height: 102px; background: url('../images/fireworks-03.png') no-repeat center; background-size: cover; position: absolute; bottom: 5px; right: -28px;}
.banner .banner-caption .diwali-txt .firework-img{max-width: 58px; width: 100%;}
.banner .banner-caption .diwali-txt .firework-img img{width: 100%; height: auto; display: block;}

.banner .banner-caption .code-caption{width: 100%; text-align: center;}
.banner .banner-caption .code-caption p{font-size: 16px; font-weight: 400; color: #fefefe; margin-bottom: 5px;}
.banner .banner-caption .coupen{font-family: 'muli'; color: #f26e26; padding: 3px 5px; border: 1px dashed #f26e26; margin: 0 5px;}
.banner .banner-caption .code-caption small{font-family: 'muli'; font-size: 12px; font-weight: 400; color: #acacac;}

/* christmas banner */
.banner.christmas-banner{ position: relative; }
.banner.christmas-banner:before{ position: absolute; content: ''; left: 0; bottom: 0; width: 450px; height: 95px; background: url('../images/snow-trees.svg') no-repeat center; background-size: cover; }
.banner.christmas-banner:after{ position: absolute; content: ''; right: 0; bottom: 0; width: 300px; height: 98px; background: url('../images/snow-trees2.svg') no-repeat center; background-size: cover; }
.banner .banner-caption .christmas-txt {max-width: 430px; width: 100%; margin: 0; }
.banner .banner-caption .christmas-txt-img{ margin-bottom: 20px; }
.banner .banner-caption .christmas-txt-img figure{max-width: 346px; width: 100%; margin: 0 auto;}
.banner .banner-caption .christmas-txt-img figure img{width: 100%; height: auto; display: block;}
.banner .banner-caption .christmas-txt .code-caption p{font-family: 'muli'; font-size: 16px; font-weight: 400; color: #fefefe; margin-bottom: 5px;}
.banner .banner-caption .christmas-txt .coupen{font-family: 'muli'; text-transform: uppercase; color: #fff; background-color: #d31e1e; border: none; padding: 3px 10px; margin: 0 5px;}
.banner .banner-caption .christmas-txt .code-caption small{font-family: 'muli'; font-size: 12px; font-weight: 400; color: #acacac;}

/* blackfriday banner */
.banner.blackfriday-banner{ position: relative; }
.banner .banner-caption .blackfriday-txt { display: flex; max-width: 660px; width: 100%; height: 100%; margin: 0; }
.banner .banner-caption .blackfriday-txt-img{ margin: 0; }
.banner .banner-caption .blackfriday-txt-img figure{max-width: 270px; width: 100%; margin: 0;}
.banner .banner-caption .blackfriday-txt-img figure img{width: 100%; height: auto; display: block;}
.banner.blackfriday-banner .text-block{ max-width: 380px; width: 100%; display: flex; flex-direction: column; justify-content: center; }
.banner.blackfriday-banner .banner-caption .code-caption{ width: 100%; text-align: left; margin-bottom: 50px; }
.banner .banner-caption .blackfriday-txt .code-caption p{font-family: 'muli'; font-size: 24px; font-weight: 400; color: #fefefe; margin-bottom: 15px;}
.banner.blackfriday-banner .banner-caption .code-caption .line{ border-bottom: 2px solid #fff; }
.banner .banner-caption .blackfriday-txt .coupen{font-family: 'ITCAvantGardeStd-Bold'; text-transform: uppercase; color: #ff6c00; background-color: #fff; border: none; padding: 3px 10px; margin: 0 5px;}
.banner .banner-caption .blackfriday-txt .code-caption small{font-family: 'muli'; font-size: 12px; font-weight: 400; color: #cecece;}

/* sticky-blackfriday banner */
.festival-banner.black-friday {position: fixed; width: 100%; height: 150px; bottom: 0;  padding: 20px 0; background-color: #EA3931; z-index: 999;}
.festival-banner.black-friday .container {display: flex; align-items: center; justify-content: center; }
.festival-banner.black-friday .offer-text {max-width: 405px; width: 100%; color: #fff; margin: 0; }
.festival-banner.black-friday .offer-text .offer {margin: 0 0 5px; color: #fff; font-size: 32px; font-weight: 600; line-height: 40px; }
.festival-banner.black-friday .offer-text .offer .code {display: inline-block; border: 2px dashed #121119; color: #121119; font-size: 24px; font-weight: 700; line-height: 26px; padding: 0 3px; text-transform: uppercase; }
.festival-banner.black-friday .offer-text .valid {font-size: 16px; color: #FFC3C1; font-weight: 300; line-height: 26px; }

.festival-banner.black-friday .sale-img {margin: 0 0 0 125px; }
.festival-banner.black-friday .sale-img figure{max-width: 608px; width: 100%; }
.festival-banner.black-friday .btn-close {position: absolute; display: block; color: #000; background: #fff; font-size: 25px; top: 15px; right: 10px; padding: 0; border-radius: 50%; cursor: pointer; }
.festival-banner.black-friday .icon-incorrect:before {content: "\75"; display: block; }


/* timer-flipper */
.timer-block {margin: 0; }
.timer-block > span{ font-family: 'muli'; font-size: 12px; font-weight: 600; color: #fff; margin-bottom: 10px; display: block;}
.flipper {color: #fff; display: block; font-size: 35px !important; line-height: 100%; padding: 0; margin: 0; height: 65px; }
.flipper.flipper-invisible {font-size: 0px !important; }

.flipper-group {position: relative; white-space: nowrap; display: block; float: left; padding: 0; margin: 0 0 0 18px; border-radius: 5px; }
.flipper .flipper-group:nth-child(1){ margin-left: 0; }
.flipper-group .flipper-digit:nth-child(4){  border-radius: 0 5px 5px 0; }
.flipper-group .flipper-digit:nth-child(2){  border-radius: 5px 0 0 5px; }
.flipper-group label {position: absolute; color: #fff; font-size: 12px; font-family: 'muli'; top: 100%; line-height: 1em; left: 0; text-align: center; padding-top: .5em; }

.flipper-digit {white-space: nowrap; position: relative; width: 29px; padding: 0; margin: 0; font-family: 'Impact'; display: inline-block; float: left; height: 65px; overflow-y: hidden; }
.flipper-digit span {font-size: 25%; }

.flipper-delimiter {white-space: nowrap; display: block; float: left; padding: 0; margin: 0; color: #fff; width: 2px; white-space: nowrap; display: block; padding-top: 0.1em; padding-bottom: 0.1em; line-height: 1em; }

.digit-face {display: block; visibility: hidden; position: relative; border-radius: 0.1em; top: 0; left: 0; right: 0; bottom: 0; z-index: 8; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 0.1em; padding-right: 0.1em; box-sizing: border-box; text-align: center; }

.digit-next {display: block; position: relative; border-radius: 0; top: 0; left: 0; right: 0; bottom: 0; z-index: 8; height: 34px; background-image: linear-gradient(to top, #bd3d00, #cd490b, #de5516, #ee6220, #ff6e29); padding-top: 14px; padding-bottom: 0.1em; padding-left: 0.1em; padding-right: 0.1em; box-sizing: border-box; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.digit-top {z-index: 10; top: 0; left: 0; right: 0; height: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; overflow: hidden; position: absolute; background-image: linear-gradient(to top, #bd3d00, #cd490b, #de5516, #ee6220, #ff6e29); padding-top: 14px; padding-bottom: 0; padding-left: 0.1em; padding-right: 0.1em; border-top-left-radius: 0.1em; border-top-right-radius: 0.1em; box-sizing: border-box; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: background 0s linear, -webkit-transform 0s linear; transition: transform 0s linear, background 0s linear; transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear; -webkit-transform-origin: 0 0.6em 0 !important; transform-origin: 0 0.6em 0 !important; -webkit-transform-style: preserve-3d !important; transform-style: preserve-3d !important; z-index: 20; }
.digit-top.r {transition: background 0.2s linear, -webkit-transform 0.2s linear; transition: transform 0.2s linear, background 0.2s linear; transition: transform 0.2s linear, background 0.2s linear, -webkit-transform 0.2s linear; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); background-image: linear-gradient(to top, #bd3d00, #cd490b, #de5516, #ee6220, #ff6e29); }

.digit-top2 {visibility: hidden; position: absolute; height: 50%; left: 0; right: 0; background-image: linear-gradient(to top, #bd3d00, #cd490b, #de5516, #ee6220, #ff6e29); transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; line-height: 0em !important; top: 50% !important; bottom: auto !important; padding-top: 0; padding-bottom: 0.1em; padding-left: 0.1em; padding-right: 0.1em; border-bottom-left-radius: 0.1em; border-bottom-right-radius: 0.1em; overflow: hidden; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: background 0s linear, -webkit-transform 0s linear; transition: transform 0s linear, background 0s linear; transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-style: preserve-3d !important; transform-style: preserve-3d !important; -webkit-transform-origin: 0 0 0 !important; transform-origin: 0 0 0 !important; z-index: 20; }
.digit-top2.r {visibility: visible; transition: background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s; transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s; transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); background-image: linear-gradient(to top, #bd3d00, #cd490b, #de5516, #ee6220, #ff6e29); }

.digit-bottom {-webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; position: absolute; overflow: hidden; background-image: linear-gradient(to top, #bd3d00, #cd490b, #de5516, #ee6220, #ff6e29); height: 50%; left: 0; right: 0; bottom: 0; z-index: 9; line-height: 0em; padding-top: 0; padding-bottom: 0.1em; padding-left: 0.1em; padding-right: 0.1em; border-bottom-left-radius: 0.1em; border-bottom-right-radius: 0.1em; box-sizing: border-box; text-align: center; transition: none; }
.digit-bottom.r {transition: background 0.2s linear; background-image: linear-gradient(to top, #bd3d00, #cd490b, #de5516, #ee6220, #ff6e29); }

.flipper-digit:after {content: ""; position: absolute; height: 1px; background: #443e3d; top: 50%; display: block; z-index: 30; left: 0; right: 0; }

.flipper-dark {color: #fff; }
.flipper-dark .flipper-delimiter {color: #333; }
.flipper-dark .digit-next {background: #333; }
.flipper-dark .digit-top {background: #333; }
.flipper-dark .digit-top.r {background: black; }
.flipper-dark .digit-top2 {background: black; }
.flipper-dark .digit-top2.r {background: #333; }
.flipper-dark .digit-bottom {background: #333; }

.flipper-dark-labels .flipper-group label {color: #333; }


/* inner banner */
.inner-banner{width: 100%; height: 180px; background: #000; position: relative; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; transition: 0.3s ease;}
.inner-banner .overlay{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute;}
.inner-banner .container{height: 100%; display: flex; justify-content: center; align-items: center; position: relative;}
.inner-banner h1{margin: 0;}
.inner-banner .banner-caption{max-width: 780px; width: 100%; margin: 0;}
.inner-banner .banner-caption h1{font-size: 35px; font-weight: 500; line-height: 1.1; color: #fff; margin-bottom: 10px;}
.inner-banner .banner-caption p{max-width: 650px; width: 100%; margin: 0; font-size: 17px; color: #cecdcd; font-weight: 400;}

/* curve banner */
.curve-banner{background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; width: 100%; padding: 100px 0; position: relative;}
.curve-banner .container{height: 100%; display: flex; align-items: center; flex-wrap: wrap;}
.curve-banner .title{max-width: 780px; width: 100%; text-align: center;  margin: 0 auto 90px;}
.curve-banner .title h1{font-size: 70px; font-weight: 700; line-height: 1.2; color: #fff; margin-bottom: 25px;}
.curve-banner .title span{font-size: 25px; font-weight: 500; color: #fff;}
.curve-banner .sign_in_up-block{max-width: 1060px; width: 100%; padding: 0 15px; display: inline-flex; justify-content: space-between;}
.curve-banner .sign_in_up-block .box{max-width: 475px; width: 100%; background: #fff; border-radius: 5px; padding: 45px; text-align: center; margin: 0;}
.curve-banner .sign_in_up-block .box .title{font-size: 32px; font-weight: 700; color: #121119; margin-bottom: 20px;}
.curve-banner .sign_in_up-block .box p{font-size: 14px; color: #121119; text-align: center; margin-bottom: 20px;}
.curve-banner .sign_in_up-block .box .amazon-modal-link{font-size: 15px; display: inline-block; margin-top: 10px;}
.curve-banner .sign_in_up-block .box .amazon-modal-link:hover{color: #1e1d25;}
.curve-banner .banner-shape{width: 100%; position: absolute; bottom: 0; left: 0;}
.curve-banner .banner-shape img{width: 100%; height: auto; display: block;}

/* courses block */
.courses-block{width: 100%; padding: 80px 0;}
.courses-block .container{text-align: center;}
.courses-block .caption{max-width: 65%; width: 100%; margin:0 auto 60px; text-align: center;}
.courses-block .caption h2{font-size: 34px; font-weight: 700; margin-bottom: 30px;}
.courses-block .caption p{font-size: 16px; color: #999999; font-weight: 300; margin: 0;}
.courses-block .all-block{display: flex; justify-content: center; flex-wrap: wrap; text-align: left; margin-bottom: 60px;}
.courses-block .all-block .block{max-width: 385px; width: 100%; background: #1e1d25; margin: 0 20px 20px 0; border-radius: 3px; padding: 25px;}
.courses-block .all-block .block:nth-child(3n-3){margin-right: 0;}
.courses-block .all-block .block:nth-last-child(-n+3){margin-bottom: 0;}
.courses-block .all-block .block figure{max-width: 65px; width: 100%; display: inline-block; margin-bottom: 20px;}
.courses-block .all-block .block figure img{width: 100%; height: auto; display: block;}
.courses-block .all-block .block .title{font-size: 20px; font-weight: 700; margin-bottom: 10px; color: #fff;}
.courses-block .all-block .block p{font-size: 12px; font-weight: 600; margin-bottom: 0;}
.courses-block .btn-browse-more{color: #fff; text-decoration: none; display: inline-block; padding: 20px 70px; border-radius: 3px; font-size: 14px; font-weight: 600; background: rgb(242,113,37);
background: -moz-linear-gradient(left, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(left, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(to right, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}
.courses-block .btn-browse-more:hover{color: #121119; transition: 0.3s all;}

/* certification block */
.certification-block{height: 740px; padding: 80px 0; position: relative; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;} 
.certification-block .overlay{width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0;}
.certification-block .container{position: relative; height: 100%; display: flex; justify-content: space-between; flex-direction: column;}
.certification-block h3{font-size: 55px; font-weight: 700; max-width: 550px; width: 100%; margin: 0; display: inline-block;}
.certification-block .group-block{width: 100%; display: flex; justify-content: flex-start;}
.certification-block .group-block .block{max-width: 400px; width: 100%; background: #f27125; margin: 0 1px 0 0; padding: 20px 30px 30px;}
.certification-block .group-block .block:last-child{margin-right: 0;}
.certification-block .group-block .block span{font-size: 60px; font-weight: 400; font-family: 'BodoniXT'; color: #fff;}
.certification-block .group-block .block .title{color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.certification-block .group-block .block p{color: #fff; font-weight: 500; font-size: 14px; margin-bottom: 0; line-height: 1.5;}
.mobile-certification-block{display: none;}

/* company section block */
.company-section{background: #fff; width: 100%; padding: 80px 0;}
.company-section .container{display: flex; justify-content: space-between; align-items: center; height: 100%;}
.company-section .content-block{max-width: 600px; width: 100%; display: flex; flex-direction: column; justify-content: center; margin: 0;}
.company-section .content-block h4{font-size: 25px; font-weight: 700; color: #313546; margin-bottom: 30px; position: relative; padding-top: 35px; line-height: 1.5;}
.company-section .content-block h4::before{content: ""; width: 55px; height: 5px; background: #f27125; position: absolute; top: 0; left: 0;}
.company-section .content-block p{margin-bottom: 20px;}
.company-section .content-block picture{ max-width: 600px; width: 100%; display: block;}
.company-section .content-block picture img{width: 100%; height: auto; display: block;}
.company-section .company-image{margin: 0;}
.company-section .company-image picture{display: block;}
.company-section .company-image img{width: 100%; height: auto; display: block;}

/* testimonials block */
.testimonials-block{width: 100%; padding: 80px 0;}
.testimonials-block h5{font-size: 34px; font-weight: 700; margin-bottom: 50px; text-align: center;}
.testimonials-block .slider-block{display: flex; justify-content: space-between;}
.owl-carousel.owl-drag .owl-item{ display: flex; justify-content: space-around;}
.testimonials-block .slider-block .block{max-width: 560px; margin: 0 20px; width: 100%; height: 295px; background: #1e1d25; border-radius: 3px; padding: 40px;}
.testimonials-block .slider-block .block .top-block{display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.testimonials-block .student-block{display: flex; margin: 0; align-items: center;width: 100%; position: relative;}
.testimonials-block .student-block::after{content: "g"; font-family: "whizlabs"; font-size: 50px; position: absolute; right: 0; top: 50%; margin-top: -25px; color: #2f2e3a; font-weight: 300;}
.testimonials-block .student-block picture{max-width: 80px;width: 100%; height: 80px; border-radius: 50%; overflow: hidden; margin-right: 20px; background: #2f2e3a;}
.testimonials-block .student-block picture img{width: 100%; height: auto; display: block;}
.testimonials-block .student-block .student-name{margin: 0;}
.testimonials-block .student-block .student-name p{ font-size: 18px; color: #bdbdbd; font-weight: 700; margin-bottom: 0;} 
.testimonials-block .student-block .student-name span{font-size: 13px; font-weight: 500; color: #f27125;}
.testimonials-block .student-caption p{font-size: 15px; font-weight: 500; color: #999999; margin-bottom: 0;}

/* clients block */
.clients-block{width: 100%; background: #fff; padding: 80px 0;}
.clients-block h6{font-size: 24px; font-weight: 400; color: #313546; text-align: center; margin-bottom: 50px;}
.clients-block .clients-logo{display: flex; flex-wrap: wrap; justify-content: center;}
.clients-block picture{max-width: 200px; width: 100%; height: 80px;}
.clients-block picture img{width: 100%; height: auto; display: block;}

/* let's discuss */ 
.lets-discuss-block{width: 100%; padding: 40px 0;
background: rgb(242,113,37);
background: -moz-linear-gradient(-45deg, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(135deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}
.lets-discuss-block .container{display: flex; justify-content: space-between; align-items: center;}
.lets-discuss-block .caption{font-size: 35px; font-weight: 400; color: #fff; margin: 0;}
.lets-discuss-block .btn-contact{font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; background: #000; padding: 20px 70px; border-radius: 3px; text-decoration: none; margin: 0;}
.lets-discuss-block .btn-contact:hover{background: #1e1d25;}

/*--------- Typography page ------------*/
.content{background: #121119; padding: 70px 0 90px 0;}
.content .block{max-width: 850px; width: 100%; margin: 0;}
.content .block ul{padding: 0 0 26px; margin: 0;}
.content p:last-child{margin-bottom: 0;}
blockquote{max-width: 660px; width: 100%; margin: 0 0 30px 0;}

/*--------- about us page ------------*/
.inner-banner.about-banner .overlay{background: rgb(242,113,37);
background: -moz-linear-gradient(-45deg, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(135deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 ); mix-blend-mode: multiply;}

.story-block{padding: 0 100px; text-align: center; margin-bottom: 50px;}
.story-block h3{font-weight: 500; margin-bottom: 45px;}
.story-block picture{max-width: 800px; width: 100%; display: inline-block; margin-bottom: 15px;}
.story-block picture img{width: 100%; height: auto; display: block;}
.story-block h2{font-size: 30px; font-weight: 500;}
.story-block h5{font-size: 20px; font-weight: 500;}
.story-block p span{font-size: 315px; line-height: 0.5; overflow: hidden; color: #fff; display: block;}

.mission-block{text-align: center; padding: 50px 100px; border-radius: 3px; margin-bottom: 50px; background: rgb(242,113,37);
background: -moz-linear-gradient(-45deg, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(135deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}
.mission-block p{color: #fff;}

.vision-block{padding: 0 100px; text-align: center;}

.team-vision-block{width: 100%; background: #1e1d25; padding: 75px 0;}
.team-vision-block .container{text-align: center;}
.team-vision-block .leadership-image{max-width: 1200px; width: 100%; height: 580px; overflow: hidden; position: relative; margin-bottom: 70px;}
.team-vision-block .leadership-image picture{width: 100%; height: auto; display: block;}
.team-vision-block .leadership-image picture img{width: 100%; height: auto; display: block;}
.team-vision-block .leadership-image .leadership-caption{max-width:575px; width: 100%; position: absolute; bottom: 0; right: 0;}
.team-vision-block .leadership-caption .overlay{width: 100%; height: 100%; position: absolute; background: #f27125; mix-blend-mode: multiply;}
.team-vision-block .leadership-caption .caption{position: relative; text-align: left; padding: 35px;}
.team-vision-block .leadership-caption .caption h4{font-size: 26px; font-weight: 700; margin-bottom: 5px;}
.team-vision-block .leadership-caption .caption h6{display: inline-block; padding-right: 10px;}
.team-vision-block .leadership-caption .caption i{position: relative;}
.team-vision-block .leadership-caption .caption  i::after{content: ""; background: #fff; width: 30px; height: 1px; position: absolute; top: 50%; margin-top: 1px;}
.team-vision-block .leadership-caption .caption p{color: #fff; margin-bottom: 0; font-weight: 400;}
.team-vision-block .management-images{display: inline-flex; flex-wrap: wrap; justify-content: space-between; text-align: left; margin-top: 20px;}
.team-vision-block .management-images .image-block{max-width: 399px; width: 100%; margin: 0 1px 0 0;}
.team-vision-block .management-images .image-block:last-child{margin: 0;}
.team-vision-block .management-images .image-block picture{margin-bottom: 25px; display: block;}
.team-vision-block .management-images .image-block picture img{width: 100%; height: auto; display: block;}
.team-vision-block .management-images .image-block h6{margin-bottom: 5px; font-size: 24px;}
.team-vision-block .management-images .image-block p{font-size: 18px; margin-bottom: 0; color: #f27125; display: inline-block; padding-right: 10px;}
.team-vision-block .management-images .image-block i{position: relative;}
.team-vision-block .management-images .image-block i::after{content: ""; background: #f27125; width: 30px; height: 1px; position: absolute; top: 50%; margin-top: 1px;}

/*--------- landing page ------------*/
.inner-banner.landing-banner{height: 260px;}
.inner-banner.landing-banner .container{justify-content: space-between;}
.inner-banner.landing-banner .banner-caption{max-width: 665px; width: 100%; margin: 0;}
.inner-banner.landing-banner .banner-caption p{max-width: 100%; font-size: 14px;}
.inner-banner.landing-banner .trial-btn{margin-top: 20px;}
.trial-btn{padding: 12px 30px; border-radius: 3px; font-size: 14px; font-weight: 600; color: #fff; text-decoration: none; display: inline-block; 
background: rgb(242,113,37);
background: -moz-linear-gradient(left, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(left, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(to right, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 ); transition: 0.3s all;}
.trial-btn:hover{color: #121119;}

.courses-list{padding: 40px 0;}
.courses-list .title{font-size: 28px; font-weight: 700; color: #fff; margin-bottom: 15px;}
.courses-list .item-list{width: 100%; display: inline-flex; flex-wrap: wrap;}
.courses-list .box{max-width: calc(25% - 15px); width: 100%; margin: 0 0 20px 20px; background: #1e1d25; border-radius: 3px;}

.courses-list .box .image-block{position: relative; line-height: 0;}
.courses-list .box .image-block a{width: 100%; display: inline-block;}

.courses-list .course-name{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); min-height: 90px;}
.courses-list .course-name a{width: 100%; font-size: 16px; color: #fff; font-weight: 600; line-height: 1.2; margin-bottom: 5px; display: inline-block;}
.courses-list .course-name a:hover{color: #f27125;}

.courses-list .course-name span{font-size: 14px; color: #797979; font-weight: 500;}

.courses-list .details-block{padding: 15px;} 
.courses-list .details-block .course-desc{padding-bottom: 10px; margin:0 0 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
.courses-list .details-block .course-desc li{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; padding: 0; font-size: 14px; font-weight: 500; color: #797979;}
.courses-list .details-block .course-desc li:before{display: none;}
.courses-list .details-block .course-desc li span{margin: 0;}
.courses-list .details-block .course-desc li small{margin: 0; color: #fff;}

.courses-list .learners-detail{padding-bottom: 10px; margin-bottom: 10px;}
.courses-list .learners-detail label{font-size: 14px; font-weight: 500; color: #fff; margin-bottom: 5px; display: inline-block;}
.courses-list .learners-detail .star-block{width: 100%; display: inline-flex; align-items: center;}
.courses-list .learners-detail .star-list{margin: 0 10px 0 0;}
.courses-list .learners-detail a{font-size: 14px; font-weight: 500; color: #fff; margin: 0;}

.courses-list .details-block .button-block{ display: flex; justify-content: space-between; }
.courses-list .details-block .button-block .try-btn{width: calc(50% - 4px); text-align: center; padding: 12px 10px; margin: 0; font-size: 14px; font-weight: 600;  color: #f27125; text-align: center; border-radius: 3px; border: 1px solid #f27125;}
.courses-list .details-block .button-block .try-btn:hover{color:#fff;}

.courses-list .details-block .button-block .buy-btn{width: calc(50% - 4px);  text-align: center;  margin: 0; padding: 12px 10px; border-radius: 3px; font-size: 14px; font-weight: 600; color: #fff; text-decoration: none; display: inline-block; 
background: rgb(242,113,37);
background: -moz-linear-gradient(left, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(left, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(to right, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 ); transition: 0.3s all;}
.courses-list .details-block .button-block .buy-btn:hover{color: #121119;}

/* offer block */ 
.offer-block{width: 100%; padding: 5px 0;
background: rgb(242,113,37);
background: -moz-linear-gradient(-45deg, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(135deg, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}
.offer-block .container{display: flex; justify-content: center; align-items: center;}
.offer-block .title-caption{font-size: 16px; font-weight: 400; color: #fff; margin: 0 40px 0 0;}
.offer-block .btn-contact{font-size: 13px; font-weight: 400; color: #fff; background: none; border: 1px solid #fff; padding: 10px 25px; border-radius: 3px; text-decoration: none; margin: 0;}
.offer-block .btn-contact:hover{background: #000; border: 1px solid #000; transition: all 0.3s ease;}

/* why us block */
.why-us-block{margin-bottom: 80px;}
.why-us-block .title-caption{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 60px; padding: 0 170px; text-align: center;}
.why-us-block .all-block{width: 100%; display: inline-flex; justify-content: space-between;}
.why-us-block .all-block .block{max-width: 350px; width: 100%; margin: 0; text-align: center;}
.why-us-block .all-block .block figure{max-width: 70px; width: 100%; display: inline-block; margin-bottom: 15px;}
.why-us-block .all-block .block figure img{width: 100%; height: auto; display: block;}
.why-us-block .all-block .block .title{font-size: 20px; font-weight: 500; margin-bottom: 25px; color: #fff;}
.why-us-block .all-block .block p{font-size: 14px; font-weight: 400; margin-bottom: 0; color: #989898;}

/* aws courses block */
.all-courses-block{width: 100%; padding:50px 0;}
.all-courses-block .title-caption{max-width: 660px; width: 100%; text-align: center; margin-bottom: 50px;}
.all-courses-block .title-caption h2{font-size: 34px;}ll-courses-block .title-caption p{font-size: 16px; font-weight: 400; color: #999999; margin-bottom: 0;}
.all-courses-block .courses-list{width: 100%; display: inline-block;}
.all-courses-block .courses-list .courses{width: 100%; margin-bottom: 20px; display: flex; background: #1e1d25; border-radius: 3px;}
.all-courses-block .courses-list .courses:last-child{margin-bottom: 0;}
.all-courses-block .courses-list .courses .course-image{max-width: 280px; width: 100%; height: 100%;}
.all-courses-block .courses-list .courses picture{display: block;}
.all-courses-block .courses-list .courses picture img{width: 100%; height: auto; display: block; border-radius: 3px 0 0 3px;}
.all-courses-block .courses-list .courses .courses-content{padding: 20px 100px 20px 40px; margin: 0;}
.all-courses-block .courses-list .courses .courses-content a{font-size: 24px; font-weight: 500; color: #fff; margin-bottom: 15px; display: block;}
.all-courses-block .courses-list .courses .courses-content a:hover{text-decoration: underline;}
.all-courses-block .courses-list .courses .courses-content p{font-size: 13px; color: #999999; font-weight: 400; margin-bottom: 10px;}
.all-courses-block .courses-list .courses .courses-content .other-details{width: 100%; display: inline-flex; justify-content: space-between;}
.all-courses-block .courses-list .courses .courses-content .other-details .detail{margin: 0;}
.all-courses-block .courses-list .courses .courses-content .other-details .detail samp{font-size: 13px; font-weight: 400; color: #999999; font-family: 'Raleway', sans-serif;}
.all-courses-block .courses-list .courses .courses-content .other-details .detail span{font-size: 13px; color: #ff6c00; font-weight: 500;}


/* .all-courses-block.slider-courses .all-courses{padding: 0;}
.all-courses-block.slider-courses .course-name{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.all-courses-block.slider-courses .course-desc{margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.all-courses-block.slider-courses .course-desc li{width: 100%; padding: 0; list-style-type: none; display: inline-flex; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 500;}
.all-courses-block.slider-courses .course-desc li:before{display: none;}
.all-courses-block.slider-courses .course-desc p{font-size: 12px; color: #797979; margin: 0;}
.all-courses-block.slider-courses .course-desc small{color: #fff; margin: 0;}
.all-courses-block.slider-courses .learners-detail{padding-bottom: 10px; margin-bottom: 15px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.all-courses-block.slider-courses .course-block .trial-btn{width: 100%; text-align: center;} */

/* other content */
.other-content{width: 100%; display: flex; justify-content: space-between; margin-bottom: 50px;}
.other-content .block{max-width: 560px; width: 100%; margin: 0;}
.other-content .block h4{margin-bottom: 25px;}
.other-content .block ul{margin: 0;}
.other-content .block .content-block p:last-child{margin-bottom: 0;}

/* demand block */
.demand-block{width: 100%; height: 530px; background: #373c7b; margin-bottom: 75px; position: relative; display: flex; align-items: center; }
.demand-block .image-block{width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; opacity: 0.4;}
.demand-block .caption{max-width: 700px; width: 100%; position: relative; padding-left: 100px; margin: 0;}
.demand-block .caption .title{font-size: 40px; font-weight: 700; color: #fff; margin: 0 0 15px 0;}
.demand-block .caption p{color: #fff; font-weight: 500;}
.demand-block .caption p:last-child{margin-bottom: 0;}

/* faq block */
.faq-block{width: 100%; margin-bottom: 90px;}
.faq-block h5{font-size: 34px; font-weight: 700; text-align: center; margin-bottom: 40px;}
.faq-block .accordion .question{width: 100%; padding: 25px 95px 25px 85px; transition: 0.2s all; position: relative;}
.faq-block .accordion .question::after{content: ""; width: 85%; height: 1px; background: #1e1d25; bottom: 0; left: 50%; margin-left: -43%; position: absolute;}
.faq-block .accordion .question .que{position: relative; cursor: pointer;}
.faq-block .accordion .question .que p{font-size: 17px; color: #fff; font-weight: 400; margin: 0; padding-right: 20px;}
.faq-block .accordion .question .que p::after{content: "i"; font-family: "whizlabs"; font-size: 13px; position: absolute; right: 0; top: 50%; margin-top: -7px; color: #9a9a9a; font-weight: 300; transform: rotate(360deg); transition: all 0.3s ease;}
.faq-block .accordion .question .answer{display: none; padding:20px 100px 0 0;}
.faq-block .accordion .question .answer p{margin-bottom: 0;}

.faq-block .accordion .question.open::after{display: none;}
.faq-block .accordion .question.open{background: #1e1d25;}
.faq-block .accordion .question.open .que::after{display: none;}
.faq-block .accordion .question.open .que p::after{color: #fff; transform: rotate(180deg);}

/*--------- product main page ------------*/
.inner-banner.product-banner{height: 220px;}
.inner-banner.small-banner{height: 180px;}
.inner-banner.product-banner .container{justify-content: flex-start;}
.inner-banner.product-banner .banner-caption h1{font-size: 24px; margin-bottom: 5px; display: inline-block; position: relative;}
.inner-banner.product-banner .banner-caption .label-new{position: absolute; top: 0; right: -45px; background: #e66c25; font-size: 11px; font-weight: 400; color: #fff; border-radius: 3px; text-align: center; padding: 3px 5px;}
.inner-banner.product-banner .banner-caption p{font-size: 15px; line-height: 1.3; margin-bottom: 5px;}
.inner-banner.product-banner .product-rating-block{width: 100%; display: inline-flex; align-items: center;}
.inner-banner.product-banner .product-rating-block .product-total-star{display: inline-flex; align-items: center; margin: 0 15px 0 0;}
.inner-banner.product-banner .product-rating-block .product-total-star .product-review-detail-star-list{margin: 0 5px 0 0;}
.inner-banner.product-banner .product-rating-block .product-total-star a{margin: 0; font-size: 14px; color: #fff;}
.inner-banner.product-banner .product-rating-block .product-total-star a:hover{color: #f27125;}
.inner-banner.product-banner .product-rating-block .product-learners{margin: 0; font-size: 14px; color: #fff;}
.inner-banner.product-banner .product-rating-block .product-learners label{display: inline-flex; align-items: center;}
.inner-banner.product-banner .product-rating-block .product-learners label:before{margin-right: 10px;}
.inner-banner.product-banner .trial-btn{margin-top: 10px; padding: 10px 20px; font-size: 13px;}

.product-page .all-test-block{padding: 10px 0 20px 0;}
.product-page .all-test-block .test-box .title{font-size: 24px; padding: 10px 0;}
.product-page .all-test-block .image{height: 140px;}
.product-page .all-test-block .image picture i{font-size: 45px;}
.product-page .all-test-block .description .details{padding: 15px 20px;}
.product-page .all-test-block .description .details .block{margin: 0 0 10px;}
.product-page .all-test-block .description .price{padding: 5px 0;}
.product-page .all-test-block .description .price span{font-size: 22px;}
.product-page .all-test-block .btn-group{padding: 15px 20px;}
.product-page .all-test-block .btn-group .btn-add-cart{padding: 12px 0;}
.product-page .all-test-block .btn-know-more{padding: 12px 0;}
.product-page .all-test-block .notify-block{width: 100%; display: inline-block; text-align: center; margin-bottom: 20px;}
.product-page .all-test-block .notify-link{font-size: 14px; text-decoration: underline; color: #fff; cursor: pointer;}
.product-page .all-test-block .notify-link:hover{color:#f27125}

/* all-test block */
.all-test-block{width: 100%; padding: 30px 0 50px 0; display: inline-flex; justify-content: flex-start; flex-wrap: wrap;}
.all-test-block .test-box{max-width: 380px; width: 100%; margin: 0 0 0 30px;}
.all-test-block .test-box:nth-child(3n+1){margin-left: 0;}
.all-test-block .test-box .title{font-size: 26px; font-weight: 500; padding: 20px 0; text-align: center; color: #fff;}
.all-test-block .image{width: 100%; height: 200px; background-color: #373c7b; border-radius: 3px 3px 0 0; position: relative;}
.all-test-block .image .overlay{width: 100%; height: 100%; background: rgba(55,60,123,0.2); position: absolute;}
.all-test-block .image picture{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 3px 3px 0 0; background-repeat: no-repeat; background-size: cover; background-position: center;}
.all-test-block .image picture i{position: relative; font-size: 60px; color: #fff; margin: 0;}
.all-test-block .image picture i:before{display: block;}
.all-test-block .description{width: 100%; background: #1e1d25;}
.all-test-block .description .details{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 30px; border-bottom: 1px solid #24232c;}  
.all-test-block .description .details .block{max-width: 140px; width: 100%; margin: 0 0 15px;}
.all-test-block .description .details .block:nth-last-child(-n+2){margin-bottom: 0;}
.all-test-block .description .details .block p{font-size: 13px; color: #999999; font-weight: 500; margin-bottom: 0; line-height: 1.2;}
.all-test-block .description .details .block p span{font-size: 15px; color: #fff;}
.all-test-block .description .price{padding: 10px 0; text-align: center; border-bottom: 1px solid #24232c;}
.all-test-block .description .price span{color: #fff; font-size: 30px; font-weight: 500;}
.all-test-block .description .price i{font-size: 24px;}
.all-test-block .description .price .old-price{color: #fff; font-size: 14px; font-weight: 500; margin-right: 10px;}
.all-test-block .description .price .old-price i{font-size: 14px;}

.all-test-block .btn-group{width: 100%; display: inline-flex; justify-content: space-between; padding: 20px 30px;}
.all-test-block .btn-group .btn-add-cart{width: 100%; cursor: pointer; padding: 15px 0; font-size: 14px; font-weight: 500; color: #fff; text-align: center; border-radius: 3px; transition: 0.2s all; outline: none; background: rgb(242,113,37);
background: -moz-linear-gradient(left, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(left, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(to right, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}
.all-test-block .btn-group .btn-add-cart:hover{color: #1e1d25;}

.all-test-block .btn-group .btn-add-cart.added{color: #fff; cursor: default; opacity: 0.7; background: rgb(242,113,37);
background: -moz-linear-gradient(left, rgba(242,113,37,0.8) 0%, rgba(232,44,52,0.8) 100%);
background: -webkit-linear-gradient(left, rgba(242,113,37,0.8) 0%,rgba(232,44,52,0.8) 100%);
background: linear-gradient(to right, rgba(242,113,37,0.8) 0%,rgba(232,44,52,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}

.all-test-block .btn-know-more{width: 100%; padding: 15px 0; font-size: 14px; font-weight: 600;  color: #f27125; text-align: center; border-radius: 3px; margin-left: 15px; border: 1px solid #f27125;}
.all-test-block .btn-know-more:hover{color:#fff;}

/* four product page */
.all-test-block.four .test-box{max-width: calc(100% / 4 - 10px); width: 100%; margin: 0 0 0 10px;}
.all-test-block.four .test-box:nth-child(4n + 1){margin-left: 0;}
.all-test-block.four .description .details{padding: 15px;}
.all-test-block.four .description .details .block{max-width: 49%;}
.all-test-block.four .description .details .block p span{font-size: 13px;}

/* exam formate */
.exam-formate{width: 100%; margin-bottom: 50px;}
.exam-formate .title{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 35px; text-align: center;}
.exam-formate .information-block {background-color: #1e1d25; border-radius: 3px; padding: 35px;}
.exam-formate .information-block ul{margin: 0; display: inline-flex; justify-content: flex-start; flex-wrap: wrap;}
.exam-formate .information-block ul li{padding: 0 10px 15px 0; margin: 0; max-width: 50%; width: 100%; color: #fff; font-weight: 500;}
.exam-formate .information-block ul li::before{display: none;}
.exam-formate .information-block ul li:nth-child(2n+2){padding-right: 0;}
.exam-formate .information-block ul li:nth-last-child(-n+2){padding-bottom: 0;}
.exam-formate .information-block ul li span{color: #989898; padding-left: 5px;}

/* with us block */
.with-us-block{width: 100%; padding-bottom: 50px;}
.with-us-block .title{font-size: 28px; font-weight: 500; color: #fff; text-align: center; margin-bottom: 50px;}
.with-us-block .all-benefits{width: 100%; display: inline-flex; justify-content: center;flex-wrap: wrap;}
.with-us-block .all-benefits .benefit{max-width: 460px; width: 100%; margin: 0 0 0 45px; padding:0 0 45px 45px; position: relative; border-right: 1px solid #1e1d25;}
.with-us-block .all-benefits .benefit:nth-last-child(-n+2){padding-bottom: 0;}
.with-us-block .all-benefits .benefit:nth-last-child(2n-5){border-right: none;}
.with-us-block .all-benefits .benefit picture{width: 28px; display: inline-block; position: absolute; left: 0;}
.with-us-block .all-benefits .benefit picture img{width: 100%; height: auto; display: block;}
.with-us-block .all-benefits .benefit .title-caption{font-size: 20px; font-weight: 400; color: #fff; margin-bottom: 15px;}
.with-us-block .all-benefits .benefit p{font-size: 13px; color: #989898; margin-bottom: 0;}

/*--------- practices test page ------------*/
.two-column{display: flex; justify-content: space-between;}
.two-column .left-block{max-width: 780px; width: 100%; margin: 0; padding: 50px 0 100px 0;}

.sidebar{max-width: 380px; width: 100%; margin: -200px 0 0 0;}

.product-details .detail-block{margin-bottom: 45px;}
.product-details .detail-block h2{font-size: 22px; font-weight: 500; margin-bottom: 25px;}
.product-details h3{font-size: 22px; font-weight: 500; margin-bottom: 25px;}
.product-details .detail-block .description ul{margin: 0;}
.product-details .detail-block .description p:last-child{margin-bottom: 0;}
.product-details .detail-block .description p span{color: #fff;}

.product-details .exam-details{margin-bottom: 45px;}
.product-details .exam-details h4{font-size: 22px; font-weight: 500; margin-bottom: 25px;}
.product-details .exam-details .exam-list{display: block;}
.product-details .exam-details .exam-list .list .exam{width: 100%; display: inline-flex; justify-content: space-between; border-bottom: 1px solid #1e1d25;}
.product-details .exam-details .exam-list .list .exam p{margin: 0; padding: 10px 0; color: #fff; font-weight: 400;}
.product-details .exam-details .exam-list .list .exam span{max-width: 150px; font-size: 14px; width: 100%; margin: 0; padding: 10px 0; color: #fff; font-weight: 400; text-align: right;}
.product-details .exam-details .exam-list .heading{width: 100%; display: inline-flex; justify-content: space-between; border-bottom: 1px solid #1e1d25;}
.product-details .exam-details .exam-list .heading p{color: #ff6c00; padding-bottom: 10px; margin: 0;}
.product-details .exam-details .exam-list .heading span{max-width: 150px; width: 100%; color: #ff6c00; padding-bottom: 10px; font-weight: 400; text-align: right; margin: 0;}

.product-details .other-courses h5{text-decoration: underline; margin-bottom: 30px;}
.product-details .other-courses .all-test-block{padding: 0;}
.product-details .other-courses .all-test-block .test-box{max-width: 375px;}
.product-details .other-courses .all-test-block .test-box .title{background: #1e1d25; font-size: 20px;}

.product-highlights{width: 100%; background: #1e1d25; border-radius: 3px; margin-bottom: 1px;}
.product-highlights .box{width: 100%; padding: 15px 30px; border-bottom: 1px solid #24232c;}
.product-highlights .box:last-child{border-bottom:none;}
.product-highlights .image{width: 100%; height: 200px; background: #373c7b;  position: relative; border-radius: 3px 3px 0 0; overflow: hidden;}
.product-highlights .image .overlay{width: 100%; height: 100%; background: rgba(55,60,123,0.2); position: absolute;}
.product-highlights .image picture{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; background-position: center;}
.product-highlights .image picture i{position: relative; font-size: 60px; color: #fff; margin: 0;}
.product-highlights .title{font-size: 22px; font-weight: 500; color: #fff;}
.product-highlights .price-block{padding: 10px 30px;}
.product-highlights .price-block .price{color: #fff; font-size: 44px; font-weight: 700; margin-right: 10px;}
.product-highlights .price-block .old-price{color: #fff; font-size: 20px; font-weight: 500;}
.product-highlights .price-block .price samp{font-weight: 400; font-family: 'Raleway', sans-serif;}
.product-highlights .price-block .limited-offer{font-size: 13px; font-weight: 500; color: #999999; padding-top: 10px;}

.product-highlights .all-benefits ul{margin: 0;}
.product-highlights .all-benefits ul li{color: #fff; font-weight: 400;  padding: 0 0 0 30px; margin-bottom: 5px; background-image: url(../images/checked.svg); background-repeat: no-repeat; background-position: left center; background-size: 18px;}
.product-highlights .all-benefits ul li::before{display: none;}
.product-highlights .all-benefits ul li:last-child{margin-bottom: 0;}
.product-highlights .button-block{display: block;}
.product-highlights .button-block .btn-add-cart{width: 100%; background: none; cursor: pointer; padding: 15px 0; font-size: 18px; font-weight: 500; color: #f27125; text-align: center; border: 1px solid #f27125; border-radius: 3px; margin-bottom: 10px; transition: 0.2s all; outline: none;}
.product-highlights .button-block .btn-add-cart:hover{color: #fff;}
.product-highlights .button-block .btn-buy-now{width: 100%; border: none; cursor: pointer; padding: 15px 0; font-size: 18px; font-weight: 600;  color: #fff; text-align: center; display: block; border-radius: 3px; margin-bottom: 10px; outline: none; transition: 0.3s ease-in-out; background: rgb(242,113,37);
background: -moz-linear-gradient(left, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(left, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(to right, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}
.product-highlights .button-block .btn-buy-now:hover{color:#1e1d25;}
.product-highlights .button-block p{margin-bottom: 0; text-align: center;}

.faq-small .title{margin-bottom: 15px;}
.faq-small .title h2{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 15px;}
.faq-small .content-block{background-color: #1e1d25; border-radius: 3px;}
.faq-small .accordian-list{border-bottom: 1px solid #121119;}
.faq-small .accordian-list .name{font-size: 14px; font-weight: 400; color: #fff; display: block; padding: 18px 25px 18px 55px; cursor: pointer; position: relative;}
.faq-small .accordian-list .circle{position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 50%; border: 1px solid #fff;}
.faq-small .accordian-list .name span:before{content: ""; width: 2px; height: 10px; background-color: #959598; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.3s linear;}
.faq-small .accordian-list .name span:after{content: ""; width: 2px; height: 10px; background-color: #959598; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg);}
.faq-small .accordian-list.active .name span:before{transform: translate(-50%, -50%) rotate(-90deg);}

.faq-small .accordian-list .caption{padding-left: 55px; margin-bottom: 20px;}


.social-share{padding: 25px 30px; background: #1e1d25; border-radius: 3px; margin-bottom: 20px; display: flex; justify-content: space-between;}
.social-share .title{font-size: 18px; font-weight: 500; color: #fff; margin: 0;}
.social-share .social-icon{margin: 0;}
.social-share .social-icon a{font-size: 22px; color: #9a9a9a; margin-right: 20px;}
.social-share .social-icon a:last-child{margin: 0;}
.social-share .social-icon a:hover{color: #fff;}

.help-block{padding: 20px 30px; background: #1e1d25; border-radius: 3px; text-align: center;}
.help-block a{font-size: 30px; font-weight: 500; color: #fff;}
.help-block a:hover{color: #f27125;}

/*--------- login page ------------*/
#wrapper.login-wrapper{margin-top: 50px;}

.login-page{ display: block;}
.login-page .title-caption{ display: block; margin-bottom: 40px;}
.login-page .title-caption .logo{max-width: 200px; width: 100%; display: block; margin-bottom: 30px;}
.login-page .title-caption .logo img{width: 100%; height: auto; display: block;}

.login-content-box{max-width: 470px; width: 100%; border-radius: 10px; background: #fff; overflow: hidden; position: relative;} 
.login-content-box .tab-nav{ width: 100%; display: flex; height: 60px;}
.login-content-box .tab-nav .tab{width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; color: #121119; font-size: 16px; font-weight: 700; background: #eeeeee;}
.login-content-box .tab-nav .tab.active{background: #fff;}

.login-content-box .tab-content{ width: 100%;}
.login-content-box .tab-content .block{ width: 100%; padding:45px 50px 65px 50px;}
.login-content-box .tab-content #login{display: none;}
.login-content-box .tab-content form{ display: block}
.login-content-box .tab-content form .input-box{margin-bottom: 20px;}
.login-content-box .tab-content form .input-box label{color: #121119; font-size: 15px; font-weight: 700; padding-bottom: 5px; display: block;}
.login-content-box .tab-content form .input-box .input-style{border:1px solid #e6e6e6; padding:0 20px; color:#121119;; font-size:13px; height: 45px; border-radius: 3px;}
.login-content-box .tab-content form .input-box .select-style{color: #989898 !important; border:1px solid #e6e6e6; background-color: #fff; background-image: url(../images/select-arrow.svg); padding:0 20px;}

.login-content-box .tab-content form .btn-style{width: 100%; border: none; cursor: pointer; height: 65px; font-size: 18px; font-weight: 600;  color: #fff; text-align: center; border-radius: 0 0 3px 3px; transition: 0.2s all; position: absolute; left: 0; bottom: 0; outline: none;background: rgb(242,113,37);
background: -moz-linear-gradient(left, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(left, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(to right, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}
.login-content-box .tab-content form .btn-style:hover{color: #121119;}
.login-content-box .tab-content form .btn-signup:hover{color: #1e1d25;}
.login-content-box .tab-content .text-block{ font-size: 13px; color: #121119; text-align: center; margin-bottom: 45px; font-weight: 500;}
.login-content-box .tab-content .text-block a{text-decoration: underline;}
.login-content-box .tab-content .text-block a:hover{color: #121119;}

.social-login-box {max-width: 470px; width: 100%; margin-top: 25px;}
.social-login-box .social-options{width: 100%; display: inline-flex; justify-content: center;}
.social-login-box .social-options .block{max-width: 160px; width: 100%; font-size: 14px; font-weight: 500; text-align: center; padding: 13px 0; color: #fff; border-radius: 3px; margin-right: 10px; cursor: pointer; transition: 0.2s all;}
.social-login-box .social-options .block:last-child{margin-right: 0;}
.social-login-box .social-options .block:hover{color: #121119;}
.social-login-box .social-options .block.fb{background: #3B5998;}
.social-login-box .social-options .block.g-plus{background: #DD4B39;}
.social-login-box .social-options .block.linkedin{background: #0077B5;}

/*--------- forgot password page ------------*/
.forgot-password-box .tab-nav-forgot{width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; color: #121119; font-size: 16px; font-weight: 700; background: #eeeeee;}
.forgot-password-box .tab-content .block{padding: 35px 50px 100px 50px;}
.forgot-password-box .reset-password-form{text-align: center;}
.forgot-password-box .reset-password-form .input-box label{text-align: left;}
.forgot-password-box .reset-password-form .text-block{margin-bottom: 0;}

/*--------- checkout page ------------*/
.checkout-block .block{width: 100%; border-radius: 3px; border: 1px solid #2e2d35; margin-bottom: 45px;}
.checkout-block .block .title{width: 100%; padding: 15px 30px; background: #1e1d25; font-size: 16px; color: #999999;}
.checkout-block .block .content-block{padding: 25px 30px;}
.checkout-block .block .content-block .input-group{width: 100%; display: inline-flex; justify-content: space-between; flex-wrap: wrap;}
.checkout-block .block .content-block .input-box{max-width: 345px; width: 100%; margin: 0 0 25px 0;}
.checkout-block .block.billing-block .content-block .input-box:last-child{margin: 0;}
.checkout-block .block .content-block .input-box label{margin-bottom: 10px; display: block; font-size: 13px; color: #999999; font-weight: 400;}
.checkout-block .block .content-block .input-box .input-style{background: #121119; border: 1px solid #2e2d35; padding:0 20px; height: 45px;}
.checkout-block .block .content-block .btn-style{background: #f27125; font-size: 16px; border: none; padding: 15px 40px; border-radius: 3px; cursor: pointer; color: #fff; margin-right: 20px; transition: 0.2s all; outline: none;}
.checkout-block .block .content-block .btn-style:hover{color: #121119;}
.checkout-block .block .content-block .text-block{ display: inline-block; font-size: 14px; font-weight: 300; color: #999999;}

.checkout-block .block.payment-block .content-block{width: 100%; display: flex; justify-content: space-between;}
.checkout-block .block.payment-block .content-block .payment-box{max-width: 220px; width: 100%; height: 80px; background: #121119; margin: 0;}
.checkout-block .block.payment-block .content-block .payment-box a{width: 100%; height: 100%; display: block; border: 1px solid #2e2d35;}
.checkout-block .block.payment-block .content-block .payment-box a img{width: 100%; height: auto; display: block;}
.checkout-block .block.payment-block .content-block .payment-box a:hover{border: 1px solid #69686a; background: #1e1d25;}
.checkout-block .block.payment-block .content-block .payment-box .active{border: 1px solid #69686a; background: #1e1d25;}

.checkout-block .block.billing-block{margin-bottom: 0;}

.checkout-block .payment-details .exp-date{display: inline-flex; justify-content: space-between; flex-wrap: wrap;}
.checkout-block .payment-details .exp-date label{width: 100%;}
.checkout-block .payment-details .exp-date .input-style{max-width: 48%; width: 100%;}

.checkout-block .disclaimer-block{display: inline-flex; align-items: center;}
.checkout-block .disclaimer-block .icon{font-size: 24px; line-height: 0; margin-right: 5px; color: #fff;}
.checkout-block .disclaimer-block h6{font-size: 12px; margin-bottom: 2px;} 
.checkout-block .disclaimer-block p{font-size: 12px; margin-bottom: 0;} 

.sidebar.cart-block{margin: 50px 0 0 0;}

.cart-total-block{background: #1e1d25; border-radius: 3px; overflow: hidden;}
.cart-total-block .block{padding: 25px 30px; border-bottom: 1px solid #2e2d35;}

.cart-total-block .block.title{font-size: 22px; font-weight: 500; color: #fff;}

.cart-total-block .block p{font-size: 16px; color: #999999; margin: 0; padding-right: 15px;}
.cart-total-block .block span{font-size: 16px; color: #999999; margin: 0;}

.cart-total-block .block.cart-subtotal-block .subtotal-block{width: 100%; display: inline-flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}

.cart-total-block .block.cart-subtotal-block .applied-promocode{width: 100%; display: inline-flex; justify-content: space-between; align-items: center; position: relative;}
.cart-total-block .block.cart-subtotal-block .applied-promocode a{color: #999999; font-size: 8px; font-weight: 700; position: absolute;}
.cart-total-block .block.cart-subtotal-block .applied-promocode a:hover{color: #f27125;}
.cart-total-block .block.cart-subtotal-block .applied-promocode p{padding-left: 20px;}
.cart-total-block .block.cart-subtotal-block .applied-promocode p samp{font-size: 12px; font-weight: 500; color: #999999; font-family: 'Raleway', sans-serif;}

.cart-total-block .block.cart-total{width: 100%; display: inline-flex; justify-content: space-between; align-items: center; padding: 20px 30px 45px 30px;}
.cart-total-block .block.cart-total p{font-size: 24px; font-weight: 700; color: #fff; padding-right: 0;}
.cart-total-block .block.cart-total span{font-size: 24px; font-weight: 700; color: #fff; padding-right: 0;}

.cart-total-block .block.promocode-block{background: #121119; border-radius: 3px; padding: 0; margin: 20px 30px; position: relative;}
.cart-total-block .block.promocode-block .input-style{width: 100%; padding: 0 90px 0 20px; background: #121119; border: none; font-size: 14px; font-weight: 500; color: #999999;}
.cart-total-block .block.promocode-block .btn-apply{min-width: 80px; height: 35px; padding: 0; background: #1e1d25; color: #fff; border: none; font-size: 13px; cursor: pointer; position: absolute; right: 5px; top: 50%; margin-top: -18px; border-radius: 3px; transition: 0.2s all; outline: none;}
.cart-total-block .block.promocode-block .btn-apply:hover{color: #f27125; outline: none;}

.cart-total-block .purchase-now{width: 100%; border: none; cursor: pointer; padding: 20px 0; font-size: 18px; font-weight: 600;  color: #fff; text-align: center; display: block; border-radius: 0px; background: rgb(242,113,37);
background: -moz-linear-gradient(left, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(left, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(to right, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 ); transition: 0.2s all; outline: none;}

.cart-total-block .purchase-now:hover{color: #121119;}

/*--------- cart page ------------*/
.two-column.cart-page .sidebar.cart-block{margin: 50px 0;}

.cart-page-block .block{width: 100%; border-radius: 3px; border: 1px solid #2e2d35;}
.cart-page-block .block .title{width: 100%; padding: 15px 50px 15px 20px; background: #1e1d25; font-size: 16px; color: #999999; display: inline-flex; justify-content: space-between;}
.cart-page-block .block .title label{margin: 0; font-size: 14px; font-weight: 500; max-width: 70px; width: 100%;}
.cart-page-block .block .title .product-title{max-width: 330px; width: 100%;}

.cart-page-block .block .content-block .item{width: 100%; padding: 30px 50px 30px 20px; display: inline-flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #2e2d35; position: relative;}
.cart-page-block .block .content-block .item:last-child{border-bottom: 0;}
.cart-page-block .block .content-block .item div{max-width: 70px; width: 100%; margin: 0; color: #fff; font-size: 14px; font-weight: 500;}

.cart-page-block .block .content-block .item .item-name{max-width: 330px; width: 100%;}
.cart-page-block .block .content-block .item .product-title{max-width: 330px; width: 100%; line-height: 1.3;}
 
.cart-page-block .block .content-block .item .input-style{max-width: 330px; display: inline-flex; align-items: center; margin-top: 5px; position: relative;} 
.cart-page-block .item .custom-style{margin: 0 7px 0 0;}
.cart-page-block .item .checkbox-style{width: 10px; height: 10px; background: transparent; border:1px solid #f27125;}
.cart-page-block .item .custom-style input{display: none;}
.cart-page-block .item .custom-style input:checked ~ .checkbox-style{border: 1px solid #f27125;}
.cart-page-block .item .checkbox-style:after{font-size: 7px;}
.cart-page-block .item .custom-style span{font-size: 13px; font-weight: 400; color: #f27125;}

.cart-page-block .block .content-block .item .tooltip{max-width: 35px; font-size: 15px; color: #999999; line-height: 0; cursor: pointer;}
.cart-page-block .block .content-block .item .tooltip:hover .tooltiptext{visibility: visible; opacity: 1;}
.cart-page-block .tooltip .tooltiptext{max-width: 100% !important; background: #1e1d25; border: 1px solid #2e2d35; padding: 10px 15px; position: absolute; right: 0; top: 100%; margin-top: 13px !important; z-index: 9; opacity: 0; visibility: hidden;}
.cart-page-block .tooltip .tooltiptext:after{content: ""; width: 10px; height: 10px; background: #1e1d25; border-top: 1px solid #2e2d35; border-left: 1px solid #2e2d35; position: absolute; right: 38px; top: -6px; transform: rotate(45deg);}
.cart-page-block .tooltip .tooltiptext span{font-size: 13px; color: #9a9a9a; line-height: 1.2;}
.cart-page-block .tooltip .tooltiptext ul{margin: 10px 0 0;}
.cart-page-block .tooltip .tooltiptext ul li{font-size: 13px; padding: 0 0 5px 15px; line-height: 1.3;}

.cart-page-block .item .radio-style{width: 12px; height: 12px; background: transparent; border: 1px solid #f27125;}
.cart-page-block .item .radio-style:after{font-size: 7px;}

.cart-page-block .block .content-block .item .product-quantity{display: inline-flex; max-width: 90px; width: 100%;}
.cart-page-block .block .content-block .item .product-quantity .btn{width: 30px; height: 30px; font-size: 18px; border: none; background: #2e2d35; cursor: pointer; transition: 0.2s all; padding: 0; outline: none;}
.cart-page-block .block .content-block .item .product-quantity .btn:hover{color: #fff;}
.cart-page-block .block .content-block .item .product-quantity .input-box{max-width: 30px; height: 28px; margin: 0; padding: 0; font-size: 16px; color: #fff; font-weight: 500; text-align: center; background: #121119; border: 1px solid #2e2d35;}

.cart-page-block .block .content-block .item .close{position: absolute; right: 20px; font-size: 18px; display: block; color: #999999; top: 50%; margin-top: -10px;}
.cart-page-block .block .content-block .item .close:hover{color:#fff;}

.cart-empty-block{width: 100%; min-height: 455px; border-radius: 3px; border: 1px solid #2e2d35; display: flex; justify-content: center; align-items: center; display: none;}
.cart-empty-block .title{font-size: 28px; font-weight: 600; color: #fff;}

.like-course-slider{margin-bottom: 60px;}
.like-course-slider .owl-carousel .owl-stage-outer{margin-bottom: 10px !important;}

.like-course-slider .owl-stage{margin: 0;}
.like-course-slider .owl-theme .owl-nav{position: absolute; width: 100%; top: 46%; transform: translateY(-50%); left: 0; margin-top: 0; display: inline-flex; justify-content: space-between; align-items: center;}
.like-course-slider .owl-theme .owl-nav button{max-width: 45px; width: 100%; height: 45px; margin: 0; background: #44434c !important; border-radius: 50%; outline: 0; border: 1px solid transparent !important; cursor: pointer; transition: 0.3s ease-in-out;}
.like-course-slider .owl-theme .owl-nav button:before{content: 'i'; font-family: 'whizlabs'; font-size: 17px; color: #fff; display: block;}
.like-course-slider .owl-theme .owl-nav button:hover{border: 1px solid rgba(256, 255, 255, 0.5);}

.like-course-slider .owl-theme .owl-nav button.owl-prev{position: absolute; left: -22px}
.like-course-slider .owl-theme .owl-nav button.owl-prev:before{transform: rotate(90deg); margin-left: -3px;}

.like-course-slider .owl-theme .owl-nav button.owl-next{position: absolute; right: -22px}
.like-course-slider .owl-theme .owl-nav button.owl-next:before{transform: rotate(270deg); margin-right: -3px;}

.like-course-slider .owl-theme .owl-nav button span{display: none;}

.like-course-slider .owl-theme .owl-nav .disabled{display: none;}

.like-course-slider .course-slider{margin-bottom: 35px;}
.like-course-slider .course-slider:last-child{margin-bottom: 0;}
.like-course-slider .title{font-size: 22px; font-weight: 500; color: #fff; margin-bottom: 15px;}
.like-course-slider .course-block{max-width: 235px; width: 100%; background: #1e1d25; border-radius: 3px; margin: 0 0 0 10px; display: inline-block;}
.like-course-slider .course-block:first-child{margin-left: 0;}
.like-course-slider .course-block .image-block{position: relative;}
.like-course-slider .course-block .image-block a{width: 100%; display: block;}
.like-course-slider .course-block .image-block a img{width: 100%; height: auto; display: block;}

.like-course-slider .course-block .details-block{min-height: 270px; display: inline-flex; flex-direction: column; justify-content: space-between; padding: 15px;}

.like-course-slider .course-block .details-block .group-box{margin: 0;}
.like-course-slider .course-block .details-block .course-name > a{font-size: 15px; color: #fff; font-weight: 600; line-height: 1.2; margin-bottom: 0; display: inline-block;}
.like-course-slider .course-block .details-block .course-name > a:hover{color: #f27125;}
.like-course-slider .course-block .details-block span{font-size: 12px; color: #797979; font-weight: 500; display: inline-block; margin-bottom: 5px;}
.like-course-slider .course-block .details-block p{font-size: 13px; font-weight: 500; color: #f27125; line-height: 1.3; margin: 0 0 5px;}
.like-course-slider .course-block .price{text-align: center; margin-bottom: 15px;}
.like-course-slider .course-block .price span{font-size: 18px; color: #fff; margin-bottom: 0;}
.like-course-slider .course-block .price strike{font-size: 13px;}

.like-course-slider .course-block .learners-detail .label {width: 100%; display: inline-flex; align-items: center; margin-bottom: 5px;}
.like-course-slider .course-block .learners-detail .label span{font-size: 12px; color: #fff; margin: 0;}
.like-course-slider .course-block .learners-detail .label .icon{font-size: 15px; color: #fff; margin:0 5px 0 0; display: inline-block;}
.like-course-slider .course-block .learners-detail .label .icon:before{display: block;}

.like-course-slider .course-block .star-block{display: inline-flex; align-items: center; margin-bottom: 10px;}
.like-course-slider .course-block .star-block .star-list{display: inline-flex; margin-right: 10px;}
.like-course-slider .course-block .star-block .star-list img{margin-left: 5px;}
.like-course-slider .course-block .star-block .star-list img:first-child{margin-left: 0;}
.like-course-slider .course-block .star-block a{font-size: 12px; color: #fff; font-weight: 500;}
.like-course-slider .course-block .star-block a:hover{color: #fff;}

.like-course-slider .course-block .btn-group{width: 100%; display: inline-flex;}
.like-course-slider .course-block .btn-group .btn-add-cart{width: 100%; cursor: pointer; padding: 10px; font-size: 12px; font-weight: 500; color: #fff; text-align: center; border-radius: 3px; transition: 0.2s all; outline: none; background: rgb(242,113,37); background: -moz-linear-gradient(left, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%); background: -webkit-linear-gradient(left, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%); background: linear-gradient(to right, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}
.like-course-slider .course-block .btn-group .btn-add-cart:hover{color: #1e1d25;}

.like-course-slider .course-block .btn-group .btn-know-more{width: 100%; padding: 10px; font-size: 12px; font-weight: 600; color: #f27125; text-align: center; border-radius: 3px; margin-left: 10px; border: 1px solid #f27125;}
.like-course-slider .course-block .btn-group .btn-know-more:hover{color: #fff;}

/* product label ribbon */
.content-box {width: 100%; height: 400px; max-width:80%; margin: 94px auto 0 auto; position: relative; background: gray; border: 5px solid white; box-shadow: 0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); }

#ribbon-container {position: absolute; top: 10px; left: 0; overflow: visible; font-size: 18px; line-height: 18px; }

#ribbon-container:before {content: ""; height: 0; width: 0; display: block; position: absolute; top: 2px; right: -13px; border-top: 8px solid rgba(0, 0, 0, .3); border-bottom: 11px solid rgba(0, 0, 0, .3); border-right: 11px solid transparent; border-left: 3px solid transparent; }

#ribbon-container:after {content: ""; height: 3px; background: rgba(0, 0, 0, .3); display: block; position: absolute; bottom: -3px; left: 0; right: 0; }

#ribbon-container .label{display: block; position: relative; padding: 0 10px; height: 18px; background: #ed8a19; font-size: 9px; font-weight: 500; line-height: 18px; text-transform: uppercase; overflow: visible; margin-left: 0; color: #fff; text-decoration: none; }

#ribbon-container .label:after {content: ""; height: 0; width: 0; display: block; position: absolute; top: 0; right: -10px; border-top: 8px solid #ed8a19; border-bottom: 10px solid #ed8a19;  border-right: 10px solid transparent; border-left: 10px solid transparent; }

#ribbon-container .label.bestseller{background: #ed8a19;}
#ribbon-container .label.bestseller:after{border-top: 8px solid #ed8a19; border-bottom: 10px solid #ed8a19;}

#ribbon-container .label.popular{background: #f27125;}
#ribbon-container .label.popular:after{border-top: 8px solid #f27125; border-bottom: 10px solid #f27125;}

#ribbon-container .label.new-launched{background: #2ecc71;}
#ribbon-container .label.new-launched:after{border-top: 8px solid #2ecc71; border-bottom: 10px solid #2ecc71;}

#ribbon-container .label.upcoming{background: #f1c40f;}
#ribbon-container .label.upcoming:after{border-top: 8px solid #f1c40f; border-bottom: 10px solid #f1c40f;}

#ribbon-container .label.discountinue{background: #e74c3c;}
#ribbon-container .label.discountinue:after{border-top: 8px solid #e74c3c; border-bottom: 10px solid #e74c3c;}


/*--------- contact-us page ------------*/
.contact-us-block .block{width: 100%; border-radius: 3px; border: 1px solid #2e2d35;}
.contact-us-block .block .title{width: 100%; padding: 15px 30px; background: #1e1d25; font-size: 16px; color: #fff;}
.contact-us-block .block .content-block{padding: 25px 30px;}
.contact-us-block .block .content-block .input-group{width: 100%; display: inline-flex; justify-content: space-between; flex-wrap: wrap;}
.contact-us-block .block .content-block .input-box{max-width: 345px; width: 100%; margin: 0 0 25px 0;}
.contact-us-block .block .content-block .input-box label{margin-bottom: 10px; display: block; font-size: 13px; color: #999999; font-weight: 400;}
.contact-us-block .block .content-block .input-box .input-style{background: #121119; border: 1px solid #2e2d35; padding:0 20px; font-size:13px; height: 45px; border-radius: 3px;}
.error{border: 1px solid #c3232b !important;}
.contact-us-block .block .content-block .input-box .select-style{height: 45px;}
.contact-us-block .block .content-block .description-box{width: 100%; margin: 0 0 25px 0;}
.contact-us-block .block .content-block .description-box label{margin-bottom: 10px; display: block; font-size: 13px; color: #999999; font-weight: 400;}
.contact-us-block .block .content-block .description-box .textarea-style{height: 115px; background: #121119; border: 1px solid #2e2d35;}
.contact-us-block .block .content-block .btn-style{background: #f27125; font-size: 16px; border: none; padding: 15px 110px; border-radius: 3px; cursor: pointer; color: #fff; transition: 0.2s all; outline: none;}
.contact-us-block .block .content-block .btn-style:hover{color: #121119;}

.sidebar.location-block{margin: 50px 0 0 0;}
.office-locations{background: #1e1d25; border-radius: 3px; overflow: hidden;}
.office-locations .block{padding: 25px 30px; border-bottom: 1px solid #2e2d35;}
.office-locations .regis-office .block:last-child{border-bottom: 0;}

.office-locations .block.title{font-size: 22px; font-weight: 500; color: #fff;}
.office-locations .block p{font-size: 14px; color: #9a9a9a; margin: 0;} 

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

/* tab-accordian */
.tab_wrapper {display: inline-block; width: 100%; position: relative;} 
.my-account-page #content-area{background: #f1f3f6;}
.my-account-page .my-account-block{padding: 45px 0 100px 0;}
.my-account-page .heading{font-size: 28px; font-weight: 700; color: #121119; text-align: center; margin-bottom: 40px;}

.tab_wrapper table{width: 100%; border-spacing: 0; border: 1px solid #f1f3f6; border-radius: 3px}
.tab_wrapper table thead{background-color: #e4e8ef;}
.tab_wrapper table th{padding: 10px 25px; text-align: left; font-size: 14px; font-weight: 700; color: #1a1a1a;}
.tab_wrapper table tbody tr{background-color: #fff;}
.tab_wrapper table tbody tr:nth-child(even){background-color: #f1f3f6;}
.tab_wrapper table td{font-size: 14px; font-weight: 500; color: #7b7b7b; padding: 10px 25px; text-align: left;}
.tab_wrapper table td label{display: none;}
.tab_wrapper table tfoot{background-color: #ffc573;}
.tab_wrapper table tfoot td{color: #232323;}

.tab_wrapper .tab_list{width: 100%; display: inline-flex; justify-content: center; align-items: center; margin: 0;}
.tab_wrapper .tab_list li{padding: 15px 20px; margin: 0; font-size: 15px; font-weight: 500; color: #1a1a1a; display: flex; align-items: center; cursor: pointer;}
.tab_wrapper .tab_list li:before{display: none;}
.tab_wrapper > .tab_list li.active{background: #fff; border-radius: 3px 3px 0 0; font-weight: 600; overflow: hidden;}
.tab_wrapper > .tab_list li.active:after {content: ""; position: absolute; top: 0; height: 2px; left: 0; background: #f27125; width: 100%;}
.tab_wrapper .counter{min-width: 20px; min-height: 20px; font-size: 12px; color: #fff; margin-left: 5px; background: #f27125; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.tab_wrapper .content_wrapper .accordian_header .counter{display: inline-block; text-align: center; line-height: 20px;}

.tab_wrapper .content_wrapper{width: 100%; background: #fff; border-radius: 3px;}

.tab_wrapper .content_wrapper .tab_content{padding: 20px; display: none;}

.tab_wrapper .btn-block{margin: 0;}
.tab_wrapper .btn-now{background-color: #f27125; color: #fff; padding: 10px 15px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; transition: 0.2s ease; border-radius: 3px;}
.tab_wrapper .btn-now:hover{color: #121119;}

.tab_wrapper .content_wrapper .accordian_header{display: none; padding: 15px; font-size: 14px; font-weight: 600; border-bottom: 1px solid #f1f3f6; position: relative; cursor: pointer;}
.tab_wrapper .content_wrapper .accordian_header .arrow {float: right; display: inline-block; width: 10px; height: 10px; position: relative; border-radius: 2px; transform: rotate(-135deg); background: #fff; border-top: 2px solid #9a9a9a; border-left: 2px solid #9a9a9a;}
.tab_wrapper .content_wrapper .accordian_header.active {color: #1a1a1a; font-weight: 700;}

.tab_wrapper .content_wrapper .accordian_header.active .arrow {transform: rotate(45deg); margin-top: 5px;}

/* my course tab */
.tab_wrapper .mycourses-list .course-box{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #ececec;}
.tab_wrapper .mycourses-list .course-box:first-child{padding-top: 0;}
.tab_wrapper .mycourses-list .course-box:last-child{padding-bottom: 0; border-bottom: 0;}

.tab_wrapper .mycourses-list .course-box .course-block{display: inline-flex; align-items: center; margin: 0;}
.tab_wrapper .mycourses-list .course-box figure{max-width: 150px; width: 100%; border-radius: 3px; overflow: hidden;}
.tab_wrapper .mycourses-list .course-box figure img{width: 100%; height: auto; display: block;}
.tab_wrapper .mycourses-list .course-name{font-size: 20px; font-weight: 500; color: #1a1a1a;}
.tab_wrapper .mycourses-list .details-block{margin-left: 20px;}
.tab_wrapper .mycourses-list .attempted-course{margin-bottom: 25px;}
.tab_wrapper .mycourses-list .attempted-course ul{margin: 0;width: 100%; display: inline-flex;}
.tab_wrapper .mycourses-list .attempted-course ul li{padding: 0; margin-left: 40px; font-size: 12px; font-weight: 500; color: #595959;}
.tab_wrapper .mycourses-list .attempted-course ul li:before{display: none;}
.tab_wrapper .mycourses-list .attempted-course ul li:first-child{margin-left: 0;}
.tab_wrapper .mycourses-list .attempted-course ul li strong{font-weight: 700;}

.tab_wrapper .mycourses-list .other-details ul{margin: 0;width: 100%; display: inline-flex;}
.tab_wrapper .mycourses-list .other-details ul li{padding: 0 3px 0 0; font-size: 12px; margin: 0; font-weight: 500; color: #595959;}
.tab_wrapper .mycourses-list .other-details ul li:before{display: none;}
.tab_wrapper .mycourses-list .other-details ul li:after{content: "/"; font-size: 13px; font-weight: 600;}
.tab_wrapper .mycourses-list .other-details ul li:last-child:after{display: none;}
.tab_wrapper .mycourses-list .other-details ul li:first-child{margin-left: 0;}
.tab_wrapper .mycourses-list .other-details ul li strong{font-weight: 700;}

/* Recommendations tab */
.tab_wrapper .recommned-courses-list .course-box{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #ececec;}
.tab_wrapper .recommned-courses-list .course-box:first-child{padding-top: 0;}
.tab_wrapper .recommned-courses-list .course-box:last-child{padding-bottom: 0; border-bottom: 0;}

.tab_wrapper .recommned-courses-list .course-box .course-block{display: inline-flex; align-items: center; margin: 0;}
.tab_wrapper .recommned-courses-list .course-box figure{max-width: 150px; width: 100%; border-radius: 3px; overflow: hidden;}
.tab_wrapper .recommned-courses-list .course-box figure img{width: 100%; height: auto; display: block;}

.tab_wrapper .recommned-courses-list .course-name{font-size: 20px; font-weight: 500; color: #1a1a1a; margin-bottom: 5px;}
.tab_wrapper .recommned-courses-list .details-block{margin-left: 20px;}

.tab_wrapper .recommned-courses-list .other-details ul{margin: 0;width: 100%; display: inline-flex;}
.tab_wrapper .recommned-courses-list .other-details ul li{padding: 0 3px 0 0; font-size: 12px; margin: 0; font-weight: 500; color: #595959;}
.tab_wrapper .recommned-courses-list .other-details ul li:before{display: none;}
.tab_wrapper .recommned-courses-list .other-details ul li:after{content: "/"; font-size: 13px; font-weight: 600;}
.tab_wrapper .recommned-courses-list .other-details ul li:last-child:after{display: none;}
.tab_wrapper .recommned-courses-list .other-details ul li:first-child{margin-left: 0;}
.tab_wrapper .recommned-courses-list .other-details ul li strong{font-weight: 700;}

/* free coureses tab */
.tab_wrapper .free-courses-list .course-box{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #ececec;}
.tab_wrapper .free-courses-list .course-box:first-child{padding-top: 0;}
.tab_wrapper .free-courses-list .course-box:last-child{padding-bottom: 0; border-bottom: 0;}

.tab_wrapper .free-courses-list .course-box .course-block{display: inline-flex; align-items: center; margin: 0;}
.tab_wrapper .free-courses-list .course-box figure{max-width: 150px; width: 100%; border-radius: 3px; overflow: hidden;}
.tab_wrapper .free-courses-list .course-box figure img{width: 100%; height: auto; display: block;}

.tab_wrapper .free-courses-list .course-name{font-size: 20px; font-weight: 500; color: #1a1a1a; margin-bottom: 5px;}
.tab_wrapper .free-courses-list .details-block{margin-left: 20px;}

.tab_wrapper .free-courses-list .other-details ul{margin: 0;width: 100%; display: inline-flex;}
.tab_wrapper .free-courses-list .other-details ul li{padding: 0 3px 0 0; font-size: 12px; margin: 0; font-weight: 500; color: #595959;}
.tab_wrapper .free-courses-list .other-details ul li:before{display: none;}
.tab_wrapper .free-courses-list .other-details ul li:after{content: "/"; font-size: 13px; font-weight: 600;}
.tab_wrapper .free-courses-list .other-details ul li:last-child:after{display: none;}
.tab_wrapper .free-courses-list .other-details ul li:first-child{margin-left: 0;}
.tab_wrapper .free-courses-list .other-details ul li strong{font-weight: 700;}

/* my activity tab */
.tab_wrapper .activity-block{margin-bottom: 20px;}
.tab_wrapper .activity-block:last-child{margin-bottom: 0;}
.tab_wrapper .activity-date{font-size: 12px; font-weight: 600; color: #121119; margin-bottom: 10px;}
.tab_wrapper .activity-details{border-radius: 3px; border: 1px solid #ececec;}
.tab_wrapper .activity-details .block{padding: 15px; border-bottom: 1px solid #ececec;}
.tab_wrapper .activity-details .block:last-child{border-bottom: 0;}
.tab_wrapper .activity-details .block > label{font-size: 12px; font-weight: 500; color: #8f8f8f; margin-bottom: 10px; display: inline-block;}
.tab_wrapper .activity-details .block p{font-size: 15px; color: #1a1a1a; margin-bottom: 0;}
.tab_wrapper .activity-details .block p a{font-weight: 600; color: #1a1a1a; text-decoration: underline; transition: 0.2s ease}
.tab_wrapper .activity-details .block p a:hover{text-decoration: none;}

.tab_wrapper .activity-details .block table th{font-weight: 600; padding: 10px 20px;}
.tab_wrapper .activity-details .block table th:last-child{text-align: right;}
.tab_wrapper .activity-details .block table td{font-size: 13px; padding: 10px 20px;}
.tab_wrapper .activity-details .block table td:first-child{color: #1a1a1a;}
.tab_wrapper .activity-details .block table td:last-child{text-align: right;}

/* special offer */
.tab_wrapper .content_wrapper .tab_content.special_discount{padding: 40px;}
.special-discount-section{width: 100%; background: #f9f9f9; border: 1px solid #dddddd; border-radius: 3px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; position: relative;}
.special-discount-section:before{content: ""; width: 17px; height: 65px; background: url('../images/curve-shape.svg') no-repeat right; position: absolute; left: -1px; top: 50%; transform: translateY(-50%); z-index: 9;}

.special-discount-section:after{content: ""; width: 17px; height: 65px; background: url('../images/curve-shape.svg') no-repeat left; position: absolute; right: -1px; top: 50%; transform: translateY(-50%);}

.special-discount-section .discount-box{margin: 0; padding: 35px 80px; background: #eeeeee; text-align: center; border-right: 1px dashed #dddddd; position: relative;}
.special-discount-section .discount-box:before{content: ""; width: 16px; height: 8px; background: url('../images/curve-shape-small.svg') no-repeat bottom; position: absolute; top: -1px; right: -8px;}
.special-discount-section .discount-box:after{content: ""; width: 16px; height: 8px; background: url('../images/curve-shape-small.svg') no-repeat top; position: absolute; bottom: -1px; right: -8px;}

.special-discount-section .discount-box strong{font-size: 60px; color: #f27125; font-weight: 700; margin-bottom: 10px; display: inline-block;}
.special-discount-section .discount-box .coupen-code{padding: 10px 30px; background: #fff; border-radius: 3px; font-size: 20px; color: #f27125; font-weight: 700; margin-bottom: 10px;}
.special-discount-section .discount-box p{color: #7a7a7a; margin-bottom: 0;}
.special-discount-section .discount-box p span{font-weight: 600; color: #1a1a1a;}
.special-discount-section .discount-text{max-width: 590px; width: 100%; text-align: center;}
.special-discount-section .discount-text p{font-size: 22px; font-weight: 700; color: #121119; line-height: 1.5; margin-bottom: 0;}

.coupen-list{width: 100%; display: flex; flex-wrap: wrap;}
.coupen-list .box{max-width: 540px; width: 100%; background: #f9f9f9; border-radius: 3px; margin: 0 0 20px 40px; overflow: hidden; position: relative;}
.coupen-list .box:nth-child(2n + 1){margin-left: 0;}
.coupen-list .box:nth-last-child(-n + 2){margin-bottom: 0;}

.coupen-list .box.expired{opacity: 0.5;}
.coupen-list .box.used{opacity: 0.5;}

.coupen-list .box .offer-details{width: 100%; border: 1px solid #dddddd; border-bottom: 0; display: flex; align-items: center; justify-content: center; padding: 30px 15px; position: relative;} 
.coupen-list .box .offer-label{background: #f14d4d; color: #fff; font-size: 14px; font-weight: 300; padding: 6px 35px 6px 15px; position: absolute; left: 20px; top: 20px;}
.coupen-list .box .offer-label:after{content: ""; width: 28px; height: 100%; background: #f9f9f9; position: absolute; top: 0; right: -20px; transform: rotate(45deg);}

.coupen-list .box .offer-details strong{font-size: 60px; color: #f27125; font-weight: 700; margin:0 50px 0 0; display: inline-block;}
.coupen-list .box .offer-details .discount-text{max-width: 210px; width: 100%; margin: 0;}
.coupen-list .box .offer-details .discount-text p{font-size: 16px; font-weight: 500; color: #1a1a1a; line-height: 1.5; margin-bottom: 15px;}
.coupen-list .box .offer-details .coupen-code{padding: 10px 30px; background: #eeeeee; border:  1px solid #dddddd; border-radius: 3px; font-size: 20px; color: #f27125; font-weight: 700; display: inline-block;}
.coupen-list .box .offer-validity{width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 13px 20px; border: 1px solid #dddddd; border-top: 1px dashed #dddddd;}
.coupen-list .box:before{content: ""; width: 9px; height: 16px; background: url('../images/curve-shape-small.svg') no-repeat right; position: absolute; bottom: 42px; left: -1px; z-index: 9;}
.coupen-list .box:after{content: ""; width: 8px; height: 16px; background: url('../images/curve-shape-small.svg') no-repeat left; position: absolute; bottom: 42px; right: -1px;}

.coupen-list .box .offer-validity p{color: #7a7a7a; margin: 0;}
.coupen-list .box .offer-validity p span{font-weight: 600; color: #1a1a1a;}

.coupen-list .box figure{position: absolute; top: -14px; right: -16px; z-index: -1;}

/* recent order tab */
.tab_wrapper .recent-order table{border: 1px solid #ececec; border-collapse: collapse;}
.tab_wrapper .recent-order table thead{background-color: #f1f3f6;}
.tab_wrapper .recent-order table th{padding: 20px; text-align: center; font-weight: 600;}
.tab_wrapper .recent-order table th:first-child{text-align: left;}

.tab_wrapper .recent-order table tbody tr{border-bottom: 1px solid #ececec;}
.tab_wrapper .recent-order table tbody tr:nth-child(even){background-color: transparent;}
.tab_wrapper .recent-order table td.order-id{text-align: left;}
.tab_wrapper .recent-order table td.order-id value a:hover{color: #121119;}
.tab_wrapper .recent-order table td{color: #1a1a1a; text-align: center; padding: 10px 20px;}
.tab_wrapper .recent-order table td:last-child{width: 120px;}

.tab_wrapper .btn-now{padding:10px 20px; font-size: 14px;}

/* my profile tab */
.tab_wrapper .profile-box{width: 100%; background: #fff; border-radius: 5px; position: relative;}
.tab_wrapper .profile-box .user-picture{max-width: 110px; width: 100%; margin-bottom: 40px; text-align: center;}
.tab_wrapper .profile-box .user-picture figure{width: 100px; height: 100px; background: url('../images/user-profile.png') no-repeat center center; background-size: cover; border-radius: 50%; margin-bottom: 10px;}
.tab_wrapper .profile-box .user-picture figure img{width: 100%; height: auto; display: block;}
.tab_wrapper .profile-box .user-picture a{font-size: 14px; font-weight: 600; color: #1a1a1a; text-decoration: underline;}
.tab_wrapper .profile-box .user-picture a:hover{color: #f85327; text-decoration: none;}

.tab_wrapper .profile-box .change-pwd-link{position: absolute; top: 0; right: 0;}
.tab_wrapper .profile-box .change-pwd-link a{font-size: 14px;}
.tab_wrapper .profile-box .change-pwd-link a:hover{color: #2c2c2c;}

.tab_wrapper .profile-box .user-details{width: 100%; display: inline-flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 50px;}
.tab_wrapper .profile-box .user-details .block{max-width: 50%; width: 100%;}
.tab_wrapper .profile-box .user-details .title{font-size: 20px; font-weight: 600; color: #2c2c2c; text-align: center; margin-bottom: 35px;}
.tab_wrapper .profile-box .details-group .input-block{width: 100%; display: inline-flex; align-items: center; justify-content: flex-end; margin-bottom: 15px;}
.tab_wrapper .profile-box .details-group .input-block:last-child{margin-bottom: 0;}
.tab_wrapper .profile-box .details-group .input-block label{font-size: 15px; font-weight: 600; color: #1a1a1a; margin: 0 20px 0 0;}
.tab_wrapper .profile-box .details-group .input-block .required:after{content: "*"; font-size: 24px; color: #cc1b1b; position: relative; top: 5px; left: 2px;}
.tab_wrapper .profile-box .details-group .input-block .input-style{max-width: 360px; width: 100%; margin: 0;}
.tab_wrapper .profile-box .details-group .input-block .input-style input{width: 100%; height: 40px; border: 0; font-size: 14px;font-weight: 500; color: #595959; padding: 15px; background: #f1f3f6;}
.tab_wrapper .profile-box .details-group .input-block .input-style select{width: 100%; height: 40px; border: 0; font-size: 14px; font-weight: 500; color: #595959; padding: 10px 15px; background-color: #f1f3f6;}

.tab_wrapper .profile-box .details-group .gender-block{padding: 10px 0;}
.tab_wrapper .profile-box .details-group .gender-block .custom-style span{margin-left: 35px;}

.tab_wrapper .profile-box .details-group .skill-block{flex-wrap: wrap;}
.tab_wrapper .profile-box .details-group .skill-block .input-style{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.tab_wrapper .profile-box .details-group .skill-block .input-style input,
.tab_wrapper .profile-box .details-group .skill-block .input-style select{max-width: 175px; width: 100%; margin-bottom: 5px;}

.tab_wrapper .profile-box .details-group .certifications-block{flex-wrap: wrap;}
.tab_wrapper .profile-box .details-group .certifications-block .input-style{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.tab_wrapper .profile-box .details-group .certifications-block .input-style .certifications-type{max-width: 100%;}
.tab_wrapper .profile-box .details-group .certifications-block .input-style input,
.tab_wrapper .profile-box .details-group .certifications-block .input-style select{max-width: 175px; width: 100%; margin-bottom: 5px;}

.tab_wrapper .profile-box .details-group .add-skill{width: 100%; text-align: right;}
.tab_wrapper .profile-box .details-group .add-skill a{font-size: 14px; font-weight: 600; color: #f27125;}
.tab_wrapper .profile-box .details-group .add-skill a:before{content: "+"; margin-right: 2px;}
.tab_wrapper .profile-box .details-group .add-skill a:hover{color: #121119;}

.tab_wrapper .profile-box .details-group .user-option{max-width: 360px; width: 100%; margin:0 0 30px auto;}
.tab_wrapper .profile-box .details-group .user-option:last-child{margin:0 0 0 auto;}
.tab_wrapper .profile-box .details-group .user-option > label{font-size: 15px; font-weight: 600; color: #1a1a1a; margin-bottom: 10px; display: inline-block;}
.tab_wrapper .profile-box .details-group .user-option .input-style label{margin: 0 40px 0 0;}
.tab_wrapper .profile-box .details-group .user-option .input-style label:last-child{margin: 0;}

.tab_wrapper .profile-box .delete-account-block{width: 100%;margin-bottom: 20px; padding: 20px; border:1px solid #cecece; border-radius: 3px; text-align: center;}
.tab_wrapper .profile-box .delete-account-block span{font-size: 15px; font-weight: 600; color: #1d1d1d;}

.tab_wrapper .profile-box .account-details{width: 100%; display: flex; justify-content: space-between;}
.tab_wrapper .profile-box .account-details .box{max-width: 49%; width: 100%; margin: 0; border-radius: 3px; border: 1px solid #ececec;}
.tab_wrapper .profile-box .account-details .box .content-block{padding: 15px 20px;}
.tab_wrapper .profile-box .account-details .box .title{width: 100%; padding: 10px 20px; margin-bottom: 0; background: #f1f3f6; display: inline-flex; justify-content: space-between; align-items: center;}
.tab_wrapper .profile-box .account-details .box .title p{font-size: 15px; font-weight: 600; color: #121119; margin: 0;}
 
.tab_wrapper .profile-box .account-details .box .content-block{padding: 25px 30px;}
.tab_wrapper .profile-box .account-details .box .content-block .block{margin-bottom: 20px;}
.tab_wrapper .profile-box .account-details .box .content-block .block label{font-size: 13px; color: #999999; margin-bottom: 5px; display: block;}
.tab_wrapper .profile-box .account-details .box .content-block .block p{font-size: 14px; font-weight: 500; margin: 0; color: #1a1a1a;}

.tab_wrapper .profile-box .account-details .box .content-block .password-field input{height: 10px; font-size: 16px; color: #1a1a1a; padding:0; border: 0; pointer-events: none;}

.tab_wrapper .profile-box .update-btn{width: 100%; display: inline-flex; justify-content: center; margin-bottom: 20px;}
.tab_wrapper .profile-box .update-btn .default-btn{max-width: 225px; width: 100%; height: 45px; background-color: #f27125; font-size: 14px; font-weight: 500; color: #fff; padding: 8px 22px; border: 0; box-shadow: none; outline: 0; cursor: pointer; transition: 0.2s ease; display: inline-flex; justify-content: center; align-items: center; border-radius: 3px;}

.tab_wrapper .profile-box .update-btn .default-btn:hover{color: #121118;}

/* recent order */
.recent-order-block{width: 100%; margin-bottom: 80px; margin-top: 50px;}
.recent-order-block .title-caption{text-align: center; margin-bottom: 25px;}
.recent-order-block .title-caption h3{margin-bottom: 0;}

.recent-order-block .order-block{width: 100%; border-radius: 3px; border: 1px solid #2e2d35;}
.recent-order-block .order-block .title{width: 100%; padding: 15px 15px; background: #1e1d25; font-size: 16px; color: #999999; display: inline-flex;}
.recent-order-block .order-block .title label{margin: 0; font-size: 16px; font-weight: 500; max-width: 270px; width: 100%;}

.recent-order-block .content-block{width: 100%;}
.recent-order-block .content-block .all-orders{width: 100%; display: inline-flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #2e2d35;}
.recent-order-block .content-block .all-orders:last-child{border: 0;}
.recent-order-block .content-block .all-orders .order{width: 100%; display: inline-flex; padding: 25px 15px;}
.recent-order-block .content-block .all-orders .order div{margin: 0; max-width: 270px; width: 100%; font-size: 16px; padding-right: 15px;}
.recent-order-block .content-block .all-orders .order .order-id a:hover{text-decoration: underline;}
.recent-order-block .content-block .all-orders .order a{margin: 0}
.recent-order-block .content-block .view-btn{font-size: 15px; padding: 10px 15px; text-align: center; background: #1e1d25; color: #999999; margin-right: 15px; border-radius: 3px; cursor: pointer;}
.recent-order-block .content-block .view-btn:hover{color: #f27125;}

/* my connection tab */
.my-connection-tab .enable-user-box{width: 100%; background: #f9f9f9; padding: 40px 0; text-align: center; border-radius: 5px;}
.my-connection-tab .enable-user-box .custom-style{margin-bottom: 0;}
.my-connection-tab .enable-user-box .checkbox-style{width: 16px; height: 16px; background: #fff; border: 1px solid #bababa;}
.my-connection-tab .enable-user-box .custom-style input:checked ~ .checkbox-style{border-color: #f27125;}
.my-connection-tab .enable-user-box .custom-style span{font-size: 18px; font-weight: 500; color: #121119; margin-left: 15px;}

/* The Modal (background) */
.modal {display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4);}

/* Modal Content */
.modal-content {max-width: 600px; width: 100%; background-color: #fefefe; margin: auto; border-radius: 3px; overflow: hidden; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.3s; animation-name: animatetop; animation-duration: 0.3s; position: relative; padding: 35px; top: calc(50% - 100px); transform: translateY(-50%);}

.modal .popup-error-message{text-align: center; margin-bottom: 15px;}
.modal .popup-error-message .error-msg{font-size: 14px; color: #1b1e21;}
.modal .popup-error-message .error-msg.success{color: #155724;}
.modal .popup-error-message .error-msg.warning{color: #721c24;}
.modal .popup-error-message .error-msg.info{color: #856404;}

.modal-content .icon-close{position: absolute; top: 10px; right: 15px; font-size: 22px; cursor: pointer; z-index: 11; }
.modal-content .icon-close:hover{color: #121119; }
.modal-content .title{font-size: 22px; font-weight: 500; color: #121119; text-align: center; margin-bottom: 5px; }
.modal-content .btn-block{text-align: center; }
.modal-content .default-btn{background-color: #f27125; height: 40px; border-radius: 3px; border: 0; color: #fff; font-size: 16px; font-weight: 500; padding: 0 30px; outline: 0; cursor: pointer; transition: 0.2s ease-in-out; }
.modal-content .default-btn:hover{color: #121119;}

/* notify modal */
.open-modal-notify .modal.modal-notify{display: block;}
.modal-notify span{font-size: 14px; width: 100%; display: block; text-align: center; margin-bottom: 20px;}
.modal-notify .form-group .block{margin-bottom: 20px;}

/* change password modal */
.open-change-pwd .modal.modal-change-pwd{display: block;}
.modal-change-pwd .modal-content .title{margin-bottom: 15px;}
.modal-change-pwd .input-block{margin-bottom: 20px;}
.modal-change-pwd .input-block label{font-size: 14px; margin-bottom: 5px; display: inline-block; color: #121119; }
.modal-change-pwd .input-block .input-style{height: 45px; }
.modal-change-pwd .input-block input{height: 100%; }

/* connect user modal */
.myconnection-tab{min-height: 320px;}
.modal-connect-user .modal-content{max-width: 530px; max-height: 90vh; overflow: auto; padding: 25px 30px 20px; top: calc(50% - 25px); margin: 15px auto;}
.open-connect-user .modal-connect-user{display: block;}
.modal-connect-user .modal-content .icon-close{color: #929292; top: 15px; font-size: 24px;}
.modal-connect-user .modal-content .icon-close:hover{color: #f27125;}
.modal-connect-user .modal-content .title{margin-bottom: 15px; font-weight: 600; line-height: 1.3; padding: 0 45px;}
.modal-connect-user .connect-user-content .select-options{width: 100%; margin-bottom: 25px;}
.modal-connect-user .connect-user-content .options-list > .input-style{padding: 20px 0; border-bottom: 1px solid #eeeeee;}
.modal-connect-user .connect-user-content .options-list > .input-style:first-child{padding-top: 0;}
.modal-connect-user .connect-user-content .options-list > .input-style:last-child{padding-bottom: 0; border-bottom: 0;}

.modal-connect-user .connect-user-content .select-options .custom-style{margin: 0;}
.modal-connect-user .connect-user-content .default-option .form-group{margin-top: 20px;}
.modal-connect-user .connect-user-content .select-options .form-group{width: 100%; display: flex; justify-content: space-between;}
.modal-connect-user .connect-user-content .select-options .form-group label{font-size: 15px; font-weight: 700; color: #1a1a1a; margin-bottom: 5px; display: inline-block;} 

.modal-connect-user .input-style .label{font-size: 16px; font-weight: 600; color: #121119; margin-bottom: 8px;}

.modal-connect-user .input-style.tagline textarea{height: 60px; background: #f1f3f6; border: 0; border-radius: 3px;}

.modal-connect-user .form-group .input-block{max-width: calc(100% / 2 - 7px); width: 100%; margin: 0;}

.modal-connect-user .form-group .input-block select{font-size: 14px; font-weight: 500; color: #121119 !important; background-color: #f1f3f6; background-image: url("../images/select-arrow.svg"); border: 0;}

.modal-connect-user .modal-content .default-btn{min-width: 150px;}

.modal-connect-user .checkbox-style{width: 14px; height: 14px; border-radius: 3px; background: #fff; border: 1px solid #bababa;}
.modal-connect-user .custom-style input:checked ~ .checkbox-style{border-color: #f27125;}
.modal-connect-user .custom-style .checkbox-style:after{font-size: 9px;}

.modal-connect-user .multiselect .form-group .input-block{max-width: 100%;}
.modal-connect-user .experience-option .form-group .input-block{max-width: 100%;}

.modal-connect-user .select-options .error-msg{margin-top: 3px;}
.modal-connect-user .select-options .error-msg span{font-size: 15px; font-weight: 500; color: #f93e3e;}
.modal-connect-user .select-options .error-msg a{color: #f93e3e; text-decoration: underline;}
.modal-connect-user .select-options .error-msg a:hover{text-decoration: none;}

/* my connection tab */
.connected-users .title{font-size: 22px; font-weight: 600; color: #121119; margin-bottom: 20px;}
.connected-users .users-list-group{width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.connected-users .users-list-group .box{max-width: 280px; width: 100%; background: #f3f3f3; border-radius: 5px; padding: 20px 15px; margin: 0 0 10px 10px; text-align: center; display: flex; justify-content: space-between; flex-direction: column;}
.connected-users .users-list-group .box .img-block{max-width: 90px; width: 100%; height: 90px; background: #d9d9d9; border-radius: 50%; margin-bottom: 10px; overflow: hidden; position: relative;}
.connected-users .users-list-group .box .img-block:before{content: "x"; font-family: "whizlabs"; width: 100%; height: 100%; font-size: 45px; color: #bfbdbd; position: absolute; z-index: 0; display: flex; align-items: center; justify-content: center;}
.connected-users .users-list-group .box .img-block img{position: relative;}

.connected-users .box h5{font-size: 18px; font-weight: 700; color: #121119; margin-bottom: 8px;}
.connected-users .box p{font-size: 13px; color: #7a7a7a; line-height: 1.3; margin-bottom: 10px;}
.connected-users .box h6{font-size: 14px; font-weight: 500; color: #1a1a1a; margin-bottom: 8px;}

.connected-users .box .tag-list{margin-bottom: 10px;}
.connected-users .box .tag-list > a{background: #cfdff5; border-radius: 3px; padding: 5px 15px; font-size: 12px; font-weight: 500; color: #1a73e8; text-decoration: none; display: inline-block;}
.connected-users .box .tag-list > a:hover{background: #1a73e8; color: #fff;}

.connected-users .box .tag-list .more-tag{position: relative; display: inline-block; vertical-align: middle; cursor: pointer;}
.connected-users .box .tag-list .more-tag:after{content: ""; width: 100%; height: 5px; background: transparent; position: absolute; bottom: -5px; right: 0;}
.connected-users .box .tag-list .more-tag strong{font-size: 16px; font-weight: 900; line-height: 4px; color: #1a73e8; display: flex; justify-content: center; background: #cfdff5; padding: 5px 4px; border-radius: 50%; max-width: 21px; width: 100%; min-height: 21px;} 
.connected-users .box .tag-list .more-tag:hover .more-tag-list{display: block;}

.connected-users .box .tag-list .more-tag-list{min-width: 200px; background: #cfdff5; border:1px solid rgba(26, 115, 232,0.2); position: absolute; top: 30px; right: -10px; z-index: 98; display: none;}
.connected-users .box .tag-list .more-tag-list:after{content: ""; width: 8px; height: 8px; background: #cfdff5; border-left:1px solid rgba(26, 115, 232,0.2); border-top: 1px solid rgba(26, 115, 232,0.2); position: absolute; top: -6px; right: 15px; z-index: -1; transform: rotate(45deg);}
.connected-users .box .tag-list .more-tag-list ul{margin: 0;}
.connected-users .box .tag-list .more-tag-list ul li{text-align: left; padding: 0; line-height: 1;}
.connected-users .box .tag-list .more-tag-list ul li:before{display: none;}
.connected-users .box .tag-list .more-tag-list ul li a{font-size: 12px; font-weight: 500; color: #1a73e8; text-decoration: none; padding: 10px; display: block;}
.connected-users .box .tag-list .more-tag-list ul li a:hover{background: #1a73e8; color: #fff;}

.connected-users .box .keyskills-block{width: 100%; display: flex; align-items: center; margin-bottom: 15px;} 
.connected-users .box .keyskills-block span{font-size: 12px; font-weight: 700; color: #121119; margin:0 2px 0 0;}
.connected-users .box .keyskills-block ul{margin: 0;}
.connected-users .box .keyskills-block ul li{display: inline-block; padding: 0;}
.connected-users .box .keyskills-block ul li:before{display: none;}
.connected-users .box .keyskills-block ul li a{font-size: 12px; font-weight: 500; color: #121119; text-decoration: underline;}

.connected-users .btn-block .btn-msg{min-width: 120px; background-color: #f27125; color: #fff; padding: 10px 15px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; transition: 0.2s ease; border-radius: 3px;}
.connected-users .btn-block .btn-msg:hover{color: #121119;}

.my-connection-tab .pagintaion{text-align: center;}
.my-connection-tab .pagintaion ul{width: 100%; margin: 0;}
.my-connection-tab .pagintaion ul li{max-width: 35px; width: 100%; height: 35px; background: #f3f3f3; margin-left:10px; padding: 0; display: inline-block; border-radius: 50px;}
.my-connection-tab .pagintaion ul li:first-child{margin-left: 0;}
.my-connection-tab .pagintaion ul li:before{display: none;}
.my-connection-tab .pagintaion ul li a{display: block; font-size: 18px; font-weight: 600; color: #121119; line-height: 32px; transition: none;}
.my-connection-tab .pagintaion ul li:hover,
.my-connection-tab .pagintaion ul li.active{background: #535357;}
.my-connection-tab .pagintaion ul li:hover a,
.my-connection-tab .pagintaion ul li.active a{color: #fff;}

.my-connection-tab .pagintaion .left-arrow a{font-size: 12px;line-height: 36px; transform: rotate(90deg) translateY(4px);}
.my-connection-tab .pagintaion .right-arrow a{font-size: 12px; line-height: 36px; transform: rotate(270deg) translateY(3px);}

.others-connection{margin-bottom: 25px; padding-bottom: 25px; position: relative;}
.others-connection:after{content: ""; width: calc(100% + 40px); height: 1px; background: #e1e1e1; position: absolute; bottom: 0; right: 20px; left: -20px;}

.others-connection .user-connect-tabs{text-align: center; margin-bottom: 20px;}
.others-connection .user-connect-tabs .tabs-nav{background:#eeeeee; border-radius: 3px; padding: 5px; display: inline-block;margin: 0;}
.others-connection .user-connect-tabs .tabs-nav li{margin: 0; padding: 0; display: inline-block;}
.others-connection .user-connect-tabs .tabs-nav li:before{display: none;}
.others-connection .user-connect-tabs .tabs-nav li a{font-size: 14px; font-weight: 600; line-height: 1.3; color: #121119; padding: 10px 20px; display: inline-block; border-radius: 3px;}
.others-connection .user-connect-tabs .tabs-nav li a:hover{background: #fff; color: #f27125;}
.others-connection .user-connect-tabs .tabs-nav li.tab-active a{background: #fff; color: #f27125;}
.others-connection .user-connect-tabs .tabs-nav .request-count{min-width: 19px; min-height: 15px; font-size: 12px; line-height: normal; color: #fff; margin-left: 5px; background: #f27125; border-radius: 3px; display: inline-block; vertical-align: text-top;}

.others-connection .owl-carousel .owl-stage-outer{margin-bottom: 0;}
.others-connection .owl-carousel .owl-stage{display: flex;}
.others-connection .owl-carousel .owl-nav button.disabled{display: none;}
.others-connection .owl-carousel .owl-nav .owl-prev{position: absolute; top: 50%; left: -18px; transform: translateY(-50%);}
.others-connection .owl-carousel .owl-nav .owl-next{position: absolute; top: 50%; right: -18px; transform: translateY(-50%);}
.others-connection .owl-carousel .owl-nav button{max-width: 32px; width: 100%; height: 32px; background: #535357 !important; font-size: 28px !important; font-weight: 600; color: #fff !important; border-radius: 50%;}
.others-connection .owl-carousel .owl-nav button span{vertical-align: top; line-height: 30px;}

.others-connection .box{max-width: 280px; width: 100%; background: #f3f3f3; border-radius: 5px; padding: 20px 15px; margin: 0 0 0 10px; text-align: center; display: flex; justify-content: space-between; flex-direction: column;}

.others-connection .box .top-block{margin-bottom: 5px;}
.others-connection .box .img-block{max-width: 90px; width: 100%; height: 90px; background: #d9d9d9; border-radius: 50%; margin-bottom: 10px; overflow: hidden; position: relative;}
.others-connection .box .img-block:before{content: "x"; font-family: "whizlabs"; width: 100%; height: 100%; font-size: 45px; color: #bfbdbd; position: absolute; z-index: 0; display: flex; align-items: center; justify-content: center;}
.others-connection .box .img-block img{position: relative;}

.others-connection .box h5{font-size: 18px; font-weight: 700; color: #121119; margin-bottom: 8px;}
.others-connection .box p{font-size: 13px; color: #7a7a7a; line-height: 1.3; margin-bottom: 10px;}
.others-connection .box h6{font-size: 14px; font-weight: 500; color: #1a1a1a; margin-bottom: 8px;}

.others-connection .box .tag-list{margin-bottom: 10px;}
.others-connection .box .tag-list > a{background: #cfdff5; border-radius: 3px; padding: 5px 15px; font-size: 12px; font-weight: 500; color: #1a73e8; text-decoration: none; display: inline-block;}
.others-connection .box .tag-list > a:hover{background: #1a73e8; color: #fff;}

.others-connection .box .tag-list .more-tag{position: relative; display: inline-block; vertical-align: middle; cursor: pointer;}
.others-connection .box .tag-list .more-tag:after{content: ""; width: 100%; height: 5px; background: transparent; position: absolute; bottom: -5px; right: 0;}

.others-connection .box .tag-list .more-tag strong{font-size: 16px; font-weight: 900; line-height: 4px; color: #1a73e8; display: flex; justify-content: center; background: #cfdff5; padding: 5px 4px; border-radius: 50%; max-width: 21px; width: 100%; min-height: 21px;} 
.others-connection .box .tag-list .more-tag:hover .more-tag-list{display: block;}

.others-connection .box .tag-list .more-tag-list{min-width: 200px; background: #cfdff5; border:1px solid rgba(26, 115, 232,0.2); position: absolute; top: 30px; right: -10px; z-index: 98; display: none;}
.others-connection .box .tag-list .more-tag-list:after{content: ""; width: 8px; height: 8px; background: #cfdff5; border-left:1px solid rgba(26, 115, 232,0.2); border-top: 1px solid rgba(26, 115, 232,0.2); position: absolute; top: -6px; right: 15px; z-index: -1; transform: rotate(45deg);}
.others-connection .box .tag-list .more-tag-list ul{margin: 0;}
.others-connection .box .tag-list .more-tag-list ul li{text-align: left; padding: 0; line-height: 1;}
.others-connection .box .tag-list .more-tag-list ul li:before{display: none;}
.others-connection .box .tag-list .more-tag-list ul li a{font-size: 12px; font-weight: 500; color: #1a73e8; text-decoration: none; padding: 10px; display: block;}
.others-connection .box .tag-list .more-tag-list ul li a:hover{background: #1a73e8; color: #fff;}

.others-connection .box .keyskills-block{width: 100%; display: flex; align-items: center; margin-bottom: 15px;} 
.others-connection .box .keyskills-block span{font-size: 12px; font-weight: 700; color: #121119; margin:0 2px 0 0;}
.others-connection .box .keyskills-block ul{margin: 0;}
.others-connection .box .keyskills-block ul li{display: inline-block; padding: 0;}
.others-connection .box .keyskills-block ul li:before{display: none;}
.others-connection .box .keyskills-block ul li a{font-size: 12px; font-weight: 500; color: #121119; text-decoration: underline;}

.others-connection .btn-block .btn-accept{min-width: 100px; background-color: #f27125; color: #fff; border: 0; outline: none; padding: 10px 15px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; transition: 0.2s ease; border-radius: 3px; cursor: pointer;}
.others-connection .btn-block .btn-accept:hover{color: #121119;}

.others-connection .btn-block .btn-cancle{min-width: 100px; background-color: #f3f3f3; color: #121119; border: 1px solid #121119; outline: none; padding: 10px 15px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; transition: 0.2s ease; border-radius: 3px; cursor: pointer;}
.others-connection .btn-block .btn-cancle:hover{background: #121119; color: #fff}

.connected-users{margin-bottom: 25px;}
.connected-users .connected-users-tabs{text-align: center; margin-bottom: 20px;}
.connected-users .connected-users-tabs .tabs-nav{background:#eeeeee; border-radius: 3px; padding: 5px; display: inline-block;margin: 0;}
.connected-users .connected-users-tabs .tabs-nav li{margin: 0; padding: 0; display: inline-block;}
.connected-users .connected-users-tabs .tabs-nav li:before{display: none;}
.connected-users .connected-users-tabs .tabs-nav li a{font-size: 14px; font-weight: 600; line-height: 1.3; color: #121119; padding: 10px 20px; display: inline-block; border-radius: 3px;}
.connected-users .connected-users-tabs .tabs-nav li a:hover{background: #fff; color: #f27125;}
.connected-users .connected-users-tabs .tabs-nav li.tab-active a{background: #fff; color: #f27125;}
.connected-users .connected-users-tabs .tabs-nav .request-count{min-width: 19px; min-height: 15px; font-size: 12px; line-height: normal; color: #fff; margin-left: 5px; background: #f27125; border-radius: 3px; display: inline-block; vertical-align: text-top;}

.connected-users .inbox-list .list-item:first-child{border-top: 1px solid #ececec;}
.connected-users .inbox-list .list-item{width: 100%; display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #ececec;}
.connected-users .inbox-list .list-item figure{max-width: 50px; width: 100%; height: 50px; margin: 0; border-radius: 50%; overflow: hidden;}
.connected-users .inbox-list .list-item figure img{width: 100%; height: auto; display: block;}
.connected-users .inbox-list .list-item .caption{margin: 0 0 0 15px; cursor: pointer;}
.connected-users .inbox-list .list-item .caption h5{font-size: 18px; font-weight: 600; color: #121119; margin-bottom: 5px;}
.connected-users .inbox-list .list-item .caption .request-count{min-width: 19px; min-height: 15px; font-size: 12px; font-weight: 400; line-height: normal; color: #fff; text-align: center; margin-bottom: 3px; margin-left: 5px; background: #f27125; border-radius: 3px; vertical-align: middle; display: none;}
.connected-users .inbox-list .list-item.notification .caption .request-count{display: inline-block;}
.connected-users .inbox-list .list-item .caption p{font-size: 13px; font-weight: 400; color: #7a7a7a; margin: 0; max-width: 435px; width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.connected-users .inbox-list .list-item.notification h5{font-weight: 900;}
.connected-users .inbox-list .list-item.notification p{font-weight: 500;}

.connected-users .list-details .back-link{font-size: 18px; font-weight: 600; color: #121119; margin-bottom: 10px; display: inline-block; cursor: pointer;}
.connected-users .list-details .back-link:hover{text-decoration: underline;}
.connected-users .list-details .back-link .icon{font-size: 14px; line-height: 14px; vertical-align: middle; transform: rotate(90deg); display: inline-block; padding: 10px 3px 0 0;}

.connected-users .list-details .details-box{background: #f3f3f3; padding: 15px; border-radius: 5px; margin-bottom: 20px;}

.connected-users .list-details .name-section{width: 100%; display: flex; align-items: center; margin-bottom: 15px;}
.connected-users .list-details .name-section figure{max-width: 50px; width: 100%; height: 50px; border-radius: 50%; overflow: hidden; margin: 0;}
.connected-users .list-details .name-section figure img{width: 100%; height: 100%; display: block;}
.connected-users .list-details .name-section .caption{margin: 0 0 0 15px;}
.connected-users .list-details .name-section .caption h5{font-size: 18px; font-weight: 700; color: #121119; margin-bottom: 5px;}
.connected-users .list-details .name-section .caption p{font-size: 14px; font-weight: 400; color: #7a7a7a; margin-bottom: 0;}

.connected-users .list-details .msg-box{background: #fff; padding: 20px; border-radius: 5px; margin-bottom: 10px;}
.connected-users .list-details .msg-box:last-child{margin-bottom: 0;}
.connected-users .list-details .msg-box .date{font-size: 14px; font-weight: 600; color: #7a7a7a; text-align: right;}
.connected-users .list-details .msg-box p{font-size: 14px; font-weight: 500; color: #7a7a7a; line-height: 20px; margin-bottom: 18px;}
.connected-users .list-details .msg-box p:last-child{margin-bottom: 0;}

.connected-users .list-details .replay-msg-box{background: #fff; padding: 20px; border-radius: 5px;}
.connected-users .list-details .replay-msg-box .block{display: flex;}
.connected-users .list-details .replay-msg-box .date{font-size: 14px; font-weight: 600; color: #7a7a7a; text-align: right;}
.connected-users .list-details .replay-msg-box p{font-size: 14px; font-weight: 500; color: #7a7a7a; line-height: 20px; margin-bottom: 18px;}
.connected-users .list-details .replay-msg-box p:last-child{margin-bottom: 0;}

.connected-users .feedback-box{background: #f3f3f3; padding: 15px; border-radius: 5px;}
.connected-users .feedback-box h5{font-size: 18px; font-weight: 600; color: #121119;}
.connected-users .feedback-box textarea{height: 160px; padding: 20px; font-size: 14px; font-weight: 500; color: #7a7a7a; border: 0; border-radius: 5px; display: block;}

.connected-users .feedback-box textarea::-webkit-input-placeholder {opacity: 0.5 !important; color: #7a7a7a;}
.connected-users .feedback-box textarea::-moz-placeholder {opacity: 0.5 !important; color: #7a7a7a;}
.connected-users .feedback-box textarea::-moz-placeholder {opacity: 0.5 !important; color: #7a7a7a;}
.connected-users .feedback-box textarea::-ms-input-placeholder {opacity: 0.5 !important; color: #7a7a7a;}

.connected-users .feedback-box .btn-submit{min-width: 120px; height: 40px; border-radius: 3px; background: #f27125; border: 0; outline: none; font-size: 14px; font-weight: 700; color: #fff; margin-top: 10px; cursor: pointer;}
.connected-users .feedback-box .btn-submit:hover{color: #121119;}

/* amazon employees modal */
.open-modal-amazon-employees .modal{display: block;}
.modal-amazon-employees .amazon-employees-content ul li{padding: 0 0 3px 20px;}


/* Add Animation */
@-webkit-keyframes animatetop {
  from {opacity:0} 
  to {opacity:1}
}

@keyframes animatetop {
  from {opacity:0}
  to {opacity:1}
}

.modal-content .user-order-id{width: 100%; background: #f27125; padding: 15px; display: inline-flex; justify-content: space-between; position: relative;}
.modal-content .user-order-id p{font-size: 18px; color: #fff; margin: 0;}
.modal-content .user-order-id button{font-size: 12px; background: #fff; color: #737373; padding: 0 10px; outline: none; border: 0; border-radius: 3px; cursor: pointer; margin-right: 15px; transition: 0.2s all;}
.modal-content .user-order-id button:hover{color: #000;}
.modal-content .user-order-id .close{position: absolute; right: 5px; top: 0; font-size: 30px; line-height: 0.8; color: #fff; cursor: pointer; transition: 0.2s ease;}
.modal-content .user-order-id .close:hover{color: rgba(0,0,0,0.8);}
.modal-content .view-order-details{padding: 15px}
.modal-content .view-order-details table{border: 1px solid #eee;}
.modal-content .view-order-details table tr th{padding: 12px; border: 1px solid #eee; text-align: left; font-size: 12px; color: #737373;}
.modal-content .view-order-details table tr td{padding: 12px; border: 1px solid #eee; text-align: left; font-size: 12px; color: #737373;}
.modal-content .view-order-details table tfoot{border-top: 4px solid #eee;}

/*--------- error 404 page ------------*/
.error-page{width: 100%; display: flex; justify-content: center; flex-direction: column; padding: 100px 0;}
.error-page .img-block picture{width: 490px; height: 405px; display: block; margin:0 0 55px 95px;}
.error-page .img-block picture img{width: 100%; height: auto; display: block;}

.error-page .error-caption{text-align: center;}
.error-page .error-caption .title{font-size: 28px; font-weight: 600; color: #fff; margin-bottom: 15px;}
.error-page .error-caption p{font-size: 16px; font-weight: 300; color: #999999;}
.error-page .error-caption a{font-size: 16px; font-weight: 300; text-decoration: underline;}

/*--------- loding page ------------*/
.loader{width: 100%; height: 100vh; position: fixed; z-index: 998; display: inline-flex; justify-content: center; align-items: center; top: 0; background: rgba(18,17,25,0.8);}
svg{width: 100px; height: 100px; margin: 20px; display:inline-block;}

/*--------- courses page ------------*/
.all-courses{width: 100%; padding: 80px 0 60px 0;}
.all-courses .container{position: relative;}
.all-courses .select-box{max-width: 280px; width: 100%; height: 45px; position: absolute; top: -5px; right: 15px;}
.all-courses .select-box select{height: 100%;}

.all-courses .courses .course-slider:first-child .title{margin-bottom: 30px;}

.all-courses .courses .owl-carousel .owl-stage-outer{margin-bottom: 10px !important;}

.all-courses .courses .owl-stage{margin: 0;}
.all-courses .courses .owl-theme .owl-nav{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 0; margin-top: 0; display: inline-flex; justify-content: space-between; align-items: center;}
.all-courses .courses .owl-theme .owl-nav button{max-width: 45px; width: 100%; height: 45px; margin: 0; background: #44434c; border-radius: 50%; outline: 0; border: 1px solid transparent; cursor: pointer; transition: 0.3s ease-in-out;}
.all-courses .courses .owl-theme .owl-nav button:before{content: 'i'; font-family: 'whizlabs'; font-size: 17px; color: #fff; display: block;}
.all-courses .courses .owl-theme .owl-nav button:hover{border: 1px solid rgba(256, 255, 255, 0.5);}

.all-courses .courses .owl-theme .owl-nav button.owl-prev{position: absolute; left: -22px}
.all-courses .courses .owl-theme .owl-nav button.owl-prev:before{transform: rotate(90deg); margin-left: -3px;}

.all-courses .courses .owl-theme .owl-nav button.owl-next{position: absolute; right: -22px}
.all-courses .courses .owl-theme .owl-nav button.owl-next:before{transform: rotate(270deg); margin-right: -3px;}

.all-courses .courses .owl-theme .owl-nav button span{display: none;}

.all-courses .courses .owl-theme .owl-nav .disabled{display: none;}

.all-courses .courses .course-slider{margin-bottom: 35px;}
.all-courses .courses .course-slider:last-child{margin-bottom: 0;}
.all-courses .courses .title{font-size: 28px; font-weight: 700; color: #fff; margin-bottom: 15px;}
.all-courses .courses .course-block{max-width: 235px; width: 100%; background: #1e1d25; border-radius: 3px; margin: 0 0 0 10px; display: inline-block;}
.all-courses .courses .course-block:first-child{margin-left: 0;}
.all-courses .courses .course-block .details-block{min-height: 155px; display: inline-flex; justify-content: space-between; flex-direction: column; padding: 15px;}
.all-courses .courses .course-block .image-block{position: relative;}
.all-courses .courses .course-block .image-block a{width: 100%; display: block;}
.all-courses .courses .course-block .image-block a img{width: 100%; height: auto; display: block;}

.all-courses .courses .learners-detail{margin: 0;}

.all-courses .courses .course-block .details-block .course-name a{font-size: 15px; color: #fff; font-weight: 600; line-height: 1.2; margin-bottom: 0; display: inline-block;}
.all-courses .courses .course-block .details-block .course-name a:hover{color: #f27125;}
.all-courses .courses .course-block .details-block span{font-size: 12px; color: #797979; font-weight: 500;}

.all-courses .courses .course-block .learners-detail .label {width: 100%; display: inline-flex; align-items: center; margin-bottom: 5px;}
.all-courses .courses .course-block .learners-detail .label span{font-size: 12px; color: #fff; margin: 0;}
.all-courses .courses .course-block .learners-detail .label .icon{font-size: 15px; margin:0 5px 0 0; display: inline-block; color: #fff;}
.all-courses .courses .course-block .learners-detail .label .icon:before{display: block;}
.all-courses .courses .course-block .learners-detail .star-block{display: inline-flex; align-items: center;}
.all-courses .courses .course-block .learners-detail .star-block .star-list{display: inline-flex; margin-right: 10px;}
.all-courses .courses .course-block .learners-detail .star-block .star-list img{margin-left: 5px;}
.all-courses .courses .course-block .learners-detail .star-block .star-list img:first-child{margin-left: 0;}
.all-courses .courses .course-block .learners-detail .star-block a{font-size: 12px; color: #fff; font-weight: 500;}
.all-courses .courses .course-block .learners-detail .star-block a:hover{color: #fff;}

.table-striped{display: table; width: 100%; margin-bottom: 30px; }
.table-striped tbody{width: 100%;}
.table-striped tr{ border-bottom: 1px solid #1e1d25;}
.table-striped tr th{ font-size: 13px; text-align: left; padding: 12px 4px; background: #1e1d25; vertical-align: middle;}
.table-striped tr td{ font-size: 13px; padding: 10px 4px; color: #fff;}
.table-striped tr td:first-child{ padding-left: 0;}
.table-striped tr td:last-child{ padding-right: 0;}

.btn-default{min-width: 200px;display: inline-block; cursor: pointer; padding: 15px 20px; font-size: 14px; font-weight: 500; color: #fff; text-align: center; border-radius: 3px; transition: 0.2s all; outline: none; background: rgb(242,113,37);
background: -moz-linear-gradient(left, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(left, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(to right, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}
.btn-default:hover{color: #1e1d25;}

.btn-default-two{min-width: 200px; width: 100%; padding: 15px 0; font-size: 14px; font-weight: 600; color: #f27125; text-align: center; border-radius: 3px; margin-left: 15px; border: 1px solid #f27125;}
.btn-default-two:hover{color:#fff;}

.account-details-new{width: 100%; display: flex; justify-content: space-between;}
.account-details-new .box{max-width: 580px; width: 100%; margin: 0; border-radius: 3px; border: 1px solid #2e2d35;}
.account-details-new .box .title{width: 100%; padding: 15px 30px; background: #1e1d25; display: inline-flex; justify-content: space-between; align-items: center;}
.account-details-new .box .title p{font-size: 16px; color: #999999; margin: 0;}
.account-details-new .box .title a{font-size: 14px; font-weight: 400;  margin: 0;}

.account-details-new .box .content-block{padding: 25px 30px;}
.account-details-new .box .content-block .block{margin-bottom: 20px;}
.account-details-new .box .content-block .block label{font-size: 13px; color: #999999; margin-bottom: 5px; display: block;}
.account-details-new .box .content-block .block p{font-size: 16px; font-weight: 300; margin: 0; color: #fefefe;}

.account-details-new .box.account-info .content-block .block:last-child{margin-bottom: 0;}
.account-details-new .box.billing-add .content-block .block:last-child{margin-bottom: 0;}

/* custom css */
.recent-order-block .order-block .title{justify-content: space-between;}
.recent-order-block .order-block .product-title{max-width: 50% !important;}
.recent-order-block .order-block .quantity-title,
.recent-order-block .order-block .price-title{max-width: 10% !important; text-align: center;}

.recent-order-block .content-block .all-orders .order{justify-content: space-between;}
.recent-order-block .content-block .all-orders .order .product{max-width: 50%; padding-right: 0;}
.recent-order-block .content-block .all-orders .order .product_qty,
.recent-order-block .content-block .all-orders .order .product_price{max-width: 10%; padding-right: 0; text-align: center;}

.recent-order-block .order-block .cart-subtotal,
.recent-order-block .order-block .product-discount,
.recent-order-block .order-block .order-total{width: 100%; display: inline-flex; justify-content: space-between; padding: 10px 15px; background: #1e1d25;}
.recent-order-block .order-block .cart-subtotal label,
.recent-order-block .order-block .product-discount label,
.recent-order-block .order-block .order-total label{max-width: 90%; width: 100%;}

.recent-order-block .order-block .cart-subtotal span,
.recent-order-block .order-block .product-discount span,
.recent-order-block .order-block .order-total span{max-width: 10%; width: 100%; text-align: center;}

/*--------- review page ------------*/
.review-page .two-column{margin-bottom: 165px;}
.review-page header{box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}
.review-page .inner-banner{width: 100%; height: 125px; background: #121119;}
.review-page .inner-banner h1{font-size: 30px; font-weight: 500;}

.review-page .two-column .left-block{padding: 0;}

.review-page .filter-block{width: 100%; margin-bottom: 15px;}
.review-page .filter-block .review-filter{width: 100%; display: inline-flex; align-items: center;}
.review-page .filter-block .title{font-size: 15px; margin: 0 15px 0 0;}
.review-page .filter-block .input-style{max-width: 300px; width: 100%; height: 40px; margin: 0;}
.review-page .filter-block .input-style select{height: 100%;}

.review-page .review-box{width: 100%; background-color: #1e1d25; padding: 25px 0; border-radius: 3px; margin-bottom: 15px;}
.review-page .review-box .review-content{padding: 0 25px;}
.review-page .review-box .title{font-size: 14px; font-weight: 400; color: #b5b5b5; margin-bottom: 10px;}
.review-page .review-box .title span{font-size: 18px; font-weight: 500; color: #fff;}
.review-page .review-box p{color: #797979; margin-bottom: 20px; letter-spacing: 0.4px;}

.review-page .review-rating-block{width: 100%; display: inline-flex; align-items: center;}
.review-page .review-rating-block .product-review-detail-star-list{margin: 0 10px 0 0;}
.review-page .review-rating-block .name{margin: 0 10px 0 0; color: #f27125; font-size: 14px; font-weight: 400;}
.review-page .review-rating-block .certified-buyer{margin: 0; color: #619b63; font-size: 14px; font-weight: 400; display: inline-flex; align-items: center;}
.review-page .review-rating-block .icon-certified:before{margin-right: 5px;}
.review-page .review-date-block{width: 100%; display: inline-flex; align-items: center; justify-content: space-between;}
.review-page .review-date-block .review-date{font-size: 13px; font-weight: 500; color: #797979; margin: 0;}
.review-page .review-date-block .review-replay{margin: 0;}
.review-page .review-date-block .review-replay span{font-size: 13px; font-weight: 500; color: #797979; cursor: pointer;}
.review-page .review-date-block .review-replay span:hover{color: #9a9a9a;}

.review-page .review-box .replay-box{margin-top: 20px; padding: 20px 25px 0; border-top: 1px solid #2e2d35;}
.review-page .review-box .replay-box p{margin-bottom: 5px;}
.review-page .review-box .replay-box label{color: #f27125; font-size: 14px; font-weight: 400;}

.review-page .response-block{width: 100%; border: 1px solid #2e2d35; border-radius: 3px; margin-bottom: 10px; display: none;}
.review-page .response-block .title{width: 100%; background: #1e1d25; padding: 15px 30px; font-size: 14px; font-weight: 500; color: #fff;}
.review-page .response-block .review-form{padding: 30px;}
.review-page .response-block .review-form .input-style{margin-bottom: 20px;}
.review-page .response-block .review-form .input-style label{font-size: 13px; font-weight: 400; color: #999999; margin-bottom: 5px; display: inline-block;}
.review-page .response-block .review-form .input-style label.required:after{content: "*"; font-size: 18px; position: relative; top: 2px;}
.review-page .response-block .review-form .input-style input{background: transparent; border:1px solid #2e2d35;}
.review-page .response-block .review-form .input-style textarea{height: 115px; background: transparent; border:1px solid #2e2d35;}
.review-page .response-block .review-form .input-group{width: 100%; display: inline-flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.review-page .response-block .review-form .input-group .input-style{max-width: 48%; width: 100%; margin: 0;}

.review-page .response-block .btn-block{width: 100%; display: inline-flex; align-items: center; justify-content: space-between;}
.review-page .response-block .btn-block .recaptcha-block{margin: 0;}
.review-page .response-block .btn-block .recaptcha-block figure{max-width: 318px; width: 100%;}
.review-page .response-block .btn-block .recaptcha-block figure img{width: 100%; height: auto; display: block;}

.review-page .response-block .btn-block .btn-group{max-width: 45%; width: 100%; display: inline-flex; align-items: center; justify-content: flex-end; margin: 0;}
.review-page .response-block .btn-block .btn-group .btn-close{max-width: 130px; width: 100%; height: 45px; background-color: #1e1d25; color: #999999; border: 0; font-size: 16px; font-weight: 500; border-radius: 3px; margin-right: 10px; cursor: pointer; transition: 0.2s ease-in-out;}
.review-page .response-block .btn-block .btn-group .btn-close:hover{color: #fff;}
.review-page .response-block .btn-block .btn-group .btn-submit{max-width: 160px; width: 100%; height: 45px; background-color: #f27125; color: #fff; border: 0; font-size: 16px; font-weight: 500; border-radius: 3px; cursor: pointer; transition: 0.2s ease-in-out;}
.review-page .response-block .btn-block .btn-group .btn-submit:hover{color: #121119;}

.pagination{width: 100%;}
.pagination ul{width: 100%; display: inline-flex; align-items: center; margin: 0;}
.pagination ul li{max-width: 30px; width: 100%; height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; background-color: #1e1d25; margin: 0 2px 0 0; border-radius: 3px; font-size: 13px; font-weight: 300; transition: 0.2s ease-in-out; cursor: pointer;}
.pagination ul li a{line-height: 1; color: #fff;}
.pagination ul li.active{background-color: #f27125;}
.pagination ul li.left-arrow .icon{transform: rotate(90deg);}
.pagination ul li.left-arrow a,
.pagination ul li.right-arrow a{font-size: 10px;}
.pagination ul li.right-arrow .icon{transform: rotate(270deg) translateY(2px);}
.pagination ul li a.icon-back:before{display: block;}
.pagination ul li:before{display: none;}
.pagination ul li:hover{background-color: #f27125; }

.sidebar.review-sidebar{margin: 0;}
.sidebar.review-sidebar .customers-review{width: 100%; background-color: #1e1d25; padding: 30px 25px; border-radius: 3px; margin-bottom: 15px;}
.sidebar.review-sidebar .customers-review .title{font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 10px;}
.sidebar.review-sidebar .total-star{width: 100%; display: inline-flex; align-items: center; margin-bottom: 20px;}
.sidebar.review-sidebar .total-star .product-review-detail-star-list{display: inline-flex; margin: 0 10px 0 0;}
.sidebar.review-sidebar .total-star .product-review-detail-star-list img{margin-right: 3px;}
.sidebar.review-sidebar .total-star span{margin: 0; font-size: 13px; color: #fff;}
.sidebar.review-sidebar .rating-list .process-block{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.sidebar.review-sidebar .rating-list .process-block:last-child{margin-bottom: 0;}
.sidebar.review-sidebar .rating-list .process-block label{max-width: 45px; width: 100%; margin: 0; font-size: 13px; color: #fff;}
.sidebar.review-sidebar .rating-list .process-block .completed{max-width: 35px; width: 100%; margin: 0; font-size: 13px; color: #fff;}
.sidebar.review-sidebar .rating-list .process-block .block{max-width: 245px; width: 100%; height: 17px; background-color: #44434c; display: inline-block; border-radius: 2px; overflow: hidden; margin: 0 5px 0 0;}
.sidebar.review-sidebar .rating-list .process-block .block .process-style{height: 17px; background-color: #ed8a19; display: block; float: left;}

.sidebar.review-sidebar .write-review{width: 100%; border: 1px solid #2e2d35; border-radius: 3px;}
.sidebar.review-sidebar .write-review .title{width: 100%; background: #1e1d25; padding: 15px 30px; font-size: 14px; font-weight: 500; color: #fff;}
.sidebar.review-sidebar .review-form{padding: 20px 30px 30px;}
.sidebar.review-sidebar .review-form .input-style{margin-bottom: 20px;}
.sidebar.review-sidebar .review-form .input-style label{font-size: 13px; font-weight: 400; color: #999999; margin-bottom: 5px; display: inline-block;}
.sidebar.review-sidebar .review-form .input-style label.required:after{content: "*"; font-size: 18px; position: relative; top: 2px;}
.sidebar.review-sidebar .review-form .input-style input{background: transparent; border:1px solid #2e2d35;}

.sidebar.review-sidebar .review-form .overall-rating{margin-bottom: 20px;}
.sidebar.review-sidebar .review-form .overall-rating label{font-size: 13px; font-weight: 400; color: #999999; margin-bottom: 5px; display: inline-block;}

.sidebar.review-sidebar .review-form .input-style textarea{height: 115px; background: transparent; border:1px solid #2e2d35;}

.sidebar.review-sidebar .review-form .recommend-block{width: 100%; margin-bottom: 20px;}
.sidebar.review-sidebar .review-form .recommend-block > label{font-size: 13px; font-weight: 400; color: #999999; margin-bottom: 15px; display: inline-block;}
.sidebar.review-sidebar .review-form .recommend-block .option-group{width: 100%; display: inline-flex;}
.sidebar.review-sidebar .review-form .recommend-block .option-group .input-style{max-width: 80px; width: 100%; margin: 0;}
.sidebar.review-sidebar .review-form .recommend-block .option-group .input-style label{display: inline-flex;}
.sidebar.review-sidebar .review-form .recommend-block .option-group .input-style input{height: auto;}

.sidebar.review-sidebar .review-form .recommend-block .radio-style{width: 20px; height: 20px; background-color: transparent; border: 1px solid #999999;}
.sidebar.review-sidebar .review-form .recommend-block .custom-style input:checked ~ .radio-style{background-color: #f27125; border: 0;}
.sidebar.review-sidebar .review-form .recommend-block span{font-size: 13px; color: #999999; margin-left: 35px;}

.sidebar.review-sidebar .review-form .add-mail{width: 100%; display: inline-flex; justify-content: flex-end;}
.sidebar.review-sidebar .review-form .add-mail .add-mail-link{margin: 0; font-size: 13px; margin-left: 10px; cursor: pointer;}
.sidebar.review-sidebar .review-form .add-mail .add-mail-link:first-child{margin-left: 0;}
.sidebar.review-sidebar .review-form .add-mail .add-mail-link:hover{color: #f27125;}

.sidebar.review-sidebar .review-form .recaptcha-block{margin-bottom: 20px;}
.sidebar.review-sidebar .review-form .recaptcha-block figure{max-width: 318px; width: 100%;}
.sidebar.review-sidebar .review-form .recaptcha-block figure img{width: 100%; height: auto; display: block;}

.sidebar.review-sidebar .review-form .btn-submit{width: 100%; height: 45px; border: 0; border-radius: 3px; background-color: #f27125; color: #fff; font-size: 16px; font-weight: 500; transition: 0.2s ease-in-out; cursor: pointer;}
.sidebar.review-sidebar .review-form .btn-submit:hover{color: #121119;}

/*--------- review product page ------------*/
.review-product-page .two-column{margin-bottom: 165px;}
.review-product-page header{box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}

.review-product-page .inner-banner{width: 100%; height: auto; background: #121119; padding: 25px 0;}
.review-product-page .inner-banner .container{flex-direction: column;}
.review-product-page .inner-banner .btn-group{width: 100%; display: inline-flex; justify-content: center;    align-items: center; margin: 0 0 10px;}
.review-product-page .inner-banner .btn-group .btn-buy{max-width: 120px; width: 100%; background: #121119; padding: 12px 0; outline: 0; border: 1px solid #f27125; border-radius: 3px; font-size: 14px; font-weight: 400; color: #f27125; margin-right: 15px; text-decoration: none; cursor: pointer; transition: 0.2s all;}
.review-product-page .inner-banner .btn-group .btn-buy:hover{color: #fff;}

.review-product-page .inner-banner .btn-group .btn-try-free{max-width: 120px; width: 100%; background: #f27125; padding: 12px 0; outline: 0; border: 1px solid #f27125; border-radius: 3px; font-size: 14px; font-weight: 400; color: #fff; text-decoration: none; cursor: pointer; transition: 0.2s all;}
.review-product-page .inner-banner .btn-group .btn-try-free:hover{color: #121119;}

 .review-product-page .inner-banner h1{font-size: 30px; font-weight: 500; margin-bottom: 5px;}
.review-product-page .inner-banner .back-link{color: #797979; font-size: 16px;}
.review-product-page .inner-banner .back-link:hover{color: #9a9a9a; text-decoration: underline;}

.review-product-page .two-column .left-block{padding: 0;}
.review-product-page .review-box{width: 100%; background-color: #1e1d25; padding: 25px 0; border-radius: 3px; margin-bottom: 15px;}
.review-product-page .review-box .review-content{padding: 0 25px;}
.review-product-page .review-box .title{font-size: 14px; font-weight: 400; color: #b5b5b5; margin-bottom: 10px;}
.review-product-page .review-box .title span{font-size: 18px; font-weight: 500; color: #fff;}
.review-product-page .review-box p{color: #797979; margin-bottom: 20px; letter-spacing: 0.4px;}

.review-product-page .review-rating-block{width: 100%; display: inline-flex; align-items: center;}
.review-product-page .review-rating-block .product-review-detail-star-list{margin: 0 10px 0 0;}
.review-product-page .review-rating-block .name{margin: 0 10px 0 0; color: #f27125; font-size: 14px; font-weight: 400;}
.review-product-page .review-rating-block .certified-buyer{margin: 0; color: #619b63; font-size: 14px; font-weight: 400; display: inline-flex; align-items: center;}
.review-product-page .review-rating-block .icon-certified:before{margin-right: 5px;}
.review-product-page .review-date-block{width: 100%; display: inline-flex; align-items: center; justify-content: space-between;}
.review-product-page .review-date-block .review-date{font-size: 13px; font-weight: 500; color: #797979; margin: 0;}
.review-product-page .review-date-block .review-replay{margin: 0;}
.review-product-page .review-date-block .review-replay span{font-size: 13px; font-weight: 500; color: #797979; cursor: pointer;}
.review-product-page .review-date-block .review-replay span:hover{color: #9a9a9a;}

.review-product-page .review-box .replay-box{margin-top: 20px; padding: 20px 25px 0; border-top: 1px solid #2e2d35;}
.review-product-page .review-box .replay-box p{margin-bottom: 5px;}
.review-product-page .review-box .replay-box label{color: #f27125; font-size: 14px; font-weight: 400;}

.review-product-page .response-block{width: 100%; border: 1px solid #2e2d35; border-radius: 3px; margin-bottom: 10px; display: none;}
.review-product-page .response-block .title{width: 100%; background: #1e1d25; padding: 15px 30px; font-size: 14px; font-weight: 500; color: #fff;}
.review-product-page .response-block .review-form{padding: 30px;}
.review-product-page .response-block .review-form .input-style{margin-bottom: 20px;}
.review-product-page .response-block .review-form .input-style label{font-size: 13px; font-weight: 400; color: #999999; margin-bottom: 5px; display: inline-block;}
.review-product-page .response-block .review-form .input-style label.required:after{content: "*"; font-size: 18px; position: relative; top: 2px;}
.review-product-page .response-block .review-form .input-style input{background: transparent; border:1px solid #2e2d35;}
.review-product-page .response-block .review-form .input-style textarea{height: 115px; background: transparent; border:1px solid #2e2d35;}
.review-product-page .response-block .review-form .input-group{width: 100%; display: inline-flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.review-product-page .response-block .review-form .input-group .input-style{max-width: 48%; width: 100%; margin: 0;}

.review-product-page .response-block .btn-block{width: 100%; display: inline-flex; align-items: center; justify-content: space-between;}
.review-product-page .response-block .btn-block .recaptcha-block{margin: 0;}
.review-product-page .response-block .btn-block .recaptcha-block figure{max-width: 318px; width: 100%;}
.review-product-page .response-block .btn-block .recaptcha-block figure img{width: 100%; height: auto; display: block;}

.review-product-page .response-block .btn-block .btn-group{max-width: 45%; width: 100%; display: inline-flex; align-items: center; justify-content: flex-end; margin: 0;}
.review-product-page .response-block .btn-block .btn-group .btn-close{max-width: 130px; width: 100%; height: 45px; background-color: #1e1d25; color: #999999; border: 0; font-size: 16px; font-weight: 500; border-radius: 3px; margin-right: 10px; cursor: pointer; transition: 0.2s ease-in-out;}
.review-product-page .response-block .btn-block .btn-group .btn-close:hover{color: #fff;}
.review-product-page .response-block .btn-block .btn-group .btn-submit{max-width: 160px; width: 100%; height: 45px; background-color: #f27125; color: #fff; border: 0; font-size: 16px; font-weight: 500; border-radius: 3px; cursor: pointer; transition: 0.2s ease-in-out;}
.review-product-page .response-block .btn-block .btn-group .btn-submit:hover{color: #121119;}

/*--------- email subscription page ------------*/
.email-subscription-page  #content-area{background: #f1f3f6;}
.email-subscription-block{padding: 80px 0;}
.email-subscription-block .box{max-width: 580px; width: 100%; margin: 0 auto; background-color: #fff; padding: 45px 75px; border-radius: 5px;}
.email-subscription-block .box .title{font-size: 20px; font-weight: 700; color: #121119; text-align: center; margin-bottom: 15px;}
.email-subscription-block .box .user-email{text-align: center; margin-bottom: 40px;}
.email-subscription-block .box .user-email span{font-size: 16px;}
.email-subscription-block .box .user-email .input-style{max-width: 380px; width: 100%; height: 45px;}
.email-subscription-block .box .user-email .input-style input{width: 100%; height: 100%; font-size: 14px;}

.email-subscription-block .subscription-content .custom-style{width: 100%; border-bottom: 1px solid #ececec; padding-bottom: 15px; margin-bottom: 15px;}
.email-subscription-block .subscription-content .border-0{border-bottom: 0;}
.email-subscription-block .subscription-content .custom-style span{font-size: 15px; font-weight: 600; color: #1a1a1a; margin: 0; padding-right: 10px;}
.email-subscription-block .subscription-content .custom-style input{margin: 0 0 0 auto; left: 0;}
.email-subscription-block .subscription-content .custom-style .checkbox-style,
.email-subscription-block .subscription-content .custom-style .radio-style{right: 0; left: unset; top: 25%;}

.email-subscription-block .subscription-content .btn-block{text-align: center; margin-top: 5px;}
.email-subscription-block .subscription-content .btn-save{max-width: 180px; width: 100%; height: 40px; background-color: #f27125; border-radius: 3px; border: 0; outline: 0; box-shadow: none; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; transition: 0.2s ease-in-out;}
.email-subscription-block .subscription-content .btn-save:hover{color: #121119;}

/*--------- instructor led online training page ------------*/
.led-online-training #content-area{margin-top: 45px;}
.led-online-training .two-column .left-block{padding: 40px 0 80px;}

.led-online-training .inner-banner.product-banner{height: 330px; background: #1e1d25;}
.led-online-training .inner-banner.product-banner .container{justify-content: space-between;}
.led-online-training .inner-banner .banner-video{font-size: 0;}
.led-online-training .inner-banner .banner-video iframe{border-radius: 3px;}

.led-online-training .inner-banner .banner-caption{max-width: 100%; margin-left: 30px;}
.led-online-training .inner-banner.product-banner .banner-caption h1{padding-right: 35%; margin-bottom: 15px;}
.led-online-training .inner-banner.product-banner .banner-caption p{max-width: 100%; color: #797979; margin-bottom: 30px;}

.led-online-training .inner-banner.product-banner .product-rating-block .product-total-star a{font-size: 12px;}
.led-online-training .inner-banner.product-banner .product-rating-block .product-learners{font-size: 0;}
.led-online-training .inner-banner.product-banner .product-rating-block .product-learners label{font-size: 12px;}
.led-online-training .inner-banner.product-banner .product-rating-block .product-learners label:before{font-size: 20px; color: #797979;}

.led-online-training .tab-group{width: 100%; background-color: #1e1d25; margin-top: 1px; transition: 0.2s linear; position: absolute;}
.led-online-training.sticky-tab .tab-group{position: fixed; top: 64px; left: 0; background-color: #fff; z-index: 9;}

.led-online-training .tab-list ul{width: 100%; display: flex; align-items: center; margin: 0;}
.led-online-training .tab-list ul li{margin: 0 0 0 55px; padding: 0;}
.led-online-training .tab-list ul li:first-child{margin: 0;}
.led-online-training .tab-list ul li:before{display: none;}

.led-online-training .tab-list ul li.active a{border-bottom: 1px solid #ff6c00; color: #ff6c00;}
.led-online-training .tab-list ul li a{font-size: 14px; line-height: 1; color: #797979; padding: 15px 0; display: block; border-bottom: 1px solid transparent;} 
.led-online-training .tab-list ul li a:hover{color: #ff6c00;}

/* common tab css */
.led-online-training .common-block{margin-bottom: 35px;}
.led-online-training .common-block:last-child{margin-bottom: 0;}
.led-online-training .common-block .title{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.led-online-training .common-block .title label{font-size: 18px; font-weight: 500; color: #fff; margin: 0; display: block;}
.led-online-training .common-block .title h2{font-size: 18px; font-weight: 500; color: #fff; margin: 0; display: block;}
.led-online-training .common-block .title .download-link{margin: 0; font-size: 14px; font-weight: 400; color: #fff; position: relative;}
.led-online-training .common-block .title .download-link:hover{color: #f27125;}
.led-online-training .common-block .title .download-link:before{content: ""; background-image: url('../images/download.png'); width: 18px; height: 18px; position: absolute; top: 50%; left: -26px; transform: translateY(-50%);}
.led-online-training .common-block .content-block{background-color: #1e1d25; border-radius: 3px;}

/* upcoming batches tab */
.led-online-training .led-online-block .box{width: 100%; display: inline-flex; padding: 10px 0; border-bottom: 1px solid #121119;}
.led-online-training .led-online-block .box.disabled{background: rgba(255, 255, 255,0.05); opacity: 0.4; cursor: no-drop;}
.led-online-training .led-online-block .box.disabled:hover{background: rgba(255, 255, 255,0.05);}
.led-online-training .led-online-block .box:hover{background: rgba(255, 255, 255,0.04);}
.led-online-training .led-online-block .box.active{background: rgba(255, 255, 255,0.04);}

.led-online-training .led-online-block .box:last-child{border-bottom: 0;}
.led-online-training .led-online-block .batch-date{font-size: 18px; font-weight: 500; margin: 0 20px 0 0; padding: 15px 25px 15px 20px; border-right: 1px solid #121119; color: #fff;}
.led-online-training sup{vertical-align: top; font-size: 12px;}

.led-online-training .led-online-block .batch-details{max-width: 80%; width: 100%; margin: 0; display: inline-flex; align-items: center; justify-content: space-between;}

.led-online-training .led-online-block .batch-details .batch-content{display: inline-flex; flex-direction: column; margin: 0;}

.led-online-training .led-online-block .batch-details .batch-content span{font-size: 14px; font-weight: 500; color: #797979; margin: 0;}
.led-online-training .led-online-block .batch-details .batch-content .days{font-size: 16px; }

.led-online-training .led-online-block .batch-details .batch-content .weekend-batch{font-size: 13px; font-weight: 400; color: #f27125; }
.led-online-training .led-online-block .batch-details .batch-content .weekend-batch spam{color: #797979;}
.led-online-training .led-online-block .batch-details .batch-content .time{font-weight: 400;}
.led-online-training .led-online-block .batch-details .batch-content .sold-out{margin: 0 0 3px;}

/* accordian ( curriculum, course desription ) */
.led-online-training .accordian-list{border-bottom: 1px solid #121119;}
.led-online-training .accordian-list .name{font-size: 14px; font-weight: 400; color: #fff; display: block; padding: 18px 25px 18px 55px; cursor: pointer; position: relative;}

.led-online-training .accordian-list .circle{position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 50%; border: 1px solid #fff;}
.led-online-training .accordian-list .name span:before{content: ""; width: 2px; height: 10px; background-color: #959598; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.3s linear;}
.led-online-training .accordian-list .name span:after{content: ""; width: 2px; height: 10px; background-color: #959598; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg);}
.led-online-training .accordian-list.active .name span:before{transform: translate(-50%, -50%) rotate(-90deg); }

.led-online-training .accordian-list .caption{padding-left: 55px; margin-bottom: 20px;}
.led-online-training .accordian-list .caption p{margin-bottom: 25px; font-weight: 300;}
.led-online-training .accordian-list .caption p:last-child{margin-bottom: 0;}

/* features tab */
.led-online-training .key-features-block .group-block{width: 100%; display: inline-flex; flex-wrap: wrap;}
.led-online-training .key-features-block .group-block .box{max-width: 250px; width: 100%; margin:0 0 15px 15px; background: #1e1d25; padding: 45px 18px; text-align: center;}

.led-online-training .key-features-block .group-block .box figure{max-width: 65px; width: 100%; margin-bottom: 20px;}
.led-online-training .key-features-block .group-block .box figure img{width: 100%; height: auto; display: block;}
.led-online-training .key-features-block .group-block .box label{font-size: 16px; font-weight: 500; margin-bottom: 15px; color: #fff; display: inline-block;}
.led-online-training .key-features-block .group-block .box p{color: #7a7a7a; font-weight: 400; margin-bottom: 0; }

/* trainer details tab */
.led-online-training .instructors-list .instructor-box{width: 100%; display: inline-flex; justify-content: space-between; border-radius: 3px; background-color: #1e1d25; padding: 28px 17px 25px 27px; margin-bottom: 10px;}
.led-online-training .instructors-list .instructor-box:last-child{margin-bottom: 0;}

.led-online-training .instructors-list .instructor-box figure{max-width: 90px; width: 100%; height: 100%; display: inline-flex; margin: 0; border-radius: 50%; overflow: hidden;}
.led-online-training .instructors-list .instructor-box figure img{width: 100%; height: auto; display: block;}

.led-online-training .instructors-list .instructor-box .instructor-detail{max-width: 85%; width: 100%; margin: 0;}
.led-online-training .instructors-list .heading{width: 100%; display: inline-flex; justify-content: space-between;}
.led-online-training .instructors-list .heading .instructor-name{margin: 0 0 15px;}
.led-online-training .instructors-list .heading .instructor-name label{font-size: 16px; font-weight: 500; color: #fff; margin: 0; display: inherit;}
.led-online-training .instructors-list .heading .instructor-name span{font-size: 13px; font-weight: 300; color: #797979;}
.led-online-training .instructors-list .heading .view-link{font-size: 13px; font-weight: 500; height: 100%; text-transform: uppercase; margin: 0;}

.led-online-training .instructors-list .caption p{margin-bottom: 0; font-weight: 400;}

/* review tab */
.led-online-training .review-list .review-box{width: 100%; border-radius: 3px; background-color: #1e1d25;  padding: 23px 45px 23px 23px; margin-bottom: 10px;}
.led-online-training .review-list .review-box:last-child{margin-bottom: 0;}

.led-online-training .review-list .review-box p{font-weight: 400; margin-bottom: 25px;}
.led-online-training .review-list .review-rating-block{width: 100%; display: inline-flex; align-items: center;}
.led-online-training .review-list .review-rating-block .product-review-detail-star-list{margin: 0 15px 0 0;}
.led-online-training .review-list .review-rating-block .name{margin: 0 10px 0 0; font-size: 14px; font-weight: 400; color: #f27125;}
.led-online-training .review-list .review-rating-block .certified-buyer{margin: 0; font-size: 14px; font-weight: 400; color: #619b63; display: inline-flex; align-items: center;} 
.led-online-training .review-list .review-rating-block .certified-buyer:before{margin-right: 5px;}

.led-online-training .sidebar{margin: 76px 0 0;}
.led-online-training .sidebar .product-highlights{position: relative; margin-bottom: 20px;}
.led-online-training .sidebar .product-highlights .box{border-bottom: 0;}
.led-online-training .sidebar .product-highlights .selected-batch{font-size: 14px; font-weight: 500; color: #999999; margin-bottom: 10px;}
.led-online-training .sidebar .product-highlights .selected-batch span{color: #f27125;}
 .led-online-training .sidebar .product-highlights .title{font-size: 16px; font-weight: 600; color: #f27125; border-bottom: 1px solid #24232c; }
.led-online-training .sidebar .product-highlights .title a{width: 100%; display: inline-flex; align-items: center; margin: 0; color: #f27125;}

.led-online-training .sidebar .product-highlights .title a:hover .discount-box{display: block;}

.led-online-training .sidebar .product-highlights .title .icon{font-size: 23px; margin: 0 10px 0 0;}
.led-online-training .sidebar .product-highlights .title .icon:before{display: block;}

.led-online-training .sidebar .product-highlights .title span{font-weight: 300; color: #797979; margin: 0 0 0 5px;}

.led-online-training .sidebar .discount-box{max-width: 380px; width: 100%; background-color: #f27125; border-radius: 3px; padding: 20px; position: absolute; top: 55px; left: 0; display: none;}
.led-online-training .sidebar .discount-box:before{content: ""; background-color: #f27125; border-top: 14px solid #f27125; border-right: 14px solid #f27125; position: absolute; top: -6px; left: 36px; transform: rotate(45deg);}
.led-online-training .sidebar .discount-box label{font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 10px; display: inline-block;}
.led-online-training .sidebar .discount-box p{font-size: 13px; font-weight: 400; color: #fff; margin-bottom: 13px;}

.led-online-training .sidebar .discount-box .offer-box{width: 100%; display: inline-flex;}
.led-online-training .sidebar .discount-box .offer-box .block{max-width: 110px; width: 100%; background-color: #fcb083; border-radius: 3px; margin: 0 0 0 5px; overflow: hidden;}
.led-online-training .sidebar .discount-box .offer-box .block:first-child{margin-left: 0;}
.led-online-training .sidebar .discount-box .offer-box .block .heading{font-size: 13px; font-weight: 500; color: 
#000; background-color: #fdc9aa; padding: 5px 10px;}
.led-online-training .sidebar .discount-box .offer-box .block .offer-content{font-size: 25px; font-weight: 700; color: #000; padding: 7px 10px;}

.led-online-training .sidebar .query-form{width: 100%; border: 1px solid #2e2d35; border-radius: 3px;}
.led-online-training .sidebar .query-form .title{width: 100%; background: #1e1d25; padding: 15px 30px; font-size: 16px; font-weight: 500; color: #fff; text-align: center;}
.led-online-training .sidebar .form-block{padding: 20px 30px 30px;}
.led-online-training .sidebar .form-block .input-style{margin-bottom: 20px;}
.led-online-training .sidebar .form-block .input-style label{font-size: 13px; font-weight: 400; color: #999999; margin-bottom: 5px; display: inline-block;}
.led-online-training .sidebar .form-block .input-style label.required:after{content: "*"; font-size: 18px; position: relative; top: 2px;}
.led-online-training .sidebar .form-block .input-style input{background: transparent; border:1px solid #2e2d35;}

.led-online-training .sidebar .form-block .overall-rating{margin-bottom: 20px;}
.led-online-training .sidebar .form-block .overall-rating label{font-size: 13px; font-weight: 400; color: #999999; margin-bottom: 5px; display: inline-block;}

.led-online-training .sidebar .form-block .input-style textarea{height: 115px; background: transparent; border:1px solid #2e2d35;}

.led-online-training .sidebar .form-block .btn-submit{width: 100%; height: 45px; border: 0; border-radius: 3px; background-color: #f27125; color: #fff; font-size: 16px; font-weight: 500; transition: 0.2s ease-in-out; cursor: pointer;}
.led-online-training .sidebar .form-block .btn-submit:hover{color: #121119;}

/*--------- amazon employees page ------------*/
.amazon-employ-block{background: #f1f3f6; padding-bottom: 80px;}
.amazon-employ-block .heading-caption{max-width: 700px; width: 100%; margin: 0 auto; text-align: center; padding: 50px 0;} 
.amazon-employ-block .heading-caption h2{font-size: 30px; color: #121119;}
.amazon-employ-block .heading-caption p{font-size: 16px; font-weight: 300; color: #121119; line-height: 1.5; margin-bottom: 0;}

.amazon-features-group{width: 100%; background: #fff; border-radius: 3px; margin-bottom: 20px;}
.amazon-features-group .block{width: 100%; display: inline-flex; justify-content: space-between; padding: 55px 70px 70px; border-top: 1px solid #e8e8e9;}
.amazon-features-group .block:first-child{border-top: 0;}
.amazon-features-group .block .caption{max-width: 47%; width: 100%;}
.amazon-features-group .block .caption .number{max-width: 50px; width: 100%; height: 50px; border-radius: 50%; border: 2px solid #f27125; margin: 0 0 15px; display: flex; align-items: center; justify-content: center; font-size: 30px; color: #000; line-height: 1;}
.amazon-features-group .block .caption .title{font-size: 28px; font-weight: 700; color: #1e1d25; margin-bottom: 25px;}
.amazon-features-group .block .caption p{font-size: 14px; color: #121119; margin-bottom: 25px;}
.amazon-features-group .block .caption p:last-child{margin-bottom: 0;}

.amazon-features-group .image-block{max-width: 50%; width: 100%; margin: 0;}
.amazon-features-group .image-block figure{max-width: 440px; width: 100%; margin: 0 0 0 auto;}

.amazon-features-group .block:nth-child(even) .image-block figure{margin: 0 auto 0 0;}

.support-block{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; background: #070714; border-radius: 5px; padding: 20px 85px 20px 60px;}
.support-block .left-block{max-width: 60%; width: 100%; margin: 0; display: inline-flex; align-items: center;}
.support-block .support-icon{max-width: 129px; width: 100%; height: 129px; border-radius: 50%; background: #1e1d25; margin: 0; display: flex; align-items: center; justify-content: center;}
.support-block .left-block figure{max-width: 65px; width: 100%;} 
.support-block .left-block .caption{margin-left: 30px;}
.support-block .left-block .caption h3{font-size: 30px; font-weight: 500;}
.support-block .left-block .caption p{font-size: 18px; font-weight: 300; color: #7a7a7a; line-height: 1.5; margin-bottom: 0;}

.support-block .right-block{max-width: 40%; width: 100%; margin: 0;}
.support-block .right-block figure{max-width: 250px; width: 100%; margin: 0 0 0 auto;} 

/*--------- prodcuct main with review page ------------*/
.inner-banner.product-review-banner{height: 440px;}
.inner-banner.product-review-banner .container{justify-content: flex-start;}
.inner-banner.product-review-banner .banner-caption h1{font-size: 40px;}
.inner-banner.product-review-banner .banner-caption p{max-width: 580px; margin-bottom: 25px;}
.inner-banner.product-review-banner .btn-default{padding: 12px 20px; font-weight: 600;}

.product-with-review .all-test-block .description .price{padding: 20px 0;}
.product-with-review .all-test-block .btn-group{padding: 0;}
.product-with-review .all-test-block .btn-default{width: 100%; padding: 23px 20px; font-size: 18px; border-radius: 0 0 3px 3px;}

.student-say-block{max-width: 970px; width: 100%; margin-bottom: 45px;}
.student-say-block .title{margin-bottom: 35px;}
.student-say-block .title h2{font-size: 28px; font-weight: 500; color: #fff; text-align: center; margin-bottom: 0;}
.student-say-block .block{width: 100%;}
.student-say-block .bg-effect{width: 100%; background: #121119; height: 45px;}
.student-say-block .block picture{max-width: 90px; width: 100%; height: 90px; border-radius: 50%; overflow: hidden; margin-top: -45px; margin-bottom: 10px; background: #2f2e3a; display: inline-block;}
.student-say-block .student-block{text-align: center; padding-bottom: 20px; background: #1e1d25; border-radius: 5px 5px 0 0;}
.student-say-block .student-block p{font-size: 18px; color: #bdbdbd; margin-bottom: 10px;}
.student-say-block .product-review-detail-star-list{width: 100%; display: inline-flex; justify-content: center;}
.student-say-block .product-review-detail-star-list img{max-width: 24px; width: 100%; margin: 0 0 0 8px;}
.student-say-block .student-caption{text-align: center; padding-bottom: 40px; background: #1e1d25; border-radius: 0 0 5px 5px;}
.student-say-block .student-caption p{max-width: 750px; width: 100%; color: #797979; margin-bottom: 0;}

.student-say-block .owl-carousel .owl-stage-outer{margin-bottom: 0;}
.student-say-block .owl-carousel .owl-nav button.owl-prev,
.student-say-block .owl-carousel .owl-nav button.owl-next{max-width: 45px; width: 100%; height: 45px; margin: 0; background: #44434c; border-radius: 50%; outline: 0; border: 1px solid transparent; cursor: pointer; position: absolute; top: 50%; transition: 0.3s ease-in-out;}

.student-say-block .owl-carousel .owl-nav button:hover{border: 1px solid rgba(256, 255, 255, 0.5);}

.student-say-block .owl-carousel .owl-nav button.owl-prev{left: -22px;}
.student-say-block .owl-carousel .owl-nav button.owl-next{right: -22px;}
.student-say-block .owl-carousel .owl-nav button:before{content: 'i'; font-family: 'whizlabs'; font-size: 17px; color: #fff; display: block;}
.student-say-block .owl-carousel .owl-nav button.owl-prev:before{transform: rotate(90deg);} 
.student-say-block .owl-carousel .owl-nav button.owl-next:before{transform: rotate(270deg);} 
.student-say-block .owl-carousel .owl-nav button span{display: none;}
.student-say-block .owl-carousel .owl-dots{margin-bottom: 10px;}

/* subscription page */
.inner-banner.subscription-banner{background: #1e1d25;}
.inner-banner.subscription-banner .container{max-width: 760px; flex-direction: column; text-align: center;}
.inner-banner.subscription-banner h1{font-size: 34px; margin-bottom: 15px;}
.inner-banner.subscription-banner p{font-size: 16px; font-weight: 300;color: #999999; margin-bottom: 0;} 

.subscription-block{max-width: 870px; width: 100%; display: flex; justify-content: center; margin: 60px auto;}
.subscription-block .box{width: 100%; background: #fff; margin: 0; border-left: 1px solid #e9e9e9;}
.subscription-block .box .heading{text-align: center; border-bottom: 1px solid #e9e9e9; padding: 25px;}
.subscription-block .box .plan-list{padding: 5px 25px; text-align: center; border-bottom: 1px solid #e9e9e9;}
.subscription-block .box .inner-box{display: flex; align-items: center; position: relative;}
.subscription-block .box .inner-box span{font-size: 15px; font-weight: 500; color: #535353;}
.subscription-block .box .inner-box .label{font-size: 15px; font-weight: 500; color: #535353; margin: 0; display: none;}
.subscription-block .box .inner-box .icon{font-size: 20px; color: #21c87a; line-height: 0; display: inline-block;}
.subscription-block .box .inner-box .icon-incorrect{color: #fe8182;}
.subscription-block .box .inner-box .icon-information{font-size: 16px; color: #535353; vertical-align: middle; margin: 0 0 0 3px; cursor: pointer;}
.subscription-block .box .inner-box .icon-information:hover .tooltiptext{display: block;}
.subscription-block .box .inner-box .tooltiptext{width: 100%; position: absolute; top: 100%; left: 15px; padding: 10px; background: #1e1d25; text-align: left; z-index: 9; display: none;}
.subscription-block .box .inner-box .tooltiptext span{font-size: 13px; line-height: 1.3; color: #9a9a9a;}
.subscription-block .box .inner-box .tooltiptext:after{content: ""; width: 10px; height: 10px; background: #1e1d25; border-top: 1px solid #2e2d35; border-left: 1px solid #2e2d35; position: absolute; right: 18px; top: -5px; transform: rotate(45deg);}

.subscription-block .plan-box .box .inner-box .icon-information{display: none;}

.subscription-block .box .btn-block{padding: 15px 25px;}
.subscription-block .box .btn-suscribe{max-width: 170px; width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; background: #f27125; border-radius: 3px; font-size: 16px; font-weight: 500; color: #fff; }
.subscription-block .box .btn-suscribe:hover{background: #121119;}

.subscription-block .plans-features{max-width: 360px; width: 100%; border-left: 0;}
.subscription-block .plans-features .heading{text-align: right; position: relative;}
.subscription-block .plans-features .blanck-box{width: 100%; height: 80px; background: #121119; position: absolute; top: 0; left: 0;} 
.subscription-block .plans-features .blanck-box:after{content: ""; width: 100%; height: 5px; background: #fff; border-radius: 5px 0 0 0; position: absolute; bottom: 0; left: 0;}
.subscription-block .plans-features h2{font-size: 22px; font-weight: 600; color: #121119; display: inline-block; margin:80px 0 0 0;}
.subscription-block .plans-features .plan-list{text-align: right;}
.subscription-block .plans-features span{font-size: 15px; font-weight: 500; color: #535353; margin: 0 0 0 auto;}

.subscription-block .plan-box{max-width: 510px; width: 100%; border-radius: 3px; display: flex; justify-content: space-between; overflow: hidden;} 
.subscription-block .plan-box .heading h2{font-size: 16px; font-weight: 600; color: #121119; background: #e8e8e8; padding: 8px 40px; border-radius: 17.5px; margin-bottom: 0; display: inline-block;}
.subscription-block .plan-box .price span{width: 100%; display: inline-block; font-size: 45px; font-weight: 600; color: #121119;}
.subscription-block .plan-box .price s{font-size: 18px; font-weight: 500; color: #898989;}

/* become an instructor page */
.become-an-instructor #content-area{margin-top: 45px;}
.become-an-instructor .two-column .left-block{padding: 40px 0 80px;}

.become-an-instructor .inner-banner.product-banner{height: 330px; background: #1e1d25;}
.become-an-instructor .inner-banner.product-banner .container{justify-content: space-between;}
.become-an-instructor .inner-banner .banner-img{max-width: 380px; width: 100%; border-radius: 3px; overflow: hidden;}
.become-an-instructor .inner-banner .banner-img img{width: 100%; height: 100%; display: block;}

.become-an-instructor .inner-banner .banner-caption{max-width: 100%; margin-left: 30px;}
.become-an-instructor .inner-banner.product-banner .banner-caption h1{margin-bottom: 15px;}
.become-an-instructor .inner-banner.product-banner .banner-caption p{max-width: 100%; color: #797979; margin-bottom: 30px;}

.become-an-instructor .inner-banner.product-banner .product-rating-block .item-block{margin: 0 0 0 40px;}
.become-an-instructor .inner-banner.product-banner .product-rating-block .item-block:first-child{margin: 0;}
.become-an-instructor .inner-banner.product-banner .product-rating-block label{font-size: 16px; font-weight: 500; color: #fff; display: flex; vertical-align: middle;}
.become-an-instructor .inner-banner.product-banner .product-rating-block label:before{font-size: 20px; color: #F27125; margin-right: 5px;}

.become-an-instructor .tab-group{width: 100%; background-color: #1e1d25; margin-top: 1px; transition: 0.2s linear; position: absolute;}
.become-an-instructor.sticky-tab .tab-group{position: fixed; top: 64px; left: 0; background-color: #fff; z-index: 9;}

.become-an-instructor .tab-list ul{width: 100%; display: flex; align-items: center; margin: 0;}
.become-an-instructor .tab-list ul li{margin: 0 0 0 55px; padding: 0;}
.become-an-instructor .tab-list ul li:first-child{margin: 0;}
.become-an-instructor .tab-list ul li:before{display: none;}

.become-an-instructor .tab-list ul li.active a{border-bottom: 1px solid #ff6c00; color: #ff6c00;}
.become-an-instructor .tab-list ul li a{font-size: 14px; line-height: 1; color: #797979; padding: 15px 0; display: block; border-bottom: 1px solid transparent;} 
.become-an-instructor .tab-list ul li a:hover{color: #ff6c00;}

/* common tab css */
.become-an-instructor .common-block{margin-bottom: 35px;}
.become-an-instructor .common-block:last-child{margin-bottom: 0;}
.become-an-instructor .common-block .title{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.become-an-instructor .common-block .title label{font-size: 18px; font-weight: 500; color: #fff; margin: 0; display: block;}
.become-an-instructor .common-block .title h2{font-size: 18px; font-weight: 500; color: #fff; margin: 0; display: block;}
.become-an-instructor .common-block .title .download-link{margin: 0; font-size: 14px; font-weight: 400; color: #fff; position: relative;}
.become-an-instructor .common-block .title .download-link:hover{color: #f27125;}
.become-an-instructor .common-block .title .download-link:before{content: ""; background-image: url('../images/download.png'); width: 18px; height: 18px; position: absolute; top: 50%; left: -26px; transform: translateY(-50%);}
.become-an-instructor .common-block .content-block{background-color: #1e1d25; border-radius: 3px; padding: 25px}
.become-an-instructor .common-block .content-block p{margin-bottom: 25px; color: #797979;}
.become-an-instructor .common-block .content-block p:last-child{margin-bottom: 0;}
.become-an-instructor .common-block .content-block h6{font-size: 16px; font-weight: 400; margin-bottom: 20px;}

/* accordian ( curriculum, course desription ) */
.become-an-instructor .accordian-list{border-bottom: 1px solid #121119;}
.become-an-instructor .accordian-list .name{font-size: 14px; font-weight: 400; color: #fff; display: block; padding: 18px 25px 18px 55px; cursor: pointer; position: relative;}

.become-an-instructor .accordian-list .circle{position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 50%; border: 1px solid #fff;}
.become-an-instructor .accordian-list .name span:before{content: ""; width: 2px; height: 10px; background-color: #959598; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.3s linear;}
.become-an-instructor .accordian-list .name span:after{content: ""; width: 2px; height: 10px; background-color: #959598; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg);}
.become-an-instructor .accordian-list.active .name span:before{transform: translate(-50%, -50%) rotate(-90deg); }

.become-an-instructor .accordian-list .caption{padding-left: 55px; margin-bottom: 20px;}
.become-an-instructor .accordian-list .caption p{margin-bottom: 25px; font-weight: 300;}
.become-an-instructor .accordian-list .caption p:last-child{margin-bottom: 0;}

/* process tab */
.become-an-instructor .process-block .content-block p{margin-bottom: 15px;}
.become-an-instructor .process-block .content-block ul{margin: 0 0 5px 30px;}
.become-an-instructor .process-block .content-block ul li{color: #797979; padding: 0 0 10px 15px;}

/* features tab */
.become-an-instructor .key-features-block .group-block{width: 100%; display: inline-flex; flex-wrap: wrap;}
.become-an-instructor .key-features-block .group-block .box{max-width: 250px; width: 100%; margin:0 0 15px 15px; background: #1e1d25; padding: 45px 18px; text-align: center;}

.become-an-instructor .key-features-block .group-block .box figure{max-width: 65px; width: 100%; margin-bottom: 20px;}
.become-an-instructor .key-features-block .group-block .box figure img{width: 100%; height: auto; display: block;}
.become-an-instructor .key-features-block .group-block .box label{font-size: 16px; font-weight: 500; margin-bottom: 15px; color: #fff; display: inline-block;}
.become-an-instructor .key-features-block .group-block .box p{color: #7a7a7a; font-weight: 400; margin-bottom: 0; }

/* review tab */
.become-an-instructor .review-list .review-box{width: 100%; border-radius: 3px; background-color: #1e1d25;  padding: 23px 45px 23px 23px; margin-bottom: 10px;}
.become-an-instructor .review-list .review-box:last-child{margin-bottom: 0;}

.become-an-instructor .review-block .trainer-title{width: 100%; display: flex; align-items: center; margin-bottom: 7px;}
.become-an-instructor .review-block .trainer-title figure{max-width: 30px; width: 100%; height: 30px; border-radius: 50%; overflow: hidden; margin: 0;}
.become-an-instructor .review-block .trainer-title figure img{width: 100%; height: auto; display: block;}
.become-an-instructor .review-block .trainer-title h6{font-size: 17px; margin: 0 0 0 10px;}
.become-an-instructor .review-block .trainer-title .certified-buyer{margin: 0 0 0 10px; font-size: 14px; font-weight: 400; color: #619b63; display: inline-flex; align-items: center;}
.become-an-instructor .review-block .trainer-title .certified-buyer:before{margin-right: 5px;}

.become-an-instructor .review-block .review-box .txt{font-size: 17px; font-weight: 500; color: #F27125; margin-bottom: 10px;}

.become-an-instructor .review-list .review-box p{font-weight: 400; margin-bottom: 15px;}
.become-an-instructor .review-list .review-rating-block{width: 100%; display: inline-flex; align-items: center;}
.become-an-instructor .review-list .review-rating-block .product-review-detail-star-list{margin: 0 15px 0 0;}
.become-an-instructor .review-list .review-rating-block .name{margin: 0 10px 0 0; font-size: 14px; font-weight: 400; color: #f27125;}

/* faq tab */
.become-an-instructor .faq-block .content-block{padding: 0;}

.become-an-instructor .sidebar{margin: 76px 0 0;}
.become-an-instructor .sidebar .query-form{width: 100%; border: 1px solid #2e2d35; border-radius: 3px; margin-bottom: 20px;}
.become-an-instructor .sidebar .query-form .title{width: 100%; background: #1e1d25; padding: 15px 30px; font-size: 16px; font-weight: 500; color: #fff; text-align: center;}
.become-an-instructor .sidebar .form-block{padding: 20px 30px 30px;}
.become-an-instructor .sidebar .form-block .input-style{margin-bottom: 20px;}
.become-an-instructor .sidebar .form-block .input-style label{font-size: 13px; font-weight: 400; color: #999999; margin-bottom: 5px; display: inline-block;}
.become-an-instructor .sidebar .form-block .input-style label.required:after{content: "*"; font-size: 18px; position: relative; top: 2px;}
.become-an-instructor .sidebar .form-block .input-style input{background: transparent; border:1px solid #2e2d35;}

.become-an-instructor .sidebar .form-block .overall-rating{margin-bottom: 20px;}
.become-an-instructor .sidebar .form-block .overall-rating label{font-size: 13px; font-weight: 400; color: #999999; margin-bottom: 5px; display: inline-block;}

.become-an-instructor .sidebar .form-block .input-style textarea{height: 115px; background: transparent; border:1px solid #2e2d35;}

.become-an-instructor .sidebar .form-block .upload-section{width: 100%; margin-bottom: 20px;}
.become-an-instructor .sidebar .form-block .upload-section label{width: 100%; height: 45px; border: 1px solid #2e2d35; border-radius: 3px; padding: 13px 10px 13px 20px; font-size: 13px; color: #989898; margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center;}
.become-an-instructor .sidebar .form-block .upload-section input{display: none;}
.become-an-instructor .sidebar .form-block .upload-section span{margin: 0;}
.become-an-instructor .sidebar .form-block .upload-section .icon{font-size: 10px; margin: 0 0 0 auto;}
.become-an-instructor .sidebar .form-block .upload-section small{font-size: 13px; font-weight: 400; color: #999999; display: block; text-align: right;}

.become-an-instructor .sidebar .form-block .btn-submit{width: 100%; height: 45px; border: 0; border-radius: 3px; background-color: #f27125; color: #fff; font-size: 16px; font-weight: 500; transition: 0.2s ease-in-out; cursor: pointer;}
.become-an-instructor .sidebar .form-block .btn-submit:hover{color: #121119;}

.become-an-instructor .sidebar .help-block{padding: 30px 0 20px;}
.become-an-instructor .sidebar .help-block .title{font-size: 30px; font-weight: 500; color: #fff; padding-bottom: 20px; border-bottom: 1px solid #2E2D35; margin-bottom: 20px;}
.become-an-instructor .sidebar .help-block span{width: 100%; display: inline-block; font-size: 20px; font-weight: 400; color: #999999; margin-bottom: 10px;}
.become-an-instructor .sidebar .help-block span:last-child{margin-bottom: 0;}
.become-an-instructor .sidebar .help-block a{font-size: 20px; font-weight: 400; color: #F27125;}
.become-an-instructor .sidebar .help-block a:hover{text-decoration: underline;}

/*--------- aws consulting services page ------------*/
.consulting-page{font-family: 'Encode Sans'; background-image: url('../images/background01.jpg'); background-repeat: no-repeat;background-size: 1600px; background-position: top center; }


.consulting-page #content-area .container{max-width: 1200px;}

.consulting-page .banner{height: 715px;}
.consulting-page .banner .container{max-width: 1355px;}
.consulting-page .banner .banner-caption .title{max-width: 480px; width: 100%; font-size: 48px; font-weight: 300; color: #c6c4d3; line-height: 1.1;}
.consulting-page .banner .banner-caption .title span{font-weight: 400; color: #f47e22;}
.consulting-page .banner .banner-caption .title p{max-width: 380px; width: 100%; margin: 5px 0 0; font-size: 18px; font-weight: 400; color: #c6c4d3;}
.consulting-page .banner .banner-caption .title strong{font-weight: 500;}
.consulting-page .banner .banner-caption figure.img-block{max-width: 790px; width: 100%; height: auto; display: block;}
.consulting-page .banner .banner-caption figure.img-block img{width: 100%; height: auto;}

.consult-cource-block{width: 100%; display: flex; justify-content: center; margin-bottom: 40px;}
.consult-cource-block .box{max-width: 500px; width: 100%; margin: 0 0 0 30px;}
.consult-cource-block .box:nth-child(2n + 1){margin-left: 0; margin-top: -25px;}

.consult-cource-block .inner-box{background: #000; padding: 35px 50px 50px; border-radius: 60px 10px 10px; position: relative;}
.consult-cource-block figure{max-width: 98px; width: 100%; position: absolute; top: -42px;  margin: 0;}

.consult-cource-block .title{max-width: 280px; width: 100%; margin:0 0 20px; position: relative;}
.consult-cource-block .title:before{content: ""; width: 60px; height: 39px; position: absolute; top: 0;}

.consult-cource-block .title h2{font-size: 30px; font-weight: 400; color: #c6c4d3; margin-bottom: 0; text-transform: uppercase;}

.consult-cource-block .caption ul{margin: 0;}
.consult-cource-block .caption ul li{font-size: 16px; color: #c6c4d3; font-weight: 400; display: inline-block; padding: 0; margin-bottom: 8px;}
.consult-cource-block .caption ul li:last-child{margin-bottom: 0;}
.consult-cource-block .caption ul li:before{display: none;}

.consult-cource-block .caption ul li:after{content: ""; width: 14px; height: 8px; position: absolute; top: 8px;}

.consult-cource-block .left-blk figure{right: 40px;}
.consult-cource-block .left-blk .title:before{background: url('../images/shape02.png') no-repeat top center; background-size: cover; right: calc(100% + 20px);}
.consult-cource-block .left-blk .caption ul li{padding-left: 25px;}
.consult-cource-block .left-blk .caption ul li:after{background: url('../images/shape.svg') no-repeat center center; background-size: 14px; left: 0;}

.consult-cource-block .right-blk{text-align: right;}
.consult-cource-block .right-blk .inner-box{background: #1e1d25;}
.consult-cource-block .right-blk .title:before{background: url('../images/shape03.png') no-repeat top center; background-size: cover; left: calc(100% + 20px);}
.consult-cource-block .right-blk figure{left: 30px;}
.consult-cource-block .right-blk .title{margin: 0 0 25px auto; word-break: break-word;}
.consult-cource-block .right-blk .caption ul li{padding-right: 25px;}
.consult-cource-block .right-blk .caption ul li:after{background: url('../images/shape01.svg') no-repeat center center; background-size: 14px;   right: 0;}

.consult-services-block{margin-bottom: 80px;}
.consult-services-block > h2{font-size: 30px; font-weight: 500; color: #1e1d25; text-transform: uppercase; margin-bottom: 40px; display: block;}

.consult-services-block  .group-box{width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.consult-services-block .service-box{max-width: 268px; width: 100%; height: 275px; margin: 0 0 0 30px; padding: 30px; text-align: center; position: relative;}
.consult-services-block .service-box:after{content: ""; width: 420px; height: 100%; position: absolute; top: 0; z-index: -1;}

.consult-services-block .service-box:nth-child(2n + 2){margin-top: 80px;}

.consult-services-block .service-box:nth-child(even):after{background: url('../images/service-shape01.png') no-repeat center;  background-size: contain; right: 0;}
.consult-services-block .service-box:nth-child(odd):after{background: url('../images/service-shape.png') no-repeat center; background-size: contain; left: 0;}

.consult-services-block .service-box figure{max-width: 60px; width: 100%; margin: 0 auto 20px;}
.consult-services-block .service-box h3{font-size: 24px; font-weight: 500; color: #ec462e; margin-bottom: 5px;}
.consult-services-block .service-box p{font-size: 14px; color: #000; font-weight: 400; margin-bottom: 0; line-height: 1.3;}

.process-follow-block h3{font-size: 30px; color: #c6c4d3; font-weight: 500; text-transform: uppercase;}

.process-follow-block .group-box{background: url('../images/follow-shape.png') no-repeat center -10px; background-size: 787px; }
.process-follow-block .follow-box{max-width: 800px; width: 100%; margin-bottom: 115px;}
.process-follow-block .follow-box .inner-block{max-width: 400px; width: 100%; display: flex; }
.process-follow-block .follow-box:nth-child(even) .inner-block{margin: 0 auto 0 0;}
.process-follow-block .follow-box:nth-child(odd) .inner-block{margin: 0 0 0 auto;}

.process-follow-block .follow-box.design-follow .inner-block{margin-left: 25px;} 
.process-follow-block .follow-box.manage-follow .inner-block{margin-right: -50px;} 

.process-follow-block .follow-box figure{max-width: 103px; width: 100%; display: block; margin: 0;}
.process-follow-block .follow-box figure img{width: 100%; height: auto;}
.process-follow-block .follow-box .caption{margin: 0 0 0 25px;}
.process-follow-block .follow-box .caption h5{font-size: 24px; font-weight: 500; color: #f16b26; line-height: 1.2; margin: 0;}
.process-follow-block .follow-box .caption p{font-size: 14px; font-weight: 400; color: #9998a4; line-height: 1.4; margin-bottom: 0;}

.management-service{width: 100%; background: #f16b26; border-radius: 10px 100px 10px 10px; display: flex; align-items: center; padding: 0 20px 0 30px; margin-bottom: 50px;}
.management-service p{font-size: 30px; font-weight: 300; color: #fff; line-height: 1.2; margin: 0; padding-left: 35px; position: relative;}
.management-service p:before{content: ""; width: 14px; height: 25px; background: url('../images/arrow-right.png') no-repeat center; background-size: 14px; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%);}
.management-service figure{max-width: 198px; width: 100%; margin: -70px 0 0 auto;}
.management-service figure img{width: 100%; height: auto; display: block;}

.testimonial-block{max-width: 970px; width: 100%; margin: 0 auto 25px; display: flex; justify-content: space-between;}

.testimonial-block .caption{margin: 70px 0 0;}
.testimonial-block .caption figure{max-width: 193px; width: 100%; margin: 0 0 15px;}
.testimonial-block .caption figure img{width: 100%; height: auto; display: block;}
.testimonial-block .caption p{font-size: 30px; color: #f16b26; font-weight: 500; line-height: 1.2; margin-bottom: 0; text-transform: uppercase;}

.testimonial-block .testimonial-wrapper{max-width: 445px; width: 100%; padding: 85px 70px 20px 30px; margin: 0; position: relative;}
.testimonial-block .testimonial-wrapper:after{content: ""; width: 750px; height: 100%; position: absolute; top: 0; background: url('../images/clients-review-shape.png') no-repeat center; background-size: contain; right: 0;}

.testimonial-block .box p{font-size: 18px; font-weight: 300; color: #c6c4d3; line-height: 1.5; display: inline-block;}
.testimonial-block .box small{font-size: 16px; font-weight: 300; color: #ec492e; display: inline-block;}

.testimonial-block .testimonial-wrapper figure{max-width: 180px; width: 100%; margin: -35px 0 0 auto; position: relative; z-index: 1;}
.testimonial-block .testimonial-wrapper figure img{width: 100%; height: auto; display: block;}

.testimonial-block .owl-carousel .owl-stage-outer{margin-bottom: 0;}
.testimonial-block .owl-theme .owl-nav{width: 100%; position: absolute; top: -10px; left: -220px; margin-top: 0;} 
.testimonial-block .owl-theme .owl-nav button{max-width: 57px; width: 100%; height: 57px; display: block; background: #fff !important; border-radius: 50%; border: 1px solid #1e1d25 !important; outline: none; margin: 0; position: relative;}
.testimonial-block .owl-theme .owl-nav button:before{content: ""; width: 14px; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.testimonial-block .owl-theme .owl-nav button span{display: none;}

.testimonial-block .owl-theme .owl-nav button:hover{background: #f3e9e8 !important;}

.testimonial-block .owl-theme .owl-nav .owl-next{margin-left: 50px;}

.testimonial-block .owl-theme .owl-nav .owl-prev:before{background: url('../images/arrow-left.png') no-repeat center; background-size: contain;}
.testimonial-block .owl-theme .owl-nav .owl-next:before{background: url('../images/arrow-right.png') no-repeat center; background-size: contain;}

/*--------- Login page ------------*/
.signin-page #wrapper{margin-top: 0;}

.login-content{background: url('../images/login-bg-image.jpg') no-repeat center; background-size: cover;}
.login-content .left-content{max-width: calc(100% - 550px); width: 100%; height: 100vh; margin: 0; padding: 50px 15px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden;} 

.login-content .heading-section{text-align: center; margin-bottom: 30px;}
.login-content .heading-section p{font-size: 18px; font-weight: 400; color: #fff; margin-bottom: 0;}
.login-content .heading-section h1{font-size: 28px; font-weight: 600; margin-bottom: 10px;}
.login-content .heading-section a{font-weight: 300;}
.login-content .heading-section a:hover{text-decoration: underline; color: #f27125;}

.login-testimonial-slider{max-width: 800px; width: 100%;}
.login-testimonial-slider .login-testimonial-block{width: 100%; padding: 30px 35px; background: #1E1D25; text-align: center; border-radius: 5px; position: relative;}

.login-testimonial-slider .owl-carousel .owl-stage-outer{margin-bottom: 15px;}
.login-testimonial-slider .owl-theme .owl-dots .owl-dot{outline: none;}
.login-testimonial-slider .owl-theme .owl-dots .owl-dot span{background: transparent; border: 1px solid #999; margin: 0 0 0 15px;}
.login-testimonial-slider .owl-theme .owl-dots .owl-dot:first-child span{margin-left: 0;}
.login-testimonial-slider .owl-theme .owl-dots .owl-dot.active span,
.login-testimonial-slider .owl-theme .owl-dots .owl-dot:hover span{background: #999999;}

.login-testimonial-block figure{max-width: 51px; width: 100%; height: 51px; display: block; margin-bottom: 25px; border-radius: 50%; overflow: hidden;}
.login-testimonial-block figure img{width: 100%; height: auto;}
.login-testimonial-block .testimonial-caption p{font-weight: 400; color: #8F8E92; margin-bottom: 15px;}

.login-testimonial-block .student-name{position: relative; padding-top: 15px;}
.login-testimonial-block .student-name:before{content: ""; width: 37px; height: 1px; background: #F16827; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.login-testimonial-block .student-name p{color: #fff; margin-bottom: 0; line-height: 1; font-style: italic;}
.login-testimonial-block .student-name span{font-size: 13px; font-weight: 400; color: #F16827;}

.login-content .course-section h2{font-size: 28px; font-weight: 700; color: #fff; text-align: center; margin-bottom: 30px;}
.login-content .course-section .course-group{width: 100%; display: flex; justify-content: center;}
.login-content .course-section .course-block{max-width: 235px; width: 100%; background: #1e1d25; border-radius: 3px; margin: 0 0 0 20px; display: inline-block;}
.login-content .course-section .course-block:first-child{margin-left: 0;}
.login-content .course-block .image-block{position: relative;}
.login-content .course-block .image-block a{width: 100%; display: block;}
.login-content .course-block .image-block a img{width: 100%; height: auto; display: block;}
.login-content .course-block .details-block{min-height: 155px; display: inline-flex; justify-content: space-between; flex-direction: column; padding: 15px;}
.login-content .course-block .course-name a{font-size: 15px; color: #fff; font-weight: 600; line-height: 1.2; margin-bottom: 0; display: inline-block;}
.login-content .course-block .course-name span{font-size: 12px; color: #797979; font-weight: 500;}

.login-content .course-block .learners-detail{margin: 0;}
.login-content .course-block .learners-detail .label{width: 100%; display: inline-flex; align-items: center; margin-bottom: 5px;}
.login-content .course-block .learners-detail .icon{font-size: 15px; margin: 0 5px 0 0; display: inline-block; color: #fff;}
.login-content .course-block .learners-detail span{font-size: 12px; color: #fff; margin: 0;}
.login-content .course-block .star-block{display: inline-flex; align-items: center;}
.login-content .course-block .star-block .star-list{display: inline-flex; margin-right: 10px;}
.login-content .course-block .star-block .star-list img{margin-left: 5px;}
.login-content .course-block .star-block .star-list img:first-child{margin-left: 5px;}
.login-content .course-block .star-block a{font-size: 12px; font-weight: 500; color: #fff;}

.login-content .login-box{max-width: 550px; width: 100%; height: 100vh; background: #1E1D25; position: fixed; top: 0; right: 0; overflow: auto;} 
.login-content .inner-wrapper{max-width: 430px; width: 100%; min-height: 100vh; display: flex; justify-content: center; flex-direction: column; padding: 25px 15px;}
.login-content .login-box .logo{max-width: 200px; width: 100%; margin:0 auto 30px; display: block;} 
.login-content .login-box .logo img{width: 100%; height: auto;} 

.login-content .login-box .tab-content{width: 100%; margin: 0 auto;}
.login-content .sign-up-link{width: 100%; height: 50px; border: 1px solid #D4D4D4; display: inline-block; line-height: 48px; text-align: center; font-size: 14px; font-weight: 700; color: #D4D4D4; margin-bottom: 20px;}
.login-content .sign-up-link:hover{background: #fff; border-color: #fff; color: #1E1D25;}

.login-content .text{position: relative;}
.login-content .text:before{content: ""; width: 100%; height: 1px; background-color: #9a9a9a; position: absolute; top: 50%; left: 0;}
.login-content .text span{background-color: #1E1D25; position: relative; left: 50%; transform: translateX(-50%); display: inline-block; padding: 0 5px; font-size: 14px; font-weight: 400; color: #fff;}

.login-content .input-box{margin-bottom: 20px;}
.login-content .input-box label{font-size: 14px; font-weight: 400; color: #D4D4D4; margin-bottom: 5px; display: inline-block;}
.login-content .input-box input,
.login-content .input-box select{border-color: #797979; background-color: transparent;}

.login-content .text-block{font-size: 14px; font-weight: 400; color: #D4D4D4; line-height: 1.5; text-align: center; margin-bottom: 20px;}
.login-content .text-block a{color: #f27125;}
.login-content .text-block a:hover{text-decoration: underline;}

.login-content .login-form .text-block a{color: #D4D4D4;}

.login-content .btn-style{width: 100%; height: 50px; border: 0; outline: none; font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 10px; cursor: pointer;
background: rgb(242,113,37);
background: -moz-linear-gradient(left, rgba(242,113,37,1) 0%, rgba(232,44,52,1) 100%);
background: -webkit-linear-gradient(left, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
background: linear-gradient(to right, rgba(242,113,37,1) 0%,rgba(232,44,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27125', endColorstr='#e82c34',GradientType=1 );}
.login-content .btn-style:hover{color: #121119;}

.login-content .social-login-box{margin-top: 20px;}
.login-content #signup .social-login-box{margin-bottom: 20px;}

.login-content .sign-in-link{font-size: 14px; font-weight: 400; color: #D4D4D4; text-align: center;}