/* fon@font-face {ts dssds*/
@font-face {
  font-family: "iransansweb";
  src: url("../fonts/IRANSans\(FaNum\).ttf");
}

@font-face {
  font-family: "iransansweb_bold";
  src: url("../fonts/IRANSansWeb\(FaNum\)_Bold.ttf");
}

@font-face {
  font-family: "iransansweb_light";
  src: url("../fonts/IRANSansWeb\(FaNum\)_Light.ttf");
}

@font-face {
  font-family: "iransansweb_medium";
  src: url("../fonts/IRANSansWeb\(FaNum\)_Medium.ttf");
}

@font-face {
  font-family: "iransansweb_ultra_light";
  src: url("../fonts/IRANSansWeb\(FaNum\)_UltraLight.ttf");
}

/* end fonts */

/* css reset */
*,
*::after,
*::before {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

/* end css reset */

/* root styles */
:root {
  /* colors */
  --color-light: #fff;
  --color-dark: #000;
  --color-primary: #00235d;
  --color-secondary: #d3b77f;
  /* radius */
  --radius-xs: 5px;
  --radius-sm: 10px;
  --radius-lg: 15px;
  /* shadow */
  --box-shadow-1: 0px 4px 4px rgba(0, 0, 0, 0.25);
  --box-shadow-2: 7px 7px 20px rgba(0, 0, 0, 0.2);
  /* fonts */
  --font-iransansweb: "iransansweb";
  --font-iransansweb_bold: "iransansweb_bold";
  --font-iransansweb_light: "iransansweb_light";
  --font-iransansweb_medium: "iransansweb_medium";
  --font-iransansweb_ultra_light: "iransansweb_ultra_light";
}

html {
  scroll-behavior: smooth;
  scroll-behavior: smooth;
  scrollbar-color: var(--color-primary) #dbe8ff;
  scrollbar-width: thin;
}
html::-webkit-scrollbar {
  width: 8px;
}
html::-webkit-scrollbar-track {
  background-color: #dbe8ff;
  border-radius: 25px;
}
html::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 25px;
}

body {
  font-family: var(--font-iransansweb), "tahoma", sans-serif;
  user-select: none;
  overflow-x: hidden;
}

.wrapper {
  overflow-x: hidden;
}

/* end root styles */

/* small nav */
.small-nav {
  width: 100%;
  height: 100vh;
  position: fixed;
  right: -200vw;
  top: 0;
  color: var(--color-light);
  z-index: 999999999999;
  transition: all 0.4s linear;
}
.small-nav.active {
  right: 0;
}
.small-nav .cover {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-dark);
  opacity: 0.4;
  cursor: pointer;
  cursor: url(../images/cross-out.svg), pointer;
  transition: all 0.5s linear;
}
.small-nav .nav-content {
  width: 330px;
  position: absolute;
  right: -200%;
  top: 0;
  background: #00235d;
  height: 100%;
  opacity: 1;
  transition: all 0.6s linear;
  overflow-y: scroll;
}
.small-nav.active .nav-content {
  right: 0;
}
.small-nav .nav-content .close-btn {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  float: left;
  margin: 43px 10px 0 10px;
}
.small-nav .nav-content .close-btn svg {
  width: 20px;
  height: 20px;
}
.small-nav .logo-section {
  clear: both;
  margin-right: 25px;
  width: 45px;
  position: absolute;
  top: 43px;
}
.small-nav .logo-section a {
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  align-items: center;
  color: var(--color-light);
  text-decoration: navajowhite;
  font-family: var(--font-iransansweb_ultra_light);
  font-size: 12px;
}
.small-nav .logo-section svg {
  height: 69px;
  width: 72px;
}
.small-nav .nav-content nav {
  padding: 0;
  margin-top: 173px;
}
.small-nav .nav-content nav ul {
  list-style-type: none;
}
.small-nav .nav-content nav.first .top li {
  background-color: #003284;
  padding: 26px 39.5px;
  border-bottom: 1px solid #ffffff;
}
.small-nav .nav-content nav li .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background: #003284;
  padding: 20px 39px;
  border-bottom: 1px solid #ffffff;
}
.small-nav .nav-content nav li .top .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.small-nav .nav-content nav li .top .right span:first-of-type {
  margin-left: 20px;
}
.small-nav .nav-content nav li .top .right span:last-of-type {
  margin-right: 11px;
  transition: all 0.3s linear 0.2s;
}
.small-nav .nav-content nav li .bottom {
  max-height: 0;
  padding: 0 50px 0 0;
  transition: all 0.3s linear 0.2s;
  overflow: hidden;
}
.small-nav .nav-content nav li:hover .top .right span:last-of-type,
.small-nav .nav-content nav li:hover .top .left svg path {
  color: var(--color-secondary);
  stroke: var(--color-secondary);
}
.small-nav .nav-content nav li.active span {
  color: var(--color-secondary);
}
.small-nav .nav-content nav li .top .left svg {
  transition: all 0.2s linear 0.2s;
}
.small-nav .nav-content nav li.active .top .left svg {
  transform: rotate(180deg);
}
.small-nav .nav-content nav li.active .bottom {
  max-height: 500px;
  margin-top: 15px;
}
.small-nav .nav-content nav li .bottom ul {
  list-style-type: none;
}
.small-nav .nav-content nav li .bottom ul li {
  margin-bottom: 23px;
  position: relative;
  padding-right: 20px;
}
.small-nav .nav-content nav li .bottom ul li:hover a {
  color: var(--color-secondary);
  transition: all 0.2s linear 0.2s;
}
.small-nav .nav-content nav li .bottom ul li a {
  color: var(--color-light);
  font-size: 14px;
  text-decoration: none;
}
.small-nav .nav-content nav li .bottom ul li::before {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--color-secondary);
}
.small-nav .small-nav-social-section {
  display: flex;
  justify-content: center;
  gap: 25px;
  align-items: center;
  margin-top: 20px;
}
.small-nav .small-nav-social-section a svg path {
  transition: all 0.2s linear 0.2s;
}
.small-nav .small-nav-social-section a:hover svg path {
  fill: var(--color-secondary);
}
.small-nav .small-nav-auth-cta {
  display: flex;
  justify-content: center;
  gap: 0;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 150px 0 10px 0;
}
.small-nav .small-nav-auth-cta a {
  padding: 10px 20px;
  background-color: transparent;
  border: 1px solid var(--color-light);
  text-decoration: none;
  color: var(--color-light);
  border-radius: 100px;
  transition: all 0.2s linear 0.2s;
  font-size: 20px;
  transform: scale(0.7);
}
.small-nav .small-nav-auth-cta a:first-of-type {
  background: #003284;
}
.small-nav .small-nav-auth-cta a:hover {
  color: var(--color-light);
  border-color: var(--color-light);
}
/* end small nav */
/* header */
header.header {
  width: 100%;
  height: 95vh;
  background: url("../images/Lawyers-bg.png") no-repeat center center;
  background-size: cover;
  position: relative;
  padding: 0 250px;
}

header.header .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  background: linear-gradient(180deg, #0d1e32 0%, #879cb5 141.7%);
  mix-blend-mode: multiply;
  opacity: 0.8;
  z-index: 1;
}

nav.nav {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  max-width: 850px;
}
nav.nav.fixed .bot {
  position: fixed;
  top: 0;
  z-index: 9999999999999999999;
  background-color: #0a1c328f;
  backdrop-filter: blur(4px);
  padding: 15px;
}
nav.nav.fixed .bot ul {
  max-width: 850px;
  margin: auto;
}
nav.nav div.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0 !important;
}

nav.nav div.top section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

nav.nav div.top section .log svg {
  height: 67px;
  width: 72px;
}

nav.nav div.top section .authentication {
  display: flex;
  margin-right: 19px;
}

nav.nav div.top section .authentication a {
  font-size: 16px;
  font-weight: 400;
  fill: #ffffff;
  color: #ffffff;
  background-color: #003284;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #ffffff;
  border-radius: 100px 100px 100px 100px;
  padding: 4px 20px 4px 20px;
  text-decoration: none;
  margin-left: 20px;
}

nav.nav div.top section .authentication a.login {
  background-color: transparent;
}
nav.nav div.top section.sec-right .logo svg {
  width: 48px;
  height: 46px;
}
nav.nav div.top section ul {
  display: flex;
  list-style-type: none;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}

nav.nav div.top section ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  direction: ltr;
  gap: 20px;
}

nav.nav div.top section ul:last-child {
  min-width: 160px;
}

nav.nav div.top section ul li svg {
  width: 20px;
  height: 20px;
}

nav.nav div.top section ul li.search {
  cursor: pointer;
}

nav.nav div.top section ul li a.tel {
  font-family: var(--font-iransansweb_ultra_light);
  font-size: 16px;
  color: var(--color-light);
  text-decoration: none;
  margin-right: 10px;
}

nav.nav .divider {
  height: 0.5px;
  background-color: var(--color-light);
  width: 100%;
  display: none;
}
nav.nav .bot {
  width: 100%;
}
nav.nav .bot ul {
  display: flex;
  list-style-type: none;
  border-top: 0.5px solid #fff;
}

nav.nav .bot ul li {
  padding-top: 14px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s linear;
}

nav.nav .bot ul li::after {
  content: "";
  position: absolute;
  border-top: 3px solid #fdba21;
  width: 100%;
  top: -2px;
  left: 0;
  transition: all 0.2s linear;
  opacity: 0;
}

nav.nav .bot ul li.active::after {
  opacity: 1;
}

nav.nav .bot ul li:hover::after {
  opacity: 1;
}

nav.nav .bot ul li a {
  color: var(--color-light);
  text-decoration: none;
  font-family: var(--font-iransansweb_light);
  font-size: 14px;
  transition: all 0.2s linear;
  width: 100%;
  z-index: 9999 !important;
  text-align: center;
}

nav.nav .bot ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 2px;
  opacity: 1;
  height: 54%;
  background: #fff;
}

nav.nav .bot ul li:nth-last-child(1):before {
  display: none;
}
nav.nav .bot ul li.has-sub {
  position: relative;
  z-index: 9999;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper {
  position: absolute;
  z-index: -9999;
  opacity: 0;
  right: 50%;
  transform: translateX(15%);
  top: 50px;
  background-color: #092148;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  padding: 13.5px 9.26px;
  gap: 10px;
  border-radius: 4.82557px;
  backdrop-filter: blur(100px);
  pointer-events: none;
  box-shadow: var(--box-shadow-1);
  transition: 0.2s linear all;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
  -webkit-transform: translateX(15%);
  -moz-transform: translateX(15%);
  -ms-transform: translateX(15%);
  -o-transform: translateX(15%);
}
nav.nav .bot ul li.has-sub.active > .nav-sub-wrapper {
  z-index: 999;
  pointer-events: all;
  opacity: 1;
  top: 70px;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15.3px solid transparent;
  border-right: 15.3px solid transparent;
  border-bottom: 23.29px solid #092148;
  position: absolute;
  top: -23px;
  right: 12%;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper.first {
  width: 570px;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper.second {
  width: 671.38px;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper.third {
  width: 314.65px;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper.fourth {
  width: 505.35px;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper.fifth {
  width: 334.34px;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper.fourth,
nav.nav .bot ul li.has-sub .nav-sub-wrapper.fifth {
  left: 50%;
  right: unset;
  transform: translateX(-15%);
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper.fourth::before,
nav.nav .bot ul li.has-sub .nav-sub-wrapper.fifth::before {
  left: 12%;
  right: unset;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper .block {
  width: calc(100% / 2 - 10px);
  border: 2.09376px solid #f0f0f0;
  background: #f0f0f0;
  border-radius: 6.09132px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10.75px;
  padding: 10px;
  transition: all 0.4s linear;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper .block:hover {
  border: 2.09376px solid #fdba21;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper .block .title {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

nav.nav .bot ul li.has-sub .nav-sub-wrapper .block .title span:last-of-type {
  color: var(--color-dark);
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper .block svg {
  height: 36.862266540527344px;
  width: 31.733720779418945px;
}
nav.nav .bot ul li.has-sub .nav-sub-wrapper .block .title span:first-of-type {
  color: var(--color-dark) !important;
  font-family: var(--font-iransansweb) !important;
}
@media screen and (max-width: 988px) {
  nav.nav .bot ul li.has-sub .nav-sub-wrapper.first {
    width: 500px;
  }
  nav.nav .bot ul li.has-sub .nav-sub-wrapper.second {
    width: 600px;
  }
  nav.nav .bot ul li.has-sub .nav-sub-wrapper.third {
    width: 300px;
  }
  nav.nav .bot ul li.has-sub .nav-sub-wrapper.fourth {
    width: 480px;
  }
  nav.nav .bot ul li.has-sub .nav-sub-wrapper.fifth {
    width: 300px;
  }
  nav.nav .bot ul li.has-sub .nav-sub-wrapper .block .title span:last-of-type {
    font-size: 10px;
  }
  header.header {
    padding: 0 50px !important;
  }
  nav.nav .bot ul {
    gap: 20px;
    justify-content: center;
  }
}
@media screen and (max-width: 885px) {
  nav.nav .bot ul li.has-sub .nav-sub-wrapper.second {
    width: 550px;
  }
}
@media screen and (max-width: 735px) {
  header.header {
    padding: 0 0 !important;
  }
}
@media screen and (max-width: 735px) {
  .wrapper.lawyer-profile main.main::before {
    display: none;
  }
}
.header-content {
  position: absolute;
  z-index: 1 !important;
  top: 55%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 450px;
  height: 450px;
  border-radius: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  color: var(--color-light);
  margin-top: 80px;
}

.header-content h1 {
  font-family: var(--font-iransansweb_bold);
  font-size: 35px;
  position: relative;
  margin-bottom: 30px;
}

.header-content h1::before,
.header-content h1::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translate(0, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fdba21;
}

.header-content h1::after {
  right: -25px;
  left: unset;
}

.header-content .p1 {
  font-family: var(--font-iransansweb_light);
  font-size: 16px;
  white-space: nowrap;
  margin-bottom: 30px;
}

.header-content .divider {
  border: 0.5px solid #d3b77f;
  transform: rotate(180deg);
  height: 0px;
  width: 100px;
  opacity: 0.4;
  margin: 20px 0 16px 0;
}

.header-content .p2 {
  color: var(--color-secondary);
  font-size: 16px;
  font-family: var(--font-iransansweb_medium);
  margin-bottom: 30px;
}

.header-content .header-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 19px;
  background: #fdba21;
  border-radius: 100px;
  text-decoration: none;
  color: var(--color-dark);
  font-family: var(--font-iransansweb_medium);
  transition: all 0.2s linear;
}

.header-content .header-cta:hover {
  box-shadow: 0 1px 15px 1px rgba(255, 255, 255, 0.3);
}

.header-content .header-cta svg {
  transition: all 0.3s linear;
}

.header-content .header-cta:hover svg {
  transform: translateX(-6px);
}

.header-content .header-cta span {
  margin-left: 8px;
  font-size: 12px;
}

header.header .header-float-content {
  padding: 54px 76px;
  background-color: var(--color-light);
  position: absolute;
  z-index: 2;
  margin: auto;
  bottom: -110px;
  left: 50%;
  transform: translate(-50%, 0);
  box-shadow: var(--box-shadow-1);
  width: 1119px;
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:1;
}

header.header .header-float-content p {
  text-align: center;
  color: var(--color-dark);
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-align: justify;
  font-weight: 400;
}

@media screen and (max-width: 1140px) {
  header.header {
    padding: 0 120px;
  }

  header.header .header-float-content {
    width: 1000px;
  }
}

@media screen and (max-width: 960px) {
  header.header {
    padding: 0 120px;
  }

  header.header .header-float-content {
    width: 900px;
  }

  nav.nav .bot ul li {
    width: 130px;
  }
}

@media screen and (max-width: 540px) {
  header.header {
    padding: 0 15px;
    background-image: none;
  }

  nav.nav {
    display: none;
  }

  nav.nav-2 {
    display: flex;
  }

  nav.nav.nav-2 div.top {
    padding: 10px;
    display: none;
  }
  .small-wrapper {
    display: block;
    border-bottom: 2px solid var(--color-primary);
  }
  nav.nav.nav-2 div.top section:last-of-type {
    width: 100%;
  }
  nav.nav.nav-2 div.top section ul:last-child {
    min-width: 100%;
  }
  nav.nav.nav-2 div.top section ul li.search {
    margin-right: 25px;
  }
  .wrapper.lawyers nav.nav.nav-2 .divider {
    display: none;
  }
  header.header .header-float-content {
    width: 100%;
  }
  main.main {
    padding: 0 !important;
    margin: 0 !important;
    padding-bottom: 150px !important;
  }
}

@media screen and (min-width: 730px) {
  nav.nav-2 {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  header.header .header-float-content {
    padding: 50px 20px;
    height: auto;
  }

  header.header .header-float-content p {
    font-size: 14px;
    font-family: var(--font-iransansweb_light);
  }
}

@media screen and (max-width: 480px) {
  .header-content .p1 {
    font-size: 18px;
  }

  header.header .header-float-content {
    padding: 20px 10px;
  }

  .header-content {
    width: 100%;
  }
}

@media screen and (max-width: 420px) {
  .header-content .p1,
  .header-content .p2 {
    font-size: 14px;
  }
}

@media screen and (max-width: 340px) {
  header.header .header-float-content {
    padding: 0 20px;
  }

  .header-content .p1,
  .header-content .p2 {
    font-size: 12px;
  }
}

/* end header */

/* main */
main.main {
  margin: 178px auto 0 auto;
  width: 1273px;
  background: #f0f0f0;
  box-shadow: -7px 7px 20px rgba(0, 0, 0, 0.1);
  padding: 66px 77px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 150px;
}

main.main .sec-left {
  background-color: #103f8b;
  width: 309px;
  border-radius: var(--radius-xs);
  padding: 29px 23px;
}

main.main .sec-left h2 {
  font-weight: var(--font-iransansweb_bold);
  font-weight: 700;
  font-size: 20px;
  line-height: 35px;
  color: var(--color-light);
  text-align: center;
  margin-bottom: 20px;
}

.search-box {
  height: 64px;
  background: var(--color-light);
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-dark);
  padding: 16px 19px;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
}

.search-box input {
  all: unset;
  width: 200px;
}

.search-box span {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.name-filter {
  height: 64px;
  background: var(--color-light);
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-dark);
  padding: 16px 19px;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
}

.name-filter input[type="checkbox"] {
  width: 31px;
  height: 31px;
  /* appearance: none; */
  accent-color: var(--color-primary);
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-primary);
  cursor: pointer;
  transition: all 0.3s linear;
  border-radius: 100%;
}

.name-filter input[type="checkbox"]:checked {
  background-color: var(--color-primary);
}

.accordion-item {
  background: var(--color-light);
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  color: #00235d;
  padding: 0 19px;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
  cursor: pointer;
}
.accordion-item .accordion-item-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 64px;
}
.accordion-item .accordion-item-heading div span {
  font-size: 12px;
}
.accordion-item-body {
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s linear;
  width: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.accordion-item-body ul {
  list-style-type: none;
  margin-top: 15px;
}

.accordion-item-body ul li {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
}

.accordion-item-body ul li input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--color-primary);
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-primary);
  cursor: pointer;
  transition: all 0.3s linear;
  margin-left: 13px;
}

.accordion-item-body ul li input[type="checkbox"]:checked {
  border-radius: 100%;
  background-color: var(--color-primary);
}

.accordion-item-body ul li span {
  font-size: 16px;
  font-family: var(--font-iransansweb_light);
}

.accordion-item-heading svg {
  transition: all 0.4s ease-in-out;
}

.accordion-item-heading.active svg:not(svg.title),
.sub-accordion-item-heading.active svg {
  transform: rotate(180deg);
}

.accordion-item-heading.active ~ .accordion-item-body {
  max-height: 1800px;
}

main.main .sec-right {
  width: 100%;
  padding-top: 47px;
  position: relative;
}

main.main .sec-right .heart {
  cursor: pointer;
}

main.main .sec-right ul.section-content {
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

main.main .sec-right ul.section-content .card {
  width: 249px;
  background-color: var(--color-light);
  border-radius: var(--radius-xs);
  margin: 0 0px 92px 18px;
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1);
}

.sec-right ul.section-content .card .card-header {
  height: 53px;
  background-color: #1b51aa;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-right-radius: var(--radius-xs);
  border-top-left-radius: var(--radius-xs);
  padding: 0 16px;
}

.sec-right ul.section-content .card .card-header span {
  display: inherit;
}

.sec-right ul.section-content .card .card-header .avatar {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 95px;
  height: 95px;
  border-radius: 50%;
  border: 2px solid var(--color-light);
}

.sec-right ul.section-content .card .card-header .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.sec-right ul.section-content .card .card-header .avatar .status {
  height: 15.5px;
  width: 15.5px;
  border-radius: 50%;
  background-color: #ddd;
  position: absolute;
  right: 5px;
  bottom: 5px;
  border: 1px solid var(--color-light);
}
.sec-right ul.section-content .card .card-header .avatar .status.offline {
  background-color: #eb0728;
}
.sec-right ul.section-content .card .card-header .avatar .status.online {
  background-color: #60c231;
}
.sec-right ul.section-content .card .card-body {
  text-align: center;
  padding: 5px 8px;
}

.sec-right ul.section-content .card .card-body .name {
  font-family: var(--font-iransansweb_bold);
  font-size: 15px;
  line-height: 35px;
  color: var(--color-primary);
  text-decoration: none;
  transition: all 0.1s linear;
  cursor: pointer;
}

.sec-right ul.section-content .card .card-body .name:hover {
  opacity: 0.5;
}

.sec-right ul.section-content .card .card-body:not(p.name) {
  font-size: 12px;
}

.sec-right ul.section-content .card .card-body p:last-of-type {
  margin-bottom: 11.5px;
}

.sec-right ul.section-content .card .card-body .detail {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #f0f0f0;
  border-radius: var(--radius-xs);
  height: 33.35px;
  margin-bottom: 5.75px;
}

.sec-right ul.section-content .card .card-body .detail div.has-svg {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec-right ul.section-content .card .card-body .detail div.has-svg span {
  margin-left: 6px;
}

.sec-right ul.section-content .card .card-body .cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}

.sec-right ul.section-content .card .card-body .cta a.first {
  width: 58px;
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 3.45px 5.75px;
  align-items: center;
  text-decoration: none;
  color: var(--color-light);
  background: #60c231;
  direction: ltr;
}
.sec-right
  ul.section-content
  .card
  .card-body
  .cta
  a.first:first-of-type
  svg
  path {
  stroke: var(--color-light);
}
.sec-right ul.section-content .card .card-body .cta a.first:last-of-type {
  padding: 0px 9px;
}
.sec-right ul.section-content .card .card-body .cta a:nth-child(2) svg path {
  fill: var(--color-light);
}
.sec-right ul.section-content .card .card-body .cta a.second {
  height: 25.30132484436035px;
  width: 100.05523681640625px;
  border-radius: 5px;
  text-decoration: none;
  color: var(--color-light);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px;
  background-color: #1b51aa;
  direction: ltr;
}
.sec-right ul.section-content .card .card-body .cta a span {
  white-space: nowrap;
  font-size: 10px;
}

.sec-right ul.section-content .card .card-body .cta svg {
  height: 20px;
  width: 15px;
}
.sec-right ul.section-content .card .card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12.4948px;
  padding: 6px 8px;
  background: #dbe8ff;
  border-radius: 4.99994px;
  margin: 0 6px;
  margin-bottom: 5px;
}
/* pagination */
.end-section .paginationjs {
  position: absolute;
  bottom: -75px;
  left: 50%;
}
.paginationjs-pages {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translate(-50%, 0);
}

.paginationjs-pages ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-width: 200px;
  flex-direction: row-reverse;
  list-style-type: none;
}

.J-paginationjs-page {
  padding: 15px;
  cursor: pointer;
}
.J-paginationjs-page a {
  text-decoration: none;
  color: var(--color-dark);
  font-size: 16px;
}
.J-paginationjs-page.active {
  background: var(--color-primary);
  color: var(--color-light);
  border-radius: var(--radius-sm);
}
.J-paginationjs-page.active a {
  color: var(--color-light);
}
.paginationjs-pages ul:first-child {
  line-height: 1px;
}

.paginationjs-pages ul:last-child {
  line-height: 1px;
}
.paginationjs-next {
  margin-left: 15px !important;
}
.paginationjs-prev {
  margin-right: 15px !important;
}

/* end pagination */

@media screen and (max-width: 1140px) {
  main.main {
    padding: 100px 0;
    width: 100%;
  }

  main.main .sec-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .paginate-pagination {
    bottom: 45px;
  }
}

@media screen and (max-width: 960px) {
  main.main .sec-right ul.section-content .card {
    margin: 0 30px 92px 0;
  }
}

@media screen and (max-width: 735px) {
  main.main .sec-right ul.section-content .card {
    margin: 0 auto 92px auto;
  }

  main.main {
    flex-direction: column;
    padding-bottom: 150px;
  }

  main.main .sec-right {
    order: 2;
    margin-top: 20px;
  }

  main.main .sec-left {
    width: 100%;
  }

  .paginate-pagination {
    bottom: 10px;
  }

  .accordion-item-body {
    width: 100%;
  }
}

/* end main */

/* footer */
footer.footer {
  background: #00163c;
  padding: 70px 200px 0 200px;
  color: var(--color-light);
  position: relative;
}
footer.footer .footer-content {
  margin: auto;
  max-width: 1120px;
}
footer.footer .row {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-top: 0.5px solid var(--color-light);
  border-bottom: 0.5px solid var(--color-light);
  padding: 13px 0;
  padding-right: 55px;
}
footer.footer .row.third {
  border: none;
}
footer.footer .row .title {
  font-family: var(--font-iransansweb_medium);
  font-size: 15px;
}

footer.footer .row ul {
  list-style-type: none;
}

footer.footer .row ul li {
  margin-bottom: calc(15px / 2);
  text-align: center;
}

footer.footer .row ul li a {
  color: #ffffff;
  text-decoration: none;
  font-family: var(--font-iransansweb_ultra_light) !important;
  font-weight: 200;
  font-size: 14px;
  transition: all 0.3s ease;
}

footer.footer .row ul li:hover a {
  opacity: 0.7;
}

footer.footer .row.second div {
  position: relative;
}

footer.footer .row.second div .title {
  display: none;
}

footer.footer .row.second div::before {
  content: "";
  position: absolute;
  left: -150px;
  top: 50%;
  background: var(--color-light);
  border: 0.5px solid #ffffff;
  transform: rotate(-90deg);
  width: 100px;
}

footer.footer .row.second div:last-of-type:before {
  opacity: 0;
}

footer.footer .row.second,
footer.footer .row.third {
  border-top: 0;
}

footer.footer .row.third {
  justify-content: space-between;
  padding: 0 30px;
}

footer.footer .row.third section a {
  text-decoration: none;
}

footer.footer section.social {
  display: flex;
  flex-wrap: wrap;
  width: 120px;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 35px;
  align-items: center;
}

footer.footer section.social div {
  margin: 13px;
  margin-top: 0;
}

footer.footer section.app {
  display: flex;
  flex-wrap: wrap;
  width: 360px;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  margin-top: 35px;
}

footer.footer section.app div {
  margin: 5px;
}
footer.footer p.copy-right {
  text-align: center;
  margin-top: 0;
  font-family: var(--font-iransansweb_ultra_light);
  font-size: 12px;
  background: #00235d;
  padding: 5px 0;
  color: var(--color-light);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
footer.footer .footer-logo {
  height: 117px;
  width: 117px;
  border-radius: 50%;
  background-color: var(--color-light);
  position: absolute;
  left: 50%;
  top: -60px;
  transform: scale(0.9) translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
}
footer.footer .footer-logo::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 14px;
  width: 95%;
  height: 95%;
  border: 4px solid #00235d;
  border-radius: 50%;
  margin: auto;
  transform: translate(-50%, -10px);
}
footer.footer .footer-logo svg {
  width: 71px;
  height: 71px;
}
footer.footer .footer-logo svg path {
  fill: #00235d;
}
.footer .footer-accordion .accordion-item {
  background-color: transparent;
  color: var(--color-light);
  border-bottom: 0.5px solid #879cb5;
  border-radius: 0;
  box-shadow: unset;
}

.footer .footer-accordion .accordion-item svg path {
  stroke: var(--color-light);
}

.accordion-item-body.zp-footer-bod-acc li a {
  color: var(--color-light);
  text-decoration: none;
  transition: all 0.3s linear;
}

.accordion-item-body.zp-footer-bod-acc li:hover a {
  opacity: 0.6;
}

@media screen and (max-width: 1140px) {
  footer.footer {
    padding: 155px 20px 55px 20px;
  }
}

@media screen and (max-width: 1140px) {
  footer.footer {
    padding: 155px 20px 55px 20px;
  }
}

@media screen and (max-width: 850px) {
  footer.footer .row.second div::before {
    display: none;
  }

  footer.footer .row.third {
    flex-direction: column;
  }

  footer.footer section.social {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 545px) {
  .footer-accordion {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  footer.footer {
    padding: 80px 20px 55px 20px;
  }

  footer.footer .row:where(.first, .second) {
    display: none;
  }

  footer.footer .row.second div::before {
    display: none;
  }

  footer.footer .row.third {
    flex-direction: column;
  }

  footer.footer .row.third section {
    display: flex;
  }

  footer.footer section.social {
    margin-bottom: 0;
    width: auto;
    order: -1;
    margin-top: 0;
    margin-bottom: 20px;
  }

  footer.footer .row.first {
    display: none;
  }

  footer.footer .row.second {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  footer.footer .row.second div.sec-row {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
  }

  footer.footer .row.second div.sec-row::after {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 10px;
    width: 100%;
    border-bottom: 0.5px solid var(--color-light);
    opacity: 0.2;
  }

  footer.footer .row.second div.sec-row:last-of-type:after {
    display: none;
  }

  footer.footer .row.second div.title {
    display: block;
    text-align: right;
    margin-bottom: 20px;
  }

  footer.footer .row ul li {
    text-align: right;
  }

  footer.footer .row.third {
    text-align: center;
    padding-top: 20px;
    direction: ltr;
  }
}

/* end footer */

/* lawyer profile page */
.wrapper.lawyer-profile {
  background: #f0f0f0;
}

.wrapper.lawyer-profile header.header {
  width: 100%;
  background-color: var(--color-primary);
  background-image: none;
  position: absolute;
  z-index: 999999999;
  padding-bottom: 20px;
  height: auto;
}
.wrapper.lawyer-profile main.main {
  display: block;
  border-radius: var(--radius-xs);
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  background-color: var(--color-light);
  z-index: 2;
  position: relative;
  width: 1398px;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
}
.wrapper.lawyer-profile main.main::before {
  content: "";
  height: 300px;
  background-color: var(--color-primary);
  width: 1500%;
  position: absolute;
  top: -9%;
  left: -150%;
  z-index: -99999;
}
.wrapper.lawyer-profile main.main::after {
  content: "";
  height: 250px;
  background-color: var(--color-light);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -99999;
  border-radius: 10px;
}
.wrapper.lawyer-profile footer.footer {
  z-index: 3;
  position: relative;
}
@media screen and (max-width: 960px) {
  .wrapper.lawyer-profile main.main {
    width: 900px;
    margin: 200px auto 0 auto;
    padding-bottom: 200px;
  }
}

.main-top-content {
  height: 460px;
  background: #f0f0f0;
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 71px 36px;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  position: relative;
}

.main-top-content section.right {
  height: 50px;
  height: 233px;
  width: 763px;
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-primary);
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding: 21px 150px;
}

.main-top-content section.right .float-btn {
  position: absolute;
  left: 22%;
  bottom: -20px;
  height: 39px;
  width: 184px;
  border-radius: var(--radius-xs);
  background-color: #1b51aa;
  color: var(--color-light);
  border: 1px solid var(--color-primary);
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-family: var(--font-iransansweb);
}

.main-top-content section.right .float-btn:hover {
  background-color: var(--color-primary);
}

.main-top-content section.right .right {
  width: 347px;
  border-radius: var(--radius-xs);
  background-color: var(--color-light);
  position: absolute;
  top: -85px;
  right: 18px;
  padding: 11px 13px;
  z-index: 1;
}

.main-top-content section.right .right .first-section {
  background: #dbe8ff;
  padding: 11px 10px 9px 10px;
  display: flex;
  justify-content: space-between;
  border-radius: var(--radius-xs);
  align-items: center;
}

.main-top-content section.right .right .divider {
  height: 1px;
  background-color: var(--color-secondary);
  width: 100%;
  margin: 9px 0 7px 0;
}

.main-top-content section.right .right span.title {
  font-size: 14px;
}

.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 20px;
  font-family: Times;
  line-height: 1;
}

.Stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(
    90deg,
    #eea51b,
    var(--percent),
    #fff var(--percent)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.media-content {
  padding: 3px 3px 0 3px;
  border-radius: var(--radius-xs);
  display: flex;
}

.media-content .audio {
  height: 43px;
  width: 181px;
  border-radius: var(--radius-xs);
  display: flex;
  background: #e2e1e1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px;
  margin-left: 11px;
}

.media-content svg.svg-has-wrapper {
  border-radius: var(--radius-xs);
  background-color: var(--color-light);
  padding: 3px;
  width: 30px;
  height: 30px;
}

.media-content svg.svg-has-wrapper.zp-2 {
  width: 113px;
  margin: 0 6px;
}

.media-content svg.svg-has-wrapper:not(.zp-2) {
  cursor: pointer;
}

.media-content .video {
  height: 44px;
  width: 133px;
  border-radius: var(--radius-xs);
  background: #e2e1e1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 4px;
}

.media-content .video span.span-wrapper {
  display: flex;
  align-items: center;
}

.media-content .video span.span-wrapper .title {
  font-size: 12px !important;
  font-family: var(--font-iransansweb_medium) !important;
}

.media-content .video span.span-wrapper svg {
  margin-left: 9.7px;
}

.status {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.status .status-time {
  font-size: 14px;
  font-family: var(--font-iransansweb_light);
  color: #00235d;
}

.profile-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 13px;
}

.main-top-content section.right .right .pricing {
  border: 1px solid var(--color-secondary);
  padding: 10px 12px;
  height: 40px;
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-top-content section.right .right .pricing .smaller {
  font-size: 14px;
  font-family: var(--font-iransansweb_light);
}

.main-top-content section.right .right .pricing .smaller:first-of-type {
  margin-right: 10px;
}

.profile-cta a {
  height: 40px;
  width: 157px;
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 13px;
  text-decoration: none;
  color: var(--color-light);
  background-color: #60c231;
}

.profile-cta a svg {
  height: 20px;
  width: 20px;
}

.profile-cta a:first-of-type svg path {
  stroke: var(--color-light);
}

.profile-cta a:last-of-type svg path {
  fill: var(--color-light);
}

.main-top-content section.right .left {
  display: flex;
  align-items: flex-start;
}

.main-top-content section.right .left section:first-of-type {
  margin-top: 8px;
  margin-left: 16px;
}

.main-top-content section.right .left section:first-of-type svg {
  cursor: pointer;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.main-top-content section.right .left section:first-of-type svg.liked path {
  fill: var(--color-primary);
}
.main-top-content section.right .left section:last-of-type h2 {
  font-family: var(--font-iransansweb_bold);
  color: var(--color-primary);
  margin-bottom: 16px;
}

.main-top-content section.right .left section:last-of-type p {
  font-family: var(--font-iransansweb_bold);
  font-size: 14px;
  margin-top: 16px;
  color: var(--color-primary);
}

.main-top-content section.right .left section:last-of-type p span {
  color: var(--color-dark);
  font-family: var(--font-iransansweb_light);
  font-size: 14px;
  margin-right: 7px;
}

.main-top-content section.left {
  width: 237px;
  background-color: var(--color-primary);
  border-top-left-radius: var(--radius-xs);
  border-top-right-radius: var(--radius-xs);
  position: absolute;
  top: -30px;
  left: 36px;
  padding: 62px 25px;
  text-align: left;
  height: 495px;
}
.main-top-content section.left svg {
  position: absolute;
  left: 15px;
}
@media screen and (max-width: 960px) {
}
.main-top-content section.left .avatar {
  position: absolute;
  left: 58px;
  top: 30%;
}

.main-top-content section.left .avatar .content {
  height: 225px;
  border: 3px solid var(--color-light);
  filter: drop-shadow(7px 7px 50px rgba(0, 0, 0, 0.25));
  width: 225px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.wrapper.lawyer-profile main.main {
  padding: 66px 36px !important;
}
.main-top-content section.left .avatar .overlay-status {
  content: "";
  position: absolute;
  bottom: 28px;
  right: 14px;
  background-color: var(--status-color);
  width: 29.5px;
  border-radius: 50%;
  border: 3px solid var(--color-light);
  height: 29.5px;
}

.main-top-content section.left .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  image-rendering: pixelated;
}
.middle-content {
  position: relative;
  padding: 0 !important;
  padding-left: 36px !important;
}
@media screen and (max-width: 885px) {
  .middle-content .true-details {
    width: 368px !important;
  }
}
.middle-content::-webkit-scrollbar {
  width: 8px;
}
.middle-content::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 25px;
}
.middle-content::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 25px;
}
.middle-content .right {
  width: 100%;
  padding: 0 40px;
  padding-right: 0;
}
.middle-content .true-details {
  width: 298px;
  background-color: var(--color-primary);
  border-bottom-left-radius: var(--radius-xs);
  border-bottom-right-radius: var(--radius-xs);
  padding: 30px;
  height: 105%;
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  bottom: 20px;
  align-self: flex-start;
  padding-right: 24px;
  margin-bottom: 40px;
  font-size: 14px;
}
.middle-content .true-details section {
  border: 1px solid var(--color-secondary);
  border-radius: var(--radius-xs);
  margin-bottom: 16px;
  padding: 53px 30px 15px 32px;
  position: relative;
}
.middle-content .true-details section:first-of-type {
  padding: 0;
}
.middle-content .true-details section:first-of-type ul {
  padding: 53px 30px 15px 32px;
}
.middle-content .true-details section:first-of-type .load-more {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #d3b77f;
  border: 1px solid #d3b77f;
  border-radius: 0px 0px 5px 5px;
  text-decoration: none;
  padding: 7.8px 15px;
  color: var(--color-primary);
}
.middle-content .true-details section h5 {
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
  border-radius: var(--radius-xs);
  width: 151px;
  height: 34px;
  background-color: var(--color-light);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-iransansweb_light);
  color: var(--color-primary);
  font-size: 16px;
}

.middle-content .true-details section ul {
  list-style-type: none;
  text-align: right;
}

.middle-content .true-details section ul li {
  color: var(--color-light);
  margin-bottom: 24.5px;
}

.middle-content .true-details section ul li:last-of-type {
  margin: 0;
}

.middle-content .true-details section ul li svg {
  vertical-align: -6px;
}

.middle-content .true-details section.second {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-light);
}

.middle-content .true-details section.second svg {
  vertical-align: -5px;
}

.middle-content .true-details section.second:last-of-type {
  font-size: 14px;
}

.true-details section.second:last-of-type .content span:first-child {
  padding-left: 13px;
  border-left: 1px solid var(--color-secondary);
  margin-left: 13px;
}

.more-article {
  display: flex;
  width: 100%;
  border-radius: var(--radius-xs);
  border-left: 1px solid var(--color-secondary);
  background-color: var(--color-secondary);
  padding: 11px 20px;
  text-decoration: none;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-family: var(--font-iransansweb_medium);
  color: var(--color-primary);
}

.middle-content {
  padding: 0 35px;
  display: flex;
  justify-content: space-between;
}

.middle-content .bubbles {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 43px;
  flex-wrap: wrap;
  margin-top: 86px;
}
.middle-content .bubbles .bubble {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px;
  transform: scale(0.9);
}

.middle-content .bubbles .bubble .icon {
  height: 80px;
  width: 81px;
  border-radius: 50%;
  background-color: var(--color-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
}

.vertical-divide {
  height: 50px;
  margin: 10px 0;
  position: relative;
}

.vertical-divide::before {
  content: "";
  position: absolute;
  width: 35px;
  left: 50%;
  top: 50%;
  border: 2px solid var(--color-primary);
  transform: translate(-50%, -48%) rotate(90deg);
}

.middle-content .bubbles .bubble span {
  font-size: 14px;
  font-family: var(--font-iransansweb_bold);
  line-height: 22px;
  text-align: center;
  width: 100px;
  color: var(--color-primary);
}

.discount-banner {
  height: 75px;
  border-radius: var(--radius-xs);
  width: 100%;
  background-color: var(--color-primary);
  display: flex;
  justify-content: center;
  align-items: center;
}

.discount-banner {
  color: var(--color-secondary);
  font-size: 28px;
  font-family: var(--font-iransansweb_bold);
  margin-bottom: 26px;
}

.lawyer-cv .accordion-item {
  background-color: #f0f0f0;
  padding: 21px 15px;
  margin-bottom: 15px !important;
  box-shadow: unset;
}
.lawyer-cv .accordion-item .accordion-item-heading {
  background-color: var(--color-light);
  border-radius: 5px;
  padding: 0 15px;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  font-size: 16px;
}
.lawyer-cv .accordion-item .accordion-item-heading div:first-of-type {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.lawyer-cv .accordion-item .accordion-item-heading svg.title {
  vertical-align: -8px;
  margin-left: 10px;
}
.lawyer-cv .accordion-item .accordion-item-body ul {
  margin-right: 70px;
}
.lawyer-cv .accordion-item .accordion-item-body ul li {
  position: relative;
}
.lawyer-cv .accordion-item .accordion-item-body ul li::before {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  border-radius: 50%;
}
.lawyer-cv .accordion-item .accordion-item-body ul li.has-sub {
  flex-direction: column;
  font-family: var(--font-iransansweb_bold);
  align-items: flex-start;
}
.lawyer-cv .accordion-item .accordion-item-body ul li.sub-item {
  font-family: var(--font-iransansweb_light);
}
.lawyer-cv .accordion-item .accordion-item-body ul li.has-sub::before {
  top: 13px;
}
.lawyer-cv .accordion-item .accordion-item-body ul li.sub-item::before {
  width: 6px;
  font-family: var(--font-iransansweb_light);
  height: 6px;
}
.lawyer-cv .accordion-item .description {
  text-align: right;
  font-family: var(--font-iransansweb_light);
  line-height: 22px;
}
main .end-section {
  margin: 0px 0 35px 0;
  position: relative;
  text-align: center;
}

main .end-section h2 {
  text-align: center;
  font-family: var(--font-iransansweb_medium);
  font-size: 20px;
  color: var(--color-primary);
  margin: 50px auto;
  border-bottom: 2px solid #ffd600;
  padding-bottom: 15px;
  display: inline-block;
}

.comments {
  list-style-type: none;
}

.comments li.card {
  width: 100%;
  background: var(--color-light);
  margin-bottom: 20px;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  border-radius: var(--radius-xs);
}

.wrapper.lawyer-profile .end-section .paginate-pagination {
  bottom: -60px;
}

.comments li.card .card-content {
  display: flex !important;
  padding: 19px 26px;
  width: 100%;
}

.comments li.card .card-content .profile {
  margin-left: 20px;
  border-radius: 50%;
  overflow: hidden;
  border-radius: 50%;
  height: 49.078125px;
  width: 49.078125px;
  border: 1px solid #00235d;
}

.comments li.card .card-content .profile img {
  width: 100%;
  height: 100%;
}

.comment-detail {
  width: 100%;
}

.comment-detail .user-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
}

.comment-detail .user-info span:first-of-type {
  font-family: var(--font-iransansweb_bold);
  font-size: 20px;
}

.comment-detail .divide {
  height: 1px;
  width: 100%;
  background-color: #fdba21;
  margin: 7px 0 25px 0;
}

.comment-detail .comment {
  border-radius: var(--radius-xs);
  padding: 17px 15px;
  background: #f1f6ff;
  border: 1px solid #00235d;
  margin-bottom: 23px;
  text-align: right;
}

.comment-detail .comment-rating {
  text-align: left;
}

section.write-comment {
  margin: 100px 0px;
}

section.write-comment .write-now {
  width: 100%;
  border-radius: 5px;
  background-color: #00235d;
  padding: 41px 35px;
}

section.write-comment .write-now h2 {
  font-family: var(--font-iransansweb_bold);
  font-size: 24px;
  color: var(--color-light);
  text-align: center;
}

section.write-comment .write-now .divider {
  width: 92px;
  height: 1px;
  background-color: #fdce63;
  margin: 13px auto 41px auto;
}

section.write-comment .write-now form {
  width: 100%;
}

section.write-comment .write-now form .input-group {
  display: flex;
  justify-content: space-between;
}
.comment-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comment-footer-rate {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.comment-footer-rate div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  cursor: pointer;
}
.zp-form-control {
  all: unset;
  background-color: var(--color-light);
  border: 0.5px solid #717171;
  border-radius: var(--radius-xs);
  text-indent: 15px;
  font-size: 20px;
  font-family: var(--font-iransansweb_light);
}

section.write-comment .write-now form .input-group input {
  height: 47px;
  width: 100%;
  font-size: 15px;
}

section.write-comment .write-now form .input-group input:nth-child(-n + 2) {
  margin-left: 27px;
}

section.write-comment .write-now form textarea {
  height: 160px;
  width: 100%;
  margin-top: 26px;
  padding-top: 11px;
  margin-bottom: 27px;
  word-break: break-all;
  font-size: 15px;
}

section.write-comment .write-now form button[type="submit"] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  font-family: var(--font-iransansweb_bold);
  cursor: pointer;
}

@media screen and (max-width: 1016px) {
  .main-top-content section.right .right {
    width: 347px;
    border-radius: var(--radius-xs);
    background-color: var(--color-light);
    position: absolute;
    top: -70px;
    right: -18px;
    padding: 11px 13px;
    transform: scale(0.8);
  }

  .main-top-content section.right .left {
    margin-left: 160px;
  }

  .main-top-content section.right .float-btn {
    left: 222px;
  }

  .middle-content .bubbles {
    transform: scale(0.9);
    flex-wrap: wrap;
  }
  .middle-content {
    padding: 0 36px;
  }
}

@media screen and (max-width: 875px) {
  .wrapper.lawyer-profile main.main {
    width: 100%;
    margin: 150px auto 0 auto;
  }

  .main-top-content section.right {
    flex-direction: column;
    height: auto;
    background-color: #f0f0f0;
    margin-bottom: 100px;
  }

  .main-top-content section.right .right {
    position: static;
    order: 2;
    transform: scale(1);
    margin: 20px 0;
  }

  .main-top-content {
    padding: 70px 0;
  }

  .main-top-content section.left {
    left: 15px;
    top: -125px;
    height: 2330px;
  }

  .main-top-content section.right .float-btn {
    left: 50%;
  }

  .middle-content .bubbles .bubble {
    margin-bottom: 20px;
  }

  .zp-form-control {
    font-size: 14px;
  }

  .media-content {
    justify-content: space-between;
  }
}

@media screen and (max-width: 710px) {
  .wrapper.lawyer-profile main.main {
    padding: 0;
  }

  .main-top-content {
    flex-direction: column;
    height: auto;
    padding: 0;
  }

  .main-top-content section.left {
    position: static;
    order: 1;
    width: 100%;
    height: auto;
    border-radius: 0 !important;
    padding: 0 35px 62px 35px;
  }

  .main-top-content section.right {
    order: 2;
    border-radius: 0 !important;
    align-items: center;
  }

  .main-top-content section.left .true-details {
    margin-top: 55px;
  }

  .main-top-content section.right .float-btn {
    transform: translateX(-50%);
  }

  .main-top-content section.left .avatar {
    height: 200px;
    width: 200px;
    transform: translateX(0);
    position: static;
    margin: auto;
  }

  .wrapper.lawyer-profile main.main {
    box-shadow: none;
  }

  .main-top-content section.right .left {
    display: none;
  }

  .main-top-content section.right .right {
    width: 420px;
  }

  .personal-info {
    text-align: right;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    color: var(--color-light);
  }

  .personal-info p {
    margin: 5px;
  }

  .personal-info p span {
    font-size: 12px;
  }

  .middle-content {
    margin-left: 0;
  }
  .comments li.card .card-content {
    display: block !important;
  }
  .comments li.card .card-content .profile {
    height: 34px;
    width: 34px;
    border-width: 2px;
  }

  .wrapper.lawyer-profile main.main {
    padding-bottom: 130px;
  }

  section.write-comment .write-now form .input-group {
    flex-direction: column;
  }

  section.write-comment .write-now form .input-group input {
    margin-bottom: 20px;
  }

  .main-top-content section.left .avatar .overlay-status {
    bottom: 40px;
  }

  .personal-info section:first-of-type {
    margin-left: 20px;
  }
}

@media screen and (min-width: 710px) {
  .personal-info {
    display: none;
  }
}

@media screen and (max-width: 440px) {
  .main-top-content section.right .right {
    width: 350px;
  }

  .middle-content .bubbles {
    transform: scale(1);
  }

  .lawyer-cv article {
    flex-direction: column;
  }

  main .end-section {
    margin: 0;
  }

  section.write-comment {
    margin: 100px 0 35px 0;
  }

  section.write-comment .write-now {
    padding: 41px 15px;
  }
}

@media screen and (max-width: 330px) {
  .middle-content .bubbles {
    justify-content: space-between;
  }

  .main-top-content section.right .right {
    transform: scale(0.85);
  }
}

/* custom modal */
.modal {
  opacity: 0;
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  width: 885px;
  transition: 0.3s all linear;
  z-index: -9999;
  border-radius: var(--radius-xs);
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  background-color: var(--color-light);
}
.modal .modal-cover {
  content: "";
  position: absolute;
  left: -400%;
  top: -400%;
  z-index: -1;
  height: 5000vh;
  width: 5000vw;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  cursor: no-drop;
}

.modal-content {
  background-color: #fff;
  padding: 15px 27px;
  width: 100%;
  height: 100%;
}

.close-modal {
  cursor: pointer;
  float: left;
  font-family: var(--font-iransansweb_medium);
  width: 25px;
  text-align: left;
}

.modal-body {
  clear: both;
  text-align: center;
}

.modal-body video {
  width: 100%;
  height: 400px;
}

@media screen and (max-width: 920px) {
  .modal {
    width: 100%;
  }

  .modal-body video {
    height: 100%;
  }
}

/* end custom modal */

.small-wrapper .small-wrapper-body {
  height: 50vh;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("../images/Lawyers-bg.png") no-repeat center center;
  background-size: cover;
  position: relative;
}
.small-wrapper .small-wrapper-body.lawyer-profile {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)),
    url("../images/bg.jpg") no-repeat center center;
  background-size: cover;
  height: 100%;
}
.small-wrapper .small-wrapper-body .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #00235d;
}
.small-wrapper .small-wrapper-body .top.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999999999999999 !important;
  max-height: 60px !important;
}
.small-wrapper .small-wrapper-body .top .right a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-family: var(--font-iransansweb_ultra_light);
  color: var(--color-light);
  text-decoration: none;
  gap: 8.5px;
}
.small-wrapper .small-wrapper-body .top .right a {
  padding: 15px 20px;
}
.small-wrapper .small-wrapper-body .top .right a svg {
  height: 28.2520694732666px;
  width: 30.976516723632812px;
}
.small-wrapper .small-wrapper-body .top .burger-menu {
  display: flex;
  flex-direction: column;
  gap: 1.5px;
  padding: 10px 5px;
  cursor: pointer;
  margin-left: 20px;
}
.small-wrapper .small-wrapper-body .top .burger-menu span {
  width: 17px;
  height: 2px;
  background-color: var(--color-light);
  border-radius: var(--radius-xs);
  display: inline-block;
  margin-bottom: 7px;
}
.small-wrapper .small-wrapper-body .top .left {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.small-wrapper .small-wrapper-body .top .left .notifications {
  position: relative;
  margin-top: 5px;
}
.small-wrapper .small-wrapper-body .top .left .notifications .badge {
  position: absolute;
  right: -3px;
  top: -3px;
  border: 2px solid #fdba21;
  border-radius: 9.24778px;
  height: 18.495569229125977px;
  width: 18.495569229125977px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00235d;
  color: var(--color-light);
  text-decoration: none;
  font-size: 11.9px;
}
.small-wrapper .small-wrapper-body .header-content {
  display: block !important;
  position: relative;
  width: 100%;
  border-radius: 0;
  top: 53%;
  text-align: center;
}
.small-wrapper .small-wrapper-body .top-tool-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-light);
  background-color: var(--color-light);
  padding: 4px 20px;
  border-top: 5px solid var(--color-primary);
}
.small-wrapper .small-wrapper-body .top-tool-bar .tool-icon {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: #e5e9ef;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.small-wrapper .small-wrapper-body .top-tool-bar .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.small-wrapper .small-wrapper-body .top-tool-bar .wrap a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  color: var(--color-primary);
  text-decoration: none;
}
.small-wrapper .small-wrapper-body .header-content h1 {
  font-size: 30px;
}
.small-wrapper .small-wrapper-body .header-content h1::before,
.small-wrapper .small-wrapper-body .header-content h1::after {
  display: none;
}
.small-wrapper .small-wrapper-body .header-content .divider {
  margin: auto;
  height: 2px;
  background-color: var(--color-secondary);
  opacity: 1;
  margin-bottom: 25px;
  margin-top: 20px;
}
.small-wrapper .small-wrapper-body .header-content .header-cta {
  width: max-content;
  margin: auto;
}
@media screen and (max-width: 540px) {
  .small-wrapper .small-wrapper-body .header-content h1 {
    font-size: 18px;
    margin-top: 20px;
    top: 20px;
    position: relative !important;
  }
  .small-wrapper .small-wrapper-body .header-content .p1 {
    font-size: 12px;
  }
  .small-wrapper .small-wrapper-body .header-content .p2 {
    font-size: 12px;
  }
}
.sub-accordion-item-heading {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 15px;
}
.sub-accordion-item-heading.active ~ .zp-small-bod-acc {
  max-height: 1800px;
}
.zp-small-bod-acc p {
  text-align: justify;
  font-size: 14px;
  line-height: 26px;
}
.accordion-menu.small-device-accordion .accordion-item {
  background: #f0f0f0;
  box-shadow: none;
  color: var(--color-light);
  border-radius: 0;
}
.accordion-menu.small-device-accordion .accordion-item .toggle-arrow svg path {
  stroke: var(--color-light);
}
.small-wrapper section.fourth .reserve-section {
  margin-bottom: 10px;
}
.zp-small-bod-acc ul {
  margin-right: 20px;
  list-style-type: circle !important;
}
.zp-small-bod-acc ul li {
  font-size: 14px;
  color: var(--color-primary);
}
.zp-small-bod-acc ul li svg {
  margin-left: 10px;
}
.sub-small-device-accordion .accordion-item:first-of-type {
  margin-top: 30px;
}
.sub-small-device-accordion .accordion-item {
  margin-bottom: 50px;
}
.sub-small-device-accordion .accordion-item .zp-small-bod-acc .content {
  text-align: center;
  padding: 20px;
}
.sub-small-device-accordion .accordion-item .zp-small-bod-acc .content svg {
  vertical-align: -6px;
  margin-left: 7px;
}
.sub-small-device-accordion
  .accordion-item
  .zp-small-bod-acc
  .content.lang
  span:first-of-type {
  padding-left: 20px;
  border-left: 1px solid var(--color-secondary);
  margin-left: 20px;
}

