/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0-beta1
 Requires at least: 5.0
 Tested up to: 6.5.2
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/
/*=================================== 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=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,400,0,-25");

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');

/*================================== FONTS ==================================*/

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

	--primary : #058069;
	--primary-rgb : 5, 128, 105;
	--primaryhover : #068f75;
	--primarylight : #02c180;
	--primaryhover-rgb : 6, 143, 117;
	--onprimary : #ffffff;

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


	/*--primaryfont : 'Hanken Grotesk', sans-serif;
	--secondaryfont : 'Hanken Grotesk', sans-serif;*/

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

	/*	COMPONENT SIZE*/
	--navbarheader-height : 100px;
	--navbaroffcanvas-width : 320px;
	--letterspacing-small : 0.05rem;
	--letterspacing-medium : 0.10rem;
	--letterspacing-large : 0.15rem;
	

	--bodytextsmall-size : 0.85rem;
	--bodytext-size : 1rem;
	--bodytextmedium-size : 1.275rem;
	--bodytextlarge-size : 1.75rem;


	/*	TEXT COLOR*/
	--pagetitle-color : #FFFFFF;
	--sectiontitle-color: #2f3c3a;
	--text-color : #3d3d3d;
	--text-color-rgb : 72,74,79;
	
	--textlight-color : #8c8c8c;
	--placeholder : #9e9e9e;
	--navlink-color : #5c5c5c;

	--intials-color : #929b9f;
	--initials-bg : #e4e6e7;

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

	/*	BACKGROUND COLOR*/
	--tablehead-bgcolor : rgba(var(--primary-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 : #3d3d3d;
	--placeholderloader-color : #e0e0e0;
	--formcontrol-bgcolor : #ffffff;

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

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


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

	--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;

	--facebook-color : #325598;
	--linkedin-color : #2864aa;
	--twitterx-color : #000000;
	--youtube-color : #f60002;
	--instagram-color : radial-gradient(circle farthest-corner at 28% 100%, #fcdf8f 0%, #fbd377 10%,  #fa8e37 22%, #f73344 35%, transparent 65%), linear-gradient(145deg, #3051f1 10%, #c92bb7 70%);


	
	--boxshadow: 0px 0px 20px rgba(83, 88, 93, 0.15);


    /*	BOOTSTRAP OVERWRITE VARIABLE*/
	--bs-border-color : var(--border-color);
	--bs-card-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);
  letter-spacing: var(--letterspacing-small);
}


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;
}
.fs-8{font-size: 0.75rem !important}
.bg-light{background-color: var(--bglight-color) !important;}
.mainwrapper{}
.mainbodywrapper{padding:2rem 1rem; height: 100%}
.mainheadwrapper{min-height: 250px;	background-color: var(--bs-light);	position: relative;}
.mainheadwrapper:before {
    content: ''; background: rgba(var(--primary-rgb), 0.87) var(--pageheaderimage) center center / cover;
    display: block; position: absolute; width: 100%; height: 100%; }
.mainheadwrapper .mainheader-overlay{ position: relative; color: #ffffff; height: 250px;display: flex; align-items: center;
    /* padding-top: var(--navbarheader-height); */
}
.mainheadwrapper .section-heading{padding: 3.5rem 0;}
.section{padding: 6rem 1rem;}
.page-heading, .section-heading{display: flex;	justify-content: space-between;	flex-direction: column;	margin-bottom: 2rem;}
.section-title{font-family: var(--secondaryfont); font-weight: 500; color: var(--sectiontitle-color); font-size: 2.5rem; line-height: normal;}
.section-subtitle{line-height: normal;font-weight: 400;color: var(--textlight-color); font-size: 1rem;margin: 0;}

.page-title{font-family: var(--secondaryfont); font-weight: 400; color: var(--pagetitle-color); font-size: 3.375rem; line-height: normal;
	letter-spacing: var(--letterspacing-medium);
}

.page-heading .breadcrumb{--bs-breadcrumb-divider-color: var(--onprimary);--bs-breadcrumb-item-active-color : rgba(255,255,255,0.8);}
.page-heading .breadcrumb .breadcrumb-item{font-size: var(--bodytextsmall-size);	letter-spacing: var(--letterspacing-medium);	font-weight: 500;}
.page-heading .breadcrumb .breadcrumb-item a{color:  var(--onprimary);}
.page-heading .breadcrumb .breadcrumb-item a:hover{text-decoration: underline}
.breadcrumb-item+.breadcrumb-item::before{font-family: bootstrap-icons;}

.headover-section{top: -4rem; margin-bottom: -3rem; position: relative}
.headover-section .card{
	--bs-card-spacer-y: 0px;
    --bs-card-spacer-x: 0px;
    --bs-card-border-width : 0px;
    box-shadow: var(--boxshadow);
    overflow: hidden;
}
.headover-section .card .nav.nav-pills{
    /*--bs-nav-underline-gap: 0rem;
    --bs-nav-underline-border-width: 0.215rem;
    --bs-nav-underline-link-active-color : var(--primarylight);*/
    --bs-nav-pills-link-active-color: var(--onprimary);
    --bs-nav-pills-link-active-bg: var(--primarylight);
    --bs-nav-link-color : var(--text-color);
}
.headover-section .card .nav.nav-underline{
    --bs-nav-underline-gap: 0rem;
    --bs-nav-underline-border-width: 0.215rem;
    --bs-nav-underline-link-active-color : var(--primarylight);
    --bs-nav-link-color : var(--text-color);
}
.headover-section .card .nav.nav-pills .nav-link.active:before{
	content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: var(--primarylight) transparent transparent transparent;
    transform: rotate(0deg);
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
}

.headover-section .card .nav .nav-link{
	padding: 0.75rem 1rem;
	text-transform: uppercase;
	letter-spacing: var(--letterspacing-medium);
	font-size: var(--bodytext-size);
	position: relative;
}
.headover-section .card .nav.nav-pills .nav-link.active:hover{
	color: var(--bs-nav-pills-link-active-color);
}
.headover-section .card .nav.nav-pills .nav-link:hover{
    color: var(--primary);
}
.headover-section .card .nav.nav-underline .nav-link:hover{
	font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor;
}
@media (max-width: 767.98px){
	.section{padding: 2rem 0.5rem;}
	.section-title{font-size: 2rem}
	.section-subtitle{font-size: 0.85rem}
	.section{padding: 2rem 0.275rem;}
	.page-title{font-size: 2.75rem}
}
@media (max-width: 576.98px){
	.mainbodywrapper{padding: 1rem 0.5rem}
	.section-heading{flex-direction: column; align-items: center; gap: 1rem; text-align: center;}
	.section-title{font-size: 1.75rem}
	.section-subtitle{font-size: 0.75rem}
	.page-title{font-size: 2.25rem}
}
/*============================== COMMON START ===============================*/
.btn{
	--bs-btn-focus-box-shadow : none;
	font-weight: 500;
	white-space: nowrap;
	letter-spacing: var(--letterspacing-small);
	outline: none;
	position: relative;
	font-size: 1rem;
	overflow: hidden;
	}
.btn:has(.btn-sm, .btn-md, .btn-lg, .btn-xl){padding: 0.5rem 1rem;}
.btn-noti{
	overflow: visible;
}
.btn:not(.btn-noti)::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: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{
	--bs-btn-bg: rgba(var(--primary-rgb), 0.75);
	--bs-btn-hover-color : var(--onprimary);
	color: var(--onprimary); border: 1px solid var(--primarylight); padding: 0.5rem 1rem;font-weight: 500;letter-spacing: var(--letterspacing-medium);
    /*color: var(--primary) !important; padding: 0.35rem 0.85rem !important; background-color: rgba(var(--primary-rgb), 0.15);
    font-weight: 600;*/
}
.btn-fadedprimary.banner {
	padding: 0.95rem 1.5rem;
}
.btn-fadedprimary:is(:hover, :focus, :active){
	background-color: var(--primary);
}
.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);
}
.link-primary:is(:hover, :focus){
	color: var(--primary) !important;
}
.btn.btn-icon{display: flex; align-items: center; gap: 0.375rem; font-size: .85rem; white-space: nowrap; position: relative;}
.btn-icon .material-symbols-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;
}
.color-primary {
	color: var(--primary) !important;
}
.dropdown-menu{
    --bs-dropdown-font-size: 0.9rem;
    --bs-dropdown-color: var(--text-color);
    --bs-dropdown-bg: var(--dropdown-bgcolor);
    --bs-dropdown-border-color: transparent;
    --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);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);

    --bs-dropdown-min-width: 15rem;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.375rem;
    --bs-dropdown-padding-x: 0.5rem;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-border-radius: 0.5rem;
    --bs-dropdown-item-border-radius: 0.375rem;
}
.card{
	--bs-card-border-radius: 0.75rem;
	--bs-card-inner-border-radius: 0.75rem;
	--bs-card-cap-bg : transparent;
}
.card.ariacard{
	--swiper-navigation-size: 2.5rem;
	--bs-card-border-width: 0px;
	--bs-card-cap-padding-y: 1.25rem;
    --bs-card-cap-padding-x: 1.25rem;
    --bs-card-spacer-y: 1.25rem;
    --bs-card-spacer-x: 1.25rem;
    --bs-card-cap-bg : transparent;
	box-shadow: var(--boxshadow);
}
.card.ariacard .card-header{display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap}
.card.ariacard .card-header .card-title{font-family: var(--secondaryfont); font-weight: 600;color: var(--sectiontitle-color);
    letter-spacing: var(--letterspacing-medium); font-size: var(--bodytextlarge-size);line-height: normal;}
.card.ariacard .card-header .card-title.text-primary{color: var(--primary) !important;}
.card.ariacard .card-header .card-action{position: relative; display: flex; gap: 1rem; align-items: center; flex-wrap: wrap;}
.card.ariacard .card-body{}
.itemimage{height: 200px; object-fit: cover;}
.itemicon{
	width: 48px; height: 48px; border-radius: 0.375rem;
    overflow: hidden; border: 1px solid var(--primarylight); color: var(--primarylight); background-color: rgba(var(--primary-rgb), 0.1);
    font-size: 1.5rem; display: flex; align-items: center; justify-content: center; margin-bottom: 0.75rem;
}
.itemtitle{font-size: var(--bodytextmedium-size);letter-spacing: var(--letterspacing-small);font-weight: 600;color: var(--text-color); overflow: hidden;}
.itemdesc{font-size: var(--bodytext-size);letter-spacing: var(--letterspacing-small);font-weight: 400;line-height: 1.4; color: var(--text-color);overflow: hidden;}
.itemactions{display: flex;	align-items: center;justify-content: flex-end;gap: 0.5rem;}
.itemactions .btn{outline: none;   border: 0px;font-size: var(--bodytext-size);display: flex;align-items: center; gap: 0.275rem;}
.itemactions .btn>.icon{font-size: 1.215rem;}

