/*
Theme Name: Findme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html{
  font-family: "Roboto" !important;
  font-weight: normal;
  font-style: normal;
}

/*************** ADD CUSTOM CSS HERE.   ***************/


/*Custom CSS*/


#comments{
		display: none;
}

.row .col {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
}

.section-1 .col-inner .img{
		margin-bottom: 0;
		border-radius: 8px;
}

.section-1 .banner-inner {
		padding: 16px!important;
}

.section-1 .banner{
		border-radius: 8px;
}

.section-1 .banner h3{
		font-weight: 700;
		font-size: 18px;
		line-height: 29px;
		margin-bottom: 0px;
		margin-top: 0;
}

.section-1 .banner p {
		font-size: 13px;
		line-height: 22px;
		font-weight: 400;
		margin-top: 0;
		margin-bottom: 8px;
}

.button svg {
		vertical-align: middle;
}

.section-1 .banner .button{
		margin: 0;
		border: none;
		font-size: 14px;
		line-height: 19.5px;
		min-height: 1px;
}

.section-1 .banner .button svg{
		fill: #fff;
		margin-left: 5px;
}

.button-dark.button {
		color: #000!important
}

.section-1 .col.post-item {
		padding: 0;
}

.section-2 .absolute.badge-container{
		 top: 24px;
		left: 24px;
}

.absolute.badge-container {
		top: 8px;
		margin: 0;
		left: 8px;
		line-height: 1px;
}

.absolute.badge-container .badge{
		margin: 0;
		height: 23px;
}

.absolute.badge-container .badge .on-sale {
		background: #F10000;
		line-height: px;
		font-size: 12px;
		border-radius: 4px;
		font-weight: 400;
}

.section-2 .product-small.box {
		padding: 16px;
		background: #FEF5F5;
		border-radius: 8px;
		overflow: hidden;
}

.product-small.box img{
		border-radius: 8px;
}

.section-2 .row .col:nth-child(2) .product-small.box {
		background: #F4FBF2;
}

.section-2 .row .col:nth-child(3) .product-small.box {
		background: #F5F7FE;
}

.section-2 .row .col:nth-child(4) .product-small.box {
		background: #FBF1E6;
}

.section-title-container{
		margin-bottom: 0
}

.section-title{
		margin-bottom: 24px;
		border-color: #D6D6D6;
}

.section-title .section-title-main{
		font-size: 28px;
		text-transform: none;
		border-color: #313131;
}

.section-title a{
		font-size: 15px;
		font-weight: 700;
		line-height: 19.5px;
		position: relative;
		padding-right: 30px;
		margin-bottom: -15px;
		padding-left: 0;
		transition: 0.5s;
}

/* .section-title a:after{
		content: '';
		width: 0;
		height: 1px;
		background: #ed3237;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		transition: 0.5s;
} */

.section-title a:hover{
		color: #ed3237;
}

.section-title a:hover::after{
		width: 100%;
}

.section-title a:before{
		content: url('https://mf382.techfindme.xyz/wp-content/uploads/2024/04/arrow.svg');
		position: absolute;
		right: 0;
		transition: 0.2s;
		top: 0;
		line-height: 0;
}

.section-title a:hover::before{
		filter: invert(30%) sepia(53%) saturate(5836%) hue-rotate(342deg) brightness(97%) contrast(91%);
}

.section-title a i{
		display: none;
}

.row-header .col{
		padding-bottom: 0;
}

.text.social-header{
		display: flex;
		gap: 0 8px;
}

.row-header .text-contact p{
		margin-bottom: 8px;
		line-height: 24px;
		font-size: 14px;
}

.row-header .text-contact p img{
		width: 15px;
}

/* .row-header .column-2 .col-inner {
		padding-left: 40px;
} */

#wide-nav .header-bottom-nav > li > a{
		font-size: 16px;
		text-transform: none;
}

#wide-nav .header-bottom-nav > li{
		margin: 0 10px;
}

#wide-nav .search-field {
		border: none;
		background: #fff;
}

.section__footer p{
		margin-bottom: 8px;
		font-size: 14px;
}

.section__footer h3{
		font-size: 18px;
		margin-bottom: 16px;
}

.section__footer .col-inner .img{
		margin-bottom: 24px;
}

.section__footer .text-footer > div{
		display: flex;
		align-items: center;
		gap: 0 8px;
}

.section__footer .text-footer > div img{
		object-fit: contain;
}

.section__footer .ux-menu-link__link {
		font-size: 14px;
		padding: 0;
		min-height: unset;
		margin-bottom: 8px;
		line-height: 22px;
}

.section-us .col-inner > .img{
		margin-bottom: 0;
}

.is-divider{
		display: none;
}