.zp-small-bod-acc .content ul {
  list-style-type: none;
}
.zp-small-bod-acc ul li.has-sub {
  font-family: var(--font-iransansweb_bold);
  display: flex;
  flex-direction: column;
}
.zp-small-bod-acc ul li.sub-item {
  margin-bottom: 18px;
  font-size: 14px;
  position: relative;
  font-family: var(--font-iransansweb_medium);
}
.zp-small-bod-acc ul li.has-sub {
  font-family: var(--font-iransansweb_bold);
}
.zp-small-bod-acc ul li.has-sub .sub-wrapper ul {
  list-style-type: disc;
  margin-top: 20px;
}
.zp-small-bod-acc ul {
  padding-right: 11px;
  margin-right: 10px;
  list-style-type: none;
}
.zp-small-bod-acc ul li.has-sub .sub-wrapper .description {
  text-align: right;
  font-family: var(--font-iransansweb_light);
  line-height: 22px;
}
@media screen and (max-width: 960px) {
  main.main .sec-right ul.section-content .card {
    margin: 0 30px 92px 0;
  }
  nav.nav div.top {
    padding: 20px 10px 10px 10px;
  }
  nav.nav .bot ul li {
    width: 110px;
  }
}
@media screen and (max-width: 735px) {
  main.main .sec-right ul.section-content {
    justify-content: center;
  }
  main.main .sec-right ul.section-content .card {
    margin: 0 0 92px 30px !important;
  }
}
@media screen and (min-width: 850px) {
  .wrapper.lawyer-profile .small-wrapper,
  .wrapper.lawyer-profile .nav.nav-2 {
    display: none;
  }
}
@media screen and (min-width: 735px) {
  .wrapper.lawyers .small-wrapper,
  .wrapper.lawyers .nav.nav-2 {
    display: none;
  }
  .header-content {
    display: flex;
  }
  .header.header .header-float-content {
    display: block;
  }
  header.header .cover {
    display: block;
  }
  .wrapper.lawyers .small-wrapper {
    display: none;
  }
}
@media screen and (max-width: 735px) {
  .wrapper.lawyers header.header {
    height: 100%;
    padding: 0;
    background-image: none;
  }
  .wrapper.lawyers .header-content {
    display: none;
  }
  .header.header .header-float-content {
    position: static;
    transform: none;
    width: 100%;
    padding: 10px 20px;
    height: auto;
  }
  .wrapper.lawyers nav.nav {
    display: none;
  }
  .wrapper.lawyers header.header .cover {
    display: none;
  }
  .small-wrapper {
    display: block;
    border-bottom: 2px solid var(--color-primary);
  }
  .wrapper.lawyers main.main {
    margin: 0 auto 20px auto;
    padding: 0 0 100px 0;
  }
}
@media screen and (max-width: 540px) {
  .small-wrapper {
    display: block;
  }
}
@media screen and (max-width: 540px) {
  header.header {
    height: 100%;
    padding: 0;
  }
  .header-content {
    display: none;
  }
  .header.header .header-float-content {
    position: relative;
    transform: none;
    left: 0;
    top: -20px;
    transform: none;
    width: 87%;
  }
  header.header .cover {
    display: none;
  }
  main.main .sec-right ul.section-content .card {
    margin: 0 0 92px 0 !important;
  }
}