.text-truncate-line1{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-truncate-line2{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-truncate-line3{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-align-justify{text-align: justify;}

.table{
	--bs-border-width : 1px;
	--bs-table-bg : var(--table-bgcolor);
	--bs-table-border-color : var(--tableborder-color);

}
.table tr th{
	background-color: var(--tablehead-bgcolor);	border-top-width: var(--bs-border-width); border-bottom-width: var(--bs-border-width);
	border-color: var(--primarylight);	font-size: var(--bodytextsmall-size);font-weight: bold;
	text-transform: uppercase;	letter-spacing: var(--letterspacing-medium);color: var(--secondary);padding: .75rem .5rem;
	white-space: nowrap;
}
.table tr td{font-size: var(--bodytext-size);vertical-align: middle;font-weight: 400;color: var(--text-color);}
.table tr td.action-td{}
.table tr td.action-td .btn{font-size: 1.25rem;}
.pagination{
	--bs-pagination-color : var(--text-color);	--bs-pagination-active-bg : var(--primary);	--bs-pagination-hover-color : var(--onprimary);
	--bs-pagination-hover-bg :  var(--primary);	--bs-pagination-focus-color : var(--onprimary);	--bs-pagination-focus-bg :  var(--primary);
	--bs-pagination-focus-box-shadow : none;--bs-pagination-border-width : 0px;	--bs-pagination-bg : transparent;--bs-pagination-font-size : 1rem;
	gap: 0.5rem;align-items: center;margin: 0;}
.pagination .page-item .page-link{border-radius: 0.375rem;height: 42px;width: 42px;display: flex;align-items: center;justify-content: center; white-space: nowrap;}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link{font-size: 1.275rem;text-align: center;}

.usercard{
	--bs-card-border-width : 0px;
}
.usercard .usercard-pic{
	height: 300px;
	object-fit: cover;
}
.usercard .usercard-title{
	font-size: var(--bodytextmedium-size);
    letter-spacing: var(--letterspacing-small);
    font-weight: bold;
    color: var(--text-color);
    overflow: hidden;
}
.usercard .usercard-subtitle{
	margin: 0;
    font-weight: 400;
    font-size: var(--bodytextsmall-size);
    letter-spacing: var(--letterspacing-medium);
    color: var(--textlight-color);
}
/*=============================== COMMON 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, .dropdown-menu .inner::-webkit-scrollbar{
	width: 10px; height: 5px;}
.scroll-list::-webkit-scrollbar-thumb, .dropdown-menu .inner::-webkit-scrollbar-thumb, 
body::-webkit-scrollbar-thumb{
	border-radius: 3px; background-color: var(--primary);
}
@media (max-width: 767.98px){
	body::-webkit-scrollbar{width: 3px; height: 5px;}
}
/*------------------------------SCROLLBAR END------------------------------*/

/*------------------------------- FORM START --------------------------------*/
.form-group {
    margin-bottom: 1rem;
}
.form-group .form-text{
    color: var(--text-color);
}
.form-group .form-label{
    color: var(--formlabel);
    font-size: 1rem;
    margin-bottom: 1px;
    font-weight: 500;
    letter-spacing: var(--letterspacing-medium);
}
.form-control.form-transparent{
	--placeholder: #ffffff;
	--formcontrol-bgcolor : transparent;
	--text-color : #ffffff;
}

.form-control{
    font-weight: 500;
    color: var(--text-color);
    letter-spacing: var(--letterspacing-small);
    font-size: 0.85rem;
    min-height: 40px;
    line-height: 26px;
    background-color: var(--formcontrol-bgcolor);
}
.form-control[disabled]{
    background-color: rgba(var(--secondary-rgb), 0.15);
}
.form-control:is(:focus){
    box-shadow: none;
    color: var(--text-color);
    border-color: var(--primary);
    background-color: var(--formcontrol-bgcolor);
}
.form-multiselect.bootstrap-select{}
.form-multiselect.bootstrap-select.form-control.is-invalid{border-color: var(--bs-form-invalid-border-color);}
.form-multiselect.bootstrap-select.form-control{border : var(--bs-border-width) solid var(--bs-border-color);}
.form-multiselect.bootstrap-select.form-control:focus-within{border-color: var(--primary);}
.form-multiselect.bootstrap-select .dropdown-toggle{
	border: 0 !important; outline: 0 !important; font-weight: 500; color: var(--text-color); letter-spacing: var(--letterspacing-small);
    font-size: 0.85rem; background-color: var(--formcontrol-bgcolor); padding-top: 0; padding-bottom: 0; width: calc(100% - 2rem);
}
.form-multiselect.bootstrap-select .dropdown-toggle:focus, .form-multiselect.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
	outline: 0 !important;}
.form-multiselect.bootstrap-select .dropdown-toggle:after{display: none}
.form-multiselect.bootstrap-select .dropdown-menu{padding: 0;}
.form-multiselect.bootstrap-select .dropdown-menu ul.inner{padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);}
.form-multiselect.bootstrap-select .bs-ok-default:after{border-width: 0 0.14em 0.14em 0;}
input[type=file]::-webkit-file-upload-button{
  	background-color: var(--formcontrol-bgcolor);
  	color: rgba(var(--text-color-rgb), 0.8);
  	font-weight: 600;
  	font-size: 0.85rem;
  	letter-spacing: var(--letterspacing-small);
}
input[type=file]::file-selector-button{
/*  	background-image: linear-gradient(var(--formcontrol-bgcolor), var(--formcontrol-bgcolor), var(--formcontrol-bgcolor) 100%, var(--formcontrol-bgcolor) 200%);*/
	background-color: var(--formcontrol-bgcolor);
}
input[type=file]:is(:hover, :focus, :active):not(:disabled):not([readonly])::file-selector-button{
	background-color: rgba(var(--secondaryhover-rgb), 0.2);
}

::-webkit-input-placeholder {
  font-size: 0.85rem; letter-spacing: var(--letterspacing-medium); color: var(--placeholder) !important; font-weight: 400;
}
::-moz-placeholder { 
  font-size: 0.85rem; letter-spacing: var(--letterspacing-medium); color: var(--placeholder) !important; font-weight: 400;
}
:-ms-input-placeholder {
  font-size: 0.85rem; letter-spacing: var(--letterspacing-medium); color: var(--placeholder) !important; font-weight: 400;
}
:-moz-placeholder {
  font-size: 0.85rem; letter-spacing: var(--letterspacing-medium); color: var(--placeholder) !important; font-weight: 400;
}


.form-check-input:checked{
    background-color: var(--primary);
    border-color: var(--primary);
}
.form-check-input:focus{
    border-color: rgba(0,0,0,.25);
    background-blend-mode: luminosity;
	box-shadow: none;
}
.form-check label{
    font-weight: 500;
    letter-spacing: var(--letterspacing-small);
    font-size: 0.95rem;
}
.form-check-input:focus~.form-check-label::before{
    box-shadow: none;
    border-color: rgba(0,0,0,.25);
}
/*-------------------------------- FORM END ---------------------------------*/

/*--------------------------- NAVBAR HEADER START ---------------------------*/
.navbar-header{
	--iconbutton-height: 48px;
	--iconbutton-width: 48px;
	height: var(--navbarheader-height); width: 100%;
/*	border-bottom: 1px solid var(--border-color);*/
	position: relative;
	padding: 0px;
	background: var(--navbar-bgcolor);
	box-shadow: var(--boxshadow);
	
    display: flex; flex-wrap: wrap; 
    transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
}
.navbar-header.fixed-header{position: fixed; top: 0; padding: 0; min-height: calc(var(--navbarheader-height) - 10px);
	background: var(--navbar-bgcolor);box-shadow: var(--boxshadow);
	    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    -op-animation-duration: 300ms;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes fadeInDown {
    0% {opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0)}
    to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}

@keyframes fadeInDown {
    0% {opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0)}
    to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}

.navbar-header .navbar-toggler{
/*	background-color: rgba(var(--primary-rgb), 0.1);*/
	width: var(--iconbutton-width); height: var(--iconbutton-height); outline: 0; padding: 0; 
	border: 0px;
/*	border: 2px solid rgba(var(--primary-rgb), 0.3); border-radius: 0.375rem;*/
	font-size: 2rem; color: var(--navlink-color); box-shadow: none;
}
.navbar-header .navbar-brand{
	margin: 0px; padding: 0px; display: flex; align-items: center; justify-content: center; text-decoration: none;
    height: calc(var(--navbarheader-height) - 10px); width: 170px; position: relative; transition: all 0.2s linear;
}
.navbar-header.fixed-header .navbar-brand{height: calc(var(--navbarheader-height) - 10px); width: 170px;}
.navbar-header .navbar-nav{}
.navbar-header .navbar-nav>.nav-item{}
.navbar-header .navbar-nav>.nav-item>.nav-link{
	text-transform: uppercase; width: 100%; letter-spacing: var(--letterspacing-medium); padding: 0.35rem 0.5rem; gap: 0.5rem;
	display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--navlink-color); fill: var(--navlink-color); font-size: 0.8rem; font-weight: 500;
/*	border-top-width: 0.175rem;	border-bottom-width: 0.175rem; border-style: solid; border-color: transparent;*/
}
.navbar-header .navbar-nav>.nav-item>.nav-link svg{
	width: 26px; height: 26px; 
}
.navbar-header .navbar-nav>.nav-item>.nav-link .bi{
	font-size: 1.375rem;
}
.navbar-header .navbar-nav>.nav-item>.nav-link.active,
.navbar-header .navbar-nav>.nav-item>.nav-link:is(:hover){
/*	border-color: var(--primarylight); 	*/
	color: var(--primary); 	
	fill: var(--primary);
}
.navbar-header .navbar-brand img{width: 100%; height: 100%; object-fit: contain; z-index: 9;transition: all 0.2s linear;}
.navbar-header .navbar-right{display: flex; gap: 0.5rem}
.navbar-header .navbar-right .btn{height: var(--iconbutton-height); display: flex; align-items: center; justify-content: center;}
.navbar-header .navbar-right .btn-search{width: var(--iconbutton-width); height: var(--iconbutton-height);}
.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; gap: 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: var(--iconbutton-width); height: var(--iconbutton-height); overflow: hidden; background-color: var(--initials-bg); position: relative}
.nav-link-account .account-user-avatar img{width:  100%; height:  100%; object-fit:  cover}
.nav-link-account .account-user-avatar.noimage:before{
	content: var(--initials);	position: absolute;	left: 0; right: 0; top: 0; bottom: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 1.175rem;font-weight: bold;color: var(--intials-color);letter-spacing: var(--letterspacing-medium);text-transform: uppercase;
}
.nav-link-account .account-user-avatar.noimage img{display: none}

.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); font-weight: 600; color: var(--text-color); font-size: 1rem; margin: 0; line-height: normal;
    text-transform: uppercase; letter-spacing: var(--letterspacing-medium);
}
.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);}

.navbar-header .navbar-right .dropdown{}

.dropdown-searchbar{
	--bs-dropdown-min-width: 300px;
	--bs-dropdown-padding-x: 0.5rem;
    --bs-dropdown-padding-y: 0.5rem;
}

.navbar-header .navbar-nav>.nav-item.dropdown:hover > .dropdown-menu, 
.navbar-header .navbar-nav>.nav-item .dropend:hover > .dropdown-menu {display: flex; flex-direction: column; gap: 0.375rem 0;}


.navbar-header .navbar-nav>.nav-item .dropdown .dropdown-item{letter-spacing: var(--letterspacing-small); white-space: pre-wrap;}
.navbar-header .navbar-nav>.nav-item.dropdown>.dropdown-toggle::after,
.navbar-header .navbar-nav>.nav-item .dropdown .dropdown-toggle::after{content: ; font-size: 1.25rem;}
.dropdown-toggle::after{}

.navbar-header .dropdown-item[aria-expanded="true"]{
	color: var(--bs-dropdown-link-active-color);
    background-color: var(--bs-dropdown-link-active-bg);
}
.navbar-header .navbar-nav>.nav-item .dropdown.dropend .dropdown-item.dropdown-toggle{
	display:flex; align-items: center; justify-content: space-between;}

.top-button{right: 1.25rem; bottom: 4.75rem;}
@media (min-width: 1200px){
	.navbar-header .navbar-right .dropdown>.dropdown-menu{top: 4.5rem;}
	.navbar-header .navbar-nav>.nav-item.dropdown>.dropdown-menu{position: absolute; top: 70px;}

  	.navbar-header .dropend:hover > .dropdown-menu { position: absolute; top: 0; left: 100%;}
  	.navbar-header .navbar-nav>.nav-item.dropdown>.dropdown-toggle::after{display: none}
/*   .dropend .dropdown-toggle {margin-left: 0.5em; }*/

}
@media (max-width: 1199.98px){
	.navbar-header{--iconbutton-height: 42px; --iconbutton-width: 42px; height: calc(var(--navbarheader-height) - 15px);}
	.navbar-header.fixed-header {border-radius: 0 ; min-height: calc(var(--navbarheader-height) - 25px);}
	.navbar-header .navbar-brand{height: calc(var(--navbarheader-height) - 25px); width: 145px; margin-right: auto;	}
	.navbar-header.fixed-header .navbar-brand{height: calc(var(--navbarheader-height) - 25px); width: 145px;}
	.navbar-header .navbar-right .nav-link-account{gap: 0.5rem}
	.navbar-header .navbar-nav{--nav-spacing: 0.25rem; padding-right: 1rem}
	.navbar-header .offcanvas .navbar-nav{ display: flex; flex-direction: column; gap: 0.5rem; padding: 0px;}
	.navbar-header .offcanvas .navbar-nav .nav-item {}
	.navbar-header .offcanvas .navbar-nav .nav-item .nav-link{padding: 0.75rem 1rem; font-size: 0.85rem; font-weight: 600; border-radius: 0.375rem;
		text-transform: uppercase; letter-spacing: var(--letterspacing-small); flex-direction: row; justify-content: flex-start; gap: 1rem;}
	.navbar-header .navbar-nav>.nav-item>.nav-link.active,
	.navbar-header .navbar-nav>.nav-item>.nav-link.dropdown-toggle[aria-expanded="true"]{background-color: rgba(var(--primary-rgb), 0.2);}
	.navbar-header .navbar-right .dropdown>.dropdown-menu{top: 3.5rem;}
	.navbar-header .offcanvas .navbar-nav .nav-item .nav-link span{flex: 1}
	.navbar-header .navbar-nav>.nav-item .dropdown .dropdown-menu{
		box-shadow: none;
	}
}
@media (min-width: 991px){
	/*.navbar-header:not(.fixed-header){filter: drop-shadow(var(--boxshadow));}*/
	/*.navbar-header:not(.fixed-header) .navbar-brand:before {content: ''; background: var(--navbar-bgcolor); height: calc(var(--navbarheader-height) + 1.25rem);
    	width: 180px; position: absolute; left: 0; right: 0; border-radius: 0 0 7px 7px; transition: all 0.2s linear;
	}*/
	.navbar-header .navbar-nav{--nav-spacing : 0.25rem; --bs-navbar-nav-link-padding-x : 1rem; --bs-nav-link-padding-y : 0.5rem;display: flex; gap: var(--nav-spacing);}
	.navbar-header .navbar-nav>.nav-item{display: flex; align-items: center;}
	.navbar-header .navbar-right .nav-link-account{border-left: 1px solid var(--border-color);}
}
@media (max-width: 990.98px){
	/*	.navbar-header .navbar-brand{width: 120px;}*/
}
@media (max-width: 767.98px){
	.navbar-header .navbar-brand, .navbar-header.fixed-header .navbar-brand{width: 120px}
}
@media (min-width: 577px){
	.navbar-header .navbar-right .dropdown>.dropdown-menu{width: 360px; max-width: 360px;}
}
@media (max-width: 576.98px){
	.navbar-header{
		--iconbutton-height: 36px;
    	--iconbutton-width: 36px;
    	--navbarheader-height: 74px;
	}
	.navbar-header .navbar-toggler{font-size: 1.75rem}
	.nav-link-account .account-user-inner{display: none}
	.navbar-header .navbar-right .navbar-nav{--nav-spacing: 0.5rem;}
	.navbar-header .navbar-right .dropdown>.dropdown-menu {
	    top: 5rem; left: 0; right: 0; margin: auto; position: fixed; width: 95%;
	}
	.navbar-header .navbar-brand, .navbar-header.fixed-header .navbar-brand{width: 96px}
}
/*---------------------------- NAVBAR HEADER END ----------------------------*/

