/*-----------------------------------------------------------------------------------

Template Name: Physic
Template URI: themes.pixelstrap.net/physic/template
Description: This is doctor website
Author: Pixelstrap
Author URI: https://themeforest.net/user/pixelstrap

----------------------------------------------------------------------------------- */
/*========================
   landing scss
==========================*/
/* 1 header scss */
/* 2 home section scss */
/* 3 about section scss */
/* 4 element section scss */
/* 5 layout section scss */
/* 6 responsive section scss */
/* 7 feature section scss */
/* 8 support section scss */
/* 9 footer section scss */
/*=====================
  2.01 variables css start
==========================*/
:root {
  --body-background: 255, 255, 255;
  --white: 255, 255, 255;
  --black: 0, 0, 0;
  --section-background: 245, 249, 253;
  --theme-font-color: 34, 54, 69;
  --light-color: 245, 249, 253;
  --p-text-color: 114, 120, 129;
  --header-border: 218, 237, 253;
  --header-border-color: 172, 183, 195;
  --rating-color: 255, 168, 0;
  --light-border: 238, 238, 238;
  --light-background: 246, 246, 246;
  --success-color: 33, 151, 59;
  --danger-color: 255, 79, 79;
  --content-color: 141, 141, 141;
  --facebook: 57, 95, 198;
  --twitter: 45, 184, 243;
  --google: 229, 34, 17;
  --instagram: 221, 42, 123;
  --theme-default: 57, 113, 212;
  --theme-default-dark: 41, 90, 177;
}
:root .dental-care {
  --theme-default: 32, 170, 248;
  --theme-default-dark: 18, 147, 220;
}
:root .dental-care.dark {
  --body-background: 10, 38, 53;
  --theme-default-dark: 13, 47, 65;
  --light-background: 13, 47, 65;
  --section-background: 13, 47, 65;
  --light-border: 63, 89, 100;
}
:root .dermatology-demo {
  --theme-default: 159, 181, 0;
  --theme-default-dark: 136, 155, 0;
}
:root .dermatology-demo.dark {
  --body-background: 19, 27, 3;
  --theme-default-dark: 25, 35, 4;
  --light-background: 25, 35, 4;
  --section-background: 25, 35, 4;
  --light-border: 55, 65, 41;
}
:root .children-care {
  --theme-default: 255, 55, 159;
  --theme-default-dark: 219, 39, 133;
}
:root .children-care.dark {
  --body-background: 34, 22, 29;
  --theme-default-dark: 35, 19, 27;
  --light-background: 35, 19, 27;
  --light-border: 56, 36, 47;
}
:root .cardiologist-demo {
  --theme-default: 225, 36, 84;
  --theme-default-dark: 210, 29, 75;
}
:root .cardiologist-demo.dark {
  --body-background: 41, 35, 37;
  --light-background: 37, 30, 32;
  --section-background: 37, 30, 32;
  --header-border: 44, 52, 68;
  --header-border-color: 57, 69, 92;
  --light-border: 60, 43, 49;
}
:root .eyes-care {
  --theme-default: 42, 143, 158;
  --theme-default-dark: 0, 36, 50;
}
:root .eyes-care.dark {
  --body-background: 1, 32, 44;
  --theme-default-dark: 160, 165, 171;
  --light-background: 160, 165, 171;
  --light-border: 44, 64, 71;
}
:root .homeopathy-demo {
  --theme-default: 161, 184, 104;
  --theme-font-color: 0, 35, 57;
}
:root .homeopathy-demo.dark {
  --body-background: 24, 28, 16;
  --theme-font-color: 255, 255, 255;
  --light-background: 33, 38, 21;
  --light-border: 52, 60, 36;
}
:root .nutritionist-demo {
  --theme-default: 202, 169, 51;
  --theme-font-color: 52, 44, 15;
}
:root .nutritionist-demo.dark {
  --body-background: 35, 30, 10;
  --theme-font-color: 255, 255, 255;
  --light-background: 45, 38, 14;
  --light-border: 60, 53, 27;
}
:root .physiotherapy-demo {
  --theme-default: 217, 96, 53;
  --theme-font-color: 52, 44, 15;
}
:root .physiotherapy-demo.dark {
  --body-background: 33, 29, 26;
  --theme-font-color: 255, 255, 255;
  --light-background: 45, 38, 14;
  --light-border: 38, 49, 66;
}

.dark {
  --body-background: 15, 28, 52;
  --theme-font-color: 214, 214, 214;
  --black: 255, 255, 255;
  --light-background: 17, 33, 63;
  --light-border: 44, 55, 74;
  --header-border: 17, 33, 63;
  --section-background: 17, 33, 63;
}

.font-success {
  color: rgba(var(--success-color), 1);
}

.font-primary {
  color: rgba(var(--theme-default), 1);
}

/*=====================
  2.02 General css start
==========================*/
body {
  font-family: Montserrat, Poppins, Roboto;
  position: relative;
  background: rgba(var(--body-background), 1);
  font-size: 14px;
  color: rgba(var(--theme-font-color), 1);
}

