/*
	Theme Name: ELAJ PLATFORM
	Description: This WordPress theme has been designed and developed by Elaj. Any reproduction, distribution, or sale without prior written permission from the copyright holder is prohibited and subject to legal action.
	Author: ELAJ
	Author URI: https://elaj.ae
	Version: 1.0
*/
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(font/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(font/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
a {
  text-decoration: none !important;
}
*{
	line-height: normal;
	list-style: none;
	box-sizing: border-box;
}
body{
	font-size: 16px;
	background: #fff;
  font-family: "Cairo", serif;
}
:root{
  --white:#fff;
  --black:#000;
  --primary:#005c74;
  --sec:#01cab8;
  --title:#142958;
}
input:focus,
button:focus,
textarea:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}
ul,ol{
  padding: 0;
  margin: 0;
}
.flex{
  display: flex;
}
.ac{
  align-items: center;
}
.jbet{
  justify-content: space-between;
}
.jcen{
  justify-content: center;
}
.jend{
  justify-content: end;
}
.g5{
  gap: 5px;
}
.g10{
  gap: 10px;
}
.g15{
  gap: 15px;
}
.g20{
  gap: 15px;
}
.g30{
  gap: 30px;
}
.g40{
  gap: 40px;
}
.g50{
  gap: 50px;
}
.f18{
  font-size: 16px;
}
.f20{
  font-size: 20px;
}
.f24{
  font-size: 24px;
}
.f28{
  font-size: 28px;
}
.f32{
  font-size: 32px;
}
.f600{
  font-weight: 600;
}
.f700{
  font-weight: 700;
}
.fc{
  flex-direction: column;
}
.flex1{
  flex: 1;
}
.wrap{
  flex-wrap: wrap;
}
.padd{
  padding: 50px 0;
}
.padd2{
  padding: 100px 0;
}
.fixedlogo{
  display: none;
}
.fixedheader{
  background: #fff;
  margin: 0;
  box-shadow: 0 10px 10px 0 #00000003;
}
.mytitle{
  font-size: 36px;
  font-weight: bold;
  color: var(--sec);
  z-index: 10;
}
.mytitle2{
  font-size: 40px;
  font-weight: bold;
  color: var(--title);
  z-index: 10;
}
.average-rating{
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.average-rating span{
  color: var(--primary);
  margin: 0;
  font-size: 20px;
}
.mytext{
  color: var(--primary);
  margin: 0;
  font-size: 20px;
}
.vectorbox h3{
  color: var(--primary);
  font-size: 24px;
  font-weight: 700;
}
.vectorbox img{
  width: 60%;
  margin: 0 auto;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 1/1.2;
  border: 10px solid var(--white);
  transition: 0.4s all;
  box-shadow: 0 7px 10px 0 #0001;
}
.vectorbox2{
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
.vectorbox2 img{ 
  aspect-ratio: inherit!important;
  border:0!important;
	box-shadow:none!important;
}
.vectorbox img:hover{
  box-shadow: 0 0 50px 0 #9ed2e0;
}
.vectors{
  background: url(img/v1-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  position: relative;
  padding: 30px 0 50px;
}
.vectors2::before{
  background: linear-gradient(to bottom, #f5fefd, #dcf9f5, transparent)!important;
}
.vectors::before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 300px;
  background: linear-gradient(to bottom, #fff, #dcf9f5, transparent);
}
.vectors::after{
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 300px;
  background: linear-gradient(to bottom, transparent,#effcfa7e,#effcfa);
}
.vectors .container{
  position: relative;
  z-index: 10;
}
.vectorbox h4{
  font-size: 20px;
  margin: 15px auto 0;
  color: var(--primary);
  text-align: center;
  font-weight: bold;
}
.slider1 img{
  width: 100%;
  height: auto;
}
.home-slider{
  background: url(img/v2.jpg);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding-bottom: 120px;
}
.home-slider::before{
  background: linear-gradient(180deg, rgb(241 253 251) 0%, rgb(241 253 251 / 6%) 25%, rgb(239 253 251 / 0%) 100%) !important;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.home-slider .container{
  position: relative;
  z-index: 10;
}
.slider1{
  position: relative;
  margin-bottom: 50px;
  width: calc(100% - 200px);
  border-radius: 30px;
  box-shadow: 0 20px 50px 0 #ccecf4;
}
.home-sliderv{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.slide{
  background: url(img/fbg.png);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  top: -2px;
  padding: 200px 0 0;
}
.slide::before{
  background: linear-gradient(0deg, rgba(241, 253, 251, 1) 0%, rgba(241, 253, 251, .06) 30%, rgb(239 253 251 / 0%) 100%) !important;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.slide .container{
  z-index: 10;
  position: relative;
}
.slideimg{
  scale: 1.5;
  position: relative;
  right: 90px;
}
.slidebox{
  background: rgba(255,255,255,0.8);
  border-radius: 10px;
  padding: 40px;
  position: relative;
  top: -130px;
  z-index: 11;
  box-shadow: 0px 10px 10px 1px rgb(0 0 0 / 5%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.slidepost{
  display: flex;
  gap: 10px;
  align-items: center;
  flex: 100%;
}
.slidepost img{
  height: 50px;
}
.slidepost h3{
  font-weight: bold;
  color: var(--primary);
  font-size: 18px;
  flex: 1;
  margin-bottom: 0;
}
.slideflex{
  gap: 20px 0;
  flex-direction: column;
}
.more-vectors{
  position: relative;
  background: url(img/v4.jpg);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding: 50px 0 130px;
}
.more-vectors::before{
  background: linear-gradient(to bottom ,#e9fbfa, #e9fbfa82 ,#e9fbfa82, #f4fdfc)!important;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.more-vectors4::before{
  background: linear-gradient(to bottom, transparent, #ebfbfae0, #ebfbfa)!important;
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  top: inherit;
  bottom: 0;
  right: 0;
  height: 250px;
  z-index: 1;
}
.more-vectors{
  position: relative;
  background: url(img/fbg.png);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding: 50px 0 130px;
}
.more-vectors2{
  position: relative;
  background: url(img/fbg.png);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding: 50px 0 130px;
}
.more-vectors2::before{
  content: ""!important;
  position: absolute!important;
  top: 0!important;
  width: 100%!important;
  left: 0!important;
  height: 300px!important;
  background: linear-gradient(to top, transparent, #effcfa7e, #effcfa)!important;
}
.more-vectors2::after{
  content: ""!important;
  position: absolute!important;
  bottom: 0!important;
  width: 100%!important;
  left: 0!important;
  height: 300px!important;
  background: linear-gradient(to bottom, transparent, #effcfa7e, #f0fdfb)!important;
}
.vectorbox .row{
  gap: 30px 0;
}
.more-vectors .container{
  position: relative;
  z-index: 10;
}
.more-vectors4{
  background: url(img/v3.jpg);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.boxes{
  background: url(img/v4.jpg);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding: 50px 0 150px;
}
.boxpost{
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 10px 0 #0001;
  aspect-ratio: 1/1;
  padding: 20px;
}
.boxpost img{
  height: 100px;
  width: fit-content;
}
.boxpost h3{
  color: var(--sec);
  font-size: 22px;
  margin: 0;
}
.slider2 img{
  width: 100%;
  object-fit: cover;
  height: auto;
  border-radius: 20px;
  border: 1px solid #0001;
}
.slider2 .slider__pagination{
  margin-top: 20px;
}
.slider2 .swiper-pagination-bullet{
    width: 15px!important;
    height: 15px!important;
}
.slider2 .swiper-pagination-bullet-active{
  background: var(--sec)!important;
}
.slider3 img,.slider4 img,.slider6 img,.slider7 img{
  width: 100%;
  height: auto;
  aspect-ratio: 16/11;
  object-fit: cover;
  border-radius: 15px;
}
.slider3 .slider__pagination,.slider4 .slider__pagination,.slider6 .slider__pagination,.slider7 .slider__pagination{
  margin-top: 20px;
}
.slider3 .swiper-pagination-bullet,.slider4 .swiper-pagination-bullet,.slider6 .swiper-pagination-bullet,.slider7 .swiper-pagination-bullet{
    width: 15px!important;
    height: 15px!important;
}
.slider3 .swiper-pagination-bullet-active,.slider4 .swiper-pagination-bullet-active,.slider6 .swiper-pagination-bullet-active,.slider7 .swiper-pagination-bullet-active{
  background: var(--sec)!important;
}
.home-footer{
  background: url(img/fbg.png);
  position: relative;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding: 0 0 30px;
}
.hfitem{
  width: 900px;
  margin: 0 auto;
  max-width: 100%;
}
.mytext a{
  color: var(--primary);
}
.hfform form{
  position: relative;
}
.mainsearchbox{
  position: relative;
  z-index: 10;
  padding: 50px 0 0;
  background: linear-gradient(to bottom , transparent , #dcf9f5);
  min-height: 100px;
  margin-top: -30px;
}
.mainsearchbox .hfform{
  border-radius: 100px;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.hfform input[type=text]{
  width: 100%;
  border-radius:100px;
  padding: 15px 15px;
  border: none;
}
.hfform button{
  background: var(--sec);
  color: var(--white);
  border: none;
  padding: 15px 40px;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.4s all;
}
.hfform button svg{
  width: 25px;
  height: 25px;
}
.hfform button:hover{
  background: var(--primary);
}
.hfform input[type=email]{
  width: 100%;
  border-radius:100px;
  padding: 10px 15px;
  border: none;
}
.hfform input[type=submit]{
  background: var(--sec);
  color: var(--white);
  border: none;
  padding: 10px 50px;
  border-radius: 100px;
  width: fit-content;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.4s all;
}
.hfform input[type=submit]:hover{
  background: var(--primary);
}
.hfsocial{
  width: 100%;
}
.hfsocial svg{
  width: 40px;
  height: 40px;
}
.hfsocial li a{
  color: var(--sec);
  transition: 0.4s all;
}
.hfsocial li a:hover{
  color: var(--primary);
}
header{
  position: fixed;
  transition: 0.4s all;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.myshadow::before{
  top: 0;
  height: 200px;
  background: linear-gradient(to bottom, #00000085, transparent, transparent);
  position: absolute;
  left: 0;
  z-index: 10;
  content: "";
  width: 100%;
}
.mainmenu{
  border-right: 1px solid #ffffff80;
  border-left: 1px solid #ffffff80;
  flex: 1;
  align-items: center;
  display: flex;
  padding: 20px 30px;
}
.mainmenu ul{
  display: flex;
  gap: 20px 30px;
  align-items: center;
}
.mainmenu ul li a{
  color: var(--white);
  transition: 0.4s all;
  padding: 25px 0;
  position: relative;
}
.mainmenu ul li a::before{
  bottom: -5px;
  width: 0;
  height: 3px;
  transition: 0.4s all;
  background: var(--white);
  position: absolute;
  right:0;
  content: "";
}
.mainmenu ul li a:hover::before{
  width: 100%;
}
.bloghead{
  background-position: top!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  min-height: 100vh;
  display: flex;
  position: relative;
}
.wave{
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  width: 100%;
}
.bloghead2{
  background-repeat: no-repeat!important;
  background-size: cover!important;
  background-position: top!important;
  align-items: center;
}
.blogheadphone{
  margin-top: 70px;
}
.blogheadtitles h1{
  font-size: 70px;
  margin-bottom: 20px;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}
.blogheadtitles h2{
  font-size: 70px;
  margin-bottom: 20px;
}
.blogheadtitles .mytext{
  font-size: 24px;
  width: 600px;
  max-width: 100%;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}
.logobox{
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logobox img{
  max-width: 130px;
  max-height: 60px;
}
.mainarea{
  position: relative;
  z-index: 10;
}

.socialbox{
  padding: 20px 40px;
  color: #Eee;
}
.socialbox li a{
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  border: 1px solid #ffffff52;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  transition: 0.4s all;
  background: #fff2;
}
.socialbox li a:hover{
  color: var(--sec);
  background-color: var(--white);
}
.socialbox li a svg{
  width: 20px;
  height: 20px;
}
body.category {
  background: #f3fcff;
}
.blogposts{
  background: #f3fcff;
  position: relative;
  padding-bottom: 0;
  margin-bottom: -1px;
}
.blogposts .nav{
  gap: 12px 20px;
  flex-wrap: wrap;
}
.blogposts .nav li div{
  font-weight: bold;
  display: block;
  position: relative;
  cursor: pointer;
  color: var(--primary);
}
.blogposts  .row{
  gap: 30px 0;
}
.blogposts .nav li div::before{
  content: "";
  bottom: -4px;
  height: 2px;
  background: var(--sec);
  width: 0;
  position: absolute;
  right: 0;
  transition: 0.4s all;
}
.blogposts .nav li .active::before{
  width: 100%;
}
.blogposts .nav li:hover div::before{
  width: 100%;
}
.blogpost{
  border: 1px solid #ceee;
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  transition: 0.4s all;
}
.blogpost:hover{
  box-shadow: 0 10px 30px 0 rgba(158, 210, 224, 0.379)
}
.blogpost img{
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
  object-fit: cover;
}
.blogpostinfo{
  padding: 30px;
}
.blogpostcat{
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--sec);
}
.blogpostcat li a{
  color: var(--sec);
  font-weight: bold;
  transition: 0.4s all;
}
.blogpostcat li a:hover{
  color: var(--primary);
}
.blogpost h3{
  margin: 20px 0;
  font-weight: bold;
  color: var(--primary);
  font-size: 30px;
  transition: 0.4s all;
}
.blogpost h3:hover{
  color: var(--sec);
}
.blogpost p{
  color: var(--primary);
  font-size: 16px;
}
.blogpostsocial li a{
  width: 35px;
  height: 35px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  transition: 0.4s all;
}
.bfb a{
  background: #3b5998;
}
.btw a{
  background: #66c0f6;
}
.bli a{
  background: #007bb5;
}
.bwh a{
  background: #25d366;
}
.tab-content .row{
  gap: 30px 0;
}
.fixedmenu{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fffffff7;
  z-index: 200;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 0 10px 0 #0001;
  transition: 0.4s all;
  transform: translateY(-95px);
}
.fixedmenu .mainmenu ul li a{
  color: var(--black);
}
.fixedmenu .socialbox ul li a{
  color: var(--primary);
  border: 1px solid #eee;
}
.fixedmenu .socialbox ul li a:hover{
  color: var(--white);
  background: var(--sec);
}
.searchbox{
  position: fixed;
  bottom: -100vh;
  left: 0;
  background: #fffffff7;
  z-index: 260;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  width: 100%;
  height: 100vh;
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}
.searchbox form{
  border: 1px solid var(--sec);
  border-radius: 10px;
  padding: 10px;
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  background: var(--white);
  position: relative;
}
.searchbox input{
  border: none;
  background: none;
  flex: 1;
}
.searchbox button{
  background: none;
  border: none;
  color: var(--sec);
  position: relative;
  top: -1px;
  transition: 0.4s all;
}
.searchbox button:hover{
  color: var(--title);
}
.searchbox button svg{
  width: 30px;
  height: 30px;
}
.closesearch{
  position: absolute;
  top: -200px;
  color: var(--sec);
  transition: 0.3s all;
  right: 0;
  cursor: pointer;
}
.closesearch:hover{
  transform: rotate(180deg);
}
.closesearch svg{
  width: 30px;
  height: 30px;
}
.blogheadphonetitle{
  color: var(--white);
  font-size: 20px;
  font-weight: bold;
  margin-bottom: -10px;
}
.blogheadphone{
  color: var(--white);
}
.blogheadphone svg{
  width: 25px;
  height: 25px;
  position: relative;
  transition: 0.2s all;
  bottom: -2px;
}
.blogheadphone a{
  color: var(--white);
  font-weight: bold;
  position: relative;
  font-size: 40px;
  direction: ltr;
}
.blogheadphone a::before{
  content: "";
  bottom: 10px;
  height: 3px;
  background: var(--white);
  width: 0;
  transition: 0.3s all;
  position: absolute;
}
.blogheadphone a:hover::before{
  width: 100%;
}
.blogheadphone:hover svg{
  color: var(--primary);
}
.introarea{
  background: linear-gradient(to bottom , #e7f6fd , #fff);
}
.introarea{
  overflow: hidden;
}
.contentmain{
  padding: 90px 70px 0;
}
.singleth{
  height: 100%;
}
.singleth img{
  object-fit: cover;
  border-radius: 0 20px 20px 0;
}
.singletitle{
  font-size: 60px;
  margin-bottom: 20px;
  color: var(--title);
  font-weight: bold;
}
.singletitle2{
  font-size: 22px;
  color: var(--title);
  font-weight: bold
}
.contentarea p{
  color: var(--title);
}
.contentarea{
  display: flex;
  gap: 20px 5%;
  flex-wrap: wrap;
}
.contentbox{
  color: var(--title);
  flex: 45%;
  padding: 50px;
}
.contentbox p{
  margin: 0;
}
.stats{
  color: var(--title);
}
.statcount{
  font-weight: bold;
  font-size: 25px;
}
.stattitle{
  font-weight: bold;
  margin-bottom: 5px;
}
.stats{
  display: flex;
  gap: 20px 1%;
  flex-wrap: wrap;
}
.statbox{
  flex: 24%;
}
.introbox2{
  padding: 50px 0;
}
.faqbox{
  padding: 0 100px;
}
.introbox2 img{
  border-radius: 15px 0 0 15px;
}
.faqbox .accordion-item{
  background: none;
  border: none;
  color: var(--title);
  border-bottom: 1px solid var(--title);
}
.faqbox .accordion-body{
  padding:0 0 15px 0;
  white-space: pre-line;
  font-size: 16px;
}
.faqbox .accordion-item{
  gap: 10px;
  text-align: right;
  font-size: 18px;
}
.faqbox .accordion-item h3 div::after{
  content: "-";
  font-size: 25px;
  position: absolute;
  left: 0;
  top: 14px;
  font-family: Georgia, 'Times New Roman', Times, serif;
}
.faqbox .accordion-item h3{
  font-size: 20px;
}
.faqbox .accordion-item h3 div{
  position: relative;
  cursor: pointer;
  transition: 0.4s all;
  padding: 10px 0;
}
.faqbox .accordion-item h3 div:hover{
  color: var(--sec);
}
.faqbox .accordion-item .collapsed::after{
  content: "+";
}
.introtextarea svg{
  transform: rotate(180deg);
}
.introtextarea{
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  padding: 150px 100px;
  width: calc(100% - 50px);
  border-radius: 20px;
  margin: 0 auto 50px;
}
.introtextbox{
  width: 600px;
  max-width: 50%;
  font-size: 25px;
  color: var(--white);
  text-shadow: 2px 2px 4px black;
}
.introname{
  font-weight: bold;
}
.introtextarea svg{
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}
.drs{
  background: url(img/v4.jpg);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}
.drspost{
  border: 1px solid #eee;
  border-radius: 15px;
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(6px);
  overflow: hidden;
  -webkit-backdrop-filter: blur(6px);
  transition: 0.4s all;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.drspost .full-link{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  text-indent: -9999px; 
}
.drspost:hover{
  box-shadow: 0 10px 30px 0 rgba(158, 210, 224, 0.379);
}
.drimg img{
  width: 100%;
  object-fit: cover;
  height: auto;
  aspect-ratio: 16/13;
  object-position: top;
  transform: scaleX(-1);
}
.drimg{
  background: #fff;
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iTGF5ZXJfMSIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCAzNzkuODkgMTk2Ljk0IgogICBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNzkuODkgMTk2Ljk0OyIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZmluYWwwMi5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiPjxtZXRhZGF0YQogICBpZD0ibWV0YWRhdGExMSI+PHJkZjpSREY+PGNjOldvcmsKICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjxkYzp0aXRsZT48L2RjOnRpdGxlPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICBpZD0iZGVmczkiIC8+PHNvZGlwb2RpOm5hbWVkdmlldwogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICBib3JkZXJvcGFjaXR5PSIxIgogICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICBncmlkdG9sZXJhbmNlPSIxMCIKICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3IgogICBpZD0ibmFtZWR2aWV3NyIKICAgc2hvd2dyaWQ9ImZhbHNlIgogICBpbmtzY2FwZTp6b29tPSIyLjgwMDE0MjkiCiAgIGlua3NjYXBlOmN4PSIxODkuOTQ1MDEiCiAgIGlua3NjYXBlOmN5PSI5OC40NzAwMDEiCiAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIiAvPgo8c3R5bGUKICAgdHlwZT0idGV4dC9jc3MiCiAgIGlkPSJzdHlsZTIiPgoJLnN0MHtmaWxsOiMxMjEyMTI7fQo8L3N0eWxlPgo8cGF0aAogICBzdHlsZT0iZmlsbDojMTIxMjEyIgogICBkPSJNIDAsMCAwLjY3NjEyMDA0LDExOC43MDI0NiBDIDAuNjMwNzQyMDQsMTI0LjIyMjI4IDM4NS44OTc1OCwxOTUuNjI3MTIgMzgwLjYwNDc1LDE5NC4wNTk4MyAzODEuNTE1ODgsMTI0LjYzODM2IDM4MC4yNzk1LC0xLjM3NDU2NDYgMzgwLjI3OTUsLTEuMzc0NTY0NiAzODAuMjc5NSwtMS4zNzQ1NjQ2IDExMy4zOTk4NywwLjA1OTk1MDU3IDAsMCBaIgogICBpZD0icGF0aDQiCiAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjY2MiIC8+Cjwvc3ZnPg==);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position: bottom;
  transform: scaleX(-1);
}
.drtypeimg img{
  width: 70px;
  aspect-ratio: 1/1;
  border-radius: 5px;
  display: block;
}
.drpostinfo{
  margin-top: -110px;
  padding: 0 30px 30px;
  position: relative;
  z-index: 10;
}
.drpostinfotype{
  margin-top: 30px;
}
.drpostinfotype li a{
  color: var(--sec);
  font-weight: bold;
  font-size: 18px;
  display: block;
}
.drpostinfotype ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.drpostinfo h3{
  color: var(--title);
  font-size: 28px;
  margin: 15px 0 15px;
  font-weight: 700;
}
.drpostinfo hr{
  margin: 5px 0;
}
.drpostinfo p{
  font-size: 14px;
  color: #666;
  margin: 0;
}
.rm{
  font-weight: bold;
  display: flex;
  gap: 2px;
  color: var(--sec);
  align-items: center;
}
.rm svg{
  width: 22px;
  height: 22px;
  transition: 0.4s all;
}
.rm a{
  color: var(--sec);
  transition: 0.4s all;
}
.rm a:hover{
  color: var(--title);
}
.rm:hover svg{
  transform: translateX(5px);
}
.drs{
  position: relative;
  padding-bottom: 150px;
  margin-bottom: -150px;
  padding-top: 70px;
}
.drsfvec{
  position: relative;
  z-index: 10;
}
.drsocial li a{
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sec);
  border: 1px solid var(--sec);
  border-radius: 100px;
  transition: 0.4s all;
}
.drsocial li a:hover{
  color: var(--white);
  border: 1px solid var(--sec);
  background: var(--sec);
}
.drs .row{
  gap: 30px 0;
}
.fixedmenu ul li a:hover{
  color: var(--sec);
}
.fixedmenu ul li a::before{
  background: var(--sec);
}
.fixedmenu .mainmenu{
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}
.gform_body label{
  display: none;
}
.gform_validation_errors,.gfield_validation_message{
  display: none;
}
.gform_body input[aria-invalid="true"]{
  background: rgb(255, 195, 195);
  color:red;
}
.gform_body input[aria-invalid="true"]::placeholder{
  color:red;
} 
.gform_confirmation_message{
  background: #005c74;
  padding: 15px;
  border-radius: 10px;
  color: #fff;
}




/* maincontent */
.maincontent{
  color: var(--title);
  white-space: pre-line;
}
.maincontent p{
  white-space: pre-line;
}
.maincontent blockquote{
  padding: 10px;
  margin: 20px 0;
  border: 1px solid var(--title);
  border-radius: 10px;
}
.maincontent blockquote a{
  color: var(--title);
}
.maincontent blockquote a:hover{
  color: var(--sec);
}
.maincontent a{
  color: var(--title);
  transition: 0.4s all;
  font-weight: bold;
  text-decoration: underline;
}
.maincontent a:hover{
  color: var(--sec);
}
.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 20px 0 0;
  display: flex;
  gap: 5px 0;
  margin: 20px 0;
  flex-direction: column;
}
.maincontent ul li{
  list-style: disc!important;
}
.maincontent ol{
  padding: 0 20px 0 0;
  display: flex;
  gap: 5px 0;
  flex-direction: column;
  margin: 20px 0;
}
.maincontent ol li{
  list-style: decimal!important;
}
.maincontent .wp-video{
  width: 100%!important;
  margin: 20px auto;
  overflow: hidden;
}
/* maincontent */




.resblock{
  display: none;
}
.resmenu{
  position: fixed;
  top: 0;
  right: -350px;
  width: 350px;
  max-width: 90%;
  background: var(--white);
  z-index: 250;
  transition: 0.3s all;
  height: 100%;
  overflow-y: scroll;
  opacity: 0;
  visibility: hidden;
  scrollbar-width: none;
  box-shadow: 0 0 50px 0 #0001;
}
.resmenu ul.menu li a{
  padding: 13px 15px;
  border-bottom: 1px solid #eee;
  display: block;
  color: var(--title);
  font-size: 18px;
}
.closemenu{
  margin: 20px 15px;
}
.resmenu .socialbox{
  display: block;
  padding: 20px 15px;
  margin-top: 30px;
}
.resmenu .socialbox li a{
  color: var(--title);
  border: 1px solid var(--title);
  width: 35px;
  height: 35px;
}
.resmenu .socialbox li a svg{
  width: 15px;
  height: 15px;
}
.hero{
  position: relative;
}
.mouse{
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.mouse-icon{
   width: 25px;
   height: 45px;
   border: 2px solid white;
   border-radius: 15px;
   cursor: pointer;
   position: relative;
   text-align: center;
}
.mouse-wheel{
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 3px;
  background-color: white;
  border-radius: 50%;
  -webkit-animation: 1.6s ease infinite wheel-up-down;
 -moz-animation: 1.6s ease infinite wheel-up-down;
  animation: 1.6s ease infinite wheel-up-down;
}
@-webkit-keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}@-moz-keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}@keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}
.dd span{
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%) scale(0.7);
  display: flex;
  color: var(--white);
  background: var(--title);
  border-radius: 10px;
  padding: 5px 10px 10px;
  align-items: center;
  justify-content: center;
  width: 130px;
  text-align: center;
  transition: 0.2s all;
}
.dd span::before{
  content: "";
  position: absolute;
  top:-5px;
  width: 15px;
  height: 15px;
  background: var(--title);
  border-radius: 2px;
  transform: rotate(45deg);
}
.mybtn{
  width: fit-content;
  background: var(--primary);
  color: var(--white);
  padding: 10px 30px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  transition: 0.4s all;
  justify-content: center;
  margin: 0 auto;
}
.mybtn:hover{
  background: var(--sec);
}
.drformbox{
  background: url(img/v4.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0 150px;
  position: relative;
}
.myform{
  margin: 40px auto;
  width: 800px;
  max-width: 100%;
}
.myform input,.myform textarea{
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #eee;
  transition: 0.4s all;
  margin-bottom: 10px;
}
.myform input:focus,.myform textarea:focus{
  border: 1px solid var(--sec);
}
.myform input[type=submit]{
  background: var(--sec);
  color: var(--white);
  border: none;
  transition: 0.4s all;
  padding: 10px 10px 15px 10px;
}
.myform input[type=submit]:hover{
  background: var(--title);
}
.statbg{
  padding: 0 50px 50px;
}
.sgallbg .swiper-button-next{
  position: absolute;
  left: -25px;
  box-shadow: 0 0 20px 10px #0001;
  background: var(--white);
  display: flex;
  right: inherit;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  z-index: 10;
  transform: translateY(-50%);
}
.sgallbg .swiper-button-prev{
  position: absolute;
  right: -25px;
  box-shadow: 0 0 20px 10px #0001;
  background: var(--white);
  display: flex;
  left: inherit;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  z-index: 10;
  transform: translateY(-50%);
}
.sgallbg{
  position: relative;
}
.sgallbg3{
  position: relative;
  z-index: 11;
}
.sgallbg .swiper-button-prev.swiper-button-disabled,.sgallbg .swiper-button-next.swiper-button-disabled{
  opacity: 0;
  transition: 0.4s all;
}
.slider3post{
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.homebtn{
  padding: 0 30px;
  font-size: 18px;
  font-weight: bold;
}
.back2{
  display: none;
}
.homebtn img{
  width: 100px;
}
.homebtn a{
  color: var(--white);
}
.slider1 .swiper-button-prev{
  position: absolute;
  right: 25px;
  top: 50%;
  box-shadow: 0 0 20px 10px #0001;
  background: var(--white);
  display: flex;
  left: inherit;
  align-items: center;
  justify-content: center;
  width: 50px;
  margin: 0;
  height: 50px;
  border-radius: 100px;
  z-index: 10;
  transform: translateY(-50%);
}
.slider1 .swiper-button-next{
  position: absolute;
  left: 25px;
  margin: 0;
  top: 50%;
  box-shadow: 0 0 20px 10px #0001;
  background: var(--white);
  display: flex;
  right: inherit;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  z-index: 10;
  transform: translateY(-50%);
}
.whdlimg{
  width: 150px;
  transition: 0.4s all;
}
.whdlimg:hover{
  scale: 1.1;
}
.vectorbox3 img{
  transition: 0.4s all;
  width: 100%;
  height: auto;
}
.vectorbox3{
  width: calc(100% - 200px);
  display: block;
  margin: 0 auto;
}
.vectorbox32{
  width: 100%!important;
}
.vectorbox3 img:hover{
  transform: translateY(-10px);
}
.vectorbox3 .row{
  gap: 24px 0;
}
.flogo{
  width: 200px;
  max-width: 90%;
  display: block;
  margin: 0 auto;
}
.singlebloghead{
  padding-bottom: 150px;
}
.videobox{
  background: url(img/v1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  position: relative;
  padding: 50px 0;
}
.videobox video{
  width: 100%;
  border-radius: 2em;
  overflow: hidden;
  margin: 0 auto;
  height: auto;
  aspect-ratio: 16/9;
  position: relative;
  background: var(--black);
  float: left;
}
.videopost{
  position: relative;
  cursor: pointer;
}
.videopost::after{
  content: url(img/play-button.png);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-30%,-50%) scale(0.7);
  z-index: 12;
  transition: 0.4s all;
  pointer-events: none;
}
.videopost video[poster]{
  pointer-events: none;
}
.played video[poster]{
  pointer-events: inherit;
}
.videobox .single-video {
  width: calc(100% - 200px);
}
.videobox .multiple-videos {
  width: calc(50% - 20px);
}
.videoboxflex{
  gap: 25px 20px;
}
.videobox h2,.videobox p,.videobox video{
  position: relative;
  z-index: 11;
}
.pezeshkan{
  margin-bottom: 50px;
}
.pezeshkanpost h3{
  font-weight: bold;
  font-size: 20px;
  color: var(--primary);
  margin: 20px auto 0;
}
.pezeshkanpost p{
  color: var(--title);
}
.pezeshkan .row{
  gap: 24px 0;
}
.smytitle2{
  font-size: 32px;
}
.loc{
  margin-top: 50px;
  gap: 0!important;
}
.loc iframe{
  border-radius: 2em;
  overflow: hidden;
  height: 500px;
  width: 100%;
}
.loc svg{
  color: var(--primary);
  width: 30px;
  height: 30px;
  flex: none;
}
.banner{
  position: relative;
  z-index: 10;
}
.banner1{
  background: #effcfa;
  padding: 30px 0 10px;
}
.banner2{
  margin-top: -50px;
}
.socials{
  padding: 50px;
  background: #e8f6fd;
}
.emtiazbox{
  gap: 0 15px;
  margin-bottom: 20px;
}
.nboxesbg{
  margin: -20px 0 0 0;
}
.nboxesflex{
  flex-wrap: wrap;
  gap: 30px 2%;
}
.nboxpost{
  width: 32%;
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid #ebebeb;
  padding: 50px 30px;
  border-radius: 10px;
  height: 100%;
  position: relative;
  min-height: 350px;
  text-align: center;
}
.nboxpost h3{
  font-weight: bold;
  font-size: 20px;
}
.nboxpost p{
  font-size: 15px;
}
.nboxpost img{
  margin-bottom: 20px;
  height: 40px;
}
.introbox1page{
  background: url(img/v7.jpg);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.introarea2{
  background: none;
}
.pageb2{
  overflow: hidden;
  background: linear-gradient(to bottom , #fff,#e7f6fd,#fff);
}
.pageb2flex{
  padding: 0 100px;
}
.pageb2imgbox img{
  border-radius: 0 40px 40px 0;
}
.pageb2iconbox img{
  height: 40px;
  margin-bottom: 10px;
}
.pageb2post{
  gap: 50px;
}
.pageb2iconbox{
  flex: none;
  width: max-content;
}
.pageb2iconbox h3{
  font-weight: bold;
  font-size: 20px;
  color: var(--title);
  margin: 0;
}
.pageb2post {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
.pageb2post p{
  color: var(--title);
}
.pageb2post:last-child{
  border: none;
}
.innb2{
  background:#fff;
}
.introbox3img img{
  width: 100%;
}
.introbox3{
  background: url(img/v8.jpg);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  overflow: hidden;
}
.introbox3info{
  padding: 0 0 0 100px;
  position: relative;
  top: -150px;
}
.introbox3info p{
  color: var(--title);
  font-weight: bold;
  font-style: italic;
  font-size: 25px;
}
.introbox3info h2{
  color: var(--title);
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
}
.introbox3info span{
  color: var(--title);
}
.intro3bg{
  background: #e7f6fd;
  padding: 100px 0 0;
}
.lbg{
  height: 100px;
  background: linear-gradient(to bottom , #fff,#daf8f6);
}
.introbox3info svg{
  color: var(--sec);
  width: 70px;
  height: 70px;
  position: relative;
  right: -15px;
  transform: rotate(180deg);
}
.introbox3info img{
  max-width: 200px;
}
.cmbox form{
  margin-top: 30px;
}
.cmbox h3,.cmbox .logged-in-as,.cmbox .comment-notes,.cmbox .comment-form-cookies-consent,.cmbox .comment-form-url{
  display: none;
}
.cmbox label{
  display: block;
  color: var(--title);
  margin-bottom: 10px;
}
.cmboxarea{
  width: 800px;
  max-width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
.cmboxarea input,.cmboxarea textarea{
  background: var(--white);
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;
}
.cmboxarea input[type="submit"]{
  background: var(--title);
  color: var(--white);
  transition: 0.4s all;
  border: 1px solid var(--title);
}
.cmboxarea input[type="submit"]:hover{
  background: var(--sec);
  border: 1px solid var(--sec);
}
.cmbox .fn{
  font-style: normal;
  font-weight: bold;
}
.cmbox .commentlist{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cmbox .commentlist li{
  background: var(--white);
  position: relative;
  color: var(--title);
  padding: 15px;
  border: 1px solid #eee;
}
.cmbox .comment-body{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cmbox .commentlist li p{
  margin: 0;
}
.cmbox .children{
  margin-top: 20px;
}
.cmbox .comment-awaiting-moderation{
  padding: 10px;
  border: 1px solid #ccc;
  background: #f8f8f8;
}
.cmbox .comment-form-title{
  margin: 50px 0 20px;
  color: var(--title);
  font-weight: bold;
  font-size: 30px;
  text-align: center;
}
.cmbox .children li{
  border: 1px solid #ccc;
  color: var(--title);
  background: #f8f8f8;
}
.cmbox .comment-author{
  background: #f8f8f8;
  padding: 10px 15px;
  margin: -15px -15px 0 -15px;
}
.cmbox .comment-author img{
  width: 60px;
  aspect-ratio: 1/1;
  height: auto;
  margin-left: 10px;
  display: none;
}
.cmbox .commentmetadata{
  display: none;
}
.cmbox .reply{
  display: none;
}
.cmbox .reply a{
  width: fit-content;
  padding: 10px 50px;
  display: none;
  color: var(--white);
  background: var(--title);
  transition: 0.4s all;
}
.cmbox .reply a:hover{
  background: var(--sec);
}
.cmbox .comment-meta a{
  color: var(--sec);
}
.phoneitems {
  justify-content: end;
  gap: 0 15px;
  direction: ltr;
}
.cmemtiaz span{
  font-weight: bold;
  font-size: 20px;
}
.phoneitems a{
  font-size: 20px;
  color: var(--primary);
  direction: ltr;
}
.phoneitems a:hover{
  text-decoration: underline!important;
}
.phoneitems a:not(:last-child)::after {
  content: '|';
  padding-left: 15px;
}
.singlebloghead{
  padding: 100px;
}
.blogheadtitles {
  width: 600px;
  max-width: 100%;
}
.opanone{
  opacity: 0;
}
.socialpost{
  width: 25%;
}
.bannerpost{
  width: 49%;
}
.socialsflex {
  gap: 15px 2%;
  justify-content: center;
}
.introarea3 .row,.pageb2 .row{
  flex-direction: row-reverse;
}
.singleth2 img{
  border-radius: 0 0 0 40px;
}
.comment-form-rating{
  display: flex;
  gap: 10px;
  align-items: center;
}
.comment-form-rating label{
  margin: 0;
  font-weight: bold;
}
.rating-stars{
  display: flex!important;
  gap: 5px;
}
.rating-stars label{
  margin: 0;
}
.cmbox .comment-form-comment{
  margin-bottom: 5px;
}
.full{
  font-size: 29px;
}
.empty{
  font-size:29px;
}
.comment-rating{
  display: flex!important;
  align-items: center;
  gap: 5px;
  font-size: 25px;
  position: absolute;
  left: 15px;
  top: 0;
  width: fit-content;
}
.star{
  display: flex!important;
  align-items: center;
}
.block1200{
  display: none;
}
.founderimg{
  width: 100%;
}
.resblock{
  display: none;
}
.innb2res{
  padding: 0 20px 50px 20px;
  background: none;
}
.innb2res .socials{
  padding: 0;
}
.slider3 .swiper-wrapper ,.slider4 .swiper-wrapper ,.slider6 .swiper-wrapper,.slider7 .swiper-wrapper {
  width: fit-content;
  margin: 0 auto;
}
.bgwhite{
  background: var(--white);
}
.videopost.played::after {
  display: none;
}
.contactbox .row:nth-child(even){
  flex-direction: row-reverse;
}
.locflex {
  gap: 15px;
  align-items: center;
  justify-content: start;
  margin-top: 20px;
  margin-bottom: 20px;
}
.locflex p{
  text-align: right;
}
.phonebox {
  align-items: center;
  justify-content: start;
  gap: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.fflex{
  width: fit-content;
  margin: 0 auto;
}
.banners{
  background: #e8f6fd;
  padding: 0 50px 50px;
}
.banners img{
  border-radius: 1.5em;
}
.catdesk2 p{
  margin: 0;
}
.more-vectors2{
  margin-top: -5px;
  padding-bottom: 50px;
}
.vectors2::after{
  background: linear-gradient(to bottom, transparent, #effcfa7e, #f4fdfc);
}
.boxes2{
  background: linear-gradient(to bottom , #f3fdfc , #f9ffff);
  padding-top: 50px;
  position: relative;
}
.home-slider2{
  background: linear-gradient(to bottom , #f3fdfc , #f9ffff)!important;
}
.more-vectors4{
  padding: 50px 0;
}
.boxes3::before {
  background: linear-gradient(to bottom, transparent, #eefcfc, #eefcfc, #eefcfc) !important;
  content: "";
  height: 250px;
  pointer-events: none;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  right: 0;
}
.home-sliderv1{
  z-index: 10;
}
.home-slider3::after{
  content: "";
  position: absolute;
  bottom: 0;
  background: linear-gradient(to bottom ,#e9fbfa00, #e9fbfa00 ,#e9fbfae8, #f4fdfc)!important;
  left: 0;
  height: 100%;
  width: 100%;
}
footer .mybtn{
  width: 100%;
  max-width: 100%;
}
.errpage{
  background-image: url(img/err404.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 50px 20px;
}
.errpage p{
  font-size: 70px;
  font-weight:bold;
  color: var(--sec);
}
.pageb2{
  padding-bottom: 50px!important;
}
.fn-btns{
  width: 750px;
  margin: 0 auto;
}
.fn-btns-2 a{
  border: 1px solid var(--primary);
  border-radius: 999px;
  padding: 7px 15px;
	font-size:14px;
  width: 50%;
  text-align: center;
  color: var(--primary);
  transition: 0.4s all;
}
.fn-btns-2 a:hover{
  background: var(--primary);
  color: var(--white);
}
.sd-post img{
  border-radius: 999px;
  border:3px solid var(--primary);
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1;
  height: auto;
  width: 80%;
}
.selected-doctors{
  padding: 50px 0 80px!important;
}
.sd-post h3{
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center;
  font-weight: 700;
  color: var(--primary);
}
.df-flex{
  gap: 40px 15px;
  display: grid;
  grid-template-columns: repeat(5,1fr);
}
.in-box{
  background: #e7f6fd;
}
.in-phones{
  display: flex;
  justify-content: center;
  gap: 10px;
}
.in-phones a{
  border-radius: 12px;
  border: 1px solid var(--title);
  color: var(--title);
  text-align: center;
  padding: 15px;
  position: relative;
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  transition: 0.4s all;
  flex: 1;
}
.in-phones a:hover{
  background: var(--title);
  color: var(--white);
}
.in-address a{
  border-radius: 12px;
  color: var(--title);
  border: 1px solid var(--title);
  text-align: center;
  padding: 15px;
  position: relative;
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
  transition: 0.4s all;
  font-weight: 700;
  margin-top:10px;
}
.in-address a:hover{
  background: var(--title);
  color: var(--white);
}
.in-address{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.in-box h2{
  color: var(--title);
}
.in-new-s{
    padding:20px 0 30px;
}
.in-blogposts{
  padding-top: 30px;
}
.banner3{
  background: linear-gradient( to bottom ,#f3fdfe, #eefcfc);
  padding-top: 50px;
  margin-bottom: -50px;
}
.home-sliderv-2{
  z-index: 10;
}
.resblock .website-btn{
  border-radius: 12px;
  border: 1px solid var(--title);
  color: var(--title);
  text-align: center;
  padding: 15px;
  position: relative;
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  transition: 0.4s all;
  flex: 1;
  margin-bottom: 10px;
}
.resblock .website-btn:hover{
  background: var(--title);
  color: var(--white);
}









@media(max-width:1400px){
  .mytext{
    font-size: 19px;
  }
}
@media(max-width:1320px){
  .statbox{
    flex: 45%;
  } 
}
@media(max-width:1200px){
  .mytext{
    font-size: 15px;
    font-weight: bold;
  }
  .slidepost h3{
    font-size: 12px;
  }
  .slidepost img{
    height: 40px;
  }
  .vectorbox h4{
    font-size: 15px;
  }
  .none1200{
    display: none;
  }
  .block1200{
    display: block;
  }
  .nboxesbg{
    margin-top: 50px;
  }
  .introbox1page{
    background: url(img/v7mob.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media(max-width:992px){
  .slideimg{
    max-width: 100%;
    scale: inherit;
    right: inherit;
    margin-bottom: 30px;
  }
  .mytitle,.mytitle2{
    font-size: 24px;
  }
  .mytext,body{
    font-size: 14px;
  }
  .padd2{
    padding: 50px 0;
  }
  .vectorbox h4{
    font-size: 14px;
  }
  .slider1,.vectorbox img{
    border: 5px solid var(--white);
  }
  .vectorbox img{
    width: 80%;
  }
  .slider1 .slider__pagination{
    transform: translateX(-50%) scale(0.7);
    bottom: 5px;
  }
  .home-slider{
    padding-bottom: 100px;
  }
  .slide{
    padding: 50px 0;
  }
  .slidebox{
    top: 0;
    padding: 20px;
  }
  .boxes .row{
    gap: 20px;
  }
  .boxpost h3{
    font-size: 18px;
    font-weight: bold;
  }
  .boxpost img{
    height: 70px;
  }
  .slider2 .swiper-pagination-bullet,  .slider3 .swiper-pagination-bullet , .slider4 .swiper-pagination-bullet , .slider6 .swiper-pagination-bullet , .slider7 .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
  }
  .mainmenu,.socialbox{
    display: none;
  }
  .resblock{
    display: block;
  }
  .mainarea,.fixedmenu{
    justify-content: space-between;
    align-items: center;
  }
  .resmenubtn{
    padding: 0 15px;
  }
  .resmenubtn svg{
    width: 45px;
    height: 45px;
    color: var(--white);
  }
  .fixedmenu .resmenubtn svg{
    color: var(--title);
  }
  .logobox{
    padding: 15px;
  }
  .logobox img{
    max-width: 100px;
  }
  header::before{
    height: 250px;
  }
  .vectorbox h3{
    font-size: 18px;
  }
  .blogheadtitles h1{
    font-size: 24px;
    margin: 0 0 10px 0;
  }
  .blogheadtitles .mytext{
    font-size: 14px;
  }
  .bloghead{
    min-height: auto;
  }
  .blogposts{
    padding-bottom: 50px;
  }
  .drpostinfo h3{
    font-size: 13px;
    margin-top: 5px;
  }
  .drpostinfo p{
    font-size: 11px;
    margin: 0;
  }
  .drpostinfo{
    padding: 0 20px 30px;
  }
  .singlebloghead{
    min-height: auto;
  }
  .blogheadtitles h2{
    font-size: 40px;
  }
  .blogheadphone a{
    font-size: 30px;
  }
  .blogheadphone svg{
    bottom: 0;
  }
  .contentmain{
    padding: 70px 20px;
  }
  .singletitle{
    font-size: 35px;
  }
  .singletitle2{
    font-size: 15px;
  }
  .contentbox,.statbox{
    flex: 49%;
  }
  .statcount{
    font-size: 40px;
  }
  .introbox2 .row{
    flex-direction: column-reverse;
  }
  .faqbox{
    padding: 0 20px;
    margin-bottom: 50px;
  }
  .faqbox .accordion-item h3{
    font-size: 16px;
    font-weight: 700;
  }
  .faqbox .accordion-item h3 div{
    padding: 10px 0;
  }
  .faqbox .accordion-item h3 div::after{
    font-size: 25px;
    top: 7px;
  }
  .singleth img{
    border-radius: 0;
  }
  .introtextarea{
    padding: 50px 20px;
    width: calc(100% - 24px);
    border-radius: 15px;
    background-position: left!important;
  }
  .singleth img{
    border-radius: 20px;
  }
  .introtextbox{
    font-size: 16px;
  }
  .closesearch{
    top: -50px;
  }
  .home-footer .hfsocial  {
    display: none;
  }
  .slider1 {
    width: calc(100% - 20px);
    border-radius: 20px;
    border: 0;
  }
  .drpostinfotype li a{
    font-size: 12px;
  }
  .drimg img{
    aspect-ratio: 1/1;
  }
  .drtypeimg img{
    width: 35px;
  }
  .drpostinfotype{
    margin-top: 20px;
  }
  .drpostinfo{
    margin-top: -60px;
  }
  .drpostinfo{
    padding: 0 10px 15px;
  }
  .drpostinfo p{
    font-size: 9px;
  }
  .statbg{
    padding: 0 20px 50px;
  }
  .drs{
    padding: 40px 0 150px;
  }
  .sgallbg .swiper-button-prev{
    right: -18px;
    transform: translateY(-50%) scale(0.7);
  }
  .sgallbg .swiper-button-next{
    left: -18px;
    transform: translateY(-50%) scale(0.7);
  }
  .slider2 img{
    border-radius: 10px;
  }
  .homebtn{
    padding: 0 15px;
  }
	.wh,.pd{
		opacity:0;
		transition:0.4s all;
	}
  .slider1 .swiper-button-prev{
    right: 0;
  }
  .slider1 .swiper-button-prev,.slider1 .swiper-button-next{
    transform: translateY(-50%) scale(0.5);
  }
  .slider1 .swiper-button-next{
    left: 0;
  }
  .slider1 {
    margin-bottom: 0;
  }
  .whdlimg{
    width: 100px;
  }
  .vectorbox3{
    width: calc(100% - 100px);
  }
  .videobox video{
    border-radius: 1em;
  }
  .pezeshkan{
    margin-top: 50px;
  }
  .pezeshkanpost h3{
    font-size: 14px;
  }
  .contentbox{
    padding: 50px 20px;
  }
  .loc iframe{
    height: auto;
    aspect-ratio: 1/1;
  }
  .banner2{
    margin-top: -50px;
  }
  .more-vectors{
    padding-top: 20px;
  }
  .socials{
    padding: 25px 20px 0;
  }
  .socialpost{
    width: 49%;
  }
  .socialsflex{
    gap: 10px 2%;
    flex-wrap: wrap;
  }
  .nboxesbg{
    margin: 20px 0 50px 0;
  }
  .nboxpost{
    width: 100%;
    min-height: auto;
  }
  .pageb2flex{
    padding: 0 20px 50px;
    gap: 20px!important;
  }
  .pageb2post{
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
  .pageb2iconbox{
    width: 100%;
  }
  .intro3bg{
    padding: 0;
  }
  .introbox3 {
    padding-top: 0;
  }
  .introbox3info{
    padding: 0 20px;
    top: -120px;
  }
  .introbox3{
    background-position: top;
  }
  .introbox3info p{
    font-size: 18px;
  }
  .introbox3info svg{
    width: 40px;
    height: 40px;
    right: -10px;
  }
  .cmboxarea{
    padding: 0;
  }
  .singlebloghead {
    padding: 250px 20px 50px;
    font-size: 20px;
  }
  .blogheadtitles {
    width: 200px;
  }
  .logobox{
    padding: 15px;
  }
  .logobox img,.homebtn img{
    max-width: 60px;
  }
  .singleth{
    padding: 0 20px;
  }
  .slideimg{
    width: 450px!important;
    max-width: 100%;
    display: block;
    margin: 0 auto 20px;
    position: relative;
    left: -30px;
  }
  .pageb2imgbox img{
    border-radius: 20px;
    width: calc(100% - 40px)!important;
    margin: 0 auto;
    display: block;
  }
  .none1200{
    display: block;
  }
  .block1200{
    display: none;
  }
  .resblock{
    display: block;
  }
  .resnone{
    display: none;
  }
  .pageb2 .row{
    flex-direction: column-reverse;
  }
  .average-rating span{
    font-size: 15px;
  }
  .videopost::after{
    transform: translate(-30%,-50%) scale(0.4);
  }
  .videobox .single-video {
    width: 100%;
  }
  .phoneitems a:not(:last-child)::after{
    display: none;
  }
  .vectorbox2{
    width: 90%;
    margin: 0 auto;
  }
  .vectorbox2 .col-lg-3{
    padding: 0 12px;
  }
  .fflex{
    width: 100%;
    flex-direction: column;
  }
  .fflex .mybtn2{
    margin-top: 0!important;
  }
  .banners{
    padding: 20px 20px 0;
  }
  .banners .row{
    gap: 15px 0;
  }
  .banners img{
    border-radius: 1em;
  }
  .loc .mytitle2{
    text-align: center;
  }
  .locflex,.phonebox{
    flex-direction: column;
  }
  .locflex p{
    text-align: center;
  }
  .faqbox .accordion-body{
    font-size: 14px;
  }
  .vectors{
    background: url(img/v1mob.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .socials2{
    background: none;
  }
  .bannerpost{
    width: 100%;
  }
  .contentbox2{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .introbox3{
    padding-top: 20px;
  }
	.errpage p{
		font-size:50px;
	}
	.errpage{
		background-image: url(img/v1mob.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
  .boxes{
    padding-top: 30px;
  }
  .home-footer {
    background: url(img/fbg.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .pageb2{
    padding-bottom: 100px!important;
  }
  .errpage .mytitle{
    font-size: 30px;
    white-space: pre-line;
  }
  .more-vectors2{
    background: url(img/v1mob.png);
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .boxes2{
    padding-top: 0;
    margin-top: -20px;
  }
  .vectorbox32 {
    width: 85%!important;
  }
  .more-vectors4{
    background: url(img/v1mob.png);
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .more-vectors4::after {
    background: linear-gradient(to bottom, #effcfa,transparent) !important;
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: inherit;
    right: 0;
    height: 200px;
    z-index: 1;
  }
  .boxes{
    padding-bottom: 70px;
    background: url(img/v4.jpg);
    position: relative;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 50px 0 100px;
  }
  footer .mybtn{
    width: 220px;
    padding: 10px 15px;
    font-size: 11px;
    margin-top: 0 !important;
  }
  .videoboxflex{
    gap: 10px;
  }
  .fn-btns{
    width: 100%;
  }
  .fn-btns-2{
    flex-direction: column;
  }
  .fn-btns-2 a{
    width: 220px;
    font-size: 11px;
    font-weight: 700;
  }
  .df-flex{
    margin: 0 auto;
    width: 90%;
  }
  .sd-post h3{
    font-size: 14px;
  }
  .sd-post img{
    width: 70%;
  }
  .df-flex{
    grid-template-columns: repeat(2,1fr);
  }
  .in-phones{
    flex-wrap: wrap;
  }
  .in-phones a,.in-address a{
    gap: 10px;
    padding: 10px;
  }
  .in-phones svg,
  .in-address svg{
    flex: none;
    width: 20px;
    height: 20px;
  }
  .blogposts{
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .banner3{
    padding-top: 20px;
    margin-bottom: -30px;
  }
  .website-btn{
    grid-column: 3/1;
  }
  .in-new-s{
    padding-bottom:0;   
    padding-top:25px;
  }
  .in-address a{
      padding:10px 20px;
      gap:0 15px;
  }
}
@media(max-width:480px){
  .singlebloghead {
    padding: 100px 20px;
  }
  .blogheadtitles h1{
    font-size: 14px;
  }
  .blogheadtitles .mytext{
    font-size: 10px;
  }
  .slideimg{
    width: 250px!important;
  }
  .more-vectors,.boxes{
    padding-bottom: 70px;
  }
  .more-vectors{
    padding-bottom: 20px;
  }
  .videopost::after{
    transform: translate(-40%,-50%) scale(0.3);
  }
}