.section-us h2{
		font-size: 35px
		margin-bottom: 24px;
}

.section-us p{
		margin-bottom: 8px;
		line-height: 24px;
}

.section-us ul li::marker{
		background: #005432;
		color: #005432;
}

.section-us ul li{
		margin-bottom: 8px;
}

.text-tick p{
		position: relative;
		padding-left: 25px
}

.text-tick p:before{
		content: url('https://mf382.techfindme.xyz/wp-content/uploads/2024/04/charm_tick.png');
		position: absolute;
		left: 0;
/* 		top: 45%; */
}

.box-blog-post.box img{
		border-radius: 8px
}

.box-blog-post.box-vertical .box-text{
		padding-left: 16px;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		vertical-align: top;
}

.box.box-vertical .box-image{
		vertical-align: top;
}

.section-us .post-title{
		     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
		margin-bottom: 16px;
}

.page-title .entry-title {
		font-size: 40px;
		padding-bottom: 8px;
}

.page-title .title-breadcrumbs {
		padding: 0;
}

.page-title nav {
		text-transform: none;
		font-size: 14px;
}

.product-small.box .box-text .title-wrapper{
		display: flex;
		flex-direction: column;
}

.product-small.box .box-text .product-star{
		order: 1;
		display: flex;
		font-size: 14px;
		align-items: flex-start;
		gap: 3px;
		margin-bottom: 8px;
}

.product-small.box .box-text .product-star .star-rating{
		margin: 0;
}

.product-small.box .box-text .product-title{
		order: 2;
		margin-bottom: 16px;
}