/*------------------------------ FOOTER START -------------------------------*/
.footer{
	background-color: #FFFFFF; position: relative;overflow: hidden;
	border-top: 1px solid var(--border-color);
    /*background-blend-mode: color-dodge;
    background-image: url(../img/in-footer-bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
}
.copyright__inner {display: flex; justify-content: space-between; align-items: center; padding-top: 15px;padding-bottom: 15px;
    border-top: 1px solid rgba(var(--primary-rgb), 0.2);}
.footer p {color: var(--text-color);}
.copyright-text {color: var(--primary) !important; margin: 0; text-align: left; font-weight: 500; font-size: 0.9rem; letter-spacing: var(--letterspacing-small);}
.foot-links{display: flex; align-items: center;	list-style: none; padding: 0; margin: 0; justify-content: end; flex-wrap: wrap;}
.foot-links li{font-weight: 500; font-size: 0.9rem;	letter-spacing: var(--letterspacing-small);	color: var(--primary); padding: 0 0.5rem;}
.foot-links li:not(:last-child){border-right: 1px solid var(--primary);}
.foot-links li a:hover{text-decoration: underline;}
.social-list {display: flex;align-items: center;gap: 0.75rem;list-style: none;padding: 0;margin: 0;}
.social-list a{text-align: center;display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;
	padding: 5px;border-radius: 4px;transition: all 0.15s linear;}
.social-list a .bi{font-size: 1rem;}
.social-list a:hover{color: var(--onprimary);background-color: var(--primary);}
.footer-top-inner{padding: 3rem 0;}
.footer-about-widget .footer-logo{max-width: 150px;}
.footer-about-widget .footer-about-widget_title{font-size: var(--bodytext-size); font-weight: 400; margin: 1rem 0 0;}
.footer-about-widget .footer-about-widget_desc{	font-size: var(--bodytext-size); font-weight: 400; margin: 1rem 0 0.375rem 0;}

.widget-nav_menu{padding-left: 0rem;}
.widget-nav_menu .widget-title{font-family: var(--secondaryfont); font-weight: 600; font-size: 1.25rem; 
	letter-spacing: var(--letterspacing-large); margin-bottom: 1rem;}
.widget-nav_menu .widget-nav_menu-links{list-style: none; display: flex; flex-direction: column; padding: 0; gap: 0.375rem}
.widget-nav_menu .widget-nav_menu-links .menu-item{line-height: 1; display: flex; align-items: center; gap: 0.5rem}
.widget-nav_menu .widget-nav_menu-links .menu-item .menu-link{font-weight: 400; font-size: var(--bodytext-size); transition: all 0.1s linear; line-height: 1.5;}
.widget-nav_menu .widget-nav_menu-links .menu-item .menu-link:hover{
	 color: var(--primary); text-decoration: underline;
}
.widget-nav_menu-links.quicklinks{display: flex; align-items: flex-start; flex-direction: column;}

@media (max-width: 991.98px){
	.footer-about-widget{margin-bottom: 2rem;}
	.widget-nav_menu{padding: 0;margin-bottom: 2rem;}
	.copyright__inner{flex-direction: column; gap: 1rem}

}
@media (max-width: 767.98px){
	.widget-nav_menu-links.quicklinks{flex-direction: column;}
	.widget-nav_menu-links.quicklinks .menu-item{flex: 1;}
	.foot-links{justify-content: center}
}
@media (max-width: 576.98px){}
/*------------------------------- FOOTER END --------------------------------*/

/*------------------------------ SWIPER START -------------------------------*/
.swiper{
	--swiper-navigation-size: 2.75rem;
	--swiper-navigation-top-offset: auto;
}
:root{
	--swiper-navigation-color : var(--primarylight);
}
/* .swiper-wrapper{padding-bottom: 5rem;} */
.swiper-button-prev, .swiper-button-next{bottom: 10px;}
.swiper-button-prev{left: auto; right: 80px;}
.swiper-button-prev:after,.swiper-button-next:after{font-family: bootstrap-icons;}
.swiper-button-prev:after{content: '\F284';}
.swiper-button-next:after{content: '\F285';}
/*------------------------------- SWIPER END --------------------------------*/


/*------------------------------ SWIPER START -------------------------------*/
.swiper{
	--swiper-navigation-size: 2.75rem;
	--swiper-navigation-top-offset: auto;
}
:root{
	--swiper-navigation-color : var(--primarylight);
}
/* .swiper-wrapper{padding-bottom: 5rem;} */
.swiper-button-prev, .swiper-button-next{bottom: 10px;}
.swiper-button-prev{left: auto; right: 80px;}
.swiper-button-prev:after,.swiper-button-next:after{font-family: bootstrap-icons;}
.swiper-button-prev:after{content: '\F284';}
.swiper-button-next:after{content: '\F285';}
/*------------------------------- SWIPER END --------------------------------*/

/*----------------------------- HOMEPAGE START ------------------------------*/

.hero-section .carousel.hero-carousel{}
.carousel.hero-carousel .carousel-inner{}
.carousel.hero-carousel .carousel-inner .carousel-item{height: var(--herobanner-height); max-height: 100vh}
.carousel.hero-carousel .carousel-inner .carousel-item .carousel-image{width: 100%;	height: 100%; object-fit: cover; }
.carousel.hero-carousel .carousel-inner .carousel-item:nth-child(1) .carousel-image{object-position: bottom}
.hero-carousel .carousel-caption{bottom: 15rem; z-index: 10; top: 0; left: 10%; right: 10%; margin: auto; 
	display: flex; align-items: flex-end; justify-content: flex-start; text-align: left;
}
.hero-carousel .carousel-caption .caption-title{font-size: 3.25rem; font-weight: 900; letter-spacing: var(--letterspacing-medium); 
	margin-bottom: 1rem; padding-left: 1.5rem; position: relative; line-height: 1.1; text-shadow: 1px 1px 20px rgb(0 0 0 / 50%)}

.hero-carousel .carousel-caption .btn-carousel{
	--bs-btn-bg : rgba(var(--primary-rgb), 0.75); border:1px solid var(--primarylight);	padding: 0.9rem 1.5rem;	font-weight: 500;
	letter-spacing: var(--letterspacing-medium); margin-left: 1.5rem;}
.hero-carousel .carousel-control-next, .hero-carousel .carousel-control-prev{
    top: auto ; bottom: 10rem ; width: auto !important; opacity: 1 !important; z-index: 99}
.hero-carousel .carousel-control-prev{left: auto; right: 80px;  object-fit: contain;}
.hero-carousel .carousel-control-next{}
.hero-carousel .carousel-control-prev:hover, .hero-carousel .carousel-control-next:hover {color: var(--primary);}
.hero-carousel .carousel-control-prev .icon, .hero-carousel .carousel-control-next .icon{font-size: 2.75rem;}
.section-about{position: relative;top: -8rem;}
.section-about:before{content: ''; position: absolute; left: 0; background-color: #ffffff; width: 50%; height: 8rem;}
.card.about-card{--bs-card-border-width: 0px;--bs-card-border-radius: 0px;padding: 3rem 0 0 0; width: 100%}
.card.about-card .card-img-top{height: 250px; width: 100%; object-fit: cover}

.card.about-card .about-card-image{
	background-color: #ecfdf5;
	border: 1px dashed var(--primarylight);
	border-radius: 0.75rem;
	padding: 1rem;
	height: 280px;
	transition: all 0.2s linear;
	object-fit: contain;
}
.card.about-card .about-card-image img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.card.about-card:hover .about-card-image{
	transform: scale(1.05);
}

.about-text{font-size: var(--bodytext-size); font-weight: 400; letter-spacing: var(--letterspacing-small);}
.about-ltext.lighttext{color: var(--primarylight);}
.about-ltext{font-size: 1.75rem; color: var(--primary); font-weight: 300; letter-spacing: var(--letterspacing-medium); margin: 0}


.section-count{background-color: #061B19; color: #b9d9d1;}
.count-icon{width: 84px; height: 84px; margin: auto; padding: 0.5rem;}
.count-icon svg, .count-icon img{width: 100%; height: 100%; object-fit: contain}
.count-num{text-align: center; font-weight: 900; font-size: 3rem; margin-bottom: 0.5rem; margin-top: 0.75rem; letter-spacing: var(--letterspacing-medium);}
.count-num:after{content: "+"; display: inline-block;}
.count-title{text-align: center; font-weight: 400; font-size: var(--bodytextmedium-size); letter-spacing: var(--letterspacing-small);}
.right-green-border {
	border-right: 1px solid var(--primaryhover);
}
.section-news{
	background: var(--sectionimage) no-repeat center center / cover;
}
.card.news-card{
	--bs-card-border-radius: 0px;
	--bs-card-border-width: 0px;
	--bs-card-cap-bg: transparent;
	--bs-card-cap-padding-y: 1.5rem;
    --bs-card-cap-padding-x: 1.5rem;
    --bs-card-spacer-y: 0.5rem;
    --bs-card-spacer-x: 0.5rem;
}
.card.news-card .card-header{
	border-bottom: 1px solid var(--primarylight);
}
#NewsSwiper .swiper-wrapper{
	padding-bottom: 4rem;
}
.newsitem{
	--bs-card-border-radius: 0px;
	--bs-card-border-width: 0px;
	--bs-card-cap-bg: transparent;
	--bs-card-cap-padding-y : 0px;
	--bs-card-cap-padding-x : 0px;
/*	--bs-card-spacer-x: 0.5rem 2.5rem;*/
/*	padding-bottom: 3.5rem;*/
    height: 430px;
}
.newsitem .card-body{display: flex; flex-direction: column; flex: 1; max-height: 390px; overflow: hidden;}
.newsitem .newsitem-meta{display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;}
.newsitem .newsitem-timestamp{color: rgba(var(--text-color-rgb), 0.8); font-size: var(--bodytext-size);font-weight: 500;}
.newsitem .newsitem-author{color: var(--primarylight);font-size: var(--bodytext-size); font-weight: 600;}
.newsitem .newsitem-title{color: var(--primary);font-size: 1.65rem;font-weight: 300;}
.newsitem .newsitem-subtitle, .newsitem .reader-text-block__paragraph, .newsitem .card-body>p{
	color: var(--text-color);font-size: var(--bodytext-size); font-weight: 400; margin: 0px}
.newsitem .card-body>p>a{text-decoration: underline; font-size: 0.85rem; color: var(--text-color);}
.newsitem .newsitem-link{outline: none; font-size: var(--bodytext-size); display: flex; align-items: center; justify-content: flex-end; gap: 0.275rem;}
.partnerlogo{width: fit-content;}
.partnerlogo .partnerlogo-image{width: 100%; height: 100%; object-fit: contain;}
.partnerplan-title{color: var(--primary); font-weight: 300; font-size: 1.75rem; letter-spacing: var(--letterspacing-medium); margin-bottom: 1.5rem;
    border-left: 3px solid var(--primarylight);  padding-left: 0.5rem; margin-bottom: 0px; display: inline-block}
.section-testimonials{background-color: #F0F9F8;}
.section-testimonials{background-color: #F0F9F8;}
.testimonial-card{
	--bs-card-border-radius: 0px;
	--bs-card-border-width: 0px;
	--bs-card-cap-bg: transparent;
	--bs-card-bg: transparent;
	--bs-card-spacer-y: 0px;
    --bs-card-spacer-x: 0px;
}
.testimonial-card .testi-item{display: flex;align-items: stretch;gap: 0.5rem 1rem;}
.testi-item .testi-quote{font-size: 5rem; color: var(--primarylight); line-height: 0;}
.testi-item .testi-content{flex: 1;display: flex;flex-direction: column;gap: 1rem;}
.testi-item .testi-content .testi-text{font-size: var(--bodytextmedium-size);color: var(--text-color);font-weight: 400;letter-spacing: var(--letterspacing-medium);}
.testi-item .testi-content .testi-profile{display: flex;gap: 0.75rem;}
.testi-item .testi-content .testi-profile .testi-pic{width: 64px;height: 64px;overflow: hidden;border-radius: 0.375rem;}
.testi-item .testi-content .testi-profile .testi-pic img{width: 100%;height: 100%;object-fit: cover;}
.testi-item .testi-content .testi-profile .test-profile-content{flex: 1; display: flex;	flex-direction: column;	justify-content: center;}
.testi-item .testi-content .testi-profile .test-profile-content .testi-user{
	margin: 0; color: var(--primarylight); font-size: var(--bodytextmedium-size); font-weight: 500; letter-spacing: var(--letterspacing-medium)
}
.testi-item .testi-content .testi-profile .test-profile-content .testi-designation{
	margin: 0; color: var(--primary); font-size: var(--bodytext-size);; font-weight: 400; letter-spacing: var(--letterspacing-medium);
}
.testi-item .testi-content .testi-profile .test-profile-content .testi-rating{
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0.5rem;
	line-height: normal;
	margin-bottom: 0.375rem;
}
.testi-item .testi-content .testi-profile .test-profile-content .testi-rating .bi{
	font-size: 1rem;
	color: #ffaa07;
}
.videocard{
    overflow: hidden;
	--bs-card-border-radius: 1rem;
    --bs-card-border-width: 2px;
    --bs-card-border-color: var(--primary);
    --bs-card-box-shadow : var(--boxshadow);
    cursor: pointer; width: 600px; max-width: 100%
}
.videocard .card-img-overlay{display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.25)}
.videocard .btn-play{font-size: 3rem; width: 86px; height: 60px; display: flex; align-items: center; justify-content: center;
	border-radius: 10px; text-align: center; padding-left: 1rem; background-color: #f00000; color: #ffffff;
}
.border-radius-lg {
	border-radius: 10px !important;
}
@media (min-width: 1400px) {
	.hero-section{--herobanner-height : 90vh;}
	.partnerlogo{height: 96px;}
}
@media (min-width: 1200px) and (max-width : 1399.98px){
	.hero-section{--herobanner-height : 800px;}
}
@media (max-width: 1199.98px){
/*	.hero-section{--herobanner-height : calc(90vh - var(--navbarheader-height));}*/
	.hero-carousel .carousel-caption .caption-title{font-size: 2.75rem}
	.partnerlogo{height: 84px;}
}
@media (min-width: 991px){
	.hero-carousel .carousel-caption .caption-title:before{content: ''; height: calc(100% - 1.375rem); width: 3px; 
	position: absolute;	left: 0; top: 0; bottom: 0;	margin: auto; background-color: var(--primarylight); border-radius: 50px;}
}
@media (max-width: 990.98px){
	.swiper{--swiper-navigation-size: 2rem;}

	.hero-carousel .carousel-caption{bottom: 9.5rem; left: 0; right: 0; align-items: flex-end}
	.count-icon{width: 64px; height: 64px}
	.count-num{font-size: 2rem}
	.count-title{font-size: 1rem}
	.videocard{width: 450px; max-width: 100%}
	.right-green-border{border-right: 0px; border-bottom: 1px solid var(--primaryhover);}
	.partnerlogo{height: 76px;}
	.testi-item .testi-content .testi-text{font-size: calc(var(--bodytextmedium-size) - 0.2rem);}
	.testi-item .testi-quote{font-size: 4rem}
	.hero-carousel .carousel-caption .caption-title{font-size: 2rem; padding-left: 0px;}
	.hero-carousel .carousel-caption .btn-fadedprimary{padding: 0.375rem 0.75rem; font-size: 0.75rem;}

}

@media (max-width: 767.98px){
	.section-about{top: 0px}
	.testimonial-card .testi-item{flex-direction: column;}
	.testi-item .testi-content .testi-profile .testi-pic{width: 48px; height: 48px}
	.testi-item .testi-content .testi-profile .test-profile-content .testi-user{font-size: 1rem}
	.testi-item .testi-content .testi-profile .test-profile-content .testi-designation{font-size: 0.85rem}
	.hero-carousel .carousel-caption{bottom: 1.275rem}
	.hero-carousel .carousel-caption .caption-title{font-size: 1.75rem}
/*	.carousel.hero-carousel .carousel-inner .carousel-item{height: 90vh}*/
	.hero-carousel .carousel-caption .btn:not(.btn-play);{padding: 0.5rem 0.85rem; font-size: .75rem}
	.hero-carousel .carousel-control-next, .hero-carousel .carousel-control-prev{top: auto; bottom: 0.5rem;}
	.hero-carousel .carousel-control-prev .icon, .hero-carousel .carousel-control-next .icon{font-size: 2rem}
	.partnerlogo{height: 64px; margin: auto; padding: 0.5rem; padding: 0.5rem; border: 1px solid var(--border-color); width: 100%; border-radius: 7px;}

}
@media (max-width: 567.98px){
	.about-card{padding: 2rem 0;}
	.hero-carousel .carousel-caption .caption-title{font-size: 1.375rem}
	.hero-carousel .carousel-caption .btn-fadedprimary{padding: 0.25rem 0.5rem; font-size: 0.65rem;}
	.partnerplan-title{font-size: 1.375rem}
}
/*------------------------------ HOMEPAGE END -------------------------------*/


/*-------------------------- DASHBOARD MENU START ---------------------------*/
.aside{--bs-offcanvas-width: 350px;}

@media (min-width: 1200px) {
	.sidebar{ left: 0; width: calc(100% - 75%); top: var(--navbarheader-height); box-shadow: var(--boxshadow); z-index: 9}
	.sidebar .aside{--bs-offcanvas-width: 350px; display: flex;	flex-direction: column; }
	.sidebar .aside .offcanvas-header{display: flex;}
	.sidebar .aside .offcanvas-body{display: flex;flex-direction: column;}
}

@media (min-width: 1400px) {
	.sidebar{left: 0; width: calc(100% - 83.33333333%); top: var(--navbarheader-height);}
}
@media (max-width: 1198.98px) {
	.sidebar .aside{--bs-offcanvas-width: var(--navbaroffcanvas-width);}
}

.user-profilearea{
	display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;
}
.user-profilearea .user-profilepic{width: 140px; height: 140px; overflow: hidden;border-radius: 50%; position: relative; background-color: var(--initials-bg);}
.user-profilearea .user-profilepic img{	width: 100%; height: 100%; object-fit: cover; }
.user-profilearea .user-profilepic.noimage:before{
	content: var(--initials);	position: absolute;	left: 0; right: 0; top: 0; bottom: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 3.175rem;font-weight: 500;color: var(--intials-color);letter-spacing: var(--letterspacing-medium);text-transform: uppercase;
}
.user-profilearea .user-profilepic.noimage img{display: none}
.user-profilearea .user-fullname{
	font-size: 1.375rem;
	letter-spacing: var(--letterspacing-small);
	font-weight: 900;
	color: var(--text-color);
	margin-top: 1rem;
	margin-bottom: 0.15rem;
}
.user-profilearea .user-designation{
	text-align: center;
	font-size: var(--bodytext-size);
	letter-spacing: var(--letterspacing-small);
	font-weight: 500;
	color: rgba(var(--primary-rgb), 0.8) ;margin-bottom: 0px;
}
.user-profilearea .badge{
	margin: 1rem 0;
	padding: 0.3rem 0.75rem 0.25rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: var(--letterspacing-large);
	font-size: 0.85rem;
}

.navlink-listgroup{
	--bs-list-group-active-bg: rgba(var(--primary-rgb), 0.1);
	--bs-list-group-active-color: var(--primary);
	--bs-list-group-color : var(--text-color);
	--bs-list-group-border-color: var(--border-color);
	--bs-list-group-active-border-color: var(--primary);
	--bs-list-group-item-padding-x: 1.5rem;
    --bs-list-group-item-padding-y: 0.75rem;
}
.navlink-listgroup .list-group-item{
	font-weight: 600; display: flex; align-items: center; gap: 0.75rem;
}
.navlink-listgroup .list-group-item.active{
	border-bottom: 0px;
	border-top: 0px;
}
.navlink-listgroup .list-group-item:is(:hover, :focus, :active){
	background-color: var(--bs-list-group-active-bg); color: var(--bs-list-group-active-color);
	
}
.navlink-listgroup .list-group-item .icon{
	font-size: 1.375rem; font-weight: 600;
}

.membership-item{
	display: flex;
	align-items: center;
	padding: 0.5rem 1.25rem;
	gap: 0.5rem;
}
.membership-item .membership-item-icon{
	width: 32px;
	height: 32px;
	background-color: var(--primary);
	color: var(--onprimary);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.membership-item .membership-item-icon.orange{
	background-color: var(--orange);
}
.membership-item .membership-item-icon .icon{
	font-size: 1rem;
}
.membership-item .membership-item-content{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.membership-item .membership-item-content .membership-item-title{
	margin: 0;
	font-weight: 500;
    font-size: 0.85rem;
    letter-spacing: var(--letterspacing-small);
    line-height: 1;
}
.membership-item .membership-item-content .membership-item-subtitle{
	font-weight: 400;
	margin: 0;
	font-size: 0.75rem;
    letter-spacing: var(--letterspacing-small);
    color: var(--orange);
}

.ariacard .nav.nav-underline{
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.2rem;
    --bs-nav-underline-link-active-color : var(--primarylight);
    --bs-nav-link-color : var(--text-color);
	--bs-nav-link-padding-x : 1rem;
	--bs-nav-link-padding-y : 0.5rem;
	--bs-nav-link-hover-color : var(--primarylight);
}
.ariacard .nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: var(--onprimary);
    --bs-nav-pills-link-active-bg: var(--primarylight);
    --bs-nav-link-color: : var(--text-color);
    --bs-nav-link-font-size : 1rem;
    --bs-nav-link-hover-color : var(--primary);
}
.nav-underline .nav-link.active, .nav-underline .nav-link:hover{
	border-color: var(--bs-nav-underline-link-active-color);
}
.mypurchases-tabs.nav{
	background-color: rgba(var(--secondary-rgb), 0.1);
	border-radius: 0.375rem;
}
.mypurchases-tabs.nav .nav-link{
	font-family: var(--secondaryfont);
    text-transform: uppercase;   
    font-weight: 500;
    letter-spacing: var(--letterspacing-medium);
    line-height: normal;
}
/*--------------------------- DASHBOARD MENU END ----------------------------*/

/*----------------------------- DASHBOARD START -----------------------------*/
.event-card{
	--bs-card-cap-padding-y : 1rem;
	--bs-card-border-radius: 0.75rem;
	--bs-card-inner-border-radius: 0.75rem;
	--bs-card-border-width :0px;
	box-shadow: var(--boxshadow);
}
.event-card .card-footer{border: 0px; display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; padding-top: 0px;}
.event-card .card-footer .btn{outline: none; font-size: var(--bodytext-size); display: flex; align-items: center;gap: 0.275rem;}
.event-card img{height: 200px; width: 100%;  object-fit: cover;}
.event-card .event-title{font-size: var(--bodytextmedium-size);font-weight: bold;letter-spacing: var(--letterspacing-small); overflow: hidden;}
.event-card .event-timestamp{letter-spacing: var(--letterspacing-small);font-size:var(--bodytext-size);font-weight: 400;color: var(--textlight-color);}
.list-group-forum{
	--bs-list-group-border-width: 0px;
	--bs-list-group-bg : 0px;
	--bs-list-group-border-radius : 0px;
	--bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 1rem;;
	gap: 0.75rem;
}
.list-group-forum .list-group-item{
	border-left: 3px solid var(--primarylight);	background-color: rgba(var(--primary-rgb), 0.15);
	display: flex;align-items: center;flex-wrap: wrap;padding: 0 !important;
}
.list-group-forum .list-group-item .forum-date{
	font-size: var(--bodytext-size);font-weight: 600;text-align: center;border-right: 1px solid rgba(var(--primary-rgb), 0.2);
	padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); letter-spacing: var(--letterspacing-medium);
	display: flex; gap: 0.5rem;
}
.list-group-forum .list-group-item .forum-date .date{color: var(--text-color); font-weight: bold;font-size: var(--bodytextsmall-size);}
.list-group-forum .list-group-item .forum-date .year{color: var(--textlight-color);font-size: var(--bodytextsmall-size);}
.list-group-forum .list-group-item .forum-content{flex: 1;padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
	display: flex; flex-direction: column; gap: 0.25rem;
}
.list-group-forum .list-group-item .forum-content .forum-title{
	color: var(--text-color);letter-spacing: var(--letterspacing-medium);margin: 0; font-size: var(--bodytextsmall-size); font-weight: 600;
}
.list-group-forum .list-group-item .forum-content .forum-subtitle{
	color: var(--primary);letter-spacing: var(--letterspacing-medium);margin: 0;font-size: var(--bodytext-size); font-weight: 500;
}
.list-group-forum .list-group-item .forum-action{padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);}

.articles-card{
	--bs-card-cap-padding-y : 0.375rem;
	--bs-card-cap-padding-x : 0.375rem;
	--bs-card-spacer-y : 1rem;
	--bs-card-spacer-x : 1rem;
	height: 100%;
	box-shadow: var(--boxshadow);
	border: 0;
}
.articles-card .card-img-top{
	height: 250px; width: 100%; object-fit: cover;
}
.articles-card .article-title{
	font-size: var(--bodytextmedium-size);
    letter-spacing: var(--letterspacing-small);
    font-weight: 600;
    color: var(--text-color);
    overflow: hidden;
}
.articles-card .article-desc{
	font-size: var(--bodytextsmall-size);
    letter-spacing: var(--letterspacing-small);
    font-weight: 400;
    line-height: 1.4;
    color: var(--textlight-color);
    overflow: hidden;
}
.articles-card .article-pub{font-size: var(--bodytextsmall-size); letter-spacing: var(--letterspacing-medium); font-weight: 500;
    color: var(--primary); margin-bottom: 0.5rem; display: flex; align-items: center; flex-wrap: wrap; gap: 0 0.275rem;
}
.articles-card .article-pub .pub-value{color: var(--primarylight);}
/*.articles-card:has(.card-body) .card-footer{padding-top: 0;}*/
.articles-card .card-footer{display: flex; align-items: center; align-self: stretch; gap: 0.75rem; }
.articles-card .card-footer:has(.btn-readmore){padding-top: 0px; border: 0; padding-bottom: 0.5rem}
.articles-card .card-footer .btn{flex: 1; border: 0}
.articles-card .card-footer .btn>i{font-size: 1.5rem}
.articles-card .card-footer .btn-readmore{display: flex; align-items: center; gap: 0.275rem; justify-content: flex-end;}
.card .btn-share{position: absolute; top: -1.5rem; right: 1rem;letter-spacing: var(--letterspacing-small);
	width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; gap: 0.5rem;font-size: var(--bodytextsmall-size);
}
@media (max-width: 767.98px){
	.list-group-forum{
		--bs-list-group-item-padding-x: 0.5rem;
    	--bs-list-group-item-padding-y: 0.5rem;
	}
	.list-group-forum .list-group-item{
		flex-direction: column;
		align-items: flex-start;
	}
	.list-group-forum .list-group-item .forum-date{border: 0px; display: flex; gap: 0.5rem}
	.list-group-forum .list-group-item .forum-content{flex: 0;}
	.list-group-forum .list-group-item .forum-action{width: 100%;}
}
/*------------------------------ DASHBOARD END ------------------------------*/

/*------------------------------- ABOUT START -------------------------------*/
.about-image{
	height: 350px;
	width: 100%;
	overflow: hidden;
	border-radius: 0.75rem;
	box-shadow: var(--boxshadow);
}
.about-image img{
	width: 100%; height: 100%; object-fit: cover;
}
.memberbene-icon{
	width: 48px;
	height: 48px;
	border-radius: 0.375rem;
	overflow: hidden;
	border: 1px solid var(--primarylight);
	color: var(--primarylight);
	background-color: rgba(var(--primary-rgb), 0.1);
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.memberbene-icon i{}
/*------------------------------- ABOUT END -------------------------------*/
/*------------------------------- JOBS START --------------------------------*/
.jobs-count{
	display: flex;
	align-items: center;
	gap: 0.5rem;
	border-left: 1px solid var(--border-color);
	padding: 0 1rem;
}
.jobs-count .jobscount-label{
	font-weight: 500;
	color: var(--textlight-color);
	font-size: var(--bodytext-size);
}
.jobactive.form-switch{
	display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0.5rem;
    padding: 0;
}
.jobactive.form-switch .form-check-input{
	margin-left: 0;
}
.jobactive.form-switch label{
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: var(--letterspacing-medium);
}
.form-switch .form-check-input ~ label:before{
	content: 'Inactive';
/*	color: var(--red);*/
}
.form-switch .form-check-input:checked ~ label:before{
	content: 'Active';
	color: var(--primary);
}
/*-------------------------------- JOBS END ---------------------------------*/
/*------------------------- MEMBER DIRECTORY START --------------------------*/
.member-card{
	--bs-card-border-radius: 0.75rem;
    --bs-card-inner-border-radius: 0.5rem;
    --bs-card-cap-bg: transparent;
    --bs-card-border-width : 0px;
    box-shadow: var(--boxshadow);
}
.member-card .memberphoto{
	width: 84px;
    height: 84px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    background-color: var(--initials-bg);
}
.member-card .memberphoto.noimage:before{
	content: var(--initials);
	position: absolute;
	font-size: 2.175rem;
	font-weight: 500;
	color: var(--intials-color);
	letter-spacing: var(--letterspacing-medium);
	text-transform: uppercase;
}
.member-card .memberphoto.noimage img{display: none}
.member-card .memberphoto img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.member-card .social-list{
	margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-color);
}
.membercategory{
	position: absolute;
    right: 0;
    top: 1rem;
    background-color: var(--primary);
    color: var(--onprimary);
    padding: 0.1rem 0.5rem 0.1rem 0.75rem;
    border-radius: 0.275rem 0 0 0.275rem;
    font-size: var(--bodytextsmall-size);
    font-weight: 400;
    letter-spacing: var(--letterspacing-medium);
}
.member-listgroup{
	list-style: none; margin: 0; padding: 0px; display: flex;flex-direction: column; gap: 0.175rem;
}
.member-listgroup .member-listgroup-item{
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.member-listgroup .member-listgroup-item .icon{
	font-size: 1.15rem;
	color: var(--primarylight);
}
.member-listgroup .member-listgroup-item .title,
.member-listgroup .member-listgroup-item .title-link{
	margin: 0;
	font-weight: 400;
	font-size: var(--bodytextsmall-size);
	letter-spacing: var(--letterspacing-small);
	color: var(--text-color);
}
.member-listgroup .member-listgroup-item .title-link:hover{
	text-decoration: underline;
	color: var(--primary);
}



@media (min-width: 1200px){	
	.filter-col {
		display: flex;
	    align-self: flex-start;
	    position: sticky;
	    top: calc(var(--navbarheader-height) + 10px);
	}
}
@media (max-width: 1199.98px){	
	.filter-col {
	    z-index: 1045;
	}

}

.filter-header{
	display: flex;
	align-items: center;
	padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
	border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
}
.filter-header .filter-header-title{
	flex: 1;
	font-size: 1.275rem;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0rem;
}
.offcanvas-filter{
    --bs-offcanvas-border-color : var(--border-color);
    --bs-offcanvas-bg: var(--bgwhite-color);
    --bs-offcanvas-width: 350px;
    --bs-offcanvas-height: 100vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;



	--bs-offcanvas-zindex: 1045;
    --bs-offcanvas-color: var(--);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5;
    width: 100%;
    display: flex;
    flex-direction: column;

    /*border: 1px solid var(--border-color);
	border-radius: 0.375rem;*/
}
.offcanvas-filter .offcanvas-header{
	border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
}
.offcanvas-filter .offcanvas-body{
	padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
	display: flex;
    flex-direction: column;
}
.offcanvas-filter .offcanvas-footer{
	padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
	border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
	position: sticky;
	bottom: 0px;
	z-index: 99;
}
.offcanvas-filter .offcanvas-footer{

}
@media (max-width: 991.98px){
	.offcanvas-filter .offcanvas-body{
		height: calc(100vh - 135px);
	}
	.offcanvas-filter .offcanvas-footer{

	}
}
/*-------------------------- MEMBER DIRECTORY END ---------------------------*/
/*------------------------------ PROFILE START ------------------------------*/
.profile-card{
	--bs-card-cap-padding-y : 1rem;
	--bs-card-cap-padding-x : 1rem;
}
.profile-card .card-header{
	border-bottom: 0px;
}
.profilecard-title{
	margin: 0;
	font-weight: bold;
	color: var(--sectiontitle-color);
	font-size: var(--bodytextmedium-size);
	letter-spacing: var(--letterspacing-small);
}
.myprofilearea{
	display: flex;
	align-items: flex-start; 
	justify-content: flex-start;
    gap: 1.5rem;
    padding: 1rem 0;
	border-bottom: 1px solid var(--border-color);
}
.myprofilearea-content{
	display: flex;flex-direction: column;justify-content: center;align-items: flex-start;
	gap: 0.5rem; width: 100%;
}
.profilepic{width: 160px; min-width: 160px; height: 160px; position: relative; overflow: hidden;border-radius: 0.5rem; box-shadow: var(--boxshadow); background-color: var(--initials-bg);}
.profilepic img{width: 100%; height: 100%; object-fit: cover; }
.profilepic.noimage:before{
	content: var(--initials);	position: absolute;	left: 0; right: 0; top: 0; bottom: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 3.175rem;font-weight: 500;color: var(--intials-color);letter-spacing: var(--letterspacing-medium);text-transform: uppercase;
}
.profilepic.noimage img{display: none}
.profilepic.editable{}
.picedit{
	position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    transition: all 0.2s ease-in-out;
	cursor: pointer;
}
.picedit:hover{
	background-color: rgba(var(--primary-rgb), 0.4);
}
.picedit .picedit-label{
	font-size: 0.85rem;
	letter-spacing: var(--letterspacing-large);
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
}
.picedit input[type="file"]{
	position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.picedit .icon{
	font-size: 1.75rem;
}
.myprofilearea .fullname{
	font-size: 1.375rem;
	letter-spacing: var(--letterspacing-small);
	font-weight: 900;
	color: var(--text-color);
	margin-bottom: 0;
}
.myprofilearea .designation{
	margin-bottom: 0px;
	text-align: center;
	font-size: var(--bodytext-size);
	letter-spacing: var(--letterspacing-small);
	font-weight: bold;
	color: var(--text-color);
/*	color: rgba(var(--primary-rgb), 0.8) ;*/
}
.myprofilearea .badge {

    padding: 0.3rem 0.75rem 0.25rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: var(--letterspacing-large);
    font-size: 0.75rem;
}

.myprofile-item{
	display: flex;
	flex-direction: column;
	gap: 0.175rem;
}
.myprofile-item .myprofile-itemlabel{
	font-size: calc(var(--bodytextsmall-size) - 0.1rem);
	letter-spacing: var(--letterspacing-small);
	color: var(--textlight-color);
	text-transform: uppercase;
}
.myprofile-item .myprofile-itemvalue{
	font-size: var(--bodytextsmall-size);
	letter-spacing: var(--letterspacing-small);
	font-weight: 500;
	color: var(--text-color);
}
.myprofile-item .myprofile-itemvalue p{
	font-size: calc(var(--bodytext-size) - 0.1rem);
	color: var(--text-color);
}
.myprofile-social-list{
	--bs-list-group-item-padding-y : 0.5rem;
	--bs-list-group-item-padding-x : 0.5rem;
	--bs-list-group-border-width : 0px;
	flex-direction: row;
    flex-wrap: wrap;
}
.myprofile-social-list .list-group-item{
	display: flex;
	align-items: center;
	gap: 1rem;
	flex: 1 0 50%;
}
.myprofile-social-list .list-group-item .list-icon{
	background-color: transparent;
	font-size: 1.25rem;
	color: var(--primarylight);
}
.myprofile-social-list .list-group-item .list-title{
	margin-bottom: 0px;
    line-height: normal;
    /*font-size: var(--bodytext-size);
    letter-spacing: var(--letterspacing-small);
    font-weight: bold;
    color: var(--text-color);*/


    font-size: calc(var(--bodytextsmall-size) - 0.1rem);
    letter-spacing: var(--letterspacing-small);
    color: var(--textlight-color);
    text-transform: uppercase;
}
.myprofile-social-list .list-group-item .list-username{
	margin-bottom: 0px;
    /*font-weight: 400;
    font-size: var(--bodytextsmall-size);
    letter-spacing: var(--letterspacing-small);
    color: var(--textlight-color);*/
    font-size: var(--bodytextsmall-size);
    letter-spacing: var(--letterspacing-small);
    font-weight: 500;
    color: var(--text-color);
}

@media (max-width: 767.98px){
	.myprofile-social-list .list-group-item{flex: 1 0 100%;}

}
@media (max-width: 567.98px){
	.myprofilearea{flex-direction: column}
	.profilepic{}
}
/*------------------------------- PROFILE END -------------------------------*/
/*-------------------------- LOGIN/REGISTER START ---------------------------*/
.login-formwrap{display: flex; flex-direction: column; gap: 1rem}
.login-bg{
/*	background-image: url("https://www.toptal.com/designers/subtlepatterns/uploads/moroccan-flower.png");*/
/*	background-image: url(https://www.toptal.com/designers/subtlepatterns/uploads/repeated-square.png);*/
/*	background-image: url(https://www.toptal.com/designers/subtlepatterns/uploads/tiny-squares.png);*/
/*	background-image: url(https://www.toptal.com/designers/subtlepatterns/uploads/restaurant.png);*/
	
	
}
/*.login-bg:before{
	content: '';
	background-image: var(--loginbg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center bottom;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;right: 0;
}*/
.login-form-group{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: var(--bodytext-size);
}
.login-form-group label{color: var(--formlabel);}
.login-form-group .form-control:is(:focus){box-shadow: none}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, 
.form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
	font-size: calc(var(--bodytext-size) - 0.15rem);
	text-transform: uppercase;
}
.login-form-group .link-forgot{font-size: var(--bodytext-size);}
.login-form-group .link-forgot:hover{text-decoration: underline}
.login-form-group .form-floating{flex: 1}
.login-form-group .input-group .input-group-text{color: var(--textlight-color); background-color: var(--formcontrol-bgcolor)}
.login-form-group .input-group .btn-eye{
	background-color: var(--formcontrol-bgcolor);
	border: var(--bs-border-width) solid var(--bs-border-color);
	width: 54px;
	font-size: 1.375rem;
}
.login-form-group .input-group:focus-within .form-control[type="password"]{border-right: 0;}
.login-form-group .input-group .form-floating:focus-within~.btn-eye{border-color: var(--primary);}

.login-form-group .input-group:has(.input-group-text) .form-control{border-left: 0} 
/*.login-form-group .input-group .ext-select{border-left: var(--bs-border-width) solid var(--bs-border-color) !important;}*/
.login-form-group .input-group:focus-within .input-group-text{border-color: var(--primary); color: var(--primarylight)}
/*.login-form-group .input-group:focus-within{border-color: blue}*/
.login-form-group .input-group:has(.is-invalid) .input-group-text{
	border-color: var(--bs-form-invalid-border-color);
	color: var(--bs-form-invalid-border-color);
	background-color: rgba(var(--bs-danger-rgb), 0.05);
}
.login-form-group .input-group:has(.is-valid) .input-group-text{
	border-color: var(--bs-form-valid-border-color);
	color: var(--bs-form-valid-border-color);
	background-color: rgba(var(--bs-success-rgb), 0.05);
}
.login-form-group .input-group:has(.is-invalid)~.invalid-feedback{display: block}
.login-form-group .input-group:has(.is-valid)~.valid-feedback{display: block}

.login-form-group .input-group:has(.is-invalid) .btn-eye{
	border-color: var(--bs-form-invalid-border-color);
}
.login-form-group .input-group:has(.is-valid) .btn-eye{
	border-color: var(--bs-form-valid-border-color);
}

.logincard{
	--bs-card-border-width : 0px;
	--bs-card-cap-padding-y : 2rem;
	--bs-card-cap-padding-x : 1rem;
	box-shadow: var(--boxshadow);
	z-index: 99;
	overflow: hidden;
}
.logincard .card-title{
	margin: 0;
	font-weight: 900;
	letter-spacing: var(--letterspacing-medium);
	font-size: var(--bodytextlarge-size);
	color: var(--sectiontitle-color);
	text-align: center;
	text-transform: uppercase;
}
.logincard .card-subtitle{
	margin: 0;
	font-weight: 400;
	color: rgba(var(--text-color-rgb), 0.7);
	letter-spacing: var(--letterspacing-medium);
	font-size: var(--bodytextsmall-size);
	text-align: center;
}
.login-text{font-size : var(--bodytext-size); color: var(--secondary);}
.login-text > a{text-transform: capitalize; }
.login-text > a:hover{ text-decoration: underline}


.stepbuttons{
	background-color: var(--bglight-color) ;
	display: flex; align-items: center; justify-content: flex-end; margin-top: 1.5rem; padding: 1rem;
	border-radius: 0px !important;
}
.stepbuttons:has(.btn:nth-child(2)){
	justify-content: space-between;
}
.ext-select{max-width: 84px !important;}

.membership-plan-breakup{
	border: 1px solid var(--border-color);
	border-radius: 0.375rem;
}
.membership-plan-breakup-head{
	padding: 0.275rem 1rem;
	background-color: rgba(var(--primary-rgb), 0.2);
	color: var(--primary);	
	text-transform: uppercase;
	font-size: 0.85rem; font-weight: 600; letter-spacing: var(--letterspacing-medium);
}
.membership-plan-breakup .list-group{
	--bs-list-group-border-width : 0px;
	--bs-list-group-item-padding-x : 1rem;
	--bs-list-group-item-padding-y : 0.375rem;
 	--bs-list-group-active-bg: rgba(var(--secondary-rgb), 0.1);
}
.membership-plan-breakup .list-group .list-group-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.membership-plan-breakup .list-group .list-group-item.active{

}
.membership-plan-breakup .list-group .list-group-item .list-group-label{
	font-size: 0.75rem;
    letter-spacing: var(--letterspacing-medium);
    color: var(--textlight-color);
    text-transform: uppercase;
}
.membership-plan-breakup .list-group .list-group-item .list-group-value{
	
    font-size: 0.85rem;
    letter-spacing: var(--letterspacing-small);
    font-weight: 600;
    color: var(--text-color);
}

@media (min-width: 990.98px){
	.loginwrapper{padding: 10rem 0;}
}
@media (max-width: 990.98px){
	.loginwrapper{padding: 3rem 0;}
	.loginbanner{display: none}
}
@media (min-width: 768px){}
@media (max-width: 767.98px){
	.loginwrapper{padding: 1rem 0;}
	.login-form-group{justify-content: center}

}
/*--------------------------- LOGIN/REGISTER END ----------------------------*/

/*------------------------------ DETAILS START ------------------------------*/

/*.card-img-top{
	height: 250px; width: 100%; object-fit: cover;
}*/
.details-image{height: 350px; width: 100%; overflow: hidden; border-radius: 0.75rem; box-shadow: var(--boxshadow);}
.details-image img{width: 100%; height: 100%; object-fit: cover;}
.details-title{
	font-size: var(--bodytextlarge-size); letter-spacing: var(--letterspacing-small);
    font-weight: 600;color: var(--text-color); overflow: hidden;
}
.details-desc{
	font-size: var(--bodytext-size);letter-spacing: var(--letterspacing-small);
    font-weight: 400; line-height: 1.4;color: var(--text-color);
}
.details-pub{display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.75rem}
.details-pub .pub-label{
	font-size: calc(var(--bodytextsmall-size) - 0.1rem);letter-spacing: var(--letterspacing-medium);
    color: var(--textlight-color);text-transform: uppercase;
}
.details-pub .pub-value{
	font-size: var(--bodytextsmall-size); letter-spacing: var(--letterspacing-medium); font-weight: bold;
	color: var(--primarylight);
}

.detailsitem{margin: 1rem 0rem;display: flex;align-items: center;flex-wrap: wrap;gap: 0.175rem 0.5rem; line-height: 1.2;}
.detailsitem .detailsitem-label{
	font-size: calc(var(--bodytextsmall-size) - 0.1rem);letter-spacing: var(--letterspacing-medium);
    color: var(--textlight-color);text-transform: uppercase;
}
.detailsitem .detailsitem-value{
	flex: 1; font-size: var(--bodytext-size); letter-spacing: var(--letterspacing-small);font-weight: 600;color: var(--text-color);
}
/*.detailsitem .detailsitem-value a{text-decoration: underline;}*/

.detailsitem-value.social-list{}
.detailsitem-value.social-list li{}
.detailsitem-value.social-list li a{color: #ffffff; background-color: var(--primary); line-height: 0; transition: all 0.25s ease-in-out}
.detailsitem-value.social-list li a:hover{transform: scale(1.1); box-shadow: var(--boxshadow);}
.detailsitem-value.social-list li a.facebook-link{background: var(--facebook-color);}
.detailsitem-value.social-list li a.linkedin-link{background: var(--linkedin-color);}
.detailsitem-value.social-list li a.twitterx-link{background: var(--twitterx-color);}
.detailsitem-value.social-list li a.youtube-link{background: var(--youtube-color);}
.detailsitem-value.social-list li a.instagram-link{background: var(--instagram-color);}
@media (max-width: 767.98px){
	.detailsitem{flex-direction: column; gap: 0.275rem; margin-bottom: 1rem; align-items: flex-start;}
}

/*------------------------------- DETAILS END -------------------------------*/

/*--------------------------- DOWNLOAD LIST START ---------------------------*/
.download-list-group{
	--bs-list-group-bg: rgba(var(--secondary-rgb), 0.1);
	--bs-list-group-item-padding-y : 0.75rem;
	--bs-list-group-item-padding-x : 0.75rem;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 1rem;
}
.download-list-group .list-group-item{
	border: var(--bs-list-group-border-width) solid transparent;
	border-radius: var(--bs-list-group-border-radius);
	display: flex; align-items: center;
	color: var(--text-color);
	transition: all 0.2s linear;
/*	flex: 0 0 calc(33.33% - 11px);*/
	flex-direction: column;
    align-items: flex-start;
    gap: 0.175rem;
    padding-right:1.65rem
}
.download-list-group .list-group-item:hover{
	background-color: var(--primary);
	color: var(--onprimary);
	--bs-list-group-border-color : var(--primarylight);
}
.download-list-group .list-group-item:after{
/*	content: '\F63D';*/
	content: '\F285';
	font-family: 'bootstrap-icons';
	font-size: 1.25rem;
/*	color: var(--textlight-color);*/
    position: absolute;
    right: 0.275rem; top: 0; bottom: 0; margin: auto; display: flex; align-items: center;
}
.download-list-group .list-group-item .list-group-item-title{
	flex: 1;
	margin: 0;
    font-weight: 600;
	text-transform: capitalize;
    letter-spacing: var(--letterspacing-medium);
    font-size: var(--bodytext-size);
    line-height: normal;
}
.download-list-group .list-group-item .click{
	line-height: normal;
	font-size: var(--bodytextsmall-size);
	font-weight: 400;
	color: var(--primary);
	text-transform: lowercase;
	letter-spacing: var(--letterspacing-medium);
}
.download-list-group .list-group-item:hover .click{
	color: var(--onprimary);
}
@media (min-width: 992px){
	.download-list-group .list-group-item{flex: 0 0 auto; width: calc(33.33333333% - 0.67rem); }
}
@media (max-width: 991.98px){
	.download-list-group .list-group-item{flex: 0 0 auto; width: calc(50% - 0.5rem);}
}
@media (max-width: 767.98px){
	.download-list-group .list-group-item{flex: 0 0 auto; width: 100%;}
}
/*---------------------------- DOWNLOAD LIST END ----------------------------*/

/*------------------------------ CONTACT START ------------------------------*/
.contact_feature {
    /* padding: 0 3.89rem; */
    margin-bottom: 60px;
    text-align: center;
}

.contact_feature .contact_icon {
    margin-bottom: 1.12rem;
}

.contact_feature .contact_icon .bi {
    color: var(--primary);
    font-size: 35px;
    line-height: 35px;
}
.primary-color {
    color: var(--primary);
}

.contact_feature .contact_content {
}

.contact_feature .contact_content .contact-heading {
    font-weight: bold;
    color: var(--text-color);
    text-transform: uppercase;
    letter-spacing: var(--letterspacing-medium);
    margin-bottom: 1rem;
    font-size: 1.275rem;
}

.contact_feature .contact_content .contact-value {
    font-size: 0.95rem;
    font-weight: 400;
    letter-spacing: var(--letterspacing-medium);
    margin-bottom: 0px;
    color: #62605c;
}

/*------------------------------- CONTACT END -------------------------------*/
/*----------------------------- ACCORDION START -----------------------------*/
.aria-accordion{
	--bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-btn-icon-width :  1rem;
    
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius : 0;


    --bs-accordion-btn-padding-x: 0.75rem;
    --bs-accordion-btn-padding-y: 0.75rem;
    --bs-accordion-btn-color: var(--text-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    
    
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 0.75rem;
    --bs-accordion-body-padding-y: 0.75rem;
    --bs-accordion-active-color: var(--primary);
    --bs-accordion-active-bg: rgba(var(--primary-rgb), 0.2);

    gap: 1rem;
    display: flex;
    flex-direction: column;

}
.aria-accordion .accordion-item{
	box-shadow: var(--boxshadow);
	border-radius: 0.5rem;
	overflow: hidden;
}
.accordion-title{
	font-weight: 600;
	letter-spacing: var(--letterspacing-small);
	margin-bottom: 0px;
	font-size: var(--bodytext-size);
}
.aria-accordion.counternum .accordion-item{
	 counter-increment: count 1;
}
.aria-accordion.counternum .accordion-item .accordion-button{
	gap: 0.5rem;
}
.aria-accordion.counternum .accordion-item .accordion-button:before{
	content:  counter(count, decimal) ;
	padding: 0.5rem;
	height: 32px;
	width: 32px;
	border-radius: 0.375rem;
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(var(--primary-rgb), 0.1);
	color: var(--primarylight);
}
.aria-accordion.counternum .accordion-item .accordion-button:not(.collapsed):before{
	background-color: var(--primarylight);
	color: var(--onprimary);
}

/*------------------------------ ACCORDION END ------------------------------*/

.events-list-group{
/*	--bs-list-group-bg: rgba(var(--secondary-rgb), 0.1);*/
    --bs-list-group-item-padding-y: 0.75rem;
    --bs-list-group-item-padding-x: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem;
}
.events-list-group .list-group-item{
	border: var(--bs-list-group-border-width) solid var(--border-color);
    border-radius: var(--bs-list-group-border-radius);
    display: flex;
    align-items: center;
    color: var(--text-color);
    transition: all 0.2s linear;
    align-items: flex-start;
    gap: 0.5rem;
    padding-right: 1.65rem;
}
.events-list-group .list-group-item .list-group-date{
	display: flex;
	flex-direction: column;
	font-size: 15px;
	text-align: center;
    width: 50px;
    line-height: 1.8;
    overflow: hidden;
    border-radius: 7px;
}
.events-list-group .list-group-item .list-group-date .day{
	background: var(--primarylight);
    color: #ffffff;
}
.events-list-group .list-group-item .list-group-date .month{
	background: #000;
    color: #ffffff;
}
.events-list-group .list-group-item .list-group-content{flex: 1}
.events-list-group .list-group-item .list-group-item-title{
	font-size: var(--bodytext-size);
    font-weight: bold;
    letter-spacing: var(--letterspacing-small);
    overflow: hidden;
    padding: 0px;
    margin-bottom: 0.175rem;
    color: var(--text-color);
}
.events-list-group .list-group-item .list-group-item-title:hover{
	color: var(--primarylight);
}
.list-group-pub{
	font-size: var(--bodytextsmall-size);
	display: flex; flex-wrap: wrap;
}
.list-group-pub .list-group-publabel{
	color: var(--textlight-color);
    font-family: var(--secondaryfont);
    font-weight: 400;
    text-transform: uppercase;
    font-size: var(--bodytextsmall-size);
    letter-spacing: var(--letterspacing-medium);
    margin-right: 0.25rem;
}
.list-group-pub .list-group-pubvalue{
	color: var(--text-color);
}
.list-group-pub .list-group-pubvalue a{
    font-weight: 500;
	color: var(--text-color);
	font-size: var(--bodytextsmall-size);
    letter-spacing: var(--letterspacing-medium);
}
.list-group-pub .list-group-pubvalue a:hover{
	text-decoration: underline;
	color: var(--primarylight);
}
/*---------------------------- W-Overwrite START ----------------------------*/
.woocommerce table{
	border-collapse: collapse !important;
}

.woocommerce table.shop_table{
	border-collapse: collapse;
}

.woocommerce table tr th{
	background-color: var(--tablehead-bgcolor);
    border-top-width: var(--bs-border-width);
    border-bottom-width: var(--bs-border-width);
    border-color: var(--primarylight);
    font-size: var(--bodytextsmall-size);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: var(--letterspacing-medium);
    color: var(--secondary);
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}
.woocommerce table tr td{
	font-size: var(--bodytext-size);
    vertical-align: middle;
    font-weight: 400;
    color: var(--text-color);
}

.woocommerce-order-details__title, .woocommerce-column__title{
	margin-bottom: 0.5rem;
    font-weight: bold;
    color: var(--sectiontitle-color);
    font-size: var(--bodytextmedium-size);
    letter-spacing: var(--letterspacing-small);
}
.woocommerce-customer-details{
	border:1px solid var(--border-color);
	border-radius: 0.75rem;
}
.woocommerce-customer-details .woocommerce-column__title{
	padding: 1rem;
	margin: 0;
    font-weight: bold;
    color: var(--sectiontitle-color);
    font-size: var(--bodytextmedium-size);
    letter-spacing: var(--letterspacing-small);
}
.woocommerce-customer-details address{
	padding: 1rem;
	font-size: var(--bodytextsmall-size);
    letter-spacing: var(--letterspacing-small);
    font-weight: 500;
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
   	border-right: 0px !important;
    border-bottom: 0px !important;
    border-radius: 0 0 0.75rem 0.75rem !important;
    
}
.woocommerce-customer-details address p{margin: 0px}

.woocommerce-Address{
	display: flex;
    flex-direction: column;
}
.woocommerce-Address .woocommerce-Address-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
	padding: 0.5rem 1rem;
	border: 1px solid var(--border-color);
	border-radius: 0.5rem 0.5rem 0 0;
}
.woocommerce-Address .woocommerce-Address-title h3{
	margin: 0;
    font-weight: bold;
    color: var(--sectiontitle-color);
    font-size: var(--bodytextmedium-size);
    letter-spacing: var(--letterspacing-small);
}
.woocommerce-Address .woocommerce-Address-title .edit{
	    font-size: var(--bodytextsmall-size);
    font-weight: 400;
    letter-spacing: 0.10rem;
}
.woocommerce-Address .woocommerce-Address-title .edit:hover{
	text-decoration: underline;
}

.woocommerce-Address address{
	border: 1px solid var(--border-color);
	border-top: 0px;
	border-radius: 0 0 0.5rem 0.5rem;
	padding: 0.5rem 1rem 1rem 1rem;
	font-size: var(--bodytextsmall-size);
    letter-spacing: var(--letterspacing-small);
    font-weight: 500;
    color: var(--text-color);
}
.mep-event-faq-part .ex-sec-title.faq-title-section{
	font-size: 1.275rem;
    font-weight: bold;
}
.mep-event-faq-part{
	display: flex !important;
	flex-direction: column !important;
	gap: 1rem !important;
}
.mep-event-faq-part .mep-event-faq-set{
	box-shadow: var(--boxshadow);
    border-radius: 0.5rem;
    overflow: hidden;
 	background-color: #ffffff !important;
}
.mep-event-faq-part .mep-event-faq-set > a{
	color: var(--text-color) !important;
	font-weight: 600 !important;
    letter-spacing: var(--letterspacing-small);
    margin-bottom: 0px;
    font-size: var(--bodytext-size);
    border: 0px !important;
}
.mep-event-faq-part .mep-event-faq-set > a.active{
	background-color: rgba(var(--primary-rgb), 0.2) !important;
	color: var(--primary) !important;
}
.mep-event-faq-part .mep-event-faq-set .mep-event-faq-content{
	border: 0px !important;
	font-size: var(--bodytextsmall-size);
    letter-spacing: var(--letterspacing-small);
    font-weight: 400;
    line-height: 1.4;
    color: var(--text-color);
    overflow: hidden;
}

.wc-block-components-form{}
.wc-block-components-checkout-step{
	border: 1px solid var(--border-color) !important;
	border-radius: 0.75rem !important;
	margin-bottom: 2rem !important;
}
.wc-block-components-checkout-step .wc-block-components-checkout-step__heading{
	padding: 0.5rem 1rem;
	margin-bottom: 0px !important;
}
.wc-block-components-checkout-step .wc-block-components-checkout-step__heading .wc-block-components-checkout-step__title{
	font-family: var(--secondaryfont);
    font-weight: bold;
    color: var(--sectiontitle-color);
    letter-spacing: var(--letterspacing-medium);
    font-size: var(--bodytextmedium-size);
    line-height: normal;
}
.wc-block-components-checkout-step .wc-block-components-checkout-step__container{
	padding: 1rem;
}
.wc-block-components-sidebar{
	margin-top: 0px !important;
}
.wc-block-components-form .wc-blocks-components-select__container{
	border: 0px !important;
}
.wc-block-components-text-input input,
.wc-blocks-components-select__container select,
.wc-block-components-textarea{
    color: var(--text-color) !important;
	background-color: var(--formcontrol-bgcolor) !important;
	border: var(--bs-border-width) solid var(--bs-border-color) !important;
	font-weight: 500 !important;
    letter-spacing: var(--letterspacing-small) !important;
    font-size: 0.85rem !important;
}
.wc-block-components-text-input input:is(:focus),
.wc-blocks-components-select__container select:is(:focus),
.wc-block-components-textarea:is(:focus){
	box-shadow: none !important;
    color: var(--text-color) !important;
    border-color: var(--primary) !important;
    background-color: var(--formcontrol-bgcolor) !important;
}
.wc-block-components-checkout-step__description{
	color: var(--textlight-color) !important;
}
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-form .wc-blocks-components-select__container label{
	font-size: calc(var(--bodytext-size) - 0.15rem) !important;
	color: rgba(var(--bs-body-color-rgb),.65) !important;
    text-transform: uppercase !important;
}
.wc-block-components-address-card{
	font-size: var(--bodytextsmall-size) !important;
    letter-spacing: var(--letterspacing-small);
    color: var(--text-color);
}
.wc-block-components-address-form__address_2-toggle,
.wc-block-components-address-card__edit{
	text-decoration: underline;
	color: var(--primary) !important;
	font-size: 0.9rem !important;
    letter-spacing: var(--letterspacing-small) !important;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted{
	box-shadow: none !important;
	border-radius: 0.5rem !important;
	background-color: rgba(var(--primary-rgb), 0.2) !important; 
}
.wc-block-components-button{
	--bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border-radius: var(--bs-btn-border-radius) !important;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color) !important;


	--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);
}
.wc-block-components-button[disabled]{
	color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}
.wc-block-components-sidebar{
	border: 1px solid var(--border-color) !important;
	border-radius: 0.75rem !important;
	margin-bottom: 2rem !important;
	padding: 0px !important;
}
.wc-block-cart__submit{
	padding: 1rem !important;
    margin: 0 !important;
}
.is-large.wc-block-cart .wc-block-cart__totals-title{
    font-family: var(--secondaryfont) !important;
    font-weight: bold !important;
    color: var(--sectiontitle-color) !important;
    letter-spacing: var(--letterspacing-medium) !important;
    font-size: var(--bodytextmedium-size) !important;
    line-height: normal !important;
    text-transform: capitalize !important;
    padding: 1rem !important;
}
.wc-block-cart-items{
	border: 1px solid var(--border-color) !important;
	border-radius: 0.75rem !important;
    margin-bottom: 2rem !important;
    padding: 0px !important;
}
.wc-block-cart__main .wc-block-cart-items tr th{
/*	background: var(--tablehead-bgcolor) !important;*/
    /*border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-style: solid !important;
    border-color: var(--primarylight) !important;*/
    font-size: var(--bodytextsmall-size);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: var(--letterspacing-medium);
    color: var(--secondary);
    padding: 0.75rem 0.5rem !important;
    white-space: nowrap !important;
}
.wc-block-cart-item__remove-link{
	color: var(--bs-danger) !important;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    background-color: transparent !important;
    content: "";
    display: block;
    height: 5em;
    margin: 0 auto 2em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTkgMEM4LjUwNCAwIDAgOC41MDQgMCAxOXM4LjUwNCAxOSAxOSAxOSAxOS04LjUwNCAxOS0xOVMyOS40OTYgMCAxOSAwWm02LjEyOSAxMi44NzFhMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTEgMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTJaTTExLjY0NSAzMS4yNThjLTIuMDMgMC0zLjY3Ny0xLjYwOS0zLjY3Ny0zLjYgMC0xLjUzMyAyLjE4My00LjYyOCAzLjE4Ny01Ljk2MWEuNjEuNjEgMCAwIDEgLjk4IDBjMS4wMDQgMS4zMzMgMy4xODggNC40MjggMy4xODggNS45NiAwIDEuOTkyLTEuNjQ4IDMuNjAxLTMuNjc4IDMuNjAxWm0xLjIyNi0xMy40ODRhMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTIgMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTFabTEzLjA0IDExLjgxNEE4Ljk4OSA4Ljk4OSAwIDAgMCAxOSAyNi4zNTVjLTEuNjI0IDAtMS42MjQtMi40NTIgMC0yLjQ1MmExMS40IDExLjQgMCAwIDEgOC43ODggNC4xMjJjMS4wNTcgMS4yNTctLjg1OSAyLjc5Ni0xLjg3OCAxLjU2M1oiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 5em;
    width: 5em;
}
/*----------------------------- W-Overwrite END -----------------------------*/
.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 20px;
    height: 20px;
    display: inline-block;
    animation: spin 1s linear infinite;
    margin-left: 10px;
    vertical-align: middle;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.btn:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}
/* CSS for loader */
.loader-wrapper {
    text-align: center;
    padding: 20px 0;
}

.loader-content {
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #068f75; /* primary */
    border-radius: 50%;
    width: 150px;
    height: 150px;
    animation: spin 1s linear infinite;
    vertical-align: middle;
    display: inline-block;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* Style for plan-brekup when loading */
.plan-loading .list-group {
    opacity: 0.5;
    pointer-events: none;
}
.loader-registration {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #068f75;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
    display: none; /* Hidden by default */
}
.wpcf7-spinner {
  
  display: none;
}
#city-results {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: auto;
/*    border: 1px solid #ccc;*/
    background-color: #fff;
}

#city-results li {
    padding: 8px;
    cursor: pointer;
    font-size: 0.85rem;
}

#city-results li:hover {
    background-color: #f0f0f0;
}
/*event css*/
.mage_grid_box{}
.swiper-slide .mep_event_grid_item{
	height: 450px;
}
.mep_event_grid_item{
	background-color: #ffffff;
    box-shadow: var(--boxshadow);
    border-radius: 0.75rem;
}
.mep_event_grid_item .mep_list_thumb{
	overflow: hidden;
    border-radius: 7px 7px 0 0;
    height: 250px;
}
.mep_event_grid_item .mep_list_event_details{
	height: 100%;
}
.mep_event_grid_item .mep_list_thumb .mep-eventtype-ribbon{
    position: absolute;
    top: 10px;
    height: 32px;
    right: 0;
    left: auto;
    width: auto;
    border-radius: 50px 0 0 50px;
}
.mep-ev-start-date{
	overflow: hidden;
	border-radius: 7px !important;
}
.mep-ev-start-date .mep-day{
	background: var(--primarylight);
  	color: #ffffff;
}
.mep-ev-start-date .mep-month{
background: #000;
  color: #ffffff;
}
.mep_event_grid_item .mep-list-header{
	padding: 0px !important;
}
.mep_list_event_details .mep-list-header::before {
  border-color: var(--primarylight) !important;
  display: none;
}
.mep_list_event_details .mep-list-header::before {
  position: absolute;
  border-left: 5px solid var(--primarylight);
    border-left-color: rgb(5, 128, 105);
  top: 0;
  left: 0;
  content: "";
  height: 100%;
}
.mep_event_grid_item .mep-list-header .mep_list_title{
	font-size: var(--bodytextmedium-size);
    font-weight: bold;
    letter-spacing: var(--letterspacing-small);
    overflow: hidden;
    padding: 0px;
}
.mep_event_grid_item .mep-list-footer{
	padding: 0px !important;
}

