@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap";

:root {
	--bodyFontFamily: "Mulish", sans-serif;
	--bodyColor: #626d68;
	--mainColor: #0393fd;
	--headingColor: #08301f;
	--optionalColor: #527e6b;
	--whiteColor: #ffffff;
	--blackColor: #000000;
	--fontSize: 18px;
	--transition: all ease .5s;
	--borderRadius: 4px;
	--boxShadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
	--bs-purple-rgb: 111, 66, 193;
	--bs-info-rgb: 23, 162, 184;
    --bs-warning-rgb: 247, 195, 46;
    --bs-blue-rgb: 29, 59, 83;
	--bs-bg-opacity: 0.1;
	--color-primary: #2f57ef;
    --color-secondary: #b966e7;
	--gradient-7: linear-gradient(218.15deg, var(--color-secondary) 0%, var(--color-primary) 100%);
	--radius: 6px;
	--shadow-9: 0 13px 48px 0 rgba(215, 216, 222, 0.44);
	--color-white: #ffffff;
	--color-white-off: #FFFFFFAB;
	--colorWhite: #ffffff;
	--colorBlue: #4582ff;
	--eduact-white-rgb: 255, 255, 255;
	--eduact-base: #4F5DE4;
    --eduact-base-rgb: 79, 93, 228;
    --eduact-secondary: #0594f5;
    --eduact-white-rgb: 255, 255, 255;
    --eduact-white: #ffffff;
    --eduact-soft5: #e5f3f6;
}

body {
	font-size: var(--fontSize);
	font-family: var(--bodyFontFamily);
	color: var(--bodyColor);
	font-weight: 400
}

.d-table {
	width: 100%;
	height: 100%
}

.d-table-cell {
	vertical-align: middle
}

a {
	transition: var(--transition);
	color: var(--bodyColor)
}

a:hover {
	color: var(--mainColor)
}

button {
	transition: var(--transition)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--headingColor);
	font-weight: 700
}

h3 {
	line-height: 37px
}

p {
	margin-bottom: 15px;
	line-height: 1.8
}

p:last-child {
	margin-bottom: 0
}

img {
	max-width: 100%;
	height: auto
}

.form-control {
	height: 55px;
	border: 1px solid rgba(8, 60, 130, .09);
	background-color: #f8f8f8;
	color: var(--headingColor);
	border-radius: 0;
	font-size: 16px;
	padding: 10px 20px;
	width: 100%;
	transition: var(--transition)
}

.form-control::placeholder {
	color: #9b9b9b
}

.form-control:focus {
	color: var(--blackColor);
	box-shadow: unset;
	outline: 0;
	border-color: var(--mainColor);
	background-color: #f8f8f8
}

textarea.form-control {
	height: auto
}

.ptb-100 {
	padding-top: 100px;
	padding-bottom: 100px
}

.ptb-70 {
	padding-top: 70px;
	padding-bottom: 70px
}

.pt-100 {
	padding-top: 100px
}

.pb-100 {
	padding-bottom: 100px
}

.pt-50 {
	padding-top: 50px
}

.pb-50 {
	padding-bottom: 50px
}

.pt-75 {
	padding-top: 75px
}


.pb-75 {
	padding-bottom: 75px
}

.ptb-50 {
	padding-top: 50px;
	padding-bottom: 50px
}

.mt-30 {
	margin-top: 30px
}

.mb-30 {
	margin-bottom: 30px
}

.me-30 {
	margin-right: 30px
}

.ms-30 {
	margin-left: 30px
}

.ps-15 {
	padding-left: 15px
}

.pe-15 {
	padding-right: 15px
}

.ms-15 {
	margin-left: 15px
}

.me-15 {
	margin-right: 15px
}

.pb-200 {
	padding-bottom: 200px
}

.mt-minus-100 {
	margin-top: -100px
}

.bg-color-1c1c1c {
	background-color: #1c1c1c
}



.bg-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%
}

.preloader {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: var(--whiteColor);
	z-index: 99999
}

.preloader .content {
	position: absolute;
	width: 80px;
	height: 80px;
	animation: spin-six 2.5s infinite cubic-bezier(0.17, 0.72, 0.55, 1.66);
	left: 50%;
	top: 50%;
	transform: translate(-50px, -50px)
}

.preloader .ball {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 11%;
	height: 50%;
	background-color: rgba(0, 0, 0, 0);
	transform-origin: bottom center;
	overflow: visible
}

.preloader .ball:nth-of-type(2) {
	transform: translate(-50%, 0) rotate(36deg)
}

.preloader .ball:nth-of-type(3) {
	transform: translate(-50%, 0) rotate(72deg)
}

.preloader .ball:nth-of-type(4) {
	transform: translate(-50%, 0) rotate(108deg)
}

.preloader .ball:nth-of-type(5) {
	transform: translate(-50%, 0) rotate(144deg)
}

.preloader .ball:nth-of-type(6) {
	transform: translate(-50%, 0) rotate(180deg)
}

.preloader .ball:nth-of-type(7) {
	transform: translate(-50%, 0) rotate(216deg)
}

.preloader .ball:nth-of-type(8) {
	transform: translate(-50%, 0) rotate(252deg)
}

.preloader .ball:nth-of-type(9) {
	transform: translate(-50%, 0) rotate(288deg)
}

.preloader .ball:nth-of-type(10) {
	transform: translate(-50%, 0) rotate(324deg)
}

.preloader .ball::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 56%;
	border-radius: 70px;
	background-color: var(--mainColor)
}

.preloader .ball::after {
	position: absolute;
	content: "";
	bottom: -100;
	left: 0;
	width: 100%;
	height: 56%;
	border-radius: 70px;
	background-color: var(--mainColor);
	animation: opacity-six 2.5s infinite linear;
	opacity: 0
}

.preloader.preloader-deactivate {
	visibility: hidden
}

