@charset "UTF-8";
    * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Hind", sans-serif;
font-size: 16px;
font-weight: normal;
color: #6d6e75;
line-height: 26px;
}
a {
text-decoration: none;
}
.w-img img {
width: 100%;
}
.m-img img {
max-width: 100%;
}
a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
.transition-3 {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
text-decoration: none;
outline: none;
}
a:focus,
a:hover {
color: inherit;
text-decoration: none;
}
a,
button {
color: inherit;
outline: none;
border: none;
}
button:hover {
cursor: pointer;
}
button:focus {
outline: 0;
border: 0;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Hind", sans-serif;
color: #0e1133;
margin-top: 0px;
font-weight: 700;
line-height: 1.2; }
h1 {
font-size: 40px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
ul {
margin: 0px;
padding: 0px;
}
p {
font-family: "Hind", sans-serif;
font-size: 16px;
font-weight: normal;
color: #6d6e75;
margin-bottom: 15px;
line-height: 26px;
}
*::-moz-selection {
background: #2b4eff;
color: #ffffff;
text-shadow: none;
}
::-moz-selection {
background: #2b4eff;
color: #ffffff;
text-shadow: none;
}
::selection {
background: #2b4eff;
color: #ffffff;
text-shadow: none;
} *::-moz-placeholder {
color: #0e1133;
font-size: 14px;
opacity: 1;
}
*::placeholder {
color: #0e1133;
font-size: 14px;
opacity: 1;
} .fix {
overflow: hidden;
}
.clear {
clear: both;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.z-index-1 {
z-index: 1;
}
.overflow-y-visible {
overflow-x: hidden;
overflow-y: visible;
}
.p-relative {
position: relative;
}
.p-absolute {
position: absolute;
} .grey-bg {
background: #f3f4f8;
}
.grey-bg-2 {
background: #edeef3;
}
.grey-bg-5 {
background: #f5f6fa;
}
.blue-bg {
background: #2b4eff;
}
.blue-bg-3 {
background: #b8dde3;
}
.blue-bg-4 {
background: #2d69f0;
}
.pink-bg {
background: #dd246e;
}
.purple-bg {
background: #8007e6;
}
.green-bg {
background: #0cae74;
}
.white-bg {
background: #ffffff;
}
.black-bg {
background: #0e1133;
}
.footer-bg {
background: #0e1133;
} .text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
color: #ffffff !important;
}
.white-color {
color: #ffffff;
}
.theme-color {
color: #2b4eff !important;
}
.black-color {
color: #0e1133;
}
.pl-245 {
padding-left: 245px;
}
.pr-245 {
padding-right: 245px;
}
.mb-22 {
margin-bottom: 22px;
}
.ml-270 {
margin-left: 270px;
}
.mb--120 {
margin-bottom: -120px;
}
.mb--100 {
margin-bottom: -100px;
}
.mt--210 {
margin-top: -210px;
}
.mt--80 {
margin-top: -80px;
}
.mb-130 {
margin-bottom: -130px;
}
.section-padding {
padding-left: 50px;
padding-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.section-padding {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 575px) {
.section-padding {
padding-left: 0px;
padding-right: 0px;
}
}
.e-btn {
display: inline-block;
height: 50px;
line-height: 52px;
text-align: center;
padding: 0 25px;
color: #ffffff;
background: #2b4eff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
text-transform: lowercase;
}
.e-btn:first-letter {
text-transform: uppercase;
}
.e-btn:hover {
color: #ffffff;
-webkit-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
-moz-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.e-btn-2 {
height: 34px;
line-height: 36px;
padding: 0 20px;
font-size: 14px;
text-transform: capitalize;
}
.e-btn-3 {
padding: 0 28px;
}
.e-btn-4 {
height: 46px;
line-height: 44px;
border: 2px solid #2b4eff;
background: #2b4eff;
color: #ffffff;
}
.e-btn-5 {
padding-left: 22px;
padding-right: 22px;
}
.e-btn-6 {
padding-left: 60px;
padding-right: 60px;
}
.e-btn-7 {
height: 44px;
line-height: 46px;
}
.e-btn-border {
height: 46px;
line-height: 44px;
border: 2px solid #d7d9e3;
color: #0e1133;
background: transparent;
}
.e-btn-border:hover {
background: #2b4eff;
border-color: #2b4eff;
color: #ffffff;
}
.e-btn-border-2 {
height: 46px;
line-height: 44px;
border: 2px solid rgba(255, 255, 255, 0.3);
background: transparent;
padding: 0 20px;
}
.e-btn-border-2:hover {
background: #ffffff;
border-color: #ffffff;
color: #0e1133;
}
.e-btn-white {
height: 54px;
line-height: 58px;
background: #ffffff;
color: #0e1133;
padding: 0 45px;
}
.e-btn-white:hover {
color: #0e1133;
} .link-btn {
position: relative;
font-size: 16px;
color: #6d6e75;
font-weight: 500;
padding-right: 21px;
display: inline-block;
}
.link-btn i {
font-size: 14px;
position: absolute;
top: 12px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-ms-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
}
.link-btn i:first-child {
right: 10%;
visibility: hidden;
opacity: 0;
}
.link-btn i:last-child {
right: 0;
}
.link-btn:hover {
color: #2b4eff;
}
.link-btn:hover i:first-child {
right: 0;
visibility: visible;
opacity: 1;
}
.link-btn:hover i:last-child {
right: -10%;
visibility: hidden;
opacity: 0;
}
.link-btn.link-prev {
padding-right: 0;
padding-left: 21px;
}
.link-btn.link-prev i:first-child {
left: 10%;
right: auto;
}
.link-btn.link-prev i:last-child {
left: 0;
right: auto;
}
.link-btn.link-prev:hover i:first-child {
left: 0%;
right: auto;
}
.link-btn.link-prev:hover i:last-child {
left: -10%;
right: auto;
}
.link-btn-2 {
position: relative;
font-size: 12px;
font-weight: 500;
color: #0e1133;
text-transform: uppercase;
padding-right: 25px;
width: 40px;
height: 40px;
display: inline-block;
line-height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.2);
overflow: hidden;
}
.link-btn-2 i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-ms-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
}
.link-btn-2 i:first-child {
left: -100%;
visibility: hidden;
opacity: 0;
}
.link-btn-2 i:last-child {
right: 35%;
}
.link-btn-2:hover {
color: #ffffff;
}
.link-btn-2:hover i:first-child {
left: 35%;
visibility: visible;
opacity: 1;
}
.link-btn-2:hover i:last-child {
right: -100%;
visibility: hidden;
opacity: 0;
}
.play-btn {
display: inline-block;
width: 44px;
height: 44px;
text-align: center;
line-height: 47px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #ffffff;
color: #2b4eff;
-webkit-animation: pulse 2s infinite;
-moz-animation: pulse 2s infinite;
-o-animation: pulse 2s infinite;
animation: pulse 2s infinite;
font-size: 12px;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.section__sub-title {
font-size: 18px;
font-weight: 500;
color: #2b4eff;
display: inline-block;
margin-bottom: 5px;
}
.section__title {
font-size: 40px;
color: #0e1133;
text-transform: capitalize;
z-index: 1;
margin-bottom: 3px;
}
@media (max-width: 575px) {
.section__title {
font-size: 33px;
}
}
.section__title span {
position: relative;
}
.section__title span img {
position: absolute;
left: -14px;
bottom: 12px;
z-index: -1;
-webkit-animation: section-animation 3s infinite;
animation: section-animation 3s infinite;
}
.section__title span.yellow-bg-big img {
bottom: 15px;
width: 120%;
-webkit-animation: section-animation-2 3s infinite;
animation: section-animation-2 3s infinite;
}
.section__title span.yellow-bg-sm img {
bottom: 10px;
width: 120%;
-webkit-animation: section-animation-2 3s infinite;
animation: section-animation-2 3s infinite;
}
.section__title-wrapper {
position: relative;
z-index: 1;
}
.section__title-wrapper p {
font-size: 16px;
color: #53545b;
}
@keyframes section-animation {
0% {
width: 0;
}
15% {
width: 100%;
}
85% {
opacity: 1;
}
90% {
width: 100%;
opacity: 0;
}
to {
width: 0;
opacity: 0;
}
}
@keyframes section-animation-2 {
0% {
width: 0;
}
15% {
width: 125%;
}
85% {
opacity: 1;
}
90% {
width: 125%;
opacity: 0;
}
to {
width: 0;
opacity: 0;
}
} .basic-pagination ul li {
display: inline-block;
margin-right: 20px;
}
@media (max-width: 575px) {
.basic-pagination ul li {
margin-right: 5px;
}
}
.basic-pagination ul li.prev a,
.basic-pagination ul li.next a {
width: inherit;
height: inherit;
line-height: inherit;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
}
.basic-pagination ul li.prev a:hover,
.basic-pagination ul li.next a:hover {
color: #2b4eff;
background: inherit;
}
.basic-pagination ul li.active a {
color: #ffffff;
background: #2b4eff;
border-color: #2b4eff;
}
.basic-pagination ul li a {
position: relative;
overflow: hidden;
background: transparent;
display: inline-block;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
border: 2px solid #eef0f6;
color: #0e1133;
}
.basic-pagination ul li .page-numbers.current {
position: relative;
overflow: hidden;
background: transparent;
display: inline-block;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
color: #fff;
background: #2b4eff;
}
.basic-pagination ul li .page-numbers.dots {
position: relative;
overflow: hidden;
background: transparent;
display: inline-block;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
border: 2px solid #eef0f6;
color: #0e1133;
}
.basic-pagination ul li a:hover {
background: #2b4eff;
color: #ffffff;
border-color: #2b4eff;
}
.body-overlay {
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 99;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.body-overlay:hover {
cursor: pointer;
}
.body-overlay.opened {
opacity: 1;
visibility: visible;
}  .header__padding {
padding-left: 245px;
padding-right: 245px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.header__padding {
padding-left: 70px;
padding-right: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.header__padding {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__padding {
padding: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__padding {
padding: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header__padding {
padding: 20px;
}
}
@media (max-width: 575px) {
.header__padding {
padding: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__padding-2 {
padding: 20px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__padding-2 {
padding: 20px 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header__padding-2 {
padding: 20px 0;
}
}
@media (max-width: 575px) {
.header__padding-2 {
padding: 20px 0;
}
}
.header__shadow {
-webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
-moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
}
.header__area.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #ffffff;
z-index: 99;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
display: block;
-webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
-moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
}
.header__area.sticky .header__search input {
background: #edeef3;
}
.header__area.sticky .logo .logo-white {
display: none;
}
.header__area.sticky .logo .logo-black {
display: block;
}
.header__area .edu-sticky-logo .standard-logo {
display: inline-block;
}
.header__area .edu-sticky-logo .sticky-logo {
display: none;
}
.header__area.sticky .edu-sticky-logo .standard-logo {
display: none;
}
.header__area.sticky .edu-sticky-logo .sticky-logo {
display: block;
}
.header__area.sticky .main-menu-3 ul li a {
color: #0e1133 !important;
}
.header__area.sticky .main-menu-3 ul li a::after {
color: #0e1133;
}
.header__area.sticky .main-menu-3 ul li a::before {
background: #0e1133;
}
.header__area.sticky .main-menu-3 ul li .submenu li a::before {
background: #2b4eff;
}
.header__area.sticky .header__search-2 svg .st0 {
fill: #0e1133;
}
.header__area.sticky .header__search-2 svg .st1 {
fill: #121317;
}
.header__area.sticky .cat-menu {
color: #0e1133;
}
.header__area.sticky .cat-menu:hover {
color: #2b4eff;
}
.header__area.sticky .cat-menu:hover svg .cat-dot {
fill: #2b4eff;
}
.header__area.sticky .cat-menu svg .cat-dot {
fill: #0e1133;
}
.header__area.sticky .header__category::after {
background: rgba(14, 17, 51, 0.2);
}
.header__area.sticky .sidebar-toggle-btn .line {
background-color: #2b4eff;
}
div.t__header__sticky.sticky .main-menu-3 ul li.has-dropdown a::after {
color: #0e1133;
}
.header__transparent {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 11;
}
.header__white .cat-menu {
color: #ffffff;
}
.header__white .cat-menu svg .cat-dot {
fill: #ffffff;
}
.header__white .cat-menu:hover {
color: #ffffff;
}
.header__white .cat-menu:hover svg .cat-dot {
fill: #ffffff;
}
.header__white .header__category::after {
background: rgba(255, 255, 255, 0.2);
}
.header__white .main-menu ul li a {
color: #ffffff;
}
.header__white .sidebar-toggle-btn .line {
background-color: #ffffff;
}
.header__category {
position: relative;
padding-left: 30px;
margin-left: 30px;
padding-top: 3px;
}
.header__category::after {
position: absolute;
content: "";
left: 0;
top: 60%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 40px;
background: #c9ccd4;
}
.header__category ul li {
position: relative;
}
.header__category ul li .cat-submenu {
position: absolute;
top: calc(100% + 30px);
left: 0;
width: 200px;
padding: 17px 0;
padding-bottom: 15px;
background: #ffffff;
-webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
-moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
z-index: 9;
}
.header__category ul li .cat-submenu li {
display: block;
margin-right: 0;
}
.header__category ul li .cat-submenu li > a {
width: 100%;
display: block;
padding: 3px 30px;
text-transform: capitalize;
color: #6d6e75;
font-weight: 500;
position: relative;
}
.header__category ul li .cat-submenu li > a::after {
right: 30px;
-webkit-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.header__category ul li .cat-submenu li:hover > a {
color: #2b4eff;
}
.header__category ul li:hover .cat-submenu {
visibility: visible;
opacity: 1;
top: calc(100% + 10px);
}
.header__search input {
width: 280px;
height: 50px;
line-height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #ffffff;
outline: none;
border: 1px solid #ffffff;
font-size: 16px;
padding: 25px 65px 20px 55px;
}
.header__search input::placeholder {
color: #8c8faa;
}
.header__search input:focus {
border-color: #2b4eff;
}
.header__search button {
background: transparent;
position: absolute;
top: 15px;
left: 24px;
}
.header__search button i::after {
color: #0e1133;
opacity: 1;
}
.header__search button i::before {
color: #8c8faa;
}
.header__search-2 svg {
width: 18px;
height: 18px;
}
.header__search-2 svg .st0 {
fill: #8c8faa;
}
.header__search-2 svg .st1 {
fill: #ffffff;
}
.header__search-2 svg:hover {
cursor: pointer;
}
.header__cart {
position: absolute;
top: 15px;
right: 20px;
padding-left: 18px;
}
.header__cart::after {
position: absolute;
content: "";
top: -5px;
left: 0;
width: 2px;
height: 30px;
background: #dbdfe9;
}
.header__cart-icon {
display: inline-block;
}
.header__cart-icon svg {
width: 20px;
height: 19px;
}
.header__cart-icon svg .st0 {
fill: none;
stroke: #0e1133;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.header__cart a {
position: relative;
font-size: 17px;
color: #0e1133;
}
.header__cart a .cart-item {
position: absolute;
top: -10px;
right: -10px;
display: inline-block;
width: 20px;
height: 20px;
line-height: 22px;
text-align: center;
font-size: 14px;
color: #ffffff;
background: #2b4eff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-weight: 500;
-webkit-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
-moz-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
}
.header__cart a:hover .cart-item {
background: #0e1133;
}
.header__btn-2 a {
height: 44px;
line-height: 44px;
padding: 0 38px;
}
.header__search-3 {
position: fixed;
top: -100px;
left: 0;
width: 100%;
min-height: 330px;
padding: 40px 0;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
z-index: 9999;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header__search-3 {
min-height: 300px;
}
}
@media (max-width: 575px) {
.header__search-3 {
padding-top: 30px;
min-height: 300px;
}
}
.header__search-3.search-opened {
top: 0;
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.header__search-3-btn {
margin-bottom: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header__search-3-btn {
margin-bottom: 20px;
}
}
@media (max-width: 575px) {
.header__search-3-btn {
margin-bottom: 20px;
}
}
.header__search-3-btn-close {
font-size: 18px;
color: #2b4eff;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.header__search-3-header {
margin-bottom: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header__search-3-header {
margin-bottom: 20px;
}
}
@media (max-width: 575px) {
.header__search-3-header {
margin-bottom: 20px;
}
}
.header__search-3-header h3 {
color: #0e1133;
font-size: 30px;
}
.header__search-3-categories {
margin-bottom: 35px;
}
.header__search-3-categories ul li {
display: inline-block;
}
.header__search-3-categories ul li a {
font-size: 18px;
color: #121317;
padding: 0 30px;
}
.header__search-3-categories ul li a:hover {
color: #2b4eff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__search-3-categories ul li a {
padding: 0 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header__search-3-categories ul li a {
font-size: 16px;
padding: 0 5px;
}
}
@media (max-width: 575px) {
.header__search-3-categories ul li a {
padding: 0 5px;
font-size: 14px;
}
}
.header__search-3-input input {
height: 50px;
width: 100%;
border: none;
padding: 0 15px;
padding-right: 30px;
border-bottom: 1px solid #eef0f6;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
outline: none;
}
.header__search-3-input input::placeholder {
color: #53545b;
}
.header__search-3-input input:focus {
border-color: #2b4eff;
}
.header__search-3-input button {
position: absolute;
top: 0;
right: 0;
height: 50px;
width: 50px;
text-align: center;
font-size: 14px;
background: transparent;
color: #0e1133;
}
.logo-black {
display: none;
}
.cat-menu {
font-size: 16px;
font-weight: 500;
color: #0e1133;
position: relative;
}
.cat-menu:hover {
color: #2b4eff;
}
.cat-menu:hover svg .cat-dot {
fill: #2b4eff;
}
.cat-menu svg {
width: 16px;
height: 16px;
}
.cat-menu svg .cat-dot {
fill: #0e1133;
}
.cat-menu span {
padding-left: 14px;
line-height: 1;
display: inline-block;
padding-top: 3px;
}
.main-menu ul li {
display: inline-block;
position: relative;
}
.main-menu ul li:not(:first-child) {
margin-left: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.main-menu ul li:not(:first-child) {
margin-left: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.main-menu ul li:not(:first-child) {
margin-left: 10px;
}
}
.main-menu ul li a {
display: inline-block;
font-size: 16px;
font-weight: 500;
color: #0e1133;
padding: 35px 0;
}
.main-menu ul li.has-dropdown > a {
position: relative;
}
.main-menu ul li.has-dropdown > a::after {
content: "";
-webkit-transform: translateY(1px);
-moz-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
font-size: 14px;
color: #0e1133;
font-family: "Font Awesome 5 Pro";
font-weight: 400;
margin-left: 5px;
display: inline-block;
}
.main-menu ul li:hover > a {
color: #2b4eff;
}
.main-menu ul li:hover > a::after {
color: #2b4eff;
}
.main-menu ul li:hover .submenu {
top: 100%;
visibility: visible;
opacity: 1;
}
.main-menu ul li .submenu {
position: absolute;
top: 120%;
left: 0;
width: 200px;
background: #ffffff;
z-index: 99;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
visibility: hidden;
opacity: 0;
-webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
-moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
}
.main-menu ul li .submenu li {
display: block;
width: 100%;
margin: 0;
}
.main-menu ul li .submenu li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main-menu ul li .submenu li.has-dropdown > a::after {
position: absolute;
top: 50%;
right: 25px;
-webkit-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.main-menu ul li .submenu li a {
padding: 10px 25px;
font-size: 13px;
position: relative;
z-index: 1;
color: #0e1133;
width: 100%;
}
.main-menu ul li .submenu li a::before {
position: absolute;
content: "";
top: 0;
left: auto;
right: 0;
width: 0;
height: 100%;
background: #2b4eff;
z-index: -1;
}
.main-menu ul li .submenu li .submenu {
left: 120%;
top: 0;
visibility: hidden;
opacity: 0;
}
.main-menu ul li .submenu li:hover > a {
color: #ffffff !important;
}
.main-menu ul li .submenu li:hover > a::after {
color: #ffffff;
}
.main-menu ul li .submenu li:hover > a::before {
left: 0;
right: auto;
width: 100%;
}
.main-menu ul li .submenu li:hover .submenu {
left: 100%;
visibility: visible;
opacity: 1;
}
.main-menu-2 ul li:not(:first-child) {
margin-left: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.main-menu-2 ul li:not(:first-child) {
margin-left: 20px;
}
}
.main-menu-2 ul li .menu-tag {
position: absolute;
top: 13px;
right: -4px;
display: inline-block;
height: 20px;
line-height: 20px;
padding: 0 7px;
background: #2b4eff;
color: #ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 12px;
text-transform: capitalize;
-webkit-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
-moz-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-menu-2 ul li .menu-tag {
display: none;
}
}
.main-menu-2 ul li .menu-tag::after {
position: absolute;
content: "";
bottom: -5px;
left: 10px;
width: 0;
height: 0;
border-left: 5px solid #2b4eff;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.main-menu-3 ul li a {
color: #ffffff;
position: relative;
}
.main-menu-3 ul li a::before {
position: absolute;
content: "";
left: auto;
right: 0;
bottom: 38px;
width: 0%;
height: 1px;
background: #ffffff;
}
.main-menu-3 ul li.has-dropdown a::after {
color: #ffffff;
}
.main-menu-3 ul li .submenu li a::after {
color: #0e1133;
}
.main-menu-3 ul li:hover > a {
color: #ffffff;
}
.main-menu-3 ul li:hover a::before {
width: 100%;
left: 0;
right: auto;
} .sidebar-toggle-btn .line {
width: 30px;
height: 3px;
background-color: #2b4eff;
display: block;
margin: 6px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sidebar-toggle-btn-white .line {
background: #ffffff;
}
.sidebar-toggle-btn:hover {
cursor: pointer;
}
.sidebar-toggle-btn:hover .line {
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.sidebar-toggle-btn:hover .line:nth-child(1) {
width: 10px;
}
.sidebar-toggle-btn:hover .line:nth-child(2) {
width: 20px;
}
.sidebar__area {
position: fixed;
right: -340px;
top: 0;
width: 320px;
height: 100%;
background: #ffffff none repeat scroll 0 0;
overflow-y: scroll;
-webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: 99999;
}
.sidebar__area.sidebar-opened {
right: 0px;
}
.sidebar__wrapper {
position: relative;
padding: 30px;
}
.sidebar__close {
position: absolute;
top: 33px;
right: 30px;
}
.sidebar__close-btn {
transition: all 450ms cubic-bezier(0.4, 0.25, 0.3, 1.3);
width: 40px;
height: 40px;
color: #0e1133;
border: 1px solid #2a3a57;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
background: transparent;
line-height: 42px;
}
.sidebar__close-btn:focus {
border: 1px solid #0e1133;
}
.sidebar__close-btn span {
transition: all 400ms cubic-bezier(0.4, 0.25, 0.3, 1.3) 100ms;
font-size: 14px;
font-weight: 500;
}
.sidebar__close button:hover {
color: #fff;
border-color: #2b4eff;
background-color: #2b4eff;
}
.sidebar__search input {
width: 100%;
height: 50px;
line-height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #edeef3;
outline: none;
border: 1px solid #ffffff;
font-size: 16px;
padding: 25px 65px 20px 55px;
}
.sidebar__search input::placeholder {
color: #8c8faa;
}
.sidebar__search input:focus {
border-color: #2b4eff;
}
.sidebar__search button {
background: transparent;
position: absolute;
top: 15px;
left: 24px;
}
.sidebar__search button i::after {
color: #0e1133;
opacity: 1;
}
.sidebar__search button i::before {
color: #8c8faa;
}
.sidebar__cart-icon {
display: inline-block;
}
.sidebar__cart-icon svg {
width: 20px;
height: 19px;
}
.sidebar__cart-icon svg .st0 {
fill: none;
stroke: #0e1133;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.sidebar__cart a {
position: relative;
font-size: 17px;
color: #0e1133;
}
.sidebar__cart a .cart-item {
position: absolute;
top: -10px;
right: -10px;
display: inline-block;
width: 20px;
height: 20px;
line-height: 22px;
text-align: center;
font-size: 14px;
color: #ffffff;
background: #2b4eff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-weight: 500;
-webkit-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
-moz-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
}
.sidebar__cart a:hover .cart-item {
background: #0e1133;
} .mean-container a.meanmenu-reveal {
display: none;
}
.mean-container .mean-nav {
background: none;
margin-top: 0;
}
.mean-container .mean-bar {
padding: 0;
min-height: auto;
background: none;
}
.mean-container .mean-nav > ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
display: block !important;
}
.mean-container a.meanmenu-reveal {
display: none !important;
}
.mean-container .mean-nav ul li a {
width: 100%;
padding: 10px 0;
color: #0e1133;
border-top: 1px solid #bbbcbf;
font-size: 13px;
font-weight: 600;
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 0px;
height: 15px;
line-height: 14px;
border-bottom: none;
padding: 0;
display: inline-block;
width: 40px;
height: 44px;
line-height: 51px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
color: #0e1133;
}
.mean-container .mean-nav > ul > li:first-child > a {
border-top: 0;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
color: #0e1133;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
color: #0e1133;
}  .hero__height {
min-height: 950px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__height {
min-height: 850px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__height {
min-height: 750px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero__height {
min-height: 1100px;
}
}
@media (max-width: 575px) {
.hero__height {
min-height: 850px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero__height-2 {
min-height: 1350px;
}
}
@media (max-width: 575px) {
.hero__height-2 {
min-height: 850px;
}
}
.hero__title {
font-size: 60px;
line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__title {
font-size: 55px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__title {
font-size: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__title {
font-size: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero__title {
font-size: 50px;
}
}
@media (max-width: 575px) {
.hero__title {
font-size: 30px;
}
}
.hero__title span:first-child {
font-weight: 300;
display: block;
}
.hero__title span.yellow-shape {
position: relative;
z-index: 1;
}
.hero__title span.yellow-shape img {
position: absolute;
bottom: 22px;
left: -8px;
z-index: -1;
-webkit-animation: section-animation 3s infinite;
animation: section-animation 3s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__title span.yellow-shape img {
bottom: 12px;
height: 40% !important;
}
}
.hero__title-2 {
margin-bottom: 20px;
}
.hero__content p {
font-size: 22px;
color: #0e1133;
padding-right: 130px;
line-height: 30px;
margin-bottom: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__content p {
padding-right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__content p {
padding-right: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero__content p {
padding-right: 0px;
}
}
@media (max-width: 575px) {
.hero__content p {
padding-right: 0px;
}
}
.hero__content-2 h4 {
font-size: 22px;
margin-bottom: 0;
}
.hero__content-2 p {
color: #53545b;
font-size: 16px;
margin-bottom: 37px;
}
.hero__thumb {
z-index: 1;
}
.hero__thumb-big {
position: relative;
}
.hero__thumb-big img {
max-width: 400px;
max-height: 460px;
-webkit-border-radius: 40px 4px 40px 4px;
-moz-border-radius: 40px 4px 40px 4px;
border-radius: 40px 4px 40px 4px;
-webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
-moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__thumb-big img {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero__thumb-big img {
margin-top: 50px;
width: 100%;
}
}
@media (max-width: 575px) {
.hero__thumb-big img {
margin-top: 50px;
width: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__thumb-sm {
margin-left: -50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__thumb-sm {
margin-left: -160px;
margin-top: -95px;
}
}
div.hero__thumb-sm img {
max-width: 200px;
max-height: 240px;
-webkit-border-radius: 4px 40px 4px 40px;
-moz-border-radius: 4px 40px 4px 40px;
border-radius: 4px 40px 4px 40px;
-webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
-moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
}
.hero__thumb-shape img {
position: absolute;
z-index: -1;
}
.hero__thumb-shape img.hero-1-dot {
bottom: -25px;
left: -30px;
-webkit-animation: hero-dot-1 5s linear 0s infinite alternate;
-moz-animation: hero-dot-1 5s linear 0s infinite alternate;
-o-animation: hero-dot-1 5s linear 0s infinite alternate;
animation: hero-dot-1 5s linear 0s infinite alternate;
}
.hero__thumb-shape img.hero-1-circle-3 {
bottom: -47px;
right: 1%;
}
.hero__thumb-shape img.hero-1-circle-4 {
top: -50px;
right: 10%;
}
.hero__thumb-2 {
position: relative;
z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__thumb-2 img.hero-big {
width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__thumb-2 img.hero-big {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__thumb-2 img.hero-big {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero__thumb-2 img.hero-big {
width: 100%;
}
}
@media (max-width: 575px) {
.hero__thumb-2 img.hero-big {
width: 100%;
}
}
.hero__thumb-2 img.hero-shape-purple {
position: absolute;
left: 0;
bottom: 19%;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__thumb-2 img.hero-shape-purple {
width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__thumb-2 img.hero-shape-purple {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__thumb-2 img.hero-shape-purple {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero__thumb-2 img.hero-shape-purple {
width: 100%;
}
}
@media (max-width: 575px) {
.hero__thumb-2 img.hero-shape-purple {
width: 100%;
}
}
.hero__quote {
position: absolute;
bottom: 60px;
right: -200px;
padding: 15px 25px;
padding-bottom: 20px;
background: #ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
-moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__quote {
right: -145px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__quote {
right: 60px;
bottom: -50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__quote {
right: 30px;
bottom: -50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero__quote {
right: 30px;
bottom: -50px;
}
}
@media (max-width: 575px) {
.hero__quote {
right: 15px;
bottom: -50px;
}
}
.hero__quote span {
font-size: 14px;
color: #474956;
}
.hero__quote h4 {
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
line-height: 1;
}
.hero__quote-animation {
animation-duration: 2.5s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-name: hero-bounce;
}
.hero__shape img {
position: absolute;
}
.hero__shape img.hero-1-circle {
top: 25%;
left: 5%;
-webkit-animation: hero-circle-1 6s linear 0s infinite alternate;
-moz-animation: hero-circle-1 6s linear 0s infinite alternate;
-o-animation: hero-circle-1 6s linear 0s infinite alternate;
animation: hero-circle-1 6s linear 0s infinite alternate;
}
.hero__shape img.hero-1-circle-2 {
bottom: 29%;
left: 0;
}
.hero__shape img.hero-1-dot-2 {
right: 0;
bottom: 38%;
}
.hero__search-input {
position: relative;
width: 370px;
}
@media (max-width: 575px) {
.hero__search-input {
width: 100%;
}
}
.hero__search-input input {
width: 100%;
height: 54px;
line-height: 54px;
padding: 0 24px;
padding-right: 35px;
font-size: 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
outline: none;
border: none;
}
.hero__search-input input::placeholder {
color: #8d8e9a;
}
.hero__search-input button {
position: absolute;
top: 50%;
right: 24px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
background: transparent;
}
.hero__search-input button i::after {
color: #0e1133;
opacity: 1;
}
.hero__search-input button i::before {
color: #8c8faa;
}
.hero__search p {
font-size: 16px;
color: #6d6e75;
}
.hero__promotion {
position: absolute !important;
left: -7% !important;
top: 44% !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
-moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
padding: 15px 20px;
padding-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__promotion {
left: 20% !important;
top: 71% !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero__promotion {
left: 9% !important;
top: 71% !important;
}
}
@media (max-width: 575px) {
.hero__promotion {
left: 9% !important;
top: 52% !important;
}
}
.hero__promotion.education {
bottom: 28% !important;
top: auto !important;
left: -11% !important;
}
.hero__promotion-icon span {
display: inline-block;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #ff7921;
}
.hero__promotion-icon span svg {
height: 24px;
fill: #ffffff;
}
.hero__promotion-icon span.cap {
background: #5773ff;
}
.hero__promotion-text h5 {
font-size: 16px;
margin-bottom: 0;
}
.hero__promotion-text p {
font-size: 14px;
color: #474956;
margin-bottom: 0;
}
.hero__class {
position: absolute;
left: auto !important;
top: auto !important;
bottom: 33%;
right: -12%;
-webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
-moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
background: rgba(255, 255, 255, 0.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__class {
right: -5%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__class {
right: 1%;
bottom: 15%;
}
}
.hero__class-thumb img {
width: 34px;
height: 34px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.hero__class-text h5 {
font-size: 16px;
margin-bottom: 0;
}
.hero__class-text p {
font-size: 14px;
color: #474956;
margin-bottom: 0;
}
.hero__class-text a {
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
color: #ffffff;
font-weight: 500;
padding: 0 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #e233fb;
}
.hero__mic {
position: absolute;
top: 30%;
right: 10%;
animation-duration: 2.5s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-name: hero-bounce;
}
.hero__mic span {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #ff3c4e;
-webkit-box-shadow: 0px 14px 30px 0px rgba(131, 2, 14, 0.2);
-moz-box-shadow: 0px 14px 30px 0px rgba(131, 2, 14, 0.2);
box-shadow: 0px 14px 30px 0px rgba(131, 2, 14, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.hero__mic span svg {
height: 28px;
fill: #ffffff;
}
@keyframes hero-dot-1 {
0% {
transform: translateY(-100px);
}
100% {
transform: translateY(0px);
}
}
@keyframes hero-bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
@keyframes hero-circle-1 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}  .category__item {
padding: 20px 40px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 2px solid #eef0f6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.category__item {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.category__item {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 575px) {
.category__item {
padding-left: 30px;
padding-right: 30px;
}
}
.category__item:hover {
background: #2b4eff;
border-color: #2b4eff;
-webkit-box-shadow: 0px 20px 30px 0px rgba(4, 23, 118, 0.3);
-moz-box-shadow: 0px 20px 30px 0px rgba(4, 23, 118, 0.3);
box-shadow: 0px 20px 30px 0px rgba(4, 23, 118, 0.3);
}
.category__item:hover .category__title {
color: #ffffff;
}
.category__item:hover svg .st0,
.category__item:hover svg .st1,
.category__item:hover svg .st2,
.category__item:hover svg .st4,
.category__item:hover svg .st5 {
fill: #ffffff;
}
.category__item:hover .category__content p {
color: #ffffff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.category__icon {
margin-right: 15px;
}
}
.category__icon svg {
width: 40px;
height: 40px;
}
.category__icon svg .st0 {
fill: #cee1f2;
}
.category__icon svg .st1 {
fill: #3444f1;
}
.category__icon svg .st4 {
fill: #3444f1;
}
.category__icon svg .st2 {
fill: #ffb31f;
}
.category__icon svg .st5 {
fill: #ffb31f;
}
.category__title {
font-size: 20px;
line-height: 1;
margin-bottom: 0;
}
.category__content p {
font-weight: 500;
margin-bottom: 0;
}  .banner__item {
padding: 50px 40px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner__item {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.banner__item {
padding-left: 25px;
padding-right: 25px;
}
}
.banner__item span {
font-size: 14px;
font-weight: 500;
color: #ffffff;
background: #fc4389;
display: inline-block;
height: 20px;
line-height: 22px;
padding: 0 14px;
margin-bottom: 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-transform: capitalize;
}
.banner__item span.orange {
background: #ff652e;
}
.banner__title {
font-size: 26px;
margin-bottom: 30px;
}
.banner__title a:hover {
color: #2b4eff;
}
.banner__thumb {
position: absolute;
top: 56%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner__thumb {
right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.banner__thumb {
right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner__thumb img {
width: 240px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.banner__thumb img {
width: 240px;
}
}
.banner__thumb-2 {
top: 63%;
}
.banner__content {
position: relative;
z-index: 1;
}  .course__item {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
-moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
}
.course__item-3 {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.course__item-3 .course__more {
border: 1px solid #eef0f6;
}
.course__item-3 .course__content {
border: 1px solid #eef0f6;
border-top: none;
border-bottom: none;
}
.course__item:hover .course__thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.course__item-2 {
padding: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.course__item-2 {
padding: 20px;
}
}
@media (max-width: 575px) {
.course__item-2 {
padding: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.course__thumb-list {
height: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.course__thumb-list img {
height: 100%;
}
}
.course__tag {
position: absolute;
top: 20px;
left: 20px;
}
.course__tag a {
display: inline-block;
height: 24px;
line-height: 24px;
font-size: 14px;
font-weight: 500;
color: #ffffff;
background: #3b60ff;
padding: 0 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.course__tag a:nth-child(2) {
background: #f2277e;
}
.course__tag a:nth-child(3) {
background: #30a820;
}
.course__tag a:nth-child(4) {
background: #fa7919;
}
.course__tag a.sky-blue {
background: #0fa0dd;
}
.course__tag a.green {
background: #30a820;
}
.course__tag a.blue {
background: #3b60ff;
}
.course__tag a.blue-2 {
background: #5744cb;
}
.course__tag a.orange {
background: #fa7919;
}
.course__tag a.pink {
background: #f2277e;
}
.course__tag a.yellow {
background: #ffa507;
}
.course__tag-2 i {
color: #2b4eff;
padding-right: 8px;
}
.course__tag-2 a {
font-size: 16px;
color: #53545b;
font-weight: 500;
}
.course__tag-2 a:last-child span {
display: none;
}
.course__tag-2 a:hover {
color: #2b4eff;
}
.course__title {
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.course__title {
font-size: 18px;
}
}
.course__title a:hover {
color: #2b4eff;
}
.course__title-2 {
font-size: 24px;
margin-bottom: 2px;
}
.course__title-2 a:hover {
color: #2b4eff;
}
.course__title-3 {
font-size: 36px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.course__title-3 {
font-size: 30px;
}
}
@media (max-width: 575px) {
.course__title-3 {
font-size: 20px;
}
}
.course__meta {
margin-bottom: 7px;
}
.course__lesson span {
font-size: 16px;
}
.course__lesson span i {
color: #53545b;
padding-right: 7px;
}
.course__content {
padding: 25px 30px;
}
.course__content-2 {
padding-top: 25px;
}
.course__content-2 p {
margin-bottom: 30px;
}
.course__content-3 {
padding-left: 80px;
padding-right: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.course__content-3 {
padding-top: 15px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.course__content-3 {
padding-left: 45px;
padding-bottom: 85px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.course__content-3 {
padding-left: 45px;
padding-bottom: 85px;
}
}
@media (max-width: 575px) {
.course__content-3 {
padding-left: 25px;
padding-right: 25px;
padding-bottom: 85px;
}
}
.course__content-4 {
padding-left: 50px;
padding-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.course__content-4 {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.course__content-4 {
padding-left: 45px;
padding-bottom: 85px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.course__content-4 {
padding-left: 45px;
padding-bottom: 85px;
}
}
@media (max-width: 575px) {
.course__content-4 {
padding-left: 25px;
padding-right: 25px;
padding-bottom: 85px;
}
}
.course__summary p {
font-size: 18px;
}
@media (max-width: 575px) {
.course__summary p {
font-size: 16px;
}
}
.course__right {
position: relative;
height: 100%;
}
.course__rating span {
font-size: 16px;
}
.course__rating span i {
padding-right: 5px;
color: #ff9415;
}
.course__rating-2 h5 {
font-size: 14px;
color: #53545b;
font-weight: 600;
margin-bottom: 0;
}
.course__rating-2 ul li {
display: inline-block;
}
.course__rating-2 ul li a {
font-size: 14px;
color: #ff9415;
}
.course__rating-2 i {
font-size: 14px;
color: #ff9415;
margin-right: 5px;
}
.course__rating-inner p {
font-size: 16px;
color: #0e1133;
font-weight: 600;
margin-bottom: 0;
padding-left: 3px;
transform: translateY(2px);
}
div.course__teacher-thumb img {
width: 35px;
height: 35px;
border: 2px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
}
.course__teacher-thumb-2 {
position: relative;
}
.course__teacher-thumb-2 img {
width: 46px;
height: 46px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
-moz-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
}
.course__teacher-thumb-3 img {
width: 44px;
height: 44px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #ffffff;
-webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
}
.course__teacher h6 {
font-size: 16px;
font-weight: 500;
color: #53545b;
margin-bottom: 0;
line-height: 1;
padding-top: 2px;
}
.course__teacher h6 a:hover {
color: #2b4eff;
}
.course__teacher-info h6 {
font-size: 18px;
line-height: 1;
margin-bottom: 0;
text-transform: capitalize;
}
.course__teacher-info h6 a {
line-height: 1;
}
.course__teacher-info span {
color: #6d6e75;
font-size: 14px;
font-weight: 600;
}
.course__teacher-info-3 h5 {
font-size: 14px;
color: #53545b;
font-weight: 600;
margin-bottom: 0;
}
.course__teacher-info-3 p {
font-size: 16px;
color: #0e1133;
font-weight: 600;
margin-bottom: 0;
}
.course__teacher-rating {
position: absolute;
top: -1px;
right: -7px;
}
.course__teacher-rating i {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
font-size: 10px;
color: #ffffff;
background: #ff9415;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.course__update h5 {
font-size: 14px;
color: #53545b;
font-weight: 600;
margin-bottom: 0;
}
.course__update p {
font-size: 16px;
color: #0e1133;
font-weight: 600;
margin-bottom: 0;
}
.course__status span {
font-size: 20px;
color: #3b60ff;
font-weight: 600;
padding-right: 0;
}
.course__status span.sky-blue {
color: #0fa0dd;
}
.course__status span.green {
color: #30a820;
}
.course__status span.blue {
color: #3b60ff;
}
.course__status span.blue-2 {
color: #5744cb;
}
.course__status span.orange {
color: #fa7919;
}
.course__status span.pink {
color: #f2277e;
}
.course__status span.yellow {
color: #ffa507;
}
.course__status span.old-price {
font-size: 14px;
color: #6d6e75;
text-decoration: line-through;
}
.course__more {
padding: 10px 30px;
padding-top: 15px;
border-top: 1px solid #f0f0f5;
}
.course__more-2 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
padding-left: 80px;
padding-right: 70px;
background: #ffffff;
}
.course__comment ul li {
list-style: none;
}
@media (max-width: 575px) {
.course__more-2 {
padding-left: 25px;
padding-right: 25px;
}
}
.course__more-3 {
padding-left: 50px;
padding-right: 50px;
}
@media (max-width: 575px) {
.course__more-3 {
padding-left: 25px;
padding-right: 25px;
}
}
.course__btn .link-btn {
color: #0e1133;
}
.course__btn .link-btn:hover {
color: #2b4eff;
}
.course__menu button {
font-size: 16px;
font-weight: 500;
color: #0e1133;
background: transparent;
text-transform: capitalize;
position: relative;
}
.course__menu button .tag {
position: absolute;
top: -25px;
right: -4px;
display: inline-block;
height: 20px;
line-height: 20px;
padding: 0 7px;
background: #2b4eff;
color: #ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 12px;
text-transform: capitalize;
-webkit-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
-moz-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
}
.course__menu button .tag::after {
position: absolute;
content: "";
bottom: -5px;
left: 10px;
width: 0;
height: 0;
border-left: 5px solid #2b4eff;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.course__menu button:hover,
.course__menu button.active {
color: #2b4eff;
}
.course__menu button:not(:first-child) {
margin-left: 25px;
}
@media (max-width: 575px) {
.course__menu button:not(:first-child) {
margin-left: 0;
}
}
@media (max-width: 575px) {
.course__menu button {
margin-right: 25px;
}
}
.course__tab-inner {
padding: 15px 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.course__tab-btn .nav-tabs {
border: none;
}
.course__tab-btn .nav-tabs .nav-item .nav-link {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
width: 30px;
height: 30px;
background: transparent;
padding: 0;
margin-right: 6px;
}
.course__tab-btn .nav-tabs .nav-item .nav-link svg {
width: 14px;
height: 14px !important;
}
.course__tab-btn .nav-tabs .nav-item .nav-link svg.grid .st0 {
fill: none;
stroke: #53545b;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active {
background: #2b4eff;
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active svg.grid .st0 {
fill: none;
stroke: #ffffff;
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active svg .st0 {
fill: #ffffff;
}
.course__tab-2 .nav-tabs {
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.course__tab-2 .nav-tabs .nav-item {
width: 25%;
}
.course__tab-2 .nav-tabs .nav-item:not(:last-child) .nav-link {
border-right: 1px solid #d2d3dc;
}
.course__tab-2 .nav-tabs .nav-item:not(:last-child) .nav-link.active {
border-color: #2b4eff;
}
.course__tab-2 .nav-tabs .nav-item .nav-link {
background: #edeef3;
font-size: 16px;
font-weight: 600;
color: #0e1133;
width: 100%;
height: 54px;
line-height: 54px;
padding: 0;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.course__tab-2 .nav-tabs .nav-item .nav-link i {
padding-right: 5px;
}
.course__tab-2 .nav-tabs .nav-item .nav-link.active {
background: #2b4eff;
color: #ffffff;
}
@media (max-width: 575px) {
.course__tab-2 .nav-tabs .nav-item .nav-link span {
display: none;
}
}
.course__view {
margin-left: 12px;
}
.course__view h4 {
font-size: 15px;
font-weight: 500;
color: #53545b;
display: inline-block;
margin-bottom: 0;
}
@media (max-width: 575px) {
.course__sort {
margin-top: 15px;
}
}
.course__sort-inner {
position: relative;
}
.course__sort-inners::before {
content: "";
right: 15px;
top: 4px;
position: absolute;
color: #53545b;
font-family: "Font Awesome 5 Pro";
font-weight: 500;
}
.course__sort-inner select {
appearance: none;
-moz-appearance: none;
border: none;
outline: none;
min-width: 160px;
height: 35px;
line-height: 37px;
padding: 0 20px;
font-size: 15px;
color: #53545b;
font-weight: 500;
text-transform: capitalize;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding-right: 33px;
background: #fff;
}
.course__sort-inner select:hover {
cursor: pointer;
}
.course__description h3 {
font-size: 26px;
margin-bottom: 15px;
}
.course__description p {
font-size: 18px;
color: #53545b;
line-height: 28px;
}
.course__description-list h4 {
font-size: 26px;
margin-bottom: 15px;
}
.course__description-list ul li {
font-size: 18px;
color: #53545b;
margin-bottom: 7px;
list-style: none;
}
.course__description-list ul li i {
font-size: 16px;
color: #0e1133;
padding-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.course__sidebar {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.course__sidebar {
padding-left: 0;
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.course__sidebar {
margin-top: 50px;
padding-left: 0;
}
}
@media (max-width: 575px) {
.course__sidebar {
margin-top: 50px;
padding-left: 0;
}
}
.course__sidebar-widget {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 27px 30px;
padding-bottom: 24px;
margin-bottom: 10px;
}
.course__sidebar-widget-2 {
padding: 30px;
-webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.course__sidebar-title {
font-size: 20px;
margin-bottom: 27px;
text-transform: capitalize;
}
.course__sidebar-search {
position: relative;
}
.course__sidebar-search input {
width: 100%;
height: 60px;
line-height: 58px;
padding: 0 30px;
padding-right: 45px;
background: #f3f4f8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #f3f4f8;
outline: none;
}
.tutor-course-filter-wrapper > div:first-child h4 {
font-size: 20px;
color: #0e1133;
margin: 16px 0px 12px;
font-weight: 700;
margin-bottom: 15px;
margin-top: 0;
}
.course__sidebar-search input::placeholder {
color: #8d8e9a;
font-weight: 500;
}
.course__sidebar-search input:focus {
border-color: #2b4eff;
background: #ffffff;
}
.course__sidebar-search button {
width: 18px;
height: 18px;
background: transparent;
position: absolute;
top: 20px;
right: 20px;
}
.course__sidebar-search button svg .st0 {
fill: #8c8faa;
}
.course__sidebar-search button svg .st1 {
fill: #0e1133;
}
.tutor-course-filter-nested-terms {
margin-bottom: 8px;
}
.tutor-course-filter-nested-terms input {
margin: 0;
appearance: none;
-moz-appearance: none;
display: block;
width: 18px;
height: 18px;
background: #ffffff;
border: 1px solid #c7c9d2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
outline: none;
margin-right: 4px;
}
.tutor-course-filter-nested-terms input:checked {
position: relative;
background-color: #2b4eff;
border-color: transparent;
}
.tutor-course-filter-nested-terms input:checked::after {
box-sizing: border-box;
content: "";
position: absolute;
font-family: "Font Awesome 5 Pro";
font-size: 11px;
color: #ffffff;
top: 46%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tutor-course-filter-nested-terms input:hover {
cursor: pointer;
}
.tutor-course-filter-nested-terms label {
font-size: 15px;
font-weight: 500;
color: #53545b;
padding-left: 14px;
}
.tutor-course-filter-nested-terms label:hover {
cursor: pointer;
color: #2b4eff;
}
.tutor-course-filter-wrapper > div:first-child label {
display: flex;
cursor: pointer;
font-size: 15px;
align-items: center;
font-weight: 500;
color: #53545b;
}
.tutor-course-filter-wrapper > div:first-child label:hover {
color: #2b4eff;
}
.tutor-course-filter-nested-terms label {
padding-left: 0;
font-size: 15px;
font-weight: 500;
color: #53545b;
padding-left: 0px;
}
.course__sm-thumb img {
width: 60px;
height: 60px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
object-fit: cover;
}
.course__sm-content h5 {
font-size: 16px;
margin-bottom: 0;
font-weight: 600;
line-height: 1;
}
.course__sm-content h5 a:hover {
color: #2b4eff;
}
.course__sm-price span {
font-size: 14px;
color: #2b4eff;
font-weight: 600;
}
.course__sm-price span.old-price {
text-decoration: line-through;
color: #777;
}
.course__sm-rating ul li {
display: inline-block;
}
.course__sm-rating ul li a {
font-size: 10px;
color: #ff9415;
line-height: 1;
}
.course__instructor h3 {
font-size: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.course__instructor-item {
margin-right: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.course__instructor-item {
margin-top: 25px;
margin-right: 0px;
}
}
@media (max-width: 575px) {
.course__instructor-item {
margin-top: 25px;
margin-right: 0px;
}
}
.course__instructor-thumb img {
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.course__instructor-content h3 {
font-size: 16px;
margin-bottom: 0;
line-height: 1;
}
.course__instructor-content p {
font-size: 14px;
color: #53545b;
margin-bottom: 0;
}
.course__share h3 {
font-size: 20px;
}
.course__share ul li {
display: inline-block;
margin-right: 10px;
}
.course__share ul li a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 44px;
text-align: center;
font-size: 13px;
color: #0e1133;
background: #f3f4f8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.course__share ul li a.fb {
color: #285da1;
background: rgba(40, 93, 161, 0.1);
}
.course__share ul li a.fb:hover {
color: #ffffff;
background: #285da1;
}
.course__share ul li a.tw {
color: #03a9f4;
background: rgba(3, 169, 244, 0.1);
}
.course__share ul li a.tw:hover {
color: #ffffff;
background: #03a9f4;
}
.course__share ul li a.pin {
color: #d8163f;
background: rgba(216, 22, 63, 0.1);
}
.course__share ul li a.pin:hover {
color: #ffffff;
background: #d8163f;
}
.course__curriculum-content {
padding: 13px 30px;
border-bottom: 1px solid #edeef2;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.course__curriculum-content:hover {
background: #f6f7fb;
}
.course__curriculum-info svg {
width: 16px;
height: 16px;
margin-right: 7px;
}
.course__curriculum-info svg .st0 {
fill: none;
stroke: #6d6e75;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.course__curriculum-info h3 {
display: inline-block;
font-size: 16px;
color: #53545b;
font-weight: 400;
margin-bottom: 0;
}
.course__curriculum-info h3 span {
color: #0e1133;
font-weight: 500;
}
.course__curriculum-meta span.time {
font-size: 16px;
color: #53545b;
}
.course__curriculum-meta span.time i {
margin-right: 7px;
}
.course__curriculum-meta span.question {
display: inline-block;
height: 24px;
line-height: 24px;
color: #ffffff;
padding: 0 11px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f2277e;
margin-left: 20px;
}
.course__curriculum .accordion-item {
padding: 0;
}
.course__curriculum .accordion-item .accordion-button {
outline: none;
border: 1px solid #edeef2;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
background: #f3f4f8;
font-size: 20px;
font-weight: 700;
color: #0e1133;
padding-top: 18px;
padding-left: 30px;
padding-right: 30px;
}
.course__curriculum .accordion-item .accordion-button.collapsed {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.course__curriculum .accordion-item .accordion-button:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.course__curriculum .accordion-item .accordion-body {
padding: 0;
}
.course__review-rating-info {
padding: 62px 0;
border-right: 3px solid #ffffff;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
@media (max-width: 575px) {
.course__review-rating-info {
border-right: 0;
border-bottom: 3px solid #ffffff;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
}
.course__review-rating-info h5 {
font-size: 100px;
line-height: 70px;
font-weight: 500;
margin-bottom: 8px;
}
.course__review-rating-info ul li {
display: inline-block;
}
.course__review-rating-info ul li a {
color: #ff9415;
}
.course__review-rating-info p {
color: #53545b;
margin-bottom: 0;
}
.course__review-progress {
width: calc(100% - 60px - 60px);
height: 4px;
overflow: hidden;
background: #d8dae3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.course__review-progress .single-progress {
background: #2b4eff;
height: 100%;
}
.course__review-details {
padding: 35px 65px 10px 35px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.course__review-details > h5 {
font-size: 16px;
font-weight: 500;
color: #0e1133;
margin-bottom: 20px;
}
@media (max-width: 575px) {
.course__review-details {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
}
.course__review-item {
margin-bottom: 5px;
}
.course__review-text span {
font-size: 16px;
color: #53545b;
}
.course__review-percent {
width: 40px;
}
.course__review-percent h5 {
font-size: 16px;
font-weight: 400;
color: #53545b;
margin-bottom: 0;
}
.course__comment-box {
background: #f3f4f8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 25px 40px 25px 30px;
margin-bottom: 10px;
}
.course__comment-box p {
color: #53545b;
margin-bottom: 0;
}
.course__comment-thumb img {
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.course__comment-info {
margin-bottom: 5px;
}
.course__comment-info h4 {
font-size: 16px;
line-height: 1;
margin-bottom: 0;
}
.course__comment-info span {
font-size: 14px;
color: #53545b;
}
.course__comment-rating ul li {
display: inline-block;
}
.course__comment-rating ul li a {
font-size: 12px;
color: #ff9415;
}
.course__comment-rating ul li a.no-rating {
color: #b8b9bf;
}
.course__form h3 {
font-size: 26px;
margin-bottom: 40px;
}
.course__form-input input,
.course__form-input textarea {
width: 100%;
height: 56px;
line-height: 54px;
border: 2px solid #f3f4f8;
outline: none;
background: #f3f4f8;
padding: 0 22px;
font-size: 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
}
.course__form-input input:focus,
.course__form-input textarea:focus {
border-color: #2b4eff;
background: #ffffff;
}
.course__form-input input::placeholder,
.course__form-input textarea::placeholder {
color: #53545b;
}
.course__form-input textarea {
height: 150px;
resize: none;
padding: 20px;
line-height: 1.1;
}
.course__form-rating {
margin-bottom: 10px;
}
.course__form-rating span {
color: #53545b;
}
.course__form-rating ul {
display: inline-block;
}
.course__form-rating ul li {
display: inline-block;
}
.course__form-rating ul li a {
font-size: 14px;
color: #ff9415;
}
.course__form-rating ul li a.no-rating {
color: #b8b9bf;
}
.course__form-btn button {
text-transform: capitalize;
}
.course__member-item {
padding: 25px 30px;
background: #f3f4f8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 10px;
}
.course__member-thumb {
position: relative;
}
.course__member-thumb::after {
position: absolute;
content: "";
right: 0;
top: -5px;
width: 1px;
height: 80px;
background: #dddee4;
}
@media (max-width: 575px) {
.course__member-thumb::after {
display: none;
}
}
.course__member-thumb img {
width: 70px;
height: 70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.course__member-name h5 {
font-size: 16px;
line-height: 1;
margin-bottom: 0;
}
.course__member-name span {
font-size: 15px;
color: #53545b;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.course__member-info {
padding-left: 0;
}
}
@media (max-width: 575px) {
.course__member-info {
margin-top: 25px;
padding-left: 0;
}
}
.course__member-info h5 {
font-size: 16px;
line-height: 1;
margin-bottom: 0;
}
.course__member-info span {
font-size: 15px;
color: #53545b;
}
.course__slider .swiper-pagination {
bottom: 20px;
}
.course__slider .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background: #d6d7de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 5px;
opacity: 1;
}
.course__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #2b4eff;
}
.course__video-thumb {
position: relative;
overflow: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.course__video-thumb::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 3, 32, 0.5);
}
.course__video-play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.course__video-price h5 {
font-size: 26px;
display: inline-block;
margin-bottom: 0;
}
.course__video-price h5 span {
}
.course__video-price h5.old-price {
text-decoration: line-through;
color: #6d6e75;
font-weight: 500;
font-size: 16px;
padding-left: 10px;
}
.course__video-discount span {
display: inline-block;
font-size: 14px;
height: 24px;
line-height: 24px;
padding: 0 12px;
color: #ff4690;
background: rgba(255, 70, 144, 0.08);
font-weight: 600;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.course__video-content ul li:not(:last-child) {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #eef0f6;
}
.course__video-icon svg {
width: 16px;
height: 20px;
margin-right: 12px;
}
.course__video-icon svg .st0 {
fill: none;
stroke: #2b4eff;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 2.6667;
}
.course__video-icon i {
width: 16px;
height: 20px;
margin-right: 12px;
color: #2b4eff;
}
.course__video-info h5 {
margin-bottom: 0;
font-weight: 400;
color: #6d6e75;
font-size: 15px;
line-height: 1;
}
.course__video-info h5 span {
font-weight: 500;
color: #0e1133;
padding-right: 5px;
}
.course__payment h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.course__enroll-btn i {
padding-left: 4px;
}
.course__shape img {
position: absolute;
}
.course__shape img.course-dot {
right: -30px;
top: 150px;
z-index: -1;
}
.course-rat-space {
padding-left: 46px;
}
.admin-bar .header__area.edu-header-style-5 {
margin-top: 0;
}
.admin-bar .header__area.edu-header-style-5.sticky {
margin-top: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.course__shape img.course-dot {
right: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.course__shape img.course-dot {
right: -20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.course__shape img.course-dot {
right: -10px;
}
}
@media (max-width: 575px) {
.course__shape img.course-dot {
right: -10px;
}
}  .events__shape img.events-1-shape {
position: absolute;
top: 60%;
left: 53%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.events__shape img.events-1-shape {
left: 50%;
width: 90%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.events__shape img.events-1-shape {
left: 50%;
width: 90%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.events__shape img.events-1-shape {
left: 50%;
width: 90%;
}
}
@media (max-width: 575px) {
.events__shape img.events-1-shape {
left: 50%;
width: 90%;
}
}
.events__item {
position: relative;
z-index: 1;
}
.events__item-inner {
padding: 28px 50px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.events__item-inner {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 575px) {
.events__item-inner {
padding-left: 30px;
padding-right: 30px;
}
}
.events__item::after {
position: absolute;
content: "";
top: auto;
bottom: 0;
left: -3px;
width: 10%;
height: 0%;
background: #2b4eff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
z-index: -1;
}
.events__item:hover::after,
.events__item.active::after {
top: 0;
bottom: auto;
height: 100%;
}
.events__title {
font-size: 24px;
font-weight: 600;
margin-bottom: 0;
}
.events__title a:hover {
color: #2b4eff;
}
.events__meta {
margin-bottom: 5px;
}
.events__meta span {
display: inline-block;
position: relative;
padding-right: 7px;
margin-right: 7px;
}
.events__meta span:not(:last-child)::after {
position: absolute;
content: "";
right: 0;
top: 5px;
width: 1px;
height: 14px;
background: #6d6e75;
}
@media (max-width: 575px) {
.events__more {
margin-top: 15px;
}
}
.events__more .link-btn {
color: #0e1133;
}
.events__more .link-btn:hover {
color: #2b4eff;
}
.events__details h3 {
font-size: 26px;
font-weight: 700;
margin-bottom: 15px;
}
.events__details p {
font-size: 18px;
line-height: 28px;
color: #53545b;
}
.events__allow h3 {
font-size: 26px;
font-weight: 600;
margin-bottom: 15px;
}
.events__allow ul li {
font-size: 16px;
color: #0e1133;
list-style: none;
}
.events__allow ul li:not(:last-child) {
margin-bottom: 5px;
}
.events__allow ul li i {
display: inline-block;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
font-size: 10px;
font-weight: 500;
color: #30a820;
background: rgba(48, 168, 32, 0.1);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-right: 10px;
}
.events__tag {
border-top: 1px solid #e4e6ef;
padding-top: 25px;
}
.events__tag span {
font-size: 16px;
color: #2b4eff;
margin-right: 7px;
}
.events__tag a {
font-size: 16px;
color: #53545b;
font-weight: 600;
}
.events__tag a:hover {
color: #2b4eff;
}
.events__info-price h5 {
font-size: 26px;
display: inline-block;
margin-bottom: 0;
}
.events__info-price h5 span {
font-size: 20px;
font-weight: 600;
}
.events__info-price h5.old-price {
text-decoration: line-through;
color: #6d6e75;
font-weight: 500;
font-size: 16px;
padding-left: 10px;
}
.events__info-discount span {
display: inline-block;
font-size: 14px;
height: 24px;
line-height: 24px;
padding: 0 12px;
color: #ff4690;
background: rgba(255, 70, 144, 0.08);
font-weight: 600;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.events__info-content ul li:not(:last-child) {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #eef0f6;
}
.events__info-icon svg {
width: 16px;
height: 20px;
margin-right: 12px;
}
.events__info-icon svg .st0 {
fill: none;
stroke: #2b4eff;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 2.6667;
}
.events__info-item h5 {
margin-bottom: 0;
font-weight: 400;
color: #6d6e75;
font-size: 15px;
line-height: 1;
}
.events__info-item h5 span {
font-weight: 500;
color: #0e1133;
padding-right: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.events__sidebar {
padding-left: 0;
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.events__sidebar {
padding-left: 0;
margin-top: 50px;
}
}
@media (max-width: 575px) {
.events__sidebar {
padding-left: 0;
margin-top: 50px;
}
}
.events__sidebar-widget {
position: relative;
padding: 30px;
-webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.events__sidebar-shape img {
position: absolute;
z-index: -1;
}
.events__sidebar-shape img.events-sidebar-img-2 {
top: 40px;
left: -25px;
}
.events__sidebar-shape img.events-sidebar-img-3 {
bottom: 90px;
right: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.events__sidebar-shape img.events-sidebar-img-3 {
right: -15px;
}
}
@media (max-width: 575px) {
.events__sidebar-shape img.events-sidebar-img-3 {
right: -10px;
}
}
.events__join-btn a {
background: #ff4690;
}
.events__join-btn a i {
padding-left: 5px;
}
.events__social h4 {
font-size: 20px;
font-weight: 600;
margin-bottom: 0px;
margin-right: 10px;
}
.events__social ul li {
display: inline-block;
margin-left: 5px;
}
.events__social ul li a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 44px;
text-align: center;
font-size: 13px;
color: #0e1133;
background: #f3f4f8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.events__social ul li a.fb {
color: #285da1;
background: rgba(40, 93, 161, 0.1);
}
.events__social ul li a.fb:hover {
color: #ffffff;
background: #285da1;
}
.events__social ul li a.tw {
color: #03a9f4;
background: rgba(3, 169, 244, 0.1);
}
.events__social ul li a.tw:hover {
color: #ffffff;
background: #03a9f4;
}
.events__social ul li a.pin {
color: #d8163f;
background: rgba(216, 22, 63, 0.1);
}
.events__social ul li a.pin:hover {
color: #ffffff;
background: #d8163f;
}
.events__sponsor-title {
font-size: 20px;
margin-bottom: 20px;
}
.events__sponsor-info h3 {
font-size: 16px;
}
.events__sponsor-info > h4 {
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
}
.events__sponsor-info > h4 span {
font-weight: 400;
color: #6d6e75;
}  .price__item {
padding: 45px 50px;
padding-bottom: 60px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.price__head h3 {
font-size: 26px;
margin-bottom: 5px;
}
.price__head p {
color: #53545b;
margin-bottom: 17px;
}
.price__tag {
padding-bottom: 13px;
border-bottom: 1px solid #e0e3ed;
}
.price__tag h4 {
font-size: 50px;
margin-bottom: 0;
}
.price__tag h4 span {
font-size: 16px;
font-weight: 400;
}
.price__offer {
position: absolute;
top: 20px;
right: -15px;
z-index: 1;
}
@media (max-width: 575px) {
.price__offer {
right: 0;
}
}
.price__offer span {
display: inline-block;
height: 30px;
line-height: 30px;
font-size: 14px;
text-align: center;
color: #ffffff;
background: #f2277e;
padding: 0 10px;
-webkit-border-radius: 4px 4px 0px 4px;
-moz-border-radius: 4px 4px 0px 4px;
border-radius: 4px 4px 0px 4px;
position: relative;
}
@media (max-width: 575px) {
.price__offer span {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
}
.price__offer span::after {
position: absolute;
content: "";
bottom: -10px;
right: 0;
width: 0;
height: 0;
border-left: 15px solid #960443;
border-top: 0px solid transparent;
border-bottom: 10px solid transparent;
}
@media (max-width: 575px) {
.price__offer span::after {
display: none;
}
}
.price__features ul li {
font-size: 16px;
font-weight: 500;
color: #0e1133;
position: relative;
padding-left: 30px;
list-style: none;
}
.price__features ul li:not(:last-child) {
margin-bottom: 10px;
}
.price__features ul li i {
position: absolute;
left: 0;
top: 3px;
display: inline-block;
color: #30a820;
font-size: 8px;
height: 18px;
width: 18px;
line-height: 18px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: rgba(48, 168, 32, 0.1);
}
.price__features ul li:hover {
color: #30a820;
}
.price__features ul li:hover i {
background: #30a820;
color: #ffffff;
}
.price__tab-btn .nav-tabs {
border: none;
}
.price__tab-btn .nav-tabs .nav-link {
background: transparent;
padding: 0 15px;
font-size: 14px;
color: #121317;
font-weight: 500;
height: 36px;
line-height: 34px;
border: 2px solid #edeef3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-transform: capitalize;
}
.price__tab-btn .nav-tabs .nav-link:first-child {
border-right: 0;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.price__tab-btn .nav-tabs .nav-link:last-child {
border-left: 0;
-webkit-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
}
.price__tab-btn .nav-tabs .nav-link.active {
background: #2b4eff;
color: #ffffff;
border-color: #2b4eff;
}  .cta__inner {
padding: 50px 100px 53px 70px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 30px 60px 0px rgba(0, 4, 48, 0.3);
-moz-box-shadow: 0px 30px 60px 0px rgba(0, 4, 48, 0.3);
box-shadow: 0px 30px 60px 0px rgba(0, 4, 48, 0.3);
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__inner {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.cta__inner {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 575px) {
.cta__inner {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__inner-2 {
padding-right: 50px;
padding-left: 50px;
}
}
.cta__inner-3 {
padding-left: 100px;
padding-right: 100px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.cta__inner-3 {
padding-left: 80px;
padding-right: 80px;
}
}
@media (max-width: 575px) {
.cta__inner-3 {
padding-left: 25px;
padding-right: 25px;
}
}
.cta__shape img {
position: absolute;
bottom: -48px;
right: -148px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.cta__shape img {
right: -80%;
}
}
@media (max-width: 575px) {
.cta__shape img {
right: -170%;
}
}
.cta__shape-3 img {
position: absolute;
}
.cta__shape-3 img.cta-2 {
left: -117px;
top: -77px;
}
.cta__shape-3 img.cta-3 {
right: -16px;
top: 100px;
}
.cta__title {
position: relative;
z-index: 1;
font-size: 46px;
color: #ffffff;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__title {
font-size: 45px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__title {
font-size: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__title {
font-size: 31px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.cta__title {
font-size: 35px;
}
}
@media (max-width: 575px) {
.cta__title {
font-size: 25px;
}
}
.cta__title-2 {
font-size: 40px;
margin-bottom: 33px;
}
.cta__content span {
font-size: 16px;
color: #ffffff;
font-weight: 500;
display: inline-block;
padding: 0 10px;
height: 22px;
line-height: 22px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f2277e;
margin-bottom: 14px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.cta__more {
margin-top: 30px;
}
}
@media (max-width: 575px) {
.cta__more {
margin-top: 30px;
}
}
.cta__apps a {
display: inline-block;
height: 54px;
line-height: 52px;
border: 2px solid rgba(255, 255, 255, 0.2);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #ffffff;
font-size: 18px;
font-weight: 500;
padding: 0 20px;
padding-right: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__apps a {
margin-bottom: 10px;
}
}
.cta__apps a i {
margin-right: 2px;
}
.cta__apps a:hover,
.cta__apps a.active {
color: #0e1133;
border-color: #ffffff;
background: #ffffff;
-webkit-box-shadow: 0px 16px 24px 0px rgba(107, 25, 0, 0.3);
-moz-box-shadow: 0px 16px 24px 0px rgba(107, 25, 0, 0.3);
box-shadow: 0px 16px 24px 0px rgba(107, 25, 0, 0.3);
}
.cta__form-inner {
margin-bottom: 13px;
}
.cta__form-inner input {
width: 325px;
height: 56px;
line-height: 56px;
font-size: 15px;
padding: 0 22px;
padding-top: 2px;
font-size: 15px;
outline: none;
background: #ffffff;
border: 2px solid #ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__form-inner input {
width: 290px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__form-inner input {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__form-inner input {
margin-bottom: 20px;
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.cta__form-inner input {
margin-bottom: 20px;
width: 100%;
}
}
@media (max-width: 575px) {
.cta__form-inner input {
margin-bottom: 20px;
width: 100%;
}
}
.cta__form-inner input::placeholder {
color: #6d6e75;
}
.cta__form-inner input:focus {
border-color: #2b4eff;
}
.cta__form-inner button {
height: 56px;
line-height: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__form-inner button {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.cta__form-inner button {
width: 100%;
}
}
@media (max-width: 575px) {
.cta__form-inner button {
width: 100%;
}
}
.cta__agree {
padding-left: 5px;
}
.cta__agree input {
margin: 0;
appearance: none;
-moz-appearance: none;
display: block;
width: 16px;
height: 16px;
background: #ffffff;
border: 1px solid #b9bac1;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.cta__agree input:checked {
position: relative;
background-color: #2b4eff;
border-color: transparent;
}
.cta__agree input:checked::after {
box-sizing: border-box;
content: "";
position: absolute;
font-family: "Font Awesome 5 Pro";
font-size: 10px;
color: #ffffff;
top: 46%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cta__agree input:hover {
cursor: pointer;
}
.cta__agree label {
padding-left: 8px;
color: #53545b;
}
.cta__agree label a {
color: #0e1133;
font-weight: 600;
}
.cta__agree label a:hover {
color: #2b4eff;
}
.cta__agree label:hover {
cursor: pointer;
}  .product__sm {
padding: 20px;
}
.product__sm ul li {
display: flex;
margin-bottom: 20px;
}
.product__sm-thumb img {
width: 85px;
height: 100px;
}
.product__sm-content h5 {
font-size: 14px;
margin-bottom: 0px;
font-weight: 500;
}
.product__sm-content h5 a:hover {
color: #2b4eff;
}
.product__sm-price {
color: #2b4eff;
font-weight: 500;
}
.product__sm-price-wrapper span {
font-size: 14px;
}
.cartmini__area {
position: relative;
}
.cartmini__wrapper {
position: fixed;
right: -360px;
top: 0;
width: 340px;
height: 100%;
background: #ffffff;
-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
z-index: 9999;
overflow: hidden;
}
.cartmini__wrapper.opened {
right: 0px;
}
.cartmini__title {
padding: 20px 20px;
border-bottom: 1px solid #eef0f6;
box-shadow: 0 0 10px 0 rgba(129, 129, 129, 0.2);
}
.cartmini__title h4 {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0;
}
.cartmini__close {
position: absolute;
top: 17px;
right: 20px;
}
.cartmini__close-btn {
background: transparent;
color: #0e1133;
font-size: 22px;
}
.cartmini__close-btn:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.cartmini__widget {
overflow-y: scroll;
height: 100%;
}
.cartmini__inner ul li {
position: relative;
display: flex;
padding: 20px;
padding-right: 35px;
border-bottom: 1px solid rgba(129, 129, 129, 0.2);
transition: background-color 0.3s;
}
.cartmini__inner ul li:hover {
background: #f9f9f9;
}
.cartmini__thumb {
margin-right: 15px;
}
.cartmini__thumb img {
width: 70px;
height: 90px;
}
.cartmini__content h5 {
font-size: 13px;
margin-bottom: 12px;
font-weight: 500;
}
.cartmini__content h5 a:hover {
color: #2b4eff;
}
.cartmini__del {
position: absolute;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
color: #0e1133;
font-size: 12px;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.cartmini__del:hover {
background: #ffffff;
}
.cartmini__checkout {
padding: 20px;
padding-bottom: 85px;
width: 100%;
background: #ffffff;
border-top: 2px solid #eef0f6;
}
.cartmini__checkout-title h4 {
font-size: 18px;
display: inline-block;
font-weight: 600;
margin-bottom: 0;
}
.cartmini__checkout-title span {
float: right;
font-size: 20px;
color: #0e1133;
font-weight: 600;
color: #2b4eff;
}
.cart-plus,
.cart-minus {
width: 25px;
height: 30px;
border: 2px solid #eef0f6;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 14px;
}
.cart-plus:hover,
.cart-minus:hover {
cursor: pointer;
color: #ffffff;
background: #2b4eff;
border-color: #2b4eff;
}
.cart-input {
height: 30px;
width: 32px;
text-align: center;
font-size: 14px;
border: none;
border-top: 2px solid #eef0f6;
border-bottom: 2px solid #eef0f6;
display: inline-block;
vertical-align: middle;
margin: 0 -3px;
padding-bottom: 0px;
}
.cart-input:focus {
outline: none;
}  .services__item {
position: relative;
padding: 40px 40px;
padding-bottom: 45px;
-webkit-box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);
-moz-box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);
box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
-moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
-ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
-o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.services__item {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.services__item {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.services__item {
padding-left: 25px;
padding-right: 25px;
}
}
.services__item:hover {
-webkit-transform: translateY(-5px) translate3d(0, -5px, 0);
-moz-transform: translateY(-5px) translate3d(0, -5px, 0);
-ms-transform: translateY(-5px) translate3d(0, -5px, 0);
transform: translateY(-5px) translate3d(0, -5px, 0);
}
.services__item:hover p {
visibility: hidden;
opacity: 0;
}
.services__item:hover .link-btn-2 {
bottom: 45px;
visibility: visible;
opacity: 1;
}
.services__title {
font-size: 22px;
color: #ffffff;
margin-bottom: 17px;
}
.services__icon {
margin-bottom: 43px;
}
.services__icon svg {
width: 50px;
height: 50px;
}
.services__icon svg path {
fill: #ffffff;
}
.services__content p {
color: #ffffff;
opacity: 0.8;
line-height: 22px;
margin-bottom: 0;
}
.services__content .link-btn-2 {
position: absolute;
left: 40px;
bottom: 20px;
visibility: hidden;
opacity: 0;
color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.services__content .link-btn-2 {
left: 15px;
}
}
.services__content .link-btn-2:hover {
border-color: #ffffff;
}  div.about__thumb img {
width: 370px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
@media (max-width: 575px) {
.about__thumb img {
width: 100%;
}
}
.about__thumb-wrapper {
position: relative;
}
@media (max-width: 575px) {
.about__banner {
margin-top: -25px;
}
}
div.about__banner img {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
max-width: 240px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__content {
padding-left: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__content {
margin-top: 50px;
padding-left: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.about__content {
margin-top: 50px;
padding-left: 0px;
}
}
@media (max-width: 575px) {
.about__content {
margin-top: 50px;
padding-left: 0px;
padding-right: 0;
}
}
@media (max-width: 575px) {
.about__student {
margin-top: 20px;
margin-left: 0;
}
}
.about__student img {
height: 36px;
width: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #ffffff;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
-moz-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
}
.about__student img + img {
margin-left: -12px;
}
.about__student.about_width img {
width: inherit;
}
.about__student p {
margin-top: 4px;
margin-bottom: 0;
}
.about__student p span {
font-weight: 600;
color: #0e1133;
}
.about__review {
position: absolute;
left: -25px;
top: 100px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.about__review h5 {
font-size: 16px;
font-weight: 400;
color: #6d6e75;
margin-bottom: 0;
}
.about__review h5 span {
font-weight: 600;
color: #0e1133;
}
.about__list ul li {
font-size: 16px;
font-weight: 500;
color: #0e1133;
margin-bottom: 5px;
}
.about__list ul li i {
font-size: 16px;
color: #30a820;
padding-right: 9px;
}  .what__item {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.what__item::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(14, 17, 51, 0.5);
}
.what__item:hover::after {
background: rgba(43, 78, 255, 0.9);
}
.what__item:hover .what__thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.what__title {
font-size: 30px;
margin-bottom: 18px;
}
@media (max-width: 575px) {
.what__title {
font-size: 18px;
}
}
.what__content {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media (max-width: 575px) {
.what__content {
width: 90%;
}
}  .why__thumb {
position: relative;
z-index: 1;
margin-left: -35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.why__thumb {
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.why__thumb {
margin-top: 50px;
}
}
@media (max-width: 575px) {
.why__thumb {
margin-top: 50px;
margin-left: 0;
}
}
@media (max-width: 575px) {
.why__thumb img {
width: 100%;
}
}
.why__thumb img.why-green {
position: absolute;
z-index: -1;
bottom: 0;
right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.why__thumb img.why-green {
right: -23px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.why__thumb img.why-green {
right: -19px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.why__thumb img.why-green {
right: -19px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.why__thumb img.why-green {
right: 41px;
}
}
@media (max-width: 575px) {
.why__thumb img.why-green {
right: 0px;
width: 100%;
}
}
.why__thumb img.why-pink {
position: absolute;
z-index: -2;
bottom: -6%;
left: 15%;
}
@media (max-width: 575px) {
.why__thumb img.why-pink {
width: 80%;
}
}
.why__thumb img.why-dot {
position: absolute;
right: 10%;
bottom: 6%;
}
@media (max-width: 575px) {
.why__thumb img.why-dot {
width: inherit;
}
}
.why__thumb img.why-line {
position: absolute;
right: 0%;
top: 28%;
}
@media (max-width: 575px) {
.why__thumb img.why-line {
width: inherit;
}
}
.why__btn .link-btn {
color: #0e1133;
}
.why__btn .link-btn:hover {
color: #2b4eff;
}
@media (max-width: 575px) {
.why__content {
padding-right: 0;
}
}  .counter__icon svg {
height: 34px;
}
.counter__icon.user svg {
fill: #fc4d93;
}
.counter__icon.book svg {
fill: #ff8f21;
}
.counter__icon.graduate svg {
fill: #14c0da;
}
.counter__icon.globe svg {
fill: #516eff;
}
.counter__content h4 {
font-size: 26px;
margin-bottom: 0;
line-height: 1;
}
.counter__content p {
font-weight: 500;
}
.counter__pl-80 {
padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.counter__pl-80 {
padding-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter__pl-80 {
padding-left: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.counter__pl-80 {
padding-left: 0px;
}
}
@media (max-width: 575px) {
.counter__pl-80 {
padding-left: 0px;
}
}
.counter__pl-34 {
padding-left: 34px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter__pl-34 {
padding-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.counter__pl-34 {
padding-left: 0;
}
}
@media (max-width: 575px) {
.counter__pl-34 {
padding-left: 0;
}
}
.counter__pl-70 {
padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.counter__pl-70 {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter__pl-70 {
padding-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.counter__pl-70 {
padding-left: 0;
}
}
@media (max-width: 575px) {
.counter__pl-70 {
padding-left: 0;
}
}  .testimonial__area {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.testimonial__overlay {
position: relative;
}
.testimonial__overlay::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(43, 78, 255, 0.84);
}
.testimonial__slider .swiper-nav i {
display: inline-block;
font-size: 14px;
width: 50px;
height: 50px;
line-height: 46px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.2);
background: transparent;
color: #ffffff;
}
.testimonial__slider .swiper-nav i:hover {
background: #ffffff;
border-color: #ffffff;
color: #2b4eff;
}
.testimonial__slider .swiper-nav::after {
display: none;
}
.testimonial__slider-3 .testimonial-nav {
width: 290px;
}
.testimonial__slider-3 .testimonial-nav .swiper-slide {
width: 70px;
}
.testimonial__slider-3 .testimonial-nav .swiper-slide img {
width: 70px;
height: 70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial__slider-3 .testimonial-nav .swiper-slide.swiper-slide-thumb-active .testimonial__nav-thumb::after {
border-color: rgba(255, 255, 255, 0.3);
}
.testimonial__slider-3 .swiper-container {
margin-left: inherit;
margin-right: inherit;
}
.testimonial__nav-thumb {
position: relative;
width: 70px;
height: 70px;
margin: 10px;
}
.testimonial__nav-thumb::after {
position: absolute;
content: "";
left: -10px;
top: -10px;
width: calc(100% + 20px);
height: calc(100% + 20px);
border: 1px solid transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial__item-3 p {
font-size: 24px;
line-height: 40px;
color: #ffffff;
}
.testimonial__title {
font-size: 40px;
color: #ffffff;
}
.testimonial__thumb {
margin-bottom: 30px;
}
.testimonial__thumb img {
width: 80px;
height: 80px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial__thumb-3 {
height: 300px;
width: 100%;
}
.testimonial__thumb-3 iframe {
width: 100%;
height: 100%;
}
.testimonial__content p {
font-size: 30px;
color: #ffffff;
line-height: 44px;
font-weight: 500;
padding: 0 290px;
margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__content p {
padding: 0 150px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__content p {
padding: 0 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.testimonial__content p {
padding: 0 80px;
}
}
@media (max-width: 575px) {
.testimonial__content p {
font-size: 20px;
line-height: 33px;
padding: 0 80px;
}
}
.testimonial__info h4 {
font-size: 20px;
color: #ffffff;
margin-bottom: 0;
}
.testimonial__info span {
font-size: 14px;
color: #ffffff;
opacity: 0.7;
}
.testimonial__info-2 h4 {
font-size: 22px;
color: #ffffff;
display: inline-block;
}
.testimonial__info-2 span {
font-size: 18px;
color: #e2ece9;
}
.testimonial__video {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 30px 70px 0px rgba(0, 32, 29, 0.14);
-moz-box-shadow: 0px 30px 70px 0px rgba(0, 32, 29, 0.14);
box-shadow: 0px 30px 70px 0px rgba(0, 32, 29, 0.14);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__video {
margin-left: 0;
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.testimonial__video {
margin-left: 0;
margin-top: 50px;
}
}
@media (max-width: 575px) {
.testimonial__video {
margin-left: 0;
margin-top: 50px;
}
}
.testimonial__video-icon span {
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #0fa0dd;
text-align: center;
}
.testimonial__video-icon svg {
width: 22px;
height: 22px;
}
.testimonial__video-icon svg .st0 {
fill: none;
stroke: #ffffff;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.testimonial__video-content {
background: #ffffff;
padding: 30px 40px;
padding-right: 50px;
padding-bottom: 60px;
}
.testimonial__video-text h4 {
font-size: 26px;
}
.testimonial__video-text p {
color: #53545b;
margin-bottom: 0;
}  .blog__item {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
}
.blog__item:hover .blog__thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.blog__title {
font-size: 20px;
margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__title {
font-size: 18px;
}
}
.blog__title a:hover {
color: #2b4eff;
}
.blog__content {
padding: 30px;
padding-bottom: 35px;
}
.blog__tag a {
display: inline-block;
height: 20px;
line-height: 20px;
font-size: 14px;
color: #f2277e;
background: rgba(242, 39, 126, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
padding: 0 6px;
margin-right: 10px;
}
.blog__tag a:hover {
background: #0fa0dd;
color: #ffffff;
}
.blog__tag a.purple {
background: rgba(131, 48, 254, 0.1);
color: #8330fe;
}
.blog__tag a.purple:hover {
background: #8330fe;
color: #ffffff;
}
.blog__tag a.pink {
background: rgba(242, 39, 126, 0.1);
color: #f2277e;
}
.blog__tag a.pink:hover {
background: #f2277e;
color: #ffffff;
}
.blog__tag a.green {
background: rgba(48, 168, 32, 0.1);
color: #30a820;
}
.blog__tag a.green:hover {
background: #30a820;
color: #ffffff;
}
.blog__tag a.orange {
background: rgba(250, 121, 25, 0.1);
color: #fa7919;
}
.blog__tag a.orange:hover {
background: #fa7919;
color: #ffffff;
}
.blog__tag a.blue {
background: rgba(43, 78, 255, 0.1);
color: #2b4eff;
}
.blog__tag a.blue:hover {
background: #2b4eff;
color: #ffffff;
}
.blog__tag-2 a {
display: inline-block;
height: 30px;
line-height: 32px;
color: #53545b;
font-weight: 500;
background: #f3f4f8;
padding: 0 12px;
font-size: 15px;
margin-right: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.blog__tag-2 a:hover {
background: #2b4eff;
color: #ffffff;
}
div.blog__author-thumb img {
width: 35px;
height: 35px;
border: 2px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
}
.blog__author-thumb-3 img {
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.blog__author-info h5 {
font-size: 15px;
font-weight: 500;
color: #53545b;
margin-bottom: 0;
}
.blog__author-info-2 h5 {
color: #ffffff;
}
.blog__author-3 {
padding: 30px;
padding-bottom: 35px;
padding-right: 60px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
@media (max-width: 575px) {
.blog__author-content {
margin-top: 25px;
}
}
.blog__author-content h4 {
font-size: 16px;
margin-bottom: 0;
}
.blog__author-content span {
color: #53545b;
display: inline-block;
margin-bottom: 10px;
}
.blog__author-content p {
font-size: 20px;
line-height: 1.2;
color: #0e1133;
margin-bottom: 0;
}
.blog__date i {
color: #53545b;
margin-right: 10px;
}
.blog__date span {
font-size: 14px;
color: #53545b;
font-weight: 500;
}
.blog__date-2 i {
color: #ffffff;
}
.blog__date-2 span {
color: #ffffff;
}
.blog__text h3 {
font-size: 30px;
margin-bottom: 12px;
}
.blog__text p {
font-size: 18px;
line-height: 28px;
color: #53545b;
margin-bottom: 27px;
}
.blog__quote {
padding: 40px 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
@media (max-width: 575px) {
.blog__quote {
padding: 20px 30px;
}
}
.blog__quote blockquote {
margin-bottom: 0;
}
.blog__quote p {
font-size: 24px;
color: #0e1133;
font-weight: 500;
line-height: 1.3;
margin-bottom: 25px;
}
.blog__quote h4 {
font-size: 20px;
padding-left: 30px;
position: relative;
margin-bottom: 0;
}
.blog__quote h4::after {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 19px;
height: 2px;
background: #0e1133;
}
.blog__quote img.quote {
position: absolute;
bottom: -34px;
right: 50px;
}
.blog__link p {
font-size: 26px;
line-height: 1.4;
font-weight: 500;
color: #0e1133;
}
@media (max-width: 575px) {
.blog__link p {
font-size: 24px;
}
}
.blog__link p a {
color: #2b4eff;
}
.blog__img img {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
@media (max-width: 575px) {
.blog__social {
margin-top: 30px;
}
}
.blog__social h4 {
font-size: 20px;
font-weight: 600;
margin-bottom: 0px;
margin-right: 10px;
}
.blog__social ul li {
display: inline-block;
margin-left: 5px;
}
.blog__social ul li a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 44px;
text-align: center;
font-size: 13px;
color: #0e1133;
background: #f3f4f8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.blog__social ul li a.fb {
color: #285da1;
background: rgba(40, 93, 161, 0.1);
}
.blog__social ul li a.fb:hover {
color: #ffffff;
background: #285da1;
}
.blog__social ul li a.tw {
color: #03a9f4;
background: rgba(3, 169, 244, 0.1);
}
.blog__social ul li a.tw:hover {
color: #ffffff;
background: #03a9f4;
}
.blog__social ul li a.pin {
color: #d8163f;
background: rgba(216, 22, 63, 0.1);
}
.blog__social ul li a.pin:hover {
color: #ffffff;
background: #d8163f;
}
.blog__line {
margin-bottom: 28px;
width: 100%;
height: 1px;
background: #f0f0f5;
}
.blog__comment h3 {
font-size: 26px;
font-weight: 600;
margin-bottom: 40px;
}
.blog__comment-input input,
.blog__comment-input textarea {
width: 100%;
height: 56px;
line-height: 56px;
border: 2px solid #f3f4f8;
background: #f3f4f8;
color: #0e1133;
font-size: 15px;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
padding: 0 24px;
}
.blog__comment-input input::placeholder,
.blog__comment-input textarea::placeholder {
font-size: 15px;
color: #6d6e75;
}
.blog__comment-input input:focus,
.blog__comment-input textarea:focus {
background: #ffffff;
border-color: #2b4eff;
}
.blog__comment-input textarea {
height: 180px;
resize: none;
line-height: 1.2;
padding: 23px;
padding-top: 19px;
margin-bottom: 13px;
}
.blog__comment-agree {
padding-left: 5px;
}
.blog__comment-agree input {
margin: 0;
appearance: none;
-moz-appearance: none;
display: block;
width: 14px;
height: 14px;
background: #ffffff;
border: 1px solid #b9bac1;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.blog__comment-agree input:checked {
position: relative;
background-color: #2b4eff;
border-color: transparent;
}
.blog__comment-agree input:checked::after {
box-sizing: border-box;
content: "";
position: absolute;
font-family: "Font Awesome 5 Pro";
font-size: 10px;
color: #ffffff;
top: 46%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.blog__comment-agree input:hover {
cursor: pointer;
}
.blog__comment-agree label {
padding-left: 8px;
color: #53545b;
}
.blog__comment-agree label a {
color: #0e1133;
font-weight: 600;
padding-left: 4px;
}
.blog__comment-agree label a:hover {
color: #2b4eff;
}
.blog__comment-agree label:hover {
cursor: pointer;
}
.post-input input,
.post-input textarea {
width: 100%;
height: 50px;
line-height: 50px;
padding: 0 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px solid #f3f4f8;
background: #f3f4f8;
margin-bottom: 20px;
}
.post-input textarea {
height: 180px;
line-height: 26px;
resize: none;
padding: 30px;
padding-top: 20px;
}
.post-input input:focus,
.post-input textarea:focus {
border-color: #2b4eff;
outline: none;
background: #ffffff;
}
.comments-avatar {
float: left;
margin-right: 20px;
}
.comments-text {
overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__sidebar {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__sidebar {
padding-left: 0;
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog__sidebar {
padding-left: 0;
margin-top: 50px;
}
}
@media (max-width: 575px) {
.blog__sidebar {
padding-left: 0;
margin-top: 50px;
}
} .sidebar__widget-title {
font-size: 20px;
padding-bottom: 7px;
border-bottom: 1px solid #f0f0f5;
}
.sidebar__search input {
width: 100%;
height: 60px;
line-height: 56px;
background: #f3f4f8;
border: 2px solid #f3f4f8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding-left: 30px;
padding-right: 45px;
}
.sidebar__search input::placeholder {
color: #8d8e9a;
font-weight: 500;
}
.sidebar__search button {
position: absolute;
top: 50%;
right: 20px;
left: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sidebar__search button svg {
width: 18px;
height: 18px;
}
.sidebar__search button svg .st0 {
fill: #8c8faa;
}
.sidebar__search button svg .st1 {
fill: #0e1133;
}
.sidebar__category ul li:not(:last-child) {
margin-bottom: 15px;
}
.sidebar__category ul li a {
font-size: 16px;
font-weight: 500;
color: #53545b;
padding-left: 20px;
position: relative;
}
.sidebar__category ul li a::after {
position: absolute;
content: "";
left: 0;
top: 9px;
width: 6px;
height: 6px;
background: #adaeba;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.sidebar__category ul li a:hover {
color: #2b4eff;
}
.sidebar__category ul li a:hover::after {
background: #2b4eff;
}
.sidebar__widget.widget_archive ul li:not(:last-child) {
margin-bottom: 15px;
}
.sidebar__widget.widget_archive ul li a {
position: relative;
padding-left: 20px;
}
.sidebar__widget.widget_archive ul li a:hover {
color: #2b4eff;
}
.sidebar__widget.widget_archive ul li a::after {
position: absolute;
content: "";
left: 0;
top: 9px;
width: 6px;
height: 6px;
background: #adaeba;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.sidebar__widget.widget_archive ul li a:hover::after {
background: #2b4eff;
} .sidebar__widget.widget_pages ul li:not(:last-child) {
margin-bottom: 15px;
}
.sidebar__widget.widget_pages ul li a {
position: relative;
padding-left: 20px;
}
.sidebar__widget.widget_pages ul li a:hover {
color: #2b4eff;
}
.sidebar__widget.widget_pages ul li a::after {
position: absolute;
content: "";
left: 0;
top: 9px;
width: 6px;
height: 6px;
background: #adaeba;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.sidebar__widget.widget_pages ul li a:hover::after {
background: #2b4eff;
} .sidebar__widget ul li {
list-style: none;
}
.sidebar__widget.widget_meta ul li:not(:last-child) {
margin-bottom: 15px;
}
.sidebar__widget.widget_meta ul li a {
position: relative;
padding-left: 20px;
}
.sidebar__widget.widget_meta ul li a:hover {
color: #2b4eff;
}
.sidebar__widget.widget_meta ul li a::after {
position: absolute;
content: "";
left: 0;
top: 9px;
width: 6px;
height: 6px;
background: #adaeba;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.sidebar__widget.widget_meta ul li a:hover::after {
background: #2b4eff;
} .sidebar__widget.widget_nav_menu ul li:not(:last-child) {
margin-bottom: 15px;
}
.sidebar__widget.widget_nav_menu ul li a {
position: relative;
padding-left: 20px;
}
.sidebar__widget.widget_nav_menu ul li a:hover {
color: #2b4eff;
}
.sidebar__widget.widget_nav_menu ul li a::after {
position: absolute;
content: "";
left: 0;
top: 9px;
width: 6px;
height: 6px;
background: #adaeba;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.sidebar__widget.widget_nav_menu ul li a:hover::after {
background: #2b4eff;
}
.blog__area .sidebar__widget ul ul {
padding-left: 10px;
padding-top: 14px;
}
div.tagcloud a {
display: inline-block;
height: 36px;
line-height: 38px;
padding: 0 15px;
font-size: 15px;
font-weight: 500;
color: #53545b;
background: #f3f4f8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-right: 8px;
margin-bottom: 10px;
}
div.tagcloud a:hover {
color: #ffffff;
background: #2b4eff;
}
.sidebar__widget.widget_rss ul li a:hover {
color: #2b4eff;
}
.sidebar__widget.widget_rss ul li a.rsswidget:hover {
color: #2b4eff;
}
.rc__post:not(:last-child) {
margin-bottom: 30px;
}
.rc__meta span {
color: #53545b;
font-weight: 500;
font-size: 15px;
line-height: 1;
display: inline-block;
margin-bottom: 10px;
}
.rc__thumb img {
width: 75px;
height: 75px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.rc__title {
font-size: 18px;
color: #0e1133;
margin-bottom: 0px;
font-weight: 600;
line-height: 1.1;
}
.rc__title a:hover {
color: #2b4eff;
} .latest-comments h3 {
font-size: 26px;
font-weight: 600;
margin-bottom: 20px;
}
.latest-comments ul li {
margin-bottom: 10px;
}
.latest-comments ul li.children {
margin-left: 100px;
}
@media (max-width: 575px) {
.latest-comments ul li.children {
margin-left: 15px;
}
}
.latest-comments ul li ul li.children-2 {
margin-left: 100px;
margin-top: 10px;
}
@media (max-width: 575px) {
.latest-comments ul li ul li.children-2 {
margin-left: 15px;
}
}
.comments-box {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 30px;
padding-right: 40px;
padding-top: 25px;
padding-top: 35px;
background: #f3f4f8;
}
.comments-avatar img {
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.avatar-name {
margin-bottom: 5px;
}
.avatar-name h5 {
font-size: 16px;
line-height: 26px;
margin-bottom: 0;
text-transform: capitalize;
}
.avatar-name span {
font-size: 14px;
color: #53545b;
}
@media (max-width: 575px) {
.comments-text {
margin-left: 0;
margin-top: 15px;
}
}
.comments-text p {
font-size: 16px;
color: #53545b;
margin-bottom: 15px;
}
.comments-replay {
margin-top: 10px;
}
.comments-replay a {
display: inline-block;
color: #2b4eff;
background: rgba(43, 78, 255, 0.1);
height: 20px;
line-height: 22px;
padding: 0 8px;
font-weight: 500;
font-size: 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.comments-replay a:hover {
color: #ffffff;
background: #2b4eff;
}  .slider__wrapper .swiper-slide-active span,
.slider__wrapper .swiper-slide-active p,
.slider__wrapper .swiper-slide-active a,
.slider__wrapper .swiper-slide-active .slider__title {
opacity: 1;
transform: translateY(0);
}
.slider__height {
min-height: 950px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider__height {
min-height: 700px;
}
}
@media (max-width: 575px) {
.slider__height {
min-height: 600px;
}
}
.slider__overlay {
position: relative;
}
.slider__overlay::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 3, 32, 0.66);
}
.slider__content {
position: relative;
z-index: 1;
}
.slider__content span {
font-size: 18px;
color: #ffb352;
margin-bottom: 12px;
display: inline-block;
}
.slider__content p {
font-size: 22px;
line-height: 30px;
padding-right: 160px;
margin-bottom: 28px;
opacity: 0.7;
color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider__content p {
padding-right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider__content p {
padding-right: 0;
}
}
@media (max-width: 575px) {
.slider__content p {
padding-right: 0;
}
}
.slider__content > span,
.slider__content p,
.slider__content a {
position: relative;
z-index: 1;
padding-right: 25px;
transform: translateY(70px);
transition: 1s;
opacity: 0;
}
.slider__title {
font-size: 70px;
color: #ffffff;
line-height: 1.05;
margin-bottom: 5px;
position: relative;
z-index: 1;
padding-right: 25px;
transform: translateY(70px);
transition: 1s;
opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider__title {
font-size: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider__title {
font-size: 40px;
}
}
@media (max-width: 575px) {
.slider__title {
font-size: 30px;
}
}
.slider__title span {
font-size: 70px;
color: #ffffff;
position: relative;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider__title span {
font-size: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider__title span {
font-size: 40px;
}
}
@media (max-width: 575px) {
.slider__title span {
font-size: 30px;
}
}
.slider__title span img {
position: absolute;
left: -14px;
bottom: 11px;
z-index: -1;
-webkit-animation: section-animation 3s infinite;
animation: section-animation 3s infinite;
}
@media (max-width: 575px) {
.slider__title span img {
height: 15px;
bottom: 0;
}
}
.slider__btn {
height: 50px;
line-height: 48px;
border: 2px solid rgba(255, 255, 255, 0.3);
padding: 0 22px;
background: transparent;
}
.slider__btn:hover {
background: #ffffff;
color: #000320;
border-color: #ffffff;
}
div.slider__nav {
position: absolute;
bottom: -10px;
left: 0;
right: 0;
width: 100%;
}
.slider__nav-item {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100px;
transition: height 0.3s ease-in-out;
position: relative;
}
.slider__nav-item:hover {
cursor: pointer;
}
.slider__nav-item::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #2b4eff;
opacity: 0.8;
}
.slider__nav-item.blue-bg::after {
background: rgba(45, 105, 240, 0.8);
}
.slider__nav-item.pink-bg::after {
background: rgba(221, 36, 110, 0.8);
}
.slider__nav-item.green-bg::after {
background: rgba(12, 174, 116, 0.8);
}
.swiper-slide-thumb-active.slider__nav-item {
transform: scaleY(1.1);
transform-origin: bottom;
}
.swiper-container.slider__nav {
padding-top: 10px;
margin-top: -10px;
}
.slider__nav-content {
position: relative;
z-index: 1;
padding: 23px 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.slider__nav-content {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider__nav-content {
padding: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider__nav-content {
padding: 15px;
}
}
.slider__nav-content span {
display: inline-block;
font-size: 15px;
color: #ffffff;
opacity: 0.8;
}
.slider__nav-content h4 {
font-size: 22px;
font-weight: 600;
color: #ffffff;
margin-bottom: 0;
}  .brand__title {
font-size: 24px;
font-weight: 600;
margin-bottom: 50px;
}
.brand__more {
margin-top: 52px;
}
.brand__more .link-btn {
color: #0e1133;
}
.brand__more .link-btn:hover {
color: #2b4eff;
}  .teacher__item {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 30px;
}
.teacher__item:hover {
background: #ffffff;
-webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
}
.teacher__item:hover .teacher__thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.teacher__content {
padding-top: 25px;
}
.teacher__content span {
font-size: 16px;
color: #53545b;
}
.teacher__title {
display: inline-block;
font-size: 20px;
margin-bottom: 10px;
}
.teacher__social ul li {
display: inline-block;
margin: 0 5px;
}
.teacher__social ul li a {
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 13px;
text-align: center;
border: 2px solid #d7d9e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #0e1133;
}
.teacher__social ul li a:hover {
background: #2b4eff;
color: #ffffff;
border-color: #2b4eff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.teacher__social-2 {
margin-bottom: 30px;
}
}
@media (max-width: 575px) {
.teacher__social-2 {
margin-bottom: 30px;
}
}
.teacher__social-2 h4 {
font-size: 16px;
font-weight: 500;
color: #53545b;
margin-bottom: 0;
}
.teacher__social-2 ul li {
display: inline-block;
}
.teacher__social-2 ul li a {
font-size: 14px;
color: #898a93;
}
.teacher__social-2 ul li a:hover {
color: #2b4eff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.teacher__rating {
margin-bottom: 30px;
}
}
@media (max-width: 575px) {
.teacher__rating {
margin-bottom: 30px;
}
}
.teacher__rating span {
font-size: 16px;
}
.teacher__rating span i {
padding-right: 5px;
color: #ff9415;
}
.teacher__rating h5 {
font-size: 14px;
color: #53545b;
font-weight: 600;
margin-bottom: 0;
}
.teacher__rating ul li {
display: inline-block;
}
.teacher__rating ul li a {
font-size: 14px;
color: #ff9415;
}
.teacher__rating-inner p {
font-size: 16px;
color: #0e1133;
font-weight: 600;
margin-bottom: 0;
padding-left: 3px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.teacher__info {
margin-bottom: 30px;
}
}
@media (max-width: 575px) {
.teacher__info {
margin-bottom: 30px;
}
}
.teacher__info h4 {
font-size: 40px;
margin-bottom: 0;
}
.teacher__info span {
font-size: 16px;
color: #53545b;
}
.teacher__follow-btn {
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
padding: 0 25px;
border: 2px solid #eef0f6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #0e1133;
font-weight: 16px;
font-weight: 500;
text-transform: capitalize;
background: #ffffff;
}
.teacher__follow-btn:hover {
background: #2b4eff;
color: #ffffff;
border-color: #2b4eff;
}
.teacher__top {
padding-bottom: 20px;
border-bottom: 1px solid #e8eaf0;
}
.teacher__bio {
padding-bottom: 50px;
padding-top: 35px;
border-bottom: 1px solid #e8eaf0;
}
.teacher__bio h3 {
font-size: 20px;
margin-bottom: 15px;
}
.teacher__bio p {
font-size: 16px;
line-height: 26px;
color: #53545b;
margin-bottom: 0;
}
.teacher__courses .section__title {
font-size: 30px;
}
.teacher__details-thumb img {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.course__sidebar ul li {
list-style: none;
}
.course__sidebar ul li:last-child .course__sm {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.teacher__details-thumb {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.teacher__details-thumb {
margin-bottom: 50px;
}
}
@media (max-width: 575px) {
.teacher__details-thumb {
margin-bottom: 50px;
padding-right: 0;
}
}
.teacher__details-shape img {
position: absolute;
z-index: -1;
width: auto;
}
.teacher__details-shape img.teacher-details-shape-1 {
right: 0px;
bottom: 70px;
}
.teacher__details-shape img.teacher-details-shape-2 {
left: -27px;
top: 55px;
}  .page__title {
font-size: 70px;
color: #ffffff;
line-height: 1.1;
margin-bottom: 0;
}
@media (max-width: 575px) {
.page__title {
font-size: 50px;
}
}
.page__title-2 {
font-size: 60px;
line-height: 1.17;
color: #ffffff;
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.page__title-2 {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.page__title-2 {
font-size: 45px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.page__title-2 {
font-size: 33px;
}
}
@media (max-width: 575px) {
.page__title-2 {
font-size: 35px;
}
}
.page__title-3 {
font-size: 50px;
line-height: 1.1;
margin-top: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.page__title-3 {
font-size: 40px;
}
}
@media (max-width: 575px) {
.page__title-3 {
font-size: 26px;
}
}
.page__title-pre {
display: inline-block;
height: 24px;
line-height: 26px;
font-size: 14px;
color: #ffffff;
font-weight: 500;
background: #3b60ff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 0 7px;
margin-bottom: 12px;
margin-right: 4px;
}
.page__title-pre:hover {
color: #fff;
background: #f2277e;
}
.page__title-pres .page__title-pre:nth-child(2) {
background: #f2277e;
}
.page__title-pres .page__title-pre:nth-child(3) {
background: #30a820;
}
.page__title-pre.purple-bg {
background: #b128ff;
}
.page__title-wrapper {
position: relative;
z-index: 1;
}
.page__title-wrapper .breadcrumb {
margin-bottom: 0;
}
.page__title-wrapper .breadcrumb .breadcrumb-item.active {
font-size: 15px;
color: #ffffff;
}
.page__title-wrapper .breadcrumb .breadcrumb-item.active::before {
content: ".";
font-family: "Hind", sans-serif;
font-size: 30px;
color: #ffffff;
line-height: 18px;
padding-right: 13px;
}
.page__title-wrapper .breadcrumb .breadcrumb-item a {
font-size: 15px;
font-weight: 400;
color: #ffffff;
}
.page__title-wrapper .breadcrumb .breadcrumb-item {
padding-right: 13px;
padding-left: 0;
}
.page__title-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
content: ".";
font-family: "Hind", sans-serif;
font-size: 30px;
color: #ffffff;
line-height: 18px;
padding-right: 13px;
}
.page__title-height {
padding-top: 235px;
padding-bottom: 130px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.page__title-height-2 {
min-height: 700px;
}
.page__title-overlay {
position: relative;
}
.page__title-overlay::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 3, 32, 0.6);
}
.page__title-shape img {
position: absolute;
z-index: 1;
}
.page__title-shape img.page-title-shape-1 {
left: 0;
bottom: 105px;
}
.page__title-shape img.page-title-shape-2 {
left: 105px;
top: 35%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.page__title-shape img.page-title-shape-2 {
left: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.page__title-shape img.page-title-shape-2 {
top: 28%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.page__title-shape img.page-title-shape-2 {
top: 24%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.page__title-shape img.page-title-shape-2 {
top: 29%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.page__title-shape img.page-title-shape-2 {
left: 50px;
top: 28%;
}
}
@media (max-width: 575px) {
.page__title-shape img.page-title-shape-2 {
left: 30px;
top: 28%;
}
}
.page__title-shape img.page-title-shape-3 {
bottom: 35%;
right: 0;
}
.page__title-shape img.page-title-shape-4 {
bottom: 41%;
right: 0;
}
.page__title-shape img.page-title-shape-5 {
top: 61%;
left: 0;
z-index: -1;
}
.page__title-shape img.page-title-shape-6 {
top: 43%;
left: 5%;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.page__title-shape img.page-title-shape-6 {
top: 20%;
left: 3%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.page__title-shape img.page-title-shape-6 {
top: 20%;
left: 3%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.page__title-shape img.page-title-shape-6 {
top: 20%;
left: 3%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.page__title-shape img.page-title-shape-6 {
top: 20%;
left: 3%;
}
}
@media (max-width: 575px) {
.page__title-shape img.page-title-shape-6 {
top: 20%;
left: 3%;
}
}
.page__title-shape img.page-title-shape-7 {
top: 27%;
right: 0;
z-index: -1;
}
.page__title-shape img.page-title-shape-8 {
top: 38%;
right: 25%;
z-index: -1;
}
.page__title-breadcrumb .breadcrumb {
margin-bottom: 30px;
}
.page__title-breadcrumb .breadcrumb .breadcrumb-item {
font-size: 14px;
font-weight: 400;
color: #53545b;
}
.page__title-breadcrumb .breadcrumb .breadcrumb-item.active::before {
content: ".";
font-family: "Hind", sans-serif;
font-size: 30px;
color: #53545b;
line-height: 18px;
padding-right: 13px;
}
.page__title-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
content: ".";
font-family: "Hind", sans-serif;
font-size: 30px;
color: #53545b;
line-height: 18px;
padding-right: 13px;
}  .contact__form-input input,
.contact__form-input textarea {
width: 100%;
height: 56px;
line-height: 54px;
padding: 0 23px;
background: #f3f4f8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #f3f4f8;
color: #0e1133;
font-size: 15px;
margin-bottom: 20px !important;
}
.contact__form-input input::placeholder,
.contact__form-input textarea::placeholder {
font-size: 15px;
color: #6d6e75;
}
.contact__form-input input:focus,
.contact__form-input textarea:focus {
border-color: #2b4eff;
outline: none;
background: #ffffff;
}
.contact__form-input textarea {
height: 180px;
padding: 23px 25px;
line-height: 1.1;
resize: none;
margin-bottom: 20px;
}
.contact__form-agree {
padding-left: 5px;
}
.contact__form-agree input {
margin: 0;
appearance: none;
-moz-appearance: none;
display: block;
width: 14px;
height: 14px;
background: #ffffff;
border: 1px solid #b9bac1;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.contact__form-agree input:checked {
position: relative;
background-color: #2b4eff;
border-color: transparent;
}
.contact__form-agree input:checked::after {
box-sizing: border-box;
content: "";
position: absolute;
font-family: "Font Awesome 5 Pro";
font-size: 10px;
color: #ffffff;
top: 46%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.contact__form-agree input:hover {
cursor: pointer;
}
.contact__form-agree label {
padding-left: 8px;
color: #53545b;
}
.contact__form-agree label a {
color: #0e1133;
font-weight: 600;
padding-left: 4px;
}
.contact__form-agree label a:hover {
color: #2b4eff;
}
.contact__form-agree label:hover {
cursor: pointer;
}
.contact__info-inner {
padding: 45px 40px;
padding-right: 70px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact__info-inner {
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.contact__info-inner {
margin-top: 50px;
}
}
@media (max-width: 575px) {
.contact__info-inner {
margin-top: 50px;
padding-right: 35px;
}
}
.contact__info-icon svg {
fill: none;
stroke: #2b4eff;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.contact__info-icon svg.map {
width: 16px;
height: 20px;
}
.contact__info-icon svg.mail {
width: 18px;
height: 18px;
}
.contact__info-icon svg.call {
width: 18px;
height: 18px;
}
.contact__info-text h4 {
font-size: 20px;
font-weight: 600;
margin-bottom: 6px;
}
.contact__info-text p {
margin-bottom: 0;
color: #53545b;
}
.contact__info-text p a:hover {
color: #2b4eff;
}
.contact__social h4 {
font-size: 20px;
font-weight: 600;
margin-bottom: 13px;
}
.contact__social ul li {
display: inline-block;
margin-right: 10px;
}
.contact__social ul li a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 44px;
text-align: center;
font-size: 13px;
color: #0e1133;
background: #f3f4f8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.contact__social ul li a.fb {
color: #285da1;
background: rgba(40, 93, 161, 0.1);
}
.contact__social ul li a.fb:hover {
color: #ffffff;
background: #285da1;
}
.contact__social ul li a.tw {
color: #03a9f4;
background: rgba(3, 169, 244, 0.1);
}
.contact__social ul li a.tw:hover {
color: #ffffff;
background: #03a9f4;
}
.contact__social ul li a.pin {
color: #d8163f;
background: rgba(216, 22, 63, 0.1);
}
.contact__social ul li a.pin:hover {
color: #ffffff;
background: #d8163f;
}
.contact__icon {
margin-bottom: 28px;
}
.contact__icon svg {
width: 70px;
height: 70px;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
-moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
-ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
-o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.contact__icon svg .st0 {
fill: none;
stroke: #2b4eff;
stroke-width: 0.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.contact__item {
padding: 50px 80px;
padding-bottom: 62px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
-moz-box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact__item {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 575px) {
.contact__item {
padding-left: 20px;
padding-right: 20px;
}
}
.contact__item:hover .contact__icon svg {
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
-o-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
.contact__title {
font-size: 26px;
margin-bottom: 8px;
}
.contact__content p {
font-size: 16px;
color: #53545b;
margin-bottom: 30px;
}
.contact__shape img {
position: absolute;
}
.contact__shape img.contact-shape-1 {
bottom: 75px;
left: -30px;
z-index: -1;
}
.contact__shape img.contact-shape-2 {
top: 30px;
right: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact__shape img.contact-shape-2 {
right: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact__shape img.contact-shape-2 {
right: -20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.contact__shape img.contact-shape-2 {
right: -20px;
}
}
@media (max-width: 575px) {
.contact__shape img.contact-shape-2 {
right: 0px;
}
}
.contact__shape img.contact-shape-3 {
right: -45%;
top: 50%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.contact__shape img.contact-shape-3 {
right: -20%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.contact__shape img.contact-shape-3 {
right: -10%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact__shape img.contact-shape-3 {
right: -5%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact__shape img.contact-shape-3 {
right: -5%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.contact__shape img.contact-shape-3 {
right: -5%;
}
}
@media (max-width: 575px) {
.contact__shape img.contact-shape-3 {
right: 0%;
}
}
.contact__shape img.contact-shape-4 {
right: 180px;
bottom: -21%;
}
.contact__shape img.contact-shape-5 {
left: 0;
bottom: 142px;
}  .error__title {
font-size: 70px;
line-height: 0.9;
margin-bottom: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.error__title {
font-size: 60px;
}
}
@media (max-width: 575px) {
.error__title {
font-size: 37px;
}
}
.error__content p {
font-size: 20px;
color: #53545b;
margin-bottom: 45px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.error__thumb img {
width: 100%;
}
}
@media (max-width: 575px) {
.error__thumb img {
width: 100%;
}
}  .sign__wrapper {
padding: 50px 70px;
padding-bottom: 45px;
margin: 0 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
-moz-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
z-index: 11;
}
@media (max-width: 575px) {
.sign__wrapper {
margin: 0;
padding: 30px 20px;
padding-bottom: 25px;
}
}
.sign__shape img {
position: absolute;
z-index: -1;
}
.sign__shape img.man-1 {
left: 28%;
top: 60%;
z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.sign__shape img.man-1 {
left: 19%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sign__shape img.man-1 {
left: 16%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sign__shape img.man-1 {
left: 7%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sign__shape img.man-1 {
left: 2%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sign__shape img.man-1 {
left: 1%;
}
}
@media (max-width: 575px) {
.sign__shape img.man-1 {
display: none;
}
}
.sign__shape img.man-2 {
right: 24%;
top: 65%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.sign__shape img.man-2 {
top: 55%;
right: 20%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sign__shape img.man-2 {
top: 60%;
right: 15%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sign__shape img.man-2 {
top: 60%;
right: 7%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sign__shape img.man-2 {
top: 60%;
right: 0%;
z-index: 1;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sign__shape img.man-2 {
top: 60%;
right: 0%;
z-index: 1;
}
}
@media (max-width: 575px) {
.sign__shape img.man-2 {
display: none;
}
}
.sign__shape img.man-2.man-22 {
top: 50%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.sign__shape img.man-2.man-22 {
top: 55%;
right: 20%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sign__shape img.man-2.man-22 {
top: 60%;
right: 15%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sign__shape img.man-2.man-22 {
top: 60%;
right: 7%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sign__shape img.man-2.man-22 {
top: 60%;
right: 0%;
z-index: 1;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sign__shape img.man-2.man-22 {
top: 60%;
right: 0%;
z-index: 1;
}
}
.sign__shape img.circle {
right: 32%;
top: 38%;
animation: signCircle 5s linear 0s infinite alternate;
-webkit-animation: signCircle 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.sign__shape img.circle {
right: 25%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sign__shape img.circle {
right: 22%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sign__shape img.circle {
right: 11%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sign__shape img.circle {
right: 4%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sign__shape img.circle {
right: 2%;
}
}
@media (max-width: 575px) {
.sign__shape img.circle {
display: none;
}
}
.sign__shape img.dot {
right: 34%;
top: 43%;
animation: signDot 5s linear 0s infinite alternate;
-webkit-animation: signDot 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.sign__shape img.dot {
right: 29%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sign__shape img.dot {
right: 26%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sign__shape img.dot {
right: 18%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sign__shape img.dot {
right: 5%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sign__shape img.dot {
right: 3%;
}
}
@media (max-width: 575px) {
.sign__shape img.dot {
display: none;
}
}
.sign__shape img.bg {
left: 33%;
top: 26%;
opacity: 0.06;
max-width: 100%;
animation: signBg 5s linear 0s infinite alternate;
-webkit-animation: signBg 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sign__shape img.bg {
left: 10%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sign__shape img.bg {
left: 0%;
}
}
@media (max-width: 575px) {
.sign__shape img.bg {
display: none;
}
}
.sign__shape img.zigzag {
left: 32%;
top: 43%;
animation: signZigzag 5s linear 0s infinite alternate;
-webkit-animation: signZigzag 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.sign__shape img.zigzag {
left: 24%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sign__shape img.zigzag {
left: 23%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sign__shape img.zigzag {
left: 11%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sign__shape img.zigzag {
left: 3%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sign__shape img.zigzag {
left: 2%;
}
}
@media (max-width: 575px) {
.sign__shape img.zigzag {
display: none;
}
}
.sign__shape img.flower {
bottom: 13%;
right: 30%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.sign__shape img.flower {
right: 24%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sign__shape img.flower {
right: 24%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sign__shape img.flower {
right: 12%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sign__shape img.flower {
right: 3%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sign__shape img.flower {
right: 1%;
}
}
@media (max-width: 575px) {
.sign__shape img.flower {
right: 1%;
bottom: 3%;
}
}
.sign__header {
padding: 0 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sign__header {
padding: 0 10px;
}
}
@media (max-width: 575px) {
.sign__header {
padding: 0px;
}
}
.sign__header p {
margin-bottom: 0;
color: #7a797f;
position: relative;
padding: 0 40px;
display: inline-block;
}
.sign__header p span {
position: absolute;
top: 40%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sign__header p span:last-child {
left: auto;
right: 0;
}
.sign__header p a:hover {
color: #2b4eff;
}
.sign__social {
display: block;
height: 50px;
background: #eeedf2;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
position: relative;
line-height: 52px;
padding-left: 23px;
z-index: 1;
overflow: hidden;
font-size: 16px;
}
.sign__social::after {
position: absolute;
content: "";
left: -55%;
top: 45%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 220px;
width: 220px;
background: #3360bd;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: -1;
}
@media (max-width: 575px) {
.sign__social::after {
left: -62%;
}
}
.sign__social i {
color: #ffffff;
font-size: 16px;
margin-right: 50px;
}
@media (max-width: 575px) {
.sign__social i {
margin-right: 35px;
}
}
.sign__social:hover {
color: #ffffff;
}
.sign__social:hover::after {
width: 100%;
height: 150%;
left: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.sign__social.g-plus::after {
background: #e93e30;
}
.sign__form h5 {
font-size: 16px;
font-weight: 500;
color: #0e1133;
margin-bottom: 11px;
}
.sign__input {
position: relative;
}
.sign__input input {
width: 100%;
height: 60px;
line-height: 52px;
padding: 0 50px;
font-size: 14px;
border: 2px solid transparent;
background: #f6f6f7;
color: #0e1133;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.sign__input input::placeholder {
color: #8e8c94;
}
.sign__input input:focus {
outline: none;
background: #ffffff;
border-color: #2b4eff;
-webkit-box-shadow: 0px 1px 4px 0px rgba(8, 0, 42, 0.2);
-moz-box-shadow: 0px 1px 4px 0px rgba(8, 0, 42, 0.2);
box-shadow: 0px 1px 4px 0px rgba(8, 0, 42, 0.2);
}
.sign__input i {
position: absolute;
top: 51%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 25px;
font-size: 14px;
color: #8e8c94;
}
.sign__agree input {
margin: 0;
appearance: none;
-moz-appearance: none;
display: block;
width: 14px;
height: 14px;
background: transparent;
border: 1px solid #7a797f;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.sign__agree input:checked {
position: relative;
background-color: #2b4eff;
border-color: transparent;
}
.sign__agree input:checked::after {
box-sizing: border-box;
content: "";
position: absolute;
font-family: "Font Awesome 5 Pro";
font-size: 10px;
color: #ffffff;
top: 46%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.sign__agree input:hover {
cursor: pointer;
}
.sign__agree label {
padding-left: 10px;
font-size: 14px;
}
.sign__agree label:hover {
cursor: pointer;
}
.sign__agree label a {
color: #0e1133;
font-weight: 500;
}
.sign__agree label a:hover {
color: #2b4eff;
}
.sign__forgot a {
color: #7a797f;
}
.sign__forgot a:hover {
color: #2b4eff;
}
.sign__new p {
color: #7a797f;
margin-bottom: 0;
}
.sign__new p a {
color: #2b4eff;
}
@keyframes signDot {
0% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
100% {
transform: translateY(50px);
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
}
}
@keyframes signZigzag {
0% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
100% {
transform: translateY(50px);
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
}
}
@keyframes signCircle {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}  .footer__widget-title {
padding-top: 5px;
font-size: 20px;
color: #ffffff;
}
.footer__widget-title-2 {
color: #0e1133;
}
.footer__widget-body p {
font-size: 16px;
line-height: 24px;
color: #a1a2ab;
margin-bottom: 30px;
}
.footer__widget-body-2 p {
color: #53545b;
}
.footer__social ul li {
display: inline-block;
}
.footer__social ul li:not(:last-child) {
margin-right: 10px;
}
div.footer__social ul li a {
display: inline-block;
font-size: 15px;
width: 44px;
height: 44px;
line-height: 46px;
text-align: center;
border: 2px solid #285da1;
background: #285da1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #ffffff;
}
.footer__social ul li a:hover {
background: transparent;
color: #285da1;
}
.footer__social ul li a.tw {
background: #03a9f4;
border-color: #03a9f4;
}
.footer__social ul li a.tw:hover {
background: transparent;
color: #03a9f4;
}
.footer__social ul li a.pin {
background: #d2173f;
border-color: #d2173f;
}
.footer__social ul li a.pin:hover {
background: transparent;
color: #d2173f;
}
.footer__widget ul li:not(:last-child) {
margin-bottom: 4px;
}
.footer__widget ul li a {
color: #a1a2ab;
}
div.footer__widget ul li a:hover {
color: #ffffff;
}
.grey-bg-2 ul li a {
color: #53545b;
}
.grey-bg-2 ul li a:hover {
color: #2b4eff;
}
.footer__subscribe-input {
position: relative;
}
.footer__subscribe-input input {
width: 100%;
height: 60px;
padding: 0 30px;
padding-right: 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
outline: none;
}
.footer__subscribe-input input::placeholder {
font-size: 14px;
color: #6d6e75;
}
.footer__subscribe-input button {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
color: #ffffff;
background: #2b4eff;
width: 70px;
height: 60px;
padding-right: 25px;
transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-ms-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
overflow: hidden;
}
.footer__subscribe-input button i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-ms-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
}
.footer__subscribe-input button i:last-child {
left: 0%;
visibility: hidden;
opacity: 0;
}
.footer__subscribe-input button:hover i {
left: 100%;
visibility: hidden;
opacity: 0;
}
.footer__subscribe-input button:hover i:last-child {
left: 50%;
visibility: visible;
opacity: 1;
}
.footer__subscribe p {
font-size: 14px;
line-height: 20px;
color: #83848a;
padding-right: 60px;
}
.footer__subscribe-2 p {
color: #6d6e75;
}
.footer__pl-70 {
padding-left: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__pl-70 {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__pl-70 {
padding-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.footer__pl-70 {
padding-left: 0;
}
}
@media (max-width: 575px) {
.footer__pl-70 {
padding-left: 0;
}
}
.footer__bottom {
padding: 20px 0;
border-top: 1px solid #1c1f3f;
}
.footer__bottom-2 {
border-color: #e0e1e8;
}
.footer__copyright p {
font-size: 15px;
color: #83848a;
margin-bottom: 0;
}
.footer__copyright p a {
color: #ffffff;
}
.footer__copyright-2 p {
color: #6d6e75;
}
.footer__copyright-2 p a {
color: #2b4eff;
}
.footer__logo img {
width: 114px;
}
.sidebar__widget ul li a:hover {
color: #2b4eff;
}
.sidebar__widget.widget_text .nice-select .list {
overflow-y: inherit;
}
.sidebar__widget .nice-select .list {
max-height: 300px;
overflow-y: scroll;
margin-top: 2px;
}
.sidebar__widget.widget_recent_entries ul li a {
padding-left: 0;
}
.sidebar__widget.widget_recent_entries ul li a:after {
display: none;
}
.sidebar__widget.widget_rss ul li a:after {
display: none;
}
.contact__info ul li {
list-style: none;
}
.footer__widget .nice-select .list {
max-height: 300px;
overflow-y: scroll;
}
.footer__widget.widget_text .nice-select .list {
overflow-y: inherit;
}
div.footer__widget-body.footer__widget-body-2 p {
color: #53545b;
}
.footer__widget .footer__subscribe.footer__subscribe-2 p {
color: #53545b;
}
.services__icon img {
width: 50px;
}
.about__banner img {
max-width: 50%;
}
.testimonial__slider .swiper-button-next,
.testimonial__slider .swiper-button-prev {
width: auto;
height: auto;
}
.testimonial__slider .swiper-button-next,
.testimonial__slider .swiper-button-prev {
background: none;
}
.testimonial__slider .swiper-nav i {
font-family: "Font Awesome 5 Pro";
}
.testimonial__slider .testimonial__thumb img {
border-radius: 50%;
}
.cta__form-inner .wpcf7-submit.e-btn.e-btn-6 {
height: 56px;
width: inherit;
line-height: 56px;
color: #ffffff;
background: #2b4eff;
padding-left: 60px;
padding-right: 60px;
border: 0;
text-transform: capitalize;
}
.cta__form-inner.custome_form form p span {
float: left;
}
.cta__form-inner.custome_form form p br {
display: none;
}
.contact__form .contact__btn input {
border: none;
text-transform: capitalize;
}
.contact__form-agree span span {
margin: 0;
appearance: none;
-moz-appearance: none;
display: block;
width: 14px;
height: 14px;
background: #ffffff;
border: 1px solid #b9bac1;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.contact__form-agree span:checked {
position: relative;
background-color: #2b4eff;
border-color: transparent;
}
.contact__form-agree span:checked::after {
box-sizing: border-box;
content: "";
position: absolute;
font-family: "Font Awesome 5 Pro";
font-size: 10px;
color: #ffffff;
top: 46%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.custom_blog_content .blog__tag a i {
margin-right: 5px;
}
.brand__more.custom_mt_btn {
margin-top: 0;
}
.link-btn .far {
font-family: "Font Awesome 5 Pro";
font-weight: 400;
}
.brand__item {
text-align: center;
} .rating-count-gap {
margin-left: 5px;
}
.teacher-img {
width: 100%;
height: 410px;
background-size: cover;
background-position: center;
border-radius: 6px;
}
.course__tag a {
margin-right: 5px;
}
.tutor-course-loop-header-meta {
position: absolute;
left: auto;
top: 20px;
width: inherit;
overflow: hidden;
right: 20px;
}
.course__teacher h6 {
text-transform: capitalize;
}
.tutor-course-loop {
color: #6d6e75;
border-radius: 6px;
border: 0;
height: 100%;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tutor-course-loop:hover {
-webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tutor-course-loop-header-meta .tutor-course-wishlist a {
display: inline-block;
}
.teacher__course-wrapper .tutor-course-col-3 {
width: 50%;
}
.tutor-user-public-profile .tutor-user-profile-content h3 {
font-size: 17px !important;
line-height: 28px;
}
.tutor-user-public-profile .course__status span {
font-size: 16px;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle .ratings,
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .ratings {
gap: 5px;
}
.teacher__rating span i {
padding-right: 0;
color: #ff9415;
font-size: 12px;
margin-right: 4px;
}
.teacher__social-2 a {
color: #898a93;
font-size: 13px;
margin-right: 6px;
}
.rating-digits {
font-weight: 600;
color: #0e1133;
}
.rating-total-meta {
font-weight: 600;
color: #0e1133;
}
.tutor-container {
max-width: 1200px;
}
.tutor-pagination-wrap a,
.tutor-pagination-wrap span {
position: relative;
overflow: hidden;
background: transparent;
display: inline-block;
width: auto;
height: 40px;
min-width: 40px;
line-height: 38px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
border: 2px solid #eef0f6;
color: #0e1133;
padding: 0 15px;
margin: 0 2px;
}
.tutor-pagination-wrap span.current,
.tutor-pagination-wrap a:hover {
color: #ffffff;
background: #2b4eff;
border-color: #2b4eff;
}
.profile-breadcrumb .breadcrumb-trail.breadcrumbs {
display: none;
} .tutor-star-rating-group i {
margin-right: 4px;
cursor: pointer;
font-size: 13px;
color: #ff9415;
}
.educal-course-sidebar {
padding-left: 70px;
}
.educal-course-sidebar .tutor-price-preview-box {
padding: 30px;
-webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 0;
overflow: visible;
}
.educal-course-sidebar .tutor-price-box-thumbnail {
margin: 0;
margin-bottom: 30px;
}
.course__video-info .tutor-social-share-wrap {
display: inline-block;
}
.educal-course-sidebar .course__video-info .tutor-social-share-wrap button {
background: none;
margin-right: 5px;
font-size: 13px;
color: #6d6e75;
}
.educal-course-sidebar .course__video-icon i {
width: 16px;
height: 20px;
font-size: 14px;
margin-right: 12px;
color: #2b4eff;
}
.educal-course-sidebar .tutor-single-course-segment {
padding: 30px;
-webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
}
.educal-course-sidebar .course__sidebar-title {
font-size: 20px;
margin-bottom: 27px;
text-transform: capitalize;
}
.educal-course-sidebar .tutor-segment-title,
.educal-course-sidebar .tutor-single-course-segment .tutor-segment-title {
font-size: 20px;
line-height: 25px;
font-weight: 700;
margin-bottom: 20px;
color: #0e1133;
}
.educal-course-sidebar .tutor-custom-list-style li::before {
color: #2b4eff;
font-size: 12px;
transform: translateY(-1px);
}
.educal-course-sidebar .tutor-custom-list-style li {
line-height: 24px;
padding-left: 25px;
}
.educal-course-sidebar .tutor-custom-list-style li:last-child {
margin-bottom: 0;
}
.tutor-course-tags a {
padding: 4px 15px;
font-size: 14px;
}
.tutor-course-tags a:hover {
background: #2b4eff;
color: #fff;
}
.tutor-course-enrolled-wrap.tutor-course-enrolled-wrap {
margin: 0 -30px -30px !important;
padding: 25px 30px;
overflow: hidden;
border-top: 1px solid #f0f0f0;
font-size: 14px;
box-shadow: none !important;
}
.tutor-course-enrolled-wrap p i,
.tutor-course-enrolled-wrap p span {
color: #2b4eff;
}
.tutor-course-content-content p {
font-size: 18px;
color: #53545b;
line-height: 28px;
}
.tutor-segment-title,
.tutor-single-course-segment .tutor-segment-title {
font-size: 26px;
line-height: 1;
font-weight: 700;
margin-bottom: 13px;
color: #0e1133;
}
.tutor-custom-list-style li {
color: #53545b;
font-size: 18px;
}
.instructor-bio {
color: #53545b;
}
.tutor-wrap nav.course-enrolled-nav ul li.active a {
border-bottom: 2px solid #2b4eff;
color: #53545b;
}
.tutor-wrap nav.course-enrolled-nav ul li a {
font-weight: 500;
}
.single-instructor-wrap .instructor-name h4 {
font-weight: 400;
color: #53545b;
font-size: 14px;
}
.tutor-text-mute {
color: #8f9195;
}
.single-instructor-wrap .single-instructor-bottom .ratings .rating-total-meta {
color: #8f9195;
}
.single-instructor-wrap .single-instructor-bottom .courses i,
.single-instructor-wrap .single-instructor-bottom .students i {
color: #2b4eff;
}
.tutor-review-individual-item .review-meta {
color: #6d6e75;
}
.tutor-course-avg-rating-total {
color: #6d6e75;
}
.tutor-lead-info-btn-group .tutor-course-complete-form-wrap button {
display: block;
width: 100%;
background: #e8eff1;
color: #0e1133;
padding: 14px 25px;
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
font-family: "Hind", sans-serif;
}
.tutor-lead-info-btn-group .tutor-course-complete-form-wrap button:hover {
background: #2b4eff;
color: #ffffff;
}
div.page__title-content .page__title-3 {
font-size: 50px;
line-height: 1.1;
margin-top: 12px;
color: #0e1133;
font-weight: 700;
}
.tutor-segment-title.tutor-segment-title-700 {
font-weight: 700;
color: #0e1133;
margin-bottom: 30px;
}
.tutor-course-topics-contents .tutor-course-title h4 {
color: #0e1133;
}
.single-instructor-wrap .instructor-name h3 a {
font-weight: 700;
color: #0e1133;
text-transform: capitalize;
}
.course__share span {
display: none;
}
.course__share .tutor-social-share-wrap button {
display: inline-block;
margin-right: 8px;
}
.course__share .tutor-social-share-wrap button i {
display: inline-block;
width: 40px;
height: 40px;
line-height: 41px;
text-align: center;
font-size: 13px;
background: #f3f4f8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #285da1;
background: rgba(40, 93, 161, 0.1);
}
.course__share .tutor-social-share-wrap button .tutor-icon-facebook {
color: #285da1;
background: rgba(40, 93, 161, 0.1);
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-facebook {
color: #fff;
background: #285da1;
}
.course__share .tutor-social-share-wrap button .tutor-icon-twitter {
color: #03a9f4;
background: rgba(3, 169, 244, 0.1);
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-twitter {
color: #fff;
background: #03a9f4;
}
.course__share .tutor-social-share-wrap button .tutor-icon-linkedin {
color: #0a66c2;
background: rgba(10, 102, 194, 0.1);
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-linkedin {
color: #fff;
background: #0a66c2;
}
.course__share .tutor-social-share-wrap button .tutor-icon-tumblr {
color: #00cf35;
background: rgba(0, 207, 53, 0.1);
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-tumblr {
color: #fff;
background: #00cf35;
}
.single-instructor-wrap .instructor-name {
float: none;
padding-left: 0;
max-width: inherit;
}
.instructor-bio {
color: #53545b;
}
.single-instructor-wrap .instructor-avatar img {
max-width: 255px;
margin-right: 20px;
border-radius: 3px;
}
.single-instructor-wrap .instructor-avatar {
float: left;
position: relative;
}
.single-instructor-wrap .instructor-avatar .ratings {
position: absolute;
left: 0;
bottom: 0;
width: 105px;
padding: 3px 5px;
border-top-right-radius: 3px;
background: #fff;
color: #1f2949;
font-size: 14px;
text-align: center;
}
.single-instructor-wrap .instructor-avatar .ratings i {
color: #ffc922;
}
.single-instructor-wrap .instructor-avatar .ratings {
color: #1f2949;
font-size: 14px;
text-align: center;
}
.single-instructor-wrap .instructor-name h3 {
font-size: 24px;
line-height: 35px;
letter-spacing: -0.13px;
color: #1f2949;
font-weight: 700;
margin-bottom: 6px;
display: inline-block;
}
.single-instructor-wrap .instructor-name h4 {
font-weight: 400;
color: #53545b;
font-size: 14px;
display: inline-block;
}
.single-instructor-wrap .tutor-instructor-right .courses p {
font-weight: 600;
color: #1f2949;
}
.educal-instructor-social a {
font-size: 14px;
color: #797c7f;
display: inline-block;
padding-right: 12px;
}
.educal-instructor-social a:hover {
color: #2b4eff;
}
.single-instructor-wrap .single-instructor-top {
padding: 0 !important;
border-bottom: 0;
position: relative;
}
.single-instructor-wrap {
border: 0;
}
.course-avg-rating-wrap .course-avg-rating {
font-size: 72px;
line-height: 1;
font-weight: 500;
color: #0e1133;
}
.tutor-course-avg-rating-total span {
color: #0e1133;
}
.course-rating-meter i.tutor-icon-star-full {
color: #ff9415;
font-size: 15px;
}
.rating-meter-fill-bar {
background: #ff9415;
}
.tutor-review-individual-item .tutor-review-user-info a {
color: #0e1133;
font-size: 16px;
text-transform: capitalize;
font-weight: 600;
}
.tutor-course-benefits-content ul {
list-style: none;
display: block;
overflow: hidden;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 1;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 0;
margin: 0;
}
.tutor-custom-list-style li::before {
content: "\4e";
font-family: "ElegantIcons";
color: #2b4eff;
}
.tutor-price-preview-box .price del {
text-decoration: none;
line-height: 1;
transform: translateY(-2px);
display: inline-block;
margin-left: 5px;
}
.tutor-price-preview-box .price del > span {
text-decoration: line-through;
color: #6d6e75;
font-weight: 500;
font-size: 16px;
padding-left: 0;
line-height: 1;
}
.tutor-price-preview-box .price del .woocommerce-Price-amount.amount {
text-decoration: line-through;
color: #6d6e75;
font-weight: 500;
font-size: 16px;
padding-left: 0;
line-height: 1;
}
.tutor-price-preview-box .price del + ins {
margin-left: 0;
float: left;
text-decoration: none;
margin-right: 5px;
}
.tutor-price-preview-box .price ins span {
font-size: 26px;
display: inline-block;
margin-bottom: 0;
font-weight: 700;
}
.tutor-price-preview-box .price {
margin: 0;
}
.educal-course-details,
.tutor-course-filter-wrapper {
padding-top: 120px;
padding-bottom: 95px;
}
.tutor-course-filter-wrapper {
max-width: 1200px !important;
}
.tutor-course-filter-wrapper > div:first-child {
width: 306px;
}
.tutor-course-filter-wrapper > div:last-child {
width: calc(100% - 306px);
}
.course__status span del {
text-decoration: none;
}
.course__status span del {
transform: translateY(-3px);
display: inline-block;
}
.course__status span del span {
font-size: 14px;
color: #6d6e75;
text-decoration: line-through;
padding-right: 0;
}
.course__status span ins {
text-decoration: none;
transform: translateY(-2px);
display: inline-block;
line-height: 1;
}
.course__status span ins span {
padding: 0;
}
.tutor-course-loop-header-meta .tutor-course-wishlist {
float: right;
background: #fff;
font-size: 19px;
padding: 5px 5px;
border-radius: 3px;
-webkit-transition: 300ms;
transition: 300ms;
height: 30px;
}
.tutor-course-filter-form select {
font-size: 16px;
line-height: 26px;
max-width: 100%;
height: 50px;
background: #fff;
display: inline-block;
padding: 0 60px 0 30px;
border-radius: 6px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-repeat: no-repeat;
background-position: 93% 20px;
background-image: url(//acts2come.wa.edu.au/wp-content/themes/educal/assets/img/icon/down_arrow.png);
-webkit-box-shadow: 5px 30px 40px 0px rgba(1, 11, 60, 0.06);
box-shadow: 5px 30px 40px 0px rgba(1, 11, 60, 0.06);
width: 100%;
border: 0;
border: 1px solid #f0f0f5;
}
.tutor-price-preview-box .tutor-course-purchase-box button {
display: block;
width: 100%;
background: #2b4eff;
border-radius: 4px;
text-transform: capitalize;
font-weight: 500;
cursor: pointer;
font-size: 16px;
} .woocommerce table.shop_table td {
text-align: left;
}
.woocommerce table.shop_table.woocommerce-cart-form__contents td {
text-align: center;
}
.woocommerce table.shop_table.woocommerce-cart-form__contents td.actions {
text-align: right;
border: 0;
}
.retbo-page-content .woocommerce-checkout-review-order-table td {
border: 0;
}
.cart_totals h2 {
margin-bottom: 20px;
}
.cart-collaterals .shop_table tr th {
border-right: 0;
}
.woocommerce .cart-collaterals table.shop_table td {
text-align: right;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: right;
width: 38%;
padding: 0;
}
.woocommerce table.shop_table.cart td {
border-top: 0;
}
.cart .site-btn.brand-btn {
background: #2b4eff;
border-color: #2b4eff;
}
.cart .site-btn.brand-btn:hover {
color: #ffffff;
-webkit-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
-moz-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.coupon-left button {
background: #222;
border: 1px solid #222;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: none;
border: 0;
}
.shop_table:not(.woocommerce-checkout-review-order-table) .cart-subtotal th,
.shop_table:not(.woocommerce-checkout-review-order-table) .cart-subtotal td {
padding-top: 0;
}
.cart_totals th {
width: 30%;
padding-left: 0;
}
.woocommerce .cart_totals table.shop_table th {
font-weight: 700;
padding: 9px 0 !important;
line-height: 1.5em;
text-align: left;
}
.woocommerce .cart_totals table.shop_table tbody:first-child tr:first-child td,
.woocommerce .cart_totals table.shop_table tbody:first-child tr:first-child th {
border-top: 0;
border-bottom: 0;
}
.cart_totals h2 {
font-size: 24px;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
padding-bottom: 0;
margin-top: 25px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 16px;
padding: 0 20px;
font-weight: 500;
text-transform: inherit;
background: #000;
border: 1px solid #000;
color: #fff;
line-height: 52px;
border: 0;
}
.checkout-button.site-btn.brand-btn {
margin-bottom: 0 !important;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 100%;
margin-top: 100px;
}
.woocommerce .cart-collaterals table th {
border: 0 !important;
}
.woocommerce .cart-collaterals table tr {
border-bottom: 1px solid #ddd;
}
.woocommerce .cart-collaterals table,
.woocommerce .cart-collaterals th,
.woocommerce .cart-collaterals td .woocommerce a.remove:hover {
color: inherit !important;
background: none;
}
.woocommerce table.shop_table {
border: 0;
}
.shop_table {
border-width: 0;
}
.cart_totals .shop_table td,
.shop_table th,
.shop_table tr.bundle-products td,
.shop_table tr.cart_item td,
.shop_table tr.order-total th,
.shop_table tr:first-child:last-child th,
.shop_table.wishlist_table tr td,
.shop_table.woocommerce-checkout-review-order-table tr td,
.shop_table.woocommerce-checkout-review-order-table tr.cart_item:last-child td {
border-width: 0 0 0.0625rem 0;
}
.shop_table tr td:last-child,
.shop_table tr th:last-child,
.shop_table.woocommerce-checkout-review-order-table tr .product-thumb {
border-right-width: 0 !important;
border-left: 0 !important;
}
.shop_table td,
.shop_table tr:last-child th,
.shop_table.woocommerce-checkout-review-order-table tr:last-child td {
border-width: 0;
}
.cart_totals .shop_table td,
.shop_table th,
.shop_table tr.bundle-products td,
.shop_table tr.cart_item td,
.shop_table tr.order-total th,
.shop_table tr:first-child:last-child th,
.shop_table.wishlist_table tr td,
.shop_table.woocommerce-checkout-review-order-table tr td,
.shop_table.woocommerce-checkout-review-order-table tr.cart_item:last-child td {
border-width: 0 0 0.0625rem 0;
padding: 1.1875rem;
}
.woocommerce-cart .container {
max-width: 1200px;
}
.woocommerce table.shop_table .actions {
padding: 1.875rem 0 0;
}
button.disabled,
button:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="submit"].disabled,
input[type="submit"]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
opacity: 0.5 !important;
cursor: not-allowed;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: 0.5;
padding: 17px 33px;
border: 2px solid #222;
background: none;
color: #222;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: #4636ff;
text-decoration: none;
background-image: none;
color: #fff;
}
.shop_table .product-quantity {
float: inherit;
margin: 0;
}
.shop_table td,
.shop_table tr:last-child th,
.shop_table.woocommerce-checkout-review-order-table tr:last-child td {
border-width: 0;
}
#coupon_code {
height: 52px;
border: 1px solid #ebebeb;
padding: 0 15px;
margin-right: 10px;
width: auto;
text-align: center;
}
.woocommerce-cart-form .actions button {
}
.woocommerce #respond input#submit,
.woocommerce a.buttons,
.woocommerce button.button,
.woocommerce input.button {
font-size: 14px;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: 19px 35px;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #fff;
background-color: #000;
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 80px;
box-shadow: none;
} .woocommerce form .form-row label {
color: #333;
margin: 0 0 10px;
display: block;
width: 100%;
}
.woocommerce form .password-input,
.woocommerce-page form .password-input {
width: 100%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
float: left;
width: 48%;
max-width: 48%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
float: right;
width: 48%;
max-width: 48%;
}
.woocommerce-input-wrapper {
width: 100%;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
height: 50px;
border: 2px solid #eaedff;
padding: 0 15px;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 2px solid #eaedff;
border-radius: 0;
height: 50px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 45px;
position: absolute;
top: 1px;
right: 10px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 45px;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
box-sizing: border-box;
width: 100%;
height: 100px;
padding: 20px;
}
#order_review .woocommerce-checkout-review-order-table thead th,
#order_review .woocommerce-checkout-review-order-table thead td {
border: none;
text-align: left;
}
#order_review table td,
#order_review table th {
padding: 8px 0;
border-top: 0;
border: 0;
}
#order_review table td.product-total,
#order_review table th.product-total,
#order_review table tfoot td {
text-align: right;
border: 0;
}
.yith-wcwl-add-to-wishlist {
margin-top: 0px;
display: inline-block;
margin: 0 4px;
}
.hidden-title-form button i,
.wishlist-title a.show-title-form i,
.wishlist_manage_table tfoot a.create-new-wishlist i,
.wishlist_manage_table tfoot button.submit-wishlist-changes i,
.wishlist_table .add_to_cart.button i,
.wishlist_table .ask-an-estimate-button i,
.yith-wcwl-add-button > a i,
.yith-wcwl-wishlist-new button i,
.yith-wcwl-wishlist-search-form button.wishlist-search-button i {
margin-right: 0;
}
.woocommerce table.woocommerce-checkout-review-order-table th {
border: 0;
text-align: left;
}
.woocommerce-info {
border-top-color: #000;
}
.woocommerce-info::before {
color: #000;
}
button#place_order {
background: #222;
border: 1px solid #222;
color: #fff;
font-size: 14px;
margin-left: 10px;
padding: 10px 30px;
text-transform: uppercase;
font-weight: 500;
line-height: 1;
height: 50px;
}
.woocommerce-form-coupon #coupon_code {
width: 100%;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #2b4eff;
color: #fff;
}
.woocommerce-message {
border-top-color: #2b4eff;
}
.woocommerce-message::before {
color: #2b4eff;
}
.woocommerce-info {
border-top-color: #2b4eff;
}
.woocommerce-info::before {
color: #2b4eff;
}
.return-to-shop a.button {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: 15px 25px;
font-weight: 500;
border-radius: 3px;
left: auto;
color: #fff;
background-color: #2b4eff;
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
}
#order_review_heading {
margin-top: 35px;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #f3f4f8;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color: #dfdcde;
}
.events__tag a:last-child span {
display: none;
}
.events__tag a span {
margin: 0;
}
.row [class*="col-xl-"]:nth-child(2) .blog__tag a {
background: rgba(131, 48, 254, 0.1);
color: #8330fe;
}
.row .col-xl-4:nth-child(3) .blog__tag a {
background: rgba(242, 39, 126, 0.1);
color: #f2277e;
}
.tutor-course-filter-wrap {
background: #edeef3;
padding: 15px 20px;
}
.teacher__rating .rating-generated {
display: inline-block;
}
.educal-page-content img {
max-width: 100%;
}
.footer-col-2 {
padding-left: 30px;
} .admin-bar .header__area {
margin-top: 32px;
}
.admin-bar .header-default {
margin-top: 0;
}
.admin-bar .header-default.sticky {
margin-top: 32px;
}
.header-default {
position: static;
margin-top: 0;
}
.header-default .header__search input {
background: #edeef3;
}
.main-menu li.menu-last ul.submenu li ul.submenu {
left: auto;
right: 100%;
top: 0;
}
.ch-left.mb-20 {
display: none;
}
[data-column_per_row="2"] .tutor-course-col-3 {
width: 50%;
}
.tutor-course-filter-wrapper .tutor-clear-all-filter > a {
height: 21px;
background: #3052ff;
border-radius: 5px;
line-height: 21px;
text-align: center;
font-size: 13px;
font-weight: 500;
margin-top: 20px;
color: #fff;
padding: 8px 28px;
}
.tutor-single-course-rating .tutor-single-rating-count i {
color: #6d6e75;
}
.tutor-wrap .teacher__area {
padding-top: 120px;
padding-bottom: 120px;
} .breadcrumb-item + .breadcrumb-item::before {
content: ".";
font-family: "Open Sans", sans-serif;
font-size: 30px;
color: #ffffff;
line-height: 12px;
padding-right: 14px;
}
.breadcrumb-item span {
color: #fff;
}
.main-menu ul .has-dropdown .has-dropdown a:after {
display: none !important;
} .postbox__item {
position: relative;
}
.postbox__thumb {
position: relative;
}
.postbox__item .postbox__thumb {
margin-bottom: 0;
}
.postbox__thumb img {
max-width: 100%;
}
.postbox__video::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(1, 18, 36, 0.3);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.postbox__title {
font-size: 30px;
margin-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.postbox__title {
font-size: 22px;
}
}
@media (max-width: 575px) {
.postbox__title {
font-size: 16px;
}
}
.postbox__title a:hover {
color: #1c7df8;
}
.postbox__content {
padding: 35px;
padding-top: 30px;
}
.postbox__content p {
color: #6a727f;
margin-bottom: 25px;
}
.postbox__content .link-btn:hover {
color: #1c7df8;
}
.postbox__meta span {
font-size: 15px;
font-weight: 600;
color: #6a727f;
display: inline-block;
text-transform: capitalize;
}
.postbox__meta span:not(:last-child) {
margin-right: 33px;
}
.postbox__meta span i {
color: #1c7df8;
padding-right: 2px;
}
.postbox__meta span a:hover {
color: #1c7df8;
}
.postbox__date {
position: absolute;
top: 30px;
left: 30px;
background: #ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 8px 16px;
z-index: 1;
text-align: center;
opacity: 1;
}
.postbox__date h5 {
font-size: 30px;
margin-bottom: 0;
line-height: 1;
color: #1c7df8;
font-weight: 800;
}
.postbox__date span {
font-size: 15px;
color: #1c7df8;
font-weight: 700;
}
.post_gallery img {
max-width: 100%;
}
.postbox__play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.postbox__quote {
padding: 45px 50px;
padding-bottom: 18px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
}
@media (max-width: 575px) {
.postbox__quote {
padding-left: 30px;
padding-right: 30px;
}
}
.postbox__quote h3 {
font-size: 18px;
font-weight: 700;
margin-bottom: 37px;
line-height: 1.5;
}
.postbox__quote span {
font-weight: 600;
color: #6a727f;
position: relative;
padding-left: 50px;
}
.postbox__quote span::after {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #1c7df8;
height: 2px;
width: 40px;
}
.postbox__quote img.quote {
position: absolute;
top: 40px;
left: 30px;
opacity: 0.2;
}
@media (max-width: 575px) {
.postbox__quote img.quote {
top: 20px;
left: 20px;
}
}
.postbox__tag h3 {
font-size: 22px;
color: #011224;
display: inline-block;
margin-right: 20px;
margin-bottom: 0;
}
.postbox__tag a {
display: inline-block;
height: 35px;
line-height: 35px;
text-align: center;
padding: 0 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f2f7ff;
color: #6a727f;
margin-right: 8px;
font-weight: 600;
font-size: 14px;
}
.postbox__tag a:hover {
background: #1c7df8;
color: #ffffff;
}
.postbox__item .postbox__thumb {
margin-bottom: 0;
}
.blog-play-btn {
display: inline-block;
width: 80px;
height: 80px;
line-height: 84px;
text-align: center;
font-size: 30px;
background: #ffffff;
color: #1c7df8;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.blog-play-btn i {
text-shadow: 0px 4px 6px rgba(1, 19, 44, 0.24);
}
@keyframes blog-triangle {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes blog-dot {
0% {
transform: translateY(-100px);
}
100% {
transform: translateY(0px);
}
}
.postbox__quote {
padding: 45px 50px;
padding-bottom: 28px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
background: #0e1133;
}
@media (max-width: 575px) {
.postbox__quote {
padding-left: 30px;
padding-right: 30px;
}
}
.postbox__quote h3 {
font-size: 18px;
font-weight: 700;
margin-bottom: 37px;
line-height: 1.5;
}
.postbox__quote span {
font-weight: 600;
color: #6a727f;
position: relative;
padding-left: 50px;
}
.postbox__quote span::after {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #1c7df8;
height: 2px;
width: 40px;
}
.postbox__quote img.quote {
position: absolute;
top: 40px;
left: 30px;
opacity: 0.2;
}
@media (max-width: 575px) {
.postbox__quote img.quote {
top: 20px;
left: 20px;
}
} .sidebar__widget ul li:not(:last-child) {
margin-bottom: 15px;
}
.sidebar__widget ul li a {
font-size: 16px;
font-weight: 500;
color: #53545b;
padding-left: 20px;
position: relative;
text-transform: capitalize;
}
.sidebar__widget ul li a::after {
position: absolute;
content: "";
left: 0;
top: 9px;
width: 6px;
height: 6px;
background: #adaeba;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.sidebar__widget ul li a:hover {
color: #2b4eff;
}
.sidebar__widget ul li a:hover::after {
background: #2b4eff;
}
.blog-single-area .postbox__content {
padding: 35px 40px 30px 40px;
}
.category__icon i {
color: #2b4eff;
font-size: 32px;
}
.category__item:hover .category__icon i {
color: #fff;
} .e-btn.e-btn-border {
background: transparent;
}
.e-btn.e-btn-border:hover {
background: #2b4eff;
}
.e-btn.e-btn-border-2 {
background: transparent;
}
.e-btn.e-btn-border-2:hover {
background: #fff;
}
.e-btn.slider__btn.bdevs-el-btn {
background: transparent;
}
.e-btn.slider__btn.bdevs-el-btn:hover {
background: #fff;
}
.main-menu.main-menu-3 ul li:hover > a {
color: #ffffff;
}
.main-menu.main-menu-3 ul li:hover > a::after {
color: #ffffff;
} @media (max-width: 767px) {
.teacher__course-wrapper .tutor-course-col-3 {
width: 100%;
}
}
@media (max-width: 767px) {
.brand__more {
text-align: left;
}
}
@media (max-width: 767px) {
.blog__meta.d-flex .blog__author.d-flex {
flex: 0 0 auto;
padding-right: 10px;
}
.blog__meta.d-flex .blog__date.d-flex {
flex: 0 0 auto;
}
.blog__content {
padding: 30px 20px;
}
}
.cta__form-inner.custome_form .wpcf7-spinner {
display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
.tutor-courses.tutor-courses-loop-wrap.tutor-courses-layout-2 .tutor-course-col-2 {
width: 100%;
}
}
@media (max-width: 767px) {
.tutor-courses.tutor-courses-loop-wrap.tutor-courses-layout-2 .tutor-course-col-2 {
width: 100%;
}
.header__btn-2 a {
padding: 0 16px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.events__info-price {
flex: 0 0 100%;
}
.events__sidebar-widget.white-bg .events__info-price {
flex: 0 0 100%;
}
.events__sidebar-widget.white-bg .events__info-discount {
flex: 0 0 100%;
}
.events__info-meta.d-flex.align-items-center.justify-content-between {
flex-wrap: wrap;
grid-gap: 10px;
}
}  .portfolio__area {
overflow: hidden;
}
.portfolio__item:hover .portfolio__thumb::before {
opacity: 0.5;
}
.portfolio__item:hover .portfolio__plus {
visibility: visible;
opacity: 1;
top: 50%;
}
.portfolio__item:hover .portfolio__more {
visibility: visible;
opacity: 1;
left: 0;
}
.portfolio__thumb {
position: relative;
}
.portfolio__item .portfolio__thumb img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.portfolio__thumb::before {
position: absolute;
content: "";
left: 0;
right: 0;
width: 100%;
height: 100%;
border-radius: 10px;
opacity: 0;
background: #000;
}
.portfolio__thumb:hover .portfolio__thumb::before {
opacity: 0.5;
}
.portfolio__content {
padding: 35px 0;
}
.portfolio__content h4 {
font-size: 24px;
margin-bottom: 5px;
}
.portfolio__content h4 a:hover {
color: #4636ff;
}
.portfolio__content p {
margin-bottom: 0;
}
.portfolio__plus {
top: 60%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
z-index: 2;
}
.portfolio__plus a {
display: inline-block;
width: 42px;
height: 42px;
line-height: 38px;
text-align: center;
border: 2px solid rgba(255, 255, 255, 0.4);
color: #ffffff;
font-size: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: relative;
overflow: hidden;
}
.portfolio__plus a:hover {
color: #1f1841;
border-color: #ffffff;
background: #ffffff;
}
.portfolio__plus a:hover i:first-child {
left: -120%;
}
.portfolio__plus a:hover i:last-child {
left: 50%;
}
.portfolio__plus a i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.portfolio__plus a i:last-child {
left: 120%;
}
.portfolio__more {
bottom: 30px;
background: #ffffff;
z-index: 1;
padding: 3px 0;
width: 100%;
visibility: hidden;
opacity: 0;
left: -30px;
}
.portfolio__more .link-btn {
font-size: 16px;
}
.portfolio__more .link-btn:hover {
color: #1f1841;
}
.portfolio__load a i {
margin-left: 0;
padding-right: 5px;
}
.portfolio__menu span {
color: #1f1841;
}
.portfolio__menu button {
color: #646374;
padding: 0 20px;
background: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.portfolio__menu button {
padding: 0 10px;
}
}
@media (max-width: 575px) {
.portfolio__menu button {
padding: 10px 0px;
margin-right: 5px;
}
}
.portfolio__menu button.active {
color: #4636ff;
}
.portfolio__menu button:hover {
color: #4636ff;
}
.portfolio__details-content h1 {
font-size: 50px;
margin-bottom: 30px;
}
@media (max-width: 575px) {
.portfolio__details-content h1 {
font-size: 40px;
}
}
.portfolio__meta h4 {
display: inline-block;
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 16px;
}
.portfolio__info h3 {
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 16px;
margin-bottom: 7px;
}
.portfolio__overview h2 {
font-size: 20px;
}
.portfolio__pagination-wrapper {
padding-top: 30px;
border-top: 1px solid #eeeeee;
}
.link-btn2 {
position: relative;
font-size: 15px;
color: #646374;
font-weight: 700;
padding-right: 24px;
display: inline-block;
}
.link-btn2:hover {
color: #4636ff;
}
.link-btn2:hover i:first-child {
right: 0;
visibility: visible;
opacity: 1;
}
.link-btn2 i:first-child {
right: 10%;
visibility: hidden;
opacity: 0;
}
.link-btn2 i {
position: absolute;
top: 55%;
transform: translateY(-50%);
transition: all ease 0.2s;
font-size: 18px;
}
.link-btn2 i:last-child {
right: 0;
}
.link-btn2:hover i:last-child {
right: -10%;
visibility: hidden;
opacity: 0;
}
.link-btn-2.link-btn-3 {
padding-right: 0;
padding-left: 24px;
color: #1f1841;
}
.link-btn2.link-btn-3 {
padding-right: 0;
padding-left: 24px;
color: #1f1841;
}
.link-btn2.link-btn-3:hover i:first-child {
left: 0;
}
.link-btn2.link-btn-3 i:first-child {
left: 10%;
right: auto;
}
.link-btn2:hover i:first-child {
right: 0;
visibility: visible;
opacity: 1;
}
.link-btn2.link-btn-3:hover i:last-child {
left: -10%;
}
.link-btn2.link-btn-3 i:last-child {
left: 0;
right: auto;
}
.link-btn2.link-btn-3 i {
transform: translateY(-11px);
}
.portfolio__content h4 {
font-weight: 600;
} .course__lesson .fal,
.course__lesson .far {
font-family: "Font Awesome 5 Pro";
}
.far.fa-arrow-right,
.far.fa-arrow-left {
font-family: "Font Awesome 5 Pro";
}
.educal-course-order {
display: inline-block;
margin-left: 15px;
}
.educal-course-category-dropdown {
display: inline-block;
}
.educal-course-category-dropdown,
.educal-course-order {
position: relative;
}
.educal-course-category-dropdown::before,
.educal-course-order::before {
content: "";
right: 15px;
top: 4px;
position: absolute;
color: #53545b;
font-family: "Font Awesome 5 Pro";
font-weight: 500;
}
.course__thumb.course__thumb-list img {
height: 380px;
object-fit: cover;
}
.course__thumb.course__thumb-list-adavanced img {
height: 260px;
object-fit: cover;
}
.solid-pagination .basic-pagination ul li a {
background: #fff;
border: 2px solid #fff;
}
.solid-pagination .basic-pagination ul li.active a {
color: #ffffff;
background: #2b4eff;
border-color: #2b4eff;
}
.solid-pagination .basic-pagination ul li a:hover {
background: #2b4eff;
color: #ffffff;
border-color: #2b4eff;
}
.solid-filter-area .course__sort-inner select {
background: #f3f4f8;
}
.course__sidebar-info li {
margin-bottom: 10px;
}
.course__sidebar-info li a {
font-size: 15px;
font-weight: 500;
color: #53545b;
text-transform: capitalize;
}
.course__sidebar-info li a:hover {
color: #2b4eff;
}
.course-detail-info .lp-content-area {
display: none;
}
.tutor-wrap.tutor-courses-wrap.tutor-container {
padding-top: 120px;
padding-bottom: 95px;
}
.tutor-course-filter-wrapper {
padding-top: 100px;
padding-bottom: 80px;
}
.tutor-course-filter-wrapper .tutor-wrap.tutor-courses-wrap.tutor-container {
padding-top: 0px;
padding-bottom: 0px;
}
.learnpress-page .course__enroll-btn .purchase-course {
width: 100%;
}
.learnpress-page .course__enroll-btn .lp-button,
.learnpress-page #lp-button {
display: inline-block;
height: 44px;
line-height: 46px;
text-align: center;
padding: 0 25px;
color: #ffffff;
background: #2b4eff;
background-color: rgb(43, 78, 255);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
text-transform: capitalize;
border: 0;
width: 100%;
}
.learnpress-page .course__enroll-btn .lp-button:hover,
.learnpress-page #lp-button:hover {
color: #ffffff;
-webkit-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
-moz-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.course-extra-box__title {
background: #edeef3;
}
ul.learn-press-nav-tabs {
background: #edeef3;
}
body #learn-press-profile .wrapper-profile-header {
color: #fff;
background: none;
}
body #learn-press-profile .wrapper-profile-header .lp-profile-left {
width: 270px;
position: absolute;
top: 0;
left: 0;
padding: 20px;
background: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 0;
}
body #learn-press-profile .wrapper-profile-header .lp-profile-right {
margin-left: 270px;
padding-left: 35px;
padding-right: 15px;
}
body #learn-press-profile .wrapper-profile-header .lp-profile-content-area {
position: relative;
min-height: 270px;
padding-top: 0;
}
body #learn-press-profile .lp-user-profile-avatar img {
border-radius: 50%;
margin-bottom: 30px;
}
body #learn-press-profile .wrapper-profile-header .lp-profile-right .lp-profile-username {
padding-bottom: 15px;
font-size: 29px;
font-weight: 600;
text-transform: capitalize;
color: #222;
margin-top: 15px;
}
body #learn-press-profile .dashboard-general-statistic__row .statistic-box {
box-shadow: 0 0 40px rgba(0, 0, 0, 9%);
background: #fff;
}
body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-header .section-left .section-title {
color: #0e1133;
font-size: 24px;
font-weight: 600;
}
body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections {
z-index: 9;
}
.course__tab-2 .post-comments.mb-70 {
display: none;
}
.course__tab-2 .post-comment-form {
clear: both;
display: none;
}
.course-reviews-list li .review-author img {
max-width: 100%;
}
.course-reviews-list li,
.course-reviews-list-shortcode li {
background-color: none;
}
.course-reviews-list li .user-name,
.course-reviews-list-shortcode li .user-name {
text-transform: capitalize;
font-size: 18px;
} .dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-tile {
background: #2b4eff;
padding: 0 30px;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-tile h3 {
padding: 10px 0;
padding-top: 14px;
font-weight: 600;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-content {
background: #fff;
padding: 30px;
box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
padding-bottom: 14px;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-content .dpn-zvc-sidebar-content-list span {
display: block;
color: #0e1133;
}
.dpn-zvc-display-or-hide-localtimezone-notice strong {
color: #2b4eff;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-join-link {
background: #2b4eff;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-start-link {
background: #ffa046;
color: #121537;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-state {
border: 1px solid #edeef3;
padding: 30px;
margin-top: 30px;
background: #fff;
}
.dpn-zvc-sidebar-state a {
color: #2b4eff;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell {
background: #edeef3;
color: #0e1133;
}
.dpn-zvc-timer-cell-number {
font-weight: 600;
}
.vczapi-col-8 {
padding-right: 50px;
}
.vczapi-wrap {
padding-top: 70px;
padding-bottom: 110px;
}
.breadcrumb-trail span {
color: #fff;
}
.breadcrumb-trail {
color: #fff;
margin-top: 15px;
}
.breadcrumb-trail .dvdr {
padding: 0 8px;
font-size: 14px;
transform: translateY(0px);
display: inline-block;
} .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled > * {
border-right: 2px solid #e2e4ea;
}
.course__description .learndash-wrapper .ld-status {
padding: 10px 17px 10px;
border-radius: 3px;
font-size: 13px;
font-weight: 600;
color: #fff;
text-transform: capitalize;
}
.course__description .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
margin: 0 0 40px;
background: #f3f4f8;
padding: 48px 0 45px;
}
.learndash-wrapper .ld-tertiary-background {
background-color: #2b4eff;
}
.course__description .learndash-wrapper .ld-button {
color: #2b4eff;
background: none;
}
.course__description .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-label {
font-size: 16px;
color: #0e1133;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
color: #2b4eff;
font-weight: 600;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active::after {
background: #2b4eff;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active {
color: #2b4eff;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab {
color: #0e1133;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab:hover,
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab:active,
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab:focus {
color: #2b4eff;
}
.learndash-wrapper .ld-lesson-list .ld-section-heading h2 {
color: #0e1133;
}
.learndash-wrapper .ld-button,
.learndash-wrapper .ld-content-actions .ld-button,
.learndash-wrapper .ld-expand-button,
.learndash-wrapper .ld-alert .ld-button,
.learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link,
.rrf-modal-content.modal .modal-navigation .previous,
.rrf-modal-content.modal .modal-navigation .delete-close {
background: #2b4eff;
border-radius: 4px;
}
.learndash-wrapper .ld-expand-button:hover {
background: #2b4eff;
box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button,
.learndash-wrapper .ld-button.ld-button-transparent,
.learndash-wrapper .ld-button.ld-button-alternate,
.learndash-wrapper .ld-expand-button.ld-button-alternate {
background-color: transparent !important;
}
.learndash-wrapper .ld-table-list .ld-table-list-header {
background-color: #2b4eff;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate:hover,
.learndash-wrapper .ld-expand-button.ld-button-alternate:active,
.learndash-wrapper .ld-expand-button.ld-button-alternate:focus {
box-shadow: none;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
background: #2b4eff;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate:hover .ld-icon {
background: #2b4eff;
opacity: 0.8;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate:hover,
.learndash-wrapper .ld-expand-button.ld-button-alternate:active,
.learndash-wrapper .ld-expand-button.ld-button-alternate:focus {
color: #2b4eff;
}
.learndash-wrapper .ld-lesson-list .ld-item-list-item {
border-color: #f4f4f4;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
color: #495255;
font-weight: 600;
font-size: 15px;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate {
color: #2b4eff;
} .page_pagination a,
.page_pagination span {
position: relative;
overflow: hidden;
background: transparent;
display: inline-block;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
border: 2px solid #eef0f6;
color: #0e1133;
margin: 0 3px;
margin-bottom: 5px;
}
.page_pagination span.current,
.page_pagination a:hover {
background-color: #2b4eff;
color: #fff;
border-color: #2b4eff;
} .single-header-activity {
border-radius: 8px;
box-shadow: 0 0 10px rgba(51, 51, 51, 0.08);
padding: 63px 50px 54px;
margin: 0 0 30px;
background-color: #111;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
}
.single-header-activity-content {
max-width: 400px;
}
.single-header-activity .entry-activity-welcome {
font-size: 34px;
line-height: 1.3;
color: #fff;
margin: 0 0 33px;
}
.single-header-activity .entry-activity-username {
font-size: 18px;
line-height: 24px;
color: #fff;
margin: 0 0 16px;
}
#dir-activity-search-form input {
}
.activity-update-form #whats-new-textarea textarea {
background: #f8f8f8;
box-sizing: border-box;
color: #333;
font-family: inherit;
font-size: medium;
height: 2.2em;
line-height: 1.4;
padding: 15px;
width: 100%;
border: 0;
min-height: 120px;
}
div.activity-update-form #whats-new-submit input#aw-whats-new-submit {
font-size: 14px;
line-height: inherit;
margin-bottom: 10px;
margin-right: 10px;
padding: 10px 40px;
text-align: center;
width: 100%;
background: #2b4eff;
width: auto !important;
color: #fff;
font-weight: 600;
border: 0;
}
.activity-update-form #whats-new-content,
.activity-update-form #whats-new-post-in-box,
.activity-update-form #whats-new-submit {
margin-left: 70px;
}
.activity-update-form {
border: 1px solid #ccc;
box-shadow: inset 0 0 6px #eee;
margin: 15px 0;
box-shadow: 0 0 10px rgba(51, 51, 51, 0.08);
border: 0;
padding: 30px;
}
#whats-new-submit {
margin-bottom: 0 !important;
text-align: end;
}
#aw-whats-new-reset {
background: #f8f8f8;
padding: 10px 40px !important;
}
.educal-page-content ol.component-navigation,
.educal-page-content ul.component-navigation {
padding-left: 0;
margin-bottom: 0px;
}
.educal-page-content ol.component-navigation li,
.educal-page-content ul.component-navigation li {
margin-bottom: 0;
}
.buddypress-wrap .bp-navs li.current a,
.buddypress-wrap .bp-navs li.current a:focus,
.buddypress-wrap .bp-navs li.current a:hover,
.buddypress-wrap .bp-navs li.selected a,
.buddypress-wrap .bp-navs li.selected a:focus,
.buddypress-wrap .bp-navs li.selected a:hover {
background: #2b4eff;
color: #fff;
}
.buddypress-wrap .bp-navs li:not(.current) a:focus,
.buddypress-wrap .bp-navs li:not(.current) a:hover,
.buddypress-wrap .bp-navs li:not(.selected) a:focus,
.buddypress-wrap .bp-navs li:not(.selected) a:hover {
background: #2b4eff;
color: #fff;
}
.buddypress .buddypress-wrap button {
color: #2b4eff;
}
.buddypress-wrap .bp-feedback {
background: #fff;
color: #807f7f;
box-shadow: 0 0 10px rgba(51, 51, 51, 0.08);
color: #737373;
margin: 10px 0;
position: relative;
}
.buddypress-wrap .bp-messages {
border: 1px solid #ddd;
}
.buddypress-wrap .select-wrap select {
padding: 6px 30px 6px 20px;
}
.buddypress-wrap .subnav-filters {
margin-bottom: 20px;
}
.bp-list li {
list-style: none;
margin: 10px 0;
padding: 25px 0;
position: relative;
padding-bottom: 10px;
}
.bp-single-member {
width: 25%;
text-align: center;
box-shadow: 0 0 10px rgba(51, 51, 51, 0.08);
padding-top: 20px;
padding-bottom: 11px;
}
.user-update {
display: none;
}
.bp-list li .item-avatar {
float: none;
margin-right: 0;
margin-bottom: 20px;
}
.bp-list li .item .item-block {
float: none;
margin-right: 0;
width: 100%;
}
.bp-list li .item .item-meta,
.bp-list li .item .list-title {
float: none;
text-align: center;
}
#members-list {
padding: 0;
}
.activity-list .activity-item div.item-avatar img {
max-width: 60px;
margin-right: 15px;
}
.activity-avatar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.activity-list .activity-item div.item-avatar {
margin: 0 2% 0 0;
text-align: left;
width: 100%;
}
.activity-header p a {
color: #222;
}
.activity-header p a.activity-time-since {
display: block;
font-size: 14px;
font-weight: 400;
color: #666;
margin: 2px 0 0;
}
.activity-headers p a {
font-weight: 600;
color: #222;
}
.activity-headers p a.activity-time-since {
font-weight: 400;
display: block;
color: #666;
}
.activity-list .activity-item .activity-content .activity-inner,
.activity-list .activity-item .activity-content blockquote {
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: var(--edumall-color-heading);
background: none;
padding: 0;
margin: 15px 0 0;
}
.activity-list .activity-item .activity-meta.action {
background: none;
}
.activity-list .activity-item .activity-meta.action {
border: 0;
background: none;
padding: 0;
position: relative;
text-align: left;
}
.activity-list .activity-item .activity-meta.action a {
padding: 4px 0;
margin-right: 11px;
}
.activity-meta .bp-screen-reader-text {
border: 0;
clip: rect(0 0 0 0);
height: auto;
margin: 0;
width: auto;
position: static;
word-wrap: normal !important;
}
.activity-meta.action .button {
height: auto;
padding: 0;
font-size: 0;
line-height: 26px;
font-weight: 500;
color: #ddd;
background: none;
border: 0;
}
.activity-meta.action .generic-button {
display: inline-block;
margin: 0 20px 0 0 !important;
}
.activity-list .activity-item .activity-meta.action .button span {
background: 0 0;
color: #555;
font-weight: 500;
}
.activity-meta.action .button * {
font-size: 14px;
line-height: 26px;
}
.activity-meta.action .button::before,
.activity-meta.action .icon::before {
vertical-align: middle;
font-size: 14px;
margin: 0 9px 0 0;
font-family: Font Awesome 5 Pro;
font-weight: 400;
}
.activity-list .activity-item .activity-meta.action .button::before,
.activity-list .activity-item .activity-meta.action .icons::before {
font-family: "Font Awesome 5 Pro";
font-size: 15px;
vertical-align: middle;
color: #7e7e7e;
transform: translateY(-2px);
display: inline-block;
font-weight: 400;
}
.activity-list .activity-item .activity-meta.action .acomment-reply.button::before {
content: "\f27a";
}
.activity-list .activity-item .activity-meta.action .unfav::before {
content: "\f164";
}
.activity-list .activity-item .activity-meta.action .delete-activity::before {
content: "\f2ed";
}
.activity-list .activity-item .activity-meta.action .fav::before {
content: "\f27a";
}
.activity-list.bp-list .activity-item {
background: #fff;
border: 0;
box-shadow: 0 0 10px rgba(51, 51, 51, 0.08);
margin: 20px 0;
padding: 30px;
}
.activity-list.bp-list {
background: none;
border: 0;
}
.activity-list.bp-list {
padding: 0;
}
.buddypress .buddypress-wrap .activity-read-more a {
border: 0;
padding: 0;
}
body #buddypress .bp-list .action {
box-sizing: border-box;
margin-top: 12px;
}
.buddypress-wrap .activity-comments .acomment-meta {
background: #f8f8f8;
border-radius: 5px;
padding: 13px 15px 18px;
}
.buddypress-wrap .activity-comments .acomment-content {
border-left: 0;
margin: 0;
padding: 0;
}
.buddypress-wrap .activity-comments div.acomment-avatar img {
border-width: 1px;
float: left;
height: 40px;
max-width: none;
width: 40px;
}
.buddypress-wrap .activity-comments .activity-meta.action a {
border: 0;
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: var(--edumall-color-text-bit-lighten);
background: none;
padding: 0;
height: auto;
}
.buddypress-wrap .activity-comments .activity-meta.action .generic-button + .generic-button {
position: relative;
}
.buddypress-wrap .activity-comments .activity-meta.action a {
border: 0;
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #666;
background: none;
padding: 0;
height: auto;
}
.buddypress-wrap .activity-comments .activity-meta.action .generic-button + .generic-button::before {
content: "";
position: absolute;
top: 10px;
left: -20px;
width: 4px;
height: 4px;
background: #ababab;
border-radius: 50%;
}
form.ac-form .ac-reply-content .ac-textarea textarea {
background: 0 0;
box-shadow: none;
color: #555;
font-family: inherit;
font-size: 100%;
height: 60px;
margin: 0;
outline: 0;
padding: 0.5em;
width: 100%;
background: #f8f8f8;
border: 0;
min-height: 100px;
}
form.ac-form .ac-reply-content .ac-textarea {
margin-bottom: 15px;
padding: 0;
overflow: hidden;
padding-left: 15px;
}
.buddypress-wrap button.ac-reply-cancel,
.buddypress-wrap button.bp-icons {
background: 0 0;
border: 0;
float: right;
margin-top: 17px;
margin-right: 10px;
}
body #buddypress input[type="submit"] {
background: #2b4eff;
color: #fff;
padding: 12px 30px;
border: 0;
font-weight: 600;
border-radius: 5px;
float: right;
}
.main-menu .current_page_item.active > a:after {
color: #2b4eff;
}
.main-menu ul li .submenu li.current_page_item.active > a {
color: #fff;
background-color: #2b4eff;
}
.main-menu .current_page_item.active > a {
color: #2b4eff;
}
.main-menu.main-menu-2 .current_page_item.active > a:after {
color: #2b4eff;
}
.main-menu.main-menu-2 ul li .submenu li.current_page_item.active > a {
color: #fff;
background-color: #2b4eff;
}
.main-menu.main-menu-2 .has-dropdown.active > a {
color: #2b4eff;
}
.main-menu.main-menu-3 .current_page_item.active > a::before {
width: 100%;
}
.main-menu.main-menu-3 .has-dropdown.active > a::before {
width: 100%;
}
.main-menu.main-menu-3 ul li .submenu li.current_page_item.active > a {
color: #fff;
background-color: #2b4eff;
}
.main-menu.main-menu-3 .current_page_item.active > a,
.main-menu.main-menu-3 .current_page_item.active > a::after {
color: #fff;
} .tutor-course-filter-wrapper .tutor-course-filter-form .tutor-dropdown-select.select-dropdown .tutor-dropdown-select-selected {
border: 0;
font-size: 16px;
color: #0e1133;
float: none;
height: 34px;
line-height: 34px;
padding-right: 40px;
}
.tutor-course-filter-wrapper .tutor-course-filter-form .tutor-dropdown-select.select-dropdown .tutor-dropdown-select-selected::after {
font-size: 20px;
}
.tutor-course-filter-wrapper .tutor-course-filter-form .tutor-dropdown-select.select-dropdown .tutor-fs-6.tutor-fw-medium.tutor-pr-20 {
padding-right: 0px !important;
}
.tutor-pagination.tutor-mt-40 {
width: 100%;
text-align: center;
margin: 20px 0;
border: none;
flex-direction: column;
}
.tutor-pagination.tutor-mt-40 .tutor-pagination-hints {
display: none;
}
.tutor-pagination-numbers span {
position: relative;
overflow: hidden;
background: #fff;
display: inline-block;
width: auto;
height: 40px;
min-width: 40px;
line-height: 36px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
border: 2px solid #eef0f6;
border-top-color: rgb(238, 240, 246);
border-right-color: rgb(238, 240, 246);
border-bottom-color: rgb(238, 240, 246);
border-left-color: rgb(238, 240, 246);
color: #0e1133;
margin: 0px;
}
.tutor-pagination-numbers a {
position: relative;
overflow: hidden;
background: transparent;
display: inline-block;
width: auto;
height: 40px;
min-width: 40px;
line-height: 38px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
border: 2px solid #eef0f6;
border-top-color: rgb(238, 240, 246);
border-right-color: rgb(238, 240, 246);
border-bottom-color: rgb(238, 240, 246);
border-left-color: rgb(238, 240, 246);
color: #0e1133;
padding: 0 15px;
margin: 0 2px;
}
.tutor-pagination-numbers span.page-numbers.current {
border-color: #2b4eff;
background: #2b4eff;
color: #fff !important;
}
.tutor-pagination .tutor-pagination-numbers a.page-numbers:hover {
border-color: #2b4eff;
background: #2b4eff;
color: #fff;
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next {
margin-left: 0;
}
.tutor-pagination .tutor-pagination-numbers .page-numbers.prev,
.tutor-pagination .tutor-pagination-numbers .page-numbers.next {
position: relative;
overflow: hidden;
background: transparent;
display: inline-block;
width: auto;
height: 40px;
min-width: 40px;
line-height: 35px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
color: #0e1133;
padding: 0;
margin: 0;
border: none;
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev,
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next {
display: inline-block;
width: auto;
height: 40px;
min-width: 40px;
line-height: 35px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
color: #0e1133;
padding: 0;
margin: 0;
border: none;
}
.tutor-pagination-numbers a span:hover {
border: 2px solid #2b4eff;
background: #2b4eff;
color: #fff;
}
.tutor-course-filter-wrapper .tutor-course-filter-form {
display: block;
}
.tutor-form-check input.tutor-form-check-input {
margin-right: 8px;
width: 18px;
height: 18px;
}
.tutor-course-filter-wrapper > div:first-child label {
margin-top: -4px;
}
.course__share .tutor-social-share-wrap button {
background: 0;
padding: 0;
}
.course__share .tutor-social-share-wrap button i {
font-size: 18px;
}
.course__share .tutor-social-share-wrap button .tutor-icon-facebook-brand {
color: #285da1;
background: rgba(40, 93, 161, 0.1);
}
.course__share .tutor-social-share-wrap button .tutor-icon-twitter-brand {
color: #03a9f4;
background: rgba(3, 169, 244, 0.1);
}
.course__share .tutor-social-share-wrap button .tutor-icon-linkedin-brand {
color: #0a66c2;
background: rgba(10, 102, 194, 0.1);
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-facebook-brand {
color: #fff;
background: #285da1;
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-twitter-brand {
color: #fff;
background: #03a9f4;
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-linkedin-brand {
color: #fff;
background: #0a66c2;
}
.tutor-course-filter-container .course__sidebar-widget .tutor-form-check.tutor-mb-20 {
margin-bottom: 8px;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list {
column-count: 1;
}
.educal_single_course_wrapper {
box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
padding: 30px;
}
.educal_single_course_wrapper .tutor-sidebar-card {
border: none;
}
.educal_single_course_wrapper .tutor-sidebar-card {
padding: 0;
}
.educal_single_course_wrapper .tutor-sidebar-card .tutor-card-body {
padding: 0;
}
.educal-course-sidebar .tutor-course-thumbnail-bg {
margin-bottom: 30px;
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-is-fullwidth {
padding: 0 25px;
color: #ffffff;
background: #2b4eff;
height: 44px;
line-height: 46px;
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-is-fullwidth:hover {
background: #2b4eff;
box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-btn-lg.tutor-btn-full {
background: #e8eff1;
color: #0e1133;
border: none;
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-btn-lg.tutor-btn-full:hover {
background: #2b4eff;
background-color: rgb(43, 78, 255);
color: #ffffff;
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-mt-20 {
margin-top: 15px;
margin-bottom: 20px;
}
.educal-course-sidebar .tutor-course-details-widget-tags li a {
padding: 4px 15px;
font-size: 14px;
background: #e8eff1;
border: none;
border-radius: 0;
line-height: 29px;
color: #4b5981;
}
.educal-course-sidebar .tutor-course-details-widget-tags li a:hover {
background-color: #2b4eff;
color: #fff;
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-enrolled-info-date {
color: #2b4eff;
font-size: 16px;
line-height: 26px;
}
.educal-course-sidebar .tutor-course-sidebar-card-body span.tutor-enrolled-info-text {
color: #6d6e75;
font-size: 15px;
line-height: 26px;
font-weight: 600;
}
.educal-course-sidebar .tutor-color-muted .tutor-icon-26 {
color: #2b4eff;
}
.educal-course-sidebar .tutor-course-sidebar-card-footer.tutor-p-32 {
margin-bottom: 20px;
border: none;
}
.educal-course-sidebar .tutor-course-sidebar-card .tutor-mt-24.tutor-add-to-cart-button {
background: #2b4eff;
color: #fff;
padding: 8px 20px;
border-radius: 4px;
margin-bottom: 20px;
}
.educal-course-sidebar .tutor-course-sidebar-card .tutor-course-sidebar-card-pricing .tutor-fw-bold {
font-size: 26px;
font-weight: 700;
color: #000;
}
.educal-course-sidebar .tutor-course-sidebar-card del {
color: #6d6e75;
font-weight: 500;
font-size: 16px;
line-height: 1;
transform: translateY(-3px);
display: inline-block;
}
.educal-course-sidebar .educal_single_course_wrapper .tutor-course-sidebar-card-pricing {
margin-bottom: 8px;
}
.educal-course-sidebar .course-players-parent .course-players {
margin-bottom: 25px;
}
.educal-course-sidebar .educal_single_course_wrapper li .tutor-icon-24 {
color: #3456ff;
}
.educal-course-sidebar .educal_single_course_wrapper li .tutor-fs-7.tutor-ml-8 {
font-weight: normal;
color: #0e1133;
font-size: 15px;
transform: translateY(2px);
}
.educal-course-sidebar .educal_single_course_wrapper li .tutor-fs-7.tutor-fw-medium {
font-weight: 400;
color: #6d6e75;
font-size: 15px;
line-height: 1;
transform: translateY(1px);
display: inline-block;
}
.educal-course-sidebar .educal_single_course_wrapper li.tutor-d-flex {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #eef0f6;
}
.educal-course-sidebar .educal_single_course_wrapper li.tutor-d-flex:first-child {
border-top: 1px solid #eef0f6;
padding-top: 12px;
}
.educal-course-sidebar .tutor-course-sidebar-card-meta-list li > div {
max-width: inherit;
flex-basis: inherit;
}
.educal-course-sidebar .list-item-progress .progress-bar .progress-value {
background: #2b4eff;
}
.educal-course-sidebar .tutor-course-details-widget.tutor-mt-40 {
margin-top: 30px;
}
.educal-course-sidebar .course__video-content ul li {
transform: translate(3px);
}
.tutor-wrap .tutor-course-details-tab nav.tutor-nav {
border-bottom: none;
}
.tutor-wrap .tutor-course-details-tab .tutor-nav-item .tutor-nav-link.is-active {
background: #2b4eff;
color: #fff;
font-size: 16px;
font-weight: 600;
height: 54px;
line-height: 55px;
text-align: center;
overflow: hidden;
}
.tutor-wrap .tutor-course-details-tab .tutor-nav-item {
width: 25%;
}
.tutor-course-details-tab .tutor-nav {
border: none;
overflow: hidden;
}
.tutor-wrap .tutor-course-details-tab .tutor-nav-item .tutor-nav-link {
background: #edeef3;
font-size: 16px;
font-weight: 600;
height: 54px;
line-height: 55px;
padding: 0px 50px;
width: 100%;
text-align: center;
overflow: hidden;
color: #0e1133;
}
.tutor-wrap .tutor-default-tab .tab-header {
gap: 0px;
border: 0;
}
.tutor-wrap .tutor-default-tab .tab-header-item span {
color: #0e1133;
}
.tutor-wrap .tutor-default-tab .tab-header-item.is-active span {
color: #fff;
}
.tutor-wrap .tutor-course-details-tab .tutor-nav-item:not(:last-child) {
border-right: 1px solid #d2d3dc;
}
.tutor-wrap .tutor-default-tab .tab-header-item::before {
}
.tutor-wrap .tutor-tab-has-seemore.tutor-mt-32 {
margin-top: 50px;
}
.tutor-wrap .tutor-pagination-wrapper-replacable .write-course-review-link-btn {
background: #2b4eff;
line-height: 32px;
}
.tutor-wrap .tutor-pagination-wrapper-replacable .write-course-review-link-btn i {
transform: translateY(-3px);
}
.tutor-wrap .tutor-pagination-wrapper-replacable .write-course-review-link-btn:hover {
background: #2b4eff;
border-color: #2b4eff;
}
.tutor-wrap .course__teacher-3.d-flex.align-items-center.mr-70.mb-30 {
transform: translateY(-5px);
}
.tutor-wrap .tutor-single-course-segment .tutor-single-course-rating {
display: flex;
}
.tutor-wrap .tutor-showmore-content h2 {
color: #0e1133;
font-size: 26px;
line-height: 1;
font-weight: 700;
margin-bottom: 15px;
margin-top: 15px;
}
.tutor-wrap .tutor-course-details-widget h3 {
color: #0e1133;
font-size: 26px;
line-height: 1;
font-weight: 700;
}
.tutor-wrap .tutor-course-details-widget.tutor-mt-lg-50.tutor-mt-32 {
margin-bottom: 8px;
}
.tutor-instructor-right .educal-instructor-social a {
font-size: 20px;
}
.educal-course-sidebar .tutor-course-progress-wrapper .tutor-fw-bold.tutor-mb-16 {
font-size: 20px;
font-weight: 600;
margin-top: 25px;
}
.educal-course-sidebar .tutor-course-details-widget h3 {
font-size: 20px;
font-weight: 600;
}
.educal-course-sidebar .tutor-modal-inner .tutor-btn.is-primary.tutor-is-block {
background: #2b4eff;
}
.educal-course-sidebar .tutor-modal-inner .tutor-fw-medium.td-none.tutor-color-design-brand {
color: #2b4eff;
}
.educal-course-sidebar .tutor-modal-inner .tutor-fw-medium.td-none.tutor-color-design-brand:hover {
color: #5b616f;
}
.educal-course-sidebar .tutor-course-sidebar-card-body.tutor-p-32 .tutor-color-muted {
color: #6d6e75;
}
.tutor-wrap.tutor-full-width-course-top .tab-header.tutor-d-flex {
border-radius: 4px;
overflow: hidden;
}
.tutor-wrap .tab-body .tutor-fs-5.tutor-fw-bold {
color: #0e1133;
}
.tutor-wrap .tab-body .tutor-color-black.tutor-mb-20 {
color: #0e1133;
}
.tutor-wrap .tab-body .tutor-accordion-item-header.is-active {
color: #2b4eff;
}
.educal-course-sidebar .course__video-info {
display: flex;
}
.educal-course-sidebar .course__video-info h5 {
transform: translate(15px);
margin-top: 6px;
}
.tutor-wrap.tutor-full-width-student-profile.tutor-page-wrap.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle.tutor-instructor.post-47.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-business.category-ux-design.tag-class.tag-course.tag-design.tag-science {
padding-top: 90px !important;
padding-bottom: 60px !important;
}
.tutor-wrap.tutor-full-width-student-profile .tutor-course-listing-grid.tutor-course-listing-grid-3 div[class*="tutor-course-col"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
.tutor-wrap.tutor-full-width-student-profile .tutor-course-listing-grid.tutor-course-listing-grid-3 .tutor-course-col-3 {
width: 100% !important;
} .tutor-row.tutor-frontend-dashboard-header {
padding-top: 100px;
}
.tutor-wrap.tutor-dashboard.tutor-frontend-dashboard.tutor-dashboard-student.tutor-pb-80 {
padding-bottom: 40px;
}
.tutor-dashboard .tutor-frontend-dashboard-maincontent ul.tutor-dashboard-permalinks::before {
height: 100%;
}
.tutor-row.tutor-frontend-dashboard-maincontent .tutor-dashboard-content .tutor-course-col-2 {
width: 100%;
padding-left: 0px;
padding-right: 0px;
} .tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-2 {
clear: both;
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
padding: 0;
}
.tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-2 .tutor-col-2 {
flex: 0 0 auto;
width: 50%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.tutor-course-loop-header-meta .tutor-course-wishlist:hover a {
color: #fff;
}
.tutor-row.tutor-gx-xl-5 .tutor-col-xl-8 {
padding: 0px 12px 0px 12px;
width: 75%;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list {
display: inherit;
}
.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body {
background: none;
}
.tutor-row.tutor-gx-xl-5 .tutor-col-1.tutor-d-xl-block {
display: none !important;
}
.tutor-col-2 .course__thumb img {
border-radius: 4px 4px 0px 0px;
}
.tutor-course-filter .course__sidebar-title {
margin-bottom: 15px;
}
.tutor-course-filter .course__sidebar-widget li > label input {
width: 18px;
height: 18px;
}
.tutor-course-filter .course__sidebar-widget li > label input:focus {
box-shadow: none;
}
.tutor-course-filter .course__sidebar-widget li > label {
font-size: 15px;
align-items: center;
font-weight: 500;
color: #53545b;
display: flex;
}
.tutor-course-filter .course__sidebar-widget li > label:hover {
color: #2b4eff;
}
.tutor-course-filter .course__sidebar-widget .tutor-course-filter-nested-terms > label {
display: flex;
}
.tutor-course-filter .course__sidebar-widget .tutor-course-filter-nested-terms > label input {
transform: translateY(2px);
border: 2px solid var(--tutor-border-color);
}
.tutor-course-filter .course__sidebar-widget .tutor-list-item:not(:last-child) {
margin-bottom: 10px;
}
.tutor-wrap .tutor-iconic-btn-secondary {
color: #2b4eff;
}
.tutor-wrap .tutor-iconic-btn-secondary:hover {
color: #fff;
background: #2b4eff;
}
.tutor-pagination ul.tutor-pagination-numbers .tutor-icon-angle-right::before {
font-size: 15px;
}
.tutor-wrap .tutor-course-details-tab .tutor-course-details-content h2 {
font-size: 24px;
}
.tutor-wrap .tutor-course-details-tab {
margin-top: 50px;
}
.tutor-wrap .tutor-course-details-tab .tutor-tab.tutor-pt-24 {
padding-top: 45px;
}
.tutor-wrap .tutor-course-details-tab a.tutor-btn-ghost {
color: #6d6e75;
color: #6d6e75;
background: none;
border: none;
}
.tutor-wrap .tutor-course-details-tab a.tutor-btn-ghost:hover {
background: none;
border: none;
}
.educal-course-sidebar .tutor-btn {
height: 44px;
transition: 0.3s;
}
.educal-course-sidebar .tutor-btn:hover {
box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.educal-course-sidebar .tutor-mt-20 .tutor-btn-block {
background: #e8eff1;
color: #0e1133;
font-size: 16px;
font-weight: 500;
border-color: #e8eff1;
}
.educal-course-sidebar .tutor-mt-20 .tutor-btn-block:hover {
background: #e8eff1;
color: #fff;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-color-success {
color: #2b4eff;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-enrolled-info-text {
color: #6d6e75;
font-size: 16px;
font-weight: 600;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-enrolled-info-date {
font-size: 16px;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer {
padding: 0;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer .tutor-color-black {
color: #2b4eff;
text-align: right;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer li {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #eef0f6;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer li.tutor-row {
display: flex;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer li.tutor-row .tutor-col-6 {
flex: inherit;
width: inherit;
padding-right: 0;
padding-left: 15px;
margin-left: 2px;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer .tutor-meta-value.tutor-color-secondary {
color: #6d6e75;
margin-right: 0;
margin-left: 4px;
font-weight: 400;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer:not(.tutor-no-border) {
border-top: none;
padding-top: 12px;
}
.tutor-dashboard-content .tutor-btn {
color: #fff;
}
.tutor-course-topic-single-footer .tutor-btn-secondary {
color: #fff;
}
.educal_single_course_wrapper .tutor-sidebar-card .tutor-card-body {
margin-bottom: 22px;
}
.tutor-dashboard-content .tutor-card-body .tutor-btn.tutor-btn-ghost.tutor-ml-16 {
border: none;
color: #2b4eff !important;
line-height: 1.2 !important;
background: none;
}
.tutor-dashboard-content .tutor-card-body .tutor-btn.tutor-btn-ghost {
border: none;
color: #2b4eff !important;
line-height: 1.2 !important;
background: none;
}
.tutor-dashboard-content .tutor-card-body .tutor-btn.tutor-btn-ghost:hover {
background: #fff;
color: #2b4eff;
}
.tutor-dashboard-content .tutor-btn.tutor-btn-ghost {
color: #2b4eff !important;
background: none;
border: none;
font-weight: 500;
}
.tutor-dashboard-content .tutor-btn.tutor-btn-ghost:hover {
background: none !important;
}
.tutor-dashboard-builder-header #tutor-course-save-draft {
background: none;
color: #2b4eff !important;
border: none;
}
.tutor-wrap .tutor-grid.tutor-grid-3 .tutor-col-3 {
width: 100%;
}
.tutor-header-right-side #tutor-create-new-course {
color: #fff;
}
.tutor-dashboard-content-inner .tutor-card-body .tutor-btn {
color: #fff;
}
.tutor-dashboard-content-inner .tutor-card-footer .tutor-btn {
color: #fff;
}
.tutor-purchase-history .tutor-btn {
color: #fff;
}
.tutor-dashboard-builder-header-right .tutor-btn {
color: #fff;
}
.educal-course-sidebar .tutor-course-single-pricing {
padding-top: 20px;
}
.educal-course-sidebar .tutor-card-body .tutor-color-muted {
color: #0e1133;
}
.educal-course-sidebar .tutor-card-body .tutor-course-sidebar-card-pricing {
padding-top: 20px;
}
.tutor-wrap .tutor-row.tutor-gx-xl-5 .course__sidebar-search.mb-50 {
margin-bottom: 10px;
}
.tutor-btn-ghost {
padding: 8px 16px !important;
color: #fff;
border-radius: 6px;
}
.tutor-btn-ghost:hover {
color: #fff;
}
.tutor-btn-link {
padding: 8px 16px !important;
color: #fff;
}
.tutor-btn-link:hover {
color: #fff;
}
.tutor-form-group .acf-input-wrap input {
border: 1px solid #dcdfe5;
border-radius: 3px;
}
.tutor-form-group .acf-field {
margin-bottom: 10px;
}
.tutor-reg-form-btn-wrap .tutor-btn {
color: #fff;
}
.rating-area .details-rating i {
font-size: 13px;
color: #2b4eff;
margin-right: 3px;
}
.pro-details-content .details-rating i {
font-size: 13px;
color: #2b4eff;
margin-right: 3px;
}
.blog__sidebar .search-px .far {
font-family: "Font Awesome 5 Pro";
}
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-1,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-2,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-4,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-3 {
clear: both;
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
padding: 0;
}
.tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-1 .tutor-col-1 {
width: 100%;
}
.tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-2 .tutor-col-2 {
width: 50%;
}
.tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-3 .tutor-col-3 {
width: 33%;
}
.tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-4 .tutor-col-4 {
width: 25%;
}
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-1 > *,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-2 > *,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-4 > *,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-3 > * {
flex: 0 0 auto;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.tutor-course-close {
display: none;
font-size: 20px;
margin-bottom: 20px;
background: #2b4eff;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
border-radius: 30px;
color: #fff;
cursor: pointer;
}
@media (max-width: 991.98px) {
.tutor-course-close {
display: inline-flex;
}
}