:root{
	--sticky-top: 155px;
}
.sticky{
	top: var(--sticky-top)!important;
}
body {
	padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(
	  safe-area-inset-bottom,
	  20px
	) env(safe-area-inset-left, 20px);
}
.alert {
	background-color: #ffcfccd9!important;
	border: 1px dashed #f00!important;
	margin-bottom: 10px;
	position: relative;
    font-size: 16px;
    padding: 5px;
    border-radius: 5px;
}
.alert .close{
	margin-top: 0px;
	border-radius: 50%;
	color: #fff;
	background: #f00;
	border: 0px;
	width: 16px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
    right: 8px;
    top: 8px;
    font-size: 16px;
    padding: 5px;
}
.alert p.alert-title {
	color: #ff0000!important;
}
.sidebar{
	min-width: 320px;
}
.account-model li a.navbar-name, .account-model li a.navbar-name:hover{
	background: #e7e7e7;
	color: #000; 
	user-select: none;
}
@media(max-width: 768px){
	.chat-panel {
		bottom: 55px!important;
	}
}
input, textarea, select {
	border: 1px solid #E0E0E0;
	box-shadow: none;
	border-radius: 4px;
	margin: 0;
	padding: 6px 12px;
}

.container-full{
	padding: 0px 15px;
}
body{
	position: unset;
}
a {
    color: #2d2e2f;
}
.container {
    max-width: 1320px;
}
header{
	position: relative;
	z-index: 991;
	padding-bottom: 5px;
	border-bottom: 1px solid #f3f3f3;
	background: unset;
	backdrop-filter: blur(8px);
	
	top: 0;
	left: 0;
	width: 100%;
}
.main-menu{
	margin-top: 0px;
}
header .navbar-control{
	text-align: center;
    display: flex;
    align-items: center;
    gap: 30px;
}
.header-left{
    padding-right: 80px;
}
.extra-right-btn {
    position: absolute;
    right: 0;
    background: #ffffff7a;
    color: #000;
    width: 80px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    border-radius: 0px;
    margin-left: 30px;
    padding: 0px;
    min-width: unset;
    border-left: 1px solid #f3f3f3;
}
.extra-right-btn:hover {
    color: #fff;
}
.account-u-top .pd5{
	display: none;
}
header .navbar-control svg{
	margin: 0px auto;
}
.navbar-control a{
	color: #000; 
}
.navbar-control, .navbar-control > a{
	color: #000; 
	text-align: center;
	font-weight: 500;
	cursor: pointer;
	font-size: 14px;
    gap: 15px;
	align-items: end;
}
.navbar-control > a{
	width: max-content;
}
.navbar-control svg{ 
	display: block; 
}
.main-menu a{
	color: rgba(0, 0, 0, 1);
	font-weight: 500;
}
.logo{
	width: 272px;
	position: relative;
}
.search-picker {
	background: rgba(0, 48, 120, .039);
	border-radius: 6px;
	color: rgba(0, 26, 52, .6);
	margin: 2px;
	padding: 2px;
	cursor: pointer;
}
.search-picker:hover{
	background: rgb(8 145 170);
	color: rgb(255 255 255);
}
.search-picker span{
	line-height: 10px;
	font-size: 13px;
}
.search-picker svg{
}



.main-menu .menu-item{
	padding: 2px 10px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 15px;
}
.main-menu .menu-item svg{ display: none; }
.main-menu .menu-item:hover a{
	color: #0a89b0;
	text-decoration: underline;
}
.menu-item a{ 
	color: #2d2e2f; 
}
.menu-item a:after {
	content: "";
	margin-left: 4px;
	margin-top: 0px;
	background-image: url(/assets/glower/images/star.svg?v=1);
	display: inline-block;
	width: 12px;
	height: 12px;
	opacity: 0.3;
	transition: 0.5s;
}
.menu-item a:hover:after {
	opacity: 1;
}
.large-menu{
	border-radius: 10px;
	flex-wrap: wrap;
	gap: 15px;
}
.large-menu .svg24 svg {
	width: 16px;
	margin-right: 5px;
	fill: currentColor;
}