/*  ------------------------------------ choose subject ------------------------------------ */
.wrapper.choose-subject main.main {
  padding: 44px 120px;
}
.wrapper.all main.main h1 {
  font-family: var(--font-iransansweb_medium);
  font-size: 18px;
  color: var(--color-primary);
  margin-bottom: 41px;
  line-height: 28px;
}
.wrapper.choose-subject main.main .content form .subjects {
  width: 100%;
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: flex-start;
  gap: 11px;
  align-items: center;
  flex-wrap: wrap;
  padding: 31.51px 32px;
  margin-bottom: 150px;
  box-shadow: var(--box-shadow-2);
  background: #1b51aa;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
}
.wrapper.choose-subject main.main .content form .subject-card {
  border: 1.5px solid #dbe8ff;
  border-radius: 5.24235px;
  background: #ffffff;
  width: 190px;
  height: 80px;
  padding: 17.39px 9.48px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 11px;
  cursor: pointer;
}
.wrapper.choose-subject main.main .content form .subject-card input {
  width: 19px;
  height: 19px;
  accent-color: #1b51aa;
  cursor: pointer;
}
.wrapper.choose-subject main.main .content form .subject-card .title {
  color: var(--color-primary);
  font-size: 14px;
}
.subjects.with-form {
  margin-bottom: 51px !important;
}
.choose-a-subjectt form p.form-title {
  font-size: 20px;
  color: var(--color-primary);
  padding-bottom: 30px;
}
.choose-a-subjectt form .form-group {
  margin-bottom: 30px;
}
.choose-a-subjectt form .form-group label {
  display: block;
  font-size: 16px;
  color: var(--color-primary);
  margin-bottom: 13px;
}
.choose-a-subjectt form .form-group input,
.choose-a-subjectt form .form-group textarea {
  all: unset;
  background: #ffffff;
  border: 1px solid #00235d;
  border-radius: 5px;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.choose-a-subjectt form .form-group textarea {
  width: 98.8%;
}
.choose-a-subjectt form .warning {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  background: #ffffff;
  border: 1.5px solid #fdba21;
  border-radius: 5px;
  margin-bottom: 9px;
  font-size: 12px;
  font-family: var(--font-iransansweb_light);
  gap: 10px;
}
.form-bottom-row.two {
  margin-top: 70px;
}
@media screen and (max-width: 1140px) {
  .wrapper.choose-subject main.main .content {
    justify-content: space-evenly;
  }
  .wrapper.all main.main {
    padding: 20px 19px 10px 19px !important;
    width: 95%;
  }
  .choose-a-subjectt {
    padding-bottom: 0 !important;
  }
  .wrapper.choose-subject main.main .content form .subject-card {
    width: 100%;
  }
  .wrapper.all main.choose-a-subjectt {
    padding-bottom: 10px !important;
  }
  .wrapper.choose-subject main.main .content .subjects {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 855px) {
  .wrapper.all main.main {
    padding: 0 19px 10px 19px !important;
    width: 95%;
    margin-bottom: 150px;
  }
  .wrapper.all main.main h1 {
    padding-right: 25px;
    padding-top: 20px;
  }
  .wrapper.all main.choose-a-subjectt .form-bottom-row {
    padding-top: 100px;
  }
  .wrapper.all main.choose-a-subjectt .form-bottom-row.two {
    padding-top: 50px 0 20px 0;
  }
  .choose-a-subjectt form .warning {
    align-items: flex-start;
  }
  .choose-a-subjectt form .form-group input,
  .choose-a-subjectt form .form-group textarea {
    width: 100%;
  }
  .choose-a-subjectt form p.form-title {
    margin-top: 50px;
  }
  .form-bottom-row.two {
    margin-top: 0;
  }
  .wrapper.choose-subject main.main .content form .subjects {
    padding: 31.51px 15px;
  }
}
@media screen and (max-width: 540px) {
  .wrapper.all main.main {
    padding: 22px 19px 50px 19px !important;
    margin: -40px 19px !important;
    width: 90%;
  }
  .wrapper.all main.main h1 {
    font-size: 16px;
    padding-right: 10px;
  }
  .wrapper.choose-subject main.main .content {
    margin-bottom: 0;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 100px;
  }
  .wrapper.choose-subject main.main .content .card {
    width: calc(100% / 2 - 20px) !important;
    flex-direction: column;
    gap: 33px;
    height: auto;
  }
  .wrapper.choose-subject main.main .content .card span.left .divider {
    left: 38%;
  }
  .wrapper.all header.header {
    background: none !important;
    margin-bottom: 20px;
    display: none;
  }
  .wrapper.all nav.nav .divider {
    display: none;
  }
  .wrapper.all .small-wrapper {
    border: none;
  }
  .wrapper.all .small-wrapper .small-wrapper-body {
    background: transparent !important;
    height: auto;
  }
}
@media screen and (max-width: 540px) {
  .wrapper.choose-subject main.main .content {
    margin-bottom: 0;
    justify-content: center;
    flex-direction: row;
    margin-bottom: 100px;
    padding: 21px 5px;
  }
  .wrapper.choose-subject main.main .content .card {
    width: calc(100% / 2 - 20px) !important;
    flex-direction: column;
    gap: 5px;
    height: auto;
  }
}
/* ------------------------------------ end choose subject ------------------------------------*/

/* choose plan */
.choose-plan main.main .content form.choose-a-plan-wrapper .cards {
  width: 100%;
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 70px;
  -webkit-border-radius: var(--radius-xs);
  -moz-border-radius: var(--radius-xs);
  -ms-border-radius: var(--radius-xs);
  -o-border-radius: var(--radius-xs);
}
.choose-a-plan-wrapper .card-item {
  height: 217.283935546875px;
  width: 201.78622436523438px;
  border-radius: 5px;
  background: #f2f7ff;
  border: 1px solid #00235d;
  border-radius: 5px;
  padding: 13px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.choose-a-plan-wrapper .plan-radio {
  display: none;
}
.choose-a-plan-wrapper .card-item label {
  background: #fdba21;
  border-radius: 5px;
  padding: 3.35px 35.59px;
  cursor: pointer;
  position: absolute;
  bottom: 13px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.choose-a-plan-wrapper .card-item label .tick {
  display: none;
}
.choose-a-plan-wrapper .card-item .time {
  position: relative;
}
.choose-a-plan-wrapper .card-item .time::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 56.46px;
  height: 3px;
  background-color: #fdba21;
}
.choose-a-plan-wrapper .card-item .time,
.choose-a-plan-wrapper .card-item .price {
  font-size: 20px;
  color: var(--color-primary);
  border-bottom: 1px solid #1b51aa;
  margin-bottom: 13.79px;
  padding-bottom: 17.23px;
}
.choose-a-plan-wrapper .card-item .time span:first-of-type,
.choose-a-plan-wrapper .card-item .price span:first-of-type {
  font-size: 30px;
  font-family: var(--font-iransansweb_bold);
  padding-left: 5px;
}
.choose-a-plan-wrapper .card-item .price {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.choose-a-plan-wrapper .card-item .price-before-off {
  color: #717171;
  text-decoration: line-through;
  font-size: 14px;
  padding-bottom: 8px;
  padding-top: 1px;
}
.choose-a-plan-wrapper input#plan-1:checked ~ .cards .card-item-1 label,
.choose-a-plan-wrapper input#plan-2:checked ~ .cards .card-item-2 label,
.choose-a-plan-wrapper input#plan-3:checked ~ .cards .card-item-3 label,
.choose-a-plan-wrapper input#plan-4:checked ~ .cards .card-item-4 label {
  width: 28px;
  height: 28px;
  background-color: var(--color-primary);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.choose-a-plan-wrapper input#plan-1:checked ~ .cards .card-item-1,
.choose-a-plan-wrapper input#plan-2:checked ~ .cards .card-item-2,
.choose-a-plan-wrapper input#plan-3:checked ~ .cards .card-item-3,
.choose-a-plan-wrapper input#plan-4:checked ~ .cards .card-item-4 {
  box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.05);
}
.choose-a-plan-wrapper input#plan-1:checked ~ .cards .card-item-1 label .text,
.choose-a-plan-wrapper input#plan-2:checked ~ .cards .card-item-2 label .text,
.choose-a-plan-wrapper input#plan-3:checked ~ .cards .card-item-3 label .text,
.choose-a-plan-wrapper input#plan-4:checked ~ .cards .card-item-4 label .text {
  display: none;
}
.choose-a-plan-wrapper input#plan-1:checked ~ .cards .card-item-1 label .tick,
.choose-a-plan-wrapper input#plan-2:checked ~ .cards .card-item-2 label .tick,
.choose-a-plan-wrapper input#plan-3:checked ~ .cards .card-item-3 label .tick,
.choose-a-plan-wrapper input#plan-4:checked ~ .cards .card-item-4 label .tick {
  display: block;
}
.choose-a-plan-wrapper .card-item .off-count {
  position: absolute;
  left: -3px;
  top: -3px;
}
.choose-a-plan-wrapper .card-item .off-count .percent {
  position: absolute;
  left: 0;
  top: 0;
  position: absolute;
  left: 5px;
  top: 5px;
  color: #fff;
  font-family: var(--font-iransansweb_medium);
}
.choose-a-plan-wrapper .form-bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.choose-a-plan-wrapper .form-bottom-row a {
  padding: 5.84px 38.67px;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #00235d;
  border-radius: 5px;
  color: var(--color-primary);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.choose-a-plan-wrapper .form-bottom-row a:hover {
  background-color: var(--color-primary);
  color: white;
}
.choose-a-plan-wrapper .form-bottom-row button {
  all: unset;
  color: var(--color-primary);
  background: #fdba21;
  border-radius: 5px;
  padding: 5.84px 38.67px;
  text-decoration: none;
  border: 1px solid #fdba21;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.choose-a-plan-wrapper .form-bottom-row button:hover {
  color: #fdba21;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.form-bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 100px;
}
.form-bottom-row button {
  all: unset;
  color: var(--color-primary);
  background: #fdba21;
  border-radius: 5px;
  padding: 5.84px 38.67px;
  text-decoration: none;
  border: 1px solid #fdba21;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.form-bottom-row button:hover {
  color: #fdba21;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.form-bottom-row a {
  padding: 5.84px 38.67px;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #00235d;
  border-radius: 5px;
  color: var(--color-primary);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.form-bottom-row a:hover {
  background-color: var(--color-primary);
  color: white;
}
@media screen and (max-width: 1140px) {
  .wrapper.all main.main {
    padding: 20px 19px 140px 19px !important;
    width: 95%;
    margin-bottom: 0;
    margin: -40px auto !important;
  }
  .wrapper.all main.choose-a-subjectt {
    padding-bottom: 10px !important;
  }
}
@media screen and (max-width: 850px) {
  .choose-plan main.main .content form.choose-a-plan-wrapper .cards {
    gap: 11px;
  }
  .choose-a-plan-wrapper .card-item {
    width: calc(100% / 2 - 11px);
    height: 185px;
  }
  .choose-a-plan-wrapper .card-item .time,
  .choose-a-plan-wrapper .card-item .price {
    font-size: 16px;
  }
  .choose-a-plan-wrapper .card-item .time span:first-of-type,
  .choose-a-plan-wrapper .card-item .price span:first-of-type {
    font-size: 20px;
  }
  .choose-a-plan-wrapper .card-item label {
    font-size: 11px;
  }
}
/* end choose plan */
/* more for lawyers */
.wrapper.lawyers .sec-left.two {
  display: none;
  position: relative;
  padding-top: 50px;
  background: #eae5df;
}
@media screen and (max-width: 545px) {
  .wrapper.lawyers .sec-left.two {
    display: block;
    padding-top: 0;
  }
  .wrapper.lawyers .sec-left.one {
    display: none;
  }
}
@media screen and (min-width: 545px) {
  .wrapper.lawyers .sec-left.two {
    display: none;
  }
  .wrapper.lawyers .sec-left.one {
    display: block;
  }
}
.wrapper.lawyers .sec-left.two .top-title {
  padding: 10px 20px;
  border-radius: var(--radius-xs);
  white-space: nowrap;
  text-align: center;
  color: white;
  font-family: var(--font-iransansweb_light);
  font-size: 20px;
  padding-top: 10px;
  position: relative;
}
.wrapper.lawyers .sec-left.two .top-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  width: 20%;
  background-color: #d3b77f;
  height: 1px;
}
.wrapper.lawyers .sec-left.two {
  background: #103f8b !important;
}
.wrapper.lawyers .sec-left.two .filter-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  background-color: #103f8b;
  padding: 10px;
}
.wrapper.lawyers .sec-left.two .filter-section .filter-item {
  background-color: var(--color-light);
  padding: 10px 30px;
  border-radius: var(--radius-xs);
  box-shadow: var(--box-shadow-1);
  cursor: pointer;
  position: relative;
}
.wrapper.lawyers .sec-left.two .filter-section .filter-item.active {
  border-radius: var(--radius-xs) var(--radius-xs) 0 0;
}
.wrapper.lawyers .sec-left.two .filter-section .filter-item .filter-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.wrapper.lawyers .sec-left.two .filter-section .filter-item .filter-body {
  background-color: var(--color-light);
  width: 300px;
  position: absolute;
  left: 0;
  z-index: -999;
  top: 39px;
  border-radius: 0 var(--radius-xs) var(--radius-xs) var(--radius-xs);
  /* box-shadow: var(--box-shadow-2); */
  opacity: 0;
  transition: all 0.4s linear;
}
.wrapper.lawyers
  .sec-left.two
  .filter-section
  .filter-item:nth-of-type(1)
  .filter-body {
  right: 0;
  left: unset;
}
.wrapper.lawyers
  .sec-left.two
  .filter-section
  .filter-item:nth-of-type(2)
  .filter-body {
  left: -50%;
  transform: translate(-6%);
}
.wrapper.lawyers
  .sec-left.two
  .filter-section
  .filter-item.active
  .filter-body {
  z-index: 999;
  opacity: 1;
}
.wrapper.lawyers .sec-left.two .filter-section .filter-item .filter-body ul {
  list-style-type: none;
  padding-top: 20px;
  direction: ltr;
}
.wrapper.lawyers
  .sec-left.two
  .filter-section
  .filter-item.grouping
  .filter-body
  ul
  li {
  flex-direction: row-reverse;
}
.wrapper.lawyers
  .sec-left.two
  .filter-section
  .filter-item.grouping
  .filter-body
  ul
  li
  div {
  flex-direction: revert;
}
.wrapper.lawyers .sec-left.two .filter-section .filter-item .filter-body ul li {
  margin-bottom: 20px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-bottom: 1.5px solid #d2d2d2;
  color: var(--color-dark);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapper.lawyers .sec-left.two .filter-section .filter-item .filter-body ul li {
  flex-direction: revert;
}
.wrapper.lawyers
  .sec-left.two
  .filter-section
  .filter-item
  .filter-body
  ul
  li
  div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row-reverse;
  gap: 7px;
}
.wrapper.lawyers
  .sec-left.two
  .filter-section
  .filter-item
  .filter-body
  ul
  li:last-of-type {
  border: none;
}
.wrapper.lawyers
  .sec-left.two
  .filter-section
  .filter-item
  .filter-body
  ul
  li
  input {
  width: 25px;
  height: 25px;
  vertical-align: -7px;
  margin-left: 10px;
  accent-color: var(--color-primary);
}
.wrapper.lawyers
  .sec-left.two
  .filter-section
  .filter-item
  .filter-body
  ul
  li
  svg {
  width: 23px;
  vertical-align: -12px;
  margin-right: 10px;
}
.wrapper.lawyers .sec-left.two .filter-section .filter-item .accordion-item {
  box-shadow: none;
  border-top: 1.5px solid #d2d2d2;
  padding-top: 5px;
}
@media screen and (max-width: 430px) {
  .wrapper.lawyers .sec-left.two .top-title {
    top: 10px !important;
  }
  .wrapper.lawyers .sec-left.two .filter-section .filter-item {
    padding: 10px 15px;
  }
  .wrapper.lawyers
    .sec-left.two
    .filter-section
    .filter-item:nth-of-type(2)
    .filter-body {
    left: 50%;
    transform: translateX(-50%);
  }
}
/* end more for lawyers */
.wrapper.lawyers main.main {
  margin: 0 auto 0 auto;
  background-color: #eae5df !important;
}
.wrapper.lawyers .top-banner {
  width: 100%;
  min-height: 126.26px;
  background: linear-gradient(180deg, #00235d 0%, #010d22 100%);
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.15);
  margin-top: 170px;
  margin-bottom: 30px;
  position: relative;
}
.wrapper.lawyers .top-banner p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-light);
  font-family: var(--font-iransansweb_bold);
  font-size: 24px;
  white-space: nowrap;
}
.wrapper.lawyers main.main .sec-right {
  padding-top: 0;
}
.wrapper.lawyers main.main .sec-right .top-section {
  margin-bottom: 83px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #00235d;
  margin-left: 30px;
  padding-bottom: 12px;
}
.wrapper.lawyers main.main .sec-right .top-section p {
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  font-size: 20px;
}
.wrapper.lawyers main.main .sec-right .top-section .left span .point {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  background-color: #ddd;
  display: inline-block;
}
.wrapper.lawyers main.main .sec-right .top-section .left span.first {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #717171;
}
.wrapper.lawyers main.main .sec-right .top-section .left span .point.point-red {
  background: #eb0728;
}
.wrapper.lawyers
  main.main
  .sec-right
  .top-section
  .left
  span
  .point.point-green {
  background: #60c231;
}
.wrapper.lawyers main.main .search-box {
  height: 37px;
}
.wrapper.lawyers main.main .search-box.small-device-search {
  box-shadow: none;
  padding-left: 15px;
  padding-right: 15px;
}
.wrapper.lawyers .accordion-item .accordion-item-heading {
  height: 37px;
}
.wrapper.lawyers .accordion-item .accordion-item-heading > div:first-child {
  flex: 1;
}
.wrapper.lawyers .accordion-item-body li {
  display: flex;
  flex-direction: row-reverse;
  text-align: right;
  justify-content: space-between;
  color: var(--color-dark);
  font-size: 16px;
}
.wrapper.lawyers .accordion-item-body .no-multiple li input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #00235d;
  position: relative;
  cursor: pointer;
}
.wrapper.lawyers
  .accordion-item-body
  .no-multiple
  li
  input[type="radio"]:checked {
  background-color: var(--color-primary);
  padding: 2px;
}
.wrapper.lawyers
  .accordion-item-body
  .no-multiple
  li
  input[type="radio"]:checked::after {
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid var(--color-light);
  position: absolute;
  left: 50%;
  top: 49.5%;
  transform: translate(-50%, -49%);
  border-radius: 50%;
  display: inline-block;
}
.wrapper.lawyers .accordion-item-body ul li {
  margin-bottom: 10px;
}
.wrapper.lawyers .rest-filters {
  background: #ffffff;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  font-family: var(--font-iransansweb_bold);
  color: var(--color-primary);
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--color-light);
  transition: 0.3s linear all;
}
.wrapper.lawyers .rest-filters:hover {
  color: var(--color-light);
  background-color: (--color-primary);
}
@media screen and (max-width: 735px) {
  .wrapper.lawyers .top-banner {
    margin-top: 30px;
  }
  .wrapper.lawyers main.main .sec-right .top-section {
    margin-left: 0;
    padding-right: 20px;
    padding-left: 20px;
    flex-direction: column;
    font-size: 14px;
    align-items: center;
    gap: 20px;
  }
  main.main .sec-left {
    padding-right: 0;
    padding-left: 0;
  }
  footer.footer .footer-logo {
    width: 113px;
    height: 113px;
    top: -60px;
  }
  footer.footer .footer-logo svg {
    height: 67.61737060546875px;
    width: 73.43456268310547px;
  }
}
.clear-small-filters {
  display: block;
  font-family: var(--font-iransansweb_bold);
  font-size: 14px;
  border: 1px solid #00235d;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  height: 37px;
  text-decoration: none;
  display: grid;
  place-items: center;
  margin: 8px 9px;
  color: var(--color-primary);
  transition: 0.3s linear all;
}
.clear-small-filters:hover {
  background-color: var(--color-primary);
  color: var(--color-light);
}
.schedule {
  background: #ffffff;
  border: 1px solid #00235d;
  border-radius: 5px;
  padding: 6.73px;
  margin-top: 7px;
}
.schedule .schedule-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: var(--color-dark);
  font-size: 14px;
}
.schedule .schedule-top .schedule-top-right,
.schedule .schedule-top .schedule-top-left {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 11px;
}
.schedule .schedule-body {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s linear all;
}
.schedule .schedule-body .schedule-body-item {
  background: #dbe8ff;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4.16px 8.54px;
  margin-bottom: 5.41px;
}
.schedule .schedule-body .schedule-body-item span.title {
  font-family: var(--font-iransansweb_bold);
  font-size: 16px;
  color: var(--color-dark);
}
.schedule .schedule-body .schedule-body-item .left-dates {
  direction: ltr;
  position: relative;
}
.schedule .schedule-body .schedule-body-item .left-dates span:first-of-type {
  border-right: 1px solid #00235d;
  padding-right: 10px;
  margin-right: 10px;
}
.schedule.active .schedule-body {
  padding-top: 12.63px;
  max-height: 600px;
}
.schedule .schedule-top .schedule-top-left svg {
  transition: 0.3s linear all;
}
.schedule.active .schedule-top .schedule-top-left svg {
  transform: rotate(180deg);
}

/* comment rating star */
.rate-comment {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 18px;
}
.rate-comment .title {
  color: var(--color-light);
  font-size: 18px;
  margin-left: 12px;
}
.rate-comment .rating {
  display: block;
  direction: rtl;
  unicode-bidi: bidi-override;
  text-align: center;
}
.rate-comment .rating .star {
  display: none;
}
.rate-comment .rating label {
  color: lightgray;
  display: inline-block;
  font-size: 22pt;
  margin: 0 -2px;
  transition: transform 0.15s ease;
  cursor: pointer;
}
.rate-comment .rating label:hover {
  transform: scale(1.35, 1.35);
}
.rate-comment .rating label:hover,
.rate-comment .rating label:hover ~ label {
  color: orange;
}
.rate-comment .rating .star:checked ~ label {
  color: orange;
}
/* end comment rating star */

.small-wrapper .lawyer-personal-info {
  padding: 70.71px 19.95px 0 19.95px;
  margin-bottom: 41px;
}
.small-wrapper .lawyer-personal-info .user-info {
  border: 1px solid #00235d;
  border-radius: 5px;
  position: relative;
  background-color: var(--color-light);
  padding: 140px 85px 45px 85px;
}
.small-wrapper .lawyer-personal-info .user-info .avatar-wrapper {
  height: 159.2267303466797px;
  width: 159.2267303466797px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: -46px;
  transform: translateX(-50%);
}
.small-wrapper .lawyer-personal-info .user-info .avatar-wrapper .avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.small-wrapper .lawyer-personal-info .user-info .avatar-wrapper .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.small-wrapper .lawyer-personal-info .user-info .avatar-wrapper .status {
  height: 15.412623405456543px;
  width: 15.412623405456543px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-color: #ddd;
  position: absolute;
  right: 16px;
  bottom: 14px;
}
.small-wrapper
  .lawyer-personal-info
  .user-info
  .avatar-wrapper
  .status.offline {
  background-color: #eb0728;
}
.small-wrapper .lawyer-personal-info .user-info .avatar-wrapper .status.online {
  background-color: #60c231;
}
.small-wrapper .lawyer-personal-info .content {
  display: flex;
  justify-content: space-evenly;
  gap: 25px;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.small-wrapper .lawyer-personal-info .content p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  gap: 20px;
}
.small-wrapper .lawyer-personal-info .content p.lawyer-name {
  gap: 9px;
  font-size: 20px;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
}
.small-wrapper .lawyer-personal-info .content p.education span:first-of-type,
.small-wrapper .lawyer-personal-info .content p.specialty span:first-of-type {
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  font-size: 14px;
}
.small-wrapper .lawyer-personal-info .content p.education span:last-of-type,
.small-wrapper .lawyer-personal-info .content p.specialty span:last-of-type {
  color: var(--color-dark);
  font-size: 12px;
}
.float-like {
  background: #ffffff;
  border: 1px solid #00235d;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -65px;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: none;
  padding: 7px 13px;
  gap: 76.87px;
  cursor: pointer;
  font-size: 16px;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
}
.small-wrapper .schedule {
  margin: 0 27.2px;
  margin-bottom: 26px;
}
.small-wrapper .right.all-detail {
  margin: 0 19.95px;
  background: var(--color-light);
  border-radius: 5px;
  padding: 14px 7px 73px 7px;
  margin-bottom: 40px;
  position: relative;
}
.small-wrapper .right.all-detail .divider {
  border: 0.5px solid #00235d;
  height: 0;
  width: 100%;
  margin: 13px 0;
}
.small-wrapper .right.all-detail .profile-cta {
  gap: 7px;
}
.small-wrapper .right.all-detail .profile-cta a:last-of-type {
  background: #b0b0b0;
}
.small-wrapper .right.all-detail .pricing {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #d3b77f;
  border-radius: 5px;
  padding: 9px 15px;
}
.small-wrapper .right.all-detail .float-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
}
.small-wrapper .right.all-detail .float-btn .line {
  height: 1px;
  width: 100%;
  left: 0;
  display: block;
  background-color: #00235d;
  position: absolute;
  bottom: 30px;
}
.small-wrapper .right.all-detail .float-btn .reservation {
  padding: 7px 27px;
  color: var(--color-light);
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
  background-color: var(--color-primary);
  border-radius: 5px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
  white-space: nowrap;
  z-index: 1;
}
.small-wrapper .small-banner {
  padding: 16px 68px;
  display: block;
  white-space: nowrap;
  color: var(--color-secondary);
  background-color: var(--color-primary);
  font-size: 28px;
  text-decoration: none;
  margin-bottom: 30px;
}
.small-wrapper .about-lawyer {
  background-color: var(--color-light);
  padding: 30px 19.56px;
}
.small-wrapper .accordion-item .accordion-item-heading {
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
}
.small-wrapper .accordion-item {
  border-radius: 5px;
}

.accordion-menu.small-device-accordion .accordion-item .toggle-arrow svg path {
  stroke: var(--color-primary);
}
.small-wrapper .accordion-item-body {
  color: var(--color-primary) !important;
}
.small-wrapper .accordion-menu.sub-small-device-accordion .accordion-item {
  border: 1px solid #d3b77f;
  border-radius: 5px;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  font-size: 16px;
  margin-bottom: 10px;
}
.small-wrapper
  .accordion-menu.sub-small-device-accordion
  .accordion-item
  .sub-accordion-item-heading {
  padding: 11px 9px;
}

.small-wrapper .about-lawyer .lawyer-articles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-secondary);
  text-decoration: none;
  font-family: var(--font-iransansweb_bold);
  padding: 11px 9px;
  border-radius: 5px;
  color: var(--color-primary);
  margin-bottom: 30px;
}
.small-wrapper .about-lawyer .lawyer-articles svg {
  transition: all 0.3s linear;
}
.small-wrapper .about-lawyer .lawyer-articles:hover svg {
  transform: translateX(-5px);
}
.small-wrapper .end-section .paginationjs {
  position: static;
  text-align: center;
  margin: auto;
  margin-bottom: 95px;
}
.small-wrapper .paginationjs-pages {
  transform: translate(0, 0);
  position: static;
  margin: auto;
}
@media screen and (max-width: 735px) {
  .comments li.card .card-content {
    position: relative;
  }
  .comments li.card .card-content .profile {
    position: absolute;
    top: 33px;
  }
  .comment-detail .user-info span:first-of-type {
    margin-right: 40px;
  }
}
.small-wrapper .comment-footer-rate {
  gap: 11px;
}
.small-wrapper .comment-footer-rate div {
  gap: 6px;
}
.small-wrapper .end-section {
  text-align: center;
}
.small-wrapper .end-section h2 {
  text-align: center;
  font-family: var(--font-iransansweb_medium);
  font-size: 20px;
  color: var(--color-primary);
  margin: 50px auto;
  border-bottom: 2px solid #ffd600;
  padding-bottom: 15px;
  display: inline-block;
}
.small-wrapper .rate-comment {
  justify-content: space-between;
}
.small-wrapper .rate-comment .title {
  font-size: 12px;
}

.small-wrapper section.write-comment .write-now form textarea {
  margin-top: 0;
}
@media screen and (min-width: 1650px) {
  nav.nav div.top {
    padding: 20px 0;
  }
}

@media screen and (min-width: 1700px) {
  nav.nav div.top {
    padding: 20px 0;
  }
}
.wrapper.all .small-wrapper .small-wrapper-body .top {
  padding-bottom: 50px;
}
.wrapper.lawyers footer .accordion-item-body li {
  flex-direction: row !important;
}
footer .accordion-item .accordion-item-heading {
  height: 64px !important;
}
.accordion-item-body.zp-footer-bod-acc ul li {
  margin-bottom: 32px !important;
}
@media screen and (max-width: 965px) {
  .middle-content .bubbles {
    gap: 45px;
    justify-content: flex-start;
  }
}

/* profile section */

/* support page */
main.profile {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 37.93px 30px;
  padding-bottom: 100px !important;
  gap: 27.98px;
  min-height: 1050px;
}
/* @media screen and (min-width: 1550px) {
  main.profile {
    height: 170vh;
  }
} */
main.profile .side-bar {
  width: 22%;
  background: #f6faff;
  border: 2px solid #dbe8ff;
  border-radius: 5px;
}
@media screen and (min-width: 850px) {
  main.profile .side-bar.two {
    display: none;
  }
  .mobile-profile-detail {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .wrapper.main-profile main.profile .left-content {
    width: 100%;
    background: #fff;
    box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    padding-bottom: 100px;
  }
  main.profile .side-bar.two {
    display: block;
    width: 100%;
    background: #ffffff;
    border-radius: 5px;
    border: none;
    margin-bottom: 50px;
  }
  .small-wrapper .small-wrapper-body .top.two {
    height: 141px;
  }
  main.profile .side-bar.two .user-info .top {
    flex-direction: column;
  }
  main.profile .side-bar.two .user-info .top .avatar {

    height: 127px;
    width: 127px;
  }
  main.profile .side-bar.two .user-info {
    text-align: center;
  }
  main.profile .side-bar.two .user-info p.welcome-msg {
    font-size: 20px;
    font-family: var(--font-iransansweb_bold);
    margin-bottom: 9px;
    color: var(--color-primary);
  }
  .side-menu-nav-2 {
    background: #f6faff;
    border: 0.5px solid #dbe8ff;
    border-radius: 5px;
    margin: 8px 10px;
    padding: 16px 0;
  }
  main.profile .side-bar.two {
    padding-bottom: 10px !important;
  }
  .side-menu-nav-2 ul li {
    list-style-type: none;
    text-align: center;
  }
  .side-menu-nav-2 ul li a:not(.sub-menu a) {
    width: 90%;
    text-decoration: none;
    padding: 10px;
    border-bottom: 1px solid #00235d;
    font-size: 14px;
    color: #000000;
    display: block;
    margin: auto;
  }
  .side-menu-nav-2 ul li:last-of-type a {
    border: 0 !important;
  }
  .side-menu-nav-2 ul li a .top {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .side-menu-nav-2 ul li:last-of-type a {
    border: none;
  }
  .side-menu-nav-2 ul li a span:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 13px;
  }
  .side-menu-nav-2 ul li a .left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 13px;
  }
  .side-menu-nav-2 ul li a svg.nav-arrow {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
  }
  .side-menu-nav-2 ul li a:hover svg.nav-arrow {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
  .side-menu-nav-2 ul li.has-badge a .badge {
    background: #ffffff;
    border: 1.11555px solid #fdba21;
    height: 18.495569229125977px;
    width: 18.495569229125977px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11.9px;
  }
  .side-menu-nav-2 ul li:hover a .nav-arrow {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
  }
  .side-menu-nav-2 li.has-sub.active .nav-arrow {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  .side-menu-nav-2 nav.sub-menu a {
    width: 100%;
    display: block;
    text-align: right;
    text-decoration: none;
    padding-right: 57px;
    margin-bottom: 17px;
    color: #717171;
    font-size: 14px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
  }
  .side-menu-nav-2 nav.sub-menu a:hover {
    color: var(--color-primary);
  }
  .side-menu-nav-2 nav.sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s linear;
    -webkit-transition: max-height 0.3s linear;
    -moz-transition: max-height 0.3s linear;
    -ms-transition: max-height 0.3s linear;
    -o-transition: max-height 0.3s linear;
  }
  .side-menu-nav-2 li.has-sub.active nav.sub-menu {
    max-height: 800px;
  }
  .main.profile .left-content .profile .profile-detail,
  .main.profile .left-content .profile .welcome-message {
    display: none;
  }
  .main.profile .small-device-back-bar {
    margin: 8px 10px;
  }
  .main.profile .mobile-profile-detail {
    margin: 8px 10px;
    margin-bottom: 14px;
  }
  .main.profile .mobile-profile-section {
    background: #f6faff;
    border: 1px solid #dbe8ff;
    margin: 8px 10px;
    border-radius: 5px;
  }
  .mobile-profile-detail-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #dbe8ff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: var(--color-dark);
    font-size: 14px;
    gap: 8.3px;
  }
  .mobile-profile-detail .drop-title {
    border-bottom: 1px solid #dbe8ff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: var(--color-primary);
    font-size: 14px;
    font-family: var(--font-iransansweb_bold);
  }
  .mobile-profile-detail .drop-down-wrapper {
    margin-bottom: 14px;
  }
  .drop-down-item-top .red {
    color: #ea3e40;
  }
  .drop-down-item-top .green {
    color: #71b40d;
  }
  .mobile-profile-detail .drop-down-wrapper .contact-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3.7px;
    margin-top: 8px;
  }
  .mobile-profile-detail .drop-down-wrapper .contact-buttons a {
    width: 100%;
    display: inline-flex;
    border-radius: 5px;
    color: var(--color-light);
    justify-content: center;
    align-items: center;
    background: #71b40d;
    text-decoration: none;
    gap: 5.56px;
    font-size: 14px;
    padding: 6.86px 0;
  }
  .mobile-profile-detail .drop-down-wrapper .contact-buttons a:first-of-type {
    background: #1b51aa;
  }
  .mobile-profile-detail .drop-down-wrapper .contact-buttons.deactive a {
    background-color: #717171;
    pointer-events: none;
  }
  .mobile-profile-detail .drop-down-wrapper .top-header {
    direction: ltr;
  }
  .mobile-profile-detail .warning-msg {
    background: #ffffff;
    border: 1.5px solid #fdba21;
    border-radius: 5px;
    padding: 9px 11.37px 10.54px 5.64px;
    text-align: justify;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    margin-bottom: 14px;
  }
  .main.profile .profile-special-card .special-card-top .left {
    display: none;
  }
  .main.profile .profile-special-card .special-card-item {
    flex-direction: column;
  }
  .main.profile .profile-special-card .special-card-item .delete {
    align-self: flex-end;
  }
  .main.profile .left-content .profile {
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
  }
  .main.profile .profile-special-card {
    background: #f6faff !important;
    border: 1px solid #dbe8ff !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    margin: 8px 10px;
  }
  .main.profile .profile-special-card .special-card-item {
    background-color: #fff;
  }
}
main.profile .left-content {
  width: 75%;
}
main.profile .side-bar .user-info .top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 18.88px 13.72px;
  gap: 17px;
}
.wrapper.lawyer main.profile .side-bar .user-info .top {
  padding: 18.88px 13.72px 0 13.72px;
}
main.profile .side-bar .user-info .top .avatar {
  height: 62px;
  width: 62px;
  overflow: hidden;
  border-radius: 100%;
}
main.profile .side-bar .user-info .top .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
main.profile .side-bar .user-info .top .user-detail {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main.profile .side-bar .user-info .top .user-detail .username {
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  font-size: 16px;
}
main.profile .side-bar .user-info .top .user-detail .user-type {
  color: #fdba21;
  font-size: 14px;
}
main.profile .side-bar .user-info .user-type {
  color: #fdba21;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}
main.profile .side-bar .user-info .bottom {
  background: #dbe8ff;
  border: 0.5px solid #dbe8ff;
  padding: 9.58px 10.69px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10.36px;
  flex-direction: column;
}
main.profile .side-bar .user-info .bottom .data {
  padding: 2.39px 5.94px;
  background-color: var(--color-light);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  font-size: 12px;
}
main.profile .side-bar .user-info .bottom .data.data-four {
  font-size: 14px;
  font-family: var(--font-iransansweb_bold);
}
main.profile .side-bar .user-info .bottom .data .coli {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3.53px;
}
main.profile .side-bar .user-info .bottom .data .text {
  font-size: 10px;
  color: #717171;
}
main.profile .side-bar .side-menu-nav ul {
  list-style-type: none;
  padding: 21.83px 0;
}
main.profile .side-bar .side-menu-nav ul li a {
  list-style-type: none;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 13.01px;
  color: var(--color-dark);
  font-size: 14px;
  text-decoration: none;
  padding: 14.27px 15.05px;
  margin: 0 0 13.81px 0;
  white-space: nowrap;
  width: 100%;
  transition: 0.3s linear background;
  height: 50.53px;
}
main.profile .side-bar .side-menu-nav ul li a:hover {
  background: linear-gradient(
    270deg,
    #ffffff 54.69%,
    rgba(255, 255, 255, 0) 100%
  );
  border-radius: 10px 0px 0px 10px;
}
main.profile .side-bar .side-menu-nav ul li.active a {
  border-right: 2.8px solid #00235d;
  background: linear-gradient(
    270deg,
    #ffffff 54.69%,
    rgba(255, 255, 255, 0) 100%
  );
  font-family: var(--font-iransansweb_bold);
  border-radius: 10px 0px 0px 10px;
}
main.profile .side-bar .side-menu-nav ul li a .title {
  transition: 0.3s linear all;
}
main.profile .side-bar .side-menu-nav ul li a:hover .title {
  font-family: var(--font-iransansweb_bold);
}
main.profile .side-bar .side-menu-nav ul li.has-badge a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main.profile .side-bar .side-menu-nav ul li.has-badge a .badge {
  background: #ffffff;
  border: 1.11555px solid #fdba21;
  height: 18.495569229125977px;
  width: 18.495569229125977px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11.9px;
}
main.profile .side-bar .side-menu-nav ul li.has-badge a span:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15.51px;
}
.customize-tabs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 9.11px;
  position: relative;
}
.customize-tabs .tab-item {
  height: 65.5177001953125px;
  width: 287.70819091796875px;
  background: #f6faff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px 5px 0px 5px;
  padding-top: 14.37px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  font-family: var(--font-iransansweb_light);
  color: var(--color-primary);
}
.customize-tabs .tab-item.disabled {
  background: #f0f0f0 !important;
  border: 1.5px solid #dbdbdb !important;
  color: #717171 !important;
  font-family: var(--font-iransansweb_ultra_light) !important;
  cursor: no-drop !important;
  pointer-events: none !important;
}
.customize-tabs .tab-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 41px;
  width: 100%;
  height: 10px;
  background-color: #f6faff;
  z-index: 2;
  display: none;
}
.customize-tabs .tab-item.active {
  font-family: var(--font-iransansweb_bold);
  color: var(--color-primary);
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  background-color: #f6faff;
}
.customize-tabs .tab-item.active::after {
  display: block;
}
.customize-tabs .tab-body {
  position: absolute;
  right: 0;
  top: 51px;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  width: 100%;
  background: #f6faff;
  border-radius: 5px;
  opacity: 0;
  z-index: -1;
  padding: 56.75px 19.56px 0 19.56px;
  border: 1.5px solid #dbe8ff;
}
.customize-tabs .tab-body.active {
  opacity: 1;
  z-index: 1;
}
.customize-tabs .tab-body form .form-group {
  margin-bottom: 38px;
}
.customize-tabs .tab-body form .form-group label {
  display: block;
  font-size: 16px;
  font-family: var(--font-iransansweb_light);
  color: var(--color-primary);
  margin-bottom: 11px;
}
.customize-tabs .tab-body form .form-group input,
.customize-tabs .tab-body form .form-group textarea {
  all: unset;
  background-color: var(--color-light);
  color: var(--color-dark);
  border: 1.5px solid #dbe8ff;
  border-radius: 8px;
  text-indent: 10px;
  padding-top: 2px;
}
.customize-tabs .tab-body form .form-group input {
  height: 47px;
  width: 336px;
}
.customize-tabs .tab-body form .form-group textarea {
  min-height: 175px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 38px;
  word-break: break-all;
}
.customize-tabs .tab-body form .form-group.has-button {
  text-align: center;
}
.customize-tabs .tab-body form .form-group button {
  all: unset;
  margin: auto;
  padding: 7.5px 129.5px;
  font-size: 16px;
  background: #fdba21;
  border-radius: 8px;
  color: #00235d;
  font-family: var(--font-iransansweb_bold);
  cursor: pointer;
}
.customize-tabs .tab-body .team-msg {
  position: absolute;
  left: 50%;
  bottom: -70px;
  transform: translateX(-50%);
  font-size: 14px;
  font-family: var(--font-iransansweb_ultra_light);
  border: 1.5px solid #fdba21;
  border-radius: 5px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 9px 8px;
  gap: 8.75px;
}
.conversation-history {
  scroll-behavior: smooth;
  scrollbar-color: var(--color-primary) #dbe8ff;
  scrollbar-width: thin;
  height: 784px;
  overflow: hidden;
  overflow-y: auto;
  direction: ltr;
  padding-right: 10px;
  margin-bottom: 10px;
}
.conversation-history-detail {
  height: 440px;
}
.conversation-history::-webkit-scrollbar {
  width: 7px;
}
.conversation-history::-webkit-scrollbar-track {
  background-color: #dbe8ff;
  border-radius: 25px;
}
.conversation-history::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 25px;
}
.conversation-history .history-card {
  background: var(--color-light);
  border: 1.5px solid #d3b77f;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 11px 13px;
  direction: rtl;
  display: block;
  text-decoration: none;
  color: var(--color-dark);
}
.conversation-history .history-card .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 10px 10px;
  border-bottom: 1.5px solid #d3b77f;
  margin-bottom: 10px;
}
.conversation-history .history-card .top .from {
  font-size: 16px;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
}
.conversation-history .history-card .top .date {
  font-size: 12px;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_ultra_light);
}
.conversation-history .history-card .top .date .time {
  position: relative;
  margin-left: 12px;
}
.conversation-history .history-card .top .date .time::after {
  content: "";
  position: absolute;
  left: -35%;
  top: 50%;
  transform: translateY(-55%);
  height: 80%;
  width: 1px;
  background: #d3b77f;
}
.conversation-history .history-card .content {
  margin-bottom: 22px !important;
}
.conversation-history .history-card .content p {
  font-size: 14px;
  font-family: var(--color-dark);
}
form .form-group textarea#answer {
  min-height: 84.1px !important;
}
.small-device-back-bar {
  display: none;
  justify-content: flex-start;
  align-items: center;
  gap: 13.39px;
  text-decoration: none;
  padding-bottom: 12.43px;
  margin-bottom: 16.44px;
  border-bottom: 1px solid #d3b77f;
  color: var(--color-primary);
}
.small-device-back-bar .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
.user-dashboard-items {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-light);
  gap: 26.44px;
}
.user-dashboard-items .user-dashboard-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-dashboard-items .user-dashboard-item:first-of-type .hi-user {
  font-size: 16px;
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1.5px solid #ffffff;
}
.user-dashboard-items .user-dashboard-item:first-of-type .notifications {
  position: relative;
}
.user-dashboard-items .user-dashboard-item:first-of-type .notifications .badge {
  position: absolute;
  right: -3px;
  top: -3px;
  border: 2px solid #fdba21;
  border-radius: 9.24778px;
  height: 18.495569229125977px;
  width: 18.495569229125977px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00235d;
  color: var(--color-light);
  text-decoration: none;
  font-size: 11.9px;
}
.user-dashboard-items .user-dashboard-item .profile-btn {
  position: relative;
}
.user-dashboard-items .user-dashboard-item .profile-btn .top {
  padding: 9.79px 13.42px !important;
  background: #003284;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20.8px;
  cursor: pointer;
  position: relative;
}
.user-dashboard-items .user-dashboard-item .profile-btn .top::after {
  transition: 0.2s linear all;
  opacity: 0;
  z-index: -999999;
}
.user-dashboard-items .user-dashboard-item .profile-btn.active .top::after {
  content: "";
  background: #003284;
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 100%;
  height: 20%;
  z-index: 999999;
  opacity: 1;
}
.user-dashboard-items .user-dashboard-item .profile-btn .top .arrow {
  transition: 0.3s linear all;
}
.user-dashboard-items .user-dashboard-item .profile-btn.active .top .arrow {
  transform: rotate(180deg);
}
.user-dashboard-items .user-dashboard-item .profile-btn .sub-profile-btn {
  background: #003284;
  border: 1px solid #f0f0f0;
  border-radius: 5px 0px 5px 5px;
  width: 332.52px;
  position: absolute;
  right: 0;
  top: 90%;
  z-index: -99999;
  opacity: 0;
  transition: 0.3s linear all;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 7px;
  pointer-events: none;
}
.user-dashboard-items
  .user-dashboard-item
  .profile-btn.active
  .sub-profile-btn {
  opacity: 1;
  pointer-events: all;
  z-index: 99999;
}
.user-dashboard-item .profile-btn .sub-profile-btn ul {
  flex-direction: column;
  position: relative;
}
.user-dashboard-item .profile-btn .sub-profile-btn ul::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-60%);
  height: 150px;
  border: 0.5px solid #ffffff;
}
.user-dashboard-item .profile-btn .sub-profile-btn ul li {
  direction: rtl;
  margin-bottom: 12px;
  width: 100%;
}
.user-dashboard-item .profile-btn .sub-profile-btn ul li a {
  text-decoration: none;
  color: var(--color-light);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  width: 100%;
  border-radius: 5px;
  transition: 0.3s linear all;
  padding: 2px;
  font-size: 14px;
}
.user-dashboard-item .profile-btn .sub-profile-btn ul li:hover a {
  background-color: var(--color-primary);
}
.user-dashboard-item .profile-btn .sub-profile-btn .left-section {
  width: 57%;
  font-size: 12px;
}
.user-dashboard-item .profile-btn .sub-profile-btn .left-section .row {
  margin-top: 26px;
}
.user-dashboard-item .profile-btn .sub-profile-btn .left-section .row .row-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  background: var(--color-light);
  border-radius: 5px;
  color: var(--color-primary);
  padding: 3px 6px;
}
.user-dashboard-item
  .profile-btn
  .sub-profile-btn
  .left-section
  .row
  .row-top
  .top-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user-dashboard-item .profile-btn .sub-profile-btn .left-section .row .row-bot {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: #fdba21;
  margin-top: 5px;
  text-decoration: none;
}
.user-dashboard-item
  .profile-btn
  .sub-profile-btn
  .left-section
  .row
  .row-bot
  .bot-arrow {
  display: inherit;
  transition: 0.3s linear all;
}
.user-dashboard-item
  .profile-btn
  .sub-profile-btn
  .left-section
  .row
  .row-bot:hover
  .bot-arrow {
  transform: translateX(-5px);
}
.user-dashboard-item
  .profile-btn
  .sub-profile-btn
  .left-section
  .row
  .row-top
  .top-left
  span:last-of-type {
  color: #717171;
  font-size: 10px;
}
.tab-body .top-back-row {
  border-bottom: 1.5px solid #d3b77f;
  padding-bottom: 13.63px;
  margin: 0 10px 26px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab-body .top-back-row .right-back {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  font-size: 16px;
  gap: 5px;
}
.tab-body .top-back-row .date {
  font-size: 12px;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_ultra_light);
}
.tab-body .top-back-row .date .time {
  position: relative;
  margin-left: 12px;
}
.tab-body .top-back-row .date .time::after {
  content: "";
  position: absolute;
  left: -35%;
  top: 50%;
  transform: translateY(-55%);
  height: 80%;
  width: 1px;
  background: #d3b77f;
}
@media screen and (max-width: 850px) {
  .small-device-back-bar {
    display: flex;
  }
  main.profile .side-bar {
    display: none;
  }
  main.profile .left-content {
    width: 100%;
  }
  .customize-tabs .tab-item {
    font-size: 12px;
  }
  .customize-tabs .tab-item::after {
    bottom: 8px;
    height: 10px;
  }
  .customize-tabs .tab-body {
    padding: 16.79px 9.75px;
  }
  .conversation-history .history-card .content p {
    font-size: 12px;
  }
  .customize-tabs .tab-body form .form-group button {
    width: 100%;
    padding: 10.46px 0;
  }
  .customize-tabs .tab-body form .form-group input {
    width: 100%;
  }
  .customize-tabs .tab-body .team-msg {
    align-items: flex-start;
    bottom: -125px;
  }
}
/* end support page */
/* start wallet page */
main.wallet .pricing-plans {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  padding-bottom: 30.5px;
  margin-bottom: 31px;
  border-bottom: 1px solid #00235d;
}
.main.wallet .pricing-plans .plan-card {
  width: 216.46px;
  height: 311.5px;
  background: var(--color-light);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 15.12px;
}
.main.wallet .pricing-plans .plan-card:nth-of-type(2) {
  border: 1.5px solid #d6d6d6;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transform: translateZ(50px);
  transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  height: 322px;
}
.main.wallet .pricing-plans .plan-card .top-corner {
  left: 0;
  top: 0;
  position: absolute;
}
.main.wallet .pricing-plans .plan-card .plan-title {
  margin-bottom: 17px;
  font-size: 16px;
  font-family: var(--font-iransansweb_ultra_light);
}
.main.wallet .pricing-plans .plan-card .plan-price {
  font-size: 24px;
  font-family: var(--font-iransansweb_bold);
  color: var(--color-dark);
}
.main.wallet .pricing-plans .plan-card .validity-duration {
  font-size: 14px;
  font-family: var(--font-iransansweb);
  border-bottom: 1px solid #6392df;
  padding-bottom: 4.32px;
}
.main.wallet .pricing-plans .plan-card .more-validity {
  font-size: 14px;
  font-family: var(--font-iransansweb);
  padding-bottom: 4.32px;
}
.main.wallet .pricing-plans .plan-card .buy-plan-btn {
  padding: 1.29px 0;
  width: 100%;
  text-decoration: none;
  font-family: var(--font-iransansweb_bold);
  font-size: 16px;
  color: var(--color-primary);
  background: #fdba21;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: block;
}
.main.wallet .desired-amount form {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 16.6px;
  margin-bottom: 41px;
}
.main.wallet .desired-amount form .right {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 16.6px;
}
.main.wallet .desired-amount form span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.wallet .desired-amount form input {
  height: 39.29px;
  background: #ffffff;
  border: 1.5px solid #00235d;
  border-radius: 5px;
  width: 100%;
}
.main.wallet .desired-amount label {
  white-space: nowrap;
  font-family: var(--font-iransansweb_ultra_light);
  font-size: 16px;
}
.main.wallet .desired-amount .buy-plan-btn {
  /* all: unset; */
  padding: 0 76.68px;
  height: 39.29px;
  text-align: center;
  text-decoration: none;
  font-family: var(--font-iransansweb_bold);
  font-size: 16px;
  color: var(--color-primary);
  background: #fdba21;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: block;
  cursor: pointer;
  border: none;
  outline: none;
}
.main.wallet .hint {
  padding: 9.31px 11.61px 12.75px 10.4px;
  background: #ffffff;
  border: 1.5px solid #00235d;
  border-radius: 5px;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}
