/*=================================== FONTS ===================================*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css");
@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp");



@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100;300;400;500;600;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
/*================================== FONTS ==================================*/

/*================================ VARIABLES ================================*/
:root{


	--primary : rgb(0, 51, 255);
	--primary-rgb : 0, 51, 255;
	--primaryhover : #3153db;
	--primaryhover-rgb : 49, 183, 219;
	--onprimary : #ffffff;

	/*--primary : #2D2757;
	--primary-rgb : 45, 39, 87;
	--primaryhover : #372d81;
	--primaryhover-rgb : 55, 45, 129;
	--onprimary : #ffffff;*/

	--secondary : #89869F;
	--secondary-rgb : 91, 90, 103;
	--secondaryhover : #44434d;
	--secondaryhover-rgb : 68, 67, 77;
	--onsecondary : #ffffff;

	/*--tertiary : #b8e8c0;
	--tertiary-rgb : 184, 232, 192;*/
	--tertiary : #8ec56a;
	--tertiary-rgb : 142, 197, 106;
	--ontertiary : #ffffff;


	--primaryfont : 'Roboto', sans-serif;
	--secondaryfont : 'Roboto Condensed', sans-serif;

	/*	COMPONENT SIZE*/
	--navbarheader-height : 105px;
	--topbar-height : 26px;
	--navbarheader-shrink : 36px;
	--navbaroffcanvas-width : 300px;
	--letterspacing-small : 0.05rem;
	--letterspacing-medium : 0.10rem;
	--letterspacing-large : 0.15rem;
	--herosection-height : 90vh;
	


	/*	TEXT COLOR*/
	--pagetitle-color : #47464a;
	--text-color : #181E23;
	--text-color-rgb : 72,74,79;
	--textlight-color : #8292b4;
	--placeholder : #9e9e9e;
	--navlink-color : #28292a;

	
	/*	MAIN BACKGROUND COLOR*/
	--bgbody-color : #ecebf2;
	--bglight-color : #f7f7f7;
	--bgwhite-color : #ffffff;

	/*	BACKGROUND COLOR*/
	--tablehead-bgcolor : rgba(var(--secondary-rgb), 0.05);
	--table-bgcolor : #ffffff;
	--tableborder-color : #d7d7d7;

	--modalhead-bgcolor : rgba(var(--secondary-rgb), 0.05);
	--modal-bgcolor : #ffffff;
	--dropdown-bgcolor : #ffffff;
	--navbar-bgcolor : #ffffff;


	/*	FORM CONTROL COLOR*/
	--formlabel : #646464;
	--placeholderloader-color : #e0e0e0;
	--formcontrol-bgcolor : #ffffff;

	
	/*	BORDER COLOR*/
	--border-color : #d4d4d4;

	
	/*	COMPONENT COLOR*/
	--tooltip-color : #ffffff;


	/*	EXTRA COLOR*/
	--red : #FF0000;
	--green : #06BA6E;
	--orange : #FFA500;
	--blue : #253280;
	--grey : #6c757d;
	--black : #000000;

	--red-rgb: 255, 0, 0;
    --green-rgb: 6, 186, 110;
    --orange-rgb: 255, 165, 0;
    --blue-rgb: 58, 146, 225;
    --grey-rgb: 108, 117, 125;



    --color1: #FE2C55;
	--color2: #1778F2;
	--color3: #C83EDE;
	--color4: #23dfcd;

	
	--boxshadow: rgb(149 157 165 / 10%) 0 8px 24px;


    /*	BOOTSTRAP OVERWRITE VARIABLE*/
	--bs-border-color : var(--border-color);
	--bs-primary : var(--primary);
	--bs-secondary : var(--secondary);
	--bs-primary-rgb : var(--primary-rgb);

}

/*================================ VARIABLES ================================*/
body{
  font-family: var(--primaryfont);
  background-color: var(--bgwhite-color);
  padding: 0px;
  color: var(--text-color);
}


a{color: var(--primary); text-decoration:  none;}
a:is(:hover, a:focus, a:active), .btn:is(:hover, :focus, :active){
	text-decoration: none; box-shadow: none; outline: none;
}