.product-small.box .box-text .product-title a{
		color: #313131;
		font-size: 18px;
		font-weight: 700;
		line-height: 26px;
		display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-small.box .box-text .product-content{
		order: 3;
		display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
		font-size: 14px;
		font-weight: 400;
		line-height: 22px;
		margin-bottom: 24px;
}

.product-small.box .box-text .product-price{
		order: 4;
		display: flex;
		    flex-direction: row-reverse;
    justify-content: flex-end;
		gap: 0 12px;
		font-size: 16px;
		font-weight: 600;
}

.star-rating span:before{
		color: #ffad33;
}

.product-small.box bdi{
		color: #DB4444
}

.product-small.box del bdi{
		color: #000000;
}

.section-2 .product-small.box-vertical .box-text{
		padding-left: 16px;
		padding-right: 0px;
}

.section-blog .slider-nav-circle.row{
		position: relative;
}

.section-blog .flickity-button {
		opacity: 1;
		top: 50%;
		bottom: auto;
		transform: translatey(-50%)!important
}

.section-blog .slider:hover .flickity-prev-next-button{
		transform: translatey(-50%)!important
}

.section-blog .flickity-button svg{
		border: none;
		background: #7c827f;
		color: #fff;
}

.section-blog .slider:hover .flickity-prev-next-button{
		opacity: 1;
}

.section-blog .slider .flickity-prev-next-button{
		transform: translatex(0);
}

.section-blog .flickity-button.next {
		right: 0%;
}

.section-blog .flickity-button.previous {
		left: 0;
}

.section-blog .flickity-button:hover svg{
		background-color: #005432;
}

/* .section-blog .row-2 .box .post-title{
		     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */

.box-blog-post .post-title{
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 16px;
		transition: 0.3s;
		display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.box-blog-post .from_the_blog_excerpt {
		font-size: 14px;
}

.section-3 .product-small.box .box-image{
		padding: 14px 40px;
		background: #E6F5F0;
		border-radius: 8px;
}

.section-3 .product-small.box img{
		border-radius: 0;
}

.section-3 .product-small.box .box-text {
		padding-top: 16px;
		padding-bottom: 0;
}

.section-blog .box-blog-post .box-text {
		padding-bottom: 0;
}

.row > .col.column-padding{
		padding-bottom: 0;
}

.section-blog .banner{
		border-radius: 10px;
}

.section-blog .banner h4{
		font-size: 21px;
		color: #FFF212;
		line-height: 25.3px;
		margin: 0;
}

.section-blog .banner h3{
		font-size: 31px;
		color: #fff;
		line-height: 40px;
		font-weight: 700;
		margin: 0;
}

.section-blog .banner p{
		font-size: 16px;
		line-height: 28px;
		margin: 8px 0;
}

.section-blog .banner .button{
		font-size: 18px;
		margin: 0;
		border: none;
		padding: 0;
		line-height: 25px;
		min-height: 25px;
}

.section-blog .banner .button:hover{
		color:  #ed3237!important;
		opacity: 1;
}

.box-blog-post:hover .post-title{
		color: #F10000;
}

.section-contact .row {
		box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.12);
		padding: 24px 12px;
		background: #fff;
		position: relative;
}

.section-contact .row:before{
		position: absolute;
		content: url('https://mf382.techfindme.xyz/wp-content/uploads/2024/04/letter_send-1.png');
		bottom: -28px;
    right: 5%;
}

.section-contact .row .col{
		padding-bottom: 0;
}

.section-contact .column-1 .col-inner {
		
}

.section-contact form .form-horizontal{
		display: flex;
		gap: 0 24px;
}

.section-contact form input,.section-contact form textarea{
		border: none;
		box-shadow: none;
		border-bottom: 1px solid #8d8d8d;
		padding: 0;
		margin-bottom: 24px;
		height: 25px;
		min-height: auto;
		margin-top: 3px;
}

.section-contact form input:focus,.section-contact form textarea:focus{
		box-shadow: none;
}

.section-contact form label{
		text-align: left;
		color: #313131;
		font-weight: 400;
		font-size: 14px;
		margin-bottom: 0;
}

.section-contact form .wpcf7-submit{
		margin: auto;
		padding: 16px 32px;
		min-height: auto;
		line-height: 1;
		border-radius: 4px;
/* 		display: flex;
		align-items: center;
		gap: 0 10px; */
		border: none;
}

.section-contact .column-1 .col-inner{
		background: #005432;
		padding: 25px;
		border-radius: 8px;
		position: relative;
}

.section-contact .column-1 .col-inner:before{
		content: url('https://mf382.techfindme.xyz/wp-content/uploads/2024/04/Mask-group.png');
		position: absolute;
		bottom: -10px;;
		right: 0;
}

.section-contact h2{
		font-size: 28px;
		margin-bottom: 16px;
}

.section-contact form{
		margin: 0;
}

.sub-menu.nav-dropdown {
		padding: 8px 24px;
		border-radius: 8px;
}

.sub-menu.nav-dropdown li{
		border: none!important;
}

.sub-menu.nav-dropdown a{
		font-size: 16px;
		line-height: 150%;
		margin: 0!important;
		border: none!important;
		padding: 8px 0;
}

.sub-menu.nav-dropdown a:hover{
		color: #F10000;
}

.section-1 .box-blog-post{
		border-radius: 16px;
		overflow: hidden;
}

.section-1 .box-blog-post .box-text {
background: linear-gradient(178.4deg, rgba(40, 107, 78, 0) 18.37%, #286B4E 88.22%);
border-radius: 16px;
		padding: 24px;
		border-radius: 8px;
}

.section-1 .box-blog-post .box-text .post-title {
		font-size: 20px;
		margin-bottom: 10px;
		display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.section-1 .box-blog-post .post-meta{
		font-size: 16px;
}

.box-blog-post.box-normal .box-text{
		padding: 16px 0 0 0;
}

.box-blog-post .post-meta{
		display: flex;
		gap: 0 36px;
		margin-bottom: 8px;
		opacity: 1;
}

.box-blog-post .post-meta p{
		font-size: 14px;
		color: #3A3A3A;
		margin-bottom: 0;
}

.box-blog-post .post-meta .post-by{
		font-weight: 700;
}

.box-blog-post .post-bottom{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 16px;
}

.box-blog-post .post-bottom .button{
		margin: 0;
		text-transform: none;
		font-size: 16px;
		color: #3A3A3A;
		position: relative;
	  padding-right: 28px;
		border: none;
		line-height: 1;
		min-height: 1px;
}

.box-blog-post .post-bottom .button:before {
    content: url(https://mf382.techfindme.xyz/wp-content/uploads/2024/04/arrow.svg);
    position: absolute;
    right: 0;
		top: 50%;
		transform: translatey(-50%);
}

.box-blog-post .post-bottom .button:hover{
		color: #ed3237;
		background: none;
}

.box-blog-post .post-bottom .button:hover::before{
		filter: invert(30%) sepia(53%) saturate(5836%) hue-rotate(342deg) brightness(97%) contrast(91%);
}

.box-blog-post .post-bottom .post-reading-time{
		margin: 0;
		font-size: 14px;
}

.blog-wrapper.blog-archive {
		padding-top: 0;
		padding-bottom: 48px;
}

.blog-wrapper.blog-archive .page-header-wrapper{
		margin-bottom: 50px;
}

.row-divided>.col+.col:not(.large-12){
		border: none;
}

/* .post-sidebar .section{
		padding: 0;
}

.page-numbers.links{
		margin: 0;
}

.page-numbers.links li span{
		border: none;
} */

#secondary .section{
		padding: 0;
}

.post-sidebar .section{
		padding: 0;
}

.page-numbers.links{
		margin: 0;
}

.page-numbers.links li .page-number {
		border: none;
		font-size: 14px;
		border-radius: 8px;
		line-height: 24px;
	height: auto;
		padding: 5px 15px;
		width: auto;
		min-width: unset;
} 

.single.single-post .page-title{
		margin-top: 8px;
		height: 450px;
		border-radius: 16px;
}

.single.single-post .page-title .entry-title{
		font-size: 36px;
		margin-bottom: 24px;
		padding: 0;
}

.single.single-post .page-title .container{
		min-height: auto!important;
		position: absolute;
		bottom: 0;
		padding: 10% 32px 32px 32px;
		left: 0;
		    background: linear-gradient(178.4deg, rgba(40, 107, 78, 0) 18.37%, #286B4E 88.22%);
}

/* .single.single-post .page-title .page-title-bg {
		height: 600px
} */

.single.single-post .page-title .container .flex-col{
		margin: 0;
		text-align: left;
		position: relative;
}

.single.single-post .page-title .container .entry-meta{
		font-size: 16px;
}

.blog-share.text-center {
		text-align: right;
    border-top: 1px dashed rgba(0, 0, 0, 0.4);
		padding-top: 8px;
}

.blog-share a.button{
		margin: 0px 8px;
		background-color: #1E6291!important;
		color: #fff;
		border: none;
		line-height: 32px;
}

.box-blog-post.box .box-image .post-note{
		position: absolute;
		top: 8px;
		left: 8px;
		background: #F10000;
		font-size: 14px;
		padding: 10px;
		border-radius: 4px;
		color: #fff;
}

.single.single-post .page-title .container .post-note{
		position: absolute;
		top: -46px;
		padding: 4px 16px;
		background: #F10000;
		color: #fff;
		border-radius: 4px;
		line-height: 1.5;
		left: 0;
}

.section-us .box-blog-post.box .box-image .post-note{
		display: none;
}

.row-about-us .text-column h3{
		font-size: 17;
		margin-bottom: 16px;
		color: #333333;
}

.row-about-us .text-column h4{
		color: #005432;
		font-size: 16px;
		margin-bottom: 8px;
		position: relative;
		font-weight: 400;
}

.row-about-us .text-column h4:before{
		content: url('https://mf382.techfindme.xyz/wp-content/uploads/2024/04/user.png');
		margin-right: 5px;
}

.row-about-us .text-column p{
		font-size: 16px;
		margin-bottom: 8px;
}

.row-about-us .text-column{
		margin-bottom: 16px;
}

/* .tagcloud .tag-link-count{
		display: none;
} */

.tagcloud a{
		background: #005432;
		color: #fff;
		padding: 4px 16px;
		border: none;
		border-radius: 4px;
		font-size: 16px!important;
}

.aside-shadow{
background: #FFFFFF;
box-shadow: 10px 10px 26px rgba(0, 0, 0, 0.1);
border-radius: 8px;
		padding: 24px;
}

.aside-shadow .col{
		padding: 0;
}

.aside-shadow form {
		margin-bottom: 24px
}

span.widget-title {
		font-size: 20px;
		text-transform: none;
		display: block;
		margin-bottom: 8px;
}

.aside-shadow .col.widget_categories {
		padding-bottom: 16px!important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.4);
		margin-bottom: 24px;
}

.aside-shadow .col.widget_categories li a{
		padding: 0;
		margin-bottom: 8px;
}

.aside-shadow .col.widget_categories li.active a{
		color: #F10000;
}

.aside-shadow .col.widget_categories li{
		border: none;
}

.aside-shadow .widget_tag_cloud{
		margin: 0;
}

.aside-shadow .widget_tag_cloud .tagcloud{
		padding-bottom: 0;
}

#wide-nav {
		box-shadow: 10px 10px 16px rgba(0, 0, 0, 0.16);
}

.row.breadcrumb {
		display: none;
		padding: 20px 0 10px;
}

.row.breadcrumb .col{
		padding-bottom: 0;
}

.row.breadcrumb p{
		margin-bottom: 0;
}
.single.single-post .row.breadcrumb{
		display: block;
}

.related-box .related-title{
		margin-top: 0!important;
}

.related-box .related-title a{
		font-weight: 700;
}

.blog-wrapper.blog-single {
		padding-bottom: 0;
}



.section-related-box {
		background: #E9F7F1;
		padding: 96px 0;
}

.single.single-post .post{
		margin-bottom: 50px;
}

.section-related-box .post-bottom a{
	font-weight: 600;	
		display: flex;
		align-items: center;
		gap: 10px;
}

.product-description .row{
background: #FFFFFF;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.12);
border-radius: 8px;
		padding: 24px;
}

.product-description .nav a{
		font-size: 16px;
		font-weight: 400;
		color: #626262;
		padding: 10px 20px;
}

.product-description .nav .tab{
		margin-right: 16px;
}

.product-description .nav .tab a:before{
		background-color: #fa8232!important;
}

.product-description .col{
		padding: 0;
}

.product-description .accordion-item .accordion-title{
		font-weight: 700;
		background: none;
		padding: 24px 0;
		position: relative;
		padding-right: 25px;
}

.product-description .accordion-item .accordion-title:before{
		content: url('https://mf382.techfindme.xyz/wp-content/uploads/2024/04/plus.png');
		position: absolute;
		right: 0
}

.product-description .accordion-item .accordion-title.active:before{
		content: url('https://mf382.techfindme.xyz/wp-content/uploads/2024/04/minus-1.png');
		position: absolute;
		right: 0
}

.product-description .accordion-item .accordion-title button{
		display: none;
}

.product-description .accordion .accordion-inner{
		padding: 0 0 24px;
}

.section-product-custom .product-images.woocommerce-product-gallery{
		padding: 51px 124px;
		background: #E6F5F0;
		border-radius: 8px;
}

.section-product-custom .product-title {
		margin-bottom: 20px;
}

.section-product-custom .product-short-description{
		margin-bottom: 16px;
}

.section-product-custom .product-information p{
		font-weight: 600;
		margin-bottom: 8px;
}

.section-product-custom .product-information p span{
		font-weight: 400;
		margin-left: 30px;
}

.section-product-custom .price,
.product-lightbox.lightbox-content .price{
		margin-top: 16px;
		margin-bottom: 16px;
		font-size: 18px;
		    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 8px;
}


.section-product-custom .price bdi,.product-lightbox.lightbox-content bdi{
		color: red;
}

.section-product-custom .price del bdi, .product-lightbox.lightbox-content del bdi{
		color: #111;
}

.product-section.related-products-wrapper .product-small img{
		padding: 20px 58px;
		background: #fff;
}
.product-description .woocommerce-Reviews.row{
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.product-description .woocommerce-Reviews.row #review_form_wrapper{
	max-width: 100%;
    flex-basis: 100%;
}
.product-description .tab-panels{
	padding: 15px;
}

.section-product-custom .button ,
.product-lightbox.lightbox-content .button{
		margin: 0;
		font-size: 19px;
		padding: 16px 32px;
		line-height: 1;
		min-height: 1px;
}

.product-lightbox.lightbox-content{
		padding: 24px;
		max-width: 1022px;
		border-radius: 16px
}

.product-lightbox.lightbox-content .product-lightbox-inner{
		padding-top: 0!important;
}

.product-lightbox.lightbox-content h1{
		font-size: 20px;
		margin-bottom: 16px;
}

.product-lightbox.lightbox-content .author-text,
.product-lightbox.lightbox-content .size-text{
		margin-bottom: 8px;
		font-weight: 600;
}

.product-lightbox.lightbox-content .author-text span,
.product-lightbox.lightbox-content .size-text span{
		font-weight: 400;
		margin-left: 10px;
}

.category-page-title {
		padding-top: 24px;
}

.category-page-title .page-title-inner {
		padding: 0
}

.category-page-title .col{
		padding: 0 10px 0px 10px
}

.category-page-title h1{
		font-size: 30px;
		margin-bottom: 8px;
}

.category-page-title .header-cat-right{
		display: flex;
		justify-content: end;
}

.category-page-title .woocommerce-result-count{
		display: none;
}

.category-page-title .header-cat-right .header-search-form.search-form{
		/* max-width: 300px; */
		width: 100%;
}

.category-page-title .header-cat-right .woocommerce-ordering select{
		border-radius: 99px;
		overflow: hidden;
		margin: 0;
		max-width: 200px;
}

#shop-sidebar .wfpDescription{
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 8px;
}

#shop-sidebar .wpfLiLabel{
		font-weight: 400;
		font-size: 14px;
}