.mep-list-footer ul{
	list-style: none;
    margin: 0;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 0.175rem;
}
.mep-list-footer ul li{
	display: flex;
    align-items: center;
    gap: 0.5rem;
}
.mep-list-footer ul li .evl-ico i{
	    font-size: 1.15rem;
    color: var(--primarylight);
}
.mep-list-footer ul li .evl-cc{
	margin: 0;
    font-weight: 700;
    font-size: var(--bodytextsmall-size);
    letter-spacing: var(--letterspacing-small);
    color: var(--text-color);
}


.mep_list_event_details .mep_list_date {
      color: var(--textlight-color) !important;
    font-family: var(--secondaryfont);
    font-weight: 400;
    text-transform: uppercase;
    font-size: var(--bodytextsmall-size);
    letter-spacing: var(--letterspacing-medium);
}
.mep_list_event_details .mep_list_date .woocommerce-Price-amount{
	color: var(--text-color);
	font-weight: 700;
}
.mep-list-footer ul li i {
  color: #02c180 !important;
}
.df-ico i{
  background: #02c180 !important;

}
.mep-default-sidrbar-meta p a {
  color: #02c180 !important;
}
.mep-default-sidrbar-address ul li i{
  background:  #02c180 !important;
}
.mep-default-sidrbar-meta .fa-list-alt{
color: #02c180 !important;
}
.mep-default-sidrbar-events-schedule h3 i{
color: #02c180 !important;
}
.mep-default-sidrbar-events-schedule ul li i{
background: #02c180 !important;
}
.mep-default-sidrbar-social ul li a{
background: #02c180 !important;
}

