* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul {
  margin: 0 !important;
  margin-bottom: 0 !important;
}
ul {
  list-style: none !important;
}
a {
  text-decoration: none !important;
}
body {
  font-family: "AzarMehr" !important;
}
html {
  scroll-behavior: smooth;
}
/* @font-face {
  font-family: "Yekan Bakh";
  src: url("../font/yekan-bakh/2yekanbakh/yekanbakhen02thin.eot") format("eot"),
    url("../font/yekan-bakh/2yekanbakh/yekanbakhen02thin.ttf") format("ttf"),
    url("../font/yekan-bakh/2yekanbakh/yekabakhen02thin.woff") format("woff"),
    url("../font/yekan-bakh/2yekanbakh/yekanbakhen02thin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "Yekan Bakh";
  src: url("../font/yekan-bakh/3yekanbakh/yekanbakhen03light.eot") format("eot"),
    url("../font/yekan-bakh/3yekanbakh/yekanbakhen03light.ttf") format("ttf"),
    url("../font/yekan-bakh/3yekanbakh/yekanbakhen03light.woff") format("woff"),
    url("../font/yekan-bakh/3yekanbakh/yekanbakhen03light.woff2")
      format("woff2");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Yekan Bakh";
  src: url("../font/yekan-bakh/4yekanbakh/yekanbakhen04regular.eot")
      format("eot"),
    url("../font/yekan-bakh/4yekanbakh/yekanbakhen04regular.ttf") format("ttf"),
    url("../font/yekan-bakh/4yekanbakh/yekanbakhen04regular.woff")
      format("woff"),
    url("../font/yekan-bakh/4yekanbakh/yekanbakhen04regular.woff2")
      format("woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Yekan Bakh";
  src: url("../font/yekan-bakh/5yekanbakh/yekanbakhen05medium.eot")
      format("eot"),
    url("../font/yekan-bakh/5yekanbakh/yekanbakhen05medium.ttf") format("ttf"),
    url("../font/yekan-bakh/5yekanbakh/yekanbakhen05medium.woff") format("woff"),
    url("../font/yekan-bakh/5yekanbakh/yekanbakhen05medium.woff2")
      format("woff2");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Yekan Bakh";
  src: url("../font/yekan-bakh/6yekanbakh/yekanbakhen06bold.eot") format("eot"),
    url("../font/yekan-bakh/6yekanbakh/yekanbakhen06bold.ttf") format("ttf"),
    url("../font/yekan-bakh/6yekanbakh/yekanbakhen06bold.woff") format("woff"),
    url("../font/yekan-bakh/6yekanbakh/yekanbakhen06bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "Yekan Bakh";
  src: url("../font/yekan-bakh/8yekanbakh/yekanbakhen08fat.eot") format("eot"),
    url("../font/yekan-bakh/8yekanbakh/yekanbakhen08fat.ttf") format("ttf"),
    url("../font/yekan-bakh/8yekanbakh/yekanbakhen08fat.woff") format("woff"),
    url("../font/yekan-bakh/8yekanbakh/yekanbakhen08fat.woff2") format("woff2");
  font-style: normal;
  font-weight: 1000;
} */

@font-face {
  font-family: "Raleway";
  src: url("../font/Raleway/static/Raleway-Thin.ttf") format("ttf");
  font-style: normal;
  font-weight: 100;
}
/* @font-face {
  font-family: "AzarMehr";
  src: url("../font/AzarMehr-v2.32/Standard/AzarMehr-VF[wght\,kshd].ttf")
      format("ttf"),
    url("../font/AzarMehr-v2.32/Standard/AzarMehr-VF[wght\,kshd].woff2")
      format("woff2");
} */