.font-montserrat {
  font-family: "Montserrat", sans-serif;
}

h1 {
  font-size: calc(26px + 40 * (100vw - 320px) / 1600);
  font-weight: 700;
  text-transform: capitalize;
  color: rgba(var(--theme-font-color), 1);
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
}

h2 {
  font-size: calc(22px + 23 * (100vw - 320px) / 1600);
  font-weight: 700;
  color: rgba(var(--theme-font-color), 1);
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
}

h3 {
  font-size: calc(20px + 16 * (100vw - 320px) / 1600);
  font-weight: 700;
  color: rgba(var(--theme-font-color), 1);
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
}

h4 {
  font-size: calc(18px + 8 * (100vw - 320px) / 1600);
  font-weight: 700;
  color: rgba(var(--theme-font-color), 1);
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
}

h5 {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 600;
  color: rgba(var(--theme-font-color), 1);
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
}

h6 {
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  font-weight: 600;
  text-transform: capitalize;
  color: rgba(var(--theme-font-color), 1);
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  line-height: 1.1;
}

[dir=rtl] .swiper {
  direction: ltr;
}
[dir=rtl] .swiper .swiper-slide > * {
  direction: rtl;
}

ul {
  padding: 0;
  margin-bottom: 0;
}

li {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.03em;
}

p {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  margin-bottom: 0;
  letter-spacing: 0.03em;
  font-family: "Roboto", sans-serif;
  color: rgba(var(--p-text-color), 1);
}

span {
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
  margin-bottom: 0;
  letter-spacing: 0.03em;
  color: rgba(var(--p-text-color), 1);
}

a {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
  letter-spacing: 0.03em;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  transition: 0.4s ease;
}
a:focus {
  outline: none;
}

label {
  letter-spacing: 0.03em;
  font-size: calc(13px + 4 * (100vw - 320px) / 1600);
}
label sup {
  color: rgba(var(--danger-color), 1);
  top: -0.1em;
  font-size: 13px;
}

.form-control {
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
}
.form-control:focus {
  box-shadow: unset;
}

input {
  font-family: Montserrat, Poppins, Roboto;
}

button:focus,
.btn:focus {
  outline: none;
  box-shadow: none;
}

.btn-lg {
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
}

.btn-md {
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
}

section,
.section_space {
  padding-top: calc(40px + 40 * (100vw - 320px) / 1600);
  padding-bottom: calc(40px + 40 * (100vw - 320px) / 1600);
}

.md-section {
  padding-top: calc(30px + 30 * (100vw - 320px) / 1600);
  padding-bottom: calc(30px + 30 * (100vw - 320px) / 1600);
}

.sm-section {
  padding-top: calc(30px + 10 * (100vw - 320px) / 1600);
  padding-bottom: calc(30px + 10 * (100vw - 320px) / 1600);
}

.xs-section {
  padding: 20px 0;
}

@media (min-width: 1500px) {
  .custom-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 15px;
  }
}
.custom-container-fluid {
  width: calc(100% - 100px);
  margin: 0 50px;
  padding: 50px;
  background-color: rgba(var(--body-background), 1);
}

.custom-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(var(--black), 0.1);
  border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 3px;
  height: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(var(--theme-default), 0.2);
  border-radius: 4px;
}

.light-section {
  background-color: rgba(var(--section-background), 1);
}

.light-section-2 {
  background-color: rgba(var(--light-background), 0.7);
}

.bg-light-primary {
  background-color: rgba(var(--theme-default), 0.06);
}

.bg-primary {
  background-color: rgba(var(--theme-default), 1) !important;
}

.background-img {
  background-image: url(../images/layout-4/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.background-img .title h2 {
  color: #223645;
}
.background-img .subscribe-detail .our-news h3 {
  color: #23131b;
}

.appointment-image {
  background-image: url(../images/others/3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

[dir=rtl] [type=email] {
  direction: rtl;
}

.form-select:focus {
  box-shadow: none;
  border: 1px solid transparent;
}

.overflow-hidden {
  overflow: hidden;
}

label {
  font-weight: 600;
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
  margin-bottom: 6px;
  color: rgba(var(--theme-font-color), 1);
}

textarea {
  padding: calc(6px + 2 * (100vw - 320px) / 1600) calc(12px + 4 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--light-border), 1);
  border-radius: 4px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-font-color), 1);
  background-color: rgba(var(--section-background), 1);
  width: 100%;
}
textarea:focus-visible {
  outline: none;
}
textarea::placeholder {
  color: rgba(var(--p-text-color), 0.8);
  font-weight: 500;
}

.form-select {
  padding: calc(6px + 2 * (100vw - 320px) / 1600) calc(12px + 4 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--light-border), 1);
  border-radius: 4px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
  color: rgba(var(--p-text-color), 1);
  background-color: rgba(var(--section-background), 1);
  width: 100%;
}
.form-select:focus-visible {
  outline: none;
}
.form-select:focus {
  border: 1px solid rgba(var(--light-border), 1);
}
.form-select option {
  color: rgba(var(--theme-font-color), 1);
  font-weight: 500;
}
body.dark .form-select option {
  background-color: rgba(var(--body-background), 1);
}

