:root{
	--color-4 : #3e55a2 !important;
	--hover-color: #6bc9da !important;
	--color-gray: #737373 !important;
	--color-1 : #3e55a2 !important;
	--color-11: #737373 !important;
}
body {
	color: var(--color-4);
}
.sub-header,
section.footer {
	display:none;
}
.search-option .submit-cls { 
	background-color: var(--color-4);
}

/* add css */
.menubar .logo img,
.footer img {
	display: none;
}
.footer {
	background-color: var(--color-4);
}
.footer a:hover {
	color: white !important;
}
/* style css */
.menu_pro_tgl_bg ul li:hover a{
	color: var(--color-4);
}
.menu_pro_tgl_bg ul li:hover i{
	color: var(--color-4);
}
.menu_pro_tgl_bg ul li:hover{
	color: var(--color-4);
}
.menu_pro_tgl_bg ul li:hover:after{
	background-color: var(--color-4);
}
.menu_pro_wish-flex .spandiv span{
	color: var(--color-4);
}
.menu_pro_wish-f-b .prcd a{
	color: var(--color-4);
	border: 1.5px solid var(--color-4);
}
.menu_pro_btn .btn{
	background-color: var(--color-4);
}
.dropdown-menu li a:hover{
	color: var(--color-4);
}
.navbar-nav .navbarHover a:hover{
	color: #fff;
}
.navbar-nav .navbarHover a:hover .has-sub-category{
	color: #fff;
}
.search-icon{
	border: 1px solid var(--color-4);
}
.m-cross-icon,
.m-search-icon{
	border: 1px solid var(--color-4);
}
.search-item span:hover{
	background-color: var(--color-4);
}
.cross-icon{
	border: 1px solid var(--color-4);
}
.m-cross-icon{
	border: 1px solid var(--color-4);
}
.h-1-banner .h-1-banner-text h1 span{
	color: var(--color-4);
}
.inline-form .search-btn {
	background: var(--color-4);
}
.search-option .submit-cls {
	background-color: var(--color-4);
}
.courses-card-body:hover .courses-text h5{
	color: var(--color-4);
}
.courses-card-body .courses-text .courses-price .courses-price-right i{
	color: var(--color-4);
}
.expert-instructor .instructor-card .instructor-card-body:hover h3{
	color: var(--color-4);
}
.expert-instructor .instructor-card .instructor-card-body:hover p{
	color: var(--color-4);
}
.qustion .accordion-item .active{
	color: var(--color-4);
}
.footer a:hover{
	color: var(--color-4);
}
.footer .copyright .footer-privacy a:hover{
	color: var(--color-4);
}
.grid-view-body .courses-card .courses-text .review-icon span{
	background-color: var(--color-4);
}
.course-category h3::after{
	background-color: var(--color-4);
}
.pagenation .active{
	background-color: var(--color-4);
}
.ac-lecture li a span i {
	color: var(--color-4);
}
.accordion-body-2 .accordion-body-video .icon i{
	background-color: var(--color-4);
}
.accordion-body-2 .accordion-body-video h2 a:hover{
	color: var(--color-4);
}
.accordion-body-2 .accordion-time h2:hover{
	color: var(--color-4);
}
.instructor .instructor-icon i:hover{
	background-color: var(--color-4);
}
.c-d-3-banner .card-video-icon i:hover{
	background-color: var(--color-4);
}
.include-icon i{
	color: var(--color-4);
}
.error-body-text a{
	background-color: var(--color-4);
}
.blog-body .left-tag a:hover{
	background-color: var(--color-4);
}
.comment #phone:hover {
	border-color: var(--color-4);
}
.blog-body .right-section .right-tag a:hover{
	background-color: var(--color-4);
}
.sing-up-right h3 span{
	color: #fff;
}
.purchase-btn:hover{
	background-color: var(--color-4);
	border-color: var(--color-4);
}
.faq .faq-accrodion .faq-acc-heading h4{
	color: var(--color-4);
}
.form-section #exampleFormControlInput1:focus-visible {
	border-color: var(--color-4);
}
.about-us .about-us-btn a{
	background-color: var(--color-4);
}
.course-play-body .course-play-left-body .body-1 a:hover{
	background-color:  var(--color-4);
}
.course-play-body .course-play-left-body .video .card-video-icon{
	background-color: var(--color-4);
}
.course-play-body .course-play-left-body .video p a{
	color: var(--color-4);
}
.course-play-body .course-play-left-body .body-1 p a:hover{
	color: var(--color-4);
}
.course-play-tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-bottom: 1.5px solid var(--color-4);
	color: var(--color-4);
}
.course-play-tab .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-bottom:  1.5px solid var(--color-4);
}
.course-play-tab .like p{
	color: var(--color-4);
}
.course-play-tab .like button{
	color: var(--color-4);
}
.s_list_one li::after {
	background-color: var(--color-4);
}
.speech-item-content .inner .title::before {
	background: var(--color-4);
}
.EbannerTop .search-option .form-control {
	border: 1px solid var(--color-4);
}
.eFaq .accordion-button::after {
	border: 1px solid var(--color-4);
}
.faq-accrodion .accordion .accordion-button::before {
	background-color: var(--color-4);
}
.Espeech-item .speech-item-content .no::after {
	background-color: var(--color-4);
}
.ePromotion h4 span{
	color: var(--color-4);
}
.eBtn .btn:hover{
	background-color: var(--color-4);
	border-color: var(--color-4);
}
.eStudent a:hover{
	background: var(--color-4);
}
.navbar-nav .navbarHover li ul li a:hover {
	background-color: var(--hover-color);
	color:var(--color-1);
}
/* custom css */
.pagenation .active, .page-item.active .page-link{
	background-color: var(--color-4);
	box-shadow: 0px 7px 18px -8px var(--color-4);
}
.btn-fill:hover{
	background: var(--color-4);
}

