/*
 * Theme Name: Adminesite 1404
 * Theme URI: https://adminesite.com/
 * Version: 1.0.0
 * Author: mary jafarpour
*/

/* ================================================================================== */
/* =================================> Import Fonts <================================= */
/* ================================================================================== */
/* ---> Estedad */

@font-face {
	font-family: yekanbakh;
	font-weight: normal;
	src: url( "assets/fnt/yekan/Yekan_Bakh_Regular.woff" );
}
@font-face {
	font-family: yekanbakh;
	font-weight: bold;
	src: url( "assets/fnt/yekan/Yekan_Bakh_Bold.woff" );
}


/* ================================================================================== */
/* ====================================> Basic <===================================== */
/* ================================================================================== */
/* ---> Variables */
:root {
	--body-font-family: yekanbakh;
	/*--body-font-size: 	17px;*/
	--body-background: 	#f7f7f7;
	--text-color: 		#3e4556;
	--ad-color-1: 		#7e55da;
	--ad-color-2: 		#fe913c;
	--ad-color-3: 		#af9be8;
	--ad-color-4: 		#f3f0f5;
	--ad-color-5: 		#28ae84;
}
/* ---> Body Initial Styles */
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	background: var(--body-background);
	color: var(--text-color);
	direction: rtl;
	text-align: right;
	padding-top: 60px;
}
/* ---> All Element Initial Style */
* {
	box-sizing: border-box;
	font-family: var(--body-font-family);
}
/* ---> Link Initial Style */
a { color: inherit;text-decoration: none; }
ins {text-decoration:unset;font-weight: bold;}
img {max-width: 100%;height: auto;}
/* ---> Images Responsive */
.img-fluid { max-width: 100%;height: auto; }
/* ---> Main Wrapper */
.container-fluid { max-width: 1280px; }
/* ---> Theme Box Styles */
.as-box	{
	background: white;
	border-radius: 20px;
	border: 1px solid #eee;
}
.fs-7 {font-size: 0.88rem;}
.slidebody {display: none;}
.slideDownBtn {cursor: pointer;}
.clearfix::after , .wp-block-latest-posts.wp-block-latest-posts__list li {
  content: "";
  clear: both;
  display: table;
}

