@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
:root{
	--purple:#7a75b5;
	--green:#05a859;
	--golden:#d29f44;
}
body{
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color:#505050;
}
p{
	font-size:17px;
}
h1, h2, h3, h4, h5, h6, .roboto{
	font-family: "Roboto Slab", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
#bg1{
    background-color:#7a75b514;
    padding:3rem 0rem;
}
#bg2{
    background-color:#65b6891f;
    padding:3rem 0rem;
}

.bg-jd{
	background-color:#0076d7;
}
.bg-google{
	background-color:#d7342a;
}
.bg-insta{
	background-color:#f602b5;
}

.text-purple{
	color: var(--purple);
}
.text-green{
	color: var(--green);
}
.text-dark{
	color:#39384a!important;
}
.text-golden{
	color:var(--golden);
}
.bg-purple{
	background-color: var(--purple);
}
.bg-green{
	background-color: var(--green);
}
.text-bg-purple{
	color: #fff;
	background-color: var(--purple);
}
.text-bg-green{
	color: #fff;
	background-color: #444444;
}
#top-bar{
	padding: 10px 0px;
}

#top-bar .top-left ul li a:hover{
	color: #93fbc9!important;
	transition: .5s all;
}
.top-right ul li a{
	background-color: #fff;
	padding: 4px 5px;    	font-size: 15px;
	color: var(--green);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.top-right ul li a:hover{
	background-color: var(--green);
	color: #fff;
	transition: .5s all;
}
#offer-bar marquee{
    padding-top:5px;
}
#offer-bar i{
    font-size:21px;
    padding: 7px 9px 7px 11px;
}
.my-navbar{
	background-color:#fff;
	top:-1px!important;
}
.navbar .megamenu{ padding: 1rem; }

.navbar-brand img{
	width:300px
}
.my-navbar .navbar-nav>li>a{
	color:#39384a;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #39384a;
}
#main_nav>ul>li>a{
	padding-left:15px;
	padding-right:15px;
	font-family: "Roboto Slab", serif;
}
#main_nav>ul>li>a:hover{
	background-color:var(--purple);
	color:#fff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
	background-color:var(--green);
	border-radius:5px;
	padding:10px;
}
#slider .carousel-indicators [data-bs-target]{
	background-color:#fff;
	height: 20px;
    width: 20px;
	border-radius: 50%;
	opacity:1;
}
#slider .carousel-indicators .active{
	background-color:var(--purple);
}
#slider .carousel-caption{
    background-color:var(--green);
}
.slider-overlay{
    background-color:#fff;
    padding:10px 30px;
    border-radius:5px;
    left:0;
    right:0;
    bottom:4rem;
    z-index:1;
}
#testimonial-slider .rev img{
	width:200px;
	transform: translate(0px, -3px);
}
.owl-item:nth-child(odd) .rev i{
	color:var(--green)!important;
}
.owl-item:nth-child(even) .rev i{
	color:var(--purple)!important;
}
.owl-item:nth-child(odd) .rev img{
	color:var(--green)!important;
	border: 4px solid var(--green);
}
.owl-item:nth-child(even) .rev img{
	color:var(--purple)!important;
	border: 4px solid var(--purple);
}
	
.owl-item:nth-child(odd) .rev h4{
	color:var(--green)!important;
}
.owl-item:nth-child(even) .rev h4{
	color:var(--purple)!important;
}

