/*
Theme Name: academy
*/
:root {
	--h1size: 42px;
	--h2size: 32px;
	--h3size: 24px;
	--h4size: 20px;
	--h5size: 18px;
	--h6size: 16px;
	--bodysize: 18px;
	--h1height: 52px;
	--h2height: 48px;
	--h3height: 34px;
	--h4height: 30px;
	--h5height: 26px;
	--h6height: 26px;
	--bodyheight: 30px;
	--pfamily: "Barlow", sans-serif;
	--red: #e93e2d;
	--gray: #F5F5F5;
	--text: #101828;
	--blue: #3d50a0;
	--darkblue: #243875;
	--white: #ffffff;
	--chalk: #f5f7fc;
	--green: #0C6F0B;
	--purple: #b12fad;
	--orange: #f17124;
	--dark: #000000;
	--yellow: #f9e829;
	--yellow-dark: #ffc23d;
	--body: #f5f6f7;
	--border: #eef0f6;
	--heading: #39404a;
	--primary: #7d3b25;
	--secondary: #7d3b25;
	--sub-heading: #565765;
	--green-chalk: #646d68;
	--green-dark: #072f17;
	--gray-chalk: #cccccc;
	--intro-bg: #e5eef6;
	--facebook: #3b5998;
	--linkedin: #0e76a8;
	--twitter: #00acee;
	--google: #E60023;
	--instagram: #F77737;
	--primary-bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
	--primary-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
	}
@media(max-width: 991px){
	:root {
	--h1size: 32px;
	--h2size: 32px;
	--h3size: 22px;
	--h4size: 20px;
	--h5size: 18px;
	--h6size: 16px;
	--bodysize: 16px;
	--h1height: 42px;
	--h2height: 42px;
	--h3height: 28px;
	--h4height: 24px;
	--bodyheight: 22px;
	}
}
	* {
		margin: 0px;
		padding: 0px;
		outline: 0px
	}
	.bg-primary{
		background: var(--primary) !important;
	}
	img {
		vertical-align: middle;
		max-width: 100%;
		height: auto;
	}
	strong{
		font-weight: 700;
	}
	a {
		text-decoration: none;
		display: inline-block;
		color: var(--blue);
	}
	a:hover {
		text-decoration: none
	}
	ul, ol {
		padding: 0px;
		margin: 0;
		list-style: none
	}
	a, button, img, input, span {
	-webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	
	html, body {
		scroll-behavior: smooth
	}
	body {
		color: var(--text);
		background: var(--white);
		font-size: var(--bodysize);
		font-family: var(--pfamily);
		line-height: var(--bodyheight);
		overflow-x: hidden;
		font-weight: 300;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
		color: var(--dark);
		margin-bottom: 30px;
	}
	h2 span{
		color: var(--primary);
	}
	h1 {
		font-size: var(--h1size);
		line-height: var(--h1height)
	}
	h2 {
		font-size: var(--h2size);
		line-height: var(--h2height);
	}
	h3 {
		font-size: var(--h3size);
		line-height: var(--h3height)
	}
	h4 {
		font-size: var(--h4size);
		line-height: var(--h4height)
	}
	h5 {
		font-size: var(--h5size);
		line-height: var(--h5height)
	}
	h6 {
		font-size: var(--h6size);
		line-height: var(--h6height)
	}
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	font-size:14px;
	color:var(--dark) !important;
	text-transform:capitalize
	}
	input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-size:14px;
	color:var(--dark) !important;
	text-transform:capitalize
	}
	input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	font-size:14px;
	color:var(--dark) !important;
	text-transform:capitalize
	}
	input::placeholder, textarea::placeholder {
	font-size:14px;
	color:var(--dark) !important;
	text-transform:capitalize
	}
	input, button {
		border: none;
		outline: none;
		background: none
	}
	button:focus {
		outline: none
	}
	
	@media (max-width: 575px) {
	.col {
		padding: 0px 8px
	}
	}
	
	@media (max-width: 991px) {
	.content-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
	}
	.section {
		padding: 50px 0;
	}
	.inner-section {
		padding: 50px 0;
	}
	.inner-section.style-2 {
		padding: 20px;
		border-radius: 10px;
		background: var(--white);
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
		margin: 5px 0;
	}
	.section-heading {
		text-align: center;
		margin-bottom: 30px
	}
	.section-btn-50 {
		text-align: center;
		margin-top: 50px
	}
	.section-btn-25 {
		text-align: center;
		margin-top: 25px
	}