/* ---> Theme Button Default */
input {outline: unset;}
.as-btn , .wpcf7-form input[type="submit"] , .woocommerce-Button.button , .woocommerce-button.button , #place_order {
	display: inline-block;
	color: white;
	border-radius: 2rem;
	padding: 0px 18px;
	height: 2.7rem;
	font-size: 13px;
	line-height: 2.7rem;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	box-shadow: 0 19px 15px -15px #7e55da99;
	transition: all 0.3s;
	white-space: nowrap;
}
ul{padding-right:0px;}
article .content a:not(.wp-element-button) {color:#3052f5; }
/* ---> Theme Button Green */
.as-btn.green , .wpcf7-form input[type="submit"] , .woocommerce-button.button , .woocommerce-Button.button ,#place_order {
	box-shadow: 0 19px 15px -15px #279f7969;
	background: linear-gradient(45deg, #6cb39b, #40d7a4);
	border: 0px;
}
.as-btn.green:hover , .woocommerce-Button.button:hover , #place_order:hover {
	background: linear-gradient(45deg, #48d1a3, #46a786);
}
/* ---> Theme Button Blue */
.as-btn.blue {
	background-color: var(--ad-color-1);
	background: linear-gradient(45deg, var(--ad-color-1), #3a08ac);
}

.as-btn.blue:hover {background: linear-gradient(45deg, #6749ac, #8060cb);}
.text-color {color: var(--ad-color-1); }
.small-text {font-size: 0.8rem;opacity: 0.8;}
.z-index-2 {position: relative;z-index: 2;}
/* ---> Header Of Section Styles */
.as-section-header { padding-bottom: 30px;padding-top: 40px; }
.as-section-header .title > *:first-child { font-size: 20px;margin: 0;position: relative;padding-right: 35px; }
.as-section-header .title > *:first-child::before , .widget-item .wp-block-heading::before {
	content: '';
	display: block;
	width: 20px;
	height: 6px;
	border-radius: 5px;
	background: var(--ad-color-3);
	position: absolute;
	top: calc(50% - 1px);
	right: 0;
	box-shadow: -2px 5px 15px rgba(var(--org-color-rgb-3),0.5);
}
.as-section-header .more-link span { font-size: 14px; }
.as-section-header .more-link i { font-size: 22px;vertical-align: middle;margin-right: 10px;color: #999; }
/* ---> theme title */
.as-title::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 0.25em;
	border-radius: 0.25em;
	margin-left: 0.6em;
	background: var(--ad-color-3);
	box-shadow: -2px 5px 15px rgba(var(--org-color-rgb-3),0.5);
}
/* ---> Select Box Style */
select.as-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23999' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M362.7 203.9l-159.1 144c-6.125 5.469-15.31 5.469-21.44 0L21.29 203.9C14.73 197.1 14.2 187.9 20.1 181.3C26.38 174.4 36.5 174.5 42.73 180.1L192 314.5l149.3-134.4c6.594-5.877 16.69-5.361 22.62 1.188C369.8 187.9 369.3 197.1 362.7 203.9z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 13px;
	padding: 0 15px 0 34px;
}

.content {font-size: 1.05rem;line-height: 2;color: #000;}


/* ================================================================================== */
/* ====================================> Navbar <==================================== */
/* ================================================================================== */
#top-nav { background: white;border-bottom: 1px solid #eee;position: fixed;top: 0;width: 100%;z-index: 900; }
/* ---> Search Box */
#top-nav .search-box {background: var(--ad-color-3);border-bottom: 1px solid #eee;display: none;position: absolute;right: 0px;left: 0px;z-index: 2;}
#top-nav .search-box.active { display: block; }
#top-nav .search-box input {
	flex: 1 1 auto;
	border: 1px solid #ddd;
	border-radius: 5px;
	outline: none;
	height: 36px;
	padding: 0 10px;
	font-size: 14px;
	color: #666;
	width: 100px;
}
#top-nav .search-box input::placeholder { color: #999; }
#top-nav .search-box button {
	flex: 0 0 auto;
	border: 0px;
	background: var(--ad-color-4);
	cursor: pointer;
}
#top-nav .search-box button i {color: var(--ad-color-1);}
#top-nav .search-box button[type="submit"] {padding: 0 10px;font-size: 15px;}
#top-nav .search-box button[type="submit"] i { font-size: 16px;vertical-align: middle;margin-right: 5px; }
/* ---> Logo */
#top-nav .custom-logo-link { display: block;font-size: 0; }
/* ---> Menu */
#top-nav .header-menu .menu { margin: 0;padding: 0;list-style: none;display: flex; }
#top-nav .header-menu .menu > li {padding: 6px 10px;position: relative;}
#top-nav .header-menu .menu > li > a {display: block;padding: 8px 4px;font-weight: bold;font-size: 17px;color: #2d185d;}
#top-nav .header-menu .menu > li > a:hover {color: var(--ad-color-1);}
#top-nav .header-menu .menu > li.menu-item-has-children > a > i { margin-right: 5px;color: #999;font-size: 13px; }
/* ---> Sub Menu */
#top-nav .header-menu .sub-menu {
	padding: 0;
	margin: 0;
	top: 56px;
	position: absolute;
	background: #fff;
	border-radius: 20px;
	font-size: 14px;
	padding: 15px 25px;
	box-shadow: -10px 19px 43px rgba(0,0,0,0.06);
	right: -10px;
	transform: scale(0);
	transition: transform 0.2s;
	z-index: 500;
	column-count: 2;
	column-gap: 40px;

}
#top-nav .header-menu .menu > li:hover > .sub-menu { transform: scale(1);	width: auto; }
#top-nav .header-menu .sub-menu > li > a {white-space: nowrap;line-height: 2;display: block;color: #000000;margin-bottom: 1rem;font-weight: bold;}
#top-nav .header-menu .sub-menu > li > a:hover {color: var(--ad-color-1);}
#top-nav .header-menu .sub-menu li::marker{color: var(--ad-color-5);font-size: 20px; }
/* ---> Tools */
#top-nav .tools .item { font-size: 18px;margin: 0;color: #666;position: relative;padding: 0 8px;line-height: 1; }
#top-nav .tools .item > i { vertical-align: middle;color: var(--ad-color-1); }
#top-nav .tools .item > .content {
	position: absolute;
	background: white;
	border-radius: 20px;
	box-shadow: -10px 19px 43px rgba(0,0,0,0.06);
	min-width: 150px;
	top: 100%;
	right: 50%;
	transform: translateX(50%);
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	z-index: 500;
	font-size: 15px;
	display: none;
}
#top-nav .tools .item:hover > .content { opacity: 1;visibility: visible; }
#top-nav .tools .item > .content::before {
	content: '';
	display: block;
	position: absolute;
	border-style: solid;
	border-width: 7px;
	border-color: transparent transparent white transparent;
	top: -14px;
	right: calc(50% - 7px);
}