@keyframes spin-six {
	0% {
		transform: translate(-50%, -50%) rotate(0deg)
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@keyframes opacity-six {
	20% {
		opacity: 1
	}

	40% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.back-to-top {
	background-color: var(--mainColor);
	color: var(--whiteColor);
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: fixed;
	top: 95%;
	transform: translateY(-95%);
	right: 24px;
	margin: auto;
	cursor: pointer;
	border-radius: var(--borderRadius)
}

.video-btn {
	display: inline-block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 0;
	color: var(--mainColor);
	position: relative;
	top: 3px;
	z-index: 1;
	background-color: var(--whiteColor);
	border-radius: 50%;
	transition: var(--transition)
}

.video-btn i {
	font-size: 42px;
	color: var(--mainColor);
	position: absolute;
	top: 2px;
	left: 3px;
	justify-content: center;
	align-items: center;
	display: flex;
	width: 100%;
	height: 100%;
	transition: var(--transition)
}

.video-btn::after,
.video-btn::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	border-radius: 0;
	border-radius: 50%;
	transition: var(--transition);
	animation: ripple 1.6s ease-out infinite;
	background-color: var(--whiteColor)
}

.video-btn:hover {
	background-color: var(--mainColor)
}

.video-btn:hover i {
	color: var(--whiteColor)
}

.video-btn:hover::before,
.video-btn:hover::after {
	background-color: var(--mainColor)
}

@keyframes ripple {

	0%,
	35% {
		transform: scale(0);
		opacity: 1
	}

	50% {
		transform: scale(1.5);
		opacity: .8
	}

	100% {
		opacity: 0;
		transform: scale(2)
	}
}

.pagination {
	margin-top: 20px;
	text-align: center;
	display: block
}

.pagination .page-count {
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #898c90;
	text-align: center;
	display: inline-block;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 16px;
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	border-radius: var(--borderRadius);
	text-decoration: none
}

.pagination .page-count:hover {
	color: var(--whiteColor);
	background-color: var(--mainColor)
}

.pagination .page-count i {
	font-size: 16px;
	font-weight: normal
}

.pagination .page-count.next {
	top: 0
}

.pagination .page-count.current {
	color: var(--whiteColor);
	border-color: var(--mainColor);
	background-color: var(--mainColor)
}

.main-btn {
	display: inline-block;
	position: relative;
	background-color: var(--mainColor);
	color: var(--whiteColor);
	font-size: 16px;
	font-weight: 700;
	line-height: 13px;
	letter-spacing: .16px;
	text-align: center;
	padding: 20px 39px;
	transition: var(--transition);
	text-decoration: none
}

.main-btn::before,
.main-btn::after {
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	transition: all .2s linear;
	background: var(--mainColor);
	right: 0;
	top: 0;
	transition-delay: .2s;
	border-radius: var(--borderRadius)
}

.main-btn::after {
	right: auto;
	left: 0;
	top: auto;
	bottom: 0;
	transition-delay: .6s
}

.main-btn span {
	display: block
}

.main-btn span i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	color: var(--mainColor);
	background-color: var(--whiteColor);
	display: inline-block;
	margin-left: 20px;
	transition: var(--transition)
}

.main-btn span::before,
.main-btn span::after {
	content: "";
	width: 2px;
	height: 0;
	position: absolute;
	transition: all .2s linear;
	background: var(--mainColor);
	transition-delay: 0s;
	left: 0;
	top: 0;
	border-radius: var(--borderRadius)
}

.main-btn span::after {
	transition-delay: .4s;
	left: auto;
	right: 0;
	top: auto;
	bottom: 0
}

.main-btn.sub-btn {
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 400
}

.main-btn:hover {
	color: var(--mainColor);
	background-color: rgba(45, 169, 115, .15)
}

.main-btn:hover::before {
	width: 100%;
	transition-delay: .4s
}

.main-btn:hover::after {
	width: 100%;
	transition-delay: 0s
}

.main-btn:hover span i {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.main-btn:hover span::before {
	height: 100%;
	transition-delay: .6s
}

.main-btn:hover span::after {
	height: 100%;
	transition-delay: .2s
}

.more-btn {
	font-size: 18px;
	color: var(--mainColor);
	display: block
}

.more-btn i {
	position: relative;
	top: 2px;
	margin-left: 5px
}

.more-btn:hover {
	color: var(--optionalColor)
}

.hover-style {
	position: relative;
	transition: var(--transition);
	z-index: 1
}

.hover-style::before,
.hover-style::after {
	content: "";
	width: 0;
	height: 2px;
	position: absolute;
	transition: all .2s linear;
	background: var(--mainColor);
	right: 0;
	top: 0;
	transition-delay: .2s;
	border-radius: var(--borderRadius);
	z-index: -1
}

.hover-style::after {
	right: auto;
	left: 0;
	top: auto;
	bottom: 0;
	transition-delay: .6s
}

.hover-style .inner-border {
	display: block
}

.hover-style .inner-border::before,
.hover-style .inner-border::after {
	content: "";
	width: 2px;
	height: 0;
	position: absolute;
	transition: all .2s linear;
	background: var(--mainColor);
	transition-delay: 0s;
	left: 0;
	top: 0;
	border-radius: var(--borderRadius);
	z-index: -1
}

.hover-style .inner-border::after {
	transition-delay: .4s;
	left: auto;
	right: 0;
	top: auto;
	bottom: 0
}

.hover-style:hover::before {
	width: 100%;
	transition-delay: .4s
}

.hover-style:hover::after {
	width: 100%;
	transition-delay: 0s
}

.hover-style:hover .inner-border::before {
	height: 100%;
	transition-delay: .6s
}

.hover-style:hover .inner-border::after {
	height: 100%;
	transition-delay: .2s
}

.hover-style.active::before {
	width: 100%;
	transition-delay: .4s
}

.hover-style.active::after {
	width: 100%;
	transition-delay: 0s
}

.hover-style.active .inner-border::before {
	height: 100%;
	transition-delay: .6s
}

.hover-style.active .inner-border::after {
	height: 100%;
	transition-delay: .2s
}

.main-section-title {
	text-align: center;
	max-width: 750px;
	margin: -5px auto 50px
}

.main-section-title .top-title {
	font-size: 15px;
	color: var(--mainColor);
	margin-bottom: 15px;
	display: block
}

.main-section-title h2 {
	font-size: 40px;
	line-height: 61px;
	margin-bottom: 20px
}

.main-section-title h2 span {
	color: var(--mainColor)
}

.main-section-title h2:last-child {
	margin-bottom: 0
}

.main-section-title p {
	max-width: 600px;
	margin: auto
}

.main-section-title.w-860 {
	max-width: 860px
}

.main-section-title.left-title {
	text-align: left;
	margin-left: 0;
	margin-right: auto
}

.shape.shape-1 {
	top: -40px !important
}

.shape.shape-4 h1 {
	line-height: 1;
	font-size: 200px;
	color: #fafafa;
	font-weight: 900
}

.navbar-section {
	position: relative;
	background-color: var(--whiteColor);
	box-shadow: 0 4px 12px rgba(60, 72, 82, .25);
}

.navbar-section.box-shadow {
	box-shadow: none
}

.navbar-section .container-fluid {
	max-width: 1780px;
	padding-left: 30px;
	padding-right: 30px
}

.navbar-section.is-sticky {
	top: -1px;
	left: 0;
	width: 100%;
	z-index: 999;
	position: sticky;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	box-shadow: var(--boxShadow);
	background-color: var(--whiteColor) !important
}

.navbar-section .navbar-brand {
	margin-right: 75px
}

.navbar-section .mobile-nav {
	display: none
}


@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.main-nav {
	position: relative;
	z-index: 2;
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: 0 4px 12px rgba(60, 72, 82, .25);
	min-height:70px;
	padding-top:45px;
}

.main-nav .navbar {
	transition: var(--transition);
	z-index: 2;
	position: unset;
	padding: 0
}

.main-nav .navbar ul {
	margin-bottom: 0;
	list-style-type: none;
	padding-left: 0
}

.main-nav .navbar .navbar-nav .nav-item {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	padding-right: 0
}

.main-nav .navbar .navbar-nav .nav-item .nav-link {
	font-size: 17px;
	color: #454646;
	line-height: 1;
	position: relative;
	font-weight: 600;
	padding: 0;
	margin-left: 15px;
	margin-right: 15px
}

.main-nav .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle {
	padding-right: 20px
}

.main-nav .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::before {
	content: "";
	font-family: IcoFont;
	position: absolute;
	top: 1px;
	right: 0;
	line-height: 1;
	font-size: 17px;
	font-weight: 400
}

.main-nav .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
	display: none
}

.main-nav .navbar .navbar-nav .nav-item .nav-link:hover,
.main-nav .navbar .navbar-nav .nav-item .nav-link:focus,
.main-nav .navbar .navbar-nav .nav-item .nav-link.active {
	color: var(--mainColor)
}

.main-nav .navbar .navbar-nav .nav-item .nav-link i {
	font-size: 18px;
	line-height: 0;
	position: relative;
	top: 4px
}

.main-nav .navbar .navbar-nav .nav-item:last-child .nav-link {
	margin-right: 0
}

.main-nav .navbar .navbar-nav .nav-item:first-child .nav-link {
	margin-left: 0
}

.main-nav .navbar .navbar-nav .nav-item:hover .nav-link,
.main-nav .navbar .navbar-nav .nav-item:focus .nav-link,
.main-nav .navbar .navbar-nav .nav-item.active .nav-link {
	color: var(--mainColor)
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu {
	box-shadow: var(--boxShadow);
	transition: all .3s ease-in-out;
	background: var(--whiteColor);
	position: absolute;
	visibility: hidden;
	border-radius: var(--borderRadius);
	display: block;
	width: 250px;
	border: none;
	z-index: 99;
	opacity: 0;
	top: 80px;
	left: 0;
	padding: 0
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item {
	padding: 1px 0;
	position: relative;
	transition: var(--transition);
	z-index: 1
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item::before,
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item::after {
	content: "";
	width: 0;
	height: 2px;
	position: absolute;
	transition: all .2s linear;
	background: var(--mainColor);
	right: 0;
	top: 0;
	transition-delay: .2s;
	border-radius: var(--borderRadius);
	z-index: -1
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item::after {
	right: auto;
	left: 0;
	top: auto;
	bottom: 0;
	transition-delay: .6s
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
	display: block
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link::before,
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link::after {
	content: "";
	width: 1px;
	height: 0;
	position: absolute;
	transition: all .2s linear;
	background: var(--mainColor);
	transition-delay: 0s;
	left: 0;
	top: 0;
	border-radius: var(--borderRadius)
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link::after {
	transition-delay: .4s;
	left: auto;
	right: 0;
	top: auto;
	bottom: 0
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover::before,
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active::before {
	width: 100%;
	transition-delay: .4s
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover::after,
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active::after {
	width: 100%;
	transition-delay: 0s
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .nav-link::before,
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link::before {
	height: 100%;
	transition-delay: .6s
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .nav-link::after,
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link::after {
	height: 100%;
	transition-delay: .2s
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
	color: var(--headingColor);
	padding: 15px;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	display: block;
	position: relative
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle::after {
	display: none
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle::before {
	position: absolute;
	top: 14px;
	right: 13px;
	line-height: 1;
	font-size: 17px
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover,
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:focus,
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active {
	color: var(--mainColor)
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
	left: 250px;
	top: 0;
	opacity: 0;
	visibility: hidden;
	border-radius: var(--borderRadius)
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link {
	color: var(--mainColor)
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: 0
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:last-child .nav-link {
	border-bottom: none
}

.main-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
	top: 100%;
	opacity: 1;
	margin-top: 0;
	visibility: visible
}

.nav-right-options ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav-right-options ul li {
	display: inline-block;
	margin-right: 30px
}

.nav-right-options ul li .language {
	padding: 0;
	border: none;
	cursor: pointer;
	background-position: right 0 center;
	padding-right: 20px;
	font-size: 17px;
	font-weight: 600
}

.nav-right-options ul li .language:focus {
	box-shadow: none
}

.nav-right-options ul li .cart {
	position: relative;
	text-decoration: none;
	width: 50px;
	height: 50px;
	line-height: 46px;
	text-align: center;
	box-shadow: var(--boxShadow);
	background-color: var(--whiteColor);
	display: inline-block;
	border-radius: 50px;
	margin-right: 5px;
	transition: var(--transition)
}

.nav-right-options ul li .cart .count {
	position: absolute;
	top: -3px;
	right: -3px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	background-color: var(--mainColor);
	border-radius: 3px;
	color: var(--whiteColor);
	transition: var(--transition)
}

.nav-right-options ul li .cart:hover {
	background-color: var(--mainColor)
}

.nav-right-options ul li .cart:hover svg path {
	fill: var(--whiteColor)
}

.nav-right-options ul li .cart:hover .count {
	background-color: var(--headingColor)
}

.nav-right-options ul li:last-child {
	margin-right: 0
}

.nav-right-options .courses {
	margin-left: 10px;
	font-size: 18px;
	font-weight: 600;
	color: var(--headingColor);
	transition: var(--transition)
}

.nav-right-options.left-option {
	border-right: 1px solid #c0d9d5;
	margin-right: 50px;
	padding-right: 50px
}

.nav-right-options.left-option:hover svg path {
	fill: var(--mainColor)
}

.nav-right-options.left-option:hover .courses {
	color: var(--mainColor)
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link i {
	position: absolute;
	top: 23px;
	right: 13px
}

.banner-section {
	padding-top: 14.5px;
	padding-bottom: 14.5px
}

.banner-section.pt-155 {
	padding-top: 155px
}

.banner-content {
	max-width: 698px
}

.banner-content .top-title {
	background-color: rgba(45, 169, 115, .08);
	color: var(--mainColor);
	font-size: 14px;
	padding-right: 10px;
	display: inline-block;
	border-radius: 50px;
	margin-bottom: 13px
}

.banner-content .top-title span {
	background-color: var(--mainColor);
	border-radius: 50px;
	color: var(--whiteColor);
	padding: 3px 10px;
	margin-right: 10px;
	display: inline-block
}

.banner-content h1 {
	font-size: 54px;
	font-weight: 900;
	line-height: 66px;
	letter-spacing: .6px;
	margin-bottom: 30px;
}
.content-as-image h1, .content-as-image p, .content-as-image ul li  {
	color:#fff;
}
.content-as-image ul li img {
    background: #fff;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    line-height: 30px;
    padding: 2px;
}
.hero-home-show .counter-single-item span {
    color: #fff !important;
    font-size: 18px;
}
.hero-home-show .counter-single-item .set-mel {
margin-left:1rem;
}
.banner-content h1 span {
	color: var(--mainColor)
}

.banner-content p {
	font-size: 20px;
	font-weight: 600;
	line-height: 37px;
	margin-bottom: 20px
}

.mg-top 
{
    margin-top:40px;
}

.banner-content .search-form {
	margin-bottom: 40px
}

.banner-content .search-form .form-control {
	height: 80px
}

.banner-content .search-form .main-btn {
	margin-right: 13px
}

.banner-content ul li {
	display: inline-block;
	margin-right: 14px
}

.banner-content ul li:last-child {
	margin-right: 0
}

.banner-content ul li span {
	font-size: 20px;
	color: var(--headingColor);
	margin-right: 4px;
	font-weight: 600
}

.banner-content ul li a {
	font-size: 15px;
	font-weight: 600;
	color: var(--optionalColor)
}

.banner-content ul li a:hover {
	color: var(--mainColor)
}

.banner-content.style-two {
	padding-bottom: 200px
}

.banner-content.style-three {
	max-width: 800px;
	margin: auto
}

.banner-content.style-three p {
	max-width: 691px;
	margin: auto
}

.banner-content.style-three .banner-btn {
	margin-top: 40px
}

.banner-content.style-three .banner-btn .play-btn {
	font-size: 16px;
	font-weight: 700;
	margin-left: 30px
}

.banner-img {
	margin-right: -250px
}

.banner-img-three {
	margin-top: 70px
}

.page-banner-content {
	text-align: center;
	max-width: 860px;
	margin: auto
}

.page-banner-content h2 {
	font-size: 50px;
	font-weight: 800;
	margin-bottom: 15px
}

.page-banner-content .page-option li {
	display: inline-block;
	position: relative;
	margin-right: 30px
}

.page-banner-content .page-option li::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -19px;
	width: 5px;
	height: 5px;
	background-color: var(--mainColor);
	border-radius: 50px;
	transform: translateY(-50%)
}

.page-banner-content .page-option li a {
	text-decoration: none
}

.page-banner-content .page-option li span {
	color: var(--mainColor)
}

.page-banner-content .page-option li:last-child {
	margin-right: 0
}

.page-banner-content .page-option li:last-child::before {
	display: none
}

.page-banner-content .src-form {
	margin-top: 45px !important;
	max-width: 600px;
	margin: auto
}

.page-banner-content .src-form .form-control {
	background-color: var(--whiteColor)
}

.page-banner-content .src-form .main-btn {
	padding: 15px 39px;
	right: 7px !important
}

.page-banner-content .src-tag {
	margin-top: 30px
}

.page-banner-content .src-tag li {
	display: inline-block;
	margin-right: 10px
}

.page-banner-content .src-tag li:last-child {
	margin-right: 0
}

.page-banner-content .src-tag li span {
	font-weight: 600;
	font-size: 20px
}

.page-banner-content .src-tag li a {
	font-weight: 600;
	font-size: 15px;
	color: #527e6b
}

.page-banner-content .src-tag li a:hover {
	color: var(--mainColor)
}

.h-500 {
	height: 500px
}

.achieved-content {
	margin-bottom: 30px
}

.achieved-content h2 {
	font-size: 26px;
	font-weight: 800;
	line-height: 35px;
	margin-bottom: 10px
}

.achieved-content .more-btn {
	margin-bottom: 30px;
	font-weight: 400;
	color: var(--mainColor);
	border-bottom: 1px solid var(--mainColor);
	text-decoration: none;
	display: inline-block
}

.achieved-content ul {
	margin-bottom: 10px
}

.achieved-content ul li {
	margin-right: 8px
}

.achieved-content ul li:last-child {
	margin-right: 0
}

.achieved-content ul li i {
	color: #e8b913;
	font-size: 20px
}

.achieved-content p span {
	color: var(--blackColor);
	font-weight: 700
}

.achieved-single-item {
	background-color: var(--whiteColor);
	border: 2px dashed #dbf0e7;
	padding: 15px;
	position: relative;
	transition: var(--transition);
	margin-bottom: 25px
}

.achieved-single-item::before {
	content: "";
	position: absolute;
	top: -2px;
	width: 0;
	right: 0;
	height: 3px;
	background-color: var(--mainColor);
	transition: var(--transition)
}

.achieved-single-item img {
	margin-bottom: 25px
}

.achieved-single-item h4 {
	font-size: 20px;
	margin-bottom: 15px
}

.achieved-single-item.style-two {
	padding: 30px
}

.achieved-single-item.style-two.active {
	background-color: rgba(45, 169, 115, .05);
	border-color: rgba(45, 169, 115, .05);
	box-shadow: none
}

.achieved-single-item.style-two:hover {
	box-shadow: none
}

.achieved-single-item.active {
	box-shadow: var(--boxShadow);
	border-color: var(--whiteColor)
}

.achieved-single-item.active::before {
	width: 100%;
	right: auto;
	left: 0
}

.achieved-single-item:hover {
	box-shadow: var(--boxShadow);
	border-color: var(--whiteColor)
}

.achieved-single-item:hover::before {
	width: 100%;
	right: auto;
	left: 0
}

.achieved-wrap {
	border: 2px solid #fff;
	background: var(--whiteColor);
	box-shadow: 2px 24px 120px 0px rgba(101, 101, 101, .07);
	padding: 35px;
	padding-bottom: 10px;
	position: relative;
	margin-top: -80px
}

.course-single-item {
	margin-bottom: 25px;
	transition: var(--transition)
}

.course-single-item .course-single-item-img {
	position: relative;
	overflow: hidden
}

.course-single-item .course-single-item-img::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100px;
	background: linear-gradient(0deg, rgba(48, 61, 65, 0.6) 0%, rgba(71, 180, 132, 0.6) 392.31%);
	filter: blur(27.5px)
}

.course-single-item .course-single-item-img .course-single-item-tag {
	position: absolute;
	top: 20px;
	right: 20px
}

.course-single-item .course-single-item-img .course-single-item-tag .tag {
	text-decoration: none;
	background-color: #2fa0b9;
	box-shadow: 0px 2px 16px 1px rgba(46, 169, 115, .17);
	font-size: 13px;
	line-height: 10px;
	color: var(--whiteColor);
	padding: 8px 10px;
	display: inline-block
}

.course-single-item .course-single-item-img .course-single-item-tag .tag.bg-2ea973 {
	background-color: #2ea973
}

.course-single-item .course-single-item-img .course-single-item-tag .tag.bg-e9a300 {
	background-color: #e9a300
}

.course-single-item .course-single-item-img .course-single-item-user {
	position: absolute;
	bottom: 20px;
	left: 20px;
	text-decoration: none
}

.course-single-item .course-single-item-img .course-single-item-user img {
	border-radius: 100px;
	width: 40px;
	height: 40px;
	margin-right: 12px
}

.course-single-item .course-single-item-img .course-single-item-user span {
	font-size: 18px;
	color: var(--whiteColor)
}

.course-single-item .course-single-item-content-bg {
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow)
}

.course-single-item .course-single-item-content-bg .course-single-item-content {
	padding: 25px;
	border-bottom: 1px solid #e9e9e9
}

.course-single-item .course-single-item-content-bg .course-single-item-content h3 {
	font-size: 24px;
	margin-bottom: 22px
}

.course-single-item .course-single-item-content-bg .course-single-item-content h3 a {
	text-decoration: none;
	color: var(--headingColor)
}

.course-single-item .course-single-item-content-bg .course-single-item-content .course-single-item-info {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.course-single-item .course-single-item-content-bg .course-single-item-content .course-single-item-info li {
	display: inline-block;
	margin-right: 20px
}

.course-single-item .course-single-item-content-bg .course-single-item-content .course-single-item-info li .icon {
	width: 30px;
	height: 30px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #d1d1d1;
	border-radius: 50px
}
.course-single-item .course-single-item-content-bg .course-single-item-content .course-single-item-info li .icons-show 
{
	text-align: center;
	border: 1px solid #d1d1d1;
	border-radius: 50px;
	padding: 0px 5px;
}
.course-single-item .course-single-item-content-bg .course-single-item-content .course-single-item-info li .icons-show i
{
    color: #e8b913;
    font-size: 13px;
}

.course-single-item .course-single-item-content-bg .course-single-item-content .course-single-item-info li span {
	font-size: 17px;
	margin-left: 10px
}

.course-single-item .course-single-item-content-bg .course-single-item-content .course-single-item-info li:last-child {
	margin-right: 0
}

.course-single-item .course-single-item-content-bg .course-single-item-price-cart {
	padding: 25px
}

.course-single-item .course-single-item-content-bg .course-single-item-price-cart .price {
	font-size: 20px;
	font-weight: 700;
	line-height: 29px;
	color: var(--headingColor)
}

.course-single-item .course-single-item-content-bg .course-single-item-price-cart .cart-btn {
	border: none;
	background-color: rgba(0, 0, 0, 0);
	font-size: 17px;
	font-weight: 600;
	line-height: 29px
}

.course-single-item .course-single-item-content-bg .course-single-item-price-cart .cart-btn span {
	margin-left: 10px
}

.course-single-item .course-single-item-content-bg .course-single-item-price-cart .cart-btn:hover {
	color: var(--mainColor)
}

.course-single-item:hover {
	transform: translateY(-5px)
}

.course-single-item:hover .course-single-item-content-bg .course-single-item-content h3 a {
	color: var(--mainColor)
}

.shorting .mix {
	display: none
}

.course-filter {
	background-color: var(--whiteColor);
	box-shadow: 2px 24px 120px 0px rgba(101, 101, 101, .07);
	padding: 30px 0
}

.course-filter .filter {
	background-color: var(--whiteColor);
	border: none;
	color: #454646;
	font-size: 18px;
	padding: 0 28px;
	border-right: 1px solid #e9e9e9
}

.course-filter .filter:last-child {
	border: none
}

.course-filter .filter.active {
	color: var(--mainColor)
}

.counter-bg {
	background: linear-gradient(118deg, #EDFBF8 32.82%, #FFFCF5 83.36%, #FFFCF5 100%)
}

.counter-content .top-title {
	font-size: 15px;
	color: var(--mainColor);
	margin-bottom: 15px;
	display: block
}

.counter-content h2 {
	font-size: 40px;
	line-height: 61px;
	margin-bottom: 60px
}

.counter-content h2 span {
	color: var(--mainColor)
}

.counter-content h2:last-child {
	margin-bottom: 0
}

.counter-single-item {
	margin-bottom: 40px
}

.counter-single-item .icon {
	background-color: var(--whiteColor);
	filter: drop-shadow(0px 26.2558689117px 20.327123642px rgba(171, 171, 171, 0.1));
	width: 77px;
	height: 77px;
	line-height: 77px;
	text-align: center;
	border-radius: 50px
}

.counter-single-item h3 {
	font-size: 30px
}

.counter-single-item span {
	color: #001a2d;
	font-size: 18px
}

.e-teacher-content {
	margin-top: 50px;
	margin-left: 126px
}

.e-teacher-content .top-title {
	font-size: 15px;
	color: var(--mainColor);
	margin-bottom: 15px;
	display: block
}

.e-teacher-content h2 {
	font-size: 40px;
	line-height: 61px;
	margin-bottom: 20px
}

.e-teacher-content h2 span {
	color: var(--mainColor)
}

.e-teacher-content h2:last-child {
	margin-bottom: 0
}

.e-teacher-content .main-btn {
	margin-top: 20px
}

.students-expressed-single-item {
	background-color: var(--whiteColor);
	padding: 50px;
	opacity: .5;
	margin-bottom: 25px
}

.students-expressed-single-item img {
	width: 124px;
	height: 124px;
	border-radius: 100px
}

.students-expressed-single-item h3 {
	font-size: 22px;
	letter-spacing: .44px;
	margin-bottom: 10px
}

.students-expressed-single-item h4 {
	font-size: 18px;
	margin-bottom: 5px
}

.students-expressed-single-item span {
	font-size: 16px
}

.students-expressed-slide .owl-item.active.center .students-expressed-single-item {
	opacity: 1
}

.students-expressed-slide .owl-item.active.center .students-expressed-single-item::before {
	width: 100%;
	transition-delay: .4s
}

.students-expressed-slide .owl-item.active.center .students-expressed-single-item::after {
	width: 100%;
	transition-delay: 0s
}

.students-expressed-slide .owl-item.active.center .students-expressed-single-item .inner-border::before {
	height: 100%;
	transition-delay: .6s
}

.students-expressed-slide .owl-item.active.center .students-expressed-single-item .inner-border::after {
	height: 100%;
	transition-delay: .2s
}

.students-expressed-slide.owl-theme .owl-nav {
	max-width: 780px;
	margin: auto !important;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	justify-content: space-between !important;
	display: flex !important
}

.students-expressed-slide.owl-theme .owl-nav .owl-prev,
.students-expressed-slide.owl-theme .owl-nav .owl-next {
	margin: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: var(--whiteColor);
	color: #8c9591;
	box-shadow: var(--boxShadow);
	font-size: 20px;
	border-radius: 50px
}

.students-expressed-slide.owl-theme .owl-nav .owl-prev:hover,
.students-expressed-slide.owl-theme .owl-nav .owl-next:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.students-expressed-slide.owl-carousel .owl-item .events-single-img {
	width: 124px;
	height: 124px
}

.students-expressed-slide.owl-carousel .owl-item img {
	width: auto
}

.events-single-item {
	background-color: var(--whiteColor);
	border: 1px solid #f0f0f0;
	padding: 30px;
	transition: var(--transition)
}

.events-single-item .events-single-img {
	width: 215px
}

.events-single-item .events-single-date {
	background-color: var(--whiteColor);
	padding: 5px 10px;
	color: #436b5a;
	position: absolute;
	bottom: 20px;
	right: 0
}

.events-single-item .events-single-content {
	padding-left: 40px
}

.events-single-item .events-single-content h3 {
	font-size: 25px;
	margin-bottom: 10px
}

.events-single-item .events-single-content h3 a {
	color: var(--headingColor)
}

.events-single-item .events-single-content .events-single-location span {
	font-size: 16px;
	margin-left: 10px
}

.events-single-item:hover {
	background-color: var(--whiteColor);
	box-shadow: 2px 24px 120px 0px rgba(101, 101, 101, .07)
}

.events-single-item:hover .events-single-content h3 a {
	color: var(--mainColor)
}

.events-slide.owl-carousel .owl-item .events-single-img {
	width: 215px
}

.events-slide.owl-carousel .owl-item img {
	width: auto
}

.events-slide.owl-theme .owl-nav {
	margin: 0 !important
}

.events-slide.owl-theme .owl-nav .owl-prev,
.events-slide.owl-theme .owl-nav .owl-next {
	margin: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border: 1px solid #f0f0f0;
	background-color: var(--whiteColor);
	color: #8c9591;
	font-size: 20px;
	border-radius: 50px;
	position: absolute;
	top: 50%;
	left: -30px;
	transform: translateY(-50%)
}

.events-slide.owl-theme .owl-nav .owl-prev:hover,
.events-slide.owl-theme .owl-nav .owl-next:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor);
	border-color: var(--mainColor)
}

.events-slide.owl-theme .owl-nav .owl-next {
	left: auto;
	right: -30px
}

.partners-slide.owl-carousel .owl-item img {
	width: auto;
	margin: auto
}

.blog-single-item {
	transition: var(--transition);
	margin-bottom: 25px
}

.blog-single-item .blog-single-img {
	margin-bottom: 30px
}

.blog-single-item .blog-single-content ul {
	margin-bottom: 10px
}

.blog-single-item .blog-single-content ul li {
	display: inline-block;
	margin-right: 30px
}

.blog-single-item .blog-single-content ul li:last-child {
	margin-right: 0
}

.blog-single-item .blog-single-content h3 {
	font-size: 22px;
	letter-spacing: .20px;
	margin-bottom: 15px
	
}

.blog-single-item .blog-single-content h3 a {
	text-decoration: none;
	color: var(--headingColor)
}

.blog-single-item .blog-single-content p {
	margin-bottom: 25px
}

.blog-single-item .blog-single-content .main-btn {
	background: rgba(45, 169, 115, .15);
	color: var(--mainColor)
}

.blog-single-item.style-two .blog-single-img {
	margin-bottom: 0
}

.blog-single-item.style-two .blog-single-content {
	background-color: var(--whiteColor);
	box-shadow: 2px 24px 120px 0px rgba(101, 101, 101, .07);
	padding: 35px
}

.blog-single-item:hover {
	transform: translateY(-5px)
}

.blog-single-item:hover .blog-single-content h3 a {
	color: var(--mainColor)
}

.blog-list-item a {
	text-decoration: none;
	margin-top: 30px
}

.blog-list-item a:last-child {
	margin-bottom: 0
}

.blog-list-item a .count {
	width: 63px;
	height: 63px;
	line-height: 63px;
	text-align: center;
	background-color: rgba(45, 169, 115, .15);
	display: inline-block;
	border-radius: 50px;
	transition: var(--transition);
	font-size: 25px;
	font-weight: 600
}

.blog-list-item a p {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: .44px;
	color: var(--headingColor);
	transition: var(--transition)
}

.blog-list-item a:hover .count {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.blog-list-item a:hover p {
	color: var(--mainColor)
}

.footer-single-item {
	margin-bottom: 25px
}

.footer-single-item .footer-logo {
	margin-bottom: 30px
}

.footer-single-item p {
	color: #444;
	margin-bottom: 15px;
	font-size: 15px;
	text-align:justify;
}

.footer-single-item h3 {
	font-size: 20px;
	font-weight: 700;
	color: var(--headingColor);
	margin-bottom: 15px;
	
	padding-bottom:10px;
	position:relative;
	border-bottom:1px solid #ddd;
}
.footer-single-item h3:before 
{
    position:absolute;
    content:'';
    background:#0393fd;
    height:2px;
    width:120px;
    left:0px;
    bottom:0px;
}
.social-ic {
    display: flex;
    padding: 0px;
}
.social-ic li {
    list-style: none;
    margin-right: 20px;
}
.social-ic li a {
    background: #0393fd;
    color: #fff;
    width: 35px;
    display: block;
    height: 35px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    transition:all 0.3s;
}
.social-ic li a:hover 
{
    background:#2fa0b9;
}
.social-ic li a i 
{
}
.footer-single-item .import-link li {
	margin-bottom: 5px;
	display: inline-block;
}

.footer-single-item .import-link li:last-child {
	margin-bottom: 0
}

.footer-single-item .import-link li a {
	color: #444;
	text-decoration: none;
	font-size: 15px
}

.footer-single-item .import-link li a:hover {
	color: var(--mainColor)
}

.footer-single-item .subscribe-form .main-btn {
	padding: 14px 20px;
	right: 8px !important
}

.copy-right-area {
	padding-top: 10px;
	padding-bottom: 10px
}

.copy-right-area ul li {
	border-right: 1px solid #a1baaf;
	padding-right: 10px;
	margin-right: 10px
}

.copy-right-area ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border: none
}

.copy-right-area ul li a {
	color: #a1baaf;
	font-size: 16px;
	text-decoration: none
}

.copy-right-area ul li a:hover {
	color: var(--mainColor)
}

.copy-right-area p {
	font-size: 16px;
	color: #a1baaf
}

.instructions-wrap {
	max-width: 1150px;
	margin: auto
}

.instructions-content h2 {
	font-size: 30px;
	margin-bottom: 25px
}

.instructions-tab {
	display: block;
	text-align: center;
	margin-bottom: 60px
}

.instructions-tab .nav-item {
	display: inline-block;
	margin: 0 30px
}

.instructions-tab .nav-item .nav-link {
	border: none;
	color: var(--bodyColor);
	font-size: 20px;
	font-weight: 700;
	padding: 20px 0
}

.instructions-tab .nav-item .nav-link.active {
	background-color: rgba(0, 0, 0, 0);
	color: var(--headingColor)
}

.instructors-single-item {
	background-color: var(--whiteColor);
	box-shadow: -10px 35px 120px 4px rgba(101, 101, 101, .1);
	padding: 25px;
	text-align: center;
	margin-bottom: 25px
}

.instructors-single-item .instructors-single-img img {
	width: 120px;
	height: 120px;
	border: 7px solid var(--whiteColor);
	border-radius: 100px;
	box-shadow: 0px 17.52326px 55.75581px 0px rgba(0, 0, 0, .1)
}

.instructors-single-item .instructors-single-img ul {
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	position: relative;
	padding: 8px 0;
	line-height: 1;
	max-width: 138px;
	margin: auto;
	margin-top: -20px;
	border-radius: 50px;
	margin-bottom: 10px
}

.instructors-single-item .instructors-single-img ul li {
	display: inline-block
}

.instructors-single-item .instructors-single-img ul li i {
	color: #e8b913;
	font-size: 12px
}

.instructors-single-item .instructors-single-img ul li span {
	font-size: 14.182px;
	color: #5c5c5c
}

.instructors-single-item h3 {
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 4px
}

.instructors-single-item span {
	font-size: 16px;
	color: var(--headingColor);
	display: block
}

.instructors-single-item .instructors-single-courses-students {
	text-align: left;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee
}

.instructors-single-item .instructors-single-courses-students .icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50px;
	background-color: #d9ebe4;
	border: 1ps dashed #bbcac4
}

.instructors-single-item .instructors-single-courses-students p {
	margin-bottom: 0;
	line-height: 1;
	font-size: 17px;
	font-weight: 600;
	color: var(--headingColor)
}

.instructors-single-item .instructors-single-courses-students span {
	font-size: 14px
}

.about-us-content {
	max-width: 570px
}

.about-us-content .top-title {
	font-size: 15px;
	color: var(--mainColor);
	margin-bottom: 15px;
	display: block
}

.about-us-content h2 {
	font-size: 40px;
	line-height: 61px;
	margin-bottom: 20px
}

.about-us-content h2 span {
	color: var(--mainColor)
}

.about-us-content h2:last-child {
	margin-bottom: 0
}

.membership-tab {
	max-width: 300px;
	margin: auto;
	margin-top: 30px
}

.membership-tab .nav-item .nav-link {
	color: var(--headingColor)
}

.membership-tab .nav-item .nav-link.active {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.membership-single-item {
	background: var(--whiteColor);
	box-shadow: 2px 24px 120px 0px rgba(101, 101, 101, .1);
	padding: 40px;
	margin-bottom: 25px
}

.membership-single-item .icon {
	width: 105px;
	height: 105px;
	line-height: 105px;
	margin: auto;
	text-align: center;
	background-color: rgba(194, 194, 194, .15);
	border-radius: 100px;
	margin-bottom: 20px
}

.membership-single-item h3 {
	font-size: 27px;
	font-weight: 600;
	margin-bottom: 5px
}

.membership-single-item .best {
	display: block;
	margin-bottom: 20px
}

.membership-single-item h2 {
	color: #0095d6;
	font-size: 35px;
	margin-bottom: 20px
}

.membership-single-item h2 sub {
	font-weight: 400;
	font-size: 20px
}

.membership-single-item p {
	font-size: 17px;
	font-weight: 600;
	max-width: 210px;
	margin: auto;
	margin-bottom: 40px
}

.membership-single-item ul {
	border-top: 1px solid #dcebe4;
	padding-top: 35px;
	margin-top: 35px
}

.membership-single-item ul li {
	margin-bottom: 15px
}

.membership-single-item ul li span {
	margin-left: 8px
}

.membership-single-item ul li:last-child {
	margin-bottom: 0
}

.membership-single-item.active h2 {
	color: var(--mainColor)
}

.membership-single-item.gold h2 {
	color: rgba(227, 136, 0, .97)
}

.recommended {
	text-align: center;
	background-color: var(--mainColor);
	color: var(--whiteColor);
	display: block;
	padding: 10px
}

.contact-us-wrap {
	background: var(--whiteColor);
	box-shadow: 2px 24px 120px 0px rgba(101, 101, 101, .07)
}

.contact-us-content {
	padding: 50px;
	box-shadow: 2px 24px 120px 0px rgba(101, 101, 101, .07);
	height: 100%
}

.contact-us-content h3 {
	font-size: 28px
}

.contact-us-content h3 span {
	color: var(--mainColor)
}

.contact-us-content p {
	font-size: 16px;
	margin-bottom: 40px;
	max-width: 400px
}

.contact-us-content ul li {
	margin-bottom: 40px
}

.contact-us-content ul li:last-child {
	margin-bottom: 0
}

.contact-us-content ul li .icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(45, 169, 115, .15);
	border-radius: 50px
}

.contact-us-content ul li span {
	color: #858585
}

.contact-us-content ul li a {
	color: #454646;
	text-decoration: none
}

.contact-us-content ul li a:hover {
	color: var(--mainColor)
}

.contact-us-content ul li .title {
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: #454646
}

.contact-us-content ul li .day {
	display: block
}

.contact-us-content ul li .address {
	display: block
}

.contact-form {
	padding: 50px
}

.contact-form .form-group {
	margin-bottom: 30px
}

.contact-form .form-group label {
	font-size: 17px;
	font-weight: 700;
	color: #454646;
	margin-bottom: 10px
}

.faqs-content .accordion-item {
	border-color: #ececec
}

.faqs-content .accordion-item .accordion-button {
	font-weight: 600;
	font-size: 20px;
	color: var(--headingColor)
}

.faqs-content .accordion-item .accordion-button:focus {
	box-shadow: none
}

.faqs-content .accordion-item .accordion-button:not(.collapsed) {
	background-color: var(--whiteColor);
	color: var(--mainColor)
}

.faqs-content .accordion-item .accordion-button:not(.collapsed)::after {
	background-image: url(../images/icon/minus.svg);
	top: -8px;
	position: relative;
	border-radius: 0
}

.faqs-content .accordion-item .accordion-button::after {
	background-image: url(../images/icon/plus.svg)
}

.faqs-content .accordion-item:first-of-type {
	border-radius: 0
}

.faqs-content .accordion-item:last-of-type {
	border-radius: 0
}

.faqs-content .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.faqs-content .accordion-item :last-of-type .accordion-button {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.faqs-content .accordion-body {
	background: var(--whiteColor);
	box-shadow: 0px 18.1988px 43.33047px 0px rgba(0, 0, 0, .06);
	position: relative;
	z-index: 1;
	margin-top: 2px
}

.faqs-content .accordion-body p {
	color: #626d68;
	font-size: 16px
}

.related-articles h3 {
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 15px
}

.related-articles ul {
	background-color: #edfbf8;
	padding: 28px
}

.related-articles ul .articles {
	margin-bottom: 8px;
	position: relative;
	padding-left: 20px
}

.related-articles ul .articles::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 9px;
	height: 9px;
	border-radius: 50px;
	transform: translateY(-50%);
	background-color: var(--mainColor)
}

.related-articles ul .articles a {
	text-decoration: none;
	color: #687471;
	font-weight: 600;
	font-size: 18px
}

.related-articles ul .articles a:hover {
	color: var(--mainColor)
}

.related-articles ul .articles:last-child {
	margin-bottom: 0
}

.related-articles ul .main-btn {
	margin-top: 15px
}

.related-articles.tags {
	margin-right: -8px;
	margin-bottom: -8px
}

.related-articles.tags li {
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 8px
}

.related-articles.tags li:last-child {
	margin-right: 0
}

.related-articles.tags li a {
	background-color: var(--whiteColor);
	padding: 5px 15px;
	display: inline-block;
	color: var(--headingColor);
	text-decoration: none;
	font-size: 16px
}

.related-articles.tags li a:hover {
	color: var(--whiteColor);
	background-color: var(--mainColor)
}

.blog-details-content h2 {
	font-size: 38px;
	margin-bottom: 20px;
	line-height: 58px
}

.blog-details-content .info {
	margin-bottom: 40px
}

.blog-details-content .info li {
	display: inline-block;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #bcbcbc;
	color: var(--headingColor);
	line-height: 1
}

.blog-details-content .info li a {
	color: var(--mainColor);
	text-decoration: none
}

.blog-details-content .info li span {
	color: var(--bodyColor)
}

.blog-details-content .info li:last-child {
	margin-right: 0;
	padding-right: 0;
	border: none
}

.blog-details-content .blog-img {
	margin-bottom: 40px
}

.blog-details-content p span {
	font-size: 40px;
	font-weight: 700;
	color: var(--headingColor)
}

.blog-details-content blockquote {
	background-color: #edfbf8;
	padding: 40px;
	margin-top: 40px;
	margin-bottom: 40px
}

.blog-details-content blockquote p {
	font-style: italic;
	font-weight: 500;
	color: #3d534e
}

.blog-details-content blockquote span {
	font-style: italic;
	font-size: 18px;
	font-weight: 500;
	color: var(--mainColor)
}

.blog-details-content h3 {
	font-size: 25px;
	line-height: 29px
}

.blog-details-content .tag-social-link {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 30px;
	margin-bottom: 30px
}

.blog-details-content .tag-social-link .tags li {
	margin-right: 15px
}

.blog-details-content .tag-social-link .tags li span {
	font-weight: 700;
	font-size: 17px
}

.blog-details-content .tag-social-link .tags li a {
	border: 1px solid #ededed;
	padding: 6px 15px;
	display: inline-block;
	text-decoration: none
}

.blog-details-content .tag-social-link .tags li a:hover {
	border-color: var(--mainColor)
}

.blog-details-content .tag-social-link .tags li:last-child {
	margin-right: 0
}

.blog-details-content .tag-social-link .social-link li {
	margin-right: 15px
}

.blog-details-content .tag-social-link .social-link li span {
	font-weight: 700;
	font-size: 17px
}

.blog-details-content .tag-social-link .social-link li:last-child {
	margin-right: 0
}

.title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 30px
}

.related-blog-slide.owl-carousel .owl-item img {
	width: auto
}

.related-blog-slide.owl-theme .owl-nav {
	margin: 0 !important
}

.related-blog-slide.owl-theme .owl-nav .owl-prev,
.related-blog-slide.owl-theme .owl-nav .owl-next {
	margin: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border: 1px solid #f0f0f0;
	background-color: var(--whiteColor);
	color: #8c9591;
	font-size: 20px;
	border-radius: 50px;
	position: absolute;
	top: 20%;
	left: -30px;
	transform: translateY(-20%)
}

.related-blog-slide.owl-theme .owl-nav .owl-prev:hover,
.related-blog-slide.owl-theme .owl-nav .owl-next:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor);
	border-color: var(--mainColor)
}

.related-blog-slide.owl-theme .owl-nav .owl-next {
	left: auto;
	right: -30px
}

.leave-comment-form {
	padding: 50px;
	background-color: var(--whiteColor);
	box-shadow: 2px 24px 120px 0px rgba(101, 101, 101, .07)
}

.leave-comment-form .label {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px
}

.courses-category-single-item {
	border: 1px solid #ececec;
	background-color: var(--whiteColor);
	display: block;
	padding: 35px;
	text-decoration: none;
	transition: var(--transition)
}

.courses-category-single-item .icon {
	background-color: #dff2ea;
	margin: auto;
	width: 95px;
	height: 95px;
	line-height: 95px;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 100px;
	display: inline-block
}

.courses-category-single-item h3 {
	font-size: 20px;
	margin-bottom: 5px
}

.courses-category-single-item span {
	font-size: 17px
}

.courses-category-single-item:hover {
	box-shadow: 0px 18.1988px 43.33047px 0px rgba(0, 0, 0, .06)
}

.courses-category-slide.owl-carousel .owl-item img {
	width: auto
}

.courses-category-slide.owl-theme .owl-nav {
	margin: 0 !important
}

.courses-category-slide.owl-theme .owl-nav .owl-prev,
.courses-category-slide.owl-theme .owl-nav .owl-next {
	margin: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: rgba(45, 169, 115, .15);
	border: 1px solid #a2d9c1;
	color: #8c9591;
	font-size: 20px;
	border-radius: 50px;
	position: absolute;
	top: 50%;
	left: -30px;
	transform: translateY(-50%)
}

.courses-category-slide.owl-theme .owl-nav .owl-prev:hover,
.courses-category-slide.owl-theme .owl-nav .owl-next:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.courses-category-slide.owl-theme .owl-nav .owl-next {
	left: auto;
	right: -30px
}

.course-details-section {
	margin-top: -400px
}

.course-details-content {
	padding: 30px;
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	padding-bottom: 5px
}

.course-details-content .page-banner-content .page-option {
	margin-bottom: 10px
}

.course-details-content .page-banner-content h1 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 30px
}

.course-details-content .review-stat {
	line-height: 1
}

.course-details-content .review-stat li {
	margin-right: 3px;
	display: inline-block
}

.course-details-content .review-stat li:last-child {
	margin-right: 0
}

.course-details-content .course-info li {
	font-weight: 500;
	color: #646464;
	margin-right: 30px;
	color: var(--headingColor);
	display: inline-block
}

.course-details-content .course-info li span {
	color: var(--bodyColor)
}

.course-details-content .course-info li:last-child {
	margin-right: 0
}

.course-details-content .course-author {
	margin-top: 30px;
	border-bottom: 1px solid #ececec;
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative
}

.course-details-content .course-author::before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 200px;
	height: 1px;
	background-color: var(--mainColor)
}

.course-details-content .course-author span {
	font-size: 17px;
	font-weight: 500
}

.course-details-content .course-author a {
	font-size: 17px;
	font-weight: 600;
	color: var(--mainColor);
	text-decoration: none
}

.course-details-content h3 {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px
}

.course-details-content .learn-list {
	border: 1px solid #ececec;
	padding: 30px
}

.course-details-content .learn-list li {
	margin-bottom: 20px
}

.course-details-content .learn-list li:last-child {
	margin-bottom: 0
}

.course-details-content .completed {
	display: block;
	margin-bottom: 10px
}

.course-details-content .completed span {
	font-weight: 700
}

.course-details-content .faqs-content .accordion-item {
	margin-bottom: 20px
}

.course-details-content .faqs-content .accordion-item:last-child {
	margin-bottom: 0
}

.course-details-content .faqs-content .accordion-item .accordion-button {
	font-weight: 600;
	color: #3f3f3f;
	font-size: 17px;
	border-top: 1px solid #d1d1d1
}

.course-details-content .faqs-content .accordion-item .accordion-button .count {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	border: 1px solid #d1d1d1;
	text-align: center;
	border-radius: 50px;
	color: #717171;
	margin-right: 15px
}

.course-details-content .faqs-content .course-list li {
	margin-bottom: 20px
}

.course-details-content .faqs-content .course-list li:last-child {
	margin-bottom: 0
}

.course-details-content .faqs-content .course-list li a {
	font-size: 16px;
	font-weight: 600
}

.course-details-content .tutor-area {
	background-color: #edfbf8;
	border: 1px solid #b4eee2
}

.course-details-content .tutor-area .tutor-content {
	padding: 45px
}

.course-details-content .tutor-area .tutor-content h4 {
	font-size: 20px
}

.course-details-content .tutor-area .tutor-content span {
	font-weight: 500;
	color: var(--headingColor);
	display: block;
	margin-bottom: 15px
}

.course-details-content .tutor-area .tutor-img {
	padding-left: 30px
}

.course-details-content .review-form {
	border: 2px solid #fff;
	background: var(--whiteColor);
	box-shadow: 2px 24px 120px 0px rgba(101, 101, 101, .07);
	padding: 50px
}

.course-details-content .review-form .label {
	font-size: 17px;
	font-weight: 700;
	color: #454646;
	margin-bottom: 8px
}

.course-details-content .review-form h3 {
	margin-bottom: 10px
}

.course-details-content .review-form p {
	margin-bottom: 30px
}

.course-details-content .related-course-slide.owl-carousel .owl-item img {
	width: auto;
	display: inline
}

.course-details-content .related-course-slide.owl-theme .owl-nav {
	margin: 0 !important
}

.course-details-content .related-course-slide.owl-theme .owl-nav .owl-prev,
.course-details-content .related-course-slide.owl-theme .owl-nav .owl-next {
	margin: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border: 1px solid #f0f0f0;
	background-color: var(--whiteColor);
	color: #8c9591;
	font-size: 20px;
	border-radius: 50px;
	position: absolute;
	top: 20%;
	left: -30px;
	transform: translateY(-20%)
}

.course-details-content .related-course-slide.owl-theme .owl-nav .owl-prev:hover,
.course-details-content .related-course-slide.owl-theme .owl-nav .owl-next:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor);
	border-color: var(--mainColor)
}

.course-details-content .related-course-slide.owl-theme .owl-nav .owl-next {
	left: auto;
	right: -30px
}

.course-sidebar {
	padding: 30px;
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow)
}

.course-sidebar h1 {
	font-size: 30px;
	font-weight: 800
}

.course-sidebar p {
	font-size: 17px;
	margin-bottom: 15px
}

.course-sidebar p span {
	color: var(--mainColor);
	font-weight: 700
}

.course-sidebar label {
	font-weight: 700;
	font-size: 16px;
	color: var(--mainColor);
	margin-bottom: 8px
}

.course-sidebar h5 {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 20px
}

.course-sidebar .courses-list a {
	margin-bottom: 10px;
	text-decoration: none
}

.course-sidebar .courses-list a:last-child {
	margin-bottom: 0
}

.course-sidebar .main-btn.active {
	background: rgba(45, 169, 115, .15);
	color: var(--mainColor)
}

.count-down-event {
	margin-bottom: 0
}

.count-down-event h1 {
	line-height: 1;
	font-size: 30px;
	color: #101d17;
	margin-bottom: 0;
	line-height: 1
}

.count-down-event p {
	font-size: 17px;
	text-transform: capitalize;
	color: var(--headingColor)
}

.count-down-event div div {
	display: inline-block;
	border: 2px solid var(--mainColor);
	border-radius: 100px;
	width: 100px;
	height: 100px;
	padding: 20px 10px;
	margin: 0 10px
}

.count-down-event .cd-row {
	display: inline-block
}

.count-down-event .cd-row div:nth-child(2) {
	border-color: rgba(255, 0, 77, .5)
}

.event-form {
	max-width: 845px;
	margin: auto;
	margin-top: -100px
}

.event-form h3 {
	background-color: var(--whiteColor);
	display: inline-block;
	margin-bottom: -7px;
	font-size: 22px;
	font-weight: 800;
	padding: 15px 35px;
	overflow: hidden
}

.event-register-form {
	background-color: var(--whiteColor);
	box-shadow: 2px 24px 120px 0px rgba(101, 101, 101, .07);
	padding: 35px
}

.event-register-form .label {
	color: #436b5a;
	display: block;
	margin-bottom: 8px
}

.event-details-content h2 {
	font-size: 30px;
	margin-bottom: 20px
}

.event-details-content h2 span {
	color: var(--mainColor)
}

.event-details-content h3 {
	font-size: 25px;
	margin-bottom: 20px
}

.event-details-content .event-list {
	background: rgba(45, 169, 115, .05);
	padding: 30px
}

.event-details-content .event-list li {
	margin-bottom: 20px
}

.event-details-content .event-list li:last-child {
	margin: 0
}

.event-details-content .tag-social-link {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 45px;
	margin-bottom: 45px
}

.event-details-content .tag-social-link .tags li {
	margin-right: 15px
}

.event-details-content .tag-social-link .tags li span {
	font-weight: 700;
	font-size: 17px
}

.event-details-content .tag-social-link .tags li a {
	border: 1px solid #ededed;
	padding: 6px 15px;
	display: inline-block;
	text-decoration: none
}

.event-details-content .tag-social-link .tags li a:hover {
	border-color: var(--mainColor)
}

.event-details-content .tag-social-link .tags li:last-child {
	margin-right: 0
}

.event-details-content .tag-social-link .social-link li {
	margin-right: 15px
}

.event-details-content .tag-social-link .social-link li span {
	font-weight: 700;
	font-size: 17px
}

.event-details-content .tag-social-link .social-link li:last-child {
	margin-right: 0
}

.attendee-title {
	font-size: 25px;
	margin-bottom: 30px
}

.attendee-list {
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	padding: 40px
}

.attendee-item {
	text-align: center
}

.attendee-item img {
	margin-bottom: 20px !important
}

.attendee-item h4 {
	font-size: 18.564px;
	margin-bottom: 5px
}

.attendee-item a {
	color: var(--bodyColor);
	text-decoration: none
}

.attendee-item:hover a {
	color: var(--mainColor);
	text-decoration: underline
}

.attendee-slide.owl-carousel .owl-item img {
	width: auto;
	margin: auto
}

.attendee-slide.owl-theme .owl-nav {
	margin: 0 !important;
	position: absolute;
	top: -97px;
	right: -38px
}

.attendee-slide.owl-theme .owl-nav .owl-prev,
.attendee-slide.owl-theme .owl-nav .owl-next {
	margin: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: rgba(45, 169, 115, .15);
	border: 1px solid #a2d9c1;
	color: #8c9591;
	font-size: 20px;
	border-radius: 50px;
	margin-right: 10px
}

.attendee-slide.owl-theme .owl-nav .owl-prev:hover,
.attendee-slide.owl-theme .owl-nav .owl-next:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.attendee-slide.owl-theme .owl-nav .owl-next {
	margin-right: 0
}

.event-sidebar {
	background-color: var(--whiteColor);
	box-shadow: 0px 24.2px 93.33px 4px rgba(0, 0, 0, .05);
	padding: 35px;
	margin-left: 30px
}

.event-sidebar h3 {
	font-size: 20px;
	margin-bottom: 25px
}

.event-sidebar .time-schedule li {
	font-weight: 500;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 18px;
	margin-bottom: 18px
}

.event-sidebar .time-schedule li span {
	color: var(--mainColor);
	font-weight: 700
}

.event-sidebar .time-schedule li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none
}

.event-sidebar .organizers li {
	font-weight: 500;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 18px;
	margin-bottom: 18px
}

.event-sidebar .organizers li h4 {
	font-size: 18px;
	color: #646464;
	margin-bottom: 0
}

.event-sidebar .organizers li p {
	color: var(--headingColor)
}

.event-sidebar .organizers li p a {
	color: var(--bodyColor);
	text-decoration: none
}

.event-sidebar .organizers li p a:hover {
	color: var(--mainColor)
}

.event-sidebar .organizers li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none
}

.related-course-slide-two.owl-carousel .owl-item img {
	width: auto;
	display: inline
}

.related-course-slide-two.owl-theme .owl-nav {
	margin: 0 !important;
	position: absolute;
	top: -106px;
	right: 0
}

.related-course-slide-two.owl-theme .owl-nav .owl-prev,
.related-course-slide-two.owl-theme .owl-nav .owl-next {
	margin: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border: 1px solid #f0f0f0;
	background-color: var(--whiteColor);
	color: #8c9591;
	font-size: 20px;
	border-radius: 50px
}

.related-course-slide-two.owl-theme .owl-nav .owl-prev:hover,
.related-course-slide-two.owl-theme .owl-nav .owl-next:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor);
	border-color: var(--mainColor)
}