.section-title{
	margin-bottom: 30px;
}
.section-title .heading-title{
	margin-bottom: 0;
}
	
	@media (max-width: 767px) {
		.section-heading h2 {
			font-size: 28px;
			line-height: 36px
		}
		
		.section.about-section.style-2{
			padding: 0;
		}
		.sticky-social{
			position: fixed;
			bottom: 15%;
			left: 0;
			z-index: 9;
			top: inherit !important;
		}
		.sticky-social .email{
			display: none;
		}
	}

	
	
	.breadcrumb {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: none;
		margin: 0px;
	}
	.breadcrumb .active {
		color: var(--dark)
	}
	.text-white .breadcrumb .active, .text-white .breadcrumb-item a, .text-white .breadcrumb-item+.breadcrumb-item::before{
		color: var(--white);
	}
	.breadcrumb-item {
		padding: 0px !important;
		text-transform: capitalize
	}
	.breadcrumb-item a {
		color: var(--dark)
	}
	.breadcrumb-item a:hover {
		color: var(--dark);
		text-decoration: underline
	}
	.breadcrumb-item+.breadcrumb-item::before {
		color: var(--dark);
		padding: 0px 8px
	}
	.breadcrumb-flex{
	    display: flex;
	    justify-content: space-between;
	}
	.breadcrumb-flex h1{
	    margin-bottom: 0;
	}
	.backdrop {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 4;
		width: 1000%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		display: none
	}
	.backtop {
		position: fixed;
		right: 20px;
		bottom: 20px;
		z-index: 2;
		width: 48px;
		height: 48px;
		font-size: 15px;
		color: var(--white);
		line-height: 48px;
		text-align: center;
		display: none;
		border-radius: 50%;
		background: var(--primary);
		-webkit-box-shadow: 0px 0px 15px 3px rgba(71,254,126,0.5);
		box-shadow: 0px 0px 15px 3px rgba(71,254,126,0.5);
		-webkit-animation: mahmud 2s infinite;
		animation: mahmud 2s infinite;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.backtop:hover {
		color: var(--white)
	}
	@-webkit-keyframes mahmud {
	0% {
	margin-bottom:0px
	}
	50% {
	margin-bottom:15px
	}
	}
	@keyframes mahmud {
	0% {
	margin-bottom:0px
	}
	50% {
	margin-bottom:15px
	}
	}
	
	@media (max-width: 575px) {
	.backtop {
		width: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 14px
	}
	}
	
	@media (max-width: 991px) {
		.backtop {
			bottom: 55px
		}
		.section{
			padding: 40px 0;
		}
	}
	.btn {
		padding: 12px 40px;
		border-radius: 8px;
		font-weight: 400;
		font-size: 16px;
		transition: all .3s ease-out 0s;
	}
	.btn-primary, .wp-block-button__link {
		background: var(--primary);
		border-color: var(--primary);
		border-radius: 8px;
		transition: all .3s ease-out 0s;
		font-weight: 400;
		padding: 12px 40px;
		font-size: 16px;
	}
	.btn-primary:hover, .wp-block-button__link:hover {
		background: var(--dark);
		border-color: var(--dark);
		color: var(--white);
	}
	.btn-success {
		background: var(--green);
		border-color: var(--green);
		border-radius: 0;
		transition: all .3s ease-out 0s;
		font-size: 16px;
		text-transform: uppercase;
	}
	.btn-light{
		background: var(--chalk);
		color: var(--dark);
		font-weight: 400;
		border: transparent;
		border-radius: 8px;
	}
	.btn-light:hover{
		background: var(--dark);
		color: var(--white);
	}
	.btn-outline-primary{
		border-color: var(--primary);
		color: var(--primary);
		border-width: 2px;
		font-weight: 400;
	}
	.is-style-outline>.wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background){
		border-color: var(--dark);
		color: var(--dark);
		border-radius: 0;
		transition: all .3s ease-out 0s;
		font-weight: 400;
		padding: 12px 40px;
		font-size: 16px;
	}
	.btn:focus {
		-webkit-box-shadow: none !important;
		box-shadow: none !important
	}
	.btn i {
		margin-right: 5px
	}
	.btn-inline {
		color: var(--white);
		background: var(--primary)
	}
	.btn-inline:hover {
		color: var(--primary);
		background: var(--white)
	}
	.btn-outline {
		color: var(--primary);
		background: var(--white)
	}
	.btn-outline:hover {
		color: var(--white);
		background: var(--primary)
	}
	.btn-sm {
		outline:0;
		font-size: 13px;
		font-weight: 500;
		padding: 8px 18px;
		border-radius: 5px;
		text-transform: capitalize;
	}
	.btn-xs {
		outline:0;
		font-size: 12px;
		font-weight: 500;
		text-transform: capitalize;
		padding: 5px 8px;
		border-radius: 5px;
	}
	.home-index-slider .dandik {
		left: 30px
	}
	.home-index-slider .bamdik {
		right: 30px
	}
	.home-index-slider .slick-dots {
		bottom: 50px
	}
	.banner-part {
		padding: 0px;
		margin-bottom: 0;
		position: relative;
		z-index: 1;
		height: 800px;
		background-position: center center;
		background-size: cover;
		align-items: center;
	}
	.banner-part > img{
		width: 100%;
		height: auto;
	}
	.banner-text-bg{
		position: relative;
		padding: 60px 60px 60px 0;
		height: 500px;
		display: flex;
		align-items: center;
	}
	.banner-text-bg:after {
		content: "";
		position: absolute;
		height: 100%;
		top: 0;
		bottom: 0;
		z-index: -1;
		right: 0;
		background: var(--primary);
		width: 50vw;
	}
	.row.flex-row-reverse .banner-text-bg {
		order: 2;
		transform: translateX(50vw);
	}
	.row.flex-row-reverse .banner-img-bg {
		order: 1;
	}
	.row.flex-row-reverse .banner-text-bg::after {
		order: 2;
	}
	.row.flex-row-reverse .banner-img-bg .banner-img{
		left: 0;
	}
	.banner-part .btn-primary, .banner-part .wp-block-button__link {
		background: var(--dark);
		border-color: var(--dark);
		color: var(--white);
	}
	.banner-part .text-white .btn-primary, .banner-part .text-white .wp-block-button__link {
		background: var(--white);
		border-color: var(--white);
		color: var(--dark);
	}
	.slider-form{
		padding:30px;
		background: rgba(255,255,255,1);
		border-radius: 0;
		position: relative;
	}
	.banner-part::after {
		position: absolute;
		content: "";
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 1;
		border-radius: 0;
		opacity: 1;
		background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
		height: 200px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover
	}
	.home-index-slider.slick-initialized .slick-slide{
		display: flex;
	}
	.banner-content h2 {
		text-transform: capitalize;
		margin-bottom: 30px;
		font-weight: 700;
	}
	.banner-content h2 span{
		color: var(--primary);
		text-decoration-line: underline;
	}
	.banner-content p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 30px
	}
	.banner-content p:last-child {
		margin-bottom: 0
	}
	.banner-part .justify-content-center .wp-block-buttons{
		justify-content: center;
	}
	.banner-btn .btn {
		margin-right: 15px
	}
	.banner-img{
		position: relative;
		overflow: hidden;
	}
	.about-us-image {
		position: relative;
		padding-left: 40px;
	}
	.about-us-image img{
		border-radius: 20px;
	}

	.flex-row-reverse .about-us-image{
		padding-left: 0;
		padding-right: 40px;
	}
	.flex-row-reverse .about-experience{
		margin-right: -25px;
		margin-left: auto;
		right: 0;
	}
	.banner-img img {
		max-width: 100%;
		max-height: 500px;
	}
	.banner-img-bg{
		padding: 0;
	}
	.banner-img-bg .banner-img{
		position: absolute;
		width: 50vw;
		height: 100%;
		right: 0;
		top: 0;
	}
	.banner-img img, .about-us-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all 4s ease-in-out;
		transform: scale(1);
	}
	.banner-img .animation-text, .about-us-image .animation-text {
		overflow: visible;
		position: absolute;
		right: 0;
		bottom: 0;
		transform: translate(20%, 90%);
	}
	.banner-part.style-2 .banner-text-bg::after{
		content: none;
	}
	.banner-part.style-2{
		content: none;
		background-size: cover;
	}
	.banner-part.style-2 {
		transition: background-size 4s ease-in-out !important;
		background-size: 115% !important;
		background-position: top center;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	.banner-part.style-2 .banner-content{
		/* padding: 40px;
		background: rgba( 255, 255, 255, 0.25 );
		box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
		backdrop-filter: blur( 4px );
		-webkit-backdrop-filter: blur( 4px );
		border-radius: 10px;
		border: 1px solid rgba( 255, 255, 255, 0.18 ); */
	}
	
	.banner-part.style-2.slick-active {
		background-size: 100% !important;
	}

	@keyframes spin {
		0% {
		transform: rotate(0deg);
		}
		100% {
		  transform: rotate(360deg);
		} 
	}
	@keyframes stroke {
		0% {
		  fill: rgba(255, 255, 255, 0);
		  stroke: rgb(255, 255, 255);
		  stroke-dashoffset: 25%;
		  stroke-dasharray: 0 50%;
		  stroke-width: 2;
		}
		70% {
		  fill: rgba(255, 255, 255, 0);
		  stroke: rgb(255, 255, 255);
		}
		80% {
		  fill: rgba(255, 255, 255, 0);
		  stroke: rgb(255, 255, 255);
		  stroke-width: 3;
		}
		100% {
		  fill: rgb(255, 255, 255);
		  stroke: rgba(255, 255, 255, 0);
		  stroke-dashoffset: -25%;
		  stroke-dasharray: 50% 0;
		  stroke-width: 0;
		}
	  }
	.banner-img .animation-text text, .about-us-image .animation-text text{
		text-transform: uppercase;
		animation: stroke 5s infinite alternate;
		stroke-width: 2;
		stroke: var(--white);
		font-size: 70px;
		font-weight: 600;
		opacity: 0.7;
	}
	.home-index-slider .slick-active .badge{
		animation: 1.9s fadeInUp;
	}
	.home-index-slider .slick-active h2{
		animation: 0.6s fadeInUp;
	}
	.home-index-slider .slick-active p{
		animation: 1.6s fadeInUp;
	}
	.home-index-slider .slick-active .wp-block-button__link, .home-index-slider .slick-active .btn{
		animation: 2.0s fadeInUp;
	}
	.home-index-slider .slick-active .banner-img img, .home-index-slider .slick-active .about-us-image img {
		transform: scale(1.4);
	}
	@-webkit-keyframes fadeInUp {
		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 fadeInUp {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0)
		}
	
		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}
	
	.fadeInUp {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp
	}
	@-webkit-keyframes zoomIn {
		0% {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3)
		}
	
		50% {
			opacity: 1
		}
	}
	
	@keyframes zoomIn {
		0% {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3)
		}
	
		50% {
			opacity: 1
		}
	}
	
	.zoomIn {
		-webkit-animation-name: zoomIn;
		animation-name: zoomIn
	}
	@-webkit-keyframes zoomOut {
		0% {
			opacity: 1
		}
	
		50% {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3)
		}
	
		to {
			opacity: 0
		}
	}
	
	@keyframes zoomOut {
		0% {
			opacity: 1
		}
	
		50% {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3)
		}
	
		to {
			opacity: 0
		}
	}
	
	.zoomOut {
		-webkit-animation-name: zoomOut;
		animation-name: zoomOut
	}
	@media (max-width: 991px) {
		.banner-content h1, .banner-content h2 {
			font-size: 26px;
			line-height: 34px;
		}
		.banner-part{
			height: auto;
			max-height: inherit;
			padding: 0;
		}
		.banner-part::after{
			content: '';
			display: none;
		}
		.banner-text-bg{
			padding: 30px 15px;
			min-height: 400px;
			position: inherit;
		}
		.banner-img-bg{
			padding: 0;
		}
		.banner-img-bg .banner-img{
			position: relative;
			width: 100vw;
			height: 300px;
			right: 0;
			top: 0;
			transform: translateX(-50%);
			left: 50%;
		}
		.banner-img-bg .banner-img img{
			height: 100%;
			object-fit: cover;
		}
		.banner-text-bg:after {
			content: "";
			position: absolute;
			height: 100%;
			top: 0;
			bottom: 0;
			z-index: -1;
			right: 0;
			background: var(--primary);
			width: 100vw;
		}
		.banner-part.style-2.slick-active {
			background-size: cover !important;
		}
		.row.flex-row-reverse .banner-text-bg {
			order: 1;
			transform: none;
		}
		.row.flex-row-reverse .banner-img-bg {
			order: 2;
		}
		.row.flex-row-reverse .banner-text-bg::after {
			order: 2;
		}
		.row.flex-row-reverse .banner-img-bg .banner-img{
			/* transform: none;
			left: 0; */
			left: 50%;
		}
		.banner-content p{
			font-size: 16px;
			line-height: 20px;
		}
		.banner-img img{
			mask-position: center;
			mask-image: none;
		}
	}
	@media (max-width: 767px) {
		.banner-btn .btn {
			margin: 8px
		}
		.banner-content{
			margin-bottom: 30px;
			text-align: center;
		}
		.banner-content .wp-block-buttons{
			justify-content: center;
		}
		.breadcrumb-flex{
			justify-content: center;
			flex-wrap: wrap;
		}
		.breadcrumb-flex h1{
			margin-bottom: 15px;
		}
		.banner-img .animation-text, .about-us-image .animation-text {
			overflow: visible;
			position: absolute;
			right: 0;
			left: 0;
			margin: auto;
			bottom: 0;
			text-align: center;
		}
	}
	.homeslider{
		position: relative;
		margin-top: -135px;
	}
	.homeslider .shape{
		position: absolute;
		z-index: -1;
	}
	.homeslider .shape-1{
		left: -125px;
		bottom: -200px;
	}
	.homeslider .shape-2{
		right: 33%;
		top: 20%;
		z-index: -11;
	}
	.homeslider .shape-3{
		top: -2%;
		right: -30px;
	}
	.homeslider .animation-icon {
		width: 30px;
		height: 30px;
		z-index: 1;
		position: absolute;
		animation: spin 4s linear infinite;
	}
	.homeslider .animation-icon.icon_1{
		bottom: 10%;
		left: 50px;
	}
	@media(min-width: 991px){
		#wrapper {
			margin: 0;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
	.banner-content h1 {
		font-size: 32px;
		line-height: 42px
	}
	.banner-btn .btn {
		padding: 14px 22px;
		margin-right: 10px
	}
		
	}
	.bg-grey-theme{
		background: var(--chalk);
	}
	.bg-green-themes{
		background: var(--green);
	}
	.bg-red-themes{
		background: var(--red);
	}
	.bg-primary-themes{
		background: var(--primary);
	}
	.bg-yellow-themes{
		background: var(--yellow);
	}
	
	.menu-badge {
		font-size: 10px;
		padding: 0px 5px;
		margin-left: 5px;
		line-height: 18px;
		border-radius: 3px;
		letter-spacing: 0.3px;
		display: inline-block;
		text-transform: uppercase;
		color: var(--white);
		background: var(--red);
		text-shadow: var(--primary-tshadow)
	}
	.dropdown-arrow {
		position: relative;
		padding-right: 18px !important
	}
	.dropdown-arrow:hover::before {
		color: var(--primary)
	}
	.dropdown-arrow::before {
		position: absolute;
		content: "";
		background: url(images/arrow.svg);
		background-repeat: no-repeat;
		top: 47%;
		right: 0px;
		width: 11px;
		height: 10px;
		vertical-align: inherit;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
	}
	.dropdown-megamenu .dropdown-position-list .dropdown-arrow::before{
		content: '';
	}
	.dropdown-link {
		position: relative;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.dropdown-link:hover {
		color: var(--primary);
		background: var(--chalk)
	}
	.dropdown-link:hover::before {
		color: var(--primary)
	}
	.dropdown-link::before {
		position: absolute;
		top: 50%;
		right: 18px;
		content: '';
		top: 47%;
		right: 0px;
		width: 11px;
		height: 10px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	
	.dropdown-link.active {
		color: var(--primary)
	}
	.dropdown-link.active::before {
		content: '';
		background: url(images/arrow.svg);
		background-repeat: no-repeat;
		top: 47%;
		right: 0px;
		width: 11px;
		height: 10px;
	}
	.dropdown-list {
		display: none;
		padding: 0px 20px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.dropdown-list li a {
		width: 100%;
		font-size: 15px;
		line-height: 18px;
		border-radius: 8px;
		padding: 10px 15px 10px 35px;
		color: var(--text);
		position: relative;
		white-space: nowrap;
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.dropdown-list li a:hover {
		color: var(--primary);
		background: var(--chalk)
	}
	.dropdown-list li a::before {
		position: absolute;
		top: 50%;
		left: 15px;
		content: "-";
		font-size: 16px;
		font-weight: bold;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.dropdown:hover .dropdown-position-list {
		visibility: visible;
		opacity: 1;
		top: 100%
	}
	ul.dropdown-position-list {
		position: absolute;
		top: 120%;
		left: 0px;
		z-index: 2;
		width: 220px;
		height: auto;
		visibility: hidden;
		border-radius: 10px;
		opacity: 0;
		background: var(--primary);
		-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
		transition: all ease .3s;
		-webkit-transition: all ease .3s;
		-moz-transition: all ease .3s;
		-ms-transition: all ease .3s;
		-o-transition: all ease .3s;
	}
	.dropdown-position-list li a {
		width: 100%;
		font-size: 15px;
		line-height: 18px;
		padding: 10px 15px;
		color: var(--white);
		font-weight: 300;
		background: transparent;
		white-space: nowrap;
		text-transform: capitalize;
		transition: all ease .3s;
		-webkit-transition: all ease .3s;
		-moz-transition: all ease .3s;
		-ms-transition: all ease .3s;
		-o-transition: all ease .3s;
		border-radius: 10px;
	}
	.dropdown-position-list li a:hover {
		color: var(--primary);
		background: var(--chalk);
		-webkit-transform: scaleX(1.05);
		-moz-transform: scaleX(1.05);
		-ms-transform: scaleX(1.05);
		-o-transform: scaleX(1.05);
		transform: scaleX(1.05);
	}
	#primary-menu ul li{
		position: relative;
	}
	#primary-menu ul li ul:not(.dropdown-megamenu){
		position: absolute;
		top: 0;
		left: 220px;
		z-index: 2;
		width: 220px;
		height: auto;
		visibility: hidden;
		opacity: 0;
	} 
	#primary-menu li > ul{
		border-top: 2px solid var(--primary);
	}
	#primary-menu li.dropdown-megamenu ul ul{
		border-top: 0 !important;
	}
	#primary-menu ul li:hover ul{
		visibility: visible;
		opacity: 1;
	} 
	
	#primary-menu ul li.menu-item-has-children > a::before {
		position: absolute;
		content: "";
		background: url(images/arrow-right.svg);
		background-repeat: no-repeat;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 15px;
		width: 11px;
		height: 10px;
		vertical-align: inherit;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
		filter: brightness(100%) invert(100%);
	}
	.dropdown-megamenu {
		position: static
	}
	li.dropdown-megamenu:hover > .dropdown-position-list {
		visibility: visible;
		opacity: 1;
		top: 100%;
	}
	#primary-menu ul li.dropdown-megamenu ul{
		position: relative;
		opacity: 1;
		visibility: visible;
	}
	li.dropdown-megamenu  > .dropdown-position-list {
		position: absolute;
		top: 120%;
		left: 50%;
		z-index: 2;
		width: 1180px;
		padding: 20px;
		background: var(--white);
		-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		visibility: hidden;
		opacity: 0;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
		display: flex;
	}
	.dropdown-item.active, .dropdown-item:active{
		color: var(--primary);
		background: var(--white);
	}
	li.dropdown-megamenu:hover > .dropdown-position-list a:hover, li.dropdown-megamenu:hover > .dropdown-position-list a.active{
		color: var(--green);
		background: var(--chalk);
	}
	li.dropdown-megamenu  > .dropdown-position-list .dropdown-position-list{
		position:relative !important;
		top: 0 !important;
		box-shadow: none;
		left: 0 !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	li.dropdown-megamenu  > .dropdown-position-list > li > .dropdown-item{
		margin-bottom:20px;
		font-weight: bold;
	}
	li.dropdown-megamenu  > .dropdown-position-list > li > .dropdown-item::before{
		content: '' !important;
	}
	.megamenu-scroll {
		height: 380px;
		overflow-y: scroll
	}
	.megamenu-wrap {
		margin-bottom: 30px
	}
	.megamenu-title {
		padding-bottom: 18px;
		margin-bottom: 20px;
		position: relative;
		text-transform: capitalize;
		border-bottom: 1px solid var(--border)
	}
	.megamenu-title::before {
		position: absolute;
		content: "";
		bottom: -2px;
		left: 0px;
		width: 50px;
		height: 2px;
		background: var(--primary)
	}
	.megamenu-list {
		border-left: 1px solid var(--border)
	}
	.megamenu-list li a {
		width: 100%;
		border-radius: 5px;
		padding: 5px 0px 5px 25px;
		color: var(--text);
		white-space: nowrap;
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.megamenu-list li a:hover {
		color: var(--primary);
		background: var(--chalk)
	}
	.megamenu-promo a img {
		width: 100%;
		border-radius: 3px
	}
	
	@media (max-width: 1199px) {
	.megamenu {
		width: 100%
	}
	}
	#mobile-menu .nav-link{
		margin-bottom: 2px;
	}
	#mobile-menu > li > ul{
		margin:0;
		padding: 0;
	}
	#mobile-menu li.current-menu-item .nav-link, #mobile-menu .current-menu-ancestor > a {
		background: var(--chalk);
	}
	#mobile-menu li.current-menu-item > a{
		font-weight: bold;
	}
	#mobile-menu > li > ul ul {
		display: block !important;
	}
	#mobile-menu .current-menu-ancestor > ul{
		display: block;
	}
	.form-title {
		text-align: center;
		margin-bottom: 20px
	}
	.form-title h3 {
		text-transform: capitalize
	}
	.form-group {
		margin-bottom: 20px
	}
	.form-group small {
		color: var(--gray);
		letter-spacing: 0.3px;
		padding: 0px 0px 0px 20px
	}
	.form-group textarea {
		height: 150px;
		padding: 12px 20px
	}
	.form-label {
		font-weight: 500;
		margin: 0px 0px 7px 3px;
		white-space: nowrap;
		text-transform: capitalize
	}
	.form-control, textarea {
		width: 100%;
		border-radius: 8px;
		padding: 12px 20px;
		color: var(--text);
		background: var(--white);
		border: 1px solid var(--text)
	}
	.form-control:focus-within, textarea:focus {
	background:var(--chalk);
	border-color:var(--primary);
	-webkit-box-shadow:none;
	box-shadow:none;
	outline:0
	}
	textarea{
		min-height: 100px;
	}
	.form-control[type=file]::-webkit-file-upload-button, .form-control[type=file]::file-selector-button {
	height:50px;	
	color:var(--dark)
	}
	.form-control[type=file]::-webkit-file-upload-button:hover, .form-control[type=file]::file-selector-button:hover {
		
	}
	.form-control[type=file]::-webkit-file-upload-button:focus, .form-control[type=file]::file-selector-button:focus {
	
	}
	input[type=file]{
		padding: 6px 11px;
	}
	.form-select {
		height: auto;
		font-size: 15px;
		padding: 15px 20px;
		letter-spacing: 0.3px;
		background-size: 12px 10px;
		text-transform: capitalize;
		color: var(--text);
		cursor: pointer;
		border-radius: 8px;
		padding-right: 25px;
		background-color: var(--white);
		border-color: var(--text);
	}
	select.gt_selector {
		--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
		display: block;
		width: auto;
		padding: 0.375rem 2.25rem 0.375rem 0.75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1;
		color: var(--bs-body-color);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: var(--bs-body-bg);
		background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
		background-repeat: no-repeat;
		background-position: right 0.75rem center;
		background-size: 16px 12px;
		border: var(--bs-border-width) solid var(--bs-border-color);
		border-radius: var(--bs-border-radius);
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	  }
		select.gt_selector option {
		  color: var(--dark);
		}
		select.gt_selector option:checked {
/* 		  color: var(--white);
			background: var(--dark); */
		}
	  @media (prefers-reduced-motion: reduce) {
		select.gt_selector {
		  transition: none;
		}
	  }
	  select.gt_selector:focus {
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	  }
	  select.gt_selector[multiple], select.gt_selector[size]:not([size="1"]) {
		padding-right: 0.75rem;
		background-image: none;
	  }
	  select.gt_selector:disabled {
		background-color: var(--bs-secondary-bg);
	  }
	  select.gt_selector:-moz-focusring {
		color: transparent;
		text-shadow: 0 0 0 var(--bs-body-color);
	  }
	.form-select:focus-within {
	-webkit-box-shadow:none;
	box-shadow:none;
	border-color:var(--primary)
	}
	.form-check-input:focus {
		border-color: var(--primary);
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.form-check-input:checked {
		background-color: var(--primary);
		border-color: var(--primary)
	}
	.form-btn {
		width: 100%;
		height: 45px;
		font-size: 14px;
		font-weight: 400;
		line-height: 45px;
		border-radius: 6px;
		letter-spacing: 0.5px;
		text-align: center;
		text-transform: uppercase;
		color: var(--white);
		background: var(--primary)
	}
	.form-input-group {
		position: relative
	}
	.form-input-group:focus-within i {
		color:var(--primary)
	}
	.form-input-group i {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 45px;
		height: 45px;
		font-size: 18px;
		line-height: 45px;
		border-radius: 50%;
		text-align: center
	}
	.form-btn-group {
		width: 100%;
		height: 45px;
		font-size: 14px;
		font-weight: 500;
		line-height: 45px;
		border-radius: 6px;
		letter-spacing: 0.5px;
		text-align: center;
		text-transform: uppercase;
		color: var(--white);
		background: var(--primary)
	}
	.form-btn-group i {
		font-size: 15px;
		margin-right: 5px;
		display: inline-block
	}
	.nav-tabs {
		border: none;
		padding: 18px 25px;
		border-radius: 8px;
		margin-bottom: 25px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: var(--white)
	}
	.nav-tabs li {
		padding: 0px 30px;
		border-right: 1px solid var(--border)
	}
	.nav-tabs li:last-child {
		border: none
	}
	.tab-link {
		font-size: 15px;
		font-weight: 500;
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.tab-link:hover {
		color: var(--primary)
	}
	.tab-link i {
		font-size: 18px;
		margin-right: 3px
	}
	.tab-link.active {
		color: var(--primary)
	}
	.tab-pane {
		display: none;
		padding: 0px
	}
	.tab-pane.active {
		display: block
	}
	
	@media (max-width: 575px) {
	.nav-tabs {
		/*-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column*/
	}
	.nav-tabs li {
		padding: 5px;
		border: none
	}
	}
	
	@media (min-width: 576px) and (max-width: 767px) {
	.nav-tabs {
		padding: 25px 10px
	}
	.nav-tabs li {
		padding: 0px 20px
	}
	}
	.pagination {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.nav-links ul.page-numbers{
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.nav-links ul.page-numbers li {
		margin-left: 10px
	}
	.nav-links ul.page-numbers li:first-child .page-link, .nav-links ul.page-numbers li:last-child .page-link {
		border-radius: 5px;
	}
	.nav-links ul.page-numbers li .page-numbers.current {
		color: var(--white);
		background: var(--primary)
	}
	.nav-links ul.page-numbers li .page-numbers {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border-radius: 5px;
		font-weight: 400;
		border: none;
		padding: 0px;
		color: var(--text);
		background: var(--chalk);
		display: block;
	}
	.nav-links ul.page-numbers li .page-numbers:hover {
		color: var(--white);
		background: var(--primary)
	}
	.nav-links ul.page-numbers li .page-numbers:focus {
		-webkit-box-shadow: none;
		box-shadow: none
	}
	
	@media (max-width: 991px) {
	.nav-links ul.page-numbers li .page-numbers {
		width: 35px;
		height: 35px;
		line-height: 35px
	}
	.homeslider .shape-3{
		right: 0;
	}
	}
	
	@media (max-width: 767px) {
	.nav-links ul.page-numbers li {
		margin: 0px 3px
	}
		.account-title{
			flex-wrap:wrap;
		}
		.account-title .btn-xs, .account-title h6{
			margin-bottom:5px;
		}	
	}
	.slider-arrow:hover .dandik, .slider-arrow:hover .bamdik {
		visibility: visible;
		opacity: 1
	}
	.dandik, .bamdik {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 20px;
		width: 45px;
		height: 45px;
		text-align: center;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: var(--primary);
		background: var(--white);
		visibility: hidden;
		opacity: 0;
		cursor: pointer;
		z-index: 1;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.dandik:hover, .bamdik:hover {
		color: var(--white);
		background: var(--primary)
	}
	.dandik {
		left: -10px
	}
	.bamdik {
		right: -10px
	}
	.slider-dots ul {
		position: absolute;
		bottom: 20px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.slider-dots ul li {
		width: 9px;
		height: 9px;
		margin: 0px 5px;
		border-radius: 30px;
		cursor: pointer;
		display: inline-block;
		background: var(--primary);
		-webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.slider-dots ul li button {
		display: none
	}
	.slider-dots ul li.slick-active {
		width: 25px;
		background: var(--primary);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	
	@media (max-width: 575px) {
	.slider-dots ul {
		bottom: 10px
	}
	.slider-dots ul li {
		margin: 0px 6px
	}
	}
	
	@media (min-width: 576px) and (max-width: 767px) {
	.slider-dots ul {
		bottom: 20px
	}
	.slider-dots ul li {
		margin: 0px 6px
	}
	}
	.
	.table-list {
		width: 100%
	}
	.table{
		
	}
	thead tr {
		background: var(--primary);
	}
	thead tr th {
		font-size: 15px;
		font-weight: bold;
		white-space: nowrap;
		text-transform: capitalize;
		padding: 12px 10px;
		border-right: 1px solid var(--border);
		color: var(--white);
	}
	
	tbody tr {
		border-bottom: 1px solid var(--border)
	}
	tbody tr td {
		padding: 12px 20px;
		border-right: 1px solid var(--border);
		vertical-align: middle;
	}
	
	.modal-fullscreen .modal-body{
		background: var(--chalk);
	}
	.modal-fullscreen .modal-header{
		background: var(--chalk);
	}
	.modal-content {
		border: none;
		background: none;
		border-radius: 0px
	}
	.modal-close {
		position: absolute;
		top: -15px;
		right: -15px;
		z-index: 1;
		width: 35px;
		height: 35px;
		font-size: 18px;
		line-height: 35px;
		border-radius: 50%;
		text-align: center;
		display: inline-block;
		background: var(--white);
		-webkit-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.2);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.modal-close:hover {
		color: var(--white);
		background: var(--primary)
	}
	#searchModal .btn-close{
		width: auto;
		height: auto;
		padding: 15px;
	}
	#searchModal .btn{
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 15px 20px;
	}
	#searchModal .form-control{
		border-color: var(--primary);
	}
	.modal-form {
		width: 400px;
		padding: 30px;
		border-radius: 8px;
		background: var(--white)
	}
	
	@media (max-width: 400px) {
	.modal-form, .modal-dialog {
		width: 100%;
		max-width: inherit
	}
	}
	
	@media (max-width: 1100px) {
	.modal-dialog {
		margin: 0px auto;
	}
	.modal-close {
		right: 50%;
		top: -45px;
		-webkit-transform: translateX(50%);
		transform: translateX(50%)
	}
	}
	.nav-pills .nav-link {
		font-weight: bold;
		list-style: decimal;
		font-size: 20px;
		border-bottom: 2px solid transparent;
		border-radius: 0;
	}
	.nav-pills .nav-link.active {
		color: var(--primary);
		background: transparent;
		border-color: var(--primary);
	}
	
	@media (max-width: 991px) {
	.nav {
		margin-bottom: 30px
	}
	}
	.countdown {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.countdown-time {
		padding: 0px 30px;
		position: relative;
		color: var(--heading);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.countdown-time::before {
		position: absolute;
		content: ":";
		top: 28%;
		right: -3px;
		font-size: 25px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: var(--heading)
	}
	.countdown-time:last-child::before {
		display: none
	}
	.countdown-time span {
		display: block;
		font-size: 40px;
		font-weight: 700;
		line-height: 40px;
		color: var(--primary)
	}
	.countdown-time small {
		font-size: 18px;
		font-weight: 500;
		text-transform: capitalize
	}
	
	@media (max-width: 575px) {
	.countdown-time {
		padding: 0px 12px
	}
	.countdown-time:first-child {
		padding-left: 0px
	}
	.countdown-time:last-child {
		padding-right: 0px
	}
	.countdown-time span {
		font-size: 35px
	}
	.countdown-time small {
		font-size: 16px
	}
	}
	.text-white .feature-rating i, .text-white .feature-rating a {
		color: var(--white);
	}
	.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{
		color: var(--white);
	}
	.sub-title{
		color: var(--text);
	}
	.about-section{
		overflow: hidden;
	}
	.about-section ul{
		margin-bottom: 30px;
		font-weight: 400;
	}
	.about-section ul li{
		position: relative;
		padding-left: 30px;
		margin-bottom: 10px;
	}
	.about-section ul li::before{
		content: "";
		position: absolute;
		background-image: url(images/check.svg);
		width: 22px;
		height: 22px;
		background-size: 100%;
		left: 0;
		top: 7px;
		color: var(--green);
	}
	.about-section.style-2 .row{
		background: var(--chalk);
	}
	.about-section.style-2 .row [class*="col-lg"]{
		padding: 0;
	}
	.about-section.style-2 .about-box{
		padding: 40px;
	}
	.about-section.style-2 img{
		height: 100%;
		min-height: 500px;
		object-fit: cover;
	}
	.about-section.style-3 .about-content{
		position: relative;
		z-index: 1;
	}
	.about-section.style-3 .about-content:after {
		content: "";
		position: absolute;
		height: 100vw;
		transform: translateY(-50%);
		top: 50%;
		bottom: 0;
		z-index: -1;
		right: 0;
		background: var(--white);
		width: 50vw;
	}
	.about-two-image {
		max-width: 550px;
		position: relative;
	}
	.about-two-image img {
		width: 67%;
		border-radius: 5px;
	}
	.about-two-image img:last-child {
		margin: -33% 0 0 33%;
	}
	
	.testimonial-card {
		padding: 50px 50px 0px;
		margin: 0px 15px 30px;
		text-align: center;
		border-radius: 8px;
		background: var(--primary)
	}
	.testimonial-card i {
		font-size: 45px;
		margin-bottom: 20px;
		color: var(--white);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.testimonial-card p {
		font-size: 22px;
		line-height: 32px;
		margin-bottom: 25px;
		font-style: italic;
		color: var(--white);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.testimonial-card h5 {
		color: var(--white);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.testimonial-card ul {
		font-size: 14px;
		color: var(--yellow);
		margin-bottom: 13px
	}
	.testimonial-card img {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		margin-bottom: -35px;
		display: inline-block;
		border: 5px solid var(--body)
	}
	.testimonial-thumb{
		margin-right: 20px;
	}
	.testimonial-thumb img {
		width: 200px;
		min-width: 200px;
		height: 280px;
		object-fit: cover;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		background: var(--white);
	}
	
	.testimonial-item {
		padding: 40px;
		margin: 15px;
		border-radius: 5px;
	}
	
	@media (max-width: 575px) {
	.testimonial-card {
		margin: 0px 0px 30px;
		padding: 25px 25px 0px
	}
	.testimonial-card p {
		font-size: 18px;
		line-height: 28px
	}
	}
	
	@media (max-width: 575px) {
	}
	.choose-card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.choose-card:hover i {
		color: var(--white);
		background: var(--primary)
	}
	.choose-icon i {
		width: 75px;
		height: 75px;
		font-size: 40px;
		line-height: 75px;
		border-radius: 50%;
		margin-right: 30px;
		text-align: center;
		display: inline-block;
		color: var(--primary);
		background: var(--white);
		text-shadow: var(--primary-tshadow);
		-webkit-box-shadow: var(--primary-bshadow);
		box-shadow: var(--primary-bshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.choose-text h4 {
		margin-bottom: 10px;
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.alignwide {
		
	}
	.alignfull {
		margin-left  : calc( -100vw / 2 + 100% / 2 );
		margin-right : calc( -100vw / 2 + 100% / 2 );
		max-width    : 100vw;
	}
	.wp-block-image img{
		height:auto;
	}
	.blog-slider .slick-list {
		margin: 0px -20px;
	}
	.blog-slider .blog-card {
		padding: 20px;
		background: var(--white);
		box-shadow: none;
	}
	.blog-card {
		margin-bottom: 0;
		border-radius: 20px;
		background: var(--white);
		border: 1px solid var(--border);
	}
	.card-footer {
		padding: 15px 30px;
		background-color: transparent;
		border-top: 1px solid #f0f0f5;
	}
	
	.blog-media {
		position: relative
	}
	.blog-media > a{
		width: 100%;
	}
	.blog-slider .blog-img{
		position: relative;
		z-index: 1;
		overflow: visible;
	}
	.blog-slider .blog-img img{
		border-radius: 20px;
	}
	.blog-slider .blog-img::before{
		content: "";
		position: absolute;
		bottom: -20px;
		right: -20px;
		width: 100%;
		border-radius: 16px;
		background-color: var(--chalk);
		top: 20px;
		transition-duration: .2s;
		z-index: -1;
	}
	.blog-slider .blog-card:hover .blog-img::before{
		bottom: -10px;
		right: -10px;
	}
	.blog-media a img{
		height:260px;
		width: 100%;
		object-fit: cover;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	.blog-calender {
		position: absolute;
		top: 20px;
		right: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 55px;
		height: 55px;
		border-radius: 6px;
		color: var(--white);
		background: rgba(0,0,0,0.6)
	}
	.blog-calender span {
		line-height: 20px
	}
	.blog-date {
		font-size: 20px;
		font-weight: 500
	}
	.blog-month {
		font-size: 14px;
		letter-spacing: 0.3px;
		text-transform: uppercase
	}
	.blog-img {
		overflow: hidden;
		width: 100%;
	}
	.blog-img img {
		width: 100%;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-content {
		padding: 20px 30px;
	}
	.blog-meta {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 15px
	}
	.blog-meta li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-right: 30px
	}
	.blog-meta li:last-child {
		margin: 0px
	}
	.blog-meta li i {
		color: var(--primary);
		margin-right: 8px;
		font-size: 14px
	}
	.blog-meta li a, .blog-meta li span {
		font-size: 14px;
		font-weight: 400;
		white-space: nowrap;
	}
	.blog-meta li a {
		color: var(--text);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-meta li a:hover {
		color: var(--primary)
	}
	.blog-title {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 15px;
		font-weight: bold;
	}
	.blog-title a {
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-title a:hover {
		color: var(--primary)
	}
	.blog-desc {
		margin-bottom: 0
	}
	.blog-grid .blog-desc p{
		margin-bottom: 0;
	}
	.sngblog p:last-child{
		margin-bottom: 0;;
	}
	.blog-btn {
		font-weight: 500;
		color: var(--dark);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
		display: flex;
		align-items: center;
	}
	.blog-btn i {
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-btn:hover {
		color: var(--primary);
		text-decoration: underline
	}
	.blog-btn:hover i {
		margin-left: 5px
	}
	
	@media (max-width: 575px) {
	.blog-meta li {
		margin-right: 25px
	}
	.blog-content {
		padding: 15px 8px 0px
	}
	}
	
	@media (min-width: 992px) and (max-width: 1199px) {
	.blog-content {
		padding: 15px 12px 0px
	}
	}
	.page-title{
		padding: 18px 30px;
		margin-bottom: 25px;
		border-radius: 8px;
		border:1px solid var(--primary);
		background: var(--primary);
		color: var(--white);
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.page-title h5{
		color: var(--white);
	}
	
	.header-top {
		padding: 5px 0px;
		/* background: var(--primary); */
		font-size: 13px;
		color: var(--white);
		position: relative;
		z-index: 11;
	}
	.header-top > .container{
		max-width: 1230px;
	}
	.header-top::before{
		/* content: "";
		position: absolute;
		right: 0;
		top: 0;
		bottom: -1px;
		width: 30%;
		background: var(--yellow);
		z-index: -1; */
	}
	.header-top-welcome p {
		font-size: 14px;
		color: var(--white);
		letter-spacing: 0.3px
	}
	.header-social{
		display: flex;
		gap: 15px;
	}
	.header-social li a{
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--yellow);
		border-radius: 50%;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.header-social li a img{
		/* filter: brightness(100%) invert(100%); */
	}
	
	.header-top-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 10px;
	}
	.header-top-list li {
		margin-left: 15px;
		color: var(--white);
	}
	.header-top-list li:first-child {
		margin-left: 0;
	}
	.header-top-list li a {
		font-size: 15px;
		color: var(--white);
		letter-spacing: 0;
		font-weight: 600;
		white-space: nowrap;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
		position: relative;
		display: flex;
		align-items: center;
	}
	.header-top-list li a img{
		filter: brightness(100%) invert(100%);
		margin-right: 8px;
	}
	.header-part .btn{
		font-size: 15px;
	}
	
	@media (max-width: 767px) {
	.header-top-welcome, .header-top-list, .header-top-select, .header-top {
		display: none
	}
	.header-top-select {
		width: 270px;
		margin: 0px auto
	}
		.page-title{
			flex-direction:column;
		}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
	.header-top-welcome {
		text-align: center;
		margin-bottom: 10px
	}
	}
	.header-part {
		background:transparent;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
	}
	body.home .header-part{
		/* border-bottom: 1px solid var(--border); */
	}
	body.admin-bar .header-part.active{
		top:32px;
	}
	.header-part.active {
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 3333;
		background: var(--white);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
		box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	}
	
	.header-part.active .header-widget:hover i {
		background: var(--white)
	}
	.header-part.active .header-widget sup {
		border-color: var(--white)
	}
	.header-part.active .header-form {
		background: var(--white);
		border-color: var(--primary)
	}
	.header-content {
		padding: 10px 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: space-between;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
		border-radius: 50px;
		/* background: rgba(249,231,43,0.8); */
		background: rgba(255,255,255,1);
		backdrop-filter: blur(8px);
	}
	.header-part.active .header-content{
		background: transparent;
	}
	.header-logo {
		margin-right: 10px
	}
	.header-logo img {
		width: auto;
		height: 55px;
		max-width: 220px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-widget-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.header-widget-group .header-widget {
		margin-left: 20px;
		cursor: pointer;
	}
	.header-widget-group .header-widget:first-child {
		margin-left: 0px
	}
	.header-widget {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.dropdown-menu{
		z-index: 5002;
	}
	.dropdown:hover>.dropdown-menu {
	  display: block;
	}
	.dropdown-menu li{
		margin-left:0;
	}
	.dropdown-menu li a, .dropdown-menu li a:hover{
		color: var(--dark);
	}
	.dropdown>.dropdown-toggle:active {
		pointer-events: none;
	}
	.menu-icon{
		cursor:pointer;
	}
	.header-widget:hover i {
		color: var(--primary);
	}
	.header-widget:hover span {
		color: var(--primary)
	}
	.header-widget img {
		width: 40px;
		height: 40px;
		border-radius: 50%
	}
	.header-widget i {
		width: 40px;
		height: 40px;
		font-size: 15px;
		line-height: 40px;
		text-align: center;
		display: inline-block;
		border-radius: 50%;
		color: var(--dark);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-widget span {
		font-size: 15px;
		font-weight: 400;
		margin-left: 8px;
		letter-spacing: 0.3px;
		white-space: nowrap;
		text-align: left;
		text-transform: capitalize;
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-widget span small {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
		font-family: sans-serif;
		display: block
	}
	.header-widget sup {
		position: absolute;
		top: 0;
		left: 20px;
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 20px;
		border-radius: 50%;
		text-align: center;
		color: var(--white);
	}
	.header-cart span {
		font-size: 12px;
		margin-left: 15px;
		line-height: 20px;
		text-transform: uppercase
	}
	.header-form {
		width: 100%;
		margin: 0px;
		border-radius: 5px;
		background: var(--white);
		border: 1px solid var(--white);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-form:focus-within {
	background:var(--white);
	border-color:var(--white)
	}
	.header-form input {
		width: 100%;
		height: 35px;
		font-size: 15px;
		padding-left: 15px
	}
	.header-form button {
		height: 35px;
		font-size: 13px;
		padding: 0 15px;
		text-align: center;
		border-radius: 5px;
		border:0;
		color: var(--white);
		display: inline-block;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-form button:hover {
		color: var(--primary)
	}
	.header-media-group {
		display: none;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.header-media-group a img {
		width: auto;
		height: auto;
		max-width: 240px;
		height: 50px;
	}
	.header-user img, .header-src img {
		width: 40px;
		height: 40px;
		padding: 5px;
	}
	.header-user i, .header-src i {
		width: 40px;
		height: 40px;
		font-size: 18px;
		line-height: 40px;
		text-align: center;
		display: inline-block;
		border-radius: 50%;
		color: var(--dark);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.header-user i:hover, .header-src i:hover {
		color: var(--primary);
	}
	
	@media (max-width: 991px) {
		.homeslider, .single-banner{
			margin-top: -70px;
		}
		.header-part{
			top: 5px;
		}
		.header-content {
			padding: 5px 20px;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			
		}
		.header-media-group {
			width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex
		}
		.header-widget-group, .header-widget, .header-logo, .header-top, .header-top-select, .header-user-part {
			display: none
		}
		.header-form {
			display: none;
			margin: 10px 0px 0px
		}
		.header-form.active {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex
		}
		.about-section.style-3 .about-content:after {
			width: 100vw;
			margin-top: -40px;
			margin-bottom: 0;
			transform: translateX(50%);
			right: 50%;
			top: 0;
			height: auto;
		}
	}
	
	@media (min-width: 992px) and (max-width: 1199px) {
	.header-widget span {
		display: none
	}
	}
	.navbar-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.navbar-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		gap: 15px;
	}
	.navbar-item {
		
	}
	.dropdown-position-list .navbar-item{
		margin-right: 0;
	}
	.navbar-item:last-child {
		margin-right: 0px
	}
	.navbar-link {
		padding: 22px 0px;
		font-weight: 600;
		font-size: 17px;
		color: var(--dark);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.navbar-link:hover, .navbar-link.active {
		color: var(--primary)
	}
	.navbar-focus-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
	.navbar-focus-list li {
		margin-left: 30px
	}
	.navbar-focus-list li:first-child {
		margin-left: 0px
	}
	.navbar-focus-list li a {
		font-weight: 500;
		color: var(--text);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.navbar-focus-list li a:hover {
		color: var(--primary)
	}
	.navbar-focus-list li a i {
		font-size: 18px;
		margin-right: 5px
	}
	.navbar-info-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.navbar-info {
		margin-right: 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-info:last-child {
		margin-right: 0px
	}
	.navbar-info i {
		font-size: 30px;
		margin-right: 15px;
		color: var(--primary)
	}
	.navbar-info svg{
		width: 30px;
		height: 30px;
		margin-right: 15px;
	}
	.navbar-info svg path{
		fill: var(--primary);
	}
	.navbar-info p{
		line-height: 20px;
	}
	.navbar-info p small {
		font-size: 14px;
		line-height: 16px;
		display: block;
		text-align: left;
		text-transform: capitalize;
		color: var(--text);
	}
	.navbar-info p span {
		font-size: 18px;
		font-weight: bold;
		color: var(--dark);
	}
	
	@media (max-width: 991px) {
	.navbar-part {
		display: none
	}
	}
	
	@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-list li {
		margin-right: 18px
	}
	.navbar-link {
		font-size: 15px
	}
	.navbar-info {
		margin-right: 15px
	}
	.navbar-info p span {
		font-size: 14px
	}
	.navbar-info i {
		margin-right: 10px
	}
	}
	.nav-sidebar {
		position: fixed;
		top: 0px;
		left: -420px;
		width: 320px;
		height: 100vh;
		padding: 0px;
		z-index: 5003;
		background: var(--yellow);
		color: var(--dark);
		-webkit-box-shadow: 15px 0px 25px 0px rgba(0,0,0,0.15);
		box-shadow: 15px 0px 25px 0px rgba(0,0,0,0.15);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.nav-sidebar .nice-select .option{
		color: var(--dark) !important;
	}
	.nav-sidebar.active {
		left: 0px
	}
	#toogle-menu{
		display: none;
	}
	#toogle-menu:checked ~ .nav-sidebar{
		left: 0px
	}
	.nav-header {
		padding: 10px 20px;
		position: relative;
		text-align: left;
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}
	.nav-header a img {
		width: auto;
		height: 60px
	}
	.nav-close {
		position: absolute;
		top: 50%;
		right: 10px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background: var(--white);
		border-radius: 50%;
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.nav-close i {
		width: 35px;
		height: 35px;
		font-size: 18px;
		line-height: 35px;
		border-radius: 50%;
		text-align: center;
		display: inline-block;
		color: var(--text);
		background: var(--white);
		text-shadow: var(--primary-tshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.nav-close i:hover {
		color: var(--white);
		background: var(--primary)
	}
	.nav-content {
		padding: 0px 15px;
		overflow-y: scroll;
		max-height: calc(100vh - 100px)
	}
	.nav-btn {
		width: 100%;
		padding: 50px 0px;
		margin-bottom: 20px;
		text-align: center;
		background: var(--chalk)
	}
	.nav-btn .btn {
		font-size: 14px;
		padding: 12px 28px;
		letter-spacing: 0.3px
	}
	.nav-btn .btn i {
		font-size: 14px
	}
	.nav-profile {
		width: 100%;
		text-align: center;
		padding: 18px 0px 0px
	}
	.nav-user {
		margin-bottom: 10px;
		border-radius: 50%;
		border: 2px solid var(--primary)
	}
	.nav-user img {
		width: 85px;
		height: 85px;
		border-radius: 50%;
		border: 2px solid var(--white)
	}
	.nav-name {
		margin-bottom: 18px;
		text-transform: capitalize
	}
	.nav-name a {
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.nav-name a:hover {
		color: var(--primary)
	}
	.nav-select-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 18px 0;
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	.nav-select {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-right: 18px;
		padding-right: 18px;
		line-height: 20px;
		border-right: 1px solid var(--gray-chalk)
	}
	.nav-select:last-child {
		padding: 0px;
		margin: 0px;
		border: none
	}
	.nav-select i {
		margin-right: 5px
	}
	.nav-list {
		width: 100%
	}
	.nav-list li {
		width: 100%
	}
	.nav-link {
		width: 100%;
		font-weight: 500;
		padding: 10px 12px;
		font-weight: 600;
		border-radius: 8px;
		color: var(--dark);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.nav-link:hover {
		color: var(--text);
	}
	.nav-sidebar .nav-link:hover {
		background: var(--chalk);
	}
	.nav-link::before {
		right: 15px
	}
	.nav-link i {
		font-size: 20px;
		margin-right: 0
	}
	.nav-link.active {
		color: var(--primary);
	}
	.nav-info-group {
		padding: 20px 0px;
		margin-top: 15px;
		margin-bottom: 25px;
		border-top: 1px solid var(--text);
		border-bottom: 1px solid var(--text);
		color: var(--dark);
	}
	.nav-info-group ul{
		margin-bottom:15px;
	}
	.nav-info-group ul li{
		padding:3px 0;
	}
	.nav-info-group .btn{
		display: block;
		padding: 5px 20px;
		border:0;
		margin: 10px 0;
	}
	.nav-info {
		margin-bottom: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.nav-info:last-child {
		margin-bottom: 0px
	}
	.nav-info i {
		font-size: 30px;
		margin-right: 15px;
		color: var(--primary)
	}
	.nav-info p small {
		font-size: 14px;
		line-height: 18px;
		display: block;
		text-align: left;
		text-transform: capitalize
	}
	.nav-info p span {
		font-size: 16px;
		font-weight: 500
	}
	.nav-info a {
		color: var(--dark);
	}
	.nav-footer {
		text-align: center
	}
	.nav-footer p {
		font-size: 14px;
		color: var(--gray)
	}
	.nav-footer p a {
		color: var(--primary)
	}
	.sidebar-sticky {
		position: sticky;
		top: 110px;
	}
	body.admin-bar .sidebar-sticky {
		top: 135px;
	}
	.footer{
		background: var(--blue);
		color: var(--white);
		font-weight: 300;
		position: relative;
		z-index: 1;
		font-size: 16px;
		padding-top: 50px;
	}
	.footer a{
		color: var(--white);
	}
	/* .footer::before{
		background: url(images/footer-bg-1.png);
		position: absolute;
		content: '';
		bottom: 0;
		top: 0;
		width: 100%;
		z-index: -1;
	} */
	.footer h4, .footer h3{
		font-size: 18px;
		color: var(--white);
		margin-bottom: 20px;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 500;
	}
	.footer .widget_nav_menu{
	
	}
	.footer .widget_nav_menu ul li a, .footer-widget.widget_recent_entries ul li a{
		color: var(--white);
		position: relative;
		display: flex;
		margin: 0 0 8px 0px;
		padding-left: 15px;
	}
	.footer .widget_nav_menu ul li a::before, .footer-widget.widget_recent_entries ul li a::before{
		position: absolute;
		left: 0;
		top: 50%;
		content: "";
		width: 6px;
		height: 6px;
		border-radius: 100px;
		background: var(--white);
		transform: translateY(-50%);
	}
	.category-sidebar {
		position: fixed;
		top: 0px;
		left: -320px;
		width: 280px;
		height: 100vh;
		z-index: 5;
		background: var(--dark);
		-webkit-box-shadow: 15px 0px 25px 0px rgba(0,0,0,0.15);
		box-shadow: 15px 0px 25px 0px rgba(0,0,0,0.15);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.category-sidebar.active {
		left: 0px
	}
	.category-header {
		padding: 15px 18px;
		position: relative;
		border-bottom: 1px solid var(--border);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.category-title {
		color: var(--primary);
		text-transform: capitalize;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.category-title i {
		margin-right: 8px
	}
	.category-close {
		position: absolute;
		top: 50%;
		right: -18px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.category-close i {
		width: 35px;
		height: 35px;
		font-size: 18px;
		line-height: 35px;
		border-radius: 50%;
		text-align: center;
		display: inline-block;
		color: var(--text);
		background: var(--white);
		text-shadow: var(--primary-tshadow);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.category-close i:hover {
		color: var(--white);
		background: var(--primary)
	}
	.category-list {
		width: 100%;
		padding: 0px 15px;
		overflow-y: scroll;
		height: calc(100vh - 130px)
	}
	.category-item {
		width: 100%;
		border-bottom: 1px solid var(--border)
	}
	.category-link {
		font-size: 16px;
		font-weight: 400;
		padding: 12px 15px;
		color: var(--text);
		text-transform: capitalize;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.category-link i {
		font-size: 25px;
		margin-right: 15px;
		display: inline-block
	}
	.category-footer {
		text-align: center;
		margin-top: 20px
	}
	.category-footer p {
		font-size: 14px;
		color: var(--gray)
	}
	.category-footer p a {
		color: var(--primary)
	}
	.mobile-menu {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		z-index: 5001;
		background: var(--white);
		border-radius: 10px 10px 0px 0px;
		-webkit-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.1);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		display: none
	}
	.mobile-menu a, .mobile-menu button, .mobile-menu label.header-cart {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 80px;
		padding: 8px 0px;
		border-radius: 8px;
		position: relative
	}
	.mobile-menu a.header-cart span, .mobile-menu label.header-cart span{
		margin-left: 0;
	}
	.mobile-menu a:hover, .mobile-menu button:hover, .mobile-menu label.header-cart:hover {
		background: var(--chalk)
	}
	.mobile-menu a:hover i, .mobile-menu button:hover i, .mobile-menu label.header-cart:hover i {
		color: var(--primary)
	}
	.mobile-menu a:hover span, .mobile-menu button:hover span, .mobile-menu label.header-cart:hover span {
		color: var(--primary)
	}
	.mobile-menu a i, .mobile-menu button i, .mobile-menu label.header-cart i {
		font-size: 15px;
		margin-bottom: 5px;
		color: var(--text);
		text-shadow: 2px 3px 8px rgba(0,0,0,0.1)
	}
	.mobile-menu a span, .mobile-menu button span, .mobile-menu label.header-cart span {
		font-size: 10px;
		line-height: 12px;
		color: var(--text);
		text-transform: uppercase
	}
	.mobile-menu a sup, .mobile-menu button sup, .mobile-menu label.header-cart sup {
		position: absolute;
		top: -5px;
		left: 75%;
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 20px;
		border-radius: 50%;
		text-align: center;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		color: var(--white);
		background: var(--primary);
		border: 2px solid var(--green-chalk);
		text-shadow: var(--primary-tshadow)
	}
	.mobile-menu a .fas fa-shopping-basket, .mobile-menu button .fas fa-shopping-basket {
		font-size: 18px
	}
	
	@media (max-width: 991px) {
	.mobile-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	}
	
	.countdown-part {
		padding: 80px 0px;
		background: -webkit-gradient(linear, right top, left top, from(#c3ffda), to(#a1f3c0));
		background: linear-gradient(to left, #c3ffda, #a1f3c0)
	}
	.countdown-content {
		text-align: center
	}
	.countdown-content h3 {
		font-size: 40px;
		font-weight: 700;
		line-height: 48px;
		text-transform: uppercase;
		margin-bottom: 12px
	}
	.countdown-content p {
		margin-bottom: 38px
	}
	.countdown-clock {
		margin-bottom: 45px
	}
	.countdown-img {
		position: relative
	}
	.countdown-img img {
		width: 100%
	}
	.countdown-off {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		padding: 35px 30px 30px;
		background: var(--red);
		position: absolute;
		top: 0px;
		left: 0px
	}
	.countdown-off span {
		display: block;
		text-transform: uppercase;
		font-size: 30px;
		font-weight: 500;
		letter-spacing: 0.5px;
		color: var(--white)
	}
	
	@media (max-width: 767px) {
	.countdown-part {
		padding: 60px 0px
	}
	.countdown-img {
		margin-top: 30px
	}
	}
	.news-part {
		background-size: cover !important;
		padding: 70px 0px;
		position: relative;
		z-index: 1
	}
	.news-part::before {
		position: absolute;
		content: "";
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: -webkit-gradient(linear, left top, right top, from(rgba(6,23,56,0.8)), to(rgba(17,151,68,0.8)));
		background: linear-gradient(to right, rgba(6,23,56,0.8), rgba(17,151,68,0.8));
		z-index: -1
	}
	.news-text h2 {
		font-size: 35px;
		color: var(--white);
		margin-bottom: 5px
	}
	.news-text p {
		font-size: 18px;
		font-weight: 300;
		color: var(--white)
	}
	.news-form {
		width: 100%;
		padding: 6px;
		border-radius: 8px;
		background: var(--white);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.news-form input {
		width: 100%;
		height: 50px;
		padding: 0px 20px;
		line-height: 50px
	}
	.news-form button span {
		width: 180px;
		font-size: 14px;
		font-weight: 500;
		padding: 12px 0px;
		border-radius: 8px;
		text-align: center;
		display: inline-block;
		text-transform: uppercase;
		color: var(--white);
		background: var(--primary)
	}
	.news-form button span i {
		margin-right: 5px
	}
	
	@media (max-width: 575px) {
	.news-form {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	}
	
	@media (max-width: 767px) {
	.news-text {
		margin-bottom: 30px
	}
	}
	
	@media (max-width: 991px) {
	.news-part {
		padding: 50px 30px 60px
	}
	.news-part .container-fluid {
		padding: 0px
	}
	}
	.intro-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		align-items: center;
	}
	.testimonial-desc .intro-quote{
		transform: rotate(180deg);
	}
	.testimonial-desc .intro-quote i {
		font-size: 72px;
		color: var(--blue);
		opacity: 0.5;
	}
	.text-white .testimonial-desc .intro-quote i{
		color: var(--white);
		opacity: 1;
	}
	.testimonial-slider .dandik {
		right: 70px;
		left: auto;
	}
	.testimonial-slider .bamdik {
		right: 10px;
	}
	.testimonial-slider .dandik, .testimonial-slider .bamdik {
		opacity: 1;
		visibility: visible;
		top: auto;
		bottom: -20px;
	}
	.intro-icon {
		margin-right: 0;
	}
	.intro-icon img {
		width:100px;
		min-width:100px;
		height: 100px;
		font-size: 18px;
		border-radius: 50%;
		text-align: center;
		display: inline-block;
		color: var(--primary);
		background: var(--white);
		border: 6px solid var(--border);
	}
	.testimonial-slider .slick-list {
		margin: 0 -15px;
	}
	.testimonial-item{
		padding: 40px;
		margin: 15px;
	}
	.testimonial-slider .testimonial-item {
		padding: 0px 20px;
		margin: 0;
	}
	.testimonial-quote{
		position: absolute;
		bottom: 20px;
		left: 0;
	}
	.testimonial-slider .testimonial-item .intro-wrap {
		margin-bottom: 20px;
	}		
	.testimonial-quote i {
		font-size: 110px;
		opacity: 0.2;
		transform: rotate(180deg);
		display: inline-block;
		color: var(--primary);
	}
	.intro-part{
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		margin-bottom: 50px;
	}
	.intro-content h5 {
		font-size: 17px;
		margin-bottom: 8px;
	}
	.intro-content p {
		font-size: 15px;
		line-height: 22px
	}
	
	@media (max-width: 767px) {
	.intro-part {
		padding: 30px 0px;
	}
	.intro-wrap {
		margin-bottom: 30px
	}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
	.intro-part {
		padding: 80px 0px 50px
	}
	.intro-wrap {
		margin-bottom: 30px
	}
	}
	.footer-part {
		padding-top: 80px;
		background: var(--dark);
		color: var(--white);
	}
	.footer-widget {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 100%;
		grid-template-columns: 100%
	}
	.footer-logo {
		margin-bottom: 25px
	}
	.footer-logo img {
		width: 180px
	}
	.footer-desc {
		margin-bottom: 30px
	}
	.footer-social{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 15px;
	}
	.footer-social li {
		display: inline-block;
	}
	.footer-social li a {
		color: var(--dark);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.footer-widget .footer-social{
		justify-content: flex-start;
	}
	.footer-widget .footer-social li{
		margin-left: 0;
		margin-right:15px;
	}
	.footer-social li a:hover {
		
	}
	.footer-social li a img{
		width: 24px;
		height: 24px;
		filter: brightness(0) invert(1);
	}
	.footer-title {
		margin-bottom: 25px;
		letter-spacing: -0.3px;
		text-transform: capitalize;
		color: var(--white);
	}
	.footer-widget.contact {
		margin-left: 30px
	}
	.footer-contact li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		margin-bottom: 18px
	}
	.footer-contact p {
		margin-bottom: 0;
	}
	.footer-contact li:last-child {
		margin-bottom: 0px
	}
	.footer-contact li i, .footer-contact li svg {
		font-size: 20px;
		margin-right: 15px;
		color: var(--dark);
		width: 20px;
		height: 20px;
		min-width: 20px;
		margin-top: 5px;
	}
	.footer-contact li p span {
		display: block
	}
	.footer-contact li a{
		color:var(--white);
	}
	.footer-contact li a.big{
		font-weight: bold;
		font-size: 26px;
	}
	.footer-links ul li:last-child {
		margin-bottom: 0px
	}
	.footer-links ul li a {
		color: var(--dark);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.footer-links ul li a:hover {
		color: var(--primary);
		text-decoration: underline
	}
	.footer-app {
		display: -ms-grid;
		display: grid;
		grid-gap: 10px;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr
	}
	.footer-app a img {
		width: 100%
	}
	.footer-bottom {
		padding: 20px 0 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: center;
		border-top: 1px solid rgba(255,255,255,0.3);
	}
	.footer-copytext {
		font-size: 15px;
		color: var(--white)
	}
	.footer-copytext a {
		color: var(--white)
	}
	.footer-copytext a:hover {
		text-decoration: underline
	}
	.footer-card a {
		margin-left: 10px
	}
	.footer-card a img {
		width: 50px;
		border-radius: 3px
	}
	
	@media (max-width: 768px) {
	.footer-part .container-fluid {
		padding: 0px 25px
	}
	.footer-widget.contact {
		margin-left: 0px
	}
	}
	
	@media (max-width: 1199px) {
		.footer-part {
			padding-top: 50px
		}
		.footer-widget {
			margin-bottom: 0
		}
	}
	
	@media (max-width: 767px) {
	.footer-bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
		margin-top: 0;
	}
	.footer-social{
		margin: 0;
	}
	.footer .intro-part{
		padding-bottom: 0;;
	}
	.footer-cta{
		text-align: center;
	}
	.footer-cta h3{
		margin-bottom: 15px !important;
	}
	.footer-widget {
		margin-bottom: 20px
	}
	.footer-copytext {
		margin-bottom: 10px
	}
	.footer-card a {
		margin: 0px 3px
	}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
	.footer-bottom {
		
	}
	}
	
	.footer .intro-part{
		padding-bottom: 30px;
	}
	.footer .intro-icon{
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: var(--white);
		background: var(--primary);
		border-radius: 50%;
	}
	.footer .intro-content p, .footer .intro-content h5{
		margin-bottom: 0;
	}
	.blog-widget {
		margin-bottom: 30px;
		padding: 20px;
		background: var(--chalk);
		border-radius: 20px;
		border: 1px solid var(--border);
	}
	.blog-widget:last-child {
		margin-bottom: 0px
	}
	.blog-widget h4 {
		margin-bottom: 30px;
		position: relative;
		text-transform: capitalize;
	}
	.wp-block-search__inside-wrapper {
		position: relative
	}
	.wp-block-search__inside-wrapper input {
		width: 100%;
		height: 45px;
		padding: 0px 60px 0px 15px;
		border-radius: 5px;
		background: var(--white);
		border: 1px solid var(--dark);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.wp-block-search__inside-wrapper input:focus-within {
	border-color:var(--primary)
	}
	.wp-block-search__inside-wrapper button, .wp-block-search .wp-block-search__button {
		position: absolute;
		top: 0px;
		right: 0px;
		height: 45px;
		text-align: center;
		color: var(--white);
		background: var(--primary);
		border:1px solid var(--primary);
		border-radius: 0 5px 5px 0;
	}
	.blog-widget .wp-block-search label{
		display:none;
	}
	.blog-widget .wp-block-latest-posts__list li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 25px;
		padding-bottom: 25px;
		border-bottom: 1px solid var(--border)
	}
	.blog-widget .wp-block-latest-posts__list li:last-child {
		margin: 0px;
		padding: 0px;
		border: none
	}
	.blog-widget .wp-block-latest-posts__list li img {
		width: 60px;
		min-width: 60px;
		border-radius: 8px;
		margin-right: 0;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-widget .wp-block-latest-posts__list li a{
		font-size: 16px;
		line-height: 24px;
		color: var(--dark);
		font-weight: 400;
	}
	.wp-block-latest-posts__featured-image.alignleft{
		margin-right:20px !important;
	}
	.blog-widget-text a {
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-widget-text a:hover {
		color: var(--primary)
	}
	.blog-widget-text span {
		display: block;
		margin-top: 8px;
		font-size: 13px;
		font-weight: 400;
		text-transform: uppercase
	}
	.wp-block-categories-list li, .wp-block-archives-list li {
		margin-bottom: 10px;
		padding-bottom: 10px;
		display: flex;
		justify-content: space-between;
	}
	.wp-block-categories-list li:last-child, .wp-block-archives-list li:last-child {
		margin: 0px;
		padding: 0px;
		border: none
	}
	.wp-block-categories-list li:hover a, .wp-block-archives-list li:hover a {
		color: var(--primary)
	}
	.wp-block-categories-list li:hover a span {
		background: var(--primary)
	}
	.widget_catageory a, .wp-block-categories-list li a, .wp-block-archives-list li a {
		width: 100%;
		font-size: 17px;
		color: var(--text);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 5px 15px;
		border-radius: 10px;
	}
	.widget_catageory a::after,.wp-block-categories-list li a::after, .wp-block-archives-list li a::after{
		content: "";
		right: 0;
		position: relative;
		opacity: 1;
		line-height: 1;
		width: 24px;
		min-width: 24px;
		height: 24px;
		background-image: url(images/arrow-right-short.svg);
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.widget_catageory a:hover, .wp-block-categories-list li a:hover, .wp-block-archives-list li a:hover {
		background: var(--white);
		box-shadow: 0px 4px 20px 0px rgba(30, 22, 22, 0.06);
	}
	.blog-widget-category li a span {
		font-size: 14px;
		float: right;
		width: 30px;
		height: 30px;
		line-height: 32px;
		text-align: center;
		border-radius: 50%;
		color: var(--white);
		background: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-widget-tag li {
		display: inline-block;
		margin: 0px 8px 12px 0px
	}
	.blog-widget-tag li a {
		font-size: 14px;
		padding: 5px 12px;
		border-radius: 3px;
		color: var(--text);
		background: var(--chalk);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-widget-tag li a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.blog-widget-social li {
		display: inline-block;
		margin-right: 10px
	}
	.blog-widget-social li a {
		width: 45px;
		height: 45px;
		font-size: 18px;
		line-height: 45px;
		text-align: center;
		border-radius: 3px;
		color: var(--white);
		background: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-widget-social li a:hover {
		background: var(--primary)
	}
	
	@media (max-width: 575px) {
	.blog-widget-social li {
		margin-right: 5px
	}
	.blog-widget-social li a {
		width: 40px;
		height: 40px;
		font-size: 16px;
		line-height: 40px
	}
	}
	
	@media (min-width: 992px) and (max-width: 1199px) {
	.blog-widget-media img {
		width: 95px
	}
	.blog-widget-social li {
		margin-right: 5px
	}
	.blog-widget-social li a {
		width: 40px;
		height: 40px;
		font-size: 16px;
		line-height: 40px
	}
	}
	
	@media (max-width: 991px) {
	.blog-widget {
		margin-left: 0px
	}
	}
	
	.single-banner {
		background-size: cover !important;
		padding: 190px 0px 50px 0px;
		text-align: center;
		position: relative;
		display: flex;
		align-items: center;
		background: var(--chalk);
		overflow: hidden;
		z-index: 1;
		margin-top: -135px;
		position: relative;
	}
	.single-banner-product{
		background: var(--chalk);
		color:var(--white);
		font-size: 14px;
		padding: 10px 0;
		margin-left: -34px;
		margin-right: -34px;
		margin-bottom: 20px;
	}
/* 	.single-banner-product .breadcrumb-item+.breadcrumb-item::before, .single-banner-product .breadcrumb-item a, .single-banner-product .breadcrumb .active{
		color: var(--white);
	} */
	.s-banner-left{
		text-align: left;
		justify-content: start;
	}
	.s-banner-left .breadcrumb{
		justify-content: flex-start;
	}
	.banner-sm {
		padding: 30px 0px;
	}
	.single-banner::before {
		content: "";
		position: absolute;
		z-index: -1;
		height: 100%;
		width: 100%;
		left: 0;
		bottom: 0;
		background: rgb(61,80,160);
background: -moz-linear-gradient(0deg, rgba(255,255,255,0.4) 0%, rgba(61,80,160,0.7) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.4) 0%, rgba(61,80,160, 0.7) 100%);
background: linear-gradient(0deg, rgba(255,255,255,0.4) 0%, rgba(61,80,160, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9e72b",endColorstr="#3e3f91",GradientType=1);
	}
	.single-banner h1 {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 15px;
		color: var(--dark);
		font-weight: bold;
		text-shadow: 1px 1px #fff, -1px  1px #fff, 1px -1px #fff, -1px -1px #fff,1px  1px 5px #555;
	}
	.single-banner.text-white h1{
		color: var(--white);
		text-shadow: 1px 1px #000, -1px  1px #000, 1px -1px #000, -1px -1px #000,1px  1px 5px #fff;
	}
	@media (max-width: 991px) {
		.single-banner {
			padding: 100px 0px 20px;
			min-height: auto;
			border-radius: 0;
			margin-top: -70px;
		}
	}
	
	@media (max-width: 767px) {
	.single-banner h1 {
		font-size: 24px;
		margin-bottom: 0;
		line-height: 30px;
	}
		.breadcrumb{
			display: none;
		}
		.inner-section{
			padding: 20px 0;
		}
	}
	.top-filter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 25px
	}
	.filter-short {
		width: 225px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.filter-show {
		width: 125px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.filter-label {
		font-size: 14px;
		font-weight: 500;
		margin-right: 8px;
		white-space: nowrap;
		text-transform: uppercase
	}
	.filter-select {
		height: 40px;
		background-color: transparent
	}
	.filter-select:focus-within {
	border-color:#ced4da
	}
	.filter-action {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
	.filter-action a i {
		width: 40px;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		border-radius: 50%;
		text-align: center;
		color: var(--text);
		background: transparent
	}
	.filter-action a i:hover {
		color: var(--primary)
	}
	.filter-action .active i {
		color: var(--white);
		background: var(--primary)
	}
	.filter-action .active i:hover {
		color: var(--white)
	}
	
	@media (max-width: 575px) {
	.filter-label, .filter-action {
		display: none
	}
	.filter-show {
		width: 80px
	}
	.filter-short {
		width: 130px
	}
	}
	.bottom-paginate {
		padding-top: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: center;
	}
	.page-info {
		font-weight: 400;
		color: var(--text)
	}
	
	@media (max-width: 575px) {
	.bottom-paginate {
		margin-bottom: 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.page-info {
		margin-bottom: 15px
	}
	}
	
	@media (min-width: 576px) and (max-width: 991px) {
	.bottom-paginate {
		margin-bottom: 30px
	}
	}
	
	.user-form-part {
		padding-top: 30px
	}
	.user-form-logo {
		text-align: center;
		margin-bottom: 25px
	}
	.user-form-logo img {
		width: 200px
	}
	.user-form-card {
		padding: 30px;
		border-radius: 8px;
		margin-bottom: 20px;
		background: var(--white);
		border: 1px solid var(--border)
	}
	.user-form-title {
		text-align: center;
		margin-bottom: 30px
	}
	.user-form-title h2 {
		font-size: 28px;
		line-height: 36px;
		margin-bottom: 5px;
		color: var(--primary)
	}
	.user-form-title p {
		text-transform: capitalize
	}
	.user-form-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.user-form-social {
		width: 100%
	}
	.user-form-social li {
		margin-bottom: 20px
	}
	.user-form-social li a {
		width: 100%;
		font-size: 15px;
		padding: 10px 0px;
		border-radius: 8px;
		letter-spacing: 0.3px;
		text-align: center;
		text-transform: capitalize;
		color: var(--white);
		background: var(--primary)
	}
	.user-form-social li a i {
		font-size: 16px;
		margin-right: 10px
	}
	.user-form-social li:last-child {
		margin-bottom: 0px
	}
	.user-form-social .facebook {
		background: var(--facebook)
	}
	.user-form-social .twitter {
		background: var(--twitter)
	}
	.user-form-social .google {
		background: var(--google)
	}
	.user-form-social .instagram {
		background: var(--instagram)
	}
	.user-form-divider {
		width: 1px;
		height: 240px;
		margin: 0px 50px;
		background: var(--border);
		position: relative;
		z-index: 1
	}
	.user-form-divider p {
		width: 40px;
		height: 40px;
		font-size: 14px;
		font-weight: 500;
		margin: 0 auto;
		font-style: italic;
		line-height: 38px;
		border-radius: 50%;
		text-align: center;
		color: var(--gray);
		background: var(--white);
		border: 1px solid var(--border);
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
	.user-form {
		width: 100%
	}
	.user-form .form-group {
		margin-bottom: 20px
	}
	.form-button {
		text-align: center
	}
	.form-button button {
		width: 100%;
		height: 45px;
		font-size: 14px;
		font-weight: 500;
		line-height: 45px;
		border-radius: 8px;
		letter-spacing: 0.3px;
		text-align: center;
		text-transform: uppercase;
		color: var(--white);
		background: var(--primary)
	}
	.form-button p {
		font-size: 15px;
		margin-top: 12px;
		text-transform: capitalize
	}
	.form-button p a {
		font-weight: 500;
		margin-left: 5px;
		color: var(--primary)
	}
	.form-button p a:hover {
		text-decoration: underline
	}
	
	
	.icon-box{
		margin-bottom: 15px;
	}
	.icon-box i{
		font-size:62px;
		color: var(--dark);
	}
	.icon-box img{
		width: 90px;
		height: 90px;
	}
	.icon-box h4{
		color: var(--dark);
		font-size: 20px;
		font-weight: bold;
	}
	
	.accordion {
	  width: 100%;
	}
	.accordion .card {
	  	margin-bottom: 20px;
		border: 0;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	}
	
	.accordion .toggle {
	  display: none;
	}
	
	.accordion .option {
	  position: relative;
	  margin-bottom: 1em;
		box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
	}
	.accordion .card-header {
	  padding: 0;
		margin: 0;
		background: var(--chalk);
		border: 0;
	}
	.accordion .card-header > button {
	  padding: 0;
		margin: 0;
		display: block;
		width: 100%;
		text-align: left;
	}
	.accordion .card-header > button[aria-expanded=true] .title{
		background: var(--primary);
		color: var(--white);
	}
	.accordion .title{
		width: 100%;
		cursor:pointer;
		padding: 20px 30px 20px 20px;
		display: flex;
		font-size: 18px;
		align-items: center;
		font-weight: bold;
		border-radius: 10px;
		-webkit-backface-visibility: hidden;
			  backface-visibility: hidden;
	  transform: translateZ(0);
	  transition: all 0.2s;
	  background: var(--white);
	  color: var(--dark);
	}
	.accordion2 .title{
		cursor: auto;
	}
	.accordion .content {
	  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden;
	  transform: translateZ(0);
	  transition: all 0.2s;
		
	}
	.accordion .title:after, .accordion .title:before {
	  content: "";
	  position: absolute;
	  right: 26px;
	  top: 0;
		bottom: 0;
		margin: auto;
	  width: 2px;
	  height: 0.75em;
	  background-color: var(--dark);
	  transition: all 0.2s;
	}
	.accordion .card-header > button[aria-expanded=true] .title{
		background: var(--primary);
		color: var(--white);
	}
	.accordion .card-header > button[aria-expanded=true] .title::after{
		background: var(--white);
	}
	.accordion .card-header > button[aria-expanded=true] .title::before{
		display: none;
	}
	
	.accordion2 .title::after{
		color: var(--dark);
		font-size: 16px;
		font-weight: 700;
		margin-left: auto;
		content: "\f138";
		position: absolute;
		font-family: "bootstrap-icons";
		padding: 12px 17px;
		border-radius: 4px;
		right: 20px;
		background-color: transparent;
		transform: rotate(0deg) !important;
		display: flex;
		align-items: center;
	}
	.accordion2 .title::before{
		background-color: transparent;
	}
	
	.accordion .title:after {
	  transform: rotate(90deg);
	}
	
	.accordion .content {
	  max-height: 0;
	  overflow: hidden;
	  background-color: #fff;
	}
	.content > div {
	  padding: 20px;
		border-top: 1px solid var(--border);
	}
	
	.toggle:checked + .title + .content {
	  max-height: 1000px;
	}
	.toggle:checked + .title:before {
	  transform: rotate(90deg) !important;
	}
	.faq-q{
		position: relative;
		padding-left: 20px;
		font-weight: bold;
		margin-bottom: 0;
	}
	.faq-q span{
		position: absolute;
		left: 0;
		top: 5px;
		width: 15px;
		height: 15px;
		font-size: 12px;
		background: var(--dark);
		color: var(--white);
		border-radius:50px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.faq-a{
		position: relative;
		padding-left: 20px;
	}
	
	
	.pc-tab > input,
	.pc-tab section > div {
	  display: none;
	}
	
	#tab1:checked ~ section .tab1,
	#tab2:checked ~ section .tab2,
	#tab3:checked ~ section .tab3 {
	  display: block;
	}
	
	#tab1:checked ~ nav .tab1,
	#tab2:checked ~ nav .tab2,
	#tab3:checked ~ nav .tab3 {
	  
	}
	
	.pc-tab {
	  width: 100%;
		background: var(--white);
		color: var(--dark);
		border-radius:8px;
	}
	.pc-tab ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
		display: flex;
		justify-content: space-around;
	}
	.pc-tab ul li{
	  width: 100%;
		display: block;
		text-align: center;
	}
	.pc-tab ul li label {
	  padding: 15px 25px;
	  border-bottom: 0;
	  background: var(--white);
	  color: var(--dark);
		display: block;
		cursor: pointer;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	.pc-tab ul li > a {
	  padding: 15px 25px;
	  border-bottom: 0;
	  background: var(--white);
	  color: var(--dark);
		display: block;
		cursor: pointer;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	.pc-tab ul li:not(:last-child) label {
	  border-right-width: 0;
	}
	.pc-tab section {
	  clear: both;
	}
	.pc-tab section > div {
	  padding: 30px;
	  width: 100%;
	  border: 1px solid var(--border);
	  background: var(--white);
	}
	
	
	#tab1:checked ~ nav .tab1 label, nav .tab1.active a,
	#tab2:checked ~ nav .tab2 label, nav .tab2.active a,
	#tab3:checked ~ nav .tab3 label, nav .tab3.active a {
	  background: white;
	  position: relative;
		border:1px solid var(--border) !important;
		border-bottom:0;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-bottom:none !important
	}
	#tab1:checked ~ nav .tab1 label:after, nav .tab1.active a::after,
	#tab2:checked ~ nav .tab2 label:after, nav .tab2.active a::after,
	#tab3:checked ~ nav .tab3 label:after, nav .tab3.active a::after {
	  content: "";
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 100%;
	  background: #ffffff;
	  left: 0;
	  bottom: -1px;
		z-index: 99;
	}
	
	.radio-img .image {
	  width: 50px;
	  height: 50px;
	  background-position: center center;
	  display: inline-block;
	  margin: 0 10px 10px 0;
		background-size: 100%;
		background-repeat: no-repeat;
		border-radius:50%;
		padding: 4px;
		cursor: pointer;
	  border: 4px solid transparent;
	}
	.radio-img > input {
	  display: none;
	}
	.radio-img > input:checked + .image {
	  border: 4px solid var(--primary);
	}
	
	/*Enable disable button*/
	.cd-switch {
	  text-align: center;
		display: flex;
		justify-content: center;
	}
	.switchFilter {
	  width: 0;
	  display: inline-block;
	  background-color: #DB6576;
	  position: absolute;
	  left: 0;
	  opacity: 0;
	  top: 0;
	  bottom: 0;
	  z-index: -1;
	  -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
	  -moz-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
	  transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);
	}
	
	.cd-switch label {
	  cursor: pointer;
	  text-transform: uppercase;
	  border: 1px solid #3D4349;
	  width: 120px;
	  padding: 5px 10px;
	  text-align: center;
	  display: inline-block;
	  -webkit-transition: all 0.4s;
	  -moz-transition: all 0.4s;
	  transition: all 0.4s;
	  margin-right: 0;
	}
	
	.cd-switch .switch {
	  position: relative;
	  display: flex;
	  z-index: 1;
	  margin: 10px auto;
	}
	.switch input[type=radio] {
	  visibility: hidden;
	  position: absolute;
	  height: 100%;
	}
	.switch input[type=radio]#yes ~ label{
		border-color:var(--green);
		color: var(--green);
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		
	}
	.switch input[type=radio]#no ~ label{
		border-color:var(--red);
		color: var(--red);
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.switch input[type=radio]#yes:checked ~ label[for=yes] {
	  color: white;
	  border: 1px solid var(--green);
		background:var(--green);
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.switch input[type=radio]#yes:checked ~ .switchFilter {
	  left: 0;
	  opacity: 1;
	  width: 120px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.switch input[type=radio]#no:checked ~ label[for=no] {
	  color: white;
	  border: 1px solid var(--red);
		background:var(--red);
	}
	.switch input[type=radio]#no:checked ~ .switchFilter {
	  left: 120px;
	  width: 120px;
	  opacity: 1;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	.avn-img img{
		max-height:400px;
		border:4px double var(--white);
		padding: 5px;
		border-radius: 10px;
	}
	
	.blog-details-thumb img {
		width: 100%;
		border-radius: 8px;
		height: auto;
	}
	.blog-details-content {
		margin-bottom: 30px;
		background: var(--white);
	}
	.blog-details-content a{
		font-weight: 400;
	}
	.blog-details-meta {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 20px
	}
	.blog-details-meta li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-right: 40px
	}
	.blog-details-meta li:last-child {
		margin: 0px
	}
	.blog-details-meta li i {
		color: var(--primary);
		margin-right: 10px;
		font-size: 16px
	}
	.blog-details-meta li a, .blog-details-meta li span {
		font-size: 14px;
		white-space: nowrap;
	}
	.blog-details-meta li a {
		color: var(--text);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-meta li a:hover {
		color: var(--primary)
	}
	.blog-details-title {
		line-height: 44px;
		margin-bottom: 25px
	}
	.blog-details-desc {
		font-size: 17px;
		line-height: 30px;
		margin-bottom: 20px
	}
	.blog-details-quote {
		padding: 60px 60px 60px 180px;
		border-radius: 10px;
		margin-bottom: 20px;
		background: var(--heading);
		position: relative
	}
	.blog-details-quote::before {
		position: absolute;
		content: "\efcd";
		left: 60px;
		top: 60px;
		font-size: 60px;
		font-family: "icofont";
		color: var(--primary)
	}
	.blog-details-quote p {
		font-size: 28px;
		line-height: 1.4;
		margin-bottom: 20px;
		color: var(--white)
	}
	.blog-details-quote footer {
		letter-spacing: 3px;
		color: var(--green-chalk);
		text-transform: uppercase
	}
	.blog-details-grid {
		margin-bottom: 30px
	}
	.blog-details-grid img {
		border-radius: 10px
	}
	.blog-details-grid p {
		font-size: 17px;
		line-height: 30px
	}
	.blog-details-subtitle {
		margin-bottom: 30px
	}
	.blog-details-subtitle h3 {
		margin-bottom: 10px
	}
	.blog-details-subtitle p {
		font-size: 17px;
		line-height: 30px
	}
	.blog-details-list {
		list-style-type: decimal;
		margin: 0px 30px 0px 50px
	}
	.blog-details-list li {
		margin-bottom: 25px
	}
	.blog-details-footer {
		padding-top: 45px;
		margin-top: 50px;
		border-top: 1px solid var(--border);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.blog-details-share li span {
		font-size: 18px;
		font-weight: 500;
		display: block;
		margin-bottom: 10px;
		text-transform: capitalize
	}
	.blog-details-share li {
		margin-right: 8px;
		display: inline-block
	}
	.blog-details-share li a {
		width: 40px;
		height: 40px;
		font-size: 15px;
		line-height: 40px;
		border-radius: 50%;
		text-align: center;
		color: var(--text);
		background: var(--chalk);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-share li a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.blog-details-tag li span {
		font-size: 18px;
		font-weight: 500;
		display: block;
		margin-bottom: 10px;
		text-transform: capitalize
	}
	.blog-details-tag li {
		margin-right: 8px;
		display: inline-block
	}
	.blog-details-tag li a {
		font-size: 14px;
		padding: 3px 12px;
		border-radius: 3px;
		color: var(--text);
		background: var(--chalk);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-tag li a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.blog-details-profile {
		padding: 50px;
		border-radius: 10px;
		margin-bottom: 30px;
		background: var(--white);
		text-align: center
	}
	.blog-details-profile a img {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		margin-bottom: 15px;
		border: 8px solid var(--chalk)
	}
	.blog-details-profile h3 {
		text-transform: capitalize
	}
	.blog-details-profile h4 {
		font-size: 15px;
		font-weight: 400;
		color: var(--primary);
		margin-bottom: 15px
	}
	.blog-details-profile ul {
		margin-bottom: 25px
	}
	.blog-details-profile ul li {
		display: inline-block;
		margin: 0px 5px
	}
	.blog-details-profile ul li a {
		width: 40px;
		height: 40px;
		font-size: 15px;
		line-height: 40px;
		border-radius: 50%;
		text-align: center;
		color: var(--text);
		background: var(--chalk);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-profile ul li a:hover {
		color: var(--white);
		background: var(--primary)
	}
	.blog-details-profile p {
		font-size: 17px;
		line-height: 30px
	}
	.blog-details-navigate {
		padding: 30px;
		border-radius: 10px;
		margin-bottom: 30px;
		background: var(--white)
	}
	.blog-details-prenext a{
		color: var(--dark);
	}
	.blog-details-prev, .blog-details-next {
		margin: 15px
	}
	.blog-details-prev h4, .blog-details-next h4 {
		margin-bottom: 20px
	}
	.blog-details-prev h4 a, .blog-details-next h4 a {
		color: var(--heading);
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-prev h4 a:hover, .blog-details-next h4 a:hover {
		color: var(--primary)
	}
	.blog-details-prev .nav-arrow, .blog-details-next .nav-arrow {
		font-size: 14px;
		padding: 10px 25px;
		border-radius: 5px;
		color: var(--heading);
		background: var(--chalk);
		text-transform: uppercase;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.blog-details-prev .nav-arrow:hover, .blog-details-next .nav-arrow:hover {
		color: var(--white);
		background: var(--primary)
	}
	.blog-details-next {
		text-align: right
	}
	.blog-details-comment {
		padding: 50px;
		border-radius: 10px;
		margin-bottom: 30px;
		background: var(--white)
	}
	.comment-title {
		margin-bottom: 30px;
		text-transform: capitalize
	}
	.comment-item {
		padding: 45px 45px;
		border-radius: 8px;
		margin-bottom: 30px;
		background: var(--chalk);
		border: 1px solid var(--border)
	}
	.comment-item:last-child {
		margin-bottom: 0px
	}
	.comment-media {
		margin-bottom: 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.comment-avatar {
		border-radius: 50%;
		margin-right: 20px;
		border: 2px solid var(--primary)
	}
	.comment-avatar img {
		width: 65px;
		border-radius: 50%;
		border: 2px solid var(--white)
	}
	.comment-meta a {
		color: var(--heading);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.comment-meta a:hover {
		color: var(--primary)
	}
	.comment-meta span {
		display: block;
		font-size: 14px;
		font-weight: 400;
		color: var(--heading);
		text-transform: capitalize
	}
	.comment-desc {
		margin-bottom: 20px
	}
	.comment-reply {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.comment-reply input {
		width: 100%;
		padding: 7px 18px;
		border-radius: 6px;
		margin-right: 20px;
		background: var(--white)
	}
	.comment-reply button {
		font-size: 15px;
		padding: 6px 15px;
		border-radius: 6px;
		color: var(--white);
		background: var(--primary);
		text-transform: capitalize;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.comment-reply button:hover {
		background: var(--heading)
	}
	.comment-reply button i {
		margin-right: 5px
	}
	.comment-reply-list {
		margin-left: 80px;
		margin-top: 35px;
		border-top: 1px solid var(--border)
	}
	.comment-reply-item {
		padding: 30px 0px;
		border-bottom: 1px solid var(--border)
	}
	.comment-reply-item:last-child {
		padding-bottom: 0px;
		border-bottom: none
	}
	.blog-details-form {
		padding: 50px;
		border-radius: 10px;
		background: var(--white)
	}
	.details-form-title {
		margin-bottom: 30px;
		text-transform: capitalize
	}
	.form-group textarea {
		height: 120px
	}
	
	@media (max-width: 575px) {
	.blog-details-content {
		padding: 20px
	}
	.blog-details-title {
		font-size: 28px;
		line-height: 38px
	}
	.blog-details-quote {
		padding: 75px 25px 25px
	}
	.blog-details-quote::before {
		font-size: 50px;
		left: 25px;
		top: 25px
	}
	.blog-details-quote p {
		font-size: 22px
	}
	.blog-details-list {
		margin: 0px 15px 0px 35px
	}
	.blog-details-footer {
		margin-top: 0px;
		padding-top: 25px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.blog-details-share {
		margin-bottom: 30px
	}
	.blog-details-navigate li a {
		padding: 13px 13px
	}
	.blog-details-profile {
		padding: 25px 15px
	}
	.blog-details-comment {
		padding: 15px
	}
	.comment-item {
		padding: 20px 20px
	}
	.comment-reply {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.comment-reply input {
		margin-right: 0px;
		margin-bottom: 10px
	}
	.comment-reply-list {
		margin-left: 15px
	}
	.blog-details-form {
		padding: 20px
	}
	}
	
	@media (min-width: 576px) and (max-width: 767px) {
	.blog-details-quote {
		padding: 120px 60px 60px
	}
	.blog-details-footer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.blog-details-share {
		margin-bottom: 30px
	}
	.comment-reply-list {
		margin-left: 30px
	}
	}
	/*service box*/
	.service-box{
		border: 1px solid var(--border);
		padding: 30px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		height: 100%;
		border-radius: 20px;
		background: var(--white);
		position: relative;
	}
	.service-box:hover, .service-box.active{

	}
	.service-box:hover .service-box-title, .service-box:hover .link, .service-box:hover .service-icon i{
		/* color: var(--white); */
	}
	.service-box-thumb{
		margin-bottom: 30px;
	}
	.service-box-thumb img{
		height: 80px;
		object-fit: contain;
		width: auto;
	}
	.service-icon{
		margin-bottom: 30px;
	}
	.service-icon i{
		font-size: 70px;
		color: var(--primary);
	}
	.service-box-title{
		margin-bottom:0;
		font-weight: bold;
		font-size: 20px;
	}
	.service-box-text{
		margin-top:10px;
	}
	.service-box-content a.link{
		margin-top:20px;
        color: var(--dark);
	}
	.service-box-text ul{
		list-style: none;
		margin: 0;
	}
	.service-box-text ul li{
		
	}
	.service-box-text ul li a{
		color: var(--dark);
	}
	.service-box.style-1{
		text-align: center;
	}
	.service-box.style-2{
		display: flex;
        padding: 0;
        font-size: 16px;
        border:0;
		background: transparent;
	}
	.service-box.style-2 .service-box-thumb{
		width: 80px;
		min-width: 80px;
		margin-bottom: 0;
		background: var(--primary);
		border-radius: 50%;
		height: 80px;
		margin-right: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.service-box.style-2 .service-box-thumb img{
		width: 50px;
		height: 50px;
	}
	.service-box.style-2 .service-icon{
		min-width:40px;
		margin-right:0;
		margin-bottom: 0;
	}
	.service-box.style-2 .service-box-title{
		margin-bottom: 0;
	}
    .service-box.style-2 .service-box-text{
        line-height: 24px;
    }
	.service-box.style-2 .service-icon i{
		font-size: 55px;
		color: var(--primary);
	}
    .service-box.style-2 .service-box-content{
        display: flex;
        flex-direction: column;
    }
    .service-box.style-2 .service-box-content a.link{
		margin-top:auto;
	}
	.service-box.style-2:hover{
		
	}
    .service-box.style-2:hover .service-box-title, .service-box.style-2:hover i, .service-box.style-2:hover .link{
		color: var(--dark);
	}
	.process .service-box .service-box-thumb{
		position: absolute;
		right: -28px;
		top: 20px;
		opacity: 0.2;
	}
	.process .service-box.style-2:hover .service-box-thumb, .process .service-box.style-3:hover .service-box-thumb{
		filter: brightness(0) invert(1);
		opacity: 0.4;
	}
	/* style 3 */
	.service-box.style-3{
		display: flex;
        padding: 10px;
        font-size: 16px;
		background: var(--white);
		border: 1px solid var(--border);

	}
	.service-box.style-3 .service-box-thumb{
		width: 100px;
		min-width: 100px;
		margin-bottom: 0;
		height: 100px;
		margin-right: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.service-box.style-3 .service-box-thumb img{
		width: 100px;
		height: 100px;
		border-radius: 10px;
		object-fit: cover;
	}
	.service-box.style-3 .service-icon{
		min-width:40px;
		margin-right:0;
		margin-bottom: 0;
	}
	.service-box.style-3 .service-box-title{
		margin-bottom: 0;
	}
    .service-box.style-3 .service-box-text{
        line-height: 24px;
    }
	.service-box.style-3 .service-icon i{
		font-size: 55px;
		color: var(--primary);
	}
    .service-box.style-3 .service-box-content{
        display: flex;
        flex-direction: column;
    }
    .service-box.style-3 .service-box-content a.link{
		margin-top:auto;
	}

	.service-box.style-4{
		text-align: center;
	}
	.service-box.style-4 .service-box-title{
		margin-bottom: 0;
	}
	.service_style_4{
		background:var(--primary);
		color:var(--white);
		border-radius:5px;
		padding: 60px;
	}
	.service-box.style-4 .service-icon, .service-box.style-4 .service-box-thumb{
		width: 130px;
		height: 130px;
		border-radius:50%;
		margin: 0 auto 20px;
		background: var(--blue);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.service-box.style-4 .service-icon i, .service-box.style-4 .link{
		color:var(--white);
	}
	.service_style_4 .service-box{
		background:transparent;
		border-color: transparent;
		color: var(--white);
	}
	.service_style_4 .service-box:hover{
		background:transparent;
		box-shadow: none;
	}
	.service_style_4 .section-heading h2, .service_style_4 .sub-title{
		color:var(--white);
	}

	.service-slider .slick-list {
		margin: 0 -20px;
	}
	.service-card {
		padding: 20px;
	}
	.service-card a{
		width: 100%;
	}
	.service-card .case-item-thumb {
		position: relative;
		z-index: 1;
	}
	.service-card .case-item-thumb:before {
		content: "";
		position: absolute;
		bottom: -20px;
		right: -20px;
		width: 100%;
		border-radius: 16px;
		background-color: var(--chalk);
		top: 20px;
		transition-duration: .2s;
		z-index: -1;
	}
	.service-card:hover .case-item-thumb:before {
		bottom: -10px;
		right: -10px;
	}
	.service-card img{
		width: 100%;
		height: 300px;
		object-fit: cover;
		border-radius: 20px;
	}
	
	.service-box.style-5{
		padding: 10px;
	}
	.service-box.style-5 .service-box-thumb{
		margin-bottom: 0;
		position: relative;
		overflow: hidden;
		border-radius: 10px;
	}
	.service-box.style-5 .service-box-thumb img{
		width: 100%;
		height: 290px;
		object-fit: cover;
		margin-bottom: 0;
		border-radius: 10px;
		transition: all 0.3s ease-in-out;
		transform: scale(1);
		object-position: top;
	}
	.service-box.style-5:hover .service-box-thumb img{
		transform: scale(1.2);
	}
	.service-box.style-5 .service-box-content{
		padding: 10px;
	}
	
	
	.service-box.style-6{
		padding: 0;
		border-radius: 10px;
		border: 0;
		background: transparent;
	}
	.service-box.style-6 .service-box-thumb{
		margin-bottom: 0;
		position: relative;
		overflow: hidden;
		border-radius: 10px;
	}
	.service-box.style-6 .service-box-thumb img{
		width: 100%;
		height: 290px;
		object-fit: cover;
		margin-bottom: 0;
		border-radius: 10px;
	}
	.service-box.style-6 .service-box-content{
		padding: 20px;
		background: var(--yellow);
		margin: 10px;
		border-radius: 10px;
		margin-top: -20px;
		z-index: 11;
		position: relative;
	}
	.service-box.style-7{
		text-align: center;
	}
	.service-box.style-7 .service-box-thumb img{
		height:130px;
	}
	.service-box.style-7 .service-icon{
		min-width:130px;
		margin-bottom: 10px;
	}
	.service-box.style-7 .service-box-title{
		margin-bottom: 10px;
	}
	.service-box.style-7 .service-icon i{
		font-size: 60px;
		color: var(--blue);
	}
	.service-box.style-7:hover .service-icon i{
		color: var(--white);
	}
	.service-box.style-8{
		background: var(--primary);
		color: var(--white);
	}
	.service-box.style-8 .service-box-title, .service-box.style-8 .service-icon i, .service-box.style-8 .link{
		color: var(--white);
	}
	
	/*pricing box*/
	.pricing-item {
	  border-radius: 5px;
	  text-align: center;
	  background: var(--white);
	  margin-bottom: 30px;
	  padding: 15px 15px 45px;
	  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
	  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07); 
	}
	.pricing-item:hover .pricing-header {
		background-color: var(--primary);
	}
	.pricing-item:hover .price,
	.pricing-item:hover .pricing-time,
	.pricing-item:hover .pricing-title {
		color: white; 
	}
	.pricing-item ul {
		margin: 45px 0; 
	}
	.pricing-item ul li {
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		margin-bottom: 18px; 
	}
	.pricing-header {
	  padding: 25px;
	  -webkit-transition: 0.5s;
	  -o-transition: 0.5s;
	  transition: 0.5s;
	  border-radius: 5px;
	  background-color: var(--chalk); 
	}
	.pricing-header .pricing-title {
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		margin-bottom: 15px;
		text-transform: uppercase; 
	}
	.pricing-header .price {
		line-height: 1;
		font-size: 48px;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		color: #104cba; 
	}
	.pricing-header .price:before {
		content: '$';
		font-size: 24px; 
	}
	.pricing-header .pricing-time {
		opacity: 0.5;
		color: black;
		margin: 10px 0 0;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s; 
	}
	/*parent menu*/
	.parent-menu {
	  padding: 20px 20px 0;
	  background: var(--darkblue);
	  border-radius: 5px;
	}
	.parent-menu li {
		margin-bottom: 10px; 
		width: 100%;
	}
	.parent-menu li a {
		background: var(--white);
		color: var(--dark);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 1px 1px 1px 20px;
		align-items: center;
		border-radius: 5px;
		border: 0; 
	}
	@media only screen and (max-width: 375px) {
		.parent-menu li a {
			font-size: 16px; 
		} 
	}
	.parent-menu > li.page_item_has_children > a{
		display: none;
	}
	.parent-menu li.current_page_item > a, .parent-menu li a:hover{
		color: var(--primary);
		background: var(--chalk);
	}
	.parent-menu li a::after {
		color: var(--dark);
		font-size: 16px;
		font-weight: 700;
		margin-left: auto;
		content: "\f138";
		font-family: "bootstrap-icons";
		padding: 12px 17px;
		border-radius: 4px;
	}
	.parent-menu li.current_page_item a::after {
		color: var(--white);
		background: var(--primary);
	}
	.parent-menu li a:hover::after{
		color: var(--white);
		background: var(--primary);
	}
	.parent-menu ul ul.children{
		margin-top:10px;
		margin-left: 10px;
		display: none;
	}
	.parent-menu ul li.current_page_item ul.children, .parent-menu ul li.current_page_ancestor ul.children{
		display: block;
	}
	.wp-block-column .container{
		padding: 0;
	}
	.wp-block-column .section, .case-single-page .section{
		padding: 0;
	}
	@media all and (max-width: 999px) {
		.wp-block-columns{
			flex-wrap: wrap;
		}
		.wp-block-column{
			flex-basis: 100% !important;
			margin-left:0 !important;
		}
	}
	
	.bullets, .job_content ul, , .job_content ol{
		margin-bottom: 30px;
	}
	.bullets li, .job_content ul li, .job_content ol li{
		position: relative;
		padding-left: 30px;
		padding-top: 0;
		margin-bottom: 20px;
	}
	.bullets li::before, .job_content ul li::before, .job_content ol li::before{
		content: "";
		background-image: url(images/check.svg);
		width: 22px;
		height: 22px;
		background-size: 100%;
		position: absolute;
		left: 0;
		top: 6px;
		color: var(--primary);
	}
	.bullets li li::before, .job_content ul li li::before, .job_content ol li li::before{
		color: var(--gray) !important;
	}
	.bullets.style-1 li::before{
		content: "";
		background-image: url(images/check2.svg);
	}
	.bullets.style-2 li::before{
		content: "\f4b5";
		color: var(--primary);
	}
	.bullets.style-3 li::before{
		content: "\f26c";
		color: var(--primary);
	}
	.text-white .bullets li::before, .about-section.text-white ul li::before{
		filter: brightness(100) invert(0);
	}
	ol.bullets{
		counter-reset: li;
	}
	ol.bullets ol{
		counter-reset: li;
	}
	ol.bullets li::before{
		content: counters(li, ".");
  		counter-increment: li;
		background: var(--primary);
		color: var(--white);
		width: 20px;
		height: 20px;
		display: flex;
		top: 6px;
		justify-content: center;
		align-items: center;
		font-size: 12px;
		line-height: 12px;
		padding-bottom: 2px;
	}
	
	.cta-banner{
		padding:50px 80px;
		position: relative;
		z-index: 1;
	}
	.cta-banner::before{
		background:url(images/wave.png) bottom right no-repeat;
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-size: cover;
		opacity: 0.2;
		top: 0;
		left: 0;
		border-radius: 24px;
		z-index: -1;
	}
	.cta-content{
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.cta-content .cta-wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 25px;
		border-right: 1px solid rgba(255,255,255,0.15);
		padding-right: 80px;
		margin-right: 80px;
		min-width: 440px;
	}
	.cta-content .cta-wrapper .cta-icon {
		width: 90px;
		height: 90px;
		line-height: 90px;
		border-radius: 90px;
		text-align: center;
		border: 1px solid rgba(255,255,255,0.22);
		background: rgba(255,255,255,0.05);
		-webkit-backdrop-filter: blur(11px);
		backdrop-filter: blur(11px);
		-webkit-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}
	.cta-content .cta-wrapper .header-info_link {
		font-size: 30px;
		font-weight: 600;
		color: var(--white);
		letter-spacing: -0.3px;
		margin-bottom: 0;
	}
	.cta-content .cta-wrapper .header-info_link a{
		color: var(--white);
	}
	.cta-content .cta-title {
		margin-right: 64px;
	}
	.cta-content .cta-btn {
		min-width: 160px;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-left: auto;
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
	}
	.text-dark .cta-content .cta-wrapper .cta-icon{
		border: 1px solid rgba(0,0,0,0.22);
		background: rgba(0,0,0,0.05);
	}
	.text-dark .cta-content .cta-wrapper .header-info_link {
		color: var(--dark);
	}
	.text-dark .cta-content .cta-wrapper .header-info_link a{
		color: var(--dark);
	}
	.text-dark .cta-content .cta-wrapper .cta-icon img{
		filter: brightness(100) invert(1);
	}
	.text-dark .btn-light{
		background: var(--dark);
		color: var(--white);
	}
	.text-dark .cta-content .cta-wrapper{
		border-right: 1px solid rgba(0,0,0,0.22);
	}

	@media(max-width: 991px){
		.cta-banner {
			padding: 40px 30px;
		}
		.cta-content {
			display: block;
			text-align: center;
		}
		.cta-content .cta-wrapper {
			border: none;
			padding: 0;
			margin: 0;
			min-width: 290px;
			flex-wrap: wrap;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		.text-dark .cta-content .cta-wrapper{
			border: none;
		}
		.cta-content .cta-wrapper .header-info_link {
			font-size: 24px;
		}
		.cta-content .cta-title {
			margin: 30px 0 30px 0 !important;
		}
		.cta-content .cta-btn {
			-webkit-box-pack: start;
			-webkit-justify-content: flex-start;
			-ms-flex-pack: start;
			justify-content: flex-start;
			margin: 0;
			text-align: center;
		}
	}
	
	
	/*counter*/
	.section-counter{
		position:relative;
		z-index:1;
	}
/* 	.section-counter::before{
		background:url(images/wave.png) bottom right no-repeat;
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-size: cover;
		opacity: 0.2;
		top: 0;
		left: 0;
		z-index: -1;
	} */
	.success-item .counting {
	  font-size: 48px;
	  line-height: 1;
	  font-weight: 700;
	  margin-bottom: 20px;
	  display: inline-block;
	  color: var(--primary);
	}
	.success-item p {
	  font-size: 22px;
	  font-weight: 500;
	  margin-bottom: 0;
	}
	.success-item .counting.plus:after {
		content: '+'; 
		padding-left: 0px;
	}
	.success-item .counting.percentage:after {
		content: '%'; 
		padding-left: 0px;
	}
	.success-item .counting.k:after {
		content: 'k'; 
		padding-left: 0px;
	}
	.success-item .counter-icon{
		font-size:48px;
		margin-bottom: 20px;
		color: var(--primary);
	}
	.text-white .success-item .counter-icon, .text-white .success-item .counting{
		color: var(--white);
	}
	.sidebar-sticky{
		position: sticky;
		top: 120px;
	}
	body.admin-bar .sidebar-sticky{
		top: 150px;
	}
	/*casestudy*/
	.casestudy-item {
		overflow: hidden;
		position: relative;
		margin-bottom: 10px;
		box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
		padding: 15px;
		border-radius: 15px;
		-webkit-transition: 0.3s;
		  -o-transition: 0.3s;
		  transition: 0.3s;
	}
	.casestudy-item:hover {
		transform: scale(1.02);
	}
	.casestudy-item img {
		  width: 100%;
		  height: 220px;
		  object-fit: cover;
		  border-radius: 5px;
		  object-position: top;
		   -webkit-transition: 1.5s;
		  -o-transition: 1.5s;
		  transition: 1.5s;
	}
	.casestudy-item:hover img {
		  object-position: bottom;
	}
	.casestudy-item .casestudy-content{
		padding-top: 15px;
	}
/* 	.casestudy-item .casestudy-content {
		  bottom: 20px;
		  -webkit-transition: 0.5s;
		  -o-transition: 0.5s;
		  transition: 0.5s;
		  position: absolute;
		  padding: 22px 22px 10px;
		  left: 30px;
		  background: rgba(255, 255, 255, 0.8);
		  border-radius: 5px;
		  width: calc(100% - 60px);
		  -webkit-transform: translateY(5px);
		  -ms-transform: translateY(5px);
		  transform: translateY(5px); 
		  backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
	} */
	.casestudy-item .casestudy-content .category {
			font-size: 12px;
			margin-bottom: 5px;
			display: inline-block; 
	}  
		.casestudy-item .casestudy-content a {
		color: var(--dark); 
	}
	
	.casestudy-wrap .item.active{
		display: inline-block;
		transition: all 0.5s ease;
		position: relative;
	}
	.casestudy-wrap .item.delete{
		display: none;
		transition: all 0.5s ease;
	}
	.casestudy-filter {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center; 
		margin-bottom: 40px;
	}
	.casestudy-filter li {
		  margin: 3px;
		  font-size: 18px;
		  cursor: pointer;
		  -webkit-transition: 0.5s;
		  -o-transition: 0.5s;
		  transition: 0.5s;
		  font-weight: 500;
		  padding: 3px 18px;
		  border-radius: 5px;
		  color: var(--dark); 
	}
	@media only screen and (max-width: 480px) {
		.casestudy-filter li {
		  font-size: 16px; 
		} 
	}
	.casestudy-filter li:hover, .casestudy-filter li.current {
		color:var(--white);
		background: var(--primary); 
	}
	.client-details ul{
	    
	}
	.client-details ul li{
	    display: flex;
	    justify-content: space-between;
	    margin: 10px 0;
	}
	.client-details ul li a{
	    color: var(--primary);
	}
	.client-details ul li strong{
	    font-weight: bold;
	}
	.client-details .share{
	    display: flex;
	    gap: 15px;
	}
	.client-details .share a{
	    color: var(--dark);
	}
	
	/*Video Player*/
	.video-player{
		width:100%;
		min-height: 250px;
		position: relative;
		margin-bottom: 0;
	}
	.wp-block-embed-youtube iframe{
		height: 500px;
	}
	.video-player > a{
		width:100%;
	}
	.video-player .video-img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: relative;
		min-height: 250px;
	}
	.overlay-play-icon{
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color:rgba(0, 0, 0, 0.2);
		transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	.overlay-play-icon:hover{
		background-color:rgba(0, 0, 0, 0.4);
	}
	.overlay-play-icon i{
		font-size: 48px;
		border-radius: 50%;
	}
	.overlay-play-icon svg{
		width: 30px;
		height: 30px;
	}
	.video-button {
		position: relative;
		width: 50px;
		height: 50px;
		background: var(--primary);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		color: var(--white);
		padding: 0;
		text-align: center;
		transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
		box-shadow: 0 0 1px 10px rgb(255 255 255 / 40%), 0 0 1px 20px rgb(255 255 255 / 6%);
	}
	.overlay-play-icon:hover .video-button {
		box-shadow: 0 0 1px 15px rgb(255 255 255 / 40%), 0 0 1px 30px rgb(255 255 255 / 10%), 0 0 1px 45px rgb(255 255 255 / 6%);
	}
	.popup-size{
		max-width:520px;
		padding-bottom: 20px;
	}

	.contact-inner{
/* 		box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.07);
		border-radius: 10px;
		padding: 35px;
		background: var(--white); */
	}
	.contact-inner.style-2{
		box-shadow: none;
		border-radius: 0;
		padding: 0;
		background: transparent;
	}
	.contact-inner.style-3{
		box-shadow: none;
		border-radius: 0;
		padding: 0;
		background: transparent;
	}
	.contact-section-form{
		padding: 30px;
		background: var(--white);
		border-radius: 20px;
		box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.07);
		margin-bottom: 0;
		position: relative;
	}
	.contact-section-form.style-2{
		padding: 40px;
		border: 1px solid var(--primary);
		border-radius: 20px;
		background: var(--primary);
	}
	.contact-section-form svg{
		position: absolute;
		right: 31px;
		top: -27px;
	}
	.contact-details{
/* 		padding: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
		position: relative;
		z-index: 1; */
	}
	.content-content-inner{
		background: var(--dark);
		padding: 30px;
		border-radius: 30px;
		margin: 30px 0;
		border: 1px solid var(--border);
	}
	.content-content-inner .inter h4{
		margin: 0;
		word-break: break-all;
	}
	.content-content-inner .inter h4 a{
		color: var(--dark);
		}
	.contact-info a{
		color: var(--dark);
	}
	.contact-info .content{
		padding: 20px 20px 20px 70px;
		background: var(--white);
		border-radius: 20px;
		box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.07);
		margin-bottom: 15px;
		position: relative;
	}
	.contact-info .content span{
		font-weight: bold;
	}
	.contact-info .content .icon{
		background: var(--primary);
		border-radius: 50%;
		padding: 5px;
		width: 40px;
		height: 40px;
		position: absolute;
		left: 20px;
		top: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.contact-info .content .icon img{
		filter: brightness(100%) invert(100%);
	}
	.contact-info li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		margin: 15px 0;
	}
	.contact-info li i {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		color: var(--dark);
		margin: 5px 12px 0 0;
		width: 40px;
		height: 40px;
		background: var(--green);
		line-height: 40px;
		border-radius: 50%;
		text-align: center; 
	}
	.contact-info li a {
		color: var(--white);
	}
	.style-2 .contact-inner{
		box-shadow: none;
		padding: 0;
	}
	.style-2 .contact-details{
		background: transparent;
		color: var(--dark);
	}
	.style-2 .contact-details .contactheading{
		color: var(--dark);
	}
	.style-2 .contact-info li i{
		background: var(--gray);
		color: var(--primary);
	}
	.style-2 .contact-info li h5{
		font-weight: normal;
	}
	.style-2 .contact-info li a{
		color: var(--dark);
	}
	.sidebar-sticky .contact-form{
		background: var(--primary);
		color: var(--white);
		padding: 20px;
		border-radius: 6px;
	}
	.sidebar-sticky .contact-form h4{
		color: var(--white);
	}
	.enquiry_form{
		padding: 0;
	}
	body.error404 .header-part{
		box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
	}
	body.error404 .footer{
		padding-top: 0;
	}
	body.error404 .footer-bottom{
		margin-top: 0;
	}
	.sticky-social{
		position: fixed;
		top: 40%;
		right: 0;
		z-index: 9;
	}
	.sticky-social ul{
		margin: 0;
		padding: 0;
	}
	.sticky-social ul li a{
		padding: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24px;
		width: 45px;
		height: 45px;
		border-radius: 5px;
		color: var(--white);
		background: var(--gray);
	}
	.sticky-social ul li button{
		padding: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24px;
		width: 45px;
		height: 45px;
		border-radius: 5px;
		color: var(--white);
		background: var(--blue);
		border:0;
	}
	.sticky-social ul li .whatsapp{
		color: var(--white);
		background: rgb(141,247,137);
		background: linear-gradient(180deg, rgba(141,247,137,1) 0%, rgba(91,182,67,1) 100%);
	}
	.c_popup{
		max-width: 460px;
		border-radius: 8px;
	}

	/*contact form 7*/
	.wpcf7-list-item{
		margin-left: 0;
		width: 100%;
	}
	.wpcf7 form .wpcf7-response-output{
		margin: 10px 0 0 !important;
	}
	.wpcf7-spinner{
		position: relative;
		left: 0;
		right: 0;
		margin: auto;
		top: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.wpcf7-form .row p:last-child{
		margin-bottom:0;
	}
	.wpcf7 form.sent .wpcf7-response-output{
	    color: var(--green);
	}

img[data-src] {
	opacity: 0;
	transition: opacity .25s ease-in-out;
	will-change: opacity;
}
img[data-src][src] {
	opacity: 1;
}
.brand-wrap{
	padding: 15px;
}
.wp-block-code{
	background:#333;
	color: #fff;
}
.wp-block-code code{
	color: #fff !important;
}
.wp-block-embed iframe{
	width:100%;
}
.footer-header{
	font-size: 82px;
	text-align: center;
	font-weight: bold;
	margin: 30px 0 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
@media(max-width: 767px){
	.footer-header{
		font-size: 48px;
		margin: 10px 0 50px;
	}
	.footer-header svg{
		width: 40px;
		height: 40px;
	}
	.contact-section-form.style-2{
		padding: 40px 30px;
	}
}

/*product single*/
.details-gallery-main {
	position: sticky;
	top: 100px;
	margin-bottom: 10px;
}
.details-gallery-main img{
	border-radius: 20px;
	width: 100%;
}
.details-gallery {
	border: 1px solid var(--border);
	padding: 10px;
	background: var(--white);
	margin: 10px;
}
.whatsapp-btn {
	margin: 10px;
}
.whatsapp-btn>a {
	width: 100%;
	font-size: 15px;
	padding: 6px 0px;
	border-radius: 6px;
	text-align: center;
	text-transform: capitalize;
	color: var(--white);
	border: 1px solid rgba(0, 0, 0, .25);
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	background: #25d366;
	background: -moz-linear-gradient(180deg, #25d366 0%, #18B753 100%);
	background: -webkit-linear-gradient(180deg, #25d366 0%, #18B753 100%);
	background: linear-gradient(180deg, #25d366 0%, #18B753 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#25d366", endColorstr="#18B753", GradientType=1);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all linear-gradient .3s;
	-webkit-transition: all linear-gradient .3s;
	-moz-transition: all linear-gradient .3s;
	-ms-transition: all linear-gradient .3s;
	-o-transition: all linear-gradient .3s;
	cursor: pointer;
}
.details-content {
	padding: 0;
	border-radius: 0;
}
.details-content .details-desc{
	font-size: 15px;
	line-height: 1.6;
}
.details-content .view-name{
	font-size: 20px;
	line-height: 24px;
}
.details-content .breadcrumb {
	align-items: center;
	justify-content: flex-start;
	background: none;
	margin: 0px;
	font-size: 12px;
}
.details-content small{
	display: block;
	line-height: 1.3;
}
.details-name {
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 5px;
	text-transform: capitalize;
}
.details-meta {
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.details-meta p {
	font-size: 13px;
	margin-right: 20px;
	white-space: nowrap;
	text-transform: uppercase;
	color: var(--placeholder);
}
.details-meta span, .details-meta a {
	margin-left: 5px;
	color: var(--placeholder);
}
.addition-info ul {
	border: 1px solid var(--border);
}
.addition-info ul li {
	padding: 6px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--border);
	font-size: 14px;
	line-height: 18px;
}
.addition-info ul li:last-child {
	border-bottom: none;
}
.addition-info ul li strong, .addition-info ul li span{
	width: 50%;
}


.text-row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  background: var(--green);
  border-radius: 100%;
  animation: identifier 20s linear infinite;
  text-align: center;
}
.text-row:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
}
.text-row .text__char {
  color: var(--white);
}
.text-row.border-white:after {
  border: 25px solid var(--white);
}
.text-row.border-secondary .text__char {
  color: var(--white);
}
.text-row.border-secondary:after {
  border: 25px solid var(--secondary);
}
.text-row.blur {
  padding: 10px;
  transform: scale(1.2);
}
.text-row.blur .text__char {
  font-size: 14px;
  font-weight: 400;
  padding-top: 5px;
}
.text-row.blur:after {
  border: 25px solid transparent;
  background: rgba(255, 255, 255, 0.7);
  filter: drop-shadow(0px 0px 100px rgba(0, 0, 0, 0.15));
  backdrop-filter: blur(17px);
}

.badge__emoji {
  display: block;
  margin: 0;
  animation: identifier 20s linear infinite;
  animation-direction: reverse;
  transition: all 0.3s;
}

.text__char {
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 70px);
  height: 70px;
  width: 140px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  transform-origin: bottom center;
  transform: rotate(var(--char-rotate));
  color: var(--primary);
}

@keyframes identifier {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.animation-btn {
  position: absolute;
  bottom: -70px;
  left: 50%;
  z-index: 999;
  width: 140px;
  margin-left: -70px;
  -webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .animation-btn {
    display: none;
  }
}


.product-card {
	position: relative;
	z-index: 1;
	height: 100%;
}
.product-card .product-media {
	border-radius: 20px;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
}
.product-card .product-media img {
	border-radius: 20px;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	max-width: 100%;
	height: 290px;
	object-fit: cover;
	width: 100%;
}
.product-card .product-meta {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: end;
	gap: 5px;
	padding: 15px;
	-webkit-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.product-card .product-meta a.btn{
	padding: 12px 30px;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	bottom: -60px;
	border: 4px solid #fffaf3;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}
.product-card:hover .product-meta a.btn{
	bottom: -4px;
	border: 4px solid #fffaf3;
}
.product-card:hover .product-media img {
	transform: translateY(-20px);
}
.productcategoryslider .product-card{
	margin: 0 15px;
}
.details-share-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.details-share-list li a {
	width: 35px;
	height: 35px;
	font-size: 16px;
	line-height: 35px;
	border-radius: 50%;
	text-align: center;
	color: var(--text);
	background: var(--chalk);
	position: relative;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s;
}
.details-share-list li a::before {
	content: "";
	position: absolute;
	background-position: center;
	background-size: 60%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wpcf7-not-valid-tip{
	font-size: 0.8rem;
}
.icon-group{
	margin: 20px 0;
	background: var(--chalk);
	padding: 10px;
	border-radius: 50px;
	position: relative;
	z-index: 1;
}
.icon-group .navbar-info img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 15px;
	border: 4px solid var(--primary);
}
.icon-group .navbar-info .callimg{
	position: relative;
}
.icon-group p{
	margin: 0;
}
.icon-group .navbar-info .callimg:before {
	position: absolute;
	content: " ";
	z-index: -1;
	top: -15px;
	left: -15px;
	background-color: var(--primary);
	width: 90px;
	height: 90px;
	border-radius: 100%;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 0.6;
	-webkit-animation: pulse 1s ease-out;
	animation: pulse 1.8s ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.6);
        opacity: .6;
    }
    75% {
        -webkit-transform: scale(0.9);
        opacity: .3;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0.3);
        opacity: 1;
    }
    50% {
        transform: scale(0.6);
        opacity: .6;
    }
    75% {
        transform: scale(0.9);
        opacity: .3;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.icon-group .navbar-info p{
	line-height: 30px;
}
.icon-group .navbar-info p span{
	font-size: 26px;
}

.footer-middle {
	display: flex;
	justify-content: space-between;
}
.footer-cta{
	border-bottom: 1px solid rgba(255,255,255,0.3);
	color: var(--white);
	margin-bottom: 40px;
	padding: 0 0 40px 0;
}
.footer-cta h3{
	margin: 0;
	font-size: 2rem;
	line-height: 2.3rem;
}
.footer-middle .footer-contact{
	display: flex;
}
.footer-middle .footer-contact .contact-type {
	border-right: 1px solid #33285f;
	padding: 70px 45px 70px 45px;
}
.footer-middle .footer-contact .contact-type:first-child {
	padding-left: 0;
}
.footer-middle .footer-contact .contact-type span {
	display: block;
	font-weight: 700;
	color: var(--gray);
	margin-bottom: 10px;
}
.footer-middle .footer-contact .contact-type a, .footer-middle .footer-contact .contact-type h4 {
	font-size: 25px;
	color: var(--white);
	font-weight: bold;
	margin: 0;
}
@media (max-width:1190px) {
	.footer-middle .footer-contact .contact-type {
		padding: 40px 20px 40px 20px;
	}
}
@media(max-width:991px) {
	.details-content {
		padding: 0;
		margin-top: 15px;
	}
	.details-gallery{
		padding: 0;
		margin: 0 0 10px 0;
	}
	.footer-top{
		padding: 0;
	}
	.footer-middle {
		flex-wrap: wrap;
	}
	.footer-middle .footer-contact{
		flex-wrap: wrap;
	}
	.footer-middle .footer-contact .contact-type {
		width: 100%;
		padding: 30px 0 30px 0;
		border: 0;
	}
	.footer-social{
		margin-bottom: 30px;
	}
}
@media(max-width:767px) {
	.product-card .product-media{
		border-radius: 10px;
	}
	.product-card .product-media img{
		height: 160px;
		border-radius: 10px;
	}
	.productcategoryslider .product-card .product-media img{
		height: 220px;
	}
	.product-card .product-content .title{
		font-size: 16px;
		font-weight: 400;
	}
	.mobilefix{
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0;
		background: var(--white);
		padding: 10px 20px;
		z-index: 99;
	}
}
.textslider-section{
	padding: 30px 0;
}
.text-slider .slick-slide{
	padding: 0 30px;
	font-size: 24px;
	font-weight: bold;
}
.rotate {
	animation: rotate 5s linear infinite;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.emi-details{
	background: var(--green);
	color: var(--white);
	padding: 40px;
	border-radius: 20px;
	text-align: center;
	height: 100%;
}
.emi-details h3{
	color: var(--white);
	font-size: 32px;
	margin: 0;
}
.emi-details dl{
	display: flex;
	justify-content: space-between;
}
.emi-calculator{
	padding: 40px;
	background: var(--white);
	border-radius: 20px;
	height: 100%;
}
.emi-container{
	margin-bottom: 20px;
}
.emi-container:last-child{
	margin-bottom: 0;
}

.popup-size {
	max-width: 520px;
	padding-bottom: 20px;
}
.process-box{
	margin-top: 20px;
}

.process-thumb-box{
	height: 180px;
	width: 100%;
	-ms-transform: skewX(15deg);
	-webkit-transform: skewX(15deg);
	-o-transform: skewX(15deg);
	-moz-transform: skewX(15deg);
	border-left: 20px solid var(--primary);
	display: flex;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.process-thumb {
	height: 180px;
	width: 100%;
	margin-left: 0;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.process-thumb img{
	height: 100px;
	width: 100px;
	object-fit: contain;
	-ms-transform: skewX(-15deg);
	-webkit-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	-moz-transform: skewX(-15deg);
}
.process-content {
    background: var(--chalk);
    height: 180px;
    width: 100%;
    margin-top: 0;
    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    transform: skewX(-15deg);
    border-left: 20px solid var(--green);
    display: flex;
    align-items: center; /* Vertically centers content */
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    position: relative;
	flex-direction: column;
    z-index: 1;
    padding: 10px;
    overflow: hidden; /* Ensures content doesn't overflow */
}

.process-content > div {
    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    transform: skewX(15deg); /* Corrects the skew for the text inside */
    max-width: 100%; /* Ensures text container doesn't overflow */
    padding: 10px; /* Add padding to keep text away from edges */
    box-sizing: border-box; /* Ensures padding is counted in width */
    text-align: center; /* Centers the text horizontally */
	line-height: 1.3;
	font-size: 16px;
}
.step-title{
	margin-bottom: 10px;
	text-align: center;
}
.step-heading{
	margin: 0;
	margin-left: -20px;
	text-align: center;
}

@media (min-width: 900px){
	.steps-timeline {
		border-top: 5px double var(--green);
		padding-top: 20px;
		margin-top: 40px;
		position: relative;
	}
	.steps-timeline > div{
		margin-top: -75px;
	}
	.step-wrap {
		height: 50px;
		width: 50px;
		border-radius: 50%;
		background: transparent;
		margin-left: 39%;
		border: 2px solid var(--green);
	  }
	  .verticle-line {
		position: absolute;
		height: 57px;
		width: 5px;
		margin-left: 10px;
		margin-top: 0;
		background: var(--green);
	  }
	  .steps-stops {
		height: 25px;
		width: 25px;
		margin: 11px 10.1px;
		border-radius: 50%;
		background: var(--green);
	  }
	  .inverted-end-circle {
		height: 15px;
		width: 15px;
		border-radius: 50%;
		position: absolute;
		margin-top: 19px;
		margin-left: 18.1%;
	  }
	  .steps-timeline::before{
		content: '';
		height: 15px;
		width: 15px;
		border-radius: 50%;
		position: absolute;
		background: var(--green);
		left: -10px;
		top: -10px;
	  }
	  .steps-timeline::after{
		content: '';
		height: 15px;
		width: 15px;
		border-radius: 50%;
		position: absolute;
		background: var(--green);
		right: -10px;
		top: -10px;
	  }
}
@media(max-width: 899px) {
	.steps-timeline {
	  border-left: 5px double var(--green);
	  margin-left: 15px;
	  margin-right: 15px;
	  position: relative;
	}
	.steps-timeline::before{
		content: '';
		height: 15px;
		width: 15px;
		border-radius: 50%;
		position: absolute;
		background: var(--green);
		left: -10px;
		top: -10px;
	  }
	  .steps-timeline::after{
		content: '';
		height: 15px;
		width: 15px;
		border-radius: 50%;
		position: absolute;
		background: var(--green);
		left: -10px;
		bottom: -10px;
	  }
	.steps-timeline > div {
	  padding-left: 25px;
	}
	.process-box{
		margin-left: 20px;
	}
	.pane-warp {
	  margin-left: 30%;
	}
	.inverted-pane-warp {
	  margin-left: 30%;
	}
	.verticle-line {
	  position: absolute;
	  width: 80px;
	  height: 5px;
	  margin-left: 5px;
	  margin-top: 10px;
	  background: var(--green);
	}
	.steps-stops {
	  height: 25px;
	  width: 25px;
	  margin: 11px 10px;
	  border-radius: 50%;
	  background: var(--green);
	}
	.step-wrap {
	  height: 50px;
	  width: 50px;
	  border-radius: 50%;
	  background: transparent;
	  margin-top: 175px;
	  margin-left: -52px;
	  border: 2px solid var(--green);
	  position: absolute;
	}
	.end-circle {
	  height: 15px;
	  width: 15px;
	  border-radius: 50%;
	  position: absolute;
	  margin-top: -45px;
	  margin-left: 15px;
	}
	.inverted-end-circle {
	  height: 15px;
	  width: 15px;
	  border-radius: 50%;
	  position: absolute;
	  margin-top: 280px;
	  margin-left: 15px;
	}
  }
  
.navsticky-menu{
	background: var(--green);
	position: sticky;
	top: 70px;
	z-index: 1;
	margin-bottom: 15px;
}
body.admin-bar .navsticky-menu{
	top: 90px;
}
.navsticky-menu ul{
	display:flex;
	gap: 15px;
	justify-content: center;
	align-items: center;
	padding: 10px 0;
}
.navsticky-menu li a{
	padding: 6px 15px;
	color: var(--white);
	border-radius: 5px;
	font-size: 14px;
}
.navsticky-menu li a.active{
	background: var(--white);
	color: var(--dark);
}
.menu-toggle{
	display: none;
	cursor: pointer;
	color: var(--white);
}
.menu-toggle > div {
	display: flex;
    flex-direction: column;
    cursor: pointer;
	padding: 10px;
}
.bar {
    height: 3px;
    width: 30px;
    background-color: #fff;
    margin: 3px 0;
    transition: all 0.3s ease;
}

/* Checkbox */ 
.checkbox input[type=checkbox] {
	appearance: none;
	width: 20px;
	min-width: 20px;
	height: 20px;
	border: 2px solid var(--green);
	border-radius: 5px;
	background-color: transparent;
	display: inline-block;
	position: relative;
	margin-right: 10px;
	cursor: pointer;
	top: 3px;
}
  
.checkbox input[type=checkbox]:before {
	content: "";
	background-color: var(--green);
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	width: 10px;
	height: 10px;
	border-radius: 3px;
	transition: all 0.3s ease-in-out;
}
  
.checkbox input[type=checkbox]:checked:before {
	transform: translate(-50%, -50%) scale(1);
}
  
.checkbox label {
	font-size: 16px;
	line-height: 1.4;
	cursor: pointer;
	user-select: none;
	display: flex;
  }
.job-details-widget{
	padding: 20px;
	background: var(--chalk);
	border-radius: 20px;
	margin-bottom: 30px;
}
.job-details-category li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 5px 0;
}
.nav-list > li.has-submenu > .submenu-button {
    position: absolute;
    right: 0;
    width: 40px;
    height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
    z-index: 9999;
    cursor: pointer;
    border-radius: 4px;
}

.nav-list li.has-submenu .dropdown-list.active {
    display: block;
}

.nav-list > li.has-submenu > .submenu-button::after {
    margin-left: auto;
    content: "+";
    position: absolute;
	width: 20px;
	height: 20px;
    background-color: transparent;
    transform: rotate(0deg) !important;
    display: flex;
    align-items: center;
	justify-content: center;
    z-index: 9;
	font-size: 22px;
	font-weight: 500;
}
.nav-list > li.current_page_ancestor .submenu-button::after, .nav-list > li.has-submenu .submenu-button.submenu-opened::after{
	content: "-";
}
#mobile-menu .dropdown-link::before {
	background: none !important;
}
.widget{
	background: var(--chalk);
	padding: 20px;
	border-radius: 20px;
}
.team-box{
	padding: 0;
	text-align: center;
	line-height: 1.2;
	position: relative;
}
.team-box-img{
	border: 1px solid var(--primary);
}
.team-box img{
	height: 290px;
	object-fit: cover;
	width: 100%;
	object-position: top;
}
.team-box .team-box-title{
	margin-top: 5px;
	margin-bottom: 0;
}
.team-box-content .result{
	color: var(--primary);
}
.topper_position{
	width: 50px;
	height: 50px;
	background: var(--primary);
	color: var(--white);
	font-weight: bold;
	font-size: 22px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -25px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.topper_position sup{
	font-weight: normal;
	font-size: 10px;
}
.mask-img{
	display: none;
}
/*style 2*/
.team-box.style-2{
	border: 1px solid var(--primary);
	height: 100%;
	background: var(--white);
}
.team-box.style-2 .team-box-img{
	border: 0;
}
.team-box.style-2 .topper_position{
	border: 2px solid var(--white);
	background: var(--blue);
}
/*style 3*/
.team-box.style-3{
	border: 0;
	height: 100%;
	overflow: visible;
}
.team-box.style-3 .team-box-img{
	border: 0;
}
.team-box.style-3 .team-box-title{
	margin-top: 0;
}
.team-box.style-3 .team-box-img img{
	clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0% 80%, 0 0);
}
.team-box.style-3 .team-box-content{
	background: var(--yellow);
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.25);
}
/*style 4*/
.team-box.style-4{
	border: 0;
	height: 100%;
	overflow: visible;
}
.team-box.style-4 .team-box-img{
	border: 0;
}
.team-box.style-4 .team-box-title{
	margin-top: 0;
}
.team-box.style-4 .team-box-img{
	height: 240px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.team-box.style-4 .team-box-img > img{
	width: 180px;
	height: 180px;
	border-radius: 50%;
	border: 1px solid var(--primary);
}
.team-box.style-4 .team-box-title{
	font-size: 18px
}
.team-box.style-4 .team-box-content{
	background: #ffc23d;
	border-radius: 10px;
	padding: 5px;
	margin-top: 20px;
	font-size: 15px;
}
.team-box.style-4 .mask-img{
	position: absolute;
	top: -4px;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.team-box.style-4 .mask-img img{
	width: 240px;
	height: 240px;
}
.team-box.style-4 .topper_position{
	top: auto;
	bottom: -13px;
	border-radius: 10px;
	background-color: #ffc23d;
	color: var(--primary);
	z-index: 1;
	height: 40px;
	width: 60px;
}
@media screen and (max-width: 768px) {
	.team-box.style-4 .team-box-img{
		height: 200px;
	}
	.team-box.style-4 .team-box-img > img{
		width: 140px;
		height: 140px;
	}
	.team-box.style-4 .mask-img img{
		width: 200px;
		height: 200px;
	}
	.team-box.style-4 .team-box-title{
		font-size: 17px;
	}
	.team-box.style-4 .team-box-content{
		font-size: 12px;
	}
	.team-box.style-4 .topper_position{
		height: 40px;
		width: 50px;
		font-size: 16px;
		bottom: 0px;
	}
}

.text__char {
	display: block;
	position: absolute;
	top: 0;
	left: calc(50% - 70px);
	height: 70px;
	width: 140px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	transform-origin: bottom center;
	transform: rotate(var(--char-rotate));
	color: var(--primary);
  }
  
  @keyframes identifier {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(1turn);
	  transform: rotate(1turn);
	}
  }
  .about-experience{
	position: absolute;
	top: 50%;
	z-index: 999;
	width: 140px;
	margin-left: -70px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
  }
  .about-experience .years{
	display: flex;
	margin: 0;
	animation: identifier 20s linear infinite;
	animation-direction: reverse;
	transition: all 0.3s;
	font-size: 36px;
	width: 80px;
	height: 80px;
	background: var(--white);
	font-weight: bold;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	columns: var(--dark);
  }

@media (max-width: 991px) {
    .navsticky-menu ul {
        flex-direction: column;
        align-items: flex-start;
        display: none;
        width: 100%;
    }
	.navsticky-menu ul li{
       	width: 100%;
    }
    .navsticky-menu ul.show {
        display: flex;
    }
    .navsticky-menu a {
        width: 100%;
        padding: 10px 15px;
    }
    .menu-toggle {
        display: flex;
		align-items: center;
        position: relative;
    }
	.about-experience{
		margin-left: -40px;
	}
}
.career-box{
	padding: 30px;
	border-radius: 20px;
	background: var(--chalk);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.copyrightmenu{
	display: flex;
	justify-content: flex-end;
	gap: 20px;
}
.copyrightmenu li a{
	color: var(--white);
}
@media(max-width: 991px){
	.copyrightmenu{
		justify-content: center;
	}
}
.footercall{
	position: fixed;
	bottom: 20px;
	left: 10px;
	display: grid;
	gap: 20px;
	z-index: 1;
}
.footercall .phone{
	background: var(--white);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 40px;
	height: 40px;
}
.footercall .phone img{
	max-width: 30px;
	max-height: 30px;
}
.footercall .whatsapp{
	position: relative;
}
.footercall .phone:before {
    position: absolute;
    content: " ";
    z-index: -1;
    top: -15px;
    left: -15px;
	background-color: var(--primary);
	width: 70px;
  	height: 70px;
    border-radius: 100%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 0.6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.footercall .whatsapp:before {
    position: absolute;
    content: " ";
    z-index: -1;
    top: -15px;
    left: -15px;
	background-color: #10b418;
	width: 70px;
  	height: 70px;
    border-radius: 100%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 0.6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.6);
        opacity: .6;
    }
    75% {
        -webkit-transform: scale(0.9);
        opacity: .3;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0.3);
        opacity: 1;
    }
    50% {
        transform: scale(0.6);
        opacity: .6;
    }
    75% {
        transform: scale(0.9);
        opacity: .3;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.boxservice{
	background: var(--white);
	box-shadow: 0 0px 11px 0 rgba( 31, 38, 135, 0.1 );
}
.boxservice h3{
	margin: 0;
	padding: 5px 15px;
	background: var(--primary);
	color: var(--white);
	font-size: 18px;
}
.boxservice .boxservice-content{
	padding: 15px;
}

.event-grid{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
}

.event-items{
	display: flex;
	gap: 20px;
}
.event-items .event-image{
	width: 270px;
	min-width: 270px;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(18,96,254,0.12);
}
.event-items .event-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
	max-height: 200px;
}
.event-items .event-content{
	padding: 20px;
	width: 100%;
	background: var(--white);
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(18,96,254,0.12);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.event-title{
	margin-bottom: 10px;
	font-weight: 600;
}
.event-date{
	display: flex;
	gap: 10px;
	border: 1px solid var(--border);
	border-radius: 30px;
	padding: 7px 15px;
	width: fit-content;
	align-items: center;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
}
.event-date .date{
	display: flex;
	gap: 5px;
	align-items: center;
}
.event-date .time{
	display: flex;
	gap: 5px;
	align-items: center;
}
.event-btn{
	border-left: 1px solid var(--border);
	padding-left: 15px;
	width: 200px;
}
.event-location{
	display: flex;
	gap: 5px;
	align-items: center;
}
.footer-blink{
	position: fixed;
	top: 30%;
	right: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	align-items: flex-end;
	z-index: 1;
}
.footer-blink a{
	color: var(--white);
	font-size: 14px;
	font-weight: 600;
	padding: 6px 15px;
	background: var(--red);
	border-radius: 30px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0 4px 20px rgba(18,96,254,0.12);
	border: 8px rgba(135, 194, 235, 0.15) solid;
	border-right: 0px;
	box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.19);
	background-clip: padding-box;
	animation: blink 1s step-start infinite;
}
@keyframes blink {
	50% {
		background: var(--yellow);
		color: var(--dark);
		background-clip: padding-box;
	}
	
}

@media screen and (max-width: 991px) {
	.event-items{
		flex-direction: column;
		box-shadow: 0 4px 20px rgba(18,96,254,0.12);
		padding: 20px;
		border-radius: 10px;
	}
	.event-items .event-image{
		width: 100%;
		height: 200px;
		box-shadow: none;
	}
	.event-items .event-content{
		flex-direction: column;
		align-items: flex-start;
		box-shadow: none;
		padding: 0;
	}
	.event-btn{
		width: 100%;
		border-left: 0;
		padding-left: 0;
		margin-top: 10px;
	}
}
@media screen and (max-width: 767px) {
	.footer-blink{
		display: none;
	}
}

.calendar-section {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 7px rgba(0,0,0,0.12);
}

.calendar-section .section-title {
    color: var(--dark);
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.calendar-header button {
    background: #f0f0f0;
    border: none;
    padding: 3px 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.calendar-header button:hover {
    background: #e0e0e0;
    transform: scale(1.05);
}

.calendar-header button:active {
    transform: scale(0.95);
}

.calendar-header h4 {
    margin: 0;
    font-size: 20px;
    color: #333;
    min-width: 150px;
    text-align: center;
}

.calendar-grid {
    border: 1px solid #eee;
    border-radius: 4px;
}

.weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
}

.weekday {
    padding: 6px;
    text-align: center;
    font-weight: bold;
    color: #666;
	font-size: 14px;
}

.days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    background: #eee;
	font-size: 14px;
}

.day {
    background: #fff;
    min-height: 40px;
    padding: 0;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
}

.day:hover {
    background: #f5f5f5;
}

.day.empty {
    background: #f9f9f9;
}

.day.has-events {
    background: #e3f2fd;
}

.day.has-events:hover {
    background: #bbdefb;
}

.date {
    font-weight: bold;
    color: #333;
}

.event-title {
    font-size: 12px;
    margin-top: 5px;
    line-height: 1.2;
}

.event-title a {
    color: #1976d2;
    text-decoration: none;
    display: block;
    padding: 2px 4px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.8);
}

.event-title a:hover {
    background: #fff;
    text-decoration: underline;
}

/* Modal Styles */
.event-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.event-modal-content {
    position: relative;
    background: #fff;
    width: 90%;
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.close-modal {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
    color: #666;
}

.event-details {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.event-image {
    width: 200px;
    height: 150px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}

.event-info {
    flex: 1;
}

.event-title {
    margin: 0 0 10px 0;
    font-size: 20px;
    color: #333;
}

.event-dates {
    color: #666;
    margin-bottom: 10px;
}

.event-description {
    color: #666;
    margin-bottom: 15px;
    line-height: 1.5;
}

.event-link {
    display: inline-block;
    padding: 2px;
    background: var(--primary);
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

.event-link:hover {
    background: var(--primary);
}

@media (max-width: 768px) {
    .day {
        min-height: 40px;
    }
    
    .weekday {
        padding: 2px;
        font-size: 12px;
    }
    
    .date {
        font-size: 12px;
    }
    
    .event-title {
        font-size: 11px;
    }
    
    .event-details {
        flex-direction: column;
    }
    
    .event-image {
        width: 100%;
        height: 200px;
    }
}

.calendar-wrapper {
    transition: opacity 0.3s ease;
}

.calendar-event {
    position: relative;
    cursor: pointer;
    background: #e3f2fd;
    border-radius: 4px;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar-event .event-link {
    color: var(--white);
    text-decoration: none;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.3s ease;
    font-size: 1rem;
}

.calendar-event::after {
    content: attr(data-event-title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.9rem;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.calendar-event:hover::after {
    opacity: 1;
    visibility: visible;
    bottom: 120%;
}

@media (max-width: 768px) {
    .calendar-event::after {
        font-size: 0.8rem;
        padding: 6px 10px;
    }
}

.birthday-section{
	padding: 20px;
	background-color: var(--white);
	border-radius: 8px;
	box-shadow: 0 1px 7px rgba(0,0,0,0.12);
	height: 100%;
}
.birthday-section .section-title{
	margin-bottom: 20px;
	text-align: center;
}
.birthday-body{
	background-image: url(images/bg-birthday.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	width: 100%;
	z-index: 1;
}
.birthday-body::before{
	content: '';
	position: absolute;
	background-image: url(images/birthday.svg);
	background-position: top;
	background-repeat: no-repeat;
	width: 100%;
	height: 100px;
	left: 0;
	top: -10px;
	z-index: -1;
}
.birthday-card {
    display: flex;
    align-items: center;
	flex-direction: column;
    gap: 15px;
    padding: 15px;
	position: relative;
	margin-top: 20px;
}

.birthday-card:last-child {
    border-bottom: none;
}

.birthday-image {
    width: 180px;
    height: 180px;
    border-radius: 50%;
	margin: 0 auto;
    overflow: hidden;
}

.birthday-image img {
    width: 100%;
    height: 100%;
	border-radius: 50%;
    object-fit: cover;
	border: 5px solid var(--yellow);
}

.birthday-info {
    text-align: center;
	line-height: 1.2;
}

.student-name {
    margin: 0;
    color: var(--dark);
}

.student-class {
    margin: 0;
    font-size: 16px;
    color: var(--text);
}

.birth-date {
    margin: 0;
    font-size: 18px;
    color: var(--dark);
}

.no-birthdays {
    text-align: center;
    color: #666;
    font-style: italic;
    padding: 20px 0;
}
.birth-wish{
	animation: blink 1s step-start infinite;
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 20px;
	background: var(--red);
	color: var(--white);
	margin-bottom: 10px;
	display: inline-flex;
}
.alumni-section{
	padding: 20px;
	background-color: var(--white);
	border-radius: 8px;
	box-shadow: 0 1px 7px rgba(0,0,0,0.12);
	height: 100%;
}
.alumni-section .alumni-header h3{
	margin-bottom: 20px;
	text-align: center;
}
.alumni-section .alumni-image{
	width: 180px;
	height: 180px;
	margin: 0 auto;
	border-radius: 50%;
	margin-bottom: 10px;
}
.alumni-section .alumni-image img{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-radius: 50%;
	object-fit: cover;
}
.alumni-info{
	text-align: center;
}
.alumni-info h3{
	margin: 0;
}
.alumni-section p{
	margin: 0;
}