.medium-search-btn svg, .medium-cart svg{
	color: #fff;
}

.menu-icon-line {
	background: #fff;
	display: block;
	margin-top: 5px;
	width: 26px;
	border-radius: 10px;
	height: 1px;
}
.menu-icon-text, .medium-search-btn span, .medium-cart span, .medium-cart span{
	font-size: 8px;
	display: block;
	color: #fff;
	line-height: 14px;
}
.menu-icon-text{
	margin-top: 5px;
}

.minicart-count{
	position: absolute;
	top: -5px;
	right: -10px;
}
.minicart-count span{
	width: 22px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #098aaf;
	border-radius: 100%;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	padding-top: 2px;
}
.header-contain{
	grid-template-columns: 1fr 1fr;
}
.medium-carts{
	display: none;
}


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

@keyframes identifier{
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

.btn-secondary {
    display: inline-flex;
    background-color: #2d2e2f;
    border-color: #2d2e2f;
	color: #fff;
    display: inline-flex;
    border-radius: 0;
    font-weight: 500;
    text-align: center;
    align-items: center;
    text-transform: capitalize;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    justify-content: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
}
.btn.btn-lg{
	padding: 15px 35px;
    line-height: 20px;
}
.cntr-text{
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 40px;
	color: #38996e;
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.text-row.bg-blur {
    background: rgba(255, 255, 255, 0.8);
    filter: drop-shadow(0px 0px 100px rgba(0, 0, 0, 0.15));
    backdrop-filter: blur(17px);
    padding: 0px;
}
.text-row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    background: transparent;
    border-radius: 100%;
    animation: identifier 20s linear infinite;
    text-align: center;
}
.animation-btn {
    position: absolute;
    bottom: 6px;
    right: -23%;
    z-index: 999;
    width: 160px;
}
.badge__emoji {
    display: block;
    margin: 0;
    animation: identifier 20s linear infinite;
    animation-direction: reverse;
    transition: all 0.3s;
}
.text__char {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: calc(140px / 2);
    width: 160px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px !important;
    transform-origin: bottom center;
    transform: translate3D(-50%, -100%, 0) rotate(var(--char-rotate));
    color: var(--title);
    padding: 0px;
    font-family: monospace;
}
.bg-light {
    background-color: #edf8f3!important;
}
.content-inner {
    padding-top: 100px;
    padding-bottom: 90px;
}
.play-btn{
    position: absolute;
    top: 50%;
    max-width: 16px;
    left: 50%;
    transform: translate(-50%, -50%);
}





/* banner */
.main-slider {
    overflow: hidden;
    position: relative;
    z-index: 99;
    margin-top: -90px;
}
.main-slider.style-1:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(56, 153, 110, 0.08);
    width: 24%;
    height: 100%;
}
.main-slider.style-1 .banner-content {
    padding-top: 80px;
    padding-bottom: 80px;
}
.banner-social-media {
    position: absolute;
    top: 33%;
    right: 25px;
    transform: translateY(-50%);
    z-index: 1;
}
.banner-social-media ul {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.banner-social-media ul li {
    padding: 20px 0;
    writing-mode: tb-rl;
    cursor: pointer;
}
.banner-social-media ul li a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.main-slider .bg-blur-1 {
    position: absolute;
    top: 22%;
    left: -11%;
    width: 235px;
    height: 235px;
    background-color: #A7CEBD;
    filter: blur(40px);
    border-radius: 50%;
}
.main-slider .bg-blur-2 {
    position: absolute;
    top: 25%;
    left: 56%;
    width: 235px;
    background-color: #A7CEBD;
    height: 235px;
    filter: blur(88px);
    border-radius: 50%;
}
.main-slider .banner-bg-line {
    position: absolute;
    top: 5%;
    z-index: -1;
}
.main-slider.style-1 .inner-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 50px 0px;
}
.main-slider.style-1 .banner-content .content-info {
    padding-bottom: 30px;
    z-index: 2;
    position: relative;
}
.main-slider.style-1 .banner-content .text{
    color: var(--title);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 40px;
}
.main-slider.style-1 .banner-content .title {
    color: var(--title);
    font-size: 80px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: var(--font-family-title);
    margin-bottom: 35px;
}
.banner-t{
	
}
.banner-m{
	max-width: 420px; 
}
.main-slider.style-1 .banner-media {
    position: relative;
    padding-top: 80px;
    z-index: 1;
}
.main-slider.style-1 .banner-media .img-preview {
    margin-right: -105px;
}
.main-slider.style-1 .banner-media .img-preview img {
    border-radius: 340px;
    border: 20px solid #fff;
}
.main-slider.style-1 .banner-media img {
    width: 100%;
}
.main-slider.style-1 .banner-media .star {
    position: absolute;
    top: 3%;
    left: -13%;
    animation: rotate-360 20s infinite linear;
}
.main-slider.style-1 .product-card {
    display: flex;
    align-items: center;
}
.banner-bottom{
	gap: 30px;
}
.main-slider.style-1 .product-card .dz-media {
    transition: 0.7s;
    border: 1px solid #38996e;
    width: 120px;
    height: 120px;
    min-width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 15px;
    position: relative;
    padding: 0px;
    z-index: 0;
    overflow: visible;
    background-color: #fff;
}
.main-slider.style-1 .product-card .dz-media:after {
    content: '';
    position: absolute;
    top: 0;
    right: 5px;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 3.75V14.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.75 9H14.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    width: 28px;
    background-position: center;
    height: 28px;
    background-color: #38996e;
    border-radius: 50%;
    cursor: pointer;
}
.main-slider.style-1 .product-card .dz-content .dz-title {
    font-size: 24px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.main-slider.style-1 .product-card .dz-content .price {
    color: #38996e;
    font-size: 20px;
    font-weight: 400;
}
.main-slider.style-1 .product-card .dz-content .price del {
    color: #adadad;
    font-size: 16px;
    font-weight: 400;
}
.main-slider.style-1 .collection1 img, .main-slider.style-1 .collection2 img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.main-slider.style-1 .collection1 img {
    border-radius: 50%;
}


.left-text-bar {
    width: 80px;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 15%;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 9;
}
.service-btn {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #ffffff;
    padding: 15px 5px 15px 2px;
    position: absolute;
    bottom: 28px;
    left: 26px;
    z-index: 1;
    color: var(--title);
    display: block;
    writing-mode: vertical-rl;
}
.left-text-bar .service-btn {
    text-wrap: nowrap;
    transform: translateX(-50%) rotate(180deg);
    left: 50%;
    bottom: 50%;
}
.service-btn.btn-dark {
    background-color: #24262B !important;
    color: #fff;
}
.btn-dark:after, .btn-info:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0.8;
    -webkit-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: white;
    background-color: rgba(255, 255, 255, 0.5);
}
.btn-dark:hover::after, .btn-info:hover::after {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.main-slider.style-1 .collection1, .main-slider.style-1 .collection2 {
    position: absolute;
    width: 155px;
    height: 155px;
}
.main-slider.style-1 .collection1 {
    position: absolute;
    top: 14%;
    left: 4%;
}
.main-slider.style-1 .collection1 img {
    border-radius: 50%;
}
.main-slider.style-1 .collection2 {
    position: absolute;
    top: 50%;
    right: 43%;
    max-width: 155px;
}
.main-slider.style-1 .collection2 img {
    border-radius: 0 0 100px 0;
}
.main-slider.style-1 .collection3 {
    position: absolute;
    bottom: 7%;
    left: 0;
    max-width: 200px;
}
.main-slider.style-1 .collection3 img {
    border-radius: 0px 45px 45px 0px;
}




/* footer */
footer .footer-top {
    padding: 70px 0px 30px;
}
footer .footer-top .grid{
	grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr;
	gap: 30px;
}
footer .footer-logo {
    margin-bottom: 15px;
}
footer .widget-address li {
    padding: 4px 0;
    font-size: 15px;
    font-weight: 400;
}
footer .widget-address li p {
    margin-bottom: 0;
    margin-top: 0px;
}



.text-capitalize {
    text-transform: capitalize !important;
}
.fw-medium {
    font-weight: 500 !important;
}
.input-group {
    position: relative;
    flex-wrap: wrap;
    align-items: stretch;
}



.footer-top h6 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}
.dzSubscribe.style-1 .input-group .form-control{
    height: 45px;
    border: 0 !important;
    height: 45px;
    border: 0 !important;
    transition: all 0.3s ease-in-out;
    background: #edf8f3;
	padding: 0px 20px;
    font-size: 15px;
    font-weight: 400;
    width: calc(100% - 40px);
}
.dzSubscribe .form-group .input-group .input-group-addon {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
}
.dzSubscribe .form-group .input-group .input-group-addon .btn{
    position: relative;
    z-index: 2;
    text-align: center;
    width: 46px;
    border: 0;
    height: 46px;
    padding: 0;
    cursor: pointer;
    margin: 0px;
}
.dzSubscribe .form-group .input-group .input-group-addon .btn:hover{
    background: #0ea736;
}
.dzSubscribe .form-group .input-group .input-group-addon .btn:hover svg path{
	stroke: #fff;
}
footer .footer-title {
    margin: 0;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    line-height: 1.2;
    font-size: 20px;
}
.widget_post ul li {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
}
.widget_post ul .dz-media {
    width: 60px;
    height: 60px;
    border-radius: 0;
    margin-right: 12px;
}
.widget_post ul .dz-content .name {
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: 500;
}
.widget_post ul .dz-content .time {
    font-size: 13px;
    font-weight: 400;
}
.widget_services ul li {
    padding-bottom: 1.125rem;
    margin-bottom: 0.8125rem;
    position: relative;
    padding: 0.5rem 0rem 0.5rem 0;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 1.25rem;
}
footer .fb-inner {
    padding: 20px 0;
    border-top: 1px solid #f3f3f3;
    color: #666666;
    font-weight: 400;
    font-size: 15px;
}
footer .footer-bottom p {
    margin-top: 0;
    margin-bottom: 0;
}