#shop-sidebar .wpfLiLabel bdi{
		font-weight: 400;
}

#shop-sidebar .wpfFilterWrapper .wpfCheckbox input[type="checkbox"]:checked + label::before{
		background: url('https://mf382.techfindme.xyz/wp-content/uploads/2024/04/From-Elements-1.png')!important;
		background-size: contain!important;
}

/*#shop-sidebar .wpfFilterWrapper .wpfCheckbox input[type="checkbox"]:checked{
		border: 3px solid #000!important;
} */

#shop-sidebar .wpfSingleInputSearch input{
		border-radius: 99px;
		margin: 0;
		height: 48px;
		box-shadow: none;
		border: none;
		background: #F1F1F1;
		font-size: 14px;
		padding: 13px 16px;
}

#shop-sidebar .wpfSingleInputSearch button{
		display: none;
}

#shop-sidebar .wpfDisplay.selected{
		font-weight: 700!important;
}

#shop-sidebar .wpfDisplay.selected bdi{
		font-weight: 700;
}

.product-small.box .show-on-hover.image-tools{
		top:0;
		left: 0;
}

.product-small.box .show-on-hover.image-tools .quick-view{
		 display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
		background: rgba(0, 0, 0, 0.6); border-radius: 8px;
}
.product-small.box .show-on-hover.image-tools .quick-view i{
		padding: 5px;
    background: #FAE100;
    color: #005432;
		border-radius: 50%;
}
.tu-sach-cat{
		padding: 0 !important;
}