#wpforo-wrap .wpf-notifications{
	background: #ffffff !important;
}
#wpforo-wrap .wpf-notifications .wpf-notification-head{
	border-color: var(--primary) !important;
}
#wpforo-wrap .wpf-notifications .wpf-notification-content li{

}
#wpforo-wrap .wpf-notifications .wpf-notification-content li:hover{
	color: var(--primary) !important;
	background-color: rgba(var(--primary-rgb), 0.1) !important; 
}
#wpforo-wrap .wpf-notifications .wpf-notification-content li a{
	color: var(--text-color);
	cursor: pointer;
}
#wpforo-wrap .wpf-notifications .wpf-notification-content li a:hover{
	color: var(--primary) !important;
}
#wpforo-wrap .wpf-alerts .wpf-bell{}
#wpforo-wrap .wpf-alerts .wpf-bell svg,
#wpforo-wrap .wpf-alerts .wpf-bell .wpf-alerts-count{
	color: #ffffff !important;
}
#wpforo-wrap .wpf-notifications .wpf-notification-actions{}
#wpforo-wrap .wpf-notifications .wpf-notification-actions .wpf-action:hover{
	color: var(--primary) !important;
}
.job_listing_preview_title {
  background: #fff;
}
.job-manager-uploaded-files{
	margin-bottom: 0.5rem;
}
.job-manager-uploaded-files .job-manager-uploaded-file{
	width: 180px;
	height: 180px;
	border: 1px solid var(--border-color);
	border-radius: 0.375rem;
	overflow: hidden;
}
.job-manager-uploaded-files .job-manager-uploaded-file .job-manager-uploaded-file-preview{
    position: relative;
    display: block;
}
.job-manager-uploaded-files .job-manager-uploaded-file .job-manager-uploaded-file-preview img{
	height: 155px;
    width: 180px;
    object-fit: contain;
}
.job-manager-remove-uploaded-file{
        background-color: var(--bs-danger);
    color: #fff;
    width: 100%;
    display: flex;
    text-align: center;
    line-height: normal;
    justify-content: center;
    font-size: 0.75rem;
    padding: 0.275rem;
    height: 25px;
}
.job-manager-message{
	color: #0a3622;
    background-color: #d1e7dd;
    border: #a3cfbb;
    border-radius: 0.375rem;
    box-shadow: none;
    padding: 1rem !important;
    display: flex; align-items: center; justify-content: space-between;
}
.job-manager-message:before, .job-manager-message:after{display: none}
.job-manager-message a{
	float: right;
	background: var(--primary);
    color: var(--onprimary);
    padding: 0.5rem;
    border-radius: 0.375rem;
}
.job-manager-form fieldset{
	margin: 0px;
	padding: 1rem;
}
.single_job_listing .company{
	box-shadow: none;
	border: 1px solid var(--border-color);
	border-radius: 0.375rem;
}
/*.single_job_listing .company{
	box-shadow: none;
	border: 1px solid var(--border-color);
	border-radius: 0.375rem;
	margin: 1rem 0;
	padding: 0px;
	width: 250px;
    display: flex;
    flex-direction: column;
}
.single_job_listing .company .company_logo{
    position: relative;
    width: 100%;
    height: 148px;
    object-fit: contain;
    left: 0;
    float: none;
}
.single_job_listing .company .company_header{
	margin: 0;
	min-height: 32px;
    width: 100%;
    border-top: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.single_job_listing .company .name{
	    margin: 0;
    padding: 0;
    text-align: center;
    line-height: normal;
}*/
.single_job_listing .meta li{
	font-size: 0.85rem;
}
.single_job_listing .meta .job-type{
	border-radius: 0.375rem;
}
.single_job_listing .meta .full-time{
	background-color: var(--primary);
	color: var(--onprimary);
}
.job-manager .full-time, .job-types .full-time, .job_listing .full-time{
	color: var(--onprimary);
    background: var(--primary);
}
.job-manager .part-time, .job-types .part-time, .job_listing .part-time{
	background-color: #f08d3c;
    color: #ffffff;
}
.job-manager .temporary, .job-types .temporary, .job_listing .temporary{
	background-color: #d93674;
    color: #ffffff;
}
.job-manager .freelance, .job-types .freelance, .job_listing .freelance{
	background-color: #39c;
    color: #ffffff;
}
.job-manager .internship, .job-types .internship, .job_listing .internship{
	background-color: #6033cc;
    color: #ffffff;
}
.job-manager .job-type, .job-types .job-type, .job_listing .job-type{
    font-size: 0.85rem;
    display: inline-block !important;
    padding: 0 0.5rem;
    border-radius: 0.375rem;
    
}
.preview-title{
    position: absolute;
    right: 0;
    background: var(--primary);
    color: var(--onprimary);
    font-size: 0.85rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.20rem;
    padding: 0.175rem 0.5rem;
    border-radius: 0 0.375rem 0 0.375rem;
}
.card.type-product{
	--bs-card-cap-padding-y: 0.375rem;
    --bs-card-cap-padding-x: 0.375rem;
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    height: 100%;
    box-shadow: var(--boxshadow);
    border: 0;
}
.card.type-product>.woocommerce-loop-product__link{
	height: 250px;
}
.card.type-product>.woocommerce-loop-product__link img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.card.type-product>.woocommerce-loop-product__link .onsale,
.type-product span.onsale{
    min-height: auto;
    min-width: auto;
    border-radius: 4px;
    line-height: normal;
    padding: 0.275rem 0.5rem;
    background-color: var(--red);
    right: auto;
	top: 0.5rem;
    left: 0.5rem;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.10rem;
    font-weight: bold;

}

