/*
Theme Name: Stylingzone Child
Theme URI: https://www.yourhustler.com/
Author: Arbaz Akhter
Author URI: https://www.yourhustler.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: stylingzone
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: https://www.yourhustler.com/
*/

/* ============== elementor container =============== */
@media only screen and (min-width:1040px) {

	.aux-nd .elementor-section.elementor-section-boxed>.elementor-container,
	.aux-nd:not(.elementor-page) .elementor-section-boxed>.elementor-container {
		width: auto;
		max-width: 936px;
	}
}

@media only screen and (min-width:1279px) {

	.aux-hd .elementor-section.elementor-section-boxed>.elementor-container,
	.aux-hd:not(.elementor-page) .elementor-section-boxed>.elementor-container {
		width: auto;
		max-width: 1151px;
	}


	.header-fullwidth .ts-header .container {
		padding-left: 110px;
		padding-right: 110px;
	}
}

@media only screen and (min-width:1440px) {

	.aux-xhd .elementor-section.elementor-section-boxed>.elementor-container,
	.aux-xhd:not(.elementor-page) .elementor-section-boxed>.elementor-container {
		width: auto;
		max-width: 1296px;
	}

	.header-fullwidth .ts-header .container {
		padding-left: 76px;
		padding-right: 76px;
	}
}

@media only screen and (min-width:1536px) {
	.header-fullwidth .ts-header .container {
		padding-left: 114px;
		padding-right: 114px;
	}
}

@media only screen and (min-width:1660px) {

	.aux-s-fhd .elementor-section.elementor-section-boxed>.elementor-container,
	.aux-s-fhd:not(.elementor-page) .elementor-section-boxed>.elementor-container {
		width: auto;
		max-width: 1494px;
	}

	.header-fullwidth .ts-header .container {
		padding-left: 94px;
		padding-right: 94px;
	}
}

@media only screen and (min-width:1900px) {

	.aux-fhd .elementor-section.elementor-section-boxed>.elementor-container,
	.aux-fhd:not(.elementor-page) .elementor-section-boxed>.elementor-container {
		width: auto;
		max-width: 1710px;
	}
}

/* ============ elementor container ends ============== */
.header-middle,
.header-bottom {
	border-style: none;
	border-color: #fff;
}

header .sticky-wrapper.is-sticky .header-sticky {
	background: #fff;
}

header.ts-header {
	height: 72px !important;
}

@media only screen and (max-width:576px) {
	header.ts-header {
		height: 50px !important;
	}
}

.clr-primary {
	color: #5DABB9;
	font-style: italic;
}

.elementor-button-text {
	line-height: 18px;
}

.menu-item {
	position: relative;
}

.menu-item::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 2px;
	width: 5%;
	transition: background-color, width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.menu-item:hover::after {
	width: 100%;
	background-color: #5DABB9;
}

.menu-item .menu-label {
	position: relative;
	transition: all 0.35s ease-in-out;
}

.menu-item .menu-label:hover {
	color: #5DABB9;
}

.cart-number {
	background-color: #5DABB9;
}

.services-serial-number {
	font-size: 2.55rem;
}

/*--Breaking text in 2 lines on hero ----*/
@media(min-width:992px) {
	.hero-text-container {
		max-width: 419px;
	}
}

@media(min-width:1660px) {
	.hero-text-container {
		max-width: 600px;
	}
}

/* ======= instagram slider ========== */
.img-fluid {
	width: 100%;
	height: auto;
}

.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: grabbing;
}

.swiper-slide img:hover{
	coursor:pointer !important;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	position: static;
	margin-bottom: 3.5rem;
}

@media(min-width:767px){
	.swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		margin-bottom: 5rem;
	}
}

.swiper-pagination-bullet {
	width: 14px !important;
	height: 14px !important;
	text-align: center;
	line-height: 14px;
	color: #000;
	background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
	color: #fff;
	background: #000 !important;
}

/* ============== contact form ============  */

.contact-form textarea,
.contact-form input {
	border-bottom: unset !important;
}

.contact-form .form-group {
	display: flex;
	align-items: center;
	background-color: #F7F5F4 !important;
	gap: 10px;
	padding:10px 22px;
}

.dropdown-container{
	gap:0px !important;
	padding-top:8px !important;
	padding-bottom:8px !important;
}

.contact-form .wpcf7-form-control-wrap {
	display: flex !important;
	align-items: center !important;
	height: 100%;
}

.contact-form .form-group:not(:last-child) {
	margin-bottom: 1.44rem;
}