/* responsive css */
.sing-up-right .resend-code .btn {
	background-color: var(--color-4);
}
.btn-bar {
	color: var(--color-4);
}
.sing-up-right .resend-code .btn {
	background-color: var(--color-4);
}

@media all and (max-width: 900px) {
	.sing-up-right .resend-code .btn {
		background-color: var(--color-4);

	}
	.sing-up-right .resend-code .btn {
		background-color: var(--color-4);
	}

} 

@media all and (max-width: 420px) { 
	.sing-up-right .resend-code .btn {
		background-color: var(--color-4);
	}
	.invoice-no .invoice-color {
		color: var(--color-4);
	}
	.invoice-bill .invoice-total h2 {
		color: var(--color-4);
	}
}  


/* Home Page Css Start */
.title-shape {
	position: relative;
	color: var(--color-1);
	font-size: 36px;
	padding-top: 0 !important;
	font-weight: 700;
}
.title-shape::after {
	content: "";
	background-image: url(../image/h-1-shape.png);
	width: 160px;
	height: 31px;
	position: absolute;
	background-size: 160px;
	top: 48px;
	left: calc(50% - 80px);
}
.cta-button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 30px;
	border-radius: 14px;
	background-color: var(--color-4);
	box-shadow: 0 10px 30px rgb(64 86 160 / 20%);
	font-size: 15px;
	font-weight: 500;
	line-height: 15px;
	line-height: 20px;
	color: #fff;
	transition: all 0.4s ease;
}
.cta-button:hover {
	background-color: var(--color-4);
}
section.bannar-area {
	padding: 40px 0 40px 0;
}
section.bannar-area .banner-five-content .info {
	font-weight: bold;
	max-width: 100%;
	font-size: 20px;
	color: var(--hover-color);
}
.banner-five-content {
	max-width: inherit;
}
.banner-five-content .title {
	letter-spacing: 0.05em;
	font-size: 49px;
	line-height: 56px;
	color: var(--color-4);
}
.banner-five-content .info {
	font-weight: bold;
}
.banner-five-content .title span.graphic {
	color: var(--hover-color);
	font-size: 70px;
}
.benefits .img img, 
.features .img img {
	transition: all 0.4s ease;
}
.benefits .img {
	border-radius: 100%;
	padding: 30px;
	border: 6px solid var(--color-4);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	aspect-ratio: 1 / 1;
}
.course-training-five:hover .img img {
	transform: scale(1.1);
}
.features {
	background: url(../image/dedicated-bg.png);
	border-radius: 50px;
	background-size: 100% 100%;
}
.features .title-two .title{
    color: #6BC9DA;
}
.features .course-training-five .content .title,
.features .course-training-five .content .info {
	color: #fff;
}
.features .cta-button {
	/*background-color: white;
	color: var(--color-4);*/
    background-color: #6BC9DA;
    color: #fff;
	box-shadow: 0 10px 30px rgb(107 201 218 / 20%);
}
.features .cta-button:hover {
	background-color: white;
	color: var(--color-4);
}
.course-training-five .content .info {
	font-family: 'Inter', sans-serif;
}
.plr-vault {
	background-color: rgba(107,201,218,0.1)
}
.courses h1 span::before {
	display: none;
}
.search-option .submit-cls:hover {
	background-color: var(--color-4);
}
.banner-card-1 h6 {
	color: #151d27;
	font-weight: 600;
	font-family: "Lexend Deca";
	font-size: 18px;
}
.bannar-area .search-option {
	margin-bottom: 20px !important;
}
.features,
.courses-home,
.plr-vault,
.benefits {
	padding: 100px 0;
}
.bread-crumb {
	background-color: var(--color-4);
	background-image: none; 
}
.menubar li .header-dropdown {
	background-color: var(--color-4);
	color: #fff;
}
.menubar li .header-dropdown img {
	filter: brightness(0) invert(1);
}
.courses-list-view .list-card-control {
	min-width: 100%;
}
.grid-view {
	padding-bottom: 40px;
}
.grid-view-body .courses-card .courses-text .review-icon span:hover {
	background-color: var(--color-4);
}
.courses-card .courses-card-body .courses-card-image {
	height: 162px;
}
.courses-card .courses-card-body .courses-text>h5 {
	min-height: 50px;
	color: var(--color-4);
}
.course-training-five .content .title{
    color:var(--hover-color) !important;
}
.title-shape{
    color: var(--color-4);
}
.banner-card-1 h6,
.title-two .title, 
.courses h1 {
	color: var(--hover-color);
}
.banner-card-1 p {
	color: var(--color-4);
	font-weight: 500;
}
.course-training-five .content .info {
	color: var(--color-4);
	font-weight: 500;
}
.grid-view-body p,
.title-shape p {
	color: var(--color-4);
	font-weight: 500;
}
.courses-card .courses-card-body .courses-text p {
    color: var(--color-4) !important;
}