.main.wallet .warning {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: #ffffff;
  border: 1.5px solid #fdba21;
  border-radius: 5px;
  padding: 5px 6px;
  margin: 20.75px 0;
  margin-bottom: 192px;
}
.main.wallet .warning span {
  font-size: 12px;
  font-family: var(--font-iransansweb_light);
}
.main.wallet .warning .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.wallet .warning .icon svg {
  width: 20px;
  height: 20px;
}
.main.wallet .warning a {
  text-decoration: none;
  color: var(--color-primary);
  font-size: 12px;
  background: #ffffff;
  border: 1px solid #00235d;
  border-radius: 5px;
  padding: 3px 4px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  white-space: nowrap;
}
.main.wallet .warning a:hover {
  color: var(--color-light);
  background-color: var(--color-primary);
}
.bottom-of-border-data {
  padding: 0 50px;
}
.main.wallet .history {
  height: 850px;
}
.main.wallet .history .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1.5px solid #d3b77f;
  padding: 0 12px 17.74px 0;
  margin-bottom: 20px;
}
.main.wallet .history .row .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}
.main.wallet .history .row .right .inline-tab-item {
  cursor: pointer;
  color: var(--color-primary);
  font-size: 14px;
}
.main.wallet .history .row .right .inline-tab-item.active {
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  font-size: 16px;
  position: relative;
}
.main.wallet .history .row .right .inline-tab-item.active::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--color-primary);
  position: absolute;
  bottom: -22px;
  right: 0;
}
.main.wallet .history .row .right .inline-tab-item.active:first-of-type:after {
  width: 174%;
  right: -12px;
}
.main.wallet .history .row-body {
  position: relative;
}
.main.wallet .history .row-body .inline-tab-body,
.main.wallet .history .row-body .select-tab-body {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
  overflow: hidden;
  overflow-y: auto;
  height: 705px;
}
.main.wallet .history .row-body .inline-tab-body,
.main.wallet .history .row-body .select-tab-body {
  scroll-behavior: smooth;
  scrollbar-color: var(--color-primary) #aaaaaa;
  scrollbar-width: thin;
  direction: ltr;
  padding-right: 10px;
}
.main.wallet .history .row-body .inline-tab-body::-webkit-scrollbar {
  width: 7px;
}
.main.wallet .history .row-body .inline-tab-body::-webkit-scrollbar-track {
  background-color: #aaaaaa;
  border-radius: 25px;
}
.main.wallet .history .row-body .inline-tab-body::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 25px;
}
.main.wallet .history .row-body .inline-tab-body.active,
.main.wallet .history .row-body .select-tab-body.active {
  opacity: 1;
  z-index: 1;
}
.main.wallet .history .row-body table {
  width: 100%;
  direction: rtl;
  position: relative !important;
  border-collapse: collapse !important;
  border-style: hidden !important;
}

.main.wallet .history .row-body tr,
.main.wallet .history .row-body td,
.main.wallet .history .row-body th {
  border: 1.5px solid #d3b77f;
  border-collapse: collapse;
  text-align: center;
  font-family: var(--font-iransansweb_ultra_light) !important;
  font-size: 14px;
}
.main.wallet .history .row-body th {
  color: var(--color-primary);
  font-style: normal;
  font-weight: normal;
  height: 51px;
}
.main.wallet .history .row-body th span,
.main.wallet .history .row-body td.title {
  font-size: 12px;
}
.main.wallet .history .row-body td {
  width: 139px;
  height: 51px;
}
.main.wallet .history .row-body .order {
  width: 49px !important;
}
.main.wallet .history .row-body td.red {
  color: #ea3e40;
}
.main.wallet .history .row-body td.green {
  color: #71b40d;
}
.main.wallet .history .row-body tr {
  background: #ffffff;
}
.main.wallet .history .row-body tbody tr:nth-child(2n-1) {
  background: #f6faff;
}
.main.wallet .history .row-body tbody tr td a.more-details {
  text-decoration: none;
  color: var(--color-primary);
  border: 0.5px solid #00235d;
  border-radius: 5px;
  background-color: var(--color-light);
  padding: 4.69px 8.63px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.main.wallet .history .row-body tbody tr td a.more-details:hover {
  background-color: var(--color-primary);
  color: var(--color-light);
}
.main.wallet .history .row .left .filter-btn {
  position: relative;
}
.main.wallet .history .row .left .filter-btn .top-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  background: #ffffff;
  border: 0.5px solid #00235d;
  border-radius: 5px;
  padding: 3px 6px;
  cursor: pointer;
  position: relative;
}
.main.wallet .history .row .left .filter-btn .top-filter::after {
  content: "";
  width: 100%;
  height: 10px;
  background-color: var(--color-light);
  position: absolute;
  bottom: -5px;
  right: 0;
  z-index: -999;
  transform: 0.3s linear all;
  -webkit-transform: 0.3s linear all;
  -moz-transform: 0.3s linear all;
  -ms-transform: 0.3s linear all;
  -o-transform: 0.3s linear all;
  opacity: 0;
}
.main.wallet .history .row .left .filter-btn.active .top-filter::after {
  opacity: 1;
  z-index: 9999;
}
.main.wallet .history .row .left .filter-btn .filter-btn-body {
  position: absolute;
  top: 100%;
  left: 0;
  width: 180px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 0.5px solid #00235d;
  z-index: -999;
  background-color: var(--color-light);
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  padding-bottom: 10px;
}
.main.wallet .history .row .left .filter-btn .filter-btn-body .row {
  border: unset;
}
.main.wallet .history .row .left .filter-btn.active .top-filter {
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
}
.main.wallet .history .row .left .filter-btn.active .filter-btn-body {
  z-index: 999;
  opacity: 1;
  border-radius: 0 5px 5px 5px;
  -webkit-border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  -ms-border-radius: 0 5px 5px 5px;
  -o-border-radius: 0 5px 5px 5px;
}
.main.wallet .history .row .left .filter-btn .filter-btn-body .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-family: var(--font-iransansweb_ultra_light);
  padding: 9px;
  margin: 0;
  gap: 5px;
}
.main.wallet .history .row .left .filter-btn .filter-btn-body .row input {
  all: unset;
  height: 25.383386611938477px;
  width: 100px;
  border-radius: 5px;
  border: 0.5px solid #00235d;
  border-radius: 5px;
  font-size: 15gpx;
  letter-spacing: -1px;
}
.main.wallet .history .row .left .filter-btn .filter-btn-body button {
  all: unset;
  width: 90%;
  border: 1px solid #fdba21;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
  cursor: pointer;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.main.wallet .history .row .left .filter-btn .filter-btn-body button:hover {
  background-color: #fdba21;
}
#custom-select-box {
  padding: 6px;
  background-color: var(--color-light);
  border: 1px solid #d3b77f;
  border-radius: 5px;
  font-family: var(--font-iransansweb);
  font-weight: normal;
  display: none;
}
#custom-select-box option {
  font-family: var(--font-iransansweb);
  font-weight: normal;
  font-size: 16px;
}
.main.wallet .history .row-body .select-tab-body {
  display: none;
  width: 100%;
}
.drop-down-wrapper {
  border: 1px solid #d3b77f;
  border-radius: 5px;
  background: #f0f0f0;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.drop-down-wrapper .top-header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 14px;
  background: #1b51aa;
  color: #fff;
  text-align: right;
  padding: 8px 12px;
  flex-direction: row-reverse;
  border-radius: 5px 5px 0 0;
}
.drop-down-wrapper .top-header div {
  width: 100%;
}
.drop-down-wrapper .drop-down-item {
  direction: rtl;
  border-radius: 5px;
  margin: 8px 4.93px;
}
.drop-down-wrapper .drop-down-item .drop-down-item-top {
  display: flex;
  justify-content: space-around;
  padding: 8px;
  align-items: center;
  background: #ffffff;
  position: relative;
  font-size: 14px;
  border: 1px solid #d3b77f;
  font-family: var(--font-iransansweb_ultra_light);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  cursor: pointer;
}
.drop-down-wrapper .drop-down-item .drop-down-item-top div {
  width: 100%;
}
.drop-down-wrapper .drop-down-item .drop-down-item-top .overlay-arrow {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  display: inline;
  width: auto;
}
.drop-down-wrapper .drop-down-item-content {
  overflow: hidden;
  max-height: 0;
  transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
}
.drop-down-wrapper .drop-down-item-content ul li {
  margin-top: 8px;
  background-color: var(--color-light);
  padding: 6.85px 5.32px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.drop-down-wrapper .drop-down-item-content ul li div {
  width: 100%;
  font-size: 14px;
  font-family: var(--font-iransansweb_ultra_light);
}
.drop-down-wrapper .drop-down-item-content ul li div:first-of-type {
  font-family: var(--font-iransansweb);
  color: var(--color-primary);
}
.drop-down-wrapper .drop-down-item-content ul li div.red {
  color: #ea3e40;
}
.drop-down-wrapper .drop-down-item-content ul li div.green {
  color: #71b40d;
}
.drop-down-wrapper .drop-down-item-content a.more-details {
  padding: 6.77px 0;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  color: var(--color-primary);
  background-color: var(--color-light);
  display: block;
  border: 0.5px solid #00235d;
  border-radius: 5px;
  margin-top: 8px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.drop-down-wrapper .drop-down-item-content a.more-details:hover {
  color: var(--color-light);
  background-color: var(--color-primary);
}
.drop-down-wrapper .drop-down-item .overlay-arrow svg {
  transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
}
.drop-down-wrapper .drop-down-item.active .overlay-arrow svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.drop-down-wrapper .drop-down-item.active .drop-down-item-content {
  max-height: 800px;
}
@media screen and (max-width: 850px) {
  main.wallet .left-content {
    height: 1740px;
  }
  main.wallet .pricing-plans {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 41.26px;
  }
  .main.wallet .bottom-of-border-data {
    padding: 0;
  }
  .main.wallet .desired-amount form {
    flex-direction: column;
  }
  .main.wallet .desired-amount form .right {
    gap: 5px;
  }
  .main.wallet .desired-amount .buy-plan-btn {
    width: 100%;
  }
  .main.wallet .warning {
    flex-direction: column;
    align-items: flex-start;
  }
  .main.wallet .warning a {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 22.4px;
  }
  .main.wallet .history .row-body table,
  .main.wallet .history .row .right .inline-tab-item,
  .main.wallet .history .row .right .inline-tab-body {
    display: none !important;
  }
  .main.wallet .history .row .right {
    width: 100%;
    padding-left: 10px;
  }
  .main.wallet .history .row .right select {
    width: 100%;
  }
  .main.wallet .history .row {
    padding-right: 0;
  }
  #custom-select-box {
    display: block;
  }
  .main.wallet .history .row-body .select-tab-body {
    display: block;
  }
  .main.wallet .warning {
    margin-bottom: 0;
  }
}
/* end wallet page */

/* my profile */
.main.profile .left-content .profile {
  background: #f6faff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  padding: 17.32px 22.33px;
}
.main.profile .left-content .profile .welcome-message {
  border-bottom: 1.5px solid #dbe8ff;
  color: var(--color-primary);
  padding-bottom: 14.07px;
  font-family: var(--font-iransansweb_bold);
  font-size: 20px;
}
.main.profile .left-content .profile .profile-detail {
  background-color: var(--color-light);
  padding: 17px 22.33px;
  margin-top: 22.62px;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.main.profile .left-content .profile .profile-detail .profile-detail-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1.5px solid #dbe8ff;
  padding-bottom: 16px;
}
.main.profile
  .left-content
  .profile
  .profile-detail
  .profile-detail-top
  .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10.19px;
}
.main.profile
  .left-content
  .profile
  .profile-detail
  .profile-detail-top
  .right
  .title {
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
  color: var(--color-primary);
}
.main.profile
  .left-content
  .profile
  .profile-detail
  .profile-detail-top
  .left
  a {
  text-decoration: none;
  color: var(--color-primary);
  border: 0.5px solid #00235d;
  border-radius: 5px;
  padding: 4.69px 6.32px;
  transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
}

.main.profile
  .left-content
  .profile
  .profile-detail
  .profile-detail-top
  .left
  a:hover {
  color: var(--color-light);
  background-color: var(--color-primary);
}
.main.profile .section-detail {
  margin-top: 14.05px;
  border-bottom: 1.5px solid #dbe8ff;
  padding-bottom: 20px;
}
.main.profile .section-detail:last-of-type {
  border: none;
}
.main.profile .section-detail table {
  width: 100%;
  font-size: 12px;
}
.main.profile .section-detail table,
.main.profile .section-detail tr,
.main.profile .section-detail th,
.main.profile .section-detail td {
  border: 1.5px solid #d3b77f;
  border-collapse: collapse;
  text-align: center;
  font-family: var(--font-iransansweb_ultra_light) !important;
  font-size: 14px;
  border-collapse: collapse;
}
.main.profile .section-detail .section-title {
  font-size: 16px;
  font-style: normal;
  font-family: var(--font-iransansweb);
  color: var(--color-primary);
  margin-bottom: 10px;
  font-weight: 400px;
}
.main.profile .section-detail th {
  padding: 21.95px 3px;
  font-size: 13px;
  color: var(--color-primary);
  font-family: var(--font-iransansweb);
  font-style: normal;
  font-weight: normal;
  /* white-space: nowrap; */
}
.main.profile .section-detail th span {
  font-family: var(--font-iransansweb_ultra_light);
  font-size: 12px;
}
.main.profile .section-detail th.order,
.main.profile .section-detail td.order {
  padding: 21.95px 4px;
}
.main.profile .section-detail td {
  font-family: var(--font-iransansweb_ultra_light);
  padding: 3px;
}
.main.profile .section-detail td.title {
  background: #dbe8ff;
}
.main.profile .section-detail tr:nth-child(2n-1) {
  background: #f0f0f0;
}
.main.profile .section-detail tr:nth-child(2n-2) {
  background: #f9f9f9;
}
.main.profile .section-detail thead tr {
  background: #ffffff !important;
}
.main.profile .section-detail td a.more-details {
  text-decoration: none;
  color: var(--color-primary);
  border: 0.5px solid #00235d;
  border-radius: 5px;
  background-color: var(--color-light);
  padding: 4.69px 2.73px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  font-size: 14px;
  margin: 5px;
  width: 85%;
  display: block;
  font-size: 9px;
  margin: auto;
  text-align: center;
}
.main.profile .section-detail td a.more-details:hover {
  background-color: var(--color-primary);
  color: var(--color-light);
}
.main.profile .section-detail td.red {
  border-color: #ea3e40;
  color: #ea3e40;
  border-width: 2px;
}
.main.profile .section-detail td.green {
  border-color: #71b40d;
  color: #71b40d;
  border-width: 2px;
}
.main.profile .section-detail td.contact {
  padding: 2px;
  padding-top: 10px;
}
.main.profile .section-detail td.contact a {
  text-decoration: none;
}
.main.profile .section-detail td.contact.deactive a {
  pointer-events: none;
}
.main.profile .section-detail td.contact.deactive a svg circle {
  fill: #717171;
}
.main.profile .section-detail td.has-cta a {
  text-decoration: none;
  background-color: #fff;
  border: 0.5px solid #ea3e40;
  border-radius: 5px;
  color: #ea3e40;
  padding: 4.32px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  width: 85%;
  display: block;
  font-size: 10px;
  margin: auto;
}
.main.profile .section-detail td.feedback {
  color: #717171;
}
.main.profile .section-detail td.has-cta a:hover {
  color: var(--color-light);
  background-color: #ea3e40;
}
.main.profile .section-detail .warning {
  margin-top: 10px;
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  background: #ffffff;
  border: 1.5px solid #fdba21;
  border-radius: 5px;
  gap: 13px;
}
.main.profile .section-detail td.description {
  text-align: left;
}
.main.profile .section-detail td.description a {
  padding: 5px 10px;
}
.main.profile .profile-special-card {
  background: #ffffff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  padding: 10.13px 12.04px;
  margin-top: 8.22px;
}
.main.profile .profile-special-card .special-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1.5px solid #dbe8ff;
  padding-bottom: 16px;
  margin-bottom: 10px;
  padding-top: 9.33px;
}
.main.profile .profile-special-card .special-card-top .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6.45px;
}
.main.profile .profile-special-card .special-card-top .right .title {
  color: var(--color-primary);
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
}
.main.profile .profile-special-card .special-card-top .right .badge {
  height: 25.09390640258789px;
  width: 25.09390640258789px;
  border-radius: 50%;
  -webkit-border-radius: 12.547px;
  -moz-border-radius: 12.547px;
  -ms-border-radius: 12.547px;
  -o-border-radius: 12.547px;
  background: #ffffff;
  border: 1px solid #fdba21;
  border-radius: 12.547px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.main.profile .profile-special-card .special-card-top .left a {
  text-decoration: none;
  color: var(--color-primary);
  border: 0.5px solid #00235d;
  border-radius: 5px;
  padding: 4.69px 6.32px;
  transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
}
.main.profile .profile-special-card .special-card-top .left a:hover {
  background-color: var(--color-primary);
  color: var(--color-light);
}
.main.profile .profile-special-card .special-card-item {
  border: 1.5px solid #d3b77f;
  border-radius: 5px;
  margin-bottom: 7.21px;
  padding: 8.76px 9.64px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.main.profile .profile-special-card .special-card-item .right {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  gap: 12.16px;
}
.main.profile .profile-special-card .special-card-item .right .point {
  position: relative;
}
.main.profile .profile-special-card .special-card-item .right .point::after {
  content: "";
  height: 5.58985710144043px;
  width: 5.58985710144043px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #fdba21;
  margin-top: 8px;
  position: absolute;
  right: 0;
  top: 0;
}
.main.profile .profile-special-card .special-card-item .right .text-date {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 9.26px;
}
.main.profile .profile-special-card .special-card-item .right .text-date a {
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
  text-overflow: ellipsis;
  font-size: 14px;
  color: var(--color-dark);
  transition: 0.1s linear all;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
}
.main.profile
  .profile-special-card
  .special-card-item
  .right
  .text-date
  a:hover {
  opacity: 0.6;
}
.main.profile .profile-special-card .special-card-item .right .text-date span {
  font-size: 12px;
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
}
.main.profile .profile-special-card .special-card-item .delete a {
  border: 1px solid #ef4056;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5.43px;
  font-size: 14px;
  text-decoration: none;
  color: #ea3e40;
  padding: 4.69px 6.06px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.main.profile .profile-special-card .special-card-item .delete a:hover {
  background-color: #ea3e40;
  color: #fff;
}
.main.profile .profile-special-card .special-card-item .delete a svg path {
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.main.profile
  .profile-special-card
  .special-card-item
  .delete
  a:hover
  svg
  path {
  stroke: #fff;
}
.main.profile .profile {
  margin-bottom: 30px;
}
/* end my profile */

/* transaction detail */
.main.profile .transaction-details {
  background: #f6faff;
  border: 0.5px solid #dbe8ff;
  border-radius: 5px;
  padding: 18.58px 18.58px 87.6px 18.58px;
  margin-bottom: 70px;
}
.main.profile .transaction-details .logo-section {
  text-align: center;
  margin-bottom: 25px;
}
.main.profile .transaction-details .table {
  width: 451.26px;
  margin: auto;
  text-align: center;
}
.main.profile .transaction-details .table .table-top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main.profile .transaction-details .table .table-top-row .title {
  font-size: 18px;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
}
.main.profile .transaction-details .table .table-top-row a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  font-size: 14px;
  color: var(--color-primary);
}
.main.profile .transaction-details .table .table-content {
  background-color: var(--color-light);
  border: 1.5px solid #00235d;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 18.56px;
}
.main.profile .transaction-details .table .table-content ul {
  list-style-type: none;
}
.main.profile .transaction-details .table .table-content ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13.68px 28.74px;
}
.main.profile .transaction-details .table .table-content ul li:first-of-type {
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
}
.main.profile .transaction-details .table .table-content ul li:last-of-type {
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
}
.main.profile .transaction-details .table .table-content ul li:nth-child(2n-1) {
  background: #f0f0f0;
}
.main.profile .transaction-details .table .table-content ul li span.title {
  font-size: 14px;
  font-family: var(--font-iransansweb);
  color: var(--color-primary);
}
.main.profile .transaction-details .table .table-content ul li span.data {
  font-size: 14px;
  color: var(--color-dark);
  font-family: var(--font-iransansweb_bold);
}
.main.profile .transaction-details .table .table-content ul li span.data.red {
  color: #ea3e40;
}
.main.profile .transaction-details .table .table-content ul li span.data.green {
  color: #71b40d;
}
.main.profile
  .transaction-details
  .table
  .table-content
  ul
  li
  span.data.data
  span:first-of-type {
  position: relative;
  padding-left: 18px;
  border-left: 1px solid #717171;
  margin-left: 10px;
}
.main.profile .transaction-details .table .table-content .table-description {
  padding: 12.9px 29.2px;
}
.main.profile .transaction-details .table .table-content .table-description p {
  font-size: 14px;
  color: var(--color-dark);
  text-align: right;
}
.main.profile
  .transaction-details
  .table
  .table-content
  .table-description
  p.title {
  color: var(--color-primary);
  margin-bottom: 5px;
  text-align: right;
}
.main.profile .transaction-details .table .more-details {
  font-size: 16px;
  color: var(--color-primary);
  background: #fdba21;
  border-radius: 5px;
  text-decoration: none;
  padding: 5.65px 25.31px;
  margin-top: 18.56px;
}
@media screen and (max-width: 850px) {
  .main.profile .transaction-details .logo-section {
    margin-bottom: 34px;
  }
  .main.profile .transaction-details .logo-section svg {
    height: 47.73625564575195px;
    width: 50.96136474609375px;
  }
  .main.profile .transaction-details .table {
    width: 100%;
  }
  .main.profile .transaction-details .table .table-content ul li span.data {
    font-size: 12px;
  }
  .main.profile .transaction-details .table .table-content ul li {
    padding: 13.68px 10px;
  }
  .main.profile .transaction-details .table .more-details {
    display: block;
    width: 100%;
    padding: 5.65px 0;
    font-size: 16px;
  }
  .main.profile .transaction-details .table .table-content .table-description {
    padding: 12.9px 10.2px;
  }
}
@media print {
  .wrapper.lawyer-profile header.header {
    display: none;
  }
  main.profile .side-bar {
    display: none;
  }
  .small-wrapper {
    display: none;
  }
  main.profile {
    justify-content: flex-start;
    width: auto !important;
    position: static !important;
    margin: auto !important;
    padding: 0;
  }
  footer {
    display: none;
  }
  main.profile .left-content {
    width: 100%;
  }
}
/* end transaction detail */

/* profile user */
main.profile .profile-user {
  background: #f6faff;
  border: 1.5px solid #dbe8ff;
  padding: 22.12px 10.54px;
  margin-bottom: 40px;
}
main.profile .profile-user form .row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
main.profile .profile-user .custom-text-input-wrapper {
  background-color: var(--color-light);
  padding: 12px 11px;
  position: relative;
  border: 1.5px solid #dbe8ff;
  width: 275px;
  height: 91px;
  border-radius: 5px;
}
main.profile .profile-user .custom-text-input-wrapper label {
  display: block;
  font-size: 14px;
  font-family: var(--font-iransansweb_bold);
  color: var(--color-primary);
  pointer-events: none;
}
main.profile .profile-user .custom-text-input-wrapper.active label {
  pointer-events: all;
}
main.profile .profile-user .custom-text-input-wrapper label span {
  color: #fdba21;
  font-size: 14px;
}
main.profile .profile-user .custom-text-input-wrapper input {
  all: unset;
  padding: 5px;
  margin-top: 8px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-weight: 400;
  pointer-events: none;
  color: #717171;
  font-size: 14px;
}
main.profile .profile-user .custom-text-input-wrapper input[type="date"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
main.profile .profile-user .custom-text-input-wrapper.active input {
  border: 1.5px solid #dbe8ff;
  pointer-events: all;
  width: 98%;
  font-size: 16px;
  color: var(--color-dark);
  direction: rtl;
  text-align: right;
}

main.profile .profile-user .custom-text-input-wrapper.active.upload-wrapper  input[type=file]
{
  white-space: nowrap;
}
main.profile .profile-user .custom-text-input-wrapper.active.upload-wrapper input[type=text]
{
  display: none !important;
}


main.profile .profile-user .custom-text-input-wrapper .edit-icon,
main.profile .profile-user .custom-text-input-wrapper .close-icon {
  position: absolute;
  left: 12px;
  top: 10px;
  cursor: pointer;
  transition: 0.2s linear all;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
}
main.profile .profile-user .custom-text-input-wrapper.active .edit-icon {
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}
main.profile .profile-user .custom-text-input-wrapper .close-icon {
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  transition: 0.2s linear all;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
}
main.profile .profile-user .custom-text-input-wrapper.active .close-icon {
  opacity: 1;
  z-index: 1;
  pointer-events: all;
}
main.profile
  .profile-user
  .custom-text-input-wrapper
  .edit-icon:hover
  svg
  path {
  stroke: var(--color-secondary);
}
main.profile
  .profile-user
  .custom-text-input-wrapper
  .close-icon:hover
  svg
  path {
  stroke: #ea3e40;
}
main.profile .profile-user .field-fix {
  width: 263px;
}
@media screen and (max-width: 1120px) {
  main.profile .profile-user .field-fix {
    width: 275px;
  }
}
.custom-double-select-wrapper {
  background-color: var(--color-light);
  padding: 12px 11px;
  position: relative;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  width: 275px;
  height: 91px;
}
.custom-double-select-wrapper .double-wrapper {
  display: flex;
  gap: 5px;
}
.custom-double-select-wrapper label.label {
  display: block;
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
  color: var(--color-primary);
}
.custom-double-select-wrapper label.label span {
  color: #fdba21;
  font-size: 14px;
}
.custom-double-select-wrapper input {
  display: none;
}
.custom-double-select-wrapper label:not(.label) {
  padding: 4px 43px;
  border: 1.5px solid #1b51aa;
  border-radius: 5px;
  margin-top: 10px;
  display: inline-block;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  cursor: pointer;
}
.custom-double-select-wrapper label:not(.label):hover {
  color: var(--color-light);
  background-color: #3b73cc;
}
.custom-double-select-wrapper input.one:checked ~ label.one,
.custom-double-select-wrapper input.two:checked ~ label.two,
.custom-double-select-wrapper input.three:checked ~ label.three {
  background-color: #1b51aa;
  color: var(--color-light);
}
main.profile .profile-user .phone-hint {
  width: 275px;
  background: #ffffff;
  border: 1.5px solid #71b40d;
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
  border-radius: 5px;
  padding: 6.53px 6.02px;
}
main.profile .profile-user .phone-hint svg {
  vertical-align: -5px;
}
main.profile .profile-user form .row.phone-hint-row {
  border-bottom: 1.5px solid #dbe8ff;
  padding-bottom: 15px;
}
main.profile .profile-user form .row .warning {
  background: #ffffff;
  border: 1.5px solid #fdba21;
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
  padding: 9px 7.9px 9.14px 16.84px;
  border-radius: 5px;
  text-align: justify;
}
main.profile .profile-user form .row .warning .top svg {
  vertical-align: -6px;
}
main.profile .profile-user form .row .warning .bottom {
  text-align: left;
}
main.profile .profile-user form .row .warning .bottom a {
  text-decoration: none;
  font-size: 14px;
  color: var(--color-primary);
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  background: #ffffff;
  border: 1px solid #00235d;
  border-radius: 5px;
  padding: 2.93px 4.03px;
}
main.profile .profile-user form .row .warning .bottom a:hover {
  color: var(--color-light);
  background-color: var(--color-primary);
}
main.profile .profile-user form .row.last {
  text-align: center;
  margin-top: 65.05px;
}
main.profile .profile-user form .row.last button {
  all: unset;
  background: #fdba21;
  border: 0.5px solid #e5d3bc;
  border-radius: 5px;
  margin: auto;
  padding: 1.09px 50.84px;
  cursor: pointer;
}
.custom-select-input-wrapepr {
  background-color: var(--color-light);
  padding: 12px 11px;
  position: relative;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  width: 275px;
  height: 91px;
}
.custom-select-input-wrapepr label {
  display: block;
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
  color: var(--color-primary);
  pointer-events: none;
  border-bottom: 1.5px solid #dbe8ff;
  padding-bottom: 11px;
}
.custom-select-input-wrapepr select {
  border: none;
  background-color: transparent;
  width: 100%;
  padding-top: 10px;
  font-size: 16px;
  font-family: var(--font-iransansweb_light);
  color: var(--color-primary);
  cursor: pointer;
}
.custom-select-input-wrapepr select option {
  font-size: 16px;
  font-family: var(--font-iransansweb);
  color: var(--color-primary);
}
.main.profile .profile-user .phone-hint.small {
  display: none;
}
.custom-text-input-wrapper.upload-wrapper input {
  display: none !important;
}
.custom-text-input-wrapper.upload-wrapper .uploaded-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8.44px;
  color: #717171;
  margin-top: 10px;
}

.custom-text-input-wrapper.upload-wrapper.active input {
  display: block !important;
}
.custom-text-input-wrapper.upload-wrapper.active .uploaded-content {
  display: none !important;
}
@media screen and (max-width: 1130px) {
  main.profile .profile-user form .row {
    flex-wrap: wrap;
  }
  .main.wallet .history .row-body table,
  .main.wallet .history .row-body tr,
  .main.wallet .history .row-body td,
  .main.wallet .history .row-body th {
    font-size: 12px;
  }
  .main.wallet .history .row-body tbody tr td a.more-details {
    font-size: 10px;
  }
  .main.wallet .history .row .right .inline-tab-item {
    font-size: 12px;
  }
}
@media screen and (max-width: 850px) {
  main.profile .profile-user form .row {
    justify-content: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
  }
  main.profile .profile-user form .row .custom-text-input-wrapper,
  main.profile .profile-user form .row .custom-select-input-wrapepr,
  main.profile .profile-user form .row .custom-double-select-wrapper {
    width: 100%;
  }
  main.profile .profile-user form {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
  }
  .main.profile .profile-user .phone-hint.big {
    display: none;
  }
  .main.profile .profile-user .phone-hint.small {
    display: block;
    width: 98%;
    margin-right: -5px;
  }
  .custom-double-select-wrapper label:not(.label) {
    width: 48%;
    text-align: center;
  }
  main.profile
    .profile-user
    form
    .row
    .warning
    .top
    span:last-of-type:not(.last-text) {
    text-align: justify;
    display: inline-block;
  }
  main.profile .profile-user form .row .warning .bottom a {
    display: block;
    text-align: center;
    margin-top: 10px;
  }
  main.profile .profile-user {
    margin-bottom: 80px;
  }
  main.profile .profile-user .custom-text-input-wrapper,
  .custom-select-input-wrapepr {
    background-color: unset;
    border: unset;
  }
  .custom-select-input-wrapepr label {
    border: unset;
  }
  main.profile .profile-user .custom-text-input-wrapper input {
    background: #ffffff;
    border: 1px solid #dbe8ff;
    border-radius: 5px;
    width: 91%;
    padding: 12.95px 8.75px;
  }
  main.profile .profile-user .custom-text-input-wrapper,
  .custom-select-input-wrapepr,
  .custom-double-select-wrapper {
    padding: 12px 0px;
  }
  .custom-select-input-wrapepr select {
    background-color: var(--color-light);
    padding: 10px 0;
    background: #ffffff;
    border: 1px solid #dbe8ff;
    border-radius: 5px;
  }
  .custom-double-select-wrapper {
    border: unset;
    background-color: unset;
  }
  main.profile .profile-user form .row.last button {
    padding: 1.09px 0;
    width: 100%;
    text-align: center;
  }
  .custom-double-select-wrapper .double-wrapper {
    background: #ffffff;
    border: 1px solid #dbe8ff;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    gap: 9px;
  }
  .custom-double-select-wrapper .double-wrapper label {
    margin-top: 0;
    text-align: center;
    padding: 5px 0;
    width: 50%;
  }
  main.profile .profile-user .custom-text-input-wrapper .edit-icon,
  main.profile .profile-user .custom-text-input-wrapper .close-icon {
    left: 6px;
  }
  main.profile .profile-user .custom-text-input-wrapper.active input {
    width: 91%;
  }
  .custom-text-input-wrapper.upload-wrapper .uploaded-content {
    background: #ffffff;
    border: 1px solid #dbe8ff;
    border-radius: 5px;
    padding: 5px;
  }
}
/* end profile user */

/* service orders user */
.main.wallet.service-orders .history .row-body tbody tr td a.more-details {
  width: 85%;
  display: block;
  font-size: 10px;
  margin: auto;
}
.main.wallet.service-orders td.has-cta a {
  text-decoration: none;
  background-color: #fff;
  border: 0.5px solid #ea3e40;
  border-radius: 5px;
  color: #ea3e40;
  padding: 4.32px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  width: 85%;
  display: block;
  font-size: 10px;
  margin: auto;
}
.main.wallet.service-orders td.has-cta a:hover {
  color: var(--color-light);
  background-color: #ea3e40;
}
.main.wallet.service-orders td.red {
  border-color: #ea3e40;
  color: #ea3e40;
  border-width: 2px;
}
.main.wallet.service-orders td.green {
  border-color: #71b40d;
  color: #71b40d;
  border-width: 2px;
}
.main.wallet.service-orders td.contact.deactive a {
  pointer-events: none;
}
.main.wallet.service-orders td.contact a {
  text-decoration: none;
}
.main.wallet.service-orders td.contact a svg {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  margin-top: 10px;
}
.main.wallet.service-orders td.contact.deactive a svg circle {
  fill: #717171;
}
.main.wallet.service-orders .drop-down-item-top .red {
  color: #ea3e40;
}
.main.wallet.service-orders .drop-down-item-top .green {
  color: #71b40d;
}
.drop-down-wrapper .drop-down-item-content ul li div:first-of-type {
  white-space: nowrap;
}
.drop-down-wrapper .drop-down-item-content ul li div:first-of-type span {
  font-size: 8px;
}
.drop-down-wrapper .drop-down-item-content ul li a.feedback {
  text-decoration: none;
  background-color: #fff;
  border: 0.5px solid #ea3e40;
  border-radius: 5px;
  color: #ea3e40;
  padding: 4.32px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.drop-down-wrapper .drop-down-item-content ul li a.feedback:hover {
  color: var(--color-light);
  background-color: #ea3e40;
}
.main.wallet.service-orders .contact-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3.7px;
  margin-top: 8px;
}
.main.wallet.service-orders .contact-buttons a {
  width: 100%;
  display: inline-flex;
  border-radius: 5px;
  color: var(--color-light);
  justify-content: center;
  align-items: center;
  background: #71b40d;
  text-decoration: none;
  gap: 5.56px;
  font-size: 14px;

  padding: 6.86px 0;
}
.main.wallet.service-orders .contact-buttons a:first-of-type {
  background: #1b51aa;
}
.main.wallet.service-orders .contact-buttons.deactive a {
  background-color: #717171;
  pointer-events: none;
}
/* end service orders user */

/* end profile section */

/* fix responsive */

@media screen and (max-width: 850px) {
  header.md-hidden,
  main.md-hidden {
    display: none !important;
  }
  .small-nav {
    display: block;
  }
  .zp-form-control {
    margin-bottom: 10px;
  }
  .wrapper header.header {
    display: none;
  }
  .small-wrapper .small-wrapper-body {
    background-image: none;
    height: 0;
  }
  .wrapper.lawyer-profile main.main::before,
  .wrapper.lawyer-profile main.main::after {
    display: none;
  }
  .wrapper.all .small-wrapper .small-wrapper-body .top {
    padding-bottom: 0;
  }
  .wrapper.all main.main {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 850px) {
  header.md-hidden,
  main.md-hidden {
    display: block !important;
  }
  .small-nav {
    display: none;
  }
  .wrapper header.header {
    display: block;
  }
}
@media screen and (max-width: 540px) {
  .small-wrapper .small-wrapper-body .top {
    align-items: flex-start;
    height: 103px;
  }
  .wrapper.all .small-wrapper .small-wrapper-body .top .left {
    margin-top: 8px;
  }
}
/* end fix responsive */

/* ---------------------------- Login Register Page ---------------------------- */

.login-register-wrapper {
  background: #424651;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
}
.login-register-wrapper .content-wrapper {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
}
.login-register-wrapper .content-wrapper .content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 940px;
}
.login-register-wrapper .content-wrapper .content .left-side,
.login-register-wrapper .content-wrapper .content .right-side {
  height: 850px;
}
.login-register-wrapper .content-wrapper .content .left-side {
  background: url("../images/login-bg.jpg") no-repeat center center;
  background-size: cover;
  width: 42%;
  position: relative;
}
.login-register-wrapper .content-wrapper .content .left-side .logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 50px;
}
.login-register-wrapper .content-wrapper .content .left-side .social-media {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 70%;
}
.login-register-wrapper
  .content-wrapper
  .content
  .left-side
  .social-media
  p.welcome-msg {
  color: var(--color-light);
  font-size: 20px;
  font-family: var(--font-iransansweb_bold);
  text-align: center;
  border-bottom: 2px solid #d3b77f;
  padding-bottom: 17.5px;
  margin-bottom: 19px;
}
.login-register-wrapper .content-wrapper .content .left-side .social-media ul {
  display: flex;
  list-style-type: none;
  gap: 26.5px;
  justify-content: center;
  align-items: center;
}
.login-register-wrapper .content-wrapper .content .right-side {
  width: 60%;
  background-color: var(--color-light);
  padding: 32.68px;
}
.login-register-wrapper .content-wrapper .content .right-side .top-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16.5px;
  padding-bottom: 17px;
  border-bottom: 2px solid #d3b77f;
}
.login-register-wrapper .content-wrapper .content .right-side .top-tabs .drop {
  position: relative;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.login-register-wrapper
  .content-wrapper
  .content
  .right-side
  .top-tabs
  .drop
  .drop-top {
  padding: 8.65px 19.86px;
  background: #00235d;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-light);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 2px solid #00235d;
  gap: 15px;
  cursor: pointer;
  font-family: var(--font-iransansweb_bold);
}
.login-register-wrapper
  .content-wrapper
  .content
  .right-side
  .top-tabs
  .drop
  .drop-sub {
  padding: 0 10px;
  background: #00235d;
  border-radius: 5px 0 5px 5px;
  -webkit-border-radius: 5px 0 5px 5px;
  -moz-border-radius: 5px 0 5px 5px;
  -ms-border-radius: 5px 0 5px 5px;
  -o-border-radius: 5px 0 5px 5px;
  color: var(--color-light);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5.71px;
  max-height: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  overflow: hidden;
  position: absolute;
  top: 100%;
  right: 0;
}
.login-register-wrapper
  .content-wrapper
  .content
  .right-side
  .top-tabs
  .drop
  .drop-sub
  label {
  background: #ffffff;
  border-radius: 5px;
  padding: 7.2px 4.2px;
  width: 162.2px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--color-primary);
  cursor: pointer;
  gap: 5.5px;
}
.login-register-wrapper
  .content-wrapper
  .content
  .right-side
  .top-tabs
  .drop
  .drop-sub
  input {
  height: 19px;
  cursor: pointer;
  width: 19px;
  accent-color: #1b51aa;
}
.login-register-wrapper
  .content-wrapper
  .content
  .right-side
  .top-tabs
  .drop.active
  .drop-top {
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
}

