::selection{background:#f7e83e;color:#385469;}
::-webkit-scrollbar {width: 8px;}
/* Track */
::-webkit-scrollbar-track {background:#fff;}
/* Handle */
::-webkit-scrollbar-thumb {background: #890698 ;}
::-webkit-scrollbar-thumb:window-inactive {background: #890698 ;}
body,html{padding:0px;margin:0px;height:100%;font-size: 15px;color: #252525;font-family: 'Poppins', sans-serif;font-weight:400;}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/logo.webp') 50% 50% no-repeat rgb(255, 255, 255, 0.9);
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 99;
  font-size: 14px;
  outline: none;
  cursor: pointer;
}


#whatsappBtn {
  display: block;
  position: fixed;
  bottom: 25px;
  left: 25px;
  z-index: 99;
  font-size: 30px;
  outline: none;
  cursor: pointer;
  color: #890698;
  background-color:#f7e83e ;
  padding: 6px 8px;
  border-radius:5px;
}

/****************  Menu CSS  ***********************/
.navbar
{
	z-index:5;
	flex-wrap: wrap !important;
	animation: .75s ease-in-out 0s normal none 1 running fadeInUp;
}
.navbar-expand-md .navbar-nav .nav-link
{
	font-size:14px;
	color:#202020;
	text-transform:uppercase;
	font-weight:500;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover 
{
	color: #890698;
}
.nav-link:focus, .nav-link:hover 
{
    color: #890698;
}
.navbar-expand-md .navbar-nav .nav-link::after 
{
    display      : block;
    content      : '';
    border-bottom: solid 1px #890698;
    transform    : scaleX(0);
    transition   : transform 300ms ease-in-out;
	margin-left: 0px !important;
    vertical-align: 0px !important;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}
.navbar-expand-md .navbar-nav .nav-link:hover::after 
{
    transform: scaleX(1);
}

.navbar-nav .dropdown-item.active>.nav-link{color:#fff !important;}
/************** Mouse hover dropdown **********************/


.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
	animation: .25s ease-in-out 0s normal none 1 running fadeInUp;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.dropdown-menu {
	padding: 0rem 0;
	border: 1px solid rgb(255 255 255 / 35%);
	box-shadow: 0 .2rem 0.4rem rgba(0,0,0,.15)!important;
}
.dropdown-item.active, .dropdown-item:active {background: linear-gradient(to right, #890698, #890698);color: #fff;}
.dropdown-item {
	color: #890698;
    background: linear-gradient(to right, #ffffff, #ffffff);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
	padding: .5rem 1rem;
}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;background: linear-gradient(to right, #890698, #890698);}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: auto;
    margin-top: 0rem;
}
.dropdown-menu .nav-link
{
	padding:0px !important;
}
.dropdown-menu .nav-item:hover .nav-link
{
	color:#fff !important;
    border-bottom: solid 0px #00ff37;
}
.dropdown-submenu.active .nav-link
{
	color:#fff !important;
}
/************** Mouse hover dropdown **********************/

/************** Heading Design **********************/

.heading-border h6:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #890698 , #890698);
    margin: 4px 0px;
    display: inline-block;
    margin-left: 5px;
}
.heading-border1 h6:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #f7e83e , #f7e83e);
    margin: 4px 0px;
    display: inline-block;
    margin-left: 5px;
}
.heading-border3 h6:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #f7e83e , #f7e83e);
    margin: 4px 0px;
    display: inline-block;
    margin-left: 5px;
}
.heading-border1 h6:before {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #f7e83e , #f7e83e);
    margin: 4px 0px;
    display: inline-block;
    margin-right: 5px;
}
.heading-border2 h6:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #890698 , #890698);
    margin: 4px 0px;
    display: inline-block;
    margin-left: 5px;
}
.heading-border2 h6:before {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #890698 , #890698);
    margin: 4px 0px;
    display: inline-block;
    margin-right: 5px;
}

.heading-banner h6:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #f7e83e , #f7e83e);
    margin: 4px 0px;
    display: inline-block;
    margin-left: 5px;
}

/*********************** Some other CSS  **********************/
.fixed-top-own 
{
    animation: .75s ease-in-out 0s normal none 1 running fadeInDown;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
	top:0;
	background-color:#fff !important;
	box-shadow: 0 .2rem 0.4rem rgba(0,0,0,.15)!important;
}
.c-pointer
{
	cursor:pointer;
}
.list-group-horizontal .list-group-item, .list-group-item 
{
	background-color: transparent; 
	border: 1px solid rgba(0, 0, 0, 0);
}
.inline-block
{
	display:inline-block;
}
.letter-space
{
	letter-spacing:5px;
}
.top-end-1 {
    font-size: 12px;
    right: 5 !important;
    top: 5 !important;
}
.other-details
{
	font-size:11px;
}


/************** Text Color Code ************/
.theme-purple
{
	color:#890698 ;
}
.theme-orange
{
	color:#ff5401;
}
.theme-yellow
{
	color:#f7e83e;
}
.theme-dark
{
	color:#111;
}
.theme-headingdark
{
	color:#385469;
}
.theme-light
{
	color:#fff;
}
/************** Background Color Code ************/
.bg-purple
{
	background-image: linear-gradient(to right, #890698  , #890698 );
}
.bg-black
{
	background-image: linear-gradient(to right, #385469  , #385469 );
}
.bg-yellow
{
	background-color:#f7e83e !important;
}
.bg-orange
{
	background-image: linear-gradient(to right, #ff5401 , #ff5401);
}
.bg-dark
{
	background-color:#111 !important;
}
.bg-light
{
	background-color:#fff !important;
}
.bg-darkpurple
{
	background-color:#46004e  !important;
}
.bg-bottom
{
	background-color:#200024 !important;
}
.bg-lightpurple {
    background-color: #fef1ff !important;
}

.btn-purple
{
    border: none;
    background-size: 200%, 1px;
    transition: all 200ms linear 0ms;
    background-image: linear-gradient(90deg, #890698 0%, #890698 50%, #890698);
    color: #fff;
}
.btn-purple:hover 
{
    color: #ffffff;
    transition: all 200ms linear 0ms;
    background-position: 120%;
}
.btn-check:focus+.btn-purple, .btn-purple:focus 
{
    color: #ffffff;
    background-position: 120%;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 98 95 / 16%);
}
.btn-yellow 
{
    border: none;
    background-size: 200%, 1px;
    transition: all 200ms linear 0ms;
    background-image: linear-gradient(90deg, #f7e83e 0%, #f7e83e 50%, #f7e83e);
    color: #111;
}
.btn-yellow:hover 
{
    color: #111;
    transition: all 200ms linear 0ms;
    background-position: 120%;
}
.btn-check:focus+.btn-yellow, .btn-yellow:focus 
{
    color: #111;
    background-position: 120%;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 98 95 / 16%);
}


.header-upper .list-group-item a:hover
{
	color:#fff;
}
.list-group-item 
{
    padding: 0px;
    border: 1px solid rgb(0 0 0 / 0%);
}
.text-justify
{
	text-align:justify;
	text-justify: inter-word;
}
.text-center-justify
{
	text-align:justify;
	text-align-last:center;
	text-justify: inter-word;
}
.footerMain a:hover {
    color: #fff;
}
a:hover {
    color: #f7e83e;
}

.mt-custom
{
	margin-top:-100px
}
.w-40 {
    width: 40% !important;
}



.form-floating>label {
    padding: 1rem 1.2rem;
}
.form-control 
{
    color: #212529;
    background-color: #f3f3f3;
    border: 1px solid #ffffff;
}
.form-control:focus {
    color: #212529;
    background-color: #f3f3f3;
    border: 1px solid #ffffff;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}

.card {
    border: 0px solid rgba(0, 0, 0, .125);
}






.carousel-caption {
    position: absolute;
    right: 10%;
    bottom: 100px;
    left: 10%;
    padding: 0px;
    color: #fff;
    text-align: left;
}
.carousel-control-next, .carousel-control-prev 
{
	background-color: #f7e83e;
	color:#f00;
	width:45px;
	height: 50px;
	margin: auto 0px;
}
.carousel-item img
{
	width: 100% !important;
	display: flex !important;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	animation: zoom-in-zoom-out 10s ease-out infinite;
}
#carouselExampleCaptions .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23890698'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#carouselExampleCaptions .carousel-control-prev-icon
{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23890698'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}




.bg-banner
{
	background-image: url(../images/banner.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}
.breadcrumb-item.active {
    color: #fff;
}
.breadcrumb a:hover {
    color: #fff !important;
}
.footerMain h5:after 
{
    content: "";
    width: 35px;
    height: 2px;
    display: block;
    background-color: #f7e83e;
    margin: 8px 2px;
}

.max-charecter
{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
.max-charecter-2
{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.max-charecter-1
{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.max-charecter-3
{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.richtext-max-charecter-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.owl-prev, .owl-next
{
	width: 50px;
    height: 25px;
    position: absolute;
    display: block !important;
    border: 1px solid #f7e83e !important;
    border-radius: 5% !important;
    color: #890698 !important;
    font-size: 30px !important;
    opacity: 1 !important;
    font: revert !important;
    background: linear-gradient(to right, #f7e83e, #f7e83e) !important;
}
.owl-prev {bottom: -10%;left: 50px !important;}
.owl-next{right: 50px !important;bottom: -10%;}
.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}
.owl-theme .owl-nav [class*=owl-]:hover {	background: linear-gradient(to right, #fff0 , #fff0) !important;border: 1px dashed #f7e83e  !important;color: #f7e83e  !important;text-decoration: none;transition: 0.5s all;}
.owl-theme .owl-dots .owl-dot span {background: #fff8a4 ;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #f7e83e ;}


.meetOurTeam .owl-prev, .meetOurTeam .owl-next
{
	width: 50px;
    height: 25px;
    position: absolute;
    display: block !important;
    border: 1px solid #890698 !important;
    border-radius: 5% !important;
    color: #f7e83e !important;
    font-size: 30px !important;
    opacity: 1 !important;
    font: revert !important;
    background: linear-gradient(to right, #890698, #890698) !important;
}
.meetOurTeam .owl-prev {bottom: -10%;left: 50px !important;}
.meetOurTeam .owl-next{right: 50px !important;bottom: -10%;}
.meetOurTeam .owl-prev i, .meetOurTeam .owl-next i {transform : scale(1,6); color: #ccc;}
.meetOurTeam .owl-theme .owl-nav [class*=owl-]:hover {	background: linear-gradient(to right, #fff0 , #fff0) !important;border: 1px dashed #890698  !important;color: #890698  !important;text-decoration: none;transition: 0.5s all;}
.meetOurTeam .owl-theme .owl-dots .owl-dot span {background: #fbc4ff;}
.meetOurTeam .owl-theme .owl-dots .owl-dot.active span, .meetOurTeam .owl-theme .owl-dots .owl-dot:hover span {background: #890698;}




@media screen and (min-width: 768px) and (max-width: 1100px)
{ 
	
}


@media screen and (max-width: 520px)
{ 
	.navbar, .navbar-collapse{background-color:#fff !important; }
	.fixed-top-own {margin-top:0px;}
	.nav-link {padding: 3px 1rem;}
	.navbar-light .navbar-toggler {color: rgb(0 0 0 / 0%);border-color: rgb(0 0 0 / 0%);width: 10%;}
	.navbar-expand-md .navbar-nav .nav-link{font-size:14px;}
	.dropdown-menu {
		box-shadow: 0 0rem 0rem rgba(0,0,0,0)!important;
	}
	.navbar .navbar-brand .w-auto{
		width:50% !important;
	}
	.container.py-5{
		padding:15px !important;
	}
	#counter .col-md-3, #counter .col-md-9
	{
		text-align:center;
	}
	.carousel-item img
	{
		width: 100% !important;
		height:85vh;
		display: flex !important;
		align-items: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		animation: zoom-in-zoom-out 10s ease-out infinite;
	}
	.carousel-item .carousel-caption img
	{
		display:none !important;
	}
	.carousel-caption {
		position: absolute;
		right: 10%;
		bottom: 100px;
		left: 10%;
		padding: 0px;
		color: #fff;
		text-align: left;
	}
	.aboutSection iframe
	{
		width:100% !important;
	}
	.eventBlock.p-3
	{
		padding:0px !important;
	}
	.eventBlock.py-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
}