/* Tiêu chí */
.pricing-box-list{
	gap: 30px;
}
.dz-pricingtable .pricing-box {
    position: relative;
}
.dz-pricingtable .pricing-box > a {
    position: absolute;
    top: 0;
    left: 50%;
    padding: 13px 32px;
    font-size: 18px;
    line-height: 1.5;
    z-index: 9;
    transition: 0.5s;
    opacity: 0;
    transform: translate(-50%, -15%);
}
.dz-pricingtable .pricing-box:hover > a {
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translate(-50%, -28px);
    min-width: 45px;
    opacity: 1;
}
.dz-pricingtable .pricing-box .btn-rounded {
    border-radius: 30px!important;
}
.dz-pricingtable .pricingtable-wrapper {
    overflow: hidden;
    background: #fff;
    transition: 0.5s;
}
.dz-pricingtable .pricingtable-wrapper.style-1 {
    padding: 65px 30px 20px 30px;
    position: relative;
    z-index: 1;
    overflow: visible;
    mask-image: url(/assets/glower/images/pricing.png);
    mask-size: auto 100%;
    mask-position: center;
}
.dz-pricingtable .pricing-box:hover .pricingtable-wrapper.style-1 {
    transform: translateY(-20px);
    color: #fff !important;
}
.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #1d9b617a;
    padding-bottom: 25px;
    gap: 30px;
}
.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-box .price-start-content {
    display: flex;
    align-items: center;
    gap: 20px;
}
.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-price {
    font-size: 45px;
    font-weight: 600;
    color: var(--title);
    margin: 0;
    font-family: var(--font-faimly-base);
}
.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-bx-badge {
    color: #2FAC74;
    font-size: 24px;
    font-weight: 500;
    font-family: var(--font-faimly-base);
}
.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-box .price-start-content .pricingtable-title .title {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}
.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-box .price-start-content .pricingtable-title .text {
    letter-spacing: 0.02em;
    margin-top: 0px;
    margin-bottom: 0;
    color: var(--title);
    font-size: 14px;
    font-weight: 500;
}