.tu-sach-cat .product-small.box .box-text .product-title a {
		display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.col-custom .products.row{
		padding: 0 12px !important;
}

.section-1 .section-blog .flickity-button.previous {
    left: 5%;
}

.section-1 .section-blog .flickity-button.next{
    right: 5%;
}

.banner-fixed {
		background: #286b4e;
		z-index: 9;
		border-radius: 8px;
}

.banner-fixed .banner__fixed-text{
		padding: 24px;
}

.banner-fixed .banner__fixed-text h3{
		font-size: 24px;
		margin-bottom: 8px;
		color: #fff;
}

.banner-fixed .banner__fixed-text p{
		margin-bottom: 8px;
		color: #fff;
}

.banner-fixed .banner__fixed-text a{
		font-size: 16px;
		color: #fff;
		font-weight: 600;
		position: relative;
}

.banner-fixed .banner__fixed-text a:before {
    content: url(https://mf382.techfindme.xyz/wp-content/uploads/2024/04/arrow.svg);
    position: absolute;
    right: -30px;
		filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(262deg) brightness(113%) contrast(100%);
		top: 0px;
}

.banner-fixed.banner-fixed-right {
		 left: auto;
    right: 40px;
}

.banner-fixed .banner__fixed-text a:hover{
		color: #ed3237;
}

.banner-fixed .banner__fixed-text a:hover::before{
		filter: invert(30%) sepia(53%) saturate(5836%) hue-rotate(342deg) brightness(97%) contrast(91%);
}

.section-2 .product-small.box .product-title a{
				 display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
		transition: 0.3s;
}

.related-box .section-title {
		margin-left: 12px;
		margin-right: 12px;
}

.section-contact .column-1 svg, .section-contact .column-1 path{
		fill: #fff;
}

.product-small.box .hover-slide-in{
		transform: translateY(0%) translateZ(0);
}

.product-small.box:hover .product-title a{
		color: #F10000;
}

.section-1 .banner .button:hover{
		color: #ed3237!important;
		opacity: 1;
}

.section-1 .banner .button.button-dak:hover{
		color: #000!important
}

.category-page-title .header-cat-right .search-field,.woocommerce-ordering select{
		padding: 13px 16px;
		display: block;
		height: 48px;
		box-shadow: none;
		border: none;
		background-color: #F1F1F1;
}

.category-page-title .header-cat-right .submit-button{
		color: #005432!important;
}

.section-product-custom .zoom-button{
		padding: 10px;
}

.rank-math-breadcrumb .last{
		font-weight: 700;
}

.product-section {
		border: none;
}

.section-blog-hiden .flickity-button{
		display: none;
}

.section-blog-hiden .flickity-page-dots{
		bottom: -15px;
}

.feature .image{
		border-radius: 8px;
}

.page-numbers.links .next.page-number i{
		font-size: 0;
		background: url('https://mf382.techfindme.xyz/wp-content/uploads/2024/04/right-arrow.png');
		width: 18px;
		height: 18px;
}

.page-numbers.links .prev.page-number i{
		font-size: 0;
		background: url('https://mf382.techfindme.xyz/wp-content/uploads/2024/04/right-arrow-2.png');
		width: 18px;
		height: 18px;
}

.page-numbers.links .page-number:hover i{
		filter: invert(100%);
}

/* .product-small.box .box-image > div{
		padding-top: 150%;
		object-fit: cover;
		position: relative;
}

.product-small.box .box-image > div img{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		object-fit: cover;
		width: 100%;
		height: 100%;
} */

.box-blog-post .box-image{
		border-radius: 8px;
}

.share-link button{
		margin: 0px 8px;
    background-color: #1E6291 !important;
    color: #fff;
    border: none;
    line-height: 32px;
		padding: 0 7px;
		min-height: 1px;
		border-radius: 99px;
		margin-right: 16px!important;
}

.share-link button > span{
		    width: max-content!important;
    left: 35px!important;
    right: 0;
    font-size: 10px!important;
    text-transform: capitalize;
		line-height: 1;
		padding: 10px!important;
		background: #000!important
}

.share-link .tooltip{
		height: 0;
		display: block;
}

.blog-share.text-center{
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
}

.blog-share.text-center > div{
		margin: 0;
}

.share-link input{
		margin: 0;
    padding: 0;
		width: fit-content;
}

.section-blog.section-event .box-blog-post.box-vertical .box-text{
		padding-right: 15px;
}

.plr{
		padding-right: 0!important;
		padding-left: 0!important;
}

.pb{
		padding-bottom: 0!important;
}

.section .container{
		max-width: 1224px
}

.front-page-container{
	padding-bottom: 12px;
}


#header .container{
		padding-left: 10px;
		padding-right: 10px;
}


.related-box .related-head {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    color: black;
}
.related-box ul li {
    margin-bottom: 3px;
}
.related-box ul li a {
    font-weight: 700;
    font-size: 16px;
    /*color: #2a9e2f;*/
}
.related-box ul li a:hover {
    text-decoration: underline;
}
.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}

