/*
Theme Name: aryan
*/
:root {
	--h1size: 46px;
	--h2size: 36px;
	--h3size: 24px;
	--h4size: 20px;
	--h5size: 18px;
	--h6size: 16px;
	--bodysize: 18px;
	--h1height: 58px;
	--h2height: 48px;
	--h3height: 32px;
	--h4height: 28px;
	--h5height: 26px;
	--h6height: 26px;
	--bodyheight: 30px;
	--pfamily: 'Raleway', sans-serif;
	--red: #e93e2d;
	--gray: #777777;
	--text: #4a4a4a;
	--blue: #ff6682;
	--darkblue: #324486;
	--white: #ffffff;
	--chalk: #c5d8f9;
	--green: #10a69a;
	--purple: #b12fad;
	--orange: #ef7f1a;
	--dark: #000000;
	--yellow: #ffdd00;
	--body: #f5f6f7;
	--border: #eef0f6;
	--heading: #39404a;
	/* --primary: #356df1; */
	--primary: #ff6682;
	--sub-heading: #565765;
	--green-chalk: #ddffd5;
	--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)
	}
	* {
		margin: 0px;
		padding: 0px;
		outline: 0px
	}
	.bg-primary{
		background: var(--primary) !important;
	}
	img {
		vertical-align: middle;
		max-width: 100%;
		height: auto;
	}
	a {
		text-decoration: none;
		display: inline-block;
		color: var(--darkblue);
	}
	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(--dark);
		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(--darkblue);
		margin-bottom: 30px;
	}
	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
	}
	.header-media-group h1{
		font-size: 28px;
		line-height: 32px;
		margin: 0;
	}
	@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;
	}
	.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
	}
	
	@media (max-width: 767px) {
		.section-heading h2 {
			font-size: 28px;
			line-height: 36px
		}
		.section{
			padding: 40px 0;
		}
		.cta-banner-content{
			flex-wrap: wrap;
			text-align: center;
			justify-content: center !important;
		}
		.cta-banner-content h4{
			margin-bottom: 20px !important;
		}
		.sticky-social{
			position: fixed;
			bottom: 15%;
			left: 0;
			z-index: 9;
			top: inherit !important;
		}
		.sticky-social .email{
			display: none;
		}
	}

	.breadcrumb{
		background:#f9f9f9;
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
		font-size: 13px;
	}
	.breadcrumb li{
		padding:0 5px;
	}
	.breadcrumb li a{
		padding-right: 15px;
		position: relative;
		display: flex;
		align-items: center;
		color: var(--dark);
	}
	.breadcrumb-item+.breadcrumb-item::before{
		content: '';
	}
	.breadcrumb li a::after{
		content: "\f285";
		font-family: 'bootstrap-icons';
		position: absolute;
		right: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
	}
	}
	.btn {
		padding: .75rem 1.25rem;
	}
	.btn-primary, .wp-block-button__link {
		background: var(--primary);
		border-color: var(--primary);
		border-radius: .25rem;
		transition: all .3s ease-out 0s;
		font-size: 16px;
		font-weight: bold;
		padding: .75rem 1.25rem;
	}
	.btn-primary:hover, .wp-block-button__link:hover {
		background: var(--yellow);
		border-color: var(--yellow);
	}
	.btn-success {
		background: var(--primary);
		border-color: var(--primary);
		border-radius: 5px;
		transition: all .3s ease-out 0s;
		font-size: 16px;
		text-transform: uppercase;
	}
	.btn-outline-primary{
		border-color: var(--primary);
		color: var(--primary);
		border-width: 2px;
		padding: 8px 40px;
	}
	.is-style-outline>.wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background){
		border-color: var(--border);
	}
	.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: 60px 0px;
		margin-bottom: 0;
		position: relative;
		z-index: 1;
		height: 600px;
		background-position: center center;
		background-size: cover;
		align-items: center;
	}
	.slider-form{
		padding:30px;
		background: rgba(255,255,255,1);
		border-radius: 10px;
		position: relative;
	}
	.banner-part::after {
		position: absolute;
		content: "";
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: -1;
		opacity: 1;
		/* background:linear-gradient(0deg,rgba(0,1,9,.8) -2.84%,rgba(0,2,17,0) 67.7%,rgba(0,2,17,.1) 99.11%);
		background:-webkit-linear-gradient(0deg,rgba(0,1,9,.8) -2.84%,rgba(0,2,17,0) 67.7%,rgba(0,2,17,.1) 99.11%); */
		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: 22px;
		font-size: 48px;
		font-weight: 700;
	}
	.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 img {
		max-width: 100%;
		max-height: 450px;
	}
	.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{
		animation: 2.0s fadeInUp;
	}
	@-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: 767px) {
	.banner-content h1 {
		font-size: 38px;
		line-height: 48px
	}
	.banner-img {
		display: none
	}
	.banner-btn .btn {
		margin: 8px
	}
	.banner-part{
		height: auto;
		max-height: inherit;
	}
	.banner-content{
		margin-bottom: 30px;
	}
	}
	
	@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(--yellow);
	}
	.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, .dropdown-arrow.active::before{
		color: var(--dark)
	}
	.dropdown-arrow::before {
		position: absolute;
		content: "\f282";
		font-family: "bootstrap-icons";
		top: 50%;
		right: 8px;
		font-size: 15px;
		line-height: 15px;
		color: var(--white);
		-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-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: "\f64d";
		font-family: "bootstrap-icons";
		font-size: 20px;
		font-weight: 900;
		-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(--white)
	}
	.dropdown-link.active::before {
		color: var(--white);
		content: "\f2ea";
		font-family: "bootstrap-icons";
	}
	.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: 0;
		padding: 10px 15px 10px 35px;
		color: var(--white);
		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(--dark);
		background: var(--chalk)
	}
	.dropdown-list li a::before {
		position: absolute;
		top: 50%;
		left: 15px;
		content: "\f2ea";
		font-family: "bootstrap-icons";
		font-size: 10px;
		font-weight: 900;
		-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: 250px;
		height: auto;
		visibility: hidden;
		opacity: 0;
		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);
		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-position-list li a {
		width: 100%;
		font-size: 15px;
		line-height: 18px;
		padding: 10px 15px;
		color: var(--dark);
		font-weight: 300;
		background: var(--white);
		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-position-list li a:hover {
		color: var(--dark);
		background: var(--yellow);
	}
	#primary-menu ul li{
		position: relative;
	}
	#primary-menu ul li ul:not(.dropdown-megamenu){
		position: absolute;
		top: 0;
		left: 250px;
		z-index: 2;
		width: 250px;
		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;
		top: 50%;
		right: 15px;
		content: "\f285";
		font-family: "bootstrap-icons";
		font-size: 10px;
		font-weight: 900;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.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(--dark);
		background: var(--yellow);
	}
	li.dropdown-megamenu:hover > .dropdown-position-list a:hover, li.dropdown-megamenu:hover > .dropdown-position-list a.active{
		color: var(--white);
		background: var(--yellow);
	}
	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: rgba(255,255,255,0.2);
	}
	#mobile-menu li.current-menu-item > a{
		
	}
	#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: 6px;
		padding: 12px 20px;
		color: var(--text);
		background: var(--white);
		border: 2px solid var(--border)
	}
	.form-control:focus-within, textarea:focus {
	background:var(--chalk);
	border-color:var(--primary);
	-webkit-box-shadow:none;
	box-shadow:none;
	outline:0
	}
	.form-control[type=file]::-webkit-file-upload-button, .form-control[type=file]::file-selector-button {
	
	height:45px;
	
	
	color:var(--gray)
	}
	.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 {
	
	}
	.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;
		padding-right: 25px;
	}
	.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 input {
		padding: 0px 20px 2px 45px
	}
	.form-input-group textarea {
		padding: 12px 20px 12px 45px
	}
	.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
	}
	}
	
	@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);
		text-shadow: var(--primary-tshadow);
		-webkit-box-shadow: var(--primary-bshadow);
		box-shadow: var(--primary-bshadow);
		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{
		font-size:12px;
	}
	thead tr {
		background: var(--primary);
	}
	thead tr th {
		font-size: 15px;
		font-weight: bold;
		white-space: nowrap;
		text-align: center;
		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;
		text-align: center;
		border-right: 1px solid var(--border);
		vertical-align: middle;
	}
	
	.table-name {
		white-space: nowrap;
		text-transform: capitalize
	}
	.table-image img {
		width: auto;
		height: 100px
	}
	.table-price h6 {
		white-space: nowrap
	}
	.table-price h6 small {
		font-size: 13px;
		margin-left: 3px;
		color: var(--gray);
		font-family: sans-serif
	}
	.table-desc p {
		width: 150px;
		font-size: 15px;
		text-align: left
	}
	.table-desc p a {
		text-transform: capitalize
	}
	.table-desc p a:hover {
		text-decoration: underline
	}
	.table-vendor a {
		font-weight: 500;
		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
	}
	.table-vendor a:hover {
		color: var(--primary)
	}
	.table-status h6 {
		text-transform: capitalize
	}
	.table-status .stock-in {
		color: var(--purple)
	}
	.table-status .stock-out {
		color: var(--orange)
	}
	.table-shop {
		width: 180px
	}
	.table-shop .product-add {
		color: var(--white);
		background: var(--primary)
	}
	.table-shop .action-plus i, .table-shop .action-minus i {
		background: var(--white)
	}
	.table-action a i {
		width: 35px;
		height: 35px;
		font-size: 16px;
		line-height: 35px;
		text-align: center;
		display: inline-block;
		border-radius: 5px;
		margin: 3px;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}
	.table-action .view i {
		color: var(--yellow);
		background: var(--white)
	}
	.table-action .view i:hover {
		color: var(--white);
		background: var(--yellow)
	}
	.table-action .wish i {
		color: var(--yellow);
		background: var(--white)
	}
	.table-action .wish.active i {
		color: var(--white);
		background: var(--yellow)
	}
	.table-action .trash i {
		color: var(--red);
		background: var(--white)
	}
	.table-action .trash i:hover {
		color: var(--white);
		background: var(--red)
	}
	
	@media (max-width: 1199px) {
	.table-scroll {
		overflow-x: scroll
	}
	}
	.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: 400;
		list-style: decimal
	}
	.nav-pills .nav-link.active {
		color: var(--primary);
		background: transparent
	}
	
	@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(--primary);
		margin-bottom: 0;
	}
	.about-section .about-image-section{
		position: relative;
		padding: 0px 50px 50px 0px;
		max-width: 94%;
	}
	.wp-block-column .about-section .about-image-section{
		padding: 0;
		max-width: 94%;
	}
	.about-section .about-image{
		position: relative;
		overflow: hidden;
		z-index: 1;
		border-radius: 20px;
	}
	.about-section .about-image-section p{
		position: absolute;
		display: inline-block;
		border: 5px solid var(--primary);
		height: 73%;
		width: 92%;
		right: 0;
		bottom: 0;
		border-radius: 20px;
		z-index: 0;
		margin-bottom: 0;
	}
	.about-section ul{
		margin-bottom: 30px;
		font-weight: 400;
	}
	.about-section ul li{
		position: relative;
		padding-left: 30px;
		font-weight: 400;
	}
	.about-section ul li::before{
		font-family: "bootstrap-icons";
		content: "\f270";
		position: absolute;
		left: 0;
		top: 0;
		color: var(--yellow);
	}
	.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)
	}
	
	@media (max-width: 575px) {
	.testimonial-card {
		margin: 0px 0px 30px;
		padding: 25px 25px 0px
	}
	.testimonial-card p {
		font-size: 18px;
		line-height: 28px
	}
	.about-section .about-image-section{
		margin: 0 auto;
	}
	}
	
	@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 {
		margin-left  : -80px;
		margin-right : -80px;
	}
	.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 .blog-card {
		margin: 0px 15px 25px;
		background: var(--white);
	}
	.blog-card {
		margin-bottom: 0;
		box-shadow: 0 30px 40px 0 rgba(1,11,60,.06);
		border-radius: 6px;
		background: var(--white);
	}
	.card-footer {
		padding: 15px 30px;
		background-color: transparent;
		border-top: 1px solid #f0f0f5;
	}
	.blog-card:hover .blog-img img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	.blog-media {
		position: relative
	}
	.blog-media > a{
		width: 100%;
	}
	.blog-media a img{
		height:240px;
		width: 100%;
		object-fit: cover;
		overflow: hidden;
	}
	.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(--darkblue);
		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 {
		color: var(--gray);
		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
	}
	}
	
	.header-top {
		padding: 5px 0px;
		background: var(--primary);
		font-size: 13px;
		color: var(--white);
	}
	.header-top-welcome p {
		font-size: 14px;
		color: var(--white);
		letter-spacing: 0.3px
	}
	
	.header-top-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.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: 300;
		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
	}
	.header-top .btn{
		padding: 5px 8px;
		border:0;
		color: #121315;
		font-size: 13px;
		border-radius:5px;
	}
	.header-part .btn{
		border:0;
		font-size: 12px;
		border-radius:5px;
	}
	.header-top .btn:hover{
		color: #000;
	}
	.header-top-list li a:hover {
		color: var(--chalk)
	}
	
	@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
	}
	.header-part{
		position: sticky;
		position: -webkit-sticky;
		top: 0;
		z-index: 99;
		box-shadow: 2px 8px 15px 0px rgba(0,0,0,0.15);
	}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
	.header-top-welcome {
		text-align: center;
		margin-bottom: 10px
	}
	}
	.header-part {
		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
	}
	body.admin-bar .header-navmain.active{
		top:32px;
	}
	.header-navmain{
		position: relative;
		background: var(--blue);
	}
	.header-navmain.active {
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 3;
		-webkit-box-shadow: 2px 8px 15px 0px rgba(0,0,0,0.15);
		box-shadow: 2px 8px 15px 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
	}
	
	.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: 12px 0px;
		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
	}
	.header-logo {
		margin-right: 50px
		}
	.header-logo h1{
		margin: 0;
		font-size: 28px;
		line-height: 32px;
	}
	.header-logo img {
		width: auto;
		height: 70px;
		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(--darkblue);
	}
	.header-widget:hover span {
		color: var(--darkblue)
	}
	.header-widget img {
		width: 40px;
		height: 40px;
		border-radius: 50%
	}
	.header-widget i {
		width: 48px;
		height: 48px;
		font-size: 20px;
		line-height: 45px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		color: var(--dark);
		background: var(--yellow);
		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;
		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;
		color: var(--primary);
	}
	.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(--chalk);
		border: 1px solid var(--border);
		display: -webkit-box;
		display: -ms-flexbox;
		display: none;
		-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(--chalk);
	border-color:var(--primary)
	}
	.header-form input {
		width: 100%;
		height: 45px;
		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(--dark);
		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: 45px
	}
	.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) {
	.header-content {
		padding: 10px 0px;
		-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
	}
	}
	
	@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: space-between;
		width: 100%;
	}
	.navbar-item {
		margin-right: 0;
	}
	.dropdown-position-list .navbar-item{
		margin-right: 0;
	}
	.navbar-item:last-child {
		margin-right: 0px
	}
	.navbar-link {
		padding: 14px 15px;
		font-weight: 500;
		font-size: 16px;
		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;
		position: relative;
	}
	.navbar-link.dropdown-arrow{
		padding-right: 30px !important;
	}
	.navbar-link:hover, .navbar-link.active {
		color: var(--dark);
		background: var(--yellow);
	}
	#primary-menu .navbar-link.active::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		height: 4px;
		background: var(--darkblue);
		width: 100%;
	}
	.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 p small {
		font-size: 14px;
		line-height: 16px;
		display: block;
		text-align: left;
		text-transform: capitalize
	}
	.navbar-info p span {
		font-size: 15px;
		font-weight: 500
	}
	.navbar-part{
		width: 100%;
	}
	
	@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: -110%;
		width: 100%;
		height: 100vh;
		padding: 0px;
		z-index: 5003;
		background: var(--yellow);
		color: var(--white);
		-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: 15px 30px;
		position: relative;
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}
	.nav-header a img {
		width: auto;
		height: 40px
	}
	.nav-close {
		position: absolute;
		top: 50%;
		right: 30px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.nav-close i {
		width: 35px;
		height: 35px;
		font-size: 40px;
		line-height: 35px;
		border-radius: 50%;
		text-align: center;
		display: inline-block;
		color: var(--white);
		background: var(--yellow);
		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);
	}
	.nav-content {
		padding: 0px 18px;
		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: 12px 15px;
		border-radius: 0;
		font-weight: bold;
		font-size: 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
	}
	.nav-link:hover {
		color: var(--text);
	}
	.nav-sidebar .nav-link:hover {
		background: var(--chalk);
		color: var(--dark);
	}
	.nav-link::before {
		right: 15px
	}
	.nav-link i {
		font-size: 20px;
		margin-right: 0
	}
	.nav-link.active {
		color: var(--white);
	}
	.nav-info-group {
		padding: 20px 0px;
		margin-top: 15px;
		margin-bottom: 0;
		border-top: 1px solid rgba(255,255,255,0.2);
		/* border-bottom: 1px solid rgba(255,255,255,0.2); */
		color: var(--white);
	}
	.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(--white)
	}
	.nav-info p small {
		font-size: 14px;
		line-height: 18px;
		display: block;
		text-align: left;
		text-transform: capitalize
	}
	.nav-info p span {
		font-size: 20px;
		font-weight: bold;
	}
	.nav-info a {
		color: var(--white);
	}
	.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(--dark);
		padding-top: 30px;
		color: var(--white);
		font-weight: 300;
		position: relative;
		z-index: 1;
	}
	/* .footer::before{
		background: url(images/footer-bg-1.png);
		position: absolute;
		content: '';
		bottom: 0;
		top: 0;
		width: 100%;
		z-index: -1;
	} */
	.footer h4{
		font-size: 22px;
		color: var(--white);
		margin-bottom: 20px;
	}
	.footer .widget_nav_menu{
	
	}
	.footer .widget_nav_menu ul li a{
		color: var(--white);
		position: relative;
		display: flex;
		margin: 0 0 10px 0px;
		font-size: 15px;
	}
	.footer .widget_nav_menu ul li a::before{
		display: inline-block;
		content: "\f269";
		font-family: "bootstrap-icons";
		top: 5px;
		position: relative;
		margin-right: 8px;
		opacity: 1;
		font-size: 20px;
		line-height: 1;
		color: var(--white);
	}
	.category-sidebar {
		position: fixed;
		top: 0px;
		left: -320px;
		width: 280px;
		height: 100vh;
		z-index: 5;
		background: var(--white);
		-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;
	}
	.intro-wrap .intro-quote i {
		font-size: 72px;
		color: var(--primary);
		opacity: 0.5;
	}
	.intro-icon {
		margin-right: 20px;
	}
	.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);
	}
	.testimonial-item{
		background: var(--white);
		padding: 40px;
		margin: 15px;
		border-radius: 30px;
		box-shadow: 0px 0px 25px 0px hsl(0deg 0% 0% / 5%);
	}
	.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;
		justify-content: flex-end;
	}
	.footer-social li {
		display: inline-block;
		margin: 0 13px;
	}
	.footer-social li a {
		border-radius: 50%;
		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
	}
	.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: 34px;
		height: 34px;
		border-radius: 50%;
	}
	.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;
		align-items: center;
		margin-bottom: 18px
	}
	.footer-contact p {
		margin-bottom: 0;
	}
	.footer-contact li:last-child {
		margin-bottom: 0px
	}
	.footer-contact li i {
		font-size: 24px;
		margin-right: 15px;
		color: var(--white);
	}
	.footer-contact li p span {
		display: block
	}
	.footer-contact li a{
		color:var(--white);
	}
	.footer-links ul li:last-child {
		margin-bottom: 0px
	}
	.footer-links ul li a {
		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
	}
	.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;
		border-top: 1px solid rgba(255,255,255,0.1);
		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
	}
	.footer-copytext {
		font-size: 15px;
		color: var(--white)
	}
	.footer-copytext a {
		color: var(--green-chalk)
	}
	.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
	}
	.footer-social{
		justify-content: center;
	}
	}
	
	@media (max-width: 1199px) {
	.footer-part {
		padding-top: 50px
	}
	.footer-widget {
		margin-bottom: 0
	}
	.footer-bottom {
		margin-top: 10px
	}
	}
	
	@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 .intro-part{
		padding-bottom: 0;;
	}
	.footer{
		padding-top:40px;
	}
	.footer-widget {
		margin-bottom: 0
	}
	.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;
		margin-left: 5px;
		padding: 25px 25px 25px;
		background: var(--white);
		box-shadow: 0 30px 50px 0 rgba(1,11,60,.1);
		border-radius: 6px;
	}
	.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)
	}
	.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;
	}
	.wp-block-categories-list li a::before, .wp-block-archives-list li a::before{
		display: inline-block;
		content: "...";
		top: -2px;
		position: relative;
		margin-right: 10px;
		opacity: 1;
		font-size: 20px;
		line-height: 1;
		color: #2058bf;
	}
	.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
	}
	}
	