.related-course-slide-two.owl-theme .owl-nav .owl-next {
	margin-left: 20px
}

.different-single-item {
	text-align: center;
	border-radius: 10px;
	background-color: #fffceb;
	padding: 40px 50px;
	margin-bottom: 25px
}

.different-single-item.bg-fff3ed {
	background-color: #fff3ed
}

.different-single-item.bg-fff3ed .more-btn {
	color: #b83d00
}

.different-single-item.bg-e5f9f5 {
	background-color: #e5f9f5
}

.different-single-item.bg-e5f9f5 .more-btn {
	color: #0c5543
}

.different-single-item img {
	margin-bottom: 20px
}

.different-single-item h3 {
	font-size: 22px
}

.different-single-item .more-btn {
	color: #694500;
	font-weight: 500
}

.join-as-teacher-content .top-title {
	font-size: 15px;
	color: var(--mainColor);
	margin-bottom: 15px;
	display: block
}

.join-as-teacher-content h2 {
	font-size: 40px;
	line-height: 61px;
	margin-bottom: 20px
}

.join-as-teacher-content p {
	margin-bottom: 25px
}

.join-as-teacher-content ul li {
	font-size: 20px;
	font-weight: 500;
	color: var(--headingColor);
	margin-bottom: 10px;
	position: relative;
	padding-left: 26px
}

.join-as-teacher-content ul li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: var(--mainColor);
	transform: translateY(-50%);
	border-radius: 4px
}

.join-as-teacher-content .more-btn {
	margin-left: 25px;
	font-weight: 600;
	color: var(--headingColor)
}

.join-as-teacher-content .more-btn:hover {
	color: var(--mainColor)
}

.join-as-teacher-content .join-as-btn {
	margin-top: 45px
}

.join-as-img {
	margin-right: -320px;
	margin-left: 113px
}

.join-as-img img {
	border-radius: 10px
}

.join-as-img .join-circel {
	position: absolute;
	top: 145px;
	left: -80px;
	border-radius: 100px
}

.join-as-img .join-view {
	position: absolute;
	bottom: 20px;
	left: -80px;
	box-shadow: var(--boxShadow)
}

