/* 
Theme Name: Fourthd Theme
Theme URI: https://fourthd.io
Description: Fourthd Theme is a child theme of Hello Elementor, created by Fourthd team
Author: Fourthd Team
Author URI: https://fourthd.io
Template: hello-elementor
Version: 1.0.1
Text Domain: fourthd-theme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Global styling start */
@media only screen and (min-width: 1281px) {

    .elementor[data-elementor-type="header"]>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-post"]>.elementor-element.e-con,
    .elementor[data-elementor-type="footer"]>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-page"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="archive"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product-archive"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="single-post"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="header"]>div>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-post"]>div>.elementor-element.e-con,
    .elementor[data-elementor-type="footer"]>div>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="archive"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product-archive"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="single-post"]>div>.elementor-element.e-con:not(.full-width),
    .elementor-editor-active .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width) {
        padding-right: 100px;
        padding-left: 100px;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 768px) {

    .elementor[data-elementor-type="header"]>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-post"]>.elementor-element.e-con,
    .elementor[data-elementor-type="footer"]>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-page"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="archive"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product-archive"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="single-post"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="header"]>div>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-post"]>div>.elementor-element.e-con,
    .elementor[data-elementor-type="footer"]>div>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="archive"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product-archive"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="single-post"]>div>.elementor-element.e-con:not(.full-width),
    .elementor-editor-active .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width) {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media only screen and (max-width: 767px) {

    .elementor[data-elementor-type="header"]>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-post"]>.elementor-element.e-con,
    .elementor[data-elementor-type="footer"]>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-page"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="archive"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product-archive"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="single-post"]>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="header"]>div>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-post"]>div>.elementor-element.e-con,
    .elementor[data-elementor-type="footer"]>div>.elementor-element.e-con,
    .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="archive"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product-archive"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="product"]>div>.elementor-element.e-con:not(.full-width),
    .elementor[data-elementor-type="single-post"]>div>.elementor-element.e-con:not(.full-width),
    .elementor-editor-active .elementor[data-elementor-type="wp-page"]>div>.elementor-element.e-con:not(.full-width) {
        padding-right: 20px;
        padding-left: 20px;
    }
}

body main {
    overflow-x: hidden;
}

/* Global styling end */

/* Landing Page Styling */
.of-50.elementor-widget-image {
    position: absolute;
    top: 32px;
    right: 0;
}
.cutt-off.elementor-widget-text-editor {
    position: relative;
	
	&::before {
		content: '';
		position: absolute;
		width: 120%;
		height: 3px;
		margin: auto;
		inset: 0;
		left: -10%;
		background: linear-gradient(90deg, #FAFF00 0%, #D7A500 100%);
		transform: rotate(-10deg);
		border-radius: 10px;
	}
}
.grad-color {
	display: inline-block;
    background: linear-gradient(90deg, #FAFF00 0%, #D7A500 100%);
    background-clip: text;
    -webkit-background-clip: text;
	
	span {
		-webkit-text-fill-color: transparent;
	}
}
.elementor-element.grad-box {
	position: relative;
	border-radius: 30px;
	backdrop-filter: blur(1px);
	background: linear-gradient(290deg, rgba(255, 255, 255, 0.02) 12.08%, rgba(255, 255, 255, 0.20) 95.43%);
	overflow: hidden;
	z-index: 0;
	
	&::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		padding: 3px;
		background: linear-gradient(-30deg, transparent 10%, #FAFF0000 10%, #D7A500 100%);
		-webkit-mask: 
			linear-gradient(#fff 0 0) content-box, 
			linear-gradient(#fff 0 0);
		-webkit-mask-composite: xor;
		mask-composite: exclude;
		z-index: -1;
	}
}
.grad-box .elementor-image-box-content .elementor-image-box-title {
    margin-top: 0;
	position: relative;
		
		&::after {
			content: "";
			position: absolute;
			width: 100%;
			height: 1px;
			left: 0;
			bottom: -17px;
			background-color: #ffffff;
			
	}
}
.elementor-element.feat-img-row {
	overflow: hidden;
}
.prices-box .elementor-widget-text-editor p {
    margin: 0;
}
.elementor-element.landing-main::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20%;
    width: 100%;
    background: linear-gradient(180deg, rgba(46, 46, 46, 0.00) 0%, #2E2E2E 50%, rgba(46, 46, 46, 0.00) 100%);
    height: 40%;
    z-index: 1;
}
/* Landing Page Styling End */

/* /-------------Responsive Styles-------------/ */

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

@media only screen and (min-width: 1025px) {
	.full-img.elementor-widget-image {
		position: absolute;
		top: auto;
		right: -28%;
		width: 86%;
	}
}

@media only screen and (max-width: 1024px) {}

@media (min-width: 993px) and (max-width: 1024px) {}

@media only screen and (max-width: 992px) {}

@media (min-width: 768px) and (max-width: 1200px) {
	.of-50.elementor-widget-image {
		width: 14%;
	}
}

@media only screen and (min-width: 768px) {
	.ing-br-desk br {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.of-50.elementor-widget-image {
		top: auto;
		right: -0;
		left: 0;
		bottom: -8.5%;
		margin: auto;
		width: 34.5%;
	}
	.ing-br br {
		display: none;
	}
	.main-img img {
		width: calc(100% + 40px) !important;
		max-width: none !important;
		margin-left: -20px;
	}
	.elementor-element .elementor-element.vape-single.elementor-widget-image{
		width: calc(100% + 40px);
		max-width: none;
		margin-left: -20px;		
	}
	.elementor-element.mob-highlight.elementor-widget-image img{
		width: calc(100% + 40px);
		max-width: none;
		margin-left: -20px;		
	}
	.elementor-element.landing-main::after {
		bottom: -8%;
		background: linear-gradient(180deg, rgba(46, 46, 46, 0.00) 0%, #2E2E2E 50%, rgba(46, 46, 46, 0.00) 100%);
		height: 16%;
/* 		opacity: 0.7; */
	}
}


@media only screen and (max-width: 320px) {
	.elementor-element.landing-cta-btn.elementor-widget-button a.elementor-button {
		padding-left: 50px;
		padding-right: 50px;
	}
}
/* /-------------------------------------------/ */