.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features {
    padding: 15px 0;
    text-align: left;
    list-style: none;
    border-bottom: 1px solid #1d9b617a;
}
.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features li {
    padding: 8px 0 15px 35px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    color: var(--title);
}
.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features li:after {
    content: "\f00c";
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    font-size: 12px;
    width: 20px;
    height: 20px;
    background: #38996e;
    display: block;
    position: absolute;
    left: 0;
    color: #fff;
    border-radius: 35px;
    text-align: center;
    top: 10px;
    line-height: 20px;
}
.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .disable {
    color: var(--title);
    opacity: 0.5;
    text-decoration: line-through;
}
.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .disable::after {
    content: "\f00d" !important;
    color: #000 !important;
    opacity: 0.5;
    border: 1px solid #cbcbcb;
    background: transparent !important;
}
.dz-pricingtable .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-button {
    margin-top: 20px;
}
.dz-pricingtable .pricingtable-button .btn{
    background: #38996e;
    border: 1px solid #38996e;
    color: #fff;
    width: auto;
    text-align: center;
    padding: 15px 35px;
    display: block;
    text-decoration: none;
    outline: none;
	border-radius: 0px;
}
.dz-pricingtable .pricingtable-button:hover .btn{
    background: #fff;
    color: #000;
    border: 1px solid #38996e;
	border-radius: 0px;
}
.dz-pricingtable .pricing-box:hover .pricingtable-wrapper.style-1 .effect {
    width: 300%;
    height: 300%;
}
.dz-pricingtable .pricingtable-wrapper.style-1 .effect {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    transition: width .4s ease-in-out, height .4s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    background: #2d2e2f;
}