.sign-up-img {
	background-image: url(../images/sign-up-img.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	border-radius: 10px 0 0 10px
}

.sign-up-img.bg-2 {
	background-image: url(../images/sign-in-img.jpg)
}

.sign-up-form {
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	padding: 50px;
	border-radius: 0 10px 10px 0
}

.sign-up-form h2 {
	font-size: 30px;
	margin-bottom: 15px
}

.sign-up-form p {
	font-size: 17px;
	margin-bottom: 35px
}

.sign-up-form .form-wrap .form-group {
	position: relative;
	margin-bottom: 30px
}

.sign-up-form .form-wrap .form-group span {
	position: absolute;
	top: 22px;
	right: 20px;
	cursor: pointer
}

.sign-up-form .form-wrap .form-group .form-label {
	font-size: 15px
}

.sign-up-form .form-wrap .submit-btn {
	margin-bottom: 30px
}

.sign-up-form .form-wrap .submit-btn .main-btn {
	width: 100%;
	display: block
}

.sign-up-form .form-wrap .already {
	text-align: center;
	font-size: 18px;
	margin-bottom: 0
}

.sign-up-form .form-wrap .already a {
	color: var(--mainColor)
}

.sign-up-form .form-wrap .or {
	display: block;
	position: relative;
	text-align: center;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 30px
}

.sign-up-form .form-wrap .or::before {
	content: "";
	position: absolute;
	top: 60%;
	left: 0;
	border-top: 1px solid rgba(164, 174, 198, .2);
	width: calc(50% - 1.5rem)
}

.sign-up-form .form-wrap .or::after {
	content: "";
	position: absolute;
	top: 60%;
	border-top: 1px solid rgba(164, 174, 198, .2);
	right: 0;
	width: calc(50% - 1.5rem)
}

.sign-up-form .main-btn {
	padding: 20px 30px
}

.sign-up-form .footer-social-link {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	text-align: center
}

.sign-up-form .footer-social-link li {
	display: inline-block;
	margin-right: 10px
}

.sign-up-form .footer-social-link li:last-child {
	margin-right: 0
}

.sign-up-form .footer-social-link li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	background-color: var(--mainColor);
	color: var(--whiteColor);
	border-radius: var(--borderRadius);
	position: relative
}

.sign-up-form .footer-social-link li a:hover {
	background-color: var(--mainColor)
}

.privacy-and-conditions-list {
	position: sticky;
	top: 100px;
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	border-radius: var(--borderRadius);
	border: 1px solid rgba(164, 174, 198, .2)
}

.privacy-and-conditions-list .nav-link {
	display: block;
	border-bottom: 1px solid #f1f1f1;
	padding: 15px 30px;
	font-size: 18px;
	font-weight: 600;
	color: var(--headingColor)
}

.privacy-and-conditions-list .nav-link:last-child {
	border: none
}

.privacy-and-conditions-list .nav-link.active {
	color: var(--mainColor)
}

.privacy-and-conditions-item {
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	padding: 30px;
	border-radius: var(--borderRadius);
	border: 1px solid rgba(164, 174, 198, .2)
}

.privacy-and-conditions-item h3 {
	font-size: 25px;
	margin-bottom: 20px
}

.privacy-and-conditions-item ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	margin-bottom: 15px
}

.privacy-and-conditions-item ul li {
	position: relative;
	font-weight: 600;
	font-size: 17px;
	margin-bottom: 10px;
	padding-left: 25px
}

.privacy-and-conditions-item ul li:last-child {
	margin-bottom: 0
}

.privacy-and-conditions-item ul li i {
	position: absolute;
	top: 9px;
	left: 0;
	color: var(--mainColor)
}

.privacy-and-conditions-item a {
	color: var(--mainColor);
	font-weight: 600
}

.privacy-and-conditions-item .faq-content h2 {
	margin-bottom: 0
}

.product-result {
	margin-bottom: 50px
}

.product-result p {
	font-size: 16px
}

.product-result p span {
	font-weight: 600;
	color: var(--mainColor)
}

.product-result .form-select {
	cursor: pointer;
	max-width: 400px;
	float: right
}

.product-result .form-floating {
	position: relative
}

.product-result .form-floating .src-btn {
	position: absolute;
	top: 17px;
	right: 13px;
	background-color: rgba(0, 0, 0, 0);
	transition: var(--transition)
}

.product-result .form-floating .src-btn:hover {
	color: var(--mainColor)
}

.main-product-item {
	margin-bottom: 30px
}

.main-product-item .product-img {
	position: relative;
	overflow: hidden
}

.main-product-item .product-img img {
	width: 100%
}

.main-product-item .product-img ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	position: absolute;
	left: -60px;
	top: 30px;
	transition: var(--transition)
}

.main-product-item .product-img ul li {
	margin-bottom: 10px
}

.main-product-item .product-img ul li:last-child {
	margin-bottom: 0
}

.main-product-item .product-img ul li a i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	border-radius: var(--borderRadius);
	background-color: var(--mainColor);
	color: var(--whiteColor);
	transition: var(--transition)
}

.main-product-item .product-img ul li a:hover i {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.main-product-item .product-img .main-btn {
	width: 100%;
	position: absolute;
	bottom: -60px;
	left: 0;
	right: 0;
	transition: var(--transition);
	border-radius: 0 0 var(--borderRadius) var(--borderRadius);
	padding: 20px 30px
}

.main-product-item .main-product-content {
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	padding: 30px
}

.main-product-item .main-product-content h3 {
	font-size: 22px;
	margin-bottom: 20px
}

.main-product-item .main-product-content h3 a {
	color: var(--headingColor)
}

.main-product-item .main-product-content span {
	font-size: 16px;
	font-weight: 600;
	display: block;
	margin-bottom: 0;
	color: var(--mainColor)
}

.main-product-item .main-product-content span del {
	opacity: .7
}

.main-product-item .main-product-content .tag {
	color: var(--mainColor);
	margin-bottom: 10px
}

.main-product-item .main-product-content ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	line-height: 1
}

.main-product-item .main-product-content ul li {
	display: inline-block
}

.main-product-item .main-product-content ul li i {
	color: #fcc032;
	font-size: 22px
}

.main-product-item:hover .product-img ul {
	left: 30px
}

.main-product-item:hover .main-btn {
	bottom: 0
}

.shopping-cart {
	border: 1px solid #edeff3;
	border-bottom: none;
	margin-bottom: 50px;
	border-radius: var(--borderRadius)
}

.shopping-cart .table>:not(:first-child) {
	border: none !important
}

.shopping-cart .table-bordered>:not(caption)>* {
	border-color: #edeff3
}

.shopping-cart table {
	margin-bottom: 0
}

.shopping-cart table thead tr {
	border-style: none
}

.shopping-cart table thead tr th {
	border: none;
	color: var(--headingColor);
	font-size: 18px;
	font-weight: 700;
	padding: 20px 30px
}

.shopping-cart table tbody tr td {
	vertical-align: middle;
	border: none;
	white-space: nowrap;
	padding: 15px
}

.shopping-cart table tbody tr .cart-thumbnail a {
	color: var(--headingColor);
	font-weight: 700;
	display: block;
	text-align: left;
	text-decoration: none
}

.shopping-cart table tbody tr .cart-thumbnail a img {
	width: 85px;
	border-radius: var(--borderRadius);
	border: 1px solid #edeff3;
	padding: 2px
}

.shopping-cart table tbody tr .cart-thumbnail a:hover {
	color: var(--mainColor)
}

.shopping-cart table tbody tr .cart-thumbnail span {
	display: block;
	text-align: left;
	font-weight: 400;
	color: var(--bodyColor);
	font-size: 14px
}

.shopping-cart table tbody tr .cart-price .amount {
	font-weight: 600;
	font-size: 16px;
	text-decoration: none
}

.shopping-cart table tbody tr .cart-price del {
	opacity: .9;
	margin-right: 10px
}

.shopping-cart table tbody tr .cart-total-price .total-price {
	font-weight: 600;
	font-size: 16px
}

.shopping-cart table tbody tr .cart-quantity {
	width: 145px;
	padding: 0
}

.shopping-cart table tbody tr .cart-quantity .quantity-input {
	position: relative
}

.shopping-cart table tbody tr .cart-quantity .quantity-input input {
	height: 45px;
	color: var(--headingColor);
	outline: 0;
	display: block;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	border-top: 1px solid #edeff3;
	border-bottom: 1px solid #edeff3
}

.shopping-cart table tbody tr .cart-quantity .quantity-input input::placeholder {
	color: var(--headingColor)
}

.shopping-cart table tbody tr .cart-quantity .quantity-input .plus,
.shopping-cart table tbody tr .cart-quantity .quantity-input .minus {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: var(--headingColor);
	width: 40px;
	height: 100%;
	line-height: 43px;
	transition: var(--transition);
	border: 1px solid #edeff3
}

.shopping-cart table tbody tr .cart-quantity .quantity-input .plus i,
.shopping-cart table tbody tr .cart-quantity .quantity-input .minus i {
	font-weight: 700;
	font-size: 12px
}

.shopping-cart table tbody tr .cart-quantity .quantity-input .plus:hover,
.shopping-cart table tbody tr .cart-quantity .quantity-input .minus:hover {
	color: var(--whiteColor);
	background-color: var(--mainColor)
}

.shopping-cart table tbody tr .cart-quantity .quantity-input .plus {
	left: auto;
	right: 0
}

.shopping-cart table tbody tr .cart-quantity .quantity-input .plus:hover {
	color: var(--whiteColor);
	background-color: var(--mainColor)
}

.shopping-cart table tbody tr .product-delete {
	text-align: center !important
}

.shopping-cart table tbody tr .product-delete .delete {
	color: var(--headingColor);
	font-size: 20px;
	text-decoration: none
}

.shopping-cart table tbody tr .product-delete .delete:hover {
	color: #e2626b
}

.coupon-form {
	margin-bottom: 0;
	border: 1px solid #edeff3;
	padding: 30px;
	border-radius: var(--borderRadius)
}

.coupon-form .form-group {
	position: relative
}

.coupon-form .form-group .form-control {
	border: 1px solid #edeff3;
	background-color: var(--whiteColor)
}

.coupon-form .form-group .form-control:focus {
	border-color: var(--mainColor)
}

.coupon-form .main-btn {
	padding: 12px 30px
}

.coupon-form .main-btn.update {
	padding: 14px 30px;
	height: 58px;
	line-height: 28px
}

.your-order {
	padding: 30px;
	border: 1px solid #edeff3;
	background-color: var(--whiteColor);
	border-radius: var(--borderRadius)
}

.your-order h3 {
	padding-bottom: 30px;
	border-bottom: 1px solid #edeff3;
	font-size: 22px
}

.your-order ul {
	padding-left: 0;
	margin: 0 0 25px;
	list-style-type: none
}

.your-order ul li {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #edeff3;
	font-weight: 600;
	color: var(--headingColor)
}

.your-order ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0
}

.your-order ul li span {
	float: right
}

.your-order ul li .discount {
	color: #e2626b
}

.your-order ul li.total-amount {
	font-weight: 700
}

.your-order .main-btn {
	display: block;
	padding: 20px 30px
}

.alert-icon {
	background-color: #ecf2fc;
	font-size: 18px;
	margin-bottom: 30px
}

.alert-icon i {
	margin-right: 5px
}

.alert-icon a {
	position: relative
}

.alert-icon a::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 1px;
	background-color: var(--mainColor);
	transition: var(--transition)
}

.alert-icon a:hover::before {
	width: 100%;
	right: auto;
	left: 0
}

.billing-address h3 {
	margin-bottom: 20px;
	font-size: 22px
}

.billing-address .form-floating {
	margin-bottom: 20px
}

.billing-address .form-floating>label {
	color: #959ca9
}

.billing-address .form-floating .form-control.textarea {
	height: 200px
}

.billing-address .form-selectr .form-select {
	color: #959ca9
}

.billing-address .form-selectr .form-select option {
	color: var(--headingColor)
}

.billing-address .mb-20 {
	margin-bottom: 20px
}

.billing-address .form-check {
	margin-bottom: 20px
}

.billing-address .form-check .form-check-label {
	color: var(--bodyColor);
	font-size: 18px
}

.billing-address .form-check .form-check-input[type=checkbox] {
	width: 18px;
	height: 18px;
	position: relative
}

.billing-address .form-check .form-check-input[type=checkbox]:focus {
	box-shadow: none
}

.shopping-carts {
	border: 1px solid #edeff3;
	padding: 30px;
	margin-bottom: 30px;
	border-radius: var(--borderRadius)
}

.shopping-carts h3 {
	font-size: 22px;
	margin-bottom: 30px
}

.shopping-carts .shopping-cart-item {
	border-bottom: 1px solid #edeff3;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.shopping-carts .shopping-cart-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0
}

.shopping-carts .shopping-cart-item .product-img {
	width: 120px;
	border-radius: var(--borderRadius);
	border: 1px solid #edeff3;
	padding: 2px
}

.shopping-carts .shopping-cart-item .post-title {
	font-size: 16px
}

.shopping-carts .shopping-cart-item .post-title a {
	text-decoration: none
}

.shopping-carts .shopping-cart-item .amount {
	font-weight: 700;
	color: var(--headingColor)
}

.shipping-option {
	border: 1px solid #edeff3;
	padding: 30px;
	margin-bottom: 30px;
	border-radius: var(--borderRadius)
}

.shipping-option h3 {
	font-size: 22px;
	margin-bottom: 30px
}

.shipping-option .form-check {
	margin-bottom: 20px
}

.shipping-option .form-check .form-check-label {
	font-size: 18px;
	font-weight: 600
}

.shipping-option .form-check:last-child {
	margin-bottom: 0
}

.shipping-option .form-check .form-check-input:checked[type=radio] {
	box-shadow: none
}

.shipping-option .form-check .form-check-input:focus {
	box-shadow: none
}

.payment-content {
	max-width: 600px;
	margin: auto;
	border: 1px solid #ecf2fc;
	padding: 50px;
	padding-bottom: 26px
}

.payment-content h3 {
	font-size: 20px
}

.payment-content .form-check {
	margin-bottom: 20px
}

.payment-content .form-check .form-check-input:checked[type=radio] {
	box-shadow: none
}

.payment-content .form-check .form-check-input:focus {
	box-shadow: none
}

.payment-content .form-floating {
	margin-bottom: 24px
}

.payment-content .main-btn {
	padding: 20px 30px
}

.product-main-image {
	text-align: center
}

.product-main-image img {
	border-radius: var(--borderRadius);
	border: 1px solid #ecf2fc;
	padding: 3px;
	width: 100%
}

.product-details-main-content h3 {
	font-size: 22px;
	margin-bottom: 15px
}

.product-details-main-content .old-recent-price {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: 500
}

.product-details-main-content .old-recent-price span {
	padding: 0 5px;
	color: var(--headingColor)
}

.product-details-main-content .old-recent-price del {
	margin-right: 10px;
	color: var(--bodyColor);
	opacity: .5
}

.product-details-main-content .stock {
	display: block;
	margin-bottom: 10px;
	color: green;
	font-weight: 600
}

.product-details-main-content .client-review {
	position: relative;
	margin-bottom: 10px
}

.product-details-main-content .client-review .rating i {
	color: #fcc032
}

.product-details-main-content .client-review .total-reviews {
	position: absolute;
	top: 0;
	left: 120px
}

.product-details-main-content p {
	margin-bottom: 30px
}

.product-details-main-content .choose-size {
	margin-bottom: 30px
}

.product-details-main-content .choose-size h4 {
	font-size: 18px;
	font-weight: 600
}

.product-details-main-content .choose-size label {
	position: relative;
	inline-size: 2rem;
	block-size: 2rem;
	margin-right: .5rem;
	isolation: isolate;
	display: grid;
	place-items: center;
	cursor: pointer;
	display: inline-block
}

.product-details-main-content .choose-size label>span {
	position: absolute;
	inset: 0;
	block-size: 100%;
	inline-size: 100%
}

.product-details-main-content .choose-size label[for*=size]>span {
	font-size: 16px;
	line-height: 1;
	display: grid;
	place-items: center;
	padding: .5rem;
	background: rgba(164, 174, 198, .2);
	border-radius: var(--borderRadius)
}

.product-details-main-content .choose-size input,
.product-details-main-content .choose-size select,
.product-details-main-content .choose-size textarea {
	-webkit-appearance: none !important
}

.product-details-main-content .choose-size label[for*=size]>input:checked~span {
	background-color: var(--mainColor);
	color: #fff
}

.product-details-main-content .choose-color h4 {
	font-size: 18px;
	font-weight: 600
}

.product-details-main-content .choose-color input[type=radio] {
	display: none
}

.product-details-main-content .choose-color input[type=radio]:checked+label span {
	transform: scale(1.25)
}

.product-details-main-content .choose-color input[type=radio]:checked+label .red {
	border: 1px solid #711313
}

.product-details-main-content .choose-color input[type=radio]:checked+label .orange {
	border: 1px solid #873a08
}

.product-details-main-content .choose-color input[type=radio]:checked+label .yellow {
	border: 1px solid #816102
}

.product-details-main-content .choose-color input[type=radio]:checked+label .olive {
	border: 1px solid #505a0b
}

.product-details-main-content .choose-color input[type=radio]:checked+label .green {
	border: 1px solid #0e4e1d
}

.product-details-main-content .choose-color input[type=radio]:checked+label .teal {
	border: 1px solid #003633
}

.product-details-main-content .choose-color input[type=radio]:checked+label .blue {
	border: 1px solid #103f62
}

.product-details-main-content .choose-color input[type=radio]:checked+label .violet {
	border: 1px solid #321a64
}

.product-details-main-content .choose-color input[type=radio]:checked+label .purple {
	border: 1px solid #501962
}

.product-details-main-content .choose-color input[type=radio]:checked+label .pink {
	border: 1px solid #851554
}

.product-details-main-content .choose-color label {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	cursor: pointer;
	border-radius: var(--borderRadius)
}

.product-details-main-content .choose-color label span {
	display: block;
	width: 100%;
	height: 100%;
	transition: transform .2s ease-in-out;
	border-radius: var(--borderRadius)
}

.product-details-main-content .choose-color label span.red {
	background: #db2828
}

.product-details-main-content .choose-color label span.orange {
	background: #f2711c
}

.product-details-main-content .choose-color label span.yellow {
	background: #fbbd08
}

.product-details-main-content .choose-color label span.olive {
	background: #b5cc18
}

.product-details-main-content .choose-color label span.green {
	background: #21ba45
}

.product-details-main-content .choose-color label span.teal {
	background: #00b5ad
}

.product-details-main-content .choose-color label span.blue {
	background: #2185d0
}

.product-details-main-content .choose-color label span.violet {
	background: #6435c9
}

.product-details-main-content .choose-color label span.purple {
	background: #a333c8
}

.product-details-main-content .choose-color label span.pink {
	background: #e03997
}

.product-details-main-content .choose-color label:hover span {
	transform: scale(1.25)
}

.product-details-main-content .quantity-add-wish {
	margin-top: 20px;
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none
}

.product-details-main-content .quantity-add-wish li {
	margin-right: 30px
}

.product-details-main-content .quantity-add-wish li:last-child {
	margin-right: 0
}

.product-details-main-content .quantity-add-wish li .cart-quantity {
	padding: 0
}

.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input {
	position: relative
}

.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input input {
	height: 45px;
	color: var(--headingColor);
	outline: 0;
	display: block;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	border-top: 1px solid #edeff3;
	border-bottom: 1px solid #edeff3
}

.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input input::placeholder {
	color: var(--headingColor)
}

.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input .plus,
.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input .minus {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: var(--headingColor);
	width: 40px;
	height: 100%;
	line-height: 43px;
	transition: var(--transition);
	border: 1px solid #edeff3;
	text-align: center;
	border-radius: var(--borderRadius) 0 0 var(--borderRadius)
}

.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input .plus i,
.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input .minus i {
	font-weight: 700;
	font-size: 12px
}

.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input .plus:hover,
.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input .minus:hover {
	color: var(--whiteColor);
	background-color: var(--mainColor)
}

.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input .plus {
	left: auto;
	right: 0;
	border-radius: 0 var(--borderRadius) var(--borderRadius) 0
}

.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input .plus:hover {
	color: var(--whiteColor);
	background-color: var(--mainColor)
}

.product-details-main-content .main-btn {
	padding: 20px 30px
}

.product-details-tab .nav-tabs {
	display: block;
	border: none;
	margin-bottom: 30px;
	border-bottom: 1px solid #ecf2fc;
	padding-bottom: 15px
}

.product-details-tab .nav-tabs .nav-item {
	display: inline-block;
	margin-right: 30px
}

.product-details-tab .nav-tabs .nav-item:last-child {
	margin-right: 0
}

.product-details-tab .nav-tabs .nav-item .nav-link {
	padding: 0;
	border: none;
	color: var(--headingColor);
	position: relative;
	transition: var(--transition);
	font-weight: 600;
	font-size: 20px
}

.product-details-tab .nav-tabs .nav-item .nav-link span {
	color: var(--mainColor)
}

.product-details-tab .nav-tabs .nav-item .nav-link.active {
	border: none;
	color: var(--mainColor);
	background-color: rgba(0, 0, 0, 0)
}

.product-details-tab .nav-tabs .nav-item .nav-link:hover {
	color: var(--mainColor)
}

.product-details-tab h4 {
	font-size: 22px
}

.product-details-tab .best-product {
	margin-bottom: 24px
}

.product-details-tab .product-additional-info .info-table {
	border: 1px solid #ecf2fc
}

.product-details-tab .product-additional-info .table>:not(caption)>*>* {
	padding: 15px;
	font-size: 16px;
	font-weight: 500;
	color: var(--bodyColor)
}

.product-details-tab .product-additional-info .table>:not(caption)>*>* {
	border-left: 1px solid #ecf2fc
}

.product-details-tab .product-instructions-info ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none
}

.product-details-tab .product-instructions-info ul li {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
	position: relative;
	padding-left: 20px
}

.product-details-tab .product-instructions-info ul li::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: var(--mainColor)
}

.product-details-tab .product-instructions-info ul li:last-child {
	margin-bottom: 0
}

.product-details-tab .product-review-content h3 {
	font-size: 22px;
	margin-bottom: 15px
}

.product-details-tab .product-review-content .total-review {
	padding-left: 0;
	margin-bottom: 30px;
	list-style-type: none
}

.product-details-tab .product-review-content .total-review li {
	display: inline-block
}

.product-details-tab .product-review-content .total-review li i {
	color: #faca51;
	font-size: 20px
}