/* ---> Tools: User */

/* ---> Contact */
#top-nav .contact i { font-size: 22px;vertical-align: middle;margin-left: 8px; }
/* ---> Mobile Style */
#top-nav .open-mobile-menu { font-size: 25px;color: #777;display: block;position: relative;top: 3px; }





/* ================================================================================== */
/* ================================> Mobile Navbar <================================= */
/* ================================================================================== */
#mobile-menu {
	position: fixed;
	z-index: 1000;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	overflow: hidden;
}
#mobile-menu:target { display: block; }
#mobile-menu .dark-layer {
	background: rgba(0,0,0,0.5);
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#mobile-menu .menu-box {
	height: 100%;
	width: 100%;
	max-width: 240px;
	position: absolute;
	right: -240px;
	top: 0;
	bottom: 0;
	z-index: 2;
	background: white;
	overflow-y: auto;
}
#mobile-menu:target .menu-box { right: 0; }
/* Mobile Acount: acount */
#mobile-menu .logo { margin: 0;padding: 10px 40px;background: #eee; }
#mobile-menu .logo img { max-width: 100%;height: auto; }
/* Mobile Navbar: Menu */
#mobile-menu nav { padding: 5px 0; }
#mobile-menu nav.main-menu { border-top: 1px solid #ddd; }
#mobile-menu ul { margin: 0;padding: 0;list-style: none; }
#mobile-menu .menu > li > a  { display: flex;align-items: center;line-height: 42px;flex-wrap: wrap;overflow: hidden; }
#mobile-menu .menu > li > a::before {
	content: "";
	background: var(--ad-color-1);
	width: 7px;
	height: 3px;
	border-radius: 2px;
	margin-left: 4px;
	display: inline-block;
}

#mobile-menu .menu > li > a > span { margin-left: auto; }
#mobile-menu .menu > li.menu-item-has-children > a > svg {
	transition: all 0.3s;
	width: 70px;
    height: 38px;
    padding: 12px;
}
#mobile-menu .menu > li.active > a > svg { transform: rotate(45deg); }
#mobile-menu .menu > li > a {font-weight: bold;font-size: 15px;margin: 15px 12px;}
/* Mobile Navbar: Sub-menu */
#mobile-menu .sub-menu {
	background: var(--ad-color-4);
	border-top: 1px solid #dbc9ff;
	border-bottom: 1px solid #dbc9ff;
	padding: 10px 0;
	display: none;
	width: 100%;
	order: 4;
}
#mobile-menu .sub-menu > li {font-size: 14px;padding: 5px 20px 5px 7px;margin-bottom: 6px;display: block;color: #19103d;}
#mobile-menu .sub-menu > li a {padding: 8px;}


