@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

:root{
	--purple:#790379;
    --purple2:#540354;
	--gold:#d7aa3b;
    --gold2:#f3d47b;
	--white:#fff;
	--black:#222;
    --grey:#cccccccc;

}
body, html {
  height: 100%;
}


body
{
    margin: 0!important;
    padding: 0;
    font-family: "Rubik", sans-serif;
    height: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    /* background: linear-gradient(135deg, #f3e9f8, #fffaed); */
    background: linear-gradient(135deg, #f3e9f8, #fff5db);
    background-attachment: fixed;
}
a{
	color:var(--black);text-decoration: none;font-weight:400;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
}
a:hover{color:var(--black);text-decoration: none;}


p{color:var(--black);font-size: 15px;font-weight:400;line-height: 26px;}
.tick_double ul{columns: 2; -webkit-columns: 2; -moz-columns: 2;}
button:focus{outline:none;}
.sectiongap{padding:80px 0;}
ul{padding:0;margin-bottom:0;}
li{list-style: none;}


/* button */
.btn-primary {background-color: var(--purple);
    color: var(--white);
    padding: 10px 15px;
    border: 0;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 400;
    font-size: 14px;} 
.btn-primary::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--black); transition: width 0.4s ease; z-index: -1;} 
.btn-primary:hover{background-color: var(--purple);}
.btn-primary:hover::before { width: 100%; } 
.btn-primary i { color: var(--purple); background: var(--gold2); padding:  8px 10px; border-radius: 30px; margin-left: 10px; position: relative; z-index: 2; font-size: 12px;} 
.btn-primary:focus { box-shadow: none; } 
/* button */


.tick ul{margin:0 0 0 30px;} 
.tick ul li{margin-bottom:20px;}
.tick ul li:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    background: var(--purple2);
    color: var(--gold2);
    font-size: 11px;
    padding: 3px 6px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-left: -30px;
    margin-right: 12px;
    float: left;
}

.section_title{text-align: center;width: 80%;margin: 0 auto 35px auto;}	
.section_title_left{margin-bottom: 30px;}
.section_title h2{
	font-family: 'Lora', sans-serif;
    font-weight: 500;
    font-size: 40px;
	color:var(--black);
    text-align: center;
	position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.section_title h2:after{
    position: absolute;
    content: '';
    background: var(--purple);
    width: 60px;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.section_title h6,.section_title_left h6{font-weight: 500;text-transform: uppercase;font-size: 14px;margin-bottom: 10px;color: var(--purple);}
.section_title_left h2{
	font-family: 'Lora', sans-serif;
    font-weight: 500;
    font-size: 40px;
	color:var(--black);
	position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;

}
.section_title_left h2 strong{font-weight: 500;color: var(--purple);}
.section_title_left h2:after{
    position: absolute;
    content: '';
    background: var(--purple);
    width: 60px;
    height: 2px;
    bottom: 0;
    left: 0;
}
/*header section*/

/*banner start*/
.carousel-indicators [data-bs-target] {
    width: 14px;
    height: 14px;
	border-radius:50%;
    background-color: var(--white);
	display:block;
}
.carousel-indicators [data-bs-target]:hover{background-color: var(--gold2);}
.banner-main .carousel-indicators {
    z-index: 444;
    left: -125px;
    bottom: unset;
    transform: translateY(-50%);
    top: 50%;
    display: unset;
    padding: 0;
    margin-right: 5%;
	z-index:99;
}
.carousel-indicators {bottom: -45px;}

.banner-main .carousel-item{position: relative;overflow: hidden;}
.banner-main .carousel-item::before{
    content: '';
    position: absolute;
    top: 0;right: 0;width: 100%;bottom: 0;left: 0;z-index: 22;
    background-image: linear-gradient(transparent 10%,#111);
}
.banner-main .carousel-item img{animation: zoom linear infinite 15s;}
@keyframes zoom{
    0%{transform: scale(1);}
    100%{transform: scale(1.25);}
}
.banner-main .carousel-caption{ 
    width:45%;
    left:10%;
    right:0;
    bottom:100px;
    z-index:99;
    text-align: left;
}

.banner-main .carousel-caption h1{font-size: 50px;color: var(--white);font-weight: 500; font-family: "Lora", sans-serif;}
.banner-main .carousel-caption h1 strong{font-weight: 500;color: var(--gold);}
.banner-main .carousel-caption p{color: var(--white);}
.banner-main .btn-primary{background-color: var(--gold);color: var(--black);padding: 14px 24px;font-weight: 500;}
.banner-main .btn-primary:hover{color: var(--white);}
.banner-main .btn-outline-light{padding: 12px 24px;font-size: 14px;font-weight: 500;border-radius: 30px;margin-left: 10px;}
/*banner end*/


/*backto-top start*/
#backto-top {
  display: inline-block;
  background:var(--gold);
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius:50%;
  border:1px solid var(--gold);
  position: fixed;
  bottom: 30px;
  right: 25px;
  transition: background-color .3s,  
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  text-align: center;
  box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
}
#backto-top i{font-size:20px;color: var(--black);line-height: 45px;}

#backto-top:hover {
  cursor: pointer;
  background:var(--black);border:1px solid var(--black);
}
#backto-top:hover i{color: var(--gold);}
#backto-top:active {
  background: var(--gold);
}
#backto-top.show {
  opacity: 1;
  visibility: visible;
}
/*backto-top end*/