.contact-form input[type="submit"] {
	width: 100%;
	color:#fff !important;
	background-color: #5DABB9 !important;
	transition: background-color 0.2s ease-linear;
	padding:10px 42px !important;
}

contact-form input[type="submit"]:hover{
	border:2px solid #5DABB9;
	background-color:#fff !important;
}

.input.wpcf7-form-control.has-spinner.wpcf7-submit,
div.wpcf7 input[type^="submit"]{
	border:none !important;
	outline:none !important;
}


.contact-form input[type="submit"]:hover {
	background-color: #0E0E0E !important;
}

.contact-form input[type="name"],
.contact-form input[type="email"],
.contact-form input[type="text"],
.contact-form .wpcf7-select,
.contact-form .input-control {
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.contact-form .wpcf7-form-control,
.contact-form .fa,
.contact-form .wpcf7-form-control::placeholder {
	color: #676767;
}

.contact-form .wpcf7-select {
	border-radius: 0 !important;
	width: 100% !important;
	background-color: #F7F5F4 !important;
	border: none !important;
	padding-left:18px !important;
}

.contact-form textarea {
	height: 150px !important;
	resize: none !important;
	padding: 0 !important;
}

input[type^="submit"]{
	line-height: 2rem !important; 
}

@media only screen and (min-width:667px){
	.contact-form textarea {
		height: 217px !important;
	}
}

.contact-form textarea:focus {
	outline: none !important;
	border: none !important;
}

.contact-form .textarea-container {
	align-items: flex-start;
	padding: 10px 22px !important;
}

.fa-message {
	display: block;
	margin-top: 10px;
}

select, select.dokan-form-control{
	max-width:unset !important;
}

/* ======== moving logo =========== */
.rotating-logo-wrapper {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rotating-logo-wrapper .moving-logo {
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background-color: #F7F5F4;
	background-image: url('https://stylingzone.redesigning.website/wp-content/uploads/2022/09/Group-45.svg');
	background-repeat: no-repeat;
	background-size: 80% 80%;
	background-position: center;
	transform-origin: 50% 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	animation: rotate-circular 10s linear infinite;
}

.rotating-logo-wrapper .logo-icon-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 2px solid #000;
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rotating-logo-wrapper .logo-icon-wrapper img {
	width: 32px;
	height: auto;
}

@keyframes rotate-circular {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg)
	}
}

/* ======== marque scan section ========== */

.moving-services {
	overflow: hidden
}

.marque-container {
	position: relative;
	width: 100%
}

.marque-banner {
	align-items: center;
	display: flex;
	overflow: hidden;
	position: relative;
	transition: -webkit-animation .25s linear;
	transition: animation .25s linear;
	transition: animation .25s linear, -webkit-animation .25s linear;
	height: 4rem;
}

@media only screen and (min-width:768px) {
	.marque-banner {
		height: 4.5rem
	}
}

.marque-banner__track {
	-webkit-animation: scan 15s linear infinite;
	animation: scan 15s linear infinite;
	display: flex;
	align-items: center;
	white-space: nowrap;
	list-style-type: disc;
	gap: 2rem;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 27%;
	transform: translateY(-27%);
}

@media only screen and (min-width:768px) {
	.marque-banner__track {
		-webkit-animation-duration: 20s;
		animation-duration: 20s;
		top: 30%;
		transform: translateY(-30%);
	}
}

.marque-item {
	color: #fff;
	display: inline-block;
	flex-shrink: 0;
	font-family: Helvetica, sans-serif;
	font-size: 1.125rem;
	padding-left: .5rem;
	padding-right: .5rem;
	text-transform: capitalize;
	position: relative;
}

.marque-item::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: -1rem;
	transform: translateY(-50%);
}

.marque-wrapper .marque-banner {
	background: #5DABB9;
}

@-webkit-keyframes scan {
	0% {
		transform: translateX(0)
	}

	to {
		transform: translateX(-25%)
	}
}

@keyframes scan {
	0% {
		transform: translateX(0)
	}

	to {
		transform: translateX(-25%)
	}
}

/* ========== our-journey ========= */
.our-journey {
	position: relative;
}