/* ================================================================================== */
/* ===============================> featured lesson <=============================== */
/* ================================================================================== */
.light-box {background: #ffffff5c;padding: 2rem;border-radius: 34px;border: 2px dashed #dbd5d5;}
.small-box {background: #dcece4;padding: 10px 22px;border-radius: 30px;display: inline-block;}
.orange-bg {background: #ffd17b9c;color: #d04405;}
.green-bg {border-radius: 20%;background: var(--ad-color-5);vertical-align: middle;padding: 4px;}
.simple-color-title {
	text-align: center;
	font-size: 1.7rem;
	font-weight: bold;
	top: 0px;
	color: var(--ad-color-1);
}

.text-content {text-align: justify;line-height: 1.8;}


.color-box:before {
    z-index: -1;
    left: -40px;
    top: -10%;
    background: var(--ad-color-4);
    width: 200px;
    height: 110%;
    border-radius: 5px;
}

.linear-back::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    height: 80%;
    left: 0px;
    top: 9rem;
    width: 70%;
    z-index: -1;
    filter: blur(1px);
    background: linear-gradient(45deg, #e1d4fe5e, #7e55da17);
    filter: blur(60px);
}


/* ================================================================================== */
/* ===============================> row posts slides <=============================== */
/* ================================================================================== */
.more-link {display: inline-flex;gap: 5px;}
.post-row { overflow-y: hidden;overflow-x: auto;flex-wrap: nowrap;-ms-overflow-style: none;scrollbar-width: none; }
.post-row-wrapper {position: relative;padding-bottom: 30px;}
.post-row {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;scroll-behavior: smooth;}
.custom-scrollbar {height: 5px;background: #e1e1e1;border-radius: 4px;width: 100%;position: absolute;bottom: 0;left: 0;}
.scroll-thumb {height: 100%;width: 60px; background: #8568d9;border-radius: 4px;position: relative;cursor: pointer;}




/* ================================================================================== */
/* =================================> Content Post  <================================ */
/* ================================================================================== */
/* ---> Content Post */
#blog-posts{background: #f7f7f7;padding-bottom: 4rem;}
.content-post { overflow: hidden; }
.content-post .thumb { position: relative;font-size: 0;line-height: 0;flex: 0 0 auto;width: 100%; }
.content-post .thumb::after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 32%;
	background: transparent;
	background: -webkit-linear-gradient(to top, var(--ad-color-4) 10px, transparent);
	background: linear-gradient(to top, #ffffff 6px, transparent);
}
#blog-posts .content-post {background: #ffffff;/* border: 1px solid #af9be821; *//* box-shadow: 0px 0px 5px #e8e8e8f0; */}
.content-post .thumb img { min-width: 100%; }
.content-post h4 { font-size: 16px;margin: 0;position: relative;flex: 0 0 auto;width: 100%; }
.content-post h4 a { display: block; }
.content-post:hover h4 a { color: var(--ad-color-1); }
.content-post h4 a::before {
	display: inline-block;
	content: '';
	width: 16px;
	height: 5px;
	background: var(--ad-color-5);
	border-radius: 4px;
	margin-left: 8px;
}
.content-post .excerpt { font-size: 13px;color: #999;flex: 0 0 auto;width: 100%; }
.content-post footer { font-size: 12px;color: #999;flex: 0 0 auto;width: 100%;display: inline-flex;gap: 5px; }
.content-post footer i { font-size: 14px;vertical-align: middle;margin-left: 4px; }
/* ---> Content Post: medium size */
.content-post.medium { height: 100%;display: flex;flex-direction: column; }
.content-post.medium .title h4 a { overflow: hidden; }
/* ---> Content Post: small size */
.content-post.small .thumb::after {
	left: 0;
	top: 0;
	bottom: 0;
	right: unset;
	width: 38%;
	height: 100%;
	background: -webkit-linear-gradient(to right, var(--ad-color-4) 10px, transparent);
	background: linear-gradient(to right, #fffffffa 6px, transparent);
}
.content-post.small .right-area { flex: 0 0 auto;width: 100px;height: 100px; }
.content-post.small .left-area { flex: 0 0 auto;width: calc( 100% - 100px );height: 100px; }
.content-post.small h4, .content-post.small footer { flex: 0 0 auto;width: 100%; }
.content-post.small .title h4 { font-size: 14px;max-height: 48px; overflow: hidden; }


 /* ================================================================================== */
 /* ================================> File Download  <================================ */
 /* ================================================================================== */

 #files {
 	position: relative;
 	background: linear-gradient(to bottom, rgb(241 241 241), #f6f5f6);
 }
 #files > span {
 	content: '';
 	display: block;
 	position: absolute;
 	top: -30px;
 	right: calc(50% - 30px);
 	width: 60px;
 	height: 30px;
 	border-radius: 30px 30px 0 0;
 	background: rgb(242 242 242);
 	text-align: center;
 	padding-top: 11px;
 }
 #files > span svg {

 }
 #files .item {border-top-right-radius: 0;display: block;position: relative;display: inline-flex;width: 100%;align-items: center;gap: 10%;justify-content: space-around;}
 #files .item::before {
 	content: '';
 	display: block;
 	position: absolute;
 	background: white;
 	border-radius: 7px 12px 0 0;
 	width: 70px;
 	height: 12px;
 	top: -12px;
 	right: 0;
 }
 #files .item::after {
 	content: '';
 	display: block;
 	position: absolute;
 	background: transparent;
 	border-width: 5px 6px;
 	border-style: solid;
 	border-color: transparent white white transparent;
 	top: -10px;
 	right: calc(70px - 2px);
 }
 #files .item h5 span {font-size: 15px;transition: all 0.3s;color: #555555;margin-right: 6px;}
 #files .item:hover h5 span {color: var(--ad-color-1);font-size: 1.04rem;}



/* ================================================================================== */
/* ====================================> Footer <==================================== */
/* ================================================================================== */

#main-footer {font-size: 0;background: #f6f5f6;overflow: hidden;}
#main-footer > svg {fill: var(--ad-color-1); margin-bottom: -1px;}
#main-footer .content {background: var(--ad-color-1);color: #ffffff;padding: 2rem 0px 0.5rem;position: relative;}
#main-footer .content:after {content: "";background-image: url(assets/img/abstract-bg2.png);background-repeat: no-repeat;background-size: contain;background-position: left;position: absolute;top: -30px;left: 0px;width: 100%;height: 100%;z-index: 0;}
/* ---> Instagram & Telegram */
#main-footer .special-socials > a {background: #ffffff57;width: 40px;height: 40px;border-radius: 10px;padding: 7px;color: #FFFf;margin: 7px;font-weight: bold;gap: 8px;font-size: 12px;border: 1px solid #c3c3c378;transition: all 0.2s;}
#main-footer .special-socials > a:hover {background: #ffffffd6;color: var(--ad-color-1)}
/* #main-footer .special-socials > a i {font-size: 24px;margin: 2px 8px;} */
#main-footer .special-socials > a .title {font-size: 14px;font-weight: bold;display: block;}
#main-footer .special-socials > a .desc {/* font-size: 12px; *//* color: #5a4a7c; */display: none;}
/* #main-footer .special-socials .instagram i { color: #dd2a7b; }
#main-footer .special-socials .telegram i { color: #0088cc; } */
/* ---> Support */
/* #main-footer .support-item i { font-size: 30px;margin-left: 15px; }
#main-footer .support-item.whatsapp i { color: #25d366 }
#main-footer .support-item.telegram i { color: #0088cc; }
#main-footer .support-item .title { font-size: 14px;font-weight: bold;display: block; }
#main-footer .support-item .phone { font-size: 14px;color: #666;display: block; } */
/* ---> About */
#main-footer .about { font-size: 14px;margin: 0; }

/* ---> Usefull Links */
#main-footer .usefull-links ul { margin: 0 7px 0 0;padding: 0;font-size: 14px;list-style: circle;}
#main-footer .usefull-links ul li {margin: 15px 0;padding-right: 10px;}
#main-footer .usefull-links ul li a {transition: all 0.3s;}
#main-footer .usefull-links ul li a:hover {padding-right: 4px;}

/* ---> namad carusel */
#main-footer .namad-item {border-radius: 20px;border: 1px solid #cfc8e2;height: 100%;padding: 10px 0px;background:#ffffffd1;}
#main-footer .namad-item img { width: 100px;height: auto; }




/* ================================================================================== */
/* ==================================> Breadcrumb <================================== */
/* ================================================================================== */

#breadcrumb { border-top: 1px solid #eee;border-bottom: 1px solid #eee;font-size: 14px;white-space: nowrap;overflow-x: auto;padding: 7px; }
#breadcrumb .breadcrumb_last { color: #999; }
#breadcrumb a:hover { color: var(--ad-color-2); }




/* ================================================================================== */
/* ==================================> Seach form <================================== */
/* ================================================================================== */

#search-form {
	display: flex;
	background: white;
	height: 55px;
	border-radius: 55px;
	border: 1px solid #ddd;
	padding: 12px;
	overflow: hidden;
}
#search-form select {
	flex: 0 0 auto;
	width: 170px;
	border: none;
	background-color: transparent;
	outline: none;
	font-weight: bold;
	font-size: 13px;
	color: #666;
	border-left: 1px solid #ddd;
}
#search-form input {
	flex: 1 0 auto;
	border: none;
	background: transparent;
	border-left: 1px solid #ddd;
	padding: 0 15px;
	outline: none;
	font-size: 13px;
	color: #666;
}
#search-form input::placeholder { color: #999; }
#search-form button {
	flex: 0 0 auto;
	border: none;
	background: transparent;
	font-size: 26px;
	line-height: 29px;
	color: #999;
	outline: none;
	padding: 0 15px 0 10px;
}