input {
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(12px + 4 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--light-border), 1);
  border-radius: 4px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: rgba(var(--theme-font-color), 1);
  background-color: rgba(var(--section-background), 1);
  width: 100%;
}
input::placeholder {
  color: rgba(var(--p-text-color), 0.8);
  font-weight: 500;
}
input:focus-visible {
  outline: none;
}

input::-webkit-datetime-edit {
  color: rgba(var(--p-text-color), 0.8);
}

[dir=rtl] input[type=number] {
  direction: rtl;
}

.custom-checkbox {
  appearance: none;
  cursor: pointer;
  height: 18px;
  width: 18px;
  border-radius: 3px;
  padding: 0;
  display: inline-block;
  position: relative;
  border: 1px solid rgba(var(--header-border-color), 1) !important;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.custom-checkbox::before {
  content: "\f00c";
  font-family: FontAwesome !important;
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(var(--theme-default), 1);
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.3s ease-in-out;
}
.custom-checkbox:checked {
  background-color: rgba(var(--theme-default), 1);
  border: 1px solid rgba(var(--theme-default), 1) !important;
}
.custom-checkbox:checked::before {
  font-size: 12px;
  transform: translate(-50%, -50%) scale(1);
  color: rgba(var(--white), 1);
}

.custom-radio {
  appearance: none;
  cursor: pointer;
  height: 12px !important;
  width: 12px !important;
  border-radius: 50%;
  display: inline-block;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  outline: 1px solid rgba(var(--theme-default), 1);
  margin-left: 3px;
  outline-offset: 2px;
  padding: 0;
  border: none;
}
[dir=rtl] .custom-radio {
  margin-right: 3px;
  margin-left: unset;
}
.custom-radio:checked {
  background-color: rgba(var(--theme-default), 1);
  outline: 1px solid rgba(var(--theme-default), 1);
}
.custom-radio:focus {
  border: none;
}

.login-bg-img {
  background-image: url(../images/login/3.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 100%;
}
.login-bg-img.forget-two {
  background-image: url(../images/login/2.jpg);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-bg-img.forget-two .login-box {
  background-color: rgba(var(--body-background), 1);
}

.iti__hide {
  display: none;
}

pre {
  margin: 0 !important;
  display: inline-block;
}

[dir=rtl] input[type=date],
[dir=rtl] input[type=time] {
  text-align: right;
  position: relative;
}
[dir=rtl] input[type=date]::-webkit-calendar-picker-indicator,
[dir=rtl] input[type=time]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: calc(10px + 6 * (100vw - 320px) / 1600);
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  background: none;
}

.nav-link:focus-visible {
  box-shadow: none;
}

.custom-sticky {
  position: sticky;
  top: 100px;
  left: 0;
}
.custom-sticky.off-50 {
  top: 50px;
}
.custom-sticky.off-88 {
  top: 88px;
}

@media (max-width: 575px) and (min-width: 480px) {
  .col-xsm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
body.dark input[type=date i]::-webkit-calendar-picker-indicator {
  filter: invert(10%) sepia(6%) saturate(6450%) hue-rotate(181deg) brightness(98%) contrast(97%);
}
body.dark input[type=date] {
  color-scheme: dark;
  outline: none;
}
body.dark .brand-logo a .light {
  display: none !important;
}
body.dark .brand-logo a .dark {
  display: block !important;
}
body.dark .footer-logo a .light {
  display: none !important;
}
body.dark .footer-logo a .dark {
  display: block !important;
}

/*=====================
 General css start
==========================*/
.theme-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(var(--theme-default), 0.3);
  border-radius: 4px;
}
.theme-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.theme-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(var(--theme-default), 0.4);
  border-radius: 4px;
}

.title {
  text-align: center;
  margin-bottom: 30px;
}
.title h2 {
  line-height: 1;
  font-size: calc(20px + 14 * (100vw - 320px) / 1600);
  color: #1e1c1c;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 0.8;
  font-family: "Montserrat", sans-serif;
}
.title h2 span {
  background: linear-gradient(92.8deg, #3368c6 6.18%, #d96035 77.95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: calc(20px + 14 * (100vw - 320px) / 1600);
}
.title p {
  color: rgba(var(--p-text-color), 1);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  line-height: 1.5;
  width: 50%;
  margin: auto;
}
@media (max-width: 1199px) {
  .title p {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .title p {
    width: 100%;
  }
}

.button-default {
  font-family: "Montserrat", sans-serif;
  background-image: linear-gradient(150deg, rgba(var(--theme-default), 1) 0%, #1c4ea3 51%, rgba(var(--theme-default), 1) 100%);
  border-radius: 100px;
  padding: 6px calc(12px + 14 * (100vw - 320px) / 1600);
  color: rgba(var(--white), 1);
  font-weight: 500;
}
.button-default:hover {
  color: rgba(var(--white), 1);
}

.header-landing {
  background-color: transparent;
  backdrop-filter: blur(9px);
  position: relative;
  font-family: "Montserrat", sans-serif;
  z-index: 9;
}
.header-landing .navbar {
  padding: 20px 0;
}
@media (max-width: 767px) {
  .header-landing .navbar {
    padding: 15px 0;
    flex-wrap: nowrap;
  }
}
@media (max-width: 480px) {
  .header-landing .navbar .brand-logo {
    margin: 0;
  }
}
.header-landing .navbar .brand-logo img {
  width: 160px;
}
@media (max-width: 576px) {
  .header-landing .navbar .brand-logo img {
    width: 120px;
  }
}
.header-landing .navbar .main-nav .navbar-nav {
  gap: calc(4px + 16 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .header-landing .navbar .main-nav .navbar-nav {
    gap: 0;
  }
}
.header-landing .navbar .main-nav .navbar-nav .nav-item a {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
  color: rgba(var(--theme-font-color), 1);
}
.header-landing .navbar .main-nav .navbar-nav .nav-item a.active {
  color: rgba(var(--theme-default), 1);
}
.header-landing .navbar .main-nav .navbar-nav .nav-item a:hover {
  color: rgba(var(--theme-default), 1);
}
@media (max-width: 991px) {
  .header-landing .navbar .main-nav {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    background: rgba(var(--white), 1);
    border-radius: 8px;
    width: 100%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 12px 20px;
  }
}
.header-landing .navbar .navbar-toggler {
  padding: 8px;
  border: 1px solid rgba(var(--border), 1);
  transition: all 0.4s ease-in-out;
}
.header-landing .navbar .navbar-toggler:focus {
  box-shadow: none;
}
.header-landing .navbar .navbar-toggler:hover {
  background-color: rgba(var(--theme-default), 1);
}
.header-landing .navbar .navbar-toggler:hover span {
  filter: invert(1);
}
.header-landing.sticky {
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 139px);
  transition: all 0.5s ease;
  animation: smoothScroll 1s forwards;
  background-color: rgba(var(--white), 0.5);
  border: 1px solid rgba(var(--white), 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(var(--theme-default), 0.2);
  z-index: 9;
}
@media (max-width: 1199px) {
  .header-landing.sticky {
    width: calc(100% - 65px);
  }
}
@media (max-width: 767px) {
  .header-landing.sticky {
    width: calc(100% - 15px);
  }
}
.header-landing.sticky .container {
  max-width: 100%;
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px) translateX(-50%);
  }
  100% {
    transform: translateY(0px) translateX(-50%);
  }
}
.home-section {
  background-image: url(../images/landing-page/home/bg.png);
  background-color: rgba(var(--theme-default), 0.08);
  margin: 0 calc(20px + 50 * (100vw - 320px) / 1600);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border-radius: 0 0 10px 10px;
  position: relative;
}
.home-section .shape-img-1 {
  position: absolute;
  left: 26%;
  top: 36%;
  animation: 8s linear 0s infinite normal none running move1;
}
.home-section .shape-img-2 {
  position: absolute;
  right: 16%;
  top: 22%;
  animation: bounce-effect 3s infinite ease-in;
}
.home-section .shape-img-3 {
  position: absolute;
  left: 5%;
  bottom: 18%;
  animation: bounce-effect 6s infinite ease-in;
}
.home-section .shape-img-4 {
  position: absolute;
  right: 24%;
  bottom: 22%;
  animation: 8s linear 0s infinite normal none running move1;
}
.home-section .home-content {
  text-align: center;
  position: relative;
}
.home-section .home-content h2 {
  width: 60%;
  margin: auto;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: calc(22px + 28 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .home-section .home-content h2 {
    width: 100%;
  }
}
.home-section .home-content p {
  width: 42%;
  margin: auto;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  margin-bottom: calc(40px + 40 * (100vw - 320px) / 1600);
  color: rgba(var(--black), 0.7);
}
@media (max-width: 1199px) {
  .home-section .home-content p {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .home-section .home-content p {
    margin-bottom: 20px;
    width: 100%;
  }
}
.home-section .home-content .swiper {
  margin-bottom: calc(20px + 40 * (100vw - 320px) / 1600);
}
.home-section .home-content .swiper .swiper-wrapper {
  align-items: center;
}
.home-section .home-content .swiper .swiper-wrapper .swiper-slide {
  text-align: center;
}
.home-section .home-content .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img {
  position: relative;
}
.home-section .home-content .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 100%;
  padding: 1px;
  background: linear-gradient(rgba(var(--theme-default), 1) 50%, rgba(var(--theme-default), 0) 90%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  animation: rotate 8s infinite linear;
}
.home-section .home-content .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img img {
  width: 100%;
  padding: 5px;
}
.home-section .home-content .swiper .swiper-wrapper .swiper-slide.swiper-slide-active h5 {
  display: block;
}
.home-section .home-content .swiper .swiper-wrapper .swiper-slide .img img {
  border-radius: 50%;
  width: 170px;
}
.home-section .home-content .swiper .swiper-wrapper .swiper-slide h5 {
  display: none;
  margin-top: 12px;
  color: rgba(var(--theme-default), 1);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.home-section .home-content .button-default {
  position: absolute;
  left: 50%;
  bottom: -21%;
  transform: translateX(-50%);
  z-index: 1;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
  padding: 12px calc(16px + 49 * (100vw - 320px) / 1600);
  background-image: linear-gradient(150deg, #d96035 0%, #d96035 100%);
}
@media (max-width: 1199px) {
  .home-section .home-content .button-default {
    position: unset;
    margin-bottom: 12px;
    transform: unset;
  }
}
@media (max-width: 767px) {
  .home-section .home-content .button-default {
    margin-bottom: 22px;
    padding: 8px calc(16px + 49 * (100vw - 320px) / 1600);
  }
}
.home-section .counter {
  background-color: rgba(var(--theme-default), 1);
  border-radius: 10px;
  padding: 12px;
  position: relative;
}
@media (max-width: 767px) {
  .home-section .counter {
    display: none;
  }
}
.home-section .counter .shape-img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 90px;
}
@media (max-width: 1199px) {
  .home-section .counter .shape-img {
    display: none;
  }
}
@media (max-width: 1199px) {
  .home-section .counter .d-flex {
    justify-content: center !important;
  }
}
.home-section .counter .d-flex ul li {
  padding: 0 calc(14px + 46 * (100vw - 1400px) / 1600);
  border-right: 1px solid rgba(var(--white), 0.2);
}
@media (max-width: 1199px) {
  .home-section .counter .d-flex ul li {
    padding: 0 calc(2px + 18 * (100vw - 320px) / 1600);
  }
}
.home-section .counter .d-flex ul li h5 {
  height: 52px;
  width: 60px;
  background-color: rgba(var(--white), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0.8;
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  border-radius: 8px;
  color: rgba(var(--white), 1);
  margin: 0 auto 4px;
}
.home-section .counter .d-flex ul li h5 span {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--white), 1);
}
.home-section .counter .d-flex ul li p {
  color: rgba(var(--white), 1);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.home-section .counter .d-flex ul + ul li:last-child {
  border-right: none;
}

@keyframes rotate {
  0% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.about-section .about-box {
  text-align: center;
}
.about-section .about-box .img-box {
  transition: all 0.4s ease-in-out;
}
.about-section .about-box:hover .img-box {
  transform: translateY(-5px);
}
.about-section .about-box:hover h4 {
  text-decoration: underline;
  text-underline-offset: 6px;
}
.about-section .about-box:hover.style-1 h4 {
  color: #e12454;
}
.about-section .about-box:hover.style-2 h4 {
  color: #20aaf8;
}
.about-section .about-box:hover.style-3 h4 {
  color: #9fb500;
}
.about-section .about-box:hover.style-4 h4 {
  color: #ff379f;
}
.about-section .about-box:hover.style-5 h4 {
  color: #3971d4;
}
.about-section .about-box:hover.style-6 h4 {
  color: #2a8f9e;
}
.about-section .about-box:hover.style-7 h4 {
  color: #a1b868;
}
.about-section .about-box:hover.style-8 h4 {
  color: #caa933;
}
.about-section .about-box:hover.style-9 h4 {
  color: #d96035;
}
.about-section .about-box h4 {
  font-size: calc(16px + 6 * (100vw - 320px) / 1600);
  color: #1e1c1c;
  text-align: center;
  margin-top: 12px;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
  font-weight: 600;
}
.about-section .about-box.style-1 .img-box {
  background-color: #fbe1e7;
}
.about-section .about-box.style-2 .img-box {
  background-color: #e0f3fe;
}
.about-section .about-box.style-3 .img-box {
  background-color: #f2f4dc;
}
.about-section .about-box.style-4 .img-box {
  background-color: #ffebf5;
}
.about-section .about-box.style-5 .img-box {
  background-color: #e3ebf9;
}
.about-section .about-box.style-6 .img-box {
  background-color: #e1eff2;
}
.about-section .about-box.style-7 .img-box {
  background-color: #f2f5ea;
}
.about-section .about-box.style-8 .img-box {
  background-color: #f7f3e2;
}
.about-section .about-box.style-9 .img-box {
  background-color: #fae9e3;
}
.about-section .about-box .img-box {
  border-radius: 20px;
  display: flex;
}

.element-box {
  background-color: #f5f5f5;
  padding: calc(16px + 14 * (100vw - 320px) / 1600) calc(18px + 8 * (100vw - 320px) / 1600);
  text-align: center;
  position: relative;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
  height: 100%;
}
.element-box .line-1 {
  height: 30px;
  width: 12px;
  background-color: transparent;
  border-left: 1px solid rgba(var(--theme-default), 1);
  border-right: 1px solid rgba(var(--theme-default), 1);
  position: absolute;
  top: 0;
  left: 15%;
}
.element-box .line-1::after {
  position: absolute;
  content: "";
  left: -2px;
  bottom: -10px;
  height: 14px;
  width: 14px;
  background-color: rgb(244, 244, 244);
  border: 3px solid rgba(var(--theme-default), 1);
  outline: 2px solid rgb(244, 244, 244);
  border-radius: 50%;
}
.element-box .line-2 {
  height: 30px;
  width: 12px;
  background-color: transparent;
  border-left: 1px solid rgba(var(--theme-default), 1);
  border-right: 1px solid rgba(var(--theme-default), 1);
  position: absolute;
  top: 0;
  right: 15%;
}
.element-box .line-2::after {
  position: absolute;
  content: "";
  right: -2px;
  bottom: -10px;
  height: 14px;
  width: 14px;
  background-color: rgb(244, 244, 244);
  border: 3px solid rgba(var(--theme-default), 1);
  outline: 2px solid rgb(244, 244, 244);
  border-radius: 50%;
}
.element-box .element-button {
  padding: calc(12px + 2 * (100vw - 320px) / 1600) 12px;
  border: 1px solid rgba(var(--theme-default), 1);
  border-radius: 7px;
  box-shadow: 0px 4px 0px 0px rgba(var(--theme-default), 1);
  margin-bottom: calc(16px + 20 * (100vw - 320px) / 1600);
  transition: all 0.4s ease-in-out;
}
.element-box .element-icon {
  height: 100px;
  width: 100px;
  background-color: rgba(var(--theme-default), 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: relative;
}
.element-box .element-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px dashed rgba(var(--theme-default), 1);
  border-radius: 50%;
  transform: scale(1.1);
  transition: all 0.4s ease-in-out;
  opacity: 0;
}
.element-box .element-icon svg {
  width: calc(40px + 12 * (100vw - 320px) / 1600);
  height: calc(40px + 12 * (100vw - 320px) / 1600);
}
.element-box .element-content {
  margin-top: calc(12px + 8 * (100vw - 320px) / 1600);
}
.element-box .element-content span {
  height: 2px;
  width: 20%;
  display: block;
  margin: auto;
  background-image: linear-gradient(98.11deg, #3368c6 -11.71%, #d96035 75.81%);
}
.element-box .element-content p {
  margin-top: calc(12px + 8 * (100vw - 320px) / 1600);
  color: rgba(var(--black), 0.7);
}
.element-box:hover {
  box-shadow: 0px 2px 8px 0px rgba(var(--black), 0.1);
}
.element-box:hover .element-button {
  box-shadow: none;
}
.element-box:hover .element-icon::after {
  animation: rotate-1 8s infinite linear;
  opacity: 1;
}

.layout-section {
  overflow: hidden;
}
.layout-section ul {
  justify-content: center;
  gap: 15px;
  margin-bottom: calc(15px + 10 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .layout-section ul {
    justify-content: flex-start;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
  }
}
.layout-section ul li .nav-link {
  padding: 10px 18px;
  background-color: rgba(var(--light-background), 1);
  font-family: "Montserrat", sans-serif;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-font-color), 1);
  border-radius: 10px;
  font-weight: 500;
}
.layout-section ul li .nav-link.active {
  background-color: rgba(var(--theme-default), 1);
}
.layout-section .layout-img {
  padding: calc(40px + 10 * (100vw - 320px) / 1600) 0 calc(40px + 10 * (100vw - 320px) / 1600) calc(18px + 2 * (100vw - 320px) / 1600);
  background-color: rgba(var(--theme-default), 0.08);
}
.layout-section .layout-img .other-pages-box {
  background-color: rgba(var(--theme-default), 0.08);
  border-radius: 20px;
  position: relative;
  padding: 40px calc(12px + 3 * (100vw - 320px) / 1600) calc(12px + 3 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .layout-section .layout-img .other-pages-box {
    padding: 30px calc(12px + 3 * (100vw - 320px) / 1600) calc(12px + 3 * (100vw - 320px) / 1600);
  }
}
.layout-section .layout-img .other-pages-box span {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 20px;
  background-color: red;
  position: absolute;
  top: 15px;
  left: 18px;
}
@media (max-width: 767px) {
  .layout-section .layout-img .other-pages-box span {
    top: 10px;
  }
}
.layout-section .layout-img .other-pages-box span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  height: 10px;
  width: 10px;
  border-radius: 20px;
  background-color: #f3a720;
}
.layout-section .layout-img .other-pages-box span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 30px;
  height: 10px;
  width: 10px;
  border-radius: 20px;
  background-color: #2fcb17;
}
.layout-section .layout-img .other-pages-box a img {
  border-radius: 18px;
}
.layout-section .layout-img .tab-content {
  position: relative;
}
.layout-section #tooltip {
  position: absolute;
  background: rgba(var(--theme-default), 1);
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(12px + 3 * (100vw - 320px) / 1600);
  display: none;
  z-index: 2;
  white-space: nowrap;
  font-weight: 500;
  line-height: 1;
  font-size: calc(13px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--white), 1);
  border-radius: 7px;
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
}

.responsive-img {
  position: relative;
}
.responsive-img img {
  display: flex;
  margin: auto;
}
.responsive-img ul {
  list-style: none;
}
@media (max-width: 1500px) {
  .responsive-img ul {
    display: none;
  }
}
.responsive-img ul li {
  position: absolute;
}
.responsive-img ul li:first-child {
  top: 15%;
  left: 5%;
}
@media (max-width: 1600px) {
  .responsive-img ul li:first-child {
    top: 26%;
    left: 12%;
  }
  .responsive-img ul li:first-child img {
    width: 166px;
  }
}
.responsive-img ul li:nth-child(2) {
  bottom: -5%;
  left: -4%;
}
@media (max-width: 1600px) {
  .responsive-img ul li:nth-child(2) {
    bottom: -3%;
    left: 12%;
  }
  .responsive-img ul li:nth-child(2) img {
    width: 340px;
  }
}
.responsive-img ul li:nth-child(3) {
  top: 5%;
  right: -1%;
}
@media (max-width: 1600px) {
  .responsive-img ul li:nth-child(3) {
    right: 11%;
  }
  .responsive-img ul li:nth-child(3) img {
    width: 267px;
  }
}
.responsive-img ul li:last-child {
  bottom: 12%;
  right: -5%;
}
@media (max-width: 1600px) {
  .responsive-img ul li:last-child {
    right: 1%;
  }
  .responsive-img ul li:last-child img {
    width: 267px;
  }
}

.widget-box {
  background-color: rgba(var(--body-background), 1);
  border-radius: 10px;
  text-align: center;
  height: 100%;
  box-shadow: 0px 2px 8px 0px rgba(var(--black), 0.05);
}
.widget-box .content {
  padding: calc(18px + 7 * (100vw - 320px) / 1600) calc(18px + 7 * (100vw - 320px) / 1600) calc(10px + 2 * (100vw - 320px) / 1600);
}
.widget-box .content h5 {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  font-family: "Montserrat", sans-serif;
  margin-bottom: 10px;
}
.widget-box .content p {
  line-height: 1.7;
}

.feature-box .feature-icon {
  width: 90px;
  height: 90px;
  background-color: rgba(var(--theme-default), 0.08);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto 14px;
  border: 1px dashed rgba(var(--theme-default), 0.4);
  transition: all 0.4s ease-in-out;
}
.feature-box .feature-content {
  width: 80%;
  background-color: rgba(var(--theme-default), 0.08);
  padding: 14px 10px;
  margin: auto;
  text-align: center;
  border-radius: 3px;
  border: 1px dashed #fff;
  transition: all 0.4s ease-in-out;
  background: linear-gradient(#f5f7fc 0 0) padding-box, linear-gradient(to right, rgba(var(--theme-default), 0.7)-25%, rgba(var(--theme-default), 0) 46%, rgba(var(--theme-default), 0.7) 125%) border-box;
}
@media (max-width: 757px) {
  .feature-box .feature-content {
    width: 100%;
    padding: 14px 4px;
  }
}
.feature-box .feature-content h5 {
  font-weight: 500;
  letter-spacing: 0.2px;
  font-size: calc(14px + 5 * (100vw - 320px) / 1600);
}
.feature-box:hover .feature-icon {
  border-radius: 47% 53% 43% 57%/36% 45% 55% 64%;
}
.feature-box:hover .feature-content {
  background: linear-gradient(#f5f7fc 0 0) padding-box, linear-gradient(20deg, rgba(var(--theme-default), 0.7)-25%, rgba(var(--theme-default), 0) 46%, rgba(var(--theme-default), 0.7) 125%) border-box;
}

@keyframes rotate-1 {
  0% {
    transform: rotate(-360deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1.1);
  }
}
.support-box {
  background-color: rgba(217, 96, 53, 0.08);
  padding: calc(15px + 30 * (100vw - 320px) / 1600) calc(12px + 8 * (100vw - 320px) / 1600) 0;
  text-align: center;
  border-radius: 26px;
  box-shadow: 0px 2px 8px 0px rgba(217, 96, 53, 0.08);
  width: 100%;
  transition: all 0.4s ease-in-out;
}
.support-box h4 {
  font-size: calc(24px + 6 * (100vw - 320px) / 1600);
  text-decoration: underline;
  text-underline-offset: 6px;
  color: #d96035;
  margin-bottom: 12px;
}
.support-box p {
  width: 70%;
  margin: auto;
  color: rgba(107, 107, 107, 0.8);
  margin-bottom: 14px;
}
@media (max-width: 1199px) {
  .support-box p {
    width: 100%;
  }
}
.support-box:hover {
  transform: translateY(-5px);
}

.doc-box {
  background-color: rgba(var(--theme-default), 0.08);
  padding: calc(15px + 30 * (100vw - 320px) / 1600) calc(12px + 8 * (100vw - 320px) / 1600) 0;
  text-align: center;
  border-radius: 26px;
  box-shadow: 0px 2px 8px 0px rgba(var(--theme-default), 0.08);
  transition: all 0.4s ease-in-out;
  width: 100%;
}
.doc-box h4 {
  font-size: calc(24px + 6 * (100vw - 320px) / 1600);
  text-decoration: underline;
  text-underline-offset: 6px;
  color: rgba(var(--theme-default), 1);
  margin-bottom: 12px;
}
.doc-box p {
  width: 70%;
  margin: auto;
  color: rgba(107, 107, 107, 0.8);
  margin-bottom: 14px;
}
@media (max-width: 1199px) {
  .doc-box p {
    width: 100%;
  }
}
.doc-box img {
  border: 4px solid rgba(var(--theme-default), 0.2);
  border-bottom: none;
  border-radius: 26px 26px 0 0;
}
.doc-box:hover {
  transform: translateY(-5px);
}

footer {
  background-image: url(../images/landing-page/bg.png);
  background-color: #1e1c1c;
  text-align: center;
}
footer h2 {
  color: rgba(var(--white), 1);
  font-size: calc(24px + 26 * (100vw - 320px) / 1600);
  margin-bottom: 12px;
}
footer p {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--white), 1);
  margin-bottom: calc(18px + 14 * (100vw - 320px) / 1600);
}
footer p span {
  font-size: calc(18px + 10 * (100vw - 320px) / 1600);
  margin: 0 12px;
  color: rgba(var(--rating-color), 1);
}
@media (max-width: 767px) {
  footer p span {
    display: block;
  }
}
footer .button-default {
  padding: 10px 20px;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 600;
}
footer .sub-footer {
  padding: 22px 0;
  color: rgba(var(--white), 1);
  border-top: 1px solid rgba(var(--white), 0.08);
  width: 100%;
  margin-top: 55px;
  font-family: "Montserrat", sans-serif;
}

@keyframes bounce-effect {
  0% {
    transform: translateY(0);
    transition: 0.5s;
  }
  50% {
    transform: translateY(-10px);
    transition: 0.5s;
  }
  100% {
    transform: translateY(0);
    transition: 0.5s;
  }
}
@keyframes move1 {
  0% {
    transform: rotate(0deg) translateX(15px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translateX(15px) rotate(-360deg);
  }
}
.scroll-progress {
  position: fixed;
  right: 20px;
  z-index: 8;
  top: 50%;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50%);
  padding: 10px 8px;
  background-color: rgba(var(--theme-default), 0.1);
  backdrop-filter: blur(4px);
  border: 1px dashed rgba(var(--theme-default), 1);
  border-radius: 4px;
}
[dir=rtl] .scroll-progress {
  right: unset;
  left: 20px;
}
.scroll-progress .scroll-top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.scroll-progress .scroll-top .scroll-text {
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  margin-bottom: 15px;
  color: rgba(var(--theme-default), 1);
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
  text-transform: uppercase;
  font-weight: 700;
}
.scroll-progress .scroll-line {
  width: 3px;
  height: 80px;
  position: relative;
  background-color: rgba(var(--p-text-color), 0.2);
  display: block;
  border-radius: 4px;
}
.scroll-progress .scroll-point {
  display: inline-block;
  width: 3px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  background-color: rgba(var(--theme-default), 1);
}
.scroll-progress.visible {
  opacity: 1;
  visibility: visible;
}

.loader-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: fixed;
  z-index: 1055;
  background: #dfebff;
  top: 0;
}
.loader-wrapper img {
  width: 70px;
  filter: invert(40%) sepia(85%) saturate(3104%) hue-rotate(207deg) brightness(90%) contrast(84%);
}
.loader-wrapper .text-animation {
  width: 100%;
  box-shadow: none;
  text-align: center;
}
.loader-wrapper .text-animation svg {
  width: 100%;
  height: 80px;
}
.loader-wrapper .text-animation svg text {
  text-transform: uppercase;
  animation: stroke 5s infinite alternate;
  stroke-width: 1.5;
  stroke: rgba(var(--theme-default), 0.3);
  font-size: 40px;
  font-weight: 500;
  font-family: "Russo One", sans-serif;
  letter-spacing: 2px;
}
@media (max-width: 767px) {
  .loader-wrapper .text-animation svg text {
    font-size: 26px;
  }
}

@keyframes stroke {
  0% {
    fill: rgba(72, 138, 20, 0);
    stroke: rgba(var(--theme-default), 1);
    stroke-dashoffset: 25%;
    stroke-dasharray: 0 50%;
    stroke-width: 1.5;
  }
  50% {
    fill: rgba(72, 138, 20, 0);
    stroke: rgba(var(--theme-default), 1);
  }
  80% {
    fill: rgba(72, 138, 20, 0);
    stroke: rgba(var(--theme-default), 1);
    stroke-width: 1.5;
  }
  100% {
    fill: rgba(var(--theme-default), 1);
    stroke: rgba(var(--theme-default), 1);
    stroke-dashoffset: -25%;
    stroke-dasharray: 50% 0;
    stroke-width: 0;
  }
}