/* About */
section.about-us{
    padding-top: 100px;
    padding-bottom: 0;
}
.about-us-gap{
	gap: 60px;
}
.section-head.style-2 .title {
    color: var(--title);
    font-size: 50px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: capitalize;
	margin: 0px;
}
.section-head.style-2 p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}
.about-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.about-list h3{
	margin: 0px;
}

.about-list li {
    width: 100%;
    font-style: normal;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 20px;
    position: relative;
    padding: 0px 0px 0px 40px;
}
.about-list li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_836_16563)"><path d="M12.4992 5.10762C12.2341 4.84118 11.7658 4.84118 11.5008 5.10762C11.3779 5.23123 8.48438 8.18932 8.48438 11.9308C8.48438 15.6723 11.3779 18.6304 11.5008 18.754C11.6333 18.8873 11.8125 18.9621 12 18.9621C12.1874 18.9621 12.3666 18.8872 12.4992 18.754C12.6221 18.6304 15.5156 15.6723 15.5156 11.9308C15.5156 8.18932 12.6221 5.23123 12.4992 5.10762Z" fill="%231d9b61"/><path d="M12 0.633972C11.6114 0.633972 11.2969 0.948456 11.2969 1.3371V2.79022C11.2969 3.17886 11.6114 3.49334 12 3.49334C12.3886 3.49334 12.7031 3.17886 12.7031 2.79022V1.3371C12.7031 0.948456 12.3886 0.633972 12 0.633972Z" fill="%231d9b61"/><path d="M7.36931 4.89958L6.37505 3.90532C6.10041 3.63068 5.65542 3.63068 5.38078 3.90532C5.10614 4.17996 5.10614 4.62494 5.38078 4.89958L6.37505 5.89385C6.64969 6.16849 7.09467 6.16849 7.36931 5.89385C7.64395 5.61921 7.64395 5.17422 7.36931 4.89958Z" fill="%231d9b61"/><path d="M18.6193 3.90532C18.3447 3.63068 17.8997 3.63068 17.625 3.90532L16.6308 4.89958C16.3561 5.17422 16.3561 5.61921 16.6308 5.89385C16.9054 6.16849 17.3504 6.16849 17.625 5.89385L18.6193 4.89958C18.894 4.62494 18.894 4.17996 18.6193 3.90532Z" fill="%231d9b61"/><path d="M2.71146 15.8332C1.24596 16.6826 0.235804 17.7267 0.179226 17.7899C-0.0597421 18.057 -0.0597421 18.4608 0.179226 18.7279C0.29046 18.8521 2.99327 21.7745 6.37501 21.7745C8.01249 21.7745 9.47176 21.0877 10.5624 20.3667C7.21609 20.3553 4.29494 18.5325 2.71146 15.8332Z" fill="%231d9b61"/><path d="M23.8208 17.79C23.7642 17.7268 22.7541 16.6827 21.2886 15.8332C19.7051 18.5325 16.784 20.3554 13.4376 20.3668C14.5283 21.0878 15.9875 21.7746 17.625 21.7746C21.0067 21.7746 23.7096 18.8522 23.8208 18.7279C24.0598 18.4608 24.0598 18.0571 23.8208 17.79Z" fill="%231d9b61"/><path d="M20.4375 9.11833H19.0313C18.1826 9.11833 17.356 9.25403 16.5723 9.51649C16.775 10.2744 16.9219 11.0739 16.9219 11.9308C16.9219 15.0768 15.2385 17.6487 14.2211 18.9182C18.104 18.5096 21.1407 15.2172 21.1407 11.2277V9.82146C21.1407 9.43282 20.8262 9.11833 20.4375 9.11833Z" fill="%231d9b61"/><path d="M7.07812 11.9308C7.07812 11.0739 7.22507 10.2744 7.42771 9.51649C6.64406 9.25403 5.81742 9.11833 4.96875 9.11833H3.5625C3.17386 9.11833 2.85938 9.43282 2.85938 9.82146V11.2277C2.85938 15.2172 5.89598 18.5096 9.77896 18.9182C8.76149 17.6486 7.07812 15.0768 7.07812 11.9308Z" fill="%231d9b61"/><path d="M12 21.0742C11.3054 21.602 10.4128 22.1578 9.36768 22.5715C10.2787 23.7111 11.5916 24.508 11.6567 24.5446C11.7631 24.6044 11.8819 24.6339 12 24.6339C12.1182 24.6339 12.2369 24.6044 12.3433 24.5447C12.4085 24.508 13.7213 23.7111 14.6323 22.5715C13.5871 22.1578 12.6946 21.602 12 21.0742Z" fill="%231d9b61"/></g><defs><clipPath id="clip0_836_16563"><rect width="24" height="24" fill="white" transform="translate(0 0.633926)"/></clipPath></defs></svg>');
    z-index: 9;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