.our-journey::after {
	content: '';
	position: absolute;
	bottom: -9rem;
	left: 2rem;
	width: 3rem;
	height: 12rem;
	background-image: url("http://localhost:10034/wp-content/uploads/2022/09/Line-24.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

@media(max-width:576px) {
	.our-journey::after {
		display: none;
	}
}

/* ========== faq start ========= */
.faq__inner:first-child{
	border-top: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
}

.faq__inner{
	border-bottom: 1px solid #B4B4B4;
}

.faq .accordion-content{
	display: flex;
	flex-direction: column;
	margin-top: 2.65rem;
}

.faq .accordion-item {
	cursor: pointer;
}

.faq .item-header {
	align-items:  flex-start;
	display: flex;
	justify-content: flex-start;
	gap: 1rem;
}

.faq .item-answer {
	font-family: Helvetica, sans-serif;
	font-size: 1.125rem;
	line-height: 1.777em;
}

@media(min-width:767px) {
	.faq .item-header {
		align-items: center;
	}

	.faq .accordion-content{
		display: flex;
		flex-direction: column;
		margin-top: 3.65rem;
	}
}

.faq .item-icon {
	border-radius: 4px;
	cursor: pointer;
	flex: 0 0 25px;
}

@media only screen and (min-width:766px) {
	.faq .item-icon {
		font-size: 1.2rem;
		margin-top:-10px;
	}
}

.faq .item-icon i {
	transition: all .25s cubic-bezier(.5, 0, .1, 1)
}

.faq .item-question,
.faq .faq-pricing {
	font-family: CustomFont, sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.333em;
}

@media(min-width:576px) {
	.faq .item-question,
	.faq .faq-pricing {
		font-size: 1.75rem;
	}
}

@media(min-width:776px) {
	.faq .item-question,
	.faq .faq-pricing {
		font-size: 2rem;
	}
}

@media(min-width:992px) {
	.faq .item-question,
	.faq .faq-pricing {
		font-size: 2rem;
	}
}

.faq .faq-pricing {
	color: #5DABB9;
	text-align: end;
}

.faq .active .item-icon i {
	transform: rotate(90deg)
}

.faq .item-content {
	margin-bottom: 2rem;
	max-height: 0;
	overflow: hidden;
	transition: all .3s ease;
}

@media(min-width:767px){
	.faq .item-content {
		margin-bottom: 3rem;
	}
}

/* ======= bootstrap class ======== */
.row{
	display:flex;
}
.col-xs-10 {
	width: calc((100%/12)*10);
}

.col-xs-2 {
	width: calc((100%/12)*2);
}

@media(min-width:767px) {
	.col-md-8 {
		width: calc((100%/12)*8)
	}

	.col-md-4 {
		width: calc((100%/12)*4)
	}
}

.ts-header nav > ul.menu li ul.sub-menu{
	padding:62px 20px 18px 18px !important;
	width:max-content !important;
}

.sticky-wrapper.is-sticky ul.menu li ul.sub-menu{
	padding-top:52px !important;
}

.ts-header .ts-menu > nav > ul.menu > li.ts-megamenu-columns-1 > ul.sub-menu, .ts-header .ts-menu > nav > ul.menu > li.ts-normal-menu > ul.sub-menu{
	left:-8px !important;
}

.sub-menu .menu-item:hover::after{
	display:none;
	background-color:transparent !important;
}

@media only screen and (min-width:776px) and (max-width: 993px){
	.ts-header .header-middle .menu-wrapper {
		width: 100%;
		-webkit-box-ordinal-group: 2;
		order:unset !important;
		flex:40%;
		position:static !important;
		margin-top: 0px !important;
		padding: 8px 0;
	}

	.sticky-wrapper.is-sticky .header-middle.menu-center{
		display:flex; 
		align-items:center;
		padding-block:0.35rem;
		border:none !important;
	}
}

.elementor-kit-6 a{
	line-height:1.5em !important;
}

.elementor-image-box-title a{
	font-family: Wulkan Display, sans-serif !important;
	font-size:24px !important;
	line-height:56px !important;
}
/* New Css Abhi */
.quantity .minus, .quantity .plus{
	padding:0 !important;
}
form.cart .quantity .minus, 
form.cart .quantity .plus,
form.cart .quantity .number-button{
	height: 52px !important;
}

.woocommerce .quantity input.qty, .quantity input.qty{
	padding:0 !important;
}
button.single_add_to_cart_button.button.alt {
    border-radius: 0;
}
.woocommerce div.product .summary a.button.ts-buy-now-button{
	border-color: #000;
    color: #000;
	
}

a.button.ts-buy-now-button {
    border-radius: 0 !important;
    color: #000 ;
	min-height: 52px;
    padding: 10px 20px;
}
.woocommerce a.button.disabled{
	opacity:.8;
}
.woocommerce a.button.disabled{
	 border-radius: 0;
	color: #000;
}

textarea, select, html input[type^="search"], html input[type^="text"], html input[type^="email"], html input[type^="password"], html input[type^="number"], html input[type^="tel"], .chosen-container a.chosen-single, .woocommerce-checkout .form-row .chosen-container-single .chosen-single, #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, body .select2-container--default .select2-selection--single .select2-selection__rendered{
	border-radius:0 !important;
}
.woocommerce.archive #main > .page-container:not(.show_breadcrumb_v3) .before-loop-wrapper {
    margin-top: 55px !important;
}