.card.type-product .woocommerce-loop-product__link .woocommerce-loop-product__title{
	text-align: left;
	font-size: var(--bodytextmedium-size);
    letter-spacing: var(--letterspacing-small);
    font-weight: bold;
    color: var(--text-color);
    overflow: hidden;
}
.card.type-product .woocommerce-loop-product__link .woocommerce-Price-amount{
	font-size: var(--bodytext-size);
}
.card.type-product .woocommerce-loop-product__link .price{
	text-align: left; font-size: var(--bodytext-size); color: var(--textlight-color);
}
.wc-tabs-wrapper{
	box-shadow: var(--boxshadow);
}

.wc-tabs.nav-pills{
	--bs-nav-pills-link-active-color: var(--onprimary);
    --bs-nav-pills-link-active-bg: var(--primarylight);
    --bs-nav-link-color: var(--text-color);
}
.wc-tabs.nav-pills .nav-link{
	padding: 0.75rem 1rem;
    text-transform: uppercase;
    letter-spacing: var(--letterspacing-medium);
    font-size: var(--bodytext-size);
    position: relative;
}
.wc-tabs.nav-pills .nav-link.active:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: var(--primarylight) transparent transparent transparent;
    transform: rotate(0deg);
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
}
.entry-summary .product_title{
	text-align: left;
	font-size: var(--bodytextlarge-size);
    letter-spacing: var(--letterspacing-small);
    font-weight: bold;
    color: var(--text-color);
}
.entry-summary .price{
	text-align: left; font-size: var(--bodytextmedium-size) !important; color: var(--textlight-color) !important;
}
.entry-summary .price .woocommerce-Price-amount{}
.entry-summary .product_meta{
	 display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-bottom: 0.5rem;
}
.entry-summary .product_meta .sku_wrapper,
.entry-summary .product_meta .posted_in{
	font-size: var(--bodytext-size);
    letter-spacing: var(--letterspacing-small);
}
/*.woocommerce div.product div.images .woocommerce-product-gallery__image{}
.woocommerce div.product div.images .woocommerce-product-gallery__image a{
	display: block;
	height: 450px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}*/