@font-face{
  font-family: "AzarMehr";
  src: url("../font/IranSans/eot/IRANSansWeb(FaNum).eot") format("eot"),
  url("../font/IranSans/ttf/IRANSansWeb(FaNum).ttf") format("ttf"),
  url("../font/IranSans/woff/IRANSansWeb(FaNum).woff") format("woff"),
  url("../font/IranSans/woff2/IRANSansWeb(FaNum).woff2") format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  src: url("../font/IranSans/eot/IRANSansWeb(FaNum)_UltraLight.eot") format("eot"),
  url("../font/IranSans/ttf/IRANSansWeb(FaNum)_UltraLight.ttf") format("ttf"),
  url("../font/IranSans/woff/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"),
  url("../font/IranSans/woff2/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "AzarMehr";
  src: url("../font/IranSans/eot/IRANSansWeb(FaNum)_Light.eot") format("eot"),
    url("../font/IranSans/ttf/IRANSansWeb(FaNum)_Light.ttf") format("ttf"),
    url("../font/IranSans/woff/IRANSansWeb(FaNum)_Light.woff") format("woff"),
    url("../font/IranSans/woff2/IRANSansWeb(FaNum)_Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "AzarMehr";
  src: url("../font/IranSans/eot/IRANSansWeb(FaNum)_Medium.eot") format("eot"),
    url("../font/IranSans/ttf/IRANSansWeb(FaNum)_Medium.ttf") format("ttf"),
    url("../font/IranSans/woff2/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"),
    url("../font/IranSans/woff/IRANSansWeb(FaNum)_Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "AzarMehr";
  src: url("../font/IranSans/eot/IRANSansWeb(FaNum)_Bold.eot") format("eot"),
    url("../font/IranSans/ttf/IRANSansWeb(FaNum)_Bold.ttf") format("ttf"),
    url("../font/IranSans/woff/IRANSansWeb(FaNum)_Bold.woff") format("woff"),
    url("../font/IranSans/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
}

/* @font-face{
  font-family: "Dorsa";
  src: url("../font/IranSans/eot/IRANSansWeb\(FaNum\).eot") format("eot"),
  url("../font/IranSans/ttf/IRANSansWeb\(FaNum\).ttf") format("ttf"),
  url("../font/IranSans/woff/IRANSansWeb\(FaNum\).woff") format("woff"),
  url("../font/IranSans/woff2/IRANSansWeb\(FaNum\).woff2") format("woff2");
}
@font-face {
  font-family: "Dorsa";
  src: url("../font/IranSans/eot/IRANSansWeb\(FaNum\)_Light.eot") format("eot"),
    url("../font/IranSans/ttf/IRANSansWeb\(FaNum\)_Light.ttf") format("ttf"),
    url("../font/IranSans/woff/IRANSansWeb\(FaNum\)_Light.woff") format("woff"),
    url("../font/IranSans/woff2/IRANSansWeb\(FaNum\)_Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Dorsa";
  src: url("../font/IranSans/eot/IRANSansWeb\(FaNum\)_Medium.eot") format("eot"),
    url("../font/IranSans/ttf/IRANSansWeb\(FaNum\)_Medium.ttf") format("ttf"),
    url("../font/IranSans/woff2/IRANSansWeb\(FaNum\)_Medium.woff2") format("woff2"),
    url("../font/IranSans/woff/IRANSansWeb\(FaNum\)_Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Dorsa";
  src: url("../font/IranSans/eot/IRANSansWeb\(FaNum\)_Bold.eot") format("eot"),
    url("../font/IranSans/ttf/IRANSansWeb\(FaNum\)_Bold.ttf") format("ttf"),
    url("../font/IranSans/woff/IRANSansWeb\(FaNum\)_Bold.woff") format("woff"),
    url("../font/IranSans/woff2/IRANSansWeb\(FaNum\)_Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
} */
/*Dorsa*/
@font-face {
  font-family: "Dorsa";
  src: url("../font/Dorsa/eot/Dorsa-Light.eot") format("eot"),
    url("../font/Dorsa/otf/Dorsa-Light.otf") format("otf"),
    url("../font/Dorsa/ttf/Dorsa-Light.ttf") format("ttf"),
    url("../font/Dorsa/woff/Dorsa-Light.woff") format("woff"),
    url("../font/Dorsa/woff2/Dorsa-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Dorsa";
  src: url("../font/Dorsa/eot/Dorsa-Regular.eot") format("eot"),
    url("../font/Dorsa/ttf/Dorsa-Regular.ttf") format("ttf"),
    url("../font/Dorsa/woff2/Dorsa-Regular.woff2") format("woff2"),
    url("../font/Dorsa/woff/Dorsa-Regular.woff") format("woff"),
    url("../font/Dorsa/otf/Dorsa-Regular.otf") format("otf");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Dorsa";
  src: url("../font/Dorsa/eot/Dorsa-Bold.eot") format("eot"),
    url("../font/Dorsa/ttf/Dorsa-Bold.ttf") format("ttf"),
    url("../font/Dorsa/woff2/Dorsa-Bold.woff2") format("woff2"),
    url("../font/Dorsa/woff/Dorsa-Bold.woff") format("woff"),
    url("../font/Dorsa/otf/Dorsa-Bold.otf") format("otf");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Dorsa";
  src: url("../font/Dorsa/eot/Dorsa-ExtraBold.eot") format("eot"),
    url("../font/Dorsa/ttf/Dorsa-ExtraBold.ttf") format("ttf"),
    url("../font/Dorsa/woff2/Dorsa-ExtraBold.woff2") format("woff2"),
    url("../font/Dorsa/woff/Dorsa-ExtraBold.woff") format("woff"),
    url("../font/Dorsa/otf/Dorsa-ExtraBold.otf") format("otf");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "Dorsa";
  src: url("../font/Dorsa/eot/Dorsa-Heavy.eot") format("eot"),
    url("../font/Dorsa/ttf/Dorsa-Black.ttf") format("ttf"),
    url("../font/Dorsa/woff2/Dorsa-Heavy.woff2") format("woff2"),
    url("../font/Dorsa/woff/Dorsa-Heavy.woff") format("woff"),
    url("../font/Dorsa/otf/Dorsa-Heavy.otf") format("otf");
  font-style: normal;
  font-weight: 900;
}

.parallax {
  /* The image used */
  background: url("../img/Software\ Stock\ Footage\ Programming\ Coding\ No\ Copyright\ Videos.00_00_20_14\ 1.png")
    center center/cover;

  /* Set a specific height */
  /* min-height: 500px; */

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main_nav,
.white_nav_fixed {
  padding: 1rem 1rem 0 1rem;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.nav-active,
.nav-black-active {
  background-color: #141414 !important;
}
.nav-active-white {
  background-color: #ffffff !important;
}
.parent__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
}
.navbar__ ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding-left: 0px;
}
.navbar__ ul li a,
.navbar__ ul li a:not([href]):not([class]) {
  text-decoration: none;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #ffffff;
  transition: 0.3s ease-in-out;
}
.navbar__ ul li a:hover,
.navbar__ ul li a:not([href]):not([class]):hover {
  opacity: 0.5;
}
.btn__login {
  border: 1px solid #ffffff;
  border-radius: 10px;
  background-color: transparent;
  padding: 5px 10px;
  font-weight: 600;
  font-size: 17px;
  line-height: 32px;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.btn__login:hover {
  color: black;
  background-color: #a5a5a5;
}
.btn_login_search {
  background: #ffffff;
  border-radius: 70px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #151515;
  margin-left: 20px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in;
}
.btn_login_search:hover {
  opacity: 0.5;
}
.parent_btns_nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._navbar {
  width: 100%;
  justify-content: space-between;
  align-items: baseline;
  background-color: transparent;
  padding: 20px;
  font-size: 27px;
  color: #ffffff;
  display: none;
  margin-bottom: 2rem;
}
.navbar_img {
  width: 71px;
  height: 36.79px;
}
.navbar_img svg {
  width: 100%;
  height: 100%;
}
/*mainpage-scrollbar*/
::-webkit-scrollbar {
  width: 6px;
  height: 106px;
}
/* Track */
::-webkit-scrollbar-track {
  display: none;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #dd914b;
  border-radius: 40px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.header__ {
  height: 100vh;
  /* background:url('../img/Software\ Stock\ Footage\ Programming\ Coding\ No\ Copyright\ Videos.00_00_20_14\ 1.png') center center/cover; */
  /* background-color:#151515; */
  filter: blur(50%);
  /* background-blend-mode: multiply; */
  background-size: cover;
  padding-bottom: 5rem;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.blur {
  background: rgba(217, 217, 217, 0.1);
  filter: blur(52px);
}
.main__header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 16% !important;
}
.header_img {
  width: 160px;
  height: 83px;
  margin-bottom: 2rem;
}
.header_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header__title {
  text-align: center;
  margin-bottom: 5rem;
}
.header__title h1 {
  font-weight: 700;
  font-size: 34px;
  line-height: 48px;
  color: #ececec;
  margin-bottom: 2rem !important;
}
.header__title h6 {
  font-weight: 300;
  font-size: 17px;
  line-height: 32px;
  color: #ffffff;
}
.parent_about_us_btn {
  display: flex;
}
.about_us_btn {
  border: 2px solid #f19743;
  box-shadow: 0px 14px 25px -12px rgba(250, 238, 194, 0.2);
  border-radius: 10px;
  color: #f19743;
  background-color: transparent;
  padding: 6px 30px;
  font-weight: 900;
  font-size: 17px;
  line-height: 26px;
  transition: all 0.3s ease-in;
}
.about_us_btn:hover {
  background-color: #f19743;
  color: white;
}
.flasher__ {
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.flasher__ img,
.flasher_fill img {
  width: 100%;
  height: 100%;
}
.flasher__:hover,
.flasher_fill:hover {
  animation: moveFlasher 0.9s;
  animation-iteration-count: 2;
}
.flasher_fill {
  display: none;
}
@keyframes moveFlasher {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}
.img__header {
  position: absolute;
  z-index: 10;
  width: 930px;
  height: 940px;
  top: -217px;
  left: -97px;
}
.img__header img {
  width: 100%;
  height: 100%;
}
.header__contain {
  display: flex;
  justify-content: center;
  position: relative;
}
.sub__header {
  width: 100%;
  background: #ffffff;
  border-radius: 50px;
  padding: 133px 80px 141px 80px;
  overflow: hidden;
}
.our_services {
  display: flex;
  justify-content: center;
  align-items: center;
}
.services_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
  margin-bottom: 20px;
}
.services_content h1 {
  font-weight: 600;
  font-size: 38px;
  line-height: 20px;
  color: #dd914b;
}
.services_content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 37px;
  color: #6c6c6c;
}
.line__ {
  width: 250px;
  height: 1px;
  border-radius: 3px;
  background: #dd914b;
  margin-top: 13px;
}
.parent_cards__ {
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  column-gap: 25px;
  margin-bottom: 58px;
}
.cards {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  border: none;
  background: white;
  align-items: center;
  border-radius: 15px;
  padding: 2.5rem 1rem;
  height: 296px;
  position: relative;
  z-index: 1;
}
.cards::after {
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(221, 145, 75, 0.12);
  border-radius: 15px;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  content: "";
  transition: 0.4s ease-in-out;
}
.cards svg {
  width: 85.4px;
  height: 87.22px;
  fill: #cccccc;
}
.card__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #cccccc;
}
.card__body h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
}
.card__body p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.cards:hover::after {
  opacity: 1;
  cursor: pointer;
}
.cards:hover .card__body p {
  color: #d29357;
}
.cards:hover .card__body h5 {
  color: #dd914b;
}
.cards:hover svg,
.cards:hover svg path {
  fill: #dd914b;
}
.our_blog {
  width: 100%;
  height: 891px;
  background-color: #ececec;
  border-radius: 50px;
  margin: 2rem 0;
  display: flex;
  justify-content: space-around;
  position: relative;
  overflow: hidden;
}
.vector_right {
  width: 130px;
  height: 130px;
  position: absolute;
  z-index: 1;
  top: 193px;
  right: -68px;
  -webkit-animation: rotation 30s linear infinite;
  animation: rotation 30s linear infinite;
}
.vector_left {
  width: 392px;
  height: 392px;
  position: absolute;
  z-index: -1;
  top: 186px;
  left: 12px;
  -webkit-animation: rotation 30s linear infinite;
  animation: rotation 30s linear infinite;
}
.vector_bottom {
  position: absolute;
  z-index: -1;
  bottom: 95px;
  left: 555px;
  -webkit-animation: rotation 30s linear infinite;
  animation: rotation 30s linear infinite;
}
.paren_rasa_content {
  /* z-index: 1000;
    height: 409px;
    top: 0; */
  display: flex;
  width: 100%;
  justify-content: space-between;
  column-gap: 10px;
}
.rasa_div {
  background-color: #2f2f2f;
  /* width: 730px !important;
    height: 409px; */
  overflow: hidden;
  border-radius: 25px;
}
.rasa_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.start_up {
  display: flex;
  flex-direction: column;
  /* position: absolute;
    z-index: 900; */
  background: url("../img/big-star.svg") right center;
  background-repeat: no-repeat;
  background-position: 94% 50%;
  width: 100%;
  height: 191px;
  border: 1px solid #dd914b;
  border-radius: 16px;
  padding: 2rem 2rem;
  justify-content: center;
  margin: auto;
  /* bottom: -245px;
    left: 0;
    right: 0; */
}
.start_up h2 {
  font-weight: 500;
  font-size: 44px;
  line-height: 84px;
  color: #dd914b;
}
.star {
  width: 35px;
  height: 35px;
}
.star img {
  width: 100%;
  height: 100%;
}
.startup_title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
  column-gap: 10px;
}
.par_startup_content {
  display: flex;
  justify-content: flex-end;
}
.startup_content {
  display: flex;
  column-gap: 15px;
  /* justify-content: space-between; */
  width: 43%;
  color: #9c9c9c;
  align-items: baseline;
  margin-top: 5px;
}
.startup_content h4 {
  font-weight: 300;
  font-size: 39px;
  line-height: 46px;
}
.startup_content h5 {
  font-weight: 200;
  font-size: 22px !important;
}
.rasa_logo {
  width: 300px;
}
.revelotion_text {
  padding-top: 25px;
}
.rasa_logo img {
  width: 100% !important;
}
.revelotion_text h6 {
  font-size: 29px;
  line-height: 45px;
  color: #dd914b;
  font-weight: bold;
  padding: 0px 13px;
}
.our_blog_logo {
  height: 403px;
  margin-top: 2rem;
}
.our_blog_content {
  color: #d9d9d9;
  margin-top: 40px;
  color: #d9d9d9;
  text-align: justify;
}
.our_blog_content p {
  font-weight: 300;
  font-size: 17px;
  color: #212529;
  line-height: 29px;
  width: 87%;
}
@media (max-width: 768px) {
  .our_blog_content p {
    width: 100%;
  }
}
.polygon__ {
  display: flex;
  justify-content: flex-start;
  column-gap: 52px;
  margin-top: 56px;
  transition: all 0.3s ease-in-out;
}
.polygon__:hover {
  transform: translateX(-20px);
}
.main__content {
  border-radius: 50px;
  background-color: #ffffff;
  overflow: hidden;
}
.first_sec_content {
  width: 100%;
  overflow: hidden !important;
  height: 456px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: fit-content;
  margin: auto;
  align-items: center;
  padding-top: 3rem;
}
.first_sec_content h6 {
  font-weight: 600;
  font-size: 38px;
  line-height: 20px;
  color: #dd914b;
}
.first_sec_content span {
  font-weight: 400;
  font-size: 20px;
  line-height: 37px;
  color: #6c6c6c;
}
.parent_pleasure_title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  top: 8%;
  position: relative;
}
.pleasure_title {
  width: fit-content;
}
.second_sec_content {
  background: #f8f8f8;
  border-radius: 50px;
  height: auto;
  padding: 4rem 0;
  /* padding-top: 5rem; */
  overflow: hidden;
}
.line__two {
  padding-bottom: 18px;
  border-bottom: 1px solid #dd914b;
  margin-bottom: 15px;
}
.blog_title__ {
  width: fit-content;
  padding-bottom: 18px;
  border-bottom: 1px solid #dd914b;
  margin-bottom: 15px;
}
.blog_title__ h6 {
  font-weight: 600;
  font-size: 38px;
  line-height: 20px;
  color: #dd914b;
}
.par_log_title span {
  font-weight: 400;
  font-size: 20px;
  line-height: 37px;
  color: #6c6c6c;
}
.img_content {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
  margin-top: 52px;
}
.right_content_img {
  background: linear-gradient(
    180deg,
    rgba(58, 58, 58, 0) 0%,
    rgba(0, 0, 0, 0.71) 99.7%
  );
  border-radius: 15px;
  height: 445px;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  position: relative;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  border-radius: 15px;
  overflow: hidden;
}
.right_content_img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 80;
  opacity: 0.2;
  background: linear-gradient(
    180deg,
    rgba(58, 58, 58, 0) 0%,
    rgba(0, 0, 0, 0.71) 99.7%
  );
}
.right_content_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.right_content_img:hover img {
  transform: scale(1.2);
}
.content__card {
  height: 208px;
  background: linear-gradient(180deg, #f0f0f0 0%, #d8d8d8 99.7%), #ffffff;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.content__card::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
  right: 0;
  left: 0;
  top: 0;
  opacity: 0.2;
  background: linear-gradient(
    180deg,
    rgba(58, 58, 58, 0) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
}
.content__card img {
  transition: transform 0.3s ease-in-out;
}
.content__card:hover img {
  transform: scale(1.2);
  cursor: pointer;
}
.par_right_content_img {
  width: fit-content;
  display: flex;
  column-gap: 20px;
  align-items: center;
  color: #ffffff;
}
.title_on_blog_cards {
  display: flex;
  row-gap: 30px;
  flex-direction: column;
  width: 50%;
  position: absolute;
  z-index: 200;
  bottom: 70px;
  right: 68px;
}
.title_on_blog_cards a {
  color: #ffffff !important;
}
.mini_title {
  background: #dd914b;
  border-radius: 5px;
  padding: 5px 11px 7px 10px;
}
.mini_title a {
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: #ffffff !important;
  transition: all 0.3s ease-in-out;
}
.mini_title a:hover {
  opacity: 0.5;
  color: #ffffff !important;
}
.par_right_content_img span {
  font-weight: 500;
  font-size: 19px;
  line-height: 20px;
  color: #ffffff;
}
.right_content_img_child {
  /* box-shadow: 0px 28px 14px -18px rgba(0, 0, 0, 0.05); */
  border-radius: 15px;
}
.right_content_img_child a {
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  color: #f8f8f8;
  transition: all 0.3s ease-in-out;
}
.right_content_img_child a:hover {
  color: #f8f8f8 !important;
  opacity: 0.5;
}
.par_content_title_card {
  display: flex;
  flex-direction: column;
  width: fit-content;
  display: flex;
  flex-direction: column;
  width: fit-content;
  position: absolute;
  z-index: 200;
  top: 54%;
  right: 10%;
  color: #ffffff;
  font-weight: 600;
  font-size: 17px;
  line-height: 20px;
}
.par_content_title_card a {
  color: #ffffff !important;
}
.par_content_title_card a:hover {
  color: #ffffff !important;
  opacity: 0.5;
}

.content_title_card {
  display: flex;
  column-gap: 10px;
  justify-content: space-between;
  margin-bottom: 15px;
  align-items: end;
}
.content_title_card a {
  color: #ffffff !important;
  font-weight: 500;
  font-size: 19px;
  line-height: 20px;
}
.content_title_card a:hover {
  color: #ffffff !important;
  opacity: 0.5;
}
.btn_news {
  text-decoration: none;
  padding: 5px 13px;
  background: #dd914b;
  border-radius: 5px;
  color: #ffffff !important;
  transition: all 0.3s ease-in-out;
}
.btn__news:hover {
  color: #ffffff !important;
  opacity: 0.5;
}
.img__content_card {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.img__content_card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hover_img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
}
.left-content-img {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.third_sec_content {
  height: auto !important;
  width: 100%;
  overflow: hidden;
}
.par_start_up_title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
  margin-bottom: 8rem;
}
.start_up_title {
  width: fit-content;
  margin: auto;
}
.start_up_title h6 {
  color: #dd914b;
  font-weight: 600;
  font-size: 38px;
  line-height: 32px;
}
.start_Up_background {
  height: 183px;
  background: #f8f8f8;
  border-radius: 18px;
  position: relative;
  overflow: visible;
}
.parent_start_up_logos {
  position: absolute;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  left: 50%;
  right: 5%;
  top: -69px;
  column-gap: 14px;
}
.circle {
  width: 234px;
  height: 234px;
  border-radius: 127.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.roj_plus {
  background: #ff8d5c;
}
.ravan_hesab {
  background: linear-gradient(180deg, #13132c 0%, #604161 100%);
  border-radius: 387.5px;
}
.circle:hover {
  box-shadow: 0px 54px 40px -25px rgba(80, 55, 86, 0.34);
}
.rasa {
  background: #141414;
}
.anipo {
  background: #ffffff;
}
.forth_sec_content {
  height: auto !important;
  border-radius: 50px;
  background: #ffffff;
  overflow: hidden;
  margin-top: 4%;
  /* margin-bottom: 10%; */
}
.flex__place {
  display: flex;
  justify-content: space-between;
  align-items: end;
  height: 100%;
}
.forth_content_title {
  color: #dd914b;
  padding-bottom: 18px;
  border-bottom: 1px solid #dd914b;
  padding-top: 5rem;
  margin-bottom: 20px;
  width: fit-content;
}
.forth_content_title p {
  font-weight: 500;
  font-size: 18px;
  line-height: 29px;
  color: #6c6c6c;
}
.forth_content_title h6 {
  font-weight: 600;
  font-size: 38px;
  line-height: 45px;
}
.forth_img {
  position: relative;
  left: 5%;
  right: 5%;
  /* overflow: hidden; */
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 576px) {
  .forth_img {
    left: 0;
    right: 0;
  }
}
.forth_img img {
  width: 100%;
  object-fit: cover;
}
.place_sec_content {
  padding: 0px 34px 6rem 0rem;
  text-align: justify;
}
.sign__up_btn {
  background: #dd914b;
  border-radius: 10px;
  color: white;
  text-decoration: none;
  font-weight: 900;
  font-size: 17px;
  padding: 10px 21px;
  margin-top: 2rem;
  transition: 0.3s ease-in-out;
}
.sign__up_btn:hover {
  color: white;
  opacity: 0.5;
}
footer {
  /* height: 584px;  */
  padding: 122px 2rem 90px 2rem;
  background-color: transparent;
  /* background: linear-gradient(202.72deg, #202020 19.25%, #151515 89.87%); */
}
.footer__content {
  width: 54%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: justify;
}
.footer_content_bottom {
  background: rgba(217, 217, 217, 0.2);
  border-radius: 14px;
  text-align: center;
  height: 40px;
  padding-top: 8px;
}
.footer_content_bottom span {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: #b1b1b1;
  margin: auto;
}
.bottom__logo {
  margin-bottom: 18px;
}
.env-khadamat {
  position: relative;
  width: 75%;
  margin: auto;
  margin-top: 50px;
}
.footer_text p {
  font-weight: 300;
  font-size: 15px;
  line-height: 25px;
  color: #ffffff;
}
.footer__menu {
  width: 100%;
  margin-top: 30px;
}
.footer__menu ul {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  row-gap: 18px;
  list-style: none;
  padding-left: 0;
}
.footer__menu ul li a,
.footer__menu ul li a:not([href]):not([class]) {
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
a:not([href]):not([class]) {
  cursor: pointer;
}
.footer__menu ul li a:hover,
.footer__menu ul li a:not([href]):not([class]):hover {
  opacity: 0.5;
  color: #ffffff;
}
.footer__icons {
  display: flex;
  column-gap: 20px;
  margin-bottom: 42px;
  margin-top: 52px;
}
.footer__icons a {
  transition: all 0.3s ease-in-out;
}
.footer__icons a:hover {
  opacity: 0.5;
}
#webDesign {
  padding: 0;
  padding-top: 40px;
}
.owl-carousel svg:hover path {
  transition: 0.3s ease-in-out;
  /*fill: #23f06b;*/
  cursor: pointer;
}
.owl-item {
  cursor: pointer;
}
@media (max-width:480px) {
  .owl-item {
    cursor: pointer;
    padding: 0 5rem;
  }
}
.owl-carousel #Sl1:hover path {
  fill: #0a58ca !important;
}
.owl-carousel #Sl2:hover path {
  fill: #ea8b21 !important;
}
.owl-carousel #Sl3:hover path {
  fill: #ea8b21 !important;
}
.owl-carousel #Sl4:hover path {
  fill: #00953e !important;
}
.owl-carousel #Sl5:hover path {
  fill: #00629a !important;
}
.owl-carousel #Sl6:hover path {
  fill: #339946 !important;
}
.owl-carousel #Sl7:hover path {
  fill: #fbca0b !important;
}
.owl-carousel #Sl8:hover path {
  fill: #006fb7 !important;
}
.owl-carousel #Sl9:hover path {
  fill: #eb1c26 !important;
}
.owl-carousel #Sl10:hover path {
  fill: #8d7243 !important;
}
.owl-carousel #Sl11:hover path {
  fill: #f05a25 !important;
}
.owl-carousel #Sl12:hover path {
  fill: #16499a !important;
}
.owl-carousel #Sl13:hover path {
  fill: #127987 !important;
}

