/*
	Theme Name: INOFAN Template
	Description: تمام حقوق این قالب برای صاحب آن محفوظ است و هرگونه کپی برداری و نال قالب از طریق پلیس فتا پیگیری خواهد شد .
	Author: علیرضا فداحی
	Version: 1.0
*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');*/



:root{
  --white:#fff;
  --black:#000;
  --primary:#feca16;
  --sec:#bec2c5;
  --btn:#29363e;
}
a {
  text-decoration: none !important;
}
html{
  scroll-behavior: smooth;
}
@media(min-width:1400px){
  .container{
    max-width: 1300px;
  }
}
*{
	line-height: normal;
	list-style: none;
	box-sizing: border-box;
  font-family: 'arial';
}
body{
	font-size: 16px;
  font-family: 'arial';
	background: #fff;
  overflow-x: hidden;
}
input:focus,
button:focus,
textarea:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}
ul,ol{
  margin: 0;
  padding: 0;
}
.wrapper{
  overflow-x: hidden;
}
.mainmenu{
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
.mainmenuflex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mainmenu h1{
  margin: 15px auto 0;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: var(--btn);
  font-size: 22px;
  font-weight: 900;
  font-family: 'arial';
}
.logobox img{
  height:75px;
}
.social{
  position: fixed;
  top: 50%;
  right: 30px;
  z-index: 900;
  transform: translateY(-50%);
}
.social ul{
  display: flex;
  gap: 10px 0;
  flex-direction: column;
  align-items: center;
}
.social ul li a{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  color: var(--white);
  border-radius: 100px;
  transition: 0.4s all;
  border: 2px solid var(--white);
  box-shadow: 0 5px 10px 0 #00000026;
}
.social ul li:hover a{
  background: var(--btn);
  color: var(--primary);
  border: 2px solid var(--btn);
}
.social ul li a svg{
  width: 25px;
  height: 25px;
}
.social{
  display: flex;
  justify-content: start;
}
.mainmenubtn{
  display: flex;
  justify-content: end;
}
.mainmenubtn a{
  border-radius: 100px;
  padding: 10px 45px;
  background: var(--sec);
  transition: 0.4s all;
  color: var(--white);
}
.mainmenubtn a:hover{
  background: var(--primary);
  color: var(--black);
}
.menubarflex{
  display: flex;
  justify-content: space-between;
}
.menubarflex2{
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.menubar{
  border-top: 3px solid var(--primary);
}
.menubox ul{
  display: flex;
  align-items: center;
  gap: 0 20px;
}
.menubox ul li{
  position: relative;
}
.menubox ul li a{
  padding: 25px 0;
  display: block;
  font-weight: 600;
  color: var(--black);
  transition: 0.4s all;
}
.menubox ul li a:hover{
  color: var(--primary);
}
.menubox ul li ul{
  position: absolute;
  top: 82px;
  left: -10px;
  width: 200px;
  flex-direction: column;
  gap: 5px;
  text-align: left;
  align-items: inherit;
  background: var(--primary);
  padding: 10px;
  z-index: 1000;
  box-shadow: 0 0 20px 0 #0000000d;
  opacity: 0;
  transition: .2s;
  visibility:hidden;
}
.menubox ul li ul li a{
  padding: 0;
  color: var(--black);
}
.menubox ul li ul li a:hover{
  padding-right: 5px;
  color: var(--white);
}
.menubox ul li:hover ul{
  opacity: 1;
  visibility: visible;
}
.logbtn{
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
}
.logbtnimg img{
  transition: 0.4s all;
  width: 60px;
  height: auto;
  color: var(--white);
  float: left;
}
.logbtn svg{
  transition: 0.4s all;
  width: 35px;
  height: 35px;
  color: var(--white);
  float: left;
}
.logbtn:hover svg{
  color: var(--black);
}
.searchbtn{
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
}
.searchbtn svg{
  width: 30px;
  height: 30px;
  color: var(--sec);
  float: left;
  transition: 0.4s all;
}
.searchbtn:hover svg{
  color: var(--black);
}
.heroslide{
  height: 80vh;
  position: relative;
  display: flex;
  justify-content: end;
}
.heroslide .heroimg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.heroslide .container{
  display: flex;
  justify-content: end;
  height: 100%;
}
.heroslideinfo{
  width: 500px;
  background: rgba(254,202,22,0.88);
  height: 100%;
  position: relative;
  padding-bottom: 30px;
  max-width: 100%;
}
.heroslideinfo2{
  margin: 15px;
  border: 1px solid var(--white);
  height: 100%;
  padding: 30px 50px;
}
.heroslidetitle{
  font-size: 25px;
  font-weight: bold;
  color: var(--btn);
}
.heroslideinfo hr{
  height: 2px;
  background: var(--white);
  width: 100px;
  margin: 30px auto 30px 0;
}
.heroslideinfo .heroslidetime{
  color: var(--white);
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
}
.heroslideinfo p{
  font-size: 20px;
  margin-bottom: 20px;
  color: var(--white);
}
.heroauthinfo{
  display: flex;
  gap: 0 30px;
  align-items: center;
}
.heroauthinfo img{
  border-radius: 100px;
  width: 80px;
  object-fit: cover;
  height: 80px;
}
.hainame{
  color: var(--white);
  font-size: 22px;
}
.haisem{
  color: var(--white);
}
.mybtn{
  background: var(--btn);
  color: var(--white);
  display: block;
  padding: 15px 30px;
  width: fit-content;
  margin-top: 30px;
  transition: 0.4s all;
  cursor: pointer;
}
.mybtn:hover{
  background: var(--white);
  color: var(--btn);
}
.heroslidebtns{
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
}
.hero{
  position: relative;
}
.heroslidebtnsflex{
  display: flex;
  gap: 0 10px;
  width: fit-content;
  margin: 0 40px 0 auto;
  flex-direction: row-reverse;
}
.heroslidebtnsflex div{
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: 1px solid var(--white);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s all;
}
.heroslidebtnsflex div svg{
  width: 20px;
  height: 20px;
  float: left;
}
.heroslidebtnsflex div:hover{
  color: var(--black);
  border: 1px solid var(--black);
}
.padd{
  padding: 50px 0;
}
.padd2{
  padding: 100px 0;
}
.box1flex{
  display: flex;
  transform: rotate(-45deg);
  flex-wrap: wrap;
  margin-top: 45px;
}
.box1flex img{
  width: 49%;
  aspect-ratio: 1/1;
  border: 2px solid var(--white);
  transform: rotate(-90deg);
  object-fit: cover;
}
.mytitle{
  font-weight: bold;
  font-size: 35px;
}
.box1 ul{
  gap: 0 10px;
}
.box1 ul li div{
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  cursor: pointer;
}
.box1 ul li svg{
  float: left;
  width: 40px;
  height: 40px;
  color: var(--sec);
}
.box1 ul li.active div{
  border: 1px solid var(--primary);
  transition: 0.4s all;
}
.box1 ul li.active svg{
  color: var(--primary);
  transition: 0.4s all;
}
.mybox1tabcontent h3{
  font-weight: bold;
  margin-bottom: 20px;
}
.mybox1tabcontent p{
  white-space: pre-line;
  text-align: justify;
}
.mybox1tabcontent .mybtn:hover{
  background: var(--primary);
  color: var(--btn);
}
.mybox1tabcontent .mybtn{
  background: var(--primary);
  color: var(--white);
}
.mybox1tabcontent .mybtn:hover{
  background: var(--btn);
  color: var(--white);
}
.box2slide{
  position: relative;
  min-height: 450px;
}
.padd2{
  padding: 100px 0;
}
.box2slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
	filter:brightness(0.3);
	-webkit-filter:brightness(0.3);
}
.box2slideinfo{
  padding: 50px;
  position: relative;
  z-index: 2;
  color:#fff;
  height: 100%;
}
.box2slide:hover::after{
  background: #0009;
}
.box2slide:hover .box2slideinfo{
  color: var(--white);
}
.box2slideinfo p{
  text-align: justify;
}
.box2slideinfo .mybtn{
  border: 2px solid var(--primary);
  color: var(--white);
  background: none;
  padding: 5px 30px;
}
.box2slide .mybtn:hover{
  color: var(--white);
  background: var(--primary);
}
.box2slideinfo hr{
  height: 2px;
  width: 50px;
  background: var(--primary);
  margin: 0 auto 30px 0;
}
.box2flex{
  display: flex;
  gap: 0 10px;
  align-items: center;
  justify-content: space-between;
}
.box2flex h3{
  margin: 0;
  flex:1;
}
.box2flexsvg{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
}
.box2flexsvg svg{
  float: left;
  transition: 0.4s all;
  width: 25px;
  height: 25px;
  color: var(--white);
}
.box3imgbox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1.3/1;
}
.mytext{
  color: #ccc;
  font-size: 20px;
}
.box3slideinfo{
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 50px 100px;
  height: 100%;
  background: #f9f9f9;
}
.box3slideinfo h3{
  font-weight: bold;
  font-size: 30px;
}
.box3slideinfo .mybtn{
  margin-top: 20px;
  padding: 5px 30px;
  margin-bottom: 20px;
  background: var(--primary);
}
.box3slideinfo .mybtn:hover{
  background: var(--black);
  color: var(--white);
}
.box3slide .row{
  flex-direction: row-reverse;
  margin: 0;
}
.box3slideinfo p{
  margin-bottom: 30px;
  text-align: justify;
}
.teamsocial{
  margin-bottom: 30px;
}
.teamsocial ul{
  display: flex;
  gap: 0 10px;
}
.teamsocial ul li a{
  color: #ccc;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teamsocial svg{
  width: 20px;
  height: 20px;
  float: left;
}
.box3gallery{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.box3gallery img{
  width:80px;
  aspect-ratio: 1.5/1;
  object-fit: cover;
}
.box3sliderbtns{
  position: absolute!important;
  left: 0;
  right: 0;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  margin: 0 auto;
}
.box3sliderbtns .slick-track{
  display: flex;
  flex-direction: column;
  width: fit-content!important;
  transform: none;
  gap: 10px 0;
}
.box3sliderbtns .draggable{
  margin: 0 auto;
  width: 100px;
}
.box3sliderbtns .box3sbimg{
  width: 80px!important;
  aspect-ratio: 1/1;
  object-fit: cover;
  float: left;
}
.box3sliderbtns .box3sbimg img{
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border: 2px solid var(--white);
  cursor: pointer;
}
.box3sliderbtns .slick-slide{
  width: 80px!important;
}
.prel{
  position: relative;
}
.slick-current .box3sbimg img{
  border: 2px solid var(--primary);
}
.box4 .slick-slide{
  padding: 0 5px;
}
.box4slider1slide{
  display: flex!important;
  align-items: center;
  flex-direction: column;
  gap: 15px 30px;
  text-align: center;
  border: 1px solid #eee;
  padding: 40px 20px;
  background: linear-gradient(to right bottom , #f9f9f9 , #fff);
}
.box4slider1slideimg img{
  height: 150px;
  max-width: 100%;
}
.box4slider1slideinfo p{
  font-weight: bold;
  margin-bottom: 5px;
}
.box4slider1slideinfo span{
  color: var(--btn);
}
.box4slider2 .box4slider1slide{
  flex-direction: column;
  text-align: center;
}
.box4 .row{
  min-height: 300px;
  align-items: center;
}
.tabpost{
  position: relative;
  min-height: 70px;
  padding-left: 145px;
  padding-top: 6px;
  padding-bottom: 50px;
}
.tabpost:last-child{
  margin: 0;
  min-height: auto;
  padding-bottom: 0;
}
.tabpost::after{
  content: "";
  height: 100%;
  left: 104px;
  width: 1px;
  background: #eee;
  position: absolute;
  top: 0;
  z-index: -1;
}
.tabpostdate{
  position: absolute;
  left: 0;
  top: 10px;
}
.tabarrowcon{
  width: 40px;
  height: 40px;
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  position: absolute;
  left: 85px;
  top: 0;
}
.tabpostarrow svg{
  float: left;
}
.tabpost h4{
  margin: 0;
}
.tabpostflex{
  display: flex;
  gap: 100px;
  align-items: center;
  flex-wrap: wrap;
}
.tabpostuserinfo{
  display: flex;
  gap: 20px;
  align-items: center;
}
.tabpostimg{
  width: 100px;
}
.tabpostimg img{
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100px;
  object-fit: cover;
}
.tabpostbtns{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.tabpostbtns a{
  width: fit-content;
  padding: 10px 20px;
  color: var(--white);
  background: var(--sec);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s all;
}
.tabpostbtns a:hover{
  background: var(--primary);
}
.tabpostbtns a:last-child:hover{
  background: var(--sec);
}
.tabpostbtns a:last-child{
  background: var(--primary);
}
.tabpost p,.tabpost .tabpostflex{
  display: none;
}
.tabpost.active p{
  display: block;
}
.tabpost.active .tabpostflex{
  display: flex;
}
.tabpost.active::after{
  background: var(--primary);
  height: 100%;
}
.tabpost.active .tabarrowcon{
  border: 1px solid var(--primary);
}
.tabpost.active .tabarrowcon svg{
  color: var(--primary);
  transform: rotate(180deg);
}
.tabpostuserinfobox span{
  color: var(--primary);
}
.box3-2 ul{
  flex-wrap: inherit;
  border-bottom: 1px solid #eee;
  margin: 0!important;
  position: relative;
  background:var(--white);
}
.box3-2 ul li{
  width: 17%;
}
.box3-2 ul li div{
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 15px 10px;
  background: var(--white);
  color: var(--black);
  cursor: pointer;
  border-left: 1px solid #eee;
  transition: 0.2s;
}
.box3-2 ul li:last-child div{
  border: none;
}
.box3-2 ul li div.active{
  background: var(--primary);
}
.box3-2 ul li div h3{
  font-size: 20px;
}
.box3-2tabbox{
  border: 1px solid #eee;
  text-align: left;
}
.box3-2 ul li div.active{
  color: var(--white);
}
.box3-2 .tab-content{
  padding: 50px;
}
.box3-2img{
  width: 100%;
  margin-top: 20px;
}
.box3-2tabbox{
  margin: -50px 50px 0;
  position: relative;
  z-index: 10;
}
.box5slide{
  padding: 50px;
  height: 100%;
  color: var(--white);
  display: flex!important;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 400px;
}
.box5slide p{
  margin: 0;
  text-align: center;
  font-size: 22px;
}
.box5slidetitle{
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: var(--black);
  margin-bottom: 20px;
}
.box5formbox{
  background:#ebebebf2;
  padding: 100px 50px;
  color: var(--white);
  height: 100%;
}
.box5btnnext{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--white);
  background: #fff3;
  transition: 0.4s all;
}
.box5btnnext svg{
  float: left;
  width: 20px;
  height: 20px;
}
.box5btnprev{
  position: absolute;
  bottom: 42px;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  background: #fff3;
  cursor: pointer;
  transition: 0.4s all;
}
.box5btnprev svg{
  float: left;
  width: 20px;
  height: 20px;
}
.box5btnprev:hover,.box5btnnext:hover{
  background: var(--black);
}
.timer{
  display: none;
}
.newspostimg{
  border: 1px solid #eee;
  height: 100%;
}
.newspostimg img{
  width: 100%;
  height: auto;
  aspect-ratio: 0.8/1;
  object-fit: contain;
  position: relative;
  background:#eee;
  top: 15px;
  left: 15px;
}
.newsinfoflex{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
.newsinfoflex li{
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 8px;
  font-size: 14px;
}
.newsinfoflex li svg{
  float: left;
}
.box6 h3{
  font-size: 22px;
  color: var(--black);
  text-align: left;
  margin: 20px 0;
  transition: 0.4s all;
}
.box6 h3:hover{
  color: var(--primary);
}
.box6 .mybtn{
  border: 2px solid var(--primary);
  color: var(--black);
  padding: 6px 30px;
  background: none;
}
.box6 .mybtn:hover{
  background: var(--primary);
  color: var(--white);
}
.box6 .row{
  height: 100%;
  gap: 50px 0;
}
.box6 .row p{
  line-height: 1.7;
  color: #444;
  text-align: left;
}
.beffooter{
  padding: 40px 0;
  background: #eee;
}
.footer{
  background: var(--btn);
  padding: 50px;
  color: var(--white);
  font-size: 14px;
}
.footerinfo{
  display: flex;
  gap: 50px;
  align-items: center;
  text-align: left;
}
.footer hr{
  background: #45525b;
  width: 100%;
  margin: 40px 0;
}
.fiimgbox img{
  max-width: 100%;
  width:80px;
}
.fiimgbox p{
  font-weight: 900;
  font-family: 'arial';
  margin: 0;
  font-size:25px;
  letter-spacing: 4px;
  color: var(--btn);
}
.fitextbox{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.fitbtitle{
  font-weight: bold;
  font-size: 24px;
}
.fitextbox p{
  margin: 0;
  color: #7d7d7d;
}
.ftitle{
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
  display: block;
}
.links ul{
  display: flex;
  gap: 5px;
  flex-direction: column;
}
.links ul li a{
  color: var(--sec);
  font-weight: 600;
  position: relative;
  transition: 0.4s all;
  padding-left: 20px;
}
.links ul li a:hover{
  padding-right: 25px;
  color: var(--primary);
}
.flinks{
  display: flex;
  gap: 20px;
  color: var(--sec);
  flex-direction: column;
}
.flinks li{
  display: flex;
  gap: 10px;
  font-weight: 600;
}
.fcicon{
  display: flex;
  justify-content: start;
}
.fcicon svg{
  float: left;
  position: relative;
  top: 3px;
  transition: 0.4s all;
}
.flinks li:hover svg{
  color: var(--primary);
}
.fcbox{
  display: flex;
  flex-direction: column;
}
.fcbox a{
  transition: 0.4s all;
  color: var(--sec);
  direction: ltr;
}
.fcbox a:hover{
  color: var(--primary);
  padding-right: 5px;
}
.nl p{
  color: var(--sec);
  font-weight: 600;
  line-height: 1.7;
  text-align:justify;
}
.nl form{
  width: 100%;
  position: relative;
}
.nl form input[type=text]{
  width: 100%;
  height: 50px;
  border: 1px solid var(--white);
  padding: 0 15px;
}
.nl form input[type=submit]{
  height: 50px;
  position: absolute;
  right: 0;
  width: 70px;
  background: var(--primary);
  padding: 0;
  cursor: pointer;
  border: 1px solid var(--primary);
  color: var(--white);
  transition: 0.4s all;
}
.nl form input[type=submit]:hover{
  background: var(--btn);
}
.fsocial{
  display: flex;
  gap:10px;
  flex-wrap: wrap;
}
.gap20{
  gap: 20px;
}
.fsocial li a{
  color: var(--sec);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background: #45525b;
  transition: 0.4s all;
}
.fsocial li a:hover{
  color: var(--white);
  background: var(--primary);
  transform: rotate(360deg);
}
.fsocial li a svg{
  width: 20px;
  height: 20px;
  float: left;
}
.fmenu2box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px;
  font-size: 14px;
  width: 100%;
}
.fmenu2box p{
  margin: 0;
  font-weight: 600;
  color: var(--sec);
}
.fmenu2flex ul{
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
}
.fmenu2flex ul li a{
  color: var(--sec);
  transition: 0.4s all;
  font-weight: 600;
}
.fmenu2flex ul li a:hover{
  color: var(--primary);
}
.fixedmenu{
  position: fixed;
  top: -150px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 900;
  background: var(--white);
  transition: 1s all;
  border-bottom: 1px solid #eee;
}
.searchbox{
  position: fixed;
  left: 0;
  top: 50%;
  right: 0;
  display: block;
  margin: 0 auto;
  transform: translateY(-50%);
  width: 500px;
  padding: 80px 50px;
  border-radius: 15px;
  background: var(--white);
  z-index: 1000;
  transition: 0.4s all;
  max-width: 90%;
  opacity: 0;
  visibility: hidden;
}
.searchbox form{
  position: relative;
}
.searchbox input{
  width: 100%;
  height: 50px;
  padding: 15px;
  border: 1px solid var(--btn);
  background: var(--white);
}
.searchbox button{
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 50px;
  color: var(--white);
  background: var(--btn);
  transition: 0.4s all;
  cursor: pointer;
  border: 1px solid var(--btn);
}
.searchbox button:hover{
  background: var(--primary);
}
.closesearchbox{
  position: fixed;
  background: #0009;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 950;
  transition: 0.4s all;
  opacity: 0;
  visibility: hidden;
}
/*about*/
.breadbox{
  padding: 109px 0;
  color: var(--white);
  position: relative;
}
.breadbox::after{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #29363ee6;
  content: "";
}
.breadpost{
  border-right: 1px solid #687075;
  border-left: 1px solid #687075;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.breadpost h1{
  border-bottom: 1px solid #687075;
  margin-bottom: 20px;
  padding: 10px 60px 20px 60px;
  font-size: 30px;
}
.breadpost{
  padding-bottom: 20px;
}
.breadpost #crumbs{
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.breadpost ul{
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}
.breadpost a{
  color: var(--white);
}
.breadpost span{
  color: var(--primary);
  transition: 0.4s all;
}
/*about*/
/*services*/
.servbox1post{
  text-align: left;
}
.servbox1post h3{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
}
.servposrflex{
  display: flex;
  gap: 20px;
}
.servposticon{
  width: 65px;
}
.servposticon img{
  width: 100%;
}
.servposrflex p{
  flex: 1;
  color: #777;
  font-size: 14px;
}
.servbox1 .row{
  gap: 30px 0;
}
/*services*/
/*event page*/
.upevpost{
  text-align: left;
  position: relative;
}
.upevpost img{
  width: 80%;
  height: auto;
  aspect-ratio: 1.4/1;
  object-fit: cover;
}
.evpostinfo{
  position: absolute;
  background: #f7f8f9;
  padding: 30px;
  top: 50%;
  right: 0;
  width: 80%;
  transform: translateY(-50%);
}
.evpostinfo h3{
  color: var(--black);
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}
.upevdatebox{
  display: flex;
  width: 100%;
  align-items: center;
}
.upevdateb{
  background: var(--primary);
  color: var(--white);
  width: fit-content;
  text-align: center;
  padding: 10px 21px;
  white-space: pre-line;
  position: relative;
}
.upevdateb::after{
  content: "";
  width: 80%;
  height: 110%;
  top: 50%;
  border: 1px solid var(--primary);
  transform: translateY(-50%);
  right: 0;
  left: 0;
  display: block;
  margin: 0 auto;
  position: absolute;
  z-index: -1;
}
.upevclbox{
  width: 100%;
  position: relative;
}
.upevclbox::after{
  width: 50px;
  content: "";
  height: 1px;
  background: var(--primary);
  z-index: 2;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.upevclo1,.upevclo2{
  font-size: 15px;
}
.upevclo1 a,.upevclo2 a{
  color: var(--black);
}
.upevclbox hr{
  height: 1px;
  background: #eee5;
  margin: 5px 0;
}
.upevpost p{
  margin-bottom: 0;
  margin-top: 30px;
}
.upev .row{
  gap: 50px 0;
}
.evshpost{
  position: relative;
  text-align: left;
}
.evshpost img{
  width: 100%;
  aspect-ratio: 1.2/1;
  height: auto;
  object-fit: contain;
  margin-bottom: 30px;
}
.evshpost h3{
  color: var(--black);
  font-size: 20px;
  margin-bottom: 20px;
}
.evshpost p{
  margin: 30px 0;
}
.evshpost .mybtn{
  border: 2px solid var(--primary);
  background: none;
  color: var(--black);
  padding: 8px 30px;
  margin:0;
}
.evshpost .mybtn:hover{
  background: var(--primary);
  color: var(--white);
}
/*event page*/
/*event cat*/
.evcat .evshpost{
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}
.evcat .evshpost:last-child{
  margin: 0;
}
.evshimg{
  width: 300px;
}
.evshimg img{
  background:#eee;
  margin: 0;
}
.evcat .evshpost h3{
  transition: 0.4s all;
}
.evcat .evshpost h3:hover{
  color: var(--primary);
}
.evshinfobox{
  flex: 1;
}
/*event cat*/
/*sidebar*/
.sidebarbox{
  border: 1px solid #eee;
}
.sidebarhead{
  display: flex;
}
.sidebarhead h2{
  font-size: 20px;
  margin: 0;
  background: var(--primary);
  color: var(--white);
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.sidebaricon{
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
}
.sidebarbox ul{
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.sidebarbox ul li{
  display: flex;
  gap: 10px;
  align-items: center;
}
.sidebarbox ul li a{
  transition: 0.4s all;
  color: #777;
}
.sidebarbox ul li a:hover{
  color: var(--primary);
}
.sidebarbox ul li a h3{
  font-size: 15px;
  margin: 0;
}
.sulib{
  width: 20px;
}
.sulib svg{
  color: var(--primary);
  float: left;
}
.sidebarbox3,.sidebarbox4{
  border: 1px solid #eee;
}
.sidebarbox2{
  background: url(img/evsidebar.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 5px;
  position: relative;
  color: var(--white);
}
.sidebarbox2::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(254,202,22,0.9);
}
.sidebarbox2con{
  position: relative;
  padding: 15px;
  z-index: 2;
  background: rgba(254,202,22,0.75);
}
.sidebarbox2con span{
  font-style: italic;
  font-size: 20px;
  text-align: center;
  display: block;
}
.sidebarbox2con hr{
  width: 70px;
  background: var(--white);
  margin: 20px auto!important;
}
.sb2cl{
  font-weight: bold;
  text-align: center;
  font-size: 20px;
}
.sb2aflex{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.sb2aflex p{
  font-size: 18px;
  margin: 0;
}
.sb2aflex span{
  font-size: 15px;
  text-align: left;
  font-style: normal;
}
.sb2aimg{
  width: 65px;
  max-width: 100%;
}
.sb2aimg img{
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100px;
  object-fit: cover;
}
.sb2aname{
  text-align: left;
}
.sidebarbox2con .mybtn{
  border: 1px solid var(--btn);
  width: 100%;
  text-align: center;
}
.sidebarbox2con .mybtn:hover{
  background: var(--primary);
}
.recev{
  padding: 30px 20px;
}
.recevpost{
  display: flex;
  gap: 15px;
  text-align: left;
  margin-bottom: 20px;
}
.recevpost:last-child{
  margin: 0;
}
.recevimg{
  width: 30%;
}
.recevimg img{
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  object-fit: cover;
}
.recevtitle{
  width:70%;
}
.recevtitle h3{
  font-size: 16px;
  color: var(--black);
  transition: 0.4s all;
}
.recevtitle h3:hover{
  color: var(--primary);
}
.recevtitle span{
  color: var(--primary);
  font-size: 15px;
}
.sidetag ul{
  display: flex;
  gap: 10px;
  padding: 30px 20px;
  flex-wrap: wrap;
}
.sidetag ul li a{
  border: 1px solid var(--primary);
  transition: 0.4s all;
  padding: 2px 20px;
  color: #999;
  display: block;
  font-size: 14px
}
.sidetag ul li a:hover{
  background: var(--primary);
  color: var(--white);
}
/*sidebar*/
/*single event*/
.sevth{
  width: 100%;
  aspect-ratio: 1.8/1;
  background:#eee;
  object-fit: contain;
  height: auto;
}
.singleevtitle{
  font-size: 35px;
  color: var(--black);
  text-align: left;
  margin: 40px 0 30px 0;
}
.singleevshareflex{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.singleevshareflex .upevdatebox{
  width: 70%;
}
.shareev{
  width: 30%;
}
.shareev ul{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: end;
}
.shareev ul li a{
  color: var(--sec);
  border: 1px solid var(--sec);
  padding: 5px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shareev ul li a:hover{
  border: 1px solid var(--primary);
  color: var(--white);
  background: var(--primary);
}

.evtabtitle{
  font-size: 22px;
}
.singlev .box3-2{
  border: 1px solid #eee;
}
.singlev .box3-2 ul{
  border: 1px solid #eee;
  border-top: none;
  border-left: none;
}
.singlev iframe{
  border: none;
  width: 100%;
  height: 350px;
  margin-top: 50px;
}
/*single event*/
/*404*/
.errorpage h2{
  font-family: 'arial';
  font-weight: bold;
  color: var(--btn);
  font-size: 270px;
}
.errorpage p{
  font-size: 40px;
  font-weight: bold;
  color: var(--btn);
}
.errorpage form{
  position: relative;
}
.errorpage input{
  width: 100%;
  border: 1px solid #eee;
  padding: 0 15px;
  transition: 0.4s all;
  background: var(--white);
  height: 50px;
}
.errorpage button{
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  border: none;
  background-color: var(--primary);
  color: var(--white);
  transition: 0.4s all;
  padding: 0 30px;
}
.errorpage button:hover{
  background: var(--btn);
  cursor: pointer;
}
.errorpagep{
  border-right: 1px solid #eee;
  padding-right: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.errorpagep p{
  font-size: 18px;
  color: #999;
  line-height: 1.7;
  margin: 30px 0;
  font-weight: normal;
}
.errorpagep a{
  border: 1px solid var(--btn);
  padding: 5px 30px;
  display: block;
  width: fit-content;
  color: var(--btn);
  margin: 0 auto;
  transition: 0.4s all;
}
.errorpagep a:hover{
  background: var(--btn);
  color: var(--white);
}
/*404*/
/*blog*/
.blogpost{
  margin-bottom: 50px;
}
.blogpost:last-child{
  margin: 0;
}
.blogpostimgbox{
  border: 1px solid #eee;
}
.blogpostimgbox img{
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  object-fit: cover;
  position: relative;
  right: 15px;
  top: 15px;
}
.bloginfobox{
  text-align: left;
}
.blogpostinfor{
  background: var(--primary);
  padding: 5px 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  color: var(--white);
}
.blogpostinfor svg{
  float: left;
  position: relative;
  top: -2px;
}
.blogpostdate,.blogpostauthor{
  display: flex;
  align-items: center;
  gap: 10px;
}
.bloginfobox h3{
  color: var(--black);
  font-size: 20px;
  margin: 20px 0;
  transition: 0.4s all;
}
.bloginfobox h3:hover{
  color: var(--primary);
}
.bloginfobox p{
  color: #999;
}
.bloginfobox .mybtn{
  padding: 8px 30px;
  border: 1px solid var(--primary);
  background: var(--white);
  color: var(--btn);
}
.bloginfobox .mybtn:hover{
  background: var(--primary);
  color: var(--white);
}
.blogsearch{
  position: relative;
}
.blogsearch input{
  border: 1px solid #eee;
  padding: 0 15px;
  height: 30px;
  width: 100%;
  background: var(--white);
  height: 50px;
}
.blogsearch button{
  background: var(--primary);
  color: var(--white);
  transition: 0.4s all;
  border: none;
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 0;
  height: 50px;
  padding: 0 15px;
}
.blogsearch button:hover{
  background: var(--btn);
}
.blogsidebar1 ul li{
  text-align: left;
}
.blogsidebar1 ul li a{
  width: 100%;
}
.blogsidebar1 ul li span{
  border: 1px solid var(--primary);
  color: var(--primary);
  display: flex;
  justify-content: center;
  flex: none;
  align-items: center;
  border-radius: 100px;
  width: 35px;
  font-size: 12px;
  transition: 0.4s all;
  height: 35px;
}
.blogsidebar1 ul li{
  transition: 0.4s all;
}
.blogsidebar1 ul li:hover{
  padding-right: 10px;
}
.blogsidebar1 ul li:hover span{
  background: var(--primary);
  color: var(--white);
}
/*blog*/
/*single*/
.authorbox{
  padding: 30px;
  border: 1px solid #eee;
  display: flex;
  gap: 20px;
  align-items: center;
}
.authorimg{
  width: 200px;
}
.authorimg img{
  aspect-ratio: 1/1;
  object-fit: cover;
  height: auto;
  width: 100%;
}
.authorinfo{
  width: 80%;
  text-align: left;
}
.authorinfo p{
  color: #999;
  margin: 0;
}
.authorsocname{
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}
.authtitle{
  width: 60%;
  font-weight: bold;
  font-size: 22px;
}
.authsocial{
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: end;
}
.authsocial li a{
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--sec);
  color: var(--sec);
  transition: 0.4s all;
  border-radius: 100px;
}
.authsocial li a:hover{
  background: var(--primary);
  color: var(--white);
  border: 1px solid var(--primary);
}
.authsocial svg{
  float: left;
  width: 20px;
  height: 20px;
}
.cmbox {
  text-align: left;
}
.cmbox h2{
  font-size: 25px;
  font-weight: bold;
}
/*single*/
/*contact*/
.contactboxpost{
  background: var(--primary);
  padding: 5px;
  height: 100%;
}
.cbb{
  padding: 20px;
  border: 1px solid #eee8;
  display: flex;
  gap: 15px;
  align-items: center;
  height: 100%;
  color: var(--white);
}
.cbb svg{
  float: left;
  width: 35px;
  height: 35px;
}
.cbpi{
  border: 1px solid var(--white);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}
.contactbpinfo{
  width: 70%;
  text-align: left;
  color: var(--black);
}
.contactbpinfo h2{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: var(--black);
}
.contactbpinfo a{
  display: block;
  color: var(--black);
}
.contactbox iframe{
  width: 100%;
  height: 500px;
  border: none;
}
.formbox .heroslideinfo{
  padding: 15px;
  height:auto;
}
.formbox .heroslideinfo2{
  margin: 0;
}
/*contact*/












































.sabtsearch{
  display: flex;
  align-items: center;
  gap: 10px;
}
.myform label{
  display: none;
}
.myform input,.myform textarea,.myform input,.myform select{
  border: none;
  padding: 15px;
  width: 100%;
  margin-bottom: 15px;
  background: var(--white);
  border-radius:0;
  color:#000;
}
.myform select{
  appearance: none;
  background: url(img/chevron-down.webp) , var(--white);
  background-repeat: no-repeat;
  background-position: right 15px center;
  cursor: pointer;
}
.myform select:focus{
  outline: none;
}
.myform input[type=submit]{
  margin: 0;
  background: var(--primary);
  transition: 0.4s all;
  cursor: pointer;
  color: var(--white);
  border: 1px solid var(--primary);
}
.myform input[type=submit]:hover{
  color: var(--primary);
  background: var(--black);
}
.box5formbox h3{
  margin-bottom: 20px;
}
.box5 .col-lg-6:first-child{
  background: #e3b719d9;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gform_submission_error{
  display: none;
}
.gfield_validation_message{
  display: none;
}
.myform select[aria-invalid="true"]{
  background: url(img/chevron-down.webp) , #ffc9c9;
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.myform select[aria-invalid="true"] option{
  color: red;
}
.myform input[aria-invalid="true"]{
  background: #ffc9c9;
}
.myform input[aria-invalid="true"]::placeholder{
  color: red;
}
.nl input[aria-invalid="true"]{
  background: #ffc9c9;
}
.nl input[aria-invalid="true"]::placeholder{
  color: red;
}
.gform_confirmation_message{
  background: #3cbd3c;
  padding: 30px;
  display: flex;
  color: var(--white);
  align-items: center;
  justify-content: center;
}
.formbox input,.formbox textarea{
  border: 1px solid var(--sec);
}
.formbox textarea{
  height: 200px;
}
#crumbs{
  padding: 0 20px;
}
.cmbox h3{
  margin-bottom: 20px;
}
.cmbox a{
  color: var(--primary);
}
.cmbox label{
  display: block;
  color: var(--btn);
  margin-bottom: 10px;
}
.cmbox input{
  border: 1px solid #eee;
  width: 100%;
  padding: 10px 15px;
  transition: 0.4s all;
}
.cmbox input:focus{
  border: 1px solid var(--btn);
}
.cmbox textarea{
  border: 1px solid #eee;
  width: 100%;
  padding: 15px;
  transition: 0.4s all;
} 
.cmbox textarea:focus{
  border: 1px solid var(--btn);
}
.cmbox .acf-comment-fields{
  display: none!important;
}
.cmbox input[type=submit]{
  background: var(--primary);
  color: var(--white);
  cursor: pointer;
  transition: 0.4s all;
  border: 1px solid var(--primary);
}
.cmbox input[type=submit]:hover{
  background: var(--btn);
  border: 1px solid var(--btn);
}
.cmbox .comment-form-cookies-consent{
  display: none;
}
.cmbox .required{
  color: var(--primary);
}
.cmbox form{
  display: flex;
  flex-direction: column;
}
.cmbox .comment-form-comment{
  order: 1;
}
.cmbox .form-submit{
  order: 2;
}
.cmbox ol.commentlist{
  margin-bottom: 40px;
}
.cmbox ol{
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.cmbox ol li{
  background: #eee2;
  padding: 30px;
  position: relative;
  border: 1px solid var(--btn);
}
.cmbox ol li img{
  width: 50px;
  aspect-ratio: 1/1;
  height: auto;
  margin-left: 10px;
}
.cmbox .fn{
  font-style: normal;
  font-weight: bold;
  color: var(--btn);
}
.cmbox .comment-awaiting-moderation{
  display: block;
  background: var(--btn);
  margin: 10px 0;
  color: var(--white);
  font-style: normal;
  padding: 10px;
  border-radius:100px;
  text-align: center;
}
.cmbox .commentmetadata{
  position: absolute;
  left: 30px;
  top: 47px;
  font-size: 13px;
}
.cmbox .commentmetadata a{
  color: var(--btn);
}
.cmbox .reply a{
  background: var(--btn);
  border-radius: 100px;
  color: var(--white)!important;
  transition: 0.4s all;
  padding: 10px 40px;
  display: block;
  width: fit-content;
  margin: 0 auto 0 0;
}
.cmbox .reply a:hover{
  background: var(--primary);
}
.cmbox ol li p{
  margin: 20px 0;
}
.cmbox #cancel-comment-reply-link{
  background: red;
  color: var(--white);
  padding: 10px 15px;
  border-radius: 100px;
}
.cmbox .children{
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fn a{
  color: var(--btn);
}
.sharebox{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 400px;
  background: var(--white);
  z-index: 1001;
  text-align: left;
  padding: 30px;
  border-radius: 20px;
  opacity: 0;
  visibility: hidden;
  max-width:90%;
  transition: 0.4s all;
}
.sharebox span{
  display: block;
  font-weight: bold;
  font-size: 22px;
}
.sharebox hr{
  height: 1px;
  background: #eee5;
}
.sharebox ul{
  display: flex;
  gap: 10px;
}
.sharebox ul li a{
  width: 40px;
  height: 40px;
  border: 1px solid var(--btn);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--btn);
  border-radius: 100px;
  transition: 0.4s all;
}
.sharebox ul li a:hover{
  background: var(--primary);
  color: var(--btn);
}
.sharebox ul li a svg{
  width: 20px;
  height: 20px;
}
.closemodalshare{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #0008;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s all;
}
.sharebtn{
  cursor: pointer;
}
.wpulike-heart .wp_ulike_general_class{
  padding: 0;
  box-shadow: none;
}
.wpulike button.wp_ulike_btn.wp_ulike_put_text{
  padding: 0;
}
.wpulike button.wp_ulike_btn.wp_ulike_put_text{
  min-width: inherit;
  color: var(--white);
}
.wpulike-heart .count-box{
  color: var(--white);
  padding: 0;
}
.wpulike .wp_ulike_general_class{
  flex-direction: row-reverse;
  align-items: center;
  gap: 0 5px;
}
.wpulike{
  padding: 0;
}
.safhe {
  margin: 50px 0;
}
.safhe .navigation {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.safhe .navigation a{
  width: 50px;
  height: 50px;
  border: 1px solid var(--primary);
  color: var(--primary);
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
}
.safhe .navigation a:hover{
  background: var(--primary);
  color: var(--white);
}
.safhe .navigation .nav-links{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.safhe .navigation span{
  width: 50px;
  height: 50px;
  border: 1px solid var(--btn);
  color: var(--white);
  transition: 0.4s all;
  background: var(--btn);
  display: flex;
  align-items: center;
  border-radius: 15px;
  justify-content: center;
}
.safhe .navigation .next,.safhe .navigation .prev{
  width: 80px;
}
.evsidebarsearch form{
  padding: 15px;
}
.evsidebarsearch form select{
  width: 100%;
  cursor: pointer;
  border: 1px solid var(--white);
  height: 40px;
  background: none;
  color: var(--black);
}
.evsidebarsearch form input{
  width: 100%;
  border: 1px solid var(--white);
  height: 40px;
}
.form-gp{
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #eee;
  padding: 0 10px;
  margin-bottom: 10px;
}
.formgpicon{
  height: 40px;
  display: flex;
  align-items: center;
  color: var(--sec);
  justify-content: center;
}
.form-gp svg{
  color: var(--primary);
}
.evsidebarsearch button{
  background: var(--white);
  color: var(--black);
  padding: 10px 20px;
  border: 2px solid var(--primary);
  text-align: center;
  display: block;
  width: 100%;
  transition: 0.4s all;
  cursor: pointer;
}
.evsidebarsearch button:hover{
  background: var(--primary);
  color: var(--white);
}
.evsidebarsearch select:focus{
  outline: none!important;
}
.evsidebarsearch a{
  color: var(--btn);
  text-align: center;
  border: none;
  display: block;
  width: 100%;
  transition: 0.4s all;
  cursor: pointer;
}
.evsidebarsearch a:hover{
  color: red;
}
.nl form{
  position: relative;
}
.nl form label{
  display: none;
}
.nl form input[type=submit]{
  position: absolute;
  right: 0;
  top: 0;
}
.nl .gfield_validation_message{
  margin: 10px auto 0;
}
.maincontent p{
  line-height: 1.7;
  color: #999;;
}
.maincontent h2{
  font-size: 30px;
}
.maincontent blockquote{
  padding: 15px;
  background: #eee8;
  border-right: 2px solid var(--btn);
}
.maincontent blockquote p{
  margin: 0;
}
.maincontent blockquote a{
  color: var(--btn);
}
.maincontent blockquote a:hover{
  color: var(--primary);
}
.maincontent .aligncenter{
  display: block;
  margin: 0 auto;
}
.maincontent .alignleft{
  display: block;
  margin: 0 auto 0 0;
}
.maincontent .alignright{
  display: block;
  margin: 0 0 0 auto;
}
.maincontent img{
  margin: 10px 0;
  max-width: 100%;
}
.maincontent ul{
  padding: 0 15px;
  display: flex;
  gap: 5px 0;
  flex-direction: column;
}
.maincontent ul li{
  list-style: disc!important;
}
.maincontent ol{
  padding: 0 15px;
  display: flex;
  gap: 5px 0;
  flex-direction: column;
}
.maincontent ol li{
  list-style: decimal!important;
}
.maincontent a{
  color: var(--primary);
  font-weight: bold;
  transition: 0.4s all;
}
.maincontent a:hover{
  color: var(--btn);
}
.maincontent .wp-video{
  width: 100%;
  margin: 20px 0;
  overflow: hidden;
}
.maincontent .wpulike{
  display: none;
} 
.searchevfilter{
  display: none!important;
}
.searchev .searchevfilter{
  display: block!important;
}
.searchev .safhe{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}
.searchev .safhe span{
  width: 50px;
  height: 50px;
  border: 1px solid var(--btn);
  color: var(--white);
  transition: 0.4s all;
  background: var(--btn);
  display: flex;
  align-items: center;
  border-radius: 15px;
  justify-content: center;
}
.searchev .safhe a {
  width: 50px;
  height: 50px;
  border: 1px solid var(--primary);
  color: var(--primary);
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
}
.searchev .safhe a:hover {
  background: var(--primary);
  color: var(--white);
}
.searchev .safhe .next,.searchev .safhe .prev {
  width: 80px;
}
.resmenu{
  position: fixed;
  left: -350px;
  top: 0;
  height: 100%;
  background: var(--white);
  z-index: 10000;
  width: 350px;
  max-width: 90%;
  padding: 30px;
  transition: 0.4s all;
  opacity: 0;
  visibility: hidden;
  text-align: left;
}
.resmenu svg{
  margin-bottom:20px;
}
.resmenu ul{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.resmenu ul li{
  font-size: 18px;
  position: relative;
}
.resmenu ul li a{
  width: fit-content;
  color: var(--black);
  position: relative;
}
.resmenu ul li ul{
  display: none;
  padding: 15px;
  background: #eee5;
}
.resmenu ul li ul li{
  margin-bottom: 10px;
}
.resmenu ul li ul li:last-child{
  margin: 0;
}
.resmenu ul li.menu-item-has-children::after{
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 7px;
  right: 0;
  transform: rotate(45deg);
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
}
.closeresmenu{
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  background: #0008;
  width: 100%;
  z-index: 9999;
  transition: 0.4s all;
  opacity: 0;
  visibility: hidden;
}
.resicon{
  display: none;
}
.fixedmenu .logobox{
  display: none;
}
.cbflex{
  display: flex;
  gap: 50px;
}
.cbflexb1{
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}
.cbflexb2{
  display: flex;
  flex-direction: column;
  flex: 1;
}
.links ul li a::after{
  content: "";
  transform: rotate(133deg);
  position: absolute;
  left: 0;
  top:6px;
  width: 7px;
  height: 7px;
  border: 2px solid;
  border-right: var(--primary)!important;
  border-bottom: var(--primary)!important;
}
.fixed{
  position: fixed;
  top: 0;
}
.posinh{
	position:static!important;
}
.signuppop{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: var(--white);
  z-index: 951;
  border-radius: 25px;
  padding: 40px;
  width: 500px;
  max-width: 90%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s all;
}
.signuppop .myform input,.signuppop .myform select{
  border: 1px solid var(--btn);
}
.signuppop .myform input[type=submit]{
  background: var(--btn);
}
.signuppop .myform input[type=submit]:hover{
  background: var(--primary);
  border: 1px solid var(--primary);
  color: var(--white);
}
.myform .gfield_visibility_hidden{
  display: none!important;
}
.signuppop .mytitle{
  font-size: 25px;
}
.ac{
  align-items: center;
}
.jbet{
  justify-content: space-between;
}
.shoabtitle{
  display: flex;
  gap: 10px;
}
.shoabtitle svg{
  width: 30px;
  height: 30px;
  color: var(--primary);
}
.shoabtitle span{
  font-size: 20px;
  font-weight: bold;
}
.card-header{
  border: none;
  background: #fff;
  padding: 15px 15px 15px 0;
  cursor: pointer;
}
.card-header::after{
  content: "";
  left: 3px;
  top: 25px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  position: absolute;
  background: none;
}
.card{
  border-radius: 0;
  overflow: hidden;
  border: none;
  border-bottom: 1px solid var(--primary);
}
.accordion{
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
}
.card-body{
  padding: 0 0 10px 0;
}
.card-body hr{
  margin-top: 0;
}
.card-body ul{
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.card-body li{
  display: flex;
  gap: 10px;
  align-items: center;
}
.card-body li span{
  width: 50px;
  height: 50px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color:  var(--primary);
  flex: none;
  border: 1px solid var(--primary);
}
.card-body li a{
  color: var(--black);
}
.card-body iframe{
  border: none;
  height: 200px;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
}
.tabformcon img{
  width: 400px;
  height: 400px;
  object-fit: cover;
}
.tabformcon{
  display: flex;
}
.tabformbox .mctabformcon{
  padding: 50px;
  background: var(--white);
  box-shadow: 0 0 20px 0 #0001;
  margin: 100px 0 0 -100px;
  position: relative;
  z-index: 10;
}
.mctabformcon h3{
  margin-bottom: 20px;
}
.tabformbox .nav{
  display: flex;
  gap: 20px;
}
.tabformbox .nav li div{
  border: 1px solid var(--btn);
  padding: 15px;
  cursor: pointer;
}
.tabformbox .nav li div.active{
  background: var(--primary);
  color: var(--white);
  border: 1px solid var(--primary);
}
.tabslide h3{
  background: var(--primary);
  padding: 15px;
  margin: 0;
  color: var(--white);
  text-align: center;
  font-size: 24px;
}
.tabslide img{
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  margin-bottom: 30px;
}
.tabarrows{
  position: absolute;
  top: 15px;
  color: var(--white);
  width: 100%;
  display: flex;
  justify-content: space-between;
  width: 100%;
  left: 0;
  z-index: 10;
  padding: 0 10px;
  flex-direction: row-reverse;
}
.tabformslider .container{
  position: relative;
}
.tabformslider .maincontent{
  padding: 0 15px;
}
.tabformslider{
  display: none;
}
.resblock{
  display: none;
}
.wpml-ls-legacy-list-horizontal,.wpml-ls-legacy-list-horizontal a{
  padding: 0;
}
.rtlsideevent{
  display: none;
}
.blogsidebar,.ltrsideevent,.rtlsideevent{
  position: sticky;
  top: 100px;
  height: max-content;
  transition: 0.4s all;
}
.plusicon{
  font-size: 40px;
  position: absolute;
  right: 0;
  top:0;
  transition: 0.4s all;
}
.shoabactive .plusicon{
  transform: rotate(45deg);
}
.gap10{
  gap: 10px;
}
.filtersearchbox{
  border: 1px solid #999;
  padding: 15px;
  border-radius: 10px;
  width: 900px;
  max-width: 100%;
  transition: 0.4s all;
  margin: 20px auto 0;
}
.filtersearchbox svg{
  width: 20px;
  height: 20px;
}
#filtersearch{
  border: none;
  background: none;
  width: 100%;
}
.gfield_price input{
  background: none;
  padding: 0;
  border: none!important;
  color: #3cbd3c;
}
.flex{
  flex-wrap: wrap;
}
.blogflex .slick-slide {
  padding: 0 10px;
}
.box5formbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box5formbox img{
  width: 250px;
  max-width: 100%;
}
.upevclo1 svg,.upevclo2 svg{
	color:var(--primary);
}
.sidebarbox ul li{
	text-align:left;
}
.signupbtnarc{
	background:#000!important;
	border:1px solid #000!important;
	color:#fff!important;
}
.signupbtnarc:hover{
	background:var(--primary)!important;
	border:1px solid var(--primary)!important;
}
.box2slider{
  background: #eee;
}
.signupevpage{
	border:1px solid #000!important;
	background:#fff!important;
	color:#000!important;
	width:200px;
	max-width:100%;
}
.signupevpage:hover{
	background:var(--btn)!important;
	color:#fff!important;
	border:1px solid var(--btn)!important;
}
.carousel-indicators{
  position: static;
  margin: 0;
  justify-content: inherit;
}
.carousel-indicators li{
  flex: inherit;
  width: inherit;
  height: inherit;
  margin: 0;
  background: inherit;
}
.box4slider1slidelink span{
  transition: 0.4s all;
}
.box4slider1slidelink:hover span{
  color: var(--primary);
}
.slick-slide{
  float: left;
}
.signuppop2 img{
  width: auto;
  height: auto;
}
.my-langs{
  font-size: 14px;
  position: relative;
  cursor: pointer;
}
.current{
  border: 1px solid #eee;
  padding: 12px 20px;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 180px;
  border-radius: 12px;
  transition: 0.4s all;
  height: 50px;
  background: url(img/down.png) #fff;
  background-position: right 15px center;
  background-repeat: no-repeat;
}
.show{
  display: flex!important;
}
.current:hover{
  border: 1px solid #ccc;
}
.other-langs{
  border: 1px solid #eee;
  background: #fff;
  z-index: 500;
  top: 55px;
  left: 0;
  width: 100%;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  position: absolute;
  display: none;
}
.other-langs li{
  text-align: left;
  display: flex;
  justify-content: start;
  padding: 15px;
  border-bottom: 1px solid #eee;
  width: 100%;
}
.other-langs li:last-child{
  border: 0;
}
.other-langs li a{
  color: var(--black);
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.resmenu .wpml-ls-statics-shortcode_actions ul{
  display: flex;
  gap: 10px;
  flex-direction: row;
}








@media(max-width:1200px){
  .sb2aimg{
    width: 50px;
  }
  .sidebarhead h2{
    font-size: 16px;
  }
  .menubarflex2{
    gap: 0 20px;
  }
  .menubar ul{
    gap: 0 15px;
    font-size: 14px;
  }
  .mainmenubtn a{
    padding: 10px 20px;
  }
}
@media(max-width:992px){
  .social{
    display: none;
  }
  .menubar ul{
    display: none;
  }
  .heroslideinfo{
    width: 100%;
  }
  .heroslidetitle,.hainame{
    font-size: 20px;
  }
  .heroslideinfo2{
    padding: 20px;
  }
  .box1flex{
    flex-wrap: inherit;
    transform: inherit!important;
    margin: 0 auto 40px;
    justify-content: center;
  }
  .box1 .mytitle{
    text-align: center;
  }
  .mytitle{
    font-size: 20px;
  }
  .box1 ul{
    justify-content: center;
    margin: 20px auto;
  }
  .mybox1tabcontent{
    text-align: center;
  }
  .mybox1tabcontent .mybtn{
    margin: 0 auto;
  }
  .box2slider .slick-list{
    padding: 0!important;
  }
  .mytext{
    font-size: 18px;
  }
  .box3sliderbtns{
    width: 100%;
  }
  .box3sliderbtns .slick-track{
    flex-direction: row;
    width: 100%;
    gap: 10px;
  }
  .box3slideinfo{
    padding: 30px;
  }
  .box3sliderbtns .draggable{
    width: 100%;
  }
  .box3sliderbtns{
    position: inherit!important;
    top: inherit;
    transform: inherit;
    left: inherit;
    right: inherit;
    background: #f9f9f9;
    padding: 30px 15px;
  }
  .box3-2tabbox{
    margin: 0 auto;
  }
  .box3-2 ul li div h3{
    font-size: 12px;
  }
  .box3-2 ul li div span{
    font-size: 10px;
  }
  .box3-2 .tab-content{
    padding: 20px 20px 35px 20px;
  }
  .tabpostflex{
    gap: 30px;
  }
  .tabpost h4{
    font-size: 16px;
  }
  .tabpostbtns{
    flex-wrap: wrap;
  }
  .tabpost p{
    font-size: 13px;
  }
  .tabpostuserinfo{
    flex-wrap: wrap;
  }
  .tabpostbtns{
    justify-content: start;
  }
  .box3slideinfo h3{
    font-size: 20px;
  }
  .qot{
    display: none;
  }
  .box4 .row{
    gap: 50px 0;
  }
  .box5{
    padding: 20px 15px;
  }
  .box5formbox{
    padding: 50px;
  }
  .box5formbox img{
    width: 200px;
  }
  .box5formbox h3{
    font-size: 20px;
  }
  .box5slidetitle{
    font-size: 24px;
  }
  .box5slide{
    padding-bottom: 100px;
    min-height: inherit;
  }
  .box6 .row{
    padding: 0;
  }
  .box6 .col-lg-6 .row{
    padding: 0;
  }
  .newspostimg img{
    right: inherit!important;
    left: inherit!important;
    top: inherit;
    padding: 15px;
  }
  .newspostimg img{
    aspect-ratio: 1/1;
    min-height: inherit;
    height: auto;
  }
  .box6 .row{
    gap: 20px;
  }
  .footerinfo{
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    text-align: center!important;
  }
  .fiimgbox img{
    width: 100px;
  }
  .fitbtitle{
    font-size: 20px;
  }
  .footer{
    padding: 30px 15px;
  }
  .footer .row{
    gap: 50px 0;
  }
  .footer hr{
    margin: 0;
  }
  .fmenu2flex ul{
    flex-wrap: wrap;
  }
  .fmenu2box{
    justify-content: center;
    text-align: center;
    gap: 30px 0;
	flex-direction:column-reverse;
  }
  .box1flex img{
    width: 90px;
  }
  .mybox1tabcontent h3,.box2flex h3{
    font-size: 20px;
  }
  .box2slideinfo{
    padding: 20px;
  }
  .box2slide{
    min-height: 355px;
  }
  .sabtsearch .mainmenubtn{
    display: none;
  }
  .evpostinfo{
    position: inherit;
    top: inherit;
    transform: inherit;
    right: inherit;
    left: inherit;
    padding: 20px;
  }
  .upevpost img,.evpostinfo{
    width: 100%;
  }
  .upevdateb::after{
    height: 120%;
    z-index: 1;
  }
  .evpostinfo h3,.evshpost h3{
    margin-bottom: 30px;
  }
  .evsh .row{
    gap: 30px 0;
  }
  .evcat .evshpost{
    flex-direction: column;
    gap: 30px;
  }
  .evshimg{
    width: 100%;
  }
  .breadpost h1{
    font-size: 20px;
  }
  .servbox1post h3{
    font-size: 20px;
  }
  .box3-2 ul li{
    width: 33.33%;
  }
  .box3-2 ul{
    flex-wrap: wrap;
  }
  .blogpostimgbox img{
    right: inherit;
    top: inherit;
  }
  .blogpostinfor{
    padding: 15px;
    gap: 10px 30px;
  }
  .sevth{
    aspect-ratio: 1/1;
  }
  .authorbox{
    flex-direction: column;
  }
  .authorinfo,.authtitle{
    width: 100%;
    text-align: center;
  }
  .authorsocname{
    flex-direction: column;
    gap: 10px;
  }
  .authorbox{
    padding: 20px;
  }
  .cmbox .commentmetadata{
    position: inherit;
    margin-top: 10px;
  }
  .says{
    display: none;
  }
  .cmbox ol li{
    padding: 20px;
  }
  .fn{
    display: block;
    margin-top: 10px;
  }
  .cmbox{
    margin-bottom: 50px;
  }
  .sidebarbox2con span,.sidebarbox2con hr{
    display: block;
  }
  .sb2cl{
    font-size: 20px;
  }
  .contactbox .container{
    padding: 50px 15px;
  }
  .contactbox .row{
    gap: 30px 0;
  }
  .resicon{
    display: flex!important;
  }
  .logbtn{
    display: none;
  }
  .searchbox{
    padding: 30px;
  }
  .servposticon{
    width: 70px;
  }
  .fixedmenu .logobox{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fixedmenu .container{
    padding: 0;
  }
  .logobox img{
    height: 65px;
  }
  .singleevshareflex{
    flex-wrap: wrap;
  }
  .shareev,.singleevshareflex .upevdatebox{
    width: 100%;
  }
  .shareev ul{
    justify-content: start;
  }
  .singlev iframe{
    margin-bottom: 50px;
  }
  .errorpage h2{
    font-size: 100px;
  }
  .errorpage p{
    font-size: 25px;
    margin-bottom: 30px!important;
  }
  .errorpagep p{
    text-align: center;
    font-size: 16px!important;
  }
  .errorpagep{
    padding-right: 15px;
    border: none;
  }
  .cbflex{
    flex-direction: column;
  }
  .shoabbox h2{
    font-size: 24px;
  }
  .tabformslider .container{
    padding: 0;
  }
  .tabformslider{
    display: block;
  }
  .tabformbox{
    display: none;
  }
  .menubar .container{
    padding: 0;
  }
  .resblock{
    display: block;
  }
  .tabpostbtns a{
    width: 100%;
  }
  .blogflex .slick-slide {
    padding: 0;
  }
  .mybox1tabcontent p{
	text-align: center;
  }
  .my-langs{
    display: none;
  }
}