.thanku_bg .image_block{text-align: center;}
.thanku_bg p{font-size:20px;}
.form-control:focus {box-shadow:none;}


/*dots*/
.owl-dots {
    text-align: center;
    margin-top: 16px;
}
.owl-theme .owl-dots .owl-dot span{
    height: 12px !important;
    width: 12px !important;
    border-radius: 30px;
    margin: 0 2px;
    background-color: var(--purple2)!important;
    opacity: 0.35;
    border: transparent;
    transition: 300ms all ease;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    opacity: 1;
    width: 20px !important;
    border-radius: 30px;
    transition: 300ms all ease;
}

.owl-nav {
    margin-top: 16px;
    text-align: center;
}

.owl-carousel {
    overflow: hidden;
    text-align: center;
}

/* .owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    font-size: 22px;
    background: #76c04e;
    display: inline-block;
    width: 35px;
    height: 38px;
    margin: 0 5px;
    color: #fff;
    border-radius: 6px;
    line-height: 38px;
} */

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    background: #006cb5;
}

/* .owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: inherit !important;
} */

.owl-carousel .item {
    width: 96%;
    margin: 0 auto;
}

/*dots end*/
.owl-carousel .owl-stage {
    display: flex;
}

.article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}


/*HEADER*/
.logo-main img { width: 230px;} 
.menumain.fixed-top { top: 10px; transition: 300ms all ease; } 
.menumain .container { padding: 5px 15px; background-color: var(--white); border-radius: 40px; } 
.scroll-navbar { background-color: var(--white); transition: 300ms all ease; } 
.scroll-navbar.fixed-top { top: 0; transition: 300ms all ease; } 
.menu_call{margin-left: 10px;}
/*HEADER*/