.mainwrapper{}
.mainbodywrapper{
	padding-top: var(--navbarheader-height);
}
{
	height: calc(var(--navbarheader-height) - var(--navbarheader-shrink));
}
.mainheadwrapper{
	padding-top: var(--navbarheader-height);
	min-height: 120px;
	background-color: #a1f9fe;
}
.section.bg1{
	background: url('https://www.poornimadayal.com/assets/img/portfolio/the-village-festival.jpg') no-repeat top center / cover;
}
.section-heading{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 2rem 0;
}
.section-heading .section-title{
    line-height: normal;
    font-weight: 900;
    letter-spacing: var(--letterspacing-small);
    text-transform: uppercase;
    color: var(--pagetitle-color);
    font-size: 2.275rem;
    line-height: normal;
    margin-bottom: 0rem;
}
@media (max-width: 767.98px){}
@media (max-width: 576.98px){
	.section-heading{
		flex-direction: column;
		align-items: center;
		gap: 1rem;
		text-align: center;
	}
	.section-heading .section-title{
		font-size: 1.375rem;
	}
}
/*======================= BOOTSTRAP OVERWRITES START ========================*/
.btn{
	--bs-btn-focus-box-shadow : none;
	--bs-btn-border-radius : 0px;
	font-size: .85rem; font-weight: 500; white-space: nowrap; padding: 0.375rem 0.85rem;
	letter-spacing: var(--letterspacing-small); outline: none;
	position: relative;
	overflow: hidden;
}
.btn.ripple::before {
	position: absolute;
	width: 0px;
	height: 0px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
	content: "";
	left: 0;
	top: 0;
	width: 0%;
	height:  0%;
}

.btn.ripple:hover::before {
	width: 1000px;
	height: 1000px;
	display: inline-block;
	opacity: 0;
	visibility: hidden;
	transition: all 1s ease;
}
.btn-primary{
	--bs-btn-color: var(--onprimary);
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
    --bs-btn-hover-bg:  var(--primaryhover);
    --bs-btn-hover-border-color:  var(--primaryhover);
    --bs-btn-active-bg: var(--primaryhover);
    --bs-btn-active-border-color: var(--primaryhover);
	letter-spacing: var(--letterspacing-medium); font-weight: 500; background-color: var(--bs-btn-bg);
	border-color: var(--bs-btn-border-color);
}
.btn-secondary {
	--bs-btn-color: var(--onsecondary);
	--bs-btn-bg: var(--secondary);
    --bs-btn-border-color: var(--secondary);
    --bs-btn-disabled-bg: var(--secondary);
    --bs-btn-disabled-border-color: var(--secondary);
    --bs-btn-hover-bg:  var(--secondaryhover);
    --bs-btn-hover-border-color:  var(--secondaryhover);
    --bs-btn-active-bg: var(--secondaryhover);
    --bs-btn-active-border-color: var(--secondaryhover);
	letter-spacing: var(--letterspacing-medium); font-weight: 500; background-color:  var(--bs-btn-bg);
	border-color: var(--bs-btn-border-color);
}
.btn-outline-primary{
    --bs-btn-color: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color: var(--primary);
    --bs-btn-disabled-color: var(--primary);
    --bs-btn-disabled-border-color : var(--primary);
    letter-spacing: var(--letterspacing-medium); font-weight: 500; color: var(--bs-btn-color);
	border-color: var(--bs-btn-border-color);
}
.btn-outline-secondary{
    --bs-btn-color: var(--secondary);
    --bs-btn-border-color: var(--secondary);
    --bs-btn-hover-bg: var(--secondary);
    --bs-btn-hover-border-color: var(--secondary);
    --bs-btn-active-bg: var(--secondary);
    --bs-btn-active-border-color: var(--secondary);
    --bs-btn-disabled-color: var(--secondary);
    --bs-btn-disabled-border-color : var(--secondary);
    letter-spacing: var(--letterspacing-medium); font-weight: 500; color: var(--bs-btn-color);
	border-color: var(--bs-btn-border-color);
}
.btn-fadedprimary{
    color: var(--primary) !important; padding: 0.35rem 0.85rem !important; background-color: rgba(var(--primary-rgb), 0.15);
    font-weight: 600;
}
.btn-fadedprimary:is(:hover, :focus, :active){
	color: var(--primary) !important; 
	background-color: rgba(var(--primary-rgb), 0.3) !important;
}
.btn-fadedprimary .icon{font-size: 1.2rem;}
.btn-fadedprimary .btn-text{font-size: 0.75rem; line-height: normal; letter-spacing: var(--letterspacing-small);}
.btn-link{
	--bs-btn-color: var(--primary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--primaryhover);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--primaryhover);
}