.login-register-wrapper
  .content-wrapper
  .content
  .right-side
  .top-tabs
  .drop
  svg {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.login-register-wrapper
  .content-wrapper
  .content
  .right-side
  .top-tabs
  .drop.active
  svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.login-register-wrapper
  .content-wrapper
  .content
  .right-side
  .top-tabs
  .drop.active
  .drop-sub {
  padding: 10px;
  max-height: 800px;
}
.login-register-wrapper
  .content-wrapper
  .content
  .right-side
  .top-tabs
  .login-form {
  background: #ffffff;
  border: 2px solid #00235d;
  border-radius: 5px;
  padding: 8.65px 45px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  cursor: pointer;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  font-family: var(--font-iransansweb_bold);
}
.login-register-wrapper
  .content-wrapper
  .content
  .right-side
  .top-tabs
  .login-form:hover {
  background-color: var(--color-primary);
  color: var(--color-light);
}
.login-register-wrapper .content-wrapper .content .right-side input#login-form {
  display: none;
}
.login-register-wrapper
  .content-wrapper
  .content
  .right-side
  input#login-form:checked
  ~ label.login-form {
  background-color: var(--color-primary);
  color: var(--color-light);
}
.right-side-body-content {
  position: relative;
}
.right-side-body-content .tab-form {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  width: 100%;
  text-align: center;
  display: none;
}
.right-side-body-content .tab-form.active {
  opacity: 1;
  z-index: 1;
  height: auto;
  display: block;
}
.right-side-body-content .tab-form.login {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 21px;
}
.right-side-body-content .tab-form .form-group {
  margin-bottom: 10px;
  text-align: right;
}
.right-side-body-content .tab-form .form-group label {
  margin-bottom: 10px;
  display: block;
  font-size: 16px;
  color: #00235d;
}
.right-side-body-content .tab-form .form-group label span {
  color: #fdba21;
}
.right-side-body-content .tab-form .form-group .input-wrapper {
  background: #f0f0f0;
  border: 1.5px solid #717171;
  border-radius: 5px;
  width: 260px;
  height: 36.26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.right-side-body-content .tab-form .form-group .input-wrapper input {
  all: unset;
  width: 90%;
  height: 100%;
  border-radius: 5px;
  text-indent: 10px;
  font-family: var(--font-iransansweb);
  font-size: 15px;
}
.right-side-body-content .tab-form .form-group .input-wrapper .icon {
  padding: 8.5px 8.5px 0 8.5px;
}
.right-side-body-content .tab-form .err-msg {
  color: #ef4056;
  font-size: 10px;
  margin-top: 2.38px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.right-side-body-content .tab-form .err-msg.hide {
  opacity: 0;
}
.right-side-body-content .tab-form .hint {
  color: #717171;
  font-size: 10px;
  margin-top: 2.38px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.right-side-body-content .tab-form .login-with-one-time-code {
  font-size: 16px;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  border: 1.5px solid #00235d;
  border-radius: 5px;
  padding: 5.63px 0;
  margin: 21px auto;
  text-align: center;
  cursor: pointer;
  width: 75%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.right-side-body-content .tab-form .login-with-one-time-code:hover {
  background-color: var(--color-primary);
  color: var(--color-light);
}
.right-side-body-content .tab-form .rules {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  width: 280px;
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
}
.right-side-body-content .tab-form .rules a {
  text-decoration: none;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_medium);
}
.right-side-body-content .tab-form .rules a:hover {
  opacity: 0.6;
}
.custom-checkbox input {
  appearance: none;
  height: 18px;
  width: 18px;
  border-radius: 5px;
  cursor: pointer;
  border: 2px solid #00235d;
  position: relative;
  display: block;
}
.custom-checkbox input:checked:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-48.1%, -50%);
  -moz-transform: translate(-50%, -51.1%);
  -ms-transform: translate(-50%, -49%);
  -o-transform: translate(-50%, -50%);
  height: 11.445352554321289px;
  width: 11.445353507995605px;
  border-radius: 3px;
  background-color: var(--color-primary);
  display: block;
}
.right-side-body-content .tab-form .simple-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
}
.right-side-body-content .tab-form .forget-pass {
  color: var(--color-primary);
  text-decoration: none;
  font-family: var(--font-iransansweb_bold);
}
.right-side-body-content .tab-form .forget-pass:hover {
  opacity: 0.6;
}
.right-side-body-content .tab-form .remember-me {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6.34px;
}
.right-side-body-content .tab-form .auth-btn {
  all: unset;
  font-size: 16px;
  color: var(--color-light);
  font-family: var(--font-iransansweb_bold);
  border: 1.5px solid #00235d;
  border-radius: 5px;
  padding: 5.63px 0;
  margin: 21px auto;
  text-align: center;
  cursor: pointer;
  width: 75%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  background-color: var(--color-primary);
  text-align: center;
}
.right-side-body-content .tab-form .auth-btn:hover {
  color: var(--color-primary);
  background-color: var(--color-light);
}
.oauth {
  text-align: center;
}
.oauth p.title {
  position: relative;
  font-family: var(--font-iransansweb_bold);
  color: var(--color-primary);
  font-size: 16px;
}
.oauth p.title::before,
.oauth p.title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 111.732177734375px;
  height: 2px;
  background-color: #d3b77f;
}
.oauth p.title::before {
  right: 0;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  left: unset;
}
.oauth .oauthLink {
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: inline-flex;
  margin-top: 21px;
  text-decoration: none;
  font-size: 12px;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_ultra_light);
  padding: 6.48px 0;
  gap: 14.39px;
  width: 75%;
  justify-content: center;
  align-items: center;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.oauth .oauthLink:hover {
  box-shadow: unset;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.right-side-body-content .tab-form .create-account {
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
  padding-top: 21px;
  text-align: center;
}
.right-side-body-content .tab-form .create-account a {
  text-decoration: none;
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
}
.right-side-body-content .tab-form .create-account a:hover {
  opacity: 0.6;
}
.register-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 39px;
  margin-top: 25px;
  padding: 0 0px;
}
.register-row .right .input-wrapper {
  width: 195px !important;
}
.register-row .left .input-wrapper {
  width: 240px !important;
}
.right-side-body-content .tab-form.register-user .oauth {
  width: 76%;
  margin: auto;
}
.right-side-body-content .tab-form.register-user .rules {
  width: auto;
}
.login .log-with {
  width: 360px;
  height: auto;
}
.login .modal-content {
  background-color: var(--color-light);
  padding: 35px 22px;
  width: 100%;
  border-radius: 10px;
  height: 100%;
  text-align: right;
}
.login .modal-body {
  clear: both;
  text-align: right;
}
.login .modal .top-section {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #d3b77f;
  padding-bottom: 13px;
  gap: 10px;
}
.login .close-modal {
  cursor: pointer;
  float: left;
  font-family: var(--font-iransansweb_medium);
  width: 25px;
  text-align: left;
}
.login .modal p.title {
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  font-size: 20px;
}
.login .modal form .form-label-title {
  font-size: 12px;
  text-align: center;
  font-family: var(--font-iransansweb_light);
  margin-top: 13px;
  font-style: normal;
  font-weight: initial;
}
.login .modal .modal-form-label {
  margin-top: 17px;
  font-size: 16px;
  font-family: var(--font-iransansweb_bold) !important;
  font-family: var(--color-dark);
}
.login .modal form input {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  margin-top: 8px;
  border: 0.5px solid #aaa;
  background-color: transparent;
  margin-bottom: 10px;
  color: var(--color-dark);
  direction: ltr;
  text-indent: 10px;
  font-family: var(--font-iransansweb);
}
.login .form-error {
  color: #ef4056;
  font-size: 10px;
  font-weight: 400;
  margin-top: 7px;
  display: none;
  visibility: hidden;
}
.login .modal .form-cta button.login {
  all: unset;
  cursor: pointer;
  padding: 11px 143px;
  text-align: center;
  background-color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  font-size: 16px;
  border-radius: 10px;
  white-space: nowrap;
  margin-bottom: 13px;
  color: var(--color-light);
  border: 1px solid var(--color-primary);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.login .modal .form-cta button.login:hover {
  background-color: var(--color-light);
  color: var(--color-primary);
}
.timer-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.timer-label .reset-timer {
  color: #ef4056;
  font-size: 10px;
  font-weight: 400;
  margin-top: 7px;
  text-decoration: none;
  cursor: pointer;
  visibility: hidden;
}
.log-with .clock {
  width: 50px;
  height: 32px;
  text-align: center;
  border: 0.5px solid #b1b1b1;
  border-top-color: rgb(177, 177, 177);
  border-right-color: rgb(177, 177, 177);
  border-bottom-color: rgb(177, 177, 177);
  border-left-color: rgb(177, 177, 177);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  font-family: var(--font-iransansweb_medium);
  color: var(--color-dark);
}
.log-with .change-num {
  margin-top: 7px;
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
  margin-bottom: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.log-with .change-num svg {
  margin-top: -2px;
}
.log-with .change-num span {
  display: inline-flex;
}
.log-with .change-num a,
.modal .rules a {
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
}
.modal .rules {
  font-family: var(--font-iransansweb_ultra_light);
}
.register-row .right-2 {
  display: none;
}
.login-register-wrapper .mobile-logo {
  background-color: var(--color-dark);
  padding: 30px 0;
  display: none;
  text-align: center;
}
@media screen and (max-width: 855px) {
  .login-register-wrapper .content-wrapper .content {
    flex-direction: column;
  }
  .register-row {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .register-row .right .input-wrapper {
    width: 100% !important;
  }
  .login-register-wrapper {
    background-color: var(--color-dark);
  }
  .login-register-wrapper .content-wrapper .content .right-side {
    height: 705px;
    width: 38%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  .login-register-wrapper .content-wrapper .content .left-side {
    width: 38%;
  }
  .login-register-wrapper .content-wrapper .content .left-side {
    height: 430px;
  }
  .login-register-wrapper .content-wrapper .content .left-side .logo {
    display: none;
  }
  .register-row .right-1,
  .register-row .left-1 {
    display: none;
  }
  .register-row .right-2 {
    display: block;
  }
  .right-side-body-content .tab-form.register-user .rules,
  .right-side-body-content .tab-form.register-user .simple-row {
    padding: 0px 118px;
  }
  .login-register-wrapper .mobile-logo {
    display: block;
  }
  .oauth p.title::before,
  .oauth p.title::after {
    width: 62.732px;
  }
  .oauth p.title::before {
    right: 20px;
  }
  .oauth p.title::after {
    left: 20px;
  }
}

/* ---------------------------- end Login Register Page ---------------------------- */

/*  ---------------------------- Evaluation the legal case page ----------------------------  */
main.new-single-main {
  display: block !important;
  margin: 250px auto 0 auto;
}
main.new-single-main .single-page-top-title {
  position: absolute;
  top: -4.3%;
  color: var(--color-light);
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  font-family: var(--font-iransansweb_bold);
}
main.new-single-main .single-page-top-title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  height: 1px;
  width: 92px;
  background-color: #d3b77f;
}
main.new-single-main .new-single-main-content-profile {
  background: #ffffff;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 39px 48px;
  margin-bottom: 60px;
}
main.new-single-main .new-single-main-content-profile .title {
  color: #00235d;
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
  font-weight: normal;
  font-style: normal;
  border-bottom: 2px solid #d3b77f;
  padding-bottom: 25px;
  display: inline-block;
}
form.new-single-form {
  background: #f0f0f0;
  border-radius: 5px;
  padding: 36px 35px;
  margin-top: 50px;
}
form.new-single-form .row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
form.new-single-form .row .form-group label {
  font-size: 16px;
  color: #00235d;
  font-family: var(--font-iransansweb_medium);
  margin-bottom: 4px;
  display: block;
}
form.new-single-form .row .form-group {
  margin-bottom: 20px;
}
form.new-single-form .row .form-group input {
  all: unset;
  background: #ffffff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  color: var(--color-dark);
  height: 49px;
  width: calc(265px - 35px);
  text-indent: 10px;
  font-family: var(--font-iransansweb);
}
form.new-single-form .row .form-group .form-custom-select {
  background: #ffffff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  color: var(--color-dark);
  height: 49px;
  width: calc(265px - 35px);
  font-family: var(--font-iransansweb);
  position: relative;
}
form.new-single-form .row .form-group .form-custom-select select {
  all: unset;
  width: 100%;
  cursor: pointer;
  height: 100%;
  border: unset;
  background-color: transparent;
  accent-color: var(--color-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}
form.new-single-form .row .form-group .form-custom-select select option {
  font-family: var(--font-iransansweb);
  font-weight: normal;
  font-style: normal;
  color: #717171;
  font-size: 14px;
}
form.new-single-form .row .form-group .form-custom-select .arrow {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
form.new-single-form .row .form-group.has-area {
  width: 100%;
}
form.new-single-form .row .form-group textarea {
  all: unset;
  width: 100%;
  background-color: var(--color-light);
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  text-indent: 10px;
}
form.new-single-form .row .upload-area {
  height: 91px;
  width: calc(315.68px - 35px);
  border-radius: 5px;
  background: #ffffff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  padding: 12px 11px;
  cursor: pointer;
}
form.new-single-form .row .upload-area .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: #00235d;
  font-family: var(--font-iransansweb_bold);
  margin-bottom: 16px;
}
form.new-single-form .row .upload-area .result-area .preview {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: #717171;
}
form.new-single-form .row .upload-area .result-area .upload-btn {
  display: none;
}
form.new-single-form .row .upload-area.active .result-area .preview {
  display: none;
}
form.new-single-form .row .upload-area.active .result-area .upload-btn {
  display: block;
}
form.new-single-form .row .upload-area.active .result-area .upload-btn input {
  pointer-events: all;
  width: 260px;
}
form.new-single-form .row .upload-area.active {
  pointer-events: none;
}
form.new-single-form .cta {
  text-align: center;
  margin-top: 30px;
}
form.new-single-form .cta button {
  all: unset;
  padding: 4.5px 95.5px;
  background: #00235d;
  border-radius: 8px;
  color: var(--color-light);
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
  cursor: pointer;
  border: 1px solid var(--color-primary);
  transition: 0.3s linear all;
  margin-bottom: 14.5px;
}
form.new-single-form .cta button:hover {
  background-color: var(--color-light);
  color: var(--color-primary);
}
form.new-single-form .cta p.msg {
  font-size: 14px;
}
form.new-single-form .cta a {
  background: #fdba21;
  border-radius: 100px;
  padding: 5px 15px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  text-decoration: none;
  gap: 8px;
  color: var(--color-dark);
  transition: 0.3s linear all;
  margin-bottom: 15px;
}
form.new-single-form .cta a svg {
  transition: 0.3s linear all;
}
form.new-single-form .cta a:hover svg {
  transform: translateX(-5px);
}
form.new-single-form .cta a:hover {
  box-shadow: 0 1px 15px 1px rgba(255, 255, 255, 0.3);
}
main.new-single-main .blue-banner {
  padding: 46px 200px;
  background: #1b51aa;
  border-radius: 5px;
  margin-top: 50px;
  color: var(--color-light);
  text-align: center;
}
main.new-single-main .blue-banner p {
  font-size: 14px;
}
main.new-single-main .blue-banner a {
  background: #fdba21;
  border-radius: 100px;
  padding: 5px 15px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  text-decoration: none;
  gap: 8px;
  color: var(--color-dark);
  transition: 0.3s linear all;
}
main.new-single-main .blue-banner a svg {
  transition: 0.3s linear all;
}
main.new-single-main .blue-banner a:hover svg {
  transform: translateX(-5px);
}
main.new-single-main .blue-banner a:hover {
  box-shadow: 0 1px 15px 1px rgba(255, 255, 255, 0.3);
}
main.new-single-main .end-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px;
  gap: 100px;
}
main.new-single-main .end-section .right .read-more {
  font-size: 14px;
  color: #000000;
}
main.new-single-main .end-section .right .read-more-link {
  background: #fdba21;
  border-radius: 100px;
  padding: 5px 15px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px !important;
  text-decoration: none;
  gap: 8px;
  color: var(--color-dark);
  transition: 0.3s linear all;
}
main.new-single-main .end-section .right .read-more-link svg {
  transition: 0.3s linear all;
}
main.new-single-main .end-section .right .read-more-link:hover svg {
  transform: translateX(-5px);
}
main.new-single-main .end-section .right .read-more-link:hover {
  box-shadow: 0 1px 15px 1px rgba(255, 255, 255, 0.3);
}
main.new-single-main .end-section .left {
  border-radius: 5px;
  position: relative;
}
main.new-single-main .end-section .left img {
  height: 350px;
  width: 400px;
  border-radius: 5px;
}
main.new-single-main .end-section .left::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 5px 0px 0px 5px;
  width: 100%;
  height: 104.48px;
}
main.new-single-main .end-section .left::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 5px 0px 0px 5px;
  height: 100%;
  width: 104.48px;
}
main.new-single-main .end-section .this-content {
  text-align: right;
}
main.new-single-main .end-section .this-content h3 {
  font-weight: normal;
  font-style: normal;
  color: var(--color-primary);
  padding-bottom: 25px;
}
main.new-single-main .end-section .this-content p {
  font-size: 14px;
  text-align: justify;
}
@media screen and (max-width: 850px) {
  main.new-single-main .single-page-top-title {
    top: -45px;
    font-size: 16px;
  }
  main.new-single-main .new-single-main-content-profile {
    padding: 39px 8px;
  }
  form.new-single-form {
    padding: 36px 9px;
  }
  form.new-single-form .row .form-group input {
    width: 100%;
  }
  form.new-single-form .row .form-group {
    width: 100%;
    margin-bottom: 0;
  }
  form.new-single-form .row .form-group .form-custom-select {
    width: 100%;
  }
  form.new-single-form .row .form-group textarea {
    height: 190px;
    width: 100%;
    word-break: break-all;
  }
  form.new-single-form .row .upload-area {
    width: 100%;
    margin-top: 15px;
  }
  form.new-single-form .row .upload-area .top,
  form.new-single-form .row .upload-area .result-area .preview {
    font-size: 12px;
  }
  form.new-single-form .row {
    gap: 15px;
  }
  main.new-single-main .new-single-main-content-profile .title {
    text-align: center;
    font-size: 14px;
    border: none;
    position: relative;
  }
  main.new-single-main .new-single-main-content-profile .title::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 185.09px;
    background-color: #d3b77f;
  }
  form.new-single-form .cta button {
    width: 100%;
    padding: 5px 0;
    font-size: 14px;
  }
  main.new-single-main .blue-banner {
    padding: 32px 15px;
    font-size: 14px;
  }
  main.new-single-main .end-section {
    gap: 30px;
    flex-direction: column;
  }
  main.new-single-main .end-section .left img {
    width: 100%;
    height: 334.58px;
  }
}
/*  ---------------------------- end Evaluation the legal case page ----------------------------  */

/*  ---------------------------- preperation of legal documents ----------------------------  */
main.new-single-main .blue-banner.two {
  padding: 27px 144px;
}
main.new-single-main .blue-banner.two .banner-title {
  font-family: var(--font-iransansweb_bold);
  font-size: 18px;
  margin-bottom: 18px;
}
.end-section-accordion .accordion-item {
  box-shadow: unset;
  background: #f1f6ff;
  border: 1px solid #00235d;
  border-radius: 5px;
}
.end-section-accordion .accordion-item .accordion-item-heading {
  color: var(--color-dark);
  height: 46px;
  font-size: 14px;
}
.end-section-accordion .accordion-item .accordion-item-body {
  text-align: right;
}
.end-section-accordion .accordion-item-heading.active ~ .accordion-item-body {
  max-height: 800px;
  padding: 10px 0;
}
@media screen and (max-width: 850px) {
  main.new-single-main .blue-banner.two {
    padding: 32px 15px;
  }
  .end-section-accordion .accordion-item .accordion-item-heading {
    font-size: 12px;
  }
  main.new-single-main .blue-banner.two p {
    text-align: justify;
  }
  main.new-single-main .new-single-main-content-profile h2.title {
    width: 100%;
    font-size: 15px;
  }
}
/*  ---------------------------- end preperation of legal documents ----------------------------  */

/*  ---------------------------- order invoice ----------------------------  */
.payment-wrapper {
  min-height: 100vh;
  background: #00235d;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 30px;
  padding: 20px 0;
}
.payment-wrapper .payment-content {
  width: 1114px;
  height: max-content;
  background: #ffffff;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.payment-wrapper .payment-content .left-side,
.payment-wrapper .payment-content .right-side {
  width: 50%;
}
.payment-wrapper .payment-content .left-side {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: #ececec;
  align-self: stretch;
}
.payment-wrapper .payment-content .right-side {
  padding: 23px 65px;
}
.payment-wrapper .payment-content .right-side h1 {
  position: relative;
  text-align: center;
  color: var(--color-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-family: var(--font-iransansweb_bold);
}
.payment-wrapper .payment-content .right-side h1::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -11px;
  height: 2px;
  width: 231.65px;
  background-color: #d3b77f;
}
.payment-wrapper .payment-content .right-side .form-detail {
  margin-top: 22px;
}
.payment-wrapper .payment-content .right-side .form-detail ul {
  list-style-type: none;
  width: 100%;
}
.payment-wrapper .payment-content .right-side .form-detail ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 11px;
  margin-bottom: 5px;
  border-bottom: 2px solid #dbe8ff;
  font-size: 16px;
  color: var(--color-dark);
}
.payment-wrapper .payment-content .right-side .form-detail ul li:last-of-type {
  border: unset;
}
.payment-wrapper .payment-content .right-side .form-divider {
  margin: 16px 0;
  height: 2px;
  width: 100%;
  background-color: #d3b77f;
}
.payment-wrapper .payment-content .right-side .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payment-wrapper .payment-content .right-side .row .discount-wrapper {
  background: #ffffff;
  border: 1.5px solid #1b51aa;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 200px;
}
.payment-wrapper .payment-content .right-side .row .discount-wrapper input {
  all: unset;
  height: 100%;
  width: 100%;
  height: 41.04px;
  font-family: var(--font-iransansweb);
  text-indent: 10px;
  direction: ltr;
}
.payment-wrapper .payment-content .right-side .row .discount-wrapper button {
  all: unset;
  height: 100%;
  width: 10%;
  padding: 8.52px 15.73px;
  cursor: pointer;
  border-right: 1px solid #1b51aa;
  transition: all 0.3s linear;
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  margin-top: -1px;
}
.payment-wrapper
  .payment-content
  .right-side
  .row
  .discount-wrapper
  button:hover {
  background-color: #1b51aa;
  color: var(--color-light);
}
.payment-wrapper .payment-content .right-side .row.choose-row {
  justify-content: flex-start;
  gap: 10px;
}
.payment-wrapper .payment-content .right-side .main-form-label {
  font-size: 20px;
  margin-bottom: 18px;
  display: inline-block;
}
.payment-wrapper .payment-content .right-side .row.choose-row label {
  padding: 13.66px 7.77px;
  color: #00235d;
  border: 1px solid #dbe8ff;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  transition: all 0.3s linear;
  position: relative;
}
.payment-wrapper .payment-content .right-side .row.choose-row input {
  height: 19px;
  width: 19px;
  accent-color: var(--color-primary);
  cursor: pointer;
}
.payment-wrapper
  .payment-content
  .right-side
  .row.choose-row
  .border-when-select {
  content: "";
  width: 100%;
  height: 100%;
  right: 0;
  border: 1px solid #00235d;
  border-radius: 5px;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s linear;
}
.payment-wrapper .payment-content .right-side .row.choose-row label.has-row {
  gap: 60px;
  border-radius: 0 5px 5px 0;
}
.payment-wrapper
  .payment-content
  .right-side
  .row.choose-row
  label.has-row
  .border-when-select {
  border-radius: 0 5px 5px 0;
}
.payment-wrapper
  .payment-content
  .right-side
  .row.choose-row
  input:checked
  ~ .border-when-select {
  opacity: 1;
}
.payment-wrapper
  .payment-content
  .right-side
  .row.choose-row
  label.has-row
  .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
