/*
Theme name: webyarthemepro-irannetwork
Theme URI:https://www.webyar.net
Description: Another beautiful theme with webyar.net
Version:0.0.1
Theme_author: Mohamad Mehdi Hajati
design:Design By Webyar
Author URI: https://www.webyar.net
*/
:root{
    --primary-color:#022e66;
    --oposite-color:#ef6f19;
    --secondary-color:#1f5190;
    --text-color:#333;
    --on-image-bg-color:rgba(2, 46, 102,0.9);
    --on-image-bg-oposite-color:rgba(239, 111, 25,0.87);
    --white-color:#fefefe;
    --white-lowOpacity-color:rgba(254, 254, 254,0.68);
    --black-lowOpacity-color:rgba(0, 0, 0, 0.53);
}
@font-face {
    font-family:'vazir';
    src: url(fonts/vazir.woff),url(fonts/vazir.woff2);
}
*{margin: 0;padding: 0;}
body{direction: rtl;font-family: 'vazir';}
a::focus-visible,button::focus-visible{outline:none;}
.wave_bg {background: url(img/wavepattern.png) no-repeat;background-position: 0% 24%;background-size: 39%;}
.container-fluid,.row{--bs-gutter-x: 0rem !important;}
a,a:hover{text-decoration: none;}
h1{font-size: 1.8rem;}h2{font-size: 1.6rem;}h3{font-size: 1.4rem;}h4{font-size: 1.3rem;}h5{font-size: 1.2rem;}h6{font-size: 1.1rem;font-weight: 700;}
p{font-size: 1rem;line-height: 2.3;}img{height: auto;}
.container-90{width: 90%;margin: 0 auto;}.container-80{width: 80%;margin: 0 auto;}.container-95{width: 95%; margin: 0 auto;}
.site-navbar{margin-bottom:0;z-index:26;position:relative;z-index:25;width:inherit}
.site-navbar-inner{top:unset !important;position: relative !important;margin-top: unset;}
.site-navbar.transparent{background:transparent}
.site-navbar.absolute{position:absolute;top:0;left:0;width:100%}
.icomoon-shopping-cart::before{font-size:1.4rem}
.icomoon-magnifying-glass::before{font-size:1.4rem}
.site-navbar .site-navigation{margin-top:unset;}.site-navbar .site-navigation-inner{margin-top:unset;}
.site-navbar .site-navigation .site-menu{margin-bottom:0}
.site-navbar .site-navigation .site-menu .active > a{color:#FFFEF7}
body.offcanvas-menu:before{opacity:1;visibility:visible}
a{-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.fixed-menu {top: 0;z-index: 110;background: linear-gradient(var(--primary-color),var(--on-image-bg-color));width: 100%;filter: var(--drop-shadow);right: 0;left: 0;padding: .9rem 0;}.site-logo img{width:128px}
.hero{height:100vh;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}
.site-navbar.transparent{background:transparent}
.site-navbar.absolute{position:absolute;top:0;left:0;width:100%}
.site-navbar .site-logo{position:relative;right:0;font-size:24px!important}
.site-navbar .site-navigation .site-menu{margin-bottom:0}
.site-navbar .site-navigation .site-menu .active > a{background:var(--primary-color);color:var(--white-color);border-radius:1rem;display:inline-block;padding:5px 20px}
.site-navbar .site-navigation .site-menu a{text-decoration:none!important;display:inline-block}
.site-navbar .site-navigation .site-menu > li{display:inline-block;padding:5px 0}
.site-navbar .site-navigation .site-menu > li > a{padding:7px 5px;color:var(--white-color);font-size:16px;text-decoration:none!important;border: 2px solid transparent;}
.icon-menu{color:var(--aboutus-items)}
.site-navbar .site-navigation .site-menu > li > a > span{padding:5px 20px;display:inline-block;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;border-radius:30px}
.site-navbar .site-navigation .site-menu > li > a:hover{border: 2px solid var(--white-color);border-radius: 6px;display:inline-block}.site-navbar-inner .site-navigation .site-menu > li > a{border: 2px solid transparent;border-radius: 6px;display:inline-block}
.site-navbar .site-navigation .site-menu .menu-item-has-children{position:relative}
.site-navbar .site-navigation .site-menu .menu-item-has-children > a span{position:relative;padding-right:30px}
.site-navbar .site-navigation .site-menu .menu-item-has-children > a span:before{position:absolute;content:"\e313";font-size:16px;top:50%;right:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-family:'icomoon'}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu{visibility:hidden;opacity:0;top:100%;position:absolute;text-align:left;border-top:2px solid var(--primary-color);-webkit-box-shadow:0 2px 10px -2px rgba(0,0,0,0.1);box-shadow:0 2px 10px -2px rgba(0,0,0,0.1);padding:0;margin-top:20px;margin-left:0;background:#fff;-webkit-transition:.2s 0;-o-transition:.2s 0;transition:.2s 0}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu.arrow-top{position:absolute}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu.arrow-top:before{bottom:100%;left:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:var(--primary-color);border-bottom-color:#fff;border-width:10px;margin-left:-10px}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu a{text-transform:none;letter-spacing:normal;-webkit-transition:0 all;-o-transition:0 all;transition:0 all;color:#343a40}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu .active > a{color:var(--services-bg)!important}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu > li{list-style:none;padding:0;margin:0;min-width:200px;text-align:right}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu > li > a{padding:9px 20px;display:block;font-size:.9rem}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu > li > a:hover{background:#eee;border:solid 2px transparent;}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu > li.menu-item-has-children > a{position:relative}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu > li.menu-item-has-children > a:after{position:absolute;left:5px;content:"\f104";font-family:'icomoon'}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu > li.menu-item-has-children > .sub-menu,.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu > li.menu-item-has-children > ul{right:100%;top:0;}
.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu > li.menu-item-has-children:hover > a,.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu > li.menu-item-has-children:active > a,.site-navbar .site-navigation .site-menu .menu-item-has-children .sub-menu > li.menu-item-has-children:focus > a{background:#fafafb;color:var(--primary-color)}
.site-navbar .site-navigation .site-menu .menu-item-has-children:hover > a,.site-navbar .site-navigation .site-menu .menu-item-has-children:focus > a,.site-navbar .site-navigation .site-menu .menu-item-has-children:active > a{color:#FFF;background-color:var(--primary-color);color:#fff}
.site-navbar .site-navigation .site-menu .menu-item-has-children:hover{border-radius:1rem;color:#fff;}.site-navbar-inner .site-navigation .site-menu .menu-item-has-children:hover{background:unset !important;}
.site-navbar .site-navigation .site-menu .menu-item-has-children:hover,.site-navbar .site-navigation .site-menu .menu-item-has-children:focus,.site-navbar .site-navigation .site-menu .menu-item-has-children:active{cursor:pointer}
.site-navbar .site-navigation .site-menu .menu-item-has-children:hover > .sub-menu,.site-navbar .site-navigation .site-menu .menu-item-has-children:focus > .sub-menu,.site-navbar .site-navigation .site-menu .menu-item-has-children:active > .sub-menu{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0;margin-top:0;visibility:visible;opacity:1}
.site-mobile-menu{width:300px;position:fixed;right:0;top:0;z-index:27;padding-top:20px;background:#fff;height:calc(100vh);-webkit-transform:translateX(110%);-ms-transform:translateX(110%);transform:translateX(110%);-webkit-box-shadow:-10px 0 20px -10px rgba(0,0,0,0.1);box-shadow:-10px 0 20px -10px rgba(0,0,0,0.1);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.offcanvas-menu .site-mobile-menu{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
.site-mobile-menu .site-mobile-menu-header{width:100%;float:left;padding-left:20px;padding-right:20px}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close{float:right;margin-top:8px}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span{font-size:30px;display:inline-block;padding-left:10px;padding-right:0;line-height:1;cursor:pointer;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover{color:#f8f9fa}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo{float:left;margin-top:10px;margin-left:0}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a{display:inline-block;text-transform:uppercase}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img{max-width:70px}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover{text-decoration:none}
.site-mobile-menu .site-mobile-menu-body{overflow-y:scroll;-webkit-overflow-scrolling:touch;position:relative;padding:0 20px 20px;height:calc(100vh - 52px);padding-bottom:150px}
.site-mobile-menu .site-nav-wrap{padding:0;margin:0;list-style:none;position:relative}
.site-mobile-menu .site-nav-wrap a{padding:10px 20px;display:block;position:relative;color:#212529;text-align:right}
.site-mobile-menu .site-nav-wrap a:hover{color: #0e5098;background: #eee;border-radius: 5px;}
.site-mobile-menu .site-nav-wrap li{position:relative;display:block}
.site-mobile-menu .site-nav-wrap li.active > a{color:#007bff}
.site-mobile-menu .site-nav-wrap .arrow-collapse{position:absolute;left:0;top:10px;z-index:20;width:36px;height:36px;text-align:center;cursor:pointer;border-radius:50%}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover{background:#f8f9fa}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before{font-size:12px;z-index:20;font-family:"icomoon";content:"\e90c";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-180deg);-ms-transform:translate(-50%,-50%) rotate(-180deg);transform:translate(-50%,-50%) rotate(-180deg);-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.site-mobile-menu .site-nav-wrap > li{display:block;position:relative;float:right;width:100%}
.site-mobile-menu .site-nav-wrap > li > a{padding-left:20px;font-size:20px;text-align:right}
.site-mobile-menu .site-nav-wrap > li > ul{padding:0;margin:0;list-style:none}
.site-mobile-menu .site-nav-wrap > li > ul > li{display:block}
.site-mobile-menu .site-nav-wrap > li > ul > li > a{padding-left:40px;font-size:16px}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul{padding:0;margin:0}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li{display:block}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a{font-size:16px;padding-left:60px}
.site-mobile-menu .site-nav-wrap[data-class="social"]{float:left;width:100%;margin-top:30px;padding-bottom:5em}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li{width:auto}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a{padding-left:15px!important}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before{font-size:12px;z-index:20;font-family:"icomoon";content:"\f107";position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-180deg);transform:translate(-50%,-50%) rotate(-180deg);-webkit-transition:.3s all ease;transition:.3s all ease}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.site-mobile-menu .site-nav-wrap > li{display:block;position:relative;float:left;width:100%}
.site-mobile-menu .site-nav-wrap > li > a{padding-left:20px;font-size:20px;transition:all .3s;border-radius:.5rem}
.site-mobile-menu .site-nav-wrap > li > a:hover{background-color:#ddd}
.site-mobile-menu .site-nav-wrap > li > ul{padding:0;margin:0;list-style:none}
.site-mobile-menu .site-nav-wrap > li > ul > li{display:block}
.site-mobile-menu .site-nav-wrap > li > ul > li > a{padding-left:40px;font-size:16px}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul{padding:0;margin:0}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li{display:block}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a{font-size:16px;padding-left:60px}
.site-mobile-menu .site-nav-wrap[data-class="social"]{float:left;width:100%;margin-top:30px;padding-bottom:5em}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li{width:auto}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a{padding-left:15px!important}
#searchForm {display: flex;}#search {width: 90%;border: 1px solid #bbb;padding: .4rem;border-radius: .3rem;}
.search-btn {width: 9%;	background: var(--secondary-color);	border: 1px solid var(--secondary-color);	color: var(--white-color);	padding: .4rem;	display: flex;	justify-content: center;	align-items: center;border-radius: .3rem;margin-right: .1rem;}
.searchModalBtn {background: transparent;border: none;color: var(--white-color);font-size: 1.3rem;}
.swiper-slide-describtion {position: absolute;top: 30%;background: var(--on-image-bg-color);max-width: 436px;right: 4%;color: var(--white-color);padding: 2rem;text-align: justify;border-radius: .4rem;}
.swiperSlideDescribtion_consulation {background: rgba(250,250,250,0.7);border: 2px solid var(--secondary-color);padding: .4rem 1rem;border-radius: 0.4rem;color: var(--primary-color) !important;}
.swiperSlideDescribtion_more {background: var(--on-image-bg-oposite-color);border: 2px solid var(--on-image-bg-oposite-color);padding: .4rem 1rem;border-radius: 0.4rem;color: var(--white-color) !important;}
.swiper-button-next, .swiper-button-prev {background: var(--on-image-bg-oposite-color);color: var(--white-color);border-radius: 50%;width: 48px;height: 48px;padding: .2rem;}
.swiper-button-next::after, .swiper-button-prev::after {font-size: 1.9rem;}
.aboutUsImgWrapper img {border-radius: .3rem;filter: drop-shadow(0 0 .3rem #aaa);}
.aboutUsTextWrapper h2 {color: var(--primary-color);font-weight: 300;display: flex;justify-content:start; align-items: center;}.aboutUsTextWrapper h2 span {font-size: 3rem;color: var(--oposite-color);margin-left: .3rem;}.aboutUsTextWrapper p{text-align: justify;}
.aboutUs {background: url(img/bg-circle.png) no-repeat 116% 19%;background-size: 30%;}
.tabs ul {display: flex;justify-content: space-around;list-style: none;border-bottom: 1px solid var(--primary-color);}
.tabs ul li {padding:.8rem 2rem;cursor: pointer;position: relative;display: flex;justify-content: center;align-items: center;color: var(--secondary-color);min-width:fit-content;}
.tabs ul li.active {background: var(--secondary-color);color: var(--white-color);padding: .8rem 2rem;border-radius: 1rem 1rem 0 0;}
/* .tabs ul li.active::before {content: '';width: 128px;height: 40px;border-radius: 6px 79% 137% 76%;background: transparent;position: absolute;bottom: 0;right: -106%;top: 20%;box-shadow: -47px 0px var(--secondary-color);z-index: -1;}
.tabs ul li.active::after {content: '';width: 128px;height: 40px;border-radius: 10px 0% 92% 76%;background: transparent;position: absolute;bottom: 0;left: -106%;top: 20%;box-shadow: 47px 0px var(--secondary-color);z-index: -1;} */
.serviceItem ul{line-height: 2.8;list-style:none;padding-right: 0;}
.scroller li [class^="webyar-"] {color: var(--oposite-color);font-size: 1.5rem;margin-left:.3rem;}
.tabs ul li.active [class^="webyar-"]{color: var(--white-color);}

.oposite-color{color: var(--oposite-color);}
.serviceItemButton {background: var(--primary-color);color: var(--white-color);padding:0.5rem 1.4rem;border-radius: .3rem;font-size: 1.1rem; display: flex;justify-content: center;align-items: center; flex-direction: row;transition: all .2s linear .1s;border: 1px solid var(--secondary-color);}
.opositeBg{    border: 1px solid var(--oposite-color);    background: var(--oposite-color);   color: var(--white-color);    padding:0.5rem 1.4rem;    border-radius: .3rem;    font-size: 1.1rem;     display: flex;     justify-content: center;     align-items: center;      flex-direction: row;      transition: all .2s linear .1s;    }    
.opositeBg:hover{color: var(--oposite-color) !important;background-color: var(--white-color)!important;}
.serviceItemImages img{border-radius: .3rem; filter: drop-shadow(0 0 .2rem rgba(200,200,200,.6));}
.serviceItemButton:hover{background: var(--white-color);color: var(--secondary-color);}
.text-justify{text-align: justify;}
.counter {	font-size: 2rem;}
.whyHeader + p {text-align: justify;padding: 1rem;}
.customer-box-header {	display: flex;	justify-content: start;	align-items: center;}
.customer-box-paragraph {position:relative;margin: 1rem;	background: #eee;	padding: 0.5rem 1rem;	border-radius: .3rem;}
.customer-box-paragraph::before {content: '';background: #eee;width: 16px;height: 16px;display: block;position: absolute;top: -6%;right: 4%;transform: rotate(45deg);}
.customer-box-header img {border-radius: 50%;filter: drop-shadow(0 0 .2rem #eee);background: #FFF;}
.secondary-custom-color{color: var(--primary-color); margin-bottom: .2rem;font-weight: 600;}
.whyHeader {color: var(--primary-color);display: flex;justify-content: start;align-items: center;}
.whyHeader .webyar-question-mark {	color: var(--oposite-color);	font-size: 2.8rem;	margin-left: .4rem;}
#contactUs{background: url(img/slide1.webp) no-repeat;background-attachment: fixed;padding: 1rem;}
.ginput_container.ginput_container_phone input {direction: ltr;}
.contactUsButton,.gform_button{width: fit-content;background: var(--primary-color);border: 1px solid var(--primary-color);color: var(--white-color);padding: .4rem 1rem;border-radius: .3rem;transition: all .2s linear .1s;}
.contactUsButton:hover, .gform_button:hover {background:transparent;color: var(--primary-color);}
#contactUs .container-80{background:var(--white-lowOpacity-color) ;border-radius: .4rem;}
#contactUs label{width: 100%;text-align: right;font-weight: 500;}
#contactUs .form-control{border: none;background:var(--black-lowOpacity-color) ;}
#contactUs .form-control::placeholder{color: var(--white-color);opacity: .8;}
.blogBox {background: #f9f9f9;width: 100%;height: auto;position: relative;overflow: hidden;border-radius: .3rem;}
.blogBoxImg img {width: 100%;height: 100%;}.blogBoxImg a{width:fit-content;height: fit-content;display: block;}
.date {position: absolute;bottom: -13%;right: 2%;color: var(--white-color);background: var(--secondary-color);padding: 1rem;width: 64px;display: flex;justify-content: center;align-items: center;text-align: center;border-radius: .3rem;}
.blogBoxBody {padding: 3rem .4rem 0.4rem .4rem;}
.blogBoxBody_statistics {justify-content: space-around;color: var(--primary-color);border: solid 1px #999;border-radius: .3rem;padding: .3rem 0;}
.blogBoxBody_statistics .webyar-user,.blogBoxBody_statistics .webyar-comments{color: var(--oposite-color);}
.blogBoxBody_title a{font-size: 1.2rem;color:var(--secondary-color);height: 2rem;display: flex;justify-content: start;align-items: center;margin-top: 1rem;}
.blogBoxBody p{text-align: justify;}
.webyar-chevron-right,.webyar-chevron-left{position:absolute;top: 50%;z-index: 100; color: var(--oposite-color);border: solid 2px var(--oposite-color);width: 32px;height: 32px; display: flex;justify-content: center;align-items: center;border-radius: 50%;font-size: 1.8rem;background: #FFF;}
.webyar-chevron-right{right: 15px;}.webyar-chevron-left{left: 15px;}
#newsandblog h2,#certificates h2,#services h2{color: var(--primary-color);display: flex;align-items: center;width: fit-content;position: relative;}#newsandblog h2::before,#certificates h2::before,#newsandblog h2::after,#certificates h2::after,#services h2::before,#services h2::after{content:'';position: absolute;width: 150px;height: 3px;background: var(--oposite-color);}
#newsandblog h2::before ,#services h2::before{right: -96%;}#newsandblog h2::after,#services h2::after{left: -96%;}
#certificates h2::before {right: -60%;}#certificates h2::after {left: -60%;}
.certificateWrapper {padding: .5rem;position: relative;display: flex;justify-content: center;overflow: hidden;transition: all .2s linear .1s;}
.certificateWrapper img {width: 100%;height:auto;border-radius: .3rem;filter: drop-shadow(0 0 .2rem #eee);}
.certificateWrapper h4 {position: absolute;top: 100%;background: var(--white-lowOpacity-color);padding: 1rem;text-align: center;width: 90%;border-radius: .3rem;transition: all .2s linear .1s;font-size: 1.1rem;}
.certificateWrapper:hover h4{top: 60%;}
.mapWrapper {position: relative;margin-top:113px;width: 100%;background: var(--secondary-color);min-height: 119px;display: flex;justify-content: center;}
.mapWrapper iframe {width: 50%;	position: absolute;	height: 216px;top: -97px;}
footer{background: url(./img/footer-bg.jpg) no-repeat center center;background-position: fixed;color: #fefefe;}
.irannetworkFooter ul,.irannetworkFooterImportantLink ul{list-style: none;line-height: 2.3;}.irannetworkFooter ul li,.irannetworkFooterImportantLink ul li{display: flex;justify-content: start;align-items: center;}
.irannetworkFooter .webyar-chevron-left,.irannetworkFooterImportantLink .webyar-chevron-left {position: static;color: var(--white-color);background: transparent;border: none;width: fit-content;height: unset;display: inline;font-size: 1rem;}
.irannetworkFooterImportantLink ul li a, .irannetworkFooterImportantLink ul li a:hover, .irannetworkFooter ul li a, .irannetworkFooter ul li a:hover {color: var(--white-color);text-decoration: none;display: flex;justify-content: center;align-items: center;}
.socialFooter {	display: flex;	justify-content: end;	align-items: center;}
.socialFooter a {color: var(--white-color);font-size: 2rem;margin-left: .5rem;}
.copyright{background: var(--primary-color);padding: .5rem;font-size: .9rem;}.copyright a{color: var(--white-color);}
/* single */
.content {background: #FFF;border-radius: .5rem;filter: drop-shadow(0 0 0.2rem #ddd);padding: 1rem;margin-top: 1rem;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {color: var(--primary-color);margin: 1rem 0 .5rem;}
.comment {border: 1px solid #eee;padding:.4rem;padding: .8rem;border-radius: .3rem;}
.comment-content{width: calc(100% - 64px);}
.comments strong{color: var(--secondary-color); font-size: 1.4rem;}
/* sidebars */
.blog-widget {background: #ffff;filter: drop-shadow(0 0 0.2rem #ddd);padding: 1rem;border-radius: .5rem;margin-top: 1rem;}
.blog-widget h4{color: var(--secondary-color);}
.postList {list-style: none;margin-right: 0;padding-right: 0 !important;}
.postList li{display: flex;}
.postList li img {border-radius: .2rem;}
.postList li hr{margin: .3rem !important;}
.sidebar {padding: 0 0 1rem 1rem;}
.btn-oposite{background: var(--oposite-color);color: var(--white-color);}
.badge {background: var(--oposite-color);font-family: 'vazir';font-size: .8rem;padding: .3rem .7rem;border-radius: 1rem;}
.list-group-item a{color: var(--primary-color);}
.productMetas span:last-child {color: var(--primary-color);}
.productMetas span:first-child {color: var(--secondary-color);}
/* about us */
.bg-header-title {background: url(img/slide1.webp) no-repeat center;background-size: 100%;background-attachment: fixed;padding: 2rem 0;color: var(--white-color);}
.bg-header-title a {color: var(--white-color) !important;}
#gform_fields_2 .indexInputs {display: flex;flex-direction: column;align-items: start;width: 100%;}
#gform_fields_2 .ginput_container{width: 100%;}
.related_title{width: 100% !important;display: flex;justify-content: center;align-items: center;font-size: 1.6rem !important;color: var(--primary-color);padding: 1rem;}
.tagwrapper {display: flex;list-style: none;justify-content: center;padding-right: 0 !important;}
.tags a {background: var(--oposite-color);color: var(--white-color);padding: .2rem .7rem;margin: .3rem;border-radius: .5rem;border: 1px solid var(--oposite-color);transition: all .2s linear .1s;}
.tags a:hover {color: var(--oposite-color);background: var(--white-color);}
.page-item a {background: var(--primary-color);color: var(--white-color);width: 1.5rem;height: 1.5rem;display: flex;justify-content: center;align-items: center;padding: 1rem;margin: auto .3rem;border-radius: .4rem;border: solid 1px var(--primary-color);}
.current.page-item.active{background: var(--white-color);color: var(--primary-color);width: 1.5rem;height: 1.5rem;display: flex;justify-content: center;align-items: center;padding: 1rem;margin: auto .3rem;border-radius: .4rem;border: solid 1px var(--primary-color);}
.page-item a:hover{background: var(--white-color);color: var(--primary-color);}
.highlight{color: var(--secondary-color);}
details {margin: 2rem 0;}
summary {color: var(--primary-color);font-size: 1.4rem;}
summary::marker {color: var(--oposite-color);}
details p {color: var(--text-color);text-align: justify;}
details[open] summary ~ * {animation: sweep .5s ease-in-out;}
.wp-block-gallery {margin: 2rem;}
.wp-block-gallery img {	border-radius: .5rem;}
#back-top a{width: 40px;height: 40px;background: var(--oposite-color);position: fixed;top: 81%;z-index: 1000;left: 6px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
#back-top a .webyar-keyboard_arrow_up {color: var(--white-color);	font-size: 1.7rem;}
.accordion-item{border-bottom:none;}.accordion-item p{text-align:justify;}
.accordion-button {border: 1px solid #eee;border-radius: .3rem .3rem 0 0 !important;margin: .5rem;}
.accordion-button:focus,button:focus,a:focus,button:focus-visible,a:focus-visible {border: none !important;outline: none !important;}
.accordion-button:focus-visible,.accordion-button:focus{box-shadow: none !important;border: solid 1px #eee !important; outline: none !important;}
.scroll-img {position: absolute;width: 32px;height: 32px;display: none;justify-content: center;align-items: center;top: 18%;left: -5%;}
.content + strong {font-size: 1.5rem;display: flex;padding: 1rem 0;justify-content: center;align-items: center;color: var(--primary-color);}
.gfield_label{text-align: right;width: 100%;}
@keyframes sweep {0%    {opacity: 0; transform: translateX(-10px)}100%  {opacity: 1; transform: translateX(0)}}
@media only screen and (max-width: 480px) {
    h1{font-size: 1.6rem;}h2{font-size: 1.4rem;}h3{font-size: 1.3rem;}h4{font-size: 1.2rem;}h5{font-size: 1.1rem;}h6{font-size: 1rem;}
    .serviceItem h3{margin: .7rem 0;}
    .mainCarousel .swiper-slide{display: flex;justify-content: center;align-items: center;}
.swiper-slide-describtion {top: unset;right: unset;margin: auto 1rem;padding: 1rem;}
    .swiper-slide-describtion h2 {font-size: 1.4rem;}
    .swiper-slide-describtion p {font-size: 1rem;}
    .swiper-button-next,.swiper-button-prev{display: none;}
    .aboutUsImgWrapper {order: -1;}
    .aboutUsTextWrapper h2{justify-content: center;}
    #newsandblog h2::before, #certificates h2::before, #newsandblog h2::after, #certificates h2::after,#services h2::before,#services h2::after{display: none;}
}
@media only screen and (max-width: 768px) {
    .bg-header-title{background-size:unset !important;}
    footer{background: var(--primary-color);}
    .scroller {
        overflow-x: scroll;
        scrollbar-color: var(--secondery-color) var(--white);
        scrollbar-width: thin;
        
    }
    .tabs ul{justify-content: start;}
    .tabs ul li{min-width: fit-content;}
    .container-80{width: 95%;}
    .customer-box-paragraph::before{ top: -7px;}
.mapWrapper iframe {width: 100%;position: static;height: 216px;}
footer ul{padding-right:0 ;}

}
@media only screen and (max-width: 1140px) {
.scroller {overflow-x: scroll;scrollbar-color: var(--secondery-color) var(--white);scrollbar-width: thin;}.scroll-img{display:flex;}
}