.btn.btn-icon{display: flex; align-items: center; gap: 0.5rem; font-size: .85rem; white-space: nowrap; position: relative;}
.btn-icon .material-icons-outlined, .btn-icon .icon, .btn.btn-icon i{font-size: 1.2rem;}
.btn-icon .btn-text{font-size: .85rem}
.btn-close:is(:hover, :focus, :active){	box-shadow: none;outline: none;}
hr {border-top-color: var(--border-color) !important; opacity: 1 !important;}
.tooltip{
	--bs-tooltip-color : var(--tooltip-color);
	letter-spacing: var(--letterspacing-small);
	font-weight: 400;
}
.dropdown-menu{
    --bs-dropdown-font-size: 0.85rem;
    --bs-dropdown-color: var(--text-color);
    --bs-dropdown-bg: var(--dropdown-bgcolor);
    --bs-dropdown-border-color: var(--border-color);
    --bs-dropdown-divider-bg: var(--border-color);
    --bs-dropdown-link-color: var(--text-color);
    --bs-dropdown-link-hover-color: var(--text-color);
    --bs-dropdown-link-active-color: var(--onprimary);
    --bs-dropdown-link-active-bg: var(--primary);
    --bs-dropdown-link-hover-color : var(--primary); 
    --bs-dropdown-link-hover-bg : rgba(var(--primary-rgb), 0.1);
}

.text-primary{color: var(--primary);}
.text-secondary{color: var(--secondary);}
.text-tertiary{color: var(--tertiary);}
/*======================== BOOTSTRAP OVERWRITES END =========================*/

/*------------------------------SCROLLBAR START------------------------------*/
.scroll-list, body{
  overflow-x: auto; overflow-y: visible;
  -webkit-scroll-behavior: smooth; scroll-behavior: smooth;
  -webkit-scroll-snap-type: mandatory; scroll-snap-type: mandatory;
  -webkit-scroll-snap-points-y: repeat(100%);scroll-snap-points-y: repeat(100%);scrollbar-width: none;
}
body::-webkit-scrollbar, .scroll-list::-webkit-scrollbar{width: 5px; height: 5px;}
.scroll-list::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb{
	border-radius: 10px; background-color: var(--primary);
}
/*------------------------------SCROLLBAR END------------------------------*/

/*--------------------------- NAVBAR HEADER START ---------------------------*/
.navbar-header{
	--bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0;
	
	width: 100%;
/*	border-bottom: 1px solid var(--border-color);*/
    display: flex; flex-wrap: wrap; 
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: var(--boxshadow);
	height: var(--navbarheader-height); 
}
.navbar-header.fixed-header{
	background: var(--navbar-bgcolor);
	height: calc(var(--navbarheader-height) - var(--navbarheader-shrink));}

.navbar-header .navbar-toggler{
	width: 42px; height: 42px; outline: 0; padding: 0; border:0px; border-radius: 0.375rem;
	font-size: 1.5rem; color: var(--navlink-color); box-shadow: none;
}
.navbar-header .navbar-brand{
	padding: 0px; display: flex; align-items: center; gap: 0.5rem; text-decoration: none;
	width: 220px;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}