/**--page title--**/

.page-title{
	background: #EFEFEF;
	position: relative;
	width: 100%;
	padding: 0;
	text-align: center;
	height: 350px;
	display: flex;
	align-items: center;
}
.post-page-title{
	min-height: auto;
	padding: 30px 0 20px;
}
.page-title h1{
	font-size: 32px;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
}
.page-title span{
	position: relative;
	display: inline-block;
	text-align: center;
	background: rgba(255,255,255,0.8);
	padding: 5px 20px;
	border-radius: .25rem;
}
.page-title p{
	font-size: 18px;
	font-weight: 100;
}
.page-title-bg{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding-right: 0;
	height: 100%;
}
.page-title-bg > div{
	height:100%;
}
.page-title-content{
	z-index:9;
}
.page-title img{
	width:100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}
.btn-style{
	background:#00107d;
	color: #fff;
	padding: 8px 20px;
	 border-radius: 8px;
	display: inline-block;
	position: relative;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .4);
}

	.single-banner {
		background-size: cover !important;
		padding: 100px 0px;
		text-align: center;
		position: relative;
		z-index: 1;
		min-height: 400px;
		display: flex;
		align-items: center;
	}
	.s-banner-left{
		text-align: left;
		justify-content: start;
	}
	.s-banner-left .breadcrumb{
		justify-content: flex-start;
	}
	.banner-sm {
		padding: 30px 0px;
	}
	.single-banner::after {
		position: absolute;
		content: "";
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgba(0,3,32,.2);
		z-index: -1
	}
	.single-banner h1 {
		font-size: 38px;
		margin-bottom: 15px;
		text-transform: uppercase;
		color: var(--white);
		font-weight: bold;
		text-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
	
	@media (max-width: 767px) {
	.single-banner {
		padding: 30px 0px;
		min-height: auto;
	}
	.single-banner h1 {
		font-size: 28px;
		margin-bottom: 0
	}
	.page-title{
		flex-direction:column;
		height: 180px;
	}
	.page-title h1{
		font-size: 18px;
		line-height: 22px;
	}
	.breadcrumb{
		display: none;
	}
	}
	.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;
		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
	}
	.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;
	}
	
	.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{
		color: var(--primary);
	}
	.accordion .title{
		width: 100%;
		cursor:pointer;
		padding: 20px 30px 20px 20px;
		display: flex;
		align-items: center;
		font-weight: bold;
		color: var(--dark);
		border-radius: 5px;
		-webkit-backface-visibility: hidden;
			  backface-visibility: hidden;
	  transform: translateZ(0);
	  transition: all 0.2s;
	}
	.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;
	}
	.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(--yellow);
		color: var(--yellow);
		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(--yellow);
		background:var(--yellow);
		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-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: 2px 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: 5px;
		background: var(--white);
		position: relative;
	}
	.service-box:hover, .service-box.active{
		border-color: transparent;
		/* background-color: var(--primary); */
		box-shadow: 0 20px 30px 0 rgba(4,23,118,.3);
		/* color: var(--white); */
	}
	.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;
	}
	.service-icon{
		margin-bottom: 30px;
	}
	.service-icon i{
		font-size: 70px;
		color: var(--primary);
	}
	.service-box-title{
		margin-bottom:20px;
		font-weight: bold;
		font-size: 20px;
	}
	.service-box-text{
		margin-bottom:0;
	}
	.service-box-content a.link{
		margin-top:20px;
	}
	.service-box.style-2{
		display: flex;
	}
	.service-box.style-2 .service-box-thumb{
		min-width:80px;
		margin-right:15px;
	}
	.service-box.style-2 .service-icon{
		min-width:70px;
		margin-right:15px;
		margin-bottom: 0;
	}
	.service-box.style-2 .service-box-title{
		margin-bottom: 10px;
	}
	.service-box.style-2 .service-icon i{
		font-size: 60px;
		color: var(--blue);
	}
	.service-box.style-2:hover .service-icon i{
		color: var(--white);
	}
	
	.service-box.style-3{
		text-align: center;
		background: var(--yellow);
		color: var(--dark);
		border-radius: 30px;
		border: 0;
	}
	.service-box.style-3:hover, .service-box.style-3.active{
		background: var(--darkblue);
		color: var(--white);
	}
	.service-box.style-3 .service-box-title{
		color: var(--dark);
	}
	.service-box.style-3 .link{
		color:var(--dark);
	}
	.service-box.style-3.active .service-box-title, .service-box.style-3:hover .service-box-title, .service-box.style-3.active .link, .service-box.style-3:hover .link{
		color: var(--white);
	}
	.service-box.style-4{
		text-align: center;
	}
	.service-box.style-4 .service-box-title{
		color:var(--white);
	}
	.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: #285ec1;
		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);
	}
	@media (max-width: 767px) {
		.service_style_4{
			padding: 20px;;
		}
		.service-box-thumb img{
			height: 70px;
		}
	}
	.service-box.style-5{
		text-align: center;
	}
	.service-box.style-5 .service-box-title{
		color:var(--white);
	}
	.service_section_style_5{
		background-color:var(--primary);
		color:var(--white);
	}
	.service-box.style-5 .service-icon, .service-box.style-5 .service-box-thumb{
		width: 100px;
		height: 100px;
		border-radius:50%;
		margin: 0 auto 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.service-box.style-5 .service-icon i, .service-box.style-5 .link{
		color:var(--white);
	}
	.service_style_5 .service-box{
		background:transparent;
		border-color: transparent;
		color: var(--white);
		padding: 10px 20px;
	}
	.service_style_5 .service-box:hover{
		background:transparent;
		box-shadow: none;
	}
	.service_style_5 .section-heading h2, .service_style_5 .sub-title{
		color:var(--white);
	}
	.service-box.style-6{
		padding: 0;
	}
	.service-box.style-6 .service-box-thumb{
		margin-bottom: 0;
	}
	.service-box.style-6 .service-box-thumb img{
		width: 100%;
		height: 200px;
		object-fit: cover;
		margin-bottom: 0;
	}
	.service-box.style-6 .service-box-content{
		padding: 10px;
	}
	.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(--chalk);
	  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; 
	}
	
	.parent-menu > li.page_item_has_children > a{
		display: none;
	}
	.parent-menu li.current_page_item > a, .parent-menu li a:hover{
		color: var(--dark);
		background: var(--yellow);
	}
	.parent-menu li a::after {
		color: var(--dark);
		font-size: 15px;
		font-weight: 700;
		margin-left: auto;
		content: "\f138";
		font-family: "bootstrap-icons";
		padding: 5px 15px;
		border-radius: 4px;
	}
	.parent-menu li.current_page_item a::after {
		color: var(--dark);
		background: var(--yellow);
	}
	.parent-menu li a:hover::after{
		color: var(--dark);
	}
	.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;
	}
	@media only screen and (max-width: 768px) {
		.parent-menu{
			display: none;
		}
	}
	@media only screen and (max-width: 375px) {
		.parent-menu li a {
			font-size: 16px; 
		} 
	}
	.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{
		margin-bottom: 30px;
	}
	.bullets li{
		position: relative;
		padding-left: 30px;
		padding-top: 5px;
	}
	.bullets li::before{
		font-family: "bootstrap-icons";
		content: "\f26a";
		position: absolute;
		left: 0;
		top: 5px;
		color: var(--primary);
	}
	.bullets li li::before{
		color: var(--gray) !important;
	}
	.bullets.style-1 li::before{
		content: "\f633";
		color: var(--primary);
	}
	.bullets.style-2 li::before{
		content: "\f4b5";
		color: var(--primary);
	}
	.bullets.style-3 li::before{
		content: "\f26c";
		color: var(--primary);
	}
	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: 10px;
		justify-content: center;
		align-items: center;
		font-size: 12px;
		line-height: 12px;
		padding-bottom: 2px;
	}
	ol.bullets li li::before{
		color: var(--white) !important;
	}
	.sm-cta-banner{
		background:var(--primary);
		color: var(--white);
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px;
		border-radius: 5px;
	}
	.sm-cta-banner h4{
		color: var(--white);
		margin-bottom: 0;
	}
	.sm-cta-banner .btn{
		min-width: 120px;
	}
	.cta-banner{
		padding:30px 0;
		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;
		z-index: -1;
	}
	.cta-banner-content{
		color: var(--white);
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px;
	}
	.cta-banner-content h4{
		color: var(--white);
		margin-bottom: 0;
	}
	.cta-banner-content .btn{
		min-width: 140px;
	}
	/*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: 80px;
	}
	body.admin-bar .sidebar-sticky{
		top: 100px;
	}
	/*casestudy*/
	.casestudy-item {
		overflow: hidden;
		position: relative;
		margin-bottom: 10px;  
	}
	.casestudy-item:hover .casestudy-content {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
		background: var(--primary); 
	}
	.casestudy-item img {
		  width: 100%;
		  height: 300px;
		  object-fit: cover;
		  border-radius: 5px;
	}
	.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: var(--white);
		  border-radius: 5px;
		  width: calc(100% - 60px);
		  -webkit-transform: translateY(5px);
		  -ms-transform: translateY(5px);
		  transform: translateY(5px); 
	}
	.casestudy-item .casestudy-content .category {
			font-size: 12px;
			margin-bottom: 5px;
			display: inline-block; 
	}  
	.casestudy-item:hover .casestudy-content a {
		color: var(--white); 
	}
	.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); 
	}
	
	/*Video Player*/
	.video-player{
		width:100%;
		min-height: 250px;
		position: relative;
		margin-bottom: 30px;
	}
	.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;
		border: 8px solid var(--primary);
	}
	.overlay-play-icon:hover{
		background-color:rgba(0, 0, 0, 0.4);
	}
	.overlay-play-icon i{
		font-size: 48px;
		border-radius: 50%;
	}
	.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-details{
		background: var(--darkblue);
		color: var(--white);
		padding: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
		position: relative;
		z-index: 1;
	}
	.contact-details::before{
		background: url(images/wave.png) bottom right no-repeat;
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-size: cover;
		opacity: 0.5;
		z-index: -1;
	}
	.contact-info li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex; 
	}
	.contact-info li i {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		color: var(--white);
		margin: 5px 12px 0 0;
		width: 40px;
		height: 40px;
		background: rgba(255, 255, 255, 0.25);
		line-height: 40px;
		border-radius: 50%;
		text-align: center; 
	}
	.contact-info li a {
		color: var(--white);
	}
	.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;
	}