[class*="btn-outline"]:hover::after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0.8;
    -webkit-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: white;
    background-color: rgba(255, 255, 255, 0.5);
}
[class*="btn-outline"]:hover::after{
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.about-bx-pic-box{
	border-radius: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 600;
    background: #bb0707;
    color: #fff;
}
.about-bx-detail:nth-child(1) .about-bx-pic-box{
    background: #bb5a07;
}
.about-bx-detail:nth-child(2) .about-bx-pic-box{
    background: #bb9d07;
}
.about-bx-detail:nth-child(3) .about-bx-pic-box{
    background: #86bb07;
}
.about-bx-detail:nth-child(4) .about-bx-pic-box{
    background: #2bbb07;
}
.about-bx-detail:nth-child(5) .about-bx-pic-box{
    background: #07bb68;
}
.about-bx-detail:nth-child(6) .about-bx-pic-box{
    background: #079abb;
}
.about-us-btn{
	width: auto; 
	margin-top: 10px; 
	display: block; 
	text-align: center; 
    text-decoration: none;
    outline: none;
	border-radius: 0px;
}
.about-us-btn:hover{
    color: #ffffff;
    background-color: #2d2e2f;
    border-color: #2d2e2f;
}

.about-style2 .about-bx-list {
	gap: 15px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.about-style2 .about-bx-detail {
    display: block;
    align-items: center;
    text-align: center;
    margin: 0px auto;
}
.about-style2 .about-bx-detail .about-bx-pic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0px auto 10px;
    border: 2px solid #fff;
}
.about-style2 .about-bx-detail .about-bx-pic img {
    border-radius: 100%;
    width: 100%;
    height: 100%;
}
.about-style2 .about-bx-detail .name {
    font-size: 22px;
    font-weight: 400;
    color: var(--title);
    margin-bottom: 0;
    margin-top: 0;
    font-family: Marcellus;
}
.about-style2 .about-bx-detail .position {
    font-size: 16px;
}





.clkd{
    padding-bottom: 60px;
}
.clkd-flex{
	gap: 30px;
}
.clkd-list{
	gap: 30px;
}
.clkd img {
    border-radius: 15px;
    border: 1px solid #b9b9b9;
    padding: 4px;
    width: 300px;
    min-width: 200px;
    max-height: 200px;
    object-fit: cover;
    background: #ffd400;
}
.clkd .h4 {
    margin: 10px 0px 15px;
    font-weight: 500;
}
.clkd p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.clkd .section-head.style-2 p{
    margin: 30px 0px;
}



.mohinh{
    padding-top: 60px;
    padding-bottom: 60px;
}
.mohinh-flex{
	gap: 30px;
}
.mohinh-list{
	gap: 30px;
    margin-top: 30px;
}
.mohinh .h4 {
    margin: 25px 0px 15px;
    font-weight: 500;
}
.mohinh-bx-pic-box {
    border-radius: 100%;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 600;
    background: #bb5a07;
    color: #fff;
    margin: 0px auto 10px;
	position: relative;
    border: 3px solid #ffffffa6;
    transition: ease-in-out 0.5s all;
}
.mohinh-bx-detail:nth-child(1) .mohinh-bx-pic-box{
    background: #bb9d07;
}
.mohinh-bx-detail:nth-child(2) .mohinh-bx-pic-box{
    background: #86bb07;
}
.mohinh-bx-detail:nth-child(3) .mohinh-bx-pic-box{
    background: #2bbb07;
}
.mohinh-bx-detail:nth-child(4) .mohinh-bx-pic-box{
    background: #07bb68;
}
.mohinh-bx-detail:nth-child(5) .mohinh-bx-pic-box{
    background: #079abb;
}
.mohinh-bx-detail:nth-child(6) .mohinh-bx-pic-box{
    background: #079abb;
}
.mohinh-bx-pic-box:after{
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background: linear-gradient(45deg, #07bb68, #a6e7c9, #07bb68);
    border-radius: 100%;
    z-index: -1;
}
.mohinh-bx-detail:nth-child(1) .mohinh-bx-pic-box:after{
    background: linear-gradient(45deg, #bb9d07, #ffefa0, #bb9d07);
}
.mohinh-bx-detail:nth-child(2) .mohinh-bx-pic-box:after{
    background: linear-gradient(45deg, #86bb07, #cfe49c, #86bb07);
}
.mohinh-bx-detail:nth-child(3) .mohinh-bx-pic-box:after{
    background: linear-gradient(45deg, #2bbb07, #b2e6a5, #2bbb07);
}

.mohinh-bx-detail:hover .mohinh-bx-pic-box, .mohinh-bx-detail:hover .mohinh-bx-pic-box:after{
	xtransform: rotateX(180deg);
    background: radial-gradient(#a6e7c9, #07bb68);
    color: #00422d;
    font-size: 38px;
}
.mohinh-bx-detail:nth-child(1):hover .mohinh-bx-pic-box, .mohinh-bx-detail:nth-child(1):hover .mohinh-bx-pic-box:after{
    background: radial-gradient(#ffefa0, #bb9d07);
    color: #423700;
}
.mohinh-bx-detail:nth-child(2):hover .mohinh-bx-pic-box, .mohinh-bx-detail:nth-child(2):hover .mohinh-bx-pic-box:after{
    background: radial-gradient(#cfe49c, #86bb07);
    color: #3a4200;
}
.mohinh-bx-detail:nth-child(3):hover .mohinh-bx-pic-box, .mohinh-bx-detail:nth-child(3):hover .mohinh-bx-pic-box:after{
    background: radial-gradient(#b2e6a5, #2bbb07);
    color: #004203;
}





@media (min-width: 768px) {
    .text-md-center {
        text-align: center !important;
    }
}


@media(max-width: 768px){
	header{
		-webkit-box-shadow: 0 2px 2px 0 rgba(164, 164, 164, .15);
		box-shadow: 0 2px 2px 0 rgba(164, 164, 164, .15);
		padding-bottom: 0px;
		backdrop-filter: unset;
		
	}
	header .navbar-control {
		padding: 0px;
	}
	.header{
		background: linear-gradient(45deg, #0d72c2, #0d72c2, #06a19d, #06a19d);
		padding: 2px 0px;
		top: 0px;
		z-index: 999;
		width: 100%;
		min-height: 42px;
	}
	.menu-icon{
		min-width: 20px;
	}
	.header .container{
		padding-right: 0px;
	}
	.header-contain{
		grid-template-columns: 10fr 5fr;
	}
	.logo {
		width: auto !important;
		height: 100%;
		max-width: 36px;
		min-width: 36px;
		display: flex !important;
	}
	.navbar-control {
		align-items: center;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 0px;
		justify-content: space-evenly;
		font-size: 12px;
		padding-left: 0px;
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index: 999;
		background: #fff;
		width: 100%;
		box-shadow: -1px 1px 5px #0000004a;
		max-width: 100%;
		align-items: end;
	}
	.navbar-control > a{
		min-width: calc(100%/1);
		max-width: calc(100%/1);
	}
	.navbar-control span{
		font-size: 12px;
	}
	.container .header{
		margin-left: -10px;
		margin-right: -10px;
		padding: 7px 10px;
	}
	.navbar-control > *{
		padding: 5px 0px 0px 0px;
	}
	.medium-carts{
		align-items: center;
		display: flex;
	}
	.medium-cart {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0px auto;
		padding: 0px 5px;
		min-width: 36px;
	}
	.medium-sept{
		display: block;
		height: 37px;
		width: 1px;
		background-image: linear-gradient(0deg, #efefef26, #f3f3f394, #f5f5f526);
	}
	
	.mh-search-container .search-input{
		display: block;
		height: 28px;
		border: none;
		background: #fff;
		border-radius: 4px;
		text-indent: 10px;
		width: calc(100% - 40px);
		-webkit-appearance: none;
		padding: 1px;
		padding-right: 40px;
	}
	.mh-search-container button[type="submit"] {
		position: absolute;
		top: 0px;
		right: 0px;
		border: 0px solid #9f9f9f;
		border-left-width: 1px;
		width: 30px;
		height: 100%;
		border-radius: 0px 4px 4px 0px;
		margin: 0px;
		padding: 0px;
		background: none;
		min-width: unset;
	}
	.mh-search-container .bhx-search {
		width: 18px;
		height: 18px;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		line-height: 30px;
		vertical-align: middle;
	}
	.menu-icon:before{
		content: "";
		position: absolute;
		height: 35px;
		width: 1px;
		background-image: linear-gradient(0deg, #efefef26, #f3f3f394, #f5f5f526);
		top: 0px;
		left: -10px;
	}
	.minicart-count{
		right: 0px;
	}
}