.navbar-header.fixed-header .navbar-brand{
	width: 150px;
}
.navbar-header .navbar-brand img{
	width: 100%; height: 100%; object-fit: contain;
}
.navbar-header .navbar-right{
	display: flex;
}
.navbar-header .navbar-right .nav-link-account{
	padding: 0 0 0 var(--nav-spacing); min-width: 32px; position: relative; 
	display: flex; align-items: center; padding-left: 1rem;
}
.navbar-header .navbar-right .nav-link-account:after{display: none;}
.nav-link-account .account-user-inner {padding: 0 0.5rem; display: flex; flex-direction: column; row-gap: 0.15rem; width: 140px}
.nav-link-account .account-user-avatar {width: 42px; height: 42px; overflow: hidden; border-radius: 0.35rem}
.nav-link-account .account-user-avatar img{width:  100%; height:  100%; object-fit:  cover}
.nav-link-account .account-title{
	font-size: 0.95rem; font-weight: 600; color: var(--text-color); letter-spacing: var(--letterspacing-medium);
    line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.nav-link-account .account-subtitle{color: var(--textlight-color); font-size: 0.75rem; letter-spacing: var(--letterspacing-medium); line-height: normal}
.navbar-header .navbar-right .dropdown .dropdown-menu{width: 180px; border: 0; margin-top: 0.75rem; box-shadow: var(--boxshadow)}
.dropdown-menu .dropdown-item{padding: 0.65rem 1rem; font-weight: 500; letter-spacing: var(--letterspacing-small)}
.dropdown-menu .btn-logout{display: flex; align-items: center}

.navbar-header .offcanvas{
	--bs-offcanvas-width: var(--navbaroffcanvas-width);
}
.navbar-header .offcanvas{}
.navbar-header .offcanvas .offcanvas-header{
	border-bottom: 1px solid var(--border-color);
}
.navbar-header .offcanvas .offcanvas-header .offcanvas-title{
	font-family: var(--secondaryfont);
    line-height: normal;
    font-weight: 400;
    color: var(--text-color);
    font-size: 1.175rem;
    margin: 0;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: var(--letterspacing-large);
}
.navbar-header .offcanvas .offcanvas-header .btn-close{
	font-size: 0.75rem;
	width: 24px;
	height: 24px;
}
.navbar-header .offcanvas .offcanvas-header .btn-close:hover{
	background-color: rgba(var(--primary-rgb), 0.2);
}


	

@media (min-width: 991px){
	.navbar-header .navbar-nav{
		--bs-nav-link-padding-y: 0rem;
		--bs-nav-link-padding-x: 0rem;
		--bs-navbar-nav-link-padding-x: 0rem;
		--nav-spacing : 1.5rem; display: flex; 
		gap: var(--nav-spacing); 
		height: calc(var(--navbarheader-height) - var(--topbar-height));
		-webkit-transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    transition: all 0.2s;
	    -webkit-transition-delay: 0s;
	    -moz-transition-delay: 0s;
	    transition-delay: 0s;
	}
	.navbar-header.fixed-header .navbar-nav{
		height: calc(var(--navbarheader-height) - var(--navbarheader-shrink));
		-webkit-transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    transition: all 0.2s;
	    -webkit-transition-delay: 0s;
	    -moz-transition-delay: 0s;
	    transition-delay: 0s;
	}
	.navbar-header .navbar-nav>.nav-item{display: flex; align-items: center;}
	.navbar-header .navbar-nav>.nav-item>.nav-link{
		width: 100%;letter-spacing: var(--letterspacing-small);
		display: flex; align-items: center; justify-content: center; 
		color: var(--navlink-color); font-size: 0.9rem; font-weight: 600; 
		border-bottom: 2px solid transparent; text-transform: uppercase;
	}
	.navbar-header .navbar-nav>.nav-item.active>.nav-link,
	.navbar-header .navbar-nav>.nav-item>.nav-link:is(:hover){
		border-color: var(--primary); color: var(--primary); 
	}
	.btn-play{
		--bs-btn-border-radius : 0px;
		display: flex;
		align-items: center;
	}
}
@media (max-width: 990.98px){
/*	.navbar-header{padding: 0;}*/
	.navbar-header>.container{padding: 0.75rem 0;}
	.navbar-header .offcanvas .navbar-nav{
		display: flex;
		flex-direction: column;
		gap: 1rem;
		padding: 0px;
	}
	.navbar-header .offcanvas .navbar-nav .nav-item {}
	.navbar-header .offcanvas .navbar-nav .nav-item .nav-link{
		padding: 0.15rem 0rem;
	    border-radius: 0;
	    font-size: 0.85rem;
	    font-weight: 600;
	    text-transform: uppercase;
	    letter-spacing: var(--letterspacing-small);
	    border-bottom: 2px solid transparent;
    	display: inline-block;
	}
	.navbar-header .offcanvas .navbar-nav .nav-item.active .nav-link,
	.navbar-header .offcanvas .navbar-nav .nav-item .nav-link:is(:hover){
		border-color: var(--primary);
	    color: var(--primary);
	}
	.navbar-nav .dropdown-menu{
		--bs-dropdown-border-color : transparent;
	}
}
@media (max-width: 767.98px){}
@media (max-width: 576.98px){}
/*---------------------------- NAVBAR HEADER END ----------------------------*/

/*------------------------------- HERO START --------------------------------*/
.section-hero{
	height: var(--herosection-height);
}
.hero-row{
	height: var(--herosection-height);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.hero-title {
    margin-bottom: 0;
    font-size: 3.75rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--text-color);
    letter-spacing: var(--letterspacing-small);
    text-transform: uppercase;
}
.hero-area{
	background-color: rgba(255, 255, 255, 0.75);
	padding: 1rem;
}
@media (max-width: 990.98px){
	.section-hero{
		--herosection-height : 50vh;
	}
	.hero-title{
		font-size: 2rem;
	}
}
@media (max-width: 767.98px){
	.section-hero{
		--herosection-height : 350px;
	}
	.hero-title{
		font-size: 1.25rem;
	}
}
/*-------------------------------- HERO END ---------------------------------*/
/*------------------------------ FOOTER START -------------------------------*/
.footer-bottom{
/*	padding: 1rem;*/
	color: #ffffff;
	background-color: #333b54;
}
.footer-bottom .copy{
	font-size: 0.85rem;
	margin: 0px;
	letter-spacing: var(--letterspacing-large);
	text-align: center;
}

.copyright__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.footer-bottom-text {
    margin: 0;
    text-align: left;
    font-size: 0.85rem;
    letter-spacing: var(--letterspacing-medium);
}
.footer-bottom-text span {
    margin: 0 0.5rem;
}
.footer-bottom-text a{
	color: #ffffff;
}
.footer-bottom-text a:hover{
	text-decoration: underline;
}

@media (max-width: 767.98px){
.copyright__inner{flex-direction: column;gap: 1rem;}
.footer-bottom-text{text-align: center}

}
/*------------------------------- FOOTER END --------------------------------*/


/*------------------------------- ABOUT START -------------------------------*/
.section-about_overlay {
	background-color: rgb(0 51 255);
	color: var(--onprimary);
	padding: 5rem 0;

}

.section-about{
	background-image: repeating-linear-gradient(45deg, #0000000f, transparent 100px);
}
.section-about{}
.about-card{
	overflow: hidden;
}
.about-title{
	font-size: 2.75rem;
	letter-spacing: var(--letterspacing-medium);
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	font-weight: 600;
}
.about-text{
	font-size: 0.9;
	letter-spacing: var(--letterspacing-small);
	margin-bottom: 0.5rem;
}
/*-------------------------------- ABOUT END --------------------------------*/

/*------------------------------ CONTACT START ------------------------------*/
.contact-title{
	font-size: 2.75rem;
	letter-spacing: var(--letterspacing-medium);
	margin-bottom: 1rem;
	text-transform: uppercase;
	font-weight: 600;
}
.contact-desc{
	font-size: 0.9;
	letter-spacing: var(--letterspacing-small);
	margin-bottom: 1rem;
}

.contact-item{
	margin-bottom: 1rem;
}
.contact-item .contact-label{
	margin-bottom: 0.175rem;
	font-size: 0.85rem;
	text-transform: uppercase;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.7);
	letter-spacing: var(--letterspacing-medium);
}
.contact-item .contact-value{
	font-size: 1rem;
	color: var(--black);
	font-weight: 500;
	letter-spacing: var(--letterspacing-small);

}
.contact-item .contact-value a{
	color: var(--primary);
}
.contact-item .contact-value a:hover{
	text-decoration: underline;
}

/*------------------------------- CONTACT END -------------------------------*/

/*------------------------- CATEGORY GALLERY START --------------------------*/
.section-catgallery{
	background-color: #f5f8fd;
}

.catgallery-card{
	--bs-card-bg: transparent;
    --bs-card-box-shadow: none;
    --bs-card-border-width : 0px;
    --bs-card-cap-bg : transparent;
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 0.5rem;
    --bs-card-cap-padding-y: 0rem;
    --bs-card-cap-padding-x: 0rem;
}
.catgallery-title{
	font-size: 1rem;
	color: var(--text-color);
	margin: 0px;
	font-weight: 500;
	letter-spacing: var(--letterspacing-small);
}
.catgallery-link{
	font-size: 0.8rem;
	color: var(--primary);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.275rem;
	font-weight: 500;
	letter-spacing: var(--letterspacing-small);
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 3px 10px;
    border-radius: 5px;
}
.catgallery-link .bi{
	font-size: 1rem;
	line-height: 1.5;
}
.catgallery-card .card-img-top{
	min-height: 250px;
}
.catgallery-card .card-body{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: no-wrap;
	gap: 0.5rem;
}

@media (max-width: 990.98px){
}
@media (max-width: 576.98px){
}
/*-------------------------- CATEGORY GALLERY END ---------------------------*/

/*------------------------------ GALLERY START ------------------------------*/
.section-gallery{
	padding: 2rem 0;
}
/*.grid-sizer, .grid-item { width: 22%; }*/


.gallery-card{
	--bs-card-border-color: rgba(255,255,255,.1);
	--bs-card-bg: transparent;
	--bs-card-spacer-y: 1.5rem;
	--bs-card-spacer-x: 1.5rem;
	overflow: hidden;

}
.gallery-card:hover{
	cursor: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-plus-square" ©Box="0 0 16 16"%3E%3Cpath d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"%3E%3C/path%3E%3Cpath d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"%3E%3C/path%3E%3C/svg%3E') 16 16, auto;
}
/*.gallery-card .gallery-image{
	height: 400px;
}
.gallery-card .gallery-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}*/
.gallery-card:hover .card-body{
    opacity: 1;
    transform: scaleY(1);
}
.gallery-card .card-body{
	background: linear-gradient(180deg,rgba(29,29,29,0) 23.76%,#1D1D1D 90.19%);
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 25px;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: .5s;
    opacity: 0;
}
.gallery-card .gallery-title{
	font-size: 1.5rem;
	color: #ffffff;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0.5rem;
	letter-spacing: var(--letterspacing-medium);
}
.gallery-card .gallery-subtitle{
	font-weight: 400;
    font-size: 0.8rem;
    line-height: normal;
    color: #ffffff;
    margin-bottom: 0px;
	letter-spacing: var(--letterspacing-medium);
}
/*------------------------------- GALLERY END -------------------------------*/

/*------------------------------ AWARDS START -------------------------------*/
.awards-card{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.awards-card:hover{
	--bs-card-border-width : 0px;
	box-shadow: var(--bs-box-shadow-lg);
	transform: scale(1.1);
	z-index: 99;
}
.awards-card .card-body{
	border-top: 1px solid var(--border-color);
}
.awards-title{
	font-size: 1.1rem;
	color: var(--text-color);
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 0.5rem;
	letter-spacing: var(--letterspacing-medium);
}
.awards-subtitle{
	font-weight: 500;
    font-size: 0.8rem;
    line-height: normal;
    color: var(--textlight-color);
	margin-bottom: 0.5rem;
    text-transform: uppercase;
	letter-spacing: var(--letterspacing-medium);
}
.awards-desc{
	font-weight: 400;
    font-size: 0.85rem;
    line-height: normal;
    color: var(--text-color);
	letter-spacing: var(--letterspacing-small);
	margin-bottom: 0;
}
.awards-card:has(.awards-link) .awards-desc{
	margin-bottom: 0.5rem;
}
.awards-link{
	font-weight: 500;
    font-size: 0.85rem;
    color: var(--primary);
	letter-spacing: var(--letterspacing-medium);
}
.awards-link:hover{
	text-decoration: underline;
}
/*------------------------------- AWARDS END --------------------------------*/
/*------------------------------- SHOWS START -------------------------------*/
.shows-card{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.shows-card:hover{
	--bs-card-border-width : 0px;
	box-shadow: var(--bs-box-shadow-lg);
	transform: scale(1.1);
	z-index: 99;
}
.shows-card .card-body{
	border-top: 1px solid var(--border-color);
}
.shows-title{
	font-size: 1.1rem;
	color: var(--text-color);
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 0.5rem;
	letter-spacing: var(--letterspacing-medium);
}
.shows-subtitle{
	font-weight: 500;
    font-size: 0.8rem;
    line-height: normal;
    color: var(--textlight-color);
	margin-bottom: 0.5rem;
    text-transform: uppercase;
	letter-spacing: var(--letterspacing-medium);
}
.shows-desc{
	font-weight: 400;
    font-size: 0.85rem;
    line-height: normal;
    color: var(--text-color);
	letter-spacing: var(--letterspacing-small);
	margin-bottom: 0;
}
.shows-card:has(.shows-link) .shows-desc{
	margin-bottom: 0.5rem;
}
.shows-location{
	font-weight: 500;
    font-size: 0.85rem;
    line-height: normal;
    color: #6c650a;
	letter-spacing: var(--letterspacing-small);
}
.shows-link{
	font-weight: 500;
    font-size: 0.85rem;
    color: var(--primary);
	letter-spacing: var(--letterspacing-medium);
}
.shows-link:hover{
	text-decoration: underline;
}
/*-------------------------------- SHOWS END --------------------------------*/