.payment-wrapper
  .payment-content
  .right-side
  .row.choose-row
  label.has-row
  .left
  span {
  font-size: 12px;
  color: #717171;
  padding-right: 5px;
}
.payment-wrapper .payment-content .right-side .row.choose-row .wallet-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.payment-wrapper .payment-content .right-side .row.choose-row .wallet-label a {
  text-decoration: none;
  white-space: nowrap;
  color: #00235d;
  border: 1px solid #dbe8ff;
  border-radius: 5px 0px 0px 5px;
  border-right: 0;
  display: block;
  font-size: 12px;
  padding: 16.5px 4.18px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
@media screen and (max-width: 850px) {
  .payment-wrapper
    .payment-content
    .right-side
    .row.choose-row
    .wallet-label
    a {
    padding: 16.7px 4.18px;
  }
}
.payment-wrapper
  .payment-content
  .right-side
  .row.choose-row
  .wallet-label
  a:hover {
  background-color: #1b51aa;
  color: var(--color-light);
}
.payment-wrapper .payment-content .right-side .make-payment-type {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.payment-wrapper .payment-content .right-side .make-payment-type label {
  background: #ffffff;
  gap: 9.43px;
  border: 1px solid #dbe8ff;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4.32px 8.57px;
  cursor: pointer;
  transition: all 0.3s linear;
}
.payment-wrapper .payment-content .right-side .make-payment-type input {
  display: none;
}
.payment-wrapper .payment-content .right-side .make-payment-type label .right {
  height: 44px;
  width: 44px;
  background: #ffffff;
  border: 0.5px solid #dbe8ff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.make-payment-type label .left {
  font-size: 12.5px;
  color: #00235d;
  white-space: nowrap;
  color: #00235d;
  transition: all 0.3s linear;
}
.make-payment-type input.one:checked ~ label.one,
.make-payment-type input.two:checked ~ label.two,
.make-payment-type input.three:checked ~ label.three {
  background: #dbe8ff;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.make-payment-type input.one:checked ~ label.one .left,
.make-payment-type input.two:checked ~ label.two .left,
.make-payment-type input.three:checked ~ label.three .left {
  font-family: var(--font-iransansweb_bold);
}
.payment-wrapper .payment-content .right-side .main-form .submit-section {
  text-align: center;
  margin-top: 16px;
}
.payment-wrapper
  .payment-content
  .right-side
  .main-form
  .submit-section
  button {
  all: unset;
  padding: 12px 130px;
  background: #fdba21;
  border-radius: 5px;
  font-size: 16px;
  color: #00235d;
  cursor: pointer;
  font-family: var(--font-iransansweb_bold);
  transition: 0.3s all linear;
}
.payment-wrapper
  .payment-content
  .right-side
  .main-form
  .submit-section
  button:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
/* ---------------------------- payment succuss & faild ---------------------------- */
.payment-wrapper .payment-content.after-payment .right-side {
  padding: 150px 89px 110px 89px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  font-size: 18px;
  gap: 20px;
}
.payment-wrapper .payment-content.after-payment .right-side {
  width: 40%;
}
.payment-wrapper .payment-content.after-payment .left-side {
  width: 60%;
}
.payment-wrapper .payment-content.after-payment .right-side .title {
  font-family: var(--font-iransansweb_bold);
}
.payment-wrapper .payment-content.after-payment .right-side .title.success {
  color: #71b40d;
}
.payment-wrapper .payment-content.after-payment .right-side .title.faild {
  color: #ef4056;
}
.payment-wrapper
  .payment-content.after-payment
  .right-side
  .a-msg-to-user
  span {
  font-family: var(--font-iransansweb_bold);
  margin-bottom: 5px;
  display: inline-block;
}
.payment-wrapper .payment-content.after-payment .right-side a {
  background: #00235d;
  border-radius: 5px;
  text-decoration: none;
  color: var(--color-light);
  transition: 0.3s all linear;
  padding: 7.93px 18.73px;
  border: 1px solid var(--color-primary);
}
.payment-wrapper .payment-content.after-payment .right-side a:hover {
  color: var(--color-primary);
  background-color: var(--color-light);
}
/* ---------------------------- end payment succuss & faild ---------------------------- */
@media screen and (max-width: 1140px) {
}
@media screen and (max-width: 850px) {
  .payment-wrapper .payment-content.after-payment .right-side {
    padding: 60px 32px 60px 32px;
    align-items: center;
    justify-content: center;
  }
  .payment-wrapper .payment-content.after-payment .right-side .a-msg-to-user {
    text-align: center;
  }
  .payment-wrapper .payment-content {
    flex-direction: column;
    align-items: center;
    width: 95%;
  }
  .payment-wrapper .payment-content .right-side {
    padding: 23px 20px;
  }
  .payment-wrapper .payment-content .left-side,
  .payment-wrapper .payment-content .right-side {
    width: 100% !important;
    padding-top: 15px;
  }
  .payment-wrapper .payment-content .right-side .row.choose-row {
    flex-wrap: wrap;
  }
  .payment-wrapper .payment-content .right-side .row.choose-row label.has-row {
    gap: 10px;
  }
  .payment-wrapper .payment-content .right-side .form-detail ul li {
    font-size: 14px;
  }
  .payment-wrapper .payment-content .right-side .main-form-label {
    font-size: 16px;
  }
  .payment-wrapper .payment-content .left-side img {
    width: 100%;
    margin-bottom: 20px;
  }
  .payment-wrapper
    .payment-content
    .right-side
    .main-form
    .submit-section
    button {
    padding: 7.89px 0;
    width: 100%;
  }
}
/*  ---------------------------- end order invoice ----------------------------  */

/* fix responsive */
@media screen and (max-width: 1410px) {
  .wrapper.all main.main {
    width: 95%;
    padding: 37.93px 30px;
  }
  form.new-single-form .row .form-group input,
  form.new-single-form .row .form-group .form-custom-select {
    width: calc(250.68px - 35px);
  }
}

@media screen and (max-width: 1200px) {
  main.new-single-main .end-section .left img {
    width: 400px;
  }
}
@media screen and (max-width: 1140px) {
  .wrapper.all main.main {
    margin: 200px auto !important;
    width: 95%;
  }
  .wrapper.all.two main.main {
    margin: 250px auto !important;
  }
}
@media screen and (max-width: 1010px) {
  .wrapper.all.two main.main {
    min-height: 1750px;
  }
  form.new-single-form .row .form-group input,
  form.new-single-form .row .form-group .form-custom-select {
    width: 300px;
    flex-direction: column;
  }
  main.new-single-main .end-section {
    flex-direction: column;
    align-items: center;
  }
  main.new-single-main .end-section .left img {
    width: 100%;
  }
}
@media screen and (max-width: 850px) {
  .wrapper.all main.main {
    margin: 152px auto !important;
  }
  .wrapper.all.two main.main {
    margin: 152px auto !important;
  }
  form.new-single-form .row .form-group input,
  form.new-single-form .row .form-group .form-custom-select {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .wrapper.all main.main {
    margin: -40px auto !important;
  }
  .wrapper.all.two main.main {
    margin: -40px auto !important;
  }
}
/* end fix responsive */

/*  ---------------------------- writing a contract ----------------------------*/
.customize-zp-tabs {
  position: relative;
  height: 1750px;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  padding: 40px;
  margin-bottom: 100px;
}
.customize-zp-tabs .row-tab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1.5px solid #d3b77f;
  padding: 0 12px 17.74px 0;
  margin-bottom: 60px;
  gap: 15px;
}
.customize-zp-tabs .inline-tab-item {
  cursor: pointer;
  color: var(--color-primary);
  font-size: 12px;
}
.customize-zp-tabs .inline-tab-item.active {
  color: var(--color-primary);
  font-family: var(--font-iransansweb_bold);
  font-size: 14;
  position: relative;
}
.customize-zp-tabs .inline-tab-item.active::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--color-primary);
  position: absolute;
  bottom: -20px;
  right: 0;
}
.customize-zp-tabs .inline-tab-item.active:first-of-type::after {
  width: 130%;
  right: -12px;
}
.customize-zp-tabs .inline-tab-body {
  position: absolute;
  right: -7px;
  top: 70px;
  opacity: 0;
  z-index: -1;
  overflow: auto !important;
  margin: 0 38px;
  width: 94.1%;
}
.customize-zp-tabs .inline-tab-body {
  direction: rtl;
  padding-right: 10px;
  scrollbar-color: unset !important;
  height: unset !important;
}
.customize-zp-tabs .inline-tab-body.active {
  opacity: 1;
  z-index: 1;
}
.customize-zp-tabs .inline-tab-body::-webkit-scrollbar {
  width: unset;
}
.customize-zp-tabs .inline-tab-body::-webkit-scrollbar-track {
  background-color: unset !important;
}
.customize-zp-tabs .inline-tab-body::-webkit-scrollbar-thumb {
  background-color: unset !important;
}
.customize-zp-tabs .inline-tab-body form h2 {
  text-align: center;
  display: block !important;
  border: none !important;
  margin-bottom: 25px !important;
}
.customize-zp-tabs .new-single-main-content-profile {
  padding: 0 !important;
  box-shadow: unset !important;
}
.customize-zp-tabs form.new-single-form {
  padding: 36px 35px;
}
main.new-single-main {
  padding: 37.93px 92px !important;
}
.sample-contracts {
  background: #f0f0f0;
  border-radius: 5px;
  padding: 50px 0 80px 0;
  margin-top: 50px;
}
.sample-contracts h2 {
  text-align: center;
  display: block !important;
  border: none !important;
  position: relative;
  color: var(--color-dark) !important;
}
.sample-contracts h2::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50px);
  bottom: 9px;
  height: 1px;
  width: 128px;
  background-color: #d3b77f;
}
.contract-filter-section {
  background: #1b51aa;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  border-radius: 61.0148px;
  padding: 7.18px 8.52px;
  width: 496.68px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.contract-filter-section .select-wrapper {
  background: #ffffff;
  border: 1px solid #d3b77f;
  box-shadow: 4.27104px 4.27104px 12.203px rgba(0, 0, 0, 0.15);
  border-radius: 61.0148px;
  cursor: pointer;
  width: 185px;
  position: relative;
}
.contract-filter-section .select-wrapper .arrow {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
}
.contract-filter-section .select-wrapper select {
  all: unset;
  height: 100%;
  border-radius: 61.0148px;
  cursor: pointer;
  padding: 6.69px 12.19px;
  font-family: var(--font-iransansweb);
  font-size: 14px;
}
.contract-filter-section .select-wrapper select option {
  font-family: var(--font-iransansweb);
  font-size: 14px;
}
.contract-filter-section .search-box-wrapper {
  background: #ffffff;
  box-shadow: 4.27104px 4.27104px 12.203px rgba(0, 0, 0, 0.15);
  border-radius: 61.0148px;
  width: 80%;
  padding: 7.18px 8.52px;
}
.contract-filter-section .search-box-wrapper form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.contract-filter-section .search-box-wrapper input {
  all: unset;
  height: 100%;
  width: 90%;
  text-indent: 10px;
}
.contract-filter-section .search-box-wrapper button {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.contract-filter-section .search-box-wrapper button svg path,
.contract-filter-section .search-box-wrapper button svg circle {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.contract-filter-section .search-box-wrapper button:hover svg path,
.contract-filter-section .search-box-wrapper button:hover svg circle {
  stroke: #d3b77f;
}
.new-single-main-content-profile {
  position: relative;
}
.swiper {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  height: 200px;
  margin-top: 81px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  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;
}
.new-single-main-content-profile .slide-content {
  height: 175.57553100585938px;
  width: 140px;
  border-radius: 5px;
  background: #fff;
  padding: 7.8px 7.41px 8.06px 7.41px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.new-single-main-content-profile .slide-content .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 2.35px;
  width: 100%;
}
.new-single-main-content-profile .slide-content .bottom span {
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
  color: #717171;
}
.new-single-main-content-profile .slide-content .bottom a {
  padding: 5.04px 5px;
  width: 100%;
  text-align: center;
  color: #00235d;
  font-size: 12px;
  background: #fdba21;
  border: 1px solid #fdba21;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  text-decoration: none;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  white-space: nowrap;
  display: inline-block;
}
.new-single-main-content-profile .slide-content .bottom a:hover {
  background: #fff;
  color: var(--color-primary);
}
.new-single-main-content-profile .slide-content .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 7px;
}
.new-single-main-content-profile .slide-content .top p {
  all: unset;
  font-size: 14px;
  color: #00235d;
}
.new-single-main-content-profile .slide-content .top p::after,
.new-single-main-content-profile .slide-content .top p::before {
  display: none;
}
.swiper-button-prev,
.swiper-button-next {
  height: 25.535964965820312px;
  width: 25.535964965820312px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d3b77f;
  border: 2px solid #fff;
  backdrop-filter: blur(7px);
}
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after,
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  position: static;
  color: #ffffff;
  font-family: unset;
  height: 24px;
  width: 24px;
  content: "" !important;
  background-repeat: no-repeat;
}
.swiper-button-prev::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.05176 1.26099L5.70471 5.91394L1.05176 10.5669" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
  background-position: center;
}

.swiper-button-next::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.16699 1.26099L1.51404 5.91394L6.16699 10.5669" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
  background-position: center;
}
@media screen and (max-width: 850px) {
  .customize-zp-tabs {
    height: 2400px;
    padding: 10px 3px;
  }
  .customize-zp-tabs .inline-tab-body {
    margin: 0;
    padding-right: 13px;
  }
  .customize-zp-tabs form.new-single-form {
    padding: 36px 10px;
  }
  .end-section-accordion .accordion-item .accordion-item-heading {
    text-align: right;
  }
  .customize-zp-tabs .inline-tab-body {
    width: 100%;
  }
  .contract-filter-section {
    width: 100%;
  }
  .contract-filter-section .select-wrapper {
    width: 170px;
  }
  .contract-filter-section .select-wrapper .arrow {
    left: 8px;
  }
  .contract-filter-section .select-wrapper select,
  .contract-filter-section .search-box-wrapper input {
    font-size: 10px;
  }
}
/*  ---------------------------- end writing a contract ----------------------------*/
/* ---------------------------- partials ---------------------------- */
.switchable-button input {
  display: none;
}
.switchable-button label {
  display: block;
  height: 16.691476821899414px;
  width: 34.40549087524414px;
  border-radius: 100px;
  background: #f0f0f0;
  border: 0.5px solid #717171;
  border-radius: 100px;
  position: relative;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  cursor: pointer;
  -o-border-radius: 100px;
}
.switchable-button label::after {
  content: "";
  position: absolute;
  height: 12.817737579345703px;
  width: 12.817737579345703px;
  left: 54%;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: 0.3s ease-in-out all;
  -webkit-transition: 0.3s ease-in-out all;
  -moz-transition: 0.3s ease-in-out all;
  -ms-transition: 0.3s ease-in-out all;
  background: #717171;
  -o-transition: 0.3s ease-in-out all;
}
.switchable-button input:checked ~ label::after {
  left: 54%;
  left: 2.03px;
  background: #71b40d;
}
.switchable-button input:checked ~ label {
  border: 0.5px solid #71b40d;
  background: #d8ff9e;
}
/* ---------------------------- end partials ---------------------------- */
.no-record-msg {
  text-align: right;
  direction: rtl;
  padding: 5px;
  font-size: 12px;
  color: #ea3e40;
}
.drop-down-wrapper .drop-down-item .drop-down-item-top div {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 30px;
}
.drop-down-wrapper .drop-down-item .drop-down-item-top .overlay-arrow {
  left: -15px;
}

/* ---------------------- lawyer order details consult ----------------------*/
.main.profile .transaction-details .table {
  margin-bottom: 60px;
}
.main.profile .transaction-details .table table {
  width: 100%;
  margin-top: 15px;
  font-size: 14px;
}

.main.profile .transaction-details .table table,
.main.profile .transaction-details .table tr,
.main.profile .transaction-details .table th,
.main.profile .transaction-details .table td {
  border: 1.5px solid #00235d;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 11px 20px;
  border-collapse: collapse;
  color: var(--color-dark);
}

