/*
Theme Name: afrak
Author: iraweb
Author URI: http://iraweb.ir
Description:
Version: 1
License: GNU General Public License v2 or later
License URI: http://iraweb.ir
Tags:
*/
:root {
  font-size: 16px;
}
@font-face {
  font-family: "IRANYekanX";
  src: url("../fonts/byekan/v/IRANYekanXVF.woff2") format("woff-variations"),
  url("../fonts/byekan/v/IRANYekanXVF.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

@supports not (font-variation-settings: normal) {

  @font-face {
    font-family: "IRANYekanX";
    src: url("../fonts/byekan/v/static/IRANYekanX-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "IRANYekanX";
    src: url("../fonts/byekan/v/static/IRANYekanX-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

}
body {
  font-family: "IRANYekanX", Helvetica, Arial, sans-serif;
  font-weight: 300;
  direction: rtl;
  text-align: right;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  line-height: 1.8;
  margin: 0;
  background: #fff;
  color: #000;
  font-size: 1rem;
}

.btn {
  font-weight: 600;
  border-radius: 8px;
}

.farsi,
.tooltip {
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.font-type-heading {
  -moz-font-feature-settings: "ss04";
    -webkit-font-feature-settings: "ss04";
    font-feature-settings: "ss04";
}
a:focus,
a:active,
a:hover,
a,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input,
textarea,
select {
  outline: 0 !important;
}

button:focus {
  outline: none;
}

*:focus {
  outline: 0;
}

* {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

input,
textarea,
select {
  outline: 0;
}

ins {
  text-decoration: none;
}

.clearfix {
  clear: both;
}

/*---- loading ----*/

span.expand.loading-bar {
  background: #fff;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  z-index: 10000;
}

.expand .loader:after {
  width: 50px;
  height: 50px;
}

/* Loader */

.loader:after {
  content: "";
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 10px;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 2px solid #fff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 0.7s infinite linear;
  animation: load8 0.7s infinite linear;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  z-index: 11;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*--- header --- */

/*---------------- Checkbox --------------*/

.btn-checkbox input {
  position: absolute;
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.btn-checkbox {
  display: inline-block;
  cursor: pointer;
  width: auto;
  margin-bottom: 5px;
  position: relative;
}

.btn-checkbox .cbtn {
  width: 15px;
  height: 15px;
  background: transparent;
  display: inline-block;
  border: 1px solid #999;
  vertical-align: middle;
  margin-left: 5px;
  position: relative;
  transition: all 0.3s ease;
  border-radius: 4px;
}

.btn-checkbox.btn-radio .cbtn {
  border-radius: 50%;
}

.btn-checkbox.btn-radio .cbtn:after {
  display: none;
}

.btn-checkbox.btn-radio input:checked ~ .cbtn {
  box-shadow: inset 0 0 0 2px #fff;
}

.btn-checkbox .cbtn:after {
  right: 2px;
  width: 8px;
  height: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  top: 2px;
  content: "";
  position: absolute;
  display: block;
  opacity: 0;
}

.btn-checkbox input:checked ~ .cbtn {
  background: #2e78e4;
  border-color: #2e78e4;
}

.btn-checkbox input:checked ~ .cbtn:after {
  opacity: 1;
}

.btn-checkbox.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.ltr {
  direction: ltr;
  text-align: left;
}

nav.main_nav > ul > li {
  display: inline-block;
  position: relative;
  margin-left: 15px;
}

.header_main {
  padding: 20px 0;
  transition: all 0.3s ease;
}

ul.menu_wrap {
  margin: 0;
  direction: rtl;
}

header.header {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 100;
  transition: all 0.3s ease;
}

.header-shadow {
  box-shadow: 0 3px 25px rgb(0 0 0 / 0.05);
}

.header-static {
  position: static !important;
  box-shadow: 0 3px 25px rgb(0 0 0 / 0.05);
}
.header-btns {
  gap: 15px;
  justify-content: center;
  align-items: center;
}
nav.main_nav > ul > li > a ,nav.main_nav .empty-link {
  color: #000;
  display: block;
  padding: 15px 0;
  font-size: 0.9em;
  position: relative;
  text-decoration: none;
  font-weight: 500;
}
nav.main_nav > ul > li > a:hover , nav.main_nav .empty-link:hover {
  color: #00734e;
}

nav.main_nav > ul > li:last-child {
  margin-left: 0;
}

.dropdown-toggle:after {
  content: "\e909";
  font-family: afrak;
  font-size: 10px;
  vertical-align: middle;
  width: auto;
  height: auto;
  border: none;
  margin-right: 4px;
  transition: transform 0.3s ease;
}

.dropdown-menu {
  text-align: right;
  overflow: hidden;
  min-width: 147px;
  border-radius: 0.375rem;
  border: 1px solid #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: unset;
}
.nav-link-badge {
  border-radius: 30px;
  padding: 1px 12px;
  font-size: 15px;
  cursor: pointer;
}

.nav-link-badge.active {
  background: #000;
  color: #fff;
  font-weight: 700;
}
@media (min-width: 768px) {
  .mega-menu .dropdown-menu li a {
    border-radius: 6px;
  }
  .mega-menu .dropdown-menu .highlight a {
    background: rgb(0 115 78 / 0.1);
    color: #00734e;
  }
  .dropdown-menu {
    right: 0 !important;
    top: -10px;
    left: auto;
    transform: translate3d(0, 53px, 0px) !important;
    min-width: 280px;
  }
  .mega_menu_advanced {
    position: inherit !important;
  }
  .mega_menu_advanced .dropdown-menu {
    width: 730px !important;
    left: 15px !important;
    right: 95px !important;
    padding: 5px !important;
  }
  .bg-change {
    background-color: #f9f9f9;
  }
  .dropdown:not(.bootstrap-select):not(.search--drop):not(
      .mega_menu_advanced
    ):not(.dropdown-nohoverable):hover
    > .dropdown-menu {
    display: block;
  }
  .mega_menu_advanced:hover .dropdown-menu {
    display: flex;
  }
}

.head-cat strong {
  padding: 25px 0px 6px 15px;
  display: inline-block;
  width: 100%;
  font-size: 0.9em;
  font-weight: 800;
}

.dropdown-menu li {
  display: block;
}

.dropdown-menu li a {
  display: block;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  white-space: nowrap;
  width: 100%;
  color: #666;
  height: 41px;
  font-weight: 700;
}

.dropdown-menu li a:hover {
  background: #01744f;
  text-decoration: none !important;
  color: #fff;
}

.dropdown-menu li:last-child a {
  border: none;
}
.box-new > a {
  position: relative;
}
.box-new-lable {
  background-color: red;
  border-radius: 5px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.7em;
  padding: 0px 5px;
  font-weight: 700;
}
@media (min-width: 991px) {
  .dropdown:hover .dropdown-toggle:after {
    transform: rotate(180deg);
  }
}

header.header.top-fixed:not(.header-static) {
  background: #fff;
  z-index: 1039;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

.logo_wrap {
  margin: 0;
  display: inline-block;
  font-size: 0;
  color: transparent;
  max-width: 100px;
  vertical-align: middle;
}

header.header.top-fixed .header_main {
  padding: 15px 0;
}

/*
** btn
**/

.btn.btn-curved {
  border-radius: 64px;
}

.btn.btn-outline-white {
  border: 2px solid #fff;
  color: #fff;
}

.btn.btn-outline-white:hover,
.btn.btn-outline-white:focus,
.btn.btn-outline-white:active {
  border: 2px solid #fff;
  color: #000;
  background: #fff;
}

.btn-green {
  background: #2bbe8e;
  color: #fff;
}

.btn-green:hover,
.btn-green:active {
  background: #30b589;
  color: #fff;
}
.btn.btn-simple:before {
    display: none;
}

.btn.btn-simple {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    color: #27272A;
}
.btn.btn-simple:hover, .btn.btn-simple:active{
    background: #27272A;
    border: 1px solid #E5E7EB;
    color: #fff;
}
.btn-has-arrow:after {
  content: "\e93d";
  font-family: afrak;
  vertical-align: middle;
  position: relative;
  margin-right: 12px;
  right: 0;
  transition: right 0.3s ease;
}

.btn-has-arrow:hover:after,
.btn-has-arrow:active:after {
  right: 3px;
}

.plan-pricing-col .btn-block {
  margin-right: -15px;
  margin-left: -15px;
  width: auto;
}

/*
** go up
**/

.goup {
  width: 52px;
  height: 52px;
  background: #00734e;
  color: #fff;
  display: block;
  padding-top: 15px;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  bottom: -20px;
  left: 20px;
  transition: all 0.3s ease;
  transform: scale(0.8) translateY(100px);
  z-index: 99;
  -webkit-box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.15) !important;
  -moz-box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.15) !important;
  -webkit-transition: -webkit-transform 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out !important;
  -moz-transition: -moz-transform 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out !important;
  -o-transition: -o-transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  text-decoration: none !important;
}

.goup:hover {
  background: #0b9266;
  color: #fff;
}

.goup.showup {
  transform: scale(1) translateY(0px);
  bottom: 15px;
}

/*
** breadcrumb
**/
.breadcrumb li a {
  color: #333;
  font-size: 13px;
  display: inline-block;
  padding: 0 2px;
  transition: all 0.3s ease;
  text-decoration: none !important;
}
.breadcrumb li span {
  color: #666;
  font-size: 13px;
  display: inline-block;
}
.breadcrumb li a:hover {
  color: #000;
}
.breadcrumb .active {
  color: #000;
}
.breadcrumb li a:after {
  content: "\e908";
  font-family: afrak;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  color: #bbb;
  font-size: 12px;
}
.breadcrumb {
  display: block;
  text-align: right;
  background: transparent;
  border-radius: 0;
  margin-bottom: 0;
  padding: 20px 0;
}
.has_breadcrumb .breadcrumb {padding: 30px 0;}
.breadcrumb li {
  display: inline-block;
}
.has_breadcrumb nav.breadcrumb_wrap {
  position: relative;
  z-index: 10;
}
nav.breadcrumb_wrap+.hiro {
  position: static;
  padding-top: 0;
}
.has_breadcrumb .main_wrap {
  position: relative;
}
.has_breadcrumb .hiro-back svg {
  max-height: 100vh;
  max-width: 80%;
  height: auto;
}
/*
** box
**/

.box {
  padding: 35px;
  border-radius: 15px;
  background: #fff;
  position: relative;
}
.box-more-padding {
  padding: 50px 35px;
}
.shadow {
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.07) !important;
}

.box--link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}

/*
** menu responsive
**/

@media (max-width: 991px) {
  nav.top-menu {
    position: fixed !important;
    top: 0;
    right: 0;
    width: 270px;
    height: 100vh;
    background-color: #fff;
    z-index: 1000 !important;
    padding: 0;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
    transition: -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
    transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
    transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1),
      -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
    transform: translate3d(270px, 0, 0);
    -webkit-transform: translate3d(270px, 0, 0);
    -moz-transform: translate3d(270px, 0, 0);
  }
  header.header.top-fixed .header_main {
    padding: 10px 0 10px;
  }
  .overlay.show {
    opacity: 1;
    pointer-events: auto;
  }
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: rgba(35, 35, 35, 0.85);
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  }
  nav.top-menu.open {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
  }
  nav.top-menu ul li {
    display: block;
    margin-right: 0;
    text-align: right;
    clear: both;
  }
  nav.top-menu ul li a,
  .user-menu > a ,nav.top-menu .empty-link{
    padding: 8px 20px;
    color: #666;
    display: block;
    font-size: 14px;
  }
  nav.top-menu ul li:not(.logo-wrap) a:hover , nav.top-menu .empty-link:hover{
    background: #fafafa;
    color: #000;
  }
  nav.top-menu ul li a:after {
    display: none;
  }
  .menu-toggle i {
    display: block;
  }
  .menu-toggle {
    font-size: 32px;
    cursor: pointer;
    color: #000;
    background: transparent;
    border: none;
    width: 60px;
    height: 60px;
    line-height: 64px;
    text-align: center;
    z-index: 10;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
  }

  nav.top-menu ul img {
    margin: 20px auto;
    max-width: 90%;
  }
  nav.top-menu ul li.icon-item {
    margin-top: -5px;
    background: #001159;
  }
  nav.top-menu ul li ul.submenu > li > a {
    border: none;
    text-align: left;
    color: #888;
    padding-left: 50px;
  }
  nav.top-menu ul li ul.submenu > li > a:hover,
  nav.top-menu ul li ul.submenu > li > a:focus {
    background: #444;
    color: #fff;
  }
  nav.top-menu ul li ul.submenu > li {
    padding: 0;
  }
  ul.submenu {
    display: none;
  }
  .mini_head span.menu-toggle {
    height: 50px;
    line-height: 53px;
  }
  .open-nav button.close_nav {
    display: block;
  }
  button.close_nav {
    font-size: 24px;
    background: 0 0;
    border: none;
    position: fixed;
    z-index: 10000;
    padding: 15px;
    left: 0;
    top: 0;
    height: 100vh;
    display: none;
    width: calc(100% - 270px);
    color: transparent;
  }
  nav.top-menu ul > li > a,
  .user-menu > a, nav.top-menu .empty-link {
    padding: 16px 20px;
  }
  body.open-nav {
    overflow-y: hidden;
  }
  .responsive-menu .dropdown-menu {
    position: static !important;
    display: block;
    top: 0;
    box-shadow: none;
    border: none;
    background: none;
    width: 100%;
    clear: both;
    margin-bottom: 0px;
    border-radius: 0;
    padding-bottom: 10px;
    transform: none !important;
    max-height: none;
    padding-right: 30px;
  }
  .menu_scroll_content {
    overflow-y: scroll;
    height: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .responsive-menu .dropdown-menu li a {
    border: none;
    padding: 8px 26px;
    color: #888;
    text-decoration: none !important;
  }
  .responsive-menu .dropdown-toggle {
    border-bottom: none;
    text-decoration: none;
  }
  nav.top-menu ul li ul {
    padding-right: 5px;
  }
  ul.menu_wrap > li > a, nav.top-menu .empty-link {
    font-weight: 700;
  }
  .responsive-menu .dropdown-menu .dropdown-menu {
    padding-right: 15px !important;
    margin-top: 0;
  }
  /* --- new --- */
  .responsive-menu .menu-item-has-children > a:before {
    position: absolute;
    content: "\e909";
    font-family: afrak;
    left: 15px;
    top: 50%;
    margin-top: -12px;
    transition: all 0.3s ease;
  }
  .responsive-menu .menu-item-has-children > a:not(.dropdown-toggle):before {
    content: "+";
    font-size: 20px;
    margin-top: -14px;
    color: #999;
  }
  .responsive-menu li a i {
    font-size: 20px;
    margin-left: 8px;
  }
  .responsive-menu .dropdown-menu {
    display: none;
  }
  .responsive-menu .show .dropdown-menu {
    display: block;
  }
  .responsive-menu .menu-item-has-children > * {
    position: relative;
  }
  .responsive-menu .menu_wrap {
    width: 100%;
  }
  .responsive-menu .menu_wrap > li {
    border-bottom: 1px solid #eee;
  }
  .menu-show > .dropdown-menu {
    display: block;
  }
  .responsive-menu .menu_wrap > li:after {
    display: table;
    clear: both;
    content: "";
  }
  .responsive-menu
    .menu-item-has-children.menu-show
    > a.dropdown-toggle:before {
    transform: rotate(-180deg);
  }
  .responsive-menu
    .menu-item-has-children.menu-show
    > a:not(.dropdown-toggle):before {
    content: "-";
    margin-top: -16px;
  }
}

@media screen and (max-width: 576px) {
  .menu-toggle {
    width: 40px;
  }
}
/*
** select
**/

.select-wrap {
  position: relative;
}

.select-wrap select {
  -webkit-appearance: none;
  width: 100%;
  padding: 10px 15px;
  border-radius: 4px;
  padding-left: 45px;
  color: #666;
  border-color: #eee;
}

.select-wrap:after {
  content: "\e909";
  font-family: afrak;
  position: absolute;
  left: 15px;
  top: 11px;
  color: #999;
}

/*
** hiro
*/

.hiro {
  padding-top: 105px;
  position: relative;
}

.hiro-back {
}

.hiro-back svg {
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.slide {
  height: calc(100vh - 112px);
  max-height: 760px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.slide-title {
  font-size: 3.2rem;
  letter-spacing: -1px;
  margin-bottom: 1.5rem;
  word-spacing: -6px;
  line-height: 1.4;
}

.slide-desc {
  font-size: 1.123rem;
  line-height: 1.8;
  margin-bottom: 2rem;
}

/*
** font
**/

.font-xxl {
  font-size: 2.125rem;
}

.font-xl {
  font-size: 2rem;
}

.font-semixl {
  font-size: 1.6rem;
}

.font-lg {
  font-size: 1.5rem;
}

.font-semilg {
  font-size: 1.375rem;
}
.font-lmd {
  font-size: 1.25rem;
}
.font-md {
  font-size: 1.125rem;
}

.font-sm {
  font-size: 1.105rem;
}
.font-ssm {
  font-size: 0.9375rem;
}

.font-normal {
  font-size: 1rem;
}

.font-xs {
  font-size: 0.9rem;
}

.font-xxs {
  font-size: 0.8125rem;
}
.font-inherit {
  font-size: inherit;
}
.letter-spacing-sm {
  word-spacing: -4px;
}

.font-weight-light {
  font-weight: 300;
}
.font-weight-medium {
  font-weight: 500;
}
.font-weight-semibold {
  font-weight: 600;
}
b,
strong,
.font-weight-bold {
  font-weight: 700;
}
.font-weight-bolder {
  font-weight: 800;
}
.font-weight-black {
  font-weight: 900;
}
.font-weight-blacker {
  font-weight: 1000;
}


/*
** checklist
*/

ul.checklist li {
  position: relative;
  padding: 3px 0;
}

ul.checklist li:before {
  content: "\e916";
  font-family: afrak;
  vertical-align: middle;
  margin-left: 10px;
  color: #00734e;
  font-size: 0.9rem;
  display: inline-block;
}

ul.checklist.checklist-secondary li:before {
  content: "\e90b";
}

ul.checklist.checklist-circle li {
  line-height: 1.2;
}

ul.checklist.checklist-circle li:before {
  content: "\e90c";
  font-size: 30px;
  margin-left: 15px;
  color: #ffb200;
}

.check-colored {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  background-color: #ccc;
  position: absolute;
  right: 14px;
  top: 8px;
}

.check-colored:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  background: inherit;
  opacity: 0.3;
  border-radius: 10px;
  transform: translate3d(-50%, -50%, 0);
}

.checklist-colored li {
  padding-right: 58px;
  position: relative;
  margin-bottom: 25px;
}

/*
** max width
*/

.mw-xs {
  max-width: 320px;
}

.mw-sm {
  max-width: 480px;
}

.mw-md {
  max-width: 540px;
}

.mw-lg {
  max-width: 720px;
}

.mw-xl {
  max-width: 991px;
}

.mw-58 {
  width: 58px;
}

/*
** block
**/

.block-padding-sm {
  padding: 2rem 0;
}

.block-padding-md {
  padding: 4rem 0;
}

.block-padding-lg {
  padding: 6rem 0;
}

.block-padding-xl {
  padding: 12rem 0;
}

.block {
  position: relative;
}

.block + .block:not(.reset-padding) {
  /* padding-top: 0; */
}

.block-callAction {
  
}

.block-callAction h2 {
  
}

.box-info-action {
  z-index: 2;
  position: relative;
}

.block-back-svg svg {
  position: absolute;
  top: 36px;
  left: 0;
  z-index: -1;
  max-width: 100%;
}

.block-callAction svg {
  z-index: 1;
}

/*
** backgrond
*/

.bg-light-orange {
  background: #ffe6db !important;
}

.bg-light-brown {
  background: #f2e9da !important;
}

.bg-light-green {
  background: #def7ea !important;
}
.bg-light-success {
  background: rgb(0 115 78 / 11%) !important;
}
.bg-light-gray-01 {
  background: #F2F7F6 !important;
}

.bg-light-lemon {
  background: #f2f5d1 !important;
}

.bg-light-blue {
  background: #d2f9ff !important;
}

.bg-light-gb {
  background: #d0f9ed !important;
}
.bg-light-gray {
  background: #f9f9f9 !important;
}
.bg-light-blue {
  background: #f9fafb !important;
}
.bg-light-gray-02 {
  background: #f6f6f6 !important;
}
.bg-gray {background: #eee !important;}
.icon-sq {
  width: 74px;
  height: 74px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eee;
  border-radius: 18px;
  font-size: 24px;
  position: relative;
}

.icon-sq:before {
  /*opacity: 0.6;*/
  position: relative;
  z-index: 10;
}

.icon-sq:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: inherit;
  content: "";
  opacity: 0;
  z-index: 0;
  transform: scale(1);
  border-radius: 28px;
  -webkit-transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
  -moz-transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
  -ms-transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
  -o-transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
  transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
}

.box:hover .icon-sq:after {
  opacity: 0.3;
  transform: scale(1.5);
}

/*
** btn
*/

.btn-link-arrow {
  position: relative;
  color: #00734e;
  box-shadow: none !important;
}
.btn-link-arrow.text-dark{
  color: #000;
  text-decoration: none !important;
}
.btn-link-arrow:after {
  content: "\e93d";
  right: 0;
  font-family: afrak;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  position: relative;
  transition: right 0.3s ease;
}

.btn-link-arrow:hover:after {
  right: 3px;
}

.btn-md {
  font-size: 0.92rem;
  padding: 0.907rem 1.75rem;
}

.btn-circle {
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 50%;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-instagram {
  background: linear-gradient(90deg, #ca0386, #e90232 50%, #fc9a1c);
  color: #fff !important;
  border: none;
}

.btn-instagram:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.btn-group-border-0 > .btn:not(:first-child) {
  border-right-color: transparent;
}

.btn-group-border-0 > .btn:not(:last-child) {
  border-left-color: transparent;
}

.btn-outline-gray {
  border-color: rgb(169 169 169 / 60%);
  color: #000;
}

.btn-group > .btn {
  box-shadow: none !important;
}

.btn-outline-gray:hover,
.btn-outline-gray:active,
.btn-outline-gray.active {
  background: #ffbd00;
  border-color: #ffbd00;
}

.btn-group > .btn-curved:first-child {
  padding-right: 1.4rem;
}

.btn-group > .btn-curved:last-child {
  padding-left: 1.4rem;
}
.btn-outline-warning {color: #000 !important;}
/*
** spacing
**/

.mb-45,
.my-45 {
  margin-bottom: 2rem;
}

.mt-45,
.my-45 {
  margin-top: 2rem;
}

.my-7 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.mb-7 {
  margin-bottom: 7rem;
}

.mt-7 {
  margin-top: 7rem;
}

.mb-30 {
  margin-bottom: 30px;
}

.text-decoration {
  text-decoration: underline;
}
.text-primary-2 {color: #008DF9;}
.box-shadow-0 {
  box-shadow: none !important;
}

/*
** position
**/

.bottom-0 {
  bottom: 0 !important;
}

.top-0 {
  top: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.left-0 {
  left: 0 !important;
}

.center-0 {
  left: 0;
  right: 0;
  margin: auto;
}

.left-auto {
  left: auto !important;
}

.right-auto {
  right: auto !important;
}

.top-auto {
  top: auto !important;
}

.bottom-auto {
  bottom: auto !important;
}

.top-middle {
  top: 50% !important;
  transform: translateY(-50%);
}

/*
** line height
*/

.line-height-md {
  line-height: 1.6;
}

.line-height-sm {
  line-height: 1.4;
}

.line-height-1 {
  line-height: 1;
}

.line-height-0 {
  line-height: 0;
}

/*
customize noUi
*/

.noUi-value {
  font-size: 15px;
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";

}

.noUi-marker {
  display: none;
}

.noUi-value:before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #ffbd00;
  position: absolute;
  top: -33px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  box-shadow: 0 0 0 4px #fff;
}
@media (max-width: 576px) {
  .noUi-value:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffbd00;
    position: absolute;
    top: -29px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    box-shadow: 0 0 0 4px #fff;
  }
}

/*
theme css
*/

.price-features-box {
  background: #f5f7fc;
  padding: 50px 8%;
  border-radius: 100px 30px 30px 30px;
  display: none;
}

.active ~ .noUi-value:before {
  background: #e1e4ed !important;
}

.svg-back-dots-cloud {
  position: absolute;
  left: -35px;
  bottom: -1px;
}

ul.checklist.checklist-more-spacing li {
  padding: 6px 0;
}

.customer-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  filter: grayscale(1);
  transition: all 0.3s ease;
  height: 100%;
  height: 60px;
  width: auto;
  max-width: 100%;
  padding: 20px;
}

.customer-logo:hover,
.customer-logo.active {
  filter: grayscale(0);
}

.flex-grow-item {
  flex-grow: 1;
  padding: 0 15px;
  min-width: 30%;
}

.has-class-slideinview .swiper-slide:not(.slideinview) {
  opacity: 0;
}

.has-class-slideinview .swiper-slide {
  transition: opacity 0.3s ease;
}

.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.svg-back-box {
  left: -50px;
  top: -50px;
}

.border-width-2 {
  border-width: 2px;
}

.btn-sq {
  width: 28px;
  height: 28px;
  display: inline-flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.btn-white {
  background: #fff;
}

.btn-play {
  background: #fac21a;
  width: 64px;
  height: 64px;
  color: #fff !important;
  border: 2px solid #fff;
  padding-left: 3px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
  -moz-transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
  -ms-transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
  -o-transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
  transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.card-img-overlay:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #00000047;
  content: "";
}

.card-img-overlay > * {
  position: relative;
  z-index: 10;
}

.card-img-overlay {
  overflow: hidden;
}

.btn-play:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.form-control-material {
  background: none !important;
  border: none;
  border-radius: 0 !important;
  border-bottom: 1px solid #68748e;
}

.footer-newsletter {
  border-bottom: 1px solid #363e4c;
  position: relative;
}

.dot-back {
  width: 247px;
  height: 150px;
  background: url(../images/picture/dot.png) no-repeat;
  position: absolute;
  left: -12%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

.icon-circle {
  background: rgb(232 239 253 / 0.5);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}

.plyr:not(.plyr--playing) .plyr__controls {
  display: none;
}

.step-number {
  width: 81px;
  height: 81px;
}

.card-shadow {
  box-shadow: 6px 12px 30px rgb(0 0 0 / 0.16);
  border-color: transparent;
}

.video-wrap {
  transform: translate3d(0, 0, 0);
  border-radius: 20px;
  background: #000;
  position: relative;
}

.btn-success.loader {
  background: var(--success) !important;
}

.btn.loader {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}

/*
** footer
*/

footer.footer {
  background: #1c2535;
  color: #fff;
  padding: 50px 0;
  overflow: hidden;
}

.widget-title {
  font-size: 20px;
  margin-bottom: 20px;
}

.footer-widget ul li a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
}

.footer-social li a {
  background: #485062;
  color: #fff;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 5px;
  text-decoration: none !important;
}

.footer-social li a:hover {
  background: #00734e;
}

.nemads img {
  width: 80px;
  height: auto !important;
  margin-left: 10px;
  vertical-align: top;
}
.copyright-txt {
  direction: ltr;
  margin: 0;
  color: rgba(255, 255, 255, 0.4);
}

.copyright {
  border-top: 1px solid #363e4c;
}

/*
** accordion
*/

.accordion .card > .btn {
  position: relative;
}

.accordion .card > .btn:after {
  color: #dfdfdf;
  content: "\e942";
  font-family: afrak;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 16px;
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}

.accordion .card > .btn.collapsed:after {
  transform: rotate(0);
}

.border-0.border-bottom {
  border-bottom: 1px solid #dfdfdf !important;
}

.badge-google {
  position: absolute;
  top: 60px;
  right: 0;
}

.slide_pic_box {
  position: absolute;
  left: 0;
  top: 74%;
  padding: 25px;
  border-radius: 24px !important;
}

.slide_pic_box li:last-child {
  margin-bottom: 0;
}

.slide_pic_box li {
  margin-bottom: 15px;
  font-size: 14px;
  padding-right: 50px;
}

.slide_pic_box .check-colored:before {
  width: 30px;
  height: 30px;
}

.slider-more-button,
.slider-less-button {
  z-index: 10;
}

.fade-up,
.fade-right,
.fade-left,
.fade-down {
  opacity: 0;
}
.swiper-pagination-bullet {
  width: 10px;height: 10px;
}
.swiper-slide-active .fade-up {
  animation: fadeInUp 1.2s ease 0.5s forwards;
}

.swiper-slide-active .fade-left {
  animation: fadeInRight 1.2s ease 0.5s forwards;
}

.swiper-slide-active .fade-right {
  animation: fadeInLeft 1.2s ease 0.5s forwards;
}

.swiper-slide-active .fade-down {
  animation: fadeInDown 1.2s ease 0.5s forwards;
}

header + .block,
header + main .block:first-child {
  padding-top: 150px;
}

/*
** Blocks
*/

.block-content h2 {
  /* max-width: 320px; */
  word-spacing: -4px;
  font-size: 2rem;
  font-weight: 700 !important;
  margin-bottom: 1.5rem !important;
}

.block-content h3 {
  font-weight: 700;
  font-size: 1.125rem;
  margin-bottom: 0.68rem;
}

.block-content h4 {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.68rem;
}

.block-content .btn {
  margin-top: 20px;
}

.wp-block-button__link:hover {
  text-decoration: none !important;
  opacity: 0.9;
}

.wp-block-button__link {
  transition: all 0.3s ease;
}

/*form
*/

.ajax-loader {
  pointer-events: none;
  background: none !important;
  position: absolute !important;
  top: 9px;
  left: 50%;
  margin-left: -16px !important;
  z-index: 10;
  width: 32px !important;
  height: 32px !important;
}

.ajax-loader:after {
  content: "";
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 10px;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 0.7s infinite linear;
  animation: load8 0.7s infinite linear;
  display: block;
  vertical-align: middle;
}

.btn_submit {
  position: relative;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
  right: 1em;
}
div.wpcf7-response-output {
  margin: 1em 0.5em 1em !important;
  padding: 10px 15px;
  border: 0px solid #f75050;
  border-width: 0 2px 0 0 !important;
  font-size: 13px;
}
.wpcf7-list-item {
  margin: 0 0 0 1em !important;
}
.form-optimize-gift .wpcf7-list-item-label {
  padding-right: 0 !important;
  margin-left: 5px;
}
.wpcf7-not-valid-tip {
  direction: rtl;
  margin-top: 5px;
  font-size: 12px !important;
}

.res_form span.wpcf7-not-valid-tip {
  margin-top: 10px;
  color: #fff;
}

.btn_submit .is-active ~ .btn {
  text-indent: -9999px;
  color: transparent;
}

.btn_submit .is-active ~ .btn-success {
  color: transparent;
  background: #00734e;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  direction: rtl !important;
}

.btn_submit .is-active ~ .btn.btn-outline-light,
.btn_submit .is-active ~ .btn.btn-outline-light:hover {
  background: transparent !important;
}

.nwletterbtn {
  background-color: #fed100;
  border-color: #fed100;
  color: #1c2535;
}

img.footerbdg {
  width: 120px;
  margin-top: 20px;
}

.footer .wpcf7-not-valid-tip {
  color: #fff;
}

.footer div.wpcf7-response-output {
  border: none !important;
  padding: 0 !important;
  margin: 10px 0 !important;
}

.wpcf7 .ajax-loader {
  display: none;
}

.wpcf7 form.submitting .ajax-loader {
  display: block !important;
}

.wpcf7 form.submitting .ajax-loader + .btn {
  color: transparent !important;
  pointer-events: none;
    opacity: 0.8;
}

.wpcf7 form.submitting .ajax-loader + .btn-success {
  background-color: var(--success) !important;
}

/*--- rating ---- */

.rating > input {
  display: none;
}

.rating > label:before {
  margin: 4px 1px;
  font-size: 14px;
  font-family: afrak;
  display: inline-block;
  content: "\e968";
}

.rating > label {
  float: right;
  margin: 0;
  position: relative;
  z-index: 10;
  color: transparent;
}

span.rate-label {
  font-weight: 700;
  color: #999;
  font-size: 13px;
  vertical-align: middle;
  margin-right: 10px;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating>input:checked~label,

/* show gold star when clicked */

.rating:not(:checked)>label:hover,

/* hover current star */

.rating:not(:checked)>label:hover~label {
  color: #ffc600;
}

/* hover previous stars in list */

.rating>input:checked+label:hover,

/* hover current star when changing rating */

.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,

/* lighten current selection */

.rating>input:checked~label:hover~label {
  color: #f6b800;
}

.form-group.rate-container {
  display: flex;
  align-items: center;
}

.ira-rating {
  display: inline-block;
}

form.comment--form {
  display: inline-flex;
  vertical-align: middle;
  white-space: nowrap;
  flex-wrap: nowrap;
  align-items: center;
}

button.btn.rate--btn {
  padding: 3px 17px;
  visibility: hidden;
  opacity: 0;
}

button.btn.rate--btn.show {
  visibility: visible;
  opacity: 1;
}

.ira-rating .state {
  font-size: 12px;
  color: #777;
}

span.rate-post {
  font-size: 16px;
  margin-left: 5px;
  color: #606371;
}

.btn.rate--btn.loader {
  color: transparent;
}

.btn.rate--btn.loader:after {
  width: 16px;
  height: 16px;
  left: 50%;
  top: 50%;
  margin: -9px;
}

.comment--form.form-loader {
  pointer-events: none;
  opacity: 0.7;
}

.ct__items span,
.ct__items .ct__item,
.map-desc span {
  line-height: 26px;
  font-weight: 700;
}

/*--- star prescent --- */

.filled-stars:before,
.grey-stars:before {
  content: "\e968\e968\e968\e968\e968";
  font-size: 14px;
  line-height: 20px;
  font-family: afrak;
  letter-spacing: 2px;
}

.rating-stars {
  position: absolute;
  vertical-align: baseline;
  color: #dddddd;
  overflow: hidden;
  height: 20px;
  line-height: 10px;
  display: inline-flex;
  margin: 6px 0;
  left: 1px;
  top: 0;
  direction: ltr;
}

.filled-stars {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
  color: #ffc600;
}

.grey-stars {
  height: 100%;
}

fieldset.rating {
  position: relative;
  min-width: 82.62px;
  height: 31px;
  overflow: hidden;
}

.rating > input:checked ~ .rating-stars .filled-stars {
  opacity: 0;
}

.review--title {
  display: block;
  position: relative;
  right: 0;
  background: #f5f5f5;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  display: none;
}

.review--title:after {
  border-width: 6px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #f5f5f5 transparent transparent transparent;
  top: 100%;
  position: absolute;
}

.review--title [itemprop="description"] {
  font-size: 12px;
  font-weight: 300;
}

.page_content p {
  line-height: 36px;
  margin-bottom: 15px;
  text-align: justify;
}

.tags ul li {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 5px;
}

.tags ul li a {
  padding: 6px 15px;
  display: block;
  position: relative;
  transition: all 0.3s ease;
  color: #999;
  background: #fafafa;
  font-size: 12px;
  border-radius: 6px;
}

.tags ul li a:hover {
  color: #444;
  background: #f5f5f5;
  text-decoration: none;
}

.tags ul li a:before {
}

.tags {
  margin-top: 30px;
  border-top: 1px solid #f5f5f5;
  padding-top: 20px;
  position: relative;
}

.tags ul li:first-child a {
}

.post_social li {
  display: inline-block;
}

.post_social li a {
  font-size: 17px;
  padding: 10px 0 10px 10px;
}

.page_content h1 {
  font-size: 24px;
  margin-bottom: 15px;
}

.page_content h2 {
  font-size: 21px;
  margin-bottom: 15px;
  margin-top: 30px;
}

.page_content h3 {
  font-size: 19px;
  margin-bottom: 10px;
  margin-top: 30px;
}

.page_content h4 {
  font-size: 17px;
  margin-top: 24px;
}

.page_content h5 {
  font-size: 16px;
}

.page_content h6 {
  font-size: 15px;
}

.page_content.single-post__content img {
  max-width: 100%;
  height: auto;
  margin: 20px auto;
}

blockquote {
  background: #fafafa;
  padding: 20px;
  border-right: 5px solid #d2d2d2;
}

.loader-progress {
  position: absolute;
  overflow: hidden;
  top: -10px;
  right: 15px;
  left: 15px;
  bottom: 0;
}

.loader-progress:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.85);
  content: "";
  transition: all 0.3s ease;
  z-index: 12;
  transform: translate3d(0, 0, 0);
}

.loader-progress:after {
  position: absolute;
  display: block;
  width: 50%;
  height: 3px;
  top: 0;
  right: 0;
  background: #00734e;
  content: "";
  animation: progress 1.5s linear infinite;
  transition: all 0.3s ease;
  z-index: 13;
}

.loader-fade:before,
.loader-fade:after {
  opacity: 0;
}

@keyframes progress {
  0% {
    right: -50%;
    width: 20%;
  }
  100% {
    right: 100%;
    width: 100%;
  }
}

/*--- sidebar sticky -----*/

.sticky-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sticky-wrap .sticky-side {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  padding: 0 15px;
}

.widget_side .card-list {
  max-height: 70vh;
  overflow-x: auto;
}

.widget_side .card-list::-webkit-scrollbar-track {
  border: 1px solid #ddd;
  padding: 2px 0;
  background-color: #ececec;
  border-radius: 5px;
}

.widget_side .card-list::-webkit-scrollbar {
  width: 8px;
}

.widget_side .card-list::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #ddd;
  border: 1px solid #ccc;
}

@media (max-width: 768px) {
  .sticky-wrap {
    position: relative;
    margin-top: 20px;
  }
  .sticky-wrap .sticky-side {
    padding: 0;
    position: static;
  }
  .widget_side .card-list {
    max-height: 100%;
    overflow-x: auto;
  }
}

.wp-block-image {
  margin-top: 20px;
  margin-bottom: 20px;
}
.wp-block-image img {max-width: 100%; height: auto;}
.page_content ul {
  list-style: disc;
  padding-right: 20px;
}

.page_content ul li {
  list-style: disc;
  line-height: 34px;
}

/*
* search live
*/

.search-live-drop li.result_li {
  display: none;
}

.search-live-drop li.result_li.show {
  display: block;
}

form.search_form {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

.search_live {
  max-width: 380px;
  margin: 0 auto 20px;
}

button.search-live-button {
  position: absolute;
  background: none;
  color: #999;
  top: 0;
  height: 100%;
  border: none;
  font-size: 24px;
  left: 0;
  padding: 7px 15px;
  outline: none !important;
}

input.search-live-input {
  padding: 0 15px;
  height: 50px;
  background: #fff;
  transition: all 0.3s ease;
}

form.search_form.ajax_loading:before {
  left: 62px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: #fff;
}

.search-live-drop li {
  display: block;
}

.search-live-drop li:before {
  display: none !important;
}

.dropdown-menu.search-live-drop {
  background: #fff;
  width: 100%;
  margin: 0;
  padding: 0;
  max-height: 500px;
  border-radius: 0 0 0.25rem 0.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 70px;
  border-top: none;
}

button.search-live-close {
  position: absolute;
  background: none;
  color: #999;
  top: 0;
  height: 100%;
  border: none;
  font-size: 24px;
  left: 34px;
  padding: 11px;
  outline: none !important;
}

form.search_form.show-result {
  border-radius: 4px 4px 0 0;
}

.search-live-drop li a {
  color: #333;
  padding: 6px 15px;
  display: flex;
  flex-wrap: wrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-items: center;
  white-space: normal;
}

.search-live-drop li a:hover {
  color: #00734e;
  background: rgb(1 116 79 / 5%);
  text-decoration: none;
}

li.search-live-title:first-child {
  margin-top: 0;
}

li.search-live-title {
  color: #666;
  border-bottom: 1px solid #eee;
  padding: 0 15px;
  margin: 10px 0;
  background: #fafafa;
}

li.search-live-title span {
  display: inline-block;
  padding: 10px 15px;
  border-bottom: 2px solid #1a9af7;
  font-weight: 700;
}

.search-live-close {
  display: none;
}

.open .search-live-close {
  display: block;
}

span.blocks-timing {
  font-size: 13px;
  color: #666;
  display: block;
  margin-bottom: 10px;
}

.search-header-live {
  display: inline-block;
  position: relative;
  vertical-align: -2px;
}

.search_toggle {
  display: flex;
  justify-content: center;
  background: none;
  border: none;
  transition: all 0.3s ease;
  font-size: 25px;
  color: #00734e !important;
  /* margin-left: 15px; */
}

header .search_live {
  width: 0;
  transition: all 0.3s ease;
  position: absolute;
  left: 0;
  top: -10px;
  opacity: 0;
  visibility: hidden;
  transform: scaleX(0);
  transform-origin: left;
  z-index: 100;
  direction: rtl;
}

header .search-live-input:focus {
  border-color: #bbb;
}

.search-toggled .search_live {
  display: block;
  width: 280px;
  transform: scaleX(1);
  opacity: 1;
  visibility: visible;
}

header .search-live-input {
  font-size: 14px;
  font-weight: 300;
}

.search_live .open > .dropdown-menu {
  display: block;
  padding: 15px;
}

.ajax_loading:before {
  content: "";
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 10px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #3f7cd7;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 0.7s infinite linear;
  animation: load8 0.7s infinite linear;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  z-index: 101;
}

li.search-live-empty {
  padding: 10px;
  font-weight: 300;
  text-align: center;
  font-size: 14px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
}

header .open .search-live-input {
  border-bottom: none;
  border-radius: 0.25rem 0.25rem 0 0;
}

@media (max-width: 768px) {
  .search-header-live {
    /* position: absolute;
    top: 0;
    left: 80px; */
  }
  .search_toggle {
    /* margin-right: 65px; */
  }
  header .search_live {
    right: 0;
    position: fixed;
    transform: none !important;
    width: 100% !important;
    top: 0px;
    left: 0;
  }
  .search-toggled .search_live {
    width: 100%;
    max-width: none;
  }
  header .search_live .search_form {
    border-radius: 0;
  }
  .search_toggle i {
    font-size: 24px;
  }
  header .search-live-input {
    padding: 15px;
    height: 60px;
    border-radius: 0 !important;
    border-width: 0 0 1px 0;
  }
  button.search-live-button i,
  .open .search-live-close i {
    display: block;
  }
  ul.dropdown-menu.search-live-drop {
    border-width: 0 0 0px 0;
    box-shadow: 0 20px 34px rgba(0, 0, 0, 0.05);
  }
  header.top-fixed .search-live-input {
    height: 70px;
  }
}

.search-box .search_live {
  max-width: none;
}

section.sec_wrap.search-section {
  padding: 80px 0 0px;
}

div#loadmore.col-12.more-link {
  order: 1;
}

/*--- end search live -- */

/*
* comment
**/

span.says {
  display: none;
}

.comment-author.vcard {
  position: relative;
  display: flex;
  align-items: center;
}

.comment-awaiting-moderation,
.comment-content,
.reply {
  padding-right: 81px;
}

.comment-author.vcard .fn {
  top: 26px;
  right: 100%;
  font-weight: 700;
  margin-right: 16px;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
}

.avatar-54 {
  width: 54px;
}

.card-list-image img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  -o-object-fit: cover;
}

ul.children {
  padding-right: 30px;
  margin-top: 20px;
}

.comment-author.vcard .fn a {
  color: #666;
}

.comment-metadata a {
  font-size: 10px;
  font-weight: 300;
  margin-left: 8px;
  color: #999;
}

.comment-metadata:before {
  content: "\e924";
  font-family: afrak !important;
  vertical-align: middle;
  color: #bbb;
  font-size: 13px;
  margin-left: 5px;
  display: inline-block;
}

p.comment-awaiting-moderation {
  display: none;
}

.comment-content {
  color: #999;
  font-size: 13px;
  font-weight: 300;
  margin-top: -8px;
}

.commentlist > .comment {
  border-bottom: 1px solid #eee;
  position: relative;
  padding: 10px 0px 10px 50px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  list-style: none !important;
}

.comment .reply {
  margin-top: 10px;
}

.comment .reply a {
  color: #999;
  font-weight: 300;
  font-size: 12px;
  text-align: center;
}

.comment .reply a:before {
  content: "\21AA";
  font-family: afrak;
  color: #999;
  display: inline-block;
  font-size: 16px;
  pointer-events: none;
  vertical-align: middle;
  margin-left: 5px;
  display: none;
}

.comment {
  position: relative;
}

.comment ul.children > li:not(:last-child) {
  margin-bottom: 15px;
}

.comment-content p {
  font-size: 13px;
  color: #666;
  font-weight: 300;
  padding-bottom: 15px;
  text-align: justify;
  margin-top: 10px;
}

ul.children .avatar {
  width: 42px;
  height: 42px;
}

.children .reply,
.children .comment-awaiting-moderation,
.children .comment-content {
  padding-right: 66px;
}

.children .comment-content {
  margin-top: -5px;
}

.children .comment-author.vcard .fn {
}

.comment.byuser > article > footer img {
  box-shadow: 0 0 0 2px #00734e, 0 0 10px #ccc;
}

.comment-metadata {
  position: absolute;
  left: -10px;
  top: 15px;
  opacity: 0;
  transition: all 0.3s ease;
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

.comment-meta {
  position: relative;
}

.comment-body:hover .comment-metadata {
  opacity: 1;
  left: 0;
}

.nav-link-border {
  position: relative;
  cursor: pointer;
}

.nav-link-border:after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  width: 100%;
  background: #00734e;
  height: 2px;
  left: 0;
  right: 0;
  transition: all 0.3s ease;
  transform: scaleX(0.5);
  transform-origin: center;
  visibility: hidden;
  opacity: 0;
}

.nav-link-border.active:after {
  transform: scaleX(1);
  visibility: visible;
  opacity: 1;
}

.nav-link-border.active {
  color: #00734e;
}

.avatar {
  border-radius: 15px;
  object-fit: cover;
  -o-object-fit: cover;
  margin-left: 10px;
}

.btn-like {
  border-radius: 8px;
  border: 1px solid #ededed;
  background: #fff;
  padding: 0px 12px;
  color: #8c8c8c;
  font-size: 13px;
  margin-right: 8px;
  line-height: unset;
  position: relative;
}

.btn-like:hover,
.btn-like.active {
  border-color: #00734e;
}

.btn-like.active {
  color: #00734e;
}

.useful_wrap {
  display: flex;
  align-items: center;
}

.btn-like span {
  font-size: 12px;
  vertical-align: middle;
  margin-left: 3px;
  font-weight: 700;
}

.btn-like.loader:after {
  border-left-color: #00734e;
  width: 18px;
  height: 18px;
  margin: 0;
  margin-top: -9px;
  left: 7px;
}

.btn-like.loader {
  padding-left: 32px;
}

.useful_wrap.ajaxing {
  opacity: 0.8;
  pointer-events: none;
}

button.close_toc {
  display: block;
  width: 100%;
  text-align: right;
  padding: 20px 30px;
  border: none;
  border-radius: 4px;
  position: relative;
  outline: none;
  background: transparent;
  font-size: 16px;
  font-weight: 700;
}

button.close_toc:after {
  content: "\e909" !important;
  font-family: afrak;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  transition: transform 0.3s ease;
  position: absolute;
  left: 30px;
  top: 19px;
}

.toc.toc-box > ul {
  padding: 0 30px 20px;
}

.toc.toc-box > ul > li > a {
  font-weight: 900;
}

.toc.toc-box > ul > li > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}

.toc.toc-box > ul > li > ul li {
  max-width: 100%;
  width: 50%;
  position: relative;
  margin-bottom: 5px;
  font-weight: 700;
}

.toc.toc-box > ul > li:before {
  display: none;
}

.toc.toc-box {
  margin: 30px 0;
}

button.close_toc.active:after {
  transform: rotate(180deg);
}

.toc.toc-box li {
  list-style: none;
  font-weight: 700;
}

.toc.toc-box li a {
  color: #333;
  font-size: 14px;
}

.bg-darkgray {
  background: #ecf5fc;
}

.toc.toc-box > ul > li > ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  background: #a0bcd0;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  right: -20px;
}

.toc.toc-box > ul > li > ul li a {
  color: #4a4f52;
}

.badge-light-purple {
  background: rgba(99, 1, 172, 0.1);
  color: #6301ac;
}

.search-live-drop li a .badge {
  margin-right: auto !important;
}

.badge-light-dark {
  background: rgba(102, 102, 102, 0.1);
  color: #666;
}

.badge-light-orange {
  background: rgba(255, 87, 34, 0.1);
  color: #ff5722;
}

.badge-light-primary {
  background: rgba(39, 121, 221, 0.1);
  color: #2779dd;
}

.badge-light-success {
  background: rgba(34, 151, 7, 0.1);
  color: #229707;
}

.tab-links-border > li > a {
  font-size: 16px;
  color: #999;
  position: relative;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tab-links-border li:not(:last-child) a {
  margin-left: 20px;
}

.menu-cats .dropdown-menu {
  max-height: 300px;
  overflow: auto;
}

.tab-links-border > li > a:not(.dropdown-toggle):after {
  content: "";
  width: 40px;
  height: 2px;
  border-radius: 1px;
  background: #00734e;
  display: block;
  margin-top: 10px;
  width: 0;
  transition: width 0.3s ease;
  position: absolute;
  top: 80%;
  right: 0;
}

.tab-links-border li a:not(.dropdown-toggle).active:after {
  width: 40px;
}

.tab-links-border li a.active {
  color: #4f4f4f;
  font-weight: 700;
}

.page-title {
  margin-top: 70px;
  margin-bottom: 50px;
}

.page-title + .block {
  padding-top: 0 !important;
}

.block-map .map {
  height: 800px;
}

.gm-style .gm-style-iw {
  max-width: 300px !important;
}

.gm-style .gm-style-iw [title="Close"] {
  transform: scale(1.5);
  top: 10px !important;
  right: 10px !important;
}

.recaptcha {
  background: #fff;
  position: relative;
  max-width: 400px;
  border: 1px solid #ebeae9;
}

.wpcf7-captchar {
  border: none;
  padding: 15px;
  display: block;
  width: 100%;
}

img.wpcf7-captchac {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -14px;
}

.contact-full-width .col-lg-9 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.contact-full-width .col-lg-9 > h2 {
  margin-right: 0 !important;
  text-align: right !important;
  max-width: none;
  margin-top: 0 !important;
}

/*
** FAQ
*/

.faq-box {
  display: block;
  height: 100%;
  color: #7a7a7a;
  text-align: center;
  box-shadow: 0 0 16px rgba(159, 171, 180, 0.3);
  border-radius: 7px;
  padding: 30px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border: 2px solid transparent;
  text-decoration: none !important;
}

.faq-box h3 {
  font-size: 15px;
  margin-bottom: 0;
}

.faq-box i {
  font-size: 38px;
  margin-bottom: 20px;
  display: block;
  color: #00734e;
}

.faq-box.active {
  border-color: #00734e;
  color: #00734e;
  background: rgb(0 115 78 / 5%);
  box-shadow: 0 0 16px rgb(0 115 78 / 15%);
}

.accordion .card-header {
  padding: 0;
  background: none;
  border: none;
}

.accordion .card-header button {
  width: 100%;
  text-align: right;
  background: none;
  box-shadow: none;
  border-radius: 0;
  font-weight: 700;
  padding: 20px;
  padding-left: 45px;
  letter-spacing: -0.5px;
}
.accordion .card-header.hasicon button {
    padding-right: 50px;
    line-height: 2;
}
.accordion .card-header.hasicon button:after, .accordion .card-header.hasicon button:before {
    top: 36px;
}
.accordion > .card {
  box-shadow: none !important;
  border-radius: 7px;
  border: none;
  border-bottom: 1px solid #eee !important;
}

.accordion .card-body {
  font-weight: 300;
  padding-top: 5px;
  font-size: 15px;
}

.accordion .card-body p:last-of-type {
  margin-bottom: 0;
}

.card.card-shown {
  border-radius: 7px !important;
  border: 2px solid #00734e !important;
}

.accordion-simple .card.card-shown {
  border-color: transparent !important;
  border-bottom: 1px solid #dfdfdf !important;
}

.hasicon > i {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 20px;
  color: #00734e;
  z-index: 10;
}

.hasicon {
  position: relative;
}

.accordion .card-header button:after,
.accordion .card-header button:before {
  display: block;
  width: 10px;
  height: 1px;
  background: #999;
  transition: transform 0.3s ease;
  position: absolute;
  content: "";
  left: 30px;
  top: 30px;
  transform: rotate(-35deg);
  transform-origin: center;
}

.accordion .card-header button:after {
  left: 22px;
  transform: rotate(35deg);
}

.accordion .card-shown .card-header button:after,
.accordion .card-shown .card-header button:before {
  transform: rotate(0);
}

.card.no-results {
  padding: 0 0 30px;
  color: #666;
  font-weight: 300;
  border: none !important;
}

/* .plan-pricing-col:not(.slideinview) {
    opacity: 0.1;
    transition: opacity 0.3s ease;
} */
.pricing-carousel .swiper-slide.plan-pricing-col {
  max-width: 400px;
}
/* google search frame  */

.frame--inner {
  position: absolute;
  top: 82px;
  left: 36px;
  width: 206px;
  height: 367px;
}

.frame--wrap {
  width: 280px;
  position: relative;
  margin: auto;
}

.frame--inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}

.frame2 .frame--inner {
  left: 29px;
  top: 71px;
  width: 222px;
  height: 392px;
}

.svg-assets {
  display: none;
}

.gads-phone__wrapper > div {
  position: absolute;
  top: 0;
  width: 100%;
}

.gads-phone__wrapper {
  position: relative;
  width: 298px;
  margin: auto;
  direction: ltr;
}

header.header-shadow {
  background: #fff !important;
  box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.12) !important;
  transform: translate3d(0, 0, 0);
  position: fixed !important;
}

.header-shadow.top-fixed nav.main_nav > ul > li:not(:last-child):after {
  background: #ddd;
}

.header.header-shadow + section,
.header.header-shadow + main {
  margin-top: 141px;
}

.gads-phone__img {
  position: relative;
  width: 640px;
  left: -22px;
}

.searchbar {
  position: absolute;
  z-index: 10;
  top: 160px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.05);
  display: block;
  overflow: hidden;
  padding: 15px;
  width: 340px;
  font-size: 15px;
  left: 0;
  right: 0;
  margin: auto;
}

svg.gads-search-bar__icon {
  margin-right: auto;
  width: 32px;
  height: 32px;
}

.gads-search-bar__wrapper {
  display: flex;
  align-items: center;
}

p.gads-search-bar__type {
  padding: 0;
  margin: 0;
}

img.google_logo {
  position: absolute;
  top: 109px;
  left: 0;
  right: 0;
  margin: auto;
  width: 98px;
}

.card.card_basic {
  border-radius: 20px;
  box-shadow: 60px 40px 120px 0 rgba(0, 0, 0, 0.05),
    30px 20px 60px 0 rgba(0, 0, 0, 0.05), -25px 0 30px 0 rgba(0, 0, 0, 0.02);
  border: none;
  padding: 25px;
  position: absolute;
  top: 220px;
  left: 0;
  right: 0;
  margin: auto;
  width: 340px;
  opacity: 0;
  transition: all 0.3s ease;
}

.gads-card__basic .gads-card__basic__title {
  color: #1967d2;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gads-card__basic .gads-card__basic__site {
  color: #188038;
  font-size: 14px;
  line-height: 1.25;
  margin: 4px 0;
}

.gads-card__basic .gads-card__basic__site .gads-card__basic__site--gadwrap {
  border: 1px solid #188038;
  border-radius: 5px;
  display: inline-block;
  font-size: 13px;
  margin-left: 6px;
  padding: 1px 5px;
}

.gads-card__basic .gads-card__basic__description {
  color: #5f6368;
  font-size: 14px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gads-phone__wrapper .gads-search-result {
  box-sizing: border-box;
  height: 383px;
  left: 0;
  right: 0;
  overflow-y: hidden;
  top: auto;
  position: absolute;
  bottom: 92px;
  width: 302px;
  z-index: 5;
  padding-top: 262px;
  z-index: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.gads-search-result__wrapper .result-line {
  background-color: #f1f3f4;
  border-radius: 2px;
  height: 8px;
  margin: 0 0 8.5px;
  position: relative;
}

.gads-search-result__wrapper .gads-search-result-v1 .result-line-1 {
  background-color: #e8f0fe;
  width: 92%;
}

.gads-search-result__wrapper .gads-search-result-v1 .result-line-2 {
  background-color: #e6f4ea;
  width: 75%;
}

.gads-search-result__wrapper .gads-search-result-v1 .result-line-3 {
  width: 100%;
}

.gads-search-result__wrapper .gads-search-result-v1 .result-line-4 {
  margin: 0;
  width: 95%;
}

.gads-search-result__wrapper .gads-search-result-v1 .result-line-5 {
  display: none;
}

.gads-search-result__wrapper .gads-search-result-v1 {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.07);
  margin: 0 auto 5.5px;
  padding: 17px 23px 17px 19px;
  width: 197px;
}

.font--xxl {
  font-size: 36px !important;
  font-weight: 700;
  line-height: 48px;
}

.font--xx {
  font-size: 32px !important;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -1px;
}

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

.arrow-forward {
  fill: #007bff;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  vertical-align: -4px;
  margin-right: 6px;
  transition: all 0.3s ease;
  position: relative;
  right: 0;
  top: 0;
}

.btn-link-arrow {
  padding: 0 !important;
  font-weight: 700 !important;
}

.btn-link-arrow:hover .arrow-forward {
  right: 3px;
}

.more-padd {
  padding: 150px 0 !important;
}

.more-padd-2x {
  padding: 180px 0 !important;
}

.arrow-forward.arrow-forward-angled {
  transform: rotate(225deg);
}

.tile_icon-container {
  width: 120px;
  height: 120px;
  margin: 0 auto 50px;
}

.gads_logo {
  margin: 0 auto 30px;
}

svg.gads-logo {
  width: 70px;
  height: 70px;
  margin: 0 auto 30px;
}

.completed_search .card.card_basic {
  top: 237px;
  opacity: 1;
}

.completed_search .gads-search-result {
  opacity: 1;
}

/* end google frame */

.btn-group-value {
  position: relative;
  display: block;
}

.btn-group-value.loader:after {
  border-left-color: #ccc;
}

.rangeSlider-price-placed {
  height: 46px;
  display: block;
}

.rangeSlider-price-placed.loader:after {
  border-left-color: #ccc;
}

.swiper-button-next.pricing-nav-button {
  left: -70px;
}

.pricing-carousel {
  position: relative;
}

.pricing-nav-button.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.swiper-button-prev.pricing-nav-button {
  right: -70px;
}

.pricing-nav-button {
  color: #ccc;
}

.pricing-nav-button:hover {
  color: #00734e;
}

@media (max-width: 1200px) {
  .pricing-nav-button {
    display: none;
  }
}

.slide_txt .btn {
  display: inline-flex;
  font-weight: 600;
  margin-left: 10px;
}

.slide_txt .btn:before {
  content: "\e93d";
  font-family: "afrak";
  vertical-align: -3px;
  margin-right: 10px;
  position: relative;
  right: 0;
  transition: right 0.3s ease;
  order: 2;
}

.slide_txt .btn:hover:before {
  right: 3px;
  color: var(--success);
}

.date--post {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgb(0 0 0 / 0.3);
  color: #fff;
  border-radius: 6px;
  font-size: 13px;
  padding: 3px 10px;
}

.contact-icon-shadow {
  position: absolute;
  width: 48px;
  height: 48px;
  background: rgb(0 115 78 / 5%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 15px;
  top: -30px;
  color: #00734e;
}

.pulse-over {
  box-shadow: 0 0 0 rgb(0 115 78 / 0.4);
  animation: pulse-over 2s infinite;
}

@-webkit-keyframes pulse-over {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(0 115 78 / 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes pulse-over {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(0 115 78 / 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.badge-price {
  font-size: 10px;
  background: rgba(66, 133, 244, 0.2);
  color: #4285f4;
  padding: 4px 10px;
  border-radius: 8px 8px 0px 8px;
  min-width: 85px;
  margin-right: 15px;
  vertical-align: middle;
  position: relative;
  top: -5px;
}

.rangeSlider-price-placed.loader ~ span {
  display: none;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.video_modal.show ~ .modal-backdrop.show {
  opacity: 0.8;
}

.video_modal .modal-dialog {
  max-width: 560px;
  margin-top: 209px;
}

.video_modal .modal-body {
  padding: 0;
  background: #000;
}

.modal.fade .modal-dialog {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal.show .modal-dialog {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

div#video_modal .modal-dialog {
  align-items: center;
  display: flex;
  margin-top: 0;
  height: 96vh;
}

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  background: #21262e;
  box-shadow: none;
  border: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  left: 0;
  top: 0;
  position: absolute;
}

div#video_modal button.close {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 100;
  padding: 15px;
  text-shadow: none;
  color: #fff;
}

.slider_video .swiper-button-next,
.slider_video .swiper-button-prev {
  color: #fff;
  opacity: 0.5;
}

.slider_video .swiper-button-next:after,
.slider_video .swiper-button-prev:after {
  font-size: 24px;
}

.slider_video .swiper-button-next:hover,
.slider_video .swiper-button-prev:hover {
  opacity: 1;
}

.slider_video .swiper-button-disabled {
  opacity: 0 !important;
}

.swiper-slide-active .btn-play {
  pointer-events: auto;
}

.pricing-label {
  position: relative;
  display: inline-block;
  padding: 7px 20px;
  float: right;
}

.pricing-label-back {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 10px 0;
  opacity: 0.1;
  position: absolute;
  right: 0;
  top: 0;
}

.content_block .page_content a:not(.btn) {
  color: #1c54a6;
  font-weight: 600;
}

.page_content.single-post__content img.aligncenter {
  display: block;
  margin: 20px auto;
}
div.post--date {
  color: #01734f;
  font-size: 12px;
  margin-right: 15px;
}
div.post--date span {
  vertical-align: middle;
  display: inline-block;
}
div.post--date span i {
  font-size: 10px;
  margin-left: 2px;
}
.post----head {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.single-ebook__head {
  padding-top: 100px;
}
@media screen and (max-width: 992px) {
  .post----head div.post--date {
    margin-right: auto;
  }
}

.avatar-36 {
  width: 36px;
  height: 36px;
}

.post----head img.avatar {
  width: 32px;
  height: 32px;
  margin-left: 7px;
}

.placeholder-loader {
  overflow: hidden;
  border-radius: 20px;
  background: #f7fafc;
  position: relative;
  display: block;
}

.placeholder-loader:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(transparent),
    color-stop(hsla(0, 0%, 100%, 0.6)),
    color-stop(50%, transparent)
  );
  background: linear-gradient(
    90deg,
    transparent,
    hsla(0, 0%, 100%, 0.6),
    transparent 50%
  );
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -webkit-animation: elemload 1s linear infinite;
  animation: elemload 1s linear infinite;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  content: " ";
  z-index: 0;
}
.elem-loading {
  max-width: 70px;
  min-width: 50px;
  height: 18px;
  border-radius: 4px;
}
.placeholder-100 {
  width: 100px;
  height: 100px;
}

.placeholder-thumb {
  max-height: 148px;
}

@-webkit-keyframes elemload {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes elemload {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.placeholder-loader img {
  position: relative;
  z-index: 10;
}

.btn-light-success {
  background: rgb(0 115 78 / 10%);
  border-color: transparent;
  color: #00734e;
}

.btn-light-success:hover,
.btn-light-success:active {
  background: #00734e;
  color: #fff;
}

.post--item .card-img {
  max-height: 255px;
}

.video-wrap:before {
  position: absolute;
  content: "";
  background: #01744f;
  width: 100%;
  height: 100%;
  top: -25px;
  right: -25px;
  display: block;
  z-index: 0;
  border-radius: 20px;
}

.video-wrap .plyr {
  border-radius: 20px;
}

.nerkh-item {
  display: none;
  background: rgb(46 120 228 / 5%);
  color: #2870d8;
  padding: 15px;
  border-radius: 8px;
}

.nerkh-item.shown {
  display: inline-block;
}

span.nerkh_item-val {
  font-weight: 700;
  display: inline-block;
  padding: 0 5px;
}

div#video_modal_iframe iframe {
  border: none;
}

div#video_modal_iframe .close {
  position: absolute;
  left: 6px;
  top: 6px;
  z-index: 10;
}

div#video_modal_iframe .modal-content {
  border-radius: 10px;
  overflow: hidden;
}

.video_iframe-outer .btn-play {
  font-size: 16px;
  width: 70px;
  height: 70px;
  border: none;
  box-shadow: 0 0 0 10px rgb(250 194 26 / 15%);
}

.nerkh-wrap.loader:after {
  border-left-color: #2e78e4;
}

.nerkh-wrap.loader * {
  color: rgb(46 120 228 / 0%);
}

.post-slider-navi {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto 50px;
}

.post-slider-navi > * {
  position: static !important;
}

.post-slider-navi button {
  background: none;
  border: none;
  font-size: 20px;
}

.post-slider-navi .swiper-pagination-progressbar {
  height: 2px;
  margin: 0 15px;
  width: 80px;
}

.post-slider-navi button i {
  display: block;
}

.form-maker .form-label {
  margin-bottom: 13px;
  font-weight: 700;
}

.form-maker .form-control {
  box-shadow: none;
  border-radius: 10px;
}

.form-maker .form-control:focus {
  border-color: #ccc;
}

.select-form-picker {
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>")
    no-repeat;
  background-position: right calc(100% - 1.2rem) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important;
}

.hiro .slider {
  overflow: hidden;
}

.wp-block-latest-posts {
  padding-right: 20px !important;
}

ol.CList {
  padding: 0 !important;
}
.smaller_title .box h3 {
  font-size: 20px !important;
}
.yib-profile {
  width: 80px;
  height: 80px;
  font-size: 26px;
  border: 4px solid #1a744f;
  border-radius: 50%;
  object-fit: cover;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f65959;
  margin: 0 auto 30px;
}

.yib-profile:before {
  content: "\ea7e";
  font-family: "afrak";
}

.yib-profile img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50%;
  background: rgb(25 115 77 / 12%);
}

.block-yib-inner {
  max-width: 576px;
  margin: auto;
  border: 1px solid rgb(235 234 233 / 64%);
  padding: 50px 7%;
  background: #fcfcfc;
  border-radius: 10px;
}

.yib-result-post-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
}

.yib-result-p_label i {
  color: #86939e;
  font-size: 15px;
  vertical-align: 0px;
  margin-left: 5px;
}

.yib-result-p_label {
  color: #888;
  font-size: 14px;
}

.yib-result-p_value {
  font-weight: 700;
  font-size: 14px;
}

.inner-sub-title {
  font-size: 14px;
  font-weight: 900;
  /* text-align: center; */
  margin: 30px 0 15px;
}

.yib-result-title {
  font-size: 15px;
  font-weight: 300;
  text-align: center;
  color: #888;
}

.yib-result-subscribers_total {
  font-size: 20px;
  text-align: center;
  font-weight: 900;
  margin-bottom: 15px;
}

.form-group.yib-form-input {
  position: relative;
}

button.yib-submit {
  position: absolute !important;
  top: 4px;
  left: 4px;
  font-size: 13px;
  bottom: 4px;
}

.yib-ch-form {
  position: relative;
  margin-top: 30px;
}

.yib-ch-form:before {
  content: "";
  content: "\edb2";
  font-family: "afrak";
  position: absolute;
  right: 20px;
  top: 9px;
  z-index: 10;
  color: #19734d;
}

.form-group.yib-form-input > input {
  font-size: 13px;
  padding: 26px;
  padding-right: 57px;
  padding-left: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-control:focus {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.yib-result-ctitle {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

div#py_per_price {
  font-weight: 900;
  font-size: 16px;
}
.popover {
  font-family: inherit;
  font-size: 12px;
  border: none;
  box-shadow: 0 0 20px rgb(0 0 0 / 12%);
}

.popover-header {
  font-size: 13px;
}

.popover .arrow {
  display: none;
}

i[data-toggle="popover"] {
  vertical-align: middle;
  margin: 0 2px;
}

.col-label .compare-col {
    max-width: 300px;
}

.compare-col {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.block-compare {
    background: #ebf5ff;
    padding: 50px 0;
}

.compare-col-title {font-weight: 700;background: #fff;border-radius: 35px;padding: 7px;text-align: center;min-width: 150px;margin-bottom: 10px;}

.compare-col-body {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
    flex: 1;
    font-size: 13px;
}

.compare-col-body > i {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-more.icon-close-convert {
    transform: rotate(45deg);
}

.icon-more.icon-close-convert:before {font-weight: 700;}

.col-label .compare-col-body {
    text-align: right;
}

.block-compare .col-auto {
    padding: 0 7.5px;
}

.block-compare .row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}
ul.compare-label-ul {
  list-style-type: none;
  counter-reset: compare-counter;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  letter-spacing: -0.4px;
}

ul.compare-label-ul li:before {
  content: counter(compare-counter) ".";
  counter-increment: compare-counter;
  display: inline-block;
  width: 16px;
  text-align: center;
  color: #000;
  margin-left: 2px;
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
  font-size: 16px;
  font-weight: 700;
}
.state-num {
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
  font-size: 30px;
  font-weight: 800;
  line-height: 1.3;
}

.state-img {
  width: 64px;
}

.state-title {
  font-weight: 600;
  letter-spacing: -0.4px;
}

.state-box.row>*:first-child {
  padding-left: 0;
}

.block-box-imageicon {
  background: #ecf8ec;
  min-height: 340px;
}

.imageicon-box {
  background: #fff;
  border-radius: 20px;
  padding: 20px 45px;
  position: relative;
  transition: all 0.3s ease;
}
.container.container--sm {
    max-width: 900px;
}

.imageicon-box img {
    width: 42px;
    max-height: 46px;
    margin: auto;
    display: block;
    object-fit: contain;
}
.callbox {
  display: flex;
  align-items: center;
  justify-content: center;
  direction: ltr;
}

.callbox img {
  margin-right: 20px;
  margin-top: -20px;
}

.callbox-content {
  padding: 13px 36px;
  border: 3px solid #1a744f;
  border-radius: 20px;
  direction: rtl;
  text-align: right;
  position: relative;
  background: #fff;
  z-index: 2;
}
.callbox-content-wrap {position: relative;z-index: 10;}
.callbox-content-wrap:before {
  content: "";
  width: 50px;
  height: 45px;
  background-size: contain !important;
  position: absolute;
  left: -41px;
  top: 10px;
  background: url(../images/triangle.png) no-repeat center;
  z-index: -1;
  display: block;
  transform: translate3d(0,0,0);
}
.why__carousel-nav .swiper-button-prev,
.why__carousel-nav .swiper-button-next {
  background: #fff;
  color: #000;
  width: 36px;
  height: 36px;
  border-radius: 10px;
}

.why__carousel-nav .swiper-button-prev:after,
.why__carousel-nav .swiper-button-next:after {
  font-size: 16px;
  font-weight: 700;
}

.why__carousel-nav {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  padding: 20px;
}
.callbox-content-wrap:after {
    content: "";
    width: 4px;
    height: 19.5px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 26px;
    z-index: 10;
    display: block;
}

.back-box {
    position: absolute;
    left: -3px;
    top: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 20px;
    transform: translate3d(0,0,0);
}

.why-carousel {
    padding: 20px 0;
}
@media(min-width:1200px){
  .why-carousel .swiper-slide.swiper-slide-active {
    transform: scale(1.15);
  }
  .why-carousel .swiper-slide:not(.swiper-slide-active) {
  transform: scale(0.93);
  }
}


.why-carousel .swiper-slide {
    transition: transform 0.3s ease;
}

.btn-link-arrow.font-weight-light {
    font-weight: 400 !important;
}
.btn-link-arrow.font-weight-light:after {
  content: "\e908";
}
.imageicon-box .btn-link-arrow:after {
    font-size: 10px;
}

/* youtube */
.youtube-salary-btn {
  border: none !important;
  color: white !important;
  padding: 15px 32px !important;
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 16px !important;
  margin: 4px 2px !important;
}

article ol > li {
  list-style-type: decimal !important;
}

article ol {
  padding-right: 40px !important;
}

article ol li::marker {
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

article table td {
  border: 2px solid #000;
  padding: 5px;
}

article table {
  max-width: 100%;
}

.search--drop .dropdown-menu li a {
  height: auto !important;
}

.block-custom-pdf {
  padding: 25px 15px;
  background-color: #fe0000;
}

.box-download {
  padding: 25px 15px;
  background-color: #fff;
  border-radius: 1.125rem !important;
}

#BoxDownloadFile {
  text-align: center;
}

.block-custom-pdf strong {
  word-spacing: -4px;
  font-size: 1.2em;
  font-weight: 800;
  margin: 15px 0;
  display: inline-block;
  width: 100%;
}

.box-download a {
  padding: 0.844rem 6.75rem;
}

.block-custom-pdf .btn-success:hover,
.block-custom-pdf .btn-success.focus,
.block-custom-pdf .btn-success:focus {
  background-color: #01734e;
  color: #fff;
}

.block-custom-pdf .btn-outline-success:hover {
  background-color: #01734e;
  color: #fff !important;
}

/** style for youtube income block */
.youtube-income-container {
  position: relative;
  z-index: 99;
  margin: 0 auto;
  padding: 120px 0 120px;
}
@media (min-width: 600px) {
}
.youtube-income {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid rgb(235 234 233 / 64%) !important;
  background: #fcfcfc;
  overflow: hidden;
  width: 991px;
  max-width: 100%;
  margin: auto;
}
.youtube-income-back-layer {
  content: "";
  z-index: 99;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 95%;
  height: 100%;
  background-color: #01744f;
  border-radius: 50px;
}
@media (min-width: 600px) {
  .youtube-income-back-layer {
    content: "";
    z-index: 99;
    position: absolute;
    top: -30px;
    right: -30px;
    width: 100%;
    height: 100%;
    background-color: #01744f;
    border-radius: 50px;
  }
}
.youtube-income-svg {
  content: "";
  z-index: 99;
  position: absolute;
  bottom: 120px;
  left: -110px;
  width: 121%;
  height: 70px;
}
.youtube-income-svg svg {
  width: 100%;
}
.youtube-income__title {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 20px;
  letter-spacing: -1px;
}
.youtube-income .al-range-slider {
  flex-flow: column-reverse;
}
.youtube-income .al-range-slider__grid {
  left: 3px;
  right: 3px;
  width: calc(100% - 6px);
}
.youtube-income .al-range-slider__bar {
  background: linear-gradient(90deg, rgb(0 116 79 / 69%), #00744f);
  box-shadow: none;
}
.youtube-income .al-range-slider {
  flex-flow: row-reverse;
  flex-wrap: wrap;
  padding: 10px;
}
.youtube-income .al-range-slider__track {
  width: 100%;
  flex-grow: 1;
  order: 2;
  margin: 5px 0 40px 0;
  height: 7px;
  box-shadow: none;
  background: #eee;
}
.youtube-income .al-range-slider__tooltip {
  background: #1a7450;
  color: #fff;
  border-radius: 6px;
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
  box-shadow: none;
  height: 19px;
  line-height: 0.9;
  min-width: 30px;
  text-align: center;
  font-size: 11px;
}
.youtube-income .al-range-slider__input {
  padding: 0;
  flex-shrink: 0;
  background: unset;
  border-radius: 0;
  font-size: 30px;
  font-family: "IRANYekanX";
  letter-spacing: -1px;
  direction: ltr;
  box-shadow: none;
  font-weight: 800;
  margin-bottom: 10px;
  width: 100px;
  min-width: 0;
  flex: unset;
  opacity: 0;
}
.al-range-slider__input:focus,
.al-range-slider__input:hover {
  box-shadow: unset;
}
.youtube-income .al-range-slider__knob:hover,
.al-range-slider__knob_active {
  border-color: #fff;
  box-shadow: 0 0 5px rgb(0 0 0 / 51%);
}
.youtube-income .al-range-slider p {
  display: inline;
  flex-grow: 1;
  margin-right: 0;
  margin-bottom: 10px !important;
  font-size: 13px;
  font-weight: 600;
  color: #666;
  font-weight: 300;
  align-self: center;
}
.youtube-income__description {
  font-size: 14px;
  font-weight: 700;
  color: #666;
}
.youtube-income__result-title {
  font-size: 13px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .youtube-income__result-box {
    border-left: 2px solid #6666666b;
  }
}
.youtube-income__result {
  font-size: 2.5em !important;
  direction: ltr !important;
  color: #fff !important;
  font-weight: 800 !important;
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.youtube-income__daily-view-range,
.youtube-income__rpm-range {
  width: 100%;
  flex-grow: 1;
}
.yib-side-content {
  padding: 70px;
}

.youtube-income__result-box {
  height: 100%;
  background: #f65959;
  background: #f65959 url(../images/yib-side.jpg);
  color: #fff;
  /* background-blend-mode: soft-light; */
  padding: 30px 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 340px;
  max-width: 100%;
  margin-right: auto;
}

.al-range-slider {
  --color_background: #00744f !important;
  --color_main: #000 !important;
}
.al-range-slider__knob {
  background: #666 !important;
  box-shadow: 0 0 2px rgb(0 0 0 / 51%) !important;
  border: 3px solid #eee !important;
  width: 16px !important;
  height: 16px !important;
}

.youtube-income__result-box > * {
}
.al-range-slider__input:focus,
.al-range-slider__input:hover {
  box-shadow: none !important;
}
.logo-box-block {
  padding: 50px 0 !important;
}
.logo-box-block .container {
  z-index: 999;
}
.logo-box-block .card {
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.07);
  overflow: unset;
  border: 0;
  border-radius: 15px;
}
.logo-box-block .mb-50 {
  margin-bottom: 50px;
}
.logo-box-block__logo {
  max-width: 80px;
  max-height: 80px;
  position: absolute;
  left: 15%;
  bottom: -40px;
  z-index: 99;
}
.logo-box-block__logo img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.logo-box-block__logo-back {
  width: 78px;
  height: 78px;
  border-radius: 28px;
  position: absolute;
  left: 15%;
  bottom: -39px;
  /* background-color: #d52823; */
  transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
  z-index: 9;
}
.logo-box-block .card:hover .logo-box-block__logo-back {
  opacity: 0.3;
  transform: scale(1.3);
}
.logo-box-block .card-header {
  padding-right: 50px !important;
  font-weight: 700;
  border: 0;
  background-color: #ececec;
  border-radius: 15px 15px 0 0;
}
@media (max-width: 400px) {
  .logo-box-block .card-header {
    padding-right: 20px !important;
  }
}
.logo-box-block__btn {
  position: absolute;
  width: 50%;
  left: 0;
  right: 0;
  bottom: -20px;
  margin-left: auto;
  margin-right: auto;
  /* background-color: #d52823; */
  text-align: center;
  padding: 7px 0;
  border-radius: 5px;
  transition: all 0.4s cubic-bezier(0.55, 1.5, 0.55, 1.2);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
.logo-box-block__btn:hover {
  color: #fff;
  text-decoration: none;
}
.logo-box-block__back-layer {
  position: absolute;
  left: 0;
  top: 0;
  height: 70%;
  z-index: 9;
}
.logo-box-block__back-layer.dot {
  z-index: 99;
  left: unset;
  right: -50px;
  top: 30%;
}
.logo-box-block__back-layer.hashur {
  z-index: 99;
  left: 0;
  top: 70%;
  width: 80%;
  right: 0;
  margin-right: auto;
  margin-left: auto;
}
.logo-box-block__back-layer.hashur svg {
  width: 100%;
}
@media (min-width: 1400px) {
  .logo-box-block .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
.logo-box-block .svg-back-dots-cloud {
  position: unset;
  left: unset;
  bottom: unset;
}
.cooperation-story__back-svg-1 {
  position: absolute;
  bottom: -600px;
  right: 0;
  z-index: 9;
}
@media (max-width: 1380px) {
  .cooperation-story__back-svg-1 {
    display: none;
  }
}
.cooperation-story__back-svg-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 490px;
}
.cooperation-story__back-svg-3 {
  position: absolute;
  z-index: 9;
  left: 0;
  bottom: 0;
}
.cooperation-story__back-svg-4 {
  position: absolute;
  z-index: 9;
  right: 0;
  top: -140px;
  transform: rotate(270deg);
}
@media (max-width: 1680px) {
  .cooperation-story__back-svg-4 {
    display: none;
  }
}
.cooperation-story__back-svg-5 {
  position: absolute;
  z-index: 9;
  left: 0;
  top: -610px;
  transform: rotate(180deg);
  width: 490px;
}
.cooperation-story__intro {
  margin-top: 170px;
  margin-bottom: 0px;
  position: relative;
  padding-bottom: 120px;
}
.cooperation-story__intro .container {
  box-shadow: 0px 4px 40px rgba(0, 108, 70, 0.18);
  position: relative;
  background-color: #fff;
  z-index: 99;
  padding-top: 90px;
  padding-bottom: 100px;
}
@media (max-width: 992px) {
  .cooperation-story__intro {
    padding-bottom: 0px;
  }
  .cooperation-story__intro .container {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}
.cooperation-story__intro-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 70px;
  text-align: right;
  color: #006c46;
}
.cooperation-story__intro-description {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  text-align: right;
  color: #6e6c83;
  margin: 15px 0 5px 0;
}
.cooperation-story__intro-date {
  font-weight: 400;
  font-size: 13px;
  line-height: 23px;
  color: #006c46;
  margin: 5px 0 25px 0;
}
.cooperation-story__intro-date span {
  margin: 0 0 0 10px;
}
.cooperation-story__intro-about {
  text-align: justify;
}
.cooperation-story__intro-img {
  max-width: 250px;
  width: 100%;
  height: 250px;
  border: 2px solid rgba(0, 108, 70, 0.1);
  padding: 50px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cooperation-story__intro-img img {
  max-width: 100%;
  max-height: 100%;
}

.cooperation-story__intro-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 150px;
  height: 41px;
  bottom: -10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  background: linear-gradient(
      0deg,
      rgba(0, 108, 70, 0.08),
      rgba(0, 108, 70, 0.08)
    ),
    #ffffff;
  border-radius: 40px;
}

.cooperation-story__path {
  background: #fed1002e;
  padding: 80px 0;
  margin: 0px 0 30px 0;
  position: relative;
}
@media (max-width: 1200px) {
  .cooperation-story__path {
    padding: 80px 0;
  }
}
@media (max-width: 992px) {
  .cooperation-story__path {
    margin: 120px 0 0px 0;
  }
}
.cooperation-story__path .container {
  position: relative;
  z-index: 99;
}
.cooperation-story__path .nav-tabs {
  border: 0;
}
@media (max-width: 1200px) {
  .cooperation-story__path .nav-tabs {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .cooperation-story__path .nav-tabs {
    flex-wrap: nowrap;
    overflow: scroll;
    justify-content: flex-start;
    padding: 0 0 10px 0;
  }
  .cooperation-story__path .nav-link {
    min-width: 190px;
  }
}
.cooperation-story__path .nav-link {
  background: rgb(255, 247, 209);
  /* backdrop-filter: blur(60px); */
  border-radius: 30px;
  margin: 0 0 0 30px;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  padding: 25px 35px;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 11px;
  color: #010101;
  font-weight: 700;
  border: 2px solid #35b160;
}
@media (max-width: 1400px) {
  .cooperation-story__path .nav-link {
    padding: 15px 20px;
  }
}
.cooperation-story__path .nav-link span {
  font-size: 24px;
  color: #00734e;
}
.cooperation-story__path .nav-link.active {
  font-weight: 700;
  background: linear-gradient(90deg, #18c492, #3bad56) !important;
  color: #fff !important;
  box-shadow: 0px 0px 46px rgb(29 255 162 / 0.25) !important;
  border: 2px solid #35b160;
}
.cooperation-story__path .nav-link.active span {
  color: #fff !important;
}
.cooperation-story__path .nav-link:hover {
  border: 2px solid #35b160;
}
.cooperation-story__path .tab-content {
  margin: 50px 0 20px;
  height: 170px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .cooperation-story__path .tab-content {
    margin: 40px 0 30px 0;
  }
}

.cooperation-story__path .tab-content li {
  list-style: inside;
}

.cooperation-story__path .nav-link svg {
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.cooperation-story__path-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 63px;
  color: #010101;
  display: flex;
  column-gap: 5px;
  align-items: center;
}
@media (max-width: 1200px) {
  .cooperation-story__path-title {
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .cooperation-story__path-title {
    font-size: 30px;
    margin-bottom: 40px;
  }
}
.cooperation-story__path-title svg {
  align-self: flex-start;
}
.cooperation-story__path-logo-box {
  max-width: 350px;
  width: 100%;
  height: 262px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cooperation-story__path-logo {
  max-width: 192px;
  width: 100%;
  height: 144px;
  position: absolute;
  background: linear-gradient(
      0deg,
      rgba(0, 108, 70, 0.11),
      rgba(0, 108, 70, 0.11)
    ),
    #ffffff;
  border-radius: 14.4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cooperation-story__path-logo img {
  max-width: 105px;
  max-height: 79px;
}
.cooperation-story__path-logo.afrak {
  bottom: 0;
  right: 0;
}
.cooperation-story__path-logo.customer {
  top: 0;
  left: 0;
}
.cooperation-story__path-link {
  background: linear-gradient(
      0deg,
      rgba(0, 108, 70, 0.11),
      rgba(0, 108, 70, 0.11)
    ),
    #ffffff;
  border-radius: 14.4px 0 14.4px 0;
  z-index: 99;
  color: #006c46;
  font-size: 20px;
}
.cooperation-story__chart {
  margin: 20px auto 120px;

  position: relative;
}
@media (max-width: 992px) {
  .cooperation-story__chart {
    margin: 60px auto;
  }
}
.cooperation-story__chart .container {
  position: relative;
  z-index: 99;
}
.cooperation-story__chart-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 63px;
  text-align: center;
  color: #1e1b39;
}
@media (max-width: 576px) {
  .cooperation-story__chart-title {
    font-size: 24px;
  }
}
.cooperation-story__chart-description {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #6e6c83;
}
.cooperation-story__chart-description::after {
  content: "";
  position: absolute;
  width: 72px;
  height: 5px;
  left: 0;
  right: 0;
  bottom: -20px;
  transform: rotate(-180deg);
  margin-left: auto;
  margin-right: auto;
  background-color: #006c465c;
  border-radius: 20px;
}
.cooperation-story__chart-box {
  margin-top: 50px;
  background: linear-gradient(
    90deg,
    rgb(255, 255, 255) 50%,
    rgb(0, 108, 70) 50%
  );
  border-radius: 30px;
  box-shadow: 0px 4px 40px rgba(0, 108, 70, 0.18);
  padding: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  justify-content: center;
}
.cooperation-story__chart-befor-after {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 18.5732px;
  line-height: 29px;
  color: #16192c;
}
@media (max-width: 576px) {
  .cooperation-story__chart-befor-after {
    font-size: 14px;
  }
}
.cooperation-story__chart-befor-after div:nth-child(1) {
  color: #fff;
}

.cooperation-story__choice-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cooperation-story__choice-box .form-check {
  column-gap: 5px;
}
.cooperation-story__choice-box input {
  width: 20px;
  height: 20px;
}

.cooperation-story__quote {
  margin: 150px auto;
  position: relative;
}
@media (max-width: 992px) {
  .cooperation-story__quote {
    margin: 90px auto;
    position: relative;
  }
}
.cooperation-story__quote .container {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 4px 40px rgba(0, 108, 70, 0.18);
  backdrop-filter: blur(25px);
  padding: 40px 50px 40px 50px;
  border-radius: 33px;
  position: relative;
  z-index: 99;
}
.cooperation-story__quote-img {
  position: relative;
  max-width: 317px;
  width: 100%;
  height: 363px;
}
.cooperation-story__quote-img img {
  width: 100%;
  height: 100%;
}
.cooperation-story__quote-logo {
  position: absolute;
  bottom: -60px;
  right: -80px;
  max-width: 193px;
  max-height: 123px;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      0deg,
      rgba(0, 108, 70, 0.05),
      rgba(0, 108, 70, 0.05)
    ),
    #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}
.cooperation-story__quote-logo img {
  max-width: 73px;
  max-height: 73px;
  width: 100%;
  height: 100%;
}
.cooperation-story__quote-name {
  font-weight: 700;
  font-size: 21px;
  line-height: 27px;
  color: #1e1b39;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .cooperation-story__quote-name {
    text-align: center;
  }
}
.cooperation-story__quote-job {
  font-weight: 500;
  font-size: 15px;
  line-height: 16px;
  color: #6e6c83;
}
@media (max-width: 576px) {
  .cooperation-story__quote-job {
    text-align: center;
  }
}
.cooperation-story__quote-text {
  font-weight: 700;
  font-size: 21px;
  line-height: 40px;
  color: #1e1b39;
}
.cooperation-story__quote-icon.first {
  display: inline-block;
  font-size: 15px;
  color: #00734f;
  rotate: 180deg;
}
.cooperation-story__quote-icon {
  font-size: 15px;
  color: #00734f;
}
.cooperation-story__call {
  margin: 0px 0 0 0;
  padding: 110px 0;
}
@media (max-width: 576px) {
  .cooperation-story__call {
    margin: 80px 0 0 0;
    padding: 50px 0;
  }
}
.cooperation-story__call-title-1 {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #006c46;
}
.cooperation-story__call-title-2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 70px;
  color: #1e1b39;
}
@media (max-width: 576px) {
  .cooperation-story__call-title-2 {
    font-size: 30px;
  }
}
.cooperation-story__call-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #6e6c83;
}
.cooperation-story__call-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  background: #006c46;
  border-radius: 32px;
  border: 0;
  padding: 10px 20px;
  color: #fff;
}
.cooperation-story__call-btn:hover {
  color: #fff;
  text-decoration: none;
}
.cooperation-story__call-btn span {
  background: #fff;
  width: 30px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  color: #006c46;
}
.archive-cooperation__head {
  margin: 160px auto 50px auto;
}
.archive-cooperation__head-text {
  color: #303030;
  font-weight: 600;
}
.archive-cooperation__post {
  background: #ffffff;
  border: 1px solid #f0f0f7;
  box-shadow: 0px 1.36602px 4.09807px rgba(13, 10, 44, 0.08);
  border-radius: 22px;
  transition: border-color 0.3s ease;
}
.archive-cooperation__post:hover {
  border: 2px solid #006c46;
  box-shadow: 0px 1.36602px 15px rgba(0, 108, 70, 0.3);
}
.archive-cooperation__post-title {
  padding: 20px 0 10px 0;
  justify-content: center;
  position: relative;
  text-align: center;
}
.archive-cooperation__post-title::after {
  content: "";
  position: absolute;
  width: 72px;
  height: 5px;
  left: 0;
  right: 0;
  bottom: -10px;
  transform: rotate(-180deg);
  margin-left: auto;
  margin-right: auto;
  background-color: #006c465c;
  border-radius: 20px;
}
.archive-cooperation__post-about {
  justify-content: center;
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  color: #6e6c83;
  margin: 20px 0 0 20px;
  text-align: justify;
}
.archive-cooperation__post-readmore {
  position: relative;
  margin: 20px 0;
  justify-content: center;
  font-weight: 600;
  font-size: 15px;
  line-height: 29px;
  color: #006c46;
  column-gap: 8px;
  transition: column-gap 0.3s ease;
  cursor: pointer;
}

.archive-cooperation__post-readmore:hover {
  column-gap: 15px;
}
.archive-cooperation__post-img {
  max-width: 126px;
  max-height: 126px;
}
.archive-cooperation__post-img img {
  width: 100%;
  height: 100%;
}
.archive-cooperation__post a {
  text-decoration: none !important;
}
.archive-cooperation__pagination {
  margin-bottom: 70px;
}
@media (max-width: 576px) {
  .utm-box__input-item {
    flex-direction: column-reverse;
  }
  .utm-box__input-item input {
    height: auto !important;
    width: 100% !important;
  }
  .utm-box__input-item span {
    width: 100% !important;
  }
}
.utm-box__input-item input,
.utm-box__input-item input:focus {
  height: 100%;
  border: 1px solid #00734e;
}
.utm-box__input-item span {
  background-color: #00734e;
  border: 1px solid #00734e;
  color: #fff;
  min-width: 200px;
}
.utm-box__submit {
  color: #00734e !important;
  border-color: #00734e;
}
.utm-box__submit:hover,
.utm-box__submit:active {
  color: #fff !important;
  border-color: #00734e !important;
  background-color: #00734e !important;
}
.utm-box__submit:focus {
  box-shadow: 0 0 0 0.2rem rgba(2, 117, 81, 0.5) !important;
}
.utm-box__result textarea {
  resize: none;
  direction: ltr;
  text-align: center;
  padding-top: 60px;
}
.utm-box__result textarea,
.utm-box__result textarea:focus {
  border: 1px solid #00734e;
}
.utm-box__link-copy {
  position: absolute;
  top: 15px;
  right: 25px;
  cursor: pointer;
  width: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  z-index: 99;
}
.utm-box__link-copy svg {
  fill: currentColor;
  color: rgba(0, 0, 0, 0.54);
}
.utm-box__copy-msg {
  min-width: 90px;
  color: #00734e;
  border: 1px solid #00734e;
  border-radius: 5px;
  display: none;
  justify-content: center;
  font-size: 13px;
  font-weight: bold !important;
  column-gap: 10px;
  background-color: #e9ecef;
}

.utm-box__link-check {
  position: absolute;
  top: 15px;
  right: 65px;
  cursor: pointer;
  width: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000 !important;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #6b6c6e;
  background-color: #e9ecef;
  z-index: 99;
}

.utm-box__link-check:hover {
  text-decoration: none;
}

.block-rangeslider .noUi-horizontal .noUi-handle {
  display: none;
}
.block.pdf {
  padding-top: 0px !important;
}
.author-page__name {
  color: #2e3741;
  font-size: 20px;
}
.author-page__bio {
  font-size: 14px;
  font-weight: 300;
}

.cooperations {
  margin: 80px 0;
  height: 300px;
  margin: 100px 0 200px 0;
  position: relative;
}
@media (max-width: 500px) {
  .cooperations {
    height: unset;
    margin-bottom: 100px;
  }
}
.cooperations__main-title {
  text-align: center;
  margin-bottom: 10px;
  padding: 0 20px;
}
.cooperations .cooperations__content {
  /* border: 1px solid red; */
  border-radius: 10px;
  padding: 20px;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 60%,
    rgba(254, 209, 0, 1) 79%
  );
}
@media (max-width: 768px) {
  .cooperations .cooperations__content {
    background: linear-gradient(
      0deg,
      rgb(255, 255, 255) 20%,
      rgb(254, 209, 0) 79%
    );
  }
}

.cooperations__title-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
  height: 100%;
}
@media (max-width: 768px) {
  .cooperations__title-box {
    height: unset;
    margin-bottom: 30px;
  }
}

.cooperations__title {
  font-size: 28px;
  font-weight: 700;
  color: #4d4d4d;
}
.cooperations__show-more {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  color: #4d4d4d;
  transition: column-gap 0.3s ease;
}
.cooperations__show-more:hover {
  column-gap: 20px;
  text-decoration: none;
  cursor: pointer;
  color: #4d4d4d;
}

.cooperations__carousel {
  overflow: hidden;
  direction: ltr;
  height: 100%;
}
.cooperations__carousel .swiper-wrapper {
  width: 80%;
}
.cooperations__carousel-nav {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  top: 45px;
  left: -10px;
}
@media (max-width: 768px) {
  .cooperations__carousel-nav {
    bottom: -20px;
    top: unset;
    column-gap: 10px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 280px;
    height: 50px;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
  }
}
.cooperations__carousel .swiper-button-next,
.cooperations__carousel .swiper-button-prev {
  position: unset;
  border: 2px solid rgba(254, 209, 0, 1);
  border-radius: 10px;
  padding: 50px 10px;
  background-color: rgba(254, 209, 0, 1);
}

.cooperations__carousel .swiper-button-next::after,
.cooperations__carousel .swiper-button-prev::after {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
}
@media (max-width: 768px) {
  .cooperations__carousel .swiper-button-next,
  .cooperations__carousel .swiper-button-prev {
    padding: unset;
    width: 80px;
    height: 30px;
  }
  .cooperations__carousel .swiper-button-next::after,
  .cooperations__carousel .swiper-button-prev::after {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
  }
}
.cooperations__carousel .swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

.cooperations__carousel .swiper-slide {
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  background-color: #0000000a;
  border-radius: 10px;
  padding: 20px;
}
@media (max-width: 500px) {
  .cooperations__carousel .swiper-slide {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.cooperations__carousel .swiper-slide-active {
  width: 500px;
}
.cooperations__carousel .swiper-slide-active .cooperations__info {
  display: flex;
}
.cooperations__logo-box {
  max-width: 200px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  row-gap: 10px;
}

.cooperations__info {
  flex-grow: 1;
  max-width: 290px;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  row-gap: 10px;
}
@media (max-width: 500px) {
  .cooperations__logo-box {
    max-width: unset;
  }
  .cooperations__info {
    max-width: unset;
    width: 100%;
  }
}
.cooperations__start-date {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 10px;
  font-weight: 600;
  color: #4d4d4d;
  font-size: 13px;
}
.cooperations__start-date span {
  color: #00734e;
  font-weight: 600;
}
.cooperations__item-about {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
  font-weight: 600;
  color: #4d4d4d;
  font-size: 13px;
  direction: rtl;
  text-align: justify;
}
.cooperations__item-about span {
  color: #00734e;
  font-weight: 600;
}
.cooperations__item-show-more {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
  font-weight: 600;
  align-items: center;
  font-size: 13px;
}
@media (max-width: 500px) {
  .cooperations__item-show-more {
    margin-bottom: 20px;
  }
}
.cooperations__logo {
  max-width: 120px;
  max-height: 120px;
}
.cooperations__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.cooperations__item-title {
  font-size: 18px;
  font-weight: 700;
  color: #4d4d4d;
  text-align: center;
}
.cooperations__item-title:hover {
  text-decoration: none;
  cursor: pointer;
  color: #4d4d4d;
}
.cooperations__item-show-more:hover {
  text-decoration: none;
  cursor: pointer;
}
.wpcf7-quiz-label {
  color: #6c757d;
  opacity: 1;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
}
input.wpcf7-quiz {
  border: 1px solid #6c757d3d;
  border-radius: 5px;
  font-size: 15px;
  padding-right: 8px;
}
.wpcf7-afrak-quiz .wpcf7-form-control-wrap,
.wpcf7-afrak-quiz label,
.wpcf7-afrak-quiz input {
  width: 100%;
}
.wpcf7-afrak-quiz label {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
.latest-youtube {
  margin: 90px auto 90px auto;
}
.latest-youtube__title-box {
  background-color: #f4f4f4;
  color: #00734e;
  row-gap: 10px;
}
.latest-youtube__title {
  color: #333;
  font-size: 22px;
  font-weight: 600;
}
.latest-youtube__more {
  font-weight: 500;
}
.latest-youtube__title-icon i {
  position: absolute;
  left: -50px;
  top: -50%;
  font-size: 80px;
  color: #ff0c12;
}
.latest-youtube__items {
  margin-top: 60px;
  overflow: hidden;
  direction: ltr;
  height: 100%;
}
@media screen and (max-width: 1380px) {
  .latest-youtube__items {
    margin-top: 40px;
  }
}
.latest-youtube__items .swiper-slide {
  max-width: 420px;
  width: 100%;
}
@media screen and (max-width: 1380px) {
  .latest-youtube__items .swiper-slide {
    max-width: 370px;
  }
}
@media screen and (max-width: 1200px) {
  .latest-youtube__items .swiper-slide {
    max-width: 310px;
  }
}
@media screen and (max-width: 992px) {
  .latest-youtube__items .swiper-slide {
    max-width: 350px;
  }
}
@media screen and (max-width: 768px) {
  .latest-youtube__items .swiper-slide {
    max-width: 260px;
  }
}
@media screen and (max-width: 577px) {
  .latest-youtube__items .swiper-slide {
    max-width: 420px;
  }
}
@media screen and (max-width: 420px) {
  .latest-youtube__items .swiper-slide {
    max-width: 390px;
  }
}
@media screen and (max-width: 390px) {
  .latest-youtube__items .swiper-slide {
    max-width: 320px;
  }
}
.latest-youtube__items figure {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  max-width: 420px;
}
@media screen and (max-width: 1380px) {
  .latest-youtube__items figure {
    max-width: 370px;
  }
}
@media screen and (max-width: 1200px) {
  .latest-youtube__items figure {
    max-width: 310px;
  }
}
@media screen and (max-width: 992px) {
  .latest-youtube__items figure {
    max-width: 350px;
  }
}
@media screen and (max-width: 767px) {
  .latest-youtube__items figure {
    max-width: 260px;
  }
}
@media screen and (max-width: 577px) {
  .latest-youtube__items figure {
    max-width: 420px;
  }
}
@media screen and (max-width: 420px) {
  .latest-youtube__items figure {
    max-width: 390px;
  }
}
@media screen and (max-width: 390px) {
  .latest-youtube__items figure {
    max-width: 320px;
  }
}
.latest-youtube__items img {
  width: 100%;
  border-radius: 10px;
}
.latest-youtube__items figcaption {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 32px;
  padding: 0 10px;
  text-align: justify;
  direction: rtl;
  height: 65px;
  overflow: hidden;
}
.latest-youtube__item-show {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  color: #00734e;
  padding: 5px 10px;
  border: 2px solid #00734e;
  font-weight: 600;
  font-size: 15px;
}
.latest-youtube__item-show:hover {
  color: #fff;
  background-color: #00734e;
  text-decoration: none;
}

.block-logos-2 {
  margin: 80px 0;
  position: relative;
  z-index: 9;
}
@media screen and (max-width: 991px) {
  .block-logos-2 {
    margin: 190px 0;
  }
}
@media screen and (max-width: 850px) {
  .block-logos-2 {
    margin: 80px 0;
  }
}
.block-logos-2__container {
  max-width: 2000px;
}

.customer-logo-2-carousel .swiper-slide {
  /* width: 200px; */
  height: 82px;
  background-color: #f9f9f9;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.customer-logo-2-carousel {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.block-logos-2__title {
  position: relative;
  z-index: 99;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.customer-logo-2-carousel .swiper-wrapper {
  transition-timing-function: linear !important;
}

.block-logos-2__image {
  max-width: 122px;
  height: 50px;
}
.block-logos-2__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-fit: scale-down;
}
.youtube-income__result-box:before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(45deg, rgb(246 89 89), rgb(246 89 89 / 86%));
  z-index: 0;
}

.youtube-income__result-box > * {
  position: relative;
  z-index: 10;
  border-bottom: 1px dashed rgb(255 255 255 / 33%);
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.youtube-income__result-box > *:last-child {
  border: none;
  margin: 0;
  padding: 0;
}

span.vahed {
  font-size: 90%;
  font-family: monospace;
}
span.pervahed {
  position: absolute;
  letter-spacing: 0.5px;
  color: #888;
  top: 10px;
  left: 10px;
  font-size: 12px;
  direction: ltr;
}
.pervahedGet {
  font-size: 30px;
  letter-spacing: -1px;
  font-weight: 800;
  color: #000;
  display: inline-block;
  margin-right: 6px;
}
.youtube-income .al-range-slider__tooltip:after {
  border-width: 4px;
  width: 0;
  height: 0;
  display: block;
  content: "";
  border-style: solid;
  border-color: #1b7450 transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  top: 100%;
}

.al-range-slider__grid-tick {
  color: #d6d4d4;
  background: #e4e4e4 !important;
  top: calc(100% + 1px) !important;
}

.al-range-slider__grid-mark {
  left: 0;
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.youtube-income__rpm-range .al-range-slider__input {
  opacity: 0;
  height: 10px;
}
.total-yib-views {
  font-size: 13px;
  font-weight: 300;
  color: #999;
  margin-top: 30px;
}
.total-yib-views .tvpm,
.total-yib-views .tvpy {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #333;
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.yib-help-holder h4 {
  font-size: 13px;
}

.yib-help-holder {
}

.yib-help {
  font-size: 11px;
  color: #999;
  margin-bottom: 20px;
  display: block;
}
.youtube-income__rpm-range.disabled .al-range-slider__track {
  filter: grayscale(0.9);
  opacity: 0.7;
}
.hidetooltip {
  opacity: 0;
  transition: all 0.3s ease;
}
@media (max-width: 578px) {
  .youtube-income__result-box {
    width: 100%;
  }

  .yib-side-content {
    padding: 50px 40px;
  }

  .youtube-income__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 750px) {
  .block-logos-2__image {
    max-width: 100px;
    height: 40px;
  }
  .customer-logo-2-carousel .swiper-slide {
    height: 60px;
  }
}
@media screen and (max-width: 430px) {
  .block-logos-2__image {
    max-width: 85px;
    height: 35px;
  }
}
.promot-pop-up .form-control {
  font-size: 14px;
}
.promot-pop-up input.wpcf7-quiz {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .promote_popup {
    margin-top: 0px;
    z-index: 10000000000;
  }
}

.notification-bar {
  position: fixed;
  top: 0;
  transition: display 0.3s ease;
  width: 100%;
  z-index: 1039;
}

.notification-bar .row {
  height: 45px;
}

.notification-bar__close {
  position: absolute;
  right: 60px;
  top: 0px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 20px;
  z-index: 999;
}
@media screen and (max-width: 576px) {
  .notification-bar__close {
    right: 20px;
  }
}
.notification-bar~main {
  margin: 40px 0 0 0;
}
.notification-bar__box {
  column-gap: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 576px) {
  .notification-bar__box {
    column-gap: 10px;
  }
}

.notification-bar__text {
  font-size: 15px;
  font-weight: 600;
  width: fit-content;
  display: flex;
  align-items: center;
  column-gap: 7px;
  line-height: 20px;
}
@media screen and (max-width: 1450px) {
  .notification-bar__text {
    padding-right: 70px;
  }
}
@media screen and (max-width: 576px) {
  .notification-bar__text {
    padding-right: 40px;
    font-size: 12px;
    line-height : 1.2
  }
}

.notification-bar__text i {
  font-size: 25px;
  font-weight: 700;
  margin-left: 5px;
}

.notification-bar__link {
  font-size: 13px;
  font-weight: 700;
  max-width: 130px;
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  border-radius: 5px;
  transition: column-gap 0.3s ease;
  text-decoration: none !important;
  transition: color 0.07s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: 35px;
}
@media screen and (max-width: 576px) {
  .notification-bar__link {
    font-size: 12px;
    letter-spacing: -0.5px;
    max-width: none;
    width: auto;
    min-width: 70px;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding: 3px 12px;
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    height: 32px;
  }
  
  .notification-bar__link i {
    display: none
  }
}

.notification-bar__link:hover {
  column-gap: 10px;
  color: #fff;
}
@media screen and (max-width: 576px) {
  .notification-bar__link:hover {
    column-gap: 5px;
  }
}

.special-mega {
  display: none;
  position: absolute;
  /* top: 62px; */
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  width: 100%;
  min-height: 410px;
  max-height: 410px;
  z-index: 999;
  background-color: #0000;
  padding-top: 30px;
  transition: display 0.3s ease;
}
@media screen and (max-width: 1200px) {
  .special-mega {
    max-width: 950px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 991px) {
  .special-mega {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .special-mega {
    display: none;
  }
}

.special-mega.show {
  display: flex;
}

.special-mega__wrapper {
  background-color: #fff;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: row;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.special-mega__tab {
  display: flex;
  flex-direction: column;
  max-width: 220px;
  width: 100%;
  border-left: 1px solid #0000001c;
  padding: 30px 0 30px 0;
  color: #000;
  font-size: 16px;
  /* font-weight: 800 !important; */
}

.special-mega .nav-tabs {
  border-bottom: unset;
}

.special-mega .nav-tabs .nav-link {
  border: 0 !important;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  background-color: #fff;
  transition: border 0.1s ease, background-color 0.1s ease;
  min-height: 50px;
  text-align: right;
  padding-right: 30px;
  color: #000;
  position: relative;
}

.special-mega .nav-tabs .nav-link.new::before {
  content: "new";
  /* content: "\e930";
  font-family: "afrak"; */
  font-size: 10px;
  vertical-align: middle;
  width: 33px;
  height: 15px;
  border: none;
  transition: transform 0.3s ease;
  position: absolute;
  top: 17px;
  right: 160px;
  font-weight: 800;
  background-color: red;
  border-radius: 5px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  animation: fade 1.3s infinite;
}

@keyframes fade {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.special-mega .nav-tabs .nav-link.active {
  background-color: #0101010a;
  border-left: 3px solid #006c46 !important;
  font-weight: 700;
  color: #000;
}

.special-mega__content {
  padding: 30px 30px 30px 0px;
  width: 100%;
  overflow: hidden;
}

.special-mega__content-tab {
  flex-direction: row;
  column-gap: 30px;
  overflow-x: auto;
}
.special-mega__content-tab.active {
  display: flex !important;
  height: 100%;
}

.special-mega__content-column {
  display: flex;
  flex-direction: column;
  min-width: 180px;
  max-width: 180px;
  width: 100%;
  overflow: hidden;
}

.special-mega__content-item a {
  font-weight: 300;
  text-decoration: none;
  white-space: nowrap;
  color: #000;
  line-height: 29px;
  font-size: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 7px;
  transition: column-gap 0.3s ease;
}

.special-mega__content-item.head a {
  font-size: 14px !important;
  color: #333;
  margin-top: 25px;
  font-weight: 700;
}

.special-mega__content-item.head:first-child a {
  margin-top: unset;
}

.special-mega__content-item a i {
  color: #fed100;
}

.special-mega__content-item.head a i {
  color: #333;
}

.special-mega__content-item:hover a,
.special-mega__content-item.head:hover a i {
  color: #00734e !important;
  column-gap: 10px;
}

.menu_wrap li.menu_specialMega {
  position: relative;
  margin-left: 35px;
}

li.menu_specialMega::before {
  content: "new";
  font-size: 10px;
  vertical-align: middle;
  width: 33px;
  height: 15px;
  border: none;
  transition: transform 0.3s ease;
  position: absolute;
  top: 3px;
  right: -10px;
  font-weight: 800;
  background-color: red;
  border-radius: 5px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  /* animation: fade 1.3s infinite; */
}
@media screen and (max-width: 768px) {
  li.menu_specialMega::before {
    right: 10px;
  }
}

.menu_wrap li.menu_specialMega::after {
  content: "\e909";
  font-family: "afrak";
  font-size: 10px;
  vertical-align: middle;
  width: auto;
  height: auto;
  border: none;
  transition: transform 0.3s ease;
  position: absolute;
  top: 20px;
  left: -17px;
  font-weight: 800;
}

.menu_wrap li.menu_specialMega.active a {
  color: #00734e;
}

.menu_wrap li.menu_specialMega.active::after {
  transform: rotate(180deg);
  color: #00734e;
}

@media screen and (max-width: 768px) {
  .responsive-menu .menu_specialMega {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .responsive-menu .menu_specialMega::after {
    font-size: 14px !important;
    top: 20px !important;
    left: 15px !important;
    color: #666 !important;
  }
}

.afrak-header-login-icon {
  display: none;
  font-weight: 700;
  color: #00734e;
  font-size: 23.5px;
}
.afrak-header-login {
  color: #444;
  background-color: #ececec;
  border: 1px solid #ddd;
}
.afrak-header-login:hover {
  color: #333;
}

.afrak-header-register {
  color: #fff;
  background-color: #00734e;
  border: 0;
}
.afrak-header-register:hover {
  color: #fff;
}
.search-header-live {
  margin-left: 20px;
}
@media screen and (max-width: 992px) {
  .afrak-header-register {
    display: none;
  }
  .afrak-header-login {
    display: none;
  }
  .afrak-header-login-icon {
    display: flex;
  }
  .search-header-live {
    margin-left: 10px;
    margin-top: 2px;
  }
}
@media screen and (max-width: 768px) {
  .search-header-live {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .smega-responsive {
    display: none !important;
  }
}
.smega-responsive {
  all: unset;
  padding-right: 0px !important;
  display: none !important;
}

.smega-responsive.show {
  display: block !important;
}

.smega-responsive__side > .smega-parent-link {
  all: unset;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 15px !important;
  color: #000 !important;
  padding-right: 30px !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between;
  position: relative;
  margin-bottom: 13px;
  margin-top: 10px;
  align-items: center;
}

.smega-responsive__side.new > .smega-parent-link::before {
  content: "new";
  font-size: 10px;
  vertical-align: middle;
  width: 33px;
  height: 15px;
  border: none;
  transition: transform 0.3s ease;
  position: absolute;
  top: 5px;
  right: 10px;
  font-weight: 800;
  background-color: red;
  border-radius: 5px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: fade 1.3s infinite;
}
.smega-parent-link i {
  font-size: 15px;
  margin-left: 15px;
  color: #666;
}
.smega-responsive__side a i {
  font-size: 12px !important;
}

.smega-responsive__side > ul {
  all: unset !important;
  display: none !important;
}

.smega-responsive__side > ul.show {
  display: block !important;
}

.smega-responsive__items a {
  all: unset !important;
  cursor: pointer !important;
  color: #888 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  padding-right: 40px !important;
  line-height: 40px !important;
  display: flex !important;
  justify-content: flex-start !important;
  column-gap: 7px !important;
  align-items: center !important;
}

.smega-responsive__items.head a {
  color: #000 !important;
}

.smega-responsive__items a i {
  font-size: 13px !important;
  color: #fed100;
}

.smega-responsive__items.head a i {
  color: #000;
}

.arb {
  /* margin: 50px 0; */
}

.arb.back {
  background-color: rgba(0, 108, 70, 0.08);
}

.arb.back-green {
  background-color: #0a714a;
}

.arb .container {
  min-height: 700px;
  position: relative;
  overflow: hidden;
}

.arb__img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  width: 100%;
  min-height: 700px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 992px) {
  .arb .container,
  .arb__img-container {
    min-height: 600px;
  }
}
@media screen and (max-width: 768px) {
  .arb .container,
  .arb__img-container {
    min-height: 490px;
  }
}
@media screen and (max-width: 576px) {
  .arb .container,
  .arb__img-container {
    min-height: 360px;
  }
}
@media screen and (max-width: 450px) {
  .arb .container,
  .arb__img-container {
    min-height: 330px;
  }
}
@media screen and (max-width: 430px) {
  .arb .container,
  .arb__img-container {
    min-height: unset;
  }
}

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

.one-year {
  background-color: #1f764e;
}
.one-year .container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 630px;
}
@media screen and (max-width: 768px) {
  .one-year,
  .one-year .container {
    min-height: 470px;
  }
}
@media screen and (max-width: 450px) {
  .one-year,
  .one-year .container {
    min-height: 470px;
  }
}

.one-year__title {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  font-weight: 900;
  color: #fff;
  top: 30px;
  text-align: center;
}
@media screen and (max-width: 450px) {
  .one-year__title {
    font-size: 24px;
  }
}

.one-year__img-container {
  max-width: 336px;
  width: 100%;
  max-height: 336px;
  height: 336px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .one-year__img-container {
    max-width: 200px;
    max-height: 200px;
  }
}

.one-year__img-container img {
  width: 100%;
  height: 100%;
}

.one-year__img-rotate {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.one-year__img-rotate img {
  padding-top: 12px;
  padding-right: 5px;
  animation: rotation 20s infinite linear;
}

@media screen and (max-width: 768px) {
  .one-year__img-rotate img {
    max-width: 300px;
  }
}

@keyframes rotation {
  from {
    transform: rotate(359deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.arb-download {
  min-height: 220px;
  background-color: #1f764e;
}

.arb-download .container {
  min-height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.arb-download p {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .arb-download p {
    font-size: 25px;
  }
}

.arb-download a {
  font-size: 20px;
  font-weight: 700;
  background-color: #fff;
  color: #1f764e;
}
.arb-download a:hover {
  color: #1f764e;
}

.arb-words .container {
  position: relative;
}

.arb-words__counter {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 170px;
  color: #00734e;
  top: 0;
  padding-top: 120px;
  padding-left: 100px;
  font-weight: 900;
}
@media screen and (max-width: 992px) {
  .arb-words__counter {
    top: -3%;
    font-size: 120px;
  }
}
@media screen and (max-width: 992px) {
  .arb-words__counter {
    top: -6%;
    font-size: 80px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 530px) {
  .arb-words__counter {
    top: -9%;
    font-size: 70px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 430px) {
  .arb-words__counter {
    top: -17%;
    font-size: 48px;
    padding-left: 50px;
  }
}
.arb-winter .container {
  position: relative;
}
@media screen and (max-width: 430px) {
  .arb-winter,
  .arb-winter .container,
  .arb-winter .arb__img-container {
    min-height: 360px;
  }
}

.arb-winter__bahman {
  position: absolute;
  bottom: 10%;
  max-width: 335px;
  max-height: 340px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  animation: scaleChange 2s infinite linear;
}
@media screen and (max-width: 992px) {
  .arb-winter__bahman {
    bottom: 22%;
    max-width: 200px;
    max-height: 200px;
  }
}
@media screen and (max-width: 768px) {
  .arb-winter__bahman {
    bottom: 22%;
    max-width: 140px;
    max-height: 140px;
  }
}
@media screen and (max-width: 576px) {
  .arb-winter__bahman {
    bottom: 10%;
    max-width: 130px;
    max-height: 130px;
    padding-right: 7px;
  }
}
@media screen and (max-width: 410px) {
  .arb-winter__bahman {
    bottom: 24%;
    max-width: 90px;
    max-height: 90px;
    padding-right: 7px;
  }
}

.arb-winter__bahman img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

@keyframes scaleChange {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.arb-call__left {
  position: absolute;
  top: 26%;
  max-width: 280px;
  max-height: 280px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  left: 23%;
  animation: scaleChange 2s infinite linear;
}

.arb-call__right {
  position: absolute;
  top: 26%;
  max-width: 280px;
  max-height: 280px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  right: 26%;
  animation: scaleChange 2s infinite linear;
}

@media screen and (max-width: 1380px) {
  .arb-call__right {
    right: 21%;
  }
  .arb-call__left {
    left: 19%;
  }
}
@media screen and (max-width: 992px) {
  .arb-call__right,
  .arb-call__left {
    top: 38%;
    max-width: 160px;
    max-height: 160px;
  }
}
@media screen and (max-width: 768px) {
  .arb-call__right,
  .arb-call__left {
    top: 34%;
    max-width: 120px;
    max-height: 120px;
  }
}
@media screen and (max-width: 500px) {
  .arb-call__left {
    left: 22%;
    top: 35%;
    max-width: 90px;
    max-height: 90px;
  }
  .arb-call__right {
    right: 24%;
    top: 36%;
    max-width: 90px;
    max-height: 90px;
  }
}
@media screen and (max-width: 390px) {
  .arb-call__left {
    left: 20%;
    top: 36%;
    max-width: 70px;
    max-height: 70px;
  }
  .arb-call__right {
    right: 22%;
    top: 36%;
    max-width: 70px;
    max-height: 70px;
  }
}

.arb-call__right img,
.arb-call__left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.arb-reality__left {
  position: absolute;
  bottom: 30%;
  max-width: 122px;
  max-height: 122px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  left: 25%;
  animation: scaleChange 2s infinite linear;
}

.arb-reality__center {
  position: absolute;
  bottom: 30%;
  max-width: 122px;
  max-height: 122px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  animation: scaleChange 2s infinite linear;
}

.arb-reality__right {
  position: absolute;
  bottom: 30%;
  max-width: 122px;
  max-height: 122px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  right: 25%;
  animation: scaleChange 2s infinite linear;
}
@media screen and (max-width: 1380px) {
  .arb-reality__right {
    right: 22%;
  }
  .arb-reality__left {
    left: 22%;
  }
}
@media screen and (max-width: 1200px) {
  .arb-reality__right {
    right: 18%;
  }
  .arb-reality__left {
    left: 18%;
  }
}
@media screen and (max-width: 992px) {
  .arb-reality__right,
  .arb-reality__left,
  .arb-reality__center {
    bottom: 35%;
    max-width: 82px;
    max-height: 82px;
  }
}
@media screen and (max-width: 767px) {
  .arb-reality__right,
  .arb-reality__left,
  .arb-reality__center {
    bottom: 33%;
    max-width: 52px;
    max-height: 52px;
  }
}
@media screen and (max-width: 500px) {
  .arb-reality__right,
  .arb-reality__left,
  .arb-reality__center {
    bottom: 36%;
    max-width: 42px;
    max-height: 42px;
  }
}
@media screen and (max-width: 430px) {
  .arb-reality__right,
  .arb-reality__left,
  .arb-reality__center {
    bottom: 31%;
  }
}

.arb-reality__left img,
.arb-reality__right img,
.arb-reality__center img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.arb-budget__gif {
  position: absolute;
  bottom: 20%;
  max-width: 400px;
  max-height: 400px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  left: 9%;
}
.arb-budget__gif img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .arb-budget__gif {
    left: 0%;
  }
}
@media screen and (max-width: 1200px) {
  .arb-budget__gif {
    max-width: 300px;
    max-height: 300px;
  }
}
@media screen and (max-width: 768px) {
  .arb-budget__gif {
    max-width: 200px;
    max-height: 200px;
  }
}
@media screen and (max-width: 400px) {
  .arb-budget__gif {
    max-width: 130px;
    max-height: 130px;
    bottom: 25%;
  }
}

.arb .watch-time-counter {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 170px;
  color: #00734e;
  bottom: -7%;
  font-weight: 900;
  right: 25%;
}
@media screen and (max-width: 992px) {
  .arb .watch-time-counter {
    font-size: 110px;
    bottom: 3%;
    right: 23%;
  }
}
@media screen and (max-width: 768px) {
  .arb .watch-time-counter {
    font-size: 100px;
    bottom: 0%;
    right: 23%;
  }
}
@media screen and (max-width: 576px) {
  .arb .watch-time-counter {
    font-size: 70px;
    bottom: -4%;
    right: 26%;
  }
}
@media screen and (max-width: 430px) {
  .arb .watch-time-counter {
    font-size: 45px;
  }
}

@media screen and (max-width: 781px) {
  .form-optimize-gift {
    padding: 0 20px;
  }
}

.form-optimize-gift input[type="url"],
.form-optimize-gift input[type="email"] {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 18px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ebeae9;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-optimize-gift input:focus {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}
.form-optimize-gift input::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-optimize-gift input:focus-visible {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.form-optimize-gift-title {
  font-size: 18px;
  padding-right: 12px;
  font-weight: 600;
  color: #41464a;
  text-align: center;
}

.form-optimize-gift .wpcf7-list-item-label {
  font-size: 18px;
  padding-right: 12px;
  font-weight: 600;
  color: #41464a;
}

.form-optimize-gift-check-box .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.form-optimize-gift-check-box .wpcf7-checkbox {
  display: flex;
  width: 100%;
  justify-content: center;
}
@media screen and (max-width: 1100px) and (min-width: 781px) {
  .form-optimize-gift-check-box .wpcf7-checkbox {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 580px) {
  .form-optimize-gift-check-box .wpcf7-checkbox {
    flex-direction: column;
    align-items: center;
  }
}

.form-optimize-gift .wpcf7-afrak-quiz p {
  width: 100%;
}

.block-youtubeIncome .container {
  padding-top: 80px;
}

.form-newsletter .quiz .wpcf7-form-control-wrap {
  display: flex;
  width: 100%;
  height: 100%;
}

.form-newsletter .quiz label {
  width: 100%;
  height: 100%;
}

.form-newsletter .quiz .wpcf7-quiz-label {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}

.form-newsletter .quiz input {
  width: 100%;
  height: 100%;
  background-color: #1c2535;
  border: 0;
  border-bottom: 0.1px solid #68748e;
  border-radius: 0;
  color: #fff;
}
@media screen and (max-width: 992px) {
  .form-newsletter .quiz input {
    font-size: 12px;
  }
}

.form-newsletter .quiz input::placeholder {
  color: #acb2b9;
}

.form-newsletter .quiz .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -28px;
}

.afrak-newsletter {
  width: 100%;
  padding: 30px 0;
}

.afrak-newsletter .wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 20px;
  background-color: #ebf3f0;
  padding: 30px;
  border-radius: 15px;
  position: relative;
  row-gap: 20px;
}

.afrak-newsletter.blog .wrapper {
  padding: 10px 30px;
}

.afrak-newsletter.left .wrapper {
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .afrak-newsletter .wrapper {
    flex-direction: column;
  }

  .afrak-newsletter.left .wrapper {
    flex-direction: column;
  }
}

.afrak-newsletter__image {
  max-width: 450px;
  height: 250px;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 1200px) {
  .afrak-newsletter__image {
    height: unset;
    max-width: 350px;
  }
}
@media screen and (max-width: 1000px) {
  .afrak-newsletter__image {
    max-width: 250px;
    align-self: flex-start;
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .afrak-newsletter__image {
    max-width: 250px;
    align-self: unset;
    margin-top: unset;
  }
}

.afrak-newsletter.blog .afrak-newsletter__image {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 160px;
  height: 90px;
  transform: rotate(0deg);
}
@media screen and (max-width: 1000px) {
  .afrak-newsletter.blog .afrak-newsletter__image {
    top: -45px;
    right: -15px;
  }
}
@media screen and (max-width: 768px) {
  .afrak-newsletter.blog .afrak-newsletter__image {
    top: 5px;
    right: -5px;
  }
}
@media screen and (max-width: 550px) {
  .afrak-newsletter.blog .afrak-newsletter__image {
    top: 5px;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
  }
}

.afrak-newsletter.blog.left .afrak-newsletter__image {
  position: absolute;
  top: 5px;
  right: unset;
  left: 5px;
  width: 160px;
  height: 90px;
  transform: rotate(0deg);
}
@media screen and (max-width: 1000px) {
  .afrak-newsletter.blog.left .afrak-newsletter__image {
    top: -45px;
    left: -15px;
  }
}
@media screen and (max-width: 768px) {
  .afrak-newsletter.blog.left .afrak-newsletter__image {
    top: 5px;
    left: -5px;
  }
}
@media screen and (max-width: 550px) {
  .afrak-newsletter.blog.left .afrak-newsletter__image {
    top: 5px;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
  }
}

.afrak-newsletter__image img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.afrak-newsletter__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  row-gap: 0px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 550px) {
  .afrak-newsletter.blog .afrak-newsletter__content {
    padding-top: 90px;
  }
}

.afrak-newsletter__title {
  color: #000;
  font-weight: 600;
  text-align: center;
  font-size: 2rem;
}

.afrak-newsletter__description {
  font-size: 15px;
  /* color: red; */
  font-weight: 500;
  text-align: center;
}

.afrak-newsletter.blog .afrak-newsletter__description {
  margin-top: 30px !important;
  /* margin-bottom: 20px !important; */
}
@media screen and (max-width: 550px) {
  .afrak-newsletter.blog .afrak-newsletter__description {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

.afrak-newsletter__form {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.afrak-newsletter__form .wpcf7 {
  width: 100%;
}

.afrak-newsletter__form p {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 20px;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
}

.afrak-newsletter__form p span:first-child {
  width: 48%;
}

.afrak-newsletter__form p span:nth-child(2) {
  width: 33%;
}

.afrak-newsletter.blog .afrak-newsletter__form p span {
  /* width: 48%; */
  height: 65px;
}

@media screen and (max-width: 1380px) {
  .afrak-newsletter__form p span:first-child {
    width: 48%;
  }

  .afrak-newsletter__form p span:nth-child(2) {
    width: 48%;
  }
}

@media screen and (max-width: 1000px) {
  .afrak-newsletter__form p span:first-child,
  .afrak-newsletter__form p span:nth-child(2) {
    width: 100%;
  }
}

.afrak-newsletter__form p .wpcf7-not-valid-tip {
  width: 100%;
  margin-top: 0;
}

.afrak-newsletter__form p input {
  width: 100%;
  border: 0;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  padding: 5px;
  border-bottom: 1px solid #4e4e4e42;
  background: unset;
  border-radius: 0;
  direction: rtl;
}

.afrak-newsletter__form p button {
  width: 100px;
  border: 0;
  background-color: #00734e;
  color: #fff;
  padding: 8px 0;
  border-radius: 5px;
  font-weight: 600;
  margin-right: auto;
}

.afrak-newsletter.left .afrak-newsletter__form p button {
  margin-right: unset;
  margin-left: auto;
}

.afrak-newsletter__form p label {
  position: relative;
  width: 100%;
  margin-bottom: 0;
}

.afrak-newsletter__form .wpcf7-quiz-label {
  position: absolute;
  width: fit-content !important;
  bottom: 13px;
  left: 0;
  font-weight: 500;
  direction: rtl;
  height: 18px !important;
}

.single-ebook__head {
  margin-top: 15px;
  /* margin-bottom: 120px; */
}

.single-ebook__head-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.03em;
  text-align: right;
}

.single-ebook__head-meta {
  margin-bottom: 20px;
}

.single-ebook__head-author {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: right;
  color: #00734e;
  column-gap: 10px;
}

.single-ebook__head-author img {
  width: 40px;
  height: 40px;
}

.single-ebook__head-publishedat {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}

.single-ebook__head-publishedat-caption {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: right;
}

.single-ebook__head-publishedat span {
  font-size: 13px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0em;
  color: #75727b;
}

.single-ebook__head-image {
  max-width: 962px;
  width: 100%;
  height: 520px;
}
@media screen and (max-width: 992px) {
  .single-ebook__head-image {
    height: 420px;
  }
}
@media screen and (max-width: 767px) {
  .single-ebook__head-image {
    height: 340px;
  }
}
@media screen and (max-width: 500px) {
  .single-ebook__head-image {
    height: 290px;
  }
}
@media screen and (max-width: 400px) {
  .single-ebook__head-image {
    height: 210px;
  }
}

.single-ebook__head-image img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  object-fit: cover;
}

.single-ebook__main {
  margin-top: 70px;
  margin-bottom: 100px;
  display: flex;
  justify-content: flex-start;
  column-gap: 40px;
}
.single-ebook__main article {
  flex-grow: 1;
  width: 100%;
}

.single-ebook__article {
  padding: 0 7px;
}

.single-ebook__article h2 {
  font-size: 19px;
  font-weight: 800;
  line-height: 38px;
  letter-spacing: -0.03em;
  text-align: right;
  color: #1f1f1f;
}

.single-ebook__article h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.03em;
  text-align: right;
}

.single-ebook__article p {
  font-size: 17px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: right;
  color: #75727b;
}
@media screen and (max-width: 1199px) {
  .single-ebook__main {
    flex-wrap: wrap;
    row-gap: 30px;
    margin-bottom: 50px;
  }

  .single-ebook__article {
    padding: 0 15px;
  }
}
.custom-heading {
  background-color: #ecf5fc;
  padding: 40px;
  border-radius: 15px;
  margin: 40px 0;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 450px) {
  .custom-heading {
    padding: 40px 20px;
  }
}

.custom-heading__title {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.03em;
  margin-bottom: 15px;
}

.custom-heading__items {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  row-gap: 10px;
}
@media screen and (max-width: 767px) {
  .custom-heading__items {
    flex-wrap: wrap;
  }
}

ul.custom-heading__items {
  padding-right: 40px;
}

ul.custom-heading__items li {
  list-style: disc;
}

.custom-heading__items li {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .custom-heading__items li {
    width: 100%;
  }
}

.ebook-features {
  margin: 40px 0;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.ebook-features__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: 20px;
}
@media screen and (max-width: 500px) {
  .ebook-features__items {
    justify-content: center;
  }
}

.ebook-features__item {
  width: 47%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  column-gap: 18px;
}
@media screen and (max-width: 500px) {
  .ebook-features__item {
    max-width: 370px;
    width: 100%;
  }
}

.ebook-features__item-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 10px;
}

.ebook-features__item-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: right;
  color: #75727b;
}

.ebook-features__item-icon {
  max-width: 56px;
  width: 100%;
  height: 52px;
  flex-shrink: 0;
  margin-top: 15px;
}

.ebook-features__item-icon img {
  width: 100%;
  height: 100%;
}

.ebook-features__item-icon i {
  font-size: 30px;
}

.single-ebook__main aside {
  max-width: 385px;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .single-ebook__main aside {
    max-width: 610px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 575px) {
  .single-ebook__main aside {
    padding: 0 20px;
  }
}

.single-ebook__sidebar {
  position: sticky;
  border-radius: 15px;
  background-color: #fff;
  height: auto;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  top: 200px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) !important;
}

.single-ebook__sidebar-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: -0.02em;
  text-align: center;
  width: 100%;
  padding: 20px 0 5px;
}

.single-ebook__sidebar-items {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 15px;
  padding: 0 8px 0 8px;
}

.single-ebook__sidebar-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}
@media screen and (max-width: 1199px) {
  .single-ebook__sidebar-item {
    flex-direction: row-reverse;
    justify-content: space-around;
  }
}
@media screen and (max-width: 420px) {
  .single-ebook__sidebar-item {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}

.single-ebook__sidebar-item-image {
  max-width: 161px;
  height: 101px;
  width: 100%;
}

.single-ebook__sidebar-item-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.single-ebook__sidebar-item .left {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
@media screen and (max-width: 420px) {
  .single-ebook__sidebar-item .left {
    width: 100%;
    justify-content: center;
  }
}

.single-ebook__sidebar-item-meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 5px;
}
@media screen and (max-width: 420px) {
  .single-ebook__sidebar-item-meta {
    justify-content: center;
  }
}

.single-ebook__sidebar-item-meta span {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.03em;
  color: #8e8e8e;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 6px;
}

.single-ebook__sidebar-item-title {
  font-size: 13px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 420px) {
  .single-ebook__sidebar-item-title {
    text-align: center;
  }
}

.single-ebook__sidebar-item-more {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  column-gap: 10px;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.06em;
  text-align: right;
  color: #00734e;
}
@media screen and (max-width: 420px) {
  .single-ebook__sidebar-item-more {
    justify-content: center;
  }
}

.single-ebook__sidebar-item-more:hover {
  text-decoration: none;
}

.single-ebook__sidebar-more {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 187px;
  column-gap: 40px;
  background-color: #ffecec;
  border-radius: 0 0 15px 15px;
}
@media screen and (max-width: 450px) {
  .single-ebook__sidebar-more {
    flex-wrap: wrap;
    padding: 20px 10px;
    height: unset;
    row-gap: 15px;
  }
}

.single-ebook__sidebar-more:hover {
  text-decoration: none;
}

.single-ebook__sidebar-more .left {
  max-width: 134px;
  width: 100%;
  height: 134px;
}

.single-ebook__sidebar-more .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 450px) {
  .single-ebook__sidebar-more .right {
    width: 100%;
  }
}

.single-ebook__sidebar-category-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #1b1b1b;
}

.single-ebook__sidebar-category-subtitle {
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.03em;
  text-align: right;
  color: #ff695d;
}

.ebook-slider {
  margin-top: 40px;
  margin-bottom: 40px;
}

.ebook-slider__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
  font-size: 19px;
  font-weight: 800;
  line-height: 38px;
  letter-spacing: -0.03em;
  color: #1f1f1f;
}
@media screen and (max-width: 575px) {
  .ebook-slider__title {
    justify-content: center;
  }
}

.ebook-slider__title i {
  margin-top: -10px;
}

.ebook-slider .swiper {
  width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 575px) {
  .ebook-slider .swiper {
    max-width: 250px;
  }
}

.ebook-cart {
  max-width: 395px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: 10px;
}
@media screen and (max-width: 1380px) {
  .ebook-cart {
    max-width: 348px;
  }
}
@media screen and (max-width: 1199px) {
  .ebook-cart {
    max-width: 288px;
  }
}
@media screen and (max-width: 991px) {
  .ebook-cart {
    max-width: 325px;
  }
}
@media screen and (max-width: 767px) {
  .ebook-cart {
    max-width: 235px;
  }
}

.ebook-cart__image {
  max-width: 395px;
  width: 100%;
  height: 263px;
}
@media screen and (max-width: 1380px) {
  .ebook-cart__image {
    height: 233px;
  }
}
@media screen and (max-width: 1199px) {
  .ebook-cart__image {
    height: 183px;
  }
}
@media screen and (max-width: 767px) {
  .ebook-cart__image {
    height: 163px;
  }
}

.ebook-cart__image img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.ebook-cart__meta {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  column-gap: 20px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
  color: #8e8e8e;
}
@media screen and (max-width: 767px) {
  .ebook-cart__meta {
    column-gap: 10px;
    flex-wrap: wrap;
  }
}

.ebook-cart__meta a {
  color: #8e8e8e;
}

.ebook-cart__meta span {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
}

.ebook-cart__meta i {
  font-size: 15px;
  margin-top: 0px;
}

.ebook-cart__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.03em;
  text-align: right;
  color: #1f1f1f;
  width: 100%;
}

.ebook-cart__title:hover {
  color: #1f1f1f;
}

.ebook-cart__more {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;

  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.06em;
}

.ebook-slider__btns {
  margin-top: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 100px;
}

.ebook-slider__pagination {
  width: 80px;
  height: 2px;
  transform: rotate(180deg);
  margin-top: -5px;
}

.top-ebook-category {
  margin-top: 90px;
  margin-bottom: 70px;
  position: relative;
  padding: 70px 0 70px;
}
@media screen and (max-width: 1199px) {
  .top-ebook-category {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 50px 0 50px;
  }
}
@media screen and (max-width: 575px) {
  .top-ebook-category {
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 40px 0 40px;
  }
}

.top-ebook-category__back {
  position: absolute;
  width: 90%;
  height: 100%;
  background-color: #fbfbfb;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
}
@media screen and (max-width: 1450px) {
  .top-ebook-category__back {
    width: 96%;
  }
}

.top-ebook-category__subtitle {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.03em;
  text-align: right;
  color: #8e8e8e;
}
@media screen and (max-width: 767px) {
  .top-ebook-category__subtitle {
    text-align: center;
  }
}

.top-ebook-category__title {
  font-size: 19px;
  font-weight: 800;
  line-height: 26px;
  letter-spacing: -0.03em;
  text-align: right;
  color: #0f1723;
}
@media screen and (max-width: 767px) {
  .top-ebook-category__title {
    text-align: center;
  }
}

.top-ebook-category__image {
  max-width: 395px;
  width: 100%;
  height: 263px;
}
@media screen and (max-width: 1199px) {
  .top-ebook-category__image {
    height: 203px;
  }
}
@media screen and (max-width: 991px) {
  .top-ebook-category__image {
    height: 143px;
  }
}
@media screen and (max-width: 767px) {
  .top-ebook-category__image {
    height: 203px;
  }
}

.top-ebook-category__image img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.ebook-filter {
  margin-top: 120px;
  margin-bottom: 70px;
  position: relative;
}

.ebook-filter__heads {
  border: 0.9px solid #e2e2e2;
  border-radius: 10px;
  padding: 0 40px;
}
@media screen and (max-width: 991px) {
  .ebook-filter__heads {
    padding: 0 10px;
  }
}

.ebook-filter__terms {
  height: 100%;
}

.ebook-filter__terms-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 15px;
  padding: 15px 0;

  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #2a896b;
}
@media screen and (max-width: 992px) {
  .ebook-filter__terms-title {
    justify-content: center;
  }
}

.ebook-filter__terms-title i {
  font-weight: 400;
}

.ebook-filter__terms-items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
  overflow-x: auto;
}
@media screen and (max-width: 992px) {
  .ebook-filter__terms-items {
    height: 50px;
    border-bottom: 1px solid #4e4e4e1c;
    max-width: 550px;
    margin-right: auto;
    margin-left: auto;
  }
}

.ebook-filter__terms-items div {
  position: relative;
  cursor: pointer;
  min-width: 120px;
  text-align: center;
  /* border-left: 1px solid #4e4e4e24; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .ebook-filter__terms-items div {
    border-left: 0;
  }
}

.ebook-filter__terms-items div:first-child {
  min-width: 60px;
}

.ebook-filter__terms-items span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #6c757d;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ebook-filter__terms-items div.active span {
  color: #0f1723;
  font-weight: 700;
}

.ebook-filter__terms-items div.active::before {
  content: "";
  position: absolute;
  width: 70%;
  height: 2px;
  background-color: #00734e;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 992px) {
  .ebook-filter__terms-items div.active::before {
    bottom: 0;
    top: unset;
  }
}

.ebook-filter__heads-search {
  padding: 20px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ebook-filter__search-form {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 15px;
  padding: 5px 0;
}
@media screen and (max-width: 991px) {
  .ebook-filter__search-form {
    justify-content: center;
  }
}

.ebook-filter__search-form input {
  border: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: right;
  color: #6c757d;
  flex-grow: 1;
  max-width: 160px;
}
@media screen and (max-width: 991px) {
  .ebook-filter__search-form input {
    max-width: 460px;
  }
}

.ebook-filter__search-form button {
  background-color: unset;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ebook-filter__search-form button i {
  color: #6c757d;
  font-size: 17px;
  font-weight: 500;
}

.ebook-filter__content {
  margin-top: 50px;
}

.ebook-filter__content-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .ebook-filter__content-top {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}

.ebook-filter__content-top .right {
  font-size: 19px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.03em;
  text-align: right;
  color: #0f1723;

  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
  max-width: 850px;
}
@media screen and (max-width: 767px) {
  .ebook-filter__content-top .right {
    width: 100%;
    text-align: center;
  }
}

.ebook-filter__content-top .right .searched {
  display: none;
  /* justify-content: center;
  align-items: center; */
  /* column-gap: 5px; */
  background-color: #f7f7f7;
  padding: 0px 20px;
  border-radius: 10px;
  margin-right: 15px;
  font-size: 12px;
  color: #6b6b6b;
}

.ebook-filter__content-top .left {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: right;
  color: #6b6b6b;
  column-gap: 5px;
}
@media screen and (max-width: 767px) {
  .ebook-filter__content-top .left {
    width: 100%;
    justify-content: center;
  }
}

.ebook-filter__content-top .left i {
  font-weight: 900;
}

.ebook-filter__content-top .left select {
  border: 0;
  font-size: 12px;
  font-weight: 700;
  color: #6b6b6b;
  background-color: #e6e6e64f;
  border-radius: 5px;
  padding: 2px 13px;
}

.ebook-filter__content-top .left option {
  font-size: 13px;
}

.ebook-filter__content-items {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 40px;
}
@media screen and (max-width: 575px) {
  .ebook-filter__content-items {
    justify-content: center;
    max-width: 310px;
    margin-right: auto;
    margin-left: auto;
  }
}

.ebook-filter__content-items-msg {
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

.ebook-filter__content-items .pagination_wrap {
  width: 100%;
}

.ebook-filter__content-items .pagination_wrap .page-link {
  cursor: pointer;
}

.ebook-filter__content-items .pagination_wrap .page-link.more {
  cursor: unset;
}

.ebook-filter__content-item {
  max-width: 395px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: 10px;
}

.ebook-trend {
  margin-top: 190px;
}

.ebook-breadcrumb {
  margin-top: 170px;
}

.ebook-trend__carousel {
  /* border: 1px solid #4e4e4e; */
}

.ebook-trend__carousel .swiper {
  width: 100%;
  overflow: hidden;
  height: 480px;
}
@media screen and (max-width: 767px) {
  .ebook-trend__carousel .swiper {
    height: 350px;
  }
}
@media screen and (max-width: 440px) {
  .ebook-trend__carousel .swiper {
    height: 260px;
  }
}

.ebook-trend__carousel .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.ebook-trend__carousel .swiper-slide a {
  position: absolute;
  top: 70%;
  background-color: #00734e;
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  right: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
@media screen and (max-width: 992px) {
  .ebook-trend__carousel .swiper-slide a {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .ebook-trend__carousel .swiper-slide a {
    padding: 5px 10px;
  }
}

.ebook-trend__carousel .swiper-slide a:hover {
  background-color: #fff;
  border: 2px solid #00734e;
  color: #00734e;
  text-decoration: none;
}

.swiper-slide.active .fade-up {
  animation: fadeInUp 1.2s ease 0.5s forwards;
}

.ebook-trend__carousel-image {
  width: 100%;
  height: 100%;
}

.ebook-trend__carousel-image img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.ebook-trend__top-aside {
  max-height: 480px;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}
@media screen and (max-width: 1200px) {
  .ebook-trend__top-aside {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .ebook-trend__top-aside {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}

.ebook-trend__single-page {
  height: 235px;
  /* background-color: #2aa281; */
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 20px;
  padding: 50px;
}
@media screen and (max-width: 1200px) {
  .ebook-trend__single-page {
    width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .ebook-trend__single-page {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .ebook-trend__single-page {
    padding: 20px;
  }
}

.ebook-trend__single-page .right {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.ebook-trend__single-page-title {
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.03em;
}

.ebook-trend__single-page-title:hover {
  color: #fff;
}

.ebook-trend__single-page-subtitle {
  color: #f9c407;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.06em;
}

.ebook-trend__single-page .left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ebook-trend__single-page-icon {
  width: 81px;
  height: 81px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.ebook-trend__single-page-icon i {
  font-size: 28px;
  margin-top: -10px;
}

.ebook-trend__blog-category {
  height: 235px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  row-gap: 15px;
  padding: 50px;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  .ebook-trend__blog-category {
    width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .ebook-trend__blog-category {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .ebook-trend__blog-category {
    padding: 20px;
  }
}

.ebook-trend__blog-category img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  top: 0;
  border-radius: 15px;
}

.ebook-trend__blog-category-title {
  position: relative;
  z-index: 99;
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: -0.04em;
  text-align: center;
}

.ebook-trend__blog-category-more {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: -0.06em;
  border-bottom: 1px solid #fff;
  z-index: 9;
  color: #fff;
  padding-bottom: 10px;
}

.ebook-trend__blog-category-more:hover {
  color: #fff;
  text-decoration: none;
}

.ebook-trend .bottom {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .ebook-trend .bottom {
    margin-top: 40px;
  }
}

.ebook-trend__single-blog {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 20px;
}

@media screen and (max-width: 991px) {
  .ebook-trend__single-blog {
    flex-direction: column;
  }
}

.ebook-trend__single-blog .right {
  max-width: 264px;
  width: 100%;
  height: 167px;
}
@media screen and (max-width: 991px) {
  .ebook-trend__single-blog .right {
    max-width: unset;
    height: 187px;
  }
}
@media screen and (max-width: 575px) {
  .ebook-trend__single-blog .right {
    max-width: 264px;
    height: 167px;
  }
}
@media screen and (max-width: 430px) {
  .ebook-trend__single-blog .right {
    max-width: unset;
    height: 207px;
  }
}

.ebook-trend__single-blog .right img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.ebook-trend__single-blog .left {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
  border-bottom: 1px solid #e4e4e4;
  padding-top: 15px;
}
@media screen and (max-width: 1380px) {
  .ebook-trend__single-blog .left {
    row-gap: 7px;
  }
}
@media screen and (max-width: 991px) {
  .ebook-trend__single-blog .left {
    padding-bottom: 10px;
    height: unset;
  }
}

.ebook-trend__single-blog-meta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 15px;
}
@media screen and (max-width: 1380px) {
  .ebook-trend__single-blog-meta {
    flex-wrap: wrap;
    row-gap: 5px;
  }
}
@media screen and (max-width: 575px) {
  .ebook-trend__single-blog-meta {
    width: 100%;
    justify-content: center;
  }
}

.ebook-trend__single-blog-meta a,
.ebook-trend__single-blog-meta span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.03em;
  color: #8e8e8e;
}

.ebook-trend__single-blog-meta i,
.ebook-trend__single-blog-meta svg {
  margin-top: -5px;
}

.ebook-trend__single-blog-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.03em;
  text-align: right;
  color: #000000;
}

.ebook-trend__single-blog-title:hover {
  color: #000;
}

.ebook-trend__single-blog-more {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.06em;
}

.ebook-trend__carousel-pagination-container {
  width: fit-content;
  padding: 0 20px;
  height: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  z-index: 99;
  background-color: #fff;
  border-radius: 5px 0 0 0;
}

.ebook-trend__carousel-pagination {
  width: 100%;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 4px;
}

.pagination_wrap ul {
  flex-wrap: wrap;
  row-gap: 5px;
}

.single-ebook__head-form-container {
  border: 1px solid #e2e2e2;
  border-radius: 15px;
  padding: 15px 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: 10px;
  max-height: 520px;
}
@media screen and (max-width: 1200px) {
  .single-ebook__head-form-container {
    max-height: unset;
    padding: 25px 30px;
  }
}

.single-ebook__head-form-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.02em;
  text-align: right;
  width: 100%;
}
.single-ebook__head-form-title span {
  font-size: 25px;
  color: #75dfbe;
  font-weight: 900;
}

.single-ebook__head-form-container .wpcf7 {
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .single-ebook__head-form-container .wpcf7 {
    width: 65%;
  }
}
@media screen and (max-width: 991px) {
  .single-ebook__head-form-container .wpcf7 {
    width: 100%;
  }
}

.single-ebook__head-form-container .wpcf7-form {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media screen and (max-width: 1200px) {
  .single-ebook__head-form-container .wpcf7-form {
    row-gap: 25px;
  }
}

.single-ebook__head-form-container p {
  margin: 0px 0;
  position: relative;
}

.single-ebook__head-form-container label {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: right;
  color: #1f1f1f;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  position: relative;
  margin-bottom: 1px;
}

.single-ebook__head-form-container input {
  width: 100%;
  border: 1px solid #e2e2e2;
  padding: 15px 15px;
  border-radius: 10px;
  text-align: right;
  direction: rtl;

  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: right;
}

.single-ebook__head-form-container input::placeholder {
  color: #9a989e;
}

.single-ebook__head-form-container input.wpcf7-submit {
  background-color: #fed100;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0em;
  padding: 15px;
}

.single-ebook__head-form-container .wpcf7-quiz-label {
  position: absolute;
  top: 0;
  left: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: right;
  color: #75727b;
  direction: rtl;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: fit-content;
}

.single-ebook__head-form-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: right;
  color: #75727b;
  direction: rtl;
}

.single-ebook__head-form-container span.wpcf7-spinner {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9999;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.single-ebook__head-form-container .wpcf7-response-output {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.careers {
  margin-top: 50px;
}

.careers__head {
  background-color: #fbfbfb;
  padding: 30px 30px;
  border-radius: 15px;
}

.careers__head ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 30px;
  border-bottom: unset;
  overflow-x: auto;
  flex-wrap: nowrap;
}

.careers__head-item {
  width: fit-content;
  flex-shrink: 0;
}

.careers__head-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 4px;
  font-size: 15px;
  color: #4f4f66;
  font-weight: 400;
  transition: all 0.3s ease;
}

.careers__head-item i {
  color: #00734e;
  font-weight: 700;
  font-size: 17px;
  margin-top: -10px;
}

.careers__head-item.active a {
  font-weight: 700;
  text-decoration: underline;
}

.careers__head-form {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  column-gap: 10px;
}
@media screen and (max-width: 768px) {
  .careers__head-form {
    justify-content: center;
  }
}

.careers__head-form input {
  flex-grow: 1;
  border: 0;
  background-color: unset;
  font-size: 13px;
  font-weight: 500;
  max-width: 200px;
}

.careers__head-form button {
  flex-shrink: 0;
  background-color: unset;
  border: 0;
  font-weight: 700 !important;
  font-size: 18px;
  color: #4f4f66;
  display: flex;
  justify-content: center;
  align-items: center;
}

.careers__items {
  margin-top: 40px;
}

.careers__items-404 {
  width: 100%;
  text-align: center;
}

.careers .tab-content > .active {
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  flex-wrap: wrap;
}

.careers__search-content {
  margin-top: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  flex-wrap: wrap;
}

.careers__search-content {
  display: none;
}

.careers__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 5px;
  border: 1px solid #e4e7eb;
  border-radius: 10px;
  padding: 30px;
  width: 48%;
  align-self: stretch;
}
@media screen and (max-width: 992px) {
  .careers__item {
    width: 100%;
  }
}

.careers__item-top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
  width: 100%;
}
@media screen and (max-width: 450px) {
  .careers__item-top {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}

.careers__item-title {
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 450px) {
  .careers__item-title {
    width: 100%;
    order: 2;
    text-align: center;
    margin-bottom: 0;
  }
}

.careers__item span {
  font-weight: 700;
  color: #00734e;
}
@media screen and (max-width: 450px) {
  .careers__item span {
    display: none;
  }
}

.careers__item-subtitle {
  font-size: 13px;
  font-weight: 500;
}
@media screen and (max-width: 450px) {
  .careers__item-subtitle {
    width: 100%;
    order: 3;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e7eb;
  }
}

.careers__item-icon {
  margin-right: auto;
  width: 65px;
  height: 60px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(90deg, #00734e, #00734ea1);
  flex-shrink: 0;
}
@media screen and (max-width: 450px) {
  .careers__item-icon {
    margin-left: auto;
    order: 1;
  }
}

.careers__item-icon i {
  margin-top: -5px;
}

.careers__item-description {
  font-size: 14px;
  color: #4e4e4e;
  line-height: 30px;
  width: 100%;
  padding: 0 25px;
}

.careers__item-description li {
  list-style: disc !important;
}

.careers__item-metas {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 20px;
  width: 100%;
  margin-top: auto;
}
@media screen and (max-width: 1199px) {
  .careers__item-metas {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
@media screen and (max-width: 992px) {
  .careers__item-metas {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .careers__item-metas {
    column-gap: 8px;
  }
}
@media screen and (max-width: 580px) {
  .careers__item-metas {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.careers__item-meta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
  font-weight: 600;
  font-size: 14px;
  width: fit-content;
}
@media screen and (max-width: 1199px) {
  .careers__item-meta {
    width: 46%;
  }
}
@media screen and (max-width: 992px) {
  .careers__item-meta {
    width: unset;
  }
}
@media screen and (max-width: 580px) {
  .careers__item-meta {
    width: fit-content;
  }
}

.careers__item-meta i {
  margin-top: -8px;
  color: #00734e;
}

.careers__item-meta-cta {
  margin-right: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 8px;
  flex-shrink: 0;
  font-weight: 600;
  font-size: 14px;
  background-color: #fbfbfb;
  border-radius: 10px;
  padding: 10px 20px;
}
@media screen and (max-width: 1199px) {
  .careers__item-meta-cta {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 992px) {
  .careers__item-meta-cta {
    width: unset;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 580px) {
  .careers__item-meta-cta {
    width: 100%;
    justify-content: center;
  }
}

.pricing-google-ads-switcher {
  margin: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;

  font-size: 14px;
  font-weight: 600;
}

.pricing-google-ads-switcher .switch {
  position: relative;
  display: inline-block;
  width: 358px;
  height: 53px;
}

.pricing-google-ads-switcher input {
  opacity: 0;
  width: 0;
  height: 0;
}

.pricing-google-ads-switcher input:focus {
  border: 0 !important;
}

.pricing-google-ads-switcher .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff7e1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 5px;
  padding: 0 20px;
}

.pricing-google-ads-switcher .options {
  width: 70px;
  display: flex;
  justify-content: flex-end;
  column-gap: 15px;
  position: relative;
  z-index: 99;
  flex-shrink: 0;
}

.pricing-google-ads-switcher .text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 7px;
}

.pricing-google-ads-switcher .text i {
  margin-top: -10px;
}

.pricing-google-ads-switcher .slider:before {
  position: absolute;
  content: "";
  height: 45px;
  width: 40px;
  left: 9px;
  bottom: 4px;
  background-color: #ffbd00;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
  z-index: 9;
}

.pricing-google-ads-switcher input:focus {
  outline: none;
}

.pricing-google-ads-switcher input:checked + .slider {
  background-color: #fff7e1;
}

.pricing-google-ads-switcher input:checked + .slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}

.careers__form .resume-column p {
  border: 1px solid #ebeae9;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media screen and (max-width: 600px) {
  .careers__form .resume-column p {
    flex-wrap: wrap;
  }
}

.careers__form .upload-toggle {
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 600px) {
  .careers__form .upload-toggle {
    width: 100%;
    justify-content: center;
  }
}

.careers__form .upload-toggle i {
  margin-top: -6px;
}

.careers__form .upload-toggle > span {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -160%;
}
@media screen and (max-width: 1200px) {
  .careers__form .upload-toggle > span {
    bottom: -70%;
  }
}
@media screen and (max-width: 600px) {
  .careers__form .upload-toggle > span {
    text-align: center;
  }
}

.careers__form .upload-toggle input {
  opacity: 0;
  position: absolute;
}

.careers__form .file-name {
  margin-right: auto;
  background-color: #fff7e1;
  padding: 0px 20px;
  border-radius: 5px;
}
@media screen and (max-width: 600px) {
  .careers__form .file-name {
    margin-left: auto;
  }
}

.careers__form .file-name i {
  font-size: 11px;
  margin-left: 20px;
  cursor: pointer;
}

.careers__form .submit-column {
  position: relative;
}

.careers__form .wpcf7-submit {
  width: 100%;
  background-color: #00734e;
  border: 0;
  padding: 15px;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}

.careers__form .wpcf7-spinner {
  position: absolute;
  left: 20px;
  top: 17px;
}

.careers__form .wpcf7-response-output {
  padding: 15px !important;
  /* border-right: 2px solid #00734e !important; */
  background-color: #fbfbfb;
  font-weight: 600;
  text-align: center;
  font-size: 14px;
}
/* start ebook style */
.ebook_suggestion_read {
  background: #fafafa;
  padding: 20px;
  border-right: 5px solid #d2d2d2;
}
.ebook_suggestion_read__item {
  border-radius: 4px;
}
.ebook_suggestion_read__item__image {
  position: relative;
}

.ebook_suggestion_read__item__image figure {
  margin-bottom: 0;
}
.ebook_suggestion_read__item__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 15px;
  margin: 0 !important;
  max-width: 100%;
}
.ebook_suggestion_read__item__title span{
  font-size: 13px;
  font-weight: 700;
  display: block;
  color: #686866;
  line-height: 35px;
}

.ebook_suggestion_read__item__title h4 {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}
.ebook_suggestion_read__item__title h4 a {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.03em;
  text-align: right;
  color: #1f1f1f !important;
  width: 100%;
}

.ebook_suggestion_read__item__button {
  text-align: right;
  margin-top: 15px;
}
.ebook_suggestion_read__item__button a {
  display: inline-block;

  border: 1px solid #ddd;
  padding: 0 30px;
  line-height: 50px;
  border-radius: 12px;
  background-color: #00734e;
  color: #fff !important;
  border: 1px solid #00734e;
  font-size: 13px;
  transition: 0.2s;
  text-decoration: none;
  font-weight: 600;
}
.ebook_suggestion_read__item__button a > i {
  font-size: 14px;
  color: #fff;
}
.ebook_suggestion_read__item__button > a:hover {
  background-color: transparent;
  color: #00734e !important;
  transform: scale(1.02);
}
.ebook_suggestion_read__item__button a:hover > i {
  color: #00734e !important;
}

@media (max-width: 992px) {
  .ebook_suggestion_read {
    padding: 20px 10px;
  }
  .ebook_suggestion_read__item {
    margin-top: 0;
    margin-bottom: 0;
  }
  .ebook_suggestion_read__item__title {
    margin-top: 15px;
  }
}

@media (max-width: 450px) {
  .ebook_suggestion_read__item__title h4 > a {
    font-size: 15px;
  }
}
/* end ebook style */

/* start Google Income */
.google-income.block {
  padding: 160px 0 100px 0;
}
.google-income-right {
  flex-direction: row-reverse;
}
.google-income-submit span {
  position: absolute;
  top: 4px;
  right: 25px;
  margin: 0;
}
.google-income__title {
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  line-height: 40px;
  font-size: 2rem;
  font-weight: 700;
}

.google-income__form form {
  border: 1px solid #e2e2e2;
  border-radius: 15px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: 10px;
}
.google-income__form form button {
  display: block;
  text-align: left;
  color: #fff;
  background-color: #00734e;
  border: 2px solid #00734e;
  border-width: 2px;
  line-height: 1.5;
  box-shadow: none;
  margin-right: auto;
  padding: 0 35px;
  height: 50px;
  transition: 0.2s;
  padding: 0.844rem 3.75rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  border-radius: 6px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.google-income__form form button:hover {
  color: #000;
  background-color: transparent;
  border-color: var(--success);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.google-income__form form label {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: right;
  color: #1f1f1f;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  position: relative;
  margin-bottom: 10px;
}
.google-income__form form .form-group span {
  color: #dc3232;
  font-size: 12px;
  line-height: 30px;
  display: block;
  padding: 0.25rem 0.5rem;
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.google-income__form form .form-group {
  position: relative;
  width: 100%;
}
.google-income__form form .form-group .invalid-tooltip {
  background-color: transparent;
  color: #dc3232;
  margin-top: 0px;
  font-size: 12px !important;
  position: static;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: none;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: none;
}
.google-income__form > form.google_ads_income .form-group select {
  width: 100%;
  border: 1px solid #e2e2e2;
  padding: 15px 15px;
  border-radius: 10px;
  text-align: right;
  direction: rtl;
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: right;
  height: unset;
  background: #fff url("../images/chevron-down.svg") no-repeat left 0.75rem
    center/8px 10px;
}
.google-income__form > form.google_ads_income .form-group select:focus {
  box-shadow: none;
  outline: none;
}
.google-income__form > form.google_ads_income .form-group select option {
  font-size: 17px;
  font-weight: 500;
  color: #000;
  line-height: 40px;
  height: 40px;
}
.google-income__form
  > form.google_ads_income
  .form-group
  select
  option:disabled {
  font-weight: 400;
  font-size: 16px;
  color: #b1b1b1;
  background-color: #f9f9f9;
}
.google-income__form
  > form.google_ads_income
  .form-group
  select#mngthacc
  option:first-child {
  display: none;
}
.google-income__form > form.google_ads_income .form-group input {
  width: 100%;
  border: 1px solid #e2e2e2;
  padding: 15px 15px;
  border-radius: 10px;
  text-align: right;
  direction: rtl;
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: right;
}
.google-income__form > form.google_ads_income .form-group input:focus {
  box-shadow: none;
  outline: none;
}
.google-income__form
  > form.google_ads_income
  .form-group
  input[type="number"]::-webkit-inner-spin-button,
.google-income__form
  > form.google_ads_income
  .form-group
  input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.google-income__form > form.google_ads_income .form-group input[type="number"] {
  -moz-appearance: textfield;
}
.alert-message.shown:before {
  content: "";
  vertical-align: -2px;
  margin-left: 4px;
  position: absolute;
  right: 0px;
  top: 14px;
  width: 2px;
  height: 10px;
  background: rgb(220 50 50 / 79%);
}

.alert-message {
  position: relative;
}
.google-income__form>form.google_ads_income .form-group input[type="number"] {
  background-image: none;
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.google-income__form__image img {
  width: 100%;
}
@media (max-width: 991px) {
  .google-income > .row {
    flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .google-income > .row {
    flex-direction: column;
    gap: 40px
  }
  .google-income.block {
    padding: 50px 0;
  }
}
@media (min-width: 768px) {
  .google-income .tvpy {
    font-size: 22px;
    font-family: 'IRANYekanX';
    font-weight: 800;
  }
}
@media (max-width: 450px) {
  .google-income form .form-group > .row {
    flex-direction: column;
    justify-content: center !important;
    align-items: center;
  }
  .google-income form .form-group > .row .tvpy {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .google-income .row.gads-submit-wrap {
    flex-direction: row !important;
    margin-top: 0px !important;
  }
  .google-income .row.gads-submit-wrap button {
    padding: 0 20px !important;
    min-width: 100px;
  }
}
/* end Google Income */

/* tab convert accordion */
.accordion-simple-tabs.accordion .card>.btn:not(.collapsed):after {
  color: rgb(255 255 255 / 40%);
}
.accordion-simple-tabs>.card {
  margin-bottom: 10px;
  border: none !important;
}
.accordion-simple-tabs.accordion .card>.btn {
  padding: 20px;
  background: #fafafa;
  font-size: 15px;
}
.accordion-simple-tabs.accordion .card>.btn:not(.collapsed) {
  background: #FFB200;
  color: #fff;
}
.accordion-simple-tabs.accordion .card>.btn:after {
  left: 20px;
}
button.pricing-detail-toggle {display: none;}
.popup-is-banner .modal-body {
    padding: 0;
}
button.pricing-detail-toggle:disabled:after {
  content: "\ec79";
  color: #bbb;
  font-size: 8px;
}
.popup-is-banner .modal-header {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    z-index: 10;
    padding: 20px 15px;
}

.popup-is-banner .modal-header h5,.popup-is-banner .popup-html,.popup-is-banner .popup-content {
    display: none;
}
.modal-med {
    max-width: 380px;
}
.popup-is-banner .modal-dialog {
    max-width: calc(100% - 30px);
    width: max-content;
    margin: auto;
}
.popup-is-banner .modal-dialog img {
  max-width: 100%;
  height: auto;
}
.popup-is-banner .modal-content {
    overflow: hidden;
    border: none;
    padding: 0 !important;
}
a.popup-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.popup-modal .modal-content {
    border-radius: 10px;
    border:none;
}
.popup-modal img {
    max-width: 100%;
    height: auto;
}
.youtube-error-reqcount {
  padding-right: 79px;
  position: relative;
}

.youtube-error-reqcount i {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(25 115 77 / 13%);
  color: #19734d;
  border-radius: 50%;
}

.youtube-error-reqcount i:before {
  display: block;
  position: relative;
  top: -2px;
}

.box-normal-view .logo-box-block__logo-back {
  display: none;
}
.box-normal-view .logo-box-block__logo {
  position: static;
  order: -1;
  margin-bottom: 15px;
  margin-top: 5px;
}
.box-normal-view .card-header {
  display: flex;
  flex-direction: column;
  background: #fff;
  justify-content: center;
  align-items: center;
  padding: 40px 30px 0 !important;
  text-align: center;
  letter-spacing: -0.5px;
}
.box-normal-view .logo-box-block__logo img {
  border-radius: 5px;
}
.box-normal-view .card-text {
  padding: 0 !important;
  font-size: 13px;
  text-align: center !important;
  color: #666;
  line-height: 2;
}
.box-normal-view .card-text p {
  text-align: center;
}
.box-normal-view .card-body {
  padding: 15px 30px 30px !important;
}
/* Confirm OTP */
@keyframes fadeInUp_out {
  from {
    opacity: 0.2;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
  }
}
.user-submitted {
  opacity: 0.2;
  animation: fadeInUp_out 0.6s ease 0s forwards;
}
.user-submitted.sent {
    display: none;
}
form.confirm_form h2 {
    font-size: 18px;
}
form.confirm_form {
    font-size: 12px;
    display: none;
}
.user-submitted.sent + form.confirm_form {display: block;}
.but_timer {
    display: block;
    font-size: 13px;
    vertical-align: middle;
}
.send_confirmCode_again.hide_timer .but_timer {
    display: none;
}
.send_confirmCode_again[disabled] {
    opacity: 0.7;
    pointer-events: none;
}
.form-group.form_btn.d-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a.send_confirmCode_again {
  font-size: 12px;
  color: #666;
  text-decoration: none;
  position: relative;
}

a.send_confirmCode_again.loader:after {
  border-left-color: #ccc;
  width: 16px;
  height: 16px;
  left: -20px;
}
a.send_confirmCode_again:hover {
    color: #000;
}
.form-confirm {
    text-align: center;
    letter-spacing: 10px;
    margin: auto;
    font-size: 20px;
    border-radius: 6px;
}
.form-control-placeholder {
    position: relative;
    width: 150px;
    margin: auto;
    display: block;
    height: 1px;
    pointer-events: none;
}
.form-control-placeholder:after {
    content: "_____";
    width: 100%;
    letter-spacing: 10px;
    position: absolute;
    top: -48px;
    left: -25px;
    color: #eee;
    font-size: 20px;
    font-weight: 300;
    transition: all 0.3s ease;
}
.form-confirm:focus+.form-control-placeholder:after,
.form-confirm.filled+.form-control-placeholder:after {
    top: -36px;
    color: #999;
    letter-spacing: 14px;
    left: -14px;
}
.academy-preview-item {
  border: 2px dashed rgb(47 102 79 / 13%);
  border-radius: 15px;
  padding: 40px 30px;
}
.academy-preview-item video {
  max-width: 100%;
}
.academy-plyr {
  margin-top: 30px;
}
.acd-head {
  gap: 30px;
}
:root {
  --plyr-color-main: #19734d;
}
.academy-preview-item button.plyr__control.plyr__control--overlaid {
  width: 80px;
  height: 80px;

}
.academy-preview-item button.plyr__control.plyr__control--overlaid .plyr__control--overlaid svg {
  position: static;
}
.academy-preview-item .plyr__control--overlaid svg {
  position: static;
  display: block;
  width: 100%;
}
.acd-content p {
  line-height: 1.8;
}
.acd-content .avatar {
  height: 34px !important;

}
.btn-academy {
  color: #6c757d;
  background-color: #ebf3f0;
  border: 0;
  padding: 15px 30px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 15px;
}
.btn-academy:hover {
  color: #02734e;
}
.gads-currency-nerkh {
  display: flex;
  font-size: 11px;
  margin-top: 10px;
  margin-bottom: 0;
  align-items: center;
}
.gads-currency-nerkh .nerkh_item-val {
  font-size: 13px !important;
  display: flex !important;
  align-items: center;
  gap: 3px;
}
.gads-currency-nerkh .nerkh_item-val span {
  font-size: 10px !important;
  padding: 0 !important;
}
.gads-currency-nerkh small {
  color: #999;
  line-height: 1;
}
.gap-5 {
  --bs-gutter-y: 4rem;
  --bs-gutter-x: 4rem;
  margin-top: calc(-1* var(--bs-gutter-y));
}
.row.gap-5 > * ,.row.gap-4>* , .row.gap-3>*, .row.gap-sm>*{
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
  margin-top: var(--bs-gutter-y);
}
.gap-4 {
  --bs-gutter-y: 3rem;
  --bs-gutter-x: 3rem;
  margin-top: calc(-1* var(--bs-gutter-y));
}
.gap-3 {
  --bs-gutter-y: 2rem;
  --bs-gutter-x: 2rem;
  margin-top: calc(-1* var(--bs-gutter-y));
}
.gap-sm {
  --bs-gutter-y: 0.865rem;
  --bs-gutter-x: 0.865rem;
  margin-left: calc(var(--bs-gutter-x)* -0.5);
  margin-right: calc(var(--bs-gutter-x)* -0.5);
  margin-top: calc(-1* var(--bs-gutter-y));
}
.cta--pricing {
  padding: 10px 20px;
  border-radius: 10px;
  background: #f8f9fa;
}
.g-1 {
  gap: 7px;
}
.g-2 {
  gap: 10px;
}
.g-3 {
  gap: 15px;
}
.g-5 {
  gap: 30px;
}
.row.g-1,.row.g-0 {
  margin: 0;
}
.row.g-1 > * , .row.g-0>*,.row.g-2>*,.row.g-3>*{
  padding: 0 !important;
}
.row.g-2, .row.g-3{
  margin: 0 !important;
}
.cta--pricing.loader {
  background: none;
}
.cta--pricing.loader:after {
  border-left-color: #ccc;
}
.btn-share-toggle {
  font-weight: 600;
  color: #4c4b4b;
  font-size: 15px;
  padding: 0;
  box-shadow: none !important;
}

.btn-share-toggle i,.post_social.post_social_box h3 i {
  font-size: 17px;
  margin-right: 10px;
  vertical-align: -3px;
  color: #01734e;
  transition: all .3s ease;
  display: inline-block;
  background: rgb(1 115 78 / 15%);
  padding: 10px;
  border-radius: 10px;
}

.shares-sidebar {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.sidebar-widget {
  margin-bottom: 20px
}

.sidebar-widget-title {
  font-size: 20px;
  letter-spacing: -1px;
  margin-bottom: 20px;
  font-weight: 600
}

.btn-share-toggle:hover i {
  transform: translate(-3px, -3px)
}

.sidebar-widget .form-search-currency {}

.sidebar-widget .heading-uptext {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 5px
}

.sidebar-widget .heading-title {
  font-size: 22px;
  font-weight: 700
}

.sidebar-widget-head {}

.sidebar-heading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px
}

.sidebar-heading .post-navi-arrows {
  position: static;
  display: flex !important
}


.single-sidebar {
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 992px) {
  .single-sidebar {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
  }
}

.sidebar-widget.share {
  width: 100%
}

.sidebar-widget.banner {
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width: 992px) {
  .sidebar-widget.banner {
    width: 48%
  }
}

@media screen and (max-width: 768px) {
  .sidebar-widget.banner {
    width: unset;
    margin-right: auto;
    margin-left: auto
  }
}

.sidebar-widget.banner img {
  border-radius: 10px
}

.single-sidebar .useful-link {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: 15px;
  margin-bottom: 20px
}

@media screen and (max-width: 992px) {
  .single-sidebar .useful-link {
    width: 48%
  }
}

@media screen and (max-width: 768px) {
  .single-sidebar .useful-link {
    width: unset
  }
}

.single-sidebar .useful-link h2,
.single-sidebar .useful-link .h2 {
  width: 100%;
  text-align: right;
  font-size: 18px;
  font-weight: 600
}

.single-sidebar .useful-link__items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 12px;
  width: 100%
}

@media screen and (max-width: 768px) {
  .single-sidebar .useful-link__items {
    justify-content: center
  }

  .wp-lightbox-container img+button {
    opacity: 1 !important
  }
}

.single-sidebar .useful-link__item {
  background-color: #f3f3ff;
  color: #2d8cff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  padding: 3px 10px
}

.single-sidebar .custom-term {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: 10px;
  border-radius: 9px;
  border: 2px solid #f4f4f9;
  width: 100%
}

.single-sidebar .custom-term h2,
.single-sidebar .custom-term .h2 {
  width: 100%;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  padding: 25px 20px 0 20px;
}

.single-sidebar .custom-term h2 span:first-child,
.single-sidebar .custom-term .h2 span:first-child {
  color: #01734e;
  font-weight: 800;
}

.single-sidebar .custom-term h2 span:last-child,
.single-sidebar .custom-term .h2 span:last-child {
  background-color: rgb(1 115 78 / 11%);
  color: #01734e;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 16px;
}

.single-sidebar .custom-term__items {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: 10px;
  padding: 0 20px;
  width: 100%
}

.single-sidebar .custom-term__item {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  column-gap: 10px;
  flex-wrap: nowrap;
  width: 100%;
  transition: all .3s ease-in-out
}

.single-sidebar .custom-category__item:hover {
  background: rgb(236 245 252 / 61%);
}

.single-sidebar .custom-term__item_image {
  max-width: 110px;
  height: 70px;
  width: 100%;
  flex-shrink: 0;
}

@media screen and (max-width: 1400px) {
  .single-sidebar .custom-term__item_image {
    height: unset;
    max-width: 150px
  }
}

.single-sidebar .custom-term__item_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9px
}

.single-sidebar .custom-term__item-left {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start
}

.single-sidebar .custom-term__item-date {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
  color: #63656d;
  font-size: 12px
}

@media screen and (max-width: 1400px) {
  .single-sidebar .custom-term__item-date {
    display: none
  }
}

@media screen and (max-width: 992px) {
  .single-sidebar .custom-term__item-date {
    display: flex
  }
}

@media screen and (max-width: 450px) {
  .single-sidebar .custom-term__item-date {
    display: none
  }
}

.single-sidebar .custom-term__item-title {
  color: #1c222e;
  font-size: 13px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: -.03em;
  max-height: 60px;
  height: fit-content;
  overflow: hidden;
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  .single-sidebar .custom-term__item-title {
    max-height: unset;
    height: unset
  }
}

@media screen and (max-width: 450px) {
  .single-sidebar .custom-term__item-title {
    max-height: 60px;
    height: 100%
  }
}

.single-sidebar .custom-term__item-title:hover {
  color: #01734e;
}

.single-sidebar .custom-term__item-more {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -.06em;
  text-align: right;
  color: rgb(99 101 109 / 80%);
  transition: all 0.3s ease;
}

.single-sidebar .custom-term__item-more:hover {
  color: #01734e;
  column-gap: 8px;
}

.single-sidebar .custom-term__item-more i {
  font-size: 8px;
  margin-top: -1px;
}

.single-sidebar .custom-term__more {
  display: flex;
  justify-content: space-around;
  column-gap: 15px;
  align-items: center;
  background-color: #f9f9fc;
  border-radius: 10px;
  padding: 10px 20px;
  width: 100%;
  margin: 15px 0;
}

.single-sidebar .custom-term__more .left {
  max-width: 100px;
  height: 68px;
  width: 100%
}

.single-sidebar .custom-term__more .left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px
}

.single-sidebar .custom-term__more .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: fit-content;
  max-width: 48%
}

.single-sidebar .custom-term__more-subtitle {
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -.03em;
  text-align: center;
  color: #63656d
}

.single-sidebar .custom-term__more-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -.04em;
  color: #1c222e;
  text-align: center
}

.single-sidebar .custom-category {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: 10px;
  border-radius: 10px;
  border: 2px solid #f4f4f9;
  width: 100%
}

.single-sidebar .custom-category h2,
.single-sidebar .custom-category .h2 {
  width: 100%;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  padding: 20px 20px 0 20px
}

.single-sidebar .custom-category h2 span,
.single-sidebar .custom-category .h2 span {
  color: #01734e;
  margin-left: 3px;
  font-weight: 800;
}

.single-sidebar .custom-category__items {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0 20px 0 20px;
  row-gap: 10px;
  padding-bottom: 10px
}

.single-sidebar .custom-category__item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  border-top: 2px solid #f4f4f9;
  background-color: #f9f9fc;
  border-radius: 10px;
  padding: 10px;
  transition: all 0.3s ease;
}

.single-sidebar .custom-category__item-image {
  max-width: 60px;
  height: 40px;
  width: 100%
}

.single-sidebar .custom-category__item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.single-sidebar .custom-category__item-left {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start
}

.single-sidebar .custom-category__item-subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -.06em;
  text-align: right;
  color: #63656d
}
.single-sidebar .custom-category__item-title {
  color: #1c222e;
  font-size: 13px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: -.03em
}
.single-sidebar a {
  text-decoration: none;
}
.share-options .socials .social .circle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
  transition: box-shadow .3s ease
}

.share-options .socials .social {
  padding: 0 .5em
}

.share-options .socials .social a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none !important;
}

.share-options .socials .social .text {
  font-size: .9em;
  font-weight: 300;
  color: #6f7285;
  margin-top: .5em;
  text-align: center
}

.share-options .socials .facebook .circle {
  background-color: #3b5998;
  color: #fff
}

.share-options .socials .twitter .circle {
  background-color: #55acee;
  color: #fff
}

.share-options .socials .whatsapp .circle {
  background-color: #43d854;
  color: #fff
}

.share-options .socials .telegram .circle {
  background-color: #08c;
  color: #fff
}

.share-options .socials .linkedin .circle {
  background-color: #0077b5;
  color: #fff
}

ul.socials {
  margin: 10px 0 20px 0;
  padding: 0;
  justify-content: center
}

.button-circular {
  background: rgb(241 250 246);
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%
}

.copy-url input {
  background: none !important;
  border-radius: 15px
}

.copy-url button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  line-height: 39px
}

.copy-url {
  position: relative;
  margin-bottom: 10px
}

.share-options .socials .social .circle:hover {
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15)
}

.input-box {
  position: absolute;
  right: 60px;
  top: 14px;
  display: none;
  background: rgb(0 116 79 / 95%);
  border-radius: 6px;
  padding: 7px 10px
}
.circle i.icon-whatsapp {
    position: relative;
    top: -2px;
}
.post_social.post_social_box {
    margin: 15px 0;
    padding: 30px 35px;
    background: #f9f9fc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.post_social.post_social_box h3 {
    font-size: 14px;
    color: #4f515a;
    font-weight: 600;
    margin: 0;
}

.post_social.post_social_box a {
    color: #bcbcc5;
    display: block;
    padding: 0;
    font-size: 16px;
    transition: all .3s ease;
}

.post_social.post_social_box ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
}

.post_social.post_social_box a:hover {
    color: #01734e;
}

.post_social.post_social_box h3 i {margin-right: 0;margin-left: 10px;}
.h2.heading-add-line span:last-child {
  background-color: rgb(1 115 78 / 11%);
  color: #01734e;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 16px;
  margin-right: 10px;
}

.heading-add-line {
  font-size: 20px;
  margin-bottom: 25px;
  position: relative;
  padding-right: 15px;
}

.heading-add-line:before {
  display: block;
  width: 3px;
  height: 15px;
  background: #00744f;
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
}
@media(min-width:991px){
  .post-items .swiper-slide {
    max-width: 397px;
    margin-left: 30px;
  }
  .post-items[data-columns="4"] .swiper-slide {
    max-width: 297px;
    margin-left: 20px;
  }
}
span.post-meta-view.loader {
  position: relative;
  color: rgb(236 236 236 / 43%);
}

span.post-meta-view.loader:after {
  border-left-color: #ccc;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}
label.form-label.form-label-discount {
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 6px;
  position: relative;
  left: -32px;
}

.install-costs-nerkh.shown {
  background: rgb(46 120 228 / 10%);
  color: #2e78e4;
  padding: 15px;
  border-radius: 8px;
  font-size: 13px;
}
.form-price-value-discounted {
  text-decoration: line-through;
  color: #999;
}
.install-costs-form {
  padding: 30px;
  max-width: 530px;
  border: 2px dashed #f5f5f5;
  border-radius: 15px;
  background-color: #fff;
}
.install-costs-form-gift {
  max-width: 480px;
  margin: auto;
}
.select-wrap.select-wrap-rounded select {
  color: #222;
  border-radius: 10px;
  border-color: #ddd;
  padding: 12px 20px;
}
.select-wrap.select-wrap-rounded:after {
  top: 14px;
  left: 20px;
  color: #666;
}
.help-center-head {
  background-image: linear-gradient(to bottom, #01734e 80px, #f6f6f6 80px);
  padding: 30px 0;
}
.rounded-md {
  border-radius: 6px;
}
.help-center-search {
  max-width: 840px;
  margin: 30px auto 0;
}
.accordion .card-header button i.icon-help {
  background: #01734e;
  border-radius: 50%;
  color: #fcb900;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  display: inline-block;
  box-shadow: inset 0 0 0 2px #fcb900;
  border: 2px solid #fcb900;
  font-size: 23px;
  vertical-align: middle;
  margin-left: 5px;
  position: absolute;
  top: 24px;
  right: 15px;
}
.faq-category-02 .faq-box {
  box-shadow: 0 0 10px rgba(159, 171, 180, 0.15);
  border: 2px solid #ddd;
  padding: 30px 15px;
}
.faq-category-02 .faq-box.active {
  box-shadow: 0 0 10px rgba(159, 171, 180, 0.5);
  background: #eef5f6;
  border: 2px solid #ccc;
}
.help-center-head~.main-content .card {
  background: none;
  border-radius: 15px !important;
}
.faq-category-02 .row {
  --faq_row_g: 8px;
  margin-left: calc(-1 * var(--faq_row_g));
  margin-right: calc(-1 * var(--faq_row_g));
}
.faq-category-02 .row>* {
  padding-left: var(--faq_row_g);
  padding-right: var(--faq_row_g);
  margin-bottom: calc(2 * var(--faq_row_g)) !important;
}
.search-helps-live-drop.shown-results {
  display: block;
  width: 100%;
  margin-top: 15px;
  max-height: 500px;
  overflow: auto;
}
.search-helps-live-drop.shown-results .group-info {
  display: flex;
  color: #999;
  font-size: 13px;
  gap: 8px;
  margin-bottom: 5px;
}
.search-helps-live-drop.shown-results .group-info i {
  color: #999 !important;
  font-size: 13px;
  vertical-align: middle;
  order: 2;
  position: relative;
  top: 1px;
}
.search-helps-live-drop.shown-results>li:not(:last-child) {
  border-bottom: 1px solid #eee;
  padding: 8px 16px;
}
.search-helps-live-drop.shown-results .question-text {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-helps-live-drop.shown-results li:focus,
.search-helps-live-drop.shown-results li:active {
  background: rgb(1 115 78 / 10%);
  color: #01734e;
}
.faq-category-02 .faq-box i {
  font-size: 28px;
  margin-bottom: 30px;
}
/* Blog v2 */
main.blog-v2-main, .blog-v2-pages {
  padding-top: 100px;
  background: #f5f5f7;
}
section.blog-hiro {
  background: rgb(0 108 70 / 8%);
  padding: 80px 0;
  overflow: hidden;
}
.blog-hiro-elems img {
  position: absolute;
  top: 0;
  left: 0;
}

.blog-hiro-elems img.blog-hiro-elem1 {
  left: 40%;
  top: -74px;
}

.blog-hiro-elems {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.blog-hiro-elems img.blog-hiro-elem2 {
  left: auto;
  right: -52px;
  top: 70px;
}

img.blog-hiro-elem3 {
  top: 160px;
  left: -61px;
}
.blog-hiro-box-img a {
  height: 100%;
  display: block;
}
.blog-hiro-box-img img {
  height: 100%;
  object-fit: cover;
  object-position: right;
}
.blog-hiro-box .card-title {
  text-decoration: none;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
  letter-spacing: -1px;
}
.ebooks-box {
  max-width: 400px;
}
.blog-hiro-content-meta i,.blog-boxes-meta i {
  color: #FFB200 !important;
  vertical-align: middle;
  display: inline-block;
}

.blog-hiro-content-meta i.icon-user,.blog-boxes-meta i.icon-user {
  border: 1px solid #ffb200;
  border-radius: 50%;
  overflow: hidden;
}
.blog-hiro-content-meta,.blog-boxes-meta {
  color: #475467;
  font-size: 14px;
}
.blog-hiro-boxes .card-title {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-bottom: 7px;
    text-decoration: none;
    letter-spacing: -0.5px;
}
.blog-boxes-title {
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    text-decoration: none !important;
    letter-spacing: -0.5px;
}
.blog-hiro-boxes .blog-hiro-content-meta,.blog-boxes-meta {font-size: 13px; letter-spacing: -0.5px;}
.blog-boxes-content {
  font-size: 13px;
  color: #475467;
}
img.blog_section_icon {
  max-width: 36px;
  margin-bottom: 15px;
}
a.btn.bg-light-success:hover,a.btn.bg-light-success:active,a.btn.bg-light-success:focus {
  background: rgb(0 115 78 / 20%) !important;
  box-shadow: none;
}
.block-heading-row h2 {
  letter-spacing: -1px;
  font-weight: 700;
}
.block-side-content h2 {
  letter-spacing: -2px;
  font-size: 26px;
  font-weight: 500;
}
.block-side-content p:last-of-type {margin-bottom: 0;}
.blog-blocks-cat-posts+.blog-blocks-cat-posts {margin-top: 160px;}
.blog-blocks-cat-posts .swiper {
  margin-top: -20px;
  margin-bottom: -20px;
}
.blog_cat_link_items_parent {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.blog-blocks-cat-posts:last-of-type {
  margin-bottom: 0 !important;
}

a.btn.blog_cat_link_item {
  background: #E0E0E0;
  box-shadow: 0 4px 2px rgb(0 0 0 / 25%);
  color: #00734E;
  font-size: 14px;
  padding: 15px 30px;
  position: relative;
  transition: all 0.15s ease;
  display: inline-block;
  text-decoration: none;
  border-radius: 8px;
  white-space: nowrap;
  margin-bottom: 2px;
}

a.btn.blog_cat_link_item:hover {
  background: #EAEAEA;
}

a.btn.blog_cat_link_item:active {
  box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
  transform: translateY(1px);
}
.swiper.swiper-container.blog-blocks_swiper:not(.swiper-container-initialized) .swiper-slide {
  max-width: 260px;
}
.swiper.swiper-container.blog-blocks_swiper:not(.swiper-container-initialized) .swiper-wrapper {gap:15px}
.post--item.post--item-mini .card-img {
  max-height: 166px;
  height: auto;
}
.post--item.post--item-mini .card-body {
  display: flex;
  flex-direction: column;
}
.post--item.post--item-mini .card-body .blog-boxes-meta {margin-top: auto;}
.blog-ebooks_swiper:not(.swiper-container-initialized) .swiper-slide {max-width: 395px;margin-left: 15px;}
.ls-xs {letter-spacing: -0.5px;}
.ls-sm {letter-spacing: -1px;}
.block-side-content p {
  font-size: 13px;
  color: #474f5d;
}
figure.col-auto.blog-hiro-box-img {
  max-width: 46%;
}
@media (min-width:768px) {
  .blog-hiro-boxes .blog-hiro-box-img img {
      min-height: 186px; }
}
.blog-hiro-box .card,
.blog-hiro-boxes .card, .blog-v2-pages .card {
  box-shadow: 0 4px 34px rgb(115 153 141 / 14%);
}
section.blog-archive-hiro {
  background: linear-gradient(to bottom, rgb(0 108 70 / 8%) 50px calc(100% - 50px), transparent calc(100% - 50px) 100%);
  padding-top: 30px;
  margin-bottom: 30px;
}
.blog-archive-hiro-heading h1 {
  color: #1E1B39;
  font-size: 30px !important;
  margin: 0;
}
.post--item-academy-image .icon-play {
  position: absolute;
  width: 64px;
  height: 64px;
  background: rgb(0 116 79 / 80%);
  transition: all 0.3s ease;
  color: #F2D96D;
  z-index: 100;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -32px;
  margin-top: -32px;
}

.post--item-academy:hover .icon-play {
  background: rgb(0 116 79 / 100%);
  transform: scale(1.1);
}
[data-height="100"] .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* 404 page */
.af-404-sheep .af-404-body,.af-404-sheep .af-404-head{position:relative;vertical-align:middle;display:inline-block}@keyframes bob{0%{top:0}50%{top:.2em}}.af-404-sheep{display:inline-block;position:relative;font-size:1em;margin-bottom:70px;direction:ltr}.af-404-sheep *{transition:transform .3s}.af-404-sheep .af-404-top{position:relative;top:0;animation:1s infinite bob;z-index:1}.af-404-sheep .af-404-head:hover .af-404-ear.one,.af-404-sheep .af-404-head:hover .af-404-ear.two,.af-404-sheep:hover .af-404-head{transform:rotate(0)}.af-404-sheep:hover .af-404-head .af-404-eye{width:1.25em;height:1.25em}.af-404-sheep:hover .af-404-head .af-404-eye:before{right:30%}.af-404-sheep:hover .af-404-top{animation-play-state:paused}.af-404-sheep .af-404-head{width:5em;height:5em;border-radius:100%;background:#010101;top:1em;transform:rotate(30deg)}.af-404-sheep .af-404-head:before{content:'';display:inline-block;width:80%;height:50%;background:#1b2635;position:absolute;bottom:0;right:-10%;border-radius:50% 40%}.af-404-sheep .af-404-head .af-404-eye{display:inline-block;width:1em;height:1em;border-radius:100%;background:#fff;position:absolute;overflow:hidden}.af-404-sheep .af-404-head .af-404-eye:before{content:'';display:inline-block;background:#000;width:50%;height:50%;border-radius:100%;position:absolute;right:10%;bottom:10%;transition:.3s}.af-404-sheep .af-404-head .af-404-eye.one{right:-2%;top:1.7em}.af-404-sheep .af-404-head .af-404-eye.two{right:2.5em;top:1.7em}.af-404-sheep .af-404-head .af-404-ear{background:#1b2635;width:50%;height:30%;border-radius:100%;position:absolute}.af-404-sheep .af-404-head .af-404-ear.one{left:-10%;top:5%;transform:rotate(-30deg)}.af-404-sheep .af-404-head .af-404-ear.two{top:2%;right:-5%;transform:rotate(20deg)}.af-404-sheep .af-404-body{width:7em;height:7em;border-radius:100%;background:#00744e;margin-right:-3em}.af-404-sheep .af-404-legs{display:inline-block;position:absolute;top:80%;left:10%;z-index:0}.af-404-sheep .af-404-legs .af-404-leg{display:inline-block;background:#141214;width:.5em;height:2.5em;margin:.2em}.af-404-sheep::before{left:0;content:'';display:inline-block;position:absolute;top:112%;width:100%;height:18%;border-radius:100%;background:rgba(0,0,0,.2)}
/* tarrifs */
body.body-gray {
  background-color: #F6F6F6;
}
body.body-gray .btn-outline-gray {
  border-color: rgb(124 124 124 / 50%);
  color: #0F0E0E;
}
.btn-group-rounded.border {border-radius: 12px;padding: 3px;}
.btn-group-rounded .btn.btn-sm {
  padding: 15px;
}
.btn-group-rounded .btn {border-radius: 10px;white-space: nowrap;}
img.tarrif-tabs-icon {
  max-height: 23px;
  margin-left: 5px;
  vertical-align: middle;
}
.cbtn-price {order: 2;}
.cbtn.cbtn-icon {
  background: url(../assets/icons/dollar.svg) center / contain no-repeat !important;
  border: none !important;
  order: 3;
  margin: 0;
  width: 30px;
  height: 30px;
  box-shadow: none !important;
}
.cbtn.cbtn-icon.cbtn-dollar {}
.cbtn.cbtn-icon.cbtn-dirham {background: url(../assets/icons/dirham.svg) center / contain no-repeat !important;}
.cbtn.cbtn-icon.cbtn-lira {background: url(../assets/icons/lira.svg) center / contain no-repeat !important;}
.btn-checkbox[data-currency] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid rgb(255 255 255 / 0%);
    border-radius: 12px;
    padding: 9px 12px;
    transition: all 0.3s ease;
    font-weight: 600;
}

.btn-checkbox[data-currency].active {
    border-color: #00734E;
    background: #fff;
}
.block-pricing:not(.block-pricing-v2) .pricing-currency-row .nerkh-wrap {display: none;}
.list-checkmark li {
  position: relative;
  padding-right: 30px;
  margin-bottom: 5px;
}

.list-checkmark li:before {
  content: "\ec50";
  font-family: 'afrak';
  width: 22px;
  height: 22px;
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 12px;
  background: #FED100;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close-danger {
  width: 30px;
  height: 30px;
  background: rgb(255 196 196 / 51%) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FF1010 !important;
  border-radius: 3px;
  font-weight: 400;
}
.pricing-currency-row {
  border-top: 1px solid #DDDBDB;
  border-bottom: 1px solid #DDDBDB;
  margin-bottom: 30px;
  padding: 20px 0;
}
.body-light-gray {
  background-color: #F6F6F6;
}
.body-light-gray .header {
  background: #ffffff;
}
.pricing-box-item-row {display: flex;align-items: center;justify-content: space-between;margin-bottom: 5px;}
.border-dashed-bottom {
  border-bottom: none;
    background-image: repeating-linear-gradient(to right,
        #DDDBDB 0px,
        #DDDBDB 4px,
        transparent 4px,
        transparent 10px
      );
    background-size: 100% 1px;
    background-position: bottom;
    background-repeat: no-repeat;
}
.btn-group-toggle-fees.disabled {
  opacity: 0.7;
  pointer-events: none;
}
.btn-group-toggle-fees .disabled {
  opacity: 0.3;
}
.plan_types_managed {display: none;}
.plan_types_managed_shown .plan_types_managed {display: flex;}
.plan_types_managed_shown .hidden_from_managed {opacity: 0.5; pointer-events: none;display: none !important;}
.tarrif-help-rules_managed {display: none;}
.plan_types_managed_shown .tarrif-help-rules_managed {display: block;}
.plan_types_managed_shown .tarrif-help-rules_self {display: none;}
.pricing-box-item .card-body {
  display: flex;
  flex-direction: column;
}
.pricing-box-item {
  margin-bottom: 30px;
}
.pricing--tab-nav h2.font-xl>img {
  min-height: 30px;
  margin-left: 15px;
}
/* Captcha */
.form-submit .btn {
  padding: 18px 30px
}
.form-submit {
  text-align: left; margin-top:20px
}
.captcha-wrap {
  border: 1px solid #e4e7eb;
  display: inline-block;
  position: relative;
  width: 200px;
  height: 61px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 10px;
  position: relative
}
.captcha-wrap.loader:after {
  left: 40px;
  border-bottom-color: #2860e6;
  border-left-color: #2860e6
}
.captcha-wrap input {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 15px;
  width: 120px;
  text-transform: uppercase
}
.captcha-wrap canvas {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none
}
button.captcha-reset {
  position: absolute;
  z-index: 10;
  left: 7px;
  top: 4px;
  background: none;
  border: none;
  color: #c2cbd8;
  transition: all .3s ease
}
.icon-svg-reload {
  display: block;
  background-image: url(../images/refresh-svgrepo-com.svg);
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(220deg);
  filter: opacity(.5)
}
.icon-svg-reload:hover {
  filter: opacity(1)
}
.captcha-wrap.loader canvas {
  opacity: 0
}
button.captcha-reset:hover {
  color: #788393
}
@media (max-width: 578px) {
  .captcha-wrap {
      width:180px;
      margin-left: 5px;
      float: right
  }
}
.text-alert,.text-warn {
  position: relative
}
.text-warn,.text-ok {
  padding-right: 20px;
  margin-top: 30px;
  position: relative
}
.text-warn:before,.text-ok:before {
  content: "";
  width: 3px;
  background: #f8597f;
  position: absolute;
  right: 0;
  top: 50%;
  height: 80%;
  transform: translateY(-50%);
  box-shadow: 0 0 5px rgb(248 89 127 / 50%)
}
.text-ok:before {
  background: #017450;
  box-shadow: 0 0 5px #017450
}
.text-warn:after {
  color: #f8597f!important;
  font-weight: 700;
  font-variation-settings: "wght" 700
}
.content-expandable {
	max-height: 500px;
	overflow: hidden;
	position: relative;
	word-break: break-word;
	-webkit-mask: linear-gradient(rgb(255, 255, 255) 45%, transparent);
	mask: linear-gradient(rgb(255, 255, 255) 45%, transparent);
}
.comments-items.content-expandable-wrap .content-expandable {
	max-height: 1200px;
}
.desktop_not_expandble .content-expandable {
	max-height: none !important;
	mask: none;
}
.content-expandable-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
	transition: all 0.3s ease;
}
.content-expandable-toggle a {
	min-width: 150px;
}
.content-expandable.expanded {
	max-height: none !important;
	-webkit-mask: none;
	mask: none;
	overflow: visible;
}
.expanded+.content-expandable-toggle {
	padding-top: 30px
}
.expanded+.content-expandable-toggle .btn-toggle:after {
  transform: rotate(180deg);
}
.content-expandable-wrap-sm .content-expandable-toggle {
    margin-top: -20px;
    z-index: 100;
    position: relative;
}
.content-expandable-wrap-sm .content-expandable-toggle a {
    border: none;
    font-size: 11px !important;
    padding: 5px;
    color: #999;
}
.content-expandable-wrap-sm .content-expandable-toggle a:after {
    font-size: 8px;
}
.img-tes-thumb {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  -o-object-fit: cover;
  margin: 0;
}
.tes-box-item-content i {
  position: absolute;
  left: 40px;
  top: 40px;
  opacity: 0.9;
}
.tes-box-item-content:before {
  content: "\e93c";
  position: absolute;
  left: 0;
  font-family: 'afrak';
  font-size: 90px;
  opacity: 0.04;
  top: 0px;
  left: 20px;
  line-height: 1;
  color: #2f8262;
  pointer-events: none;
}

.swiper-pagination.swiper-pagination-testimonial {
  position: static;
  margin-top: 30px;
}
.plyr__video-wrapper {
  cursor: pointer;
}
.page-results-inner {
  border: 1px solid #eee;
  padding: 30px 30px;
  border-radius: 10px;
  background: rgb(246, 246, 246);
}
.text-decoration-none {
  text-decoration: none !important;
}
/* GAds new page */
.hiro-inner-background {
    margin-top: 60px;
    border-radius: 48px;
    padding: 20px 80px;
    position: relative;
}
.image_absolute img {width: auto;max-width: fit-content;}
.image_absolute {
    direction: ltr;
}
.hiro-inner-background .slide-title {
    font-size: 42px;
}
.marked_last_word {
    position: relative;
    display: inline-block;
}
.marked_last_word:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 124px;
  height: 20px;
  background: #01734e;
  background: url("../images/marked_title.svg") no-repeat left 0;
  background-size: contain !important;
  display: block;
}
.img-box-image {
  width: 90px;
  height: 90px;
  box-shadow: 0 20px 80px -15px rgb(45 51 60 / 20%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-bottom: 36px;
}
.img-box-card {
  padding: 36px 30px;
  border-radius: 12px;
  transition: all 0.3s ease;
}
.img-box-block .row>*:nth-child(even) {
  box-shadow: 0 25px 100px -10px rgb(0 105 72 / 5%);
}
.helpsteps-content {
    border: 1px solid #E5E7EB;
    border-radius: 24px;
    padding: 36px;
    position: relative;
}

.helpsteps-sidebar a {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 50px;
    padding: 15px 20px;
    box-shadow: none;
    border: 1px solid #E5E7EB;
    position: relative;
    text-align: right;
    padding-right: 100px;
    align-items: center;
    font-weight: 800;
    box-shadow: none !important;
    --after-active-color: #ffffff;
    --after-active-border: #E5E7EB;
    --active-color: inherit;
}
.helpsteps-sidebar a h3 {
  font-size: inherit !important;
  color: inherit !important;
  margin: 0 !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.helpsteps-sidebar a:after {
    content: "\e941";
    font-family: afrak;
    display: block;
    width: 64px;
    height: 64px;
    font-size: 16px;
    border: 1px solid var(--after-active-border);
    padding: 10px;
    border-radius: 50%;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--after-active-color);
    transition: all 0.3s ease;
}

.helpsteps-sidebar {
    counter-reset: step;
}
.helpsteps-sidebar .btn::before {
  counter-increment: step;
  content: counter(step);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #E5E7EB;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
  color: #000 !important;
}

.helpsteps-sidebar a.active:after {
    color: #fff;
}
.helpsteps-row {
  display: flex;
}

.helpsteps-content-col {
  transition:
    opacity 0.15s ease,
    transform 0.35s cubic-bezier(.4, 0, .2, 1),
    flex-basis 0.35s cubic-bezier(.4, 0, .2, 1);
}

.is-collapsed .helpsteps-content-col {
  opacity: 0;
  transform: translateX(24px);
  flex-basis: 0 !important;

  transition:
    opacity 0.1s ease,
    transform 0.35s cubic-bezier(.4, 0, .2, 1) 0.1s,
    flex-basis 0.35s cubic-bezier(.4, 0, .2, 1) 0.1s;

  pointer-events: none;
  overflow: hidden;
  max-height: 320px;
}
.is-collapsed .helpsteps-sidebar-col {
  flex-basis: 100% !important;
}
.helpsteps-tabs-sidebar a {
    background: #fff;
    border: 1px solid #E5E7EB;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
    margin-bottom: 10px;
    border-radius: 50px;
    font-size: 14px;
    padding: 22px 30px;
    white-space: nowrap;
    box-shadow: none !important;
}
.helpsteps-tabs-sidebar a.active {
    background: #01734e;
    border-color: #01734e;
    color: #fff;
}
.helpsteps-tabs-sidebar a img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.helpsteps-tabs-sidebar a.active img {
    filter: brightness(0) invert(1);
}
.helpsteps-tabs-content img {
    margin: 30px auto;
    display: block;
}
.helpsteps-box-item {
  position: relative;
  text-align: center;
}

.helpsteps-box-item span {
  font-size: 104px;
  font-weight: 800;
  position: relative;
  top: 0;
  z-index: -10;
  margin-bottom: -104px;
  display: block;
  opacity: 0.25;
  color: #006948;
}

.helpsteps-box-item h3,
.helpsteps-box-item h4 {
  position: relative;
  z-index: 10;
}
.plyr__control--overlaid.coustom-play-large , .help-video-item .btn.coustom-play-large{
  background: rgb(255 255 255 / 30%);
  width: 150px !important;
  height: 48px !important;
  border-radius: 5px;
  display: flex !important;
  color: #fff;
  padding: 0px 15px;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 5px;
  white-space: nowrap;
}

.plyr__control--overlaid.coustom-play-large svg , .help-video-item .btn.coustom-play-large svg{
  width: 24px;
  height: 24px;
}
.help-video-item {
  position: relative;
}

.help-video-item .btn.coustom-play-large {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  flex-direction: row;
}
.plyr__control--overlaid.coustom-play-large:hover, .help-video-item .btn.coustom-play-large:hover {
    background: rgb(255 255 255 / 50%);
}
.btn.close-tabcontents {
  position: absolute;
  left: 30px;
  top: 30px;
  padding: 0;
  background: #000;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  display: block;
  
}
.btn.close-tabcontents i:after {
  position: absolute;
  content: "";
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  border-radius: 50%;
  z-index: 10;
  transition: all 0.3s ease;
  transform: translate3d(0, 0, 0);
  background: radial-gradient(circle, rgb(0 0 0 / 0%) 6px, #000000 8px);
}

.btn.close-tabcontents:hover i:after {
  transform: scale(1.1)
}
.testimonial-pagination *:not(.swiper-counter) {
  position: static !important;
  height: 20px;
}

.testimonial-pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}

.testimonial-pagination *:not(.swiper-counter):after {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.swiper-counter {
  background: rgb(0 0 0 / 5%);
  padding: 6px 20px;
  border-radius: 30px;
  font-size: 13px;
  line-height: 1.6;
}
.user-form-inline {
  border: 2px dashed hsl(
161deg 100% 21% / 17%);
  padding: 30px;
  border-radius: 20px;
}
.block-pricing-v2 .btn-group {
    border-color: #DCDFE6 !important;
    color: #606266;
    padding: 0;
}

.block-pricing-v2 .btn-group a.btn, .block-pricing-v2 .pricing-value-toggle label {
    color: #606266 !important;
    font-weight: 400;
    margin: 0 !important;
    border: none !important;
    padding: 10px 20px;
    height: 47px;
    line-height: 2;
    font-size: 14px;
}

.block-pricing-v2 .btn-group a.active,.block-pricing-v2 .btn-group a:hover,.block-pricing-v2 .btn-group a:active {
    color: #fff !important;
}

.block-pricing-v2 .pricing-value-toggle {
    border: 1px solid #DCDFE6;
    border-radius: 10px;
    overflow: hidden;
}

.block-pricing-v2 .pricing-value-toggle .cbtn-icon,.block-pricing-v2 .pricing-value-toggle .cbtn-price {
    display: none;
}

.block-pricing-v2 .pricing-value-toggle label {flex: 1;border-radius: 0;}

.block-pricing-v2 .pricing-value-toggle label.active,.block-pricing-v2 .pricing-value-toggle label:hover,.block-pricing-v2 .pricing-value-toggle label:active {
    background: #01734e;
    color: #fff !important;
}

.block-pricing-v2 .pricing-currency-row > .row {flex-direction: row-reverse;}

.block-pricing-v2 .pricing-currency-row {
    border: none;
    margin-bottom: 50px;
}

.block-pricing-v2 .nerkh-item {
    background: none;
    color: #484648;
    text-align: right;
    padding: 0;
    width: 100%;
}
.text-semi-dark {
  color: #484648;
}
.block-pricing-v2 .nerkh-item .farsi {
}

.tarrif-help-rules-inner {
    border: 1px solid #E5E7EB;
    padding: 30px;
    border-radius: 12px;
    background: linear-gradient(45deg, #fff 66%, #f5faf8);
}

.block-pricing-v2 .list-checkmark li:before {
    background: #fce2b7;
    color: #feb839;
    border-radius: 6px;
}

.block-pricing-v2 .list-checkmark li {
    text-align: right;
    margin-bottom: 10px;
}

.block-pricing-v2 .tarrif-help-rules_managed .list-checkmark li:before {
    background: #a6c4b7;
    color: #006948;
}
.pricing-box-head {
    display: flex;
    padding: 10px 20px;
}

.pricing-box-col {
    flex: 1;
    text-align: right;
    padding: 10px;
}

.plan-pricing-row {
    display: flex;
    border: 1px solid #E6E9F5;
    align-items: center;
    border-radius: 12px;
    padding: 10px 20px;
    margin-bottom: 15px;
}
.block-pricing-v2 .pricing-box-item-row {
    justify-content: start;
    gap: 10px;
    margin: 0;
}
.block-pricing-v2 .btn-group-value small {
  color: #6c757d;
  margin-right: 2px;
}
.nerkh-item-row {
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 15px;
    gap: 15px;
    width: 340px;
    max-width: 100%;
}

.nerkh-item-row span {padding: 0;}
.block-GoogleAdsForm .form-label {
  font-size: 14px;
  font-weight: 400;
  color: #444;
}
.block-GoogleAdsForm form input { border : 1px solid rgb(45 45 45 / 12%)}
.block-GoogleAdsForm form .btn_submit .btn {
    min-width: 160px;
    height: 72px;
    margin-top: 18px;
}
.block-GoogleAdsForm form input::placeholder {
  color: rgb(68 68 68 / 20%);
}
.block-testimonial-slider {
  background: linear-gradient(54deg, #fff 87%, rgb(84 190 150 / 25%));
  text-align: center;
}
.block-GoogleAdsForm form .btn_submit .ajax-loader {
  top: 20px;
}
@media(min-width: 1200px) {
	.swiper-container:not(.swiper-container-initialized)[data-initcol="2"] .swiper-slide {
		max-width: 50%;
	}
	.swiper-container:not(.swiper-container-initialized)[data-initcol="3"] .swiper-slide {
		max-width: 33.33%
	}
	.swiper-container:not(.swiper-container-initialized)[data-initcol="4"] .swiper-slide {
		max-width: 25%;
	}
	.swiper-container:not(.swiper-container-initialized)[data-initcol="5"] .swiper-slide {
		max-width: 20%;
	}
	.swiper-container:not(.swiper-container-initialized)[data-initcol="6"] .swiper-slide,
	.shortv-swiper-col:not(.swiper-container-initialized) .swiper-slide {
		max-width: 16.66%;
	}
	.swiper-container:not(.swiper-container-initialized)[data-initcol] .swiper-wrapper {
		gap: 5px;
	}
}
/* Shortv */
.shortv-shown {
    overflow: hidden;
}
.shortv-shown header.header.top-fixed:not(.header-static) {
  z-index: 1000;
}
.shortv-modal-close {display: none;}
.fullscreen .shortv-modal-close {display: block;margin-bottom: 30px !important;padding: 0;}
.aws_item_errors:before {
	content: "\e92a";
	font-size: 36px;
	font-family: 'iranicard';
	color: rgb(40 96 230);
	margin-bottom: 15px;
	--bs-text-opacity: 1;
	color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity));
}
.shortv-image {
	width: 100%;
}
.shortv-title {
	font-size: 13px;
}
.shortv-title-wrap {
	align-items: center;
	margin-top: 12px;
}
.shortv-item-video {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	z-index: 100;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.hovered .shortv-item-video ,.fullscreen .shortv-item-video{opacity: 1;}
.shortv-item {
	position: relative;
}
.shortv-figure {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.shortv-player-btns {
    display: none;
}
.fullscreen .shortv-player-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    direction: ltr;
    padding: 20px;
}
.swiper-arrows {display: none;}
.shortv-shown .swiper-arrows {display: flex;}

.shortv-player-btns button {
    width: 36px;
    height: 36px;
    border: none;
    background: rgb(0 0 0 / 45%);
    border-radius: 50%;
}

.shortv-player-btns button svg {
    fill: #fff;
    width: 20px;
}
.shortv-item-video video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.shortvideos-modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(255 255 255 / 97%);
    z-index: 1000;
    display: none;
    align-items: center;
}
.shortvideos-modal.fullscreen {
	display: flex
}
.shortvideos-modal .swiper-arrows {
    position: absolute;
    top: 100px;
    right: auto;
    flex-direction: column;
    z-index: 10;
    opacity: 0;
}


.shortvideos-modal .swiper-arrows > * {
    background: #eff4fd;
    width: 54px;
    height: 54px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
    transform: rotate(270deg);
    margin-bottom: 10px;
}
.shortvideos-modal .swiper-arrows > *:hover {
	background: #e8ecf3;
	color: #69768b;
}
.shortvideos-modal .shortv-item .shortv-image {
    width: 100%;
}
.shortvideos-modal .swiper-slide {
    width: 360px !important;
    margin: 0 auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shortvideos-modal .block-heading {
    margin: 0 !important;
    padding: 0;
    background: none;
}
.shortvideos-modal .shortv-item {}

.shortvideos-modal .shortv-swiper-col {
    max-height: calc(100vh - 50px);
    width: 390px;
    display: block;
    margin: auto;
}
.shortvideos-modal .latest-youtube__more,.shortvideos-modal .latest-youtube__title {
	display: none;
}
.shortv-title-wrap .btn {
	border-radius: 6px;
}
span.icons-x {
  width: 16px;
  height: 16px;
  display: flex;
  font-size: 18px;
  font-weight: 300;
  align-items: center;
  justify-content: center;
  text-align: center;
}
/*--- Media Query ------------------------------
-----------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1380px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
  nav.main_nav > ul > li > a {
    font-size: 0.95rem;
  }
  nav.main_nav > ul > li {
    margin-left: 11px;
  }
}

@media (min-width: 1441px) {
  .hiro-back svg {
  }
}

@media (min-width: 1925px) {
  .hiro-back svg {
    width: 77%;
  }
  .block-back-svg .block_back {
    width: 77%;
  }
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
  .visible-xs {
    display: none;
  }
  .logos_2_just_mobile .customer-logo-2-carousel.gallery-2 {
    display: none;
  }
}

@media (min-width: 991px) {
  .visible-md {
    display: none;
  }
}

@media (max-width: 1200px) {
  .hiro-back svg {
    max-width: 90%;
    height: auto;
  }
  .svg-back-box,
  .svg-back-dots-cloud {
    left: 0;
  }
  .shortvideos-modal .shortv-title-wrap {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    left: 0;
	    z-index: 100;
	    background: linear-gradient(0deg, #000,rgb(0 0 0 / 50%) 60%, rgb(0 0 0 / 0%));
	    margin: 0 !important;
	    padding: 30px 20px;
	    color: #fff;
	}
	
	.shortvideos-modal .shortv-item {
	    border-radius: 15px;
	    overflow: hidden;
	}
}

@media (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
  .slide-title {
    font-size: 2rem;
  }
  .slide {
    height: calc(60vh - 112px);
  }
  .slide_pic_box {
    top: 50%;
  }
  .badge-google {
    width: 150px;
  }
  .my-7 {
    margin-bottom: 0;
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
  .header-btns .btn {
    padding: 10px;
  }
  .slide_pic {
    order: -1;
    margin-bottom: 15px;
  }
  .slide {
    height: auto;
    min-height: 45vh;
    max-height: none;
    justify-content: flex-start;
  }
  .noUi-value {
    font-size: 14px;
  }
  .svg-back-box,
  .svg-back-dots-cloud {
    z-index: -1;
  }
  .wp-lightbox-container img+button{opacity: 1 !important;}
  .blog-blocks-cat-posts .swiper {
    margin: 30px 0 0 0;
  }
  .blog-blocks-cat-posts {
    padding: 60px 0;
  }
  .blog-blocks-cat-posts+.blog-blocks-cat-posts {margin-top: 60px;}
  .swiper.swiper-container.post-items .swiper-slide {
    max-width: 270px;
  }
  .swiper.swiper-container.post-items .post--item .card-img {
    max-height: 173px;
  }
  .blog-blocks-cat-posts .swiper .swiper-slide .post--item.post--item-mini .card-img {
    max-height: 185px;
  }
  .shortvideos .swiper-slide {
		width: 210px;
	}

	.shortvideos {
		overflow: hidden;
		position: relative;
	}

	.shortvideos .swiper-container {
		overflow: visible;
	}

	.shortvideos .swiper-arrows {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		left: 0;
		justify-content: space-between;
		z-index: 100;
		padding: 0 20px;
		pointer-events: none;
	}

	.shortvideos .swiper-arrows > * {
		background: rgb(255 255 255 / 86%);
		padding: 20px;
		border-radius: 50%;
		pointer-events: auto;
	}
}

@media (max-width: 576px) {
  .header-btns .btn {
    padding: 0px;
  }
}

.visible-xx {
  display: none;
}

@media (max-width: 992px) {
  .noUi-value span {
    display: block;
    position: absolute;
    top: 100%;
    font-size: 10px;
    color: #868c9e;
    font-weight: 300;
    left: 50%;
    transform: translateX(-50%);
    writing-mode: tb-rl;
    transform: rotate(-180deg);
  }
}
@media (max-width: 576px) {
  .hidden-xx {
    display: none;
  }
  .visible-xx {
    display: block;
  }
  .scroll-on-mobile {
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    max-width: 100%;
  }
  .responsive-menu .btn-sm {
    font-size: 12px !important;
    white-space: nowrap;
  }
  .slider-more-button {
    padding-left: 5px;
  }
  .slider-less-button {
    padding-right: 5px;
  }
  .noUi-value {
    font-size: 12px;
  }

  .slider-less-button {
    padding-left: 9px;
  }
  .slider-more-button {
    padding-right: 9px;
  }
  .slide_pic {
    margin-bottom: 50px;
    order: 2;
  }
  .slide_txt {
    margin-bottom: 50px;
    padding-top: 20px;
  }
  .order-sm-1 {
    order: -1;
  }
  .font-xxl {
    font-size: 2rem;
  }
  .font-xl {
    font-size: 1.8rem;
  }
  .block-padding-xl,
  .block-padding-lg {
    padding: 4rem 0;
  }
  .pricing-nav-button {
    display: flex;
    width: 36px;
    height: 50px;
    background: rgb(204 204 204 / 0.4);
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #00734e;
  }
  .pricing-nav-button:active {
    background-color: rgb(0 115 78 / 0.1);
  }
  .swiper-button-next.pricing-nav-button {
    left: -15px;
    border-radius: 0 10px 10px 0;
  }
  .swiper-button-prev.pricing-nav-button {
    right: -15px;
    border-radius: 10px 0 0 10px;
  }
  .pricing-nav-button:after {
    font-size: 26px;
  }
  .pricing-carousel:not(.swiper-container-initialized) .pricing-nav-button {
    display: none;
  }
  .hiro-back svg {
    display: none;
  }
  .toc.toc-box > ul > li > ul li {
    width: 100%;
  }
  .breadcrumb_wrap {
    overflow: auto;
    white-space: nowrap;
  }
  header + .block,
  header + main .block:first-child {
    padding-top: 120px;
  }
  nav.breadcrumb_wrap + h1 {
    margin: 20px 0 !important;
  }
  .has_breadcrumb .hiro-inner {
    margin-top: 0 !important;
  }
  .comment-metadata {
    position: static;
    opacity: 1;
    margin-right: 80px;
  }
  .children .comment-metadata {
    margin-right: 65px;
  }
  .comment .nav-link-border {
    font-size: 13px;
    padding: 0.8rem 0.4rem;
  }
  .box-new-lable {
    left: 6px;
    top: 6px;
  }
  .notification-bar__text i {
    display: none;
  }
  .slide-title,.font-xxl {
      font-size: 1.6rem;
  }
  .block-content h2,.h2,h2, .font-xl {
      font-size : 1.4rem
  }
  .font-semixl, .cooperations__title, h3,.h3 {
    font-size: 1.3rem;
  }
  .font-lg {
    font-size: 1.2rem;
  }
  
  .font-md {
      font-size : 1.1rem
  }
  .slide-desc {
    font-size: 1rem;
  }
  .btn {
    font-size: 13px;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
  }
  .block-padding-md:not(.block-padding-md-force) {
    padding: 1.5rem 0;
  }
  .order-md-2.block-image {
    margin-bottom: 0 !important;
  }
  section#last-blog .row>*:first-child {
    order: 10;
    display: flex;
    flex-direction: column;
  }
  section#last-blog .row>*:first-child .slider_video {
    order: -1;
    width: 100%;
  }
  section#last-blog .row>*:first-child .box {
    margin-top: 20px;
    margin-bottom: 0 !important;
    padding: 20px 40px !important;
  }
  section#last-blog .row>*:first-child .slider_video .swiper-slide {
    width: 100% !important;
  }
  .btn.btn-like {
      padding: 2px 10px;
  }
  section#last-blog .row>*:first-child .box>div:first-child {
    display: none;
  }
  section#last-blog .row>*:first-child .box>div:nth-child(2) {
    margin-top: 0 !important;
  }
  .row-table {
    overflow: auto;
    justify-content: flex-start !important;
    padding: 0 0 15px 0;
    margin-right: 0 !important;
    margin-left: -15px !important;
  }
  .col-label .compare-col {
    max-width: 220px;
  }
  .compare-col {
      max-width: 80px;
  }
  .compare-col-title {
      min-width: 80px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 7px 20px;
  }
  .callbox {
    flex-direction: column;
  }

  .callbox-content {
    margin-bottom: 20px;
  }

  .callbox-content-wrap:before {
    top: -39px;
    left: 39%;
    transform: rotate(90deg);
  }

  .callbox-content-wrap:after {
    width: 19px;
    height: 5px;
    left: 42.5%;
    top: -1px;
  }
  .wp-block-quote img {
    display: block;
  }
  .wp-block-quote p {
    text-align: right;
  }

  .pricing-carousel.flex-wrap-onMobile .swiper-wrapper {
    display: flex;
    flex-direction: column;
  }
  .pricing-carousel.flex-wrap-onMobile .swiper-slide {
    flex: 1 1 auto;
    min-width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .pricing-carousel.flex-wrap-onMobile .pricing-label {
    position: absolute;
    left: 11px;
    top: 13px;
  }
  .pricing-carousel.flex-wrap-onMobile .plan-pricing-title {
    margin: 10px 0 0 0 !important;
    border: none !important;
  }
  .pricing-carousel.flex-wrap-onMobile .btn-group-value {
    min-height: auto;
    font-size: 22px;
    letter-spacing: -0.25px;
  }
  .pricing-carousel.flex-wrap-onMobile .card-header {
    text-align: right;
  }
  .pricing-carousel .is-item-featured {
    order: -1;
  }
  
  button.pricing-detail-toggle {
    display: block;
    font-weight: 400;
    position: relative;
    letter-spacing: -0.25px;
    box-shadow: none !important;
  }
  button.pricing-detail-toggle:after {
    content: "\e909";
    font-family: afrak;
    transition: all 0.3s ease;
    margin-right: 6px;
    vertical-align: -2px;
    transform-origin: center;
    display: inline-block;
  }
  button.pricing-detail-toggle.active:after {
    transform: rotate(-180deg);

  }
  .pricing-carousel.flex-wrap-onMobile .card-shadow {
    box-shadow: 0 0 0 2px #1a744f;
    margin-bottom: 2px;
  }
  .pricing-carousel.flex-wrap-onMobile .btn-groups-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .nerkh-item {
    font-size: 13px;
    padding: 8px 18px;
  }
  span.nerkh_item-val {
      font-size: 15px;
  }
  .nerkh-item small {
      margin-top: 3px;
      color: rgb(46 120 228 / 92%);
      font-weight: 300;
  }
  .logo-box-block__logo {
    bottom: auto;
    max-width: 60px;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
  }
  .logo-box-block__btn {
    position: static;
    display: block;
  }
  .logo-box-block .mb-50 {
    margin-bottom: 25px;
  }
  section#hiro-block_226da2ec6f3497dfdea90bc062d86c71 .col-lg-6.slide_txt,
  section#hiro-block_226da2ec6f3497dfdea90bc062d86c71 .slide-desc,
  section#hiro-block_226da2ec6f3497dfdea90bc062d86c71 .slide-desc p:last-child {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0 !important;
  }
  .gap-5 {
    --bs-gutter-y: 2rem;
    --bs-gutter-x: 2rem;
  }
  .cta--btns {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
  }

  .cta--btns > a {width: 100%;white-space: nowrap;}
  .box-more-padding {
    padding: 40px 30px;
  }
  .box-more-padding h1 {
    letter-spacing: -1px;
    margin-bottom: 0px !important;
  }
  .help-center-search {
    margin-top: 20px;
  }
  .help-center-head {
    background: none;
  }
  .help-center-head .box {
    background: none;
    box-shadow: none !important;
    padding: 0;
  }
  .faq-category-02 .faq-box {
      padding: 15px;
  }
  .faq-category-02 .faq-box i {
      margin-bottom: 10px;
  }
  .faq-category-02 .faq-box h3 {
      font-size: 13px;
      letter-spacing: -0.5px;
  }
  .accordion .card-header button {
    font-size: 15px;
    line-height: 1.7;
  }
  .accordion .card-body {
    font-size: 14px;
  }
  .faq-category-02 .row {
    --faq_row_g: 5px;
  }
  .blog-blocks-cat-posts .swiper .swiper-slide {
    max-width: 288px;
  }
  section.blog-hiro {
    padding: 30px 0;
  }
  .blog-blocks-cat-posts, .block-has-swiper-auto-onmobile{
    overflow: hidden;
  }

  .blog-blocks-cat-posts .swiper-container,.block-has-swiper-auto-onmobile .swiper-container {
    overflow: visible;
  }
  .blog-hiro-boxes .blog-hiro-content-meta,
  .blog-boxes-meta {
    font-size: 12px;
    letter-spacing: -1px;
  }

  .ebooks-box-content {
    padding: 0 10px 10px;
  }
  /* pricing box */
  .btn-group-rounded .btn.btn-sm {
    padding: 10px;
    font-size: 11px;
  }
  img.tarrif-tabs-icon {
    max-height: 16px;
  }
  .btn-checkbox[data-currency] {
    font-size: 12px;
    gap: 5px;
    white-space: nowrap;
    margin-top: 10px;
  }
  .cbtn.cbtn-icon {
    width: 20px;
    height: 20px;
  }
  .pricing-value-toggle {
    overflow: auto;
    justify-content: flex-start !important;
  }
  .body-light-gray header+main .block:first-child {
    padding-top: 140px;
  }
  .pricing-box-item {
    margin-bottom: 15px; 
  }
  .post_social.post_social_box {
    padding: 25px;
  }

  .hiro-inner-background {
    padding: 30px 15px;
    text-align: center;
  }
  .hiro-inner-background .slide-title {
      font-size: 28px;
  }
  .image_absolute img {
      max-width: 100%;
  }
  .img-box-image {
    width: 52px;
    height: 52px;
    border-radius: 5px;
    box-shadow: 0 20px 80px 4px rgb(45 51 60 / 20%);
    margin-bottom: 25px;
  }

  .img-box-image img {
    max-width: 24px;
    height: auto;
  }

  .img-box-card {
    padding: 20px 10px;
    font-size: 14px;
  }
    .helpsteps-row:not(.is-collapsed) .helpsteps-sidebar.nav {
      flex-wrap: nowrap;
      overflow: scroll;
      white-space: nowrap;
      gap: 10px;
      padding: 0 15px;
      margin: 0 -15px;
    }
  
    .helpsteps-row:not(.is-collapsed) .helpsteps-sidebar a {
      padding: 10px;
      padding-right: 55px;
      gap: 10px;
    }
  
 .helpsteps-row:not(.is-collapsed)   .helpsteps-sidebar .btn::before {
      width: 38px;
      height: 38px;
      right: 10px;
      font-size: 14px;
    }
  
    .helpsteps-row:not(.is-collapsed)  .helpsteps-sidebar a:after {
      width: 38px;
      height: 38px;
      font-size: 10px;
    }
  
    .helpsteps-row:not(.is-collapsed)  .helpsteps-sidebar a.active:after {
      transform: rotate(-90deg);
    }
  
    .btn.close-tabcontents {
      display: none;
    }
  
    .help-video-item img {
      min-height: 200px;
      object-fit: cover;
      object-position: center;
    }
  
    .help-video-item {
      border-radius: 10px;
      overflow: hidden;
    }
  
    .helpsteps-content p {
      text-align: justify;
    }
  
    .helpsteps-tabs-sidebar.nav {
      gap: 10px;
      margin-bottom: 30px;
      justify-content: space-between;
    }
  
    .helpsteps-content {
      padding: 30px 20px;
    }
  
    .helpsteps-tabs-sidebar a {
      padding: 10px;
      white-space: nowrap;
      width: calc(50% - 10px);
      flex: 0 0 auto;
      font-size: 12px;
      gap: 5px;
      text-align: center;
      justify-content: center;
      margin: 0;
    }
  
    .helpsteps-tabs-sidebar a img {
      max-width: 20px;
      height: auto;
    }
    .block-pricing-v2 .pricing-currency-row>.row {
      flex-direction: row;
      gap: 20px;
    }

    .pricing-box-head {
      display: none;
    }

    .plan-pricing-row {
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .pricing-box-col {
      width: 50%;
      flex: 0 0 auto;
    }

    .block-pricing-v2 .pricing-box-item-row {
      justify-content: end;
    }

    .pricing-box-items .row {
      flex-direction: column-reverse;
      gap: 20px;
    }

    .tarrif-help-rules-inner:not(.tarrif-help-rules-inner-full) {
      height: 90px;
      overflow: hidden;
    }

    .tarrif-help-rules-inner:not(.tarrif-help-rules-inner-full) .list-checkmark {
      opacity: 0;
    }

    .tarrif-help-rules-inner:not(.tarrif-help-rules-inner-full) .btn-link-arrow {
      transform: rotate(-90deg);
    }

    .tarrif-help-rules-inner .btn-link-arrow span {
      display: none;
    }

    .tarrif-help-rules-inner .btn-link-arrow:after {
      margin: 0;
    }
    .tarrif-help-rules-inner .btn-link-arrow {
      transition: all 0.3s ease;
    }
    .GoogleAdsForm-box-item {
        background: rgb(0 105 72 / 5%);
        padding: 20px 10px;
        border-radius: 12px;
        height: 100%;
    }

    .GoogleAdsForm-box-item img {
        width: 48px;
        height: 48px;
    }

    .GoogleAdsForm-box-item h3 {
        font-size: 13px;
    }

    .testimonial-slider-swiper .swiper-slide > .row {
        flex-direction: column-reverse;
        gap: 50px;
    }
    .shortvideos-modal .swiper-slide {
		width: 320px !important;
	}

	.shortvideos-modal .shortv-swiper-col {
		width: 100%;
	}

	.shortvideos-modal .swiper-arrows {
		top: 31px;
		opacity: 1;
	}

	.shortvideos-modal .swiper-arrows > * {
		width: 42px;
		height: 42px;
		background: #fff;
		color: #777;
		box-shadow: 0 0 20px rgb(0 0 0 / 6%);
	}
	.mouse-scroll-anim {
		position: fixed;
		margin: auto;
		left: 50%;
		bottom: -8px;
		-webkit-transform: translateX(-50%);
		z-index: 9999;
		width: auto;
		height: auto;
		border-radius: 10px;
		background: none;
		display: none;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	.fullscreen .mouse-scroll-anim {
		display: flex;
	}

	.mouse-scroll-anim span {
		display: block;
		width: 5px;
		height: 5px;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transform: rotate(45deg);
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		margin: 0 0 3px 5px;
		position: relative;
		left: -2px;
	}

	.mouse-scroll-anim .mouse {
		height: 21px;
		width: 14px;
		border-radius: 10px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		border: 2px solid #eee;
		top: 170px;
	}

	.mouse-scroll-anim .down-arrow-1 {
		margin-top: 4px;
	}

	.mouse-scroll-anim .down-arrow-1,
	.mouse-scroll-anim .down-arrow-2,
	.mouse-scroll-anim .down-arrow-3 {
		-webkit-animation: mouse-scroll 1s infinite;
		-moz-animation: mouse-scroll 1s infinite;
	}

	#mouse-croll .down-arrow-1 {
		-webkit-animation-delay: .1s;
		-moz-animation-delay: .1s;
		-webkit-animation-direction: alternate;
	}

	.mouse-scroll-anim .down-arrow-2 {
		-webkit-animation-delay: .2s;
		-moz-animation-delay: .2s;
		-webkit-animation-direction: alternate;
	}

	.mouse-scroll-anim .down-arrow-3 {
		-webkit-animation-delay: .3s;
		-moz-animation-dekay: .3s;
		-webkit-animation-direction: alternate;
	}

	.mouse-scroll-anim .mouse-in {
		height: 5px;
		width: 2px;
		display: block;
		margin: 5px auto;
		background: #ccc;
		position: relative;
	}

	.mouse-scroll-anim .mouse-in {
		-webkit-animation: animated-mouse 1.2s ease infinite;
		moz-animation: mouse-animated 1.2s ease infinite;
	}

	@-webkit-keyframes animated-mouse {
		0% {
			opacity: 1;
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}

		100% {
			opacity: 0;
			-webkit-transform: translateY(6px);
			-ms-transform: translateY(6px);
			transform: translateY(6px);
		}
	}

	@-webkit-keyframes mouse-scroll {
		0% {
			opacity: 1;
		}

		50% {
			opacity: .5;
		}

		100% {
			opacity: 1;
		}
	}

	@keyframes mouse-scroll {
		0% {
			opacity: 0;
		}

		50% {
			opacity: 0.5;
		}

		100% {
			opacity: 1;
		}
	}
	.shortvideos.shortv-less-6 .swiper-arrows {
		display: none;
	}
	.shortvideos.shortv-less-6 .shortv-swiper-col .swiper-wrapper {
		flex-wrap: wrap;
		margin: 0 -1px;
	}

	.shortvideos.shortv-less-6 .shortv-swiper-col .swiper-slide {
		flex: 0 0 auto;
		width: 50%;
		padding: 1px;
		flex-shrink: 0;
		margin: 0 !important;
	}

	.shortvideos .shortv-title-wrap {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 30px 10px 10px;
		z-index: 100;
		background: linear-gradient(0deg, #000,rgb(0 0 0 / 60%) 50%,rgb(0 0 0 / 40%) 70%, rgb(0 0 0 / 0%));
		margin: 0 !important;
		color: #fff;
		text-align: center;
		border-radius: 0 0 10px 10px;
	}

	.shortvideos .shortv-title-wrap .btn {
		display: none;
	}

	.shortvideos .shortv-title-wrap .shortv-title {
		font-size: 10px;
		max-height: 28px;
		overflow: hidden;
	}

	.shortvideos .shortv-title-wrap > * {
		padding: 0;
		margin: 0;
	}

	.shortvideos .shortv-item {
		overflow: hidden;
		border-radius: 10px;
	}
}

@media (max-width: 400px) {
  .install-costs-form-gift-box .d-flex.g-3.justify-content-center {
    font-size: 14px;
    gap: 10px;
  }
}