img[data-src] {
	opacity: 0;
	transition: opacity .25s ease-in-out;
	will-change: opacity;
}
img[data-src][src] {
	opacity: 1;
}
.brand-wrap{
	padding: 15px;
}

.action-area.marquee ul,
.action-area.marquee1 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.action-area.marquee ul li,
.action-area.marquee1 ul li {
    margin-bottom: 10px
}

.action-area.marquee ul li a{
    padding: 4px 0 0 30px;
    display: block;
    color: var(--darkblue);
    line-height: 30px;
    font-size: 18px;
    text-decoration: underline;
    position: relative
}

.action-area.marquee1 ul li a {
    padding: 4px 0 10px 30px;
    display: block;
    color: var(--darkblue);
    line-height: 30px;
    font-size: 20px;
    position: relative;
	border-bottom: 1px solid var(--primary);
	margin-bottom: 10px
}

.action-area.marquee ul li a:hover,
.action-area.marquee1 ul li a:hover {
    color: var(--google)
}

.action-area.marquee ul li a:after,
.action-area.marquee1 ul li a:after {
    content: "\f484";
	font-family: 'bootstrap-icons';
    color: var(--google);
    position: absolute;
    left: 0;
    font-size: 20px;
    top: 5px
}
.action-area.marquee > div{
	display: flex;
}
.marquee-head.action-area,
.marquee-head.action-area.marquee {
    height: auto;
    vertical-align: middle;
	background: var(--chalk);
	overflow: hidden;
}

