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

.store-sign-template-default .rank-math-breadcrumb span:nth-child(2) {
    display: none;
}

.store-sign-template-default .rank-math-breadcrumb a:nth-child(3) {
    display: none;
}
.beforeAfter div:nth-child(2) img{
	width: var(--beforeAfter-width) !important;
	max-width: unset
}
.col-qt .col-inner{
	padding: 200px 0;
	padding-left: 64px
}
.col-qt .image-qt{
	padding: 12px;
	max-width: 285px;
}
.col-qt .image-qt .img-inner{
	-webkit-mask-image: url("/wp-content/themes/flatsome-child/assets/image/img-qt.png");
	mask-image: url("/wp-content/themes/flatsome-child/assets/image/img-qt.png");
	-webkit-mask-size: 100%;
	mask-size: 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: #FEEFEA;
	z-index: 2;
}
.col-qt .image-qt::before{
	content:"";
	position: absolute;
	inset: 0;
	background: url("/wp-content/themes/flatsome-child/assets/image/qt-bg-main.svg") center / contain no-repeat;
}
.col-qt .image-qt::after{
    content: "";
    inset: -12px;
    border-radius: 50%;
    border: 2.73px dashed rgba(199, 15, 33, 1);
    position: absolute;
}
.col-qt .col-inner .row{
	margin: 0 auto !important;
}
.col-qt .icon-box{
	position: absolute;
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: 600;
	/* gap: 10px; */
}
.col-qt .icon-box-img{
	width: 104px !important;
	height: 104px;
	margin: 0;
	background: url("/wp-content/themes/flatsome-child/assets/image/bg-qt-icon.svg") center / contain no-repeat;
	padding: 35px;
}
.col-qt .icon-box-img::after{
	content:"";
	inset: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='84' viewBox='0 0 96 84' fill='none'%3E%3Cpath d='M94.9894 40.7525C95.4752 41.5939 95.4752 42.6305 94.9894 43.4719L72.6732 82.1246C72.1875 82.966 71.2898 83.4843 70.3182 83.4843H25.6859C24.7144 83.4843 23.8166 82.966 23.3309 82.1246L1.01469 43.4719C0.528938 42.6305 0.528938 41.5939 1.01469 40.7525L23.3309 2.09978C23.8166 1.25842 24.7144 0.740128 25.6859 0.740128L70.3182 0.740128C71.2898 0.740128 72.1875 1.25842 72.6732 2.09978L94.9894 40.7525Z' fill='%23C70F21'/%3E%3C/svg%3E") center/ contain no-repeat;
	position: absolute;
	opacity: 0;
	transition: all 0.5s;
}
.col-qt .icon-box .icon-box-img .icon{
	z-index: 4;
	position: relative;
}
.col-qt .icon-box:hover .icon-box-img::after{
	opacity: 1;
}
.col-qt .icon-box:hover .icon-box-img img{
	filter: brightness(0) invert(1);
}
.col-qt .icon-box-img img,
.col-qt .icon-box-img svg{
	object-fit: contain;
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 0;
	max-height: 34px;
}
.qt-1{
	flex-direction: column-reverse;
	top: -6%;
	left: 139px;
}
.qt-1 .icon-box-text{
	position: relative;
	top: -20px;
}
.qt-2{
	top: 12%;
	left: 285px;
}
.qt-2 .icon-box-text{
	position: relative;
	top: -58px;
	left: 0;
}
.qt-3{
	top: 25%;
	left: 367px;
}
.qt-3 .icon-box-text{
	position: relative;
	left: 30px;
	top: -10px
}
.qt-4{
	top: 42%;
	left: 413px;
}
.qt-4 .icon-box-text{
	position: relative;
	left: 30px
}
.qt-5{
	top: 59%;
	left: 371px;
}
.qt-5 .icon-box-text{
	position: relative;
	left: 30px;
	top: 19px;
}
.qt-6{
	top: 74%;
	left: 293px;
}
.qt-6 .icon-box-text{
	position: relative;
	top: 50px;
    left: 20px;
}
.qt-7{
	bottom: -4%;
	left: 156px;
	flex-direction: column;
}
.qt-7 .icon-box-text{
	position: relative;
	top: 10px;
	left: 49px;
}
.qt-8{
	flex-direction: column;
	bottom: 1%;
	left: 2px;
}
.qt-8 .icon-box-text{
	position: relative;
	/* top: -22px; */
	/* left: -97px; */
}
.col-qt .icon-box h3{
	font-size:24px;
	color:rgba(199, 15, 33, 1);
	margin: 0
}
.col-qt .icon-box-img::before{
	content: "";
	height: 59px;
	width: 1px;
	border-left: 1px dashed rgba(199, 15, 33, 1);
	position: absolute;
	top: 92%;
	left: 0;
	right: 0;
	margin: auto;
}
.col-qt .qt-2 .icon-box-img::before{
	transform: rotate(23deg);
	right: auto;
	left: 18px;
	height: 38px;
}
.col-qt .qt-3 .icon-box-img::before{
	right: auto;
	left: -3px;
	height: 46px;
	top: 69%;
	transform: rotate(47deg);
}
.col-qt .qt-4 .icon-box-img::before{
	right: auto;
	left: -27px;
	height: 54px;
	top: 24%;
	transform: rotate(90deg);
}
.col-qt .qt-5 .icon-box-img::before{right: auto;left: -8px;height: 49px;top: -8%;transform: rotate(124deg);}
.col-qt .qt-6 .icon-box-img::before{
	right: auto;
	left: 7px;
	height: 60px;
	top: -46%;
	transform: rotate(145deg);
}
.col-qt .qt-7 .icon-box-img::before{
	top: auto;
	bottom: 95%;
	/* height: 72px; */
}
.col-qt .qt-8 .icon-box-img::before{
	right: auto;
	left: 95px;
	height: 60px;
	top: -45%;
	transform: rotate(35deg);
}
.col-qt .icon-box::after{
	content: "";
	height: 70px;
	width: 70px;
	background: url("/wp-content/themes/flatsome-child/assets/image/arr-qt.svg") center / contain no-repeat;
	position: absolute;
	top: 92%;
	left: 0;
}
.col-qt .qt-1.icon-box::after{
	top: 10%;
	left: 128%;
	transform: rotate(343deg);
}
.col-qt .qt-2.icon-box::after{
	top: 26%;
	left: 95%;
}
.col-qt .qt-3.icon-box::after{top: 61%;left: 120%;transform: rotate(12deg);}
.col-qt .qt-4.icon-box::after{
	top: 86%;
	left: 105%;
	transform: rotate(45deg);
}
.col-qt .qt-5.icon-box::after{
	top: 123%;
	left: 75%;
	transform: rotate(75deg);
}
.col-qt .qt-6.icon-box::after{
	top: 132%;
	left: 25%;
	transform: rotate(88deg);
}
.col-qt .qt-7.icon-box::after{
	top: 74%;
	left: -40%;
	transform: rotate(151deg);
}
.col-qt .qt-8.icon-box::after{
	display: none
}
@media (max-width: 1200px){
	.col-qt{
		overflow:hidden
	}
	.col-qt .col-inner{
		transform: scale(0.8);
		width: 800px;
	}
}
@media (max-width: 850px){
	.col-qt .col-inner{
		transform: scale(0.6) translate(-100px, -100px);
		width: 640px;
		position: relative;
		margin-bottom: -200px;
		/* right: calc(100% - 500px); */
	}
}
@media (max-width: 550px){
	.col-qt .col-inner{
		transform: scale(0.5) translate(-300px, -200px);
		margin-bottom: -200px;
	}
}
/*************** ADD CUSTOM CSS HERE.   ***************/
@-webkit-keyframes line {
	0%{
		width: 0
	}
	100% {
       width: 100%
    }
}
@keyframes line {
   	0%{
		width: 0
	}
	100% {
       width: 100%
    }
}
.banner-line::before{
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	z-index: 9;
	border-top: 4px solid #A51C20;
	animation: line 4s ;
}
.banner-line::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	 width: 100%;
	z-index: 6;
	border-top: 4px solid #A89F96;
}
.home .header{
	border: 0
}
.slider-wrapper .banner-line::before{
	border-top: 4px solid transparent;
	animation: unset
}
.slider-wrapper .banner-line.is-selected::before{
	border-top: 4px solid #A51C20;
	animation: line 4s ; 
}
footer .dark .ux-menu-link__link:hover .ux-menu-link__text{
	color: #000
}
.flickity-page-dots .dot.is-selected,
.flickity-page-dots .dot{
	background: var(--primary-color);
	border: 0
}
/* sub menu hover  */
.nav-dropdown.nav-dropdown-simple>li>a:hover { background-color: var(--primary-color); color: #fff;}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd;padding:0;margin-top: 2px;}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background: var(--primary-color)}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#008848}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{ border-width: 10px; margin-left: -10px; }
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute; left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
@media only screen and (max-width: 550px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}