.woocommerce-product-gallery{}
.woocommerce-product-gallery .flex-control-nav{display: flex}
.woocommerce-product-gallery .flex-control-nav li{width: 54px !important; height: 54px !important}
.woocommerce-product-gallery .flex-control-nav li img{width: 100% !important; height: 100% !important; object-fit: cover;}

.woocommerce-product-gallery__wrapper{}
.woocommerce-product-gallery__wrapper div a{
	display: block;
}
.woocommerce-product-gallery__wrapper div a img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
.variations-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.variations-wrap .variations-item{
	display: flex;
	flex-direction: column;
	flex: 1;
}
.variations-wrap .variations-item label{
	    font-size: calc(var(--bodytextsmall-size) - 0.1rem);
    letter-spacing: var(--letterspacing-small);
    color: var(--textlight-color);
    text-transform: uppercase;
}
.variations-wrap .variations-item .variations-select{}
.variations-clear{
	flex: 0 0 100%;
}
.variations-clear .reset_variations{
	font-weight: bold; text-transform: uppercase;
}
.pswp__bg{
	background: rgba(0,0,0,0.75) !important;
}
@media (min-width: 768px){
	.woocommerce-product-gallery .flex-viewport{
		height: 450px !important;
	}
	.woocommerce-product-gallery__wrapper div a{
		height: 450px;
	}

}
@media (max-width: 767.98px){
	.woocommerce-product-gallery .flex-viewport{
		height: 350px !important;
	}
	.woocommerce-product-gallery__wrapper div a{
		height: 350px;
	}
}
@media (max-width: 576.98px){
	.woocommerce-product-gallery .flex-viewport{
		height: 250px !important;
	}
	.woocommerce-product-gallery__wrapper div a{
		height: 250px;
	}
	.variations-wrap{flex-direction: column}
}