ul.row.related-post li {
    list-style: none;
}

.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}
.product-custom{
    margin-bottom: 24px;
    
}
.product-custom .box-image{
    width: 32% ;
    height: 306px !important;
    background: #e6f5f0;
    border-radius: 8px;
    position: relative;
}
.product-custom .box-image a{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 203px;
    height: 278px !important;
}
.product-custom .box-image img,.product-section .box-image img{
    height: 278px;
	object-fit: cover;
}
.product-custom .box-text{
    padding: 0 15px;
}
.product-custom .box-text .product-author{
    order: 3;
    font-size: 14px;;
}
.product-custom .box-text .product-author span{
   font-weight: bold;
}
.product-custom .box-text .product-des{
    font-size: 14px;
    padding: 20px 0;
    margin-top: 20px;
    border-top: 1px solid #ccc;
}
.product-default .product-small .box-image{
    padding: 14px 40px;
    background: #E6F5F0;
    border-radius: 8px;
}
.mfp-close{
    display: none;
}
.mfp-close.close-lightbox{
    position: absolute !important;
    top: 50px !important;
    background: #ed3237;
    right: 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    opacity: 1 !important;
    transform: translateY(-50px) !important;
}
.close-lightbox svg{
    width: 20px;
    height: 20px;
   
}
.table-of-contents{
    max-height: 500px; 
        overflow-y: auto; 
}
#wpfBlock_3 .wpfFilterVerScroll {
    max-height: 435px !important;
}