.breadcrumb span, 
.bread-crumb h1,
.btn-profile-menu,
.menubar .right-menubar a {
	text-transform: capitalize;
}
.menubar .right-menubar a {
	color: var(--color-4);
}
.text-dark {
	color: var(--color-4) !important;
}
.menu_pro_wish-f-b:hover {
    background-color: var(--hover-color);
    color: var(--color-4) !important;
}
.menu_pro_wish-f-b:hover .menu_pro_wish-flex .spandiv span,
.menu_pro_wish-f-b:hover .menu_pro_wish-flex .spandiv del,
.menu_pro_wish:hover .text P,
.menu_pro_wish:hover .text h4 {
    color: var(--color-4);
}
.menu_pro_tgl_bg ul li:hover {
	background-color: var(--hover-color);
}
.course-right-section .course-card .ammount h3 del {
	color: var(--color-gray);
}
.menu_pro_tgl_bg h4,
.menu_pro_tgl_bg ul li a i,
.courses-card-body:hover .courses-text h5,
.course-description h3.description-head,
.menu_pro_tgl_bg p {
	color: var(--color-4);
}
.navbar-nav .navbarHover a:hover {
	background-color: var(--hover-color);
	color: var(--color-1);
}
.course-right-section .course-card .ammount h1,
.course-right-section .course-card .enrol .icon h4, 
.course-right-section .course-card .enrol > h5 {
	color: var(--color-4);
}
.text-black,
.student-profile-info span {
	color: var(--color-4) !important;
}


.sign-up {
	background-color: var(--color-4) !important;
	padding: 40px 0 !important;
	margin: 0 !important;
	min-height: calc(100vh - 74px);
}
.sing-up-right h3,
.sing-up-right p,
.sing-up-right h5 {
	color: #fff;
}
.sing-up-right i {
	color: var(--color-4);
}
.sing-up-right .form-control {
	color: var(--color-4);
	background-color: #fff;
}
.sing-up-right .log-in .btn {
	background-color: var(--hover-color);;
	color: var(--color-4);
}
.sing-up-right .text-muted {
	color: #fff !important;
}
.sing-up-right input:-internal-autofill-selected {
	background-color: #fff !important;
	color: var(--color-4);
}
.features .course-training-five .img {
	background-color: #dee6fd;
	border-radius: 100%;
    padding: 40px;
    box-shadow: 0px 0px 25px 0px rgba(222, 230, 253, 0.8);
}
.bannar-card img {
	width: 50px;
	height: auto;
	margin: 6px 6px 0 0;
}
.bannar-card .banner-card-1 {
	min-height: 111px;
	display: flex;
    align-items: center;
}

/* Home Page Css End */  