/*
Theme Name: Simple
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.titlex .section-title-main {
    background: #204296;
    color: white!important;
    clip-path: polygon(0% 0%,79% 0%,85% 50%,79% 100%, 0% 100% );
    width: 300px;
    padding-left: 10px;
	padding-top:5px;
}
span.hdevvn-show-cats li {
    display: block;
    width: auto;
    float: left;
    margin: 0 8px;
}
span.hdevvn-show-cats li a {
    padding: 8px 10px;
    color: #fff !important;
    background-color: #00297c;
    font-weight: 700;
    margin: 0 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 12px;
}
.section-title a {
	padding-right:10px;
    margin-left: auto;
    margin-right: 10px;
}
.titlex{
 padding-top:6px;
	padding-bottom: 0;
}
span.hdevvn-show-cats li a:hover{
	border: 1px dashed red;
}

.titlex .section-title-normal span{
	padding: 5px 0;
}
.gv-attribute-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.gv-attr-btn {
  border: 1px solid #ccc;
  background: #fff;
  padding: 6px 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
  color: #333;
}

.gv-attr-btn:hover {
  border-color: #888;
  background: #fafafa;
}

.gv-attr-btn.selected {
  border-color: #24743a;
  background: #24743a;
  color: #fff;
  font-weight: 600;
}
.product-info .hn-attrs, .product-info .price-wrapper{
	display:none;
}


@media (max-width:768px){
	.pb-0{
		padding-bottom:0px;
	}
	.section-1-home{
		padding-top:32px !important;
		padding-bottom:10px !important;
	}
	.section-1-home h2{
		margin-bottom:10px !important;
		font-size:20px;
	}
	.gap-home-2 {
		padding-top:30px !important;
	}
	.section-2-home h2,.section-2-home h3, .section-3-home h2, .section-5-home h2{
		font-size:20px;
	}
	.section-3-home {
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
	.row-section-2-button .col-inner{
		display:flex;
		justify-content:center;
	}
	.section-3-home .gap-section-3 {
		padding-top:27px !important;
	}
	.row-section-3-home {
		display:flex;
		flex-direction:column;
	}
	.row-section-3-home .col-row-3-2:nth-child(2){
		order: -1 !important; 
	}
	.row-section-3-home .hn-dot-box-left{
		margin-left:0px;
	}
	.row-section-4-home .hn-testimonial{
		width: 300px;
	}
	.row-section-4-home{
		display:flex;
		flex-flow: row !important;
		overflow-x: auto;
	}
	.row-section-4-home .col{
		max-width:100% !important;
	}
	.section-blog-5-home {
		display: grid;
    grid-template-columns: repeat(2, 1fr)
	}
	.section-5-home, .section-about-4, .section-contact{
		padding-top:40px !important;
		padding-bottom:40px !important;
	}
	.gap-section-5{
		padding-top:20px !important;
	}
	.section-blog-5-home .col{
		padding-bottom:10px !important;
	}
	.footerx .text-ul-footer ul{
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    text-align: center;
	}
	.gap-about-1{
		padding-top:20px !important;
	}
	.gap-about-2{
		padding-top:40px !important;
	}
	.text-h4 h4, .text-h2 h2{
		font-size:20px !important;
	}
	.text-p, .section-7-intro p, .section-1-intro p, .section-intro-2 p, .section-3-intro p, .section-5-intro p, .section-5-intro ul li, .section-6-intro p, .text-p p{
		font-size:16px !important;
		margin-bottom:0px;
	}
	.section-intro-2, .section-4-intro, .section-5-intro, .section-8-intro{
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
	.blog-post-intro .col{
		padding-bottom:10px;
	}
	.section-6-intro{
		padding-top:10px;
		padding-bottom:10px;
	}
	.section-6-intro{
		padding-top:10px;
	}
}