@import "../../assets/font/iransans/iransans.css";

html,body{height:100%;font-family:"IRANSans_Fa",tahoma}
body{
	padding:0 20px;
	font-size:16px;
	background-image:url(bg.webp);
	background-position:center;
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#111;
	color:#eee;
	line-height:25px;
}
h1{font-size:30px}
h2{font-size:18px}
a{text-decoration:none;color:#ecd191}
a:hover{color:#ffc107}
.text-muted{color:#dec589!important}

.gslable{
	float:right;
	background:#202020ed;
	margin-bottom:-23px;
	padding:0 10px;
	display:block;
	margin-right:10px;
	color:#eee;
}
.gsbox{
	border:1px solid #272727;
	border-radius:15px;
	padding:10px 0;
	margin-top:15px;
	margin-bottom:15px;
	background:#202020ed;
}
.social-icons{padding:10px}

.greenskin{
	width:100%;
	padding:15px;
	margin:20px auto;
	max-width:460px;
	background:rgba(19,19,19,.9);
	border-radius:16px;
	box-shadow:0 4px 30px rgba(1,1,1,.34);
	backdrop-filter:blur(8.2px);
	-webkit-backdrop-filter:blur(8.2px);
	border:1px solid rgba(0,0,0,.41);
	position:relative;
}

.gsitem{font-size:18px}
.gsitem a{
	background:#1b1b1bed;
	border:1px solid #171717;
	border-radius:10px;
	display:block;
	margin:5px 0;
	padding:10px 10px 5px;
	color:#ecd191;
}
.gsitem a:hover{color:#ffc107}
.gsitem p{
	font-size:14px;
	background:#1b1b1bed;
	border:1px solid #171717;
	border-radius:10px;
	display:block;
	margin:5px 0;
	padding:5px 10px;
	text-align:justify;
	direction:rtl;
	color:#eee;
}

.sbc-brand{
	display:block;
	text-align:center;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	color:#ecd191;
}
.sbc-brand-only{
	display:block;
	margin-bottom:10px;
	color:#ecd191;
}
.sbc-desc-only{margin:10px 0}
.sbc-phone-label{
	font-size:13px;
	display:block;
	text-align:right;
	margin-right:10px;
	margin-bottom:-5px;
	margin-top:5px;
	color:#ccc;
}
.sbc-logo{border-radius:50%}

.carousel-inner img{border-radius:15px}

.gslink{
	background:#ecd191;
	color:#111;
	padding:10px 5px;
	display:block;
	border-radius:20px;
	box-shadow:0 0 10px #ecd191;
	transition:all .3s ease;
	text-align:center;
}
.gslink:hover{
	background-image:linear-gradient(to bottom right,#7fbd44 0% 20%,#52bfcd 100% 100%);
	color:#fff;
	box-shadow:0 0 10px #ecd191;
}

.gsbutton{
	box-shadow:0 0 10px #ffc107;
	border-radius:25px;
	margin:0 10px;
}
.gsbuttons{
	display:block;
	position:absolute;
	left:15px;
	top:15px;
	z-index:5;
	box-shadow:0 0 10px #ffc107;
	border-radius:25px;
	margin:0;
}

.gsimglogo{
	display:inline-flex;
	text-align:center;
	align-items:center;
	justify-content:center;
	width:100%;
	flex-wrap:wrap;
}
.gsimglogo img{
	vertical-align:middle;
	max-width:80px;
	margin:10px 5px;
	border-radius:14px;
	transition:all .3s ease;
}
.gsimglogo img:hover{
	filter:sepia(0%) saturate(100%) brightness(50%) hue-rotate(0deg);
}

/* Social grid */
.social-icons ul{
	list-style:none;
	margin:0;
	padding:0 8px;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
}
.social-icons li{display:block}
.social-icons li a{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
	background:#1b1b1bed;
	border:1px solid #171717;
	border-radius:15px;
	color:#ecd191;
	padding:0 10px;
	line-height:45px;
	font-size:18px;
	transition:all .3s ease;
	text-align:right;
	direction:rtl;
	overflow:hidden;
}
.social-icons li a i{
	width:28px;
	height:28px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	float:none;
	margin:0;
	padding:0;
	line-height:1;
}
.social-icons li a:hover{
	color:#fff;
	transform:translateY(-1px);
	box-shadow:0 8px 18px rgba(0,0,0,.25);
}

/* hover palette */
.social-icons .social-telegram a:hover{background:#2fa3d5;border-color:#2fa3d5}
.social-icons .social-whatsapp a:hover{background:#2ab318;border-color:#2ab318}
.social-icons .social-instagram a:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);border-color:#d6249f}
.social-icons .social-linkedin a:hover{background:#238cc8;border-color:#238cc8}
.social-icons .social-facebook a:hover{background:#5d82d1;border-color:#5d82d1}
.social-icons .social-x a:hover,
.social-icons .social-twitter a:hover{background:#40bff5;border-color:#40bff5}
.social-icons .social-youtube a:hover{background:#f70000;border-color:#f70000}
.social-icons .social-aparat a:hover{background:#e61358;border-color:#e61358}
.social-icons .social-rubika a:hover{background:radial-gradient(circle at 30% 80%,#7cca4e,#09aea6,#239fde,#8c3991,#f17a39,#dd414f,#f0b24c,#d5e125);border-color:#8c3991}
.social-icons .social-eitaa a:hover{background:#e97801;border-color:#e97801}
.social-icons .social-bale a:hover,
.social-icons .social-ble a:hover{background:#0cb689;border-color:#0cb689}
.social-icons .social-splus a:hover,
.social-icons .social-soroush a:hover{background:#28728c;border-color:#28728c}
.social-icons .social-igap a:hover,
.social-icons .social-gap a:hover{background:#714bcc;border-color:#714bcc}
.social-icons .social-link a:hover,
.social-icons .social-contact a:hover,
.social-icons .social-envelope a:hover{background:#161c3b;border-color:#161c3b}

@media (max-width:520px){
	body{background-image:url(bg-mobile.webp)}
	.gsimglogo img{max-width:60px}
	.col-sm-6{flex:0 0 auto;width:50%}
}
.sbc-service-title{
	font-size:22px;
	padding:20px;
	line-height:40px;
	color:#c09540;
	direction:inherit;
}