/*
var( --e-global-color-primary ): #0080C6		<-- main color
var( --e-global-color-accent ): #999999			<-- accent color
var( --e-global-color-secondary ): #F6F6F6		<-- light text color
var( --e-global-color-text ): #333333			<-- text color
var( --e-global-color-14d3791 ): #ffffff		<-- white color
var( --e-global-color-960abba ): #000000		<-- black color
var( --e-global-color-e168307 ): #00131D		<-- website background color
*/

::selection {
	background-color: var( --e-global-color-primary );
	color: #fff;
}

body {
	overflow-x: hidden;
}

body * {
	letter-spacing: 0 !important;
}

ul,
ol {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
	transition: all .4s ease 0s;
}

a:hover {
	color: inherit;
}

.glassy {
	backdrop-filter: blur(10px);
}

.header-logo {
	margin-left: auto;
}

.feature-box {
	border-radius: 20px;
	background: linear-gradient(145deg, #2a2a32, #32323b);
	box-shadow:  20px 20px 60px #28282f,
             -20px -20px 60px #36363f;

}

/* .feature-box:hover { */
	/* box-shadow: inset 5px 5px 10px #00080c, */
				/* inset -5px -5px 10px #001e2e; */
/* } */

.channels .iranian {
	grid-area: 1 / 1 / span 1 / span 3;
	height: max-content;
}

.channels .sedasima {
	grid-area: 2 / 1 / span 1 / span 1;
	margin-top: -30px;
}

.channels .foreign{
	grid-area: 2 / 2 / span 1 / span 2;
	margin-top: -30px;
}

.channels .channel-title {
	position: absolute;
	top: -20px;
	right: 30px;
	width: max-content;
	padding: 5px 30px;
	background-color: var( --e-global-color-e168307 );
}

.paypal .elementor-image-box-wrapper {
	justify-content: center;
}

.paypal .elementor-image-box-content {
	width: max-content;
}

footer .contact-box figure img {
	vertical-align: middle;
}

@media only screen and (max-width: 767px) {
	#install .arrow .elementor-image-box-wrapper {
		display: flex;
		flex-direction: column-reverse;
	}
	
	#install .arrow .elementor-image-box-wrapper figure {
		margin-top: 10px;
	}
	
	.channels .e-con-inner {
		display: flex;
		flex-direction: column;
	}

	.channels .sedasima {
		margin-top: 20px;
	}

	.channels .foreign {
		margin-top: 20px;
	}
	
	.contact-box .elementor-image-box-wrapper {
		display: flex;
		flex-direction: row;
	}
	
	.contact-box .elementor-image-box-wrapper figure {
		margin-left: 5px !important;
	}
}