.home-lapws .nav-link{
	padding: 6px 12px;
    font-size: 14px;
	text-transform:capitalize;
}
.home-about p{
	text-align:justify;
}
.home-about-box i{
	margin-top:15px;
}
.home-about-box i, .home-about-box h1{
	color:var(--green);
}
.home-about-left video{
	object-fit: cover;
	border-radious:5px;
}
.heading>h1{
	color:var(--green);
	font-size:32px
}
.home-about>h2{
	color:var(--green);
	font-size:23px
}
.heading>h1 span{
	color:var(--purple);
}
.heading>h2{
	color:var(--green);
}
.heading>h2 span{
	color:var(--purple);
}
.heading>p{
	text-transform:uppercase;
}
.heading>p{
	display:inline-flex;
	gap:15px;
	letter-spacing:1px;
}
.heading-left>p:before{
	content: '';
    position: relative;
    width: 40px;
    height: 1px;
    background-color: var(--green);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.heading-right{
    text-align:center;
}
.heading-right>p:before{
    content: '';
    position: relative;
    width: 40px;
    height: 1px;
    background-color: var(--green);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.heading-right>p:after{
    content: '';
    position: relative;
    width: 40px;
    height: 1px;
    background-color: var(--green);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.btn-green{
    background-color: var(--green);
    color:#fff;
    border-radius: 0px!important;
	border-top-left-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
	border-bottom-right-radius: 5px!important;
}
.btn-green:hover{
    background-color: var(--green);
    color:#fff;
}
.btn-purple{
    background-color: var(--purple);
    color:#fff;
    border-radius: 0px!important;
	border-top-left-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
	border-bottom-right-radius: 5px!important;
}
.btn-purple:hover{
    background-color: var(--purple);
    color:#fff;
}

.home-lapws .nav-link{
    color: var(--green)!important;
}
.home-lapws .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: var(--purple)!important;
    color:#fff!important;
}
.home-lapws .nav-pills .nav-link{
    border-radius:0px!important;
    border-top-left-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
	border-bottom-right-radius: 5px!important;
}
.megamenu{
	background-color: #7a75b5;
	background: linear-gradient(to right, #7a75b5, #05a859);
}
.megamenu .title{
    color:var(--purple);
    font-size: 20px;
}
.megamenu ul li{
    line-height:30px;
}
.megamenu ul li a{
    color: #fff;
    text-decoration: none;
    /* background-color: #7a75b5; */
    display: block;
    margin: 17px 0px;
    padding: 5px 13px;
    border-radius: 5px;
    border: 1px solid #a1a1a1;
}
.home-lapws .card img{
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.home-lapws .card-body{
    border:1px solid #65b689;
}
.home-lapws .card .card-title{
    margin: 5px;
    color: var(--purple); 
}

.top-social li:nth-child(1){
    background-color:#0866ff;
}
.top-social li:nth-child(2){
    background-color:#cd486b;
}
.top-social li:nth-child(3){
    background-color:#0a66c2;
}
.top-social li:nth-child(4){
    background-color:#30d14e;
}
@keyframes blink {
  0%, 100% {transform: scale(1);}
  50% {transform: scale(1.1);}
}
.fix-wp{
    position:fixed;
    bottom:10px;
    left:10px;
    z-index:9999;
}
.fix-wp img{
    width:60px;
    animation: blink 2s linear infinite;
}
.fix-inq img{
    width:60px;
    animation: blink 2s linear infinite;
}
.fix-inq{
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:9999;
}


#why{
	background-color:#195534;
	padding:5rem 0rem 3rem 0rem;
}
.bg1{
	background-image: url(../images/pattern-bg-1.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	mix-blend-mode: color-burn;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.bg2{
	background-image: url(../images/pattern-bg-2.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	mix-blend-mode: color-burn;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
#why ul li{line-height:30px}
#why .why-stud{
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
	width:280px
}
#exp{
	/*background-color:#121212;*/
}


.testimonial{
    border: 10px solid var(--purple);
    padding: 0px 0 25px 0;
    margin: 50px;
    text-align: center;
    position: relative;
}
.testimonial:before{
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    width: 90px;
    height: 90px;
    line-height: 100px;
    background: #f5f4f9;
    margin: 0 auto;
    font-size: 55px;
    font-weight: 900;
    color: var(--green);
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}
.testimonial .title{
    padding: 7px 0;
    margin: 0 -30px 20px;
    border: 7px solid #fff;
    background: var(--green);
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}
.testimonial .title:before{
    content: "";
    border-top: 15px solid var(--purple);
    border-left: 15px solid transparent;
    border-bottom: 15px solid transparent;
    position: absolute;
    bottom: -37px;
    left: 0;
}
.testimonial .title:after{
    content: "";
    border-top: 15px solid var(--purple);
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    position: absolute;
    bottom: -37px;
    right: 0;
}
.testimonial img{
	/*border-radius: 50%;*/
    width: 200px !important;
    margin: 0 auto;
    translate: 0px -10px;
	border: 10px solid #7a75b5;
}
.testimonial .post{
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
}
.testimonial .description{
    padding: 0 20px;
    margin: 0;
    font-size: 15px;
    color: #6f6f6f;
    letter-spacing: 1px;
    line-height: 30px;
	height:180px;
	overflow:auto;
}
.description::-webkit-scrollbar{
	width:4px;
}
.description::-webkit-scrollbar-track{
	width:4px;
	background-color:#05a859;
}
.description::-webkit-scrollbar-thumb{
	width:4px;
	background-color:#7a75b5;
}
/*
.owl-theme .owl-controls{ margin-top: 0; }
.owl-theme .owl-controls .owl-buttons div{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 35px;
    background: #f1971f;
    color: #fff;
    border-radius: 0;
    margin-right: 5px;
    opacity: 1;
}
.owl-prev:before,
.owl-next:before{
    content: "\f060";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 900;
}
.owl-next:before{ content: "\f061"; }*/











.place{
    background: linear-gradient(to right ,#7a75b5 ,#05a859);
}
.top-icon,
.bottom-icon{
    display: block;
    font-size: 55px;
    color: #fdfeff;
    text-align: center;
    margin: 0 auto;
}
.placement{
   /* padding: 15px 40px;
	text-align:center;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right ,#05a859 ,#7a75b5);
    color: #fdfeff;
    z-index: 1;
	border-radius:5px;*/
}
.placement:after{
   /* content: "";
    width: 150px;
    height: 107%;
    background: #d29f44;
    position: absolute;
    top: -15px;
    left: -60px;
    transform: matrix(1, 0, 0.5, 1, 150, 0);
    z-index: -1;*/
}
.placement .pic{
	/*text-align:center;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;*/
    /*margin: 45px 25px 0 0;*/
    position: relative;
	/*margin: 0 auto;*/
}
.placement .pic img{
    width: 100%;
    height: auto;
}
.placement .placement-content{
    /*width: 75%;
    float: right;
    padding: 30px 0;*/
}
.placement .placement-title{
    font-size: 20px;
    font-weight: 900;
    margin: 20px 0 20px;
    text-transform: capitalize;
}
.placement .description{
    font-size: 18px;
    line-height: 26px;
}
.owl-theme .owl-controls .owl-page span{
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #1ec4f3;
}
.owl-theme .owl-controls .owl-page:active span{
    color: #1ec4f3;
}



#footer{
	background-color:var(--purple);
	padding:5rem 0rem;
	color:#f3f2ff;
	background: linear-gradient(to right, #7a75b5, #05a859);
}
.footer-top-links span{
	border:2px solid #f3f2ff;
	display: inline-block;
	margin:0px 20px;
}
.footer-top-links span a{
	padding:10px 20px;
	color:#f3f2ff;
	text-decoration:none;
	font-family: "Roboto Slab", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1px;
}
.footer-top-links .hvr-sweep-to-right:before{
	background-color:var(--green)
}
.footer-links h2{
	color:#f3f2ff;
	margin-bottom:20px;
}
.footer-links ul li{
	line-height:30px;
}
.footer-links ul li a{
	color:#f3f2ff;
	text-decoration:none;
	text-transform: capitalize;
}
.footer-social li a{
	background-color:var(--purple);
	padding:0px 10px;
	border-radius:5px;
}
.navbar-toggler{
	background-color: var(--purple);
}

.vision{
	background-color:var(--purple);
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.mission{
	background-color:var(--green);
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.about-team .row{
	color: #fff;
    background-color: var(--purple);
}
.about-team .atb1{
	border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.about-team .atb2{
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.aoe{
	list-style:none;
	text-align: center;
}

.aoe li{
	display: inline-block;
    background-color: #7a75b52e;
    padding: 10px 15px;
    margin: 10px;
    border-radius: 5px;
	cursor: pointer;
}
#course-top{
	box-shadow:2px 2px 1px #f9f9f9;
}
#course-top .row{
	color: #f3f2ff;
    background-image: linear-gradient(-20deg, #7a75b5 0%, #08a75b 100%);
}
#course-top h1{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
	letter-spacing:1px;
	text-shadow:2px 2px 2px #000;
	text-transform:capitalize;
}
#course-top h2{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
	letter-spacing:1px;
	text-shadow:2px 2px 2px #000;
	text-transform:capitalize;
}
.course-nav .nav-link.active, .course-nav .nav-link:focus, .course-nav .nav-link:hover{
	color:#fff!important;
	background-color:var(--purple)!important;
}
.course-nav .nav-link{
	color:var(--green)!important;
	border-radius:0px!important; 
	font-family: "Roboto Slab", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	letter-spacing:1px;
}
.course-tab-content{
	min-height:90rem;
	text-align:justify;
}
.course-tab-content h1, .course-tab-content h2, .course-tab-content h3, .course-tab-content h4, .course-tab-content h5,.course-tab-content h6{
	color:var(--purple)
}	
.course-tab-content h2:before{
	/*content:"\2758";
	padding-right:5px;
	color:var(--green);*/
}
.course-tab-content ul{
	padding-left:0px
}
.course-tab-content ul>li{
	list-style:none;
	line-height:30px;
	position: relative;
    display: block;
    padding: 5px 21px;
    text-decoration: none;
    border: 1px solid #eee;
	letter-spacing:1px;
}
.course-tab-content table tr td{
	border: 1px solid;
	padding:5px
}
.course-tab-content ul>li:before{
	content:"\2714";
	padding-right:5px;
	color:var(--green);
	margin-left: -18px;
}
.course-tab-content ul>li>ul>li:before{
	content:"\26AC";
	padding-right:8px;
	color:var(--green);
	margin-left: -18px;
}
.course-tab-content p{
	letter-spacing: 1px;
}

.course-tab-content p, .course-tab-content ul{
	margin-bottom:2rem;
	font-size: 16px;
}
.course-tab-content h4{
	font-size:20px;
}
.course-right-box ul li{
	line-height:30px;
}
.course-tab-content img{
	width:100%;
	height:auto!important;
}
.accordion-button{
	background-color:#7a75b514;
}
.accordion-button:not(.collapsed){
	background-color:#7a75b514;
}
.accordion-button:focus{
	box-shadow:none;
	background-color:#7a75b514;
}
.gallery-main .card img{
	opacity:0.8;
}
.gallery-main .card img:hover{
	opacity:1;
}
.gallery-main .card a>i{
	color:#fff;
	background-color: var(--green);
    padding: 10px 15px;
    border-radius: 5px;
}
.text-bg-grad{
	/*background: linear-gradient(to right, #7a75b5, #05a859);*/
	background-image: linear-gradient(to top, #7a75b5 0%, #05a859 100%);
}

.contact-form{
	background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
	padding:4rem;
}

.contact-branches .cb-box{
	background-color:var(--purple);
	color:#fff;
	padding:20px 20px;
	border-radius:10px;
	margin-bottom:20px
}
.contact-branches .cb-box:hover{
	background-color:var(--green);
	transition: background .3s;
}
.cb-heading{
	padding: 0px 0px 30px 0px;
	overflow: hidden;
}

.cb-heading-title{
	position: relative;
    display: inline-flex;
    text-transform: capitalize;
    margin: 0;
}
.cb-heading-title:after{
	content: "";
    position: absolute;
    display: inline-flex;
    width: 1000px;
    max-width: 1000px;
    height: 1px;
    top: 0;
    left: auto;
    right: -1020px;
    bottom: 0;
    background-color: #fff;
    margin: auto;
}
.border{
	border:1px solid #777;
}
.bs-menu li a{
	color: var(--green);
	background-color: transparent;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
	color: var(--green);
}

.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}