.main.profile .transaction-details .table tr {
  background-color: var(--color-light);
}
.main.profile .transaction-details .table tr:nth-child(2n + 1) {
  background: #f0f0f0;
}
.main.profile .transaction-details .table th {
  background-color: var(--color-light);
  color: #00235d;
  font-weight: normal;
  font-style: normal;
}
.main.profile .transaction-details .contact-detail-mobile {
  display: none;
  border: 1px solid #00235d;
  text-align: right;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.main.profile .transaction-details .contact-detail-mobile .records {
  background: #f0f0f0;
  padding: 10px 7.67px;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #00235d;
}
.main.profile
  .transaction-details
  .contact-detail-mobile
  .records:last-of-type {
  border: unset;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.main.profile .transaction-details .contact-detail-mobile .records .row-title {
  font-size: 14px;
  font-family: var(--font-iransansweb_bold);
  color: #00235d;
  padding-bottom: 7px;
}
.main.profile .transaction-details .contact-detail-mobile .records .record {
  background: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 6px 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  border-radius: 5px;
  font-size: 14px;
  color: #00235d;
}
.main.profile
  .transaction-details
  .contact-detail-mobile
  .records
  .record
  .data {
  color: var(--color-dark);
}
.main.profile .transaction-details .warning-msg {
  padding: 14.14px 8.78px;
  background: #ffffff;
  border: 1.5px solid #fdba21;
  border-radius: 5px;
  font-size: 14px;
  color: #000000;
}
.main.profile .transaction-details .warning-msg .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
}
.main.profile .transaction-details .warning-msg .content span.star {
  color: #fdba21;
}
.main.profile .transaction-details .warning-msg .cta {
  text-align: center;
  margin-top: 28px;
}
.main.profile .transaction-details .warning-msg .cta a {
  padding: 2.93px 4.04px;
  color: #00235d;
  background: #ffffff;
  border: 1px solid #00235d;
  border-radius: 5px;
  font-size: 14px;
  text-decoration: none;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.main.profile .transaction-details .warning-msg .cta a:hover {
  background-color: var(--color-primary);
  color: var(--color-light);
}
.form-in-report-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: transparent !important;
  padding: 0 54px !important;
}
.form-in-report-section .row .upload-area {
  height: auto !important;
}
.form-in-report-section .row .result-area.two {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 15px;
}
.form-in-report-section .row .result-area.two a {
  color: #717171;
  text-decoration: none;
  font-size: 16px;
}
.form-in-report-section .row .result-area.two a:hover {
  color: var(--color-primary);
}
@media screen and (max-width: 850px) {
  .main.profile .transaction-details .contact-detail-mobile {
    display: block;
  }
  .main.profile .transaction-details .contact-detail-desktop {
    display: none;
  }
  .main.profile .transaction-details .warning-msg .cta a {
    width: 100%;
    display: inline-block;
  }
  .form-in-report-section {
    padding: 0 !important;
  }
  .form-in-report-section .row {
    width: 100%;
  }
}
/* ---------------------- end lawyer order details consult ----------------------*/

/* ---------------------- simple-modal ---------------------- */
.simple-modal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  opacity: 0;
  z-index: -9999999999999999999999;
}
.simple-modal.active {
  z-index: 9999999999999999999999;
  opacity: 1;
}
.simple-modal .modal-cover {
  content: "";
  position: absolute;
  left: -400%;
  top: -400%;
  z-index: -1;
  height: 5000vh;
  width: 5000vw;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  cursor: no-drop;
}
.simple-modal .modal-content {
  width: 351px;
  height: fit-content;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  text-align: center;
  padding-top: 39.5px;
  padding-bottom: 32px;
}
.simple-modal .modal-content .top-icon {
  margin-bottom: 16.5px;
}
.simple-modal .modal-content .close-simple-modal {
  position: absolute;
  top: 32.5px;
  right: 25.5px;
  cursor: pointer;
}
.simple-modal .modal-content .title {
  font-family: var(--font-iransansweb_bold);
}
table {
  border: unset !important;
  position: relative;
}
table::after {
  content: "";
  width: 100%;
  height: 100%;
  border: 1.5px solid #d3b77f;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  pointer-events: none;
}
table thead tr,
table thead tr th {
  border-top: unset !important;
}
table thead tr {
  border: unset !important;
}
table thead tr th:first-of-type {
  border-right: unset !important;
}
table thead tr th:last-of-type {
  border-left: unset !important;
}
table tbody tr {
  border: unset !important;
}
table tbody tr:last-of-type td {
  border-bottom: unset !important;
}
table tbody tr td:first-of-type {
  border-right: unset !important;
}
table tbody tr td:last-of-type {
  border-left: unset !important;
}
/* ---------------------- end simple-modal ---------------------- */
/* ---------------------- special offers ---------------------- */
.special-offers {
  scroll-behavior: smooth;
  scrollbar-color: var(--color-primary) #dbe8ff;
  scrollbar-width: thin;
  height: 784px;
  overflow: hidden;
  overflow-y: auto;
  direction: ltr;
  padding-right: 10px;
  margin-bottom: 10px;
}
.special-offers {
  height: 785px;
}
.special-offers::-webkit-scrollbar {
  width: 7px;
}
.special-offers::-webkit-scrollbar-track {
  background-color: #dbe8ff;
  border-radius: 25px;
}
.special-offers::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 25px;
}
.special-card-offer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  direction: rtl;
  gap: 0;
  background: #ffffff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  padding: 13.43px 15.7px;
  margin-bottom: 20px;
}
.special-card-offer .one {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  width: 600px;
}
.special-card-offer .one .logo svg {
  height: 41px;
  width: 41px;
}
.special-card-offer .one .title {
  font-family: var(--font-iransansweb_bold);
  color: var(--color-primary);
  font-size: 16px;
  word-break: break-word;
  margin-left: 15px;
  width: 170px;
}
.special-card-offer .two {
  width: 100%;
}
.special-card-offer .two .content {
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
  text-align: justify;

  border-right: 1px solid #dbe8ff;
  padding-right: 16px;
}
.special-card-offer .three .copy-code {
  margin-right: 33px;
  width: 150px;
}
.special-card-offer .three .copy-code .title {
  font-size: 12px;
  color: #000000;
  margin-bottom: 5px;
  display: inline-block;
}
.special-card-offer .three .copy-code .code-wrapper {
  background: #ffffff;
  border: 1.5px solid #1b51aa;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 14px;
}
.special-card-offer .three .copy-code .code-wrapper .code {
  padding: 6.77px 7px;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 35.55px;
}
.special-card-offer .three .copy-code .code-wrapper .copy-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 5.3px;
  background: #fdba21;
  padding: 0 6px;
  cursor: pointer;
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
}
.special-card-offer .three .copy-code.disabled {
  pointer-events: none;
}
.special-card-offer .three .copy-code.disabled .title {
  color: #717171;
}
.special-card-offer .three .copy-code.disabled .code-wrapper {
  border: 1.5px solid #717171;
}
.special-card-offer .three .copy-code.disabled .code-wrapper .copy-cta {
  background: #f0f0f0;
  color: #717171;
}
.special-card-offer
  .three
  .copy-code.disabled
  .code-wrapper
  .copy-cta
  svg
  path {
  stroke: #717171;
}
@media screen and (max-width: 1070px) {
  .special-card-offer .one .title {
    width: 150px;
    font-size: 12px;
  }
  .special-card-offer .two .content {
    font-size: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .special-card-offer {
    flex-direction: column;
    position: relative;
  }
  .special-card-offer .one {
    width: 100%;
    padding-right: 55px;
    margin-bottom: 10px;
  }
  .special-card-offer .two .content {
    border: none;
    padding-right: 58px;
    font-size: 12px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .special-card-offer .two .content::after {
    content: "";
    border-bottom: 1.5px solid #dbe8ff;
    position: absolute;
    bottom: 0;
    left: 40%;
    width: 80%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .special-card-offer .one .title {
    width: auto;
    font-size: 14px;
  }
  .special-card-offer .one .logo {
    position: absolute;
    right: 13px;
    top: 13px;
  }
  .special-card-offer .three {
    width: 100%;
    padding-right: 25px;
  }
  .special-card-offer .three .copy-code {
    width: unset;
  }
}
/* ---------------------- end special offers ---------------------- */
/* ---------------------- favourites ---------------------- */
.favourite-lawyers {
  background: #f6faff;
  border: 0.5px solid #dbe8ff;
  border-radius: 5px;
  padding: 17.35px 21.5px;
}
.favourite-lawyers .favourite-lawyers-title {
  font-size: 20px;
  color: #00235d;
  padding-bottom: 14.07px;
  font-style: normal;
  font-weight: normal;
  font-family: var(--font-iransansweb_bold);
  border-bottom: 1.5px solid #dbe8ff;
}
.favourite-lawyers .favourites {
  background: #ffffff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  padding: 82px 34px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row-reverse;
  gap: 4px;
  flex-wrap: wrap;
  height: 550px;
  scroll-behavior: smooth;
  scrollbar-color: var(--color-primary) #dbe8ff;
  scrollbar-width: thin;
  overflow: hidden;
  overflow-y: auto;
  direction: ltr;
}
.favourite-lawyers .favourites::-webkit-scrollbar {
  width: 7px;
}
.favourite-lawyers .favourites::-webkit-scrollbar-track {
  background-color: #dbe8ff;
  border-radius: 25px;
}
.favourite-lawyers .favourites::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 25px;
}
.favourite-lawyers .favourites .favourite-card {
  height: 147.79322814941406px;
  width: 162.70037841796875px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: 9.99988px 9.99988px 49.9994px rgba(0, 0, 0, 0.1);
  position: relative;
  margin-bottom: 30px;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}
.favourite-lawyers .favourites .favourite-card .lawyer-avatar {
  width: 69.15px;
  height: 69.15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid #fff;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: -27px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.favourite-lawyers .favourites .favourite-card .top {
  background: #1b51aa;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  height: 42.61px;
}
.favourite-lawyers .favourites .favourite-card .lawyer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.favourite-lawyers .favourites .favourite-card .bottom {
  text-align: center;
  font-size: 12.4948px;
  padding-top: 9.12px;
}
.favourite-lawyers .favourites .favourite-card .bottom .username {
  color: #00235d;
  font-family: var(--font-iransansweb_bold);
  margin-bottom: 2px;
}
.favourite-lawyers .favourites .favourite-card .bottom .username,
.favourite-lawyers .favourites .favourite-card .bottom .expert-detail {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.favourite-lawyers .favourites .favourite-card .bottom .expert-detail {
  margin-bottom: 8px;
}
.favourite-lawyers .favourites .favourite-card .cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  box-shadow: 9.99988px 9.99988px 49.9994px rgba(0, 0, 0, 0.1);
  border-radius: 4.99994px;
  padding: 7.5px 9.5px;
  position: absolute;
  left: 50%;
  bottom: -13px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  text-decoration: none;
  white-space: nowrap;
  font-size: 12.4948px;
  color: #000000;
  font-family: var(--font-iransansweb_ultra_light);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  direction: rtl;
}
.favourite-lawyers .favourites .favourite-card .cta:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.favourite-lawyers .favourites .favourite-card .cta span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.favourite-lawyers .warning-msg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #ffffff;
  border: 1.5px solid #fdba21;
  border-radius: 5px;
  padding: 10px 8px;
  margin-top: 12.33px;
  font-size: 12px;
  gap: 5px;
  font-family: var(--font-iransansweb_ultra_light);
}
@media screen and (max-width: 850px) {
  .favourite-lawyers {
    width: 95%;
    margin: auto;
    padding: 0;
    text-align: center;
    background: unset;
    border: unset;
  }
  .favourite-lawyers .favourites {
    border: unset;
    justify-content: center;
    padding: 40px 34px 20px 34px;
  }
  .favourite-lawyers .favourites .favourite-card {
    margin-bottom: 35px;
  }
  .favourite-lawyers .favourite-lawyers-title {
    border: unset;
  }

  .favourite-lawyers .warning-msg {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
/* ---------------------- end favourites ---------------------- */

/* ---------------------- score and feedback ---------------------- */
table.feedback-desktop tbody tr:nth-child(2n-1) {
  background: #f0f0f0 !important;
}
table.feedback-desktop tbody tr td:nth-child(2) {
  background: #dbe8ff !important;
}
.feedback-mobile a {
  text-decoration: none;
  background-color: #fff;
  border: 0.5px solid #ea3e40;
  border-radius: 5px;
  color: #ea3e40;
  padding: 4.32px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  width: 85%;
  display: block;
  font-size: 10px;
  margin: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  text-align: center;
}
.feedback-mobile a:hover {
  color: var(--color-light);
  background-color: #ea3e40;
}
.feedback-mobile {
  display: none;
}
.left-content.feedback .tab-body .row-body {
  scroll-behavior: smooth;
  scrollbar-color: var(--color-primary) #dbe8ff;
  scrollbar-width: thin;
  overflow: hidden;
  overflow-y: auto;
  direction: ltr;
  height: 700px;
}
.left-content.feedback .tab-body .row-body.wallet-ballance {
  overflow: hidden;
}
.left-content.feedback .tab-body .row-body::-webkit-scrollbar {
  width: 7px;
}
.left-content.feedback .tab-body .row-body::-webkit-scrollbar-track {
  background-color: #dbe8ff;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.left-content.feedback .tab-body .row-body::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.left-content.feedback .tab-body .row-body .customize-tabs {
  direction: rtl;
}
 .warning-msg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  direction: rtl;
  background: #ffffff;
  border: 1.5px solid #fdba21;
  border-radius: 5px;
  padding: 9px 7px;
  margin-top: 17px;
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
}
 .warning-msg .right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 9px;
}
 .warning-msg a {
  text-decoration: none;
  color: var(--color-primary);
  border: 0.5px solid #00235d;
  border-radius: 5px;
  background-color: var(--color-light);
  padding: 4.69px 8.63px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
 .warning-msg a:hover {
  background-color: var(--color-primary);
  color: var(--color-light);
}
@media screen and (max-width: 850px) {
  .feedback-mobile {
    display: block;
  }
  table.feedback-desktop {
    display: none;
  }
  .warning-msg {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  .warning-msg .right {
    display: block;
  }
 .warning-msg .right svg {
    margin: auto;
    display: block;
  }
  .warning-msg .left {
    width: 100%;
  }
 .warning-msg a {
    width: 100%;
    text-align: center;
    display: inline-block;
  }
}
/* ---------------------- end score and feedback ---------------------- */

/* ---------------------- notifications --------------------------- */
.left-content.notifications .small-device-back-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left-content.notifications .small-device-back-bar .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.left-content.notifications .small-device-back-bar .left .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25.09390640258789px;
  width: 25.09390640258789px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ffffff;
  border: 0.5px solid #fdba21;
  border-radius: 12.547px;
  font-size: 14px;
  font-family: var(--font-iransansweb_ultra_light);
}
.tab-body.notifications .row .left {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
.tab-body.notifications .row .left a {
  background: #ffffff;
  border: 1px solid #ea3e40;
  border-radius: 5px;
  padding: 3.81px 5.74px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ea3e40;
  gap: 10px;
  transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  white-space: nowrap;
}
.tab-body.notifications .row .left a:hover {
  background-color: #ea3e40;
  color: #fff;
}
.tab-body.notifications .row .left a svg path {
  transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
}
.tab-body.notifications .row .left a:hover svg path {
  stroke: #fff;
}
.notifications .small-device-back-bar {
  display: none !important;
}
.notifications .notification-card {
  display: flex;
  text-decoration: none;
  position: relative;
  background: #ffffff;
  border: 1.5px solid #d3b77f;
  border-radius: 5px;
  padding: 12px 22px;
  direction: rtl;
  justify-content: flex-start;
  align-items: center;
  gap: 36.5px;
  margin-bottom: 22.38px;
}
.notifications .notification-card .remove {
  background: #ffffff;
  border: 1px solid #ef4056;
  border-radius: 5px;
  transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ea3e40;
  gap: 10px;
  padding: 1px 5px;
  position: absolute;
  top: 10.33px;
  left: 9.6px;
}
.notifications .notification-card .remove svg path {
  transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
}
.notifications .notification-card .remove:hover {
  background-color: #ea3e40;
  color: #fff;
}
.notifications .notification-card .remove:hover svg path {
  stroke: #fff;
}
.notifications .notification-card .title {
  color: #00235d;
  font-size: 16px;
  margin-bottom: 7.5px;
  font-family: var(--font-iransansweb_bold);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8.5px;
  text-decoration: none;
  transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
}
.notifications .notification-card .title svg {
  width: 25px;
  height: 25px;
}
.notifications .notification-card .title:hover {
  opacity: 0.6;
}
.notifications .notification-card p {
  font-size: 14px;
  color: #000000;
  width: 75%;
  margin-bottom: 7.5px;
  display: list-item;
}
.notifications .notification-card .date {
  font-size: 12px;
  color: #717171;
  font-family: var(--font-iransansweb_ultra_light);
}
.notifications .notification-card .date span:first-of-type {
  padding-left: 6px;
  margin-left: 6px;
  border-left: 1px solid #d3b77f;
}
.notifications .notification-card .title .small-device-card-icon {
  display: none;
}
@media screen and (max-width: 850px) {
  .notifications .small-device-back-bar {
    display: flex !important;
  }
  .notifications .notification-card .right {
    display: none;
  }
  .notifications .notification-card p {
    text-align: justify;
    width: 100%;
    font-size: 12px;
  }
  .notifications .notification-card .remove {
    top: unset;
    bottom: 8px;
  }
  .notifications .notification-card .title .small-device-card-icon {
    display: block;
  }
}
/* ---------------------- end notifications --------------------------- */

/*  ---------------------- lawyer wallet  ---------------------- */
.wallet-ballance .ballance-card {
  background: #ffffff;
  border: 1.5px solid #d3b77f;
  border-radius: 5px;
  padding: 9.6px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.wallet-ballance .ballance-card .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}
.wallet-ballance .ballance-card .right .title {
  color: #00235d;
  font-size: 18px;
}
.wallet-ballance .ballance-card .left span:first-of-type {
  font-size: 18px;
  color: #00235d;
}
.wallet-ballance .ballance-card .left span:last-of-type {
  font-size: 16px;
  color: #717171;
  font-family: var(--font-iransansweb_ultra_light);
}
.wallet-ballance .warning-msg {
  justify-content: flex-start !important;
  gap: 10px !important;
}
.row-body.wallet-ballance h2.table-title {
  font-size: 18px;
  text-align: right;
  color: #00235d;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 11px;
  margin-top: 11px;
}
.row-body.wallet-ballance h2.table-title:first-of-type {
  margin-top: 0;
}

.row-body.wallet-ballance h2.table-title span {
  font-size: 16px;
  font-family: var(--font-iransansweb_ultra_light);
}
.row-body.wallet-ballance .inline-tab-body {
  width: 100% !important;
}
.row-body.wallet-ballance .text-red {
  color: #ea3e40;
}
.row-body.wallet-ballance .text-green {
  color: #71b40d;
}
.row-body.wallet-ballance td.date span:first-of-type,
.row-body.wallet-ballance div.date span:first-of-type {
  padding-left: 9px;
  margin-left: 9px;
  border-left: 1px solid #000000;
}
.row-body.wallet-ballance div.date span {
  font-size: 11px;
}
.row-body.wallet-ballance .drop-down-wrapper .top-header .left span {
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
}
.withdraw-section h2 {
  color: #00235d;
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
  font-weight: normal;
  font-style: normal;
  margin-bottom: 20px;
}
.withdraw-section h2 span {
  font-family: var(--font-iransansweb_ultra_light);
  font-size: 14px;
}
.withdraw-section .first-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border: 2px solid #dbe8ff;
  border-radius: 5px;
  gap: 20px;
  padding: 26px 11px;
  margin-bottom: 25.55px;
}
.withdraw-section .first-card .three button {
  all: unset;
  background: #fdba21;
  border: 1px solid #fdba21;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  color: #00235d;
  padding: 5.74px 44.03px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
}
.withdraw-section .first-card .two {
  width: 55%;
}
.withdraw-section .first-card .two .input-wrapper {
  background: #ffffff;
  border: 2px solid #dbe8ff;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 5.74px;
}
.withdraw-section .first-card .two .input-wrapper span {
  color: #717171;
  font-size: 14px;
}
.withdraw-section .first-card .two .input-wrapper input {
  all: unset;
  height: 100%;
  width: 90%;
  padding: 5.74px 0;
  font-family: var(--font-iransansweb);
  color: #000000;
  text-indent: 8.16px;
}
.withdraw-section .first-card .one {
  background: #ffffff;
  border: 2px solid #dbe8ff;
  border-radius: 5px;
  padding: 5.74px 8.71px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}
.withdraw-section .first-card .one span:first-of-type {
  font-size: 14px;
  font-family: var(--font-iransansweb_ultra_light);
}
.withdraw-section .first-card .one span:last-of-type {
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
}
.withdraw-section .first-card .one span:last-of-type span {
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
}
.withdraw-section .first-card .three button:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.withdraw-section .second-card {
  background: #f1f6ff;
  border: 1px solid #00235d;
  border-radius: 5px;
  padding: 11.75px 9.5px;
}
.withdraw-section .second-card .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.withdraw-section .second-card .top svg.arrow {
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.withdraw-section .second-card.active .top svg.arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.withdraw-section .second-card .content-wrapper textarea {
  all: unset;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  text-indent: 10px;
  font-family: var(--font-iransansweb);
  background-color: #fff;
  padding-top: 10px;
  border: 1px solid #dbe8ff;
}
.withdraw-section .second-card .content-wrapper {
  max-height: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  overflow: hidden;
}
.withdraw-section .second-card.active .content-wrapper {
  max-height: 800px;
  padding-top: 15px;
}

@media screen and (max-width: 850px) {
  .wallet-ballance .ballance-card .right .title {
    font-size: 14px;
  }
  .wallet-ballance .ballance-card .left span:first-of-type {
    font-size: 16px;
  }
  .wallet-ballance .ballance-card .right .title span {
    font-family: var(--font-iransansweb_ultra_light);
    font-size: 12px;
  }
  .wallet-ballance .ballance-card .left span:last-of-type {
    font-size: 14px;
  }
  .main.wallet .history .row-body .inline-tab-body {
    display: none;
  }
  .withdraw-section .first-card {
    flex-direction: column;
  }
  .withdraw-section .first-card .one,
  .withdraw-section .first-card .two,
  .withdraw-section .first-card .three {
    width: 100%;
  }
  .withdraw-section .first-card .three button {
    width: 100%;
    padding: 5.74px 0;
  }
}
/*  ---------------------- end lawyer wallet  ---------------------- */

/*  ----------------------  lawyer profile user  ---------------------- */
main.lawyer-profile-user .customize-tabs .tab-body {
  padding: 0;
}
.profile-user.lawyer-profile-user {
  border: unset !important ;
  height: 1000px;
  overflow: hidden;
  overflow-y: auto;
  direction: ltr;
  scroll-behavior: smooth;
  scrollbar-color: var(--color-primary) #dbe8ff;
  scrollbar-width: thin;
}
.profile-user.lawyer-profile-user::-webkit-scrollbar {
  width: 8px;
}
.profile-user.lawyer-profile-user::-webkit-scrollbar-track {
  background-color: #dbe8ff;
  border-radius: 25px;
}
.profile-user.lawyer-profile-user::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 25px;
}
.profile-user.lawyer-profile-user form {
  direction: rtl;
}
.profile-user.lawyer-profile-user .row {
  border-bottom: unset !important ;
  padding: 0 0 0 0 !important;
  margin-bottom: 15px !important;
}
.profile-user.lawyer-profile-user
  .custom-double-select-wrapper
  label:not(.label) {
  width: 100%;
  padding: 4px 0;
  text-align: center;
}
.profile-user.lawyer-profile-user .custom-text-input-wrapper.address {
  width: 100%;
}
.custom-text-input-wrapper.hide-fix {
  visibility: hidden;
}
.profile-user.lawyer-profile-user .row-title {
  font-style: normal;
  font-weight: normal;
  font-family: var(--font-iransansweb_bold);
  font-size: 20px;
  color: #00235d;
  padding-bottom: 14.07px;
  border-bottom: 1.5px solid #d3b77f;
  margin-bottom: 24.19px;
}
.profile-user.lawyer-profile-user .row .warning.two {
  flex-direction: column;
}
.profile-user.lawyer-profile-user .row .warning.two .bottom {
  align-items: left;
  width: 100%;
}
.profile-user.lawyer-profile-user .row.warning-row {
  flex-direction: column;
}
.profile-user.lawyer-profile-user .row .warning {
  margin-bottom: 0;
  gap: 10px;
}
.profile-user.lawyer-profile-user
  .custom-text-input-wrapper
  .card-number-wrapper {
  display: flex;
  gap: 11.29px;
  direction: ltr;
}
.profile-user.lawyer-profile-user
  .custom-text-input-wrapper
  .card-number-wrapper
  input {
  text-align: center !important;
  width: 98%;
}
.profile-user.lawyer-profile-user .row .warning.warning-red {
  border-color: #ea3e40;
  width: 100%;
  justify-content: flex-start;
  gap: 10px;
}
.profile-user.lawyer-profile-user .row.has-form-submit {
  flex-direction: column;
}
.profile-user.lawyer-profile-user .row .continue-button {
  all: unset;
  background: #fdba21;
  border: 0.5px solid #e5d3bc;
  border-radius: 5px;
  padding: 5px 50px;
  font-size: 16px;
  color: #00235d;
  display: inline-block;
  margin-top: 20px;
  cursor: pointer;
}
.profile-user.lawyer-profile-user
  .custom-double-select-wrapper
  .triple-wrapper
  label:nth-of-type(1),
.profile-user.lawyer-profile-user
  .custom-double-select-wrapper
  .triple-wrapper
  label:nth-of-type(3) {
  width: 45% !important;
  font-size: 12px;
}
.profile-user.lawyer-profile-user
  .custom-double-select-wrapper
  .triple-wrapper
  label:nth-of-type(2) {
  width: 60% !important;
  font-size: 12px;
}
.profile-user.lawyer-profile-user .second-page-divider {
  height: 1.5px;
  width: 100%;
  background-color: #d3b77f;
  margin: 28px 0;
}
.profile-user.lawyer-profile-user .bottom-two-cta div {
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  color: var(--color-primary);
  cursor: pointer;
}
.profile-user.lawyer-profile-user .bottom-two-cta div:first-of-type {
  padding: 5px 10px;
  background: #ffffff;
  border: 1.5px solid #fdba21;
  border-radius: 5px;
  font-size: 14px;
}
.profile-user.lawyer-profile-user .bottom-two-cta div:hover {
  box-shadow: rgba(253, 186, 33, 0.12) 0px 1px 3px,
    rgba(253, 186, 33, 0.24) 0px 1px 2px;
}
.profile-user.lawyer-profile-user .bottom-two-cta div:last-of-type {
  background: #fdba21;
  border: 0.5px solid #e5d3bc;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 50px;
  font-family: var(--font-iransansweb_bold);
}
main.lawyer-profile-user .customize-tabs .tab-body {
  height: 1020px;
}
main.lawyer-profile-user {
  padding-bottom: 140px !important;
}
main.profile .profile-user .custom-text-input-wrapper input#shaba {
  direction: ltr;
  text-align: left;
}
main.profile .profile-user .make-new-work-history {
  color: #00235d;
  font-size: 16px;
  padding: 5px 10px;
  background: #ffffff;
  border: 1.5px solid #fdba21;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  cursor: pointer;
}
main.profile .profile-user .row.make-new {
  justify-content: center;
}
.custom-text-input-wrapper.lawyer-bio {
  width: 100% !important;
  height: 200px !important;
}
.custom-text-input-wrapper.lawyer-bio textarea {
  all: unset;
  width: 98%;
  height: 80%;
  color: #717171;
  pointer-events: none;
  text-align: justify;
  font-size: 16px;
  font-family: var(--font-iransansweb);
  padding: 5px;
}
.custom-text-input-wrapper.lawyer-bio.active textarea {
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  pointer-events: all;
}
@media screen and (max-width: 850px) {
  main.lawyer-profile-user .left-content {
    height: 1150px;
  }
  .custom-text-input-wrapper.hide-fix {
    display: none;
  }
  .profile-user.lawyer-profile-user .row .continue-button {
    padding: 5px 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  .profile-user.lawyer-profile-user .row .warning .bottom {
    width: 100%;
  }
  .profile-user.lawyer-profile-user .bottom-two-cta div {
    padding: 5px 0;
    width: 100%;
    text-align: center;
  }
  .profile-user.lawyer-profile-user .second-page-divider {
    margin: 18px 0;
  }
  main.profile .profile-user form .row .warning .top {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .custom-text-input-wrapper.lawyer-bio textarea {
    background-color: #fff;
    border: 1.5px solid #dbe8ff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    width: 96%;
    padding: 5px;
    font-size: 14px;
  }
}
/*  ---------------------- end lawyer profile user  ---------------------- */

/*  ---------------------- lawyer services ---------------------- */
.left-content.lawyer-services .services-section {
  background: #f6faff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  padding: 17.76px 25.1px;
  margin-bottom: 20px;
}
.left-content.lawyer-services .services-section .section-title {
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  color: #00235d;
  font-family: var(--font-iransansweb_bold);
  line-height: 31px;
  margin-bottom: 15px;
}
.left-content.lawyer-services .services-section .row-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.left-content.lawyer-services .services-section .row-section.type-two {
  align-items: flex-start;
}
.left-content.lawyer-services .services-section .row-section .custom-check-box {
  background: #ffffff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5.24235px;
  padding: 7.62px 9.06px;
  width: 175px;
  min-height: 56.79px;
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box
  svg:not(.arrow) {
  width: 35px;
  height: 35px;
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box
  .top
  label,
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box
  .top
  .static-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box
  .top
  label
  input {
  appearance: none;
  height: 18px;
  width: 18px;
  border-radius: 5px;
  cursor: pointer;
  border: 2px solid #00235d;
  position: relative;
  display: block;
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box
  .top
  label
  input:checked::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  height: 11.445352554321289px;
  width: 11.445353507995605px;
  border-radius: 3px;
  background-color: var(--color-primary);
  display: block;
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box
  .top
  label
  span,
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box
  .top
  .static-label {
  font-size: 12px;
  color: #00235d;
}
.left-content.lawyer-services
  .services-section
  .row-section.days-of-attendance {
  gap: 0;
}
.days-of-attendance .date-card {
  background: #ffffff;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-top: 1.5px solid #00235d;
  height: 125.081787109375px;
  width: 103.5px;
  padding: 11.06px 5.03px;
  position: relative;
  transform: scale(0.9);
}
.days-of-attendance .date-card .top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.days-of-attendance .date-card .top-row label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: 4px;
  font-size: 13px;
}
.days-of-attendance .date-card .top-row .toggle-icon span {
  position: absolute;
  left: 8.28px;
  top: 8.28px;
  cursor: pointer;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.days-of-attendance .date-card .top-row .toggle-icon span.close-icon {
  opacity: 0;
  pointer-events: none;
  top: 14px;
}
.days-of-attendance .date-card.active .top-row .toggle-icon span.close-icon {
  opacity: 1;
  pointer-events: all;
}
.days-of-attendance .date-card.active .top-row .toggle-icon span.edit-icon {
  opacity: 0;
  pointer-events: none;
}
.days-of-attendance .date-card .middle-content-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #717171;
  font-family: var(--font-iransansweb_ultra_light);
  height: 100%;
}
.days-of-attendance .date-card .middle-content-card input {
  display: none;
}
.days-of-attendance .date-card .middle-content-card label {
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  margin-bottom: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1.5px solid #fff;
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  pointer-events: none;
}
.days-of-attendance .date-card.active .middle-content-card label {
  pointer-events: all;
  border-color: #dbe8ff;
}
.days-of-attendance .date-card .middle-content-card label:hover {
  background-color: #dbe8ff;
  color: var(--color-primary);
}
.days-of-attendance
  .date-card
  .middle-content-card
  input.one:checked
  ~ label.one,
.days-of-attendance
  .date-card
  .middle-content-card
  input.two:checked
  ~ label.two {
  background-color: #dbe8ff;
  color: var(--color-primary);
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box.has-sub
  .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box.has-sub
  .sub-section {
  max-height: 0;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  overflow: hidden;
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box.has-sub.active
  .sub-section {
  max-height: 800px;
  padding: 15px 0;
  transition: padding 0.3s all;
  -webkit-transition: padding 0.3s all;
  -moz-transition: padding 0.3s all;
  -ms-transition: padding 0.3s all;
  -o-transition: padding 0.3s all;
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box.has-sub
  .sub-section
  .sub-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 13px;
  color: #000000;
  font-size: 14px;
  cursor: pointer;
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box.has-sub
  .sub-section
  .sub-item:last-of-type {
  margin-bottom: 0 !important;
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box.has-sub
  .arrow {
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.left-content.lawyer-services
  .services-section
  .row-section
  .custom-check-box.has-sub.active
  .arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.left-content.lawyer-services .submit-section {
  text-align: center;
}
.left-content.lawyer-services .submit-section button {
  all: unset;
  padding: 5px 50px;
  cursor: pointer;
  color: #00235d;
  text-align: center;
  background: #fdba21;
  border: 0.5px solid #e5d3bc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
}
@media screen and (max-width: 850px) {
  .left-content.lawyer-services {
    height: 100% !important;
  }
  .left-content.lawyer-services .services-section .row-section {
    justify-content: space-between;
    gap: 15px;
  }
  .left-content.lawyer-services
    .services-section
    .row-section
    .custom-check-box {
    width: 100%;
  }
  .left-content.lawyer-services .submit-section button {
    width: 100%;
    padding: 5px 0;
  }
}
/*  ---------------------- end lawyer services ---------------------- */

/*  ---------------------- lawyer plans ---------------------- */
.left-content.lawyer-plans {
  margin-bottom: 100px;
}
.left-content.lawyer-plans .lawyer-plans-form {
  background: #f6faff;
  border: 0.5px solid #dbe8ff;
  border-radius: 5px;
  min-height: 1072px;
  padding: 17.35px 21.91px;
}
.left-content.lawyer-plans .lawyer-plans-form .lawyer-plan-title {
  font-size: 20px;
  color: #00235d;
  font-family: var(--font-iransansweb_bold);
  padding-bottom: 19.07px;
  margin-bottom: 20.51px;
  border-bottom: 2px solid #d3b77f;
}
.left-content.lawyer-plans .lawyer-plans-form .plan-cards {
  background: #ffffff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0 0 20px 0;
}
.left-content.lawyer-plans .lawyer-plans-form .plan-cards .plan-card {
  width: calc(100% / 3);
  border-left: 1.5px solid #d3b77f;
  padding: 0 20px;
  margin-top: 20px;
  position: relative;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .plan-card:nth-of-type(3n-3) {
  border-left: unset;
}
.left-content.lawyer-plans .lawyer-plans-form .plan-cards .plan-card .top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .plan-card
  .top-row
  .plan-card-title {
  font-size: 16px;
  color: #00235d;
  font-family: var(--font-iransansweb_bold);
}

.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .plan-card
  .top-row
  .toggle-icon
  span {
  position: absolute;
  left: 20px;
  top: 0;
  cursor: pointer;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .plan-card
  .top-row
  .toggle-icon
  span.close-icon {
  pointer-events: none;
  opacity: 0;
}

.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .plan-card.active
  .top-row
  .toggle-icon
  span.edit-icon {
  pointer-events: none;
  opacity: 0;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .plan-card.active
  .top-row
  .toggle-icon
  span.close-icon {
  pointer-events: all;
  opacity: 1;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .custom-double-select-wrapper {
  width: 100%;
  border: none;
  padding: 12px 0;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .custom-double-select-wrapper
  label:not(.label) {
  padding: 4px 12px;
  font-size: 13px;
  white-space: nowrap;
  margin-top: 0;
  pointer-events: none;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .plan-card.active
  .custom-double-select-wrapper
  label:not(.label) {
  pointer-events: all;
}

.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .custom-double-select-wrapper
  .label {
  font-size: 14px;
  color: #00235d;
  font-family: var(--font-iransansweb_bold);
  margin-bottom: 9px;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .custom-double-select-wrapper
  .double-wrapper {
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 8px;
}
.left-content.lawyer-plans .lawyer-plans-form .plan-cards .from-card-plan-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8.43px;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .from-card-plan-row
  .right {
  width: 32%;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .from-card-plan-row
  .left {
  width: 60%;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .from-card-plan-row
  label {
  font-size: 14px;
  color: #00235d;
  font-family: var(--font-iransansweb_bold);
  margin-bottom: 9px;
  margin-top: 22px;
  display: inline-block;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .from-card-plan-row
  label
  span {
  font-size: 12px;
  font-family: var(--font-iransansweb_ultra_light);
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .from-card-plan-row
  input,
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .from-card-plan-row
  textarea {
  all: unset;
  height: 38.33px;
  background: #ffffff;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  font-size: 16px;
  color: #00235d;
  pointer-events: none;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .plan-card.active
  .from-card-plan-row
  input,
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .plan-card.active
  .from-card-plan-row
  textarea {
  pointer-events: all;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .from-card-plan-row
  input:focus {
  border: 1.5px solid #1b51aa;
}

.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .from-card-plan-row.two {
  justify-content: flex-start;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .from-card-plan-row.two
  .right {
  width: 100%;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .from-card-plan-row.two
  .right
  input {
  text-align: right;
  text-indent: 10px;
}
.left-content.lawyer-plans
  .lawyer-plans-form
  .plan-cards
  .from-card-plan-row.two
  .right
  textarea {
  height: auto;
  text-align: right;
  text-indent: 10px;
  padding-top: 10px;
  max-width: 100%;
  min-width: 100%;
  height: 177.47px;
}
.left-content.lawyer-plans .lawyer-plans-form .bottom-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16.85px;
}
.left-content.lawyer-plans .lawyer-plans-form .bottom-cta .create-new {
  background: #ffffff;
  border: 1px solid #fdba21;
  border-radius: 5px;
  padding: 5px 10px;
  color: #00235d;
  cursor: pointer;
}
.left-content.lawyer-plans .lawyer-plans-form .bottom-cta button {
  all: unset;
  background: #fdba21;
  border: 0.5px solid #e5d3bc;
  border-radius: 5px;
  padding: 5px 50px;
  cursor: pointer;
}
@media screen and (max-width: 850px) {
  .left-content.lawyer-plans .lawyer-plans-form .plan-cards {
    flex-direction: column;
    padding: 0;
  }
  .left-content.lawyer-plans .lawyer-plans-form .plan-cards .plan-card {
    width: 100%;
    border-left: unset;
    border-bottom: 1px solid #d3b77f;
    margin-top: 0;
    background: #f6faff;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .left-content.lawyer-plans
    .lawyer-plans-form
    .plan-cards
    .plan-card:last-of-type {
    border-bottom: unset;
  }
  .left-content.lawyer-plans .lawyer-plans-form .lawyer-plan-title {
    display: none;
  }
  .left-content.lawyer-plans .lawyer-plans-form {
    border: unset;
    background-color: unset;
    padding: 17.35px 9px;
  }
  .left-content.lawyer-plans
    .lawyer-plans-form
    .plan-cards
    .plan-card
    .top-row
    .toggle-icon
    span {
    top: 18px;
  }
  .left-content.lawyer-plans {
    margin-bottom: 30px;
  }
  .left-content.lawyer-plans .lawyer-plans-form .bottom-cta {
    flex-direction: column;
    gap: 20px;
  }
  .left-content.lawyer-plans .lawyer-plans-form .bottom-cta div,
  .left-content.lawyer-plans .lawyer-plans-form .bottom-cta button {
    width: 100%;
    padding: 5px 0;
    text-align: center;
  }
}
/*  ---------------------- end lawyer plans ---------------------- */

/* ---------------------- legal-calculations -------------------------- */
.row-tab-select-small-devices {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  position: relative;
  display: none;
}
.row-tab-select-small-devices select {
  all: unset;
  width: 100%;
  height: 49px;
  background-color: #00235d;
  border: 1.5px solid #dbe8ff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  text-align: right;
  font-size: 16px;
  padding: 0 5px;
  font-family: var(--font-iransansweb_light);
  color: var(--color-light);
}
.row-tab-select-small-devices select option {
  font-family: var(--font-iransansweb_light);
}
.row-tab-select-small-devices .overlay-arrow {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media screen and (max-width: 1340px) {
  main.legal-calculations .customize-zp-tabs .inline-tab-item {
    font-size: 10px;
  }
  .customize-zp-tabs .inline-tab-item.active {
    font-size: 12px;
  }
}
@media screen and (max-width: 850px) {
  main.legal-calculations .customize-zp-tabs .row-tab {
    display: none;
  }
  .row-tab-select-small-devices {
    display: block;
  }
}
@media screen and (max-width: 370px) {
  .row-tab-select-small-devices {
    text-align: center;
    width: 75%;
  }
}
/* ---------------------- end legal-calculations -------------------------- */

/* ---------------------- home page ---------------------- */
.home header.header {
  background: url("../images/home-bg.png") no-repeat center center;
  height: 85vh;
}
.home .header-content {
  width: 715px;
  text-align: center;
  height: auto;
  margin-top: 0;
  justify-content: center;
}
.home .header-content h1 {
  margin-bottom: 0;
}
.home .header-content h1::before,
.home .header-content h1::after {
  top: 23%;
}
.home .header-content .p1 {
  color: #e0c389;
  margin-top: 26px;
  position: relative;
  font-family: var(--font-iransansweb_medium);
}
.home .header-content .p1::after {
  content: "";
  width: 100px;
  height: 1px;
  background-color: #d3b77f;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.home-main .first-section {
  background-color: #fff;
  padding-bottom: 150px;
}
.home .footer {
  margin-top: 100px;
}
.home-main .first-section .nav-cta {
  background: #ffffff;
  box-shadow: 7px 7px 40px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  margin: -100px auto;
  position: relative;
  z-index: 1;
  padding: 0 12.55px;
  width: fit-content;
  height: 200px;
}
.home-main .first-section .nav-cta ul {
  list-style-type: none;
  display: flex;
}
.home-main .first-section .nav-cta ul li {
  padding-left: 31px;
  padding-right: 31px;
  position: relative;
}
.home-main .first-section .nav-cta ul li:last-of-type {
  padding-left: 0;
}
.home-main .first-section .nav-cta ul li:first-of-type {
  padding-right: 0;
}
.home-main .first-section .nav-cta ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  height: 52px;
  width: 1px;
  background-color: #d3b77f;
}
.home-main .first-section .nav-cta ul li:last-of-type::after {
  display: none;
}
.home-main .first-section .nav-cta ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 19.42px;
  flex-direction: column;
  padding: 48.25px 31.14px 54px 31.14px;
  text-decoration: none;
  color: #000000;
  font-size: 17px;
  transition: all 0.3s ease-in;
  font-family: var(--font-iransansweb_ultra_light);
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  margin-top: -10px;
  position: relative;
  overflow: hidden;
}
.home-main .first-section .nav-cta ul li a:hover {
  box-shadow: 7px 7px 40px rgba(0, 0, 0, 0.25);
  background: #00235d;
  border-radius: 5px;
  color: var(--color-light);
}
.home-main .first-section .nav-cta ul li a svg:not(.go-to-page-icon svg) {
  height: 68.16796875px;
  width: 74.6376953125px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.home-main
  .first-section
  .nav-cta
  ul
  li
  a:hover
  svg:not(.go-to-page-icon svg)
  rect {
  opacity: 0;
}
.home-main
  .first-section
  .nav-cta
  ul
  li
  a:hover
  svg:not(.go-to-page-icon svg)
  path {
  fill: #d3b77f;
}
.home-main
  .first-section
  .nav-cta
  ul
  li:nth-child(5)
  a:hover
  svg:not(.go-to-page-icon svg)
  path,
.home-main
  .first-section
  .nav-cta
  ul
  li:nth-child(4)
  a:hover
  svg:not(.go-to-page-icon svg)
  path,
.home-main
  .first-section
  .nav-cta
  ul
  li:nth-child(1)
  a:hover
  svg:not(.go-to-page-icon svg)
  path {
  stroke: #d3b77f;
}
.home-main .first-section .nav-cta ul li a .go-to-page-icon {
  transition: 0.2s linear all;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-5 0%);
  -o-transform: translateX(-50%);
  background: #ffffff;
  box-shadow: 7px 7px 40px rgba(0, 0, 0, 0.25);
}
.home-main .first-section .nav-cta ul li a:hover .go-to-page-icon {
  bottom: 23.32px;
}
.home-main .first-section .section-content {
  padding: 150px 0;
}
.home-main .first-section .section-content .content {
  background: url(../images/home-first-section.svg) no-repeat left;
  background-size: contain;
  height: 413.95px;
  /* padding-right: 250px; */
}
.home-main .first-section .section-content .content h2 {
  font-size: 24px;
  color: #00235d;
  font-style: normal;
  font-weight: normal;
  font-family: var(--font-iransansweb_bold);
  position: relative;
  margin-bottom: 48px;
}
.home-main .first-section .section-content .content h2::after {
  content: "";
  position: absolute;
  bottom: -14px;
  right: 0;
  background-color: #fdba21;
  height: 2px;
  width: 125px;
}
.home-main .first-section .section-content .content .text-content {
  width: 1035px;
  text-align: right;
  margin: auto;
}
.home-main .first-section .section-content .content .text-content p {
  width: 430px;
  text-align: justify;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
}
.home .home-main .second-section {
  background: #d9d9d9;
  padding-bottom: 135px;
}
.home .home-main .second-section .section-content {
  background: linear-gradient(180deg, #00235d 0%, #010d22 100%);
  border-radius: 5px;
  width: 80%;
  margin: -140px auto 0 auto;
  position: relative;
  z-index: 1;
  top: -150px;
  padding: 71px 100px;
  height: 1400px;
}
.home .home-main .cards-section .cards {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.home .home-main .cards-section .cards .card {
  width: calc(100% / 3 - 20px);
  height: 320px;
  background: #00235d;
  border: 2px solid #dbe8ff;
  border-radius: 5px;
  padding: 35px 24px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  flex-direction: column;
  color: var(--color-light);
  cursor: pointer;
  background: #00235d;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  margin-bottom: 40px;
}
.home .home-main .cards-section .cards .card:first-of-type {
  pointer-events: none;
  border: none;
  background-color: transparent;
  justify-content: center;
}
.home .home-main .cards-section .cards .card:first-of-type h2 {
  white-space: nowrap;
  font-size: 18px;
  position: relative;
  margin-bottom: 16px;
}
.home .home-main .cards-section .cards .card:first-of-type h2::after {
  content: "";
  width: 125px;
  height: 2px;
  background-color: #fdba21;
  position: absolute;
  right: 0;
  bottom: -10px;
}
.home .home-main .cards-section .cards .card:hover {
  background: linear-gradient(204.45deg, #0346b4 15.63%, #00235d 80.99%);
  border: 2px solid #00235d;
}
.home .home-main .cards-section .cards .card span.title {
  font-size: 18px;
  font-family: var(--font-iransansweb_bold);
}
.home .home-main .cards-section .cards .card svg {
  height: 64.93085479736328px;
  width: 59.42823028564453px;
}
.home .home-main .cards-section .cards .card p {
  text-align: justify;
  font-family: var(--font-iransansweb_ultra_light);
  font-size: 16px;
}
.home .home-main .cards-section .cards .card:first-of-type p {
  font-size: 20px;
}
.home .home-main .cards-section .bottom-sec {
  text-align: center;
}
.home .home-main .cards-section .bottom-sec a {
  background: #fdba21;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  padding: 11.5px 36.43px;
  border: 1.5px solid #fdba21;
  color: #000000;
  font-size: 16px;
  text-decoration: none;
  margin-top: 25px;
  display: inline-block;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.home .home-main .cards-section .bottom-sec a:hover {
  box-shadow: 0 1px 15px 1px rgba(255, 255, 255, 0.3);
}
.home .home-main .slider-section {
  height: 664.65px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-top: 50px;
}
.home .home-main .slider-section .slider-content {
  padding: 0 26px;
}
.home .home-main .slider-section .slider-top {
  text-align: center;
  padding-top: 60px;
}
.home .home-main .slider-section .slider-top h2.slider-title {
  color: #00235d;
  font-size: 24px;
  font-family: var(--font-iransansweb_bold);
  position: relative;
}
.home .home-main .slider-section .slider-top h2.slider-title::after {
  content: "";
  height: 2px;
  width: 125px;
  background-color: #fdba21;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.home .home-main .slider-section .swiper {
  height: 400px;
  margin-top: 25px;
}
.main-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #00173d;
  position: relative;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.main-slider .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -51.1%);
  -ms-transform: translate(-50%, -49%);
  -o-transform: translate(-50%, -50%);
  width: 13.49px;
  height: 13.49px;
  border: 0.5px solid #00173d;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
}
.home .home-main .slider-section .swiper .swiper-slide {
  background: #ffffff;
  padding: 0 50px;
}
.home .home-main .slider-section .swiper .swiper-slide .slide-top-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 35px;
}
.home .home-main .slider-section .swiper .swiper-slide .one {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home .home-main .slider-section .swiper .swiper-slide .one img {
  width: 100%;
}
.home .home-main .slider-section .swiper .swiper-slide .two {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 13px;
}
.home .home-main .slider-section .swiper .swiper-slide .two .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  color: #000000;
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
  width: 100%;
}
.home .home-main .slider-section .swiper .swiper-slide .two .middle {
  text-align: justify;
  font-size: 14px;
  color: #000000;
  width: 100%;
}
.home .home-main .slider-section .swiper .swiper-slide .two .bottom {
  text-align: left;
  width: 100%;
}
.home .home-main .slider-section .swiper .swiper-slide .two .bottom a {
  text-decoration: none;
  color: #00235d;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  color: #00235d;
  transition: 0.2s linear all;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
}
.home .home-main .slider-section .swiper .swiper-slide .two .bottom a svg {
  transition: 0.2s linear all;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
}
.home .home-main .slider-section .swiper .swiper-slide .two .bottom a:hover {
  opacity: 0.7;
}
.home
  .home-main
  .slider-section
  .swiper
  .swiper-slide
  .two
  .bottom
  a:hover
  svg {
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
}
.home .home-main .slider-section .slider-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  gap: 100px;
  width: 80%;
  margin: 0 auto;
}
.home .home-main .slider-section .slider-bottom .slide-item-icon {
  height: 56.20961380004883px;
  width: 56.20961380004883px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ffffff;
  border: 1px solid #717171;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
  transition: 0.2s linear all;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
  cursor: pointer;
}
.home .home-main .slider-section .slider-bottom::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%;
  height: 1.5px;
  z-index: 1;
  background-color: #a3a3a3;
}
.home .home-main .slider-section .slider-bottom .slide-item-icon.active {
  border: 2px solid #00235d;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}
.home .home-main .slider-section .slider-bottom .slide-item-icon.active svg {
  transition: 0.2s linear all;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
}
.home
  .home-main
  .slider-section
  .slider-bottom
  .slide-item-icon.active
  svg
  path {
  stroke: #00235d;
}
.home .home-main .second-section.small {
  display: none;
}
.home .home-main .second-section.small h2 {
  font-size: 16px;
  color: #ffffff;
  font-weight: normal;
  font-style: normal;
  font-family: var(--font-iransansweb_bold);
  position: relative;
  margin-bottom: 30.5px;
}
.home .home-main .second-section.small h2::after {
  content: "";
  position: absolute;
  bottom: -14px;
  right: 0;
  background-color: #fdba21;
  height: 2px;
  width: 70px;
}
.home .home-main .second-section.small {
  padding-bottom: 100px;
}
.home .home-main .second-section.small .card-slider {
  height: 280px;
  margin-top: 19px;
}
.home .home-main .second-section.small .card-slider .swiper-slide {
  background: #00235d;
  border: 2px solid #dbe8ff;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12px;
  height: 210px;
  flex-direction: column;
  align-items: flex-start;
  text-align: right;
  padding: 14px 20px;
  gap: 14px;
}
.home .home-main .second-section.small .card-slider .swiper-slide svg {
  height: 38.07118606567383px;
  width: 38.10805892944336px;
}
.home .home-main .second-section.small .swiper-pagination-bullet {
  border: 2px solid #ffffff;
  border-radius: 5px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  width: 10px;
  height: 10px;
}
.home
  .home-main
  .second-section.small
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 18.97px;
  background: #ffffff;
  border-radius: 5px;
}
.home .home-main .second-section.small .section-content {
  width: 100%;
  padding: 71px 10px;
  border-radius: 0;
  top: 0;
  background: #00173d;
  padding: 24px 30px;
  height: unset;
  min-height: 750px;
}
.home .home-main .second-section.small p.top-description {
  font-size: 14px;
  color: #ffffff;
  text-align: justify;
}
.home .home-main .second-section.small .card-slider .swiper-slide .title {
  font-family: var(--font-iransansweb_bold);
  font-size: 14px;
}
.home .home-main .second-section.small .card-slider .swiper-slide p {
  font-size: 12;
}
.home .home-main .second-section.small .bottom-sec {
  text-align: center;
  margin-top: 50px;
}
.home .home-main .second-section.small .bottom-sec a {
  text-decoration: none;
  color: #000000;
  background: #fdba21;
  border-radius: 100px;
  padding: 5.07px 15.55px;
  font-size: 12px;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.home .home-main .second-section.small .bottom-sec a:hover {
  box-shadow: 0 1px 15px 1px rgba(255, 255, 255, 0.3);
}
.home .home-main .second-section.small .drop-wrapper {
  padding: 11.33px 8.5px 0 8.5px;
  background: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
  bottom: -80px;
}
.home .home-main .second-section.small .drop-wrapper h2.title {
  color: #00235d;
  font-size: 16px;
  font-family: var(--font-iransansweb_bold);
  text-align: center;
}
.home .home-main .second-section.small .drop-wrapper h2.title::after {
  right: 50%;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
}
.home .home-main .second-section.small .drop-wrapper .accordion-item {
  box-shadow: unset;
  margin-bottom: 0;
  border-bottom: 2px solid #f0f0f0;
}
.home
  .home-main
  .second-section.small
  .drop-wrapper
  .accordion-item:last-of-type {
  border-bottom: unset;
}
.home .home-main .second-section.small .drop-wrapper .accordion-item-heading {
  height: auto;
}
.home
  .home-main
  .second-section.small
  .drop-wrapper
  .accordion-item-heading
  div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 13.66px;
  color: #717171;
  font-size: 14px;
  padding: 18px 0;
}
.home
  .home-main
  .second-section.small
  .drop-wrapper
  .accordion-item-heading
  div
  span.first
  svg {
  height: 28.937278747558594px;
  width: 28.936981201171875px;
}
.home
  .home-main
  .second-section.small
  .drop-wrapper
  .accordion-item-heading.active
  span.first
  svg {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}

.home
  .home-main
  .second-section.small
  .drop-wrapper
  .accordion-item-heading.active
  div
  span.first
  svg
  path {
  stroke: #00235d;
}
.home
  .home-main
  .second-section.small
  .drop-wrapper
  .accordion-item:nth-child(2)
  .accordion-item-heading.active
  div
  span.first
  svg
  path {
  stroke: unset;
  fill: #00235d;
}
.home
  .home-main
  .second-section.small
  .drop-wrapper
  .accordion-item-heading.active
  ~ .accordion-item-body {
  max-height: 600px;
}
.home .home-main .second-section.small .drop-wrapper .accordion-item-body {
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
.home
  .home-main
  .second-section.small
  .drop-wrapper
  .accordion-item
  .accordion-item-heading.active
  div {
  color: #000000;
  font-size: 14px;
  font-family: var(--font-iransansweb_bold);
}
.home .home-main .second-section.small .drop-wrapper .accordion-item-body p {
  font-size: 14px;
  text-align: justify;
  color: #000000;
  margin-bottom: 13.5px;
}
.home .home-main .second-section.small .drop-wrapper .accordion-item-body .cta {
  text-align: left;
}
.home .home-main .second-section.small .drop-wrapper .accordion-item-body a {
  text-decoration: none;
  color: #00235d;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  color: #00235d;
  transition: 0.2s linear all;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
  margin-bottom: 30px;
}

.home
  .home-main
  .second-section.small
  .drop-wrapper
  .accordion-item-body
  a:hover {
  opacity: 0.7;
}
.home
  .home-main
  .second-section.small
  .drop-wrapper
  .accordion-item-body
  a
  svg {
  transition: 0.2s linear all;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
}
.home
  .home-main
  .second-section.small
  .drop-wrapper
  .accordion-item-body
  a:hover
  svg {
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
}
.home .home-main .second-section.small .drop-wrapper .accordion-item-body img {
  width: 100%;
}
.home .home-main .third-section {
  background: #d9d9d9;
  height: 1120px;
}
.home .home-main .third-section .filter-section-desktop {
  background: #00235d;
  border-radius: 0px;
  text-align: center;
  padding: 34px 0;
}
.home .home-main .third-section .filter-section-desktop h2 {
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  font-family: var(--font-iransansweb_bold);
  text-align: center;
  font-size: 24px;
  line-height: 38px;
  position: relative;
  margin-bottom: 50px;
}
.home .home-main .third-section .filter-section-desktop h2::after {
  content: "";
  position: absolute;
  bottom: -14px;
  background-color: #fdba21;
  width: 125px;
  height: 2px;
  right: 50%;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content {
  display: flex;
  gap: 14px;
  justify-content: center;
  align-items: center;
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .title {
  display: flex;
  gap: 7px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #ffffff;
  font-family: var(--font-iransansweb_bold);
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .search-box {
  text-align: right;
  height: 43.87px;
  margin-bottom: 0;
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .search-box
  svg {
  cursor: pointer;
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .filter-custom-select-box {
  height: 43.87px;
  width: 204px;
  border-radius: 5px;
  background: #ffffff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .filter-custom-select-box
  .top {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 9px;
  cursor: pointer;
  color: #00235d;
  font-family: var(--font-iransansweb_light);
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .filter-custom-select-box
  .top
  svg {
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .filter-custom-select-box
  .content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: var(--box-shadow-1);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  padding: 5px;
  z-index: 999;
  transform-origin: top;
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .filter-custom-select-box
  .content
  ul {
  list-style-type: none;
  margin-top: 15px;
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .filter-custom-select-box
  .content
  ul
  li {
  display: flex;
  text-align: right;
  justify-content: space-between;
  color: var(--color-dark);
  font-size: 16px;
  padding: 10px 5px;
  cursor: pointer;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 14px;
  color: var(--color-primary);
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .filter-custom-select-box
  .content
  ul
  li
  span:first-of-type {
  display: flex;
  text-align: right;
  justify-content: center;
  align-items: center;
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .filter-custom-select-box
  .content
  ul
  li:hover {
  background-color: #dbe8ff;
}
.home
  .home-main
  .third-section
  .filter-section
  .filter-section-content
  .filter-custom-select-box
  .content
  ul
  li
  input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--color-primary);
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-primary);
  cursor: pointer;
  transition: all 0.3s linear;
  margin: auto;
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .filter-custom-select-box
  .content
  li
  input {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  cursor: pointer;
  accent-color: var(--color-primary);
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-custom-select-box:hover {
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .filter-custom-select-box:hover
  .content {
  opacity: 1;
  pointer-events: all;
}
.home
  .home-main
  .third-section
  .filter-section-desktop
  .filter-section-content
  .filter-custom-select-box:hover
  .top
  svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.home .home-main .third-section .third-section-content {
  background: linear-gradient(180deg, #00235d 0%, #010d22 100%);
  border-radius: 5px;
  height: 770px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 80%;
  margin: 320px auto 0 auto;
  padding: 0 100px;
}
.home .home-main .third-section .third-section-content .cards {
  top: -235px;
  position: relative;
  background-color: var(--color-light);
  height: 885px;
  border-radius: 5px;
}
.home .home-main .third-section .third-section-content .cards .cards-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 102px calc((100% - (255px * 3)) / 3);
  padding-bottom: 0;
  gap: 30px;
}
.home .home-main .third-section .third-section-content .cards .card {
  width: 249px;
  background-color: var(--color-light);
  border-radius: var(--radius-xs);
  margin: 0 0px 60px 0;
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1);
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-header {
  height: 53px;
  background-color: #1b51aa;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-right-radius: var(--radius-xs);
  border-top-left-radius: var(--radius-xs);
  padding: 0 16px;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-header
  .avatar {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 95px;
  height: 95px;
  border-radius: 50%;
  border: 2px solid var(--color-light);
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-header
  .avatar
  img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-header
  .avatar
  .status {
  height: 15.5px;
  width: 15.5px;
  border-radius: 50%;
  background-color: #ddd;
  position: absolute;
  right: 5px;
  bottom: 5px;
  border: 1px solid var(--color-light);
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-header
  span {
  display: inherit;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-header
  span {
  display: inherit;
}
.home .home-main .third-section .third-section-content .cards .card .card-body {
  text-align: center;
  padding: 5px 8px;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-body:not(p.name) {
  font-size: 12px;
  line-height: 25px;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-body
  .name {
  font-family: var(--font-iransansweb_bold);
  font-size: 15px;
  line-height: 35px;
  color: var(--color-primary);
  text-decoration: none;
  transition: all 0.1s linear;
  cursor: pointer;
}
.home .home-main .third-section .third-section-content .cards .card .heart {
  cursor: pointer;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-body
  p:last-of-type {
  margin-bottom: 11.5px;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-body
  .detail {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #f0f0f0;
  border-radius: var(--radius-xs);
  height: 33.35px;
  margin-bottom: 5.75px;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-body
  .detail
  div.has-svg {
  display: flex;
  justify-content: center;
  align-items: center;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-body
  .cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  gap: 5px;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-body
  .cta
  a.first {
  width: 70px;
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 3.45px 5.75px;
  align-items: center;
  text-decoration: none;
  color: var(--color-light);
  background: #60c231;
  direction: ltr;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-body
  .cta
  a.second {
  height: 31.301px;
  width: 100.05523681640625px;
  border-radius: 5px;
  text-decoration: none;
  color: var(--color-light);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 11px;
  background-color: #1b51aa;
  direction: ltr;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-body
  .cta
  a:nth-child(2)
  svg
  path {
  fill: var(--color-light);
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12.4948px;
  padding: 6px 8px;
  background: #dbe8ff;
  border-radius: 4.99994px;
  margin: 0 6px;
  margin-bottom: 5px;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-header
  .avatar
  .status.offline {
  background-color: #eb0728;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-header
  .avatar
  .status.online {
  background-color: #60c231;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-body
  .cta
  svg {
  height: 20px;
  width: 15px;
}
.home
  .home-main
  .third-section
  .third-section-content
  .cards
  .card
  .card-body
  .cta
  a.first:first-of-type
  svg
  path {
  stroke: var(--color-light);
}
.home .home-main .third-section .load-more {
  text-align: center;
}

.home .home-main .third-section .load-more a {
  text-align: center;
  background: #00235d;
  border-radius: 100px;
  height: 48px;
  width: 146.15382385253906px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  padding: 11px 27px;
  text-align: center;
}
.home .home-main .filter-section-small {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.home .home-main .filter-section-small .filter-item {
  background-color: var(--color-light);
  padding: 10px 30px;
  border-radius: var(--radius-xs);
  box-shadow: var(--box-shadow-1);
  cursor: pointer;
  position: relative;
}
.home .home-main .filter-section-small .filter-item.grouping ul {
  direction: rtl !important;
}
.home .home-main .filter-section-small .filter-item.grouping ul li div {
  direction: ltr !important;
}
.home .home-main .filter-section-small .filter-item .filter-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.home .home-main .filter-section-small .filter-item .filter-body {
  background-color: var(--color-light);
  width: 300px;
  position: absolute;
  left: 0;
  z-index: -999;
  top: 39px;
  border-radius: 0 var(--radius-xs) var(--radius-xs) var(--radius-xs);
  box-shadow: var(--box-shadow-2);
  opacity: 0;
  transition: all 0.4s linear;
}
.home
  .home-main
  .filter-section-small
  .filter-item:nth-of-type(1)
  .filter-body {
  right: 0;
  left: unset;
}
.home
  .home-main
  .filter-section-small
  .filter-item:nth-of-type(2)
  .filter-body {
  left: 50%;
  transform: translateX(-50%);
}
.home .home-main .filter-section-small .filter-item {
  background-color: var(--color-light);
  padding: 10px 30px;
  border-radius: var(--radius-xs);
  box-shadow: var(--box-shadow-1);
  cursor: pointer;
  position: relative;
}
.home .home-main .filter-section-small .filter-item.active .filter-body {
  z-index: 999;
  opacity: 1;
}
.home .home-main .filter-section-small .filter-item .accordion-item {
  box-shadow: none;
  border-top: 1.5px solid #d2d2d2;
  padding-top: 5px;
  border-radius: 0;
}
.home .home-main .filter-section-small .filter-item .filter-body ul {
  list-style-type: none;
  padding-top: 20px;
  direction: ltr;
}
.home .home-main .filter-section-small .filter-item .filter-body ul li {
  margin-bottom: 20px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-bottom: 1.5px solid #d2d2d2;
  color: var(--color-dark);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: revert;
}
.home .home-main .filter-section-small .filter-item .filter-body ul li input {
  width: 25px;
  height: 25px;
  vertical-align: -7px;
  margin-left: 10px;
  accent-color: var(--color-primary);
}
.home
  .home-main
  .filter-section-small
  .filter-item
  .filter-body
  ul
  li:last-of-type {
  border: unset;
}
.home .home-main .filter-section-small .filter-item .search-box {
  box-shadow: unset;
  margin-bottom: 0;
}
.home .home-main .filter-section-wrapper-small {
  background: #00235d;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.2);
  padding: 7.8px 0;
  display: none;
}
.home .home-main .filter-section-wrapper-small h2 {
  font-style: normal;
  font-weight: normal;
  text-align: center;
  color: var(--color-light);
  font-size: 16px;
  position: relative;
  margin-bottom: 16px;
}
.home .home-main .filter-section-wrapper-small h2::after {
  content: "";
  position: absolute;
  bottom: -14px;
  background-color: #fdba21;
  height: 2px;
  width: 70px;
  right: 50%;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
}
@media screen and (max-width: 1310px) {
  .home .home-main .second-section .section-content {
    width: 95%;
    padding: 71px 54px;
  }
}
@media screen and (max-width: 1000px) {
  .home .home-main .second-section .section-content {
    width: 99%;
    padding: 71px 10px;
  }
  .home-main .first-section .nav-cta {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }
  .home-main .first-section .nav-cta ul li a span {
    font-size: 13px;
  }
  .home-main .first-section .section-content .content .text-content {
    padding-right: 20px;
  }
}
@media screen and (max-width: 900px) {
  .home .home-main .cards-section .cards {
    gap: 0;
  }
  .home .home-main .cards-section .cards .card {
    width: calc(100% / 3 - 10px);
  }
}
@media screen and (max-width: 850px) {
  .wrapper.home .small-wrapper {
    display: block !important;
  }
  .wrapper.home header.header .cover {
    display: none !important;
  }
  .wrapper.home nav.nav {
    display: none;
  }
  .wrapper.home header.header .cover {
    display: none !important;
  }
  .wrapper.home .header-content {
    display: none;
  }
  .home header.header {
    background: unset !important;
    height: unset !important;
    padding: unset !important;
  }
  .home-main .first-section .nav-cta {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  .home .header-content {
    position: static !important;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  .home .header-content h1 {
    font-size: 16px !important;
  }
  .home .header-content .p1 {
    font-size: 12px !important;
    margin-top: 45px !important;
    margin-bottom: 16px !important;
  }
  .home-main .first-section .nav-cta {
    height: unset;
    background: transparent !important;
    margin: -15px auto;
    padding-bottom: 23px;
    box-shadow: unset;
  }
  .home-main .first-section .nav-cta ul {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
  .home-main .first-section .nav-cta ul li {
    padding-right: 0;
    padding-left: 0;
  }
  .home-main .first-section .nav-cta ul li::after {
    display: none;
  }
  .home-main .first-section .nav-cta ul li a {
    height: 133.8408203125px;
    width: 133.8408203125px;
    border-radius: 5px;
    margin: 0;
    box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background: #ffffff;
    padding: 0;
  }
  .home-main
    .first-section
    .nav-cta
    ul
    li
    a:hover
    svg:not(.go-to-page-icon svg) {
    height: 48.25788497924805px;
    width: 50.70070266723633px;
  }
  .home-main .first-section .nav-cta ul li:nth-child(2) {
    display: none;
  }
  .home-main .first-section .nav-cta ul li a .go-to-page-icon {
    display: none;
  }
  .home .small-wrapper .small-wrapper-body {
    height: 52vh !important;
  }
  .home-main .first-section .section-content {
    padding-top: 47px;
    margin-top: 15px;
  }
  .home-main .first-section .section-content .content {
    height: unset;
    padding-bottom: 234px;
    background-position: bottom center;
  }
  .home-main .first-section .section-content .content .text-content {
    width: auto;
  }
  .home-main .first-section .section-content .content .text-content p {
    width: 93%;
    margin: auto;
    font-size: 12px;
  }
  .home-main .first-section .section-content .content .text-content {
    padding: 0 23px;
  }
  .home-main .first-section .section-content .content .text-content h2 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 32px;
    white-space: nowrap;
  }
  .home-main .first-section .section-content .content .text-content h2::after {
    right: 50%;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
  }
  .home-main .first-section {
    height: unset;
  }
  .home-main .first-section .section-content {
    padding: 0;
  }
  .home .small-wrapper .small-wrapper-body .header-content {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding-top: 80px;
    transform: scale(0.9);
  }
  .home .small-wrapper .small-wrapper-body .header-content .header-cta {
    margin: 0;
    width: auto;
    display: inline-flex;
  }
  .home .home-main .second-section:not(.second-section.small) {
    display: none;
  }
  .home .home-main .second-section.small {
    display: block;
  }
}
@media screen and (max-width: 620px) {
  .home-main .first-section .section-content .content {
    padding-bottom: 170px;
  }
}
@media screen and (max-width: 540px) {
  .home .small-wrapper .small-wrapper-body .header-content {
    padding-top: 60px;
  }
}
@media screen and (max-width: 490px) {
  .home-main .first-section .section-content .content {
    padding-bottom: 100px;
  }
}
@media screen and (max-height: 770px) {
  .home .small-wrapper .small-wrapper-body .header-content {
    padding-top: 40px !important;
  }
}
@media screen and (max-height: 685px) {
  .home .small-wrapper .small-wrapper-body .header-content {
    padding-top: 10px !important;
  }
}
@media screen and (max-height: 650px) {
  .home .small-wrapper .small-wrapper-body .header-content {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 360px) {
  .home .small-wrapper .small-wrapper-body .header-content {
    padding-top: 0 !important;
    height: auto;
  }
  .home-main .first-section .section-content .content .text-content h2 {
    font-size: 14px;
  }
  .home-main .first-section .section-content .content .text-content p {
    font-size: 12px;
  }
}
@media screen and (max-width: 325px) {
  .home .small-wrapper .small-wrapper-body .header-content {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }
  .home .small-wrapper .small-wrapper-body .header-content h1 {
    margin-top: 0;
  }
}
@media screen and (max-width: 1380px) {
  .home .home-main .third-section .third-section-content {
    width: 95%;
  }
}
@media screen and (max-width: 1155px) {
  .home .home-main .third-section .third-section-content {
    padding: 0 50px;
  }
  .home .home-main .third-section .third-section-content .cards .cards-wrapper {
    padding: 102px calc((100% - (283px * 3)) / 3);
  }
  .home .home-main .third-section .load-more {
    text-align: center;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 1010px) {
  .home .home-main .third-section .third-section-content .cards .cards-wrapper {
    padding: 102px calc((100% - (266px * 3)) / 3);
  }
  .home .home-main .third-section .third-section-content {
    width: 99%;
    padding: 0 20px;
  }
}
@media screen and (max-width: 875px) {
  .home .home-main .third-section .third-section-content {
    width: 100%;
    padding: 0 10px;
  }
}
@media screen and (max-width: 850px) {
  .home .home-main .third-section .third-section-content .cards .cards-wrapper {
    justify-content: center;
    padding: 102px 5px;
  }
  .home .home-main .third-section {
    height: auto;
  }
  .home .home-main .third-section .third-section-content {
    width: 97%;
    padding: 17.16px 10px;
    height: auto;
    margin: 18px auto 0 auto;
  }
  .home .home-main .third-section .third-section-content .cards {
    height: auto;
    position: relative;
    top: 0;
  }
  .home .home-main .filter-section-wrapper-small {
    display: block;
  }
}
@media screen and (max-width: 1235px) {
  .home
    .home-main
    .third-section
    .filter-section-desktop
    .filter-section-content {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 30px;
  }
}
@media screen and (max-width: 850px) {
  .home .home-main .third-section .filter-section-desktop {
    display: none;
  }
}
@media screen and (max-width: 460px) {
  .home .home-main .third-section .filter-section-desktop {
    display: none;
  }
  .home .home-main .filter-section-small .filter-item {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 375px) {
  .home .home-main .filter-section-small .filter-item {
    padding: 10px;
  }
}
@media screen and (max-width: 340px) {
  .home .home-main .filter-section-small .filter-item {
    padding: 5px;
  }
}
.home .home-main .fourth-section {
  height: 1000px;
  background: #d9d9d9;
  margin-top: 550px;
  margin-bottom: 437px;
}
.home .home-main .fourth-section .legal-calculations-wrapper {
  width: 80%;
  height: 475.04px;
  position: relative;
  top: -274px;
  margin: 0 auto;
  background: #f0f0f0;
  backdrop-filter: blur(5px);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.home .home-main .fourth-section .legal-calculations-wrapper .bg-img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 45%;
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  overflow: hidden;
}
.home .home-main .fourth-section .legal-calculations-wrapper .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home .home-main .fourth-section .legal-calculations-wrapper .content-wrapper {
  width: 100%;
  height: 100%;
  padding: 50px 40px;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .left {
  height: 343.904296875px;
  width: 354.2348327636719px;
  background: rgba(255, 255, 255, 0.45);
  box-shadow: 7px 7px 40px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(25px);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 50px 29px;
  width: 50%;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .left
  h2 {
  color: #00235d;
  font-size: 24px;
  font-family: var(--font-iransansweb_bold);
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .left
  h2::after {
  content: "";
  height: 2px;
  width: 125px;
  background-color: #fdba21;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .left
  p {
  text-align: justify;
  font-size: 16px;
  color: #000000;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 343.904296875px;
  flex-wrap: wrap;
  gap: 15px;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .right
  a {
  text-decoration: none;
  height: 161.95213317871094px;
  width: 173.92202758789062px;
  background: #ffffff;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  padding: 17px 14px 22px 14px;
  font-size: 16px;
  color: #000000;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  position: relative;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .right
  a::after {
  content: "";
  position: absolute;
  left: 0;
  height: 65.37px;
  width: 3px;
  background-color: #1b51aa;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .right
  a:hover:after {
  background-color: #fff;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .right
  a
  svg {
  align-self: flex-end;
  padding-left: 15px;
  height: 61.718788146972656px;
  width: 60.400390625px;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .right
  a:hover {
  background: #1b51aa;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .right
  a:hover
  svg {
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .right
  a:hover
  rect {
  opacity: 0;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .right
  a:hover
  svg
  path {
  fill: #fff;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .right
  a:nth-child(4):hover
  svg
  path {
  stroke: #fff;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper
  .content-wrapper
  .right
  a:hover {
  color: #fff;
}
.home .home-main .fourth-section .legal-calculations-wrapper-small {
  display: none;
}
.home .home-main .fourth-section .legal-calculations-wrapper-small h2 {
  font-style: normal;
  font-weight: normal;
  text-align: center;
  color: var(--color-light);
  font-size: 16px;
  position: relative;
  margin-bottom: 16px;
  padding-top: 22px;
  color: #00235d;
  font-family: var(--font-iransansweb_bold);
}
.home .home-main .fourth-section .legal-calculations-wrapper-small h2::after {
  content: "";
  position: absolute;
  bottom: -14px;
  background-color: #fdba21;
  height: 2px;
  width: 70px;
  right: 50%;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper-small
  .swiper.legal-calc-card-swiper {
  margin-top: 0;
  padding: 0 20px;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper-small
  .swiper.legal-calc-card-swiper
  .card {
  text-decoration: none;
  height: 150px;
  width: 150px;
  background: #ffffff;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  padding: 17px 14px 22px 14px;
  font-size: 14px;
  color: #000000;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  position: relative;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper-small
  .swiper.legal-calc-card-swiper
  .card
  svg {
  align-self: flex-end;
  padding-left: 15px;
  height: 61.718788146972656px;
  width: 60.400390625px;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper-small
  .swiper.legal-calc-card-swiper
  .card::after {
  content: "";
  position: absolute;
  left: 0;
  height: 65.37px;
  width: 3px;
  background-color: #1b51aa;
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper-small
  .swiper.legal-calc-card-swiper
  .card:hover {
  background: #1b51aa;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  color: #fff;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper-small
  .swiper.legal-calc-card-swiper
  .card:hover
  svg {
  transition: 0.3s linear all;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper-small
  .swiper.legal-calc-card-swiper
  .swiper-button-next,
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper-small
  .swiper.legal-calc-card-swiper
  .swiper-button-prev {
  width: 28.5px !important;
  height: 28.5px !important;
  background: #00235d !important;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2) !important;
  top: 70%;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper-small
  .bottom-warning {
  height: 286.66px;
  background: url(../images/lois\ 1.png) center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
}
.home
  .home-main
  .fourth-section
  .legal-calculations-wrapper-small
  .bottom-warning
  p {
  line-height: 22px;
  background: rgba(255, 255, 255, 0.45);
  box-shadow: 7px 7px 40px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(25px);
  border-radius: 5px;
  font-size: 14px;
  text-align: justify;
  color: #000000;
  padding: 20px;
}
.home .home-main .fourth-section .our-resume {
  display: flex;
  justify-content: center;
  align-self: center;
  height: 219.62px;
}
.home .home-main .fourth-section .our-resume .card {
  width: 330px;
  height: 100%;
  padding-top: 50px;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  flex-direction: column;
  gap: 18px;
  position: relative;
}
.home .home-main .fourth-section .our-resume .card .top {
  display: flex;
  justify-content: space-between;
  align-self: center;
  gap: 19.5px;
}
.home .home-main .fourth-section .our-resume .card::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 150.16px;
  width: 1px;
  background-color: #ffffff;
}
.home .home-main .fourth-section .our-resume .card:last-of-type:after {
  display: none;
}
.home .home-main .fourth-section .our-resume .card .top svg {
  height: 66.61474609375px;
  width: 63.92043685913086px;
}
.home .home-main .fourth-section .our-resume .card .bottom {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #ffffff;
  font-family: var(--font-iransansweb_ultra_light);
}
.home .home-main .fourth-section .our-resume .card .top .right {
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  font-family: var(--font-iransansweb_bold);
}
.home .home-main .fourth-section .our-resume .card .top .right {
  display: flex;
  justify-content: center;
  align-self: center;
}
.home .home-main .fourth-section .our-resume {
  background: linear-gradient(180deg, #00235d 0%, #010d22 100%);
  backdrop-filter: blur(5px);
  min-height: 219.62px;
  position: relative;
  top: -155px;
}
@media screen and (min-width: 1650px) {
  .home
    .home-main
    .fourth-section
    .legal-calculations-wrapper
    .content-wrapper
    .right {
    gap: 55px;
  }
  .home
    .home-main
    .fourth-section
    .legal-calculations-wrapper
    .content-wrapper
    .left {
    height: auto;
  }
}
@media screen and (max-width: 1430px) {
  .home .home-main .fourth-section .legal-calculations-wrapper {
    width: 95%;
  }
}
@media screen and (max-width: 1190px) {
  .home
    .home-main
    .fourth-section
    .legal-calculations-wrapper
    .content-wrapper {
    padding: 50px 10px;
  }
  .home
    .home-main
    .fourth-section
    .legal-calculations-wrapper
    .content-wrapper
    .right {
    justify-content: center;
  }
  .home .home-main .fourth-section .legal-calculations-wrapper,
  .home
    .home-main
    .fourth-section
    .legal-calculations-wrapper
    .content-wrapper
    .right,
  .home
    .home-main
    .fourth-section
    .legal-calculations-wrapper
    .content-wrapper
    .left {
    height: auto;
  }
  .home
    .home-main
    .fourth-section
    .legal-calculations-wrapper
    .content-wrapper
    .left {
    width: 100%;
  }
  .home .home-main .fourth-section .our-resume .card .bottom {
    font-size: 17px;
  }
}
@media screen and (max-width: 980px) {
  .home .home-main .fourth-section .our-resume .card .bottom {
    font-size: 16px;
  }
  .home .home-main .fourth-section .our-resume .card::after {
    height: 180px;
  }
}
@media screen and (max-width: 850px) {
  .legal-calculations-wrapper {
    display: none;
  }
  .home .home-main .fourth-section {
    height: 1000px;
    background: #d9d9d9;
    margin-top: 35px;
  }
  .home .home-main .fourth-section .legal-calculations-wrapper-small {
    display: block;
  }
  .home .home-main .fourth-section .our-resume {
    top: 50px;
    flex-wrap: wrap;
    background: unset;
    gap: 20px;
  }
  .home .home-main .fourth-section .our-resume .card {
    height: 164.6580810546875px;
    width: 159.33999633789062px;
    border-radius: 5px;
    background: linear-gradient(180deg, #00235d 0%, #010d22 100%);
    border: 2px solid #ffffff;
    box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  }
  .home .home-main .fourth-section .our-resume .card::after {
    display: none;
  }
  .home .home-main .fourth-section .our-resume .card .top svg {
    height: 61.069087982177734px;
    width: 58.59907531738281px;
  }
  .home .home-main .fourth-section .our-resume .card .bottom {
    font-size: 14px;
  }
  .home .home-main .fourth-section .our-resume .card {
    padding: 12px 5px;
  }
}
.home .home-main .fourth-section .forum {
  height: 543.62px;
  position: relative;
  bottom: 0;
  background: url(../images/legal-appeals-ireland\ 1.png) center no-repeat;
  background-size: cover;
  width: 80%;
  margin: auto;
  overflow: hidden;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home .home-main .fourth-section .forum::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-360deg, #0d1e32 0%, rgba(0, 9, 19, 0) 100%);
  mix-blend-mode: normal;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.home .home-main .fourth-section .forum .forum-content {
  background: rgba(255, 255, 255, 0.45);
  box-shadow: 7px 7px 40px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(25px);
  border-radius: 5px;
  padding: 28px 20px;
  width: 70%;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
  z-index: 1;
}
.home .home-main .fourth-section .forum .forum-content h2 {
  color: #00235d;
  font-size: 24px;
  font-family: var(--font-iransansweb_bold);
  position: relative;
  text-align: center;
  margin-bottom: 42px;
}
.home .home-main .fourth-section .forum .forum-content h2::after {
  content: "";
  height: 2px;
  width: 125px;
  background-color: #fdba21;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.home .home-main .fourth-section .forum .forum-content p {
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
}
.home .home-main .fourth-section .forum .forum-content .submit-section {
  text-align: center;
  margin-top: 27px;
}
.home .home-main .fourth-section .forum .forum-content .submit-section button {
  all: unset;
  background: #00235d;
  border-radius: 100px;
  padding: 11px 25px;
  cursor: pointer;
  color: #fff;
}
.home .home-main .fourth-section .forum .forum-content .custom-select-box {
  margin: auto;
  background: #ffffff;
  border-radius: 5px;
  height: 42.44px;
  width: 311.49px;
  margin-bottom: 38px;
  position: relative;
}
.home
  .home-main
  .fourth-section
  .forum
  .forum-content
  .custom-select-box
  .arrow {
  position: absolute;
  left: 12.25px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  pointer-events: none;
}
.home
  .home-main
  .fourth-section
  .forum
  .forum-content
  .custom-select-box
  select {
  all: unset;
  width: 100%;
  height: 100%;
  text-indent: 10px;
  font-family: var(--font-iransansweb);
  font-size: 16px;
  color: #717171;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.home
  .home-main
  .fourth-section
  .forum
  .forum-content
  .custom-select-box
  select
  option {
  font-family: var(--font-iransansweb);
  color: #717171;
}
@media screen and (max-width: 1140px) {
  .home .home-main .fourth-section {
    margin-bottom: 500px;
  }
  .home .home-main .fourth-section .forum {
    width: 95%;
    height: auto;
    padding: 50px 0;
    bottom: 100px;
  }
  .home .home-main .fourth-section .forum .forum-content {
    width: 80%;
  }
}
@media screen and (max-width: 850px) {
  .home .home-main .fourth-section .our-resume {
    height: auto;
    top: 0;
    margin-top: 35px;
  }
  .home .home-main .fourth-section .forum {
    padding: 20px;
    bottom: 0;
    margin-top: 60px;
    border-radius: 0;
    width: 100%;
    margin-bottom: 100px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }
  .home .home-main .fourth-section .forum .forum-content {
    width: 100%;
  }
  .home .home-main .fourth-section .forum .forum-content p {
    font-size: 12px;
    text-align: justify;
  }
  .home .home-main .fourth-section .forum .forum-content .custom-select-box {
    width: 100%;
  }
  .home
    .home-main
    .fourth-section
    .forum
    .forum-content
    .submit-section
    button {
    width: 100%;
    text-align: center;
    padding: 11px 0;
    font-size: 14px;
  }
}
/* ---------------------- end home page ---------------------- */

/* css fix */
@media screen and (max-width: 960px) {
  .main-top-content {
    padding: 71px 10px;
    border-radius: 0;
  }
  .main-top-content section.right .float-btn {
    left: 270px;
    width: 150px;
  }

  .wrapper.lawyer-profile main.main::before {
    height: 253px;
  }
  .wrapper.lawyer-profile main.main {
    padding: 66px 10px !important;
  }
  .main-top-content section.left {
    width: 229px;
  }
  .main-top-content section.right .left {
    margin-left: 70px;
  }
  .middle-content .bubbles {
    gap: 20px;
  }
}

.login-register-wrapper .content-wrapper {
  transform: scale(0.83);
  -webkit-transform: scale(0.83);
  -moz-transform: scale(0.83);
  -ms-transform: scale(0.83);
  -o-transform: scale(0.83);
}
@media screen and (max-width: 855px) {
  .login-register-wrapper .simple-row,
  .login-register-wrapper .rules {
    padding: 0px !important;
  }
  .login-register-wrapper .content-wrapper {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

/* css fix */

/* fix simple modal */
.simple-modal .modal-content .msg {
  border-top: 1px solid #dedede;
  margin-top: 13px;
  padding-top: 13px;
}
/* end fix simple modal */