.breadcrumb-title-wrapper {
    margin-top: 50px;
}

a.button, .woocommerce a.button{
	border-radius: 0px;
}

.woocommerce.main-products:not(.columns-1) .product .product-group-button-meta > div a.button {
    background: #5dabb9  !important;
}

.woocommerce.main-products:not(.columns-1) .product .product-group-button-meta > div .ts-tooltip {
    display: initial;
}

.woocommerce.main-products:not(.columns-1) .product .product-group-button-meta > div.loop-add-to-cart > a.button:before{
	margin-right: 5px;
}

.woocommerce div.product .summary .woocommerce-product-details__short-description{
	font-size:18px !important;
	line-height:36px !important;
}
.woocommerce div.product .summary .entry-title {
    font-size: 48px !important;
    line-height: 60px !important;
}
.woocommerce div.product .summary .woocommerce-product-details__short-description ul li{
	line-height:36px;
}

.woocommerce .related > h2{
    font-size: 36px !important;
    line-height: 52px !important;
}

.related .product .product-group-button-meta > div .ts-tooltip {
    display: initial;
}

.related .product .product-group-button-meta > div a.button{
	background: #5dabb9 !important;
}

.related .product .product-group-button-meta > div.loop-add-to-cart > a.button:before{
	margin-right:5px;
}

.elementor-7 .elementor-button:hover, .elementor-7 .elementor-button:focus {
    border: 1px solid #5dabb9 !important;
}

#ts-login-form input:not([type="button"]):not([type="submit"]), #ts-login-form textarea, #ts-login-form .elementor-field-textual{
	padding:14px !important;
	
}


.woocommerce button.button, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce button.button.alt{
	min-height:52px;
	border-radius:0 !important;
}

body .select2-container--default .select2-selection--single{
	border-radius:0 !important;
	min-height:52px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #f7f5f4 !important;
}

/* .select2-container--default .select2-selection--single .select2-selection__rendered{
	padding: 15px 20px !important;
} */

.select2-container--default .select2-selection--single{border-color: rgb(93 171 185) !important;}


/*****************************************************************************************************************************************************************************************  */


@media only screen and (max-width: 767px){
	.woocommerce div.product .summary .entry-title {
    font-size: 32px !important;
    line-height: 60px !important;
}
}
@media only screen and (min-width:767px) and (max-width:992px){
	.floating-img-1 img{
		width:90%;
	}

	.floating-img-2 img{
		width:75%;
		height:auto;
	}
}

@media only screen and (max-width:576px){
	.floating-img-2 img{
		width:68%;
		height:auto;
	}
}

/* ======== additional hover and animation ======= */
.services-box .elementor-image-box-img{
	overflow:hidden;
}

.gallary-figure{
	overflow:hidden;
}

.services-box img,
.gallary-figure img{
	transition:all 0.30s ease-in-out;
}

.services-box img:hover,
.gallary-figure img:hover{
	transform:scale(1.1);
}

.services-box .elementor-image-box-title a:hover{
	color:#5dadd9;
}

.footer-address .elementor-icon-list-item{
	align-items:flex-start !important;
}

.footer-address .elementor-icon-list-icon{
	margin-top:4px;
}

.account-dropdown-form input[type="submit"]{
	padding:10px 38px !important;
	margin-top:-10px !important;
}

.login-remember{
	display:flex;
	align-items:center;
	margin-top:-14px !important;
	margin-left:4px;
}

.form-group i.fa.fa-phone{
	transform:rotate(110deg);
}

.my-account-wrapper .dropdown-container, .shopping-cart-wrapper .dropdown-container {
    padding-top: 30px !important;
	padding-bottom:10px !important;
    z-index: 992;
}

.styling-schedule{
	text-align:center;
}

.align-center{
	text-align:center;
}

a.button.view-cart {
    background: #fff !important;
    color: #000 !important;
	margin-top:10px !important;
}

a.button.view-cart:hover{
	border-color:#5dabb9 !important;
	background-color:#5dabb9 !important;
	color:#fff !important;
}

a.button.checkout-button {
	margin-top:10px !important;
}

.woocommerce .products .list-categories .product.product-category {
    width: 24.66666%;
}
.list-categories:after{
	border-style: none;
}
.count {
    display: none;
}