#wpfBlock_3 .wpfFilterVerScroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#wpfBlock_3 .wpfFilterVerScroll::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

#wpfBlock_3 .wpfFilterVerScroll::-webkit-scrollbar-thumb
{
	background-color: #ed3237;
	border: 2px solid #ed3237;
}

.box-blog-post.box .box-text p{
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.col-archive-book .wpfMainWrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}
.col-archive-book .wpfMainWrapper .wpfSingleInputSearch input, .col-archive-book .wpfMainWrapper .wpfCheckboxHier select{
	padding: 13px 16px;
    display: block;
    height: 48px;
    box-shadow: none;
    border: none;
    background-color: #F1F1F1;
	border-radius: 99px;
	margin: 0;
}
.col-archive-book .wpfMainWrapper .wpfCheckboxHier select{
	margin-left: 15px;
}
.col-archive-book .wpfMainWrapper .wpfSingleInputSearch button{
	font-size: 16px;
    font-weight: 400;
    width: 55px;
}
.col-archive-book .wpfMainWrapper .wpfSingleInputSearch button::before{
	color: #005432;
}
.table-book td:first-child, th:first-child {
    padding-left: 7px;
}
.table-book thead tr{
	background: #005432;
	color: #fff;
}
.table-book th{
	font-size: 14px;
	text-transform: initial;
	font-weight: 500;
}
.table-book td:hover a{
	color: #ed3237;
}
.table-book th:nth-child(1), td:nth-child(1) { width: 5%; }
.table-book th:nth-child(2), td:nth-child(2) { width: 55%; }
.table-book th:nth-child(3), td:nth-child(3) { width: 18%; }
.table-book th:nth-child(4), td:nth-child(4) { width: 10%; }
.table-book th:nth-child(5), td:nth-child(5) { width: 12%; }

.large-12.product-default{
	padding: 0;
}


@media only screen and (max-width: 1600px){
	/* .banner-fixed{
		display: none;
	} */
}

@media only screen and (max-width: 1440px){
	.section-1 .banner-inner .img-inner img{
		width:85%;
	}
	.section-1 .banner-inner .lg-x100 {
		right:-20px;
	}
	
	.main-col{
		flex-basis: 80%;
		max-width: 80%;
	}
	
	/* .row.row-full-width.front-page-container > .medium-2 {
		flex-basis: 10%;
		max-width: 10%;
	} */
}

