/*
@File: Tefri Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the template.

This files table contents are outlined below>>>>>

******************************************* 
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style
** - Header Area Style
** - Nav Area Style
** - Banner Area Style

** - Footer Area Style
** - Copy Right Area Style

** - OTHER STYLE AREA - **

** - Preloader Area Style
** - Go Top Style
** - Video wave Style
** - Gallery Style


*******************************************
/*

/*
Default Style
============================*/

/* Variables */
:root {
  --color-primary: #05adec;
  /* --color-primary: red; */

  /* Shades (Darker Versions) */

  /* Tints (Lighter Versions) */
}

@import url("Vazirmatn-RD-FD-font-face.css");

body {
  font-size: 16px;
  font-family: "Vazirmatn RD FD", sans-serif;
  color: #415674;
  direction: rtl !important;
}

a {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-decoration: none;
  color: #415674;
}

a:hover {
  text-decoration: none;
  color: var(--color-primary);
}

a:focus {
  text-decoration: none;
}

button {
  outline: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0;
}

button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1b2336;
  font-weight: 700;
  font-family: "Vazirmatn RD FD", sans-serif;
}

h3 {
  font-weight: 600;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

p {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.7;
}

p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.form-control {
  height: 55px;
  color: #1b2336;
  border: 1px solid #ffffff;
  background-color: #e5e5e5;
  font-size: 16px;
  padding: 10px 20px;
  width: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-radius: 5px;
}

.form-control::-webkit-input-placeholder {
  color: #757575;
}

.form-control:-ms-input-placeholder {
  color: #757575;
}

.form-control::-ms-input-placeholder {
  color: #757575;
}

.form-control::placeholder {
  color: #757575;
}

.form-control:focus {
  color: #000000;
  background-color: #e5e5e5;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  outline: 0;
  border: 1px solid var(--color-primary);
}

.form-control:hover:focus,
.form-control:focus {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

textarea.form-control {
  height: auto;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pt-50 {
  padding-top: 50px;
}

.mt-30 {
  margin-top: 30px;
}

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

.ml-15 {
  margin-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

/*
Bg-color Style*/
.body-bg-color {
  background-color: #f8fafb;
}

.bg-color-ffffff {
  background-color: #ffffff;
}

.bg-color-3270ff {
  background-color: var(--color-primary);
}

.bg-color-1b2336 {
  background-color: #1b2336;
}

/*
Default Btn Area Style*/
.default-btn {
  font-size: 16px;
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: -ms-inline-grid;
  display: inline-grid;
  padding: 12px 40px;
  background-color: var(--color-primary);
  border-radius: 3px;
  border: 1px solid var(--color-primary);
}

.default-btn.active {
  background-color: var(--color-primary);
  color: #ffffff;
}

.default-btn.active:hover {
  color: #ffffff;
  background-color: var(--color-primary);
}

.default-btn:hover {
  color: #ffffff;
  background-color: var(--color-primary);
}

/*
Read More Btn Area Style*/
.read-more {
  font-size: 15px;
  color: var(--color-primary);
  background-color: transparent;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-weight: 600;
}

.read-more i {
  position: relative;
  top: 4px;
}

.read-more:hover {
  color: var(--color-primary);
  letter-spacing: 1px;
}

/*
Section Title Area Style*/
.section-title {
  max-width: 700px;
  margin: -5px auto 50px;
  text-align: center;
  position: relative;
}

.section-title .top-title {
  font-size: 14px;
  color: var(--color-primary);
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
}

.section-title h2 {
  font-size: 35px;
  margin-bottom: 15px;
  color: #013447;
}

.section-title h2 span {
  color: var(--color-primary);
}

.section-title h2:last-child {
  margin-bottom: 0;
}

.section-title p {
  max-width: 600px;
  margin: auto;
}

.section-title p span {
  color: var(--color-primary);
}

.section-title.white-title span {
  color: var(--color-primary);
}

.section-title.white-title h2 {
  color: #ffffff;
}

.section-title.white-title p {
  color: #ffffff;
}

.section-title.left-title {
  margin-left: 0;
  text-align: left;
  max-width: 645px;
}

.section-title.left-title h2 {
  max-width: 700px;
}

.section-title.left-title p {
  margin-left: 0;
}

.section-title.left-title .default-btn {
  position: absolute;
  top: 0;
  right: 0;
}

/*
Navbar Area Style
======================================================*/
.navbar-area {
  position: relative;
  background-color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* .main-logo {
  height: 4rem;
} */

.main-logo {
  height: 3.4rem;
  /* width: 100%; */
  object-fit: scale-down;
}

.navbar-area.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  background-color: #ffffff !important;
}

.navbar-area .container-fluid {
  max-width: 1760px;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.navbar-area .navbar-brand {
  margin-right: 0;
  margin-left: 34px;
}

.navbar-area .navbar-brand .white-logo {
  display: none;
}

.navbar-area .mobile-responsive-menu .logo .white-logo {
  display: none;
}

.navbar-area.style-border {
  border: 1px solid #ffffff;
}

.desktop-nav {
  padding-top: 0;
  padding-bottom: 0;
}

.desktop-nav .navbar {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 2;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.desktop-nav .navbar ul {
  margin-bottom: 0;
  list-style-type: none;
}

.desktop-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item a {
  font-size: 16px;
  color: #1b2336;
  line-height: 1;
  position: relative;
  font-weight: 600;
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
  padding-right: 20px;
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::after {
  display: none;
}

/* .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
  content: "\EA4E";
  position: absolute;
  top: 0;
  right: 0;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
} */

.desktop-nav .navbar .navbar-nav .nav-item a:hover,
.desktop-nav .navbar .navbar-nav .nav-item a:focus,
.desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--color-primary);
}

.desktop-nav .navbar .navbar-nav .nav-item a i {
  font-size: 18px;
  line-height: 0;
  position: relative;
  top: 4px;
}

.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-right: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover a,
.desktop-nav .navbar .navbar-nav .nav-item:focus a,
.desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--color-primary);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #ffffff;
  position: absolute;
  visibility: hidden;
  border-radius: 0;
  display: block;
  width: 250px;
  border: none;
  z-index: 99;
  opacity: 0;
  top: 80px;
  left: 0;
  padding: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
  border-bottom: 1px dashed #ededed;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #1b2336;
  padding: 15px;

  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  display: block;
  position: relative;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a.dropdown-toggle::after {
  display: none;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a.dropdown-toggle::before {
  content: "\EA4E";
  position: absolute;
  top: 14px;
  right: 13px;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: var(--color-primary);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #1b2336;
  border-bottom: 1px dashed #ededed;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  position: relative;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.dropdown-toggle::after {
  display: none;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.dropdown-toggle::before {
  content: "\EA4E";
  position: absolute;
  top: 14px;
  right: 13px;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: 250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -1px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  top: -1px;
  visibility: visible;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  top: -15px;
  visibility: visible;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  /* top: -15px; */
  top: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--color-primary);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-bottom: none;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  top: 100%;
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}

.desktop-nav .navbar .others-options ul {
  padding-right: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.desktop-nav .navbar .others-options ul li {
  margin-left: 20px;
  display: inline-block;
}

.desktop-nav .navbar .others-options ul li:last-child {
  margin-left: 0;
}

.desktop-nav .navbar .others-options ul li .search-form {
  position: relative;
  margin-right: 20px;
}

.desktop-nav .navbar .others-options ul li .search-form .form-control {
  height: 42px;
  background-color: #ffffff;
  border-color: #e5e5e5;
  border-radius: 50px;
}

.desktop-nav .navbar .others-options ul li .search-form .form-control:focus {
  border-color: var(--color-primary);
}

.desktop-nav .navbar .others-options ul li .search-form .src-btn {
  position: absolute;
  top: 11px;
  left: 15px;
  background-color: transparent;
  font-size: 20px;
  line-height: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--color-primary);
}

.desktop-nav .navbar .others-options ul li .search-form .src-btn:hover {
  color: var(--color-primary);
}

.desktop-nav .navbar .others-options ul li .call-us {
  position: relative;
  padding-right: 50px;
  font-weight: 700;
  font-size: 16px;
  color: #1b2336;
}

.desktop-nav .navbar .others-options ul li .call-us i {
  position: absolute;
  top: -9px;
  right: 0;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: 1px solid var(--color-primary);
  border-radius: 50px;
  color: var(--color-primary);
  background: rgba(50, 112, 252, 0.1);
  font-weight: normal;
  font-size: 20px;
}

.desktop-nav .navbar .others-options ul li .call-us:hover {
  color: var(--color-primary);
}

.desktop-nav .navbar .others-options ul li .default-btn i {
  display: none;
}

.mobile-responsive-nav {
  display: none;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.others-options-for-mobile {
  position: absolute;
  top: 1px;
  right: 70px;
  left: 0;
  margin: auto;
  display: table;
  z-index: 999;
}

.others-options-for-mobile ul {
  padding-right: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.others-options-for-mobile ul li {
  margin-left: 20px;
  display: inline-block;
}

.others-options-for-mobile ul li:last-child {
  margin-left: 0;
}

.others-options-for-mobile ul li .search-form {
  position: relative;
  margin-right: 20px;
}

.others-options-for-mobile ul li .search-form .form-control {
  height: 42px;
  background-color: #ffffff;
  border-color: #e5e5e5;
  border-radius: 50px;
}

.others-options-for-mobile ul li .search-form .form-control:focus {
  border-color: var(--color-primary);
}

.others-options-for-mobile ul li .search-form .src-btn {
  position: absolute;
  top: 11px;
  left: 15px;
  background-color: transparent;
  font-size: 20px;
  line-height: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--color-primary);
}

.others-options-for-mobile ul li .search-form .src-btn:hover {
  color: var(--color-primary);
}

.others-options-for-mobile ul li .call-us {
  position: relative;
  padding-right: 50px;
  font-weight: 700;
  font-size: 16px;
  color: #1b2336;
}

.others-options-for-mobile ul li .call-us i {
  position: absolute;
  top: -9px;
  right: 0;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: 1px solid var(--color-primary);
  border-radius: 50px;
  color: var(--color-primary);
  background: rgba(50, 112, 252, 0.1);
  font-weight: normal;
  font-size: 20px;
}

.others-options-for-mobile ul li .call-us:hover {
  color: var(--color-primary);
}

.others-options-for-mobile ul li .default-btn i {
  display: none;
}

/*
Others Option For Responsive Area Style
======================================================*/
.others-option-for-responsive {
  display: none !important;
}

.others-option-for-responsive .dot-menu {
  padding: 0 10px;
  height: 30px;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  right: 60px;
  transform: translateY(-144%);
}

.others-option-for-responsive .dot-menu .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
}

.others-option-for-responsive .dot-menu .inner .circle {
  height: 5px;
  width: 5px;
  border-radius: 100%;
  margin: 0 2px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-color: var(--color-primary);
}

.others-option-for-responsive .dot-menu:hover .inner .circle {
  background-color: var(--color-primary);
}

.others-option-for-responsive .container {
  position: relative;
}

.others-option-for-responsive .container .container {
  position: absolute;
  right: -2px;
  top: 15px;
  max-width: 320px;
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: 2;
  padding-left: 15px;
  padding-right: 15px;
}

.others-option-for-responsive .container .container.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.others-option-for-responsive .others-options {
  background-color: #ffffff;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.others-option-for-responsive .others-options ul {
  padding-right: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.others-option-for-responsive .others-options ul li {
  margin-left: 20px;
  display: inline-block;
}

.others-option-for-responsive .others-options ul li:last-child {
  margin-left: 45px;
}

.others-option-for-responsive .others-options ul li .search-form {
  position: relative;
  margin-right: 20px;
}

.others-option-for-responsive .others-options ul li .search-form .form-control {
  height: 42px;
  background-color: #ffffff;
  border-color: #e5e5e5;
  border-radius: 50px;
}

.others-option-for-responsive
  .others-options
  ul
  li
  .search-form
  .form-control:focus {
  border-color: var(--color-primary);
}

.others-option-for-responsive .others-options ul li .search-form .src-btn {
  position: absolute;
  top: 11px;
  left: 15px;
  background-color: transparent;
  font-size: 20px;
  line-height: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--color-primary);
}

.others-option-for-responsive
  .others-options
  ul
  li
  .search-form
  .src-btn:hover {
  color: var(--color-primary);
}

.others-option-for-responsive .others-options ul li .call-us {
  position: relative;
  padding-right: 50px;
  font-weight: 700;
  font-size: 16px;
  color: #1b2336;
}

.others-option-for-responsive .others-options ul li .call-us i {
  position: absolute;
  top: -9px;
  right: 100px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: 1px solid var(--color-primary);
  border-radius: 50px;
  color: var(--color-primary);
  background: rgba(50, 112, 252, 0.1);
  font-weight: normal;
  font-size: 20px;
}

.others-option-for-responsive .others-options ul li .call-us:hover {
  color: var(--color-primary);
}

.others-option-for-responsive .others-options ul li .default-btn i {
  display: none;
}

/*
Banner Area Style
======================================================*/

.hero-slider .owl-dots button.owl-dot.active span,
.hero-slider .owl-dots button.owl-dot:hover span {
  display: none;
}

.hero-slider .owl-dots button.owl-dot {
  display: none;
}

.banner-area {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 100%;
}

.banner-area .container-fluid {
  max-width: 1520px;
}

.banner-area.bg-1 {
  /* background-image: url(../images/banner/banner-bg-1.png); */
}

.banner-area.style-two .container-fluid {
  max-width: 1760px;
  padding-left: 30px;
  padding-right: 30px;
}

.banner-area.style-two .bg-style-two {
  background-image: url(../images/banner/banner-bg-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 10px;
}

.banner-content {
  position: relative;
  max-width: 778px;
  margin-left: auto;
  text-align: center;
}

.banner-content .top-title {
  color: #fff;
  margin-bottom: 15px;
  display: block;
}

.banner-content h1 {
  font-size: 3rem !important;
  color: #fff;
  margin-bottom: 30px;
}

.banner-content p {
  color: #fff;
}

.banner-content .porttitor {
  margin-bottom: 40px;
  font-size: 18px;
  max-width: 600px;
}

.banner-content .banner-btn {
  margin-bottom: 20px;
}

.banner-content .banner-btn .default-btn {
  padding: 16px 30px;
  background-color: var(--color-primary);
  inset: 0;
  margin: auto;
}

.banner-content .banner-btn .outline-btn {
  padding: 15px 30px;
  background-color: transparent;
  border: 1px solid var(--color-primary);
  border-radius: 3px;
}

.banner-content .banner-btn .outline-btn:hover {
  padding: 15px 30px;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: white;
}

.banner-content .banner-btn .default-btn:hover {
  background-color: white;
  color: #1b2336;
}

.banner-content .banner-btn .video-btn {
  width: 56px;
  height: 56px;
  line-height: 56px;
  position: absolute;
  margin-left: 30px;
}

.banner-content .banner-btn .video-btn i {
  font-size: 30px;
}

.banner-content .question {
  font-weight: 700;
}

.banner-content .question a {
  color: var(--color-primary);
}

.banner-content .question a:hover {
  color: var(--color-primary);
}

.banner-content .social {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-top: 100px;
}

.banner-content .social li {
  display: inline-block;
  margin-right: 10px;
}

.banner-content .social li span {
  position: relative;
  top: -4px;
  padding-right: 43px;
}

.banner-content .social li span::before {
  content: "";
  position: absolute;
  top: 11px;
  right: 0;
  width: 30px;
  height: 1px;
  background-color: #415674;
}

.banner-content .social li a {
  width: 30px;
  height: 30px;
  /* line-height: 30px; */
  background-color: #afb5c4;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
}

.banner-content .social li a:hover {
  background-color: var(--color-primary);
}

.banner-content .social li a i {
  color: #ffffff;
}

.banner-content.style-two {
  margin-left: 0;
}

.banner-content .banner-img-shape-3 {
  position: absolute;
  top: -75px;
  right: -210px;
}

.banner-img {
  text-align: center;
  position: relative;
  z-index: 1;
}

.banner-img .banner-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.banner-img .banner-shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.banner-img2 {
  background-image: url(../images/1.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.banner-img2 .slideshow-img {
  transform: scaleX(-1);
  max-width: 65%;
  inset: 0;
  margin: auto;
}

.banner-slide {
  max-width: 778px;
}

.banner-slide .owl-item.active .banner-content {
  overflow: hidden;
}

.banner-slide .owl-item.active .banner-content h1 {
  -webkit-animation: 1s 0.1s fadeInLeft both;
  animation: 1s 0.1s fadeInLeft both;
}

.banner-slide .owl-item.active .banner-content p {
  -webkit-animation: 1s 0.1s fadeInRight both;
  animation: 1s 0.1s fadeInRight both;
}

.banner-slide .owl-item.active .banner-content .banner-btn {
  -webkit-animation: 1s 0.1s fadeInUpBig both;
  animation: 1s 0.1s fadeInUpBig both;
}

.banner-slide .owl-item.active .banner-content .question {
  -webkit-animation: 1s 0.1s fadeInUpBig both;
  animation: 1s 0.1s fadeInUpBig both;
}

.banner-slide.owl-theme .owl-dots {
  margin-top: 50px !important;
  line-height: 1;
  text-align: left;
}

.banner-slide.owl-theme .owl-dots .owl-dot {
  margin-right: 10px;
}

.banner-slide.owl-theme .owl-dots .owl-dot:last-child {
  margin-right: 0;
}

.banner-slide.owl-theme .owl-dots .owl-dot span {
  margin: 0;
  width: 8px;
  height: 8px;
  background: rgba(50, 112, 255, 0.45);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.banner-slide.owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--color-primary);
  width: 10px;
  height: 10px;
}

.banner-slide.owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--color-primary);
  width: 10px;
  height: 10px;
}

/*
What We Do Area Style
======================================================*/
.single-what-we-do {
  background-color: #ffffff;
  padding: 30px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  border-radius: 5px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.single-what-we-do::before {
  content: "";
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: var(--color-primary);
  border-radius: 5px 5px 0 0;
  z-index: -1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-what-we-do::after {
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: var(--color-primary);
  border-radius: 0 0 5px 5px;
  z-index: -1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-what-we-do img {
  margin-bottom: 20px;
  /* width: 121px;
  height: 121px; */
}

.single-what-we-do h3 {
  font-size: 24px;
  margin-bottom: 15px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-what-we-do p {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-what-we-do:hover::before {
  top: 0;
}

.single-what-we-do:hover::after {
  bottom: 0;
}

.single-what-we-do:hover {
  transition: all ease 0.5s;
}

.single-what-we-do:hover iconify-icon {
  color: #fff !important;
}

.single-what-we-do:hover h3 {
  color: #ffffff;
}

.single-what-we-do:hover p {
  color: #ffffff;
}

/*
What We Provied Area Style
======================================================*/
.what-we-provide-content .top-title {
  font-size: 14px;
  color: var(--color-primary);
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
}

.what-we-provide-content h2 {
  font-size: 35px;
  margin-bottom: 20px;
  color: #013447;
}

.what-we-provide-content p {
  margin-bottom: 20px;
  text-align: justify !important;
}

.what-we-provide-content ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.what-we-provide-content ul li {
  position: relative;
  font-size: 18px;
  background-color: #ffffff;
  padding: 30px 20px;
  padding-left: 113px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.what-we-provide-content ul li:last-child {
  margin-bottom: 0;
}

.what-we-provide-content ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--color-primary);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.what-we-provide-content ul li span {
  position: absolute;
  top: 18px;
  left: 20px;
  font-size: 35px;
  font-weight: 700;
  color: #1b2336;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.what-we-provide-content ul li:hover::before {
  /* background-color: var(--color-primary);
  width: 112px; */
}

.what-we-provide-content ul li:hover span {
  /* color: #ffffff; */
}

.provider-img {
  position: relative;
  z-index: 1;
  text-align: center;
}

.provider-img .provider-shape {
  position: absolute;
  bottom: 0;
  right: -170px;
  left: 0;
  z-index: -1;
  margin: auto;
  max-width: 800px;
}

.provider-img .provider-shape.style-two {
  right: 0;
}

/*
Counter Area Style
======================================================*/
.counter-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.counter-area .shape {
  position: absolute;
  top: 0;
  z-index: -1;
}

.counter-area .shape.counter-shape-1 {
  left: 0;
  mix-blend-mode: screen;
}

.counter-area .shape.counter-shape-2 {
  right: 0;
  opacity: 0.5;
}

.counter-area h2 {
  line-height: 2;
}

/*
Services Area Style
======================================================*/
.services-area {
  overflow: hidden;
}

.services-area .container-fluid {
  left: calc((100% - 1320px) / 2);
  position: relative;
}

.services-slide.owl-theme .owl-dots {
  margin: 0 !important;
  line-height: 1;
}

.services-slide.owl-theme .owl-dots .owl-dot span {
  margin-top: 0;
  margin-bottom: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.services-slide.owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--color-primary);
}

.services-slide.owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--color-primary);
}

.single-services-box {
  background-color: #ffffff;
  padding: 10px;
  position: relative;
  border-radius: 5px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.single-services-box .icon {
  font-size: 80px;
  line-height: 1;
  margin-bottom: 5px;
  display: inline-block;
  color: var(--color-primary);
}

.single-services-box .shape {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 100px;
  opacity: 0.3;
  color: #e5e5e5;
}

.single-services-box img {
  aspect-ratio: 16/11;
}

.single-services-box h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.single-services-box h3 a {
  color: #1b2336;
}

.single-services-box p {
  margin-top: 20px;
  text-align: center;
}

.single-services-box .default-btn {
  padding: 10px 20px;
  background-color: transparent;
  border: 1px solid var(--color-primary);
  color: #1b2336;
}

.single-services-box .default-btn:hover {
  background-color: var(--color-primary);
  color: #ffffff;
}

.single-services-box.style-two {
  background-color: transparent;
  border: 1px solid #e3e9ed;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-services-box.style-two:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  border-color: #ffffff;
}

.single-services-box:hover .default-btn {
  background-color: var(--color-primary);
  color: #ffffff;
}

.services-content {
  max-width: 520px;
}

.services-content .top-title {
  font-size: 14px;
  color: var(--color-primary);
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
}

.services-content h2 {
  font-size: 35px;
  margin-bottom: 20px;
}

.services-img {
  shape-outside: circle(54%);
}

/*
Patients Area Style
======================================================*/
.patients-area .container-fluid {
  max-width: 1760px;
  padding-left: 30px;
  padding-right: 30px;
}

.patients-content {
  position: relative;
}

.patients-content .top-title {
  font-size: 14px;
  color: var(--color-primary);
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
}

.patients-content h2 {
  font-size: 35px;
  margin-bottom: 20px;
}

.patients-content p {
  margin-bottom: 30px;
}

.patients-content ul {
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}

.patients-content ul li {
  background-color: #ffffff;
  border: 0.5px solid #e3e9ed;
  position: relative;
  padding: 20px;
  font-weight: 600;
  font-size: 16px;
  padding-right: 46px;
  margin-bottom: 20px;
  border-radius: 5px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  cursor: pointer;
  color: #1b2336;
}

.patients-content ul li:last-child {
  margin-bottom: 0;
}

.patients-content ul li iconify-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  color: var(--color-primary);
  font-weight: normal;
  font-size: 20px;
}

.patients-content ul li:hover {
  border-color: var(--color-primary);
}

.patients-content.style-two {
  max-width: 620px;
  margin-right: auto;
}

.patients-content .patients-shape {
  position: absolute;
  top: 90px;
  right: -300px;
}

/*
Appointment Area Style
======================================================*/
.appointment-area {
  position: relative;
}

.appointment-area .container-fluid {
  max-width: 1760px;
  padding-left: 30px;
  padding-right: 30px;
}

.appointment-area.style-two .bg-style-two {
  border-radius: 10px 10px 0 0;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.appointment-area.style-two .appointment-content {
  max-width: 638px;
}

.appointment-content .top-title {
  font-size: 14px;
  color: var(--color-primary);
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
}

.appointment-content h2 {
  font-size: 35px;
  margin-bottom: 20px;
}

.appointment-form .form-group {
  position: relative;
  margin-bottom: 30px;
}

.appointment-form .form-group label {
  color: #1b2336;
  margin-bottom: 8px;
}

.appointment-form .form-group .form-control {
  background-color: #f8fafb;
  border: 1px solid #afb5c4;
  border-radius: 5px;
}

.appointment-form .form-group i {
  position: absolute;
  top: 45px;
  left: 23px;
  font-size: 20px;
  color: #1b2336;
}

.appointment-form .form-group .form-select {
  background-size: 33px 15px;
}

.appointment-form .submit-btn .default-btn {
  padding: 16px 40px;
}

.appointment-form .submit-btn ul {
  padding-right: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-right: 20px;
}

.appointment-form .submit-btn ul li {
  display: inline-block;
  margin-left: 20px;
}

.appointment-form .submit-btn ul li:last-child {
  margin-left: 0;
}

.appointment-img {
  position: relative;
}

.appointment-img .appointment-img-2 {
  position: absolute;
  top: -106px;
}

/*
Doctor Area Style
======================================================*/
.single-doctor {
  text-align: center;
  background-color: #ffffff;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  margin-bottom: 30px;
}

.single-doctor img {
  border-radius: 10px;
  margin-bottom: 20px;
}

.single-doctor h3 {
  font-size: 20px;
  margin-bottom: 5px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-doctor span {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-doctor ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  position: absolute;
  bottom: 39px;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-doctor ul li {
  display: inline-block;
  margin-right: 5px;
}

.single-doctor ul li:last-child {
  margin-right: 0;
}

.single-doctor ul li a {
  /* width: 30px; */
  /* height: 30px; */
  /* line-height: 30px; */
  text-align: center;
  display: inline-block;
  color: #ffffff;
  border-radius: 50px;
  background-color: var(--color-primary);
}

.single-doctor ul li a:hover {
  background-color: var(--color-primary);
}

.single-doctor ul li a i {
  font-size: 15px;
}

.single-doctor:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.single-doctor:hover h3 {
  opacity: 0;
}

.single-doctor:hover span {
  opacity: 0;
}

.single-doctor:hover ul {
  opacity: 1;
  visibility: visible;
}

/*
Solutions Area Style
======================================================*/
.solutions-area .container-fluid {
  max-width: 1760px;
  padding-left: 30px;
  padding-right: 30px;
}

.solutions-bg {
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.solutions-bg .solutions-content {
  padding: 100px;
}

.solutions-content .top-title {
  font-size: 14px;
  color: var(--color-primary);
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
}

.solutions-content h2 {
  font-size: 35px;
  margin-bottom: 20px;
}

.solutions-img {
  position: relative;
}

.solutions-img img {
  border-radius: 10px;
  /* max-width: 500px; */
  width: 100%;
}

.solutions-img .play-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*
Accordion Area Style
======================================================*/
.accordion-item {
  /* margin-bottom: 30px; */
  border-radius: 0 !important;
  border: none;
  background-color: transparent;
}

.accordion-item h2 {
  margin-bottom: 1.5625rem;
}

.accordion-item:last-child {
  margin-bottom: 0;
}

.accordion-item .accordion-body {
  padding: 0;
  /* margin-top: 15px; */
  padding-right: 35px;
  text-align: justify;
}

.accordion-item .accordion-body a {
  color: var(--color-primary);
}

.accordion-item .accordion-body ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.accordion-item .accordion-body ul li {
  margin-bottom: 5px;
  position: relative;
  padding-right: 20px;
}

.accordion-item .accordion-body ul li::before {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  width: 11px;
  height: 11px;
  line-height: 10px;
  background-color: var(--color-primary);
}

.accordion-item .accordion-body ul li:last-child {
  margin-bottom: 0;
}

.accordion-button {
  padding: 0;
  background-color: transparent;
  padding-right: 35px;
  font-size: 18px;
  font-weight: 600;
  font-family: "Vazirmatn RD FD", sans-serif;
  color: #1b2336;
}

.accordion-button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: #1b2336;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
  background-image: unset;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25px' height='25px' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M19 13H5v-2h14z'/%3E%3C/svg%3E");
  font-family: "remixicon" !important;
  border-color: #ffffff;
}

.accordion-button::after {
  background-image: unset;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25px' height='25px' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");
  font-family: "remixicon" !important;
  position: absolute;
  border: 1px solid var(--color-primary);
  border-radius: 50px;
  width: 25px;
  height: 25px;
  right: 0;
  top: -1px;
  text-align: center;
  line-height: 9px;
  font-size: 19px;
  background-color: var(--color-primary);
  color: #ffffff;
  /* display: inline-block; */
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
Subscribe Area Style
======================================================*/
.subscribe-area {
  position: relative;
  z-index: 1;
}

.subscribe-area::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #ffffff;
  z-index: -1;
}

.subscribe-bg {
  border-radius: 10px;
  padding: 100px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.subscribe-bg .subscribe-shape {
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  z-index: -1;
}

.subscribe-content h2 {
  font-size: 35px;
  margin-bottom: 20px;
  color: #ffffff;
}

.subscribe-content p {
  color: #ffffff;
}

.newsletter-wrap .newsletter-form {
  position: relative;
}

.newsletter-wrap .newsletter-form .form-control {
  background-color: #ffffff;
}

.newsletter-wrap .newsletter-form .default-btn {
  position: absolute;
  top: 3px;
  right: 3px;
  height: 49px;
  padding: 10px 25px;
  background-color: var(--color-primary);
}

.newsletter-wrap .validation-danger {
  font-size: 14px;
  color: #ff0000;
  margin-top: 5px;
}

/*
Footer Area Style
======================================================*/
.single-footer-widget {
  margin-bottom: 30px;
}

.single-footer-widget .white-logo {
  display: none;
}

.single-footer-widget img {
  margin-bottom: 20px;
}

.single-footer-widget h3 {
  font-size: 24px;
  margin-bottom: 20px;
}

.single-footer-widget p {
  margin-bottom: 20px;
  text-align: justify;
}

.single-footer-widget .social-link {
  padding-right: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .social-link li {
  display: inline-block;
  margin-left: 10px;
}

.single-footer-widget .social-link li:last-child {
  margin-left: 0;
}

.single-footer-widget .social-link li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  background-color: #afb5c4;
  color: #ffffff;
  border-radius: 50px;
}

.single-footer-widget .social-link li a:hover {
  background-color: var(--color-primary);
}

.single-footer-widget .contact-info {
  padding-right: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .contact-info li {
  position: relative;
  padding-right: 81px;
  margin-bottom: 20px;
}

.single-footer-widget .contact-info li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .contact-info li span {
  position: absolute;
  top: 1px;
  right: 0;
  color: var(--color-primary);
  font-weight: 700;
}

.single-footer-widget .help-link {
  padding-right: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .help-link li {
  position: relative;
  padding-right: 20px;
  margin-bottom: 15px;
}

.single-footer-widget .help-link li::before {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
}

.single-footer-widget .help-link li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .app-btn .default-btn {
  padding: 20px;
  border-radius: 0;
  background-color: #1b2336;
  margin-left: 15px;
}

.single-footer-widget .app-btn .default-btn:last-child {
  margin-left: 0;
}

.single-footer-widget .app-btn .default-btn i {
  position: relative;
  top: 2px;
  margin-left: 5px;
}

.single-footer-widget .app-btn .default-btn.apple {
  background-color: #f8fafb;
  border: 1px solid #e3e9ed;
  color: #1b2336;
}

/*
Copy Right Area Style
======================================================*/
.copy-right-area p a {
  color: var(--color-primary);
}

.copy-right-area p a:hover {
  color: var(--color-primary);
}

.copy-right-area .language {
  position: relative;
  padding-right: 10px;
  float: left;
}

.copy-right-area .language .form-select {
  background-color: transparent;
  border: none;
  max-width: 150px;
  cursor: pointer;
  color: #898c90;
}

.copy-right-area .language .form-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.copy-right-area .language iconify-icon {
  position: absolute;
  top: 7px;
  right: 0;
}

.copy-right-area .copy-right-bg {
  border-top: 1px solid #e3e9ed;
  padding-top: 20px;
  padding-bottom: 20px;
}

/*
Client Area Style
======================================================*/
.single-client-say {
  border: 1px solid #e3e9ed;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-client-say .client-img {
  position: relative;
  padding-right: 65px;
  margin-bottom: 20px;
}

.single-client-say .client-img img {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50px;
  max-width: 53px;
}

.single-client-say .client-img h3 {
  font-size: 20px;
  margin-bottom: 5px;
}

.single-client-say p {
  margin-bottom: 0;
}

.single-client-say i {
  position: absolute;
  top: 30px;
  left: 30px;
  color: rgba(27, 35, 54, 0.07);
  font-size: 50px;
  line-height: 1;
}

.single-client-say.style-two {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  border-color: #ffffff;
}

.client-say-slide .owl-item.active.center .single-client-say {
  background-color: #ffffff;
  border-color: #ffffff;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.client-say-slide.owl-theme .owl-dots {
  line-height: 1;
  margin-top: 0 !important;
}

.client-say-slide.owl-theme .owl-dots .owl-dot {
  margin-left: 10px;
}

.client-say-slide.owl-theme .owl-dots .owl-dot:last-child {
  margin-left: 0;
}

.client-say-slide.owl-theme .owl-dots .owl-dot span {
  margin: 0;
  width: 8px;
  height: 8px;
  background: rgba(50, 112, 255, 0.45);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.client-say-slide.owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--color-primary);
  width: 10px;
  height: 10px;
}

.client-say-slide.owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--color-primary);
  width: 10px;
  height: 10px;
}

/*
Blog Area Style
======================================================*/
.single-blog {
  margin-bottom: 30px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-blog img {
  border-radius: 10px;
  margin-bottom: 20px;
  height: 217px;
  width: 100%;
}

@media only screen and (max-width: 48.5rem) {
  .single-blog img {
    height: auto;
  }
}

.single-blog .blog-content ul {
  padding-left: 0;
  margin-bottom: 15px;
  list-style-type: none;
}

.single-blog .blog-content ul li {
  display: inline-block;
  font-size: 14px;
  margin-right: 20px;
}

.single-blog .blog-content ul li:last-child {
  margin-right: 0;
}

.single-blog .blog-content ul li iconify-icon {
  color: var(--color-primary);
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.single-blog .blog-content h3 {
  font-size: 1rem;
}

.single-blog .blog-content h3 a {
  color: #1b2336;
}

.single-blog:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.single-blog:hover .blog-content h3 a {
  color: var(--color-primary);
}

/*
Blog Area Style
======================================================*/
.single-pricing-box {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-pricing-box h3 {
  font-size: 30px;
  margin-bottom: 0;
}

.single-pricing-box span {
  display: block;
  margin-bottom: 15px;
}

.single-pricing-box h1 {
  color: var(--color-primary);
  font-size: 60px;
  font-family: "Vazirmatn RD FD", sans-serif;
  margin-bottom: 15px;
}

.single-pricing-box h1 sub {
  font-size: 16px;
  font-weight: normal;
}

.single-pricing-box ul {
  padding-left: 0;
  margin-bottom: 28px;
  list-style-type: none;
}

.single-pricing-box ul li {
  margin-bottom: 15px;
}

.single-pricing-box ul li:last-child {
  margin-bottom: 0;
}

.single-pricing-box ul li i {
  float: right;
}

.single-pricing-box .default-btn {
  background-color: transparent;
  color: #1b2336;
  width: 100%;
}

.single-pricing-box .default-btn:hover {
  background-color: var(--color-primary);
  color: #ffffff;
}

.single-pricing-box:hover {
  -webkit-box-shadow: 0px 20px 20px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 20px 20px rgba(50, 112, 252, 0.08);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

/*
Testimonial Area Style
======================================================*/
.testimonial-item {
  max-width: 860px;
  margin: auto;
  text-align: center;
}

.testimonial-item .testimonial-img {
  position: relative;
  margin-bottom: 30px;
}

.testimonial-item .testimonial-img img {
  border-radius: 50px;
}

.testimonial-item .testimonial-img i {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  color: var(--color-primary);
  font-size: 30px;
  line-height: 1;
}

.testimonial-item p {
  font-size: 24px;
  margin-bottom: 20px;
}

.testimonial-item h3 {
  font-size: 20px;
  margin-bottom: 0;
}

.testimonial-item span {
  color: var(--color-primary);
  font-size: 14px;
}

.testimonial-slide.owl-carousel .owl-item img {
  width: auto;
  margin: auto;
}

.testimonial-slide.owl-theme .owl-dots {
  margin-top: 50px !important;
  line-height: 1;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot {
  margin-right: 10px;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot:last-child {
  margin-right: 0;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot span {
  margin: 0;
  width: 8px;
  height: 8px;
  background: rgba(50, 112, 255, 0.45);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--color-primary);
  width: 10px;
  height: 10px;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--color-primary);
  width: 10px;
  height: 10px;
}

.testimonial-wrap {
  position: relative;
}

.testimonial-wrap .shape {
  position: absolute;
  border-radius: 50px;
}

.testimonial-wrap .shape.shape-1 {
  top: 0;
  left: 100px;
}

.testimonial-wrap .shape.shape-2 {
  top: 41%;
  left: 0;
}

.testimonial-wrap .shape.shape-3 {
  bottom: 0;
  left: 100px;
}

.testimonial-wrap .shape.shape-4 {
  bottom: 0;
  right: 0;
}

.testimonial-wrap .shape.shape-5 {
  top: 0;
  right: 0;
}

/*
Telehealth Area Style
======================================================*/
.telehealth-content .top-title {
  font-size: 14px;
  color: var(--color-primary);
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
}

.telehealth-content h2 {
  font-size: 35px;
  margin-bottom: 20px;
}

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

/* 
Page Title Area Style
=====================================================*/
.page-title-area {
  position: relative;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#dfe7ed),
    to(#eff3ff)
  );
  background: linear-gradient(270deg, #dfe7ed 0%, #eff3ff 100%);
  padding-top: 200px;
  padding-bottom: 100px;
}

.page-title-area .shape {
  position: absolute;
}

.page-title-area .shape.page-shape-1 {
  bottom: 0;
  left: 0;
}

.page-title-area .shape.page-shape-2 {
  bottom: 30px;
  right: 100px;
}

.page-title-content {
  position: relative;
  max-width: 860px;
  margin: auto;
  text-align: center;
}

.page-title-content h2,
.page-title-content h1 {
  margin-bottom: 20px;
  font-size: 34px;
}

@media only screen and (max-width: 62rem) {
  .page-title-content h2,
  .page-title-content h1 {
    margin-bottom: 20px;
    font-size: 21px;
  }
}

.page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.page-title-content ul li {
  display: inline-block;
  position: relative;
  font-size: 16px;
  padding-right: 15px;
  margin-left: 15px;
}

.page-title-content ul li a:hover {
  color: var(--color-primary);
}

.page-title-content ul li::before {
  content: "";
  position: absolute;
  top: 9px;
  right: -5px;
  background-color: var(--color-primary);
  width: 8px;
  height: 8px;
  border-radius: 50px;
}

.page-title-content ul li.active {
  color: var(--color-primary);
}

.page-title-content ul li:first-child {
  margin-left: 0;
}

.page-title-content ul li:last-child {
  padding-right: 0;
}

.page-title-content ul li:last-child::before {
  display: none;
}

/* 
About Area Style
=====================================================*/
.about-img img {
  border-radius: 5px;
}

.about-content {
  background-color: #ffffff;
  padding: 50px;
  border-radius: 5px;
  margin-left: -400px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.about-content .top-title {
  font-size: 14px;
  color: var(--color-primary);
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
}

.about-content h2 {
  font-size: 35px;
  margin-bottom: 20px;
}

.about-content.style-two {
  margin-left: 0;
  margin-right: -400px;
  position: relative;
  background-color: var(--color-primary);
}

.about-content.style-two .top-title {
  color: #ffffff;
}

.about-content.style-two h2 {
  color: #ffffff;
}

.about-content.style-two p {
  color: #ffffff;
}

/* 
FAQ Area Style
=====================================================*/
.faq-content {
  max-width: 860px;
  margin: auto;
}

.faq-content.style-two .accordion-button {
  background-color: #f8fafb;
  border: 1px solid #ecedf1;
  padding: 20px;
  padding-left: 50px;
  border-radius: 5px;
}

.faq-content.style-two .accordion-button i {
  position: absolute;
}

.faq-content.style-two .accordion-button::after {
  top: 19px;
  right: auto;
  left: 18px;
}

.faq-content.style-two .accordion-body {
  padding-right: 0;
}

.faq-content.style-two .accordion-body p {
  position: relative;
  padding-right: 25px;
}

.faq-content.style-two .accordion-body p span {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 600;
  color: #1b2336;
}

/* 
Main Contact Area Style
=====================================================*/
.contact-form {
  max-width: 860px;
  margin: auto;
}

.contact-form h2 {
  font-size: 25px;
  margin-bottom: 30px;
}

.contact-form .form-group {
  margin-bottom: 30px;
}

.contact-form .form-group label {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #1b2336;
}

.contact-form .form-group .form-control {
  background: #ffffff;
  border: 1px solid #afb5c4;
}

.contact-form .form-group .form-control:focus {
  border-color: var(--color-primary);
}

.contact-form .form-group .form-control::-webkit-input-placeholder {
  font-size: 13px;
}

.contact-form .form-group .form-control:-ms-input-placeholder {
  font-size: 13px;
}

.contact-form .form-group .form-control::-ms-input-placeholder {
  font-size: 13px;
}

.contact-form .form-group .form-control::placeholder {
  font-size: 13px;
}

.contact-form .form-check {
  padding-left: 12px;
}

.contact-form .form-check label {
  margin-bottom: 0;
}

.list-unstyled {
  color: #dc3545;
  margin-top: 10px;
  font-size: 14px;
}

.hidden {
  display: none;
}

#msgSubmit {
  margin-top: 30px;
  font-size: 20px;
}

.maps iframe {
  border: none;
  width: 100%;
  height: 500px;
  border-radius: 5px;
}

/* 
Login Register Area Style
=====================================================*/
.login-register-content {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  padding: 50px;
  border-radius: 5px;
}

.login-register-content h2 {
  font-size: 30px;
  margin-bottom: 30px;
}

.login-register-content .form-group {
  margin-bottom: 20px;
}

.login-register-content .form-group .form-control {
  background-color: #ffffff;
  border-color: #afb5c4;
}

.login-register-content .form-group .form-control::-webkit-input-placeholder {
  color: #afb5c4;
}

.login-register-content .form-group .form-control:-ms-input-placeholder {
  color: #afb5c4;
}

.login-register-content .form-group .form-control::-ms-input-placeholder {
  color: #afb5c4;
}

.login-register-content .form-group .form-control::placeholder {
  color: #afb5c4;
}

.login-register-content .form-group .form-control:focus {
  border-color: var(--color-primary);
}

.login-register-content .form-group .default-btn {
  width: 100%;
}

.login-register-content .form-group a {
  text-align: left;
  display: block;
}

.login-register-content label {
  margin-bottom: 8px;
}

/* 
Login Register Area Style
=====================================================*/
.info-content {
  background-color: var(--color-primary);
  padding: 50px;
  border-radius: 5px;
  margin-right: -100px;
  position: relative;
}

.info-content h3 {
  color: #ffffff;
  font-weight: 700;
  font-size: 35px;
  margin-bottom: 15px;
}

.info-content ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.info-content ul li {
  color: #ffffff;
  position: relative;
  margin-bottom: 15px;
}

.info-content ul li:last-child {
  margin-bottom: 0;
}

.info-content ul li span {
  font-weight: 700;
  margin-left: 10px;
}

.info-content ul li a {
  color: #ffffff;
}

/* 
Services Details Area Style
=====================================================*/
.services-content-1 .top-title {
  font-size: 14px;
  color: var(--color-primary);
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
}

.services-content-1 h2 {
  font-size: 35px;
  margin-bottom: 20px;
}

.services-content-2 h2 {
  font-size: 35px;
  margin-bottom: 20px;
}

.services-content-2 ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.services-content-2 ul li {
  display: block;
  position: relative;
  padding-left: 12px;
  margin-bottom: 10px;
}

.services-content-2 ul li:last-child {
  margin-bottom: 0;
}

.services-content-2 ul li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  border-radius: 50px;
}

/* 
Telehealth Area Style
=====================================================*/
.telehealth-content {
  max-width: 630px;
}

.telehealth-content h2 {
  font-size: 35px;
  margin-bottom: 40px;
}

.telehealth-content ul {
  padding-right: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.telehealth-content ul li {
  position: relative;
  padding-right: 65px;
  margin-bottom: 30px;
}

.telehealth-content ul li:last-child {
  margin-bottom: 0;
}

.telehealth-content ul li i {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--color-primary);
  font-size: 50px;
}

.telehealth-content ul li h3 {
  font-size: 20px;
}

/* 
Benefits Area Style
=====================================================*/
.benefits-area .col-lg-12:last-child .single-benefits-content {
  margin-bottom: 0;
}

.single-benefits-content {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 30px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-benefits-content h3 {
  font-size: 22px;
}

.single-benefits-content:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

/* 
Blog De6tails Area Style
=====================================================*/
.blog-details-content img {
  border-radius: 5px;
  margin-bottom: 15px;
}

.blog-details-content .blog-content ul {
  padding-right: 0;
  margin-bottom: 10px;
  list-style-type: none;
}

.blog-details-content .blog-content ul li {
  display: inline-block;
  margin-left: 10px;
}

.blog-details-content .blog-content ul li iconify-icon {
  position: relative;
  top: 4px;
  color: var(--color-primary);
}

.blog-details-content .blog-content ul li a:hover {
  color: var(--color-primary);
}

.blog-details-content .blog-content ul li:last-child {
  margin-left: 0;
}

.blog-details-content .blog-content h3 {
  font-size: 30px;
  margin-bottom: 15px;
}

.blog-details-content .img-1 img {
  margin-bottom: 0;
}

.blog-details-content .img-2 img {
  margin-bottom: 0;
}

.blog-details-content .tag-list {
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}

.blog-details-content .tag-list li span {
  font-weight: 700;
  color: #1b2336;
}

.blog-details-content .leave-form h3 {
  margin-bottom: 5px;
}

.blog-details-content .leave-form p {
  margin-bottom: 30px;
}

.blog-details-content .leave-form .form-group {
  margin-bottom: 25px;
}

.blog-details-content .leave-form .form-group label {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #1b2336;
}

.blog-details-content .leave-form .form-group .form-control {
  background-color: #ffffff;
  border-color: #afb5c4;
}

.blog-details-content
  .leave-form
  .form-group
  .form-control::-webkit-input-placeholder {
  font-size: 14px;
}

.blog-details-content
  .leave-form
  .form-group
  .form-control:-ms-input-placeholder {
  font-size: 14px;
}

.blog-details-content
  .leave-form
  .form-group
  .form-control::-ms-input-placeholder {
  font-size: 14px;
}

.blog-details-content .leave-form .form-group .form-control::placeholder {
  font-size: 14px;
}

.widget-sidebar .sidebar-widget {
  margin-bottom: 30px;
  background-color: #ffffff;
  padding: 30px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.widget-sidebar .sidebar-widget:last-child {
  margin-bottom: 0;
}

.widget-sidebar .sidebar-widget h3 {
  font-size: 22px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.widget-sidebar .sidebar-widget ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.widget-sidebar .sidebar-widget ul li {
  position: relative;
  padding-left: 18px;
  font-size: 16px;
  margin-bottom: 10px;
}

.widget-sidebar .sidebar-widget ul li:last-child {
  margin-bottom: 0;
}

.widget-sidebar .sidebar-widget ul li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: var(--color-primary);
  border-radius: 50px;
}

.widget-sidebar .sidebar-widget .src-form {
  position: relative;
}

.widget-sidebar .sidebar-widget .src-form .form-control {
  border: 1px solid #e2e2e2;
}

.widget-sidebar .sidebar-widget .src-form .form-control:focus {
  border-color: var(--color-primary);
}

.widget-sidebar .sidebar-widget .src-form .src-btn {
  position: absolute;
  top: 17px;
  right: 18px;
  line-height: 1;
  background-color: transparent;
  font-size: 20px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--color-primary);
}

.widget-sidebar .sidebar-widget .src-form .src-btn:hover {
  color: var(--color-primary);
}

.widget-sidebar .sidebar-widget.recent-post .item {
  position: relative;
  margin-bottom: 20px;
  padding-left: 115px;
}

.widget-sidebar .sidebar-widget.recent-post .item:last-child {
  margin-bottom: 0;
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb {
  top: 0;
  left: 0;
  width: 100px;
  float: unset;
  height: 100%;
  display: block;
  position: absolute;
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage {
  width: 100px;
  height: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center center !important;
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-1 {
  background-image: url(../images/blog/blog-1.jpg);
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-2 {
  background-image: url(../images/blog/blog-2.jpg);
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-3 {
  background-image: url(../images/blog/blog-3.jpg);
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-4 {
  background-image: url(../images/blog/blog-4.jpg);
}

.widget-sidebar .sidebar-widget.recent-post .item .info .title {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 7px;
}

.widget-sidebar .sidebar-widget.recent-post .item .info .date {
  padding-left: 0;
  position: relative;
}

.widget-sidebar
  .sidebar-widget.recent-post
  .item
  .info
  .blog-date
  iconify-icon {
  position: relative;
  top: 3px;
}

.widget-sidebar .sidebar-widget.tags ul {
  margin-bottom: -10px;
}

.widget-sidebar .sidebar-widget.tags ul li {
  display: inline-block;
  margin-bottom: 10px;
  padding-left: 0;
  margin-right: 10px;
}

.widget-sidebar .sidebar-widget.tags ul li:last-child {
  margin-bottom: 0;
  margin-right: 0;
}

.widget-sidebar .sidebar-widget.tags ul li::before {
  display: none;
}

.widget-sidebar .sidebar-widget.tags ul li a {
  border: 1px solid #c4c4c4;
  padding: 5px 12px;
  display: inline-block;
  border-radius: 5px;
  font-size: 14px;
}

.widget-sidebar .sidebar-widget.tags ul li a:hover {
  background-color: var(--color-primary);
  color: #ffffff;
  border-color: var(--color-primary);
}

/* 
Products Area Style
=====================================================*/
.single-product {
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.single-product .gallery-img {
  position: relative;
}

.single-product .gallery-img img {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-product .gallery-img ul {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.single-product .gallery-img ul li {
  display: inline-block;
  margin: 0 5px;
}

.single-product .gallery-img ul li a i {
  font-size: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #afb5c4;
  color: #1b2336;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: inline-block;
  border-radius: 5px;
  background-color: #ffffff;
}

.single-product .gallery-img ul li a:hover i {
  background-color: var(--color-primary);
  color: #ffffff;
  border-color: var(--color-primary);
}

.single-product .product-content {
  z-index: 1;
  position: relative;
  padding-top: 20px;
}

.single-product .product-content a h3 {
  margin-bottom: 10px;
  font-size: 20px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-product .product-content a:hover h3 {
  color: var(--color-primary);
}

.single-product .product-content .price {
  font-size: 16px;
  display: block;
  color: #415674;
  line-height: 1;
}

.single-product .product-content .price del {
  margin-left: 10px;
  color: #415674;
}

.single-product .new {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #d00000;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
}

.single-product .new.sell {
  background-color: #008000;
}

.single-product:hover .gallery-img img {
  -webkit-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
}

.single-product:hover .gallery-img ul {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.single-product:hover .gallery-img::before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.single-product .star-rating {
  position: relative;
  top: 5px;
  direction: rtl;
  display: inline-block;
  cursor: default;
  margin-bottom: 10px;
}

.single-product .star-rating input[type="radio"] {
  display: none;
}

.single-product .star-rating label {
  color: #dddddd;
  font-size: 18px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.single-product .star-rating label:hover,
.single-product .star-rating label:hover ~ label,
.single-product .star-rating input[type="radio"]:checked ~ label {
  color: #f2b600;
}

.showing-result {
  margin-bottom: 30px;
}

.showing-result .form-control {
  max-width: 300px;
  background-color: #ffffff;
  border-color: #afb5c4;
  cursor: pointer;
}

/*
Product Details Area Style
=====================================================*/
.product-details-desc h3 {
  font-size: 25px;
}

.product-details-desc p {
  margin-bottom: 0;
}

.product-details-desc .price {
  margin-bottom: 22px;
  font-size: 20px;
  font-weight: 500;
}

.product-details-desc .price span {
  padding: 0 5px;
  color: var(--color-primary);
}

.product-details-desc .price del {
  margin-left: 10px;
  color: #415674;
}

.product-details-desc .sku {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-top: 30px;
  margin-bottom: 30px;
}

.product-details-desc .sku li {
  margin-bottom: 20px;
  color: #1b2336;
  position: relative;
  font-weight: 600;
}

.product-details-desc .sku li span {
  color: #415674;
}

.product-details-desc .sku li:last-child {
  margin-bottom: 0;
}

.product-details-desc .product-add-to-cart {
  margin-bottom: 20px;
  margin-top: 20px;
}

.product-details-desc .product-add-to-cart .quantities {
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #1b2336;
}

.product-details-desc .product-add-to-cart .input-counter {
  max-width: 130px;
  min-width: 130px;
  margin-left: 10px;
  text-align: center;
  display: inline-block;
  position: relative;
  border: 1px solid #cfcfcf;
}

.product-details-desc .product-add-to-cart .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #d0d0d0;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-desc .product-add-to-cart .input-counter span:hover {
  color: var(--color-primary);
}

.product-details-desc .product-add-to-cart .input-counter span.minus-btn {
  left: 0;
  border-right: 1px solid #cfcfcf;
}

.product-details-desc .product-add-to-cart .input-counter span.plus-btn {
  right: 0;
  border-left: 1px solid #cfcfcf;
}

.product-details-desc .product-add-to-cart .input-counter input {
  height: 48px;
  color: #333333;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
}

.product-details-desc
  .product-add-to-cart
  .input-counter
  input::-webkit-input-placeholder {
  color: #333333;
}

.product-details-desc
  .product-add-to-cart
  .input-counter
  input:-ms-input-placeholder {
  color: #333333;
}

.product-details-desc
  .product-add-to-cart
  .input-counter
  input::-ms-input-placeholder {
  color: #333333;
}

.product-details-desc .product-add-to-cart .input-counter input::placeholder {
  color: #333333;
}

.product-details-desc .add-wishlist {
  background-color: transparent;
  font-weight: 600;
}

.product-details-desc .add-wishlist i {
  position: relative;
  top: 2px;
  color: var(--color-primary);
}

.product-details-desc .add-wishlist:hover {
  color: var(--color-primary);
}

.product-details-desc .default-btn {
  margin-bottom: 0 !important;
}

.product-details-desc .default-btn i {
  position: relative;
  top: 2px;
  margin-left: 5px;
}

.product-details-desc .category {
  font-size: 17px;
  font-weight: 600;
  margin-top: 15px;
}

.product-details-desc .category span {
  font-weight: normal;
}

.product-details-desc .product-review {
  position: relative;
  margin-bottom: 10px;
}

.product-details-desc .product-review .rating i {
  color: #ffba0a;
}

.product-details-desc .product-review .rating-count {
  position: absolute;
  top: 0;
  right: 110px;
}

.product-details-image {
  text-align: center;
}

.product-details-tab {
  margin-top: 50px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  background-color: #ffffff;
  padding: 30px;
  border-radius: 5px;
}

.product-details-tab .nav-tabs {
  display: block;
  border: none;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
}

.product-details-tab .nav-tabs .nav-item {
  display: inline-block;
  margin-left: 30px;
}

.product-details-tab .nav-tabs .nav-item:last-child {
  margin-left: 0;
}

.product-details-tab .nav-tabs .nav-item .nav-link {
  padding: 0;
  border: none;
  color: #1b2336;
  position: relative;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-weight: 700;
}

.product-details-tab .nav-tabs .nav-item .nav-link::before {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 0;
  width: 0;
  height: 3px;
  background-color: var(--color-primary);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.product-details-tab .nav-tabs .nav-item .nav-link.active {
  border: none;
  color: var(--color-primary);
}

.product-details-tab .nav-tabs .nav-item .nav-link.active::before {
  width: 100%;
  left: auto;
  right: 0;
}

.product-details-tab .nav-tabs .nav-item .nav-link:hover {
  color: var(--color-primary);
}

.product-details-tab .nav-tabs .nav-item .nav-link:hover::before {
  width: 100%;
  left: auto;
  right: 0;
}

.product-details-tab .product-details-review-content p {
  margin-bottom: 20px;
}

.product-details-tab .product-details-review-content p:last-child {
  margin-bottom: 0;
}

.product-details-tab .product-details-review-content h3 {
  margin-bottom: 15px;
  font-size: 20px;
  margin-top: -5px;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-title {
  position: relative;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-title
  .rating {
  display: inline-block;
  position: relative;
  top: 1px;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-title
  .rating
  .fas.fa-star {
  color: #ffba0a;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-title
  .rating
  i {
  color: #ffba0a;
  font-size: 14px;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-title
  p {
  margin-bottom: 0;
  display: inline-block;
  padding-right: 5px;
  line-height: initial;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-title
  .btn {
  position: absolute;
  left: 0;
  bottom: 10px;
  padding: 10px 11px;
  font-size: 11px;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-title
  .btn:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 4px;
  background-color: var(--color-primary);
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-comments {
  margin-top: 35px;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-comments
  .review-item {
  margin-top: 30px;
  position: relative;
  padding-left: 200px;
  border-top: 1px dashed #eaedff;
  padding-top: 30px;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-comments
  .review-item
  .rating
  .fas.fa-star {
  color: #ffba0a;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-comments
  .review-item
  .rating
  i {
  font-size: 14px;
  color: #ffba0a;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-comments
  .review-item
  h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-comments
  .review-item
  span {
  margin-bottom: 10px;
  font-size: 13px;
  display: block;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-comments
  .review-item
  p {
  margin-bottom: 0;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-comments
  .review-item
  .review-report-link {
  position: absolute;
  left: 0;
  color: #57647c;
  top: 40px;
  text-decoration: underline;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-comments
  .review-item
  .review-report-link:hover {
  color: #ff4800;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-form {
  margin-top: 30px;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-form
  form
  .form-group {
  margin-bottom: 30px;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-form
  form
  .form-group
  label {
  color: #444444;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 14px;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-form
  form
  .form-group
  textarea {
  padding-top: 15px;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-form
  form
  .form-group
  .form-control {
  font-size: 14px;
  background-color: #ffffff;
  border-color: #e5e5e5;
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-form
  form
  .form-group
  .form-control:focus {
  border-color: var(--color-primary);
}

.product-details-tab
  .product-details-review-content
  .product-review-form
  .review-form
  form
  .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
}

.product-details-tab .product-details-additional-content ul {
  padding-right: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: right;
}

.product-details-tab .product-details-additional-content ul li {
  border: 1px solid #eaedff;
  border-bottom: none;
  padding: 10px 15px;
  color: #57647c;
}

.product-details-tab .product-details-additional-content ul li:last-child {
  border-bottom: 1px solid #eaedff;
}

.product-details-tab .product-details-additional-content ul li span {
  color: #1b2336;
}

/*
Cart Area Style
======================================================*/
.cart-controller {
  border: 1px solid #ebebeb;
  border-bottom: none;
  margin-bottom: 35px;
  border-radius: 5px;
}

.cart-controller .table > :not(:first-child) {
  border: none !important;
}

.cart-controller .table-bordered > :not(caption) > * {
  border-color: #dedede;
}

.cart-controller .trash {
  text-align: center !important;
}

.cart-controller .trash .remove {
  color: #ed1d24;
  font-size: 20px;
}

.cart-controller .trash .remove:hover {
  color: #ed1d24;
}

.cart-controller .product-thumbnail {
  width: 130px;
}

.cart-controller .cart-table {
  text-align: center;
}

.cart-controller .cart-table table {
  margin-bottom: 0;
}

.cart-controller .cart-table table thead tr {
  border-style: none;
}

.cart-controller .cart-table table thead tr th {
  border: none;
  color: #1b2336;
  font-size: 16px;
  font-weight: 700;
  padding: 20px 30px;
}

.cart-controller .cart-table table tbody tr td {
  vertical-align: middle;
  border: none;
  border-bottom: 1px solid #dedede;
  white-space: nowrap;
  padding: 15px 30px;
}

.cart-controller .cart-table table tbody tr td a {
  color: #1b2336;
  font-weight: 700;
}

.cart-controller .cart-table table tbody tr td a:hover {
  color: var(--color-primary);
}

.cart-controller .cart-table table tbody tr td .default-btn {
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
}

.cart-controller .cart-table table tbody tr td .default-btn:hover {
  color: #ffffff;
}

.cart-controller .cart-table table tbody tr td.product-quantity {
  width: 145px;
  padding: 0;
}

.cart-controller .cart-table table tbody tr td.product-quantity .input-counter {
  position: relative;
}

.cart-controller
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  input {
  height: 45px;
  color: #1b2336;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.cart-controller
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  input::-webkit-input-placeholder {
  color: #1b2336;
}

.cart-controller
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  input:-ms-input-placeholder {
  color: #1b2336;
}

.cart-controller
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  input::-ms-input-placeholder {
  color: #1b2336;
}

.cart-controller
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  input::placeholder {
  color: #1b2336;
}

.cart-controller
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  .minus-btn {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  cursor: pointer;
  color: #1b2336;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border: 1px solid #dedede;
}

.cart-controller
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  .minus-btn
  i {
  font-weight: 700;
}

.cart-controller
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  .minus-btn:hover {
  color: #ffffff;
  background-color: var(--color-primary);
}

.cart-controller
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  .plus-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  cursor: pointer;
  color: #1b2336;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border: 1px solid #dedede;
}

.cart-controller
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  .plus-btn
  i {
  font-weight: 700;
}

.cart-controller
  .cart-table
  table
  tbody
  tr
  td.product-quantity
  .input-counter
  .plus-btn:hover {
  color: #ffffff;
  background-color: var(--color-primary);
}

.coupon-cart {
  padding-top: 5px;
  margin-bottom: 0;
}

.coupon-cart .form-group {
  position: relative;
}

.coupon-cart .form-group .form-control {
  border: 1px solid #dedede;
  background-color: #ffffff;
}

.coupon-cart .form-group .form-control:focus {
  border-color: var(--color-primary);
}

.coupon-cart .form-group .default-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 40px;
  height: 55px;
  line-height: 24px;
}

.coupon-cart .form-group .default-btn::before {
  display: none;
}

.coupon-cart .form-group .default-btn::after {
  display: none;
}

.coupon-cart .default-btn.update-cart {
  float: right;
  padding: 14px 30px;
}

.cart-totals {
  padding: 30px;
  border: 1px solid #afb5c4;
  background-color: #ffffff;
  max-width: 600px;
  margin: 100px auto 0;
  border-radius: 5px;
}

.cart-totals h3 {
  margin-bottom: 22px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
  font-size: 24px;
  position: relative;
}

.cart-totals ul {
  padding: 0;
  margin: 0 0 25px;
  list-style-type: none;
}

.cart-totals ul li {
  color: #415674;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dedede;
}

.cart-totals ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.cart-totals ul li span {
  float: right;
  color: #666666;
  font-weight: normal;
}

.cart-totals .default-btn {
  display: block;
}

/* 
Checkout Area Style
=====================================================*/
.checkout-wrap .billing-details {
  padding: 30px;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  background-color: #ffffff;
  border-radius: 5px;
}

.checkout-wrap .billing-details h3 {
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
  font-size: 24px;
  position: relative;
}

.checkout-wrap .billing-details .form-group {
  margin-bottom: 20px;
}

.checkout-wrap .billing-details .form-group .form-control {
  background-color: #ffffff;
  border-color: #ebebeb;
}

.checkout-wrap .billing-details .form-group .form-control:focus {
  border-color: var(--color-primary);
}

.checkout-wrap .billing-details .form-group label {
  display: block;
  color: #415674;
  margin-bottom: 10px;
  font-size: 16px;
}

.checkout-wrap .billing-details .form-group label .required {
  color: #415674;
}

.checkout-wrap .billing-details .form-group textarea {
  padding-top: 13px;
}

.checkout-wrap .billing-details .form-check {
  margin-bottom: 20px;
}

.checkout-wrap .billing-details .form-check .form-check-label {
  color: #415674;
  font-weight: 600;
  font-size: 14px;
}

.checkout-wrap .billing-details .form-check label {
  position: relative;
  top: 1px;
}

.checkout-wrap .billing-details .col-lg-12:last-child .form-group {
  margin-bottom: 0;
}

.checkout-wrap .cart-totals {
  margin-bottom: 30px;
  margin-top: 0;
}

.checkout-wrap .cart-totals ul {
  margin-bottom: 0;
}

.checkout-wrap .faq-accordion {
  padding: 30px;
  border: 1px solid #afb5c4;
  background-color: #ffffff;
  border-radius: 5px;
}

.checkout-wrap .faq-accordion h3 {
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
  font-size: 22px;
  position: relative;
}

.checkout-wrap .faq-accordion .accordion-button {
  background-color: transparent;
  font-size: 16px;
}

.checkout-wrap .faq-accordion .accordion-button::after {
  content: "\EB7D";
}

.checkout-wrap .faq-accordion .accordion-button:not(.collapsed)::after {
  background-color: transparent;
  content: "\EB7C";
  color: var(--color-primary);
}

.checkout-wrap .faq-accordion .accordion-button {
  padding-right: 25px;
}

.checkout-wrap .faq-accordion .accordion-button::after {
  background-color: transparent;
  color: var(--color-primary);
  border: none;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  right: -4px;
}

.checkout-wrap .faq-accordion .form-check {
  margin-bottom: 30px;
}

.checkout-wrap .faq-accordion .default-btn {
  width: 100%;
}

.checkout-wrap .login-now {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  padding: 15px;
  border-top: 2px solid var(--color-primary);
}

.checkout-wrap .login-now a {
  color: var(--color-primary);
}

/* 
Main Content Text Style
=====================================================*/
.main-content-text h1,
.main-content-text h2,
.main-content-text h3,
.main-content-text h4,
.main-content-text h5,
.main-content-text h6 {
  margin-bottom: 15px;
}

.main-content-text h1 {
  font-size: 30px;
}

.main-content-text h2 {
  font-size: 26px;
}

.main-content-text h3 {
  font-size: 22px;
}

.main-content-text h4 {
  font-size: 22px;
}

.main-content-text h5 {
  font-size: 20px;
}

.main-content-text h6 {
  font-size: 18px;
}

.main-content-text .gap-20 {
  margin-bottom: 30px;
}

.main-content-text ul {
  padding: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.main-content-text ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 35px;
}

.main-content-text ul li:last-child {
  margin-bottom: 0;
}

.main-content-text ul li i {
  position: absolute;
  top: -6px;
  left: 0;
  color: var(--color-primary);
  font-size: 25px;
}

.main-content-text ol {
  padding-left: 18px;
}

.main-content-text ol li {
  margin-bottom: 10px;
}

.main-content-text ol li::marker {
  color: var(--color-primary);
}

.main-content-text ol li:last-child {
  margin-bottom: 0;
}

.main-content-text a {
  color: var(--color-primary);
}

.main-content-text a:hover {
  text-decoration: underline;
}

.main-content-text .content-gap-mb-20 {
  margin-bottom: 20px;
}

.main-content-text .content-gap-mb-30 {
  margin-bottom: 30px;
}

/*
Error Area CSS
=====================================================*/
.error-content {
  text-align: center;
  position: relative;
}

.error-content .default-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 200px;
}

/*
Coming Soon Area Style
=====================================================*/
.coming-soon-area {
  height: 100vh;
}

.coming-soon-content {
  max-width: 700px;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  padding: 60px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  margin: auto;
}

.coming-soon-content h2 {
  font-size: 40px;
  margin-top: -10px;
  margin-bottom: 0;
}

.coming-soon-content #timer {
  margin-top: 40px;
}

.coming-soon-content #timer div {
  border: 4px solid var(--color-primary);
  color: var(--color-primary);
  width: 100px;
  height: 105px;
  border-radius: 5px;
  font-size: 40px;
  font-weight: 800;
  margin-left: 10px;
  margin-right: 10px;
}

.coming-soon-content #timer div span {
  display: block;
  margin-top: -2px;
  font-size: 17px;
  font-weight: 600;
}

.coming-soon-content form {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.coming-soon-content form .form-group {
  margin-bottom: 25px;
  width: 100%;
  position: relative;
}

.coming-soon-content form .form-group .label-title {
  margin-bottom: 0;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  color: #1b2336;
}

.coming-soon-content form .form-group .label-title i {
  position: absolute;
  left: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  top: 9px;
  font-size: 22px;
}

.coming-soon-content form .form-group .label-title::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background: var(--color-primary);
}

.coming-soon-content form .form-group .input-newsletter {
  border-radius: 0;
  border: 1px solid #eeeeee;
  padding: 10px 20px;
  color: #1b2336;
  height: 50px;
  display: block;
  width: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 16px;
  font-weight: 400;
  background-color: #ffffff;
}

.coming-soon-content
  form
  .form-group
  .input-newsletter::-webkit-input-placeholder {
  color: #415674;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-content form .form-group .input-newsletter:-ms-input-placeholder {
  color: #415674;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-content form .form-group .input-newsletter::-ms-input-placeholder {
  color: #415674;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-content form .form-group .input-newsletter::placeholder {
  color: #415674;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-content form .form-group .input-newsletter:focus {
  border-color: var(--color-primary);
  outline: 0 !important;
}

.coming-soon-content
  form
  .form-group
  .input-newsletter:focus::-webkit-input-placeholder {
  color: transparent;
}

.coming-soon-content
  form
  .form-group
  .input-newsletter:focus:-ms-input-placeholder {
  color: transparent;
}

.coming-soon-content
  form
  .form-group
  .input-newsletter:focus::-ms-input-placeholder {
  color: transparent;
}

.coming-soon-content form .form-group .input-newsletter:focus::placeholder {
  color: transparent;
}

.coming-soon-content form .validation-danger {
  margin-top: 15px;
  color: #ff0000;
}

.coming-soon-content form .validation-success {
  margin-top: 15px;
}

.coming-soon-content form p {
  margin-bottom: 0;
  margin-top: 20px;
}

.coming-soon-content .newsletter-form .default-btn {
  margin-top: 0;
  height: 49px;
}

/*====================================================
OTHERS STYLE AREA
=====================================================*/
/*
Preloader Area Style*/
.preloader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 9999;
}

.preloader .preloader-wrap {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#00ff00),
    color-stop(#00ff00),
    to(#00ff00)
  );
  background: linear-gradient(#00ff00, #00ff00, #00ff00);
  -webkit-animation: rotate-fourteen 1s linear infinite;
  animation: rotate-fourteen 1s linear infinite;
}

.preloader .preloader-wrap span {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#00b2ff),
    color-stop(#00ffbb),
    to(#6bff6b)
  );
  background: linear-gradient(#00b2ff, #00ffbb, #6bff6b);
}

.preloader .preloader-wrap span:nth-child(1) {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.preloader .preloader-wrap span:nth-child(2) {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.preloader .preloader-wrap::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #162434;
  border-radius: 50%;
}

.preloader.preloader-deactivate {
  visibility: hidden;
}

@-webkit-keyframes rotate-fourteen {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate-fourteen {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*
Go Top Style*/
.go-top {
  position: fixed;
  cursor: pointer;
  left: 3%;
  top: 87%;
  background-color: var(--color-primary);
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  -webkit-transform: scale(0);
  transform: scale(0);
  visibility: hidden;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.go-top iconify-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 20px;
}

/* .go-top iconify-icon:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
} */

.go-top::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--color-primary);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top:hover {
  color: #ffffff;
  background-color: var(--color-primary);
}

.go-top:hover::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top:focus {
  color: #ffffff;
}

.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  left: 3%;
  top: 84%;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*
Video wave Style*/
/* .video-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 0;
  color: var(--color-primary);
  position: relative;
  z-index: 1;
  background-color: var(--color-primary);
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
} */

.video-btn i {
  font-size: 42px;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

/* .video-btn::after, .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 0;
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-animation: ripple 1.6s ease-out infinite;
          animation: ripple 1.6s ease-out infinite;
  background-color: var(--color-primary);
} */

.video-btn span {
  position: absolute;
  top: 0;
  right: -105px;
  width: 100px;
  font-size: 15px;
}

.video-btn:hover {
  background-color: var(--color-primary);
}

.video-btn:hover::before,
.video-btn:hover::after {
  background-color: var(--color-primary);
}

@-webkit-keyframes ripple {
  0%,
  35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

@keyframes ripple {
  0%,
  35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

/*
Page-navigation Area Style*/
.pagination-area {
  margin-top: 10px;
  text-align: center;
}

.pagination-area .page-numbers {
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #898c90;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 16px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
  border-radius: 3px;
}

.pagination-area .page-numbers:hover {
  color: #ffffff;
  background-color: var(--color-primary);
}

.pagination-area .page-numbers iconify-icon {
  font-size: 22px;
  font-weight: normal;
}

.pagination-area .page-numbers.next {
  top: 0;
}

.pagination-area .page-numbers.current {
  color: #ffffff;
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

/*
Animation Area Style*/
.delay-0-2s {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.delay-0-4s {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.delay-0-6s {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.delay-0-8s {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.delay-0-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

/*# sourceMappingURL=style.css.map */

.h_iframe-aparat_embed_frame {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  /* padding-top: 25px; */
  height: 0;
}

.h_iframe-aparat_embed_frame iframe,
.h_iframe-aparat_embed_frame object,
.h_iframe-aparat_embed_frame emmet {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}

.gallery-img {
  border-radius: 3px;
  overflow: hidden;
}

.text-normal * {
  font-family: "Vazirmatn RD FD", sans-serif !important;
}

.text-normal p {
  line-height: 2;
}

/* ******* Section Blogs ******* */
.section-blogs__blog {
  transition: all 0.5s ease;
  box-shadow: 0 0 3px rgba(22, 28, 45, 0.15);
}

.section-blogs__blog img {
  transition: all 0.5s ease;
}

.section-blogs__blog .bg {
  opacity: 0;
}

.bg-overlay {
  background-color: rgba(22, 28, 45, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.bg-gradient {
  background: linear-gradient(
    to bottom,
    rgba(22, 28, 45, 0.4) 10%,
    rgba(22, 28, 45, 0.5) 50%,
    rgba(22, 28, 45, 0.9) 75%,
    #161c2d 100%
  ) !important;
}

.section-blogs__blog .section-blogs__img .section-blogs__tag {
  position: absolute;
  bottom: 15px;
  left: 40px;
  right: 0;
  opacity: 0;
}

.section-blogs__blog .badge {
  letter-spacing: 0.6px;
  padding: 9px 12px;
  font-weight: 600 !important;
  line-height: 12px;
}

.section-blogs__blog .section-blogs__img .link {
  position: absolute;
  bottom: 15px;
  right: 44px;
  opacity: 0;
}

.section-blogs__blog .read-more {
  transition: all 0.5s ease;
}

.section-blogs__blog .title {
  transition: all 0.5s ease;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.section-blogs__blog:hover .section-blogs__img img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}

.section-blogs__blog:hover .bg {
  opacity: 1;
  transition: all 0.5s ease;
}

.section-blogs__blog:hover .section-blogs__img .section-blogs__tag,
.section-blogs__blog:hover .section-blogs__img .link {
  opacity: 1;
  bottom: 15px;
  transition: all 0.5s ease;
}

.section-blogs__img .link a:link {
  transition: all 0.5s ease;
}

.section-blogs__img .link a:hover {
  color: rgba(var(--r), var(--g), var(--b)) !important;
}

.text-dark {
  color: #161c2d;
}

.section-blogs__heading:link {
  transition: all 0.5s ease;
}

.section-blogs__heading:hover {
  color: rgba(var(--r), var(--g), var(--b)) !important;
}

.post-meta li {
  color: #161c2d;
  font-size: 0.9375rem;
}

.post-footer {
  border-top: 1px solid #e9ecef;
}

.ps-130 {
  padding-right: 7.5rem !important;
}

.ps-100 {
  padding-right: 6rem;
}

.ps-110 {
  padding-right: 6.875rem !important;
}

.z-index-99 {
  z-index: 99;
}

.blogs-container .owl-theme .owl-dots .owl-dot.active span,
.blogs-container .owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--color-primary);
}

.blogs-slider .owl-stage {
  padding-bottom: 10px;
}

.blogs-content > div:first-child {
  text-align: center;
}

/* Scroll Bar */
/* Modern Scrollbar Styling */
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #05adec #f0f0f0;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: #f0f0f0;
}

*::-webkit-scrollbar-thumb {
  background-color: #05adec;
  border-radius: 5px;
  border: 2px solid #f0f0f0; /* Matches the track for a modern look */
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #0398c6; /* Slightly darker shade on hover */
}

/*  Blogs Section */
/* Blogs and new section */

.blog-post-item {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  background: var(--tg-white);
  border-radius: 10px;
  margin-bottom: 30px;
}

.blog-post-thumb {
  position: relative;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.blog-post-thumb img {
  transition: all 0.3s ease-out 0s;
  width: 100%;
  height: 274px;
  object-fit: cover;
}
.blog-post-item:hover .blog-post-thumb img {
  transform: scale(1.1);
}

.blog-post-thumb .date {
  background: var(--color-primary);
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: white;
  line-height: 1;
  position: absolute;
  right: 30px;
  top: 0;
  padding: 15px 20px;
  border-radius: 0 0 30px 30px;
  text-align: center;
}

.blog-post-thumb .date strong {
  font-weight: 700;
  font-size: 24px;
  display: block;
  line-height: 1;
}

.blog-post-content {
  padding: 25px 30px 30px;
  border-radius: 0 0 10px 10px;
}

.blog-post-content .tag {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 8px;
  color: var(--org-color);
}

.blog-post-content .title {
  font-size: var(--heading-6);
  margin-bottom: 10px;
}

.blog-post-content p {
  margin-bottom: 20px;
}
.blog-post-content .link-btn {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  /* color: var(--tg-paragraph-color); */
}

.blog-post-content .link-btn iconify-icon {
  line-height: 0;
  font-size: 22px;
  margin-left: 10px;
  color: var(--color-primary);
}

.main-blog-card {
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 16px;
  position: relative;
}

.main-blog-card::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0, rgba(0, 0, 0, 0.8) 20%, transparent);
  top: 0;
  left: 0;
  /* opacity: 0.6; */
  aspect-ratio: 16 / 9;
}

.main-blog-card:hover img {
  transform: scale(1.05);
}

.main-blog-card img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16 / 6;
  height: auto;
  object-position: top;
  transition: all 1s ease-in-out;
}

.main-blog-card__title {
  position: absolute;
  top: 60%;
  right: 3.5%;
  z-index: 500;
}

.main-blog-card__title a:link,
.main-blog-card__title a:visited {
  color: white !important;
}

.main-blog-card__desc {
  position: absolute;
  color: white;
  z-index: 500;
  top: 70%;
  right: 3.5%;
  width: 87%;
}

.main-blog-card__date {
  position: absolute;
  color: white;
  bottom: 4%;
  left: 3.5%;
  z-index: 500;
  font-size: 13px;
}

.main-blog-card:hover .main-blog-card__link:link {
  bottom: 4%;
}

.main-blog-card__link:link,
.main-blog-card__link:visited {
  position: absolute;
  color: white;
  bottom: 0;
  z-index: 500;
  right: 3.5%;
  bottom: -5%;
  font-size: 14px;
  transition: all 0.5s ease-in-out;
}

.blogs-section .section-title {
  max-width: 100% !important;
  width: 100%;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@media only screen and (max-width: 75rem) {
  .main-blog-card__title {
    position: absolute;
    top: 50%;
    right: 3.5%;
    z-index: 500;
    font-size: 24px;
  }

  .main-blog-card__desc {
    position: absolute;
    color: white;
    z-index: 500;
    top: 62%;
    right: 3.5%;
    width: 87%;
  }
}

@media only screen and (max-width: 62rem) {
  .main-blog-card__title {
    position: absolute;
    top: 42%;
    right: 3.5%;
    z-index: 500;
    font-size: 20px;
  }
  .main-blog-card__desc {
    position: absolute;
    color: white;
    z-index: 5000;
    top: 54%;
    right: 3.5%;
    width: 87%;
  }

  .main-blog-card__link:link,
  .main-blog-card__link:visited {
    position: absolute;
    color: white;
    bottom: 0;
    z-index: 500;
    right: 3.5%;
    bottom: -10%;
    font-size: 14px;
    transition: all 0.5s ease-in-out;
  }
}

.contact-us__icon iconify-icon {
  font-size: 22px;
}

.color-org {
  color: var(--color-primary);
}

/* Donation Section */
.donation-card {
  padding: 0 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.donation-card__icon {
  font-size: 60px;
  color: var(--color-primary);
  /* border: 2px solid var(--color-primary); */
  display: flex;
  margin-bottom: 24px;
  border-radius: 3px;
  height: 90px;
  width: 90px;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.donation-card:hover .donation-card__icon {
  transform: rotateY(180deg);
  box-shadow: 0 0 0 3px var(--color-primary);
}

.donation-card__title {
  font-size: 22px;
  text-align: center;
  margin-bottom: 15px;
  color: #013447;
}

.donation-card__desc {
  text-align: center;
  opacity: 0.8;
  margin-bottom: 30px !important;
  color: #013447;
}

.donation-card__btn,
.donation-card__btn:link,
.donation-card__btn:visited {
  background-color: var(--color-primary);
  color: white;
  padding: 8px 12px;
  border-radius: 3px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0 0 0 2px transparent;
  transition: all 0.3s;
}

.donation-card__btn:hover,
.donation-card__btn:active {
  box-shadow: 0 0 0 2px var(--color-primary);
  color: var(--color-primary);
  background-color: white;
}

/*  CTA area  */
.cta-area {
  background-image: url("../images/3.webp");
  background-image: url("../images/3.webp");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  position: relative;
}

.cta-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-primary);
  opacity: 0.6;
}

.cta-area__con {
  position: relative;
  z-index: 50;
}

.donation-card__btn.cta-area__btn,
.donation-card__btn.cta-area__btn:link,
.donation-card__btn.cta-area__btn:visited {
  background-color: transparent;
  color: white;
  padding: 8px 12px;
  border-radius: 3px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0 0 0 2px white;
  transition: all 0.3s;
}

/* Fix Blog Date */
.blog-post-item__date iconify-icon {
  color: var(--color-primary);
}

.blog-post-item__date span {
  font-size: 14px;
}

/* ======================== */
/*    Rich Text Section     */
/* ======================== */

:root {
  --font-family: "Vazirmatn RD FD", sans-serif;
  --unordered-list-disc-radius: 0;
  --text-color: #323232;
  --heading-color: #4b4b4b;
}

.richtext-sec * {
  font-family: var(--font-family);
}

.richtext-sec p {
  margin: 20px 0 !important;
  font-size: 16px !important;
  line-height: 2 !important;
  color: var(--text-color) !important;
}

.richtext-sec h1,
.richtext-sec h2,
.richtext-sec h3,
.richtext-sec h4,
.richtext-sec h5,
.richtext-sec h6 {
  color: var(--heading-color) !important;
  line-height: 1.5 !important;
}

.richtext-sec h2 {
  font-size: 1.75rem !important;
}

.richtext-sec h3 {
  font-size: 1.5rem !important;
}
.richtext-sec h4 {
  font-size: 1.3rem !important;
}
.richtext-sec h5 {
  font-size: 1.125rem !important;
}
.richtext-sec h6 {
  font-size: 1.125rem !important;
}

.richtext-sec img {
  margin: 10px 0;
  width: 100%;
  object-fit: cover;
  max-width: 100%;
  border-radius: 4px;
}

.richtext-sec ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  padding-right: 10px !important;
  margin: 12px 0 !important;
}

.richtext-sec ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 1.5625rem !important;
  color: var(--text-color) !important;
  margin: 12px 0 !important;
}

.richtext-sec ol li {
  color: var(--text-color) !important;
  line-height: 1.7 !important;
}

.richtext-sec ul li {
  display: flex !important;
  position: relative !important;
  padding-right: 15px !important;
  margin-left: 0 !important;
  color: var(--text-color) !important;
  line-height: 1.7 !important;
}

.richtext-sec ul li::after {
  list-style: none;
  content: "";
  position: absolute;
  top: 11px;
  right: 0;
  width: 6px;
  height: 6px;
  border-radius: var(--unordered-list-disc-radius);
  background-color: var(--org-color);
}

.h_iframe-aparat_embed_frame {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  /* padding-top: 25px; */
  height: 0;
}

.h_iframe-aparat_embed_frame iframe,
.h_iframe-aparat_embed_frame object,
.h_iframe-aparat_embed_frame emmet {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}

/* recent posts widget fix */

.recent-post__image-wrapper {
  width: 103px;
  height: 65px;
  flex: none;
  border-radius: 4px;
  overflow: hidden;
}

.recent-post__image-wrapper a:link {
  width: 100%;
  display: block;
}

.recent-post__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recent-post__title {
  font-size: 14px;
}

.recent-post__info {
  display: flex;
  align-items: center;
  gap: 4px;
}