.product-details-tab .product-review-content .progresss-bar {
	position: relative;
	padding-left: 50px;
	padding-right: 30px;
	margin-bottom: 30px
}

.product-details-tab .product-review-content .progresss-bar:last-child {
	margin-bottom: 0
}

.product-details-tab .product-review-content .progresss-bar .star {
	position: absolute;
	top: -5px;
	left: 0;
	color: var(--bodyColor);
	font-weight: 600;
	font-size: 16px
}

.product-details-tab .product-review-content .progresss-bar .count {
	position: absolute;
	top: -5px;
	right: 0;
	color: var(--bodyColor);
	font-weight: 600;
	font-size: 16px
}

.product-details-tab .product-review-content .bg-success {
	background-color: #faca51 !important
}

.product-details-tab .product-review-content .product-review-form .form-floating {
	margin-bottom: 30px
}

.product-details-tab .product-review-content .product-review-form .form-floating .form-control.textarea {
	height: 150px
}

.product-details-tab .product-review-content .review-list-wrap {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.product-details-tab .product-review-content .review-list-wrap .review-list {
	position: relative;
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	padding: 20px;
	padding-right: 150px;
	border-radius: var(--borderRadius);
	margin-bottom: 30px
}

.product-details-tab .product-review-content .review-list-wrap .review-list:last-child {
	margin-bottom: 0
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-img {
	margin-right: 20px
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-img img {
	border-radius: var(--borderRadius);
	padding: 3px;
	border: 1px solid #ecf2fc
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content h4 {
	font-size: 18px;
	margin-bottom: 0
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content span {
	margin-bottom: 10px;
	display: block
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .total-reviews {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	position: absolute;
	top: 20px;
	right: 20px
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .total-reviews li {
	display: inline-block
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .total-reviews li i {
	color: #faca51;
	font-size: 18px
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .reply {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-weight: 600;
	font-size: 16px
}

.coming-soon-area {
	background-image: url(../images/coming-soon-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh
}

.count-down {
	margin-bottom: 0
}

.count-down h1 {
	line-height: 1;
	font-size: 45px;
	color: var(--whiteColor)
}

.count-down p {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	text-transform: capitalize;
	color: var(--whiteColor)
}

.count-down div div {
	display: inline-block;
	padding: 0 30px
}

.count-down .cd-row {
	display: inline-block
}

.coming-soon-wrapper {
	text-align: center;
	max-width: 700px;
	margin: auto;
	background-color: rgba(0, 0, 0, .5);
	padding: 50px;
	border-radius: var(--borderRadius)
}

.coming-soon-wrapper h2 {
	color: var(--whiteColor);
	font-size: 30px;
	margin-bottom: 20px
}

.coming-soon-wrapper h3 {
	font-size: 25px;
	color: var(--whiteColor);
	margin-bottom: 15px
}

.coming-soon-wrapper p {
	color: var(--whiteColor);
	margin-bottom: 50px
}

.coming-soon-wrapper .notify-form {
	margin-bottom: 30px
}

.coming-soon-wrapper .notify-form .form-floating {
	position: relative
}

.coming-soon-wrapper .notify-form .form-floating .form-control {
	background-color: var(--whiteColor);
	border-color: var(--whiteColor)
}

.coming-soon-wrapper .notify-form .form-floating .main-btn {
	background-color: var(--mainColor);
	color: var(--whiteColor);
	position: absolute;
	top: 0;
	right: 0;
	height: 58px
}

.coming-soon-wrapper .social-icon {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.coming-soon-wrapper .social-icon li {
	display: inline-block;
	margin-right: 10px
}

.coming-soon-wrapper .social-icon li:last-child {
	margin-right: 0
}

.coming-soon-wrapper .social-icon li a {
	width: 45px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	border: 1px solid var(--whiteColor);
	text-align: center;
	color: var(--whiteColor);
	border-radius: 50px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-decoration: none
}

.coming-soon-wrapper .social-icon li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
	height: 0;
	background-color: var(--mainColor);
	z-index: -1;
	transition: var(--transition)
}

.coming-soon-wrapper .social-icon li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 25%;
	width: 25%;
	height: 0;
	background-color: var(--mainColor);
	z-index: -1;
	transition: var(--transition)
}

.coming-soon-wrapper .social-icon li a .btn-style::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 25%;
	height: 0;
	background-color: var(--mainColor);
	z-index: -1;
	transition: var(--transition)
}

.coming-soon-wrapper .social-icon li a .btn-style::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 75%;
	width: 25%;
	height: 0;
	background-color: var(--mainColor);
	z-index: -1;
	transition: var(--transition)
}

.coming-soon-wrapper .social-icon li a:hover {
	color: var(--whiteColor);
	border-color: var(--mainColor)
}

.coming-soon-wrapper .social-icon li a:hover::before {
	top: auto;
	bottom: 0;
	height: 100%
}

.coming-soon-wrapper .social-icon li a:hover::after {
	bottom: auto;
	top: 0;
	height: 100%
}

.coming-soon-wrapper .social-icon li a:hover .btn-style::before {
	top: auto;
	bottom: 0;
	height: 100%
}

.coming-soon-wrapper .social-icon li a:hover .btn-style::after {
	bottom: auto;
	top: 0;
	height: 100%
}

.error-content {
	text-align: center;
	padding: 130px 100px
}

.error-content h1 {
	font-size: 150px;
	margin-bottom: 10px
}

.error-content h3 {
	font-size: 30px;
	max-width: 500px;
	margin: auto;
	margin-bottom: 30px
}



.all-courses 
{
    position: relative;
    background: #f0f8ff;
    padding: 8px 32px 8px 14px;
    border-radius: 4px;
    border:1px dashed #f0f8ff;
}



.all-courses span::after {
    content: "";
    font-family: IcoFont;
    position: absolute;
    top: 15px;
    right: 12px;
    line-height: 1;
    font-size: 17px;
    font-weight: 400;
}
.header_socialMedia__Ff058 {
    max-width: 500px;
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
}
.header_socialMedia__Ff058 a {
    text-decoration: none;
}
.header_socialMedia__Ff058 .header_item__WyEMu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 8px;
    background: #fff;
    padding: 6px 12px 6px 6px;
    border-radius: 36px;
    border: .5px solid #035642;
}
.header_socialMedia__Ff058 .header_item__WyEMu svg {
    height: 18px;
    width: 18px;
}
.header_socialMedia__Ff058 .header_item__WyEMu .header_text__QkOZO {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #2f3130;
}
.header_socialMedia__Ff058 .header_item__WyEMu .header_logo__55WyL {
    position: relative;
    width: 66px;
    height: 28px;
}
.ptb-40 
{
    padding-bottom:40px;
    padding-top:40px;
}
.student-perfom 
{
        background: linear-gradient(118deg, #EDFBF8 32.82%, #FFFCF5 83.36%, #FFFCF5 100%);
}
.counter-plus 
{
    display:flex;
}
.counter-plus span 
{
    color: #001a2d;
    font-size: 28px;
    margin-top: -10px;
    margin-left: 5px;
    font-weight: bold;
} 
.bg1 
{
        background: rgb(0 125 249 / 50%);
}
.bg2 
{
        background-color: rgb(11 189 200 / 50%);
}
.bg3 
{
        background-color: rgb(128 110 249 / 50%);
}
.bg4 
{
        background-color: rgb(80 177 255 / 50%);
}
.counter-sets 
{
    padding:20px;
    border-radius:4px;
    margin-bottom:0px;
    position:relative;
}
.counter-sets::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0%;
    left: 0;
    bottom: 0;
    transition: all 0.4s ease;
    border-radius: 4px;
    z-index: -1;
}
.counter-sets:hover::before {
    height: 100%;
}
.counter-sets:hover::before {
    background: #0393fd;
}
.zn- 
{
    z-index:-1;
}
.counter-sets:hover h3,  .counter-sets:hover span
{
    color:#fff;
}
.new-course .main-btn
{
    padding: 16px 24px;
    border-radius:4px;
}
.new-course  .m-btn2
{
    background:#2fa0b9;
    border-radius:4px;
}
.new-events .main-btn
{
    padding: 10px 8px;
    border-radius:4px;
    font-size:14px;
    line-height:22px;
}
.new-events .m-btn2 
{
    background:#2fa0b9;
    padding: 10px 8px;
    border-radius:4px;
    font-size:14px;
    line-height:22px;
}
.last-sect .m-btn2 
{
    background:#2fa0b9;
}
.new-events p 
{
    line-height:26px;
    font-size:16px;
}
.new-course  .m-btn2:hover, .new-events .m-btn2:hover, .last-sect .m-btn2:hover 
{
    background-color: rgba(45, 169, 115, .15);
}
.partners-item  {
    text-align: center;
    padding: 0.5rem;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    background: linear-gradient(118deg, #EDFBF8 32.82%, #FFFCF5 83.36%, #FFFCF5 100%);
    width: 100%;
    overflow: visible;
    transition: transform 0.5s;
    border:1px dashed #0393fd;
}
.partners-item:hover 
{
    transform: scale(1.1);
    border:1px dashed #0393fd;
}
.new-course .course-single-item-img img
{
    overflow: hidden; 
    transition: 0.3s;
}
.new-course:hover .course-single-item-img img
{
   transform: scale(1.1);
}

.set-data {
    background: #f1f7ff;
    border: 1px dashed #bdc8ff;
    border-radius: 4px;
    padding: 20px;
}
.set-data h3 
{
    color: #0063cd;
    font-weight:bold;
    margin-bottom:15px;
}
.rounded-full {
    border-radius: 9999px;
}
.bg-txt 
{
    background-color: #0063cd;
}
.h-2\.5 {
    height: 0.625rem;
}
.w-full {
    width: 100%;
}
.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0198c6\] {
    --tw-bg-opacity: 1;
    background-color: #0063cd;
}
.h-2\.5 {
    height: 0.625rem;
}
.setting-bar {
    background-color: rgb(0 93 255 / 20%);
    gap: 1rem;
    padding: 15px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
    justify-content: left;
    align-items: center;
    transition: 350ms;
    z-index:9;
}
.setting-bar h4 
{
    font-size:20px;
}
.setting-bar p 
{
    font-size:16px;
}
.icon-avg-ui {
    background: #879fda;
    border-radius: 4px;
    text-align: center;
    padding:20px;
}
.icon-avg-ui i 
{
    font-size:24px;
    color: #07386a;
}
.setting-bar:hover 
{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 25px;
    background-color: rgb(255, 255, 255);
}
.setting-bar:hover .icon-avg-ui 
{
  background: #0393fd;  
}
.setting-bar:hover .icon-avg-ui i 
{
    color:#fff;
}
/* ---------------------------
Testimonial Styles 
------------------------------*/
.rbt-testimonial-content .inner {
  padding-bottom: 20px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-content .inner {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-content .inner {
    text-align: center;
  }
}
.rbt-testimonial-content .inner::before {
  position: absolute;
  width: 177px;
  height: 100%;
  left: -64px;
  top: -57px;
  background-image: url(../images/testimonial/image-1.png);
  content: "";
  opacity: 1;
  background-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-testimonial-content .inner::before {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-content .inner::before {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-content .inner::before {
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.rbt-testimonial-content .inner p {
  font-size: 30px;
  line-height: 48px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: -16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-testimonial-content .inner p {
    font-size: 24px;
    line-height: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-content .inner p {
    font-size: 28px;
    line-height: 1.5;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-content .inner p {
    font-size: 18px;
    line-height: 26px;
    padding: 0;
    font-weight: 400;
  }
}
.rbt-testimonial-content .inner .rating i {
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-content .author-info {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-content .author-info {
    text-align: center;
  }
}
.rbt-testimonial-content .author-info h6 {
  font-weight: 300;
  margin-bottom: 0;
  letter-spacing: -0.5px;
  margin-top: 12px;
}
.rbt-testimonial-content .author-info h6 span {
  color: var(--color-primary);
  text-transform: uppercase;
  font-weight: 500;
}

.bg-theme-gradient-odd:nth-child(odd) .rbt-testimonial-box .inner {
  background: var(--gradient-7);
}
.bg-theme-gradient-odd:nth-child(odd) .rbt-testimonial-box .description p {
  color: var(--color-white);
}
.bg-theme-gradient-odd:nth-child(odd) .rbt-testimonial-box .clint-info-wrapper .client-info .title {
  color: var(--color-white-off);
}

.bg-theme-gradient-even:nth-child(even) .rbt-testimonial-box .inner {
  background: var(--gradient-7);
}
.bg-theme-gradient-even:nth-child(even) .rbt-testimonial-box .description p {
  color: var(--color-white);
}
.bg-theme-gradient-even:nth-child(even) .rbt-testimonial-box .clint-info-wrapper .client-info .title {
  color: var(--color-white-off);
}

/* ------------------------------
Testimonial Thumbnail 
-------------------------------- */
ul.testimonial-thumb-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 510px;
  margin: 0px auto;
  margin-bottom: -30px;
  outline: none;
  border: 0 none;
}
@media only screen and (max-width: 575px) {
  ul.testimonial-thumb-wrapper {
    margin-bottom: -10px;
  }
}
ul.testimonial-thumb-wrapper li {
  padding-left: 15px;
  padding-right: 15px;
  flex-basis: 33.33%;
  margin-bottom: 30px;
  outline: none;
  cursor: pointer;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  ul.testimonial-thumb-wrapper li {
    flex-basis: 33.33%;
    margin-bottom: 14px;
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media only screen and (max-width: 575px) {
  ul.testimonial-thumb-wrapper li {
    flex-basis: 50%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
}
ul.testimonial-thumb-wrapper li a {
  display: block;
}
ul.testimonial-thumb-wrapper li .thumb {
  position: relative;
  display: inline-block;
  width: 100%;
}
ul.testimonial-thumb-wrapper li .thumb img {
  border-radius: 6px;
  width: 100%;
  max-height: 140px;
  min-height: 140px;
  object-fit: cover;
  height: 140px;
  padding: 10px;
  background: var(--color-white);
  box-shadow: var(--shadow-2);
}
ul.testimonial-thumb-wrapper li .thumb img:hover {
  transform: scale(1.1);
}
ul.testimonial-thumb-wrapper li .thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background-color: hsla(0, 0%, 100%, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  border-radius: 6px;
}
ul.testimonial-thumb-wrapper li a.active .thumb::after {
  background-color: hsla(0, 0%, 100%, 0);
}
ul.testimonial-thumb-wrapper li a.active .thumb img {
  transform: scale(1.1);
  object-fit: contain;
  border-radius: 6px;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  ul.testimonial-thumb-wrapper li a.active .thumb img {
    transform: none;
    object-fit: cover;
  }
}

/* ------------------------------
    Testimonial Style Two 
-------------------------------- */
.scroll-animation-wrapper {
  position: relative;
  z-index: 1;
}
.scroll-animation-wrapper::before, .scroll-animation-wrapper::after {
  position: absolute;
  height: 100%;
  width: 100px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
  background: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
  background: -moz-linear-gradient(left, #fff 0, hsla(0, 0%, 100%, 0) 100%);
  background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
  z-index: 2;
  content: "";
}
@media only screen and (max-width: 767px) {
  .scroll-animation-wrapper::before, .scroll-animation-wrapper::after {
    width: 50px;
  }
}
.scroll-animation-wrapper::before {
  top: 0;
  left: 0;
}
.scroll-animation-wrapper::after {
  top: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.scroll-animation-wrapper.no-overlay::before, .scroll-animation-wrapper.no-overlay::after {
  display: none;
}

.scroll-animation {
  display: flex;
  width: -webkit-calc((420px * 16) + (30px * 16));
  width: -moz-calc((420px * 16) + (30px * 16));
  width: 7200px;
  position: relative;
}
.scroll-animation.scroll-right-left {
  -webkit-animation: scroll 80s linear infinite;
  -moz-animation: scroll 80s linear infinite;
  animation: scroll 80s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.scroll-animation.scroll-left-right {
  -webkit-animation: scrollLeft 80s linear infinite;
  -moz-animation: scrollLeft 80s linear infinite;
  animation: scrollLeft 80s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.scroll-animation .single-column-20 {
  width: 500px;
  padding: 0 15px;
}
.scroll-animation .single-column-8 {
  width: 220px;
  margin: 0 15px;
  text-align: center;
  border-radius: 0.5rem;
transition: all 0.3s ease;
    box-shadow: 11px 15px 30px 0px rgba(128, 137, 225, 0.1);
border: 1px dashed #0393fd;
    padding:15px;
    
  margin-bottom:20px;
}
.scroll-animation .single-column-8 img 
{
    width:80px;
}
@media only screen and (max-width: 767px) {
  .scroll-animation .single-column-20 {
    width: 310px;
    padding: 0 10px;
  }
}

.rbt-testimonial-box {
  position: relative;
  z-index: 2;
  border-radius: var(--radius);
}
.rbt-testimonial-box .inner {
  position: relative;
  padding: 50px 40px;
  z-index: 2;
  background: var(--color-white);
  border-radius: var(--radius);
  box-shadow: var(--shadow-9);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-testimonial-box .inner {
    padding: 40px 30px;
    margin-bottom:40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-testimonial-box .inner {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-box .inner {
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box .inner {
    padding: 22px 19px;
  }
}
.rbt-testimonial-box .inner::before {
  position: absolute;
  content: "";
  right: 40px;
  top: 40px;
  z-index: -1;
  background-image: url(../images/shape/quote.svg);
  background-repeat: no-repeat, repeat;
  width: 52px;
  height: 44px;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box .inner::before {
    right: 20px;
    top: 20px;
  }
}
.rbt-testimonial-box .inner.bg-color-primary-opacity::before {
  filter: grayscale(1);
}
.rbt-testimonial-box.no-box-shadow .inner {
  box-shadow: none;
}
.rbt-testimonial-box.bg-gray-light .inner {
  background: var(--color-gray-light);
}
.rbt-testimonial-box.bg-gradient-7 .inner {
  background: transparent;
  border-radius: var(--radius);
}
.rbt-testimonial-box.bg-gradient-7 .inner::before {
  background-image: url(../images/icons/quote.svg);
}
.rbt-testimonial-box.no-padding .inner {
  padding: 0;
}
.rbt-testimonial-box .clint-info-wrapper {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box .clint-info-wrapper {
    display: block;
  }
}
.rbt-testimonial-box .clint-info-wrapper .thumb {
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 70px;
  padding: 3px;
  background: var(--color-white);
  border-radius: 100%;
  overflow: hidden;
  min-width: 70px;
  border: 2px solid var(--primary-opacity);
}
.rbt-testimonial-box .clint-info-wrapper .thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 100%;
}
.rbt-testimonial-box .clint-info-wrapper .client-info {
  padding-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-testimonial-box .clint-info-wrapper .client-info {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-testimonial-box .clint-info-wrapper .client-info {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-box .clint-info-wrapper .client-info {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box .clint-info-wrapper .client-info {
    padding-left: 0;
    margin-top: 15px;
  }
}
.rbt-testimonial-box .clint-info-wrapper .client-info .title {
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-testimonial-box .clint-info-wrapper .client-info .title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-testimonial-box .clint-info-wrapper .client-info .title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box .clint-info-wrapper .client-info .title {
    font-size: 20px;
  }
}
.rbt-testimonial-box .clint-info-wrapper .client-info span {
  line-height: 28px;
  display: inline-block;
  font-size: 16px;
}
.rbt-testimonial-box .description {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box .description {
    margin-top: 8px;
  }
}
.rbt-testimonial-box .description p {
  margin-bottom: 0;
}
.rbt-testimonial-box .description .rbt-btn-link {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box .description .rbt-btn-link {
    margin-top: 10px;
  }
}
.rbt-testimonial-box.style-2 .inner {
  text-align: center;
}
.rbt-testimonial-box.style-2 .inner::before {
  background-image: url(https://rainbowit.net/html/histudy/assets/images/icons/quote.svg);
}
.rbt-testimonial-box.style-2 .icons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-testimonial-box.style-2 .icons img {
  max-height: 50px;
}
.rbt-testimonial-box.style-2 .clint-info-wrapper {
  display: flex;
  align-items: center;
  margin-top: 22px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box.style-2 .clint-info-wrapper {
    display: block;
  }
}
.rbt-testimonial-box.style-2 .clint-info-wrapper .thumb {
  height: 40px;
  padding: 2px;
  min-width: 40px;
}
.rbt-testimonial-box.style-2 .clint-info-wrapper .thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 100%;
}
.rbt-testimonial-box.style-2 .clint-info-wrapper .client-info {
  padding-left: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-testimonial-box.style-2 .clint-info-wrapper .client-info {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-testimonial-box.style-2 .clint-info-wrapper .client-info {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-testimonial-box.style-2 .clint-info-wrapper .client-info {
    padding-left: 0;
    margin-top: 15px;
  }
}
.rbt-testimonial-box.style-2 .clint-info-wrapper .client-info .title {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}
.rbt-testimonial-box.style-2 .clint-info-wrapper .client-info .title span {
  line-height: inherit;
  display: inline-block;
  font-size: inherit;
}
.rbt-testimonial-box.text-white .title {
  color: var(--color-white);
}
.rbt-testimonial-box.text-white .designation {
  color: var(--color-white-off);
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    transform: translateX(-1750px);
  }
}
@-moz-keyframes scroll {
  0% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
}
@-webkit-keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    transform: translateX(-1750px);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes scrollLeft {
  0% {
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
  to {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
/* ------------------------------
    Testimonial Section Shapes 
-------------------------------- */
.rbt-testimonial-shapes-2 {
  position: relative;
}
.rbt-testimonial-shapes-2 .shapes .star {
  position: absolute;
  top: 142px;
  right: 162px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (max-width: 575px) {
  .rbt-testimonial-shapes-2 .shapes .star {
    display: none;
  }
}
.rbt-testimonial-shapes-2 .shapes .dubble-shape {
  position: absolute;
  left: 113px;
  bottom: 256px;
  max-width: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (max-width: 575px) {
  .rbt-testimonial-shapes-2 .shapes .dubble-shape {
    display: none;
  }
}

.testimonial-section-02 {
  position: relative;
}
.testimonial-section-02 .shape-1 {
  position: absolute;
  left: 64px;
  bottom: 72px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (max-width: 575px) {
  .testimonial-section-02 .shape-1 {
    display: none;
  }
}

.advance-tab-button-1 .tab-button-list {
  list-style: none;
  padding: 0;
  margin: -10px 0;
}
.advance-tab-button-1 .tab-button-list li {
  margin: 10px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .advance-tab-button-1 .tab-button-list li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .advance-tab-button-1 .tab-button-list li {
    width: 100%;
  }
}
.advance-tab-button-1 .tab-button-list .tab-button {
  cursor: pointer;
  padding: 47px 27px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  background-color: transparent;
  border: 0 none;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .advance-tab-button-1 .tab-button-list .tab-button {
    padding: 18px 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .advance-tab-button-1 .tab-button-list .tab-button {
    padding: 25px 24px;
  }
}
@media only screen and (max-width: 767px) {
  .advance-tab-button-1 .tab-button-list .tab-button {
    padding: 25px 24px;
  }
}
.advance-tab-button-1 .tab-button-list .tab-button::before {
  position: absolute;
  content: "";
  background: var(--color-white);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: 0.3s;
  opacity: 0;
  transform: scale(0.9);
  z-index: -1;
  border-radius: 7px;
  box-shadow: var(--shadow-1);
}
.advance-tab-button-1 .tab-button-list .tab-button:hover::before {
  opacity: 1;
  transform: scale(1);
}
.advance-tab-button-1 .tab-button-list .tab-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  border-left: 20px solid var(--color-white);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  margin-top: -20px;
  opacity: 0;
  transition: 0.3s;
  transform: scale(0.9);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .advance-tab-button-1 .tab-button-list .tab-button::after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .advance-tab-button-1 .tab-button-list .tab-button::after {
    display: none;
  }
}
.advance-tab-button-1 .tab-button-list .tab-button .title {
  color: var(--color-heading);
  font-size: 20px;
  margin-bottom: 10px;
  transition: 0.3s;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.advance-tab-button-1 .tab-button-list .tab-button .description {
  margin-bottom: 0;
  transition: 0.3s;
  color: var(--color-body);
  letter-spacing: -0.5px;
}
.advance-tab-button-1 .tab-button-list .tab-button.active .title {
  letter-spacing: 0;
}
.advance-tab-button-1 .tab-button-list .tab-button.active::before {
  opacity: 1;
  transform: scale(1);
}
.advance-tab-button-1 .tab-button-list .tab-button.active::after {
  opacity: 1;
  transform: scale(1);
}

.nav-tabs {
  border-bottom: 0;
}

.advance-tab-content-1 .thumbnail img {
  border-radius: 10px;
}

.advance-tab-button-1.right-align .tab-button-list .tab-button::after {
  transform: scale(0.9) rotate(-180deg);
  left: auto;
  right: 100%;
}

.advance-tab-button-1.right-align .tab-button-list .tab-button::after {
  transform: scale(1) rotate(-180deg);
}

.advance-tab-button-1.right-top .tab-button-list .tab-button::after {
  left: 50%;
  transform: scale(0.9) translateX(-50%) rotate(-92deg);
  bottom: 94%;
  top: auto;
}

.advance-tab-button-1.right-top .tab-button-list .tab-button::after {
  opacity: 0;
  transform: scale(1) translateX(-50%) rotate(-92deg);
}

.advance-tab-button-1.right-top .tab-button-list .tab-button.active::after {
  opacity: 1;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus {
  color: var(--color-body);
  background: transparent;
  border: 0 none;
  box-shadow: none;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.advance-tab-button-1 .tab-button-list .tab-button:focus {
  outline: none;
  border: 0 none;
  box-shadow: none;
}
.mt--50 {
    margin-top: 50px !important;
}
.tz-category1-card {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    border-radius: 12px;
    overflow: hidden;
    position:relative;
}
.tz-category1-card--one {
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.tz-category1-card__icon {
    height: 72px;
    width: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fcb400;
    flex: none;
    
}
.tz-category1-card__icon--one {
    background-color: #0393fd;
    
    
}
.tz-category1-card__title {
    font-weight: 600;
    margin-bottom: 0.3125rem;
    color: #181818;
    font-size:28px;
    font-weight:bold;
}
.tz-category1-card__desc {
    font-weight: 400;
    margin-bottom: 0;
}
.tz-category1-card--two {
    background-color: #fff;
    
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.tz-category1-card__icon--two {
    background-color: #0393fd;
}
.tz-category1-card--three {
    background-color: #fff;
    
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.tz-category1-card__icon--three {
    background-color: #0393fd;
}
.tz-category1-card__icon--two i {
    color: #fff;
    font-size:28px;
}
.tz-category1-card__icon--one i {
    font-size:28px;
    color:#fff;
}
.tz-category1-card__icon--three i {
    color: #fff;
    font-size:28px;
    
}
.tz-category1-card::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0%;
    left: 0;
    bottom: 0;
    transition: all 0.4s ease;
    border-radius: 4px;
    z-index: -1;
}
.tz-category1-card:hover::before {
    background: #0393fd;
}
.tz-category1-card:hover::before {
    height: 100%;
}
.tz-category1-card:hover .tz-category1-card__title
{
    color:#fff;
}
.tz-category1-card:hover .tz-category1-card__desc
{
    color:#fff;
}
.tz-category1-card:hover .tz-category1-card__icon 
{
    background:#fff;
}
.tz-category1-card:hover .tz-category1-card__icon i 
{
   color:#0393fd; 
}
/*----------------------------------------*/
/*  07. choose css start
/*----------------------------------------*/
.p-relative {
    position: relative;
}
.pb-110 {
    padding-bottom: 110px;
}
.pt-180 {
    padding-top: 180px;
}
.it-choose-content h3 
{
    font-size:20px;
}
.it-choose-content 
{
    transition:all 0.4s;
}
.it-choose-content .choose-icon {
background-color: var(--whiteColor);
    filter: drop-shadow(0px 26.2558689117px 20.327123642px rgba(171, 171, 171, 0.1));
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50px;
    margin-bottom:20px;
}
.it-choose-content .choose-icon i 
{
    font-size:28px;
    vertical-align:middle;
    line-height:28px;
    color:#0393fd;
}
.hover-style .it-choose-content::before, .hover-style .it-choose-content::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all .2s linear;
    background: var(--mainColor);
    transition-delay: 0s;
    left: 0;
    top: 0;
    border-radius: var(--borderRadius);
    z-index: -1;
}
.hover-style:hover .it-choose-content::before {
    height: 100%;
    transition-delay: .6s;
}
.hover-style .it-choose-content::after {
    transition-delay: .4s;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}
.hover-style:hover .it-choose-content::after {
    height: 100%;
    transition-delay: .2s;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-left {
    margin-bottom: 50px;
  }
}
.it-choose-content {
  border-radius: 8px;
  padding: 30px 20px;
  
  
}
.content-ch 
{
    background-color: #F8F6F1;
    border-radius: 8px;
}
.it-choose-content-box {
  margin-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-content-box {
    margin-right: 0;
  }
}
.it-choose-content h5 {
  font-size: 17px;
  font-weight: 600;
  line-height: 32px;
  padding-bottom: 8px;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-content h5 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-content h5 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-content h5 {
    font-size: 16px;
  }
}
.it-choose-content h5 i {
  margin-right: 10px;
  display: inline-block;
  color: var(--it-theme-1);
}
.it-choose-content p {
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-content p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-content p {
    font-size: 12px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-text p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-text p {
    font-size: 14px;
  }
}
.it-choose-thumb {
  display: inline-block;
  border: 10px solid var(--it-common-white);
}
.it-choose-thumb-box {
  margin-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-thumb-box {
    margin-right: 0;
  }
}
.it-choose-shape-1 {
  position: absolute;
  top: -30px;
  left: -30px;
  z-index: -1;
}
.it-choose-shape-2 {
  position: absolute;
  bottom: -30px;
  right: -30px;
  z-index: -1;
}
.it-choose-shape-3 {
  position: absolute;
  top: -80px;
  right: -85px;
  z-index: -1;
  animation: itupdown 0.8s infinite alternate;
}
.it-choose-shape-4 {
  position: absolute;
  top: 215px;
  left: 40%;
  animation: itleftright 1s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-shape-4 {
    top: 150px;
    left: 35%;
  }
}
.it-choose-shape-5 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-shape-5 {
    bottom: -20%;
  }
}
.it-choose-shape-6 {
  position: absolute;
  top: 115px;
  left: 255px;
  z-index: -1;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}
.it-choose-shape-7 {
  position: absolute;
  top: 135px;
  right: 180px;
  z-index: -1;
  animation: rotate2 4s linear infinite;
}
.it-choose-shape-8 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-style-2 .it-choose-thumb-box {
    margin-bottom: 40px;
  }
}
.it-choose-style-2 .it-choose-content {
  border-radius: 5px;
  padding: 23px 23px;
  padding-top: 20px;
  background-color: var(--it-common-white);
  box-shadow: 0px 0px 30px 0px rgba(14, 42, 70, 0.08);
  transition: 0.5s;
}
@media (max-width: 767px) {
  .it-choose-style-2 .it-choose-content {
    flex-wrap: wrap;
  }
}
.it-choose-style-2 .it-choose-content:hover {
  background-color: var(--it-common-black);
}
.it-choose-style-2 .it-choose-content:hover .it-choose-icon span {
  background-color: var(--it-common-white);
  color: var(--it-theme-4);
}
.it-choose-style-2 .it-choose-content:hover .it-choose-title {
  color: var(--it-common-white);
}
.it-choose-style-2 .it-choose-content:hover .it-choose-text p {
  color: var(--it-common-white);
}
.it-choose-style-2 .it-choose-icon {
  margin-right: 20px;
}
.it-choose-style-2 .it-choose-icon span {
  height: 80px;
  width: 80px;
  line-height: 88px;
  text-align: center;
  display: inline-block;
  background-color: var(--it-theme-4);
  border-radius: 50%;
  color: var(--it-common-white);
  transition: 0.5s;
  font-size: 35px;
}
@media (max-width: 767px) {
  .it-choose-style-2 .it-choose-icon span {
    margin-bottom: 20px;
  }
}
.it-choose-style-2 .it-choose-title {
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
  transition: 0.5s;
}
.it-choose-style-2 .it-choose-text p {
  transition: 0.5s;
}
@keyframes itleftright {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-20px);
  }
}
@keyframes itupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}


.tz-about1 {
	position: relative;
	overflow: hidden;
}

.tz-about1__thumb-shape1 {
	position: absolute;
	bottom: -9.6875rem;
	left: -1.5625rem;
}

.tz-about1__thumb-shape2 {
	position: absolute;
	top: -50px;
	left: -50px;
}

.tz-about1__shape1 {
	position: absolute;
	bottom: 48px;
	left: 48px;
	z-index: 1;
	opacity: 0.2;
}

@media (min-width:992px) {
	.tz-about1__shape1 {
		opacity: 1;
	}
}

.tz-about1__shape2 {
	position: absolute;
	top: 60px;
	right: 120px;
	z-index: 1;
	opacity: 0.2;
}

@media (min-width:992px) {
	.tz-about1__shape2 {
		opacity: 1;
	}
}

.tz-about1__shape3 {
	position: absolute;
	bottom: 60px;
	right: 60px;
	z-index: 1;
	opacity: 0.2;
}

@media (min-width:992px) {
	.tz-about1__shape3 {
		opacity: 1;
	}
}

.tz-about1__thumb-wrapper {
	position: relative;
	margin-bottom: 5.9375rem;
}

.tz-about1__thumb1 {
	position: relative;
}

.tz-about1__thumb1 img {
	border-radius: 8px;
}

.tz-about1__thumb2 {
	position: absolute;
	right: 3.75rem;
	bottom: -5.9375rem;
}

.tz-about1__thumb2 img {
	border-radius: 8px;
	border: 4px solid #f0f4f5;
}


.tz-about1__card {
	position: relative;
	margin-bottom: 2rem;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}

.tz-about1__card-icon {
	position: relative;
	height: 52px;
	width: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #0393fd;
	flex: none;
	color: #fff;
	font-size: 1.5rem;
	margin-right: 1rem;
}

.tz-about1__card-shape {
	position: absolute;
	top: calc(100% + 5px);
	left: 1.5rem;
}

.tz-about1__card-desc {
	margin-bottom: 0;
}

.tz-about1__footer {
	position: relative;
	z-index: 9;
	margin-top: 2.5rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 2rem;
}

.tz-about1__experience {
	position: absolute;
	top: 2.5rem;
	right: 0;
	background: #fff;
	z-index: 9;
	padding: 1.125rem 1.875rem 1.125rem 1.125rem;
	border-radius: 8px;
	border-right: 5px solid #0393fd;
	transform: translateX(0%);
}

@media (min-width:768px) {
	.tz-about1__experience {
		transform: translateX(-15%);
	}
}

.tz-about1__experience-text {
	color: #181818;
	font-weight: 500;
	margin-left: 1.25rem;
}
.cicle {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: 2px dashed #0393fd;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.tz-grad {
    background: linear-gradient(45deg, rgb(10, 34, 244) 1%, rgb(230, 231, 239) 32%, rgb(237, 237, 237) 67%, rgb(238, 74, 98) 100%);
    opacity: 0.1;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 0;
}
.tz-bg-white-nutral-2 {
    background-color: rgb(240, 244, 245) !important;
}
.tz-review-trophy {
    display: inline-flex;
    flex-flow: row;
    align-items: flex-start;
    justify-content: flex-start;
    background: rgb(255, 255, 255);
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 6px 30px;
    margin-top:50px;
}
.tz-review-trophy__icon {
    height: 52px;
    width: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 0.9375rem;
}
.tz-bg-warning {
    background-color: rgb(252, 180, 0) !important;
}
.lazy-blur.loaded {
    opacity: 1;
    transform: none;
}
.tz-wcu1-thumb__one img {
    border-radius: 320px;
}
.lazy-blur {
    opacity: 0.9;
    transform: scale(1.01);
    will-change: filter;
}
.tz-review-trophy__content h5 {
    text-align: left;
    margin-bottom: 0px;
}
.tz-wcu1 .tz-counter-box-one {
    right: calc(50% - 50px);
    top: calc(10% + 15px);
}
.tz-counter-box-one {
        padding: 0.3125rem 0.5rem;
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    position: absolute;
    top: 40%;
    left: 3%;
}

.tz-counter-box-one__text {
    font-weight: 500;
    margin-bottom: 0.75rem;
}
.tz-counter-box-one__users {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-left: 0.75rem;
}
.tz-counter-box-one__user {
    margin-left: -0.75rem;
}
.lazy-blur.loaded {
    opacity: 1;
    transform: none;
}
.tz-wcu1-thumb__one img {
    border-radius: 320px;
}
.tz-counter-box-one__user img {
    border-radius: 50%;
    border: 1px solid rgb(255, 255, 255);
}
.lazy-blur {
    opacity: 0.9;
    transform: scale(1.01);
    will-change: filter;
}
.tz-counter-box-one__plus {
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(135deg, rgb(255, 195, 9) 0px, rgb(247, 65, 52) 100%);
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.5rem;
    margin-left: -0.75rem;
    color: rgb(255, 255, 255);
    flex: 0 0 auto;
}
.tz-counter-box-one__content {
    margin-left: 0.5625rem;
}
.tz-counter-box-one__content-number {
    font-weight: 700;
}
.tz-text-s {
    font-size: 14px;
}
.fds 
{
  justify-content: center;
}

.footer-data-links {
    padding:0px;
}
.footer-data-links li 
{
    direction:flex;
    list-style:none;
    margin-bottom:10px;
}
.footer-data-links li a {
    text-decoration: none;
    font-size: 15px;
}
.footer-data-links li a i {
    background: #555;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size:14px;
    margin-right:5px;
}
.footer-data-addresses-mobile {
display: none;
}

@media (max-width: 1023px) {
.footer-data-addresses-mobile {
    display: flex;
    flex-direction: column;
    color: #ffffff;
    font-size: 14px;
    margin-top: 30px;
    gap: 14px;
}
}

.footer-address-title {
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
color: #ffffff;
border-bottom: 2px solid #0393fd;
display: inline-block;
padding-bottom: 4px;
}

.address-item {
display: flex;
align-items: flex-start;
gap: 10px;
}

.flag-icon {
width: 22px;
height: 16px;
object-fit: contain;
border: 1px solid #ccc;
border-radius: 2px;
margin-top: 4px;
}

.address-text {
line-height: 24px;
font-size:15px;
}

.country-name {
color: #0393fd;
font-weight: 600;
}
.address-item 
{
    margin-bottom:10px;
}
.footer-single-item ul li a i {
    font-size: 13px;
    margin-right: 3px;
}
.copy-right-area {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 4px 12px rgba(60, 72, 82, .25);
    background: #fff;
    z-index:1;
}
.book-call-chat {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cnt-ft {
    border: 2px solid #0393fd;
    color: #0393fd;
    border-radius: 4px;
    padding: 20px 20px 5px 20px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    position:relative;
}
.text-ft {
    position: absolute;
    top: 20%;
    font-size: 13px;
    left: 35%;
    transform: translate(-20%, -50%);
    color: #000;
}
.mrr 
{
    margin-right:15px;
}
.whats-ft 
{
    border: 1px solid #0393fd;
    color: #fff;
    background:#0393fd;
    border-radius: 4px;
    padding: 12px 20px 12px 20px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

.whats-ft:hover 
{
    color:#fff;
}
.footer-text {
    display: flex;
    justify-content: center;
    background: #fff;
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
}

.whatsapp-call {
    position: fixed;
    top: auto;
    z-index: 1;
    left: 40px;
    bottom: 40px;
}

.whatsapp-call img 
{
    width:60px;
}
.more-text {
    display: none;
}
.read-more-link {
    color: #0d6efd;
    cursor: pointer;
    text-decoration: underline;
    margin-left: 5px;
}

.map-container {
    position: relative;
    width: 330px; /* default width for desktop */
    max-width: 100%;
    margin: 0 auto;
    padding-top: calc(493 / 330 * 100%); /* aspect ratio */
}
 .map-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
.pin {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url('https://cdn-icons-png.flaticon.com/512/684/684908.png') no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.pin .popup {
    display: none;
    position: absolute;
    background: #0393fd;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    transform: translate(-50%, -120%);
    white-space: nowrap;
    font-size: 12px;
    pointer-events: none;
    z-index:99;
  }

.pin:hover .popup {
    display: block;
}
.card-style {
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    margin-bottom:30px;
    transition:all 0.3s;
}
.card-style:hover 
{
    padding-top:10px;
}
.card-content h4 
{
    color:#0393fd;
}
.card-content p 
{
    color:#012268;
    font-size:16px;
    margin-bottom:15px;
}
.btn-mode1 {
    border: 1px solid #012268;
    border-radius: 20px;
    color: #012268;
    text-decoration: none;
    padding: 4px 6px;
    font-size:14px;
}
  .card-img1 
  {
      width:70%;
      float:left;
  }
.card-img1 img 
{
    width:100%;
}
.CibopExp_card___VCFt {
    height: 290px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    border-radius:12px;
}
.CibopExp_card___VCFt .CibopExp_subHolderStatic__Ajq_A {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 28px 24px;
    position: relative;
    border-radius: 12px;
    width: 100%;
    height: 100%;
}
.CibopExp_card___VCFt .CibopExp_subHolderStatic__Ajq_A .CibopExp_icon__rbi2V {
    position: relative;
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
}
.CibopExp_card___VCFt .CibopExp_subHolderStatic__Ajq_A .CibopExp_card_head__LO_sQ {
    color: #fff;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-transform: capitalize;
    padding: 0 42px 16px 0;
}
.CibopExp_card___VCFt .CibopExp_subHeadingHolder__77lXM {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: absolute;
    top: 100%;
    background: transparent;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    padding: 28px 24px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.CibopExp_card___VCFt .CibopExp_subHeadingHolder__77lXM .CibopExp_index__B_8FJ {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-transform: capitalize;
    padding-bottom: 8px;
}
.CibopExp_card___VCFt .CibopExp_subHeadingHolder__77lXM .CibopExp_card_head__LO_sQ {
    color: #fff;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-transform: capitalize;
    padding-bottom: 16px;
}
.CibopExp_card___VCFt .CibopExp_subHeadingHolder__77lXM .CibopExp_card_para__r46Pp {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
}
.CibopExp_cardHolder__2PQer:hover .CibopExp_subHeadingHolder__77lXM {
    top: 0;
    background: linear-gradient(91deg,#0393fd .76%,#004273 92.82%);
}
.form-for-update 
{
    position: relative;
    width: 100%;
    margin: auto;
    background: url('../../assets/images/image02.jpg') no-repeat center/contain;
    background-size:cover;
    padding:75px 0px;
}

.form-for-update:before 
{
    position:absolute;
    content:'';
    background:rgba(0,0,0,0.5);
    left:0;
    right:0;
    bottom:0;
    top:0;
}
.form-container {
    width: 620px;
    height: auto;
    padding: 40px;
    z-index: 999;
    border-radius: 10px;
    z-index:9;
        border: 2px solid #383838;
    background: rgba(0, 0, 0, 0.5);
}
.form-container h2 {
    font-size: 28px;
    line-height: 40px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: capitalize;
    padding: 0;
    margin: 0 0 10px;
    text-align: center;
    margin-bottom: 35px;
}
.form-container h2 span {
    font-size: 17px;
    text-transform: none;
    line-height: 40px;
    color: #333850;
    letter-spacing: -1px;
    display: block;
}
input.normal.small {
    width: 48%;
}
select.normal {
    padding: 15px 20px;
}
.form-row 
{
    margin-bottom:30px;
}
.form-row input, .form-row select  
{
        border-radius: 8px;
    background: none;
    border: 1px solid #dddd;
    color:#a3a3a3;
}
.part-left {
width: 620px;
    height: auto;
}
.part-left h2 
{
    
    font-weight: 700;
    line-height: 56px;
    text-shadow: 9px 12px 10px rgba(15.299999999999999, 15.299999999999999, 15.299999999999999, .56);
    color: #fff;
    font-size:36px;
}
.part-left ul 
{
    padding:0px;
    margin-top:40px;
}
.part-left ul li 
{
    list-style:none;
    color:#fff;
    margin-bottom:20px;
}
.part-left ul li i 
{
    margin-right:10px;
}
.rating-section .icons-show i 
{
    color:#e8b913;
}
.state-data 
{
  flex-direction: column;
  padding:10px;
  justify-content: center;
  text-align: center;
  background:rgb(255 255 255 / 100%);
  transition:all 0.5s;
}
.state-data:hover 
{
    background:#0393fd;
}
.counter-single-item.state-data .icon 
{
    width: 60px;
    height: 60px;
    line-height: 57px;
    margin-bottom:15px;
}
.counter-single-item.state-data .icon img 
{
    width: 45px;
    vertical-align: middle;
    line-height: 45px;
    height: 45px;
}
.counter-single-item.state-data h3 {
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 24px;
}
.counter-single-item.state-data .counter-plus {
    display: flex;
    justify-content: center;
}

.hero-banner {
    position: relative;
    overflow: hidden;
}
.category-data-science 
{
    background: url('../../assets/images/banner/datascience.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
}
.category-bussinessbanner 
{
    background: url('../../assets/images/banner/businessbanner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
}
.category-cyberbanner 
{
    background: url('../../assets/images/banner/cyberbanner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
}
.category-investmentbankingbanner 
{
    background: url('../../assets/images/banner/investmentbankingbanner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
}
.category-sapbanner 
{
    background: url('../../assets/images/banner/sapbanner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
}
.category-fullstackbanner 
{
    background: url('../../assets/images/banner/fullstackbanner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
}
.hero-home-show {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.hero-home-show video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.hero-home-show .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4); /* dark overlay */
}
.hero-home-show .content {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.hero-banner__thumb {
  position: relative;
  width: 642px;
  height: 642px;
  border-radius: 50%;
  padding: 34px;
  background: linear-gradient(147deg, #FF7200 0%, #6A78FF 100%);
  box-shadow: 27px 27px 52px 0px rgba(0, 0, 0, 0.08);
  margin: 0 0 0 95px;
}

@media (max-width: 1500px) {
  .hero-banner__thumb {
    width: 600px;
    height: 600px;
    margin-left: 20px;
  }
}

@media (max-width: 1300px) {
  .hero-banner__thumb {
    width: 515px;
    height: 515px;
    margin-left: 20px;
  }
}

@media (max-width: 1199px) {
  .hero-banner__thumb {
    width: 455px;
    height: 455px;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .hero-banner__thumb {
    width: 100%;
    height: auto;
    margin: 40px 0 0;
  }
}

.hero-banner__thumb > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.hero-banner__cap {
  position: absolute;
  left: -46px;
  top: 50px;
}

.hero-banner__cap img {
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@media (max-width: 1199px) {
  .hero-banner__cap {
    display: none;
  }
}

.hero-banner__star {
  position: absolute;
  left: 146px;
  right: 0;
  margin: auto;
  text-align: center;
  top: -54px;
}

.hero-banner__star img {
  -webkit-animation: blinker2 3s infinite linear;
  animation: blinker2 3s infinite linear;
}

@media (max-width: 1199px) {
  .hero-banner__star {
    display: none;
  }
}

.hero-banner__map {
  position: absolute;
  right: 95px;
  top: -12px;
}

.hero-banner__map img {
  -webkit-animation: rotated 20s infinite linear;
  animation: rotated 20s infinite linear;
}

@media (max-width: 1199px) {
  .hero-banner__map {
    display: none;
  }
}

.hero-banner__book {
  position: absolute;
  right: 35px;
  bottom: 22px;
}

.hero-banner__book img {
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@media (max-width: 1199px) {
  .hero-banner__book {
    display: none;
  }
}

.hero-banner__star2 {
  position: absolute;
  left: -166px;
  right: 0;
  margin: auto;
  text-align: center;
  bottom: -6px;
}

.hero-banner__star2 img {
  -webkit-animation: blinker2 3s infinite linear;
  animation: blinker2 3s infinite linear;
}

@media (max-width: 1199px) {
  .hero-banner__star2 {
    display: none;
  }
}

.hero-banner__video {
  width: 126px;
  height: 126px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -35px;
  top: 154px;
}

@media (max-width: 1199px) {
  .hero-banner__video {
    left: 0;
    right: 0;
    margin: auto;
    top: auto;
    bottom: 55px;
  }
}

.hero-banner__video .video-popup {
  width: 49px;
  height: 49px;
  background-color: var(--eduact-white);
  border-radius: 50%;
  font-size: 20px;
  color: var(--eduact-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -6px;
}

.hero-banner__video .video-popup:hover {
  background-color: var(--eduact-black);
  color: var(--eduact-white);
}

.hero-banner__video .video-popup::before {
  content: "";
  border: 1px solid rgba(var(--eduact-white-rgb), 0.47);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: calc(100% + 107px);
  height: calc(100% + 107px);
  border-radius: 50%;
  animation: zoomBig 3.25s linear infinite;
  animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-delay: .55s;
  animation-delay: .55s;
}

.hero-banner__video .video-popup::after {
  content: "";
  border: 1px solid rgba(var(--eduact-white-rgb), 0.47);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: calc(100% + 107px);
  height: calc(100% + 107px);
  border-radius: 50%;
  animation: zoomBig 3s linear infinite;
  animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.hero-banner__cart {
  position: absolute;
  left: -73px;
  bottom: 58px;
}

@media (max-width: 1199px) {
  .hero-banner__cart {
    display: none;
  }
}

.hero-banner__cart__thumb {
  width: 67px;
  height: 67px;
  background-color: var(--eduact-base);
  border-radius: 50%;
  padding: 7px;
  margin: 0 0 -22px;
  z-index: 2;
  position: relative;
}

.hero-banner__cart__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-banner__cart__content {
  position: relative;
  width: 210px;
}

.hero-banner__cart__content-inner {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-radius: 12px;
  padding: 26px 28px 20px;
}

.hero-banner__cart__content::after {
  position: absolute;
  left: 18px;
  top: 18px;
  width: 100%;
  height: 100%;
  content: '';
  border: 0.8px solid rgba(255,255,255 0.47);
  border-radius: 7px;
  transition: all 500ms ease;
  z-index: -1;
}

.hero-banner__cart__content:hover::after {
  left: 0;
  top: 0;
  border-radius: 13px;
}

.hero-banner__cart__content svg {
  position: absolute;
  right: 0;
  bottom: 0;
  fill: var(--eduact-base);
  width: 88px;
  height: 38px;
}

.hero-banner__cart__title {
  font-size: 15.776px;
  color: var(--eduact-black2);
  font-weight: 600;
  margin-bottom: 2px;
}

.hero-banner__cart__text {
  font-size: 12.27px;
  color: var(--eduact-grey);
  font-weight: 600;
  margin-bottom: 9px;
}

.hero-banner__cart .eduact-btn {
  height: 34px;
  font-size: 15.776px;
  background-color: var(--eduact-secondary);
  border-radius: 6px;
  padding: 5px 14.5px;
}

.hero-banner__cart .eduact-btn i {
  margin-left: 9px;
}

.hero-banner__cart .eduact-btn__curve {
  width: 0;
}

.hero-banner__border {
  border: 1px solid #D9D9D9;
  width: 33px;
  height: 33px;
  position: absolute;
  left: 56px;
  bottom: 203px;
  border-radius: 50%;
  animation: zoomBig 3s linear infinite;
  animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

@media (max-width: 1300px) {
  .hero-banner__border {
    display: none;
  }
}

@-webkit-keyframes float-bob-y-2 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
    transform: translateY(10px) translateX(10px) rotate(5deg);
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
}

@keyframes float-bob-y-2 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
    transform: translateY(10px) translateX(10px) rotate(5deg);
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes blinker {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.03, 1.03);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes blinker2 {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.6, 0.6);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes sunMove {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  75% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes circle {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(450deg);
  }
}

@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: .5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}

@keyframes rotated {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotated2 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes iconTranslateX {
  49% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}

@keyframes iconTranslateY {
  49% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  51% {
    opacity: 1;
  }
}

.hero-banner__cart .eduact-btn {
    height: 34px;
    font-size: 15.776px;
    background-color: #0393fd;
    border-radius: 6px;
    padding: 5px 14.5px;
    color:#fff;
}
.company 
{
    padding:50px 0px;
}
.company .main-section-title 
{
    margin-bottom:30px;
}
.data-se .main-section-title, .data-se .main-section-title p
{
    max-width:100%;
}
.data-se .main-section-title h2, .company .main-section-title h2 
{
    font-size:32px;
    line-height:42px;
}
/*-----CATEGORIES START-----*/
.tf__single_category {
    position: relative;
    margin-top: 25px;
}

.tf__single_category_icon {
    width: 100px;
    height: 100px;
    background: var(--colorBlue);
    line-height: 96px;
    text-align: center;
    color: var(--colorWhite);
    font-size: 40px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transition: all linear .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}
.tf__single_category_icon img 
{
    filter: brightness(0) invert(1);
    width:75px;
}

.tf__single_category_text {
    background: url(../images/categiry_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px;
    margin-left: 50px;
    padding-left: 80px;
    position: relative;
    border-radius: 5px;
    border-left: 3px solid var(--colorBlue);
    overflow: hidden;
    transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.tf__single_category_text::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #ecf2f9;
    top: 0;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_category_text h3 {
    position: relative;
    z-index: 1;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
    transition: all linear .3s;
    transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_category_text p {
    position: relative;
    z-index: 1;
    padding-left: 8px;
    transition: all linear .3s;
    transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_category:hover .tf__single_category_text::after {
    opacity: .85;
}

.tf__single_category:hover .tf__single_category_icon {
    background: var(--colorWhite) !important;
}

.tf__single_category:hover h3,
.tf__single_category:hover p {
    color: var(--colorWhite);
}


.tf__single_category.light_blue .tf__single_category_icon {
    background: #8e56ff;
}

.tf__single_category.light_blue .tf__single_category_text {
    border-color: #8e56ff;
}

.tf__single_category.light_blue:hover .tf__single_category_text::after {
    background: #8e56ff;
}

.tf__single_category.light_blue:hover .tf__single_category_icon img {
    filter: invert(39%) sepia(85%) saturate(7489%) hue-rotate(242deg) brightness(100%) contrast(101%);
}


.tf__single_category.blue .tf__single_category_icon {
    background: #4582ff;
}

.tf__single_category.blue .tf__single_category_text {
    border-color: #4582ff;
    
}

.tf__single_category.blue:hover .tf__single_category_text::after {
    background: #4582ff;
}

.tf__single_category.blue:hover .tf__single_category_icon img {
    filter: invert(40%) sepia(81%) saturate(3366%) hue-rotate(218deg) brightness(101%) contrast(101%);
}


.tf__single_category.green .tf__single_category_icon {
    background: #1ab69d;
}

.tf__single_category.green .tf__single_category_text {
    border-color: #1ab69d;
}

.tf__single_category.green:hover .tf__single_category_text::after {
    background: #1ab69d;
}

.tf__single_category.green:hover .tf__single_category_icon img {
    filter: invert(54%) sepia(72%) saturate(486%) hue-rotate(128deg) brightness(89%) contrast(85%);
}


.tf__single_category.gray .tf__single_category_icon {
    background: #ada729;
}

.tf__single_category.gray .tf__single_category_text {
    border-color: #ada729;
}

.tf__single_category.gray:hover .tf__single_category_text::after {
    background: #ada729;
}

.tf__single_category.gray:hover .tf__single_category_icon img {
    filter: invert(71%) sepia(66%) saturate(388%) hue-rotate(23deg) brightness(88%) contrast(87%);
}


.tf__single_category.orange .tf__single_category_icon {
    background: #ff7f46;
}

.tf__single_category.orange .tf__single_category_text {
    border-color: #ff7f46;
}

.tf__single_category.orange:hover .tf__single_category_text::after {
    background: #ff7f46;
}

.tf__single_category.orange:hover .tf__single_category_icon img {
   filter: invert(61%) sepia(92%) saturate(5823%) hue-rotate(2deg) brightness(101%) contrast(102%);
}


.tf__single_category.red .tf__single_category_icon {
    background: #ff5b5c;
}

.tf__single_category.red .tf__single_category_text {
    border-color: #ff5b5c;
}

.tf__single_category.red:hover .tf__single_category_text::after {
    background: #ff5b5c;
}

.tf__single_category.red:hover .tf__single_category_icon img {
    filter: invert(21%) sepia(91%) saturate(7465%) hue-rotate(357deg) brightness(96%) contrast(101%);
}
.courses-tabs-menu {
    background-color: #eefbf3;
    padding: 40px 100px;
    border-radius: 10px;
    position: relative;
}

.tabs-course {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.courses-tabs-menu .tabs-slide-course li 
{
    list-style:none;
}
.courses-tabs-menu ul 
{
    margin-bottom:0px;
    padding-bottom:0px;
}
.courses-tabs-menu .owl-theme .owl-nav {
    margin-top: 0px;
}
.courses-tabs-menu .tabs-slide-course li button {
    width: 100%;
    height: 60px;
    border: 1px solid rgba(48,146,85,0.2);
    border-radius: 10px;
    background-color: #fff;
    color: #212832;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 0 15px;
    white-space: nowrap;
}
.courses-tabs-menu .tabs-slide-course li button.active, .courses-tabs-menu .tabs-slide-course li button:hover {
    border-color: var(--mainColor);
    color: var(--mainColor);
}
.tabs-slide-course.owl-theme .owl-nav .owl-prev, .tabs-slide-course.owl-theme .owl-nav .owl-next {
    margin: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #f0f0f0;
    background-color: var(--whiteColor);
    color: #8c9591;
    font-size: 20px;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
}
.tabs-slide-course.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -70px;
}
.tabs-slide-course.owl-theme .owl-nav .owl-prev {
    right: auto;
    left: -40px;
}
.tabs-slide-course.owl-theme .owl-nav .owl-prev:hover, .tabs-slide-course.owl-theme .owl-nav .owl-next:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor);
    border-color: var(--mainColor);
}
.w-100 
{
    max-width:100% !important;
}
.tabs-difine 
{
    padding-right:80px;
}
.tabs-difine p 
{
    text-align:justify;
}
.student-feature-icons 
{
    padding:0px;
    margin:0px;
}
.tabs-difine h4 
{
    font-size:22px;
    margin-bottom:20px;
}
.student-feature-icons li 
{
    list-style:none;
    margin-bottom:20px;
}
.student-feature-icons i {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    background: rgb(188 241 206);
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    border-radius: 7px;
    margin-right:10px;
}
.how-it-work-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.single-work {
    max-width: 230px;
    border-radius: 10px;
    background-color: #e7f8ee;
    padding: 10px;
    padding-bottom: 15px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.single-work .shape-1 {
    position: absolute;
    left: -17px;
    top: 0;
    z-index: -1;
}
.single-work .work-icon i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid rgba(48,146,85,0.2);
    border-radius: 10px;
    background-color: #fff;
    color: #309255;
    display: inline-block;
    font-size: 32px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom:10px;
}
.single-work .work-icon img 
{
    width:50px;
    margin-bottom:15px;
}

.single-work .work-content .title {
    font-size: 18px;
    font-weight: 600;
    color: #212832;
    margin-bottom: 0;
    line-height:26px;
}
.single-work .work-content p {
    font-size: 15px;
    color: #696969;
    margin-bottom: 0;
    margin-top: 5px;
    margin-bottom:0px;
}
.how-it-work-wrapper .work-arrow {
    margin-top: 30px;
}
.single-work:hover .work-icon i {
    border-color: #0393fd;
    background-color: #0393fd;
    color: #fff;
}
.firstcut 
{
    padding: 2rem;
    background: #f0fafe;
    border-radius: 10px;
}
.service-one__item {
  position: relative;
  border-radius: 14px;
  margin: 0 0 30px;
  box-shadow: 11px 15px 30px 0px rgba(128, 137, 225, 0.1);
}

.service-one__item:hover .service-one__icon {
  background-color: #0393fd;
}

.service-one__item:hover .service-one__icon span {
  transform: scale(0.9);
}

.service-one__item:hover svg path {
  fill: #0393fd;
}

.service-one__item svg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 118px;
  height: 129px;
}

.service-one__item svg path {
  transition: 300ms ease;
}

.service-one__wrapper {
  overflow: hidden;
  padding: 30px 20px 30px;
  position: relative;
  z-index: 2;
  border: 1px solid #E0E3FD;
  background-color: #fff;
  border-radius: 14px;
}

.service-one__icon {
  width: 90px;
  height: 90px;
  background-color: #9abbff;
  font-size: 38px;
  line-height: 1;
  position: relative;
  z-index: 3;
  color: #fff;
  margin: 0 0 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  transition: 500ms ease;
}
.service-one__icon img {
  filter: brightness(0) invert(1);
  width:70px;
}
.service-one__icon span {
  display: inline-block;
  transition: all 500ms linear;
  transition-delay: 0s;
  transition-delay: 0.1s;
  transform: scale(1);
}

.service-one__title {
  font-size: 20px;
  margin: 0 0 17px;
}

.service-one__title a {
  color: inherit;
  text-decoration:none;
}

.service-one__title a:hover {
  color: #0393fd;
}

.service-one__text {
  margin: 0 0 15px;
}

.service-one__rm {
  display: flex;
  align-items: center;
  color: #2b6bee;
  font-weight: 700;
  font-size: 16px;
}

.service-one__rm span {
  color: #4f5de4;
  font-size: 10px;
  position: relative;
  top: 2px;
  padding-left: 10px;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.service-one__rm:hover {
  color: #4f5de4;
}

.service-one__rm:hover span {
  animation: iconTranslateX 0.4s forwards;
}
.button-style .partners-item 
{
    background:none;
    border:0;
}
.button-style .partners-item a 
{
    border: 1px solid #0393fd;
    display:block;
    padding: 12px 20px;
    border-radius: 30px;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    background: #e5e9fb;
}
.button-style .partners-item a:hover 
{
    background:#0393fd;
    color:#fff;
}
.category-one__item {
    position: relative;
    border-radius: 14px;
    box-shadow: 11px 15px 30px 0px rgba(128, 137, 225, 0.1);
    margin: 0 0 30px;
}
.category-one__item {
  position: relative;
  border-radius: 14px;
  box-shadow: 11px 15px 30px 0px rgba(128, 137, 225, 0.1);
  margin: 0 0 30px;
}

.category-one__item:hover .category-one__hover {
  transform: scaleY(1);
}

.category-one__wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid var(--eduact-soft3);
  background: var(--eduact-white);
}

.category-one__thumb {
  position: relative;
  padding-bottom: 44px;
}

.category-one__thumb img {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 303 334" fill="none"> <path d="M308 179.977C134.62 179.977 30.4249 281.999 0 333.01V0.00976562H308V179.977Z" fill="black"/> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 303 334" fill="none"> <path d="M308 179.977C134.62 179.977 30.4249 281.999 0 333.01V0.00976562H308V179.977Z" fill="black"/> </svg>');
  mask-repeat: repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.category-one__content {
  position: absolute;
  left: 0;
  bottom: 18px;
  height: 195px;
  width: 100%;
  text-align: center;
}

.category-one__icon {
  position: relative;
  width: 70px;
  height: 70px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: var(--eduact-white);
  overflow: hidden;
  margin: 0 auto 80px;
}

.category-one__icon::after {
  position: absolute;
  content: '';
  right: -29px;
  bottom: -39px;
  width: 77px;
  height: 99px;
  transform: rotate(-146.877deg);
  background: linear-gradient(177deg, rgba(var(--eduact-white), 0.53) 0%, rgba(var(--eduact-white), 0) 100%);
  border-radius: 50%;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.category-one__title {
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 4px;
}

.category-one__text {
  font-size: 20px;
  color: #0393fd;
  margin: 0;
}

.category-one__hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.category-one__hover__thumb {
  overflow: hidden;
  border-radius: 14px;
  position: relative;
  height: 100%;
}

.category-one__hover__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}

.category-one__hover__thumb::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  content: '';
  background: rgba(30, 31, 37, 0.5);
}

.category-one__hover__content {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.category-one__hover__icon {
  position: relative;
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  color: var(--eduact-white);
  overflow: hidden;
  margin: 0 auto 28px;
}

.category-one__hover__icon::after {
  position: absolute;
  content: '';
  right: -29px;
  bottom: -39px;
  width: 77px;
  height: 99px;
  transform: rotate(-146.877deg);
  background: linear-gradient(177deg, rgba(var(--eduact-white-rgb), 0.53) 0%, rgba(var(--eduact-white-rgb), 0) 100%);
  border-radius: 50%;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.category-one__hover__title {
  font-size: 32px;
  line-height: 26px;
  color: #fff;
  margin: 0 0 10px;
}

.category-one__hover__title a {
  color: #fff;
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: all 0.4s ease;
    text-decoration: none;
}

.category-one__hover__title a:hover {
  color: var(--eduact-secondary);
  background-size: 0% 1px, 100% 1px;
}

.category-one__hover__text {
  font-size: 20px;
  color: var(--eduact-white);
  margin: 0;
}


.service-two__item {
  position: relative;
  border-radius: 10px;
  margin: 0 0 36px;
  box-shadow: 0px 0px 60px 0px rgba(var(--eduact-black2-rgb), 0.07);
}

.service-two__item:hover .service-two__icon {
  background-color: var(--eduact-base);
}

.service-two__item:hover .service-two__icon span {
  transform: scale(0.9);
}

.service-two__item:hover .service-two__rm {
  color: var(--eduact-white);
}

.service-two__item:hover .service-two__rm::before {
  visibility: visible;
  transform: scale(1);
  opacity: 1;
}

.service-two__item:hover .service-two__rm::after {
  visibility: visible;
  transform: scale(1);
  opacity: 1;
}

.service-two__item svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 117px;
  transition: 300ms ease;
  fill: var(--eduact-soft5);
}

.service-two__wrapper {
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 2;
  background-color: var(--eduact-white);
  border-radius: 10px;
}

.service-two__icon {
  width: 166px;
  height: 166px;
  background-color: var(--eduact-secondary);
  font-size: 60px;
  line-height: 1.2;
  position: relative;
  z-index: 3;
  color: var(--eduact-white);
  margin: -66px auto 35px;
  display: flex;
  align-items: end;
  justify-content: center;
  border-radius: 50%;
  transition: 500ms ease;
  padding: 0 0 22px;
}
.service-two__icon img {
    width: 100px;
    vertical-align: middle;
    position: relative;
    top: 20px;
    filter: brightness(0) invert(1);
}

.service-two__icon span {
  display: inline-block;
  transition: all 500ms linear;
  transition-delay: 0s;
  transition-delay: 0.1s;
  transform: scale(1);
}

.service-two__title {
  font-size: 20px;
  margin: 0 0px 0px;
}

.service-two__title a {
    color: inherit;
    text-decoration: none;
}

.service-two__title a:hover {
  color: var(--eduact-base);
}

.service-two__text {
    font-weight: 500;
    max-width: 100%;
    margin: 0 auto 32px;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

.service-two__rm {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  border-top: 1px solid var(--eduact-soft4);
  color: var(--eduact-black);
  font-weight: 700;
  font-size: 16px;
  z-index: 2;
}

.service-two__rm span {
  color: var(--eduact-secondary);
  font-size: 10px;
  position: relative;
  top: 1px;
  padding-left: 10px;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.service-two__rm:hover {
  color: var(--eduact-secondary);
  border-color: transparent;
}

.service-two__rm:hover span {
  animation: iconTranslateX 0.4s forwards;
}

.service-two__rm::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(var(--eduact-black2-rgb), 0.46);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  transform: scale(1.1);
  z-index: -1;
}

.service-two__rm::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: '';
  transition: 500ms ease;
  background-image: url(../images/resources/service-rm.png);
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  z-index: -1;
  transform: scale(1.1);
}
.certi-img 
{
    box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background:#fff;
    padding:25px;
    border-radius:10px;
    position: relative;
    overflow: hidden;
   transition: all 0.5s;
}

.certi-img img 
{
      border-radius:10px;
}
.certi-img:hover .c-img {
    transform: scale(1.1);
    transition: all 0.5s;
    border-radius:10px;
}

    
.faq-course .nav-pills .nav-link {
    background-color: #e9f3ff;
    color: #000;
    border-radius: 6px;
    margin-right: 10px;
    font-weight: 500;
    padding: 10px 20px;
}

.faq-course .nav-pills .nav-link.active {
    background-color: #fff;
    border: 1px solid #0393fd;
    color: #0393fd;
}
.faq-course .tab-content {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 20px;
    background-color: #fff;
    margin-top: 15px;
}
.course-module-opportunities_wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    background-color: #f9fafb;
    border-radius: .75rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: flex;
    margin-top:20px;
}
.course-module-opportunities-title {
    color: #7b869d;
    letter-spacing: .4px;
    font-family: Switzer,Arial,sans-serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: 16px;
}
.course-module-opportunities-company-logo-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}
.opportunities_company-logo_accenture {
    object-fit: contain;
    width: 3.5rem;
    height: 100%;
}
.course-module-opportunities_wrapper img 
{
    width:55px;
}
.item-tutors-ins 
{
        background-color: var(--mainColor);
        border-radius:10px;
        text-align:left;
        position:relative;
        overflow: hidden;
        height: 345px;
         cursor: pointer;
            
}
.item-tutors-ins .instructors-single-img img {
    width: 80px;
    height: 80px;
}
.tutors-ui {
    display: flex;
    justify-content: center;
    margin-bottom:50px;
}
.item-tutors-ins h3 {
    color: #fff;
}
.item-tutors-ins hr {
   border-top:2px solid #fff;
       opacity: .5;
}
.item-tutors-ins .instructors-single-img img 
{
    margin-right:45px;
    border-width:3px;
}
.tutors-ui p 
{
    margin-bottom:0px;
    color:#fff;
    font-weight:bold;
    font-size:16px;
}
.CibopExp_expertise__XHyB5 
{
    color:#fff;
}
.part-for-logo 
{
        margin-bottom: 40px;
    display: flex;
    gap: 8px;
    justify-content: center;
}
.part-for-logo .img-tutor 
{
    position: relative;
    width: 92px;
    height: 33px;
}

.data-content-ui 
{
    color:#fff;
}
.data-content-ui a {
    border: 1px solid #fff;
    padding: 8px 16px;
    font-size: 16px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    transition: all 0.5s;
}
.data-content-ui a:hover 
{
    background: #2f9ef0;
    color: #fff;
}
.overlay-content-show {
    transition: all .6s;
    height: 100%;
    padding: 10px;
    background: var(--mainColor);
    border-radius: 8px;
    border: 1px solid rgba(58, 170, 166, .5);
    position: absolute;
    top: 100%;
    overflow-y: scroll;
    color: #fff;
    text-overflow: ellipsis;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    left: 0px;
    text-align: justify;
}
.instructors-single-item.active-item-tutor .overlay-content-show {
    top: 0; /* slide up to show */
}

.mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: -265px;
    width: 99vw;
    background: #fff;
    z-index: 9;
}

#mega-menu-parent:hover + .mega-menu,
.mega-menu:hover {
    display: block;
}



.mega-menu .row > div:last-child {
    border-right: none;
}

.mega-menu h6 {
    font-weight: bold;
    margin-bottom: 10px;
    color: #0393fd; /* Theme color */
}

.mega-menu a {
    display: block;
    padding: 4px 0;
    text-decoration: none;
    color: #333;
}

.mega-menu a:hover {
    color: #0393fd;
}
.menu-menu-ui .nav-pills 
{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: left;
    text-align: left;
    border-right: 1px solid #ddd;
    padding-top:40px;
    padding-bottom:40px;
    
}
.menu-menu-ui .nav-pills h4 
{
    padding-left:15px;
}
.menu-menu-ui .nav-item .nav-link 
{
    background:#fff;
    color:#444;
    width:100%;
    text-align:left;
    padding-top:20px;
    padding-bottom:20px;
    font-weight:700;
    border-bottom:1px solid #ddd;
}
.menu-menu-ui .nav-item .nav-link .icon-megha {
    float: right;
}
.menu-menu-ui .nav-item .nav-link.active, .menu-menu-ui .nav-item .nav-link:hover
{
    color:#0d6efd; 
}
.nav-right-options .menu-menu-ui ul li {
    margin-right: 10px;
}
div#data-mega-menu {
    padding-top: 40px;
    padding-bottom: 40px;
}
div#data-mega-menu .get-a-job 
{
    margin-bottom:30px;
}
.ui-card-mega 
{
    margin-bottom:15px;
    display: flex;
    border-radius: 10px;
    padding: 10px;
    align-items:center;
    justify-content: space-between;
    background: var(--mainColor);
    transition: all 0.5s;
}
.ui-card-mega a 
{
    display:block;
    text-decoration:none;
}
.ui-card-mega:hover 
{
    background: #00b9ff;
}
.whole-box {
    display: flex;
    border-radius: 10px;
    align-items:center;
    
}
.whole-img-box 
{
    margin-right:15px;
}
.whole-img-box img 
{
    width:100px;
    border-radius:10px;
}
.whole-content-box h4 
{
    font-size:16px;
    margin:0px;
    color:#fff;
    margin-bottom:10px;
    line-height:24px;
}
.whole-content-box p 
{
    font-size:14px;
    margin:0px;
    color:#fff;
}
.whole-content-box img 
{
    width:15px;
    margin-left:5px;
}
.setup-for-tabs  .shorting {
    min-height: 950px; /* adjust based on tallest module */
    position: relative;
}
        
       .setup-for-tabs .mix {
    display: none !important;
}


.setup-for-tabs .mix.active {
    display: block !important;
}
.setup-for-new-tabs .nav-tabs {
    border-bottom: none;
    background-color: #eefbf3;
    padding: 40px 40px;
    border-radius: 10px;
    position: relative;
}
.setup-for-new-tabs .nav-tabs .nav-link {
        width: 100%;
    height: 60px;
    border: 1px solid rgba(48, 146, 85, 0.2);
    border-radius: 10px;
    background-color: #fff;
    color: #212832;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 0 15px;
    white-space: nowrap;
}
.setup-for-new-tabs li.nav-item {
    float: left;
    width: 12.5%;
    padding-left: 15px;
    padding-right: 15px;
}

.setup-for-new-tabs .nav-tabs .nav-link.active {
    background-color: white;
    color: #0393fd;
    border: 1px solid #0393fd;
}

.setup-for-new-tabs .nav-tabs .nav-link:hover {
    background-color: #fff;
    color: #0393fd;
    border: 1px solid #0393fd;
}
.project-card {
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px dotted #0393fd;
    border-radius:10px;
    background:#f0fafe;
    margin-top:30px;
}

.work-icon {
    background: #f2ffd7;
    width: 60px;
    height: 60px;
    line-height: 70px;
    border-radius: 50%;
    text-align: center;
}
.project-card img 
{
    background: #fff;
    padding: 5px;
    border-radius: 10px;
}
.filter-wh 
{
        filter: brightness(60);
}
.main-scr-btn .btn-modify 
{
    background:#fff;
    border: 1px solid #0393fd !important;
    color:#0393fd;
    padding: 20px 20px;
    border-radius: 4px;
}
.main-scr-btn .btn-modify1 
{
    padding: 20px 20px;
    border-radius: 4px;
}
.breadcrumb-area 
{
    background-color: #FFF6F4;
    background-image: url("../../assets/images/coverfile.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 80px 0px 80px 0px;
    overflow: visible;
}
.breadcrumb-text 
{
   width: 50%;
}

.breadcrumb-text h2
{
   font-size: 48px;
    font-weight: 800;
    line-height: 70px;
}
.breadcrumb-text h2 span 
{
    color: var(--mainColor);
}
.enroll-box
{
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    display:block;
    border-radius: 0px 0px 10px 10px;
}
.enroll-top-box 
{
    padding: 10px 10px 10px 10px;
    background:#555;
    text-align:center;
}
.enroll-top-box h4 
{
    color:#fff;
    font-size:20px;
    margin-bottom:5px;
}
.enroll-top-box p 
{
    color:#eee8e8;
    font-size:16px;
    max-width:80%;
    margin:auto;
}
.enroll-content 
{
    padding:0px 15px;
}
.enroll-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:10px;
    padding-bottom:20px;
}
.enroll-price 
{
    padding: 30px 0px 15px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    color: #555;
    font-weight: 800;
    margin-bottom:15px;
    
}

.enroll-price .price-number 
{
     color: var(--mainColor);
     line-height: .8;
     font-size:36px;
}
.enroll-price .price-symbol 
{
     color: var(--mainColor);
         margin-right: 10px;
         line-height: 1;
    font-size: 16px;
    align-self: flex-start;
    position:relative;
    left:3px;
    
}
.enroll-content .learn-list 
{
    position:relative;
}
.enroll-content .learn-list li 
{
    font-size:16px;
    margin-bottom:15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.new-testimonials 
{
    padding:20px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.new-testimonials .new-box-test 
{
   flex-direction: column;
}
.data-quotes {
    display: flex;
    justify-content: space-between;
}
.icons-show i, .icon-quotes i 
{
    color:#fec961;
}
.icon-quotes i 
{
    font-size:36px;
}
.full-test 
{
    align-items:center;
    margin-top:10px;
}
.new-testimonials .test-img img 
{
    width:80px !important;
    height:80px;
    margin-right:25px;
}
.cover-image {
    background-size: cover !important;
        width: 100%;
    position: relative;
}
.bg-background-color:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    display: block;
    z-index: 1;
    top: 0;
}
.bg-background-color:before {
    background: rgb(3 147 253 / 90%) !important;
}
.sptb {
    padding-top: 2.5rem;
    padding-bottom: 5rem;
}

.bg-background-color .content-text, .bg-background .header-text1 {
    position: relative;
    z-index: 10;
}
.student-feature-iconss {
    display: inline-block;
    padding:0px;    
    width: 50%;
    float: left;
}
.student-feature-iconss .le 
{
    font-size:22px !important;
    margin-bottom:25px;
    font-weight:bold;
}
.student-feature-iconss li {
    list-style:none;
}
.student-feature-iconss i {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    background: rgba(255, 255, 255, 0.15);
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    border-radius: 7px;
}
.ptrn .partners-item {
    text-align: center;
    padding: 0.5rem;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    background: #fff;
    width: 100%;
    overflow: visible;
    transition: transform 0.5s;
    border: 1px dashed #0393fd;
}
.ptrn .partners-item a 
{
    text-decoration: none;
    color: #000;
    text-align: center;
}
.secton-modify {
    background-color: var(--mainColor);
}
.secton-modify .counter-single-item 
{
   flex-direction: column;
   position: relative;
    text-align: center;
    padding: 29px 20px 27px;
    border-radius: 10px;
    border: 1px solid #b5b3be;
    transition: 500ms;
    margin-bottom:0px;
}
.secton-modify .counter-single-item  .bg1 
{
    background:rgb(0 125 249 / 100%)
}
.secton-modify .counter-single-item  .bg2 
{
    background:rgb(11 189 200 / 100%)
}
.secton-modify .counter-single-item  .bg3 
{
    background:rgb(128 110 249 / 100%)
}
.secton-modify .counter-single-item  .bg4 
{
    background:#1ab69d;
}
.secton-modify .counter-single-item .icon 
{
    margin-bottom:20px;
}
.secton-modify .counter-single-item .icon img 
{
    filter: brightness(0) invert(1);
}
.secton-modify .counter-single-item h3, .secton-modify .counter-single-item span 
{
    color:#fff;
}
.secton-modify .counter-single-item::before {
    content: "";
    position: absolute;
    left: -1px;
    bottom: -1px;
    width: 0px;
    height: 0px;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    border-radius: 10px;
    transition: 0.6s linear;
}
.secton-modify .counter-single-item:hover::before, .secton-modify .counter-single-item:hover::after {
    width: 100%;
    height: 100%;
    border-color: #FFFFFF;
}
.secton-modify .counter-single-item::after {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    width: 0px;
    height: 0px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-radius: 10px;
    transition: 0.6s linear;
}
.student-story .new-testimonials 
{
    margin-bottom:15px;
    background:#fff;
}
.student-story .new-testimonials .data-quotes .icons-show i, .student-story .new-testimonials .data-quotes .icon-quotes i  
{
    font-size:14px;
}
.student-story .new-testimonials .data-quotes .icon-quotes i  
{
    font-size:20px;
}
.student-story .new-testimonials .data-quotes 
{
    margin-bottom:10px;
}
.student-story .new-testimonials h3 
{
    font-size:18px;
}
.student-story .new-testimonials p 
{
    font-size:16px;
}
.student-story .new-testimonials .test-img img {
    width: 60px !important;
    height: 60px;
    margin-right: 15px;
    border-radius:50%;
}
.student-story .new-testimonials h4 
{
    font-size:20px;
    margin-bottom:0px;
}
.profile-pic 
{
    border-radius: 50%;
    padding: 10px;
    border: 1px solid rgba(48, 146, 85, 0.2);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width:150px;
    height:150px;
    margin-left:auto;
    margin-right:auto;
    
}
.wall-of-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom:40px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    background:#fff;
    padding-top:10px;
    border-radius:10px;
}
.name {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}
.role {
    color: #0393fd;
    font-size: 14px;
    margin-bottom:15px;
}
.wall-of-frame .company-logo 
{
    width:80px;
    padding-bottom:10px;
}
.privacy-and-conditions-item h2 
{
    font-size:24px;
}
.refund-policy h2 
{
    font-size:18px;
}
.refund-policy h3 
{
    font-size:16px;
    margin-bottom:0px;
}
.refund-policy p, .refund-policy ul li 
{
    font-size:15px;
}
.refund-policy ul li i {
    top: 5px;
}
.refund-policy strong 
{
    color:#555;
}
.privacy-and-conditions-item h3 {
    font-size: 20px;
    margin-bottom: 0;
}
.ssg ul li i {
    top: 5px;
}
.value-cus 
{
    color:#fff;
}

.value-cus  .custom-no 
{
    font-size:36px;
    font-weight:bold;
}
.dg 
{
    font-size:28px !important;
}
.call-popup 
{
    display:flex;
    background:#fff;
    border-radius: 10px;
}
.modal-call 
{
    z-index:9;
}
.form-call 
{
    padding:20px 30px;
}
.modal-call .btn-close 
{
    position:absolute;
    right:0px;
    top:0px;
}
.form-call h2 
{
    margin-bottom:25px;
    font-size:24px;
}
.form-call form select
{
    color:#999;
}
.form-call form input 
{
    color:#999;
}
.form-call form textarea 
{
    color:#999;
}
.form-call .set-submit 
{
    border:0px;
}
#download-browser .call-popup 
{
    justify-content: center;
    align-items: center;
}
#download-browser .call-popup  .popups-call {
    width: 60%;
}
.page-case h2 
{
    font-size:28px;
}
.page-case p 
{
    text-align:justify;
}
.page-case p strong 
{
    color:#000;
}
.right-case 
{
        padding: 20px;
    
}
.right-case ul 
{
   padding:0px;
   margin:0px; 
}
.right-case h4 
{
    position:relative;
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
    margin-bottom:25px;
}
.right-case h4:before 
{
    position:absolute;
    content:'';
    left:0px;
    bottom:0px;
    width:30%;
    background:var(--mainColor);
    height:2px;
    
}
.right-case ul li 
{
    list-style:none;
}
.right-case ul li a 
{
    text-decoration: none;
    background: #fff;
    display: block;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 10px;
    color: #626d68;
}

.right-case ul li a .right 
{
    float:right;
}
.right-case ul li a:hover 
{
    background:var(--mainColor);
    color:#fff;
}
.right-case ul li a.active-case{
    background:var(--mainColor);
    color:#fff;
}
.fixed-case 
{
    position:fixed;
        margin-top: 0px;
    margin-bottom: 0px;
    top: 12%;
    width: 27%;
    height: 500px;
    overflow: auto;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 1000px;
        margin-right: auto;
        margin-left: auto;
    }
    .set-download {
    max-width: 500px;
}
}

.highlights p {
  font-size: 16px;
  color: #444;
  line-height: 1.6; /* better readability */
  margin-bottom: 16px;
  max-width: 700px; /* keeps text aligned in same width as list */
}

.program-points {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0; /* aligns with paragraph */
  max-width: 700px;   /* same width as paragraph */
}

.program-points li {
  font-size: 16px;
  color: #333;
  margin: 14px 0; /* gap between lines */
  display: flex;
  align-items: center;
  font-weight: 500;
  line-height: 1.6;
}

.program-points li img {
  margin-right: 12px;
  width: 22px;
  height: 22px;
}

/* Hover effect */
.program-points li:hover {
  color: #0066cc;
  transition: 0.3s;
}

/* Rating stars */
.stars {
  color: #FFD700; /* gold stars */
  margin-right: 6px;
  font-size: 16px;
}
#brochure-list {
    text-align:center;
}
#brochure-list .seticon {
    font-size: 2rem;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    background: #0393fd;
    display: inline-block;
    height: 60px;
    width: 60px;
    line-height: 60px;
    color: #fff;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;

}
#brochure-list h3 {
text-align: center;
    margin-bottom: 25px;
    margin-top: 15px;
}
#brochure-list ul  {
    padding:0;
}
    
#brochure-list ul li {
    list-style:none;
}
#brochure-list .btn-modify1 {
    padding: 20px 20px;
    border-radius: 4px;
}
 .batch-card {
      background: #fff;
      border-radius: 12px;
      padding: 25px 25px;
      text-align: center;
      transition: all 0.3s ease-in-out;
      box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    }
    .batch-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    }
.calendar-icon {
    background: linear-gradient(135deg, #0393fd, #05a0ec);
    border-radius: 12px;
    padding: 10px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    display: inline-block;
    width: 90px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
}
    .batch-card-style {
    background:linear-gradient(118deg, #EDFBF8 32.82%, #FFFCF5 83.36%, #FFFCF5 100%);
    border:1px solid #ddd;
    padding:30px;
    border-radius:10px;
    }
    .btn-custom {
      border-radius: 50px;
      padding: 10px 25px;
      font-weight: 600;
    }
    .btn-learn {
      background: #e6f8f2;
      color: #00b77e;
      border: none;
    }
    .btn-enroll {
      background: linear-gradient(135deg, #ff6b6b, #ff8e53);
      color: #fff;
      border: none;
    }
    .batch-section {
    padding-top:40px;
    padding-bottom:40px;
    }

.top-offer-widget {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(120deg, #0393fd, #0393fd 70%);
  color: #fff;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  overflow: hidden; /* keep animation inside */
}

/* Add moving light overlay */
.top-offer-widget::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.45) 50%, /* brighter */
    rgba(255, 255, 255, 0) 70%
  );
  animation: shine 4s linear infinite; /* faster & eye-catching */
  z-index: -1;
}

@keyframes shine {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(50%);
  }
}

/* Scrolling text effect */
.top-offer-widget .offer-text {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%; /* start off-screen */
  animation: floatText 15s linear infinite;
}

@keyframes floatText {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.top-offer-widget p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.top-offer-widget .main-btn {
  background: #fff;
  color: #0393fd;
  font-weight: 600;
  padding: 6px 15px;
  border-radius: 5px;
  transition: 0.3s;
  text-decoration: none;
}

.top-offer-widget .main-btn:hover {
  background: #027bd1;
  color: #fff;
}