/*INTRO*/
.intro .image_block img{border-radius: 10px;}
.intro .card{padding: 18px 10px;background-color: var(--white);border: 0;border-radius: 10px;margin: 20px 0;box-shadow: 0 6px 25px #24112d12;}
.intro .card h4{font-size: 18px;font-family: 'Lora', sans-serif;font-weight: 500;}
.intro .card p{margin-bottom: 0;font-size: 13px;line-height: 22px;}
.intro .card img{width: 50px;}
.intro .card .image_block{text-align: center;}
.intro .card:hover img{transform: rotateY(360deg);transition: 600ms all ease;}
/*INTRO*/

/*COURSES*/
.courses .card,.courses_div .card{padding: 15px;border-radius: 10px;box-shadow: 0 6px 25px #24112d12;border: 0;}
.courses .card h4{font-family: 'Lora', sans-serif;font-weight: 500;font-size: 20px;}
.courses .image_block,.courses_div .image_block{overflow: hidden;border-radius: 10px;}
.courses .card:hover .image_block img,.courses_div .card:hover .image_block img { transform: scale(1.1); transition: 600ms all ease; } 
.courses .card p:last-child{margin-bottom: 0;}
.courses .card-footer{padding: 10px;}

.courses_div h4{font-family: 'Lora', sans-serif;font-weight: 600;font-size: 18px;color: var(--black);display: inline-block;background-color: var(--gold2);padding: 4px 12px;border-radius: 20px;}
.courses_div .card-body{padding: 10px;}
.courses_div ul {margin-top: 10px;}
.courses_div ul li{margin-bottom: 10px;}
.courses_div ul li h6{margin-bottom: 4px;font-size: 15px;}
.courses_div ul li:last-child{border-bottom: 0;margin-bottom: 0;}
.courses_div ul li p{margin-bottom: 0;font-size: 14px;}
/*COURSES*/

/*OUR FOCUS*/
.focus_div .card{text-align: center;padding: 20px 15px;background-color: var(--white);border: 0;border-radius: 10px;box-shadow: 0 6px 25px #24112d12;transition: 400ms all ease;}
.focus_div .card p{margin-bottom: 0;}
.focus_div .card .image_block{margin-bottom: 15px;}
.focus_div .card img{transition: 400ms all ease;width: 50px;}
.focus_div .card h5{font-family: 'Lora', sans-serif;color: var(--purple2);}
.focus_div .card:hover{background-color: var(--purple2);transition: 400ms all ease;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
.focus_div .card:hover h5{color: #f3e9f8;}
.focus_div .card:hover p,.focus_div .card:hover a{color: var(--white);}
.focus_div .card:hover .image_block img{filter: invert(1);transform: rotateY(360deg);transition: 400ms all ease;}
/*OUR FOCUS*/

/* HOME FORM */
.home_form .section_title_left h2 {font-size: 80px;font-weight: 400;margin-bottom: 0;}
.home_form .section_title_left h2::after{display: none;}
.home_form marquee {overflow: hidden;white-space: nowrap;

    -webkit-mask-image: linear-gradient(
        to right,
        transparent,
        #000 10%,
        #000 90%,
        transparent
    );
    mask-image: linear-gradient(
        to right,
        transparent,
        #000 10%,
        #000 90%,
        transparent
    );
}
.home_form form{background-color: var(--white);padding: 40px;border-radius: 10px;margin-top:60px;}
.home_form form h2{text-align: center;font-family: "Lora", serif;margin-bottom: 30px;font-size: 30px;}
.home_form .form-control{border-radius: 0;border: 0;border-bottom: 1px solid var(--grey);color: var(--black);}
.home_form textarea{resize: none;height: 80px!important;}
.home_form .btn-primary{padding: 10px 30px;}
.home_form .btn-primary:hover{background-color: var(--gold);color: var(--black);box-shadow: 0 6px 25px #24112d12;}
.vertical_gallery .image_block{margin-bottom: 15px;transition: 400ms all ease;box-shadow: 0 6px 25px #24112d12;overflow: hidden;border-radius: 10px;border: 1px solid #cccccc87;}
.vertical_gallery .image_block img{border-radius: 10px;} 
.vertical_gallery .image_bord:nth-child(1){margin-top: 80px;}
.vertical_gallery .image_block:hover img{transition: 400ms all ease;transform: scale(1.1);}
/* HOME FORM */

/* INNER BANNER */
.inner_banner{padding: 120px 0 50px 0;position: relative;}
.inner_banner .inner_text{text-align: center;}
.inner_banner .inner_text h1{color: var(--white);font-family: "Lora", serif;}
.breadcrumbs p{margin-bottom: 0;color: var(--gold2);}
.breadcrumbs a{color: var(--white);}
/* INNER BANNER */

/* ABOUT */
.about_us .about_image_block{
    -webkit-mask-image: linear-gradient(
        transparent,
        #000 0%,
        #000 85%,
        transparent
    );
    mask-image: linear-gradient(
        transparent,
        #000 0%,
        #000 85%,
        transparent
    );
}
.about_us .card{text-align: center;padding: 20px 15px;background-color: var(--white);border: 0;border-radius: 10px;box-shadow: 0 6px 25px #24112d12;transition: 400ms all ease;}
.about_us .card p{margin-bottom: 0;}
.about_us .card .image_block{margin-bottom: 15px;}
.about_us .card img{transition: 400ms all ease;width: 50px;}
.about_us .card h5{font-family: 'Lora', sans-serif;color: var(--purple2);}
.about_us .card:hover{background-color: var(--purple2);transition: 400ms all ease;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
.about_us .card:hover h5{color: #f3e9f8;}
.about_us .card:hover p{color: var(--white);}
.about_us .card:hover .image_block img{filter: invert(1);transform: rotateY(360deg);transition: 400ms all ease;}

.teams .card{background-color: transparent;}
.teams .card .image_block{overflow: hidden;border-radius: 10px;box-shadow: 0 6px 25px #24112d12;transition: 400ms all ease;}
.teams .card .image_block:hover img{transform: scale(1.1);transition: 400ms all ease;}
.teams .card-footer{background-color: var(--purple2);border-radius: 5px;margin-top: 10px;text-align: center;}
.teams .card-footer p{margin-bottom: 0;font-weight: 400;text-transform: uppercase;font-size: 14px;color: var(--gold2);}

.reviews .owl-carousel{margin-top: 40px;}
.reviews .owl-carousel .item {border: 1px solid #f3e9f8;width: 99%;text-align: left;padding: 20px;background-color: var(--white);border: 0;border-radius: 10px;transition: 400ms all ease;}
.reviews .item p{font-size: 20px;line-height: 36px;}
.reviews .item h6{font-weight: 600;text-transform: uppercase;font-size: 14px;}
.reviews .item img{width: 50px;margin-bottom: 10px;}
.reviews .item hr{background-color: var(--grey);}
.reviews .image_block{border-radius: 10px;}
.reviews .image_block img{border-radius: 10px;}
/* ABOUT */


/* WIDGET */
.widget{background-color: var(--gold2);padding: 20px; border-radius: 10px;background-image: linear-gradient(#fdedbcf1,#ffe7a0f1);margin-bottom: 15px;}
.widget ul{margin: 0;}
.widget ul li{margin-bottom: 12px;}
.widget ul li:hover{box-shadow: 0 3px 10px #24112d12;}
.widget ul li:before {display: none!important;}
.widget ul li:last-child{margin-bottom: 0;}
.widget h4{font-family: "Lora", serif;margin-bottom: 15px;font-size: 20px;font-weight: 600;}
.categ_widget ul li{background-color: var(--white);padding: 10px;border-radius: 5px;color: var(--black);font-size: 15px;transition: 400ms all ease;}
.categ_widget ul li a{color: var(--black);display: block;}
.categ_widget li span{display: block;font-size: 13px;margin-bottom: 5px;font-weight: 400;}
.categ_widget li span i{font-size: 11px;margin-right: 2px;color: var(--gold);}

.widget_search .form-control{border-radius: 10px 0 0 10px!important;border: 0;padding: 5px 10px;}
.widget_search .form-control:focus{border: 0;}
/* WIDGET */


/* BLOG */
.blog_div .card{padding: 0;box-shadow: 0 6px 25px #24112d12;border-radius: 10px;border: 0;}
.blog_div .card-body,.blog_div .card-footer{padding: 15px 20px;}
.blog_div .card-body p:last-child{margin-bottom: 0;}
.blog_div .card h3{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog_div .card .image_block{overflow: hidden;transition: 600ms all ease;margin-bottom: 20px;border-radius: 10px;}
.blog_div .card .image_block:hover img{transform: scale(1.1);transition: 800ms all ease;}
.blog_div .post_meta{background-color: #fff4d3e0;margin-bottom: 15px;display: inline-block;padding: 5px 10px;border-radius: 20px;}
.blog_div .post_meta span{font-size: 16px;margin-right: 10px;font-size: 14px}
.blog_div .post_meta span:last-child{margin-right: 0;}
.blog_div .post_meta span i{margin-right: 5px;font-size: 13px;color: var(--gold);}
.blog_div .post_meta span a{font-weight: 400;}
.blog_div .post_meta span a:hover{color: var(--purple);}
.blog_div .card .btn-primary{font-weight: 600;margin-top: 20px;}
.blog_div .page-item.active .page-link{background-color: var(--purple);border-color:var(--purple);color: var(--gold2);}
.blog_div .page-link{color: var(--black);}
.blog_div .page-link:hover{background-color: var(--purple);color: var(--gold2);border-color:var(--purple);}
.blog_div .page-link:focus{box-shadow: none!important;}


.blog_div .card h1,.blog_div .card h2,.blog_div .card h3,.blog_div .card h4,.blog_div .card h5,.blog_div .card h6{font-family: 'Lora', sans-serif;} 
.blog_div .card h1 a,.blog_div .card h2 a,.blog_div .card h3 a,.blog_div .card h4 a,.blog_div .card h5 a,.blog_div .card h6 a{font-family: 'Lora', sans-serif;} 
/* BLOG */

/* CAREER */
.career_div .accordion-flush .accordion-item{margin-bottom: 15px;border: 0;background: transparent;}
.career_div .accordion-flush .accordion-item h2{margin-bottom: 0;}
.career_div .accordion-flush .accordion-item .accordion-button{border-radius: 20px;background-color: var(--gold2);color: var(--black);}
.career_div .accordion-flush .accordion-item .accordion-button:focus{box-shadow: none;color: var(--black);}
.career_div .accordion-flush .accordion-item .accordion-button i{color: var(--purple2);margin-right: 8px;font-size: 14px;}
.career_div .accordion-body{padding: 15px;}
.career_div .accordion-body p:last-child{margin-bottom: 0;}
.accordion-button:not(.collapsed)::after{filter: grayscale(1);}
.career_div.home_form form{margin-top: 0;}
.career_div form label{color: #777;}
/* CAREER */

/* GUTENBERG DIV */
.guten_div .content h1,.guten_div .content h2,.guten_div .content h3,.guten_div .content h4,.guten_div .content h5,.guten_div .content h6{font-family: 'Lora', sans-serif;color: var(--purple);} 
.guten_div .content h1 a,.guten_div .content h2 a,.guten_div .content h3 a,.guten_div .content h4 a,.guten_div .content h5 a,.guten_div .content h6 a{font-family: 'Lora', sans-serif;}

.guten_div .content{background-color: var(--white);border-radius: 10px;padding: 20px;box-shadow: 0 3px 10px #24112d12;}
/* GUTENBERG DIV */

/* FOOTER */
.foogall_col { overflow: hidden; } 
.foogall_col:hover img { transform: scale(1.1); transition: 600ms all ease; } 

footer { margin-top: auto; text-align: center; padding: 25px 0 20px 0; background-color: var(--purple2);} 
footer ul {  border-bottom: 1px solid #cccccc36;} 
footer .nav{padding-bottom: 15px;margin-bottom: 15px;}
footer .nav a { color: var(--grey); padding: 0 10px;font-size: 13px;font-weight: 400;} 
footer .nav a:hover{color: var(--white);transition: 400ms all ease;}
footer p{margin-bottom: 0;font-size: 13px;color: var(--grey);}
/* FOOTER */

.stellarnav .menu-toggle{background-color: var(--gold2);border-radius: 4px;padding: 10px 15px !important;}
.fancybox-button svg path{color: var(--gold2);}
/* .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {background-image: url('../images/logo-icon.jpg')!important;background-position: bottom center!important;background-repeat: no-repeat!important;background-size: 70% !important;} */