.marquee-head.action-area ul li,
.marquee-head.action-area.marquee ul li {
    display: inline-block;
    margin: 0 20px 0 20px;
}

.marquee-head.action-area ul li a,
.marquee-head.action-area.marquee ul li a {
    padding: 4px 0 4px 30px;
}

.download-file{
	width:100%;
	border:2px solid var(--primary);
	margin-bottom: 30px;
	border-radius: .25rem;
}
.download-file .download-title{
	background:var(--primary);
	color: var(--white);
	font-size: 20px;
	font-weight: bold;
	padding: 10px 20px;
}
.download-file .download-title img{
	width: 30px;
	height: 30px;
	margin-right: 20px;
}
.download-file .download-body{
	padding: 0;
	display: table;
	width: 100%;
}
.download-file .download-body .download-img{
	max-width:209px;
	width: 209px;
	display: inline-block;
	float: left;
	margin-right: 30px;
	max-height: 209px;
}
.download-file .download-body .download-img img{
	height:209px;
	object-fit: cover;
	width: 100%;
}
.download-file .meta-container{
	display:flex;
	margin-top: 20px;
}
.event-card{
	border: 2px solid var(--primary);
	background: var(--chalk);
	height: 100%;
}
.event-card .border-bottom{
	border-bottom-color: var(--primary) !important;
}
.event-card .card-header{
	background: var(--primary);
	color: var(--white);
	font-size: 20px;
	font-weight: bold;
	padding: 10px 20px;
}
.event-media{
	position: relative;
}
.event-media-body{
	position: relative;
	padding-left: 80px;
}
.event-media i{
	position: absolute;
	left: 15px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--primary);
	color: var(--white);
}
.bg-light{
	background: var(--chalk) !important;
}
@media (max-width: 768px) {
	.download-file .download-title {
		text-align: center;
	} 
	.download-file .download-body {
		text-align: center;
	}
	.download-file .download-body .download-img{
		float: inherit;
		margin-right: 0;
	}
	.download-file .download-body .download-img img {
		height: 180px;
		width: 180px;
		border-radius: 50%;
		margin-top: 20px;		
	}
	.download-file .meta-container {
		display: grid;
		margin-top: 20px;
	}
	.download-file .download-desc{
		padding: 0 0 20px 0;
	}
}