/* ================================================================================== */
/* ==================================> Content Products <================================== */
/* ================================================================================== */
#front-product-box {position: relative;}
.dots-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 170%;
  pointer-events: none;
  top: -11%;
  opacity: 0.6;
  z-index: -1;
}

.content-product { padding: 6px;text-align: center;	position: relative;overflow: hidden; }
.content-product .thumb img {border-radius: 5px;min-width: 100%;}
.content-product .title h4 {font-size: 1.1rem;margin: 1rem 5px;transition: all 0.3s;}
.content-product .title h4 a,
.content-product .description {display: block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.content-product .description {font-size: 13px;color: #999;border-bottom: 1px solid #ebebeb;padding-bottom: 1rem;}
.content-product .rating-score i { font-size: 13px;color: orange; }
.content-product .price { font-weight: bold;color: var(--ad-color-2);font-size: 15px; }
.content-product .price del { font-weight: normal;color: #999;font-size: 13px; }
.content-product .price del .woocommerce-Price-currencySymbol { display: none; }
.content-product .price ins { text-decoration: none;margin-right: 5px; }
.content-product .video-icon {
	background: var(--ad-color-3);
	width: 2rem;
	height: 2rem;
	border-radius: 20px;
	box-shadow: -12px 3px 21px #d1c0ff;
	color: white;
	text-align: center;
	line-height: 32px;
	padding-top: 0.4rem;
}



.product-overlay {
    display:block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(255 255 255 / 26%); /* نیمه‌شفاف */
	backdrop-filter: blur(4px); /* افکت شیشه */
	-webkit-backdrop-filter: blur(8px);
	opacity: 0;
	transition: all 0.4s ease;
}

.content-product:hover .product-overlay {
	opacity: 1;
}

/*.product-overlay .btn {*/
/*	padding: 10px 2rem;*/
/*	border-radius: 5px;*/
/*	font-weight: bold;*/
/*	box-shadow: 0 4px 15px rgba(0,0,0,0.2);*/
/*	transition: transform 0.3s ease;*/
/*	background: var(--ad-color-5);*/
/*	color: #ffffff;*/
/*}*/

/*.product-overlay .btn:hover {*/
/*	transform: scale(1.05);*/
/*}*/

.product-overlay .as-btn { width: 60%;
    text-align: center;
    margin: auto;
    justify-content: center;
    height: 3.7rem;
}



/* ================================================================================== */
/* ==================================> Responsive <================================== */
/* ================================================================================== */

@media ( min-width: 576px ) {
	.as-btn {height: 3.1rem;font-size: 1rem;padding:0px 33px;}
	/* ---> post row slide */
	.post-row { overflow-y: unset;overflow-x: unset;flex-wrap: wrap; }
	/* ---> theme box style */
	.as-box	{box-shadow: 0 30px 12px -25px #1d2e3d1f;border: none;border-radius: 13px;background: #ffffff;border: 1px solid #eeeff1;}
	.as-box.hover:hover {/* box-shadow: -10px 19px 40px rgba(0,0,0,0.1); */}
	/* ---> Header Of Section Styles */
	.as-section-header { padding-bottom: 40px; }
	/* ---> post item blog */
	.content-post.small .title h4 { font-size: 1rem; }
	.content-post.small .right-area { width: 150px;height: 150px; }
	.content-post.small .left-area { width: calc( 100% - 150px );height: 150px; }
	/* ---> Instagram & Telegram */
	.content-post.small .title h4 {max-height: unset; }

}


@media ( min-width: 768px ) {
	body { padding-top: 0px; font-size: 17px;}
	/* ---> Top Navbar */
	#top-nav {position: relative;border: none;background: none;}
	/* ---> Search Box */
	#top-nav .search-box input { border-radius: 10px;height: 46px;padding: 0 20px;font-size: 15px;width: unset; }
	#top-nav .search-box button {margin-right: 10px;height: 46px;min-width: 46px;border-radius: 12px;}
	#top-nav .search-box button i { font-size: 1.5rem;line-height: 44px; }
	#top-nav .search-box button[type="submit"] {}
	#top-nav .search-box button[type="submit"] i {font-size: 22px;}
	/* ---> Top Navbar Tools */
	#top-nav .tools .item { font-size: 1rem;padding: 0 6px;margin: 0;color: #666; }
	#top-nav .tools .item > .content { display: none; }
	/* ---> Top Navbar Tools */
	#top-nav .tools .item {font-size: 1.5rem;padding: 10px 12px;margin: 0 8px;background: var(--ad-color-4);border-radius: 0.8rem;}
	#top-nav .tools .item > .content { display: block; }
	/* ---> Header Of Section Styles */
	.as-section-header .title > *:first-child {font-size: 1.5rem;padding-right: 40px;color: #583e8fcf;}
	.as-section-header .title > *:first-child::before { width: 28px;height: 8px;top: calc(50% - 2px); }
	.as-section-header .more-link span { font-size: 0.9rem; }
	.as-section-header .more-link i { font-size: 1.5rem; }
}



@media ( min-width: 992px ) {
	/* ---> Support */
	#support .box {	background-position: left center; }
}