/*search section*/
.search-icon,
.exit-icon {
  color: white;
}
.exit-icon {
  display: none;
}

.search-section {
  position: absolute;
  display: none;
  z-index: 1040;
  width: 100%;
  transition: width 0.5s ease-in-out;
}
.btn__close {
  position: absolute;
  z-index: 1042;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: white;
  background-color: red;
  top: 0;
  right: 0;
}
.search-box {
  background: linear-gradient(45deg, black, transparent);
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-input {
  width: 100%;
  border: 2px solid white;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
}
.input-textarea {
  position: relative;
  background: transparent;
  width: 88%;
  height: 40px;
  padding: 10px;
  color: white;
  z-index: 2;
  border: none;
  font-family: sans-serif;
}
.input-textarea:focus {
  border: none !important;
  outline: none !important;
}
.search-input span {
  transition: all 0.3s ease-in-out;
}
.search-input span:hover {
  color: white;
  cursor: pointer;
}
.open {
  opacity: 1;
  z-index: 0;
  transition: 0.5s all ease-in-out;
}
.transparent_back {
  background-color: transparent !important;
  border: none !important;
}
.close_modal {
  background: white
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/1em auto no-repeat;
}
.header__modal {
  border-bottom: none !important;
}
.img_header_responsive {
  display: none;
}
.img_header_responsive img {
  width: 100%;
  height: 100%;
}
.hamburger__menu {
  display: none;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .img__header {
    width: 847px;
    height: 940px;
    top: -217px;
    left: -27px;
  }
  .start_up h2 {
    font-size: 41px;
  }
}
@media (max-width: 1200px) {
  .container {
    max-width: 850px;
  }
  .navbar__ ul li a,
  .btn__login,
  .footer__menu ul li a {
    font-size: 14px;
  }
  .header__ {
    height: 100vh;
    padding-bottom: 5rem;
  }
  .header__title h1 {
    font-size: 33px;
    margin-bottom: 1rem !important;
  }
  .header__title h6 {
    font-size: 17px;
  }
  .cards {
    height: 250px;
  }
  .cards svg {
    width: 75.4px;
    height: 80.22px;
  }
  .card__body h5,
  .our_blog_content p,
  .mini_title h4 {
    font-size: 15px !important;
  }
  .card__body p,
  .footer_text p {
    font-size: 12px !important;
  }
  .sub__header {
    padding: 6rem 0px;
  }
  .start_up {
    height: 40%;
    padding: 1rem 2rem;
    bottom: -40%;
    background-size: unset;
  }
  .startup_content {
    width: 55%;
  }
  .startup_content h5,
  .startup_content h4 {
    font-size: 30px !important;
  }
  /* .our_blog , footer{
        height: 620px;
    } */
  .rasa_logo img {
    width: 245px;
  }
  .revelotion_text h6 {
    font-size: 21px;
  }
  .rasa_div {
    /* width: 550px; */
    height: 80%;
  }
  .paren_rasa_content {
    top: 28%;
  }
  .our_blog_content {
    margin-top: 1rem;
  }
  .polygon__ {
    margin-top: 2rem;
  }
  .our_blog_logo {
    height: unset;
    margin-top: 1rem;
  }
  .services_content h1,
  .first_sec_content h6,
  .blog_title__ h6,
  .start_up_title h6,
  .forth_content_title h6 {
    font-size: 34px;
  }
  .start_up h2 {
    font-size: 31px;
  }
  .services_content p,
  .first_sec_content span,
  .par_log_title span {
    font-size: 23px;
  }
  .right_content_img {
    height: 360px;
  }
  .content__card {
    height: 170px;
  }
  .start_Up_background {
    height: 150px;
  }
  .circle {
    width: 170px;
    height: 170px;
  }
  .roj_plus img {
    width: 70%;
  }
  .ravan_hesab img {
    width: 140%;
  }
  .rasa img {
    width: 78%;
  }
  .anipo img {
    width: 90%;
  }
  .parent_start_up_logos {
    top: -29%;
  }
  .forth_sec_content {
    height: 100vh;
  }
  .forth_img img {
    width: 112%;
  }
  .place_sec_content {
    padding: 0px;
  }
  .forth_sec_content {
    height: 300px;
  }
  .par_content_title_card span {
    font-size: 15px;
  }
  .right_content_img {
    width: 63.666667% !important;
  }
  .right_content_img_child h4 {
    font-size: 18px;
  }
  .mini_title {
    bottom: 38%;
    right: 87px;
  }
  .vector_bottom {
    transform: scale(0.8);
    bottom: 176px;
    left: 328px;
  }
  .vector_left {
    width: 300px;
    height: 303px;
    transform: scale(0.8);
    top: 148px;
    left: -20px;
  }
  .img__header {
    width: unset;
    height: unset;
    transform: scale(0.7);
    top: -217px;
    left: -162px;
  }
  .anipo img {
    width: 103%;
  }
  .roj_plus img {
    width: 70%;
  }
  .rasa img {
    width: 78%;
  }
}
@media (max-width: 576px) {
  .forth_sec_content {
    margin-top: 10%;
  }
}
@media (min-width: 768px) and (max-width: 910px) {
  .navbar__ ul li a,
  .btn__login,
  .footer__menu ul li a {
    font-size: 11px;
  }
  .blog__body .white_nav .navbar__ ul li a {
    font-size: 10px;
  }
  .startup_content h5,
  .startup_content h4 {
    font-size: 27px !important;
  }
  .parent__nav svg {
    width: 73%;
  }
  .btn__login {
    padding: 2px 7px 2px 0px;
  }
  .btn__login img {
    margin-right: 3px;
    width: 12%;
  }
  .header__title h6 {
    font-size: 16px;
  }
  .header__title h1 {
    font-size: 42px;
    margin-bottom: 0.5rem !important;
  }
  .flasher__ {
    width: 45px;
    height: 45px;
  }
  .about_us_btn {
    padding: 2px 21px;
    font-size: 14px;
  }
  .services_content h1,
  .first_sec_content h6,
  .blog_title__ h6,
  .start_up_title h6,
  .forth_content_title h6 {
    font-size: 30px !important;
  }
  .start_up h2 {
    font-size: 30px;
  }
  .line__ {
    width: 185px;
  }
  .services_content p,
  .first_sec_content span,
  .par_log_title span {
    font-size: 19px;
  }
  .container {
    max-width: 750px !important;
  }
  .circle {
    width: 159px;
    height: 159px;
  }
  .start_Up_background {
    height: 134px;
  }
  .par_start_up_title {
    margin-top: 5rem;
    margin-bottom: 6rem;
  }

  .revelotion_text h6 {
    font-size: 20px;
    padding: 0px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .card__body h5,
  .our_blog_content p,
  .mini_title h4 {
    font-size: 12px !important;
  }
  .polygon__ img {
    width: 5%;
  }
  .rasa_logo img {
    width: 225px;
  }
  .rasa_div {
    width: 58.33333333% !important;
    height: 100%;
  }
  .paren_rasa_content {
    height: 300px;
    top: 240px;
    width: 100%;
    justify-content: space-around;
  }
  .rasa_logo {
    margin-bottom: 2rem;
  }
  .our_blog {
    height: 577px;
  }
  .our_blog_logo {
    margin-top: 3rem;
  }
  .start_up {
    padding: 1rem 0;
    background-position: 90% 50%;
    background-size: 100px 100px;
  }
  .parent_cards__ {
    column-gap: 10px;
  }
  .cards {
    height: 252px;
    padding: 1.5rem 1rem;
  }
  .sub__header {
    padding: 5rem 0;
  }
  .par_content_title_card span {
    font-size: 13px;
  }
  .mini_title {
    padding: 5px 11px 3px 10px;
    bottom: 94px;
    right: 11px;
  }
  .par_right_content_img {
    bottom: 59px;
    right: -23px;
  }
  .right_content_img_child {
    padding: 0px;
  }
  .right_content_img_child h4,
  .par_right_content_img span {
    font-size: 16px;
    color: #ffffff;
  }
  .forth_sec_content {
    height: 400px;
  }
  .sign__up_btn {
    font-size: 12px;
  }
  .startup_content {
    margin-left: 48px;
  }
  .parent_btns_nav {
    align-items: center;
  }
  .vector_bottom {
    transform: scale(0.8);
    bottom: 63px;
    left: 291px;
  }
  .img__header {
    width: unset;
    height: unset;
    transform: scale(0.6);
    top: -217px;
    left: -193px;
  }
}
@media (max-width: 976px) {
  .circle {
    height: 150px;
  }
}
@media (max-width: 768px) {
  .right_content_img_child {
    padding: 0px;
  }
  .parent_pleasure_title {
    padding-top: 5rem;
  }
  #webDesign {
    padding-bottom: 5rem;
  }
  .nav-active {
    display: none;
  }
  .img_header_responsive {
    display: flex;
    width: 286px;
  }
  .parent__nav {
    display: none;
  }
  .container {
    width: 560px;
  }
  .parent_cards__ {
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 25px;
  }
  .cards {
    height: 222px;
    width: 42% !important;
    padding: 1.5rem 1rem;
  }
  .start_up {
    height: 18%;
    padding: 15px;
    border-radius: 16px;
    background-size: 150px;
  }
  .startup_content {
    margin-left: 81px;
    width: 58%;
  }
  .startup_content h4,
  .startup_content h5 {
    font-size: 20px !important;
  }
  .par_log_title span {
    font-size: 16px;
  }
  .services_content h1,
  .first_sec_content h6,
  .blog_title__ h6,
  .start_up_title h6,
  .forth_content_title h6,
  .start_up h2 {
    font-size: 32px;
  }
  .line__ {
    width: 147px;
  }
  .paren_rasa_content {
    flex-direction: column;
    align-items: center;
    row-gap: 25px;
    padding: 3rem;
  }
  .rasa_logo img {
    width: 233px;
  }
  .anipo img {
    width: 101%;
  }
  .revelotion_text h6 {
    font-size: 20px;
    padding: 0 13px;
  }
  .our_blog_content {
    margin-top: 1rem;
  }
  .our_blog_logo {
    width: 83% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .rasa_div {
    width: 80% !important;
    height: 100%;
  }
  .our_blog {
    height: 620px;
  }
  .right_content_img {
    height: 287px;
    width: 100% !important;
  }
  .par_responsive_startups {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .parent_start_up_logos {
    top: -22%;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
    justify-content: center;
  }
  .card__body h5,
  .mini_title h4,
  .our_blog_content p {
    font-size: 15px;
  }
  .par_right_content_img {
    bottom: 51px;
    right: 52px;
  }
  .mini_title {
    bottom: 30%;
    right: 90px;
    padding: 3px 7px 6px 7px;
  }
  .img__content_card {
    width: 100%;
  }
  .img_content {
    flex-direction: column;
    row-gap: 20px;
  }
  .content__card {
    height: 170px;
    width: 48.5% !important;
  }
  .left-content-img {
    column-gap: 10px;
    flex-direction: row;
    width: 100% !important;
  }
  /* .second_sec_content {
    padding-bottom: 3rem;
  } */
  .par_start_up_title {
    margin-bottom: 6rem;
  }
  .star {
    width: 25px;
    height: 25px;
  }
  .polygon__ img {
    width: 8%;
    transform: rotate(-90deg);
  }
  .services_content p,
  .first_sec_content span,
  .par_log_title span {
    font-size: 18px;
  }
  .blog_title__ {
    margin-bottom: 9px;
  }
  .sign__up_btn,
  .footer_content_bottom,
  .place_sec_content p,
  .footer_content_bottom span,
  .header__title h6 {
    font-size: 12px !important;
  }
  .btn__login {
    padding: 2px 7px;
    font-size: 10px;
  }
  .btn__login img {
    margin-right: 7px;
    height: 10px;
  }
  .btn_login_search {
    width: 35px;
    height: 34px;
    margin-left: 10px;
  }
  .navbar__ ul {
    column-gap: 7px;
  }
  .navbar__ ul li a,
  .footer__menu ul li a {
    font-size: 10px;
  }
  .parent__nav svg {
    width: 100px;
  }
  .header__title {
    width: 100%;
    margin-bottom: 2rem;
  }
  .header__title h1 {
    font-size: 32px;
  }
  .vector_bottom {
    display: none;
  }
  .vector_left {
    /* top: 311px;
        left: -20px;
        width: 159px; */
    display: none;
  }
  .img__header {
    width: 444px;
    height: 940px;
    top: -91px;
    left: -23px;
    display: none;
  }
  .about_us_btn {
    padding: 5px 30px;
    font-size: 12px;
  }
  .flasher__ {
    width: 41px;
    height: 32px;
  }
  .par_content_title_card span {
    font-size: 13px;
  }
  footer {
    padding-top: 3rem;
  }
  .footer__content {
    width: 100%;
  }
  .hamburger__menu {
    font-size: 20px;
    text-align: right;
    color: #b0b0b0;
    cursor: pointer;
    display: flex;
  }
  .start_Up_background {
    height: 332px;
    width: 473px;
  }
  .first_sec_content {
    padding: 6rem 0;
    height: auto;
  }
}
@media (max-width: 738px) {
  .first_sec_ravan_hesab_left_img img {
    width: 96% !important;
  }
}
@media (min-width: 520px) and (max-width: 700px) {
  .start_Up_background {
    height: 344px;
    width: 85%;
  }
}
@media (max-width: 600px) {
  .our_blog_content p {
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
  }
  .anipo img {
    width: 101%;
  }
  .our_blog_logo {
    width: 96%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .our_blog_content {
    width: 70%;
  }
  .right_content_img_child a {
    font-size: 18px;
  }
  .container {
    width: 515px;
  }
  .startup_content {
    width: 80% !important;
  }
  .rasa_logo img {
    width: 171px;
  }
  .revelotion_text h6 {
    font-size: 14px;
    line-height: 23px;
  }
  .line_footer img {
    width: 100%;
  }
  .about_us_btn {
    padding: 0px 22px;
  }
  .forth_content_title {
    color: #dd914b;
    padding-bottom: 21px;
    padding-top: 0;
    margin-bottom: 0px;
    text-align: center;
    margin: auto;
    display: flex;
    justify-content: center;
  }
  .forth_content_title h6 {
    font-weight: 600;
    font-size: 31px;
    line-height: 38px;
  }
  .place_sec_content p {
    width: 70%;
    margin: auto;
    text-align: justify;
    font-weight: 300;
    font-size: 14px !important;
    line-height: 25px;
    margin-top: 1rem;
  }
  .forth_sec_content {
    height: unset;
  }
  .flex__place {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: unset;
  }
  .parent_start_up_logos {
    top: -11%;
  }
  .par_log_title {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .blog_title__ {
    padding-bottom: 19px;
  }
  .blog_title__ h6,
  .start_up_title h6 {
    font-weight: 600;
    font-size: 31px;
    line-height: 20px;
  }
  .blog_title__ span {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
  }
  .second_sec_content .img_content {
    margin-top: 34px;
  }
  .footer__menu ul {
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 26px;
  }
  .footer__menu ul li a {
    font-weight: 600;
    font-size: 15px;
    line-height: 28px;
  }
  .footer_text p {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
  }
  .footer_content_bottom span {
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
  }
  .polygon__ img {
    width: 8%;
    transform: rotate(-90deg);
  }
  .card__body h5 {
    font-weight: 600;
    font-size: 11px !important;
    line-height: 21px;
  }
  .card__body p {
    font-weight: 400;
    font-size: 10px !important;
    line-height: 14px;
  }
  .startup_title h2 {
    font-weight: 500;
    font-size: 28px;
    line-height: 41px;
  }
}

@media (max-width:480px) {
  
  .startup_content {
    width: 85% !important;
  }
  .forth_img img {
    width: 100%;
  }
}

/*login*/
.white__background {
  height: 100vh;
  background-color: #f8f8f8 !important;
}
.transparent_background {
  background-color: transparent !important;
}
.login_sec {
  width: 100%;
  height: 83%;
  display: flex;
}
.form_login_side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 86%;
}
.form_login_side p {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  text-align: right;
  letter-spacing: -0.01em;
  color: #6c6c6c;
  margin-bottom: 0 !important;
  margin-top: 13px;
}
.login__form {
  width: 70%;
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  margin: auto;
}
.picture__side_login {
  background: #dd914b;
  height: 92%;
  border-radius: 0px 40px 40px 0px;
  position: relative;
  overflow: hidden;
}
.picture__side_login img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.login_nav {
  position: unset;
  padding: 1rem 1rem 0rem 1rem !important;
}
.login_nav ul {
  padding-left: 1rem;
}
.login_nav_container {
  margin: 0px 1.7rem 0px 1.7rem !important;
}
.login_nav_container .navbar__ ul li a {
  color: #3d3d3d !important;
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
}
.form__control {
  display: flex;
  flex-direction: column;
}
.form__control label {
  font-weight: 600 !important;
}
.form__control label,
.form__control input::placeholder,
.form__control textarea::placeholder {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #a1a1a1;
  margin-right: 15px;
}
.form__control input,
.form__control textarea {
  resize: none;
  width: 100%;
  background: #ffffff;
  border: none;
  border-radius: 10px;
  color: #444444;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  padding: 0.8rem;
}
.form__control input[type="number"]::-webkit-inner-spin-button {
  appearance: none !important;
  display: none;
}
.form__control input:focus,
.form__control textarea:focus {
  outline: none;
  border: 1px solid #a6cfff;
}
.btn_twice_parent {
  display: flex;
  column-gap: 18px;
  justify-content: space-between;
  margin-top: 20px;
}
.btn__ {
  width: 50%;
  padding: 5px 10px;
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 32px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.signUp_btn {
  background-color: transparent;
  border: 2px solid #dd914b;
  color: #dd914b;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
.signUp_btn:hover {
  background-color: #dd914b;
  color: #f8f8f8;
}
.login_form_btn {
  background-color: #dd914b;
  border: none;
  color: #f8f8f8;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
.login_form_btn:hover {
  background-color: transparent;
  border: 2px solid #dd914b;
  color: #dd914b;
}
.header_login_form_parent {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.header_login_form_parent p {
  color: #6c6c6c;
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 37px;
}
.top_login_header_form {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
}
.header_login_form {
  width: fit-content;
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 36px !important;
  line-height: 67px;
  color: #dd914b;
}
.back__Link {
  color: #b7b7b7;
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  transition: all 0.3s ease-in-out;
}
.back__link a {
  display: flex;
  align-items: baseline;
  column-gap: 10px;
  text-decoration: none;
  color: #b7b7b7;
}
.back__Link a:hover {
  opacity: 0.5;
  color: #b7b7b7 !important;
}
.forget_pass {
  display: flex;
  justify-content: left;
}
.forget_pass a {
  text-decoration: none;
  color: #dd914b;
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  transition: all 0.3s ease-in-out;
}
.forget_pass a:hover {
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .btn_twice_parent a {
    font-size: 12px;
  }
  .login_nav_container .navbar__ {
    width: 73% !important;
  }
  .header_login_form_parent p {
    font-weight: 400;
    font-size: 17px !important;
    line-height: 32px;
  }
  .form_login_side p {
    font-size: 10px;
  }
}
@media (max-width: 930px) {
  .picture__side_login {
    width: 50% !important;
  }
  .form_login_side {
    width: 50% !important;
  }
}
@media (max-width: 768px) {
  .picture__side_login {
    display: none;
  }
  .form_login_side {
    width: 100% !important;
  }
  .login__form {
    padding-top: 9rem;
  }
}
@media (max-width: 576px) {
  .login__form p {
    width: 80%;
    font-size: 10px;
    padding-top: 1rem;
  }
  .top_login_header_form p {
    width: 100%;
    text-align: right;
  }
  .form_login_side p {
    text-align: center;
  }
  .btn_twice_parent a {
    font-weight: 600;
    font-size: 12px;
    line-height: 26px;
  }
  .btn_twice_parent {
    column-gap: 14.7px;
  }
  .form_login_side p {
    width: 80%;
  }
  .form__control label {
    font-weight: 400;
    font-size: 10px;
    line-height: 19px;
  }
  .signUp_sec .login__form {
    row-gap: 7px;
  }
}
/*sign up*/
.signUp_sec {
  flex-flow: row-reverse;
}
.signUp_right_side {
  background: #ececec;
  height: 92%;
  border-radius: 40px 0px 0px 40px;
}
.header_register_form {
  text-align: right;
}
.header_register_form h1 {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 600;
  font-size: 18px !important;
  line-height: 34px !important;
  color: #dd914b;
}
.signUp_sec .login__form {
  row-gap: 5px;
}
@media (max-width: 920px) {
  #blogVarkan .container {
    max-width: 850px;
  }
}
@media (max-width: 768px) {
  .signUp_sec .form_login_side {
    row-gap: 10px;
  }
}
/*blog*/
.blog__body {
  background: #f8f8f8 !important;
}
.blog__body .right_content_img img {
  object-fit: cover;
}
.white__footer {
  background: #ffffff !important;
  padding-top: 61px !important;
  border-radius: 50px 50px 0px 0px !important ;
}
.white__footer .footer_content_bottom {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 25px;
  color: #3d3d3d !important;
  background: rgba(150, 142, 142, 0.05) !important;
}
.white__footer .footer_content_bottom span {
  color: #3d3d3d;
}
.white__footer .footer_text p {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 25px;
  color: #3d3d3d;
}
.white__footer .footer__menu ul li a,
.white__footer .footer__menu ul li a:not([href]):not([class]) {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #3d3d3d;
}
.white__footer .footer__icons a svg path {
  stroke: #3d3d3d;
}
.white__footer .bottom__logo {
  width: 160px !important;
  height: 82px !important;
  margin-bottom: 56px;
}
.white__footer .bottom__logo img {
  width: 100%;
  height: 100%;
}
.blog__nav_second {
  display: flex;
  padding: 4rem;
}
.left_menu_blog_nav ul {
  display: flex;
  column-gap: 25px;
  list-style: none;
}
.left_menu_blog_nav ul li a,
.left_menu_blog_nav ul li a:not([href]):not([class]),
.right_menu_blog_nav a,
.right_menu_blog_nav ul li a:not([href]):not([class]),
.right_menu_blog_nav select {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  color: #7a7a7a !important;
  cursor: pointer;
  padding: 0px 11px;
  transition: 0.3s ease-in-out;
}
.left_menu_blog_nav ul li a:hover,
.left_menu_blog_nav ul li a:not([href]):not([class]):hover {
  color: #7a7a7a !important;
  opacity: 0.5;
}
.left_menu_blog_nav ul li {
  border-radius: 78px;
}
.left_menu_blog_nav ul li:hover {
  background: #e97f1c;
  color: #f8f8f8 !important;
}
.right_menu_blog_nav select,
.right_menu_blog_nav select:focus {
  border: none;
  background-color: transparent;
  border-bottom: 2px solid #7a7a7a;
  outline: none !important;
}
.right_menu_blog_nav a {
  text-decoration: none;
  margin-left: 27px;
}
.parent_secend_blog_menu {
  display: flex;
  justify-content: space-between;
}
.parent__card_blog {
  margin-bottom: 2rem;
}
.card {
  text-decoration: none !important;
  border-radius: 15px !important;
  border: none !important;
  height: 530px;
  width: 32% !important;
  transition: all 0.3s ease-in-out !important;
}
.card-body {
  padding: 27px 2rem 3rem 2rem !important;
}
.card-title {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #e97f1c;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.card-title:hover {
  color: #e97f1c !important;
  opacity: 0.5;
}
.card-text {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #3d3d3d;
}
.card-text:last-child {
  margin-bottom: 0px !important;
  margin-top: 10px !important;
}
.card img {
  border-radius: 15px;
}
.card-time {
  width: fit-content;
  display: flex;
  align-items: baseline;
  column-gap: 14px;
  align-items: baseline;
  margin-bottom: 10px;
}
.card-time a,
.card-time a:not([href]):not([class]) {
  text-decoration: none;
  background: #7a7a7a;
  border-radius: 14px 0px 0px 14px;
  color: #ffffff;
  padding: 0px 11px 0px 16px;
  transition: all 0.3s ease-in-out;
}
.card-time a:hover,
.card-time a:not([href]):not([class]):hover {
  color: #ffffff !important;
  opacity: 0.5;
}
.card-time span,
.card-time a {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
}
.card-time span {
  color: #7a7a7a;
}
.cards_parent {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.row_cards_parent {
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}
.par-card-img-top {
  text-decoration: none;
  width: 100%;
  height: 52%;
  overflow: hidden;
  border-radius: 15px;
}
.card-img-top {
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.par-card-img-top:hover .card-img-top {
  transform: scale(1.2);
}
.top_section_blog .right_content_img {
  width: 65% !important;
}
.top_section_blog .left-content-img {
  width: 32% !important;
}
/*new white nav*/
.white_nav {
  padding: 1rem 1rem 0 1rem;
}
.white_nav .navbar__ ul li a,
.white_nav .navbar__ ul li a:not([href]):not([class]),
.white_nav_fixed .navbar__ ul li a,
.white_nav_fixed .navbar__ ul li a:not([href]):not([class]) {
  font-family: "AzarMehr", serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #fffbf9;
  transition: all 0.3s ease-in-out;
  cursor: pointer !important;
}
.white_nav .navbar__ ul li a:hover,
.white_nav .navbar__ ul li a:not([href]):not([class]):hover,
.white_nav_fixed .navbar__ ul li a:hover,
.white_nav_fixed .navbar__ ul li a:not([href]):not([class]):hover {
  color: #3e7bfa;
  opacity: 1;
}
.white_nav .btn_login_search,
.white_nav_fixed .btn_login_search {
  /* background: #3D3D3D; */
  background: #fffbf9;
  color: #3e7bfa;
}
.white_nav .btn__login,
.white_nav_fixed .btn__login {
  border: 1px solid #fffbf9 ;
  color: #fffbf9 ;
}

/*new gray nav*/
.gray_nav {
  padding: 1rem 1rem 0 1rem;
}
.gray_nav .navbar__ ul li a,
.gray_nav .navbar__ ul li a:not([href]):not([class]) {
  font-family: "AzarMehr", serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #3d3d3d;
  cursor: pointer !important;
  transition: all 0.3s ease-in-out;
}
.gray_nav .navbar__ ul li a:hover,
.gray_nav .navbar__ ul li a:not([href]):not([class]):hover {
  color: #00965e;
  opacity: 1;
}
.gray_nav .btn_login_search {
  background: #00965e;
  color: transparent;
}
.gray_nav .btn__login {
  border: 1px solid #3d3d3d ;
  color: #3d3d3d ;
}
/*new black nav*/
.black_nav {
  padding: 1rem 1rem 0 1rem;
}
.black_nav .navbar__ ul li a,
.black_nav .navbar__ ul li a:not([href]):not([class]) {
  font-family: "AzarMehr", serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #000000;
  cursor: pointer !important;
  transition: all 0.3s ease-in-out;
}
.black_nav .navbar__ ul li a:hover,
.black_nav .navbar__ ul li a:not([href]):not([class]):hover {
  color: #e97f1c;
  opacity: 1;
}
.black_nav .btn_login_search {
  background: #000000;
  color: #ffffff;
}
.black_nav .btn__login {
  border: 1px solid #000000 ;
  color: #000000 ;
}

/*khadamat nav*/
.khadamat_nav {
  padding: 1rem 1rem 0 1rem;
}
.khadamat_nav .navbar__ ul li a,
.khadamat_nav .navbar__ ul li a:not([href]):not([class]) {
  font-family: "AzarMehr", serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #3d3d3d;
  transition: all 0.3s ease-in;
}
.khadamat_nav .navbar__ ul li a:hover,
.khadamat_nav .navbar__ ul li a:not([href]):not([class]):hover {
  color: #e97f1c;
  opacity: 1;
}
.khadamat_nav .btn_login_search {
  background: #3d3d3d;
  color: #ffffff;
}
.khadamat_nav .btn__login {
  border: 1px solid #3d3d3d ;
  color: #3d3d3d ;
}

.view_more_information_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 39px;
}
.view_more_information_btn a,
.view_more_information_btn a:not([href]):not([class]) {
  text-decoration: none;
  color: #e97f1c;
  border: 2px solid #e97f1c;
  border-radius: 39px;
  display: flex;
  align-items: center;
  column-gap: 9.91px;
  padding: 8px 23px 10px 23px;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  margin-left: 10px;
  transition: all 0.3s ease-in-out;
}
.view_more_information_btn a:hover,
.view_more_information_btn a:not([href]):not([class]):hover {
  background-color: #e97f1c;
  color: white !important;
}
.responsive_parent_cards {
  display: none;
}
@media (max-width: 1200px) {
  .left_menu_blog_nav ul li a,
  .left_menu_blog_nav ul li a:not([href]):not([class]),
  .right_menu_blog_nav a,
  .right_menu_blog_nav ul li a:not([href]):not([class]),
  .right_menu_blog_nav select {
    font-size: 11px;
  }
}
/*blog__2*/
.first_sec_blog_2 {
  display: flex;
  align-items: center;
  column-gap: 51px;
  justify-content: space-between;
  padding-top: 10rem;
  margin-bottom: 5rem;
}
.left_side_blog_2 {
  width: 58%;
  height: 407px;
  border-radius: 15px;
  overflow: hidden;
}
.left_side_blog_2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.right_side_blog_2 {
  display: flex;
  flex-direction: column;
  width: 40%;
}
.texts_of_right_blog_2 {
  display: flex;
  row-gap: 10px;
  flex-direction: column;
}
.right_side_blog_2 h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 31px;
  line-height: 52px;
  color: #e97f1c;
}
.right_side_blog_2 h6 {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #c0c0c0;
}
.texts_of_right_blog_2 p {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  text-align: right;
  color: #6c6c6c;
}
.socialmedia_icons {
  width: 50%;
  display: flex;
  column-gap: 14px;
}
.right_second_blog_2 {
  width: 65%;
  text-align: justify;
  display: flex;
  row-gap: 30px;
  flex-direction: column;
}
.right_second_blog_2 p {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 27px;
  color: #6c6c6c;
  margin-bottom: 0;
}
.big_pic_blog_2 {
  width: 100%;
  height: 351px;
}
.big_pic_blog_2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btns_parent_blog_post {
  display: flex;
  justify-content: flex-end;
  column-gap: 9px;
}
.btns_parent_blog_post a,
.btns_parent_blog_post a:not([href]):not([class]) {
  border: 1px solid #b2b2b2;
  text-decoration: none;
  border-radius: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #b2b2b2;
  width: fit-content;
  padding: 3px 15px;
}
.socialmedia_icons_2 {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.bottom_of_post_blog_2 {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  margin-bottom: 2rem;
}
.socialmedia_icons_2 a svg path stroke {
  color: #b0b0b0;
}
.titles__section {
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.titles__section h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px !important;
  line-height: 45px;
  color: #6c6c6c;
}
.related__articles {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.related__articles a,
.related__articles a:not([href]):not([class]) {
  text-decoration: none;
  font-style: normal;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 28px;
  color: #e97f1c;
  transition: all 0.3s ease-in-out;
}
.related__articles a:hover,
.related__articles a:not([href]):not([class]):hover {
  color: #e97f1c !important;
  opacity: 0.5;
}
.openiens_form {
  display: flex;
  row-gap: 21px;
  flex-direction: column;
}
.par_btn_openiens {
  display: flex;
  justify-content: flex-end;
}
.openiens_form .form__control input:focus,
.openiens_form .form__control textarea:focus {
  border: 1px solid #e97f1c;
}
.par_btn_openiens .btn__ {
  width: fit-content;
  padding: 5px 32px;
}
.second_sec_blog_2 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 4rem;
}
.left_second_blog_2 {
  width: 32%;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.list_recently {
  display: flex;
  flex-direction: column;
  row-gap: 29px;
}
.recently__box {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  column-gap: 17px;
}
.recently_content {
  width: 72%;
}
.recently_content a,
.recently_content a:not([href]):not([class]) {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  display: flex;
  align-items: center;
  color: #6c6c6c;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: block;
}
.recently_content a:hover,
.recently_content a:not([href]):not([class]):hover {
  color: #b0b0b0;
  opacity: 0.5;
}
.recently_content span {
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
  color: #b0b0b0;
}
.recently_pic {
  width: 85px;
  height: 85px;
  border-radius: 15px;
  border-bottom: 4px solid #e97f1c;
}
.recently_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.parent_related_labels {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  align-items: flex-start;
}
.related_labels {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.related_labels a,
.related_labels a:not([href]):not([class]) {
  text-decoration: none;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  display: flex;
  align-items: center;
  color: #b0b0b0;
  border: 2px solid #b2b2b2;
  border-radius: 78px;
  transition: all 0.3s ease-in-out;
  width: fit-content;
}
.related_labels a:hover,
.btns_parent_blog_post a:hover,
.related_labels a:not([href]):not([class]):hover,
.btns_parent_blog_post a:not([href]):not([class]):hover {
  color: #6c6c6c;
}
.related_labels .row {
  column-gap: 14px;
  margin-right: -1px;
}
.caption__parent {
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.caption_pic {
  width: 34px;
  height: 34px;
  border-radius: 70px;
}
.caption_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.caption_text {
  display: flex;
  column-gap: 10px;
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
  color: #b0b0b0;
}
.responsive_img_content {
  display: none;
}
/*blog__2*/
/*blog*/
.blog__body_2 {
  background: #f8f8f8 !important;
}
.blog__body_2 nav {
  background-color: #ffffff !important;
}
.blog__body_2 .right_content_img img {
  object-fit: cover;
}

/*blog*/
@media (max-width: 1200px) {
  .white_nav .btn__login,
  .left_menu_blog_nav ul li,
  .right_menu_blog_nav a,
  .right_menu_blog_nav select,
  .white_nav .navbar__ ul li a {
    font-size: 10px !important;
  }
  .khadamat_nav .navbar__ ul li a,
  .khadamat_nav .navbar__ ul li a:not([href]):not([class]) {
    font-size: 13px;
  }
  .white_nav .btn__login {
    padding: 0 10px;
  }
  .card-title {
    font-size: 14px;
    line-height: 25px;
  }
  .card-text {
    font-size: 11px;
    line-height: 20px;
  }
  .card-time span,
  .card-time label {
    font-size: 9px;
    line-height: 18px;
  }
  .card {
    border-radius: 15px !important;
    border: none !important;
    height: 387px;
  }
  .card-body {
    padding: 27px 2rem 1rem 2rem !important;
  }
  .par-card-img-top {
    height: 42%;
  }
  .white__footer .footer__menu ul li a,
  .footer_content_bottom span {
    font-size: 12px;
  }
  .top_section_blog .par_log_title span {
    font-size: 17px;
  }
  .white_nav .parent__nav svg {
    width: 100px;
    height: 40px;
  }
}
/*blog*/
@media (max-width: 768px) {
  .top_section_blog .right_content_img,
  .top_section_blog .left-content-img {
    width: 100% !important;
  }
  .sub__header .container {
    max-width: 100%;
  }
  .top_section_blog .content__card {
    height: 170px;
    width: 48%;
  }
  .top_section_blog {
    padding-top: 5rem !important;
  }
  .cards_parent {
    flex-direction: row;
    column-gap: 30px;
  }
  .row_cards_parent {
    flex-direction: column;
    row-gap: 30px;
  }
  .card {
    width: 100% !important;
  }
  .top_section_blog .left-content-img {
    width: 100%;
  }
  .top_section_blog .mini_title {
    bottom: 98px !important;
    right: 109px !important;
  }
  .left_menu_blog_nav ul {
    justify-content: space-between;
    column-gap: 4px;
    width: 100%;
    padding-left: 0px !important;
  }
  .parent_secend_blog_menu {
    justify-content: space-between;
    flex-direction: column;
  }
  .left_menu_blog_nav ul li {
    padding: 0px 3px;
  }
  .white__footer .footer__content {
    margin-bottom: 64px !important;
  }
}
@media (max-width: 576px) {
  /* .start_Up_background {
        height: 120vh;
        width:280px;
    } */
  #webDesign {
    padding-bottom: 68px;
  }
  .cards {
    height: 195px;
    width: 48% !important;
  }
  .flasher__ {
    display: none;
  }
  .flasher_fill {
    display: block;
    padding-top: 60px;
  }
  .main__header {
    padding-top: 24% !important;
  }
  .start_up {
    padding: 30px 0;
  }
  .rasa_logo {
    width: 185px;
  }
  .rasa_logo img {
    width: 100%;
  }
  .our_blog_content {
    width: 100%;
    text-align: right;
  }
  .revelotion_text h6 {
    font-size: 14px !important;
  }
  .parent_pleasure_title {
    padding-top: 91px !important;
    text-align: center;
  }
  .paren_rasa_content {
    padding: 0px;
  }
  .startup_title {
    text-align: center;
  }
  .blog__nav_second {
    display: none;
  }
  .parent__card_blog {
    display: none;
  }
  .par_log_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
  }
  .par_log_title span {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
  }
  .line__two {
    padding-bottom: 24px;
  }
  .blog_title__ {
    font-weight: 600;
    font-size: 31px;
    line-height: 20px;
  }
  .parent_secend_blog_menu {
    display: none;
  }
  .responsive_parent_cards {
    display: flex;
    flex-direction: column;
    row-gap: 31.47px;
  }
  .responsive_cards {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 30px;
  }
  .responsive_title_cards {
    display: flex;
    align-items: center;
    column-gap: 7px;
  }
  .responsive_title_cards a,
  .responsive_title_cards a:not([href]):not([class]) {
    text-decoration: none;
    font-family: "AzarMehr";
    font-style: normal;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 26px !important;
    color: #3d3d3d;
    transition: all 0.3s ease-in-out;
  }
  .responsive_title_cards a:hover,
  .responsive_title_cards a:not([href]):not([class]):hover {
    color: #3d3d3d !important;
    opacity: 0.5;
  }
  .orang_thin_border {
    background: #e97f1c;
    border-radius: 25px;
    width: 3px;
    height: 31px;
  }
  .responsive_caption_cards {
    display: flex;
    align-items: center;
    column-gap: 21px;
    color: #b0b0b0;
  }
  .responsive_caption_cards span,
  .responsive_caption_cards a,
  .responsive_caption_cards a:not([href]):not([class]) {
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    color: #b0b0b0;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
  }
  .responsive_caption_cards a:hover,
  .responsive_caption_cards a:not([href]):not([class]):hover {
    opacity: 0.5;
    color: #b0b0b0 !important;
  }
  .responsive_card_img {
    width: 77.55px;
    height: 69.68px;
    background: #e97f1c;
    border-radius: 15px;
    border-bottom: 3px solid #e97f1c;
    overflow: hidden;
  }
  .responsive_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .responsive_cards_content {
    display: flex;
    flex-direction: column;
    /* row-gap: 7px; */
    width: 68%;
  }
  .select_filter_base {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 7px;
  }
  .select_filter_base select {
    border: none;
    background: transparent;
    font-family: "AzarMehr";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    color: #3d3d3d;
    -webkit-appearance: none;
  }
  .select_filter_base select:focus {
    border: none;
  }
  #blogVarkan .img_content {
    display: none;
  }
  .responsive_img_content {
    display: block;
  }
  .blog__body {
    position: relative;
    height: 100%;
    /* background: #eee; */
    /* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
  }
  .swiper {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .swiper-slide .right_content_img_child {
    font-weight: 600;
    font-size: 17px;
    line-height: 27px;
    padding: 0px;
  }
  .swiper-slide .right_content_img_child .mini_title h4 {
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
  }
  .swiper-slide .right_content_img_child .mini_title span {
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
  }
  .title_on_blog_cards {
    width: 65%;
  }
  .view_more_information_btn a,
  .view_more_information_btn i {
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
  }
  .first_sec_content h6 {
    font-weight: 600;
    font-size: 31px;
    line-height: 20px;
  }
}
@media (max-width: 420px) {
  .place_sec_content p {
    width: 93%;
  }
  .sub__header .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .parent_cards__ {
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
  .cards {
    height: 195px;
    width: 60% !important;
  }
  .start_up h2 {
    font-size: 29px !important;
  }
  .par_log_title span {
    text-align: center;
  }
}
/*blog__2*/
@media (max-width: 1200px) {
  .recently_content span {
    font-size: 11px;
  }
  .recently_content a {
    font-size: 12px;
  }
  .related_labels .row {
    gap: 9px;
  }
  .right_side_blog_2 h1 {
    font-size: 24px;
    line-height: 42px;
  }
  .right_second_blog_2 p {
    font-size: 14px;
  }
  .related_labels a {
    font-size: 10px;
  }
}

/*startUp home*/
.startUp-home {
  background: #283ba0 !important;
}
.nav-active-purple {
  background: linear-gradient(282.05deg, #263794 0%, #6f7ab5 100%) !important;
}
.white_nav_2 svg {
  width: 110px;
  height: 57px;
}
.white_nav_2 .navbar__ ul li a,
.navbar__ ul li a:not([href]):not([class]) {
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  color: #ffffff;
  cursor: pointer;
}
.navbar__ ul li a:not([href]):not([class]):hover {
  opacity: 0.5;
  color: lightgray;
}
.white_nav_2 .btn__login {
  font-weight: 600;
  font-size: 17px;
  line-height: 32px;
  color: #ffffff;
}
.signUp-home-sec-1 {
  height: 110vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  padding-top: 14rem;
}
.left-side-signUp-home-sec-1 {
  width: 40% !important;
}
.title-signUp-home-sec-1 h2 {
  font-weight: 900;
  font-size: 70px !important;
  line-height: 70px !important;
  /* color: #FFC909; */
  font-family: "Dorsa";
}
.title-signUp-home-sec-1 :nth-child(1) {
  color: #ffc909;
}
.title-signUp-home-sec-1 :nth-child(2) {
  color: #ffffff;
}
.right-side-signUp-home-sec-1 {
  width: 60% !important;
}
.left-side-signUp-home-sec-1 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.left-side-signUp-home-sec-1 p {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 29px;
  color: #f1f1f1;
}
.clouds-head {
  position: absolute;
  z-index: 3;
  top: -79px;
  left: 0;
  right: -37px;
  bottom: 0;
  width: 664px;
  height: 100%;
}
.clouds-head img {
  width: 134%;
  height: 146%;
}
.yellow-circle {
  position: absolute;
  z-index: 2;
  top: 74px;
  left: 0;
  right: -18px;
  bottom: 0;
  width: 409px;
}
.yellow-circle img {
  width: 100%;
  /* width: 391px; */
}

.orang-border-sec-2 {
  position: relative;
  border-bottom: 1px solid #ffc908;
  border-right: 1px solid #ffc908;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 100%;
  height: 162.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* font-family: 'IRANSans'; */
  font-weight: 300;
  font-size: 18px;
  line-height: 29px;
  color: #f1f1f1;
  padding: 2rem 2rem 1rem 0;
}
.orang-border-sec-2 p {
  margin-bottom: 0 !important;
}
.anipo_logo_start_up_home {
  width: 284.05px;
  height: 398.13px;
}
.anipo_logo_start_up_home img {
  width: 100%;
  height: 100%;
}
.signUp-home-sec-2 {
  padding: 5rem 0;
}
.signUp-home-sec-2-row {
  column-gap: 94px;
  align-items: center;
}
.orang-border-sec-2 h3 {
  font-family: "Dorsa";
  font-weight: 900;
  font-size: 71px;
  line-height: 70px;
  color: #ffc909;
  position: absolute;
  right: 36px;
  top: -31px;
  /* top: -39px; */
}
.border_title_section {
  width: 10px;
  height: 34px;
  border-radius: 3px;
  background-color: #e97f1c;
}
.wordpress_section {
  display: flex;
  align-items: center;
  row-gap: 30px;
  flex-direction: column;
  padding: 85px 0px;
}
.wordpress_parent {
  display: flex;
  column-gap: 100px;
  align-items: center;
}
@media (max-width: 560px) {
  .wordpress_parent {
    flex-flow: column-reverse;
  }
  .wordpress-title h5 {
    text-align: center;
  }
}
.wordpress-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.wordpress-h5-1 {
  color: #ffca0c;
}
.wordpress-h5-2 {
  color: #ffffff !important;
}
.wordpress-title h5 {
  font-family: "Dorsa";
  font-style: normal;
  font-weight: 900;
  font-size: 60px;
  line-height: 70px;
}
.wordpress_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  padding: 58px 81px;
  border-left: 1px solid #ffc908;
  border-right: 1px solid #ffc908;
  border-bottom: 1px solid #ffc908;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
.wordpress_text p,
.whitout-border-sec-2 p {
  font-family: "AzarMehr";
  font-weight: 300;
  font-size: 17px;
  line-height: 29px;
  color: #f1f1f1;
}
.wordpress_text h6 {
  font-family: "AzarMehr";
  font-weight: 700;
  font-size: 19px;
  line-height: 29px;
  color: #ffca0c;
}
.bc__maat {
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 50px 50px 0px 0px;
}
.bc__maat .footer_content_bottom span {
  color: #ffffff !important;
}
.whitout-border-sec-2 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  align-items: flex-start;
}
.whitout-border-sec-2 h3 {
  font-family: "Dorsa";
  font-style: normal;
  font-weight: 900;
  font-size: 60px;
  line-height: 70px;
  color: #ffca0c;
}
.right-box-top,
.left-box-top,
.left-box-down,
.right-cloud,
.left-cloud,
.cloud-footer,
.box-footer {
  position: absolute;
  z-index: 1;
}
.right-box-top {
  right: 0;
  top: 21%;
}
.left-box-top {
  left: 0px;
  top: 20%;
  /* top: 203.44px; */
}
.left-box-down {
  left: 0;
  top: 76%;
}
.right-cloud {
  right: 0;
  top: 20%;
}
.left-cloud {
  left: 0;
  top: 76%;
}
.cloud-footer {
  right: 0;
  top: 62%;
}
.box-footer {
  left: 0;
  top: 28%;
}
/*main-start-up*/
.sec__main_startUp_1 {
  height: 100vh;
  width: 100%;
}

/*ravan-hesab*/
.bc__gray {
  background: #d9d9d9;
}
.bc__gray .btn_login_search {
  background: #00965e !important;
}
.bc__gray .btn_login_search i {
  color: #d0d0d0 !important;
}
.first_sec_ravan_hesab {
  height: 115vh;
  overflow: hidden;
  padding-top: 9rem;
}
.ravan_hesab_text_ {
  text-align: center !important;
  padding-top: 3%;
}
.ravan_hesab_text_ h4 {
  font-weight: 600;
  font-size: 38px;
  line-height: 60px;
  letter-spacing: -0.02em;
  color: #ffffff !important;
  font-family: "AzarMehr", serif;
  font-style: normal;
}
.ravan_hesab_text_ p {
  font-weight: 200;
  font-size: 17px;
  line-height: 29px;
  color: #ffffff;
  margin-top: 1%;
  font-family: "AzarMehr", serif;
  font-style: normal;
}
.ravan_hesab_text_ button {
  color: #ffffff;
  background-color: transparent;
  padding: 11px 29px 11px 29px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  margin-top: 3%;
}
.first_sec_ravan_hesab_right {
  background: #00965e;
  box-shadow: 0px 4px 55px -35px rgba(0, 0, 0, 0.25);
  border-radius: 239.5px 20px 20px 225px;
  width: 82% !important;
  display: flex;
  align-items: center;
  padding-right: 4.5rem !important;
  height: 479px;
}
.first_sec_ravan_hesab_right_child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 40px;
  width: 64%;
}
.first_sec_ravan_hesab_right_child h2 {
  font-family: "Dorsa";
  font-style: normal;
  font-weight: 400;
  font-size: 50px !important;
  line-height: 70px;
  color: #3d3d3d;
}
.gray_title {
  color: #d9d9d9 !important;
  font-weight: 900;
}
.first_sec_ravan_hesab_right_child p {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 29px;
  color: #d9d9d9;
}
.first_sec_ravan_hesab_left {
  width: 27%;
  position: relative;
}
.first_sec_ravan_hesab_left_img {
  position: absolute;
  z-index: 1;
  width: 515.49px;
  height: 600px;
  left: -2%;
  top: -613px;
}
.first_sec_ravan_hesab_left_img img {
  width: 100%;
  height: 100%;
}
.top_gray_1 {
  width: 100%;
  height: 310px;
  background: #e1e1e1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-top: 3rem;
}
.top_gray_1 .top_gray_1_div {
  width: 87%;
  height: 144px;
  border-right: 15px solid #d9d9d9;
  padding-right: 26px;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.top_gray_1 .top_gray_1_div p {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 29px;
  color: #3d3d3d;
  margin-bottom: 0 !important;
}
.RavanHesabtitle_img {
  position: absolute;
  z-index: 1;
  right: 4%;
  top: -43%;
}
.RavanHesabtitle_img img {
  width: 100%;
  height: 100%;
}
.top_gray_2 {
  height: 200px;
  width: 32%;
  background: #e1e1e1;
}
.second-sec-ravan-hesab-bottom-img {
  height: 312.8px;
  border-radius: 20px;
  overflow: hidden;
  width: 52%;
}
.second-sec-ravan-hesab-bottom-img img {
  width: 100%;
  height: 100%;
}
.second-sec-ravan-hesab-bottom-text {
  border: 1px solid #3d3d3d;
  border-right: 0;
  box-shadow: 0px 4px 55px -35px rgba(0, 0, 0, 0.25);
  border-radius: 20px 0px 0px 20px;
  width: 60%;
  padding: 39px;
  height: 230px;
}
.child-second-sec-ravan-hesab-bottom-text {
  display: flex;
  column-gap: 17px;
  align-items: center;
}
.green_border {
  width: 2px;
  height: 43px;
  background: #00965e;
}
.child-second-sec-ravan-hesab-bottom-text p {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 29px;
  color: #3d3d3d;
}
.child-second-sec-ravan-hesab-bottom-text h2 {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 700;
  font-size: 23px !important;
  line-height: 36px;
  color: #00965e;
}
.second-sec-ravan-hesab-bottom_1 {
  display: flex;
  align-items: center;
}
.second-sec-ravan-hesab-bottom {
  position: absolute;
  z-index: 1;
  top: -121px;
  margin-bottom: 100px;
}
.gray_footer {
  background: #e1e1e1 !important;
  border-radius: 50px 50px 0px 0px;
}
.gray_footer .footer__content p,
.gray_footer .footer__menu ul li a,
.gray_footer .footer__menu ul li a:not([href]):not([class]),
.gray_footer .footer_content_bottom span {
  color: #706f6f;
}
.gray_footer .footer_content_bottom {
  background: rgba(150, 142, 142, 0.05);
}
.gray_footer .footer__icons a svg path {
  stroke: #706f6f;
}
.second_sec_ravan_hesab {
  padding-bottom: 18rem;
  padding-top: 2rem;
}
.ravan_hesab_img_responsive {
  display: none;
}
.first_sec_ravan_hesab_top {
  display: none;
}
@media (max-width: 1200px) {
  .first_sec_ravan_hesab_right_child h2 {
    font-size: 28px !important;
    line-height: 43px;
  }
  .first_sec_ravan_hesab_right_child p,
  .top_gray_1 .top_gray_1_div p,
  .parent-second-sec-ravan-hesab-bottom-text p {
    font-size: 15px;
  }
  .first_sec_ravan_hesab_left_img {
    left: -17%;
    top: -450px;
    width: 55%;
  }
  .first_sec_ravan_hesab_left_img img {
    width: 75%;
    height: 75%;
  }
  .first_sec_ravan_hesab_right {
    height: unset;
    padding: 2rem;
  }
  .top_gray_1 .top_gray_1_div {
    height: 100px;
  }
  .RavanHesabtitle_img {
    width: 37%;
  }
  .child-second-sec-ravan-hesab-bottom-text h2 {
    font-size: 19px !important;
    line-height: 29px;
  }
  .first_sec_ravan_hesab {
    height: 100vh;
    padding-top: 9rem;
  }
  .second-sec-ravan-hesab-bottom-text {
    padding: 30px;
    height: unset;
  }
  .second-sec-ravan-hesab-bottom-img {
    height: 255.8px;
  }
  .second-sec-ravan-hesab-bottom {
    top: -153px;
  }
  .second_sec_ravan_hesab {
    padding-bottom: 11rem;
  }
  .top_gray_1 {
    height: 241px;
  }
}
@media (max-width: 991px) {
  .footer__content {
    width: 72%;
  }
  .G1Five {
    position: absolute;
    top: 7px !important;
    width: 100%;
    right: -11px !important;
  }
  .title_on_blog_cards {
    width: 77%;
  }
  .main_nav_data .container {
    max-width: 100% !important;
  }
  .start_up h2 {
    font-size: 25px;
  }
  .startup_content h5,
  .startup_content h4 {
    font-size: 28px !important;
  }
  .startup_content {
    width: 68%;
  }
  .revelotion_text h6 {
    font-size: 19px;
  }
  .our_blog .container {
    max-width: 88%;
  }
}
@media (max-width: 910px) {
  .circle {
    height: 150px;
  }
  .first_sec_ravan_hesab_left_img {
    left: -7%;
    top: -390px;
    width: 51%;
  }
  .first_sec_ravan_hesab_left_img img {
    width: 75%;
    height: 60%;
  }
  .second-sec-ravan-hesab-bottom_1 {
    flex-direction: column;
  }
  .second-sec-ravan-hesab-bottom-img {
    width: 100%;
  }
  .second-sec-ravan-hesab-bottom-text {
    border: none;
    border-right: 0;
    box-shadow: none;
    width: 100%;
  }
  .parent-second-sec-ravan-hesab-bottom-text p {
    font-size: 13px;
  }
  .first_sec_ravan_hesab_right_child p {
    font-size: 13px;
    line-height: 23px;
  }
  .first_sec_ravan_hesab_right_child h2 {
    font-size: 28px !important;
    line-height: 43px;
  }
  .first_sec_ravan_hesab_right_child {
    row-gap: 23px;
  }
  .first_sec_ravan_hesab_left_img {
    left: -9%;
    top: -377px;
    width: 51%;
  }
  .container {
    width: 90%;
  }
  .second-sec-ravan-hesab-bottom-img,
  .second-sec-ravan-hesab-bottom-text {
    width: 75%;
  }
  .second_sec_ravan_hesab {
    padding-bottom: 18rem;
  }
  .first_sec_ravan_hesab_right_child h2 {
    font-size: 29px !important;
    line-height: 45px;
  }
  .first_sec_ravan_hesab {
    padding-top: 8rem;
  }
  .navbar__ {
    width: 62% !important;
  }
  .navbar__ ul {
    column-gap: 5px;
  }
  .navbar__ ul li a {
    font-size: 13px;
  }
  .title_on_blog_cards {
    width: 77%;
  }
  .main_nav_data .container {
    width: 100% !important;
  }
}
/*mainPage*/
#mainPage .cards {
  cursor: pointer;
}
@media (max-width: 768px) {
  .footer__content {
    width: 100%;
  }
  .first_sec_ravan_hesab {
    padding-top: 9rem;
  }
  .circle {
    height: 170px;
  }
  .first_sec_ravan_hesab_right_child h2 {
    font-size: 23px !important;
    line-height: 36px;
  }
  ._navbar {
    display: flex !important;
    position: fixed;
    top: 0;
    z-index: 1000;
  }
  .first_sec_ravan_hesab_right_child {
    row-gap: 11px;
  }
  .first_sec_ravan_hesab_right {
    height: unset;
    padding: 2rem;
    padding-right: 2.5rem !important;
    width: 73% !important;
  }
  .first_sec_ravan_hesab_left_img {
    left: -5%;
    top: -366px;
    width: 55%;
  }
  .second-sec-ravan-hesab-bottom_1 {
    flex-direction: column;
  }
  .second-sec-ravan-hesab-bottom-img {
    width: 100%;
  }
  .second-sec-ravan-hesab-bottom-text {
    border: none;
    border-right: 0;
    box-shadow: none;
    width: 100%;
  }
  .second_sec_ravan_hesab {
    padding-bottom: 20rem !important;
  }
  .first_sec_ravan_hesab_right_child p {
    font-size: 12px;
    line-height: 23px;
  }
  .container {
    max-width: 95%;
  }
  .top_gray_1 .top_gray_1_div p,
  .parent-second-sec-ravan-hesab-bottom-text p {
    font-size: 13px;
    line-height: 22px;
  }
  /* .startup_content h5,
  .startup_content h4 {
    font-size: 17px !important;
  } */
  .start_up h2 {
    font-size: 24px;
    line-height: 61px;
  }
  .footer__menu ul li a,
  .footer__menu ul li a:not([href]):not([class]) {
    font-size: 11px;
  }
  .left-content-img {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .first_sec_ravan_hesab_top {
    background: #00965e;
    width: 100%;
    box-shadow: 0px 4px 55px -35px rgba(0, 0, 0, 0.25);
    border-radius: 40px 40px 225px 225px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem 21px 22rem 21px;
    position: relative;
  }
  .first_sec_ravan_hesab_top::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 48%;
    width: 389px;
    height: 531px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/calculator-circle-doller-responsive.png");
  }
  .first_sec_ravan_hesab .container {
    padding-left: 0;
    padding-right: 0;
  }
  .dive-h2-ravanHesab-responsive {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .dive-h2-ravanHesab-responsive h2 {
    font-family: "Dorsa";
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 60px;
    color: #3d3d3d;
  }
  .dive-h2-ravanHesab-responsive h3 {
    font-family: "Dorsa";
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0.01em;
    color: #d9d9d9;
  }
  .first_sec_ravan_hesab_top p {
    font-family: "AzarMehr";
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 25px;
    color: #f1f1f1;
  }
  .left_menu_blog_nav ul li a {
    font-size: 10px;
  }
  .first_sec_ravan_hesab_right,
  .first_sec_ravan_hesab_left {
    display: none;
  }
  .first_sec_ravan_hesab {
    padding-top: 1rem;
  }
  .star {
    display: none;
  }
  .sub__header .container {
    width: 98% !important;
  }
  .parent_cards__ {
    column-gap: 0px;
  }
  .first_sec_ravan_hesab_right {
    box-shadow: 0px 4px 55px -35px rgba(0, 0, 0, 0.25);
    border-radius: 225px 40px 40px 225px;
    transform: rotate(-90deg);
    width: 100% !important;
    height: 453px;
    padding: unset;
    padding-right: unset !important;
  }
  .responsive_row {
    flex-direction: column !important;
    row-gap: 30px;
  }
  .first_sec_ravan_hesab_right,
  .first_sec_ravan_hesab_left {
    width: 100% !important;
  }
  .first_sec_ravan_hesab_right_child {
    row-gap: 11px;
    transform: rotate(90deg);
  }
  .container {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  .first_sec_ravan_hesab_left {
    width: 100%;
  }
  .first_sec_ravan_hesab {
    height: 166vh;
    padding-top: 4rem;
  }
  .ravan_hesab_img_responsive {
    display: block;
  }
  .ravan_hesab_img {
    display: none;
  }
  .title_first_sec_ravan_hesab_right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .title_first_sec_ravan_hesab_right p {
    font-weight: 300;
    font-size: 13px;
    line-height: 25px;
  }
  .title_first_sec_ravan_hesab_right h2 {
    font-weight: 400;
    font-size: 32px;
  }
  .gray_title {
    font-weight: 900 !important;
    font-size: 40px !important;
    line-height: 40px !important;
  }
  .first_sec_ravan_hesab_left_img {
    left: 6%;
    top: -190px;
    width: 70%;
  }
  .top_gray_1 .top_gray_1_div {
    width: 100%;
    border-right: none;
  }
  .RavanHesabtitle_img {
    width: 49%;
    right: 27%;
  }
  footer {
    height: unset;
  }
  .left-content-img {
    display: none;
  }
  .start_up h2 {
    font-size: 30px;
    text-align: center;
    width: 88%;
  }
  .startup_content {
    width: 82%;
    margin-left: 0 !important;
  }
  .startup_content h4 {
    font-weight: 300;
    font-size: 24px !important;
    line-height: 28px;
  }
  .startup_content h5 {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 30px;
  }
  .par_startup_content {
    /* justify-content: center; */
    justify-content: flex-end;
  }
  .ravan_hesab_text_ h4 {
    font-weight: 600;
    font-size: 25px;
    line-height: 60px;
  }
  .child-second-sec-ravan-hesab-bottom-text h2 {
    font-weight: 700;
    font-size: 14px !important;
    line-height: 24px;
  }
  .second-sec-ravan-hesab-bottom-text p,
  .first_sec_ravan_hesab_right_child p,
  .ravan_hesab_text_ p {
    font-weight: 300;
    font-size: 13px;
    line-height: 25px;
  }
  .first_sec_ravan_hesab_right_child h2 {
    font-size: 32px !important;
    font-weight: 400;
    line-height: 60px;
  }
  .ravan_hesab_text_ p {
    text-align: right;
  }
}
@media (max-width: 445px) {
  .second-sec-ravan-hesab-bottom-img {
    width: 360.22px;
    height: 202.7px;
  }
  .gray_title {
    margin-top: 3rem !important;
  }
  .first_sec_ravan_hesab_right_child h2 {
    font-size: 28px !important;
  }
  .first_sec_ravan_hesab_right_child {
    width: 84%;
  }
  .first_sec_ravan_hesab_right {
    height: 380px;
  }
  .second-sec-ravan-hesab-bottom-img {
    width: 316.22px;
  }
  .first_sec_ravan_hesab_left_img {
    left: 15%;
    top: -177px;
    width: 69%;
  }
  .first_sec_ravan_hesab {
    height: 160vh;
    padding-top: 4rem;
  }
  .footer_content_bottom span {
    font-size: 10px !important;
  }
  .title_on_blog_cards {
    right: 45px;
  }
}

/*blog__2*/
@media (max-width: 768px) {
  .first_sec_blog_2 {
    row-gap: 49px;
    flex-flow: column-reverse !important;
  }
  .right_side_blog_2,
  .left_side_blog_2,
  .right_second_blog_2,
  .left_second_blog_2 {
    width: 100%;
  }
  .second_sec_blog_2 {
    flex-direction: column;
  }
  .parent_related_labels {
    display: none;
  }
}

/*Amir CSS*/

@media (max-width: 600px) {
  .M_20 {
    margin-top: 10% !important;
  }
}
.offcanvas {
  background-color: #121212 !important;
  opacity: 0.9;
}
.offcanvas-body {
  padding: 1rem 40px !important;
}
.responsive_menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.responsive_menu li a,
.responsive_menu li a:not([href]):not([class]) {
  text-decoration: none;
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 39px;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.responsive_menu li a:hover,
.responsive_menu li a:not([href]):not([class]):hover,
.btn__login_responsive:hover {
  opacity: 0.5;
  color: #ffffff !important;
}
.btn__login_responsive {
  padding: 7px 23px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 32px;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.res_pic_menu {
  width: 77px;
  height: 31px;
}
.res_pic_menu img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btn__close_offcanvas {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  background: transparent url("../img/close.png") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
}
.search__input_responsive {
  position: relative;
}
.search__input_responsive input {
  background: #d9d9d9 !important;
  opacity: 0.1;
  border-radius: 11px;
  border: none;
  padding: 11px 16px;
  width: 100%;
}
.search__input_responsive input::placeholder {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #ffffff !important;
}
.search_responsive {
  position: absolute;
  color: #ffffff;
  z-index: 1;
  top: 30%;
  left: 4%;
}
@media (max-width: 768px) {
  .offcanvas-end {
    width: 440px !important;
  }
}
@media (max-width: 576px) {
  .offcanvas-end {
    width: 100% !important;
  }
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotation {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotation {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
.flex_column_ {
  display: none;
  flex-direction: column;
  width: 100%;
  row-gap: 82px;
}
.start_Up_background_responsive {
  background: rgba(0, 0, 0, 0.03);
  border-radius: 18px;
  width: 100%;
  height: 112px;
  position: relative;
}
.parent_start_up_logos_responsive {
  display: flex;
  justify-content: space-between;
  position: absolute;
  z-index: 1;
  top: -50%;
  right: 5%;
  left: 5%;
  column-gap: 10%;
}
.circle_responsive {
  width: 150px;
  height: 150px;
  border-radius: 127.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.circle_responsive:hover {
  box-shadow: 0px 54px 40px -25px rgba(80, 55, 86, 0.34);
}
@media (max-width: 576px) {
  .flex_column_ {
    display: flex;
  }
  .start_Up_background {
    display: none;
  }
}
@media (min-width: 530px) and (max-width: 576px) {
  .parent_start_up_logos_responsive {
    top: -90%;
  }
  .circle_responsive {
    width: 196px;
    height: 196px;
  }
  .flex_column_ {
    row-gap: 140px;
  }
  .par_start_up_title {
    margin-bottom: 11rem;
  }
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
  zoom: 0.2;
}
#varkan {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (max-width: 400px) {
  .parent_start_up_logos_responsive {
    top: -30%;
  }
  .circle_responsive {
    width: 120px;
    height: 122px;
  }
  .footer__content {
    width: 105% !important;
  }
}
.res_nav_login {
  color: #000;
}

.flex__modal{
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: center;
  justify-content: center;
}
.update_modal{
  width: 57%;
}

.update_modal img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.change-lan {
  direction: ltr;
  border: 1px solid transparent !important;
  display: inline-flex;
  column-gap: 10px;
  align-items: flex-start;
  font-size: 12px;
}

.change-lan:hover{
  background: transparent;
}

.change-lan-pic {
  width: 30px;
  height: 30px;
}