.events-block{

}
.events-block li > a{
	display: flex;
	padding: 0;
	position: relative;
}
.events-block li .date{
	position: relative;
	background: var(--yellow);
	min-width: 60px;
	text-align: center;
	border-radius: 4px;
	padding: 2px 0;
	margin-right: 20px;
}
.events-block li .date span{
	display: block;
	font-size: 28px;
	font-weight: 600;
	color: var(--dark);
	line-height: 30px;
}
.events-block li {
	margin-bottom: 10px;
	border-bottom: 1px solid var(--primary);
	padding-bottom: 10px;
	min-height: 80px;
}
.events-block li:last-child{
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}
.events-block li h5{
	margin-bottom: 0;
}
.events-block li .date strong{
	display: block;
	border-top: 1px solid rgba(0,0,0,.1);
	padding: 3px 0 0 0;
	text-transform: uppercase;
	color: #000;
	font-size: 14px;
	letter-spacing: 2px;
	opacity: .7;
}
.blog-block li{
	margin-bottom: 10px;
	border-bottom: 1px solid var(--primary);
	padding-bottom: 10px;
}
.blog-block li:last-child{
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}
.blog-block li > a{
	display: flex;
}
.blog-block .blog-media{
	min-width: 80px;
	width: 80px;
	height: 72px;
	margin-right: 20px;
}
.blog-block .blog-media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}
.blog-block li h5{
	margin-bottom: 0;
}

.team-card {
	color: inherit;
	cursor: pointer;
	width: 100%;
	max-width: 380px;
	height: 320px;
	perspective: 1000px;
	position: relative;
	margin: 0 20px;
}
.team-card .front, .team-card .back {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transition: ease-in-out 600ms;
	background: var(--white);
	padding: 30px;
	border: 2px solid var(--primary);
	border-radius: 4px;
}
.team-card .front {
  overflow: hidden;
}
.team-card:hover .front {
  transform: rotateY(180deg);
}
.team-card .back {
  background: var(--primary);
  color: var(--white);
  transform: rotateY(-180deg);
}
.team-card:hover .back {
  transform: rotateY(0deg);
}
.team-card h3{
	font-size: 25px;
	margin-bottom: 0;
}
.team-card .team-thumb{
	width: 200px;
	height: 200px;
	margin: 0 auto;
	margin-bottom: 25px;
}
.team-card .team-thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-card .back > div{
	position: relative;
	width: 100%;
}
@media (max-width: 767px){
	.team-card{
		margin: 0 auto;
	}
}