/*Custom CSS End*/
/*footer menu CSS start*/
/*@media (min-width: 992px){
  .navbar-footer{display: none}
}
@media (max-width: 991.98px){
} */
  .navbar-footer.bg-primary{--bottomnav-color : rgba(255,255, 255, 0.9); --bottomnav-activecolor : var(--onprimary);}
  .navbar-footer{--bs-navbar-padding-y : 0px; --bs-navbar-padding-x : 0px; --bottomnav-color : rgba(var(--text-color-rgb), 0.8);
    --bottomnav-activecolor : var(--primary); min-height: 48px; background-color: var(--navbar-bgcolor); box-shadow: var(--boxshadow);}
  .only-icon.navbar-footer .nav-bottom li.nav-item .nav-link .nav-text{display: none}
  .only-icon.navbar-footer .nav-bottom li.nav-item .nav-link .nav-icon{font-size: 1.375rem}
  .only-text.navbar-footer .nav-bottom li.nav-item .nav-link .nav-text{}
  .only-text.navbar-footer .nav-bottom li.nav-item .nav-link .nav-icon{display: none;}
  .navbar-footer .nav-bottom{--bs-nav-link-padding-y : 0.375rem; --bs-nav-link-padding-x : 0.375rem;
    display: flex; align-items: stretch; justify-content: space-between; width: 100%;
      min-height: 48px; flex-direction: row; flex-wrap: nowrap;}
  .nav-bottom li.nav-item{flex: 1; display: flex; align-items: center; justify-content: center;}
  .nav-bottom li.nav-item .nav-link{display: flex; flex-direction: column; align-items: center; gap: 0.1rem;
      width: 100%; height: 100%; color: var(--bottomnav-color); transition: all 0.15s ease-in-out;
    border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent;}
  .nav-bottom li.nav-item .nav-link:is(.active, :hover, :focus){color: var(--bottomnav-activecolor); border-color: var(--bottomnav-activecolor);
    transition: all 0.15s ease-in-out; }
  .nav-bottom li.nav-item .nav-link .nav-icon{font-size: 1.275rem; line-height: normal;}
  .nav-bottom li.nav-item .nav-link .nav-text{font-size: 0.75rem; font-weight: 500; letter-spacing: var(--letterspacing-medium); white-space: nowrap;}


/*footer menu CSS End*/