@media only screen and (max-width: 1024px){
	.section-blog-hiden .flickity-page-dots {
    	bottom: -22px;
	}
	.product-small.box .show-on-hover.image-tools .quick-view {
		display:none;
	}
	.main-col{
		flex-basis: 100%;
		max-width: 100%;
	}
	
	.section-title .section-title-main {
		font-size: 28px;
	}
	.large-12.product-default {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 768px){
	.nav:not(.nav-slide) .active>.children{
		padding-bottom: 0;
}

.section-us h2{
		font-size: 28px
}
	
	.header-main {
        height: 70px!important;
    }
	
	    #logo img {
        max-height: 70px!important;
			    padding: 10px 0!important;
    }
	
	.category-page-title .header-cat-right{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
	.category-page-title .header-cat-right .search-field{
		width: 300px;
	}
	
	.category-page-title .header-cat-right .woocommerce-ordering select{
		min-width: 300px;
	}
	
	.autocomplete-suggestions .autocomplete-suggestion .search-image {
		display: none;
	}
}

@media only screen and (max-width: 425px){
	.col-archive-book .wpfMainWrapper .wpfCheckboxHier select{
		margin-left: 0px;
	}
	.single-product .nav-center {
		justify-content:space-between;
	}
	.product-default .product-small .box-image, .product-section.related-products-wrapper .product-small img , .product-custom .box-text .product-des{
		padding:0px;
	}
	.box-text {
		padding:10px 5px!important;
	}
    .woocommerce-page .search-field{
        width: 401px;
    }
    .category-page-title .header-cat-right .header-search-form.search-form {
        max-width: 401px !important;
    }
    .woocommerce-ordering, .woocommerce-ordering select {
        margin: 0 !important;
    }
    .product-custom .box-text{
        padding: 15px;
    }
    .category-page-title .header-cat-right {
        flex-direction: column;
    }
    .category-page-title .header-cat-right .search-field, .woocommerce-ordering select {
        max-width: 100% !important;
    }
	
	.section-1 .box-blog-post .box-text .post-title{
		font-size: 18px;
		margin-bottom: 16px;
}

.section-1 .box-blog-post .post-meta{
		margin-bottom: 0;
}

.product-lightbox.lightbox-content .product-lightbox-inner{
		padding: 24px 0 0 0!important;
}

.section-title .section-title-main{
		margin: 0;
		font-size: 20px;
}

.section-blog .flickity-button svg{
		padding: 10px!important;
}

.section-blog .flickity-button.previous {
    left: 10px;
    width: 35px !important;
}

.section-blog .flickity-button.next {
    right: 10px;
		 width: 35px !important;
}

.section-us h2 {
    font-size: 25px;
    margin-bottom: 20px;
}

.box-blog-post.box-vertical .box-text{
		padding: 16px 0;
}

.section-1 .box-blog-post .box-text {
    padding: 10px;
}



.section-3 .product-small.box .box-text .product-title a,.section.section-blog .box-blog-post .post-title{
		 display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* .section.section-blog .from_the_blog_excerpt {
		display: none;
} */

.product-description .nav .tab {
    margin-right: 10px;
}

.product-description .nav a {
    font-size: 10px;
    padding: 5px 0;
}

.product-description .accordion-item .accordion-title{
		font-size: 15px;
}

.product-description .accordion .accordion-inner p{
		font-size: 15px;
}

.section-contact .row{
		box-shadow: none;
}

.section-contact .row .col.column-1{
		margin-bottom: 24px;
}

.section .box-blog-post .post-meta {
    gap: 0 10px;
}

.section .box-blog-post .post-bottom {
    align-items: flex-start;
    flex-direction: column;
		gap: 8px;
}

.section .box-blog-post .post-bottom .button{
		padding-left: 0;
}

.single.single-post .page-title .container{
		padding: 15px
}

.single.single-post .page-title .entry-title {
    font-size: 25px;
}

.single.single-post .page-title{
		border-radius: 0;
}

.single.single-post .post {
    margin-bottom: 0px;
}

.category-page-title {
    padding-top: 50px;
}

.section-blog-hiden .flickity-page-dots{
		bottom: 0px;
}

.section-title a{
		margin-bottom: 0;
}

#logo img{
		padding: 5px;
}

.section-blog.section-event .box-blog-post.box-vertical .box-text{
		padding-right: 0px;
}

.category-page-title .header-cat-right > div{
		width: 100%;
}

.product-small.box .box-text .product-title a {
		font-size: 15px;
		line-height: 22px;
}
	
	.category-page-title .header-cat-right .woocommerce-ordering select{
		min-width: 170px;
	}

}

.px-0\! {
	padding-left: 0 !important;
	padding-right: 0 !important;
}