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

    Template Name: figa - classified - car rental, real estate, job find
    Template URI: https://themes.pixelstrap.net/figa
    Description: This is Multipurpose Html Template
    Author: Pixelstrap
    Author URL: https://themeforest.net/user/pixelstrap

----------------------------------------------------------------------------------- */
/*========================
   1. Abstracts scss file
==========================*/
/* 1.1 mixin scss */
/* 1.2 variables scss */
/*========================
   2. Demo scss file
==========================*/
/* 2.1 design_agency scss */
/* 2.2 ad_agency scss */
/* 2.3 cafe scss */
/* 2.4 charity scss */
/* 2.5 consultancy scss */
/* 2.6 digital_agency scss */
/* 2.7 event scss */
/* 2.8 marketing scss */
/* 2.9 my_wedding scss */
/* 2.10 portfolio scss */
/* 2.11 seo_agency scss */
/* 2.12 startup scss */
/* 2.13 wedding-planner scss */
/*========================
   3. Base scss file
==========================*/
/* 3.1 reset scss */
/* 3.2 typography scss */
/*========================
   4. Layout scss file
==========================*/
/* 4.1 team scss */
/* 4.2 navigation scss */
/* 4.3 pricing scss */
/* 4.4 counter scss */
/* 4.5 testimonial scss */
/* 4.6 form scss */
/* 4.7 blog scss */
/* 4.8 footer scss */
/* 4.9 service scss */
/* 4.10 portfolio scss */
/* 4.11 newsletter scss */
/*========================
   5. Components scss file
==========================*/
/* 5.1  button scss */
/* 5.2  ratio scss */
/* 5.3  tap-to-top scss */
/* 5.4  title scss */
/* 5.5  animate scss */
/* 5.6  slider scss */
/* 5.7  quote scss */
/* 5.8  breadcrumb scss */
/* 5.9  mode-btn scss */
/* 5.10 table scss */
/* 5.11 tab scss */
/*========================
   6. pages scss file
==========================*/
/* 6.1 blog scss */
/* 6.2 portfolio scss */
/* 6.3 shop scss */
/* 6.4 checkout scss */
/* 6.5 contact scss */
/* 6.6 cart scss */
/* 6.7 wishlist scss */
/* 6.8 sub-page scss */
/* 6.9 faq scss */
/* 6.10 product scss */
/* 6.11 about scss */
/* 6.12 rtl scss */
/*========================
   7. modes scss file
==========================*/
/* 7.1 dark scss */
/* Abstracts */
/*========================
  1.1 mixin style start
==========================*/
/* ======= Display Flex Css Start ======= */
/*========================
  1.2 variables style start
==========================*/
:root {
  --theme-color: 249, 104, 87;
  --title-color: 13, 35, 69;
  --content-color: 131, 142, 159;
  --bg-color: 247, 249, 253;
  --star-color: 255, 203, 68;
  --bg-dark-color: 77, 77, 77;
  --stroke-color: 100, 85, 87;
  --green-color: 99, 193, 134;
  --white: 255, 255, 255;
  --black: 0, 0, 0;
  --sec-bg-color: 245, 245, 245;
  --after-color: 173, 173, 173;
  --border-color: 238, 238, 238;
  --effect-color: 253, 233, 50;
  --labre-font: "Libre Caslon Text", serif;
  --nunito-font: "Nunito", sans-serif;
  --fahkwang: "Fahkwang", sans-serif;
  --open-sans: "Open Sans", sans-serif;
  --poppins: "Poppins", sans-serif;
  --limelight: "Limelight", cursive;
  --libreFranklin: "Libre Franklin", sans-serif;
  --montserrat: "Montserrat", sans-serif;
  --darker: "Darker Grotesque", sans-serif;
  --dm-sans: "DM Sans", sans-serif;
  --sue: "Sue Ellen Francisco", cursive;
}

/**=====================
 Ad CSS Variables
==========================**/
.ad-color {
  --theme-color: 253, 86, 50;
  --title-color: 28, 28, 28;
  --sec-bg-color: 245, 243, 239;
  --after-color: 173, 173, 173;
  --content-color: 133, 133, 133;
  --effect-color: 253, 233, 50;
  --bg-color: 252, 251, 247;
}

/**=====================
 consultancy CSS Variables
==========================**/
.consultancy-color {
  --theme-color: 112, 96, 254;
  --title-color: 41, 48, 62;
  --content-color: 150, 151, 161;
  --bg-color: 244, 245, 245;
  --green-color: 99, 193, 134;
  --border-color: 171, 172, 179;
  --shadow-color: 26, 32, 44;
}

/**=====================
 wedding-planner CSS Variables
==========================**/
.w-planner-color {
  --theme-color: 97, 57, 26;
  --content-color: 186, 128, 74;
  --bg-color: 248, 242, 237;
}

/**=====================
 seo-agency CSS Variables
==========================**/
.seo-color {
  --theme-color: 205, 252, 101;
  --content-color: 123, 123, 123;
  --bg-color: 244, 244, 244;
  --title-color: 14, 13, 13;
}

/**=====================
 startup CSS Variables
==========================**/
.startup-color {
  --theme-color: 11, 184, 179;
  --title-color: 5, 15, 88;
  --content-color: 130, 135, 172;
  --bg-color: 241, 245, 249;
  --secondary-color: 251, 141, 94;
  --border-color: 238, 238, 238;
}

/**=====================
 event CSS Variables
==========================**/
.event-color {
  --theme-color: 107, 203, 134;
  --title-color: 21, 24, 49;
  --content-color: 155, 157, 167;
  --bg-color: 77, 79, 98;
  --secondary-color: 122, 87, 246;
  --bg-light-color: 30, 34, 68;
}

/**=====================
 charity CSS Variables
==========================**/
.charity-color {
  --white: 255, 255, 255;
  --black: 0, 0, 0;
  --theme-color: 255, 210, 73;
  --title-color: 51, 51, 51;
  --sec-bg-color: 245, 245, 245;
  --after-color: 173, 173, 173;
  --border-color: 238, 238, 238;
}

/**=====================
 marketing CSS Variables
==========================**/
.marketing-color {
  --theme-color: 251, 74, 106;
  --title-color: 9, 30, 136;
  --content-color: 147, 151, 172;
  --bg-color: 244, 245, 247;
  --star-color: 255, 203, 68;
}

/**=====================
 portfolio CSS Variables
==========================**/
.portfolio-color {
  --theme-color: 51, 206, 255;
  --title-color: 31, 33, 37;
  --bg-color: 68, 64, 117;
}

/**=====================
 cafe CSS Variables
==========================**/
.cafe-color {
  --theme-color: 179, 122, 100;
  --content-color: 228, 240, 255;
  --bg-color: 35, 43, 62;
}

/**=====================
 digital agency CSS Variables
==========================**/
.digital-agency-color {
  --theme-color: 21, 159, 54;
  --theme-color-1: 203, 218, 27;
  --theme-color-2: 9, 13, 7;
  --title-color: 20, 24, 2;
  --content-color: 156, 157, 155;
  --bg-color: 248, 248, 248;
  --sec-bg-color: 243, 243, 243;
  --border-color: 231, 231, 231;
}

/**=====================
 my wedding CSS Variables
==========================**/
.my-wedding-color {
  --theme-color: 76, 63, 83;
  --bg-color: 244, 242, 245;
  --border-color: 240, 240, 240;
}

/**=====================
 common color class
==========================**/
.theme-color {
  color: rgba(var(--theme-color), 1);
}

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

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

.fill-color {
  color: rgba(var(--star-color), 1) !important;
}

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

/**=====================
 Dark Variables color
==========================**/
.dark {
  --white: 30, 30, 30;
  --black: 255, 255, 255;
  --title-color: 232, 232, 232;
  --after-color: 173, 173, 173;
  --border-color: 65, 65, 65;
  --bg-color: 39, 39, 39;
  --sec-bg-color: 39, 39, 39;
  --content-color: 142, 142, 142;
}
.dark.ad-color {
  --bg-color: 30, 30, 30;
}
.dark.consultancy-color {
  --bg-color: 39, 39, 39;
}
.dark.charity-color {
  --sec-bg-color: 39, 39, 39;
}
.dark.marketing-color {
  --bg-color: 39, 39, 39;
}
.dark.my-wedding-color {
  --bg-color: 39, 39, 39;
  --theme-color: 232, 232, 232;
}
.dark.seo-color {
  --bg-color: 39, 39, 39;
  --title-color: 248, 248, 248;
}
.dark.startup-color {
  --bg-color: 39, 39, 39;
  --content-color: 163, 163, 163;
}
.dark.digital-agency-color {
  --bg-color: 39, 39, 39;
  --border-color: 51, 51, 51;
}
.dark.w-planner-color {
  --bg-color: 39, 39, 39;
  --theme-color: 248, 242, 201;
}

/* Demo */
/*========================
  2.1 design_agency style start
==========================*/
.design-style .main-header {
  padding-top: calc(20px + 10 * (100vw - 320px) / 1600);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
.design-style .main-header.sticky {
  z-index: 2;
}
.design-style .main-header.relative-header {
  position: relative;
  inset: unset;
}
.design-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1);
}
.design-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
  color: rgba(var(--theme-color), 1);
}
@media (min-width: 1200px) {
  .design-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::before {
    opacity: 1;
    visibility: visible;
  }
}
.design-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  position: relative;
}
@media (min-width: 1200px) {
  .design-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item::before {
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: -10px;
    transition: 0.4s ease;
    width: 2px;
    height: 70%;
    background-color: rgba(var(--white), 1);
    transform: translateY(-50%);
  }
}
@media (min-width: 1200px) and (max-width: 1199px) {
  .design-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item::before {
    display: none;
  }
}
.design-style .main-header .header-content .btn-solid {
  padding: calc(7px + 1 * (100vw - 320px) / 1600) calc(16px + 6 * (100vw - 320px) / 1600);
  margin-top: 0;
  font-weight: 600;
  color: #fff;
}
.design-style .main-header .btn-solid {
  color: #fff;
}
.design-style .main-header .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
@media (max-width: 1199px) {
  .design-style .main-header .btn-solid {
    margin-left: auto;
  }
  [dir=rtl] .design-style .main-header .btn-solid {
    margin-left: 0;
    margin-right: auto;
  }
}
.design-style .design-home-section {
  height: 100%;
  position: relative;
  padding-top: calc(62px + 22 * (100vw - 320px) / 1600);
  padding-right: calc(50px + 120 * (100vw - 767px) / 1153);
}
@media (max-width: 767px) {
  .design-style .design-home-section {
    padding-right: 0;
  }
}
.design-style .design-home-section .home-outline-text {
  position: absolute;
  bottom: calc(87px + 20 * (100vw - 320px) / 1600);
  left: 0;
  display: flex;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid rgba(var(--theme-color), 0.1);
  width: 100%;
  background: transparent;
}
@media (max-width: 1199px) {
  .design-style .design-home-section .home-outline-text {
    opacity: 0.2;
  }
}
@media (max-width: 991px) {
  .design-style .design-home-section .home-outline-text {
    display: none;
  }
}
.design-style .design-home-section .home-outline-text li {
  display: flex;
  align-items: center;
  gap: 18px;
  width: max-content;
}
.design-style .design-home-section .home-outline-text li span {
  font-size: 40px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(var(--stroke-color), 1);
  font-family: var(--limelight);
}
.design-style .design-home-section .home-content {
  width: 100%;
  height: 100%;
  padding-top: calc(30px + 130 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .design-style .design-home-section .home-content {
    padding-top: calc(30px + 30 * (100vw - 320px) / 1600);
  }
}
.design-style .design-home-section .home-content h1 {
  color: #fff;
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
  z-index: 1;
  position: relative;
  white-space: nowrap;
  font-family: var(--limelight);
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .design-style .design-home-section .home-content h1 {
    white-space: normal;
    line-height: 1.3;
  }
}
.design-style .design-home-section .home-content h1 span:nth-child(2) span {
  color: rgba(var(--theme-color), 1);
}
.design-style .design-home-section .home-content h1::before {
  content: "";
  position: relative;
  border-top: 6px solid rgba(var(--theme-color), 1);
  width: 80px;
  height: 6px;
  display: block;
  margin-bottom: 10px;
}
.design-style .design-home-section .home-content p {
  color: #fff;
  width: 87%;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  letter-spacing: 0.2px;
}
@media (max-width: 767px) {
  .design-style .design-home-section .home-content p {
    width: 100%;
  }
}
.design-style .design-home-section .home-content .btn-borders {
  color: #fff;
  border-color: #fff;
  padding: 12px 26px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
[dir=rtl] .design-style .design-home-section .home-content .btn-borders img {
  transform: scale(-1);
}
.design-style .design-home-section .home-content .btn-borders:hover {
  border-color: rgba(var(--theme-color), 1);
}
.design-style .design-home-section .home-img {
  position: relative;
  z-index: 0;
  margin-block: calc(25px + 50 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .design-style .design-home-section .home-img {
    margin-block: calc(25px + 50 * (100vw - 320px) / 1600) calc(30px + 30 * (100vw - 320px) / 1600);
  }
}
.design-style .design-home-section .home-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(193, 33, 15, 0.39) 0%, rgba(32, 28, 28, 0) 100%);
  width: 100%;
  height: 25%;
  mix-blend-mode: overlay;
}
.design-style .design-home-section .home-img::after {
  content: "";
  position: absolute;
  top: calc(20px + 10 * (100vw - 575px) / 1345);
  left: 50%;
  background: linear-gradient(351deg, rgba(var(--white), 0.08) 0%, rgba(var(--white), 0) 100%);
  width: calc(100% + 30px + 30 * (100vw - 575px) / 1345);
  height: calc(100% - (40px + 60 * (100vw - 575px) / 1345));
  z-index: -1;
  transform: translateX(-50%);
}
[dir=rtl] .design-style .design-home-section .home-img::after {
  background: linear-gradient(-351deg, rgba(var(--white), 0.08) 0%, rgba(var(--white), 0) 100%);
}
@media (max-width: 575px) {
  .design-style .design-home-section .home-img::after {
    display: none;
  }
}
.design-style .design-home-section .side-scroll {
  display: flex;
  align-items: center;
  gap: 20px;
  position: absolute;
  bottom: 40px;
  right: 32px;
  writing-mode: vertical-lr;
  z-index: 1;
}
[dir=rtl] .design-style .design-home-section .side-scroll {
  right: unset;
  left: calc(0px + 62 * (100vw - 1399px) / 420);
}
@media (max-width: 1500px) {
  .design-style .design-home-section .side-scroll {
    display: none;
  }
}
.design-style .design-home-section .side-scroll .scroll-line {
  width: 3px;
  height: 74px;
  background-color: #bcbbbd;
  position: relative;
}
.design-style .design-home-section .side-scroll .scroll-line .scroll-dot {
  width: 13px;
  height: 13px;
  background-color: #bcbbbd;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  position: absolute;
  border-radius: 100%;
  animation: scroll-dot 3s infinite ease-in-out;
  box-shadow: 0 4px 4px rgba(var(--black), 0.25);
}
.design-style .design-home-section .side-scroll h6 {
  color: #bcbbbd;
  transform: scale(-1);
  font-size: 14px;
}
.design-style .design-home-section .left-container {
  padding-left: 12px;
}
@media (max-width: 575px) {
  .design-style .design-home-section .left-container {
    padding-inline: 12px;
  }
}
@media (min-width: 576px) {
  .design-style .design-home-section .left-container {
    margin-inline: calc((100% - 540px) / 2);
  }
}
@media (min-width: 768px) {
  .design-style .design-home-section .left-container {
    margin-left: calc((100% - 720px + 50px + 120 * (100vw - 767px) / 1153) / 2);
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .design-style .design-home-section .left-container {
    margin-left: calc((100% - 960px + 50px + 120 * (100vw - 767px) / 1153) / 2);
  }
}
@media (min-width: 1200px) {
  .design-style .design-home-section .left-container {
    margin-left: calc((100% - 1140px + 50px + 120 * (100vw - 767px) / 1153) / 2);
  }
}
@media (min-width: 1400px) {
  .design-style .design-home-section .left-container {
    margin-left: calc((100% - 1320px + 50px + 120 * (100vw - 767px) / 1153) / 2);
  }
}
@media (min-width: 1440px) {
  .design-style .design-home-section .left-container {
    margin-left: calc((100% - 1399px + 50px + 120 * (100vw - 767px) / 1153) / 2);
  }
}
.design-style .design-logo-section {
  padding: calc(12px + 38 * (100vw - 320px) / 1600) calc(20px + 60 * (100vw - 320px) / 1600);
  border-bottom: 1px solid rgba(var(--title-color), 0.1);
}
.design-style .design-logo-section .design-logo-slider .swiper-slide {
  padding-right: calc(20px + 54 * (100vw - 320px) / 1600);
  border-right: 1px solid rgba(var(--content-color), 0.2);
}
.design-style .design-logo-section .design-logo-slider .swiper-slide:last-child {
  padding-right: 0;
  border-right: unset;
}
.design-style .design-logo-section .design-logo-flex {
  display: flex;
  align-items: center;
}
.design-style .design-logo-section .design-logo-flex .logo-img {
  width: 100%;
  height: 45px;
  margin: 0 auto;
}
.design-style .design-logo-section .design-logo-flex .logo-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  transition: all 0.5s ease;
}
.design-style .design-logo-section .design-logo-flex .logo-img:hover img {
  transform: scale(1.1);
}
.design-style .design-about-section .title-style-8 h2 {
  padding-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
  line-height: 1.3;
  width: 100%;
}
.design-style .design-about-section .about-img {
  position: relative;
  padding-bottom: calc(0px + 80 * (100vw - 320px) / 1600);
  cursor: pointer;
}
@media (max-width: 1399px) {
  .design-style .design-about-section .about-img img {
    width: 90%;
  }
}
@media (max-width: 991px) {
  .design-style .design-about-section .about-img img {
    width: 80%;
  }
}
.design-style .design-about-section .about-img .about-bottom-img,
.design-style .design-about-section .about-img .about-bottom-img::before {
  position: absolute;
  content: "";
  width: calc(290px + 95 * (100vw - 320px) / 1600);
  height: calc(290px + 95 * (100vw - 320px) / 1600);
  position: absolute;
  border: 1px solid rgba(var(--content-color), 0.2);
  border-radius: 100%;
}
.design-style .design-about-section .about-img .about-bottom-img {
  top: 14%;
  right: -4%;
  left: unset;
  z-index: -1;
}
[dir=rtl] .design-style .design-about-section .about-img .about-bottom-img {
  left: -4%;
  right: unset;
}
.design-style .design-about-section .about-img .about-bottom-img::before {
  width: 247px;
  height: 247px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.design-style .design-about-section .about-img .about-first-img {
  position: absolute;
  bottom: 0;
  right: 0;
  border-left: 10px solid rgba(var(--white), 1);
  border-top: 10px solid rgba(var(--white), 1);
}
[dir=rtl] .design-style .design-about-section .about-img .about-first-img {
  left: 0;
  right: unset;
  border-left: none;
  border-right: 10px solid rgba(var(--white), 1);
}
@media (max-width: 1399px) {
  .design-style .design-about-section .about-img .about-first-img {
    width: 60%;
  }
}
@media (max-width: 991px) {
  .design-style .design-about-section .about-img .about-first-img {
    width: 43%;
    bottom: 0;
  }
}
.design-style .design-about-section .about-img::after {
  content: "";
  position: absolute;
  width: calc(300px + 300 * (100vw - 320px) / 1600);
  height: calc(300px + 300 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--content-color), 0.2);
  top: 36px;
  left: -89px;
  border-radius: 100%;
  z-index: -1;
}
[dir=rtl] .design-style .design-about-section .about-img::after {
  left: unset;
  right: -89px;
}
@media (max-width: 1600px) {
  .design-style .design-about-section .about-img::after {
    top: 36px;
    left: -60px;
  }
}
@media (max-width: 991px) {
  .design-style .design-about-section .about-img::after {
    display: none;
  }
}
.design-style .design-about-section .about-img::before {
  content: "";
  position: absolute;
  width: calc(300px + 300 * (100vw - 320px) / 1600);
  height: calc(300px + 300 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--content-color), 0.2);
  top: -10px;
  left: -99px;
  border-radius: 100%;
  z-index: -1;
}
[dir=rtl] .design-style .design-about-section .about-img::before {
  left: unset;
  right: -99px;
}
@media (max-width: 1600px) {
  .design-style .design-about-section .about-img::before {
    top: 36px;
    left: -50px;
  }
}
@media (max-width: 991px) {
  .design-style .design-about-section .about-img::before {
    display: none;
  }
}
.design-style .design-about-section .about-content {
  padding-left: calc(15px + 60 * (100vw - 320px) / 1600);
}
[dir=rtl] .design-style .design-about-section .about-content {
  padding-left: 0;
  padding-right: calc(15px + 60 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .design-style .design-about-section .about-content {
    padding-left: 0;
  }
  [dir=rtl] .design-style .design-about-section .about-content {
    padding-right: 0;
  }
}
.design-style .design-about-section .about-content .about-list li {
  display: flex;
  align-items: center;
  gap: calc(8px + 14 * (100vw - 320px) / 1600);
}
.design-style .design-about-section .about-content .about-list li + li {
  margin-top: calc(12px + 18 * (100vw - 320px) / 1600);
}
.design-style .design-about-section .about-content .about-list li span {
  color: rgba(var(--theme-color), 1);
  position: relative;
  font-style: italic;
  font-size: calc(18px + 12 * (100vw - 320px) / 1600);
  font-weight: 800;
  padding-left: calc(2px + 3 * (100vw - 320px) / 1600);
}
[dir=rtl] .design-style .design-about-section .about-content .about-list li span {
  padding-right: calc(2px + 3 * (100vw - 320px) / 1600);
  padding-left: 0;
}
.design-style .design-about-section .about-content .about-list li span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: rgba(var(--theme-color), 0.2);
}
[dir=rtl] .design-style .design-about-section .about-content .about-list li span::after {
  left: unset;
  right: 0;
}
.design-style .design-about-section .about-content .about-list li h5 {
  background: rgba(var(--white), 1);
  box-shadow: 0px 4px 16px 0px rgba(117, 119, 156, 0.08);
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.design-style .design-about-section .about-content .about-list li:hover h5 {
  background: rgba(var(--theme-color), 1);
  color: #fff;
}
.design-style .service-text-section .service-quote {
  overflow: hidden;
  margin-top: calc(-7px + -15 * (100vw - 320px) / 1600);
}
.design-style .service-text-section .service-quote .stroke-text,
.design-style .service-text-section .service-quote .gradient-text {
  display: flex;
  gap: calc(10px + 40 * (100vw - 320px) / 1600);
  white-space: nowrap;
}
.design-style .service-text-section .service-quote .stroke-text li h2,
.design-style .service-text-section .service-quote .gradient-text li h2 {
  font-size: calc(30px + 60 * (100vw - 320px) / 1600);
  font-weight: 800;
  text-transform: uppercase;
  font-family: var(--libreFranklin);
}
.design-style .service-text-section .service-quote .stroke-text li h2 {
  -webkit-text-fill-color: rgba(var(--white), 1);
  -webkit-text-stroke: 1px rgba(var(--content-color), 0.6);
}
.design-style .service-text-section .service-quote .gradient-text {
  padding-left: calc(50px + 306 * (100vw - 320px) / 1600);
  padding-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
.design-style .service-text-section .service-quote .gradient-text li h2 {
  background: linear-gradient(to right, rgba(var(--theme-color), 0.34), rgba(var(--content-color), 0.34));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.design-style .design-tab-section {
  background: rgba(var(--bg-color), 1);
  position: relative;
}
.design-style .design-tab-section .line-img {
  position: absolute;
  top: 41px;
  left: 43px;
}
@media (max-width: 1699px) {
  .design-style .design-tab-section .line-img {
    display: none;
  }
}
.design-style .design-tab-section .horizontal-title {
  align-items: center;
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .design-style .design-tab-section .horizontal-title {
    display: block;
  }
  .design-style .design-tab-section .horizontal-title a {
    margin-top: 10px;
  }
}
.design-style .design-tab-section .nav-tabs {
  border-bottom: 1px solid rgba(var(--content-color), 0.4);
  gap: calc(30px + 50 * (100vw - 320px) / 1600);
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.design-style .design-tab-section .nav-tabs .nav-link {
  color: rgba(var(--content-color), 1);
  font-size: calc(18px + 6 * (100vw - 320px) / 1600);
  font-weight: 500;
  padding: 0 0 calc(5px + 7 * (100vw - 320px) / 1600) 0;
  border: none;
  white-space: nowrap;
}
.design-style .design-tab-section .nav-tabs .nav-link.active {
  border-bottom: 2px solid rgba(var(--theme-color), 1);
  color: rgba(var(--theme-color), 1);
  background: transparent;
}
@media (max-width: 575px) and (min-width: 450px) {
  .design-style .design-tab-section .tab-content .tab-box {
    width: 70%;
    margin-inline: auto;
  }
}
.design-style .design-tab-section .tab-content .tab-box .tab-img {
  cursor: pointer;
}
.design-style .design-tab-section .tab-content .tab-box .tab-info {
  padding-top: 15px;
}
.design-style .design-tab-section .tab-content .tab-box .tab-info h5 {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 600;
}
.design-style .design-tab-section .tab-content .tab-box .tab-info h5::before {
  content: "";
  position: relative;
  width: 5px;
  height: 2px;
  background: rgba(var(--content-color), 1);
  display: inline-block;
}
.design-style .design-tab-section .tab-content .tab-box .tab-info h6 {
  color: rgba(var(--content-color), 1);
  padding-top: 6px;
}
.design-style .design-contact-section .title-style-8 {
  width: 70%;
}
@media (max-width: 1199px) {
  .design-style .design-contact-section .title-style-8 {
    width: 85%;
  }
}
@media (max-width: 991px) {
  .design-style .design-contact-section .title-style-8 {
    width: 100%;
  }
}
.design-style .design-contact-section .padding-block {
  padding-block: 40px;
}
@media (max-width: 991px) {
  .design-style .design-contact-section .padding-block {
    padding-block: 0;
  }
}
.design-style .design-contact-section .contact-map {
  position: relative;
  width: 100%;
  height: 100%;
}
.design-style .design-contact-section .contact-map::after {
  content: "";
  position: absolute;
  top: -163px;
  right: calc(-13px + -27 * (100vw - 320px) / 1600);
  width: calc(250px + 22 * (100vw - 320px) / 1600);
  height: 240px;
  background-image: url(../images/design_agency/contact.png);
  z-index: -1;
}
[dir=rtl] .design-style .design-contact-section .contact-map::after {
  left: -40px;
  right: unset;
}
@media (max-width: 1366px) {
  .design-style .design-contact-section .contact-map::after {
    display: none;
  }
}
.design-style .design-contact-section .contact-map img {
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .design-style .design-contact-section .design-form {
    border-right: none;
  }
  [dir=rtl] .design-style .design-contact-section .design-form {
    border-left: none;
    border-right: 1px solid rgba(var(--content-color), 0.2);
  }
}
.design-style .design-object-box {
  width: calc(30px + 15 * (100vw - 767px) / 1153);
  height: calc(80px + 70 * (100vw - 767px) / 1153);
  position: absolute;
  bottom: calc(60px + 50 * (100vw - 767px) / 1153);
  left: 0;
  background: rgba(var(--theme-color), 1);
}
.design-style .design-object-box.right-side {
  left: unset;
  right: 0;
}
.design-style .design-object-box.top-side {
  bottom: unset;
  top: calc(60px + 50 * (100vw - 767px) / 1153);
}
@media (max-width: 767px) {
  .design-style .design-object-box {
    display: none;
  }
}

/**=====================
  2.2 ad_agency style start
==========================**/
.ad-style {
  background-color: rgba(var(--sec-bg-color), 1);
}
.ad-style .main-header {
  width: 100%;
  padding: calc(20px + 5 * (100vw - 320px) / 1600) calc(12px + 68 * (100vw - 320px) / 1600) 0 calc(12px + 68 * (100vw - 320px) / 1600);
  position: relative;
}
.ad-style .main-header.sticky .header-content {
  border-bottom: none;
  padding-bottom: 0;
}
.ad-style .main-header .header-content {
  border-bottom: 1px solid rgba(var(--title-color), 0.15);
  padding-bottom: calc(20px + 5 * (100vw - 320px) / 1600);
}
.ad-style .main-header .header-content .brand-logo img {
  width: calc(70px + 23 * (100vw - 320px) / 1600);
  height: auto;
}
.ad-style .main-header .header-content .sidebar-nav .menu-items {
  gap: 20px;
}
.ad-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 1199px) {
  .ad-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
    display: block;
  }
}
.ad-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1);
}
.ad-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
  color: rgba(var(--theme-color), 1);
}
.ad-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover::before {
  opacity: 1;
  visibility: visible;
  transition: 0.4s ease;
}
.ad-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover .mega-menu {
  top: 65px;
}
.ad-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
  content: url(../svg/ad/1.svg);
  display: inline-block;
  width: 26px;
  height: 26px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  background: transparent;
}
@media (max-width: 1199px) {
  .ad-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
    display: none;
  }
}
.ad-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: rgba(var(--title-color), 1);
}
@media (max-width: 1199px) {
  .ad-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item.open {
    color: rgba(var(--theme-color), 1);
  }
}
.ad-style .main-header .header-content .sidebar-nav .menu-items > .dropdown-menus:hover > .dropdown-megamenu {
  top: 48px;
}
.ad-style .main-header .header-content .btn-solid {
  font-weight: 600;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  line-height: 1.3;
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(20px + 20 * (100vw - 320px) / 1600);
  margin-top: 0;
  color: #fff;
}
@media (max-width: 1199px) {
  .ad-style .main-header .header-content .btn-solid {
    margin-left: auto;
  }
  [dir=rtl] .ad-style .main-header .header-content .btn-solid {
    margin-left: 0;
    margin-right: auto;
  }
}
.ad-style .main-header .header-content .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.ad-style .ad-home-section {
  padding: calc(20px + 30 * (100vw - 320px) / 1600) calc(0px + 80 * (100vw - 320px) / 1600) 0 calc(0px + 80 * (100vw - 320px) / 1600);
  overflow: hidden;
}
.ad-style .ad-home-section .ad-home-content {
  margin-bottom: calc(25px + 20 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .ad-style .ad-home-section .ad-home-content {
    padding: 0 12px;
  }
}
.ad-style .ad-home-section .ad-home-content h1 {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  gap: 10px;
}
@media (max-width: 767px) {
  .ad-style .ad-home-section .ad-home-content h1 {
    text-transform: capitalize;
  }
}
.ad-style .ad-home-section .ad-home-content h1 span {
  background-color: rgba(var(--theme-color), 1);
  border-radius: 22px;
  width: calc(50px + 52 * (100vw - 767px) / 1153);
  height: 41px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: calc(5px + 10 * (100vw - 767px) / 1153);
}
[dir=rtl] .ad-style .ad-home-section .ad-home-content h1 span {
  transform: scale(-1);
}
.ad-style .ad-home-section .ad-home-content h1 span::after {
  content: "";
  width: calc(55px + 55 * (100vw - 767px) / 1153);
  height: 49px;
  border: 1px solid rgba(var(--theme-color), 1);
  padding: 4px;
  border-radius: 25px;
  position: absolute;
  display: inline-block;
}
@media (max-width: 991px) {
  .ad-style .ad-home-section .ad-home-content h1 span {
    display: none;
  }
}
.ad-style .ad-home-section .ad-home-content .stroke-text {
  font-style: italic;
  font-weight: 700;
  font-size: calc(24px + 31 * (100vw - 320px) / 1600);
  line-height: 1.3;
  -webkit-text-stroke: calc(0.6px + 0.4 * (100vw - 320px) / 1600) rgba(var(--theme-color), 1);
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 15%;
  margin-top: calc(8px + 19 * (100vw - 320px) / 1600);
}
[dir=rtl] .ad-style .ad-home-section .ad-home-content .stroke-text {
  justify-content: flex-start;
  padding-right: 0;
  padding-left: 15%;
}
@media (max-width: 767px) {
  .ad-style .ad-home-section .ad-home-content .stroke-text {
    justify-content: flex-start;
  }
  [dir=rtl] .ad-style .ad-home-section .ad-home-content .stroke-text {
    justify-content: flex-end;
  }
}
.ad-style .ad-home-section .ad-home-content .stroke-text img {
  width: calc(30px + 25 * (100vw - 320px) / 1600);
  height: calc(30px + 25 * (100vw - 320px) / 1600);
  object-fit: contain;
  margin-right: calc(8px + 7 * (100vw - 320px) / 1600);
}
[dir=rtl] .ad-style .ad-home-section .ad-home-content .stroke-text img {
  margin-right: 0;
  margin-left: calc(8px + 7 * (100vw - 320px) / 1600);
}
.ad-style .ad-home-section .home-img {
  position: relative;
}
.ad-style .ad-home-section .home-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 400px) {
  .ad-style .ad-home-section .home-img .line {
    display: none;
  }
}
.ad-style .ad-home-section .home-img .top-circle {
  position: absolute;
  top: -90px;
  right: 30px;
  z-index: 0;
}
[dir=rtl] .ad-style .ad-home-section .home-img .top-circle {
  right: unset;
  left: 30px;
}
@media (max-width: 1399px) {
  .ad-style .ad-home-section .home-img .top-circle {
    right: -30px;
    top: -80px;
  }
  [dir=rtl] .ad-style .ad-home-section .home-img .top-circle {
    right: unset;
    left: -30px;
  }
}
@media (max-width: 1199px) {
  .ad-style .ad-home-section .home-img .top-circle {
    right: -10px;
    top: -90px;
  }
  [dir=rtl] .ad-style .ad-home-section .home-img .top-circle {
    right: unset;
    left: -10px;
  }
}
@media (max-width: 991px) {
  .ad-style .ad-home-section .home-img .top-circle {
    width: 12%;
    right: 0px;
    top: -70px;
  }
  [dir=rtl] .ad-style .ad-home-section .home-img .top-circle {
    right: unset;
    left: 0;
  }
}
@media (max-width: 767px) {
  .ad-style .ad-home-section .home-img .top-circle {
    display: none;
  }
}
.ad-style .ad-home-section .home-img .top-circle span {
  width: calc(45px + 20 * (100vw - 320px) / 1600);
  height: calc(45px + 20 * (100vw - 320px) / 1600);
  background-color: rgba(var(--theme-color), 1);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.ad-style .ad-home-section .home-img .top-circle span img {
  width: auto;
  height: calc(20px + 10 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.ad-style .ad-home-section .home-img .top-circle .black-circle {
  animation: rotate 10s infinite linear;
}
.ad-style .line {
  position: absolute;
  top: 85px;
  left: -18px;
}
[dir=rtl] .ad-style .line {
  left: unset;
  right: -18px;
}
.ad-style .line span {
  width: calc(28px + 10 * (100vw - 320px) / 1600);
  height: 4px;
  background-color: rgba(var(--theme-color), 1);
  display: block;
  transform: rotate(140deg);
}
.ad-style .line span + span {
  margin-top: 18px;
}
.ad-style .bg-effect .yellow-effect,
.ad-style .bg-effect .theme-effect {
  width: 109px;
  height: 109px;
  position: absolute;
  z-index: -1;
  filter: blur(47px);
}
.ad-style .bg-effect .yellow-effect {
  background: rgba(var(--effect-color), 1);
  bottom: 10px;
  right: -60px;
}
[dir=rtl] .ad-style .bg-effect .yellow-effect {
  left: -60px;
  right: unset;
}
.ad-style .bg-effect .theme-effect {
  background: rgba(var(--theme-color), 1);
  bottom: 12px;
  right: 0;
}
[dir=rtl] .ad-style .bg-effect .theme-effect {
  left: 0;
  right: unset;
}
.ad-style .ad-category {
  padding-top: 0;
}
.ad-style .ad-category .category-panel {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12px + 78 * (100vw - 320px) / 1600);
  width: 100%;
  background: rgb(28, 28, 28);
  padding: calc(40px + 60 * (100vw - 320px) / 1600) calc(24px + 16 * (100vw - 320px) / 1600);
  overflow: hidden;
}
.ad-style .ad-category .category-panel li {
  font-weight: 600;
  font-size: calc(18px + 42 * (100vw - 320px) / 1600);
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: 0.32px;
  position: relative;
  z-index: 0;
}
.ad-style .ad-category .category-panel li a {
  color: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  gap: calc(18px + 7 * (100vw - 320px) / 1600);
}
.ad-style .ad-category .category-panel li a i {
  font-size: calc(20px + 20 * (100vw - 320px) / 1600);
}
.ad-style .ad-category .category-panel li .category-img {
  position: absolute;
  top: -50%;
  right: -40px;
  transform: rotate(-10.21deg);
  z-index: -1;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}
[dir=rtl] .ad-style .ad-category .category-panel li .category-img {
  left: -40px;
  right: unset;
}
@media (max-width: 991px) {
  .ad-style .ad-category .category-panel li .category-img {
    display: none;
  }
}
.ad-style .ad-category .category-panel li .category-img::after {
  position: absolute;
  content: "";
  top: 30px;
  left: 0;
  width: 187px;
  height: 80px;
  background: rgba(var(--theme-color), 1);
  filter: blur(72px);
  transform: rotate(-15.25deg);
  z-index: -1;
}
[dir=rtl] .ad-style .ad-category .category-panel li .category-img::after {
  right: 0;
  left: unset;
}
.ad-style .ad-category .category-panel li:hover .category-img {
  opacity: 1;
  visibility: visible;
}
.ad-style .ad-category .category-panel li:hover a {
  color: rgba(var(--theme-color), 1);
}
.ad-style .ad-achievements .achievements-img {
  position: relative;
  margin-top: calc(20px + 30 * (100vw - 320px) / 1600);
  padding-bottom: 40px;
}
@media (max-width: 500px) {
  .ad-style .ad-achievements .achievements-img {
    padding-bottom: 0;
  }
}
.ad-style .ad-achievements .achievements-img .line {
  top: 35px;
  padding-left: 5px;
}
.ad-style .ad-achievements .achievements-img .achievements-box {
  padding: calc(10px + 5 * (100vw - 500px) / 1420);
  width: calc(190px + 85 * (100vw - 320px) / 1600);
  height: calc(115px + 63 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 1);
  position: absolute;
  bottom: 0;
  left: -15px;
}
[dir=rtl] .ad-style .ad-achievements .achievements-img .achievements-box {
  left: unset;
  right: -15px;
}
@media (max-width: 991px) {
  .ad-style .ad-achievements .achievements-img .achievements-box {
    bottom: 0;
    left: 0;
  }
}
@media (max-width: 500px) {
  .ad-style .ad-achievements .achievements-img .achievements-box {
    bottom: 0;
    left: 0;
    width: 100%;
    position: unset;
    margin-top: 15px;
  }
}
.ad-style .ad-achievements .achievements-img .achievements-box .subachievements-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  text-align: center;
  color: #fff;
  border: 1px dashed #fff;
  letter-spacing: 0.32px;
}
.ad-style .ad-achievements .achievements-img .achievements-box .subachievements-box h4 {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ad-style .ad-achievements .achievements-content .achievements-list li {
  display: flex;
  align-items: center;
  gap: calc(12px + 8 * (100vw - 320px) / 1600);
  padding-bottom: calc(15px + 25 * (100vw - 320px) / 1600);
  margin-bottom: calc(15px + 25 * (100vw - 320px) / 1600);
  position: relative;
}
@media (max-width: 430px) {
  .ad-style .ad-achievements .achievements-content .achievements-list li {
    display: block;
  }
}
.ad-style .ad-achievements .achievements-content .achievements-list li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.ad-style .ad-achievements .achievements-content .achievements-list li:last-child::after {
  display: none;
}
.ad-style .ad-achievements .achievements-content .achievements-list li:last-child::before {
  display: none;
}
.ad-style .ad-achievements .achievements-content .achievements-list li:last-child span::after {
  display: none;
}
.ad-style .ad-achievements .achievements-content .achievements-list li:last-child span::before {
  display: none;
}
.ad-style .ad-achievements .achievements-content .achievements-list li::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 1px solid rgba(var(--title-color), 0.15);
  width: calc(100% - 50px);
  height: 1px;
}
[dir=rtl] .ad-style .ad-achievements .achievements-content .achievements-list li::after {
  left: 0;
  right: unset;
}
@media (max-width: 991px) {
  .ad-style .ad-achievements .achievements-content .achievements-list li::after {
    width: 100%;
  }
}
.ad-style .ad-achievements .achievements-content .achievements-list li::before {
  content: "";
  position: absolute;
  top: 89%;
  left: 50px;
  border-left: 1px solid rgba(var(--title-color), 0.15);
  width: 1px;
  height: 40px;
}
[dir=rtl] .ad-style .ad-achievements .achievements-content .achievements-list li::before {
  left: unset;
  right: 50px;
}
@media (max-width: 991px) {
  .ad-style .ad-achievements .achievements-content .achievements-list li::before {
    display: none;
  }
}
.ad-style .ad-achievements .achievements-content .achievements-list li .achievements-item {
  width: calc(85px + 20 * (100vw - 320px) / 1600);
  height: calc(85px + 20 * (100vw - 320px) / 1600);
  border: 1px dashed rgba(var(--theme-color), 1);
  border-radius: 50%;
  padding: 8px;
}
@media (max-width: 430px) {
  .ad-style .ad-achievements .achievements-content .achievements-list li .achievements-item {
    margin-inline: auto;
  }
}
.ad-style .ad-achievements .achievements-content .achievements-list li .achievements-item .achievements-icon {
  width: 100%;
  height: 100%;
  background: rgba(var(--bg-color), 1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.4s ease;
}
.ad-style .ad-achievements .achievements-content .achievements-list li .achievements-item .achievements-icon .white-icon {
  display: none;
}
.ad-style .ad-achievements .achievements-content .achievements-list li .achievements-item .achievements-icon .theme-icon {
  display: block;
}
.ad-style .ad-achievements .achievements-content .achievements-list li .achievements-info {
  width: calc(100% - (85px + 20 * (100vw - 320px) / 1600) - (15px + 5 * (100vw - 320px) / 1600));
  overflow: hidden;
}
@media (max-width: 430px) {
  .ad-style .ad-achievements .achievements-content .achievements-list li .achievements-info {
    width: 100%;
    margin-top: 15px;
    text-align: center;
  }
}
.ad-style .ad-achievements .achievements-content .achievements-list li .achievements-info p {
  letter-spacing: 0.32px;
  margin-top: calc(6px + 9 * (100vw - 320px) / 1600);
  margin-bottom: 0;
  color: rgba(var(--content-color), 1);
}
.ad-style .ad-achievements .achievements-content .achievements-list li .achievements-info a {
  color: rgba(var(--title-color), 1);
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 0;
}
.ad-style .ad-achievements .achievements-content .achievements-list li .achievements-info a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(var(--title-color), 0.4);
  display: inline-block;
  z-index: -1;
}
.ad-style .ad-achievements .achievements-content .achievements-list li .achievements-info a h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: calc(8px + 7 * (100vw - 320px) / 1600);
  background-color: rgba(var(--sec-bg-color), 1);
  font-weight: 500;
}
[dir=rtl] .ad-style .ad-achievements .achievements-content .achievements-list li .achievements-info a h5 {
  padding-left: calc(8px + 7 * (100vw - 320px) / 1600);
  padding-right: 0;
}
.ad-style .ad-achievements .achievements-content .achievements-list li .achievements-info a span {
  padding-left: calc(8px + 7 * (100vw - 320px) / 1600);
  background-color: rgba(var(--sec-bg-color), 1);
}
[dir=rtl] .ad-style .ad-achievements .achievements-content .achievements-list li .achievements-info a span {
  padding-right: calc(8px + 7 * (100vw - 320px) / 1600);
  padding-left: 0;
}
.ad-style .ad-achievements .achievements-content .achievements-list li:hover .achievements-item .achievements-icon {
  background: rgba(var(--theme-color), 1);
  transform: rotateY(360deg);
}
.ad-style .ad-achievements .achievements-content .achievements-list li:hover .achievements-item .achievements-icon .white-icon {
  display: block;
}
.ad-style .ad-achievements .achievements-content .achievements-list li:hover .achievements-item .achievements-icon .theme-icon {
  display: none;
}
.ad-style .ad-achievements .achievements-content .achievements-list li:hover .achievements-info a {
  color: rgba(var(--theme-color), 1);
}
.ad-style .ad-achievements .achievements-content .achievements-list li .line-effect::after, .ad-style .ad-achievements .achievements-content .achievements-list li .line-effect::before {
  content: "";
  width: 5px;
  height: 5px;
  background: rgba(var(--title-color), 0.15);
  position: absolute;
  left: 48px;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .ad-style .ad-achievements .achievements-content .achievements-list li .line-effect::after, .ad-style .ad-achievements .achievements-content .achievements-list li .line-effect::before {
    display: none;
  }
}
[dir=rtl] .ad-style .ad-achievements .achievements-content .achievements-list li .line-effect::after, [dir=rtl] .ad-style .ad-achievements .achievements-content .achievements-list li .line-effect::before {
  left: unset;
  right: 48px;
}
.ad-style .ad-achievements .achievements-content .achievements-list li .line-effect::after {
  top: 85%;
}
.ad-style .ad-achievements .achievements-content .achievements-list li .line-effect::before {
  bottom: -18%;
}
.ad-style .theme-setting-box {
  z-index: 0;
}
.ad-style .theme-setting-box .theme-setting .theme-setting-header,
.ad-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .theme-switch .form-control {
  background-color: rgba(var(--sec-bg-color), 0.6);
}
.ad-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio {
  background-color: rgba(var(--sec-bg-color), 0.6);
}
.ad-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex label,
.ad-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex span {
  font-size: 15px;
}

/**=====================
  2.3 cafe style start
==========================**/
.cafe-style {
  background: rgba(var(--bg-color), 1);
}
.cafe-style .section-bg-color {
  background: linear-gradient(180deg, #2c3e54 0%, #2c3855 100%);
}
.cafe-style .border-effect-box {
  width: 16px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: absolute;
  z-index: 1;
}
.cafe-style .border-effect-box::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
}
.cafe-style .box-tl-1 {
  top: -16px;
  left: -16px;
  border-top: none;
  border-left: none;
}
.cafe-style .box-tl-1::after {
  bottom: -4px;
  right: -4px;
}
.cafe-style .box-tr-2 {
  top: -16px;
  right: -16px;
  border-top: none;
  border-right: none;
}
.cafe-style .box-tr-2::after {
  bottom: -4px;
  left: -4px;
}
.cafe-style .box-bl-3 {
  bottom: -16px;
  left: -16px;
  border-bottom: none;
  border-left: none;
}
.cafe-style .box-bl-3::after {
  top: -4px;
  right: -4px;
}
.cafe-style .box-br-4 {
  bottom: -16px;
  right: -16px;
  border-bottom: none;
  border-right: none;
}
.cafe-style .box-br-4::after {
  top: -4px;
  left: -4px;
}
.cafe-style .main-header {
  padding: calc(15px + 13 * (100vw - 320px) / 1600) calc(12px + 38 * (100vw - 320px) / 1600) 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.cafe-style .main-header.sticky {
  background: linear-gradient(3deg, #2c3e54 0%, #2c3855 100%);
}
.cafe-style .main-header.sticky .header-content {
  border-bottom: none;
  padding-bottom: 0;
}
.cafe-style .main-header.sticky .header-content .header-button::before {
  height: 100% !important;
}
.cafe-style .main-header.sticky .header-content .header-button::after {
  display: none;
}
.cafe-style .main-header.sticky .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: #fff;
}
@media (max-width: 1199px) {
  .cafe-style .main-header.sticky .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
    color: rgba(var(--title-color), 1);
  }
  .cafe-style .main-header.sticky .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item.open {
    color: rgba(var(--theme-color), 1);
  }
}
@media (max-width: 767px) {
  .cafe-style .main-header {
    padding-inline: 12px;
  }
}
.cafe-style .main-header .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 15px;
}
@media (max-width: 1199px) {
  .cafe-style .main-header .header-content {
    justify-content: start;
  }
}
.cafe-style .main-header .header-content .sidebar-nav .menu-header .close-btn {
  background-color: rgba(var(--light-bg-color), 1);
}
.cafe-style .main-header .header-content .sidebar-nav .menu-items {
  gap: 40px;
}
.cafe-style .main-header .header-content .sidebar-nav .menu-items li {
  line-height: 1.1;
}
.cafe-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 1199px) {
  .cafe-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
    display: block;
  }
}
.cafe-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1);
}
.cafe-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
  color: rgba(var(--theme-color), 1);
}
.cafe-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover::before {
  opacity: 1;
  visibility: visible;
  transition: 0.4s ease;
}
.cafe-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  background: transparent;
  border: 1px solid rgba(var(--theme-color), 1);
  border-radius: 100%;
}
@media (max-width: 1199px) {
  .cafe-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
    display: none;
  }
}
.cafe-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: #fff;
}
@media (max-width: 1199px) {
  .cafe-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
    color: rgba(var(--title-color), 1);
  }
  .cafe-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item.open {
    color: rgba(var(--theme-color), 1);
  }
}
.cafe-style .main-header .header-content .social-list {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .cafe-style .main-header .header-content .social-list {
    display: none;
  }
}
.cafe-style .main-header .header-content .social-list li {
  font-family: var(--poppins);
}
.cafe-style .main-header .header-content .social-list li + li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cafe-style .main-header .header-content .social-list li + li::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: rgba(var(--theme-color), 1);
  border-radius: 100%;
}
.cafe-style .main-header .header-content .social-list li a {
  color: rgb(255, 255, 255);
}
.cafe-style .main-header .header-content .flex-button {
  display: flex;
  gap: 15px;
}
@media (max-width: 1199px) {
  .cafe-style .main-header .header-content .flex-button {
    margin-left: auto;
  }
}
.cafe-style .main-header .header-content .flex-button .header-button {
  display: flex;
  position: relative;
}
.cafe-style .main-header .header-content .flex-button .header-button::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 1px;
  height: calc(100% + 15px);
  background: rgba(255, 255, 255, 0.1);
  margin-right: 15px;
}
[dir=rtl] .cafe-style .main-header .header-content .flex-button .header-button::before {
  margin-right: 0;
  margin-left: 15px;
}
.cafe-style .main-header .header-content .flex-button .header-button::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  bottom: -18px;
  left: -3px;
  border-radius: 100%;
}
[dir=rtl] .cafe-style .main-header .header-content .flex-button .header-button::after {
  left: unset;
  right: -3px;
}
.cafe-style .main-header .header-content .flex-button .btn-solid {
  margin-top: 0;
  padding: 10px calc(20px + 20 * (100vw - 320px) / 1600);
  color: #fff;
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
}
.cafe-style .cafe-home-section {
  position: relative;
  width: 100%;
  height: 100%;
  padding-block: 95px 107px;
}
@media (max-width: 1399px) {
  .cafe-style .cafe-home-section {
    padding-bottom: 0;
  }
}
.cafe-style .cafe-home-section .object-1 {
  top: 20%;
  left: 6%;
  animation: rotate 10s infinite linear;
}
.cafe-style .cafe-home-section .object-2 {
  top: 49%;
  right: 20%;
  animation: zoomInOut 10s infinite linear;
}
.cafe-style .cafe-home-section .object-3 {
  bottom: 5%;
  left: 30%;
  animation: rotate 10s infinite linear;
}
.cafe-style .cafe-home-section .circle-home {
  position: absolute;
  bottom: 83px;
  left: 50px;
  width: 95px;
  height: 95px;
  z-index: 2;
}
@media (max-width: 1399px) {
  .cafe-style .cafe-home-section .circle-home {
    display: none;
  }
}
.cafe-style .cafe-home-section .circle-home::after {
  content: "";
  position: absolute;
  top: -18px;
  left: -16px;
  animation: rotate 10s infinite linear;
  width: 127px;
  height: 127px;
  background: url(../svg/cafe/home/circle-text.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1499px) {
  .cafe-style .cafe-home-section .circle-home::after {
    width: 115px;
    height: 115px;
    top: -14px;
  }
}
.cafe-style .cafe-home-section .stroke-title {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: calc(20px + 20 * (100vw - 320px) / 1600);
  position: absolute;
  top: 16%;
  left: 0;
  width: 100%;
  animation: marquee 20s infinite linear;
}
[dir=rtl] .cafe-style .cafe-home-section .stroke-title {
  left: unset;
  right: 0;
  animation: marquee-reverse 20s infinite linear;
}
.cafe-style .cafe-home-section .stroke-title span {
  font-size: calc(40px + 40 * (100vw - 320px) / 1600);
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  letter-spacing: calc(4px + 2 * (100vw - 320px) / 1600);
}
.cafe-style .cafe-home-section .arrow-animation {
  position: absolute;
  top: -98%;
  left: 15%;
  width: 130px;
  height: 140px;
  -webkit-transform: scaleY(-1) rotate(303deg);
  transform: scaleY(-1) rotate(298deg);
  opacity: 0.5;
}
@media (max-width: 1780px) {
  .cafe-style .cafe-home-section .arrow-animation {
    top: -68%;
    left: 13%;
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 1650px) {
  .cafe-style .cafe-home-section .arrow-animation {
    top: -71%;
    left: 21%;
  }
}
@media (max-width: 1599px) {
  .cafe-style .cafe-home-section .arrow-animation {
    top: -55%;
    left: 25%;
  }
}
@media (max-width: 1399px) {
  .cafe-style .cafe-home-section .arrow-animation {
    display: none;
  }
}
.cafe-style .cafe-home-section .main-cafe-slider {
  padding-block: 55px 0;
  margin-left: calc(12px + 108 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .cafe-style .cafe-home-section .main-cafe-slider {
    padding-block: calc(20px + 20 * (100vw - 320px) / 1600);
  }
}
@media (max-width: 767px) {
  .cafe-style .cafe-home-section .main-cafe-slider {
    margin-inline: 12px;
  }
}
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-next,
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide {
  transition: 0.4s ease;
}
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-next .home-img,
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide .home-img {
  position: relative;
  margin-left: 50px;
}
@media (max-width: 1399px) {
  .cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-next .home-img,
  .cafe-style .cafe-home-section .main-cafe-slider .swiper-slide .home-img {
    margin-left: 0;
  }
}
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-next .home-img .text-home,
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide .home-img .text-home {
  position: absolute;
  top: 98px;
  left: 65px;
}
@media (max-width: 1499px) {
  .cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-next .home-img .text-home,
  .cafe-style .cafe-home-section .main-cafe-slider .swiper-slide .home-img .text-home {
    top: 80px;
    left: 44px;
    width: 277px;
  }
}
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-next .home-main-img,
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide .home-main-img {
  transform: scale(0.6);
}
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-next .home-main-img img,
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide .home-main-img img {
  opacity: 0.7;
  filter: blur(6px);
}
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-active .home-img {
  margin-left: 0;
}
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-active .home-img .text-home,
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-active .home-img .circle-home {
  display: none;
}
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-active .home-main-img {
  transform: scale(1);
}
.cafe-style .cafe-home-section .main-cafe-slider .swiper-slide-active .home-main-img img {
  opacity: 1;
  filter: blur(0);
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box {
  display: flex;
  align-items: center;
  gap: calc(50px + 12 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .cafe-style .cafe-home-section .main-cafe-slider .home-box {
    gap: 0;
  }
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-main-img {
  position: relative;
}
@media (max-width: 767px) {
  .cafe-style .cafe-home-section .main-cafe-slider .home-box .home-main-img {
    display: none;
  }
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-main-img::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(var(--theme-color), 1);
  border-radius: 236px 236px 0 0;
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-main-img img {
  border-radius: 236px 236px 0 0;
  width: 472px;
  height: 685px;
  object-fit: contain;
}
@media (max-width: 1499px) {
  .cafe-style .cafe-home-section .main-cafe-slider .home-box .home-main-img img {
    width: 362px;
    height: 515px;
  }
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content {
  width: 45%;
}
@media (max-width: 1399px) {
  .cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content {
    width: calc(100% - (50px + 12 * (100vw - 320px) / 1600) - 362px);
  }
}
@media (max-width: 767px) {
  .cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content {
    width: 100%;
  }
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content .title-effect-box {
  width: 14px;
  height: 14px;
  border: 1px solid rgba(var(--theme-color), 1);
  background: rgba(var(--bg-color), 1);
  position: relative;
  transform: rotate(45deg) translate(9px, 10px) scale(0.7);
  display: inline-block;
  z-index: 1;
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content .title-effect-box::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: rgba(var(--theme-color), 1);
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content h3 {
  color: rgba(var(--theme-color), 1);
  font-family: var(--sue);
  position: relative;
  font-size: calc(25px + 5 * (100vw - 320px) / 1600);
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content h3::before {
  content: "";
  position: relative;
  display: block;
  width: 75px;
  height: 1px;
  background: rgba(var(--theme-color), 1);
  margin-bottom: 22px;
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content h3::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 23px;
  background: rgba(var(--theme-color), 1);
  width: 20px;
  height: 3px;
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content h1 {
  color: #fff;
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content p {
  color: rgba(var(--content-color), 0.6);
  width: 85%;
  padding-block: calc(10px + 10 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
  letter-spacing: 0.2px;
}
@media (max-width: 575px) {
  .cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content p {
    width: 100%;
  }
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content .btn-borders {
  font-size: 18px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 0;
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content .btn-borders:hover svg {
  fill: #fff;
  stroke: #fff;
}
.cafe-style .cafe-home-section .main-cafe-slider .home-box .home-content .btn-borders svg {
  width: 28px;
  height: 28px;
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
.cafe-style .cafe-home-section .inner-home-slider {
  width: 52%;
  margin-left: auto;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding-block: calc(20px + 20 * (100vw - 320px) / 1600);
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .cafe-style .cafe-home-section .inner-home-slider {
    display: none;
  }
}
@media (max-width: 1399px) {
  .cafe-style .cafe-home-section .inner-home-slider {
    position: relative;
    width: 100%;
    inset: unset;
    margin-top: 40px;
    border-inline: none;
  }
}
@media (max-width: 1399px) {
  .cafe-style .cafe-home-section .inner-home-slider .box-tl-1 {
    display: none;
  }
}
.cafe-style .cafe-home-section .cafe-home-slider .swiper-wrapper > div:first-child .inner-home-box::after {
  display: none;
}
.cafe-style .cafe-home-section .cafe-home-slider .inner-home-box {
  text-align: center;
  position: relative;
  padding-inline: 20px;
  display: inline-block;
  width: 100%;
}
@media (max-width: 1620px) {
  .cafe-style .cafe-home-section .cafe-home-slider .inner-home-box {
    padding-inline: 10px;
  }
}
.cafe-style .cafe-home-section .cafe-home-slider .inner-home-box::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 69px;
  background: rgba(var(--content-color), 0.15);
  transform: translateY(-50%);
}
.cafe-style .cafe-home-section .cafe-home-slider .inner-home-box .home-info {
  padding-top: calc(16px + 16 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 1);
}
.cafe-style .cafe-home-section .cafe-home-slider .inner-home-box .home-info h5 {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
.cafe-style .cafe-about-section .about-content .large-content {
  color: rgba(var(--content-color), 0.8);
  border-left: 1px solid #fff;
  text-transform: uppercase;
  padding-left: calc(10px + 13 * (100vw - 320px) / 1600);
  position: relative;
  margin-bottom: calc(20px + 36 * (100vw - 320px) / 1600);
  width: 97%;
  overflow: hidden;
  line-height: 1.7;
}
@media (max-width: 575px) {
  .cafe-style .cafe-about-section .about-content .large-content {
    text-transform: capitalize;
    line-height: 1.5;
  }
}
[dir=rtl] .cafe-style .cafe-about-section .about-content .large-content {
  border-left: none;
  border-right: 1px solid #fff;
  padding-left: 0;
  padding-right: calc(10px + 13 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .cafe-style .cafe-about-section .about-content .large-content {
    width: 100%;
  }
}
.cafe-style .cafe-about-section .about-content .large-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: -2px;
  width: 3px;
  height: 30px;
  background: #fff;
  animation: line 1s infinite linear;
  transition: 0.4s ease;
}
[dir=rtl] .cafe-style .cafe-about-section .about-content .large-content::after {
  left: unset;
  right: -2px;
}
.cafe-style .cafe-about-section .about-content .small-content {
  color: rgba(var(--content-color), 0.6);
  width: 90%;
}
@media (max-width: 1199px) {
  .cafe-style .cafe-about-section .about-content .small-content {
    width: 100%;
  }
}
.cafe-style .cafe-about-section .about-content .small-content::before {
  content: "";
  position: relative;
  display: block;
  width: 40px;
  height: 1px;
  background: rgba(var(--theme-color), 1);
  margin-bottom: 12px;
}
.cafe-style .cafe-about-section .about-content .btn-borders {
  display: inline-flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(20px + 5 * (100vw - 320px) / 1600);
  font-weight: 600;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
.cafe-style .cafe-about-section .about-content .btn-borders:hover svg {
  fill: #fff;
  stroke: #fff;
}
.cafe-style .cafe-about-section .about-content .btn-borders svg {
  width: calc(25px + 5 * (100vw - 320px) / 1600);
  height: calc(25px + -5 * (100vw - 320px) / 1600);
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
[dir=rtl] .cafe-style .cafe-about-section .about-content .btn-borders svg {
  transform: scale(-1);
}
.cafe-style .cafe-about-section .about-img {
  position: relative;
  margin-left: 101px;
  text-align: center;
  margin-bottom: 35px;
}
[dir=rtl] .cafe-style .cafe-about-section .about-img {
  margin-left: 0;
  margin-right: 101px;
}
.cafe-style .cafe-about-section .about-img::after {
  content: "";
  position: absolute;
  top: 22px;
  left: -32px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  width: calc(100% + 64px);
  height: 40%;
  border-top: 1px solid #fff;
  border-top-left-radius: 265px;
  border-top-right-radius: 265px;
  z-index: -1;
}
[dir=rtl] .cafe-style .cafe-about-section .about-img::after {
  left: unset;
  right: -32px;
}
.cafe-style .cafe-about-section .about-img .about-title {
  background: rgba(var(--bg-color), 1);
  padding-inline: 30px;
}
.cafe-style .cafe-about-section .about-img .about-lg-img {
  border-radius: 271px 271px 0 0;
}
.cafe-style .cafe-about-section .about-img .about-sm-img {
  position: absolute;
  bottom: -16px;
  left: -101px;
  background: rgba(var(--bg-color), 1);
  border: 6px solid rgba(var(--bg-color), 1);
}
[dir=rtl] .cafe-style .cafe-about-section .about-img .about-sm-img {
  left: unset;
  right: -101px;
}
.cafe-style .cafe-about-section .about-img .border-effect-box {
  width: 26px;
  height: 26px;
  bottom: -36px;
  left: -27%;
  border-left: none;
  border-bottom: none;
}
[dir=rtl] .cafe-style .cafe-about-section .about-img .border-effect-box {
  right: -27%;
  left: unset;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: none;
}
.cafe-style .cafe-about-section .about-img .border-effect-box::after {
  top: -4px;
  right: -4px;
}
[dir=rtl] .cafe-style .cafe-about-section .about-img .border-effect-box::after {
  right: unset;
  left: -4px;
}
.cafe-style .cafe-about-section .about-img .about-flower {
  position: absolute;
  bottom: 0;
  right: calc(-30px + -90 * (100vw - 1399px) / 521);
  mix-blend-mode: luminosity;
  width: 40%;
  animation: sway 8s infinite ease-in-out;
  transform-origin: center bottom;
}
[dir=rtl] .cafe-style .cafe-about-section .about-img .about-flower {
  right: unset;
  left: calc(-30px + -90 * (100vw - 1399px) / 521);
  transform: scaleX(-1);
}
@media (max-width: 1399px) {
  .cafe-style .cafe-about-section .about-img .about-flower {
    right: calc(-20px + -10 * (100vw - 991px) / 929);
  }
  [dir=rtl] .cafe-style .cafe-about-section .about-img .about-flower {
    right: unset;
    left: calc(-20px + -10 * (100vw - 991px) / 929);
  }
}
.cafe-style .cafe-feature-section {
  position: relative;
  z-index: 0;
  border-block: 1px solid rgba(255, 255, 255, 0.2);
}
.cafe-style .cafe-feature-section .object-1 {
  top: 8%;
  right: 2%;
  animation: opacity 10s infinite linear;
}
.cafe-style .cafe-feature-section .object-2 {
  bottom: 8%;
  left: 2%;
  animation: rotate 10s infinite linear;
}
.cafe-style .cafe-feature-section .object-3 {
  top: 9%;
  left: 14%;
  animation: zoomInOut 10s infinite linear;
}
.cafe-style .cafe-feature-section .object-4 {
  bottom: 19%;
  right: 7%;
  animation: zoomInOut 10s infinite linear;
}
.cafe-style .cafe-feature-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/cafe/bg-effect/feature-bg.png");
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: -1;
  background-size: cover;
}
[dir=rtl] .cafe-style .cafe-feature-section::before {
  left: unset;
  right: 0;
}
@media (max-width: 767px) {
  .cafe-style .cafe-feature-section {
    padding-inline: 12px;
  }
}
.cafe-style .cafe-feature-section .feature-box {
  padding: calc(20px + 40 * (100vw - 320px) / 1600) 20px calc(20px + 10 * (100vw - 320px) / 1600);
  text-align: center;
  transition: 0.4s ease;
  border: 2px dashed transparent;
  position: relative;
  height: 100%;
}
@media (max-width: 767px) {
  .cafe-style .cafe-feature-section .feature-box.active {
    background: rgba(var(--bg-color), 1);
    border-color: rgba(var(--theme-color), 1);
  }
  .cafe-style .cafe-feature-section .feature-box.active::after {
    opacity: 1;
    visibility: visible;
  }
  .cafe-style .cafe-feature-section .feature-box.active .border-effect-box {
    opacity: 1;
    visibility: visible;
  }
  .cafe-style .cafe-feature-section .feature-box.active .feature-icon img {
    filter: brightness(1) invert(0);
  }
  .cafe-style .cafe-feature-section .feature-box.active .feature-content .simple-btn {
    background: rgba(var(--theme-color), 1);
    color: #fff;
    gap: calc(10px + 2 * (100vw - 320px) / 1600);
    position: relative;
    inset: unset;
    transform: none;
  }
  .cafe-style .cafe-feature-section .feature-box.active .feature-content .simple-btn svg {
    opacity: 1;
    visibility: visible;
    width: 24px;
    height: 24px;
  }
  .cafe-style .cafe-feature-section .feature-box.active .feature-content h4::before {
    opacity: 1;
    visibility: visible;
  }
}
.cafe-style .cafe-feature-section .feature-box:hover {
  background: rgba(var(--bg-color), 1);
  border-color: rgba(var(--theme-color), 1);
}
.cafe-style .cafe-feature-section .feature-box:hover::after {
  opacity: 1;
  visibility: visible;
}
.cafe-style .cafe-feature-section .feature-box:hover .border-effect-box {
  opacity: 1;
  visibility: visible;
}
.cafe-style .cafe-feature-section .feature-box:hover .feature-icon img {
  filter: brightness(1) invert(0);
}
.cafe-style .cafe-feature-section .feature-box:hover .feature-content .simple-btn {
  background: rgba(var(--theme-color), 1);
  color: #fff;
  gap: calc(10px + 2 * (100vw - 320px) / 1600);
}
.cafe-style .cafe-feature-section .feature-box:hover .feature-content .simple-btn svg {
  opacity: 1;
  visibility: visible;
  width: 24px;
  height: 24px;
}
[dir=rtl] .cafe-style .cafe-feature-section .feature-box:hover .feature-content .simple-btn svg {
  transform: scale(-1);
}
.cafe-style .cafe-feature-section .feature-box:hover .feature-content h4::before {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .cafe-style .cafe-feature-section .feature-box .feature-icon {
    width: calc(80px + 13 * (100vw - 320px) / 1600);
    height: auto;
    object-fit: contain;
    margin-inline: auto;
  }
}
.cafe-style .cafe-feature-section .feature-box .feature-icon img {
  filter: brightness(0.3) invert(1);
  transition: 0.4s ease;
}
.cafe-style .cafe-feature-section .feature-box .border-effect-box {
  border-color: rgba(var(--theme-color), 1);
  border-width: 2px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.cafe-style .cafe-feature-section .feature-box .border-effect-box::after {
  background: rgba(var(--theme-color), 1);
}
.cafe-style .cafe-feature-section .feature-box .feature-content h4 {
  color: #fff;
}
.cafe-style .cafe-feature-section .feature-box .feature-content h4::before {
  content: "";
  position: relative;
  display: block;
  width: 31px;
  height: 2px;
  background: rgba(var(--theme-color), 1);
  margin: calc(20px + 10 * (100vw - 320px) / 1600) auto 8px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.cafe-style .cafe-feature-section .feature-box .feature-content p {
  color: rgba(var(--content-color), 0.6);
  margin-block: calc(5px + 5 * (100vw - 320px) / 1600) 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.cafe-style .cafe-feature-section .feature-box .feature-content .simple-btn svg {
  opacity: 0;
  visibility: hidden;
}
.cafe-style .cafe-logo-section .swiper-wrapper {
  align-items: center;
}
.cafe-style .cafe-logo-section .logo-slider-box {
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.cafe-style .cafe-logo-section .logo-slider-box .cafe-logo-slider .swiper-wrapper .swiper-slide-active .logo-img {
  border-left: none;
}
.cafe-style .cafe-logo-section .logo-slider-box .cafe-logo-slider .swiper-wrapper > div:first-child .logo-img {
  border-left: none;
}
.cafe-style .cafe-logo-section .logo-slider-box .logo-img {
  padding: calc(20px + 8 * (100vw - 320px) / 1600) calc(30px + 32 * (100vw - 320px) / 1600);
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.cafe-style .cafe-logo-section .logo-slider-box .logo-img img {
  width: auto;
  height: 78px;
  object-fit: contain;
  margin-inline: auto;
}
.cafe-style .theme-setting-box .theme-setting .theme-setting-header,
.cafe-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .theme-switch .form-control {
  background-color: rgba(var(--bg-color), 0.05);
}
.cafe-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio {
  background-color: rgba(var(--bg-color), 0.05);
}
.cafe-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio input {
  border-color: rgba(var(--bg-color), 0.5);
}
.cafe-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex label,
.cafe-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex span {
  font-size: 15px;
}

/**=====================
  2.4 charity style start
==========================**/
.charity-style .section-bg-color {
  background-color: rgba(var(--sec-bg-color), 1);
  position: relative;
  z-index: 0;
}
.charity-style .main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  padding-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.charity-style .main-header.sticky {
  padding: 18px 0;
}
.charity-style .main-header.sticky .header-content .sidebar-nav .navigation-menu li a {
  color: rgba(var(--black), 1);
}
.charity-style .main-header.sticky .header-content .sidebar-nav .navigation-menu li.active a, .charity-style .main-header.sticky .header-content .sidebar-nav .navigation-menu li:hover a {
  color: rgba(var(--theme-color), 1);
}
.charity-style .main-header .header-content .brand-logo img {
  width: 80px;
  height: auto;
}
.charity-style .main-header .header-content .outline-btn {
  padding-inline: calc(18px + 2 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .charity-style .main-header .header-content .outline-btn {
    margin-left: auto;
  }
  [dir=rtl] .charity-style .main-header .header-content .outline-btn {
    margin-left: unset;
    margin-right: auto;
  }
}
.charity-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 1199px) {
  .charity-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
    display: block;
  }
}
.charity-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1);
}
@media (min-width: 1200px) {
  .charity-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
    opacity: 1;
    visibility: visible;
    transition: 0.4s ease;
  }
}
.charity-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
  color: rgba(var(--theme-color), 1);
}
.charity-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: #fff;
}
@media (max-width: 1199px) {
  .charity-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item.open {
    color: rgba(var(--theme-color), 1) !important;
  }
  .charity-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item.open::after {
    color: rgba(var(--theme-color), 1) !important;
  }
}
@media (min-width: 1200px) {
  .charity-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease;
    background: rgba(var(--theme-color), 1);
    border-radius: 100%;
    margin-inline: auto;
  }
}
@media (min-width: 1200px) and (max-width: 1199px) {
  .charity-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .charity-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
    color: rgba(var(--title-color), 1);
  }
}
.charity-style .charity-home-slider {
  z-index: 0;
}
@media (max-width: 767px) {
  .charity-style .charity-home-slider .swiper-slide {
    height: auto;
  }
}
.charity-style .charity-home-slider.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0 32px 0;
}
@media (max-width: 767px) {
  .charity-style .charity-home-slider.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 25px 0 0;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .charity-style .charity-home-slider.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
    margin: 0;
  }
}
.charity-style .charity-home-slider .home-charity {
  position: relative;
  height: calc(100vh - 70px);
  z-index: 0;
}
.charity-style .charity-home-slider .home-charity::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgb(46, 47, 48) 0%, rgba(46, 47, 48, 0.8) 100%);
  z-index: -1;
  opacity: 0.9;
}
@media (max-width: 767px) {
  .charity-style .charity-home-slider .home-charity {
    height: 100%;
    padding: calc(100px + 60 * (100vw - 320px) / 1600) 0;
  }
}
.charity-style .charity-home-slider .home-charity .charity-home-content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: calc(100vh - 70px);
  padding-top: 76px;
}
@media (max-width: 767px) {
  .charity-style .charity-home-slider .home-charity .charity-home-content {
    height: auto;
    padding-top: 0;
  }
}
.charity-style .charity-home-slider .home-charity .charity-home-content h1 {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-family: var(--labre-font);
}
.charity-style .charity-home-slider .home-charity .charity-home-content .arrow-btn {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
[dir=rtl] .charity-style .charity-home-slider .home-charity .charity-home-content .arrow-btn {
  direction: rtl;
}
.charity-style .charity-home-slider .home-charity h3 {
  color: rgba(var(--theme-color), 1);
  margin-bottom: calc(4px + 4 * (100vw - 320px) / 1600);
  font-size: calc(20px + 6 * (100vw - 320px) / 1600);
  font-weight: 400;
}
.charity-style .charity-home-slider .home-charity p {
  width: 70%;
  margin: auto;
  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  .charity-style .charity-home-slider .home-charity p {
    width: 100%;
  }
}
.charity-style .charity-home-slider .social-icon {
  position: absolute;
  top: 50%;
  left: 64px;
  transform: translateY(-50%);
}
[dir=rtl] .charity-style .charity-home-slider .social-icon {
  left: unset;
  right: 64px;
}
@media (max-width: 970px) {
  .charity-style .charity-home-slider .social-icon {
    left: 35px;
  }
  [dir=rtl] .charity-style .charity-home-slider .social-icon {
    left: unset;
    right: 35px;
  }
}
@media (max-width: 644px) {
  .charity-style .charity-home-slider .social-icon {
    left: 10px;
  }
  [dir=rtl] .charity-style .charity-home-slider .social-icon {
    left: unset;
    right: 10px;
  }
}
@media (max-width: 575px) {
  .charity-style .charity-home-slider .social-icon {
    display: none;
  }
}
.charity-style .charity-home-slider .social-icon ul li {
  display: block;
  margin: 0 0 calc(18px + 12 * (100vw - 575px) / 1345) 0;
  border-radius: 50%;
  transition: 0.4s ease;
}
.charity-style .charity-home-slider .social-icon ul li a {
  color: #fff;
}
.charity-style .charity-home-slider .social-icon ul li a i {
  font-size: calc(18px + 6 * (100vw - 575px) / 1345);
  font-weight: 500;
  transition: 0.4s ease;
  display: inline-block;
}
.charity-style .charity-home-slider .social-icon ul li:hover a {
  color: rgba(var(--theme-color), 1);
}
.charity-style .charity-home-slider .social-icon ul li:hover a i {
  transform: rotateY(360deg);
}
.charity-style .charity-home-slider .social-icon ul li:last-child {
  position: relative;
  margin: 0;
}
.charity-style .charity-home-slider .social-icon ul li:last-child::after {
  content: "";
  position: absolute;
  bottom: calc(-55px + -15 * (100vw - 575px) / 1345);
  left: 50%;
  width: 1px;
  height: calc(45px + 5 * (100vw - 575px) / 1345);
  background-color: #fff;
  transform: translateX(-50%);
}
.charity-style .charity-home-slider .social-icon ul li:first-child {
  position: relative;
}
.charity-style .charity-home-slider .social-icon ul li:first-child::after {
  content: "";
  position: absolute;
  top: calc(-55px + -15 * (100vw - 575px) / 1345);
  left: 50%;
  width: 1px;
  height: calc(45px + 5 * (100vw - 575px) / 1345);
  background-color: #fff;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .charity-style .about-effect {
    opacity: 0.3;
  }
}
.charity-style .about-effect .effect-1 {
  position: absolute;
  top: 30%;
  left: 0;
  animation: zoom 5s infinite;
}
.charity-style .about-effect .effect-2 {
  position: absolute;
  bottom: 15%;
  right: 2%;
  animation: round 30s linear infinite;
}
@media (max-width: 1199px) {
  .charity-style .about-effect .effect-2 {
    right: 10%;
  }
}
.charity-style .charity-about {
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .charity-style .charity-about::after {
    display: none;
  }
}
.charity-style .charity-about .about-left-img {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.charity-style .charity-about .about-left-img:hover img {
  transform: translate(-10px, -10px);
}
[dir=rtl] .charity-style .charity-about .about-left-img:hover img {
  transform: translate(10px, -10px);
}
.charity-style .charity-about .about-left-img .img-effect {
  position: relative;
  padding-left: 10px;
  height: 75%;
  width: 100%;
}
[dir=rtl] .charity-style .charity-about .about-left-img .img-effect {
  padding-left: 0;
  padding-right: 10px;
}
@media (max-width: 575px) {
  .charity-style .charity-about .about-left-img .img-effect {
    height: 100%;
  }
}
.charity-style .charity-about .about-left-img .img-effect img {
  height: 100%;
  object-fit: cover;
  border-radius: 230px 230px 0 0;
  width: 100%;
  transition: 0.4s ease;
}
.charity-style .charity-about .about-left-img .img-effect::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  border: 1px solid rgba(var(--title-color), 0.4);
  width: calc(100% - 10px);
  height: 100%;
  border-radius: 230px 230px 0 0;
  z-index: -1;
}
[dir=rtl] .charity-style .charity-about .about-left-img .img-effect::after {
  left: unset;
  right: 0;
}
.charity-style .charity-about .about-right-img {
  position: relative;
  margin-top: -31px;
  height: 75%;
  width: 100%;
}
.charity-style .charity-about .about-right-img:hover img {
  transform: translate(10px, 10px);
}
[dir=rtl] .charity-style .charity-about .about-right-img:hover img {
  transform: translate(-10px, 10px);
}
@media (max-width: 991px) {
  .charity-style .charity-about .about-right-img {
    height: 100%;
    margin: 0;
  }
}
.charity-style .charity-about .about-right-img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  transition: 0.4s ease;
}
.charity-style .charity-about .about-right-img::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -10px;
  border: 1px solid rgba(var(--title-color), 0.4);
  width: 100%;
  height: 100%;
  z-index: -1;
}
[dir=rtl] .charity-style .charity-about .about-right-img::after {
  left: -10px;
  right: unset;
}
.charity-style .charity-about .about-content {
  padding-inline-start: 18px;
  padding: calc(0px + 160 * (100vw - 320px) / 1600) calc(0px + 50 * (100vw - 320px) / 1600) calc(0px + 80 * (100vw - 320px) / 1600) calc(0px + 50 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .charity-style .charity-about .about-content {
    padding-inline-start: 0;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .charity-style .charity-about .about-content {
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .charity-style .charity-about .about-content {
    padding-top: 20px;
    padding-left: 20px;
  }
  [dir=rtl] .charity-style .charity-about .about-content {
    padding-left: 0;
    padding-right: 20px;
  }
}
.charity-style .charity-about .about-content ul li {
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.5;
  color: rgba(var(--title-color), 0.6);
  position: relative;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
}
.charity-style .charity-about .about-content ul li:last-child {
  margin-bottom: 0;
}
.charity-style .charity-about .about-content ul li::after {
  content: "";
  position: absolute;
  top: 15px;
  left: -18px;
  width: 10px;
  height: 1px;
  background-color: rgba(var(--title-color), 0.6);
}
[dir=rtl] .charity-style .charity-about .about-content ul li::after {
  left: unset;
  right: -18px;
}
.charity-style .charity-about .about-content .black-btn {
  margin-top: calc(20px + 20 * (100vw - 320px) / 1600);
}
.charity-style .charity-about::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  opacity: 0.3;
  background: linear-gradient(90deg, rgba(var(--title-color), 1), rgba(var(--black), 0.04));
  z-index: -1;
}
[dir=rtl] .charity-style .charity-about::after {
  background: linear-gradient(-90deg, rgba(var(--title-color), 1), rgba(var(--black), 0.04));
}
.charity-style .charity-feature-sec {
  background-attachment: fixed;
}
.charity-style .charity-feature-sec .charity-feature-margin {
  margin-bottom: -30px;
}
.charity-style .charity-feature-sec .row > div:last-child .feature-content {
  margin-bottom: 30px;
}
.charity-style .charity-feature-sec .row > div:last-child .feature-content::after {
  display: none;
}
@media (max-width: 1199px) {
  .charity-style .charity-feature-sec .row > div:nth-child(2) .feature-content::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .charity-style .charity-feature-sec .row > div:first-child .feature-content::after {
    display: none;
  }
}
.charity-style .charity-feature-sec h2 {
  text-transform: uppercase;
  font-family: var(--labre-font);
  color: #fff;
  text-align: center;
  margin-top: calc(-4px + -3 * (100vw - 320px) / 1600);
  margin-bottom: calc(20px + 35 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .charity-style .charity-feature-sec .feature-box {
    margin-bottom: 30px;
  }
}
.charity-style .charity-feature-sec .feature-box:hover .feature-icon span::after {
  animation: round 15s linear infinite;
}
.charity-style .charity-feature-sec .feature-box .feature-icon {
  width: calc(100px + 32 * (100vw - 320px) / 1600);
  height: calc(100px + 32 * (100vw - 320px) / 1600);
  border: 2px solid rgba(var(--theme-color), 1);
  border-radius: 50%;
  padding: 8px;
  position: relative;
  margin: 0 auto calc(10px + 22 * (100vw - 320px) / 1600) auto;
}
.charity-style .charity-feature-sec .feature-box .feature-icon .star {
  position: absolute;
  animation: grow 3s infinite;
  fill: rgba(var(--theme-color), 1);
  opacity: 0;
}
.charity-style .charity-feature-sec .feature-box .feature-icon .star:nth-child(1) {
  width: 14px;
  height: 14px;
  right: -25px;
  top: 30%;
}
.charity-style .charity-feature-sec .feature-box .feature-icon .star:nth-child(2) {
  width: 18px;
  height: 18px;
  left: -25px;
  top: 20px;
}
.charity-style .charity-feature-sec .feature-box .feature-icon .star:nth-child(3) {
  width: 10px;
  height: 10px;
  left: 86px;
  top: -18%;
}
.charity-style .charity-feature-sec .feature-box .feature-icon span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--theme-color), 0.2);
  border-radius: 50%;
  backdrop-filter: blur(6px);
}
@media (max-width: 575px) {
  .charity-style .charity-feature-sec .feature-box .feature-icon span img {
    width: 50%;
  }
}
.charity-style .charity-feature-sec .feature-box .feature-icon span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px dashed rgba(var(--theme-color), 1);
  border-radius: 50%;
  padding: 18px;
}
.charity-style .charity-feature-sec .feature-box .feature-content {
  text-align: center;
  position: relative;
}
.charity-style .charity-feature-sec .feature-box .feature-content h3 {
  color: #fff;
  margin-bottom: 5px;
}
.charity-style .charity-feature-sec .feature-box .feature-content p {
  color: rgba(255, 255, 255, 0.8);
  width: 80%;
  margin-inline: auto;
}
@media (max-width: 575px) {
  .charity-style .charity-feature-sec .feature-box .feature-content p {
    width: 100%;
  }
}
.charity-style .charity-feature-sec .feature-box .feature-content::after {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  border-right: 1px dashed #959393;
  height: 100%;
}
[dir=rtl] .charity-style .charity-feature-sec .feature-box .feature-content::after {
  left: -12px;
  right: unset;
}
.charity-style .footer-parallax {
  margin-bottom: calc(390px + 55 * (100vw - 1199px) / 721);
}
@media (max-width: 1199px) {
  .charity-style .footer-parallax {
    margin-bottom: 0 !important;
  }
}
.charity-style .tooltip .tooltip-arrow::before {
  border-right-color: rgba(var(--theme-color), 0.9) !important;
  border-top-color: transparent !important;
}
[dir=rtl] .charity-style .tooltip .tooltip-arrow::before {
  border-left-color: rgba(var(--theme-color), 0.9) !important;
  border-right-color: transparent !important;
}

/*========================
  2.5 consultancy style start
==========================*/
.consultancy-style .main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: calc(20px + 10 * (100vw - 320px) / 1600);
  background: transparent;
  padding-inline: calc(12px + 96 * (100vw - 320px) / 1600);
}
.consultancy-style .main-header .brand-logo {
  width: calc(80px + 13 * (100vw - 320px) / 1600);
  height: auto;
}
.consultancy-style .main-header .header-content {
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .consultancy-style .main-header .header-content {
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .consultancy-style .main-header .header-content .sidebar-nav {
    padding-left: 80px;
  }
  [dir=rtl] .consultancy-style .main-header .header-content .sidebar-nav {
    padding-left: 0;
    margin-right: 80px;
  }
}
.consultancy-style .main-header .header-content .sidebar-nav .menu-items {
  gap: calc(20px + 40 * (100vw - 320px) / 1600);
}
.consultancy-style .main-header .header-content .sidebar-nav .menu-items .link-list li {
  line-height: 1.2;
}
.consultancy-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 1199px) {
  .consultancy-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
    display: block;
  }
}
.consultancy-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1);
}
.consultancy-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
  color: rgba(var(--theme-color), 1);
}
.consultancy-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  border-bottom-color: rgba(var(--border-color), 0.3);
}
@media (min-width: 1200px) {
  .consultancy-style .main-header .header-content .btn-border {
    margin-left: auto;
  }
  [dir=rtl] .consultancy-style .main-header .header-content .btn-border {
    margin-left: 0;
    margin-right: auto;
  }
}
@media (max-width: 1199px) {
  .consultancy-style .main-header .header-content .btn-border {
    margin-left: auto;
  }
  [dir=rtl] .consultancy-style .main-header .header-content .btn-border {
    margin-right: auto;
    margin-left: 0;
  }
}
.consultancy-style .consultancy-home-section {
  position: relative;
  padding-top: calc(62px + 18 * (100vw - 320px) / 1600);
  overflow: hidden;
  padding-inline: calc(12px + 96 * (100vw - 320px) / 1600);
  border-bottom-right-radius: calc(15px + 45 * (100vw - 320px) / 1600);
  border-bottom-left-radius: calc(15px + 45 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-home-section {
    border-radius: 0;
  }
}
.consultancy-style .consultancy-home-section .side-scroll {
  display: flex;
  align-items: center;
  gap: 20px;
  position: absolute;
  bottom: 40%;
  right: calc(32px + 30 * (100vw - 1199px) / 721);
  writing-mode: vertical-lr;
  z-index: 1;
}
[dir=rtl] .consultancy-style .consultancy-home-section .side-scroll {
  right: unset;
  left: 62px;
}
@media (max-width: 1199px) {
  .consultancy-style .consultancy-home-section .side-scroll {
    display: none;
  }
}
.consultancy-style .consultancy-home-section .side-scroll .scroll-line {
  width: 1px;
  height: 74px;
  background-color: #fff;
  position: relative;
}
.consultancy-style .consultancy-home-section .side-scroll .scroll-line .scroll-dot {
  width: 9px;
  height: 9px;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  position: absolute;
  border-radius: 100%;
  animation: scroll-dot 3s infinite ease-in-out;
}
.consultancy-style .consultancy-home-section .side-scroll h6 {
  color: #fff;
  transform: scale(-1);
  font-size: 18px;
  margin-block: 0;
}
.consultancy-style .consultancy-home-section .object-1 {
  top: 22%;
  left: 12%;
  animation: zoom 8s infinite linear;
}
@media (max-width: 1199px) {
  .consultancy-style .consultancy-home-section .object-1 {
    top: 21%;
    left: 6%;
    width: 6%;
  }
}
.consultancy-style .consultancy-home-section .object-2 {
  bottom: 20%;
  left: 0;
  animation: move-img 4s infinite linear;
}
.consultancy-style .consultancy-home-section .object-3 {
  bottom: 20%;
  left: 23%;
  animation: sway 4s infinite linear;
}
@media (max-width: 1199px) {
  .consultancy-style .consultancy-home-section .object-3 {
    bottom: 17%;
    left: 15%;
    width: 7%;
  }
}
.consultancy-style .consultancy-home-section .object-4 {
  bottom: 10%;
  right: 24%;
  animation: tada 4s infinite linear;
}
@media (max-width: 119px) {
  .consultancy-style .consultancy-home-section .object-4 {
    bottom: 10%;
    right: 25%;
    width: 5%;
  }
}
.consultancy-style .consultancy-home-section .object-5 {
  top: 39%;
  right: 9%;
  animation: zoom 8s infinite linear;
}
@media (max-width: 1199px) {
  .consultancy-style .consultancy-home-section .object-5 {
    top: 44%;
    right: 7%;
    width: 4%;
  }
}
.consultancy-style .consultancy-home-section .object-6 {
  top: 14%;
  right: 26%;
  animation: zoomInOut 4s infinite linear;
}
@media (max-width: 1199px) {
  .consultancy-style .consultancy-home-section .object-6 {
    top: 15%;
    right: 20%;
    width: 4%;
  }
}
.consultancy-style .consultancy-home-section .consultancy-home-content {
  display: flex;
  padding-block: calc(50px + 220 * (100vw - 320px) / 1600);
  text-align: center;
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-home-section .consultancy-home-content {
    text-align: center;
  }
}
.consultancy-style .consultancy-home-section .consultancy-home-content h1 {
  color: #fff;
  margin-top: calc(-11px + -7 * (100vw - 320px) / 1600);
  line-height: 1.5;
  text-transform: uppercase;
  font-family: var(--fahkwang);
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-home-section .consultancy-home-content h1 {
    text-transform: capitalize;
  }
}
.consultancy-style .consultancy-home-section .consultancy-home-content h1 span {
  background: linear-gradient(91.22deg, rgba(var(--green-color), 1) 37.89%, rgba(var(--theme-color), 1) 71.6%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.consultancy-style .consultancy-home-section .consultancy-home-content p {
  color: rgba(var(--content-color), 1);
  margin-block: calc(10px + 10 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
  width: 80%;
  letter-spacing: 0.2px;
  margin-inline: auto;
}
@media (max-width: 991px) {
  .consultancy-style .consultancy-home-section .consultancy-home-content p {
    width: 100%;
  }
}
.consultancy-style .consultancy-home-section .button-flex {
  display: flex;
  align-items: center;
  gap: calc(20px + 16 * (100vw - 320px) / 1600);
  justify-content: center;
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-home-section .button-flex {
    justify-content: center;
  }
}
.consultancy-style .consultancy-home-section .text-button {
  color: #fff;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 12px;
}
.consultancy-style .consultancy-home-section .text-button i {
  font-size: calc(20px + 4 * (100vw - 320px) / 1600);
}
@media (max-width: 1399px) {
  .consultancy-style .consultancy-feature-section .title-style-3 {
    text-align: center;
    margin-top: calc(-7px + -3 * (100vw - 320px) / 1600);
  }
}
.consultancy-style .consultancy-feature-section .main-feature {
  background: rgba(var(--bg-color), 1);
  border-radius: 6px;
}
@media (max-width: 991px) and (min-width: 767px) {
  .consultancy-style .consultancy-feature-section .main-feature {
    background: transparent;
  }
}
.consultancy-style .consultancy-feature-section .main-feature .row > div:first-child .feature-box {
  border-left: none;
  border-top: none;
}
[dir=rtl] .consultancy-style .consultancy-feature-section .main-feature .row > div:first-child .feature-box {
  border-right: none;
}
.consultancy-style .consultancy-feature-section .main-feature .row > div:first-child .feature-box::after, .consultancy-style .consultancy-feature-section .main-feature .row > div:first-child .feature-box::before {
  display: none;
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-feature-section .main-feature .row > div:first-child .feature-box::before {
    display: block;
  }
}
@media (max-width: 991px) and (min-width: 767px) {
  .consultancy-style .consultancy-feature-section .main-feature .row > div:last-child {
    margin-inline: auto;
  }
}
@media (max-width: 991px) {
  .consultancy-style .consultancy-feature-section .main-feature .row > div:last-child .feature-box {
    border-left: none;
  }
  .consultancy-style .consultancy-feature-section .main-feature .row > div:last-child .feature-box::before {
    display: none;
  }
}
.consultancy-style .consultancy-feature-section .feature-box {
  padding: calc(15px + 15 * (100vw - 320px) / 1600);
  position: relative;
  border-left: 1px dashed rgba(var(--border-color), 0.6);
  height: 100%;
  z-index: 0;
}
[dir=rtl] .consultancy-style .consultancy-feature-section .feature-box {
  border-right: 1px dashed rgba(var(--border-color), 0.6);
  border-left: none;
}
@media (max-width: 991px) {
  .consultancy-style .consultancy-feature-section .feature-box {
    border-left: none;
  }
  [dir=rtl] .consultancy-style .consultancy-feature-section .feature-box {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-feature-section .feature-box {
    border-top: 1px dashed rgba(var(--border-color), 0.6);
  }
}
@media (max-width: 991px) and (min-width: 767px) {
  .consultancy-style .consultancy-feature-section .feature-box {
    background: rgba(var(--bg-color), 1);
  }
}
.consultancy-style .consultancy-feature-section .feature-box span {
  border-left: 5px dotted rgba(var(--white), 1);
  position: absolute;
  width: 100%;
  height: 100%;
  display: inline-block;
  top: -2px;
  left: -3px;
  z-index: -1;
}
[dir=rtl] .consultancy-style .consultancy-feature-section .feature-box span {
  border-right: 5px dotted rgba(var(--white), 1);
  left: unset;
  right: -2px;
  border-left: none;
}
@media (max-width: 991px) {
  .consultancy-style .consultancy-feature-section .feature-box span {
    border-left: none;
  }
  [dir=rtl] .consultancy-style .consultancy-feature-section .feature-box span {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-feature-section .feature-box span {
    border-top: 5px dotted rgba(var(--white), 1);
  }
}
.consultancy-style .consultancy-feature-section .feature-box .feature-icon {
  width: 35%;
  object-fit: cover;
}
@media (max-width: 1399px) {
  .consultancy-style .consultancy-feature-section .feature-box .feature-icon {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-feature-section .feature-box .feature-icon {
    width: 15%;
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-feature-section .feature-box .feature-content {
    text-align: center;
  }
}
.consultancy-style .consultancy-feature-section .feature-box .feature-content h5 {
  text-transform: uppercase;
  margin-top: calc(15px + 17 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.consultancy-style .consultancy-feature-section .feature-box .feature-content h5::after {
  content: "";
  width: 47px;
  height: 3px;
  background: rgba(var(--theme-color), 1);
  position: relative;
  display: block;
  margin-top: calc(7px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-feature-section .feature-box .feature-content h5::after {
    margin-inline: auto;
  }
}
.consultancy-style .consultancy-feature-section .feature-box .feature-content p {
  color: rgba(var(--content-color), 1);
  margin-top: calc(12px + 13 * (100vw - 320px) / 1600);
}
.consultancy-style .consultancy-feature-section .feature-box::after, .consultancy-style .consultancy-feature-section .feature-box::before {
  content: "";
  position: absolute;
  width: calc(25px + 5 * (100vw - 320px) / 1600);
  height: calc(25px + 5 * (100vw - 320px) / 1600);
  background: rgba(var(--white), 1);
  border-radius: 50%;
  left: -15px;
  z-index: 0;
}
[dir=rtl] .consultancy-style .consultancy-feature-section .feature-box::after, [dir=rtl] .consultancy-style .consultancy-feature-section .feature-box::before {
  left: unset;
  right: -15px;
}
.consultancy-style .consultancy-feature-section .feature-box::after {
  top: -15px;
}
@media (max-width: 991px) and (min-width: 767px) {
  .consultancy-style .consultancy-feature-section .feature-box::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-feature-section .feature-box::after {
    right: -11px;
    left: unset;
  }
  [dir=rtl] .consultancy-style .consultancy-feature-section .feature-box::after {
    left: -11px;
    right: unset;
  }
}
.consultancy-style .consultancy-feature-section .feature-box::before {
  bottom: -15px;
}
@media (max-width: 991px) and (min-width: 767px) {
  .consultancy-style .consultancy-feature-section .feature-box::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .consultancy-style .consultancy-feature-section .feature-box::before {
    left: -11px;
  }
  [dir=rtl] .consultancy-style .consultancy-feature-section .feature-box::before {
    left: unset;
    right: -11px;
  }
}
.consultancy-style .consultancy-step-section h2 {
  width: 40%;
  margin: calc(-6px + -4 * (100vw - 320px) / 1600) auto calc(20px + 30 * (100vw - 320px) / 1600) auto;
  text-align: center;
}
@media (max-width: 1199px) {
  .consultancy-style .consultancy-step-section h2 {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .consultancy-style .consultancy-step-section h2 {
    width: 100%;
  }
}
.consultancy-style .consultancy-step-section .step-box:hover .step-content {
  background: rgba(var(--title-color), 1);
}
.consultancy-style .consultancy-step-section .step-box:hover .step-content h5 {
  color: rgba(var(--theme-color), 1);
}
.consultancy-style .consultancy-step-section .step-box:hover .step-content p {
  color: #fff;
}
.consultancy-style .consultancy-step-section .step-box:hover .step-content p img {
  filter: grayscale(0);
}
.consultancy-style .consultancy-step-section .step-box:hover .step-content .rise-btn {
  color: #fff;
}
.consultancy-style .consultancy-step-section .step-box:hover .step-content .rise-btn img {
  filter: invert(0);
}
.consultancy-style .consultancy-step-section .step-box:hover .steps-circle::after {
  background-image: linear-gradient(90deg, transparent, transparent 50%, rgba(var(--white), 1) 50%, rgba(var(--white), 1) 100%), linear-gradient(89.99deg, rgba(var(--theme-color), 0.6) -0.05%, rgba(var(--theme-color), 0) 150.22%);
}
[dir=rtl] .consultancy-style .consultancy-step-section .step-box:hover .steps-circle::after {
  background-image: linear-gradient(-90deg, transparent, transparent 50%, rgba(var(--white), 1) 50%, rgba(var(--white), 1) 100%), linear-gradient(-89.99deg, rgba(var(--theme-color), 0.6) -0.05%, rgba(var(--theme-color), 0) 150.22%);
}
.consultancy-style .consultancy-step-section .step-box:hover .steps-circle .half-circle {
  background: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(220deg, rgba(206, 201, 255, 0.46) 6.07%, rgba(133, 120, 247, 0.8) 84.62%);
  border-color: transparent;
}
.consultancy-style .consultancy-step-section .step-box:hover .steps-circle .half-circle span {
  background: radial-gradient(47.73% 47.73% at 43.18% 34.09%, #9b90f8 0%, rgba(var(--theme-color), 100%));
  border-color: transparent;
}
.consultancy-style .consultancy-step-section .step-box:hover .steps-circle .step-number {
  background: #f0efff;
  -webkit-text-stroke: 1px rgba(var(--theme-color), 1);
}
.consultancy-style .consultancy-step-section .step-box:hover .steps-circle .step-number::after {
  border-color: rgba(var(--theme-color), 0.6);
}
.consultancy-style .consultancy-step-section .step-box:hover .steps-circle .step-number::before {
  background: rgba(var(--theme-color), 1);
}
.consultancy-style .consultancy-step-section .step-box .steps-circle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(10px + 47 * (100vw - 320px) / 1600);
  position: relative;
}
.consultancy-style .consultancy-step-section .step-box .steps-circle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 220px;
  height: 2px;
  background-image: linear-gradient(90deg, transparent, transparent 50%, rgba(var(--white), 1) 50%, rgba(var(--white), 1) 100%), linear-gradient(89.99deg, rgba(var(--border-color), 0.6) -0.05%, rgba(var(--border-color), 0) 150.22%);
  background-size: 12px 1px, 100% 1px;
  border: none;
  transform: translateY(-50%);
  z-index: -1;
  transition: 0.4s ease;
}
[dir=rtl] .consultancy-style .consultancy-step-section .step-box .steps-circle::after {
  left: unset;
  right: 30px;
  background-image: linear-gradient(-90deg, transparent, transparent 50%, rgba(var(--white), 1) 50%, rgba(var(--white), 1) 100%), linear-gradient(-89.99deg, rgba(171, 172, 179, 0.6) -0.05%, rgba(171, 172, 179, 0) 150.22%);
}
@media (max-width: 767px) and (min-width: 500px) {
  .consultancy-style .consultancy-step-section .step-box .steps-circle::after {
    width: 450px;
  }
}
@media (max-width: 500px) and (min-width: 400px) {
  .consultancy-style .consultancy-step-section .step-box .steps-circle::after {
    width: 350px;
  }
}
.consultancy-style .consultancy-step-section .step-box .steps-circle .step-number {
  font-weight: 800;
  font-size: calc(28px + 7 * (100vw - 320px) / 1600);
  line-height: 1.5;
  width: calc(60px + 16 * (100vw - 320px) / 1600);
  height: calc(60px + 16 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--bg-color), 1);
  border-radius: 50%;
  -webkit-text-stroke: 1px rgba(var(--border-color), 1);
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.4s ease;
  background: rgba(var(--white), 1);
  z-index: 0;
}
.consultancy-style .consultancy-step-section .step-box .steps-circle .step-number::after {
  content: "";
  position: absolute;
  border-left: 2px dashed rgba(var(--border-color), 0.6);
  width: 2px;
  height: calc(45px + 33 * (100vw - 320px) / 1600);
  bottom: calc(-52px + -26 * (100vw - 320px) / 1600);
  left: 50%;
  transform: translateX(-50%);
  transition: 0.4s ease;
}
.consultancy-style .consultancy-step-section .step-box .steps-circle .step-number::before {
  content: "";
  position: absolute;
  bottom: -100%;
  left: 50%;
  width: 8px;
  height: 8px;
  transform: translate(-50%, 100%);
  background: rgba(var(--border-color), 1);
  border-radius: 50%;
  transition: 0.4s ease;
}
.consultancy-style .consultancy-step-section .step-box .step-content {
  padding: calc(20px + 10 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
  border-radius: 6px;
}
.consultancy-style .consultancy-step-section .step-box .step-content h5 {
  text-transform: uppercase;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  position: relative;
  padding-left: 14px;
  transition: 0.4s ease;
  width: 75%;
}
@media (max-width: 1199px) {
  .consultancy-style .consultancy-step-section .step-box .step-content h5 {
    text-transform: capitalize;
  }
}
[dir=rtl] .consultancy-style .consultancy-step-section .step-box .step-content h5 {
  padding-left: 0;
  padding-right: 14px;
}
.consultancy-style .consultancy-step-section .step-box .step-content h5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(var(--theme-color), 1);
  width: 2px;
  height: 100%;
}
[dir=rtl] .consultancy-style .consultancy-step-section .step-box .step-content h5::after {
  left: unset;
  right: 0;
}
.consultancy-style .consultancy-step-section .step-box .step-content p {
  color: rgba(var(--content-color), 1);
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.consultancy-style .consultancy-step-section .step-box .step-content p img {
  padding-right: 15px;
  filter: grayscale(1);
  transition: 0.4s ease;
}
[dir=rtl] .consultancy-style .consultancy-step-section .step-box .step-content p img {
  transform: scale(-1);
}
.consultancy-style .btn-close {
  background: rgba(var(--theme-color), 1);
  width: 20px;
  height: 20px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.consultancy-style .btn-close:hover i {
  transform: rotate(360deg);
}
.consultancy-style .btn-close:focus {
  box-shadow: none;
}
.consultancy-style .btn-close i {
  font-size: 25px;
  color: rgba(var(--white), 1);
  transition: 0.4s ease;
}
.consultancy-style .half-circle {
  width: 39px;
  height: 39px;
  border-radius: 100px;
  position: relative;
  border: 1px solid rgba(var(--border-color), 0.6);
  z-index: 0;
  background: rgba(var(--white), 1);
}
.consultancy-style .half-circle span {
  width: 22px;
  height: 22px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 23%;
  transform: translateY(-50%);
  border: 1px solid rgba(var(--border-color), 0.6);
  background-color: rgba(var(--white), 1);
}
.consultancy-style .half-circle::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 40px;
  background-color: rgba(var(--white), 1);
  border-left: 1px solid rgba(var(--border-color), 0.6);
  left: 14px;
  top: -1px;
  z-index: -1;
}
.consultancy-style .modal-content {
  background: rgba(var(--white), 1);
}
.consultancy-style .modal-content .modal-header {
  justify-content: space-between;
}
.consultancy-style .modal-content .modal-title {
  display: flex;
  align-items: center;
  gap: calc(8px + 4 * (100vw - 320px) / 1600);
}
.consultancy-style .modal-content .modal-title i {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.consultancy-style .modal-content .modal-body p {
  display: flex;
  gap: calc(8px + 7 * (100vw - 320px) / 1600);
  align-items: baseline;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.consultancy-style .modal-content .modal-body p + p {
  margin-top: calc(8px + 4 * (100vw - 320px) / 1600);
}
.consultancy-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item + .theme-setting-item {
  border-color: rgba(var(--border-color), 0.2);
}

/**=====================
 2.6 digital-agency style Start
==========================**/
.digital-style {
  overflow-x: hidden;
}
.digital-style .btn-borders {
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
}
.digital-style.overflow {
  overflow: hidden;
}
.digital-style .main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: calc(15px + 5 * (100vw - 320px) / 1600) calc(12px + 88 * (100vw - 320px) / 1600);
}
.digital-style .main-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  width: 100%;
  height: 1px;
  z-index: 0;
}
.digital-style .main-header .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.digital-style .main-header .toggle {
  margin-left: 0;
  display: block;
}
[dir=rtl] .digital-style .main-header .toggle {
  margin-right: 0;
  margin-left: unset;
}
.digital-style .main-header .sidebar-nav {
  position: fixed;
  top: 0;
  left: unset !important;
  right: 0 !important;
  width: calc(300px + 80 * (100vw - 320px) / 1600);
  height: 100vh;
  background-color: rgba(var(--white), 1);
  overflow: auto;
  z-index: 2;
  transform: translateX(calc(300px + 80 * (100vw - 320px) / 1600)) !important;
  transition: 0.4s ease;
}
.digital-style .main-header .sidebar-nav.open {
  transform: none !important;
}
.digital-style .main-header .sidebar-nav .menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.digital-style .main-header .sidebar-nav .menu-items {
  display: block;
  padding: 12px 18px;
}
.digital-style .main-header .sidebar-nav .menu-items .link-list li:hover .menu-link {
  transform: none;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn {
  font-weight: 400;
  display: block;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn.dropdown-menus .link-list .menu-right {
  padding-inline: 16px;
  width: max-content !important;
  margin-bottom: 0;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn.dropdown-menus .link-list .menu-right > li:hover > a {
  transform: none !important;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn.dropdown-menus .link-list > .expand-btn {
  display: block;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn.dropdown-menus .link-list > .expand-btn > .menu-link::after {
  content: "\f492";
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn:last-child .menu-item {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn:last-child .menu-item.open {
  border-bottom: 1px solid rgba(var(--border-color), 1);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn .open + .sample {
  max-height: 100%;
  transform: scaleY(1);
  display: block;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn .mega-menu,
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn .dropdown-megamenu,
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn .menu-right {
  position: static;
  opacity: 1;
  top: 0;
  width: auto;
  max-height: 0;
  transform: scaleY(0);
  transform-origin: top;
  overflow: hidden;
  transition: all 0.5s ease;
  display: none;
  visibility: visible;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  width: 100% !important;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .digital-style .main-header .sidebar-nav .menu-items > .expand-btn {
    line-height: 1.1;
  }
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: rgba(var(--title-color), 1);
  margin-bottom: 15px;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid rgba(var(--border-color), 1);
  padding-bottom: 15px;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn > .menu-item::after {
  content: "\f492";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  color: rgba(var(--title-color), 1);
  font-size: 18px;
  transition: 0.4s ease;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn > .menu-item.open {
  color: rgba(var(--theme-color), 1);
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn > .menu-item.open::after {
  content: "\f498";
  color: rgba(var(--theme-color), 1);
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1);
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
  color: rgba(var(--theme-color), 1);
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn .mega-menu .demo-box span {
  font-weight: 500;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn .mega-menu .link-box .link-title {
  font-weight: 500;
}
.digital-style .main-header .sidebar-nav .menu-items > .expand-btn .mega-menu .link-box .link-list {
  padding-left: 12px;
}
.digital-style .main-header .overlay.overlay--active {
  opacity: 1;
  visibility: visible;
}
.digital-style .digital-home-section {
  padding-top: calc(73px + 19 * (100vw - 320px) / 1600);
  position: relative;
  background-color: rgba(var(--theme-color-2), 1);
  overflow: hidden;
  z-index: 0;
}
.digital-style .digital-home-section .bottom-bg-box {
  position: absolute;
  bottom: -14%;
  left: -7%;
  z-index: 0;
}
@media (max-width: 1199px) {
  .digital-style .digital-home-section .bottom-bg-box {
    bottom: -34%;
    left: -17%;
  }
}
@media (max-width: 9919px) {
  .digital-style .digital-home-section .bottom-bg-box {
    opacity: 0.5;
  }
}
.digital-style .digital-home-section .home-object {
  position: absolute;
  bottom: 30%;
  left: 7%;
}
[dir=rtl] .digital-style .digital-home-section .home-object {
  left: unset;
  right: 7%;
}
@media (max-width: 1399px) {
  .digital-style .digital-home-section .home-object {
    opacity: 0.3;
  }
}
.digital-style .digital-home-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/digital_agency/bg-effect/home-bg-effect.png);
  background-repeat: no-repeat;
  z-index: -1;
  background-size: cover;
}
[dir=rtl] .digital-style .digital-home-section::after {
  left: unset;
  right: 0;
}
@media (max-width: 767px) {
  .digital-style .digital-home-section {
    padding-inline: 12px;
  }
  [dir=rtl] .digital-style .digital-home-section {
    padding-inline: 12px;
  }
}
.digital-style .digital-home-section .side-header {
  writing-mode: vertical-lr;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 94px;
  left: -7px;
  height: calc(100% - 200px);
  padding-inline: calc(20px + 20 * (100vw - 1400px) / 520);
  transform: scale(-1);
  padding-block: 30px;
  width: auto;
  gap: calc(20px + 20 * (100vw - 1400px) / 520);
}
@media (max-width: 1399px) {
  .digital-style .digital-home-section .side-header {
    display: none;
  }
}
[dir=rtl] .digital-style .digital-home-section .side-header {
  left: unset;
  right: 0;
  transform: scale(1);
}
.digital-style .digital-home-section .side-header a {
  color: rgba(255, 255, 255, 0.95);
}
.digital-style .digital-home-section .side-header a h6 {
  font-weight: 300;
  margin: 0;
  font-size: calc(14px + 2 * (100vw - 1400px) / 520);
}
.digital-style .digital-home-section .home-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: calc(106px + 100 * (100vw - 1400px) / 520);
  padding-top: calc(30px + 106 * (100vw - 767px) / 1153);
}
[dir=rtl] .digital-style .digital-home-section .home-content {
  padding-right: calc(106px + 100 * (100vw - 1400px) / 520);
  padding-left: 0;
}
@media (max-width: 1399px) {
  .digital-style .digital-home-section .home-content {
    padding-left: calc(12px + 88 * (100vw - 320px) / 1600);
  }
  [dir=rtl] .digital-style .digital-home-section .home-content {
    padding-right: calc(12px + 88 * (100vw - 320px) / 1600);
  }
}
@media (max-width: 991px) {
  .digital-style .digital-home-section .home-content {
    text-align: center;
    padding-block: calc(30px + 35 * (100vw - 320px) / 1600);
    padding-inline: 12px;
  }
}
.digital-style .digital-home-section .home-content h1 {
  color: rgba(255, 255, 255, 0.95);
  font-family: var(--fahkwang);
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
  margin-top: calc(-8px + -4 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .digital-style .digital-home-section .home-content h1 {
    justify-content: center;
  }
}
.digital-style .digital-home-section .home-content p {
  color: rgba(var(--content-color), 1);
  margin-block: calc(10px + 10 * (100vw - 320px) / 1600) calc(10px + 20 * (100vw - 320px) / 1600);
  letter-spacing: 0.2px;
}
.digital-style .digital-home-section .home-content .fade-down-animation {
  background: linear-gradient(133deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .digital-style .digital-home-section .home-content .fade-down-animation {
    text-transform: lowercase;
  }
}
.digital-style .digital-home-section .home-content .book-button {
  background: linear-gradient(159deg, rgba(var(--theme-color), 1) -12%, rgba(var(--theme-color-1), 1) 73%);
  color: rgba(var(--title-color), 1);
}
.digital-style .digital-home-section .home-content .book-button::after {
  border-image-source: linear-gradient(112deg, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  border-image-slice: 1;
  border-color: transparent;
}
.digital-style .digital-home-section .home-img-box {
  position: relative;
  z-index: 0;
}
.digital-style .digital-home-section .home-img-box .home-img {
  width: 77%;
  margin-left: auto;
  position: relative;
}
.digital-style .digital-home-section .home-img-box .home-img::after {
  content: "";
  position: absolute;
  top: 20px;
  left: -20px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: -1;
  background: linear-gradient(80deg, rgba(var(--theme-color), 0.1) 0%, rgba(var(--theme-color-1), 0.1) 100%);
}
[dir=rtl] .digital-style .digital-home-section .home-img-box .home-img::after {
  background: linear-gradient(-80deg, rgba(var(--theme-color), 0.1) 0%, rgba(var(--theme-color-1), 0.1) 100%);
}
@media (max-width: 575px) {
  .digital-style .digital-home-section .home-img-box .home-img::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .digital-style .digital-home-section .home-img-box .home-img {
    width: 90%;
  }
}
@media (max-width: 991px) {
  .digital-style .digital-home-section .home-img-box .home-img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .digital-style .digital-home-section .home-img-box .home-img {
    width: 100%;
  }
}
.digital-style .digital-home-section .home-img-box .home-img img {
  width: 100%;
}
.digital-style .digital-about-section .about-main {
  position: relative;
  padding-bottom: calc(20px + 20 * (100vw - 992px) / 928);
}
.digital-style .digital-about-section .about-main .about-main-left-box {
  padding: 1px;
  clip-path: polygon(0 0, 100% 0, 100% 83%, 79% 100%, 0 100%, 0% 50%);
  position: relative;
}
[dir=rtl] .digital-style .digital-about-section .about-main .about-main-left-box {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 18% 100%, 0 80%);
}
.digital-style .digital-about-section .about-main .about-main-left-box::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid transparent;
  width: 100%;
  height: 100%;
  background: linear-gradient(166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
}
[dir=rtl] .digital-style .digital-about-section .about-main .about-main-left-box::after {
  left: unset;
  right: 0;
  background: linear-gradient(-166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
}
.digital-style .digital-about-section .about-main .about-left-img {
  clip-path: polygon(0 0, 100% 0, 100% 83%, 79% 100%, 0 100%, 0% 50%);
}
[dir=rtl] .digital-style .digital-about-section .about-main .about-left-img {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 18% 100%, 0 80%);
}
.digital-style .digital-about-section .about-main .about-left-img img {
  width: 100%;
}
.digital-style .digital-about-section .about-main::before {
  content: "";
  position: absolute;
  left: calc(-20px + -20 * (100vw - 992px) / 928);
  bottom: 0;
  width: 80%;
  height: 80%;
  background: linear-gradient(166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
}
[dir=rtl] .digital-style .digital-about-section .about-main::before {
  left: unset;
  right: calc(-20px + -20 * (100vw - 992px) / 928);
  background: linear-gradient(-166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
}
.digital-style .digital-about-section .about-content p {
  color: rgba(var(--content-color), 1);
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
}
.digital-style .digital-about-section .about-content ul {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: calc(15px + 35 * (100vw - 320px) / 1600);
  grid-row-gap: calc(15px + 5 * (100vw - 575px) / 1345);
}
@media (max-width: 575px) {
  .digital-style .digital-about-section .about-content ul {
    display: block;
  }
}
.digital-style .digital-about-section .about-content ul li {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .digital-style .digital-about-section .about-content ul li + li {
    padding-top: calc(12px + 8 * (100vw - 320px) / 255);
  }
}
.digital-style .digital-about-section .about-content ul li img {
  width: calc(25px + 10 * (100vw - 320px) / 1600);
  height: auto;
}
[dir=rtl] .digital-style .digital-about-section .about-content ul li img {
  transform: scaleX(-1);
}
.digital-style .digital-about-section .about-img-box {
  position: relative;
}
@media (max-width: 1399px) {
  .digital-style .digital-about-section .about-img-box {
    display: none;
  }
}
.digital-style .digital-about-section .about-img-box .about-img-right-box {
  padding: 1px;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 18% 100%, 0 81%);
  position: relative;
}
.digital-style .digital-about-section .about-img-box .about-img-right-box .about-right-img {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 18% 100%, 0 81%);
}
.digital-style .digital-about-section .about-img-box .about-img-right-box::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid transparent;
  width: 100%;
  height: 100%;
  background: linear-gradient(166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
}
[dir=rtl] .digital-style .digital-about-section .about-img-box .about-img-right-box::after {
  left: unset;
  right: 0;
}
.digital-style .digital-about-section .about-img-box .img-object-top {
  position: absolute;
  top: -40px;
  right: -40px;
}
[dir=rtl] .digital-style .digital-about-section .about-img-box .img-object-top {
  left: -40px;
  right: unset;
}
.digital-style .digital-about-section .about-img-box .img-object-bottom {
  position: absolute;
  bottom: -70px;
  left: -70px;
  z-index: -1;
}
[dir=rtl] .digital-style .digital-about-section .about-img-box .img-object-bottom {
  left: unset;
  right: -70px;
}
.digital-style .horizontal-title {
  display: flex;
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
@media (max-width: 400px) {
  .digital-style .horizontal-title {
    text-align: center;
    display: block;
  }
}
@media (max-width: 400px) {
  .digital-style .horizontal-title .arrow-flex {
    display: none !important;
  }
}
.digital-style .left-container {
  padding-left: 12px;
}
@media (max-width: 575px) {
  .digital-style .left-container {
    padding-inline: 12px;
  }
}
@media (min-width: 576px) {
  .digital-style .left-container {
    margin-left: calc((100% - 540px) / 2);
  }
}
@media (min-width: 768px) {
  .digital-style .left-container {
    margin-left: calc((100% - 720px) / 2);
  }
}
@media (min-width: 992px) {
  .digital-style .left-container {
    margin-left: calc((100% - 960px) / 2);
  }
}
@media (min-width: 1200px) {
  .digital-style .left-container {
    margin-left: calc((100% - 1140px) / 2);
  }
}
@media (min-width: 1400px) {
  .digital-style .left-container {
    margin-left: calc((100% - 1320px) / 2);
  }
}
@media (min-width: 1440px) {
  .digital-style .left-container {
    margin-left: calc((100% - 1399px) / 2);
  }
}
.digital-style .digital-progress-section {
  background: rgb(20, 24, 2);
  position: relative;
}
.digital-style .digital-progress-section .progress-obj {
  position: absolute;
  top: 40px;
  right: 0;
}
[dir=rtl] .digital-style .digital-progress-section .progress-obj {
  right: unset;
  left: 0;
}
.digital-style .digital-progress-section .title-style-12 h2 {
  background: linear-gradient(to right, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
}
.digital-style .digital-progress-section .progress-box {
  background: rgba(255, 255, 255, 0.06);
  padding-left: calc(15px + 35 * (100vw - 320px) / 1600);
}
[dir=rtl] .digital-style .digital-progress-section .progress-box {
  padding-left: 0;
  padding-right: calc(15px + 35 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .digital-style .digital-progress-section .progress-box {
    padding-right: calc(15px + 35 * (100vw - 320px) / 1600);
  }
  [dir=rtl] .digital-style .digital-progress-section .progress-box {
    padding-left: calc(15px + 35 * (100vw - 320px) / 1600);
  }
}
[dir=rtl] .digital-style .digital-progress-section .progress-box .progress-img img {
  transform: scaleX(-1);
}
@media (max-width: 1399px) {
  .digital-style .digital-progress-section .progress-box .progress-content {
    padding-block: calc(20px + 30 * (100vw - 320px) / 1600);
  }
}
.digital-style .digital-progress-section .progress-box .progress-content p {
  color: rgba(255, 255, 255, 0.8);
  padding-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
}
.digital-style .digital-progress-section .progress-box .progress-content p::before {
  content: "";
  position: relative;
  width: 50px;
  height: 2px;
  background: linear-gradient(166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  display: block;
  margin-bottom: 8px;
}
.digital-style .digital-progress-section .progress-box .progress-content .progressbar-box {
  background: rgba(255, 255, 255, 0.06);
  padding: calc(10px + 20 * (100vw - 320px) / 1600);
}
.digital-style .digital-progress-section .progress-box .progress-content .progressbar-box + .progressbar-box {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.digital-style .digital-progress-section .progress-box .progress-content .progressbar-box .progress-count {
  color: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(8px + 7 * (100vw - 320px) / 1600);
}
.digital-style .digital-progress-section .progress-box .progress-content .progressbar-box .progress-count h5 {
  text-transform: uppercase;
  font-weight: 500;
}
.digital-style .digital-progress-section .progress-box .progress-content .progressbar-box .progress-count span {
  text-align: center;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.digital-style .digital-progress-section .progress-box .progress-content .progressbar-box .custom-progress .progress-done {
  height: calc(6px + 3 * (100vw - 320px) / 1600);
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: 5px;
}
.digital-style .digital-progress-section .progress-box .progress-content .progressbar-box .custom-progress .progress-done .progress-line {
  height: 100%;
  border-radius: 5px;
  display: block;
  background: linear-gradient(90deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  width: 0%;
}
.digital-style .digital-price-section .title-style-12::after,
.digital-style .digital-progress-section .title-style-12::after {
  border-color: rgba(255, 255, 255, 0.2);
}
.digital-style .digital-price-section .title-style-12::before,
.digital-style .digital-progress-section .title-style-12::before {
  background-color: rgba(255, 255, 255, 0.2);
}

/**=====================
 2.7 Event style Start
==========================**/
.event-style .main-header {
  position: relative;
  width: 100%;
  padding: calc(12px + 13 * (100vw - 320px) / 1600) calc(12px + 88 * (100vw - 320px) / 1600);
  background: #151831;
}
.event-style .main-header .home-border-effect {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  left: 32%;
  background-color: rgba(var(--white), 0.08);
}
@media (max-width: 1199px) {
  .event-style .main-header .home-border-effect {
    display: none;
  }
}
.event-style .main-header .home-border-effect + .home-border-effect {
  left: 63%;
}
.event-style .main-header .home-border-effect + .home-border-effect::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  background-color: rgba(var(--secondary-color), 0.2);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}
.event-style .main-header .brand-logo {
  width: calc(65px + 28 * (100vw - 320px) / 1600);
  height: auto;
}
.event-style .main-header .header-content .sidebar-nav .menu-header .close-btn {
  background-color: rgba(var(--bg-color), 0.1);
}
.event-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
@media (max-width: 1199px) {
  .event-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover::after {
    display: none;
  }
}
.event-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1);
}
.event-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
  color: rgba(var(--theme-color), 1);
}
@media (min-width: 1200px) {
  .event-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
    display: block;
  }
}
.event-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::after {
  content: "";
  width: 0;
  height: 1px;
  background-color: rgba(var(--theme-color), 1);
  position: relative;
  display: block;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
  margin-left: auto;
  margin-top: 3px;
}
@media (max-width: 1199px) {
  .event-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::after {
    display: none;
  }
}
.event-style .main-header .header-content .btn-solid {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
  color: #fff;
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(18px + 22 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .event-style .main-header .header-content .btn-solid {
    margin-left: auto;
  }
  [dir=rtl] .event-style .main-header .header-content .btn-solid {
    margin-left: 0;
    margin-right: auto;
  }
}
.event-style .main-header .header-content .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.event-style .btn-solid {
  padding: 10px calc(25px + 15 * (100vw - 320px) / 1600);
  color: #fff;
}
.event-style .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.event-style .home-event-section {
  overflow: hidden;
  background-color: rgb(21, 24, 49);
  position: relative;
  z-index: 0;
}
@media (max-width: 1199px) {
  .event-style .home-event-section {
    background-color: transparent;
  }
}
.event-style .home-event-section .home-border-effect {
  position: absolute;
  top: 0;
  left: calc(20px + 50 * (100vw - 320px) / 1600);
  width: 1px;
  height: 100%;
  background-color: rgba(var(--white), 0.08);
}
@media (max-width: 1199px) {
  .event-style .home-event-section .home-border-effect {
    display: none;
  }
}
.event-style .home-event-section .home-border-effect::after {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  width: 6px;
  height: 6px;
  background-color: rgba(var(--secondary-color), 0.2);
  border-radius: 100%;
  transform: translateX(-50%);
}
.event-style .home-event-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 78%;
  height: 100%;
  background: url(../images/event/home/home.png);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
[dir=rtl] .event-style .home-event-section::before {
  right: unset;
  left: 0;
  background-position: left;
}
@media (max-width: 1199px) {
  .event-style .home-event-section::before {
    width: 100%;
  }
}
.event-style .home-event-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(100deg, rgb(21, 24, 49) 26%, rgba(21, 24, 49, 0) 68%);
}
[dir=rtl] .event-style .home-event-section::after {
  left: unset;
  right: 0;
  background: linear-gradient(-100deg, rgb(21, 24, 49) 26%, rgba(21, 24, 49, 0) 68%);
}
@media (max-width: 1199px) {
  .event-style .home-event-section::after {
    background: rgba(21, 24, 49, 0.8);
    backdrop-filter: blur(3px);
  }
  [dir=rtl] .event-style .home-event-section::after {
    background: rgba(21, 24, 49, 0.8);
    backdrop-filter: blur(3px);
  }
}
.event-style .home-event-section .home-content {
  padding-left: calc(12px + 88 * (100vw - 320px) / 1600);
  padding-block: calc(50px + 70 * (100vw - 320px) / 1600);
}
[dir=rtl] .event-style .home-event-section .home-content {
  padding-right: calc(12px + 88 * (100vw - 320px) / 1600);
  padding-left: 0;
}
@media (max-width: 767px) {
  .event-style .home-event-section .home-content {
    padding-right: 12px;
  }
  [dir=rtl] .event-style .home-event-section .home-content {
    padding-left: 12px;
  }
}
@media (max-width: 575px) {
  .event-style .home-event-section .home-content {
    text-align: center;
  }
}
.event-style .home-event-section .home-content h5 {
  margin-top: calc(-5px + 1 * (100vw - 320px) / 1600);
  font-family: var(--open-sans);
  font-weight: 600;
  text-transform: uppercase;
}
.event-style .home-event-section .home-content h1 {
  color: #fff;
  padding-block: calc(3px + 7 * (100vw - 320px) / 1600) calc(10px + 10 * (100vw - 320px) / 1600);
  text-transform: uppercase;
  font-family: var(--open-sans);
  line-height: 1.4;
}
@media (max-width: 575px) {
  .event-style .home-event-section .home-content h1 {
    text-transform: capitalize;
  }
}
.event-style .home-event-section .home-content p {
  color: rgb(177, 181, 187);
  width: 85%;
  line-height: 1.6;
}
@media (max-width: 575px) {
  .event-style .home-event-section .home-content p {
    width: 100%;
  }
}
.event-style .home-event-section .home-content .home-btn {
  display: flex;
  align-items: center;
  gap: calc(10px + 30 * (100vw - 320px) / 1600);
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
  margin-bottom: calc(30px + 20 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}
@media (max-width: 575px) {
  .event-style .home-event-section .home-content .home-btn {
    justify-content: center;
  }
}
.event-style .home-event-section .home-content .btn-borders {
  font-weight: 500;
  padding: 10px 35px;
}
.event-style .home-event-section .home-content .text-button {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 0;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  color: #fff;
}
.event-style .home-event-section .home-content .text-button .play-icon {
  position: relative;
  z-index: 0;
}
.event-style .home-event-section .home-content .text-button .play-icon i {
  width: 28px;
  height: 28px;
  background-color: rgb(77, 79, 98);
  border-radius: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-style .home-event-section .home-content .text-button .play-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -7px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  width: 28px;
  height: 28px;
  transform: translateY(-50%);
  z-index: -1;
}
.event-style .home-event-section .home-timer ul {
  display: flex;
  align-items: center;
  gap: calc(10px + 2 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .event-style .home-event-section .home-timer ul {
    justify-content: center;
  }
}
.event-style .home-event-section .home-timer ul li {
  color: rgba(var(--theme-color), 1);
  width: calc(60px + 40 * (100vw - 320px) / 1600);
  padding: 1px;
  height: calc(60px + 40 * (100vw - 320px) / 1600);
  background: linear-gradient(#6bcb86, #7a57f6);
  position: relative;
  z-index: 0;
}
.event-style .home-event-section .home-timer ul li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px dashed rgba(var(--theme-color), 0.5);
  transform: rotate(170deg);
  z-index: -1;
}
.event-style .home-event-section .home-timer ul li:nth-child(even) {
  width: unset;
  height: unset;
  background: transparent;
}
.event-style .home-event-section .home-timer ul li:nth-child(even)::after {
  display: none;
}
.event-style .home-event-section .home-timer ul li .timer-box {
  width: 100%;
  background: linear-gradient(143deg, #263944 0%, #282854 100%);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.event-style .home-event-section .home-timer ul li .timer-box .timer-text {
  font-size: calc(20px + 12 * (100vw - 320px) / 1600);
  font-weight: 700;
  color: rgba(var(--theme-color), 1);
}
.event-style .home-event-section .home-timer ul li h6 {
  color: rgba(255, 255, 255, 0.8);
}
.event-style .home-event-section .home-counter {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  width: 70%;
}
@media (min-width: 1399px) {
  .event-style .home-event-section .home-counter {
    width: 100%;
  }
}
@media (max-width: 1399px) {
  .event-style .home-event-section .home-counter {
    width: 100%;
  }
}
.event-style .home-event-section .home-counter .tap-to-bottom {
  width: calc(50px + 82 * (100vw - 320px) / 1600);
  height: calc(50px + 82 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-style .home-event-section .home-counter .tap-to-bottom svg {
  width: calc(25px + 20 * (100vw - 320px) / 1600);
  height: calc(25px + 20 * (100vw - 320px) / 1600);
  fill: #fff;
  stroke: #fff;
}
.event-style .event-vision-section .vision-box {
  padding: calc(15px + 15 * (100vw - 320px) / 1600);
  box-shadow: 0px 2px 16px 0px rgba(16, 19, 54, 0.06);
  position: relative;
  overflow: hidden;
  transition: 0.4s ease;
  height: 100%;
  background: rgba(var(--white), 1);
}
.event-style .event-vision-section .vision-box .circle-effect {
  width: 100px;
  height: 100px;
  background: rgba(var(--bg-color), 0.03);
  border-radius: 100%;
  position: absolute;
  top: -20px;
  right: -30px;
  transition: 0.4s ease;
}
[dir=rtl] .event-style .event-vision-section .vision-box .circle-effect {
  left: -30px;
  right: unset;
}
.event-style .event-vision-section .vision-box .circle-effect::after {
  content: "";
  position: absolute;
  top: 50px;
  right: 120px;
  width: 25px;
  height: 25px;
  background: rgba(var(--bg-color), 0.03);
  border-radius: 100%;
  transition: 0.4s ease;
}
[dir=rtl] .event-style .event-vision-section .vision-box .circle-effect::after {
  left: 120px;
  right: unset;
}
.event-style .event-vision-section .vision-box .circle-effect::before {
  content: "";
  position: absolute;
  top: 110px;
  right: 86px;
  width: 12px;
  height: 12px;
  background: rgba(var(--bg-color), 0.03);
  border-radius: 100%;
  transition: 0.4s ease;
}
[dir=rtl] .event-style .event-vision-section .vision-box .circle-effect::before {
  left: 86px;
  right: unset;
}
.event-style .event-vision-section .vision-box .vision-icon {
  width: calc(60px + 40 * (100vw - 320px) / 1600);
  height: calc(60px + 40 * (100vw - 320px) / 1600);
  background-color: rgba(var(--theme-color), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  transition: 0.4s ease;
}
.event-style .event-vision-section .vision-box .vision-icon img {
  width: calc(40px + 20 * (100vw - 320px) / 1600);
  height: calc(40px + 20 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.event-style .event-vision-section .vision-box .vision-icon::after {
  content: "";
  position: absolute;
  top: 30px;
  left: calc(15px + 15 * (100vw - 320px) / 1600);
  width: calc(60px + 16 * (100vw - 320px) / 1600);
  height: 3px;
  background: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
[dir=rtl] .event-style .event-vision-section .vision-box .vision-icon::after {
  left: unset;
  right: calc(15px + 15 * (100vw - 320px) / 1600);
}
.event-style .event-vision-section .vision-box .vision-content h5 {
  color: rgba(var(--title-color), 1);
  padding-block: calc(20px + 20 * (100vw - 320px) / 1600) calc(5px + 5 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.event-style .event-vision-section .vision-box .vision-content p {
  color: rgba(var(--content-color), 1);
  transition: 0.4s ease;
}
.event-style .event-vision-section .vision-box .vision-content .rise-btn {
  color: rgba(var(--theme-color), 1);
  padding-top: calc(15px + 15 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
  border-top: none;
}
.event-style .event-vision-section .vision-box .vision-content .rise-btn svg {
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
  width: 25px;
  height: 25px;
  transition: 0.4s ease;
}
[dir=rtl] .event-style .event-vision-section .vision-box .vision-content .rise-btn svg {
  transform: scale(-1);
}
.event-style .event-vision-section .vision-box:hover {
  background: rgba(var(--theme-color), 1);
}
.event-style .event-vision-section .vision-box:hover .circle-effect {
  background: rgba(255, 255, 255, 0.25);
}
.event-style .event-vision-section .vision-box:hover .circle-effect::after, .event-style .event-vision-section .vision-box:hover .circle-effect::before {
  background: rgba(255, 255, 255, 0.25);
}
.event-style .event-vision-section .vision-box:hover .vision-icon {
  background-color: #fff;
}
.event-style .event-vision-section .vision-box:hover .vision-icon::after {
  background: #fff;
}
.event-style .event-vision-section .vision-box:hover .vision-content h5,
.event-style .event-vision-section .vision-box:hover .vision-content p,
.event-style .event-vision-section .vision-box:hover .vision-content .rise-btn {
  color: #fff;
}
.event-style .event-vision-section .vision-box:hover .vision-content svg {
  fill: #fff;
  stroke: #fff;
}
.event-style .event-logo-section .swiper-wrapper {
  align-items: center;
}
.event-style .event-logo-section .logo-img {
  width: 60%;
  margin: 0 auto;
}
.event-style .event-about-section {
  background: rgba(var(--bg-color), 0.06);
  position: relative;
}
.event-style .event-about-section .effect-1 {
  top: 12%;
  left: 11%;
}
@media (max-width: 991px) {
  .event-style .event-about-section .effect-1 {
    opacity: 0.3;
  }
}
.event-style .event-about-section .effect-2 {
  bottom: 13%;
  left: 17%;
}
@media (max-width: 991px) {
  .event-style .event-about-section .effect-2 {
    opacity: 0.3;
  }
}
.event-style .event-about-section .effect-3 {
  bottom: 8%;
  right: 13%;
}
@media (max-width: 991px) {
  .event-style .event-about-section .effect-3 {
    opacity: 0.3;
  }
}
.event-style .event-about-section .about-img {
  column-count: 2;
  gap: 0;
  margin-bottom: calc(98px + 17 * (100vw - 992px) / 928);
}
@media (max-width: 991px) {
  .event-style .event-about-section .about-img {
    margin-bottom: 0;
  }
}
.event-style .event-about-section .about-img .about-second-item {
  border-left: calc(20px + 20 * (100vw - 991px) / 929) solid #f5f5f6;
}
.event-style .event-about-section .about-img .about-third-item {
  position: relative;
  border-top: calc(20px + 20 * (100vw - 991px) / 929) solid #f5f5f6;
  border-left: calc(20px + 20 * (100vw - 991px) / 929) solid #f5f5f6;
  transform: translateX(-80px) scale(1.3) translateY(45px);
}
[dir=rtl] .event-style .event-about-section .about-img .about-third-item {
  border-left: none;
  border-right: calc(20px + 20 * (100vw - 991px) / 929) solid #f5f5f6;
  transform: translateX(80px) scale(1.3) translateY(45px);
}
.event-style .event-about-section .about-img .about-third-item .three-line {
  position: absolute;
  top: 15px;
  right: -13px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 6px;
}
.event-style .event-about-section .about-img .about-third-item .three-line span {
  width: 56px;
  background: #4d4f62;
  height: 1px;
  display: block;
}
.event-style .event-about-section .about-content ul {
  width: 80%;
}
@media (max-width: 1199px) {
  .event-style .event-about-section .about-content ul {
    width: 100%;
  }
}
.event-style .event-about-section .about-content ul li {
  display: flex;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
  align-items: center;
}
.event-style .event-about-section .about-content ul li + li {
  margin-top: calc(10px + 5 * (100vw - 320px) / 1600);
}
.event-style .event-about-section .about-content ul li svg {
  width: calc(18px + 14 * (100vw - 320px) / 1600);
  height: calc(18px + 14 * (100vw - 320px) / 1600);
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
.event-style .event-about-section .about-content ul li h6 {
  transition: 0.4s ease;
  width: calc(100% - (18px + 14 * (100vw - 320px) / 1600) - (10px + 10 * (100vw - 320px) / 1600));
}
.event-style .event-about-section .about-content ul li:hover {
  background: rgba(var(--theme-color), 1);
}
.event-style .event-about-section .about-content ul li:hover svg {
  fill: #fff;
  stroke: rgba(var(--theme-color), 1);
}
.event-style .event-about-section .about-content ul li:hover h6 {
  color: #fff;
}
.event-style .line-full-effect {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}
.event-style .line-full-effect .line-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: calc(20px + 50 * (100vw - 320px) / 1600);
}
.event-style .line-full-effect .line-list .body-line {
  width: 1px;
  height: 100vh;
  background: rgba(var(--secondary-color), 0.08);
  position: relative;
}
@media (max-width: 575px) {
  .event-style .line-full-effect .line-list .body-line {
    opacity: 0.5;
  }
}
.event-style .line-full-effect .line-list .body-line::before {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 1px;
  top: -50%;
  background: linear-gradient(to bottom, rgba(var(--white), 0) 0%, rgba(var(--secondary-color), 0.2) 75%, rgba(var(--secondary-color), 0.2) 100%);
  animation: drop 7s 0s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
  left: 0;
}
.event-style .theme-setting-box .theme-setting .theme-setting-header,
.event-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .theme-switch .form-control {
  background-color: rgba(var(--sec-bg-color), 0.6);
}
.event-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .sub-title {
  font-weight: 500;
}
.event-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio {
  background-color: rgba(var(--sec-bg-color), 0.6);
}

/**=====================
 2.8 Marketing style Start
==========================**/
.marketing-style.overflow {
  overflow: hidden;
}
.marketing-style .object-dots {
  position: absolute;
  top: -40px;
  left: 85px;
}
[dir=rtl] .marketing-style .object-dots {
  left: unset;
  right: 85px;
}
@media (max-width: 991px) {
  .marketing-style .object-dots {
    display: none;
  }
}
.marketing-style .object-dots svg {
  width: 24px;
  height: 94px;
  fill: rgba(var(--title-color), 1);
}
.marketing-style .object-dots.theme-dots svg {
  fill: rgba(var(--theme-color), 1);
}
.marketing-style .main-header {
  padding-inline: calc(12px + 108 * (100vw - 320px) / 1600);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
  padding-top: calc(20px + 25 * (100vw - 320px) / 1600);
  z-index: 1;
}
.marketing-style .main-header:has(.sidebar-nav.open) {
  z-index: 2;
}
.marketing-style .main-header .header-content {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 1200px) {
  .marketing-style .main-header .header-content {
    justify-content: space-between;
  }
}
.marketing-style .main-header .header-content .header-social {
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .marketing-style .main-header .header-content .header-social {
    margin-left: auto;
  }
  [dir=rtl] .marketing-style .main-header .header-content .header-social {
    margin-left: unset;
    margin-right: auto;
  }
}
.marketing-style .main-header .header-content .header-social h6 {
  color: rgba(var(--content-color), 1);
}
@media (max-width: 575px) {
  .marketing-style .main-header .header-content .header-social h6 {
    display: none;
  }
}
.marketing-style .main-header .header-content .header-social .social-list li a {
  color: rgba(var(--title-color), 1);
}
.marketing-style .main-header .header-content .sidebar-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(300px + 80 * (100vw - 320px) / 1600);
  height: 100vh;
  background-color: rgba(var(--white), 1);
  overflow: auto;
  z-index: 2;
  transform: translateX(calc(-300px + -80 * (100vw - 320px) / 1600)) !important;
}
[dir=rtl] .marketing-style .main-header .header-content .sidebar-nav {
  right: 0;
  transform: translateX(calc(300px + 80 * (100vw - 320px) / 1600)) !important;
}
@media (min-width: 1200px) {
  .marketing-style .main-header .header-content .sidebar-nav {
    transition: none;
  }
}
.marketing-style .main-header .header-content .sidebar-nav.open {
  transform: none !important;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items {
  display: block;
  padding: 12px 18px;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items .link-list li:hover .menu-link {
  transform: none;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
  font-weight: 400;
  display: block;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn.dropdown-menus .link-list .menu-right {
  padding-inline: 16px;
  width: max-content !important;
  margin-bottom: 0;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn.dropdown-menus .link-list .menu-right > li:hover > a {
  transform: none !important;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn.dropdown-menus .link-list > .expand-btn {
  display: block;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn.dropdown-menus .link-list > .expand-btn > .menu-link::after {
  content: "\f492";
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:last-child .menu-item {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:last-child .menu-item.open {
  border-bottom: 1px solid rgba(var(--border-color), 1);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn .open + .sample {
  max-height: 100%;
  transform: scaleY(1);
  display: block;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn .mega-menu,
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn .dropdown-megamenu,
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn .menu-right {
  position: static;
  opacity: 1;
  top: 0;
  width: auto;
  max-height: 0;
  transform: scaleY(0);
  transform-origin: top;
  overflow: hidden;
  transition: all 0.5s ease;
  display: none;
  visibility: visible;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  width: 100% !important;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
    line-height: 1.1;
  }
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: rgba(var(--title-color), 1);
  margin-bottom: 15px;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid rgba(var(--border-color), 1);
  padding-bottom: 15px;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item::after {
  content: "\f492";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  color: rgba(var(--title-color), 1);
  font-size: 18px;
  transition: 0.4s ease;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item.open {
  color: rgba(var(--theme-color), 1);
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item.open::after {
  content: "\f498";
  color: rgba(var(--theme-color), 1);
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1);
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
  color: rgba(var(--theme-color), 1);
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn .mega-menu .demo-box span {
  font-weight: 500;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn .mega-menu .link-box .link-title {
  font-weight: 500;
}
.marketing-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn .mega-menu .link-box .link-list {
  padding-left: 12px;
}
.marketing-style .main-header .overlay.overlay--active {
  opacity: 1;
  visibility: visible;
}
.marketing-style .marketing-home-section {
  padding-inline-start: calc(12px + 108 * (100vw - 320px) / 1600);
  position: relative;
  height: 100%;
}
.marketing-style .marketing-home-section::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/marketing/home-img.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  z-index: -1;
}
[dir=rtl] .marketing-style .marketing-home-section::after {
  right: unset;
  left: 0;
  transform: scaleX(-1);
}
@media (max-width: 991px) {
  .marketing-style .marketing-home-section::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .marketing-style .marketing-home-section {
    padding-inline-end: calc(12px + 108 * (100vw - 320px) / 1600);
    text-align: center;
  }
}
.marketing-style .marketing-home-section .object-dots {
  transform: rotate(-90deg);
  top: 11%;
  left: 47%;
  width: max-content;
}
.marketing-style .marketing-home-section .object-dots.theme-dots {
  bottom: -32%;
  left: 45%;
}
.marketing-style .marketing-home-section .object-dots.theme-dots-1 {
  bottom: 70px;
  right: 2%;
  top: unset;
  left: unset;
  transform: none;
}
[dir=rtl] .marketing-style .marketing-home-section .object-dots.theme-dots-1 {
  left: 2%;
  right: unset;
}
.marketing-style .marketing-home-section .side-header {
  padding: 0 30px calc(32px + 33 * (100vw - 320px) / 1600) 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  writing-mode: vertical-lr;
  height: 100%;
  transform: scale(-1);
  z-index: 1;
}
@media (max-width: 1199px) {
  .marketing-style .marketing-home-section .side-header {
    display: none;
  }
}
[dir=rtl] .marketing-style .marketing-home-section .side-header {
  left: unset;
  right: 0;
  transform: scale(1);
  padding-top: calc(30px + 20 * (100vw - 320px) / 1600);
  padding-bottom: 0;
}
.marketing-style .marketing-home-section .side-header h6 {
  color: rgba(var(--title-color), 1);
  margin: 0;
}
.marketing-style .marketing-home-section .side-header .side-scroll {
  display: flex;
  align-items: center;
  gap: 12px;
}
.marketing-style .marketing-home-section .side-header .side-scroll .scroll-line {
  width: 1px;
  height: 53px;
  background-color: rgba(var(--title-color), 1);
  position: relative;
  transform: scale(-1);
}
[dir=rtl] .marketing-style .marketing-home-section .side-header .side-scroll .scroll-line {
  transform: scaleX(-1);
}
.marketing-style .marketing-home-section .side-header .side-scroll .scroll-line .scroll-dot {
  width: 8px;
  height: 8px;
  background-color: rgba(var(--title-color), 1);
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  position: absolute;
  border-radius: 100%;
  animation: scroll-dot 3s infinite ease-in-out;
}
.marketing-style .marketing-home-section .side-header .toggle {
  display: block;
  margin-right: 0;
}
.marketing-style .marketing-home-section .home-content {
  padding-block: calc(40px + 60 * (100vw - 320px) / 1600 + 63px + 34 * (100vw - 320px) / 1600) calc(40px + 60 * (100vw - 320px) / 1600);
}
.marketing-style .marketing-home-section .home-content .title-style-9 {
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
}
.marketing-style .marketing-home-section .home-content .title-style-9 h4 {
  margin-top: -4px;
  padding-bottom: calc(5px + 5 * (100vw - 320px) / 1600);
}
.marketing-style .marketing-home-section .home-content .title-style-9 h4::before {
  display: none;
}
.marketing-style .marketing-home-section .home-content .title-style-9 p {
  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);
  font-weight: 500;
  letter-spacing: 0.2px;
  width: 75%;
}
@media (max-width: 1399px) {
  .marketing-style .marketing-home-section .home-content .title-style-9 p {
    width: 100%;
  }
}
.marketing-style .marketing-home-section .home-content .title-style-9 h1 {
  font-weight: 600;
  font-family: var(--poppins);
  line-height: 1.5;
}
.marketing-style .marketing-home-section .home-content .btn-solid {
  color: #fff;
  padding: 10px 35px;
  margin-top: 0;
}
.marketing-style .marketing-home-section .home-content .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.marketing-style .marketing-home-section .home-content .home-flex-btn {
  display: flex;
  gap: calc(10px + 40 * (100vw - 320px) / 1600);
  align-items: center;
}
@media (max-width: 767px) {
  .marketing-style .marketing-home-section .home-content .home-flex-btn {
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .marketing-style .marketing-home-section .home-content .home-flex-btn {
    justify-content: center;
  }
}
.marketing-style .marketing-home-section .home-content .home-btn {
  color: rgba(var(--title-color), 1);
  font-weight: 400;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
}
.marketing-style .marketing-home-section .home-content .home-btn::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 62px;
  height: 62px;
  background: rgba(var(--theme-color), 0.07);
  border-radius: 100%;
  margin: -32px -22px;
}
@media (max-width: 575px) {
  .marketing-style .marketing-home-section .home-content .home-btn::after {
    display: none;
  }
}
.marketing-style .marketing-feature-section .feature-box {
  width: calc(260px + 70 * (100vw - 320px) / 1600);
  height: calc(260px + 80 * (100vw - 320px) / 1600);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  position: relative;
  transition: 0.4s ease;
  margin-inline: auto;
  margin-bottom: -40px;
}
@media (max-width: 575px) {
  .marketing-style .marketing-feature-section .feature-box {
    box-shadow: 1px 1px 16px 8px rgba(var(--theme-color), 0.15);
    margin-bottom: 0;
  }
}
.marketing-style .marketing-feature-section .feature-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(144.82% 87.9% at 61.98% 17.69%, #ff6a85 0%, rgba(var(--theme-color), 1) 100%);
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  z-index: -1;
}
@media (max-width: 575px) {
  .marketing-style .marketing-feature-section .feature-box::before {
    opacity: 1;
    visibility: visible;
  }
}
.marketing-style .marketing-feature-section .feature-box::after {
  content: "";
  position: absolute;
  width: 100%;
  top: calc(10px + 2 * (100vw - 320px) / 1600);
  left: calc(10px + 8 * (100vw - 320px) / 1600);
  height: 100%;
  border: 4px solid rgba(var(--theme-color), 1);
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  z-index: -1;
}
@media (max-width: 575px) {
  .marketing-style .marketing-feature-section .feature-box::after {
    opacity: 1;
    visibility: visible;
    top: 0;
    left: 0;
  }
}
.marketing-style .marketing-feature-section .feature-box:hover {
  box-shadow: 1px 1px 16px 8px rgba(var(--theme-color), 0.15);
}
.marketing-style .marketing-feature-section .feature-box:hover::before {
  opacity: 1;
  visibility: visible;
}
.marketing-style .marketing-feature-section .feature-box:hover::after {
  opacity: 1;
  visibility: visible;
}
.marketing-style .marketing-feature-section .feature-box:hover .feature-icon::after {
  display: none;
}
.marketing-style .marketing-feature-section .feature-box:hover .feature-icon img {
  filter: brightness(0) invert(1);
}
.marketing-style .marketing-feature-section .feature-box:hover .feature-content h4 {
  color: #fff;
}
.marketing-style .marketing-feature-section .feature-box:hover .feature-content p {
  color: #fff;
}
.marketing-style .marketing-feature-section .feature-box .feature-icon {
  position: relative;
  z-index: 0;
}
.marketing-style .marketing-feature-section .feature-box .feature-icon::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: -30px;
  width: calc(40px + 18 * (100vw - 320px) / 1600);
  height: calc(40px + 18 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 0.07);
  border-radius: 100%;
  z-index: -1;
}
@media (max-width: 575px) {
  .marketing-style .marketing-feature-section .feature-box .feature-icon::after {
    display: none;
  }
}
.marketing-style .marketing-feature-section .feature-box .feature-icon img {
  width: calc(50px + 20 * (100vw - 320px) / 1600);
  height: calc(50px + 20 * (100vw - 320px) / 1600);
  object-fit: contain;
  transition: 0.4s ease;
}
@media (max-width: 575px) {
  .marketing-style .marketing-feature-section .feature-box .feature-icon img {
    filter: brightness(0) invert(1);
  }
}
.marketing-style .marketing-feature-section .feature-box .feature-content h4 {
  color: rgba(var(--title-color), 1);
  padding-block: calc(20px + 20 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
@media (max-width: 575px) {
  .marketing-style .marketing-feature-section .feature-box .feature-content h4 {
    color: #fff;
  }
}
.marketing-style .marketing-feature-section .feature-box .feature-content p {
  color: rgba(var(--content-color), 1);
  width: 70%;
  margin: 0 auto;
  transition: 0.4s ease;
}
@media (max-width: 767px) {
  .marketing-style .marketing-feature-section .feature-box .feature-content p {
    width: 85%;
  }
}
@media (max-width: 575px) {
  .marketing-style .marketing-feature-section .feature-box .feature-content p {
    color: #fff;
  }
}
.marketing-style .marketing-history-section {
  position: relative;
}
.marketing-style .marketing-history-section .history-content .history-list {
  border-top: 7px solid;
  border-image: linear-gradient(78deg, rgba(var(--title-color), 0.8) 0%, rgba(var(--theme-color), 0.8) 100%);
  border-image-slice: 1;
  gap: calc(15px + 15 * (100vw - 320px) / 1600);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1399px) {
  .marketing-style .marketing-history-section .history-content .history-list {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .marketing-style .marketing-history-section .history-content .history-list {
    border-top: none;
    flex-wrap: wrap;
  }
}
.marketing-style .marketing-history-section .history-content .history-list li .history-line {
  width: 2px;
  height: 78px;
  border-left: 2px dashed rgba(var(--content-color), 1);
  position: relative;
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .marketing-style .marketing-history-section .history-content .history-list li .history-line {
    display: none;
  }
}
.marketing-style .marketing-history-section .history-content .history-list li .history-line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -4px;
  width: 5px;
  height: 5px;
  background: rgba(var(--content-color), 1);
  border-radius: 100%;
}
.marketing-style .marketing-history-section .history-content .history-list li .history-item {
  width: calc(130px + 55 * (100vw - 320px) / 1600);
  height: calc(130px + 55 * (100vw - 320px) / 1600);
  background: rgba(var(--white), 1);
  box-shadow: 0px 0px 6px 0px rgba(9, 30, 136, 0.08);
  border-radius: 100%;
  position: relative;
  padding-top: 8px;
  padding-left: 8px;
}
[dir=rtl] .marketing-style .marketing-history-section .history-content .history-list li .history-item {
  padding-left: 0;
  padding-right: 8px;
}
@media (max-width: 1100px) and (min-width: 991px) {
  .marketing-style .marketing-history-section .history-content .history-list li .history-item {
    width: 150px;
    height: 150px;
  }
}
.marketing-style .marketing-history-section .history-content .history-list li .history-item::after {
  content: "";
  position: absolute;
  width: 155px;
  height: 9px;
  bottom: 0;
  left: 50%;
  background: rgba(var(--content-color), 0.3);
  filter: blur(10px);
  transform: translateX(-50%);
  border-radius: 100%;
}
.marketing-style .marketing-history-section .history-content .history-list li .history-item .border-box {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  box-shadow: 0px 0px 2px 4px rgb(230, 233, 238);
  border-radius: 100%;
  position: relative;
}
.marketing-style .marketing-history-section .history-content .history-list li .history-item .border-box::after {
  content: "";
  position: absolute;
  inset: 0;
  bottom: -2px;
  left: -2px;
  top: 0;
  border-radius: 100%;
  padding: 3px;
  background: linear-gradient(208deg, rgba(var(--bg-color), 1) 65%, rgba(var(--theme-color), 1) 50%);
  -webkit-mask: linear-gradient(rgba(var(--white), 1) 0 0) content-box, linear-gradient(rgba(var(--white), 1) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.marketing-style .marketing-history-section .history-content .history-list li .history-item .border-box .history-icon {
  position: relative;
  z-index: 1;
  padding-bottom: calc(5px + 10 * (100vw - 320px) / 1600);
}
.marketing-style .marketing-history-section .history-content .history-list li .history-item .border-box .history-icon img {
  width: calc(28px + 8 * (100vw - 320px) / 1600);
  height: calc(28px + 8 * (100vw - 320px) / 1600);
}
.marketing-style .marketing-history-section .history-content .history-list li .history-item .border-box .history-icon::after {
  content: "";
  position: relative;
  width: 39px;
  height: 6px;
  background-color: #e6e8ed;
  display: block;
  border-radius: 100%;
  z-index: -1;
  margin-top: -5px;
}
.marketing-style .marketing-history-section .history-content .history-list li .history-item .border-box .history-icon::after img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.marketing-style .marketing-history-section .history-content .history-list li .history-item .border-box h5 {
  color: rgba(var(--title-color), 1);
}
@media (max-width: 575px) {
  .marketing-style .marketing-history-section .history-content .history-list li .history-item .border-box h5 {
    font-size: 15px;
  }
}
.marketing-style .marketing-history-section .history-object-img {
  position: relative;
}
.marketing-style .marketing-history-section .history-object-img img {
  position: absolute;
}
@media (max-width: 1250px) {
  .marketing-style .marketing-history-section .history-object-img img {
    display: none;
  }
}
.marketing-style .marketing-history-section .history-object-img .chart-img {
  bottom: 30%;
  right: 0;
  animation: move-img 5s infinite linear;
}
@media (max-width: 1399px) {
  .marketing-style .marketing-history-section .history-object-img .chart-img {
    right: -10%;
  }
}
.marketing-style .marketing-history-section .history-object-img .network-img {
  bottom: 20%;
  left: 20px;
  animation: move-img 5s infinite linear;
}
@media (max-width: 1399px) {
  .marketing-style .marketing-history-section .history-object-img .network-img {
    left: 40px;
  }
}
.marketing-style .marketing-history-section .history-object-img .speaker-img {
  top: 50px;
  right: 40px;
  animation: move-img 5s infinite linear;
}
.marketing-style .marketing-history-section .history-object-img .earth-img {
  top: 15%;
  right: 50%;
  animation: move-img 5s infinite linear;
}
.marketing-style .marketing-history-section .history-object-img .object-box {
  color: #fff;
  background: conic-gradient(from 119deg at 0% 0%, #ff6581 0deg, rgba(var(--theme-color), 1) 191deg);
  box-shadow: 0px 4px 30px 0px rgba(0, 137, 242, 0.15);
  padding: calc(8px + 7 * (100vw - 320px) / 1600);
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 35px;
  left: 0;
}
@media (max-width: 1399px) {
  .marketing-style .marketing-history-section .history-object-img .object-box {
    top: 25px;
    left: -10px;
  }
}
@media (max-width: 991px) {
  .marketing-style .marketing-history-section .history-object-img .object-box {
    left: 80px;
  }
}
@media (max-width: 475px) {
  .marketing-style .marketing-history-section .history-object-img .object-box {
    left: 10px;
    top: 5px;
  }
}
.marketing-style .marketing-history-section .history-object-img .object-box h3 {
  font-size: calc(18px + 12 * (100vw - 320px) / 1600);
  font-weight: 700;
}
.marketing-style .marketing-history-section .history-object-img .object-box h6 {
  font-size: calc(12px + 3 * (100vw - 320px) / 1600);
  font-weight: 600;
}
@media (max-width: 991px) {
  .marketing-style .marketing-history-section .history-object-img .history-img {
    text-align: center;
  }
}
.marketing-style .marketing-history-section .history-object-img .history-img img {
  position: static;
}
@media (max-width: 1250px) {
  .marketing-style .marketing-history-section .history-object-img .history-img img {
    display: inline-block;
  }
}
@media (max-width: 991px) {
  .marketing-style .marketing-history-section .history-object-img .history-img img {
    width: 70%;
  }
}
@media (max-width: 475px) {
  .marketing-style .marketing-history-section .history-object-img .history-img img {
    width: 100%;
  }
}
.marketing-style .marketing-step-section {
  position: relative;
}
.marketing-style .marketing-step-section .object-dots {
  top: 90px;
  left: 85px;
  transform: rotate(-90deg);
}
[dir=rtl] .marketing-style .marketing-step-section .object-dots {
  left: unset;
  right: 85px;
}
.marketing-style .marketing-step-section .object-dots.theme-dots {
  bottom: 20%;
  right: 80px;
  top: unset;
  left: unset;
  transform: none;
}
.marketing-style .marketing-step-section .step-box {
  padding: calc(15px + 25 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--content-color), 0.3);
  position: relative;
  height: 100%;
}
@media (max-width: 767px) {
  .marketing-style .marketing-step-section .step-box {
    margin-top: 32px;
    height: unset;
  }
}
.marketing-style .marketing-step-section .step-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(144.82% 87.9% at 61.98% 17.69%, #ff6a85 0%, rgba(var(--theme-color), 1) 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  z-index: -1;
}
.marketing-style .marketing-step-section .step-box:hover::before {
  opacity: 1;
  visibility: visible;
}
.marketing-style .marketing-step-section .step-box:hover .step-number::after {
  opacity: 1;
  visibility: visible;
}
.marketing-style .marketing-step-section .step-box:hover .step-number span {
  background: linear-gradient(68deg, rgba(var(--title-color), 0.7) 0%, rgba(var(--theme-color), 1) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-stroke: 0;
}
.marketing-style .marketing-step-section .step-box:hover .step-content h3 {
  color: #fff;
}
.marketing-style .marketing-step-section .step-box:hover .step-content p {
  color: #fff;
}
.marketing-style .marketing-step-section .step-box:hover .step-content .rise-btn {
  color: #fff;
}
.marketing-style .marketing-step-section .step-box:hover .step-content .rise-btn svg {
  fill: #fff;
  stroke: #fff;
}
.marketing-style .marketing-step-section .step-box .step-number {
  width: calc(45px + 20 * (100vw - 320px) / 1600);
  height: calc(45px + 20 * (100vw - 320px) / 1600);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--white), 1);
  position: absolute;
  top: -33px;
  right: 29px;
  border: 1px solid transparent;
}
.marketing-style .marketing-step-section .step-box .step-number::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 100%;
  padding: 2px;
  background: linear-gradient(50deg, rgba(var(--title-color), 0.7), rgba(var(--theme-color), 1));
  -webkit-mask: linear-gradient(rgba(var(--white), 1) 0 0) content-box, linear-gradient(rgba(var(--white), 1) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.marketing-style .marketing-step-section .step-box .step-number span {
  font-size: calc(20px + 8 * (100vw - 320px) / 1600);
  font-weight: 600;
  font-family: var(--poppins);
  -webkit-text-stroke: 1px rgba(var(--content-color), 1);
  color: rgba(var(--white), 1);
  transition: 0.4s ease;
  display: inline-block;
}
.marketing-style .marketing-step-section .step-box .step-content h3 {
  color: rgba(var(--title-color), 1);
  font-family: var(--poppins);
  transition: 0.4s ease;
}
.marketing-style .marketing-step-section .step-box .step-content h3 i {
  font-size: calc(20px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
}
.marketing-style .marketing-step-section .step-box .step-content p {
  color: rgba(var(--content-color), 1);
  margin-block: 10px calc(10px + 10 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.marketing-style .marketing-step-section .step-box .step-content .rise-btn {
  color: rgba(var(--content-color), 1);
  font-weight: 500;
  padding-top: 0;
  transition: 0.4s ease;
  border-top: none;
}
.marketing-style .marketing-step-section .step-box .step-content .rise-btn svg {
  width: 30px;
  height: 30px;
  fill: rgba(var(--content-color), 1);
  stroke: rgba(var(--content-color), 1);
  transition: 0.4s ease;
}
[dir=rtl] .marketing-style .marketing-step-section .step-box .step-content .rise-btn svg {
  transform: scale(-1);
}
.marketing-style .social-list {
  display: flex;
  align-items: center;
  gap: calc(6px + 6 * (100vw - 320px) / 1600);
}
.marketing-style .social-list li {
  font-family: var(--poppins);
}
.marketing-style .social-list li + li {
  display: flex;
  align-items: center;
  gap: calc(6px + 6 * (100vw - 320px) / 1600);
}
.marketing-style .social-list li + li::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: rgba(var(--theme-color), 1);
  border-radius: 100%;
}
.marketing-style .social-list li a {
  color: #fff;
  transition: 0.4s ease;
}
.marketing-style .social-list li a:hover {
  color: rgba(var(--theme-color), 1);
}
.marketing-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex label,
.marketing-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex span {
  font-size: 15px;
}

/**=====================
  2.9 my_wedding style Start
==========================**/
.my_wedding-style {
  color: rgba(var(--theme-color), 1);
}
.my_wedding-style .section-bg-color {
  background: rgba(var(--bg-color), 1);
}
.my_wedding-style .main-header {
  padding-inline: calc(12px + 88 * (100vw - 320px) / 1600);
  padding-top: calc(20px + 20 * (100vw - 320px) / 1600);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.my_wedding-style .main-header:has(.header-content .sidebar-nav.open) {
  z-index: 2;
}
.my_wedding-style .main-header.sticky {
  z-index: 2;
}
.my_wedding-style .main-header.sticky .header-content {
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .my_wedding-style .main-header.sticky .header-content {
    justify-content: start;
  }
}
.my_wedding-style .main-header .header-content {
  display: flex;
  align-items: center;
  gap: calc(10px + 124 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .my_wedding-style .main-header .header-content {
    gap: unset;
  }
}
.my_wedding-style .main-header .header-content .sidebar-nav .menu-items {
  gap: calc(20px + 20 * (100vw - 320px) / 1600);
}
.my_wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
  content: url(../svg/my_wedding/menu.svg);
  position: relative;
  margin-right: -27px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
[dir=rtl] .my_wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
  margin-right: 0;
  margin-left: -27px;
  transform: scaleX(-1);
}
@media (max-width: 1199px) {
  .my_wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
    display: none;
  }
}
.my_wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover::before {
  opacity: 1;
  visibility: visible;
}
.my_wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1);
}
.my_wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: rgba(var(--title-color), 1);
}
.my_wedding-style .wedding-home-section {
  background: rgba(var(--bg-color), 1);
  height: 100%;
  width: 100%;
  position: relative;
  padding-inline: calc(0px + 100 * (100vw - 320px) / 1600);
  padding-top: calc(63px + 27 * (100vw - 320px) / 1600);
  overflow: hidden;
}
.my_wedding-style .wedding-home-section .home-right-flower {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.2;
}
@media (max-width: 575px) {
  .my_wedding-style .wedding-home-section .home-right-flower {
    width: 30%;
  }
}
.my_wedding-style .wedding-home-section .home-left-flower {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  transform: scale(-1);
}
@media (max-width: 575px) {
  .my_wedding-style .wedding-home-section .home-left-flower {
    width: 30%;
  }
}
.my_wedding-style .wedding-home-section .home-img {
  position: relative;
  z-index: 0;
  margin-top: -50px;
}
@media (max-width: 1399px) {
  .my_wedding-style .wedding-home-section .home-img {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-home-section .home-img {
    display: none;
  }
}
.my_wedding-style .wedding-home-section .home-img::after {
  content: "";
  position: absolute;
  top: calc(15px + 15 * (100vw - 320px) / 1600);
  left: calc(15px + 15 * (100vw - 320px) / 1600);
  width: calc(100% - (30px + 30 * (100vw - 320px) / 1600));
  height: calc(100% - (30px + 30 * (100vw - 320px) / 1600));
  border: 1px solid #f0f0f0;
  border-radius: 100% 100% 0 0;
}
.my_wedding-style .wedding-home-section .home-img::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -26%;
  width: 100%;
  height: 100%;
  border-radius: 100% 100% 0px 0px;
  background: rgba(var(--white), 0.4);
  z-index: -1;
}
.my_wedding-style .wedding-home-section .home-img img {
  border-radius: 100% 100% 0 0;
  width: 100%;
  object-fit: contain;
}
.my_wedding-style .wedding-home-section .home-content {
  position: relative;
  margin-block: calc(30px + 130 * (100vw - 320px) / 1600) calc(30px + 20 * (100vw - 320px) / 1600);
  z-index: 1;
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-home-section .home-content {
    margin-block: calc(30px + 20 * (100vw - 320px) / 1600);
  }
}
.my_wedding-style .wedding-home-section .home-content h2 {
  color: rgba(var(--theme-color), 1);
  font-weight: 300;
  display: inline-flex;
  align-items: end;
  gap: calc(15px + 15 * (100vw - 320px) / 1600);
  padding-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
  font-family: var(--sue);
  position: relative;
}
@media (max-width: 767px) {
  .my_wedding-style .wedding-home-section .home-content h2 img {
    display: none;
  }
}
.my_wedding-style .wedding-home-section .home-content h2::after, .my_wedding-style .wedding-home-section .home-content h2::before {
  content: "";
  position: absolute;
  left: -125px;
  width: calc(100% + 125px + 134px);
  border-bottom-style: solid;
  border-bottom-color: rgba(var(--theme-color), 0.5);
}
.my_wedding-style .wedding-home-section .home-content h2::after {
  border-width: 0.5px;
  height: 0.5px;
  bottom: -4px;
}
.my_wedding-style .wedding-home-section .home-content h2::before {
  border-width: 1px;
  height: 1px;
  bottom: 0;
}
.my_wedding-style .wedding-home-section .home-content .wedding-list-name {
  display: inline-flex;
  align-items: center;
  gap: calc(15px + 31 * (100vw - 320px) / 1600);
  padding-block: calc(25px + 25 * (100vw - 320px) / 1600) calc(10px + 20 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 1);
  text-transform: uppercase;
  position: relative;
  z-index: 0;
}
@media (max-width: 1675px) and (min-width: 991px) {
  .my_wedding-style .wedding-home-section .home-content .wedding-list-name {
    gap: 14px;
  }
}
@media (max-width: 575px) {
  .my_wedding-style .wedding-home-section .home-content .wedding-list-name {
    gap: 8px;
    flex-wrap: wrap;
  }
}
.my_wedding-style .wedding-home-section .home-content .wedding-list-name li {
  width: 100%;
}
@media (max-width: 575px) {
  .my_wedding-style .wedding-home-section .home-content .wedding-list-name li {
    width: auto;
  }
}
@media (max-width: 575px) {
  .my_wedding-style .wedding-home-section .home-content .wedding-list-name li:has(.title-home-line) {
    display: none;
  }
}
.my_wedding-style .wedding-home-section .home-content .wedding-list-name li h1 {
  letter-spacing: 0.1px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .my_wedding-style .wedding-home-section .home-content .wedding-list-name li h1 {
    letter-spacing: 1.5px;
  }
}
.my_wedding-style .wedding-home-section .home-content .wedding-list-name li .title-home-line {
  position: relative;
  z-index: 0;
}
.my_wedding-style .wedding-home-section .home-content .wedding-list-name li .title-home-line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(30px + 14 * (100vw - 320px) / 1600);
  height: 1px;
  background: rgba(var(--theme-color), 1);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.my_wedding-style .wedding-home-section .home-content .wedding-list-name li .title-home-line span {
  width: calc(15px + 4 * (100vw - 320px) / 1600);
  height: calc(15px + 4 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
.my_wedding-style .wedding-home-section .home-content .wedding-list-name li .title-home-line span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: rgba(var(--bg-color), 1);
  padding-inline: 4px;
  transform: scale(1.5);
}
.my_wedding-style .wedding-home-section .home-content .home-info {
  display: flex;
  gap: calc(15px + 15 * (100vw - 767px) / 1153);
}
.my_wedding-style .wedding-home-section .home-content .home-info .side-date {
  border-inline: 1px solid rgba(var(--theme-color), 1);
  display: flex;
  padding-inline: 5px;
}
@media (max-width: 767px) {
  .my_wedding-style .wedding-home-section .home-content .home-info .side-date {
    display: none;
  }
}
.my_wedding-style .wedding-home-section .home-content .home-info .side-date span {
  font-size: calc(14px + 4 * (100vw - 991px) / 929);
  font-weight: 700;
  letter-spacing: 0.36px;
  padding: 22px calc(5px + 10 * (100vw - 991px) / 929);
  background: rgba(var(--theme-color), 0.05);
  writing-mode: vertical-lr;
  transform: scale(-1);
}
.my_wedding-style .wedding-home-section .home-content .home-info p {
  padding-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  letter-spacing: 0.2px;
}
.my_wedding-style .wedding-home-section .home-content .home-info .book-button {
  font-family: var(--fahkwang);
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 600;
  padding: calc(8px + 6 * (100vw - 320px) / 1600) calc(30px + 10 * (100vw - 320px) / 1600);
  letter-spacing: 0.4px;
  text-transform: capitalize;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .my_wedding-style .wedding-home-section .home-content .home-info .book-button {
    margin-bottom: 15px;
  }
}
.my_wedding-style .wedding-about-section .left-about-img,
.my_wedding-style .wedding-about-section .right-about-img {
  position: relative;
  cursor: pointer;
}
.my_wedding-style .wedding-about-section .left-about-img img,
.my_wedding-style .wedding-about-section .right-about-img img {
  width: 100%;
  object-fit: contain;
}
.my_wedding-style .wedding-about-section .left-about-img::after,
.my_wedding-style .wedding-about-section .right-about-img::after {
  content: "";
  border: 1px solid rgba(199, 197, 197, 0.568627451);
  width: 100%;
  height: 100%;
  top: 10px;
  position: absolute;
}
.my_wedding-style .wedding-about-section .left-about-img {
  margin-left: 10px;
}
@media (max-width: 575px) {
  .my_wedding-style .wedding-about-section .left-about-img {
    width: 80%;
    margin-inline: auto;
  }
}
.my_wedding-style .wedding-about-section .left-about-img::after {
  right: 10px;
  border-radius: 0 0 0 150px;
}
.my_wedding-style .wedding-about-section .left-about-img img {
  border-radius: 0 0 0 150px;
}
.my_wedding-style .wedding-about-section .right-about-img {
  margin-right: 10px;
  margin-left: auto;
}
@media (max-width: 575px) {
  .my_wedding-style .wedding-about-section .right-about-img {
    width: 80%;
    margin-inline: auto;
  }
}
.my_wedding-style .wedding-about-section .right-about-img::after {
  left: 10px;
  border-radius: 0 0 150px 0;
}
.my_wedding-style .wedding-about-section .right-about-img img {
  border-radius: 0 0 150px 0;
}
.my_wedding-style .wedding-about-section .about-content {
  text-align: center;
}
.my_wedding-style .wedding-about-section .about-content h5 {
  font-weight: 600;
  margin-top: calc(12px + 13 * (100vw - 320px) / 1600);
}
.my_wedding-style .wedding-about-section .about-content h5::after {
  content: "";
  position: relative;
  display: block;
  width: 1px;
  height: calc(30px + 34 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 1);
  margin-inline: auto;
  margin-block: 10px 15px;
}
.my_wedding-style .wedding-about-section .about-content p {
  width: 87%;
  margin: 0 auto;
  line-height: 2;
}
@media (max-width: 1399px) {
  .my_wedding-style .wedding-about-section .about-content p {
    width: 100%;
    line-height: 1.5;
  }
}
.my_wedding-style .wedding-about-section .about-timer ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(30px + 50 * (100vw - 320px) / 1600);
  margin-top: 80px;
}
@media (max-width: 1399px) {
  .my_wedding-style .wedding-about-section .about-timer ul {
    margin-top: 40px;
  }
}
@media (max-width: 1199px) {
  .my_wedding-style .wedding-about-section .about-timer ul {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .my_wedding-style .wedding-about-section .about-timer ul {
    margin-top: 10px;
  }
}
.my_wedding-style .wedding-about-section .about-timer ul li {
  font-family: var(--sue);
}
.my_wedding-style .wedding-about-section .about-timer ul li h2 {
  color: rgba(var(--theme-color), 0.8);
  text-align: center;
  margin-top: calc(5px + 5 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.my_wedding-style .wedding-about-section .about-timer ul li .timer-box {
  width: calc(50px + 170 * (100vw - 320px) / 1600);
  height: calc(50px + 170 * (100vw - 320px) / 1600);
  background-color: rgb(225, 219, 223);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--theme-color), 1);
  position: relative;
  z-index: 0;
}
.my_wedding-style .wedding-about-section .about-timer ul li .timer-box .top-about-flower {
  position: absolute;
  top: calc(-10px + -10 * (100vw - 320px) / 1600);
  right: calc(-10px + -10 * (100vw - 320px) / 1600);
  z-index: -1;
}
@media (max-width: 1399px) {
  .my_wedding-style .wedding-about-section .about-timer ul li .timer-box .top-about-flower {
    width: 70%;
  }
}
@media (max-width: 1199px) {
  .my_wedding-style .wedding-about-section .about-timer ul li .timer-box .top-about-flower {
    width: 70%;
  }
}
.my_wedding-style .wedding-about-section .about-timer ul li .timer-box .bottom-about-flower {
  position: absolute;
  bottom: calc(-10px + -10 * (100vw - 320px) / 1600);
  left: calc(-10px + -10 * (100vw - 320px) / 1600);
  transform: rotate(180deg);
  z-index: -1;
}
body.dark .my_wedding-style .wedding-about-section .about-timer ul li .timer-box .bottom-about-flower {
  filter: brightness(0) invert(1);
}
@media (max-width: 1399px) {
  .my_wedding-style .wedding-about-section .about-timer ul li .timer-box .bottom-about-flower {
    width: 70%;
  }
}
@media (max-width: 1199px) {
  .my_wedding-style .wedding-about-section .about-timer ul li .timer-box .bottom-about-flower {
    width: 70%;
  }
}
.my_wedding-style .wedding-about-section .about-timer ul li .timer-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.5px solid rgba(var(--theme-color), 1);
  z-index: -1;
  transform: rotate(5deg);
}
.my_wedding-style .wedding-about-section .about-timer ul li .timer-box .timer-text {
  font-size: calc(30px + 60 * (100vw - 320px) / 1600);
}
.my_wedding-style .wedding-story-section .title-style-13 {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600 + 46px);
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-story-section .title-style-13 {
    margin-bottom: 20px;
  }
}
.my_wedding-style .wedding-story-section .story-line {
  position: relative;
  z-index: 0;
  margin-bottom: 46px;
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-story-section .story-line {
    margin-bottom: 0;
  }
}
.my_wedding-style .wedding-story-section .story-line .story-space {
  padding-top: 15px;
}
.my_wedding-style .wedding-story-section .story-line .story-space:hover .story-img .story-icon::after {
  animation: round 10s infinite linear;
}
.my_wedding-style .wedding-story-section .story-line .row:nth-child(even) > div:first-child {
  order: 1;
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-story-section .story-line .row:nth-child(even) > div:first-child {
    order: 0;
  }
}
.my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-img {
  margin: 100px 0 100px calc(46px + 54 * (100vw - 991px) / 929);
}
[dir=rtl] .my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-img {
  margin-left: 0;
  margin-right: calc(46px + 54 * (100vw - 991px) / 929);
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-img {
    margin: 0;
  }
  [dir=rtl] .my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-img {
    margin-right: 0;
  }
}
.my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-img .story-flower {
  right: -32px;
  left: unset;
  transform: scaleX(-1);
}
@media (max-width: 1250px) {
  .my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-img .story-flower {
    right: -22px;
  }
}
[dir=rtl] .my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-img .story-flower {
  right: unset;
  left: -32px;
  transform: scaleX(1);
}
@media (max-width: 1250px) {
  [dir=rtl] .my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-img .story-flower {
    left: -22px;
  }
}
.my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-icon {
  left: calc(-96px + -42 * (100vw - 991px) / 929);
  right: unset;
}
[dir=rtl] .my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-icon {
  left: unset;
  right: calc(-96px + -42 * (100vw - 991px) / 929);
}
.my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-icon::before {
  right: -100%;
  left: unset;
}
[dir=rtl] .my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-icon::before {
  left: -100%;
  right: unset;
}
.my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-content {
  margin-inline: 0 calc(46px + 54 * (100vw - 991px) / 929);
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-story-section .story-line .row:nth-child(even) .story-content {
    margin-right: 0;
  }
}
.my_wedding-style .wedding-story-section .story-line::after {
  content: "";
  border-left: 1px solid rgba(var(--theme-color), 1);
  position: absolute;
  top: -46px;
  left: 50%;
  width: 1px;
  height: calc(100% + 92px);
  background: rgba(var(--theme-color), 1);
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-story-section .story-line::after {
    display: none;
  }
}
.my_wedding-style .wedding-story-section .story-line .story-img {
  border: 1px dashed rgba(var(--theme-color), 1);
  padding: calc(10px + 5 * (100vw - 320px) / 1600);
  position: relative;
  background: rgba(var(--bg-color), 1);
  z-index: 0;
  margin-right: calc(46px + 54 * (100vw - 991px) / 929);
}
[dir=rtl] .my_wedding-style .wedding-story-section .story-line .story-img {
  margin-left: calc(46px + 54 * (100vw - 991px) / 929);
  margin-right: 0;
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-story-section .story-line .story-img {
    margin-right: 0;
  }
  [dir=rtl] .my_wedding-style .wedding-story-section .story-line .story-img {
    margin-left: 0;
  }
}
.my_wedding-style .wedding-story-section .story-line .story-img .story-flower {
  position: absolute;
  bottom: -45px;
  left: -32px;
}
@media (max-width: 1250px) {
  .my_wedding-style .wedding-story-section .story-line .story-img .story-flower {
    left: -22px;
  }
}
[dir=rtl] .my_wedding-style .wedding-story-section .story-line .story-img .story-flower {
  left: unset;
  right: -32px;
  transform: scaleX(-1);
}
@media (max-width: 1250px) {
  [dir=rtl] .my_wedding-style .wedding-story-section .story-line .story-img .story-flower {
    right: -22px;
  }
}
@media (max-width: 1199px) {
  .my_wedding-style .wedding-story-section .story-line .story-img .story-flower {
    width: 40%;
    bottom: -25px;
  }
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-story-section .story-line .story-img .story-flower {
    display: none;
  }
}
.my_wedding-style .wedding-story-section .story-line .story-img .main-story-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.my_wedding-style .wedding-story-section .story-line .story-icon {
  width: 70px;
  height: 70px;
  background: #ddd9de;
  border: 0.5px solid rgba(var(--theme-color), 1);
  position: absolute;
  top: 50%;
  right: calc(-96px + -42 * (100vw - 991px) / 929);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
[dir=rtl] .my_wedding-style .wedding-story-section .story-line .story-icon {
  left: calc(-96px + -42 * (100vw - 991px) / 929);
  right: unset;
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-story-section .story-line .story-icon {
    display: none;
  }
}
.my_wedding-style .wedding-story-section .story-line .story-icon img {
  transition: 0.4s ease;
}
.my_wedding-style .wedding-story-section .story-line .story-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -100%;
  width: 100%;
  height: 1px;
  border-top: 1px dashed rgba(var(--theme-color), 1);
  transform: translateY(-50%);
  z-index: -1;
  border-spacing: 2px;
}
[dir=rtl] .my_wedding-style .wedding-story-section .story-line .story-icon::before {
  left: unset;
  right: -100%;
}
@media (max-width: 1199px) {
  .my_wedding-style .wedding-story-section .story-line .story-icon::before {
    display: none;
  }
}
.my_wedding-style .wedding-story-section .story-line .story-icon::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border: 1px dashed rgba(var(--theme-color), 1);
  border-radius: 100%;
  z-index: -1;
  transition: 0.4s ease;
}
[dir=rtl] .my_wedding-style .wedding-story-section .story-line .story-icon::after {
  left: unset;
  right: -5px;
}
.my_wedding-style .wedding-story-section .story-line .story-content {
  margin-left: calc(46px + 54 * (100vw - 991px) / 929);
}
[dir=rtl] .my_wedding-style .wedding-story-section .story-line .story-content {
  margin-left: 0;
  margin-right: calc(46px + 54 * (100vw - 991px) / 929);
}
@media (max-width: 991px) {
  .my_wedding-style .wedding-story-section .story-line .story-content {
    margin-left: 0;
  }
  [dir=rtl] .my_wedding-style .wedding-story-section .story-line .story-content {
    margin-right: 0;
  }
}
.my_wedding-style .wedding-story-section .story-line .story-content h5 {
  font-weight: 500;
}
.my_wedding-style .wedding-story-section .story-line .story-content h4 {
  text-transform: uppercase;
  margin-block: calc(5px + 5 * (100vw - 320px) / 1600) calc(10px + 20 * (100vw - 320px) / 1600);
}
.my_wedding-style .wedding-portfolio-section .portfolio-box {
  height: 100%;
  position: relative;
}
.my_wedding-style .wedding-portfolio-section .portfolio-box:hover .portfolio-content {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.my_wedding-style .wedding-portfolio-section .portfolio-box .portfolio-img {
  height: 100%;
}
.my_wedding-style .wedding-portfolio-section .portfolio-box .portfolio-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.my_wedding-style .wedding-portfolio-section .portfolio-box .portfolio-content {
  position: absolute;
  top: calc(10px + 20 * (100vw - 320px) / 1600);
  left: calc(10px + 20 * (100vw - 320px) / 1600);
  background: rgba(var(--white), 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - (20px + 40 * (100vw - 320px) / 1600));
  height: calc(100% - (20px + 40 * (100vw - 320px) / 1600));
  flex-direction: column;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  transform: scale(0);
}
.my_wedding-style .wedding-portfolio-section .portfolio-box .portfolio-content h3 {
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
  font-size: calc(20px + 12 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .my_wedding-style .wedding-portfolio-section .portfolio-box .portfolio-content h3 {
    text-transform: capitalize;
  }
}
.my_wedding-style .wedding-portfolio-section .portfolio-box h5 {
  font-weight: 500;
  border-top: 1px solid rgba(var(--theme-color), 1);
  position: relative;
  padding-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
.my_wedding-style .wedding-portfolio-section .portfolio-box h5::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  border-top: 1px solid rgba(var(--theme-color), 1);
  width: 100%;
  height: 1px;
}
.my_wedding-style .wedding-location-section .location-box {
  position: relative;
}
.my_wedding-style .wedding-location-section .location-box .location-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.my_wedding-style .wedding-location-section .location-box .location-img img {
  width: 100%;
  height: 100%;
}
.my_wedding-style .wedding-location-section .location-box .location-info {
  text-align: center;
  padding: 36px 100px 240px;
}
@media (max-width: 1399px) {
  .my_wedding-style .wedding-location-section .location-box .location-info {
    padding: 36px 40px 36px;
  }
}
.my_wedding-style .wedding-location-section .location-box .location-info li {
  display: block;
  color: #4c3f53;
}
.my_wedding-style .wedding-location-section .location-box .location-info li:first-child {
  margin-bottom: calc(10px + 8 * (100vw - 320px) / 1600);
}
.my_wedding-style .wedding-location-section .location-box .location-info li:nth-child(3) {
  margin-block: calc(15px + 10 * (100vw - 320px) / 1600);
}
.my_wedding-style .wedding-location-section .location-box .location-info li h4 {
  font-weight: 700;
  text-transform: uppercase;
}
.my_wedding-style .wedding-location-section .location-box .location-info li h6 {
  font-weight: 600;
  padding-bottom: 8px;
}
.my_wedding-style .wedding-location-section .location-box .location-info li span {
  font-weight: 400;
  font-size: 16px;
}
.my_wedding-style .wedding-location-section .location-box .location-info li span a {
  color: #4c3f53;
}
.my_wedding-style .wedding-family-section {
  background: rgba(var(--bg-color), 1);
}
.my_wedding-style .wedding-family-section .container .row > div:nth-child(n+5) .family-box {
  margin-top: 35px;
}
.my_wedding-style .wedding-family-section .family-box {
  margin: 28px auto 0 auto;
  text-align: center;
}
.my_wedding-style .wedding-family-section .family-box .family-img {
  border: 1px solid rgba(var(--theme-color), 1);
  border-radius: 100%;
  padding: 8px;
  position: relative;
}
@media (max-width: 575px) {
  .my_wedding-style .wedding-family-section .family-box .family-img {
    width: 60%;
    margin-inline: auto;
  }
}
@media (max-width: 370px) {
  .my_wedding-style .wedding-family-section .family-box .family-img {
    width: 100%;
  }
}
.my_wedding-style .wedding-family-section .family-box .family-img::after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  width: 1px;
  height: 45px;
  background: rgba(var(--theme-color), 1);
  transform: translateX(-50%);
}
.my_wedding-style .wedding-family-section .family-box .family-img::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 50%;
  width: 6px;
  height: 6px;
  background: rgba(var(--theme-color), 1);
  border-radius: 100%;
  transform: translateX(-50%);
}
.my_wedding-style .wedding-family-section .family-box .family-img .family-flower {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.my_wedding-style .wedding-family-section .family-box .family-img .member-img {
  background: radial-gradient(60.56% 61.02% at 50.08% 40.81%, #dadada 0%, #b8aabf 100%);
  border-radius: 100%;
  border: 3px dotted rgba(var(--theme-color), 1);
  width: 100%;
  object-fit: contain;
}
.my_wedding-style .wedding-family-section .family-box .family-content {
  padding-top: calc(50px + 10 * (100vw - 320px) / 1600);
  text-align: center;
}
.my_wedding-style .wedding-family-section .family-box .family-content h5 {
  text-transform: uppercase;
  padding-bottom: calc(0px + 8 * (100vw - 320px) / 1600);
  font-weight: 500;
  color: rgba(var(--title-color), 1);
}
.my_wedding-style .wedding-family-section .family-box .family-content h6 {
  color: rgba(var(--title-color), 1);
}
.my_wedding-style .back-to-top {
  background-color: #4d3f52;
}
.my_wedding-style .theme-setting-box .theme-setting-btn {
  background-color: rgb(76, 63, 83);
}
.my_wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio:has(input:checked) {
  background-color: rgb(76, 63, 83);
}
.my_wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex label,
.my_wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex span {
  font-size: 15px;
}
.my_wedding-style .theme-setting-box .theme-setting .theme-setting-body .btn-flex button:hover {
  border-color: rgb(76, 63, 83);
}
.my_wedding-style .theme-setting-box .theme-setting .theme-setting-body .btn-flex button::before {
  background-color: rgb(76, 63, 83);
}

/**=====================
 2.10 portfolio style Start
==========================**/
.portfolio-style .main-header {
  padding-top: calc(20px + 25 * (100vw - 320px) / 1600);
  width: 100%;
  padding-inline: calc(12px + 168 * (100vw - 320px) / 1600);
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.portfolio-style .main-header.sticky {
  z-index: 2;
}
@media (min-width: 1200px) {
  .portfolio-style .main-header.sticky .header-content {
    justify-content: space-between;
  }
}
.portfolio-style .main-header.sticky .header-content .brand-logo img {
  filter: brightness(0) saturate(100%) invert(85%) sepia(45%) saturate(6477%) hue-rotate(172deg) brightness(104%) contrast(118%);
}
[dir=rtl] .portfolio-style .main-header {
  left: unset;
  right: 0;
}
.portfolio-style .main-header .header-content {
  display: flex;
  align-items: center;
}
.portfolio-style .main-header .header-content .sidebar-nav {
  padding-left: 107px;
}
@media (max-width: 1199px) {
  .portfolio-style .main-header .header-content .sidebar-nav {
    padding-left: 0;
  }
}
[dir=rtl] .portfolio-style .main-header .header-content .sidebar-nav {
  padding-right: 107px;
  padding-left: 0;
}
@media (max-width: 1199px) {
  [dir=rtl] .portfolio-style .main-header .header-content .sidebar-nav {
    padding-right: 0;
  }
}
.portfolio-style .main-header .header-content .sidebar-nav .menu-header .close-btn {
  background-color: rgba(var(--content-color), 0.2);
}
.portfolio-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1) !important;
}
.portfolio-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
  color: rgba(var(--theme-color), 1) !important;
}
@media (min-width: 1200px) {
  .portfolio-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .portfolio-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item::after {
    content: "";
    position: relative;
    width: 4px;
    height: 4px;
    background-color: rgba(var(--theme-color), 1);
    display: block;
    border-radius: 100%;
    margin-inline: auto;
    margin-top: 2px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease;
  }
}
@media (max-width: 1199px) {
  .portfolio-style .main-header .header-content .toggle {
    order: -1;
  }
}
@media (max-width: 991px) {
  .portfolio-style .main-header .header-content .toggle {
    order: 1;
  }
}
@media (max-width: 991px) {
  .portfolio-style .main-header .header-content .toggle {
    margin-left: auto;
    margin-right: 0;
  }
  [dir=rtl] .portfolio-style .main-header .header-content .toggle {
    margin-left: 0;
    margin-right: auto;
  }
}
.portfolio-style .portfolio-home-section {
  position: relative;
  width: 100%;
  padding-left: calc(12px + 168 * (100vw - 320px) / 1600);
  z-index: 0;
}
[dir=rtl] .portfolio-style .portfolio-home-section {
  padding-left: 0;
  padding-right: calc(12px + 168 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-home-section {
    padding-inline: calc(12px + 168 * (100vw - 320px) / 1600);
  }
  [dir=rtl] .portfolio-style .portfolio-home-section {
    padding-inline: calc(12px + 168 * (100vw - 320px) / 1600);
  }
}
.portfolio-style .portfolio-home-section::after {
  top: 0;
}
.portfolio-style .portfolio-home-section::before {
  bottom: 0;
}
.portfolio-style .portfolio-home-section::before, .portfolio-style .portfolio-home-section::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 30%;
  background-color: rgba(255, 255, 255, 0.15);
  left: 72px;
}
[dir=rtl] .portfolio-style .portfolio-home-section::before, [dir=rtl] .portfolio-style .portfolio-home-section::after {
  left: unset;
  right: 72px;
}
@media (max-width: 1399px) {
  .portfolio-style .portfolio-home-section::before, .portfolio-style .portfolio-home-section::after {
    left: 47px;
  }
  [dir=rtl] .portfolio-style .portfolio-home-section::before, [dir=rtl] .portfolio-style .portfolio-home-section::after {
    left: unset;
    right: 47px;
  }
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-home-section::before, .portfolio-style .portfolio-home-section::after {
    display: none;
  }
  [dir=rtl] .portfolio-style .portfolio-home-section::before, [dir=rtl] .portfolio-style .portfolio-home-section::after {
    display: none;
  }
}
.portfolio-style .portfolio-home-section .bottom-circle {
  bottom: 30%;
}
.portfolio-style .portfolio-home-section .top-circle {
  top: 30%;
}
.portfolio-style .portfolio-home-section .top-circle,
.portfolio-style .portfolio-home-section .bottom-circle {
  border: 1px dashed rgba(255, 255, 255, 0.15);
  width: 12px;
  height: 12px;
  position: absolute;
  border-radius: 100%;
  left: 67px;
  animation: round 3s infinite linear;
}
[dir=rtl] .portfolio-style .portfolio-home-section .top-circle,
[dir=rtl] .portfolio-style .portfolio-home-section .bottom-circle {
  left: unset;
  right: 67px;
}
@media (max-width: 1399px) {
  .portfolio-style .portfolio-home-section .top-circle,
  .portfolio-style .portfolio-home-section .bottom-circle {
    left: 42px;
  }
  [dir=rtl] .portfolio-style .portfolio-home-section .top-circle,
  [dir=rtl] .portfolio-style .portfolio-home-section .bottom-circle {
    right: 42px;
  }
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-home-section .top-circle,
  .portfolio-style .portfolio-home-section .bottom-circle {
    display: none;
  }
  [dir=rtl] .portfolio-style .portfolio-home-section .top-circle,
  [dir=rtl] .portfolio-style .portfolio-home-section .bottom-circle {
    display: none;
  }
}
.portfolio-style .portfolio-home-section .top-circle::after,
.portfolio-style .portfolio-home-section .bottom-circle::after {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}
.portfolio-style .portfolio-home-section .home-content {
  display: flex;
  align-items: center;
  padding-block: calc(35px + 105 * (100vw - 320px) / 1600 + 63px + 34 * (100vw - 320px) / 1600) calc(35px + 265 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-home-section .home-content {
    padding-block: calc(80px + 63px + 34 * (100vw - 320px) / 1600) 80px;
  }
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-home-section .home-content {
    padding-block: calc(35px + 35 * (100vw - 320px) / 1600 + 63px + 14 * (100vw - 320px) / 1600) calc(35px + 35 * (100vw - 320px) / 1600);
    text-align: center;
  }
}
@media (max-width: 1460px) and (min-width: 1200px) {
  .portfolio-style .portfolio-home-section .home-content .text-img {
    width: 50%;
  }
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-home-section .home-content .text-img {
    display: none;
  }
}
.portfolio-style .portfolio-home-section .home-content h5 {
  color: rgba(255, 255, 255, 0.75);
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
.portfolio-style .portfolio-home-section .home-content h5::before {
  content: "";
  border-top: 1px solid rgba(var(--theme-color), 1);
  position: relative;
  width: 40px;
  height: 1px;
  display: block;
  margin-bottom: calc(7px + 3 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-home-section .home-content h5::before {
    margin-inline: auto;
  }
}
.portfolio-style .portfolio-home-section .home-content h1 {
  color: rgba(255, 255, 255, 0.85);
  padding-block: calc(6px + 4 * (100vw - 320px) / 1600) calc(15px + 25 * (100vw - 320px) / 1600);
  display: -webkit-box;
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-home-section .home-content h1 {
    padding-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
    line-height: 1.3;
  }
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-home-section .home-content h1 {
    display: -webkit-inline-box;
  }
}
.portfolio-style .portfolio-home-section .home-content h1 .animated-text {
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  animation: animate-text 5s linear infinite;
  padding-left: calc(10px + 10 * (100vw - 320px) / 1600);
  max-width: max-content;
}
[dir=rtl] .portfolio-style .portfolio-home-section .home-content h1 .animated-text {
  padding-left: 0;
  padding-right: calc(10px + 10 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .portfolio-style .portfolio-home-section .home-content h1 .animated-text {
    font-size: 28px;
    margin-top: 6px;
  }
}
.portfolio-style .portfolio-home-section .home-content h1 .animated-text span {
  color: rgba(var(--theme-color), 1);
}
.portfolio-style .portfolio-home-section .home-content p {
  color: rgba(255, 255, 255, 0.7);
  width: 75%;
  padding-block: calc(15px + 25 * (100vw - 320px) / 1600) calc(10px + 20 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-home-section .home-content p {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-home-section .home-content p {
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .portfolio-style .portfolio-home-section .home-content p {
    width: 100%;
  }
}
.portfolio-style .portfolio-home-section .home-img {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  mix-blend-mode: lighten;
  width: 39%;
  z-index: -1;
}
[dir=rtl] .portfolio-style .portfolio-home-section .home-img {
  right: unset;
  left: 0;
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-home-section .home-img {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-home-section .home-img {
    display: none;
  }
  [dir=rtl] .portfolio-style .portfolio-home-section .home-img {
    display: none;
  }
}
.portfolio-style .portfolio-home-section .home-img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.portfolio-style .portfolio-home-section .home-box {
  font-family: var(--poppins);
  position: relative;
  writing-mode: vertical-lr;
  transform: scale(-1);
  z-index: 1;
  display: inline-flex;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-home-section .home-box {
    display: none;
  }
}
.portfolio-style .portfolio-home-section .home-box .animate-text h2 {
  font-size: calc(100px + 80 * (100vw - 1199px) / 721);
  font-weight: 600;
  letter-spacing: 10.8px;
  position: absolute;
  transform: translate(-50%, -50%) rotate(90deg);
  writing-mode: rl-tb;
  bottom: 240%;
  left: 140%;
  z-index: -1;
}
[dir=rtl] .portfolio-style .portfolio-home-section .home-box .animate-text h2 {
  right: 140%;
  left: unset;
  transform: translate(50%, -50%) rotate(-90deg);
}
@media (max-width: 1699px) {
  [dir=rtl] .portfolio-style .portfolio-home-section .home-box .animate-text h2 {
    right: 160%;
  }
}
@media (max-width: 1670px) {
  [dir=rtl] .portfolio-style .portfolio-home-section .home-box .animate-text h2 {
    right: 140%;
  }
}
@media (max-width: 1399px) {
  [dir=rtl] .portfolio-style .portfolio-home-section .home-box .animate-text h2 {
    right: 20px;
  }
}
@media (max-width: 1699px) {
  .portfolio-style .portfolio-home-section .home-box .animate-text h2 {
    left: 160%;
  }
}
@media (max-width: 1670px) {
  .portfolio-style .portfolio-home-section .home-box .animate-text h2 {
    left: 140%;
    bottom: 260%;
  }
}
@media (max-width: 1399px) {
  .portfolio-style .portfolio-home-section .home-box .animate-text h2 {
    bottom: 282px;
    left: 20px;
  }
}
.portfolio-style .portfolio-home-section .home-box .animate-text h2:nth-child(1) {
  color: transparent;
  -webkit-text-stroke: 0.8px rgba(255, 255, 255, 0.4);
}
.portfolio-style .portfolio-home-section .home-box .animate-text h2:nth-child(2) {
  color: #a1ccdc;
  animation: animate 4s ease-in-out infinite;
}
.portfolio-style .portfolio-home-section .home-box .animate-text h4 {
  color: rgba(255, 255, 255, 0.66);
  font-weight: 500;
  letter-spacing: 0.72px;
}
@media (max-width: 1399px) {
  .portfolio-style .portfolio-home-section .home-box .animate-text h4 {
    display: none;
  }
}
.portfolio-style .portfolio-home-section .side-home-icon {
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: calc(15px + 20 * (100vw - 320px) / 1600);
}
[dir=rtl] .portfolio-style .portfolio-home-section .side-home-icon {
  left: unset;
  right: 50px;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .portfolio-style .portfolio-home-section .side-home-icon {
    gap: 10px;
  }
}
@media (max-width: 1399px) {
  .portfolio-style .portfolio-home-section .side-home-icon {
    left: 30px;
  }
  [dir=rtl] .portfolio-style .portfolio-home-section .side-home-icon {
    left: unset;
    right: 30px;
  }
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-home-section .side-home-icon {
    left: unset;
    right: 50px;
  }
  [dir=rtl] .portfolio-style .portfolio-home-section .side-home-icon {
    right: unset;
    left: 50px;
  }
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-home-section .side-home-icon {
    display: none;
  }
  [dir=rtl] .portfolio-style .portfolio-home-section .side-home-icon {
    display: none;
  }
}
.portfolio-style .portfolio-home-section .side-home-icon li a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(36px + 9 * (100vw - 1199px) / 721);
  height: calc(36px + 9 * (100vw - 1199px) / 721);
  border-radius: 100%;
  position: relative;
  border: 1px solid transparent;
  transition: 0.4s ease;
}
.portfolio-style .portfolio-home-section .side-home-icon li a:hover {
  border-color: rgba(var(--theme-color), 1);
}
.portfolio-style .portfolio-home-section .side-home-icon li a:hover::after, .portfolio-style .portfolio-home-section .side-home-icon li a:hover:before {
  opacity: 1;
  visibility: visible;
}
.portfolio-style .portfolio-home-section .side-home-icon li a::after {
  z-index: -1;
}
.portfolio-style .portfolio-home-section .side-home-icon li a::after, .portfolio-style .portfolio-home-section .side-home-icon li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: linear-gradient(136deg, rgba(var(--theme-color), 0.8) 0%, rgba(var(--theme-color), 0) 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  transform: translateY(-50%);
}
.portfolio-style .portfolio-home-section .side-home-icon li a::before {
  background: rgba(var(--theme-color), 0.2);
  filter: blur(14px);
}
.portfolio-style .portfolio-home-section .side-home-icon li a i {
  font-size: calc(20px + 6 * (100vw - 1199px) / 721);
}
.portfolio-style .portfolio-about-section .about-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-left: calc(0px + 23 * (100vw - 320px) / 1600);
  align-items: center;
  column-gap: calc(20px + 30 * (100vw - 320px) / 1600);
  position: relative;
}
[dir=rtl] .portfolio-style .portfolio-about-section .about-list {
  padding-right: calc(0px + 23 * (100vw - 320px) / 1600);
  padding-left: 0;
}
.portfolio-style .portfolio-about-section .about-list::after, .portfolio-style .portfolio-about-section .about-list::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 48%;
  width: 8px;
  height: 8px;
  background: rgba(var(--title-color), 0.15);
  border-radius: 100%;
}
[dir=rtl] .portfolio-style .portfolio-about-section .about-list::after, [dir=rtl] .portfolio-style .portfolio-about-section .about-list::before {
  left: unset;
  right: 48%;
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-about-section .about-list::after, .portfolio-style .portfolio-about-section .about-list::before {
    left: 48.6%;
  }
  [dir=rtl] .portfolio-style .portfolio-about-section .about-list::after, [dir=rtl] .portfolio-style .portfolio-about-section .about-list::before {
    right: 48.6%;
  }
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-about-section .about-list::after, .portfolio-style .portfolio-about-section .about-list::before {
    display: none;
  }
}
.portfolio-style .portfolio-about-section .about-list::after {
  top: unset;
  bottom: -8px;
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-about-section .about-list {
    gap: calc(8px + 7 * (100vw - 320px) / 1600);
    grid-template-columns: 1fr;
  }
}
.portfolio-style .portfolio-about-section .about-list li {
  display: flex;
  align-items: center;
  padding-top: calc(8px + 7 * (100vw - 991px) / 929);
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-about-section .about-list li {
    padding-top: 0;
  }
}
.portfolio-style .portfolio-about-section .about-list li:nth-child(odd) {
  border-right: 1px solid rgba(var(--title-color), 0.15);
}
[dir=rtl] .portfolio-style .portfolio-about-section .about-list li:nth-child(odd) {
  border-right: none;
  border-left: 1px solid rgba(var(--title-color), 0.15);
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-about-section .about-list li:nth-child(odd) {
    border-right: none;
  }
  [dir=rtl] .portfolio-style .portfolio-about-section .about-list li:nth-child(odd) {
    border-left: none;
  }
}
.portfolio-style .portfolio-about-section .about-list li:first-child {
  padding-top: 0;
}
.portfolio-style .portfolio-about-section .about-list li:nth-child(2) {
  padding-top: 0;
}
.portfolio-style .portfolio-about-section .about-list li h5 {
  color: rgba(var(--title-color), 1);
  width: 35%;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-about-section .about-list li h5 {
    width: 45%;
  }
}
.portfolio-style .portfolio-about-section .about-list li h6 {
  color: rgba(var(--title-color), 0.44);
  font-weight: 400;
  padding-left: 20px;
}
.portfolio-style .portfolio-about-section .about-list li h6 a {
  color: rgba(var(--title-color), 0.44);
}
[dir=rtl] .portfolio-style .portfolio-about-section .about-list li h6 {
  padding-left: 0;
  padding-right: 20px;
}
.portfolio-style .portfolio-about-section .about-img {
  position: relative;
}
.portfolio-style .portfolio-about-section .about-img .about-svg-1 {
  z-index: -1;
  bottom: -40px;
  left: 30px;
}
.portfolio-style .portfolio-about-section .about-img .about-svg-2 {
  top: 6px;
  right: -27px;
  z-index: -1;
}
.portfolio-style .portfolio-about-section .about-content {
  padding-left: calc(12px + 15 * (100vw - 320px) / 1600);
}
[dir=rtl] .portfolio-style .portfolio-about-section .about-content {
  padding-left: 0;
  padding-right: calc(12px + 15 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-about-section .about-content {
    padding-left: 0;
  }
  [dir=rtl] .portfolio-style .portfolio-about-section .about-content {
    padding-right: 0;
  }
}
.portfolio-style .border-combine-section {
  position: relative;
}
.portfolio-style .border-combine-section .side-title h2 {
  top: 38%;
}
.portfolio-style .portfolio-education-section {
  position: relative;
}
.portfolio-style .portfolio-education-section .top-education-box .education-box:nth-child(2)::before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 85%;
  right: 18%;
  z-index: -1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%), linear-gradient(0deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%);
  background-repeat: no-repeat, repeat-y;
  background-size: 2px 10px, 1px 15px;
  background-position: 100% 0, 100% 0;
  animation: borderAnimation2 8s linear infinite;
}
@media (max-width: 1399px) {
  .portfolio-style .portfolio-education-section .top-education-box .education-box:nth-child(2)::before {
    top: 95%;
  }
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-education-section .top-education-box .education-box:nth-child(2)::before {
    display: none;
  }
}
.portfolio-style .portfolio-education-section .top-education-box .education-box:nth-child(2)::after {
  content: "\f2e1";
  bottom: -50%;
  right: 17%;
  transform: translateY(50%);
  position: absolute;
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 28px;
  color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-education-section .top-education-box .education-box:nth-child(2)::after {
    right: 16.6%;
  }
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-education-section .top-education-box .education-box:nth-child(2)::after {
    display: none;
  }
}
.portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::before {
  content: "";
  height: 100%;
  width: 2px;
  position: absolute;
  bottom: 85%;
  left: 18%;
  z-index: -1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%), linear-gradient(0deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%);
  background-repeat: no-repeat, repeat-y;
  background-size: 2px 10px, 1px 15px;
  background-position: 100% 0, 100% 0;
  animation: borderAnimation2 8s linear infinite;
}
@media (max-width: 1399px) {
  .portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::before {
    bottom: 95%;
  }
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::before {
    display: none;
  }
}
.portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::after {
  content: "\f2e1";
  top: -50%;
  left: 17%;
  transform: translateY(-50%);
  position: absolute;
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 28px;
  color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::after {
    left: 16.6%;
  }
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::after {
    display: none;
  }
}
.portfolio-style .portfolio-education-section .top-education-box,
.portfolio-style .portfolio-education-section .bottom-education-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 0;
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-education-section .top-education-box,
  .portfolio-style .portfolio-education-section .bottom-education-box {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }
}
.portfolio-style .portfolio-education-section .top-education-box::before,
.portfolio-style .portfolio-education-section .bottom-education-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
  z-index: -1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%), linear-gradient(0deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%), linear-gradient(0deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 1px 2px, 15px 1px, 2px 3px, 2px 1px;
  background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
  animation: borderAnimation 35s linear infinite;
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-education-section .top-education-box::before,
  .portfolio-style .portfolio-education-section .bottom-education-box::before {
    display: none;
  }
}
.portfolio-style .portfolio-education-section .top-education-box::after,
.portfolio-style .portfolio-education-section .bottom-education-box::after {
  content: "\f2e5";
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 28px;
  color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
  .portfolio-style .portfolio-education-section .top-education-box::after,
  .portfolio-style .portfolio-education-section .bottom-education-box::after {
    top: 49%;
  }
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-education-section .top-education-box::after,
  .portfolio-style .portfolio-education-section .bottom-education-box::after {
    display: none;
  }
}
.portfolio-style .portfolio-education-section .top-education-box {
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-education-section .top-education-box {
    margin-bottom: 0;
  }
}
.portfolio-style .portfolio-education-section .bottom-education-box {
  margin-top: 80px;
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-education-section .bottom-education-box {
    margin-top: 12px;
  }
}
.portfolio-style .portfolio-education-section .education-box {
  background-color: #2f353a;
  padding: calc(15px + 15 * (100vw - 320px) / 1600);
  width: 530px;
  background: linear-gradient(#2f353a, #2f353a) 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat, linear-gradient(148deg, rgba(var(--white), 0.3) 0%, rgba(var(--white), 0) 55%, rgba(var(--white), 0.3) 100%);
  box-sizing: border-box;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .portfolio-style .portfolio-education-section .education-box {
    width: 440px;
  }
}
.portfolio-style .portfolio-education-section .education-box h4 {
  color: rgba(var(--theme-color), 1);
}
.portfolio-style .portfolio-education-section .education-box h5 {
  color: #fff;
  padding-block: calc(10px + 15 * (100vw - 320px) / 1600) 5px;
}
.portfolio-style .portfolio-education-section .education-box p {
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.portfolio-style .portfolio-education-section .education-box .content-number {
  display: flex;
  align-items: flex-end;
  position: relative;
}
.portfolio-style .portfolio-education-section .education-box span {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.4);
  -webkit-text-fill-color: transparent;
  font-family: var(--dm-sans);
  font-size: calc(16px + 18 * (100vw - 320px) / 1600);
  font-style: italic;
  position: absolute;
  bottom: -12px;
  right: -10px;
  font-weight: 700;
}
[dir=rtl] .portfolio-style .portfolio-education-section .education-box span {
  left: -10px;
  right: unset;
}
.portfolio-style .portfolio-education-section .education-center-border {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-education-section .education-center-border {
    display: none;
  }
}
.portfolio-style .portfolio-education-section .main-education-box {
  width: 310px;
  height: 174px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 6px;
  z-index: 0;
}
.portfolio-style .portfolio-education-section .main-education-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64%;
  height: 2px;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%), linear-gradient(0deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%), linear-gradient(0deg, rgba(255, 255, 255, 0.3) 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 1px 2px, 15px 1px, 2px 3px, 2px 1px;
  background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
  animation: dash 35s linear infinite;
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-education-section .main-education-box::before {
    display: none;
  }
}
.portfolio-style .portfolio-education-section .main-education-box .sub-education-box2 {
  width: 100%;
  height: 100%;
  background: #303c41;
  box-shadow: 0px 2px 20px 0px rgba(var(--title-color), 0.06);
  border: 1px solid rgba(var(--white), 0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px;
}
.portfolio-style .portfolio-education-section .main-education-box .sub-education-box1 {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(var(--theme-color), 0.6);
  background: #335b67;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.portfolio-style .portfolio-education-section .main-education-box h3 {
  color: rgba(var(--theme-color), 1);
  font-family: var(--dm-sans);
}
.portfolio-style .portfolio-experience-section {
  position: relative;
}
.portfolio-style .portfolio-experience-section .side-title {
  top: 80px;
}
.portfolio-style .portfolio-experience-section .experience-list {
  margin: 5px;
}
.portfolio-style .portfolio-experience-section .experience-list li:first-child .experience-detail::after, .portfolio-style .portfolio-experience-section .experience-list li:last-child .experience-detail::after {
  content: "";
  position: absolute;
  right: -3px;
  width: 5px;
  height: 5px;
  background: rgba(var(--title-color), 0.2);
  border-radius: 100%;
}
[dir=rtl] .portfolio-style .portfolio-experience-section .experience-list li:first-child .experience-detail::after, [dir=rtl] .portfolio-style .portfolio-experience-section .experience-list li:last-child .experience-detail::after {
  left: -3px;
  right: unset;
}
.portfolio-style .portfolio-experience-section .experience-list li:first-child .experience-detail::after {
  top: -5px;
}
.portfolio-style .portfolio-experience-section .experience-list li:last-child .experience-detail::after {
  bottom: -8px;
}
.portfolio-style .portfolio-experience-section .experience-list li:first-child .experience-detail {
  padding-top: 0;
}
.portfolio-style .portfolio-experience-section .experience-list li:first-child .experience-info {
  padding-top: 0;
}
.portfolio-style .portfolio-experience-section .experience-list li:last-child .experience-info {
  padding-bottom: 0;
}
.portfolio-style .portfolio-experience-section .experience-list li {
  display: flex;
  border-bottom: 1px dashed rgba(var(--title-color), 0.2);
  position: relative;
}
.portfolio-style .portfolio-experience-section .experience-list li:hover .experience-content h5 {
  color: rgba(var(--theme-color), 1);
}
.portfolio-style .portfolio-experience-section .experience-list li:hover .btn-main .theme-btn {
  background-color: rgba(var(--theme-color), 1);
  color: #fff;
}
.portfolio-style .portfolio-experience-section .experience-list li:last-child {
  border-bottom: 0;
}
.portfolio-style .portfolio-experience-section .experience-list li:last-child::after, .portfolio-style .portfolio-experience-section .experience-list li:last-child::before {
  display: none;
}
.portfolio-style .portfolio-experience-section .experience-list li::after, .portfolio-style .portfolio-experience-section .experience-list li::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: rgba(var(--title-color), 0.2);
}
.portfolio-style .portfolio-experience-section .experience-list li::after {
  bottom: -3px;
  left: -5px;
}
[dir=rtl] .portfolio-style .portfolio-experience-section .experience-list li::after {
  left: unset;
  right: -5px;
}
.portfolio-style .portfolio-experience-section .experience-list li::before {
  bottom: -3px;
  right: -5px;
}
[dir=rtl] .portfolio-style .portfolio-experience-section .experience-list li::before {
  left: -5px;
  right: unset;
}
.portfolio-style .portfolio-experience-section .experience-list li .experience-detail {
  text-align: end;
  width: 210px;
  padding-right: 35px;
  border-right: 1px dashed rgba(var(--title-color), 0.2);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
[dir=rtl] .portfolio-style .portfolio-experience-section .experience-list li .experience-detail {
  border-left: 1px dashed rgba(var(--title-color), 0.2);
  padding-left: 35px;
  padding-right: 0;
  border-right: none;
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-experience-section .experience-list li .experience-detail {
    display: none;
  }
}
.portfolio-style .portfolio-experience-section .experience-list li .experience-detail h6 {
  color: rgba(var(--content-color), 1);
}
.portfolio-style .portfolio-experience-section .experience-list li .experience-detail h5 {
  white-space: nowrap;
}
.portfolio-style .portfolio-experience-section .experience-list li .btn-main {
  display: flex;
  align-items: center;
  gap: 20px;
}
.portfolio-style .portfolio-experience-section .experience-list li .btn-main .theme-btn {
  transition: 0.4s ease;
}
@media (min-width: 991px) {
  .portfolio-style .portfolio-experience-section .experience-list li .btn-main .btn-detail {
    display: none;
  }
}
.portfolio-style .portfolio-experience-section .experience-list li .btn-main .btn-detail h6 {
  color: rgba(var(--content-color), 1);
}
.portfolio-style .portfolio-experience-section .experience-list li .btn-main .btn-detail h5 {
  white-space: nowrap;
  margin-top: calc(4px + 4 * (100vw - 320px) / 1600);
}
.portfolio-style .portfolio-experience-section .experience-list li .experience-info {
  display: flex;
  gap: calc(14px + 6 * (100vw - 320px) / 1600);
  padding-left: 35px;
  padding-block: calc(15px + 35 * (100vw - 320px) / 1600);
  width: calc(100% - 210px + 35px);
  align-items: center;
}
[dir=rtl] .portfolio-style .portfolio-experience-section .experience-list li .experience-info {
  padding-left: 0;
  padding-right: 35px;
}
@media (max-width: 991px) {
  .portfolio-style .portfolio-experience-section .experience-list li .experience-info {
    flex-wrap: wrap;
    padding-left: 0;
    width: 100%;
  }
  [dir=rtl] .portfolio-style .portfolio-experience-section .experience-list li .experience-info {
    padding-right: 0;
  }
}
@media (max-width: 420px) {
  .portfolio-style .portfolio-experience-section .experience-list li .experience-info {
    justify-content: center;
    text-align: center;
  }
}
.portfolio-style .portfolio-experience-section .experience-list li .experience-info img {
  width: calc(60px + 47 * (100vw - 320px) / 1600);
  height: calc(60px + 47 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.portfolio-style .portfolio-experience-section .experience-list li .experience-info .experience-content {
  width: calc(100% - (60px + 47 * (100vw - 320px) / 1600) - (14px + 6 * (100vw - 320px) / 1600));
}
.portfolio-style .portfolio-experience-section .experience-list li .experience-info .experience-content h5 {
  transition: 0.4s ease;
}
@media (max-width: 420px) {
  .portfolio-style .portfolio-experience-section .experience-list li .experience-info .experience-content {
    width: 100%;
  }
}
.portfolio-style .portfolio-experience-section .experience-list li .experience-info .experience-content p {
  color: rgba(var(--title-color), 0.44);
  padding-top: 10px;
}
.portfolio-style .theme-setting-box .theme-setting .theme-setting-header,
.portfolio-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .theme-switch .form-control {
  background-color: rgba(var(--content-color), 0.12);
}
.portfolio-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio {
  background-color: rgba(var(--content-color), 0.12);
}

/**=====================
 2.11 seo style Start
==========================**/
.seo-style {
  position: relative;
  margin: 0;
  color: rgba(var(--title-color), 1);
}
.seo-style .main-header {
  width: 100%;
  position: relative;
  border-bottom: 1px solid rgba(var(--content-color), 1);
}
@media (max-width: 1199px) {
  .seo-style .main-header {
    padding: 10px calc(20px + 20 * (100vw - 320px) / 879);
  }
}
.seo-style .main-header.sticky {
  border-bottom: none;
}
.seo-style .main-header.sticky .header-content .brand-logo,
.seo-style .main-header.sticky .header-content .seo-header-btn {
  padding-block: 0;
}
.seo-style .main-header.sticky .header-content .sidebar-nav .menu-items > .expand-btn:hover > .mega-menu {
  top: 65px;
}
.seo-style .main-header.sticky .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--title-color), 1);
}
.seo-style .main-header.sticky .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: rgba(var(--content-color), 1);
}
.seo-style .main-header.sticky .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item.open {
  color: rgba(var(--title-color), 1);
}
@media (max-width: 1199px) {
  .seo-style .main-header .header-content {
    justify-content: flex-start;
    gap: 20px;
  }
}
.seo-style .main-header .header-content .toggle {
  color: rgba(var(--title-color), 1);
  margin-right: 0;
}
[dir=rtl] .seo-style .main-header .header-content .toggle {
  margin-left: 0;
}
.seo-style .main-header .header-content .brand-logo {
  border-right: 1px solid rgba(var(--content-color), 1);
  padding: 27px 80px;
}
[dir=rtl] .seo-style .main-header .header-content .brand-logo {
  border-right: none;
  border-left: 1px solid rgba(var(--content-color), 1);
}
@media (max-width: 1199px) {
  .seo-style .main-header .header-content .brand-logo {
    border-right: none;
    padding: 0;
  }
  [dir=rtl] .seo-style .main-header .header-content .brand-logo {
    border-left: none;
  }
}
.seo-style .main-header .header-content .brand-logo img {
  width: 70px;
  height: auto;
}
.seo-style .main-header .header-content .sidebar-nav .menu-items {
  gap: calc(20px + 10 * (100vw - 320px) / 1600);
}
.seo-style .main-header .header-content .sidebar-nav .menu-items .link-list li.dropdown-menus ul > li:hover .menu-link {
  color: rgba(var(--title-color), 1) !important;
}
.seo-style .main-header .header-content .sidebar-nav .menu-items .link-list li.dropdown-menus ul > li .menu-link {
  color: rgba(var(--content-color), 1) !important;
}
.seo-style .main-header .header-content .sidebar-nav .menu-items .link-list li:hover .menu-link {
  color: rgba(var(--title-color), 1);
}
.seo-style .main-header .header-content .sidebar-nav .menu-items .link-list li:hover .menu-link::after {
  color: rgba(var(--title-color), 1);
}
@media (max-width: 1199px) {
  .seo-style .main-header .header-content .sidebar-nav .menu-items .link-list li:hover .menu-link::after {
    color: rgba(var(--title-color), 1);
  }
}
.seo-style .main-header .header-content .sidebar-nav .menu-items .link-list li .menu-link {
  color: rgba(var(--content-color), 1);
}
.seo-style .main-header .header-content .sidebar-nav .menu-items .link-list li .menu-link::after {
  color: rgba(var(--content-color), 1);
}
@media (max-width: 1199px) {
  .seo-style .main-header .header-content .sidebar-nav .menu-items .link-list li .menu-link::after {
    color: rgba(var(--content-color), 1);
  }
}
.seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover::before {
  opacity: 1;
  visibility: visible;
}
.seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--title-color), 1);
}
.seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
  color: rgba(var(--title-color), 1);
}
.seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .mega-menu {
  top: 90px;
}
.seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: rgba(var(--content-color), 1);
}
.seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item::after {
  color: rgba(var(--content-color), 1);
}
.seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
  content: url(../svg/seo/star-1.svg);
  position: relative;
  width: 22px;
  height: 22px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  background: transparent;
  z-index: -1;
  transform: translate(6px, -14px);
}
[dir=rtl] .seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
  transform: scaleX(-1) translate(20px, -10px);
}
@media (max-width: 1199px) {
  .seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
    display: none;
  }
}
.seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .mega-menu .demo-box:hover span {
  color: rgba(var(--title-color), 1);
}
.seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .mega-menu .demo-box span {
  color: rgba(var(--content-color), 1);
}
@media (min-width: 1200px) {
  .seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .mega-menu {
    width: calc(100% - 50px);
    left: 50%;
    transform: translateX(-50%);
    top: 120px;
  }
}
@media (max-width: 1199px) {
  .seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn .menu-item.open {
    color: rgba(var(--title-color), 1) !important;
  }
  .seo-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn .menu-item.open::after {
    color: rgba(var(--title-color), 1) !important;
  }
}
.seo-style .main-header .header-content .seo-header-btn {
  padding: 24px 25px;
  border-left: 1px solid rgba(var(--content-color), 1);
  display: flex;
  align-items: center;
}
[dir=rtl] .seo-style .main-header .header-content .seo-header-btn {
  border-left: none;
  border-right: 1px solid rgba(var(--content-color), 1);
}
@media (max-width: 1199px) {
  .seo-style .main-header .header-content .seo-header-btn {
    border-left: none;
    padding: 0;
    margin-left: auto;
  }
  [dir=rtl] .seo-style .main-header .header-content .seo-header-btn {
    border-right: none;
    margin-left: 0;
    margin-right: auto;
  }
}
.seo-style .main-header .header-content .seo-header-btn .seo-btn {
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
}
.seo-style .seo-btn {
  padding: calc(10px + 5 * (100vw - 320px) / 1600) calc(25px + 25 * (100vw - 320px) / 1600);
  color: rgba(var(--white), 1);
  border: 1px solid rgba(var(--title-color), 1);
  margin: 0;
  font-weight: 600;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  line-height: 1.3;
}
.seo-style .seo-btn::before, .seo-style .seo-btn::after {
  background-color: rgba(var(--title-color), 1);
}
body.dark .seo-style .seo-btn::before, body.dark .seo-style .seo-btn::after {
  background-color: #e8e8e8;
}
.seo-style .seo-btn:hover {
  color: rgba(var(--black), 1);
}
.seo-style .circle {
  position: absolute;
  border: 1px solid rgba(var(--title-color), 1);
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: rgba(var(--bg-color), 1);
}
.seo-style .circle-one {
  top: -6px;
  left: -6px;
}
.seo-style .circle-two {
  top: -6px;
  right: -6px;
}
.seo-style .circle-three {
  bottom: -6px;
  left: -6px;
}
.seo-style .circle-four {
  bottom: -6px;
  right: -6px;
}
.seo-style .seo-home-section {
  padding-inline: calc(12px + 88 * (100vw - 320px) / 1600);
  overflow: hidden;
}
.seo-style .seo-home-section .seo-custom-col {
  align-items: center;
  justify-content: space-between;
}
.seo-style .seo-home-section .seo-custom-col .col-lg-5 {
  width: 780px;
}
@media (max-width: 1750px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-5 {
    width: 650px;
  }
}
@media (max-width: 1650px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-5 {
    width: 620px;
  }
}
@media (max-width: 1399px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-5 {
    width: 590px;
  }
}
@media (max-width: 1199px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-5 {
    width: calc(100% - 560px);
  }
}
@media (max-width: 1150px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-5 {
    width: 530px;
  }
}
@media (max-width: 991px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-5 {
    width: 100%;
  }
}
.seo-style .seo-home-section .seo-custom-col .col-lg-7 {
  width: calc(100% - 780px);
}
@media (max-width: 1750px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-7 {
    width: calc(100% - 650px);
  }
}
@media (max-width: 1650px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-7 {
    width: calc(100% - 620px);
  }
}
@media (max-width: 1399px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-7 {
    width: calc(100% - 590px);
  }
}
@media (max-width: 1199px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-7 {
    width: calc(100% - 560px);
  }
}
@media (max-width: 1150px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-7 {
    width: calc(100% - 530px);
  }
}
@media (max-width: 991px) {
  .seo-style .seo-home-section .seo-custom-col .col-lg-7 {
    width: unset;
  }
}
.seo-style .seo-home-section .home-content h1 {
  line-height: 1.4;
  margin-top: calc(-10px + -7 * (100vw - 320px) / 1600);
  font-family: var(--montserrat);
}
@media (max-width: 1399px) and (min-width: 991px) {
  .seo-style .seo-home-section .home-content h1 {
    text-transform: capitalize !important;
  }
}
@media (max-width: 575px) {
  .seo-style .seo-home-section .home-content h1 {
    text-transform: capitalize !important;
  }
}
.seo-style .seo-home-section .home-content h1 .text-effect {
  display: inline-block;
  padding: calc(5px + 5 * (100vw - 320px) / 1600) calc(10px + 2 * (100vw - 320px) / 1600);
  transform: rotate(-3deg);
  font-size: calc(18px + 24 * (100vw - 320px) / 1600);
  line-height: 1.2;
  position: relative;
  z-index: 0;
  outline: calc(2px + 2 * (100vw - 320px) / 1600) solid rgba(var(--white), 1);
  background-color: rgba(var(--theme-color), 1);
  color: #0e0d0d;
}
.seo-style .seo-home-section .home-content h1 .text-effect::after {
  content: "";
  position: absolute;
  top: -7px;
  left: -6px;
  width: calc(100% + 6px + 6 * (100vw - 320px) / 1600);
  height: calc(100% + 6px + 6 * (100vw - 320px) / 1600);
  background: linear-gradient(90deg, rgba(var(--title-color), 1) 50%, transparent 50%), linear-gradient(90deg, rgba(var(--title-color), 1) 50%, transparent 50%), linear-gradient(0deg, rgba(var(--title-color), 1) 50%, transparent 50%), linear-gradient(0deg, rgba(var(--title-color), 1) 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
  background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
  animation: dash 5s linear infinite;
}
.seo-style .seo-home-section .home-content h1 .text-effect::before {
  content: "";
  position: absolute;
  top: calc(8px + 5 * (100vw - 320px) / 1600);
  left: calc(8px + 5 * (100vw - 320px) / 1600);
  width: 100%;
  height: 100%;
  background: rgba(var(--theme-color), 1);
  border-right: calc(2px + 2 * (100vw - 320px) / 1600) dashed rgba(var(--white), 1);
  border-bottom: calc(2px + 2 * (100vw - 320px) / 1600) dashed rgba(var(--white), 1);
  z-index: -2;
}
.seo-style .seo-home-section .home-content h1 .rotate-text {
  transform: rotate(3deg);
  margin-left: calc(10px + 18 * (100vw - 320px) / 1600);
}
[dir=rtl] .seo-style .seo-home-section .home-content h1 .rotate-text {
  margin-left: 0;
  margin-right: calc(10px + 18 * (100vw - 320px) / 1600);
}
.seo-style .seo-home-section .home-content p {
  margin-block: calc(18px + 17 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
}
.seo-style .seo-home-section .home-content .home-btn {
  display: inline-block;
  position: relative;
}
.seo-style .seo-home-section .home-content .home-btn::after {
  content: "";
  position: absolute;
  top: 9px;
  left: -7px;
  background: rgba(var(--theme-color), 1);
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: rotate(2deg);
}
.seo-style .seo-home-section .home-content .home-btn .seo-btn {
  display: block;
}
.seo-style .seo-home-section .home-content .text-button {
  color: rgba(var(--title-color), 1);
  display: flex;
  align-items: center;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
}
.seo-style .seo-home-section .home-content .home-media-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(var(--title-color), 1);
  border-bottom: 1px solid rgba(var(--title-color), 1);
  margin-top: calc(30px + 187 * (100vw - 320px) / 1600);
  padding-block: calc(15px + 10 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .seo-style .seo-home-section .home-content .home-media-box {
    display: none;
  }
}
.seo-style .seo-home-section .home-content .media-box {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.seo-style .seo-home-section .home-content .media-box p {
  margin: 0;
  width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: rgba(var(--title-color), 1);
}
.seo-style .seo-home-section .home-content .media-box li + li {
  margin-left: -30px;
}
@media (max-width: 1399px) {
  .seo-style .seo-home-section .home-content .media-box li + li {
    margin-left: -45px;
  }
}
[dir=rtl] .seo-style .seo-home-section .home-content .media-box li + li {
  margin-left: 0;
  margin-right: -30px;
}
@media (max-width: 1399px) {
  [dir=rtl] .seo-style .seo-home-section .home-content .media-box li + li {
    margin-right: -45px;
  }
}
.seo-style .seo-home-section .home-content .media-box img,
.seo-style .seo-home-section .home-content .media-box span {
  border: 3px solid rgba(var(--white), 1);
  border-radius: 100%;
}
.seo-style .seo-home-section .home-content .media-box span {
  width: 60px;
  height: 60px;
  background: rgba(var(--theme-color), 1);
  font-size: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(14, 13, 13);
}
.seo-style .seo-home-section .home-content .average-box {
  width: 50%;
  display: flex;
  align-items: center;
  gap: 15px;
  padding-left: calc(15px + 15 * (100vw - 320px) / 1600);
  position: relative;
}
[dir=rtl] .seo-style .seo-home-section .home-content .average-box {
  padding-right: calc(15px + 15 * (100vw - 320px) / 1600);
  padding-left: 0;
}
.seo-style .seo-home-section .home-content .average-box::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: calc(97px + 16 * (100vw - 575px) / 1345);
  border-left: 1px solid rgba(var(--title-color), 1);
}
[dir=rtl] .seo-style .seo-home-section .home-content .average-box::before {
  left: unset;
  right: 0;
}
.seo-style .seo-home-section .home-content .average-box span {
  font-size: calc(20px + 20 * (100vw - 320px) / 1600);
  font-weight: 600;
}
.seo-style .seo-home-section .home-content .average-box p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: rgba(var(--title-color), 1);
}
.seo-style .seo-home-section .home-img {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: -260px;
  margin-left: 50px;
}
@media (max-width: 1425px) {
  .seo-style .seo-home-section .home-img {
    margin-top: -180px;
  }
}
@media (max-width: 1399px) {
  .seo-style .seo-home-section .home-img {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .seo-style .seo-home-section .home-img {
    display: none;
  }
}
.seo-style .seo-home-section .home-img .object-1 {
  top: 5%;
  left: 41%;
  z-index: -1;
  animation: round 20s linear infinite;
}
.seo-style .seo-home-section .home-img .object-2 {
  bottom: 7%;
  left: 12%;
  animation: zoom 10s infinite linear;
}
[dir=rtl] .seo-style .seo-home-section .home-img .object-2 {
  display: none;
}
@media (max-width: 1199px) {
  .seo-style .seo-home-section .home-img .object-2 {
    display: none;
  }
}
.seo-style .seo-home-section .home-img .object-3 {
  top: 37%;
  right: -6%;
  animation: ring 30s infinite linear;
}
[dir=rtl] .seo-style .seo-home-section .home-img .object-3 {
  display: none;
}
.seo-style .seo-home-section .home-img .object-4 {
  bottom: -40%;
  right: 2%;
  animation: move-img 2s infinite linear;
}
[dir=rtl] .seo-style .seo-home-section .home-img .object-4 {
  right: unset;
  left: -40px;
}
@media (max-width: 1425px) {
  .seo-style .seo-home-section .home-img .object-4 {
    bottom: -20%;
  }
}
@media (max-width: 1399px) {
  .seo-style .seo-home-section .home-img .object-4 {
    bottom: -40px;
  }
}
.seo-style .seo-home-section .home-box {
  border: 1px solid rgba(var(--title-color), 1);
  padding: calc(12px + 14 * (100vw - 1199px) / 721) calc(10px + 10 * (100vw - 1199px) / 721);
  width: 40%;
  border-radius: 20px;
  position: absolute;
  top: 39%;
  left: 0;
  animation: move-img 5s linear infinite;
  background-color: rgba(var(--white), 1);
  box-shadow: 0px 3px 1px 1px rgba(var(--title-color), 1);
}
[dir=rtl] .seo-style .seo-home-section .home-box {
  left: unset;
  right: 0;
}
@media (max-width: 1599px) and (min-width: 1399px) {
  .seo-style .seo-home-section .home-box {
    left: -45px;
    width: 50%;
  }
  [dir=rtl] .seo-style .seo-home-section .home-box {
    right: -45px;
  }
}
@media (max-width: 1399px) {
  .seo-style .seo-home-section .home-box {
    display: none;
  }
}
.seo-style .seo-home-section .home-box::after, .seo-style .seo-home-section .home-box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  transform: rotate(57deg);
}
[dir=rtl] .seo-style .seo-home-section .home-box::after, [dir=rtl] .seo-style .seo-home-section .home-box::before {
  transform: rotate(-57deg);
}
.seo-style .seo-home-section .home-box::after {
  top: -19px;
  right: -15px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 37px solid rgba(var(--white), 1);
}
[dir=rtl] .seo-style .seo-home-section .home-box::after {
  right: unset;
  left: -15px;
}
.seo-style .seo-home-section .home-box::before {
  top: -21px;
  right: -18px;
  border-left: 10px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 38px solid rgba(var(--title-color), 1);
}
[dir=rtl] .seo-style .seo-home-section .home-box::before {
  right: unset;
  left: -18px;
}
.seo-style .seo-home-section .home-box .home-title {
  display: flex;
  align-items: center;
  gap: calc(10px + 2 * (100vw - 1199px) / 721);
}
.seo-style .seo-home-section .home-box p {
  color: rgba(var(--content-color), 1);
  margin-top: calc(15px + 10 * (100vw - 1199px) / 721);
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.seo-style .seo-home-section .home-box .box-line {
  position: absolute;
  top: 10px;
  right: 10px;
  filter: brightness(0);
}
[dir=rtl] .seo-style .seo-home-section .home-box .box-line {
  left: 10px;
  right: unset;
  transform: scaleX(-1);
}
.seo-style .seo-home-section .bottom-box {
  left: 40%;
  top: 98%;
  animation: unset;
  padding: calc(12px + 13 * (100vw - 1199px) / 721);
}
[dir=rtl] .seo-style .seo-home-section .bottom-box {
  left: unset;
  right: 40%;
}
.seo-style .seo-home-section .bottom-box .box-line {
  top: unset;
  bottom: 0;
  transform: scale(0.7) rotate(280deg);
}
.seo-style .seo-home-section .bottom-box p {
  margin-top: calc(9px + 9 * (100vw - 1199px) / 721);
}
.seo-style .seo-home-section .bottom-box::after, .seo-style .seo-home-section .bottom-box::before {
  transform: rotate(303deg);
}
.seo-style .seo-home-section .bottom-box::after {
  top: -19px;
  right: unset;
  left: -15px;
}
.seo-style .seo-home-section .bottom-box::before {
  top: -21px;
  right: unset;
  left: -18px;
}
.seo-style .seo-about-section .title-style-5 h2::before {
  top: 6px;
  transform: rotate(10deg);
}
.seo-style .seo-about-section .title-style-5 h2::after {
  top: 3px;
  transform: rotate(10deg);
}
.seo-style .seo-about-section .about-img {
  position: relative;
}
.seo-style .seo-about-section .about-img .object-5 {
  left: 68%;
  top: -12%;
  animation: zoomInOut 10s infinite linear;
}
@media (max-width: 767px) {
  .seo-style .seo-about-section .about-img .object-5 {
    opacity: 0.2;
  }
}
.seo-style .seo-about-section .about-img .object-6 {
  left: -1%;
  top: 1%;
  animation: zoomInOut 10s infinite linear;
}
@media (max-width: 767px) {
  .seo-style .seo-about-section .about-img .object-6 {
    opacity: 0.2;
  }
}
.seo-style .seo-about-section .about-img .object-7 {
  right: 12%;
  top: 10%;
  animation: zoomInOut 10s infinite linear;
}
@media (max-width: 767px) {
  .seo-style .seo-about-section .about-img .object-7 {
    opacity: 0.2;
  }
}
.seo-style .seo-about-section .about-img .object-8 {
  top: 30%;
  right: 2%;
  animation: move-img 10s infinite linear;
  z-index: -1;
}
@media (max-width: 767px) {
  .seo-style .seo-about-section .about-img .object-8 {
    opacity: 0.2;
  }
}
.seo-style .seo-about-section .about-img .object-9 {
  bottom: -9%;
  left: -1%;
  animation: zoom 10s infinite linear;
}
@media (max-width: 1199px) {
  .seo-style .seo-about-section .about-img .object-9 {
    width: 25%;
    bottom: -6%;
    left: 1%;
  }
}
@media (max-width: 767px) {
  .seo-style .seo-about-section .about-img .object-9 {
    opacity: 0.2;
  }
}
.seo-style .seo-about-section .about-img .object-10 {
  bottom: -4%;
  right: 11%;
  animation: move-img 5s infinite linear;
  z-index: -1;
}
@media (max-width: 1199px) {
  .seo-style .seo-about-section .about-img .object-10 {
    width: 10%;
    bottom: -2%;
    right: 13%;
  }
}
@media (max-width: 767px) {
  .seo-style .seo-about-section .about-img .object-10 {
    opacity: 0.2;
  }
}
.seo-style .seo-about-section .about-content {
  padding-left: calc(10px + 70 * (100vw - 768px) / 1152);
}
@media (max-width: 768px) {
  .seo-style .seo-about-section .about-content {
    padding-left: 0;
  }
}
.seo-style .seo-about-section .about-content p {
  color: rgba(var(--content-color), 1);
  margin: calc(15px + 15 * (100vw - 320px) / 1600) 0 calc(10px + 15 * (100vw - 320px) / 1600) 0;
  border-left: 2px solid rgba(var(--title-color), 1);
  padding-left: calc(10px + 10 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) and (min-width: 767px) {
  .seo-style .seo-about-section .about-content p {
    margin-block: 10px;
  }
}
[dir=rtl] .seo-style .seo-about-section .about-content p {
  border-left: none;
  border-right: 2px solid rgba(var(--title-color), 1);
  padding-left: 0;
  padding-right: calc(10px + 10 * (100vw - 320px) / 1600);
}
.seo-style .seo-about-section .about-content ul li {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.seo-style .seo-about-section .about-content ul li + li {
  padding-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) and (min-width: 767px) {
  .seo-style .seo-about-section .about-content ul li + li {
    padding-top: 10px;
  }
}
.seo-style .seo-about-section .about-content ul li svg {
  width: 37px;
  height: 18px;
  display: inline-block;
  stroke: rgba(var(--title-color), 1);
  fill: rgba(var(--title-color), 1);
}
[dir=rtl] .seo-style .seo-about-section .about-content ul li svg {
  transform: scaleX(-1);
}
.seo-style .seo-about-section .about-content .seo-btn {
  padding: calc(10px + 5 * (100vw - 320px) / 1600) calc(15px + 29 * (100vw - 320px) / 1600);
  margin-top: calc(20px + 40 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) and (min-width: 767px) {
  .seo-style .seo-about-section .about-content .seo-btn {
    margin-top: 30px;
    padding-block: 8px;
    font-size: 16px;
  }
}
.seo-style .seo-step-section {
  background: rgba(var(--bg-color), 1);
}
.seo-style .seo-step-section .main-step {
  position: relative;
}
.seo-style .seo-step-section .main-step .row > div:nth-child(even) .step-box .step-header {
  padding-top: 85px;
  padding-bottom: 0;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .seo-style .seo-step-section .main-step .row > div:nth-child(even) .step-box .step-header {
    padding-top: 0;
    align-items: center;
  }
}
.seo-style .seo-step-section .main-step .row > div:nth-child(even) .step-box .step-header::after {
  top: 0;
  right: 50%;
}
[dir=rtl] .seo-style .seo-step-section .main-step .row > div:nth-child(even) .step-box .step-header::after {
  left: 50%;
  right: unset;
}
@media (max-width: 991px) {
  .seo-style .seo-step-section .main-step .row > div:nth-child(even) .step-box .step-header::after {
    top: 50%;
    right: unset;
    left: -36px;
  }
  [dir=rtl] .seo-style .seo-step-section .main-step .row > div:nth-child(even) .step-box .step-header::after {
    left: unset;
    right: -36px;
  }
}
.seo-style .seo-step-section .main-step .row > div:nth-child(even) .step-box .step-body {
  order: -1;
}
.seo-style .seo-step-section .main-step::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  border-top: 2px dashed rgba(var(--title-color), 1);
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .seo-style .seo-step-section .main-step::after {
    display: none;
  }
}
.seo-style .seo-step-section .main-step .left-arrow,
.seo-style .seo-step-section .main-step .right-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1700px) {
  .seo-style .seo-step-section .main-step .left-arrow,
  .seo-style .seo-step-section .main-step .right-arrow {
    display: none;
  }
}
.seo-style .seo-step-section .main-step .left-arrow {
  left: 120px;
}
.seo-style .seo-step-section .main-step .right-arrow {
  right: 120px;
}
.seo-style .seo-step-section .main-step .step-box {
  position: relative;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 991px) {
  .seo-style .seo-step-section .main-step .step-box {
    gap: 35px;
  }
}
.seo-style .seo-step-section .main-step .step-box .step-header {
  text-align: center;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 85px;
}
@media (max-width: 991px) {
  .seo-style .seo-step-section .main-step .step-box .step-header {
    padding-bottom: 0;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .seo-style .seo-step-section .main-step .step-box .step-header {
    width: 30%;
  }
}
@media (max-width: 575px) {
  .seo-style .seo-step-section .main-step .step-box .step-header {
    display: none;
  }
}
.seo-style .seo-step-section .main-step .step-box .step-header h5 {
  color: rgba(var(--title-color), 1);
  font-weight: 400;
  font-style: italic;
  background: rgba(var(--white), 1);
  padding: 15px 40px;
  display: inline-block;
  border: 1px solid rgba(var(--title-color), 1);
  transition: 0.4s ease;
}
@media (max-width: 767px) {
  .seo-style .seo-step-section .main-step .step-box .step-header h5 {
    padding: 10px 20px;
  }
}
.seo-style .seo-step-section .main-step .step-box .step-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  background: rgba(var(--title-color), 1);
  width: 1px;
  height: 84px;
  transform: translateX(-50%);
}
[dir=rtl] .seo-style .seo-step-section .main-step .step-box .step-header::after {
  left: unset;
  right: 50%;
}
@media (max-width: 991px) {
  .seo-style .seo-step-section .main-step .step-box .step-header::after {
    right: -36px;
    left: unset;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    top: 50%;
    bottom: unset;
    z-index: -1;
  }
  [dir=rtl] .seo-style .seo-step-section .main-step .step-box .step-header::after {
    left: -36px;
    right: unset;
  }
}
.seo-style .seo-step-section .main-step .step-box .step-body {
  padding: calc(16px + 19 * (100vw - 320px) / 1600) calc(30px + 10 * (100vw - 1199px) / 721);
  background: rgba(var(--white), 1);
  border: 1px solid rgba(var(--title-color), 1);
  position: relative;
  transition: 0.4s ease;
}
@media (max-width: 1399px) {
  .seo-style .seo-step-section .main-step .step-box .step-body {
    padding-inline: 15px;
  }
}
@media (max-width: 767px) {
  .seo-style .seo-step-section .main-step .step-box .step-body {
    width: calc(70% - 35px);
  }
}
@media (max-width: 575px) {
  .seo-style .seo-step-section .main-step .step-box .step-body {
    width: 100%;
  }
}
.seo-style .seo-step-section .main-step .step-box .step-body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  background: rgba(var(--title-color), 1);
  width: 100%;
  height: calc(100% - 20px);
  transform: skew(2deg, 0);
  z-index: -1;
  transition: 0.4s ease;
}
.seo-style .seo-step-section .main-step .step-box .step-body .step-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.seo-style .seo-step-section .main-step .step-box .step-body .step-title h4 {
  width: calc(100% - 8px - 25px);
  text-transform: capitalize;
  transition: 0.4s ease;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .seo-style .seo-step-section .main-step .step-box .step-body .step-title h4 {
    font-size: 18px;
  }
}
.seo-style .seo-step-section .main-step .step-box .step-body svg {
  width: 37px;
  height: 18px;
  stroke: rgba(var(--title-color), 1);
  fill: rgba(var(--title-color), 1);
}
[dir=rtl] .seo-style .seo-step-section .main-step .step-box .step-body svg {
  transform: scaleX(-1);
}
.seo-style .seo-step-section .main-step .step-box .step-body ul li {
  padding-top: calc(12px + 8 * (100vw - 320px) / 1600);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  color: rgba(var(--content-color), 1);
  transition: 0.4s ease;
  display: list-item;
  margin-left: 25px;
}
[dir=rtl] .seo-style .seo-step-section .main-step .step-box .step-body ul li {
  margin-left: 0;
  margin-right: 25px;
}
.seo-style .seo-step-section .main-step .step-box .step-body ul li::marker {
  font-size: 14px;
}
.seo-style .seo-step-section .main-step .step-box .step-body ul li p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1199px) {
  .seo-style .seo-step-section .main-step .step-box .step-body ul li {
    font-size: 16px;
    line-height: 1.2;
  }
}
.seo-style .seo-step-section .main-step .step-box .step-body .rise-btn {
  margin-top: calc(25px + 10 * (100vw - 320px) / 1600);
  padding-top: 0;
  border: none;
}
.seo-style .seo-step-section .main-step .step-box:hover .step-header h5 {
  background: rgba(var(--title-color), 1);
  color: rgba(var(--white), 1);
  border: 4px solid rgba(var(--bg-color), 1);
  box-shadow: -4px -4px 0px 2px rgba(var(--title-color), 1);
  transform: skewX(-12deg);
}
.seo-style .seo-step-section .main-step .step-box:hover .step-body {
  background: rgba(var(--theme-color), 1);
}
.seo-style .seo-step-section .main-step .step-box:hover .step-body::after {
  background: rgba(var(--title-color), 1);
}
.seo-style .seo-step-section .main-step .step-box:hover .step-body .step-title,
.seo-style .seo-step-section .main-step .step-box:hover .step-body .rise-btn {
  color: #0e0d0d;
}
.seo-style .seo-step-section .main-step .step-box:hover .step-body svg {
  stroke: #0e0d0d;
  fill: #0e0d0d;
}
.seo-style .seo-step-section .main-step .step-box:hover .step-body ul li {
  color: #0e0d0d;
}
.seo-style .seo-contact-section {
  overflow: hidden;
}
.seo-style .seo-contact-section .contact-box {
  background: rgba(var(--theme-color), 1);
  padding: calc(20px + 20 * (100vw - 320px) / 1600) 0;
  text-align: center;
  border: 3px solid #0e0d0d;
  position: relative;
}
@media (max-width: 991px) {
  .seo-style .seo-contact-section .contact-box {
    padding-inline: calc(20px + 20 * (100vw - 320px) / 1600);
  }
}
.seo-style .seo-contact-section .contact-box .object-16 {
  bottom: 70px;
  left: 10px;
  animation: zoomInOut 8s infinite linear;
}
.seo-style .seo-contact-section .contact-box .object-17 {
  top: 10%;
  left: 14%;
  animation: zoomInOut 8s infinite linear;
}
.seo-style .seo-contact-section .contact-box .object-18 {
  top: 10%;
  right: 14%;
  animation: zoomInOut 8s infinite linear;
}
.seo-style .seo-contact-section .contact-box .object-19 {
  bottom: 10%;
  right: 3%;
  animation: zoomInOut 8s infinite linear;
}
.seo-style .seo-contact-section .contact-box .object-20 {
  bottom: 21%;
  left: 24%;
  animation: zoom 5s infinite linear;
  z-index: 0;
}
@media (max-width: 767px) {
  .seo-style .seo-contact-section .contact-box .object-20 {
    display: none;
  }
}
.seo-style .seo-contact-section .contact-box .object-21 {
  bottom: 21%;
  right: 24%;
  animation: ring 13s infinite linear;
  z-index: 0;
}
@media (max-width: 767px) {
  .seo-style .seo-contact-section .contact-box .object-21 {
    display: none;
  }
}
.seo-style .seo-contact-section .contact-box::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(-10px + -5 * (100vw - 320px) / 1600);
  width: 100%;
  height: calc(100% - 40px);
  transform: skew(6deg, 0);
  background: rgba(var(--title-color), 1);
  z-index: -1;
}
@media (max-width: 400px) {
  .seo-style .seo-contact-section .contact-box::after {
    transform: skew(2deg, 0);
  }
}
.seo-style .seo-contact-section .contact-box .left-hand {
  position: absolute;
  top: -32px;
  left: -81px;
}
[dir=rtl] .seo-style .seo-contact-section .contact-box .left-hand {
  transform: scaleX(-1);
  left: unset;
  right: -90px;
}
@media (max-width: 1199px) {
  .seo-style .seo-contact-section .contact-box .left-hand {
    width: 25%;
  }
}
@media (max-width: 991px) {
  .seo-style .seo-contact-section .contact-box .left-hand {
    display: none;
  }
}
.seo-style .seo-contact-section .contact-box .right-hand {
  position: absolute;
  top: -70px;
  right: -100px;
  transform: scaleX(-1) scale(0.5);
}
[dir=rtl] .seo-style .seo-contact-section .contact-box .right-hand {
  transform: scaleX(1) scale(0.5);
  right: unset;
  left: -100px;
}
@media (max-width: 991px) {
  .seo-style .seo-contact-section .contact-box .right-hand {
    display: none;
  }
}
.seo-style .seo-contact-section .contact-box .contact-content h2 {
  font-size: calc(22px + 23 * (100vw - 320px) / 1600);
  margin-top: calc(-3px + -5 * (100vw - 320px) / 1600);
  color: rgb(14, 13, 13);
}
.seo-style .seo-contact-section .contact-box .contact-content p {
  font-weight: 300;
  font-size: calc(14px + 6 * (100vw - 320px) / 1600);
  margin: 8px auto calc(10px + 20 * (100vw - 320px) / 1600) auto;
  width: 70%;
  color: #0e0d0d;
}
@media (max-width: 991px) {
  .seo-style .seo-contact-section .contact-box .contact-content p {
    width: 100%;
  }
}
.seo-style .seo-contact-section .contact-box .seo-btn {
  color: #fff;
  border-color: #0e0d0d;
}
.seo-style .seo-contact-section .contact-box .seo-btn::after, .seo-style .seo-contact-section .contact-box .seo-btn::before {
  background: #0e0d0d;
}
.seo-style .seo-contact-section .contact-box .seo-btn:hover {
  color: rgb(14, 13, 13);
}
.seo-style .theme-setting-box .theme-setting-btn img {
  filter: brightness(0);
}
.seo-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio:has(input:checked) input {
  border-color: #0e0d0d;
}
.seo-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio:has(input:checked) input::after {
  background: #0e0d0d;
}
.seo-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio:has(input:checked) label {
  color: #0e0d0d;
}
.seo-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex label,
.seo-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex span {
  font-size: 15px;
}
.seo-style .theme-setting-box .theme-setting .btn-flex .btn-borders {
  border-color: rgba(var(--title-color), 1);
  color: rgba(var(--title-color), 1);
}
.seo-style .theme-setting-box .theme-setting .btn-flex .btn-borders:hover {
  border-color: rgba(var(--theme-color), 1);
  color: #0e0d0d;
}

/**=====================
 2.12 Startup style Start
==========================**/
.startup-style .main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: calc(20px + 20 * (100vw - 320px) / 1600);
  padding-inline: calc(12px + 68 * (100vw - 320px) / 1600);
}
.startup-style .main-header.sticky .header-content {
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .startup-style .main-header.sticky .header-content {
    justify-content: start;
  }
}
.startup-style .main-header .header-content .sidebar-nav .menu-items {
  margin-left: 100px;
  gap: calc(15px + 40 * (100vw - 320px) / 1600);
}
[dir=rtl] .startup-style .main-header .header-content .sidebar-nav .menu-items {
  margin-left: 0;
  margin-right: 100px;
}
@media (max-width: 1199px) {
  .startup-style .main-header .header-content .sidebar-nav .menu-items {
    margin-left: 0;
  }
  [dir=rtl] .startup-style .main-header .header-content .sidebar-nav .menu-items {
    margin-right: 0;
  }
}
.startup-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(var(--theme-color), 1);
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
@media (max-width: 1199px) {
  .startup-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::before {
    display: none;
  }
}
.startup-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover::before {
  opacity: 1;
  visibility: visible;
}
.startup-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1);
}
.startup-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item::after {
  color: rgba(var(--theme-color), 1);
}
.startup-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: rgba(var(--title-color), 1);
}
.startup-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item.open {
  color: rgba(var(--theme-color), 1);
}
.startup-style .startup-home-section {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-inline: calc(12px + 68 * (100vw - 320px) / 1600);
}
.startup-style .startup-home-section .side-scroll {
  display: flex;
  align-items: center;
  gap: 20px;
  position: absolute;
  bottom: 40px;
  right: 62px;
  writing-mode: vertical-lr;
  z-index: 1;
}
[dir=rtl] .startup-style .startup-home-section .side-scroll {
  right: unset;
  left: 62px;
}
@media (max-width: 991px) {
  .startup-style .startup-home-section .side-scroll {
    display: none;
  }
}
.startup-style .startup-home-section .side-scroll .scroll-line {
  width: 3px;
  height: 74px;
  background-color: rgba(var(--title-color), 1);
  position: relative;
}
.startup-style .startup-home-section .side-scroll .scroll-line .scroll-dot {
  width: 8px;
  height: 8px;
  background-color: rgba(var(--title-color), 1);
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  position: absolute;
  border-radius: 100%;
  animation: scroll-dot 3s infinite ease-in-out;
}
.startup-style .startup-home-section .side-scroll h6 {
  color: rgba(var(--title-color), 1);
  transform: scale(-1);
  font-size: 18px;
  font-weight: 500;
  margin-block: 0;
  text-transform: uppercase;
}
.startup-style .startup-home-section::after {
  content: url(../images/startup/bg-effect/home-effect.png);
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.startup-style .startup-home-section .home-content {
  padding-top: calc(40px + 130 * (100vw - 320px) / 1600 + 62px + 29 * (100vw - 320px) / 1600);
}
@media (max-width: 767) {
  .startup-style .startup-home-section .home-content {
    padding-top: calc(40px + 30 * (100vw - 320px) / 1600 + 62px + 29 * (100vw - 320px) / 1600);
  }
}
.startup-style .startup-home-section .home-content .title-style-6 {
  text-align: left;
}
[dir=rtl] .startup-style .startup-home-section .home-content .title-style-6 {
  text-align: right;
}
.startup-style .startup-home-section .home-content h1 {
  padding-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
  line-height: 1.3;
}
.startup-style .startup-home-section .home-content .home-list li {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.startup-style .startup-home-section .home-content .home-list li img {
  width: calc(18px + 8 * (100vw - 320px) / 1600);
  height: calc(18px + 8 * (100vw - 320px) / 1600);
}
.startup-style .startup-home-section .home-content .home-list li + li {
  padding-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
.startup-style .startup-home-section .home-content .home-list li h6 {
  color: rgba(var(--content-color), 1);
  width: calc(100% - (10px + 5 * (100vw - 320px) / 1600) - (18px + 8 * (100vw - 320px) / 1600));
  letter-spacing: 0.2px;
}
.startup-style .startup-home-section .home-content .home-btn {
  display: flex;
  align-items: center;
  gap: calc(10px + 20 * (100vw - 320px) / 1600);
  padding-top: calc(15px + 15 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}
.startup-style .startup-home-section .home-content .home-btn .btn-solid {
  color: #fff;
  padding: calc(8px + 4 * (100vw - 320px) / 1600) calc(15px + 10 * (100vw - 320px) / 1600);
  border-radius: 6px;
  margin-top: 0;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  line-height: 1;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
}
.startup-style .startup-home-section .home-content .home-btn .btn-solid img {
  transition: 0.4s ease;
}
[dir=rtl] .startup-style .startup-home-section .home-content .home-btn .btn-solid img {
  transform: scale(-1);
}
.startup-style .startup-home-section .home-content .home-btn .btn-solid:hover {
  color: rgba(var(--black), 1);
}
.startup-style .startup-home-section .home-content .home-btn .btn-solid:hover img {
  filter: brightness(0);
}
.startup-style .startup-home-section .home-content .home-btn .text-button {
  color: rgba(var(--title-color), 1);
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  gap: calc(6px + 6 * (100vw - 320px) / 1600);
}
@media (max-width: 350px) {
  .startup-style .startup-home-section .home-content .home-btn .text-button {
    margin-top: 0;
  }
}
.startup-style .startup-home-section .home-content .media-home {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  margin-block: calc(40px + 133 * (100vw - 320px) / 1600) 70px;
}
@media (max-width: 767px) {
  .startup-style .startup-home-section .home-content .media-home {
    margin-bottom: calc(40px + 30 * (100vw - 320px) / 1600);
  }
}
.startup-style .startup-home-section .home-content .media-home ul {
  display: flex;
  align-items: center;
}
.startup-style .startup-home-section .home-content .media-home ul li {
  padding: 0;
  border: 2px solid rgba(var(--white), 1);
  border-radius: 100%;
  position: relative;
  transition: 0.4s ease;
}
.startup-style .startup-home-section .home-content .media-home ul li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.startup-style .startup-home-section .home-content .media-home ul li::before {
  content: "\ea13";
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  z-index: 1;
  transform: translate(-50%, -50%);
  font-size: 25px;
  opacity: 0;
  visibility: hidden;
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  transition: 0.4s ease;
}
.startup-style .startup-home-section .home-content .media-home ul li + li {
  margin-left: calc(-15px + -15 * (100vw - 320px) / 1600);
}
[dir=rtl] .startup-style .startup-home-section .home-content .media-home ul li + li {
  margin-left: 0;
  margin-right: calc(-15px + -15 * (100vw - 320px) / 1600);
}
.startup-style .startup-home-section .home-content .media-home ul li img {
  width: calc(30px + 36 * (100vw - 320px) / 1600);
  height: calc(30px + 36 * (100vw - 320px) / 1600);
  border-radius: 100%;
}
.startup-style .startup-home-section .home-content .media-home ul li:hover {
  z-index: 1;
  transform: translateY(-3px);
}
.startup-style .startup-home-section .home-content .media-home ul li:hover::after, .startup-style .startup-home-section .home-content .media-home ul li:hover::before {
  opacity: 1;
  visibility: visible;
}
.startup-style .startup-home-section .home-content .media-home h5 {
  font-weight: 500;
  letter-spacing: 0.1px;
}
.startup-style .startup-home-section .home-img {
  position: relative;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: -20px;
}
.startup-style .startup-home-section .home-img .home-1,
.startup-style .startup-home-section .home-img .home-2,
.startup-style .startup-home-section .home-img .home-3 {
  position: absolute;
}
@media (max-width: 767px) {
  .startup-style .startup-home-section .home-img .home-1,
  .startup-style .startup-home-section .home-img .home-2,
  .startup-style .startup-home-section .home-img .home-3 {
    display: none;
  }
}
.startup-style .startup-home-section .home-img .home-1 {
  top: 22%;
  left: 0%;
  width: 12%;
  object-fit: cover;
  filter: invert(82%) sepia(27%) saturate(7112%) hue-rotate(321deg) brightness(105%) contrast(97%);
  transform: rotate(-22deg);
}
[dir=rtl] .startup-style .startup-home-section .home-img .home-1 {
  left: unset;
  right: -10%;
}
.startup-style .startup-home-section .home-2 {
  top: 12%;
  right: -8%;
  width: 34%;
  animation: move-img 5s linear infinite;
}
[dir=rtl] .startup-style .startup-home-section .home-2 {
  left: -8%;
  right: unset;
}
@media (max-width: 1500px) {
  .startup-style .startup-home-section .home-2 {
    width: 35%;
    right: -10px;
  }
  [dir=rtl] .startup-style .startup-home-section .home-2 {
    left: -10%;
    right: unset;
  }
}
.startup-style .startup-home-section .home-3 {
  left: -20%;
  bottom: 10%;
  width: 40%;
  box-shadow: 2px 4px 36px 0 rgba(var(--title-color), 0.06);
  animation: move-img 5s linear infinite;
}
[dir=rtl] .startup-style .startup-home-section .home-3 {
  left: unset;
  right: -20%;
}
@media (max-width: 1500px) {
  .startup-style .startup-home-section .home-3 {
    width: 40%;
  }
}
.startup-style .startup-about .right-container {
  padding-right: 12px;
}
[dir=rtl] .startup-style .startup-about .right-container {
  padding-right: 0;
  padding-left: 12px;
}
@media (max-width: 575px) {
  .startup-style .startup-about .right-container {
    padding-inline: 12px;
  }
}
@media (min-width: 576px) {
  .startup-style .startup-about .right-container {
    margin-inline: calc((100% - 540px) / 2);
  }
}
@media (min-width: 768px) {
  .startup-style .startup-about .right-container {
    margin-inline: calc((100% - 720px) / 2);
  }
}
@media (min-width: 992px) {
  .startup-style .startup-about .right-container {
    margin-right: calc((100% - 960px) / 2);
    margin-left: 0;
  }
  [dir=rtl] .startup-style .startup-about .right-container {
    margin-right: 0;
    margin-left: calc((100% - 960px) / 2);
  }
}
@media (min-width: 1200px) {
  .startup-style .startup-about .right-container {
    margin-right: calc((100% - 1140px) / 2);
  }
  [dir=rtl] .startup-style .startup-about .right-container {
    margin-right: 0;
    margin-left: calc((100% - 1140px) / 2);
  }
}
@media (min-width: 1400px) {
  .startup-style .startup-about .right-container {
    margin-right: calc((100% - 1320px) / 2);
  }
  [dir=rtl] .startup-style .startup-about .right-container {
    margin-right: 0;
    margin-left: calc((100% - 1320px) / 2);
  }
}
@media (min-width: 1440px) {
  .startup-style .startup-about .right-container {
    margin-right: calc((100% - 1399px) / 2);
  }
  [dir=rtl] .startup-style .startup-about .right-container {
    margin-right: 0;
    margin-left: calc((100% - 1399px) / 2);
  }
}
.startup-style .startup-about .about-img {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.startup-style .startup-about .about-absolute-img {
  position: absolute;
  top: 0;
  left: 0;
}
.startup-style .startup-about .about-content .title-style-6 p {
  margin-block: calc(10px + 10 * (100vw - 320px) / 1600) calc(20px + 10 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  width: 85%;
}
@media (max-width: 1199px) {
  .startup-style .startup-about .about-content .title-style-6 p {
    width: 100%;
  }
}
.startup-style .startup-about .about-content .accordion .accordion-item {
  border: 1px solid rgba(var(--border-color), 1);
  border-radius: 10px;
  overflow: hidden;
}
.startup-style .startup-about .about-content .accordion .accordion-item + .accordion-item {
  margin-top: calc(15px + 5 * (100vw - 320px) / 1600);
}
.startup-style .startup-about .about-content .accordion .accordion-body {
  padding: calc(15px + 5 * (100vw - 320px) / 1600);
  padding-top: 0;
  background-color: rgba(var(--white), 1);
  border: none;
}
.startup-style .startup-about .about-content .accordion .accordion-body p {
  color: rgba(var(--content-color), 1);
  padding-top: 15px;
}
.startup-style .startup-about .about-content .accordion .accordion-button {
  padding: calc(15px + 5 * (100vw - 320px) / 1600);
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
  background: rgba(var(--white), 1);
  box-shadow: none;
  border: none;
  text-transform: capitalize;
  font-weight: 500;
}
.startup-style .startup-about .about-content .accordion .accordion-button:not(.collapsed) {
  color: rgba(var(--theme-color), 1);
  padding-bottom: 0;
}
.startup-style .startup-about .about-content .accordion .accordion-button:not(.collapsed)::before {
  content: "";
  position: absolute;
  bottom: calc(-5px + -3 * (100vw - 320px) / 1600);
  left: 20px;
  width: 41px;
  height: 2px;
  background-color: rgba(var(--theme-color), 1);
}
[dir=rtl] .startup-style .startup-about .about-content .accordion .accordion-button:not(.collapsed)::before {
  left: unset;
  right: 20px;
}
.startup-style .startup-about .about-content .accordion .accordion-button:not(.collapsed)::after {
  color: rgba(var(--theme-color), 1);
  content: "\f1ae";
}
.startup-style .startup-about .about-content .accordion .accordion-button::after {
  content: "\ea13";
  background-image: none;
  transform: none;
  font-family: remixicon !important;
  font-style: normal;
  font-size: calc(20px + 4 * (100vw - 320px) / 1600);
  width: unset;
  height: unset;
}
.startup-style .startup-bg-effect,
.startup-style .startup-counter-bg-effect {
  position: relative;
  overflow: hidden;
}
.startup-style .startup-bg-effect::after,
.startup-style .startup-counter-bg-effect::after {
  content: url(../images/startup/bg-effect/price-effect.png);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: -30%;
  z-index: -2;
}
.startup-style .startup-counter-bg-effect::after {
  content: url(../images/startup/bg-effect/counter-effect.png);
  bottom: unset;
  top: 50%;
  transform: translateY(-50%);
}

/**=====================
 2.13 wedding-planner style Start
==========================**/
.wedding-style .main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 39px calc(20px + 100 * (100vw - 320px) / 1600);
  background: transparent;
  padding-bottom: 0;
}
.wedding-style .main-header.sticky {
  z-index: 2;
}
.wedding-style .main-header.sticky .header-content .menu-items > .expand-btn > .menu-item {
  color: rgba(var(--theme-color), 1) !important;
}
.wedding-style .main-header .brand-logo {
  width: calc(80px + 13 * (100vw - 320px) / 1600);
  height: auto;
}
body.dark .wedding-style .main-header .brand-logo img {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
.wedding-style .main-header .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .wedding-style .main-header .header-content {
    justify-content: flex-start;
  }
}
.wedding-style .main-header .header-content .brand-logo,
.wedding-style .main-header .header-content .toggle,
.wedding-style .main-header .header-content .double-border {
  z-index: 1;
}
.wedding-style .main-header .header-content .sidebar-nav {
  z-index: 1;
}
@media (max-width: 1199px) {
  .wedding-style .main-header .header-content .sidebar-nav {
    z-index: 2;
  }
}
.wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn {
  display: block;
}
.wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn:hover::after {
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::after {
  content: "";
  position: relative;
  width: 0;
  height: 2px;
  background-color: rgba(var(--theme-color), 1);
  display: block;
  margin-inline: auto;
  margin-top: 5px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
@media (max-width: 1199px) {
  .wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn::after {
    display: none;
  }
}
.wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: rgba(var(--theme-color), 1);
}
.wedding-style .main-header .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item::after {
  color: rgba(var(--theme-color), 1);
}
@media (max-width: 1199px) {
  .wedding-style .main-header .header-content .double-border {
    margin-left: auto;
  }
  [dir=rtl] .wedding-style .main-header .header-content .double-border {
    margin-right: auto;
    margin-left: 0;
  }
}
.wedding-style .w-home-section {
  position: relative;
  z-index: 0;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .wedding-style .w-home-section {
    padding-bottom: 65px;
  }
}
.wedding-style .w-home-section .home-love {
  bottom: 0;
  right: 0;
  width: 18%;
  opacity: 0.4;
}
@media (max-width: 575px) {
  .wedding-style .w-home-section .home-love {
    display: none;
  }
}
.wedding-style .w-home-section .side-header {
  padding: 10px calc(0px + 30 * (100vw - 320px) / 1600) calc(30px + 81 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  writing-mode: vertical-lr;
  height: 100%;
  transform: scale(-1);
  z-index: 2;
}
@media (max-width: 1199px) {
  .wedding-style .w-home-section .side-header {
    display: none;
  }
}
.wedding-style .w-home-section .side-header h6 {
  color: rgba(var(--theme-color), 1);
  margin: 0;
  font-size: calc(14px + 2 * (100vw - 1199px) / 721);
}
.wedding-style .w-home-section .side-header .side-scroll {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wedding-style .w-home-section .side-header .side-scroll .scroll-line {
  width: 1px;
  height: 53px;
  background-color: rgba(var(--theme-color), 1);
  position: relative;
  transform: scale(-1);
}
.wedding-style .w-home-section .side-header .side-scroll .scroll-line .scroll-dot {
  width: 8px;
  height: 8px;
  background-color: rgba(var(--theme-color), 1);
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  position: absolute;
  border-radius: 100%;
  animation: scroll-dot 3s infinite ease-in-out;
}
.wedding-style .w-home-section .main-front {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 135px;
  padding-right: 20px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .wedding-style .w-home-section .main-front {
    gap: 30px;
  }
}
.wedding-style .w-home-section .w-front-slider {
  width: 100%;
}
.wedding-style .w-home-section .w-front-slider .home-front-img {
  width: 32%;
  border: 1px solid rgba(var(--content-color), 1);
  position: relative;
  z-index: 0;
}
@media (max-width: 991px) {
  .wedding-style .w-home-section .w-front-slider .home-front-img {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .wedding-style .w-home-section .w-front-slider .home-front-img {
    width: 50%;
    margin: 0 auto;
  }
}
@media (max-width: 680px) {
  .wedding-style .w-home-section .w-front-slider .home-front-img {
    width: 70%;
  }
}
@media (max-width: 550px) {
  .wedding-style .w-home-section .w-front-slider .home-front-img {
    width: 100%;
  }
}
.wedding-style .w-home-section .w-front-slider .home-front-img .slider-img {
  object-fit: cover;
  width: 100%;
}
.wedding-style .w-home-section .w-front-slider .home-front-img .home-flower {
  position: absolute;
  bottom: -59px;
  left: -30%;
}
@media (max-width: 1500px) {
  .wedding-style .w-home-section .w-front-slider .home-front-img .home-flower {
    bottom: 5px;
    left: -40%;
    width: 60%;
  }
}
@media (max-width: 991px) {
  .wedding-style .w-home-section .w-front-slider .home-front-img .home-flower {
    display: none;
  }
}
.wedding-style .w-home-section .w-front-slider .home-front-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(168, 81, 64, 0.1);
  backdrop-filter: blur(10px);
  z-index: -1;
}
.wedding-style .w-home-section .w-front-slider .swiper-slide-next {
  transform: scale(0.5);
  transition: 0.5s ease;
}
.wedding-style .w-home-section .w-front-slider .swiper-slide-next .main-front {
  padding-left: 0;
  position: relative;
}
.wedding-style .w-home-section .w-front-slider .swiper-slide-next .main-front::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(var(--content-color), 1);
  transform: rotate(-4deg);
  z-index: -1;
  background-color: transparent;
  backdrop-filter: none;
}
@media (max-width: 575px) {
  .wedding-style .w-home-section .w-front-slider .swiper-slide-next .main-front::after {
    transform: rotate(-2deg);
  }
}
.wedding-style .w-home-section .w-front-slider .swiper-slide-active {
  transform: scale(1);
}
.wedding-style .w-home-section .w-front-slider .swiper-slide-active .main-front {
  padding-left: calc(20px + 240 * (100vw - 320px) / 1600);
}
.wedding-style .w-home-section .w-front-slider .swiper-slide-active .main-front::after {
  display: none;
}
.wedding-style .w-home-section .w-front-slider .swiper-slide-active .main-front .home-front-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(var(--content-color), 1);
  transform: rotate(-4deg);
  z-index: -1;
  background-color: transparent;
  backdrop-filter: none;
}
@media (max-width: 575px) {
  .wedding-style .w-home-section .w-front-slider .swiper-slide-active .main-front .home-front-img::after {
    transform: rotate(-2deg);
  }
}
@media (max-width: 991px) {
  .wedding-style .w-home-section .w-front-slider .swiper-slide-active .main-front {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .wedding-style .w-home-section .w-front-slider .swiper-slide-active .main-front {
    padding-left: 20px;
  }
}
.wedding-style .w-home-section .w-front-slider .swiper-slide-active .w-home-content {
  display: block;
}
@media (max-width: 767px) {
  .wedding-style .w-home-section .w-front-slider .swiper-slide-active .w-home-content {
    text-align: center;
  }
}
.wedding-style .w-home-section .w-front-slider .w-home-content {
  width: 45%;
  padding-left: calc(20px + 45 * (100vw - 767px) / 1153);
  display: none;
}
@media (max-width: 1199px) {
  .wedding-style .w-home-section .w-front-slider .w-home-content {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .wedding-style .w-home-section .w-front-slider .w-home-content {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .wedding-style .w-home-section .w-front-slider .w-home-content {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 1600px) and (min-width: 991px) {
  .wedding-style .w-home-section .w-front-slider .w-home-content h1 {
    font-size: 40px;
  }
}
.wedding-style .w-home-section .w-front-slider .w-home-content .title-style-4 {
  margin-bottom: 0;
}
.wedding-style .w-home-section .w-front-slider .w-home-content .title-style-4 h1 {
  margin-top: calc(5px + 15 * (100vw - 320px) / 1600);
  margin-bottom: calc(10px + 25 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 1);
  text-transform: uppercase;
  line-height: 1.5;
}
@media (max-width: 575px) {
  .wedding-style .w-home-section .w-front-slider .w-home-content .title-style-4 h1 {
    text-transform: capitalize;
  }
}
.wedding-style .w-home-section .w-front-slider .w-home-content p {
  margin-bottom: calc(10px + 20 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 0.75);
  letter-spacing: 0.2px;
  font-weight: 500;
}
.wedding-style .w-home-section .w-front-slider .w-home-content .double-border {
  color: #fff;
}
.wedding-style .w-home-section .w-front-slider .w-home-content .double-border span {
  padding: 12px 30px;
}
.wedding-style .w-home-section .w-front-slider .w-home-content .double-border span::after {
  transform: scale(1);
  background: rgba(var(--theme-color), 1);
}
.wedding-style .w-home-section .w-front-slider .w-home-content .double-border:hover {
  color: rgba(var(--theme-color), 1);
}
.wedding-style .w-home-section .w-front-slider .w-home-content .double-border:hover span::after {
  transform: scale(0);
  background: transparent;
}
.wedding-style .w-home-section .w-back-slider {
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  height: 100%;
  background: rgb(248, 239, 230);
  z-index: -1;
}
.wedding-style .w-home-section .w-back-slider .w-home-slider {
  height: 100%;
}
@media (max-width: 991px) {
  .wedding-style .w-home-section .w-back-slider {
    width: 100%;
  }
}
.wedding-style .w-home-section .w-back-slider .home-back-img {
  opacity: 0.1;
  height: 100%;
}
.wedding-style .w-home-section .w-back-slider .home-back-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wedding-style .w-home-section .w-home-slider2 {
  overflow: unset;
}
.wedding-style .w-about-planner {
  position: relative;
}
.wedding-style .w-about-planner .about-content {
  width: 62%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .wedding-style .w-about-planner .about-content {
    width: 100%;
  }
}
.wedding-style .w-about-planner .about-content .title-style-4 {
  margin-bottom: calc(10px + 20 * (100vw - 320px) / 1600);
}
.wedding-style .w-about-planner .about-content .title-style-4 h2 {
  padding-left: calc(0px + 40 * (100vw - 320px) / 1600);
}
[dir=rtl] .wedding-style .w-about-planner .about-content .title-style-4 h2 {
  padding-left: 0;
  padding-right: calc(0px + 40 * (100vw - 320px) / 1600);
}
.wedding-style .w-about-planner .about-content p {
  color: rgba(var(--theme-color), 0.75);
  text-align: center;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
}
.wedding-style .w-about-planner .about-img {
  position: relative;
  margin-top: 10px;
  cursor: pointer;
}
.wedding-style .w-about-planner .about-img .flower-left {
  position: absolute;
  bottom: 47px;
  left: -85px;
}
[dir=rtl] .wedding-style .w-about-planner .about-img .flower-left {
  left: unset;
  right: -85px;
  transform: scaleX(-1);
}
@media (max-width: 1199px) {
  .wedding-style .w-about-planner .about-img .flower-left {
    bottom: 73px;
  }
}
@media (max-width: 991px) {
  .wedding-style .w-about-planner .about-img .flower-left {
    bottom: 67px;
    left: -60px;
    width: 35%;
  }
  [dir=rtl] .wedding-style .w-about-planner .about-img .flower-left {
    right: -60px;
  }
}
.wedding-style .w-about-planner .about-img h5 {
  color: rgba(var(--theme-color), 1);
  text-transform: uppercase;
  margin-top: 20px;
  letter-spacing: 0.32px;
}
@media (max-width: 430px) {
  .wedding-style .w-about-planner .about-img h5 {
    text-transform: capitalize;
  }
}
.wedding-style .w-about-planner .flower-right {
  position: absolute;
  bottom: 47px;
  right: -85px;
  transform: scaleX(-1);
}
[dir=rtl] .wedding-style .w-about-planner .flower-right {
  left: -85px;
  right: unset;
  transform: scaleX(1);
}
@media (max-width: 1199px) {
  .wedding-style .w-about-planner .flower-right {
    bottom: 73px;
  }
}
@media (max-width: 991px) {
  .wedding-style .w-about-planner .flower-right {
    bottom: 67px;
    right: -60px;
    width: 35%;
  }
  [dir=rtl] .wedding-style .w-about-planner .flower-right {
    left: -60px;
    right: unset;
  }
}
.wedding-style .about-left-img,
.wedding-style .about-right-img {
  position: relative;
}
.wedding-style .about-left-img img,
.wedding-style .about-right-img img {
  width: 100%;
}
.wedding-style .about-left-img::after,
.wedding-style .about-right-img::after {
  top: 0;
  content: "";
  position: absolute;
  width: calc(100% - 15px);
  height: calc(100% - 15px);
  border: 1px solid rgba(var(--content-color), 1);
}
.wedding-style .about-left-img {
  padding-left: 15px;
  padding-top: 15px;
}
[dir=rtl] .wedding-style .about-left-img {
  padding-left: 0;
  padding-right: 15px;
}
.wedding-style .about-left-img::after {
  left: 0;
}
[dir=rtl] .wedding-style .about-left-img::after {
  left: unset;
  right: 0;
}
.wedding-style .about-right-img {
  padding-right: 15px;
  padding-top: 15px;
}
[dir=rtl] .wedding-style .about-right-img {
  padding-left: 15px;
  padding-right: 0;
}
.wedding-style .about-right-img::after {
  right: 0;
}
[dir=rtl] .wedding-style .about-right-img::after {
  right: unset;
  left: 0;
}
.wedding-style .theme-setting-box .theme-setting .theme-setting-header h5 {
  color: rgba(var(--theme-color), 1);
}
.wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .sub-title {
  color: rgba(var(--theme-color), 1);
}
.wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio {
  background-color: rgba(var(--sec-bg-color), 0.6);
}
.wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex label,
.wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex span {
  font-size: 15px;
  color: rgba(var(--theme-color), 1);
}

/* Base */
/*========================
  3.1 Reset style start
==========================*/
html {
  scroll-behavior: smooth;
}
html::-webkit-scrollbar {
  width: 0;
}

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

.section-b-space {
  padding-bottom: calc(40px + 70 * (100vw - 320px) / 1600);
}

.section-t-sm-space {
  padding-top: calc(35px + 45 * (100vw - 320px) / 1600);
}

.section-b-sm-space {
  padding-bottom: calc(35px + 45 * (100vw - 320px) / 1600);
}

.width-100 {
  width: 100% !important;
}
@media (min-width: 1399px) {
  .width-100 {
    width: 60% !important;
  }
}

.p-center-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.p-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.p-center-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.p-center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .p-center-between {
    justify-content: start;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1399px;
  }
}
.no-border {
  border: none;
}

.custom-lg-container {
  padding-inline: 70px;
}

@media (max-width: 575px) {
  .custom-sm-container {
    padding: 0 12px;
  }
}

section:has(.title-style-12.text-center) {
  overflow: hidden;
}

.form-control:focus,
.form-check-input:focus,
.form-select:focus {
  box-shadow: none;
  border-color: rgba(var(--white), 0.8);
}

i {
  line-height: 1;
}

a {
  display: inline-block;
}

.footer-logo,
.brand-logo {
  display: inline-block;
}
.footer-logo img,
.brand-logo img {
  width: calc(70px + 15 * (100vw - 320px) / 1600);
  height: auto;
  object-fit: contain;
}

.theme-badge {
  border-radius: 0;
  margin-left: 4px;
  position: relative;
  padding: 4px 10px;
  font-size: 11px;
  overflow: hidden;
  color: #fff;
  font-weight: 500;
  line-height: 1;
}
[dir=rtl] .theme-badge {
  margin-right: 4px;
  margin-left: 0;
}
.theme-badge.badge-border {
  background-color: #007170;
  animation: blink 1.5s infinite;
}
.theme-badge.badge-shine {
  background-color: #d23730;
}
.theme-badge.badge-shine::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  z-index: 1;
  animation: shine 1.5s infinite;
}

.tooltip .tooltip-arrow::before {
  border-top-color: rgba(var(--theme-color), 0.9) !important;
}
.tooltip .tooltip-inner {
  background-color: rgba(var(--theme-color), 0.9);
  border-radius: 0;
  padding: 4px 10px;
  line-height: 1;
  font-weight: 500;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
}

.swiper {
  z-index: 0;
}
[dir=rtl] .swiper {
  direction: ltr;
}

.custom-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.custom-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(var(--content-color), 0.2);
  border-radius: 10px;
}
.custom-scroll::-webkit-scrollbar-track {
  background-color: rgba(var(--content-color), 0.2);
  border-radius: 10px;
}

.loading-container {
  position: fixed;
  inset: 0;
  width: 100%;
  height: auto;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  background-color: rgba(var(--white), 1);
}
.loading-container.hide {
  opacity: 0;
  pointer-events: none;
}
.loading-container .loading-text {
  font-family: var(--labre-font);
  font-size: calc(35px + 25 * (100vw - 320px) / 1600);
  font-weight: 600;
  color: rgba(var(--theme-color), 1);
  display: flex;
  align-items: center;
  letter-spacing: calc(6px + 4 * (100vw - 320px) / 1600);
}
.loading-container .loading-text span {
  animation: moveLetters 2.4s infinite ease-in-out;
  opacity: 0;
}

.lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.lightbox-overlay.active {
  display: flex;
}

.lightbox-img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 8px;
}

.lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

.event-style .modal .modal-content .btn-close {
  background-color: rgba(var(--bg-color), 0.1) !important;
}

/*========================
  3.2 Typography style start
==========================*/
body {
  position: relative;
  font-size: 14px;
  margin: 0;
  color: rgba(var(--title-color), 1);
  background-color: rgba(var(--white), 1);
}
body.nunito-font {
  font-family: var(--nunito-font);
}
body.labre-font {
  font-family: var(--labre-font);
}
body.fahkwang-font {
  font-family: var(--fahkwang);
}
body.open-sans-font {
  font-family: var(--open-sans);
}
body.poppins-font {
  font-family: var(--poppins);
}
body.limelight-font {
  font-family: var(--limelight);
}
body.libreFranklin-font {
  font-family: var(--libreFranklin);
}
body.montserrat-font {
  font-family: var(--montserrat);
}
body.darker-font {
  font-family: var(--darker);
}
body.dm-sans-font {
  font-family: var(--dm-sans);
}
body.sue-font {
  font-family: var(--sue);
}

ul,
ol {
  padding-left: 0;
  margin-bottom: 0;
}

li {
  display: inline-block;
}

a {
  text-decoration: none;
  transition: 0.4s ease;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: none;
}

h1 {
  font-weight: 600;
  font-size: calc(32px + 22 * (100vw - 320px) / 1600);
  line-height: 1.3;
  margin-bottom: 0;
}

h2 {
  font-weight: 600;
  font-size: calc(26px + 14 * (100vw - 320px) / 1600);
  line-height: 1.3;
  margin-bottom: 0;
}

h3 {
  font-weight: 500;
  font-size: calc(22px + 2 * (100vw - 320px) / 1600);
  line-height: 1.3;
  margin-bottom: 0;
}

h4 {
  font-weight: 500;
  font-size: calc(20px + 2 * (100vw - 320px) / 1600);
  line-height: 1.3;
  margin-bottom: 0;
}

h5 {
  font-weight: 400;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  line-height: 1.3;
  margin-bottom: 0;
}

h6 {
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.3;
  margin-bottom: 0;
}

p {
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.5;
  margin-bottom: 0;
}

li {
  font-weight: 400;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  line-height: 1.2;
  margin-bottom: 0;
}

/* Layout */
/*========================
  4.1 Team style start
==========================*/
.charity-team-section {
  position: relative;
}
.charity-team-section .left-quote {
  bottom: 18%;
  left: 6%;
  position: absolute;
  transform: scaleX(-1);
}
@media (max-width: 991px) {
  .charity-team-section .left-quote {
    display: none;
  }
}
[dir=rtl] .charity-team-section .left-quote {
  left: unset;
  right: 6%;
  transform: scaleX(1);
}
.charity-team-section .right-quote {
  top: 25%;
  position: absolute;
  right: 8%;
}
@media (max-width: 991px) {
  .charity-team-section .right-quote {
    display: none;
  }
}
[dir=rtl] .charity-team-section .right-quote {
  left: 8%;
  right: unset;
  transform: scaleX(-1);
}
.charity-team-section .team-box {
  background: rgba(var(--white), 1);
  padding: calc(25px + 25 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
  text-align: center;
  position: relative;
}
.charity-team-section .team-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 60px;
  height: 3px;
  background: rgba(var(--title-color), 1);
  transform: translateX(-50%);
}
.charity-team-section .team-box .team-img img {
  width: calc(100px + 28 * (100vw - 320px) / 1600);
  height: calc(100px + 28 * (100vw - 320px) / 1600);
  object-fit: contain;
  border-radius: 100%;
}
.charity-team-section .team-box .team-content {
  padding-top: calc(15px + 9 * (100vw - 320px) / 1600);
}
.charity-team-section .team-box .team-content h5 {
  color: rgba(var(--title-color), 1);
  font-weight: 600;
  padding-bottom: calc(5px + 2 * (100vw - 320px) / 1600);
}
.charity-team-section .team-box .team-content h6 {
  color: rgba(var(--title-color), 0.6);
  font-size: calc(14px + 6 * (100vw - 320px) / 1600);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.charity-team-section .team-box .team-content h6 span {
  color: rgba(var(--title-color), 1);
  font-weight: 700;
}
.charity-team-section .team-box .team-content p {
  color: rgba(var(--title-color), 0.6);
  padding-top: calc(12px + 18 * (100vw - 320px) / 1600);
}

.w-team-planner .team-box {
  position: relative;
  overflow: hidden;
}
.w-team-planner .team-box .team-img {
  height: 628px;
}
.w-team-planner .team-box .team-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.w-team-planner .team-box .team-img::after {
  content: "";
  position: absolute;
  bottom: -100%;
  left: 0;
  background-color: rgba(var(--theme-color), 0.5);
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.w-team-planner .team-box .team-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.w-team-planner .team-box .team-info h2 {
  font-weight: 700;
  color: #fff;
  width: 90%;
  margin-bottom: 10px;
  margin-inline: auto;
  line-height: 1.2;
}
.w-team-planner .team-box .team-info h5 {
  font-weight: 500;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
}
.w-team-planner .team-box .team-info h4 {
  font-weight: 400;
  color: #fff;
  padding-top: 30px;
}
.w-team-planner .team-box:hover .team-img::after {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.w-team-planner .team-box:hover .team-info {
  opacity: 1;
  visibility: visible;
}
.w-team-planner .team-content .title-style-4 {
  margin-bottom: 0;
}
.w-team-planner .team-content p {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 0.75);
  margin-bottom: calc(30px + 20 * (100vw - 320px) / 1600);
}

.seo-team-section .team-img {
  position: relative;
}
.seo-team-section .team-img .object-11 {
  top: 18%;
  right: 8%;
  animation: zoomInOut 10s infinite linear;
}
.seo-team-section .team-img .object-12 {
  top: 7%;
  right: 1%;
  animation: zoomInOut 10s infinite linear;
}
@media (max-width: 991px) {
  .seo-team-section .team-content {
    text-align: center;
  }
}
.seo-team-section .team-content ul li {
  border: 2px solid rgba(var(--title-color), 1);
  background: rgba(var(--bg-color), 1);
  padding: calc(10px + 6 * (100vw - 320px) / 1600) calc(18px + 4 * (100vw - 320px) / 1600);
  position: relative;
  width: 70%;
  color: rgba(var(--title-color), 1);
  font-weight: 500;
  box-shadow: 0 5px 0px 0px rgba(var(--title-color), 1);
}
@media (max-width: 1199px) {
  .seo-team-section .team-content ul li {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .seo-team-section .team-content ul li {
    width: 100%;
  }
}
.seo-team-section .team-content ul li + li {
  margin-top: calc(20px + 5 * (100vw - 320px) / 1600);
}
.seo-team-section .team-content ul li::after, .seo-team-section .team-content ul li::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  transform: rotate(57deg);
  opacity: 0;
  visibility: hidden;
}
[dir=rtl] .seo-team-section .team-content ul li::after, [dir=rtl] .seo-team-section .team-content ul li::before {
  transform: rotate(-57deg);
}
@media (max-width: 575px) {
  .seo-team-section .team-content ul li::after, .seo-team-section .team-content ul li::before {
    display: none;
  }
}
.seo-team-section .team-content ul li::after {
  top: -17px;
  right: -15px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 32px solid rgba(var(--bg-color), 1);
}
[dir=rtl] .seo-team-section .team-content ul li::after {
  right: unset;
  left: -15px;
}
.seo-team-section .team-content ul li::before {
  top: -20px;
  right: -20px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 34px solid rgba(var(--title-color), 1);
}
[dir=rtl] .seo-team-section .team-content ul li::before {
  right: unset;
  left: -20px;
}
.seo-team-section .team-content ul li .box-line {
  top: 0px;
  right: 7px;
  transition: none;
  filter: brightness(0.9);
}
[dir=rtl] .seo-team-section .team-content ul li .box-line {
  right: unset;
  left: 7px;
  transform: scaleX(-1);
}
@media (max-width: 575px) {
  .seo-team-section .team-content ul li .box-line {
    display: none;
  }
}
.seo-team-section .team-content ul li:hover::after, .seo-team-section .team-content ul li:hover::before, .seo-team-section .team-content ul li.active::after, .seo-team-section .team-content ul li.active::before {
  opacity: 1;
  visibility: visible;
}
.seo-team-section .team-content ul li:hover .box-line, .seo-team-section .team-content ul li.active .box-line {
  filter: brightness(0);
}

.startup-team .team-content .title-style-6 {
  margin-bottom: calc(25px + 15 * (100vw - 320px) / 1600);
}
.startup-team .team-content p {
  color: rgba(var(--content-color), 1);
  width: 80%;
  border-left: 3px solid rgba(var(--secondary-color), 1);
  padding-left: 15px;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
}
[dir=rtl] .startup-team .team-content p {
  border-right: 3px solid rgba(var(--secondary-color), 1);
  padding-right: 15px;
  padding-left: 0;
  border-left: none;
}
@media (max-width: 575px) {
  .startup-team .team-content p {
    width: 100%;
  }
}
.startup-team .team-content ul li {
  display: flex;
  align-items: center;
  gap: calc(8px + 7 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
}
@media (max-width: 420px) {
  .startup-team .team-content ul li {
    align-items: flex-start;
  }
}
.startup-team .team-content ul li + li {
  padding-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
.startup-team .team-content ul li img {
  width: calc(18px + 6 * (100vw - 320px) / 1600);
  height: calc(18px + 6 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.startup-team .team-content ul li h5 {
  width: calc(100% - (8px + 7 * (100vw - 320px) / 1600) - (18px + 6 * (100vw - 320px) / 1600));
  font-size: calc(15px + 5 * (100vw - 320px) / 1600);
}
.startup-team .team-img {
  position: relative;
  box-shadow: 25px 25px 45px 0 rgba(var(--title-color), 0.15);
  overflow: hidden;
  transition: 0.8s ease;
  border-radius: 10px;
}
.startup-team .team-img img {
  border: 1px solid rgba(var(--border-color), 1);
  border-radius: 10px;
}
.startup-team .team-img h5 {
  color: rgba(var(--title-color), 1);
  text-transform: uppercase;
  position: absolute;
  background: rgba(var(--white), 1);
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  bottom: 0;
  left: 0;
  border-top-right-radius: 35px;
  border-bottom-left-radius: 10px;
  font-size: calc(14px + 6 * (100vw - 320px) / 1600);
  transition: 0.8s ease;
}
@media (max-width: 1399px) {
  .startup-team .team-img h5 {
    text-transform: capitalize;
  }
}
.startup-team .team-img h5 span {
  color: rgba(var(--content-color), 1);
  text-transform: capitalize;
}
.startup-team .team-img:hover {
  transform: translateY(-15px);
}

.event-team-section {
  position: relative;
}
.event-team-section .effect-1 {
  top: 11%;
  right: 7%;
  filter: brightness(0) invert(1);
}
.event-team-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/event/bg-effect/team.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
}
.event-team-section .team-box .team-img {
  background: rgba(var(--theme-color), 0.05);
  transition: 0.8s ease;
}
.event-team-section .team-box .team-profile {
  position: relative;
}
.event-team-section .team-box .team-profile::before {
  content: "";
  position: relative;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin-top: 20px;
  margin-bottom: calc(10px + 5 * (100vw - 320px) / 1600);
  display: inline-block;
}
.event-team-section .team-box .team-profile::after {
  content: "";
  position: absolute;
  top: 19px;
  left: 0;
  width: 56px;
  height: 3px;
  background: rgba(var(--theme-color), 1);
  transition: 0.8s ease;
}
[dir=rtl] .event-team-section .team-box .team-profile::after {
  left: unset;
  right: 0;
}
.event-team-section .team-box .team-profile h4 {
  color: #fff;
  transition: 0.4s ease;
}
.event-team-section .team-box .team-profile h6 {
  color: rgba(var(--content-color), 1);
  margin-top: 2px;
}
.event-team-section .team-box:hover .team-img {
  background: rgba(var(--theme-color), 0.2);
}
.event-team-section .team-box:hover .team-profile::after {
  width: 100%;
}
.event-team-section .team-box:hover .team-profile h4 {
  color: rgba(var(--theme-color), 1);
}

.design-team-section .design-team-slider {
  padding-top: 8px;
}
.design-team-section .team-box {
  position: relative;
  padding: 8px;
  display: flex;
  align-items: center;
  padding-bottom: 0;
  flex-direction: column;
  transition: 0.4s ease;
  margin-inline: 1px;
}
.design-team-section .team-box:hover {
  transform: translateY(-8px);
}
.design-team-section .team-box .team-img {
  position: relative;
  width: 100%;
}
.design-team-section .team-box .team-img::after {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: calc(100% + 16px);
  height: 100%;
  z-index: -1;
}
.design-team-section .team-box .team-content {
  text-align: center;
  padding: calc(12px + 3 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-dark-color), 0.3);
  border: 2px solid rgba(255, 255, 255, 0.1);
  margin-top: 0;
}
.design-team-section .team-box .team-content h5 {
  color: #fff;
  font-weight: 700;
}
.design-team-section .team-box .team-content h6 {
  color: #fff;
  padding-top: 2px;
  padding-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
}
.design-team-section .team-box .team-content h6::after {
  content: "";
  position: relative;
  width: 40px;
  height: 2px;
  background: rgba(var(--theme-color), 1);
  display: block;
  margin: 10px auto auto;
}
.design-team-section .team-box .team-content p {
  color: #fff;
}

.cafe-team-section {
  position: relative;
  z-index: 0;
}
.cafe-team-section .object-1 {
  top: 11%;
  left: 17%;
  animation: zoomInOut 10s infinite linear;
}
.cafe-team-section .object-2 {
  bottom: 12%;
  left: 2%;
  animation: rotate 10s infinite linear;
}
.cafe-team-section .object-3 {
  top: 9%;
  right: 14%;
  animation: opacity 10s infinite linear;
}
.cafe-team-section .stroke-title {
  position: absolute;
  top: 0;
  right: calc(14px + 16 * (100vw - 1199px) / 721);
  writing-mode: vertical-lr;
  display: flex;
  align-items: center;
  gap: calc(20px + 20 * (100vw - 1199px) / 721);
  animation: vertical-marquee 20s linear infinite;
}
[dir=rtl] .cafe-team-section .stroke-title {
  left: calc(14px + 16 * (100vw - 1199px) / 721);
  right: unset;
}
@media (max-width: 1538px) {
  .cafe-team-section .stroke-title {
    display: none;
  }
}
.cafe-team-section span {
  font-size: 80px;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  letter-spacing: 6px;
}
@media (max-width: 1624px) {
  .cafe-team-section span {
    font-size: 60px;
  }
}
@media (max-width: 1599px) {
  .cafe-team-section span {
    font-size: 50px;
  }
}
.cafe-team-section .team-box {
  border: 2px solid rgba(255, 255, 255, 0.15);
  transition: 0.4s ease;
  position: relative;
  margin: 16px;
}
@media (max-width: 767px) {
  .cafe-team-section .team-box.active {
    border: 2px dashed rgba(var(--theme-color), 1);
  }
  .cafe-team-section .team-box.active::before {
    opacity: 1;
    visibility: visible;
  }
  .cafe-team-section .team-box.active::after {
    opacity: 0;
    visibility: hidden;
  }
  .cafe-team-section .team-box.active .team-img::after {
    border-color: rgba(var(--theme-color), 1);
  }
  .cafe-team-section .team-box.active .border-effect-box {
    opacity: 1;
    visibility: visible;
  }
}
.cafe-team-section .team-box::before {
  content: "";
  background: radial-gradient(43% 43% at 50% 41.63%, #374056 0%, rgba(var(--bg-color), 1) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s ease;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.cafe-team-section .team-box::after {
  content: "";
  background: linear-gradient(146deg, rgba(255, 255, 255, 0.14) 1.79%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s ease;
  z-index: -1;
  opacity: 1;
  visibility: visible;
  transition: 0.4s ease;
}
.cafe-team-section .team-box:hover {
  border: 2px dashed rgba(var(--theme-color), 1);
}
.cafe-team-section .team-box:hover::before {
  opacity: 1;
  visibility: visible;
}
.cafe-team-section .team-box:hover::after {
  opacity: 0;
  visibility: hidden;
}
.cafe-team-section .team-box:hover .team-img::after {
  border-color: rgba(var(--theme-color), 1);
}
.cafe-team-section .team-box:hover .border-effect-box {
  opacity: 1;
  visibility: visible;
}
.cafe-team-section .team-box .team-img::after {
  content: "";
  position: relative;
  height: 3px;
  width: calc(100% - 60px);
  border-bottom: 3px solid rgba(255, 255, 255, 0.15);
  display: block;
  margin-inline: auto;
  transition: 0.4s ease;
}
.cafe-team-section .team-box .team-img img {
  width: 100%;
}
.cafe-team-section .team-box .team-info {
  text-align: center;
  padding: calc(20px + 10 * (100vw - 320px) / 1600);
}
.cafe-team-section .team-box .team-info h5 {
  color: #fff;
  margin-bottom: 8px;
}
.cafe-team-section .team-box .team-info h6 {
  color: rgba(var(--theme-color), 1);
}
.cafe-team-section .team-box .border-effect-box {
  border-color: rgba(var(--theme-color), 1);
  border-width: 2px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.cafe-team-section .team-box .border-effect-box::after {
  background: rgba(var(--theme-color), 1);
}

.digital-team-section .team-box:hover .team-main-img::before {
  opacity: 1;
  visibility: visible;
}
.digital-team-section .team-box:hover .team-img {
  clip-path: polygon(0 0, 100% 0, 100% 82%, 84% 100%, 0 100%, 0% 50%);
  background: linear-gradient(166deg, rgba(var(--theme-color), 0.3) 0%, rgba(var(--theme-color-1), 0.3) 100%);
}
.digital-team-section .team-box:hover .team-content::before {
  opacity: 1;
  visibility: visible;
}
.digital-team-section .team-box .team-main-img {
  position: relative;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  clip-path: polygon(0 0, 100% 0, 100% 82%, 84% 100%, 0 100%, 0% 50%);
  padding: 0 8px 8px 0;
}
[dir=rtl] .digital-team-section .team-box .team-main-img {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 16% 100%, 0 82%);
}
.digital-team-section .team-box .team-main-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.digital-team-section .team-box .border-team-box {
  clip-path: polygon(0 0, 100% 0, 100% 82%, 84% 100%, 0 100%, 0% 50%);
  background: rgba(var(--white), 1);
  padding: 0 2px 2px 0;
}
[dir=rtl] .digital-team-section .team-box .border-team-box {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 18% 100%, 0 80%);
}
.digital-team-section .team-box .team-img {
  clip-path: polygon(0 0, 100% 0, 100% 82%, 84% 100%, 0 100%, 0% 50%);
  transition: 0.4s ease;
}
[dir=rtl] .digital-team-section .team-box .team-img {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 18% 100%, 0 80%);
}
.digital-team-section .team-box .team-img img {
  mix-blend-mode: overlay;
  width: 100%;
}
.digital-team-section .team-box .team-content {
  border-top: 1px solid rgba(var(--border-color), 1);
}
.digital-team-section .team-box .team-content::before {
  content: "";
  position: relative;
  width: 100%;
  height: 1px;
  background: linear-gradient(166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.digital-team-section .team-box .team-content h5 {
  font-weight: 500;
  margin-block: calc(10px + 5 * (100vw - 320px) / 1600) 6px;
  text-transform: uppercase;
  color: rgba(var(--title-color), 1);
}
.digital-team-section .team-box .team-content span {
  font-weight: 400;
  font-size: 18px;
  text-transform: lowercase;
}
.digital-team-section .team-box .team-content h6 {
  color: rgba(var(--content-color), 1);
}

.inner-team-page .seo-team-section .title-style-8 h2 {
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
}

/*========================
  4.2 navigation style start
==========================*/
.toggle {
  display: none;
  color: rgba(var(--theme-color), 1);
  border-radius: 8px;
  margin-right: calc(10px + 10 * (100vw - 320px) / 1600);
}
[dir=rtl] .toggle {
  margin-left: calc(10px + 10 * (100vw - 320px) / 1600);
  margin-right: 0;
}
.toggle i {
  font-size: calc(22px + 6 * (100vw - 320px) / 879);
}
@media (max-width: 1199px) {
  .toggle {
    display: flex;
  }
}

.demo-box {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: calc(8px + 4 * (100vw - 320px) / 1600);
  width: 100%;
  text-align: center;
  padding: calc(5px + 5 * (100vw - 320px) / 1600);
  box-shadow: 0 4px 23px rgba(var(--black), 0.05);
  border: 1px solid transparent;
  transition: 0.4s ease;
}
.demo-box:hover {
  border-color: rgba(var(--title-color), 1);
}
body.dark .demo-box:hover {
  border-color: rgba(var(--border-color), 1);
}
.demo-box:hover span {
  color: rgba(var(--theme-color), 1);
}
.demo-box img {
  width: 100%;
}
.demo-box span {
  font-weight: 600;
  color: rgba(var(--title-color), 1);
  transition: all 0.5s ease;
  text-transform: capitalize;
  font-size: calc(12px + 4 * (100vw - 320px) / 1600);
}

.link-box .link-title {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 18px;
}
.link-box .link-title:nth-of-type(n + 2) {
  margin-top: 15px;
}
@media (max-width: 1199px) {
  .link-box .link-title {
    font-weight: 600;
    margin-bottom: 14px;
    font-size: 17px;
  }
}

/*========================
  4.7 navigation style start
==========================*/
.menu-items {
  display: flex;
  align-items: center;
}

/* dropdown menu */
.sidebar-nav .dropdown-menus {
  position: relative;
}
.sidebar-nav .dropdown-menus.dropdown-right .menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 1199px) {
  .sidebar-nav .dropdown-menus.dropdown-right .menu-item.open::after {
    content: "\f498" !important;
  }
}
.sidebar-nav .dropdown-menus.dropdown-right .menu-item::after {
  content: "\f496";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  color: rgba(var(--title-color), 1);
  font-size: 18px;
  transition: 0.4s ease;
}
[dir=rtl] .sidebar-nav .dropdown-menus.dropdown-right .menu-item::after {
  transform: scaleX(-1);
}
@media (max-width: 1199px) {
  .sidebar-nav .dropdown-menus.dropdown-right .menu-item::after {
    content: "\f492";
  }
}

.padding-20 {
  padding: 20px;
}
@media (max-width: 1199px) {
  .padding-20 {
    padding: 0;
  }
}

.sidebar-nav .dropdown-megamenu,
.menu-right {
  position: absolute;
  background: rgba(var(--white), 1);
  width: 200px !important;
  top: 60px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.05);
  padding: 20px;
}
[dir=rtl] .sidebar-nav .dropdown-megamenu,
[dir=rtl] .menu-right {
  padding-right: 20px;
}

.sidebar-nav .menu-right {
  top: 0;
  left: 100%;
}
[dir=rtl] .sidebar-nav .menu-right {
  left: unset;
  right: 100%;
}

.sidebar-nav .dropdown-megamenu,
.menu-left {
  left: unset;
  right: 0;
}
[dir=rtl] .sidebar-nav .dropdown-megamenu,
[dir=rtl] .menu-left {
  left: 0;
  right: unset;
}

.sidebar-nav .menu-left {
  left: -100%;
}
[dir=rtl] .sidebar-nav .menu-left {
  left: unset;
  right: -100%;
}

.sidebar-nav .dropdown-menus:hover .dropdown-megamenu {
  opacity: 1;
  visibility: visible;
  top: 40px;
}

.sidebar-nav .dropdown-right:hover .menu-right {
  left: calc(100% + 20px);
  opacity: 1;
  visibility: visible;
}
[dir=rtl] .sidebar-nav .dropdown-right:hover .menu-right {
  left: unset;
  right: calc(100% + 20px);
}

.sidebar-nav .dropdown-right:hover .menu-left {
  left: calc(-100% + 20px);
}
[dir=rtl] .sidebar-nav .dropdown-right:hover .menu-left {
  left: unset;
  right: calc(-100% + 20px);
}

/* mega menu  */
.sidebar-nav .mega-menu {
  position: absolute;
  left: 0;
  top: 80px;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s ease;
  background: rgba(var(--white), 1);
  padding: 20px;
  width: 100%;
  z-index: 1;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.05);
}
.sidebar-nav .mega-menu .menu-img {
  height: 100%;
  position: relative;
}
.sidebar-nav .mega-menu .menu-img .dark-menu-img {
  display: none;
}
.sidebar-nav .mega-menu .menu-img .light-menu-img {
  display: inline-block;
}
.sidebar-nav .mega-menu .menu-img img {
  height: 100%;
  object-fit: cover;
  object-position: left;
}
.sidebar-nav .mega-menu .menu-img span {
  font-size: 100px;
  -webkit-text-fill-color: rgba(var(--white), 1);
  -webkit-text-stroke: 1px rgba(var(--content-color), 0.6);
  color: transparent;
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  writing-mode: vertical-rl;
  font-family: "Libre Franklin", sans-serif;
}

.menu-items li:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  top: 55px;
}

@media (max-width: 1199px) {
  .menu-items > .dropdown-menus > .dropdown-megamenu {
    padding-inline: 0;
  }
}

/* animation menu hamburger */
.menu-btn.open .menu-btn__lines {
  transform: translateX(16px);
  background: transparent;
}

.menu-btn.open .menu-btn__lines::before {
  transform: rotate(45deg) translate(-8px, 8px);
  background: #ffffff;
}

.menu-btn.open .menu-btn__lines::after {
  transform: rotate(-45deg) translate(-8px, -8px);
  background: #ffffff;
}

.overlay {
  display: block;
}

.menu-link:has(.theme-badge) {
  display: flex;
  align-items: center;
}

/* Responsive style */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}

@media screen and (max-width: 1199px) {
  .overflow {
    overflow: hidden;
  }
  .menu-btn {
    display: flex;
  }
  .sidebar-nav .menu-items {
    display: block;
  }
  .menu-items.open {
    transform: translateY(0);
  }
  .menu-items li a {
    font-size: 18px;
  }
  .overlay--active {
    opacity: 1;
    visibility: visible;
  }
  .menu-items .dropdown-right .right-arrow {
    transform: rotate(90deg);
  }
  /* DROPDOWN, MEGA MENUS */
  .menu-items .dropdown-megamenu,
  .menu-items .menu-right,
  .menu-items .mega-menu {
    position: static;
    opacity: 1;
    top: 0;
    width: auto;
    max-height: 0;
    transform: scaleY(0);
    transform-origin: top;
    overflow: hidden;
    transition: all 0.5s ease;
    display: none;
    visibility: visible;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100% !important;
  }
  .menu-items .dropdown-megamenu,
  .menu-items .menu-right {
    padding-inline: 16px;
  }
  .expand-btn .open + .sample {
    max-height: 100%;
    transform: scaleY(1);
    display: block;
    margin-bottom: 25px;
  }
  .expand-btn .open + .blog.sample {
    max-height: 100%;
    transform: scaleZ(1);
    max-width: fit-content;
  }
  .sidebar-nav .sample {
    border-top: none;
  }
  .sample li {
    margin: 0;
  }
  .sample li:last-child {
    border-bottom: none;
  }
  .sample li a {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .menu-items .mega-menu {
    margin-bottom: 25px;
  }
}
.menu-items .mega-menu .row .col .link-section + .link-section {
  margin-top: 20px;
}
.menu-items .mega-menu .demo-box {
  width: 100%;
  text-align: center;
}
.menu-items .mega-menu .demo-box:hover h6 {
  color: rgba(var(--theme-color), 1);
}
.menu-items .mega-menu .demo-box h6 {
  margin-top: 15px;
  color: rgba(var(--title-color), 1);
  transition: 0.8s ease;
}
@media (max-width: 1199px) {
  .menu-items .link-list {
    padding-inline: 16px;
  }
}
.menu-items .link-list li {
  display: block;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  line-height: 1.1;
}
.menu-items .link-list li + li {
  margin-top: 16px;
}
@media (max-width: 1199px) {
  .menu-items .link-list li + li {
    mask-type: 14px;
  }
}
.menu-items .link-list li:hover .menu-link {
  color: rgba(var(--theme-color), 1);
  transform: translateX(4px);
}
[dir=rtl] .menu-items .link-list li:hover .menu-link {
  transform: translateX(-4px);
}
@media (max-width: 1199px) {
  .menu-items .link-list li:hover .menu-link {
    transform: none;
  }
}
.menu-items .link-list li .menu-link {
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
  text-transform: capitalize;
  position: relative;
  font-size: 16px;
  font-weight: 400;
}
.menu-items .link-list li .menu-link.open {
  color: rgba(var(--theme-color), 1);
  transition: unset;
}
.menu-items .link-list li .menu-link.open::after {
  color: rgba(var(--theme-color), 1);
  transition: unset;
}
@media (max-width: 1199px) {
  .menu-items .dropdown-menus ul li {
    display: block !important;
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .menu-items .dropdown-menus ul li {
    display: none;
  }
}
@media (max-width: 1199px) {
  .menu-items .dropdown-menus ul li::after {
    display: none;
  }
  .menu-items .dropdown-menus ul li .menu-item {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 400;
  }
  .menu-items .dropdown-menus ul li .menu-item.open {
    color: rgba(var(--theme-color), 1) !important;
  }
  .menu-items .dropdown-menus ul li .menu-item.open::after {
    color: rgba(var(--theme-color), 1) !important;
    transition: unset !important;
  }
}
.menu-items .dropdown-menus ul li:hover .menu-link {
  color: rgba(var(--theme-color), 1);
}
.menu-items .dropdown-menus ul li:hover .menu-link::after {
  color: rgba(var(--theme-color), 1);
}
.menu-items .dropdown-menus ul li ul {
  width: max-content !important;
}
@media (max-width: 1199px) {
  .menu-items .dropdown-menus ul li ul {
    margin-block: 10px 0 !important;
  }
}
.menu-items .dropdown-menus ul li ul > li:hover .menu-link {
  transform: translateX(4px) !important;
}
@media (max-width: 1199px) {
  .menu-items .dropdown-menus ul li ul > li:hover .menu-link {
    transform: none !important;
  }
}
@media (max-width: 1199px) {
  .menu-items .dropdown-menus ul li ul > li {
    margin-bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .menu-items .dropdown-menus ul li ul > li:last-child {
    margin-bottom: 0;
  }
}
.menu-items .dropdown-menus ul li ul > li:hover .menu-link {
  color: rgba(var(--theme-color), 1) !important;
}
.menu-items .dropdown-menus ul li ul > li .menu-link {
  color: rgba(var(--title-color), 1) !important;
  transform: none !important;
}
.menu-items .dropdown-menus .link-list li {
  display: flex;
  justify-content: space-between;
}
.menu-items .dropdown-menus .dropdown-right {
  width: unset;
}

/*========================
  4.1 header style start
==========================*/
.sidebar-nav::-webkit-scrollbar {
  width: 5px;
}
.sidebar-nav::-webkit-scrollbar-thumb {
  background-color: rgba(var(--content-color), 0.5);
  border-radius: 10px;
}
.sidebar-nav::-webkit-scrollbar-track {
  background-color: rgba(var(--white), 1);
  border-radius: 10px;
}
@media (min-width: 1200px) {
  .sidebar-nav .menu-items li:first-child .mega-menu {
    padding-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .sidebar-nav .menu-items > li {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .sidebar-nav .menu-items > li:last-child .menu-item:not(.open) {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .sidebar-nav .menu-items > li:last-child .mega-menu {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .sidebar-nav .menu-items > li {
    display: block;
  }
}
@media (max-width: 1199px) {
  .sidebar-nav .menu-items > li.expand-btn {
    cursor: pointer;
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .sidebar-nav .menu-items > li.expand-btn {
    position: relative;
  }
}
@media (max-width: 1199px) {
  .sidebar-nav .menu-items > li.expand-btn .menu-item.open {
    color: rgba(var(--theme-color), 1);
    transition: unset;
  }
  .sidebar-nav .menu-items > li.expand-btn .menu-item.open::after {
    content: "\f498";
    color: rgba(var(--theme-color), 1);
  }
  .sidebar-nav .menu-items > li:hover a {
    color: rgba(var(--theme-color), 1);
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .sidebar-nav .menu-items > li:hover a {
    color: rgba(var(--title-color), 1);
  }
}
@media (max-width: 1199px) {
  .sidebar-nav .menu-items > li > .menu-item {
    color: #fff;
    transition: 0.4s ease;
  }
  .sidebar-nav .menu-items > li > .menu-item::after {
    content: "\f492";
    font-family: remixicon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    color: rgba(var(--title-color), 1);
    font-size: 18px;
    transition: 0.4s ease;
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .sidebar-nav .menu-items > li > .menu-item {
    color: rgba(var(--title-color), 1);
    margin-bottom: 15px;
    font-size: calc(18px + 2 * (100vw - 320px) / 1600);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid rgba(var(--border-color), 1);
    padding-bottom: 15px;
  }
}
.sidebar-nav .menu-header {
  display: none;
  padding: 12px 18px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(var(--white), 1);
  box-shadow: 0 2px 8px 2px rgba(var(--black), 0.05);
}
.sidebar-nav .menu-header .menu-title {
  font-size: 22px;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .sidebar-nav .menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.sidebar-nav .menu-header .close-btn {
  width: 30px;
  height: 30px;
  background: rgba(var(--bg-color), 1);
  opacity: 1;
  border-radius: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-nav .menu-header .close-btn:hover i {
  transform: rotate(360deg);
}
.sidebar-nav .menu-header .close-btn i {
  font-size: 22px;
  transition: 0.4s ease;
  color: rgba(var(--title-color), 1);
}
.sidebar-nav .menu-items {
  display: flex;
  align-items: center;
  gap: calc(20px + 40 * (100vw - 992px) / 928);
}
@media (max-width: 1199px) {
  .sidebar-nav .menu-items {
    padding: 12px 18px;
    display: block;
  }
}
.sidebar-nav.open {
  transform: none;
  transition: all 0.4s ease-in-out;
}
[dir=rtl] .sidebar-nav.open {
  transform: none;
}
@media (max-width: 1199px) {
  .sidebar-nav {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(var(--white), 1);
    height: 100vh;
    width: 300px;
    z-index: 2;
    transform: translateX(-350px);
    overflow-y: auto;
    box-shadow: 10px 14px 38px 0px rgba(0, 0, 0, 0.13);
  }
  [dir=rtl] .sidebar-nav {
    left: unset;
    right: 0;
    transform: translateX(350px);
  }
}
.sidebar-nav .video-section {
  width: 100%;
  height: 100px;
  position: relative;
  background: #fff7f7;
  overflow: hidden;
}
body.dark .sidebar-nav .video-section {
  background-color: #282727;
}
.sidebar-nav .video-section img {
  position: absolute;
}
.sidebar-nav .video-section img:nth-child(1) {
  top: 8%;
  left: 3%;
  animation: moveAndRotate1 10s infinite ease-in-out;
}
.sidebar-nav .video-section img:nth-child(2) {
  top: 52%;
  left: 20%;
  animation: moveAndRotate2 9s infinite ease-in-out;
}
.sidebar-nav .video-section img:nth-child(3) {
  top: 0%;
  right: 26%;
  animation: moveAndRotate3 11s infinite ease-in-out;
}
.sidebar-nav .video-section img:nth-child(4) {
  top: 60%;
  right: 8%;
  animation: moveAndRotate4 9s infinite ease-in-out;
}
.sidebar-nav .video-section img:nth-child(5) {
  top: -60px;
  right: 20%;
  animation: moveAndRotate5 8s infinite ease-in-out;
}
.sidebar-nav .video-section img:nth-child(6) {
  bottom: 10%;
  right: 26%;
  animation: moveAndRotate6 10s infinite ease-in-out;
}
.sidebar-nav .video-section img:nth-child(7) {
  top: -20%;
  right: 60%;
  animation: moveAndRotate7 9s infinite ease-in-out;
}
.sidebar-nav .video-section img:nth-child(8) {
  top: -20%;
  right: 0%;
  animation: moveAndRotate8 11s infinite ease-in-out;
}
.sidebar-nav .video-section img:nth-child(9) {
  top: 60%;
  left: 10%;
  animation: moveAndRotate9 10s infinite ease-in-out;
}
.sidebar-nav .video-section img:nth-child(10) {
  top: -10%;
  right: 40%;
  animation: moveAndRotate10 9s infinite ease-in-out;
}
.sidebar-nav .video-section img:nth-child(11) {
  top: 80%;
  right: 50%;
  animation: moveAndRotate11 12s infinite ease-in-out;
}
.sidebar-nav .video-section video,
.sidebar-nav .video-section-2 video {
  width: 100%;
  height: 100px;
  object-fit: cover;
  display: block;
}
.sidebar-nav .video-section-2 {
  position: relative;
  background: linear-gradient(90deg, rgb(238, 174, 202) 0%, rgb(148, 187, 233) 100%);
  height: 40px;
  width: 100%;
  background-size: 400% 400%;
  background-repeat: no-repeat;
  animation: menu-video 12s infinite linear;
}
.sidebar-nav .video-section-2 p {
  position: absolute;
  font-size: 16px;
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  color: #fff;
}
.sidebar-nav li {
  font-size: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 1199px) {
  .sidebar-nav li {
    display: block;
  }
}
.sidebar-nav li.expand-btn {
  cursor: pointer;
}
@media (max-width: 1199px) {
  .sidebar-nav li.expand-btn {
    position: relative;
  }
}
@media (max-width: 1199px) {
  .sidebar-nav li.expand-btn .menu-item.open {
    color: rgba(var(--theme-color), 1);
    transition: unset;
  }
}
.sidebar-nav li:hover a {
  color: rgba(var(--theme-color), 1);
}
@media (max-width: 1199px) {
  .sidebar-nav li:hover a {
    color: rgba(var(--title-color), 1);
  }
}
.sidebar-nav li .menu-item {
  color: #fff;
  transition: 0.4s ease;
}
@media (max-width: 1199px) {
  .sidebar-nav li .menu-item {
    display: block;
    color: rgba(var(--title-color), 1);
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
  }
}

.header-absolute-overlay {
  z-index: 1;
}

.main-header {
  z-index: 99;
}
.main-header.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  z-index: 5;
  background: rgba(var(--white), 1);
  padding-block: 10px;
  animation: smooth-scroll 700ms linear;
  transition: 0.4s ease;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
.main-header.sticky .header-content .sidebar-nav .menu-items > .expand-btn:hover > .menu-item {
  color: rgba(var(--theme-color), 1);
}
.main-header.sticky .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item {
  color: rgba(var(--title-color), 1);
}
@media (max-width: 1199px) {
  .main-header.sticky .header-content .sidebar-nav .menu-items > .expand-btn > .menu-item.open {
    color: rgba(var(--theme-color), 1);
    transition: unset;
  }
}

/*========================
  4.3 pricing style start
==========================*/
.ad-pricing {
  position: relative;
  overflow: hidden;
}
.ad-pricing .horizontal-title .title-style-2 h2 {
  width: 50%;
  line-height: 1.3;
}
@media (max-width: 991px) {
  .ad-pricing .horizontal-title .title-style-2 h2 {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .ad-pricing .horizontal-title .title-style-2 h2 {
    width: 94%;
  }
}
.ad-pricing .bg-effect .yellow-effect,
.ad-pricing .bg-effect .theme-effect {
  z-index: 0;
}
.ad-pricing .bg-effect .yellow-effect {
  bottom: 0px;
  right: 0px;
}
.ad-pricing .bg-effect .theme-effect {
  bottom: -30px;
  right: 5%;
}
@media (max-width: 575px) {
  .ad-pricing .horizontal-title {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .ad-pricing .horizontal-title .toggle-switch {
    justify-content: center;
  }
}
.ad-pricing .pricing-flex {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  overflow: auto;
  overflow-y: hidden;
}
@media (max-width: 991px) {
  .ad-pricing .pricing-flex {
    display: -webkit-box;
  }
}
.ad-pricing .pricing-flex .pricing-content {
  width: 344px;
}
@media (max-width: 1199px) {
  .ad-pricing .pricing-flex .pricing-content {
    width: 244px;
  }
}
@media (max-width: 991px) {
  .ad-pricing .pricing-flex .pricing-content {
    width: 225px;
  }
}
@media (max-width: 575px) {
  .ad-pricing .pricing-flex .pricing-content {
    width: 200px;
  }
}
.ad-pricing .pricing-flex .pricing-content:hover .title-head::after, .ad-pricing .pricing-flex .pricing-content.active .title-head::after {
  opacity: 1;
  visibility: visible;
}
.ad-pricing .pricing-flex .pricing-content:hover ul li i, .ad-pricing .pricing-flex .pricing-content.active ul li i {
  color: rgba(var(--theme-color), 1);
}
.ad-pricing .pricing-flex .pricing-content:first-child .title-head::after {
  display: none;
}
.ad-pricing .pricing-flex .pricing-content .title-head {
  height: calc(75px + 57 * (100vw - 320px) / 1600);
  width: 100%;
  position: relative;
  background: rgba(var(--theme-color), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 500px) {
  .ad-pricing .pricing-flex .pricing-content .title-head {
    padding-right: 8px;
  }
}
.ad-pricing .pricing-flex .pricing-content .title-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(var(--theme-color), 1);
  width: 100%;
  height: 3px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.ad-pricing .pricing-flex .pricing-content .title-head h5 {
  font-weight: 600;
  margin-bottom: calc(6px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 1);
}
.ad-pricing .pricing-flex .pricing-content ul {
  text-align: center;
}
@media (max-width: 1399px) {
  .ad-pricing .pricing-flex .pricing-content ul.text-start li {
    justify-content: flex-start;
  }
}
.ad-pricing .pricing-flex .pricing-content ul li {
  display: block;
  border-bottom: 1px solid rgba(var(--title-color), 0.15);
  padding-block: calc(20px + 16 * (100vw - 320px) / 1600);
  height: calc(65px + 35 * (100vw - 320px) / 1600);
}
@media (max-width: 1399px) {
  .ad-pricing .pricing-flex .pricing-content ul li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.ad-pricing .pricing-flex .pricing-content ul li i {
  font-size: calc(20px + 10 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
}
.ad-pricing .pricing-flex .pricing-content .btn-solid {
  margin-top: 30px;
  padding: calc(8px + 4 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
  color: #fff;
}
.ad-pricing .pricing-flex .pricing-content .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

.plan-time .toggle-switch {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.plan-time .toggle-switch .left-text,
.plan-time .toggle-switch .right-text {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
  color: rgba(var(--content-color), 1);
  transition: 0.4s ease;
}
.plan-time .toggle-switch .left-text {
  order: 1;
  color: rgba(var(--theme-color), 1);
}
.plan-time .toggle-switch .right-text {
  order: 3;
}
.plan-time .toggle-switch .toggle-slider {
  position: relative;
  cursor: pointer;
  background-color: rgba(var(--theme-color), 0.15);
  transition: 0.4s ease;
  height: 4px;
  width: 42px;
  order: 2;
}
.plan-time .toggle-switch .toggle-slider::before {
  content: "\ef3e";
  font-family: remixicon !important;
  font-style: normal;
  background: rgba(var(--theme-color), 1);
  top: 50%;
  left: 4px;
  width: 20px;
  height: 20px;
  line-height: 1;
  text-align: center;
  font-size: 16px;
  color: rgba(var(--white), 1);
  transform: translateY(-50%);
  position: absolute;
  background-color: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
[dir=rtl] .plan-time .toggle-switch .toggle-slider::before {
  left: unset;
  right: 4px;
}
.plan-time .toggle-switch .switch {
  position: absolute;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  width: auto;
  padding: 0;
}
.plan-time .toggle-switch .switch:checked ~ .right-text {
  color: rgba(var(--theme-color), 1);
}
.plan-time .toggle-switch .switch:checked ~ .left-text {
  color: rgba(var(--content-color), 1);
}
.plan-time .toggle-switch .switch:checked + .toggle-slider:before {
  transform: translate(70%, -50%);
}
[dir=rtl] .plan-time .toggle-switch .switch:checked + .toggle-slider:before {
  transform: translate(-70%, -50%);
}
.plan-time .toggle-switch .switch:checked::before {
  color: rgba(var(--content-color), 1);
}
.plan-time .toggle-switch .switch:checked::after {
  color: rgba(var(--theme-color), 1);
}

.plan-time-2 .form-check {
  position: relative;
  padding: 0;
  min-height: unset;
  margin: 0;
}
.plan-time-2 .form-check .form-check-input {
  width: 100%;
  height: 100%;
  margin: 0;
  float: unset;
  background: unset;
  border: none;
}
.plan-time-2 .form-check .form-check-input:checked ~ .form-check-label .left-text {
  background: transparent;
}
.plan-time-2 .form-check .form-check-input:checked ~ .form-check-label .right-text {
  background: rgba(var(--theme-color), 1);
}
.plan-time-2 .form-check .form-check-label {
  background: rgba(255, 255, 255, 0.1);
  padding: 6px;
  height: 100%;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.plan-time-2 .form-check .form-check-label .left-text {
  background: rgba(var(--theme-color), 1);
}
.plan-time-2 .form-check .form-check-label span {
  width: calc(120px + 10 * (100vw - 320px) / 1600);
  padding-block: calc(8px + 4 * (100vw - 320px) / 1600);
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  color: #fff;
  display: inline-block;
  text-align: center;
}
@media (max-width: 1399px) and (min-width: 1199px) {
  .plan-time-2 .form-check .form-check-label span {
    width: 90px;
  }
}

@media (max-width: 1399px) {
  .consultancy-price-section .title-style-3 {
    margin-block: calc(-5px + -3 * (100vw - 320px) / 1600) calc(20px + 30 * (100vw - 320px) / 1600);
  }
}
.consultancy-price-section .title-style-3 p {
  margin: calc(10px + 20 * (100vw - 320px) / 1600) 0 calc(20px + 20 * (100vw - 320px) / 1600) 0;
}
@media (max-width: 1399px) {
  .consultancy-price-section .title-style-3 p {
    margin-block: 10px 0;
  }
}
.consultancy-price-section .title-style-3 .plan-time {
  background: rgba(var(--bg-color), 1);
  width: 80%;
  padding: calc(12px + 8 * (100vw - 320px) / 1600) calc(25px + 10 * (100vw - 320px) / 1600);
  margin-top: calc(20px + 40 * (100vw - 320px) / 1600);
  border-radius: 8px;
  display: inline-block;
  width: auto;
}
@media (max-width: 1399px) and (min-width: 767px) {
  .consultancy-price-section .title-style-3 .plan-time {
    width: max-content;
    margin-block: 0;
  }
}
@media (max-width: 767px) {
  .consultancy-price-section .title-style-3 .plan-time {
    margin-block: 12px calc(20px + 10 * (100vw - 320px) / 1600);
  }
}
@media (max-width: 400px) {
  .consultancy-price-section .title-style-3 .plan-time {
    width: 100%;
  }
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  gap: calc(15px + 20 * (100vw - 320px) / 1600);
}
@media (max-width: 1399px) {
  .consultancy-price-section .title-style-3 .plan-time .toggle-switch {
    justify-content: center;
  }
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .left-text,
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .right-text {
  font-weight: 400;
  font-size: calc(16px + 6 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .left-text {
  order: 1;
  color: rgba(var(--theme-color), 1);
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .right-text {
  order: 3;
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .toggle-slider {
  position: relative;
  cursor: pointer;
  background-color: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
  height: calc(22px + 4 * (100vw - 320px) / 1600);
  width: calc(46px + 4 * (100vw - 320px) / 1600);
  outline: none;
  border-radius: 30px;
  appearance: none;
  box-shadow: inset 0 0 5px rgba(var(--black), 0.2);
  order: 2;
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .toggle-slider::before {
  content: "";
  top: 50%;
  left: 3px;
  width: calc(18px + 2 * (100vw - 320px) / 1600);
  height: calc(18px + 2 * (100vw - 320px) / 1600);
  border-radius: 50%;
  line-height: 1;
  text-align: center;
  font-size: 10px;
  color: rgba(var(--white), 1);
  transform: translateY(-50%);
  position: absolute;
  background-color: rgba(var(--white), 1);
  transition: 0.4s ease;
}
[dir=rtl] .consultancy-price-section .title-style-3 .plan-time .toggle-switch .toggle-slider::before {
  left: unset;
  right: 3px;
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .switch {
  position: absolute;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  width: auto;
  padding: 0;
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .switch:checked ~ .right-text {
  color: rgba(var(--theme-color), 1);
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .switch:checked ~ .left-text {
  color: rgba(var(--content-color), 1);
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .switch:checked + .toggle-slider:before {
  left: 27px;
}
[dir=rtl] .consultancy-price-section .title-style-3 .plan-time .toggle-switch .switch:checked + .toggle-slider:before {
  left: unset;
  right: 12px;
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .switch:checked::before {
  color: rgba(var(--content-color), 1);
}
.consultancy-price-section .title-style-3 .plan-time .toggle-switch .switch:checked::after {
  color: rgba(var(--theme-color), 1);
}
.consultancy-price-section .pricing-box {
  background: rgba(var(--white), 1);
  border-radius: 8px;
  border: 1px solid rgba(var(--border-color), 0.4);
  padding: calc(15px + 15 * (100vw - 320px) / 1600);
}
.consultancy-price-section .pricing-box:hover .btn-borders {
  color: #fff;
}
.consultancy-price-section .pricing-box:hover .btn-borders::before {
  height: 100%;
}
.consultancy-price-section .pricing-box h5 {
  text-transform: uppercase;
  background: rgba(var(--bg-color), 1);
  padding: calc(12px + 3 * (100vw - 320px) / 1600) calc(34px + 6 * (100vw - 320px) / 1600);
  display: inline-block;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  border-radius: 5px;
  line-height: 1;
}
.consultancy-price-section .pricing-box h2 {
  margin-bottom: 6px;
}
.consultancy-price-section .pricing-box h2 span {
  font-size: 18px;
}
.consultancy-price-section .pricing-box p {
  color: rgba(var(--content-color), 1);
  border-bottom: 2px dashed rgba(var(--border-color), 0.6);
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  padding-bottom: calc(10px + 15 * (100vw - 320px) / 1600);
}
.consultancy-price-section .pricing-box ul li {
  display: flex;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
}
.consultancy-price-section .pricing-box ul li + li {
  padding-top: calc(15px + 10 * (100vw - 320px) / 1600);
}
.consultancy-price-section .pricing-box ul li img {
  width: calc(20px + 8 * (100vw - 320px) / 1600);
  height: calc(20px + 8 * (100vw - 320px) / 1600);
}
.consultancy-price-section .theme-price {
  background: rgba(var(--bg-color), 1);
}
.consultancy-price-section .theme-price h5 {
  background: rgba(var(--theme-color), 1);
  color: #fff;
  margin-left: -50px;
}
[dir=rtl] .consultancy-price-section .theme-price h5 {
  margin-left: 0;
  margin-right: -50px;
}
@media (max-width: 1399px) {
  .consultancy-price-section .theme-price h5 {
    margin-left: 0;
  }
  [dir=rtl] .consultancy-price-section .theme-price h5 {
    margin-right: 0;
  }
}
.consultancy-price-section .theme-price h2 {
  color: rgba(var(--theme-color), 1);
}
.consultancy-price-section .theme-price h2 span {
  color: rgba(var(--title-color), 1);
}

.w-price-planner {
  background-color: rgba(var(--bg-color), 1);
}
.w-price-planner .title-style-4 {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600 + 57px);
}
@media (max-width: 1199px) {
  .w-price-planner .title-style-4 {
    margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
  }
}
.w-price-planner .price-box {
  background: rgba(var(--white), 1);
  padding: calc(15px + 15 * (100vw - 320px) / 1600) calc(20px + 20 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--content-color), 1);
  height: 100%;
}
.w-price-planner .price-box .price-head {
  text-align: center;
  color: rgba(var(--theme-color), 1);
}
.w-price-planner .price-box .price-head h2 {
  display: inline-block;
  padding: calc(10px + 15 * (100vw - 320px) / 1600) 0;
}
.w-price-planner .price-box .price-head span {
  font-weight: 400;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  line-height: 1.6;
  letter-spacing: 0.32px;
}
.w-price-planner .price-box .price-head .price-star {
  position: relative;
  z-index: 1;
}
.w-price-planner .price-box .price-head .price-star::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background: rgba(var(--theme-color), 1);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.w-price-planner .price-box .price-head .price-star .theme-star,
.w-price-planner .price-box .price-head .price-star .white-star {
  background: rgba(var(--white), 1);
  padding: 0 calc(12px + 8 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) and (min-width: 330px) {
  .w-price-planner .price-box .price-head .price-star .theme-star,
  .w-price-planner .price-box .price-head .price-star .white-star {
    width: 20%;
  }
}
@media (max-width: 330px) {
  .w-price-planner .price-box .price-head .price-star .theme-star,
  .w-price-planner .price-box .price-head .price-star .white-star {
    width: 22%;
  }
}
.w-price-planner .price-box .price-head .price-star .white-star {
  display: none;
}
.w-price-planner .price-box .price-body h5 {
  text-transform: uppercase;
  color: rgba(var(--theme-color), 1);
  padding: calc(20px + 10 * (100vw - 320px) / 1600) 0 calc(15px + 10 * (100vw - 320px) / 1600) 0;
  font-weight: 500;
}
.w-price-planner .price-box .price-body ul li {
  color: rgba(var(--theme-color), 0.75);
  position: relative;
  padding-left: 15px;
  display: block;
}
[dir=rtl] .w-price-planner .price-box .price-body ul li {
  padding-left: 0;
  padding-right: 15px;
}
.w-price-planner .price-box .price-body ul li + li {
  padding-top: calc(10px + 5 * (100vw - 320px) / 1600);
}
.w-price-planner .price-box .price-body ul li + li::after {
  top: calc(22px + 6 * (100vw - 320px) / 1600);
}
.w-price-planner .price-box .price-body ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 1px;
  background: rgba(var(--theme-color), 0.75);
  transform: translateY(-50%);
}
[dir=rtl] .w-price-planner .price-box .price-body ul li::after {
  left: unset;
  right: 0;
}
.w-price-planner .price-box .price-body .btn-borders {
  font-weight: 500;
  text-transform: uppercase;
  transition: 0.4s ease;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  height: 0%;
  display: inline-flex;
  background: transparent;
}
.w-price-planner .price-box:hover .btn-borders {
  color: #fff;
  border-color: rgba(var(--white), 1);
}
.w-price-planner .price-box:hover .btn-borders::before {
  background: rgba(var(--content-color), 1);
  height: 100%;
}
.w-price-planner .price-box.theme-price {
  background: rgba(var(--theme-color), 1);
  transform: translateY(-57px);
}
@media (max-width: 1199px) {
  .w-price-planner .price-box.theme-price {
    transform: none;
  }
}
.w-price-planner .price-box.theme-price .price-head {
  color: #fff;
}
.w-price-planner .price-box.theme-price .price-head .price-star::after, .w-price-planner .price-box.theme-price .price-head .price-star::before {
  background-color: #fff;
}
.w-price-planner .price-box.theme-price .price-head .white-star,
.w-price-planner .price-box.theme-price .price-head .theme-star {
  background: rgba(var(--theme-color), 1);
  padding: 0 calc(12px + 8 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) and (min-width: 330px) {
  .w-price-planner .price-box.theme-price .price-head .white-star,
  .w-price-planner .price-box.theme-price .price-head .theme-star {
    width: 20%;
  }
}
@media (max-width: 330px) {
  .w-price-planner .price-box.theme-price .price-head .white-star,
  .w-price-planner .price-box.theme-price .price-head .theme-star {
    width: 22%;
  }
}
.w-price-planner .price-box.theme-price .price-head .theme-star {
  display: none;
}
.w-price-planner .price-box.theme-price .price-head .white-star {
  display: inline-block;
}
.w-price-planner .price-box.theme-price .price-body h5 {
  color: rgba(var(--content-color), 1);
}
.w-price-planner .price-box.theme-price .price-body li {
  color: #fff;
}
.w-price-planner .price-box.theme-price .price-body li::after {
  background: #fff;
}
.w-price-planner .price-box.theme-price .price-body .btn-borders {
  color: #fff;
}
.w-price-planner .price-box.theme-price .price-body .btn-borders::before {
  background-color: rgba(var(--content-color), 1);
  height: 100%;
}
.w-price-planner .price-box.theme-price:hover .btn-borders {
  border: 1px solid rgba(var(--content-color), 1);
}
.w-price-planner .price-box.theme-price:hover .btn-borders::before {
  background: transparent;
  height: 0%;
}

.seo-price-section {
  background: rgb(14, 13, 13);
}
@media (max-width: 991px) {
  .seo-price-section .horizontal-title {
    display: block;
  }
}
.seo-price-section .plan-time .toggle-slider {
  width: 56px;
  background: rgba(var(--bg-color), 0.3);
}
.seo-price-section .plan-time .toggle-slider::before {
  width: 26px;
  height: 17px;
  background: transparent;
  border: 4px solid rgba(var(--theme-color), 1);
  content: "";
}
.seo-price-section .plan-time .switch:checked + .toggle-slider:before {
  transform: translate(80%, -50%);
}
.seo-price-section .price-box {
  border: 1px solid rgba(var(--content-color), 1);
  color: rgba(244, 244, 244, 0.6);
  position: relative;
  transition: 0.4s ease;
}
.seo-price-section .price-box .circle {
  background: transparent;
  border: none;
  transition: 0.4s ease;
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 100%;
}
.seo-price-section .price-box .circle-one {
  top: -6px;
  left: -6px;
}
.seo-price-section .price-box .circle-two {
  top: -6px;
  right: -6px;
}
.seo-price-section .price-box .circle-three {
  bottom: -6px;
  left: -6px;
}
.seo-price-section .price-box .circle-four {
  bottom: -6px;
  right: -6px;
}
.seo-price-section .price-box .price-header {
  padding: calc(20px + 8 * (100vw - 320px) / 1600) 0;
  border-bottom: 1px solid rgba(var(--content-color), 1);
}
.seo-price-section .price-box .price-header h4 {
  color: rgb(244, 244, 244);
  text-transform: uppercase;
  margin-top: -5px;
  margin-bottom: 4px;
}
.seo-price-section .price-box .price-header h6 {
  font-weight: 400;
}
.seo-price-section .price-box .price-body {
  padding: calc(20px + 15 * (100vw - 320px) / 1600);
}
.seo-price-section .price-box .price-body h2 {
  font-size: calc(30px + 24 * (100vw - 320px) / 1600);
  color: rgb(244, 244, 244);
  padding-bottom: calc(15px + 10 * (100vw - 320px) / 1600);
  margin-top: -8px;
}
.seo-price-section .price-box .price-body h2 span {
  display: inline-block;
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.seo-price-section .price-box .price-body .price-list {
  padding-bottom: calc(20px + 15 * (100vw - 320px) / 1600);
  border-bottom: 2px dashed rgba(var(--content-color), 1);
}
.seo-price-section .price-box .price-body .price-list li {
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
  display: flex;
  align-items: center;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
}
.seo-price-section .price-box .price-body .price-list li + li {
  padding-top: calc(12px + 10 * (100vw - 320px) / 1600);
}
.seo-price-section .price-box .price-body .rise-btn {
  border-top: none;
  color: rgb(244, 244, 244);
  margin-top: calc(20px + 15 * (100vw - 320px) / 1600);
  padding-top: 0;
  text-transform: uppercase;
}
.seo-price-section .price-box .price-body .rise-btn svg {
  fill: rgb(244, 244, 244);
  stroke: rgb(244, 244, 244);
  width: 37px;
  height: 18px;
  display: inline-block;
  transition: 0.4s ease;
}
[dir=rtl] .seo-price-section .price-box .price-body .rise-btn svg {
  transform: scaleX(-1);
}
.seo-price-section .price-box:hover, .seo-price-section .price-box.active {
  border-color: rgba(var(--theme-color), 1);
  background: rgba(244, 244, 244, 0.08);
}
.seo-price-section .price-box:hover .circle, .seo-price-section .price-box.active .circle {
  background: rgb(14, 13, 13);
}
.seo-price-section .price-box:hover .price-list li, .seo-price-section .price-box.active .price-list li {
  color: rgb(244, 244, 244);
}
.seo-price-section .price-box:hover .price-header h4,
.seo-price-section .price-box:hover .price-header span,
.seo-price-section .price-box:hover .price-header .rise-btn,
.seo-price-section .price-box:hover .price-body h4,
.seo-price-section .price-box:hover .price-body span,
.seo-price-section .price-box:hover .price-body .rise-btn, .seo-price-section .price-box.active .price-header h4,
.seo-price-section .price-box.active .price-header span,
.seo-price-section .price-box.active .price-header .rise-btn,
.seo-price-section .price-box.active .price-body h4,
.seo-price-section .price-box.active .price-body span,
.seo-price-section .price-box.active .price-body .rise-btn {
  color: rgba(var(--theme-color), 1);
}
.seo-price-section .price-box:hover .price-header h4 svg,
.seo-price-section .price-box:hover .price-header span svg,
.seo-price-section .price-box:hover .price-header .rise-btn svg,
.seo-price-section .price-box:hover .price-body h4 svg,
.seo-price-section .price-box:hover .price-body span svg,
.seo-price-section .price-box:hover .price-body .rise-btn svg, .seo-price-section .price-box.active .price-header h4 svg,
.seo-price-section .price-box.active .price-header span svg,
.seo-price-section .price-box.active .price-header .rise-btn svg,
.seo-price-section .price-box.active .price-body h4 svg,
.seo-price-section .price-box.active .price-body span svg,
.seo-price-section .price-box.active .price-body .rise-btn svg {
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
}

.startup-pricing .title-style-6 {
  margin-bottom: calc(25px + 25 * (100vw - 320px) / 1600 + 80px);
}
@media (max-width: 1199px) {
  .startup-pricing .title-style-6 {
    margin-bottom: calc(25px + 25 * (100vw - 320px) / 1600);
  }
}
.startup-pricing .title-style-6 h2 {
  width: 35%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .startup-pricing .title-style-6 h2 {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .startup-pricing .title-style-6 h2 {
    width: 100%;
  }
}
.startup-pricing .price-box {
  padding: calc(20px + 20 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--border-color), 1);
  background: rgba(var(--white), 0.96);
  box-shadow: 4px 4px 40px 0.5px rgba(var(--title-color), 0.04);
  border-radius: 10px;
  position: relative;
  transition: 0.4s ease;
}
@media (min-width: 1199px) {
  .startup-pricing .price-box.active {
    transform: translateY(-80px);
  }
}
.startup-pricing .price-box .price-tag {
  color: rgba(var(--title-color), 1);
  background: rgba(var(--bg-color), 1);
  display: inline-block;
  position: absolute;
  top: -15px;
  width: calc(80px + 32 * (100vw - 320px) / 1600);
  height: calc(80px + 32 * (100vw - 320px) / 1600);
  right: 20px;
  transition: 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
[dir=rtl] .startup-pricing .price-box .price-tag {
  right: unset;
  left: 20px;
}
.startup-pricing .price-box .price-tag::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 0;
  height: 0;
  border-left: calc(40px + 16 * (100vw - 320px) / 1600) solid transparent;
  border-right: calc(40px + 16 * (100vw - 320px) / 1600) solid transparent;
  border-top: 20px solid rgba(var(--bg-color), 1);
  transition: 0.4s ease;
}
.startup-pricing .price-box .price-tag::before {
  content: "";
  position: absolute;
  top: 0;
  left: -14px;
  width: 0;
  height: 0;
  border-bottom: 15px solid rgba(var(--title-color), 0.3);
  border-left: 15px solid transparent;
  transition: 0.4s ease;
}
.startup-pricing .price-box .price-tag span {
  font-size: calc(22px + 14 * (100vw - 320px) / 1600);
  font-weight: 700;
}
.startup-pricing .price-box .price-icon {
  width: calc(70px + 20 * (100vw - 320px) / 1600);
  height: calc(70px + 20 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(var(--bg-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
  transition: 0.4s ease;
}
.startup-pricing .price-box .price-icon svg {
  width: calc(35px + 10 * (100vw - 320px) / 1600);
  height: 35px;
  fill: rgba(var(--title-color), 1);
  stroke: rgba(var(--title-color), 1);
  transition: 0.4s ease;
}
.startup-pricing .price-box .price-content {
  color: rgba(var(--title-color), 1);
}
.startup-pricing .price-box .price-content h3 {
  margin-top: calc(25px + 10 * (100vw - 320px) / 1600);
}
.startup-pricing .price-box .price-content h3::after {
  content: "";
  position: relative;
  width: 54px;
  height: 4px;
  background-color: rgba(var(--theme-color), 1);
  display: block;
  margin-top: 6px;
}
.startup-pricing .price-box .price-content ul {
  padding-top: calc(20px + 10 * (100vw - 320px) / 1600);
}
.startup-pricing .price-box .price-content ul li {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  transition: 0.4s ease;
}
.startup-pricing .price-box .price-content ul li + li {
  padding-top: calc(10px + 5 * (100vw - 320px) / 1600);
}
.startup-pricing .price-box .price-content ul li i {
  font-size: calc(20px + 6 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.startup-pricing .price-box .price-content .btn-borders {
  padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(15px + 10 * (100vw - 320px) / 1600);
  border-radius: 6px;
  transition: 0.4s ease;
  gap: 10px;
}
.startup-pricing .price-box .price-content .btn-borders::before {
  height: 0%;
}
.startup-pricing .price-box .price-content .btn-borders svg {
  width: calc(20px + 6 * (100vw - 320px) / 1600);
  height: calc(20px + 6 * (100vw - 320px) / 1600);
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
  margin-left: 12px;
  transition: 0.4s ease;
}
[dir=rtl] .startup-pricing .price-box .price-content .btn-borders svg {
  transform: scaleX(-1);
}
.startup-pricing .price-box:hover, .startup-pricing .price-box.active {
  background: rgba(var(--bg-color), 1);
}
.startup-pricing .price-box:hover .price-tag, .startup-pricing .price-box.active .price-tag {
  color: #fff;
  background: rgba(var(--theme-color), 1);
}
.startup-pricing .price-box:hover .price-tag::after, .startup-pricing .price-box.active .price-tag::after {
  border-top-color: rgba(var(--theme-color), 1);
}
.startup-pricing .price-box:hover .price-tag::before, .startup-pricing .price-box.active .price-tag::before {
  border-bottom-color: rgba(var(--theme-color), 1);
}
.startup-pricing .price-box:hover .price-icon, .startup-pricing .price-box.active .price-icon {
  background: rgba(var(--white), 0.96);
}
.startup-pricing .price-box:hover .price-icon svg, .startup-pricing .price-box.active .price-icon svg {
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
}
.startup-pricing .price-box:hover .price-content ul li, .startup-pricing .price-box.active .price-content ul li {
  color: rgba(var(--title-color), 1);
}
.startup-pricing .price-box:hover .price-content ul li i, .startup-pricing .price-box.active .price-content ul li i {
  color: rgba(var(--theme-color), 1);
}
.startup-pricing .price-box:hover .price-content .btn-borders, .startup-pricing .price-box.active .price-content .btn-borders {
  color: #fff;
}
.startup-pricing .price-box:hover .price-content .btn-borders::before, .startup-pricing .price-box.active .price-content .btn-borders::before {
  height: 100%;
  background: rgba(var(--theme-color), 1);
}
.startup-pricing .price-box:hover .price-content .btn-borders svg, .startup-pricing .price-box.active .price-content .btn-borders svg {
  fill: #fff;
  stroke: #fff;
}

.event-price-section .title-style-7 {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600 + 26px + 60px);
}
@media (max-width: 1199px) {
  .event-price-section .title-style-7 {
    margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600 + 26px);
  }
}
.event-price-section .price-box {
  box-shadow: 0px 2px 16px rgba(16, 19, 54, 0.06);
  transition: 0.4s ease;
  background: rgba(var(--white), 1);
}
@media (max-width: 1199px) {
  .event-price-section .price-box {
    margin-bottom: 26px;
  }
}
.event-price-section .price-box .price-header {
  text-align: center;
  border-bottom: 2px dashed rgba(var(--title-color), 0.2);
  position: relative;
}
.event-price-section .price-box .price-header .price-effect::before, .event-price-section .price-box .price-header .price-effect::after {
  content: "";
  width: 18px;
  height: 18px;
  background: rgba(var(--white), 1);
  position: absolute;
  bottom: -8px;
  left: -8px;
  border-radius: 100%;
  box-shadow: inset 0px 2px 16px rgba(16, 19, 54, 0.03);
}
.event-price-section .price-box .price-header .price-effect::before {
  left: unset;
  right: -8px;
}
.event-price-section .price-box .price-header h4 {
  color: #fff;
  background: rgba(var(--theme-color), 1);
  padding: calc(5px + 5 * (100vw - 320px) / 1600) calc(30px + 15 * (100vw - 320px) / 1600);
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.4s ease;
  border: 1px solid transparent;
}
.event-price-section .price-box .price-header::after {
  /* content: ""; */
  position: absolute;
  bottom: -10px;
  left: -10px;
  width: 18px;
  height: 18px;
  background: rgba(var(--white), 1);
  border-radius: 100%;
  box-shadow: inset 0px 0px 16px 0px rgba(16, 19, 54, 0.04);
}
.event-price-section .price-box .price-header::before {
  /*      content: ""; */
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 18px;
  height: 18px;
  background: rgba(var(--white), 1);
  border-radius: 100%;
  box-shadow: inset 0px 0px 16px 0px rgba(16, 19, 54, 0.04);
}
.event-price-section .price-box .price-header span {
  font-size: calc(30px + 10 * (100vw - 320px) / 1600);
  font-weight: 600;
  color: rgba(var(--title-color), 1);
  padding-bottom: 10px;
  font-family: var(--open-sans);
  padding-top: calc(20px + 20 * (100vw - 320px) / 1600);
  display: inline-block;
  transition: 0.4s ease;
}
.event-price-section .price-box .price-header h5 {
  color: rgba(var(--theme-color), 1);
  text-transform: uppercase;
  padding-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.event-price-section .price-box .price-list {
  padding-inline: calc(15px + 15 * (100vw - 320px) / 1600);
}
.event-price-section .price-box .price-list li {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  padding-top: calc(15px + 15 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.event-price-section .price-box .price-list li svg {
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
  width: calc(20px + 20 * (100vw - 320px) / 1600);
  height: calc(20px + 20 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.event-price-section .price-box .btn-borders {
  margin-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
  font-weight: 400;
}
.event-price-section .price-box .btn-borders::before {
  height: 0%;
}
.event-price-section .price-box:hover .btn-borders {
  border-color: rgba(var(--theme-color), 1);
  color: #fff;
}
.event-price-section .price-box:hover .btn-borders::before {
  background: rgba(var(--theme-color), 1);
  height: 100%;
}
.event-price-section .price-box.active {
  background: rgba(var(--theme-color), 1);
  transform: translateY(-60px);
}
@media (max-width: 1199px) {
  .event-price-section .price-box.active {
    transform: none;
  }
}
.event-price-section .price-box.active .price-header {
  border-bottom-color: #fff;
}
.event-price-section .price-box.active .price-header h4 {
  background: #fff;
  color: rgba(var(--theme-color), 1);
  border-color: rgba(var(--theme-color), 1);
}
.event-price-section .price-box.active .price-header span,
.event-price-section .price-box.active .price-header h5 {
  color: #fff;
}
.event-price-section .price-box.active .price-list li {
  color: #fff;
}
.event-price-section .price-box.active .price-list li svg {
  fill: #fff;
  stroke: #fff;
}
.event-price-section .price-box.active .btn-borders {
  border-color: #fff;
  color: rgba(var(--theme-color), 1);
}
.event-price-section .price-box.active .btn-borders::before {
  background: #fff;
  height: 100%;
}
.event-price-section .price-box.active:hover .btn-borders {
  border-color: #fff;
  color: #fff;
}
.event-price-section .price-box.active:hover .btn-borders::before {
  height: 0%;
}

.marketing-price-section {
  position: relative;
  z-index: 0;
}
.marketing-price-section .price-object {
  position: absolute;
  bottom: -10%;
  right: 0px;
  animation: move-img 8s infinite ease-in;
  z-index: 1;
}
@media (max-width: 1600px) and (min-width: 991px) {
  .marketing-price-section .price-object {
    width: 20%;
  }
}
@media (max-width: 991px) {
  .marketing-price-section .price-object {
    display: none;
  }
}
.marketing-price-section .object-dots.theme-dots {
  bottom: 0;
  left: 100px;
  top: unset;
}
.marketing-price-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 427px;
  background: linear-gradient(128deg, #1f2338 0%, #1f2751 100%);
  z-index: -2;
}
.marketing-price-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/marketing/bg-effect/price-bg.png);
  width: 100%;
  height: 427px;
  z-index: -1;
}
@media (max-width: 991px) {
  .marketing-price-section .horizontal-title {
    flex-wrap: wrap;
  }
}
.marketing-price-section .horizontal-title .title-style-9 h4::before {
  background: rgba(var(--white), 0.1);
}
.marketing-price-section .horizontal-title .title-style-9 p {
  color: #fff;
  width: 70%;
  padding-top: 0;
}
@media (max-width: 991px) {
  .marketing-price-section .horizontal-title .title-style-9 p {
    width: 100%;
  }
}
.marketing-price-section .price-box {
  padding: calc(20px + 20 * (100vw - 320px) / 1600) calc(20px + 15 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--content-color), 0.13);
  background: rgba(var(--white), 1);
  text-align: center;
  position: relative;
  z-index: 0;
}
.marketing-price-section .price-box .hover-border {
  background: linear-gradient(rgba(var(--white), 1), rgba(var(--white), 1)) 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat, linear-gradient(354deg, rgba(var(--title-color), 0.12) 30%, rgba(var(--theme-color), 0.8) 100%);
  box-sizing: content-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.marketing-price-section .price-box:hover .hover-border {
  opacity: 1;
  visibility: visible;
}
.marketing-price-section .price-box:hover .btn-borders {
  box-shadow: 0 0 10px -2px rgba(var(--theme-color), 0.4);
  color: #fff;
}
.marketing-price-section .price-box:hover .btn-borders::before {
  background: rgba(var(--theme-color), 1);
  height: 100%;
}
.marketing-price-section .price-box.active {
  position: relative;
  overflow: hidden;
  box-shadow: 0px 2px 20px 0px rgba(var(--content-color), 0.15);
  z-index: 0;
  border: none;
}
.marketing-price-section .price-box.active:hover .btn-borders {
  color: rgba(var(--theme-color), 1);
  box-shadow: none;
}
.marketing-price-section .price-box.active:hover .btn-borders::before {
  height: 0%;
}
.marketing-price-section .price-box.active .hover-border {
  opacity: 1;
  visibility: visible;
}
.marketing-price-section .price-box.active::before {
  content: "";
  position: absolute;
  top: -28%;
  left: 50%;
  width: calc(310px + 90 * (100vw - 320px) / 1600);
  height: calc(288px + 112 * (100vw - 320px) / 1600);
  background: linear-gradient(240deg, rgba(var(--title-color), 0.2) 0%, rgba(var(--theme-color), 0.2) 100%);
  border-radius: 100%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (min-width: 1199px) {
  .marketing-price-section .price-box.active::before {
    width: 360px;
    height: 360px;
  }
}
@media (min-width: 1399px) {
  .marketing-price-section .price-box.active::before {
    width: 400px;
    height: 400px;
  }
}
@media (max-width: 575px) {
  .marketing-price-section .price-box.active::before {
    top: -30%;
  }
}
.marketing-price-section .price-box.active::after {
  content: "";
  position: absolute;
  top: -29%;
  left: 50%;
  border-radius: inherit;
  padding: 15px;
  background: linear-gradient(240deg, rgba(var(--title-color), 0.2) 0%, rgba(var(--theme-color), 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  border-radius: 100%;
  transform: translateX(-50%);
}
@media (min-width: 1199px) {
  .marketing-price-section .price-box.active::after {
    width: 390px;
    height: 390px;
  }
}
@media (min-width: 1399px) {
  .marketing-price-section .price-box.active::after {
    width: 430px;
    height: 430px;
  }
}
@media (max-width: 991px) {
  .marketing-price-section .price-box.active::after {
    display: none;
  }
}
.marketing-price-section .price-box.active .price-header {
  border-bottom: none;
}
.marketing-price-section .price-box.active .price-header h6 {
  color: rgba(var(--title-color), 1);
}
.marketing-price-section .price-box.active .price-header h4,
.marketing-price-section .price-box.active .price-header h3 {
  color: rgba(var(--theme-color), 1);
}
.marketing-price-section .price-box.active .price-list i {
  color: rgba(var(--theme-color), 1);
}
.marketing-price-section .price-box.active .price-list h6 {
  color: rgba(var(--title-color), 1);
}
.marketing-price-section .price-box.active .btn-borders {
  color: #fff;
  box-shadow: 0 0 10px -2px rgba(var(--theme-color), 0.4);
}
.marketing-price-section .price-box.active .btn-borders::before {
  background: rgba(var(--theme-color), 1);
  height: 100%;
}
.marketing-price-section .price-box .price-header {
  border-bottom: 2px dashed rgba(var(--content-color), 0.3);
  padding-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
}
.marketing-price-section .price-box .price-header h6 {
  color: rgba(var(--theme-color), 1);
}
.marketing-price-section .price-box .price-header h4 {
  padding-block: calc(5px + 2 * (100vw - 320px) / 1600) calc(8px + 2 * (100vw - 320px) / 1600);
}
.marketing-price-section .price-box .price-header h3 {
  letter-spacing: 0.5px;
  display: inline-block;
}
.marketing-price-section .price-box .price-header h3 span {
  font-size: calc(28px + 26 * (100vw - 320px) / 1600);
  font-weight: 600;
  letter-spacing: 1.08px;
  text-transform: uppercase;
}
.marketing-price-section .price-box .price-list li {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.marketing-price-section .price-box .price-list li + li {
  padding-top: calc(12px + 8 * (100vw - 320px) / 1600);
}
.marketing-price-section .price-box .price-list li i {
  font-size: calc(18px + 6 * (100vw - 320px) / 1600);
}
.marketing-price-section .price-box .price-list li h6 {
  color: rgba(var(--content-color), 1);
  width: calc(100% - (10px + 5 * (100vw - 320px) / 1600) - (18px + 6 * (100vw - 320px) / 1600));
  text-align: start;
}
.marketing-price-section .price-box .btn-borders {
  margin-top: calc(20px + 42 * (100vw - 320px) / 1600);
}

.digital-price-section {
  background-color: #141802;
}
.digital-price-section .plan-time {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
[dir=rtl] .digital-price-section .plan-time {
  left: unset;
  right: 0;
}
@media (max-width: 991px) {
  .digital-price-section .plan-time {
    position: relative;
    inset: unset;
    margin-top: calc(30px + 10 * (100vw - 320px) / 671);
  }
}
.digital-price-section .plan-time .toggle-switch {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  gap: calc(15px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 1399px) {
  .digital-price-section .plan-time .toggle-switch {
    justify-content: center;
  }
}
.digital-price-section .plan-time .toggle-switch .left-text,
.digital-price-section .plan-time .toggle-switch .right-text {
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  color: rgba(var(--content-color), 1);
  text-transform: uppercase;
}
.digital-price-section .plan-time .toggle-switch .left-text {
  order: 1;
  color: rgba(var(--theme-color), 1);
}
.digital-price-section .plan-time .toggle-switch .right-text {
  order: 3;
}
.digital-price-section .plan-time .toggle-switch .toggle-slider {
  position: relative;
  cursor: pointer;
  transition: 0.4s ease;
  width: calc(67px + 10 * (100vw - 320px) / 1600);
  height: calc(28px + 10 * (100vw - 320px) / 1600);
  outline: none;
  appearance: none;
  order: 2;
  border-radius: 20px;
  background-color: rgba(var(--white), 0.06);
}
.digital-price-section .plan-time .toggle-switch .toggle-slider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 1px solid transparent;
  background: linear-gradient(160deg, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.digital-price-section .plan-time .toggle-switch .toggle-slider::before {
  content: "";
  top: 50%;
  left: 6px;
  width: calc(20px + 5 * (100vw - 320px) / 1600);
  height: calc(20px + 5 * (100vw - 320px) / 1600);
  border-radius: 50%;
  line-height: 1;
  text-align: center;
  font-size: 10px;
  color: rgba(var(--white), 1);
  transform: translateY(-50%);
  position: absolute;
  background: linear-gradient(160deg, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  transition: 0.4s ease;
}
.digital-price-section .plan-time .toggle-switch .switch {
  position: absolute;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  width: auto;
  padding: 0;
}
.digital-price-section .plan-time .toggle-switch .switch:checked ~ .right-text {
  color: rgba(var(--theme-color), 1);
}
.digital-price-section .plan-time .toggle-switch .switch:checked ~ .left-text {
  color: rgba(var(--content-color), 1);
}
.digital-price-section .plan-time .toggle-switch .switch:checked + .toggle-slider:before {
  left: 27px;
}
[dir=rtl] .digital-price-section .plan-time .toggle-switch .switch:checked + .toggle-slider:before {
  left: unset;
  right: 27px;
}
.digital-price-section .plan-time .toggle-switch .switch:checked::before {
  color: rgba(var(--content-color), 1);
}
.digital-price-section .title-style-12 {
  margin-bottom: calc(40px + 60 * (100vw - 320px) / 1600);
  position: relative;
  text-align: center;
}
.digital-price-section .title-style-12 h2 {
  background: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
}
.digital-price-section .price-box.active:hover .price-body .btn-borders {
  background: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.digital-price-section .price-box.active:hover .price-body .btn-borders::before {
  height: 0%;
}
.digital-price-section .price-box:hover .price-body .btn-borders {
  -webkit-text-fill-color: rgba(var(--title-color), 1);
}
.digital-price-section .price-box:hover .price-body .btn-borders::before {
  background: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  height: 100%;
}
.digital-price-section .price-box.active {
  transform: translateY(-50px);
}
@media (max-width: 1199px) {
  .digital-price-section .price-box.active {
    transform: none;
  }
}
.digital-price-section .price-box.active .price-header {
  background: linear-gradient(166deg, rgba(var(--theme-color), 0.6) 0%, rgba(var(--theme-color-1), 0.6) 100%);
  filter: drop-shadow(0px 2px 30px rgba(20, 24, 2, 0.8));
}
.digital-price-section .price-box.active .price-header::after {
  background: linear-gradient(to right, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
}
.digital-price-section .price-box.active .price-header::before {
  background: linear-gradient(to right, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
}
.digital-price-section .price-box.active .price-main-body {
  background: linear-gradient(rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
}
.digital-price-section .price-box.active .price-body {
  background: rgb(34, 38, 17);
  filter: drop-shadow(0px 2px 20px rgba(var(--title-color), 1));
}
.digital-price-section .price-box.active .price-body .price-list li h6 {
  color: rgba(255, 255, 255, 0.85);
}
.digital-price-section .price-box.active .price-body .btn-borders {
  -webkit-text-fill-color: rgba(var(--title-color), 1);
}
.digital-price-section .price-box.active .price-body .btn-borders::before {
  background: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  height: 100%;
}
.digital-price-section .price-box.active .price-body .btn-borders:hover {
  background: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.digital-price-section .price-box.active .price-body .btn-borders:hover::before {
  height: 0%;
}
.digital-price-section .price-box .price-header {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.17);
  filter: drop-shadow(0px 2px 30px rgba(20, 24, 2, 0.8));
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
  padding-block: 30px calc(20px + 10 * (100vw - 320px) / 1600);
  position: relative;
}
.digital-price-section .price-box .price-header::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.4);
  transform: translateX(-50%);
}
.digital-price-section .price-box .price-header::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  transform: translateX(-50%);
}
.digital-price-section .price-box .price-header h5 {
  text-transform: uppercase;
  padding-bottom: calc(15px + 5 * (100vw - 320px) / 1600);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.digital-price-section .price-box .price-header h6 {
  font-weight: 300;
}
.digital-price-section .price-box .price-header span {
  font-weight: 300;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.6);
}
.digital-price-section .price-box .price-header h2 {
  font-weight: 400;
  font-family: var(--fahkwang);
  padding-top: calc(15px + 5 * (100vw - 320px) / 1600);
}
.digital-price-section .price-box .price-header h2 span {
  display: block;
  padding-top: 6px;
}
.digital-price-section .price-box .price-main-body {
  background: linear-gradient(rgba(var(--theme-color), 0.3), rgba(var(--theme-color-1), 0.3));
  padding: 1px;
  clip-path: polygon(0 0, 100% 0, 100% 81%, 81% 100%, 0 100%, 0% 50%);
  margin-inline: calc(0px + 20 * (100vw - 320px) / 1600);
}
[dir=rtl] .digital-price-section .price-box .price-main-body {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 18% 100%, 0 80%);
}
.digital-price-section .price-box .price-body {
  position: relative;
  padding: calc(20px + 20 * (100vw - 320px) / 1600);
  clip-path: polygon(0 0, 100% 0, 100% 81%, 81% 100%, 0 100%, 0% 50%);
  background: #161e06;
}
[dir=rtl] .digital-price-section .price-box .price-body {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 18% 100%, 0 80%);
}
.digital-price-section .price-box .price-body .price-list li {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.digital-price-section .price-box .price-body .price-list li + li {
  padding-top: calc(12px + 10 * (100vw - 320px) / 1600);
}
.digital-price-section .price-box .price-body .price-list li img {
  width: calc(25px + 10 * (100vw - 320px) / 1600);
  height: auto;
  object-fit: contain;
}
[dir=rtl] .digital-price-section .price-box .price-body .price-list li img {
  transform: scale(-1);
}
.digital-price-section .price-box .price-body .price-list li h6 {
  color: rgba(var(--content-color), 1);
  width: calc(100% - (15px + 5 * (100vw - 320px) / 1600) - (35px + 10 * (100vw - 320px) / 1600));
}
.digital-price-section .price-box .price-body .btn-borders {
  background: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-transform: uppercase;
  border: 1px solid transparent;
  border-image-source: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  border-image-slice: 1;
  margin-top: calc(20px + 30 * (100vw - 320px) / 1600);
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(30px + 10 * (100vw - 320px) / 1600);
}
.digital-price-section .price-box .price-body .btn-borders:hover {
  -webkit-text-fill-color: rgba(var(--title-color), 1);
}
.digital-price-section .price-box .price-body .btn-borders:hover::before {
  background: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
}

.pricing-logo {
  margin-left: calc(12px + 38 * (100vw - 320px) / 1600);
  padding-block: 0 calc(35px + 45 * (100vw - 320px) / 1600) !important;
}
@media (max-width: 1199px) {
  .pricing-logo {
    padding-block: 0 !important;
  }
}

.consultancy-info-section {
  position: relative;
}
.consultancy-info-section .hand-img {
  position: absolute;
  top: 0px;
  left: -35px;
  z-index: 1;
}
[dir=rtl] .consultancy-info-section .hand-img {
  right: -35px;
  left: unset;
  transform: scaleX(-1);
}
@media (max-width: 1500px) {
  .consultancy-info-section .hand-img {
    top: 13%;
    width: 20%;
  }
}
@media (max-width: 1399px) {
  .consultancy-info-section .hand-img {
    top: 13%;
    width: 22%;
  }
}
@media (max-width: 1199px) {
  .consultancy-info-section .hand-img {
    display: none;
  }
}
.consultancy-info-section .consultancy-info-box {
  background: rgba(var(--theme-color), 1);
  padding: calc(25px + 55 * (100vw - 320px) / 1600);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: relative;
  z-index: 0;
  padding-right: calc(20px + 180 * (100vw - 320px) / 1600);
  overflow: hidden;
}
@media (max-width: 1399px) {
  .consultancy-info-section .consultancy-info-box {
    padding-inline: calc(20px + 20 * (100vw - 320px) / 1600);
  }
}
[dir=rtl] .consultancy-info-section .consultancy-info-box {
  padding-left: calc(20px + 180 * (100vw - 320px) / 1600);
  padding-right: calc(20px + 20 * (100vw - 320px) / 1600);
}
@media (max-width: 1399px) {
  [dir=rtl] .consultancy-info-section .consultancy-info-box {
    padding-left: calc(20px + 20 * (100vw - 320px) / 1600);
  }
}
.consultancy-info-section .consultancy-info-box h3 {
  margin-top: calc(-7px + -1 * (100vw - 320px) / 1600);
  font-size: calc(22px + 8 * (100vw - 320px) / 1600);
  width: 64%;
  margin-inline: auto;
}
@media (max-width: 1199px) {
  .consultancy-info-section .consultancy-info-box h3 {
    width: 75%;
  }
}
@media (max-width: 991px) {
  .consultancy-info-section .consultancy-info-box h3 {
    width: 100%;
  }
}
.consultancy-info-section .consultancy-info-box .animation-part {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
}
[dir=rtl] .consultancy-info-section .consultancy-info-box .animation-part {
  right: unset;
  left: 0;
}
@media (max-width: 1399px) {
  .consultancy-info-section .consultancy-info-box .animation-part {
    opacity: 0.2;
  }
}
@media (max-width: 575px) {
  .consultancy-info-section .consultancy-info-box .animation-part {
    display: none;
  }
}
.consultancy-info-section .consultancy-info-box .animation-part .info-bg {
  height: 100%;
}
[dir=rtl] .consultancy-info-section .consultancy-info-box .animation-part .info-bg {
  transform: scale(-1);
}
.consultancy-info-section .consultancy-info-box .animation-part .info-gif {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  mix-blend-mode: screen;
  width: 60%;
  object-fit: contain;
}
[dir=rtl] .consultancy-info-section .consultancy-info-box .animation-part .info-gif {
  right: unset;
  left: 0;
}
.consultancy-info-section .consultancy-info-box .animation-part .vertical-info-gif {
  position: absolute;
  top: 0;
  left: 50px;
  height: 100%;
  mix-blend-mode: screen;
  transform: rotate(180deg);
  width: 42%;
  object-fit: contain;
}
[dir=rtl] .consultancy-info-section .consultancy-info-box .animation-part .vertical-info-gif {
  right: 50px;
  left: unset;
}
.consultancy-info-section .consultancy-info-box p {
  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);
  width: 40%;
  margin-bottom: -3px;
}
@media (max-width: 1199px) {
  .consultancy-info-section .consultancy-info-box p {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .consultancy-info-section .consultancy-info-box p {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .consultancy-info-section .consultancy-info-box p {
    width: 100%;
  }
}
.consultancy-info-section .consultancy-info-box .bg-star .blur-star-one,
.consultancy-info-section .consultancy-info-box .bg-star .blur-star-two {
  filter: blur(2px);
  position: absolute;
}
.consultancy-info-section .consultancy-info-box .bg-star .blur-star-one {
  bottom: 10px;
  left: 15px;
  animation: move-img 5s infinite linear;
}
.consultancy-info-section .consultancy-info-box .bg-star .blur-star-two {
  right: 32%;
  bottom: 73px;
  top: unset;
  animation: move-img 5s infinite linear;
}
.consultancy-info-section .consultancy-info-box .bg-star .left-star {
  position: absolute;
  left: 24%;
  bottom: 75px;
  animation: rotate 5s infinite linear;
}
.consultancy-info-section .consultancy-info-box .bg-star .right-star {
  position: absolute;
  right: 18%;
  top: 10px;
  animation: opacity 5s infinite linear;
}

.show-annual .monthly-price {
  display: none;
}

.show-monthly .annually-price {
  display: none;
}

/*========================
  4.4 counter style start
==========================*/
.charity-counter-sec {
  background: rgba(var(--theme-color), 1);
}
.charity-counter-sec .row > div:last-child .counter-box {
  margin-bottom: 0;
}
.charity-counter-sec .row > div:last-child .counter-box::after {
  display: none;
}
@media (max-width: 1199px) {
  .charity-counter-sec .row > div:nth-child(2) .counter-box::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .charity-counter-sec .row > div:first-child .counter-box::after {
    display: none;
  }
}
.charity-counter-sec .counter-box {
  font-family: var(--labre-font);
  position: relative;
}
@media (max-width: 1199px) {
  .charity-counter-sec .counter-box {
    margin-bottom: calc(30px + 10 * (100vw - 320px) / 1600);
  }
}
.charity-counter-sec .counter-box h2 {
  font-weight: 600;
  font-size: calc(30px + 30 * (100vw - 320px) / 1600);
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(-3px + -7 * (100vw - 320px) / 1600);
  color: #333;
}
.charity-counter-sec .counter-box h2 i {
  font-size: calc(25px + 20 * (100vw - 320px) / 1600);
}
.charity-counter-sec .counter-box h5 {
  color: rgba(51, 51, 51, 0.7);
  text-align: center;
  width: 66%;
  margin: calc(7px + 8 * (100vw - 320px) / 1600) auto 0 auto;
  font-family: var(--labre-font);
}
.charity-counter-sec .counter-box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 55%;
  background: #333;
  transform: translateY(-50%);
}
[dir=rtl] .charity-counter-sec .counter-box::after {
  right: unset;
  left: 0;
}

.ad-counter-box {
  display: flex;
  gap: calc(15px + 45 * (100vw - 320px) / 1600);
  margin-top: calc(20px + 55 * (100vw - 320px) / 1600);
  border-left: 3px solid rgba(var(--theme-color), 1);
  padding-left: calc(14px + 6 * (100vw - 320px) / 1600);
}
[dir=rtl] .ad-counter-box {
  padding-left: 0;
  padding-right: calc(14px + 6 * (100vw - 320px) / 1600);
  border-left: none;
  border-right: 3px solid rgba(var(--theme-color), 1);
}
@media (max-width: 767px) {
  .ad-counter-box {
    border-left: none;
    padding-left: 0;
  }
}
.ad-counter-box li span,
.ad-counter-box li i {
  font-weight: 700;
  font-size: calc(22px + 28 * (100vw - 320px) / 1600);
  line-height: 1.3;
  color: rgba(var(--theme-color), 1);
  letter-spacing: 0.32px;
}
.ad-counter-box li h5 {
  line-height: 1;
  margin-top: 5px;
}

.consultancy-counter-box {
  background: rgba(var(--theme-color), 1);
  border: 1px solid rgba(var(--white), 0.1);
  box-shadow: inset -8px -8px 22px rgba(var(--theme-color), 1), inset 8px 8px 12px rgba(76, 56, 255, 0.8);
  border-radius: 8px;
  padding: calc(20px + 32 * (100vw - 320px) / 1600);
  position: relative;
}
.consultancy-counter-box .main-counter {
  display: flex;
  align-items: baseline;
  gap: calc(12px + 13 * (100vw - 320px) / 1600);
  margin-top: calc(-6px + -6 * (100vw - 320px) / 1600);
}
.consultancy-counter-box .main-counter .counter-img {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding-right: calc(12px + 3 * (100vw - 320px) / 1600);
  width: 25%;
}
@media (max-width: 767px) {
  .consultancy-counter-box .main-counter .counter-img {
    width: 13%;
  }
}
@media (max-width: 575px) {
  .consultancy-counter-box .main-counter .counter-img {
    width: 15%;
  }
}
@media (max-width: 350px) {
  .consultancy-counter-box .main-counter .counter-img {
    width: 18%;
  }
}
[dir=rtl] .consultancy-counter-box .main-counter .counter-img {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: none;
  padding-right: 0;
  padding-left: calc(12px + 3 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .consultancy-counter-box .main-counter .counter-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}
.consultancy-counter-box .main-counter .counter-box {
  color: #fff;
}
.consultancy-counter-box .price-bg-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 23%;
  height: 100%;
}
[dir=rtl] .consultancy-counter-box .price-bg-img {
  right: unset;
  left: 0;
}
.consultancy-counter-box .price-bg-img .price-bg {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
[dir=rtl] .consultancy-counter-box .price-bg-img .price-bg {
  right: unset;
  left: 0;
  transform: scaleX(-1);
}
.consultancy-counter-box .price-bg-img .trofy-img {
  position: absolute;
  bottom: -13px;
  left: 37%;
}
[dir=rtl] .consultancy-counter-box .price-bg-img .trofy-img {
  left: unset;
  right: 37%;
}
@media (max-width: 1399px) {
  .consultancy-counter-box .price-bg-img .trofy-img {
    left: 25%;
  }
  [dir=rtl] .consultancy-counter-box .price-bg-img .trofy-img {
    right: 25%;
  }
}
.consultancy-counter-box .price-bg-img .cracker-img {
  position: absolute;
  top: -90%;
  left: 20px;
}
[dir=rtl] .consultancy-counter-box .price-bg-img .cracker-img {
  left: unset;
  right: 20px;
}
@media (max-width: 1399px) {
  .consultancy-counter-box .price-bg-img .cracker-img {
    left: 10px;
    top: -70%;
  }
  [dir=rtl] .consultancy-counter-box .price-bg-img .cracker-img {
    right: 10px;
  }
}

.w-story-planner .story-content .story-subtitle {
  position: relative;
  color: rgba(var(--theme-color), 1);
  padding: calc(14px + 4 * (100vw - 320px) / 1600) calc(20px + 50 * (100vw - 320px) / 1600) calc(14px + 4 * (100vw - 320px) / 1600) calc(20px + 5 * (100vw - 320px) / 1600);
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 430px) {
  .w-story-planner .story-content .story-subtitle {
    text-transform: capitalize;
  }
}
[dir=rtl] .w-story-planner .story-content .story-subtitle {
  padding-inline: calc(20px + 5 * (100vw - 320px) / 1600) calc(20px + 50 * (100vw - 320px) / 1600);
}
.w-story-planner .story-content .story-subtitle::after {
  content: "";
  background: rgba(var(--theme-color), 1);
  width: 3px;
  height: 34px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
[dir=rtl] .w-story-planner .story-content .story-subtitle::after {
  left: unset;
  right: 0;
}
.w-story-planner .story-content .story-subtitle::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(var(--content-color), 0.1);
  width: calc(100% + 275px);
  height: 100%;
}
[dir=rtl] .w-story-planner .story-content .story-subtitle::before {
  left: 0;
  right: unset;
}
.w-story-planner .story-content p {
  color: rgba(var(--theme-color), 0.75);
  margin-bottom: calc(10px + 15 * (100vw - 320px) / 1600);
}
.w-story-planner .story-content .w-planner-counter-box {
  display: flex;
  align-items: center;
  gap: calc(12px + 33 * (100vw - 320px) / 1600);
  justify-content: center;
  text-align: center;
  border-top: 1px solid rgba(var(--content-color), 1);
  padding-top: calc(10px + 20 * (100vw - 320px) / 1600);
  margin-top: calc(10px + 20 * (100vw - 320px) / 1600);
  position: relative;
}
.w-story-planner .story-content .w-planner-counter-box::after {
  content: "";
  position: absolute;
  top: -3px;
  left: 50%;
  width: 79px;
  height: 3px;
  background-color: rgba(var(--content-color), 1);
  transform: translateX(-50%);
}
[dir=rtl] .w-story-planner .story-content .w-planner-counter-box::after {
  left: unset;
  right: 50%;
  transform: translateX(50%);
}
.w-story-planner .story-content .w-planner-counter-box .counter-box + .counter-box {
  padding-left: calc(12px + 33 * (100vw - 320px) / 1600);
  position: relative;
}
[dir=rtl] .w-story-planner .story-content .w-planner-counter-box .counter-box + .counter-box {
  padding-right: calc(15px + 30 * (100vw - 320px) / 1600);
  padding-left: 0;
}
.w-story-planner .story-content .w-planner-counter-box .counter-box + .counter-box::after {
  content: "";
  width: 1px;
  height: 77px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: rgba(var(--content-color), 1);
  transform: translateY(-50%);
}
[dir=rtl] .w-story-planner .story-content .w-planner-counter-box .counter-box + .counter-box::after {
  left: unset;
  right: 0;
}
.w-story-planner .story-content .w-planner-counter-box .counter-box span {
  font-weight: 700;
  font-size: calc(22px + 18 * (100vw - 320px) / 1600);
  line-height: 1.3;
  color: rgba(var(--content-color), 1);
  font-style: italic;
  letter-spacing: 0.96px;
}
.w-story-planner .story-content .w-planner-counter-box .counter-box i {
  color: rgba(var(--content-color), 1);
  font-size: calc(22px + 18 * (100vw - 320px) / 1600);
  font-style: italic;
  font-weight: 700;
}
.w-story-planner .story-content .w-planner-counter-box .counter-box h4 {
  color: rgba(var(--content-color), 1);
  font-size: calc(16px + 6 * (100vw - 320px) / 1600);
}
.w-story-planner .story-img {
  position: relative;
  padding-left: calc(10px + 10 * (100vw - 320px) / 1600);
  display: inline-block;
  padding-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
[dir=rtl] .w-story-planner .story-img {
  padding-left: 0;
  padding-right: calc(10px + 10 * (100vw - 320px) / 1600);
}
.w-story-planner .story-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - (10px + 10 * (100vw - 320px) / 1600));
  height: calc(100% - (10px + 10 * (100vw - 320px) / 1600));
  border: 1px solid rgba(var(--content-color), 1);
}
[dir=rtl] .w-story-planner .story-img::after {
  left: unset;
  right: 0;
}
.w-story-planner .story-img .story-flower {
  position: absolute;
  bottom: 0px;
  right: -19%;
  z-index: 1;
}
[dir=rtl] .w-story-planner .story-img .story-flower {
  left: -19%;
  right: unset;
  transform: scaleX(-1);
}
@media (max-width: 1650px) {
  .w-story-planner .story-img .story-flower {
    width: 30%;
    object-fit: cover;
    right: -15px;
  }
  [dir=rtl] .w-story-planner .story-img .story-flower {
    left: -15px;
    right: unset;
  }
}

.startup-counter-box {
  background: rgba(var(--bg-color), 1);
  padding: calc(20px + 15 * (100vw - 320px) / 1600);
  border-radius: 10px;
}
.startup-counter-box .row > div:first-child .counter-box::after {
  display: none;
}
@media (max-width: 991px) {
  .startup-counter-box .row > div:nth-child(3) .counter-box::after {
    display: none;
  }
}
.startup-counter-box .counter-box {
  text-align: center;
  position: relative;
  margin-block: -5px;
}
.startup-counter-box .counter-box::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 76px;
  background-color: rgba(var(--title-color), 0.08);
  transform: translateY(-50%);
}
[dir=rtl] .startup-counter-box .counter-box::after {
  left: unset;
  right: 0;
}
@media (max-width: 575px) {
  .startup-counter-box .counter-box::after {
    display: none;
  }
}
.startup-counter-box .counter-box h2 {
  color: rgba(var(--theme-color), 1);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.startup-counter-box .counter-box h2 i {
  font-size: calc(20px + 10 * (100vw - 320px) / 1600);
  font-weight: 700;
}
.startup-counter-box .counter-box p {
  color: rgba(var(--content-color), 1);
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 1399px) {
  .startup-counter-box .counter-box p {
    width: 80%;
  }
}
@media (max-width: 1199px) {
  .startup-counter-box .counter-box p {
    width: 90%;
  }
}
@media (max-width: 991px) {
  .startup-counter-box .counter-box p {
    width: 100%;
  }
}

.home-event-section .home-counter {
  display: flex;
  align-items: center;
  gap: calc(20px + 20 * (100vw - 320px) / 1600);
}
.home-event-section .home-counter ul {
  display: flex;
  align-items: center;
  gap: calc(20px + 12 * (100vw - 320px) / 1600);
}
.home-event-section .home-counter ul .counter-box {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 575px) / 1345);
}
.home-event-section .home-counter ul .counter-box img {
  width: 23px;
  height: auto;
  object-fit: contain;
}
.home-event-section .home-counter ul .counter-box .counter-info {
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  padding-left: calc(10px + 5 * (100vw - 575px) / 1345);
}
@media (max-width: 767px) {
  .home-event-section .home-counter ul .counter-box .counter-info {
    margin-block: calc(6px + 6 * (100vw - 575px) / 192);
  }
}
[dir=rtl] .home-event-section .home-counter ul .counter-box .counter-info {
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  padding-right: calc(10px + 5 * (100vw - 575px) / 1345);
  border-left: 0;
  padding-left: 0;
}
.home-event-section .home-counter ul .counter-box .counter-info h6 {
  font-size: 14px;
  font-weight: 400;
  color: rgba(var(--theme-color), 1);
  margin-bottom: 6px;
}
.home-event-section .home-counter ul .counter-box .counter-info h4 {
  color: #fff;
  font-size: calc(16px + 6 * (100vw - 575px) / 1345);
}

.design-counter-section .row > div:first-child .counter-box {
  border-left: none;
}
[dir=rtl] .design-counter-section .row > div:first-child .counter-box {
  border-right: none;
}
@media (max-width: 991px) {
  .design-counter-section .row > div:nth-child(3) .counter-box {
    border-left: none;
  }
  [dir=rtl] .design-counter-section .row > div:nth-child(3) .counter-box {
    border-right: none;
  }
}
.design-counter-section .counter-bg-img {
  padding-block: calc(25px + 25 * (100vw - 320px) / 1600);
}
.design-counter-section .counter-box {
  display: flex;
  color: #fff;
  font-family: var(--open-sans);
  border-left: 2px solid #fff;
  padding-inline: calc(20px + 50 * (100vw - 320px) / 1600);
}
[dir=rtl] .design-counter-section .counter-box {
  border-right: 2px solid #fff;
  border-left: none;
}
@media (max-width: 575px) {
  .design-counter-section .counter-box {
    border-left: none;
  }
  [dir=rtl] .design-counter-section .counter-box {
    border-right: none;
  }
}
.design-counter-section .counter-box h2 i {
  font-size: calc(22px + 18 * (100vw - 320px) / 1600);
}

.marketing-counter {
  display: flex;
  gap: calc(15px + 35 * (100vw - 320px) / 1600);
  margin-top: calc(30px + 240 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .marketing-counter {
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .marketing-counter {
    flex-direction: column;
  }
}
.marketing-counter .counter-box {
  text-align: center;
}
.marketing-counter .counter-box + .counter-box {
  position: relative;
  padding-left: calc(12px + 38 * (100vw - 575px) / 1345);
}
[dir=rtl] .marketing-counter .counter-box + .counter-box {
  padding-left: 0;
  padding-right: calc(12px + 38 * (100vw - 575px) / 1345);
}
@media (max-width: 575px) {
  .marketing-counter .counter-box + .counter-box {
    padding-left: 0;
  }
  [dir=rtl] .marketing-counter .counter-box + .counter-box {
    padding-right: 0;
  }
}
.marketing-counter .counter-box + .counter-box::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-left: 1px solid rgba(var(--content-color), 0.2);
  height: 78px;
  transform: translateY(-50%);
  width: 1px;
}
[dir=rtl] .marketing-counter .counter-box + .counter-box::after {
  border-left: none;
  border-right: 1px solid rgba(var(--content-color), 0.2);
  left: unset;
  right: 0;
}
@media (max-width: 575px) {
  .marketing-counter .counter-box + .counter-box::after {
    display: none;
  }
}
.marketing-counter .counter-box .counter-info h3 {
  font-size: calc(25px + 45 * (100vw - 320px) / 1600);
  font-weight: 600;
  letter-spacing: 1.4px;
  color: rgba(var(--content-color), 0.4);
}
.marketing-counter .counter-box .counter-info h6 {
  color: rgba(var(--content-color), 1);
}

.portfolio-counter-section {
  overflow: hidden;
}
.portfolio-counter-section .main-counter-box {
  background: rgba(var(--bg-color), 0.05);
  padding: calc(20px + 10 * (100vw - 320px) / 1600);
  position: relative;
  padding-left: 0;
}
[dir=rtl] .portfolio-counter-section .main-counter-box {
  padding-right: 0;
  padding-left: calc(20px + 10 * (100vw - 320px) / 1600);
}
body.dark .portfolio-counter-section .main-counter-box {
  background: rgba(var(--bg-color), 1);
}
@media (max-width: 575px) {
  .portfolio-counter-section .main-counter-box {
    padding-inline: 12px;
  }
}
.portfolio-counter-section .row > div:first-child .counter-box::after {
  display: none;
}
@media (max-width: 1199px) {
  .portfolio-counter-section .row > div:nth-child(3) .counter-box::after {
    display: none;
  }
}
.portfolio-counter-section .counter-box {
  position: relative;
  padding-left: 100px;
}
[dir=rtl] .portfolio-counter-section .counter-box {
  padding-left: 0;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .portfolio-counter-section .counter-box {
    padding-left: 50px;
  }
  [dir=rtl] .portfolio-counter-section .counter-box {
    padding-right: 50px;
  }
}
@media (max-width: 575px) {
  .portfolio-counter-section .counter-box {
    padding-left: 0;
    text-align: center;
  }
  [dir=rtl] .portfolio-counter-section .counter-box {
    padding-right: 0;
  }
}
.portfolio-counter-section .counter-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 88px;
  border-left: 1px solid rgba(var(--title-color), 0.1);
}
[dir=rtl] .portfolio-counter-section .counter-box::after {
  border-right: 1px solid rgba(var(--title-color), 0.1);
  border-left: 0;
  right: 0;
  left: unset;
}
@media (max-width: 575px) {
  .portfolio-counter-section .counter-box::after {
    display: none;
  }
}
.portfolio-counter-section .counter-box .counter-icon {
  position: relative;
}
.portfolio-counter-section .counter-box .counter-icon svg {
  width: calc(45px + 5 * (100vw - 320px) / 1600);
  height: calc(45px + 5 * (100vw - 320px) / 1600);
  fill: transparent;
  stroke: rgba(var(--title-color), 1);
}
.portfolio-counter-section .counter-box .counter-icon::after {
  content: "";
  position: absolute;
  width: 42px;
  height: 6px;
  background: rgba(var(--title-color), 0.2);
  bottom: 0;
  left: 5px;
  transform: skew(-21deg, 2deg);
}
[dir=rtl] .portfolio-counter-section .counter-box .counter-icon::after {
  left: unset;
  right: 5px;
}
@media (max-width: 575px) {
  .portfolio-counter-section .counter-box .counter-icon::after {
    left: 50%;
    transform: skew(-21deg, 2deg) translateX(-50%);
  }
  [dir=rtl] .portfolio-counter-section .counter-box .counter-icon::after {
    left: unset;
    right: 50%;
    transform: skew(-21deg, 2deg) translateX(50%);
  }
}
.portfolio-counter-section .counter-box .counter-content h2 {
  font-size: calc(28px + 20 * (100vw - 320px) / 1600);
  font-weight: 700;
  font-family: var(--dm-sans);
  padding-top: calc(6px + 6 * (100vw - 320px) / 1600);
}
.portfolio-counter-section .counter-box .counter-content h2 i {
  font-size: calc(28px + 12 * (100vw - 320px) / 1600);
  font-weight: 700;
}
.portfolio-counter-section .counter-box .counter-content h6 {
  color: rgba(var(--title-color), 0.44);
}
.portfolio-counter-section .counter-theme-box {
  background: rgba(var(--theme-color), 1);
  position: absolute;
  width: 22%;
  top: 50%;
  right: -20%;
  transform: translateY(-50%);
}
[dir=rtl] .portfolio-counter-section .counter-theme-box {
  left: -20%;
  right: unset;
}
@media (max-width: 1650px) {
  .portfolio-counter-section .counter-theme-box {
    display: none;
  }
  [dir=rtl] .portfolio-counter-section .counter-theme-box {
    display: none;
  }
}
.portfolio-counter-section .counter-theme-box h2 {
  font-weight: 700;
  color: #fff;
  padding: 45px 40px;
  text-transform: uppercase;
}

.digital-home-counter {
  border-block: 1px solid rgba(255, 255, 255, 0.06);
  margin-top: 20px;
}
@media (max-width: 991px) {
  .digital-home-counter {
    margin-top: 0;
  }
}
.digital-home-counter .counter-support {
  display: flex;
  align-items: center;
  gap: calc(12px + 38 * (100vw - 1399px) / 521);
  padding-block: calc(20px + 13 * (100vw - 320px) / 1600);
  height: 100%;
  padding-inline: calc(0px + 40 * (100vw - 1399px) / 521);
  justify-content: center;
}
@media (max-width: 1700px) {
  .digital-home-counter .counter-support {
    border-left: 1px solid rgba(255, 255, 255, 0.06);
  }
  [dir=rtl] .digital-home-counter .counter-support {
    border-left: none;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
  }
}
.digital-home-counter .counter-support img:nth-child(2) {
  width: 10%;
}
.digital-home-counter .counter-support img:nth-child(3) {
  width: 14%;
}
.digital-home-counter .counter-support h4 {
  color: rgba(var(--content-color), 1);
}
@media (max-width: 575px) {
  .digital-home-counter .row > div .row > div:first-child .counter-box {
    padding-top: calc(20px + 13 * (100vw - 320px) / 1600);
  }
}
@media (max-width: 767px) {
  .digital-home-counter .row > div .row > div:nth-child(3) .counter-box, .digital-home-counter .row > div .row > div:last-child .counter-box {
    padding-top: 0;
  }
}
.digital-home-counter .counter-box {
  display: flex;
  align-items: center;
  color: rgba(var(--content-color), 1);
  gap: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  padding: calc(15px + 5 * (100vw - 320px) / 1600) calc(0px + 60 * (100vw - 320px) / 1600);
  justify-content: center;
  height: 100%;
}
[dir=rtl] .digital-home-counter .counter-box {
  border-left: none;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
@media (max-width: 575px) {
  .digital-home-counter .counter-box {
    padding-left: 12px;
    padding-top: 0;
  }
  [dir=rtl] .digital-home-counter .counter-box {
    padding-right: 12px;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .digital-home-counter .counter-box {
    border-left: none;
    justify-content: flex-start;
  }
  [dir=rtl] .digital-home-counter .counter-box {
    border-right: none;
  }
}
.digital-home-counter .counter-box h2 {
  font-size: calc(30px + 14 * (100vw - 320px) / 1600);
}
.digital-home-counter .counter-box h5 {
  line-height: 1.5;
}

/*========================
  4.5 Testimonials style start
==========================*/
.ad-testimonials {
  position: relative;
  padding-bottom: calc(0px + 40 * (100vw - 575px) / 1345);
  z-index: 0;
  margin-top: 40px;
}
.ad-testimonials::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(var(--theme-color), 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.ad-testimonials .testimonials-box {
  width: 45%;
  margin-left: calc(20px + 190 * (100vw - 320px) / 1600);
  transform: translateY(-40px);
  background-color: rgb(28, 28, 28);
  color: #fff;
  padding: calc(20px + 30 * (100vw - 320px) / 1600);
  position: relative;
}
@media (max-width: 991px) {
  .ad-testimonials .testimonials-box {
    width: 100%;
    margin-left: 0;
  }
  [dir=rtl] .ad-testimonials .testimonials-box {
    margin-right: 0;
  }
}
.ad-testimonials .testimonials-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  width: 0;
  height: 0;
  border-bottom: 40px solid rgb(69, 69, 69);
  border-left: 40px solid transparent;
}
[dir=rtl] .ad-testimonials .testimonials-box::after {
  left: unset;
  right: -40px;
  border-left: none;
  border-right: 40px solid transparent;
}
.ad-testimonials .ad-testimonials-slider.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(10px + 8 * (100vw - 320px) / 1600) 0 0;
}
.ad-testimonials .title-style-2 {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
  width: 100%;
}
.ad-testimonials .testimonials-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 2px;
}
[dir=rtl] .ad-testimonials .testimonials-flex img {
  transform: scaleX(-1);
}
.ad-testimonials .testimonials-flex .testimonials-profile {
  display: flex;
  gap: calc(8px + 7 * (100vw - 320px) / 1600);
  align-items: center;
}
.ad-testimonials .testimonials-flex .testimonials-profile img {
  width: calc(45px + 26 * (100vw - 320px) / 1600);
  height: calc(45px + 26 * (100vw - 320px) / 1600);
  object-fit: cover;
  border-radius: 50%;
}
.ad-testimonials .testimonials-flex .testimonials-profile h5 {
  text-transform: uppercase;
  padding-bottom: 4px;
}
.ad-testimonials .testimonials-flex .testimonials-profile h6 {
  color: rgba(var(--content-color), 1);
}
.ad-testimonials p {
  margin: calc(20px + 20 * (100vw - 320px) / 1600) 0 calc(10px + 10 * (100vw - 320px) / 1600) 0;
  border-left: 1px solid rgba(var(--white), 0.7);
  padding-left: calc(15px + 5 * (100vw - 320px) / 1600);
  color: rgba(255, 255, 255, 0.7);
}
.ad-testimonials span {
  color: rgba(var(--theme-color), 1);
  margin-bottom: calc(10px + 20 * (100vw - 320px) / 1600);
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1;
  display: inline-block;
}

.consultancy-testimonials-section {
  position: relative;
}
.consultancy-testimonials-section h2 {
  width: 40%;
  margin: auto;
  text-align: center;
  margin-block: calc(-6px + -2 * (100vw - 320px) / 1600) calc(20px + 30 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .consultancy-testimonials-section h2 {
    width: 100%;
  }
}
.consultancy-testimonials-section .swiper-slide-active {
  border-right: 2px dashed rgba(var(--border-color), 1);
  padding-right: 50px;
}
@media (max-width: 1199px) {
  .consultancy-testimonials-section .swiper-slide-active {
    border-right: none;
    padding-right: 0;
  }
}
.consultancy-testimonials-section .testimonials-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(14px + 21 * (100vw - 320px) / 1600);
}
.consultancy-testimonials-section .testimonials-box .testimonials-img {
  width: 247px;
  margin: 0 auto;
  border-radius: 10px;
}
.consultancy-testimonials-section .testimonials-box .testimonials-content {
  width: calc(100% - (14px + 21 * (100vw - 320px) / 1600) - 247px);
}
@media (max-width: 450px) {
  .consultancy-testimonials-section .testimonials-box .testimonials-content {
    width: 100%;
  }
}
.consultancy-testimonials-section .testimonials-box .testimonials-content h5 {
  font-weight: 500;
  color: rgba(var(--title-color), 1);
}
.consultancy-testimonials-section .testimonials-box .testimonials-content .profile-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.consultancy-testimonials-section .testimonials-box .testimonials-content .profile-box .profile-name {
  border-left: 4px solid rgba(var(--theme-color), 1);
  padding-left: 10px;
}
.consultancy-testimonials-section .testimonials-box .testimonials-content .profile-box .profile-name h6 {
  color: rgba(var(--theme-color), 1);
  margin-top: 3px;
}
.consultancy-testimonials-section .testimonials-box .testimonials-content p {
  color: rgba(var(--content-color), 1);
  margin: calc(10px + 26 * (100vw - 320px) / 1600) 0 calc(10px + 30 * (100vw - 320px) / 1600) 0;
}
.consultancy-testimonials-section .testimonials-box .testimonials-content .city-name {
  color: rgba(var(--title-color), 1);
}
.consultancy-testimonials-section .testimonials-box .testimonials-content .city-name h5 {
  text-transform: uppercase;
  position: relative;
}
.consultancy-testimonials-section .testimonials-box .testimonials-content .city-name h5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 1px;
  background: rgba(var(--bg-color), 1);
}
.consultancy-testimonials-section .testimonials-box .testimonials-content .city-name span {
  display: block;
  text-transform: capitalize;
  color: rgba(var(--content-color), 1);
  font-weight: 400;
  padding-top: 4px;
}

.w-testimonials-planner {
  position: relative;
}
.w-testimonials-planner .t-flower {
  top: 50%;
}
.w-testimonials-planner .horizontal-book-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .w-testimonials-planner .horizontal-book-title {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }
}
.w-testimonials-planner .horizontal-book-title .navigation-book {
  display: flex;
  align-items: center;
  gap: calc(18px + 26 * (100vw - 320px) / 1600);
  z-index: 1;
}
.w-testimonials-planner .horizontal-book-title .navigation-book .right-book-arrow,
.w-testimonials-planner .horizontal-book-title .navigation-book .left-book-arrow {
  cursor: pointer;
}
.w-testimonials-planner .horizontal-book-title .navigation-book .right-book-arrow {
  transform: scale(-1);
}
.w-testimonials-planner .book-section {
  width: 80%;
  text-align: center;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 1399px) {
  .w-testimonials-planner .book-section {
    width: 90%;
  }
}
@media (max-width: 1199px) {
  .w-testimonials-planner .book-section {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .w-testimonials-planner .book-section {
    overflow: hidden;
  }
}
.w-testimonials-planner .book-section::after {
  content: "";
  background-image: url(../images/planner/testimonials/doteed.png);
  position: absolute;
  top: 5px;
  left: 50%;
  width: 15px;
  height: 100%;
  background-repeat: no-repeat;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .w-testimonials-planner .book-section::after {
    display: none;
  }
}
.w-testimonials-planner .book-section .book-container {
  height: calc(500px + 190 * (100vw - 767px) / 1153);
  width: auto;
  position: relative;
  perspective: 1199px;
  transition: transform 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .w-testimonials-planner .book-section .book-container {
    perspective: none;
  }
}
.w-testimonials-planner .book-section .book-container:has(.flip #back-cover)::before {
  display: none;
}
.w-testimonials-planner .book-section .book-container:not(:has(.flip))::after {
  display: none;
}
.w-testimonials-planner .book-section .book-container::after, .w-testimonials-planner .book-section .book-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  background: url(../images/planner/testimonials/left-line.png);
  width: 40px;
  height: 100%;
  z-index: 2;
}
@media (max-width: 991px) {
  .w-testimonials-planner .book-section .book-container::after, .w-testimonials-planner .book-section .book-container::before {
    display: none;
  }
}
.w-testimonials-planner .book-section .book-container::before {
  background: url(../images/planner/testimonials/right-line.png);
  right: -40px;
  left: unset;
}
.w-testimonials-planner .book-section .book-container .testimonials-img {
  position: relative;
  margin: calc(35px + 45 * (100vw - 320px) / 1600) 0 calc(20px + 15 * (100vw - 320px) / 1600) 0;
}
.w-testimonials-planner .book-section .book-container .testimonials-img::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../svg/planner/t-1.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: scale(1.3);
}
.w-testimonials-planner .book-section .book-container .testimonials-img .img-one {
  border-radius: 100%;
  border: 2px solid rgba(var(--content-color), 1);
  width: calc(100px + 106 * (100vw - 320px) / 1600);
  height: calc(100px + 106 * (100vw - 320px) / 1600);
  object-fit: cover;
}
.w-testimonials-planner .right {
  right: 0;
  transform-origin: left;
  position: absolute;
  height: 100%;
  width: 50%;
  transition: 0.5s ease-in-out;
  transform-style: preserve-3d;
}
@media (max-width: 767px) {
  .w-testimonials-planner .right:has(#front-cover, #back-cover) {
    display: none;
  }
}
@media (max-width: 767px) {
  .w-testimonials-planner .right {
    width: 100%;
    transform-style: unset;
  }
}
.w-testimonials-planner .right #front-cover,
.w-testimonials-planner .right #back-cover {
  background-color: rgba(var(--bg-color), 1);
}
.w-testimonials-planner .right #back-cover h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: rgba(var(--theme-color), 1);
}
.w-testimonials-planner .right #front-cover h2 {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: rgba(var(--theme-color), 1);
}
@media (max-width: 767px) and (min-width: 420px) {
  .w-testimonials-planner .right #front-cover h2 {
    bottom: 6%;
  }
}
.w-testimonials-planner .right h5 {
  position: relative;
  color: rgba(var(--theme-color), 1);
  text-transform: uppercase;
  font-weight: 600;
}
.w-testimonials-planner .right h5::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 35px;
  height: 2px;
  background-color: rgba(var(--theme-color), 1);
  transform: translateX(-50%);
}
.w-testimonials-planner .right p {
  color: rgba(var(--theme-color), 0.75);
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
  padding-top: calc(18px + 7 * (100vw - 320px) / 1600);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.w-testimonials-planner .right h6 {
  color: rgba(var(--theme-color), 1);
  margin: calc(10px + 10 * (100vw - 320px) / 1600) 0 calc(25px + 20 * (100vw - 320px) / 1600) 0;
}
.w-testimonials-planner .right .front,
.w-testimonials-planner .right .back {
  margin: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 200%;
  background-repeat: no-repeat;
  backface-visibility: hidden;
  background-color: rgba(var(--white), 1);
  padding: calc(20px + 20 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--content-color), 1);
}
.w-testimonials-planner .right .front {
  background-position: right;
}
.w-testimonials-planner .right .back {
  background-position: left;
  transform: rotateY(180deg);
}
.w-testimonials-planner .right .back::after {
  display: none;
}
.w-testimonials-planner .flip {
  transform: rotateY(-180deg);
}

.seo-testimonials-section {
  position: relative;
}
.seo-testimonials-section .object-13 {
  top: 19%;
  left: 11%;
  animation: zoomInOut 10s infinite linear;
}
body.dark .seo-testimonials-section .object-13 {
  filter: invert(1);
}
.seo-testimonials-section .object-14 {
  top: 27%;
  left: 37%;
  animation: zoomInOut 10s infinite linear;
}
body.dark .seo-testimonials-section .object-14 {
  filter: invert(1);
}
.seo-testimonials-section .object-15 {
  top: 28%;
  right: 15%;
  animation: move-img 5s infinite linear;
}
body.dark .seo-testimonials-section .object-15 {
  filter: invert(1);
}
.seo-testimonials-section .testimonials-box {
  background: rgba(var(--bg-color), 1);
  border: 2px solid rgba(var(--title-color), 1);
  position: relative;
  padding: 15px;
  box-shadow: -4px 5px 0px 0px rgba(var(--title-color), 1);
  margin-bottom: 18px;
  margin-left: 18px;
}
.seo-testimonials-section .testimonials-box::after {
  content: "";
  position: absolute;
  top: 14px;
  left: -14px;
  width: 100%;
  height: 100%;
  background: rgba(var(--bg-color), 1);
  z-index: -1;
  border: 1px solid rgba(var(--title-color), 1);
  box-shadow: -4px 5px 0px 0px rgba(var(--title-color), 1);
}
.seo-testimonials-section .testimonials-box .testimonials-img {
  margin: 0 auto;
  border: 1px solid rgba(var(--title-color), 1);
  box-shadow: inset 3px 3px 0px 0px rgba(var(--title-color), 1);
  background-color: rgba(var(--white), 1);
}
.seo-testimonials-section .testimonials-box .testimonials-img .ratio-img {
  margin-top: -45px;
}
.seo-testimonials-section .testimonials-box .testimonials-profile .profile-name {
  display: flex;
  align-items: center;
  gap: calc(7px + 5 * (100vw - 320px) / 1600);
  padding: 15px 0 8px 0;
  flex-wrap: wrap;
}
.seo-testimonials-section .testimonials-box .testimonials-profile .profile-name span {
  font-size: 14px;
}
.seo-testimonials-section .testimonials-box .testimonials-profile h6 {
  color: rgba(var(--content-color), 1);
}
.seo-testimonials-section .testimonials-content {
  border-bottom: 1px solid rgba(var(--title-color), 1);
  padding-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) and (min-width: 767px) {
  .seo-testimonials-section .testimonials-content {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.seo-testimonials-section .testimonials-content img {
  width: 12%;
}
.seo-testimonials-section .testimonials-content ul {
  padding-top: calc(10px + 30 * (100vw - 320px) / 1600);
}
.seo-testimonials-section .testimonials-content p {
  color: rgba(var(--content-color), 1);
  margin: calc(10px + 10 * (100vw - 320px) / 1600) 0 calc(15px + 10 * (100vw - 320px) / 1600) 0;
}

.startup-testimonials {
  background: rgba(var(--bg-color), 1);
}
.startup-testimonials .startup-testimonials-slider {
  background-color: rgba(var(--white), 1);
  box-shadow: 4px 4px 40px 0.5px rgba(5, 15, 88, 0.04);
  border-radius: 10px;
  padding-block: calc(20px + 30 * (100vw - 320px) / 1600);
}
.startup-testimonials .startup-testimonials-slider .swiper-slide-next + .swiper-slide .testimonials-box {
  border-right: none;
}
[dir=rtl] .startup-testimonials .startup-testimonials-slider .swiper-slide-next + .swiper-slide .testimonials-box {
  border-left: none;
}
.startup-testimonials .startup-testimonials-slider .swiper-slide:last-child .testimonials-box {
  border-right: none;
}
[dir=rtl] .startup-testimonials .startup-testimonials-slider .swiper-slide:last-child .testimonials-box {
  border-left: none;
}
.startup-testimonials .title-style-6 h2 {
  width: 30%;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .startup-testimonials .title-style-6 h2 {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .startup-testimonials .title-style-6 h2 {
    width: 100%;
  }
}
.startup-testimonials .testimonials-box {
  padding-inline: calc(20px + 30 * (100vw - 320px) / 1600);
  border-right: 1px solid rgba(var(--title-color), 0.2);
}
.startup-testimonials .testimonials-box .testimonials-img {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.startup-testimonials .testimonials-box .testimonials-img img {
  width: 90px;
  height: 90px;
  object-fit: contain;
}
.startup-testimonials .testimonials-box .testimonials-img .quote-img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.startup-testimonials .testimonials-box .testimonials-content .testimonials-title {
  padding-left: 15px;
  border-left: 3px solid rgba(var(--theme-color), 1);
  margin: calc(25px + 22 * (100vw - 320px) / 1600) 0 calc(15px + 7 * (100vw - 320px) / 1600) 0;
}
.startup-testimonials .testimonials-box .testimonials-content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.startup-testimonials .testimonials-box .testimonials-content h5,
.startup-testimonials .testimonials-box .testimonials-content p {
  color: rgba(var(--content-color), 1);
}
.startup-testimonials .testimonials-box .testimonials-content span {
  color: rgba(var(--theme-color), 1);
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  font-weight: 400;
  text-transform: uppercase;
  margin-top: calc(20px + 16 * (100vw - 320px) / 1600);
  display: inline-block;
}

.event-testimonials-section {
  background: rgba(var(--bg-color), 0.03);
  position: relative;
}
body.dark .event-testimonials-section {
  background: rgba(var(--bg-color), 1);
}
.event-testimonials-section .effect-1 {
  bottom: 10%;
  right: 5%;
}
.event-testimonials-section .effect-2 {
  top: 20%;
  left: 12%;
}
.event-testimonials-section .event-testimonials-slider {
  background-color: rgba(var(--white), 1);
  padding-block: calc(20px + 30 * (100vw - 320px) / 1600);
}
@media (max-width: 849px) {
  .event-testimonials-section .event-testimonials-slider .swiper-slide .testimonials-box {
    border-right: none;
  }
}
.event-testimonials-section .event-testimonials-slider .swiper-slide:last-child .testimonials-box {
  border-right: none;
}
@media (max-width: 1199px) {
  .event-testimonials-section .event-testimonials-slider .swiper-slide-next .testimonials-box {
    border-right: none;
  }
}
.event-testimonials-section .event-testimonials-slider .swiper-slide-next + .swiper-slide .testimonials-box {
  border-right: none;
}
@media (max-width: 1199px) {
  .event-testimonials-section .event-testimonials-slider .swiper-slide-next + .swiper-slide .testimonials-box {
    border-right: 1px solid rgba(var(--title-color), 0.1);
  }
}
.event-testimonials-section .testimonials-box {
  padding-inline: calc(20px + 30 * (100vw - 320px) / 1600);
  border-right: 1px solid rgba(var(--title-color), 0.1);
}
.event-testimonials-section .testimonials-box .testimonials-title {
  border-left: 3px solid rgba(var(--theme-color), 1);
  padding-left: 15px;
}
.event-testimonials-section .testimonials-box .testimonials-title h4 {
  padding-bottom: 6px;
}
.event-testimonials-section .testimonials-box .testimonials-title h6 {
  color: rgba(var(--content-color), 1);
}
.event-testimonials-section .testimonials-box .testimonials-img {
  display: flex;
  justify-content: space-between;
  margin-block: calc(20px + 15 * (100vw - 320px) / 1600) calc(15px + 5 * (100vw - 320px) / 1600);
}
.event-testimonials-section .testimonials-box .testimonials-img img {
  width: 90px;
  height: 90px;
  object-fit: cover;
}
.event-testimonials-section .testimonials-box .testimonials-img .quote-img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
body.dark .event-testimonials-section .testimonials-box .testimonials-img .quote-img {
  filter: brightness(0) invert(1);
}
.event-testimonials-section .testimonials-box .testimonials-content p {
  color: rgba(var(--content-color), 1);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.event-testimonials-section .testimonials-box .testimonials-content span {
  color: rgba(var(--theme-color), 1);
  text-transform: uppercase;
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  font-weight: 400;
  display: inline-block;
}

.design-testimonials-section .testimonials-box {
  text-align: center;
  padding: calc(20px + 20 * (100vw - 320px) / 1600);
  box-shadow: 0px 4px 15px 0px rgba(117, 119, 156, 0.08), 0px -4px 12px 0px rgba(117, 119, 156, 0.06);
  margin-top: 45px;
  position: relative;
  transition: 0.4s ease;
}
.design-testimonials-section .testimonials-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/design_agency/bg-effect/testimonials-bg.png);
  z-index: -1;
}
.design-testimonials-section .testimonials-box .testimonials-img {
  margin-top: calc(-65px + -20 * (100vw - 320px) / 1600);
}
.design-testimonials-section .testimonials-box .testimonials-img img {
  width: calc(80px + 20 * (100vw - 320px) / 1600);
  height: calc(80px + 20 * (100vw - 320px) / 1600);
  object-fit: cover;
  border-radius: 100%;
}
.design-testimonials-section .testimonials-box .testimonials-content {
  padding-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.design-testimonials-section .testimonials-box .testimonials-content h3 {
  color: rgba(var(--title-color), 1);
}
.design-testimonials-section .testimonials-box .testimonials-content h3 span {
  color: rgba(var(--content-color), 1);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
}
.design-testimonials-section .testimonials-box .testimonials-content h6 {
  color: rgba(var(--content-color), 0.4);
  text-transform: uppercase;
  font-weight: 800;
  margin-block: 4px 10px;
}
.design-testimonials-section .testimonials-box .testimonials-content ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.design-testimonials-section .testimonials-box .testimonials-content ul li i {
  color: rgba(var(--star-color), 1);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.design-testimonials-section .testimonials-box .testimonials-content p {
  color: rgba(var(--content-color), 1);
  margin-top: calc(10px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .design-testimonials-section .swiper-slide-active .testimonials-box {
    background: rgba(var(--theme-color), 1);
    background-image: none;
  }
  .design-testimonials-section .swiper-slide-active .testimonials-box .testimonials-img img {
    border: 7px solid #fff;
    box-shadow: 0 8px 15px 0 rgba(var(--title-color), 0.25);
  }
  .design-testimonials-section .swiper-slide-active .testimonials-box .testimonials-content h3 {
    color: #fff;
  }
  .design-testimonials-section .swiper-slide-active .testimonials-box .testimonials-content h3 span {
    color: #fff;
  }
  .design-testimonials-section .swiper-slide-active .testimonials-box .testimonials-content h6 {
    color: #fff;
  }
  .design-testimonials-section .swiper-slide-active .testimonials-box .testimonials-content p {
    color: #fff;
  }
}
@media (min-width: 767px) {
  .design-testimonials-section .swiper-slide-next .testimonials-box {
    background: rgba(var(--theme-color), 1);
    background-image: none;
  }
  .design-testimonials-section .swiper-slide-next .testimonials-box .testimonials-img img {
    border: 7px solid #fff;
    box-shadow: 0 8px 15px 0 rgba(var(--title-color), 0.25);
  }
  .design-testimonials-section .swiper-slide-next .testimonials-box .testimonials-content h3 {
    color: #fff;
  }
  .design-testimonials-section .swiper-slide-next .testimonials-box .testimonials-content h3 span {
    color: #fff;
  }
  .design-testimonials-section .swiper-slide-next .testimonials-box .testimonials-content h6 {
    color: #fff;
  }
  .design-testimonials-section .swiper-slide-next .testimonials-box .testimonials-content p {
    color: #fff;
  }
}

.marketing-testimonials-section {
  position: relative;
}
.marketing-testimonials-section .object-dots {
  bottom: 50px;
  right: 80px;
  top: unset;
  left: unset;
  transform: rotate(-90deg);
}
.marketing-testimonials-section .swiper-slide-active .testimonials-box::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--title-color), 0.06);
  position: absolute;
  filter: blur(15px);
  z-index: -1;
}
.marketing-testimonials-section .testimonials-box {
  background: rgba(var(--white), 1);
  box-shadow: 0px 2px 20px 0px rgba(var(--content-color), 0.08);
  border: 1px solid rgba(var(--content-color), 0.13);
  padding: calc(12px + 28 * (100vw - 320px) / 1600);
  position: relative;
  margin-block: 50px 20px;
  margin-left: 50px;
}
@media (max-width: 575px) {
  .marketing-testimonials-section .testimonials-box {
    margin: 0;
    text-align: center;
  }
}
.marketing-testimonials-section .testimonials-box .testimonials-img {
  position: absolute;
  top: -50px;
  left: -50px;
  z-index: 0;
}
@media (max-width: 575px) {
  .marketing-testimonials-section .testimonials-box .testimonials-img {
    position: relative;
    inset: unset;
  }
}
.marketing-testimonials-section .testimonials-box .testimonials-img::after {
  content: "";
  border: 3px solid rgba(var(--bg-color), 1);
  border-radius: 100%;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
[dir=rtl] .marketing-testimonials-section .testimonials-box .testimonials-img::after {
  left: unset;
  right: 7px;
}
@media (max-width: 575px) {
  .marketing-testimonials-section .testimonials-box .testimonials-img::after {
    content: none;
  }
}
.marketing-testimonials-section .testimonials-box .testimonials-img img {
  width: calc(80px + 54 * (100vw - 320px) / 1600);
  height: calc(80px + 54 * (100vw - 320px) / 1600);
  object-fit: cover;
  border-radius: 100%;
}
@media (max-width: 575px) {
  .marketing-testimonials-section .testimonials-box .testimonials-content {
    margin-top: 15px;
  }
}
.marketing-testimonials-section .testimonials-box .testimonials-content .testimonials-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 50px;
  flex-wrap: wrap;
}
@media (max-width: 575px) {
  .marketing-testimonials-section .testimonials-box .testimonials-content .testimonials-name {
    padding-left: 0;
    justify-content: center;
  }
}
.marketing-testimonials-section .testimonials-box .testimonials-content .testimonials-name h4 {
  color: rgba(var(--title-color), 1);
  font-weight: 600;
}
.marketing-testimonials-section .testimonials-box .testimonials-content .testimonials-name h5 {
  color: rgba(var(--content-color), 1);
}
.marketing-testimonials-section .testimonials-box .testimonials-content p {
  color: rgba(var(--content-color), 1);
  padding-block: calc(8px + 22 * (100vw - 320px) / 1600) calc(8px + 12 * (100vw - 320px) / 1600);
}
.marketing-testimonials-section .testimonials-box .testimonials-content ul li i {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--star-color), 1);
}
.marketing-testimonials-section .testimonials-box .testimonials-content .quote-img {
  position: absolute;
  bottom: -28px;
  right: 0;
  width: calc(100px + 20 * (100vw - 320px) / 1600);
  height: 78px;
  object-fit: contain;
}
@media (max-width: 575px) {
  .marketing-testimonials-section .testimonials-box .testimonials-content .quote-img {
    opacity: 0.4;
    bottom: 0;
  }
}
.marketing-testimonials-section .marketing-testimonials-slider {
  height: 736px;
  margin-bottom: -32px;
  padding-right: 20px;
}
[dir=rtl] .marketing-testimonials-section .marketing-testimonials-slider {
  padding-right: 0;
  padding-left: 22px;
}
@media (max-width: 1399px) {
  .marketing-testimonials-section .marketing-testimonials-slider {
    height: 630px;
  }
}
@media (max-width: 1199px) {
  .marketing-testimonials-section .marketing-testimonials-slider {
    height: 656px;
  }
}
@media (max-width: 991px) {
  .marketing-testimonials-section .marketing-testimonials-slider {
    height: 496px;
    padding-right: 0;
  }
  [dir=rtl] .marketing-testimonials-section .marketing-testimonials-slider {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .marketing-testimonials-section .marketing-testimonials-slider {
    height: 576px;
    margin-bottom: -14px;
  }
}
@media (max-width: 407px) {
  .marketing-testimonials-section .marketing-testimonials-slider {
    height: 642px;
  }
}
.marketing-testimonials-section .testimonials-info {
  position: relative;
  margin-left: calc(8px + 14 * (100vw - 991px) / 929);
}
@media (max-width: 991px) {
  .marketing-testimonials-section .testimonials-info {
    margin-left: 0;
  }
}
[dir=rtl] .marketing-testimonials-section .testimonials-info {
  margin-right: 22px;
  margin-left: 0;
}
.marketing-testimonials-section .testimonials-info .testimonials-logo {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  row-gap: calc(10px + 20 * (100vw - 320px) / 1600);
  column-gap: calc(10px + 20 * (100vw - 320px) / 1600);
}
.marketing-testimonials-section .testimonials-info .testimonials-logo li:nth-child(4) {
  border-left: none;
  padding-left: 0;
}
[dir=rtl] .marketing-testimonials-section .testimonials-info .testimonials-logo li:nth-child(4) {
  border-right: none;
  padding-right: 0;
}
.marketing-testimonials-section .testimonials-info .testimonials-logo li + li {
  border-left: 1px solid rgba(var(--content-color), 0.4);
  padding-left: calc(10px + 20 * (100vw - 320px) / 1600);
}
[dir=rtl] .marketing-testimonials-section .testimonials-info .testimonials-logo li + li {
  border-left: none;
  padding-left: 0;
  border-right: 1px solid rgba(var(--content-color), 0.4);
  padding-right: calc(10px + 20 * (100vw - 320px) / 1600);
}

.portfolio-testimonial-section .testimonials-box {
  padding: calc(10px + 30 * (100vw - 320px) / 1600);
  box-shadow: 0px 2px 20px 0px rgba(var(--title-color), 0.06);
}
[dir=rtl] .portfolio-testimonial-section .testimonials-box img {
  transform: scaleX(-1);
}
.portfolio-testimonial-section .testimonials-box .testimonials-item {
  display: flex;
  gap: calc(15px + 15 * (100vw - 320px) / 1600);
  padding-block: calc(10px + 10 * (100vw - 320px) / 1600) calc(15px + 20 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}
.portfolio-testimonial-section .testimonials-box .testimonials-item .testimonials-content {
  width: calc(100% - (85px + 51 * (100vw - 320px) / 1600) - (15px + 15 * (100vw - 320px) / 1600));
}
@media (max-width: 767px) {
  .portfolio-testimonial-section .testimonials-box .testimonials-item .testimonials-content {
    width: 100%;
    order: 1;
  }
}
.portfolio-testimonial-section .testimonials-box .testimonials-item .testimonials-content p {
  color: rgba(var(--title-color), 0.5);
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .portfolio-testimonial-section .testimonials-box .testimonials-item .testimonials-img {
    margin-inline: auto;
  }
}
.portfolio-testimonial-section .testimonials-box .testimonials-item .testimonials-img img {
  width: calc(85px + 51 * (100vw - 320px) / 1600);
  height: calc(85px + 51 * (100vw - 320px) / 1600);
  object-fit: contain;
  border-radius: 100%;
}
.portfolio-testimonial-section .testimonials-box .testimonials-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.portfolio-testimonial-section .testimonials-box .testimonials-footer h6 span {
  color: rgba(var(--title-color), 0.3);
}

[dir=rtl] .digital-testimonials-section {
  direction: ltr;
}
@media (min-width: 992px) {
  .digital-testimonials-section .left-testimonials-slider {
    padding-right: calc(20px + 30 * (100vw - 992px) / 928);
  }
}
@media (min-width: 992px) {
  .digital-testimonials-section .right-testimonials-slider {
    padding-left: calc(20px + 30 * (100vw - 992px) / 928);
  }
}
@media (min-width: 992px) {
  .digital-testimonials-section .right-testimonials-slider .swiper-slide-next {
    margin-top: calc(-10px + -10 * (100vw - 992px) / 928);
  }
}
.digital-testimonials-section .right-testimonials-slider .arrow-flex {
  display: flex;
  align-items: center;
  gap: calc(30px + 30 * (100vw - 992px) / 928);
  margin-top: calc(-2px + -6 * (100vw - 992px) / 928);
}
@media (max-width: 991px) {
  .digital-testimonials-section .right-testimonials-slider .arrow-flex {
    display: none;
  }
}
.digital-testimonials-section .right-testimonials-slider .arrow-flex .swiper-button-next,
.digital-testimonials-section .right-testimonials-slider .arrow-flex .swiper-button-prev {
  position: relative;
  inset: unset;
  width: unset;
  height: unset;
}
.digital-testimonials-section .right-testimonials-slider .arrow-flex .swiper-button-next::after,
.digital-testimonials-section .right-testimonials-slider .arrow-flex .swiper-button-prev::after {
  content: unset;
}
.digital-testimonials-section .right-testimonials-slider .arrow-flex .swiper-button-next::before,
.digital-testimonials-section .right-testimonials-slider .arrow-flex .swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -10px;
  width: calc(15px + 5 * (100vw - 320px) / 1600);
  height: calc(15px + 5 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--title-color), 1);
  border-radius: 100%;
}
.digital-testimonials-section .right-testimonials-slider .arrow-flex .swiper-button-next svg,
.digital-testimonials-section .right-testimonials-slider .arrow-flex .swiper-button-prev svg {
  width: calc(25px + 5 * (100vw - 320px) / 1600);
  height: calc(25px + 5 * (100vw - 320px) / 1600);
  fill: rgba(var(--title-color), 1);
  stroke: rgba(var(--title-color), 1);
}
.digital-testimonials-section .right-testimonials-slider .arrow-flex .swiper-button-prev::before {
  top: 4px;
  right: -10px;
  left: unset;
}
.digital-testimonials-section .title-style-12::before {
  right: 416px !important;
}
[dir=rtl] .digital-testimonials-section .title-style-12::before {
  right: unset;
  left: 416px !important;
}
@media (min-width: 992px) {
  .digital-testimonials-section .left-testimonials-slider,
  .digital-testimonials-section .right-testimonials-slider {
    height: calc(560px + 90 * (100vw - 992px) / 928);
  }
}
.digital-testimonials-section .swiper-slide-thumb-active {
  transition: 0.4s ease;
}
.digital-testimonials-section .swiper-slide-thumb-active + .swiper-slide-thumb-active .left-testimonials-box {
  background-color: rgba(var(--white), 1);
}
.digital-testimonials-section .swiper-slide-thumb-active + .swiper-slide-thumb-active .left-testimonials-box::after {
  opacity: 0;
  visibility: hidden;
}
.digital-testimonials-section .swiper-slide-thumb-active + .swiper-slide-thumb-active .left-testimonials-box .testimonials-content h5 {
  color: rgba(var(--title-color), 1);
}
.digital-testimonials-section .swiper-slide-thumb-active + .swiper-slide-thumb-active .left-testimonials-box .testimonials-content .testimonials-rating h6 {
  color: rgba(var(--content-color), 1) !important;
}
.digital-testimonials-section .swiper-slide-thumb-active + .swiper-slide-thumb-active .left-testimonials-box .testimonials-content .testimonials-rating h5 {
  color: rgba(var(--title-color), 1) !important;
}
.digital-testimonials-section .swiper-slide-thumb-active + .swiper-slide-thumb-active .left-testimonials-box .testimonials-content .testimonials-rating h5 i {
  font-size: 17px;
  background: linear-gradient(to right, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  transition: 0.4s ease;
}
.digital-testimonials-section .swiper-slide-thumb-active .left-testimonials-box {
  background: transparent;
  border-color: transparent;
}
.digital-testimonials-section .swiper-slide-thumb-active .left-testimonials-box::after {
  opacity: 1;
  visibility: visible;
}
.digital-testimonials-section .swiper-slide-thumb-active .left-testimonials-box .testimonials-content h5 {
  color: rgba(255, 255, 255, 0.95);
}
.digital-testimonials-section .swiper-slide-thumb-active .left-testimonials-box .testimonials-content .testimonials-rating h5 {
  color: rgba(255, 255, 255, 0.95);
}
.digital-testimonials-section .swiper-slide-thumb-active .left-testimonials-box .testimonials-content .testimonials-rating i {
  background: transparent;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.95);
}
.digital-testimonials-section .swiper-slide-thumb-active .left-testimonials-box .testimonials-content .testimonials-rating h6 {
  color: rgba(255, 255, 255, 0.95);
}
.digital-testimonials-section .left-testimonials-box {
  background: rgba(var(--white), 1);
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(15px + 15 * (100vw - 320px) / 1600);
  z-index: 0;
  transition: 0.4s ease;
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 5% 100%, 0 75%);
}
@media (min-width: 1200px) {
  .digital-testimonials-section .left-testimonials-box {
    height: 100%;
  }
}
.digital-testimonials-section .left-testimonials-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(var(--border-color), 1);
  z-index: -1;
}
.digital-testimonials-section .left-testimonials-box::after {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(289deg, rgba(var(--theme-color), 0.9) 0%, rgba(var(--theme-color-1), 0.9) 100%);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: 0.4s ease;
}
.digital-testimonials-section .left-testimonials-box .testimonials-img {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 20% 100%, 0 80%);
}
.digital-testimonials-section .left-testimonials-box .testimonials-img img {
  width: calc(80px + 20 * (100vw - 320px) / 1600);
  height: calc(80px + 20 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.digital-testimonials-section .left-testimonials-box .testimonials-content {
  width: calc(100% - (80px + 20 * (100vw - 320px) / 1600) - (15px + 15 * (100vw - 320px) / 1600));
}
.digital-testimonials-section .left-testimonials-box .testimonials-content h5 {
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
  text-transform: uppercase;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .digital-testimonials-section .left-testimonials-box .testimonials-content h5 {
    text-transform: capitalize;
    font-weight: 500;
  }
}
.digital-testimonials-section .left-testimonials-box .testimonials-content .testimonials-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.digital-testimonials-section .left-testimonials-box .testimonials-content .testimonials-rating h6 {
  color: rgba(var(--content-color), 1);
  transition: 0.4s ease;
}
.digital-testimonials-section .left-testimonials-box .testimonials-content .testimonials-rating i {
  font-size: 17px;
  background: linear-gradient(to right, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  transition: 0.4s ease;
}
.digital-testimonials-section .left-testimonials-box .testimonials-content .testimonials-rating h5 {
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 991.98px) {
  .digital-testimonials-section .left-testimonials-box {
    flex-direction: column;
    justify-content: unset;
    align-items: unset;
    padding: 15px;
    gap: 13px;
    clip-path: polygon(0 0, 100% 0, 100% 82%, 91% 100%, 100% 100%, 0 100%);
  }
  .digital-testimonials-section .left-testimonials-box .testimonials-img {
    clip-path: none;
  }
  .digital-testimonials-section .left-testimonials-box .testimonials-content {
    width: 100%;
  }
  .digital-testimonials-section .left-testimonials-box .testimonials-content h5 {
    font-size: 17px;
  }
  .digital-testimonials-section .left-testimonials-box .testimonials-content .testimonials-rating {
    margin-top: 5px;
  }
  .digital-testimonials-section .left-testimonials-box .testimonials-content .testimonials-rating h6 {
    font-size: 15px;
  }
  .digital-testimonials-section .left-testimonials-box .testimonials-content .testimonials-rating h5 {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 16px;
    gap: 3px;
    font-weight: 400;
  }
  .digital-testimonials-section .left-testimonials-box .testimonials-content .testimonials-rating h5 i {
    font-size: 15px;
  }
}
.digital-testimonials-section .right-testimonials-box {
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
  clip-path: polygon(0 0, 100% 0, 100% 82%, 89% 100%, 0 100%, 0% 50%);
}
@media (max-width: 991px) {
  .digital-testimonials-section .right-testimonials-box {
    margin-top: 20px;
  }
}
.digital-testimonials-section .right-testimonials-box .testimonials-profile {
  display: flex;
  align-items: center;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
}
.digital-testimonials-section .right-testimonials-box .testimonials-profile .team-img img {
  width: calc(60px + 40 * (100vw - 320px) / 1600);
  height: calc(60px + 40 * (100vw - 320px) / 1600);
}
.digital-testimonials-section .right-testimonials-box .testimonials-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - (60px + 40 * (100vw - 320px) / 1600) - (10px + 10 * (100vw - 320px) / 1600));
}
.digital-testimonials-section .right-testimonials-box .testimonials-info h5 {
  text-transform: uppercase;
  color: rgba(var(--title-color), 1);
  padding-bottom: calc(2px + 3 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.digital-testimonials-section .right-testimonials-box .testimonials-info h6 {
  color: rgba(var(--title-color), 0.8);
  font-weight: 300;
}
.digital-testimonials-section .right-testimonials-box .testimonials-info span {
  display: flex;
  align-items: center;
  color: rgba(var(--title-color), 1);
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
  gap: calc(3px + 2 * (100vw - 320px) / 1600);
}
.digital-testimonials-section .right-testimonials-box .testimonials-info span i {
  font-size: calc(14px + 3 * (100vw - 320px) / 1600);
  background: linear-gradient(to right, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  transition: 0.4s ease;
}
.digital-testimonials-section .right-testimonials-box .testimonials-content h6 {
  background: linear-gradient(to left, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-background-clip: text;
  display: inline-block;
}
.digital-testimonials-section .right-testimonials-box .testimonials-content p {
  color: rgba(var(--content-color), 1);
  padding-block: calc(10px + 10 * (100vw - 320px) / 1600);
}
.digital-testimonials-section .swiper-pagination:has(.swiper-pagination-bullet) {
  position: relative;
  margin-top: 20px;
  inset: unset;
}
.digital-testimonials-section .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin-inline: 5px;
  background: rgba(var(--content-color), 1);
}
.digital-testimonials-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: radial-gradient(circle, rgb(21, 159, 54) 8%, rgb(203, 218, 27) 100%);
}
.digital-testimonials-section .swiper-pagination-progressbar {
  background-color: rgba(var(--border-color), 1);
  width: 6px;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .digital-testimonials-section .swiper-pagination-progressbar {
    width: 100%;
    height: 6px;
  }
}
.digital-testimonials-section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
}

.cafe-testimonial-section {
  background-color: rgb(35, 43, 62);
  overflow: hidden;
}
[dir=rtl] .cafe-testimonial-section .flex-pagination-arrow {
  justify-content: flex-end !important;
}
.cafe-testimonial-section .object-1 {
  top: 20%;
  left: 3%;
  animation: rotate 20s infinite linear;
}
.cafe-testimonial-section .object-2 {
  top: 12%;
  right: 10%;
  animation: zoomInOut 20s infinite linear;
}
.cafe-testimonial-section .testimonial-img {
  position: relative;
  padding-bottom: 10px;
  padding-left: 10px;
  z-index: 0;
}
.cafe-testimonial-section .testimonial-img::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: 255px 255px 0 0;
  border: 1px solid #b37a64;
  z-index: -1;
}
.cafe-testimonial-section .testimonial-img img {
  border: 1px inset rgba(var(--white), 0.15);
  border-radius: 255px 255px 0 0;
}
[dir=rtl] .cafe-testimonial-section .testimonial-content {
  text-align: end;
}
.cafe-testimonial-section .testimonial-content h4 {
  color: rgba(var(--content-color), 1);
  margin-bottom: 8px;
}
.cafe-testimonial-section .testimonial-content h6 {
  color: #b37a64;
  font-weight: 400;
}
.cafe-testimonial-section .testimonial-content h6::after {
  content: "";
  position: relative;
  width: 70px;
  height: 1px;
  background-color: #b37a64;
  margin-block: calc(15px + 5 * (100vw - 320px) / 1600);
  display: block;
}
[dir=rtl] .cafe-testimonial-section .testimonial-content h6::after {
  margin-left: auto;
}
.cafe-testimonial-section .testimonial-content p {
  color: rgba(var(--content-color), 0.6);
  width: 80%;
}
[dir=rtl] .cafe-testimonial-section .testimonial-content p {
  margin-left: auto;
}
@media (max-width: 991px) {
  .cafe-testimonial-section .testimonial-content p {
    width: 100%;
  }
}
.cafe-testimonial-section .testimonial-content p img {
  width: 34px;
  height: 34px;
}

/*========================
  4.6 Form style start
==========================*/
.ad-contact p {
  margin-block: calc(10px + 10 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
}
.ad-contact .ad-form {
  position: relative;
  background: rgba(var(--bg-color), 1);
  padding: calc(20px + 30 * (100vw - 320px) / 1600);
}
.ad-contact .ad-form .btn-solid {
  color: #fff;
  padding: calc(6px + 6 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
  margin-top: 0;
}
.ad-contact .ad-form .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.ad-contact .ad-form .check-box {
  display: flex;
  gap: calc(8px + 7 * (100vw - 320px) / 1600);
  margin-bottom: calc(20px + 10 * (100vw - 320px) / 1600);
  align-items: center;
}
.ad-contact .ad-form .check-box input[type=checkbox] {
  width: calc(18px + 5 * (100vw - 320px) / 1600);
  height: calc(18px + 5 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--title-color), 0.3);
  background: transparent;
  margin-top: 0;
}
.ad-contact .ad-form .check-box input[type=checkbox]:checked {
  background: rgba(var(--theme-color), 1);
  border: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}
.ad-contact .ad-form .line {
  right: calc(-8px + -10 * (100vw - 320px) / 1600);
  left: unset;
}
.ad-contact .ad-form .check-box label {
  color: rgba(var(--content-color), 1);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  width: calc(100% - (18px + 5 * (100vw - 320px) / 1600) - (8px + 7 * (100vw - 320px) / 1600));
}
.ad-contact .contact-list .contact-box {
  display: flex;
  align-items: center;
  gap: calc(12px + 12 * (100vw - 320px) / 1600);
}
.ad-contact .contact-list .contact-box + .contact-box {
  margin-top: calc(25px + 35 * (100vw - 320px) / 1600);
}
.ad-contact .contact-list .contact-box .contact-icon {
  position: relative;
  padding-left: 5px;
}
.ad-contact .contact-list .contact-box .contact-icon img {
  width: calc(23px + 10 * (100vw - 320px) / 1600);
}
.ad-contact .contact-list .contact-box .contact-icon::after {
  content: "";
  width: calc(20px + 6 * (100vw - 320px) / 1600);
  height: calc(20px + 6 * (100vw - 320px) / 1600);
  position: absolute;
  top: -5px;
  left: 0;
  background-color: rgba(var(--theme-color), 0.2);
  border-radius: 50%;
}
[dir=rtl] .ad-contact .contact-list .contact-box .contact-icon::after {
  left: unset;
  right: 0;
}
.ad-contact .contact-list .contact-box .contact-info {
  border-left: 1px solid rgba(var(--content-color), 0.3);
  padding-left: calc(12px + 12 * (100vw - 320px) / 1600);
}
[dir=rtl] .ad-contact .contact-list .contact-box .contact-info {
  border-left: 0;
  padding-left: 0;
  border-right: 1px solid rgba(var(--content-color), 0.3);
  padding-right: calc(12px + 12 * (100vw - 320px) / 1600);
}
.ad-contact .contact-list .contact-box .contact-info h6,
.ad-contact .contact-list .contact-box .contact-info h5 {
  color: rgba(var(--theme-color), 1);
  font-weight: 600;
}
.ad-contact .contact-list .contact-box .contact-info span,
.ad-contact .contact-list .contact-box .contact-info a {
  font-size: 16px;
  line-height: 1.2;
  color: rgba(var(--title-color), 1);
}
@media (max-width: 500px) {
  .ad-contact .contact-list .contact-box .contact-info span :first-child,
  .ad-contact .contact-list .contact-box .contact-info a :first-child {
    display: none;
  }
}

.floating-label {
  position: relative;
  margin-bottom: calc(30px + 30 * (100vw - 320px) / 1600);
}
.floating-label .floating-input {
  font-size: 14px;
  font-weight: 300;
  display: block;
  width: 100%;
  padding-bottom: calc(4px + 11 * (100vw - 320px) / 1600);
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(var(--title-color), 0.15);
  color: rgba(var(--title-color), 1);
}
.floating-label .floating-input:focus {
  outline: none;
}
.floating-label .floating-input:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s ease;
  left: 0;
}
.floating-label .floating-input:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s ease;
  left: 0;
}
.floating-label .floating-input:focus ~ label {
  top: calc(-10px + -10 * (100vw - 320px) / 1600);
  font-size: 14px;
  color: rgba(var(--theme-color), 1);
}
.floating-label .floating-input:not(:placeholder-shown) ~ label {
  top: calc(-14px + -6 * (100vw - 320px) / 1600);
  font-size: 14px;
  color: rgba(var(--theme-color), 1);
}
.floating-label label {
  color: rgba(var(--title-color), 1);
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
  letter-spacing: 0.4px;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: calc(0px + -8 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
[dir=rtl] .floating-label label {
  left: unset;
  right: 5px;
}
.floating-label .focus-border {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}

.event-contact-section {
  position: relative;
}
.event-contact-section .effect-1 {
  top: 10%;
  right: 7%;
  opacity: 0.5;
  z-index: -1;
}
.event-contact-section .contact-content .title-style-7 p {
  color: rgba(var(--content-color), 1);
  padding-top: 20px;
  margin-top: 0;
}
@media (max-width: 575px) {
  .event-contact-section .contact-list {
    display: flex;
    gap: 20px;
  }
}
.event-contact-section .contact-list .contact-icon {
  background: rgba(var(--theme-color), 1);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
  .event-contact-section .contact-list .contact-icon {
    width: 50px;
    height: 50px;
  }
}
.event-contact-section .contact-list .contact-icon img {
  width: 50%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 575px) {
  .event-contact-section .contact-list .contact-description {
    width: calc(100% - 50px - 20px);
  }
}
.event-contact-section .contact-list .contact-description h4 {
  border-left: 3px solid rgba(var(--theme-color), 1);
  margin: calc(0px + 20 * (100vw - 320px) / 1600) 0 calc(10px + 5 * (100vw - 320px) / 1600) 0;
  padding-left: 15px;
}
[dir=rtl] .event-contact-section .contact-list .contact-description h4 {
  border-left: none;
  padding-left: 0;
  padding-right: 15px;
  border-right: 3px solid rgba(var(--theme-color), 1);
}
@media (max-width: 575px) {
  .event-contact-section .contact-list .contact-description h4 {
    border-left: none;
    padding-left: 0;
  }
}
.event-contact-section .contact-list .contact-description h6 + h6 {
  margin-top: 8px;
}
.event-contact-section .contact-list .contact-description p,
.event-contact-section .contact-list .contact-description h6 {
  color: rgba(var(--content-color), 1);
  word-break: break-word;
}
.event-contact-section .contact-list .contact-description p a,
.event-contact-section .contact-list .contact-description h6 a {
  color: rgba(var(--content-color), 1);
}
.event-contact-section .event-form {
  background: rgb(248, 249, 253);
  padding: calc(20px + 30 * (100vw - 320px) / 1600);
}
.event-contact-section .event-form .contact-info {
  margin-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
}
.event-contact-section .event-form .contact-info .form-label {
  margin-bottom: calc(5px + 5 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  font-weight: 500;
}
body.dark .event-contact-section .event-form .contact-info .form-label {
  color: rgba(var(--title-color), 1);
}
.event-contact-section .event-form .contact-info .form-control {
  color: rgba(var(--title-color), 0.4);
  background: rgb(241, 242, 248);
  padding: calc(6px + 6 * (100vw - 320px) / 1600) calc(10px + 10 * (100vw - 320px) / 1600);
  border: none;
  border-radius: 0;
}
body.dark .event-contact-section .event-form .contact-info .form-control {
  color: rgba(var(--title-color), 0.4);
}
.event-contact-section .event-form .contact-info .form-control::placeholder {
  color: rgba(var(--title-color), 0.4);
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  font-weight: 400;
}
body.dark .event-contact-section .event-form .contact-info .form-control::placeholder {
  color: rgba(var(--title-color), 0.4);
}
.event-contact-section .event-form .contact-info .form-select {
  background: rgb(241, 242, 248);
  padding: calc(6px + 6 * (100vw - 320px) / 1600) calc(10px + 10 * (100vw - 320px) / 1600);
  border: none;
  color: rgba(var(--title-color), 0.4);
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  font-weight: 400;
  border-radius: 0;
}
.event-contact-section .event-form .contact-info textarea {
  display: block;
  width: 100%;
  height: 117px;
  border-radius: 0;
}
.event-contact-section .event-form .btn-solid {
  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);
  font-weight: 500;
}

.marketing-contact-section {
  position: relative;
}
.marketing-contact-section .marketing-contact-form {
  padding-left: calc(20px + 32 * (100vw - 991px) / 929);
}
@media (max-width: 991px) {
  .marketing-contact-section .marketing-contact-form {
    padding-left: 0;
  }
}
.marketing-contact-section .object-dots.theme-dots {
  bottom: 20%;
  right: 100px;
  top: unset;
  left: unset;
}
.marketing-contact-section .object-dots.theme-dots svg {
  transform: rotate(-90deg);
}
.marketing-contact-section .contact-box {
  border: 1px solid rgba(var(--content-color), 0.13);
  box-shadow: 0px 2px 20px 0px rgba(var(--content-color), 0.08);
  padding: calc(15px + 25 * (100vw - 320px) / 1600);
}
.marketing-contact-section .contact-box .contact-img {
  position: relative;
}
.marketing-contact-section .contact-box .contact-img .headphone-box {
  width: 63px;
  height: 63px;
  background: rgba(var(--white), 1);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 16px 4px rgba(var(--content-color), 0.2);
  position: absolute;
  top: 10px;
  right: 60px;
  animation: zoomInOut 15s infinite linear;
}
@media (max-width: 991px) {
  .marketing-contact-section .contact-box .contact-img .headphone-box {
    display: none;
  }
}
.marketing-contact-section .contact-box .contact-img .headphone-box::after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 11px;
  width: 18px;
  height: 18px;
  background: rgba(var(--theme-color), 0.2);
  border-radius: 100%;
}
.marketing-contact-section .contact-box .contact-img .headphone-box::before {
  content: "";
  position: absolute;
  top: 19px;
  right: 11px;
  width: 5px;
  height: 5px;
  background: rgba(var(--theme-color), 0.2);
  border-radius: 100%;
}
.marketing-contact-section .contact-box .contact-img .call-box {
  width: 120px;
  height: 120px;
  background: rgba(var(--white), 1);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 1px 1px 16px 4px rgba(var(--content-color), 0.2);
  position: absolute;
  top: 0;
  left: -12px;
  animation: move-img 5s infinite linear;
}
@media (max-width: 991px) {
  .marketing-contact-section .contact-box .contact-img .call-box {
    display: none;
  }
}
.marketing-contact-section .contact-box .contact-img .call-box::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 30px;
  width: 34px;
  height: 34px;
  background: rgba(var(--theme-color), 0.2);
  border-radius: 100%;
}
.marketing-contact-section .contact-box .contact-img .call-box::before {
  content: "";
  position: absolute;
  top: 18px;
  right: 40px;
  width: 5px;
  height: 5px;
  background: rgba(var(--theme-color), 0.2);
  border-radius: 100%;
}
.marketing-contact-section .contact-box .contact-img .call-box h6 {
  color: rgba(var(--title-color), 1);
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding-top: 7px;
}
.marketing-contact-section .contact-box .contact-img::after {
  content: "";
  width: calc(20px + 220 * (100vw - 320px) / 1600);
  height: calc(20px + 220 * (100vw - 320px) / 1600);
  background: rgba(48, 35, 37, 0.45);
  filter: blur(165px);
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
  z-index: -1;
}

.design-form {
  border: 1px solid rgba(var(--content-color), 0.2);
  padding: calc(15px + 25 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .design-form {
    border-top: 1px solid rgba(var(--content-color), 0.2);
    border-right: 1px solid rgba(var(--content-color), 0.2);
  }
}
.design-form .form-label {
  font-weight: 400;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}
.design-form .form-control {
  border: none;
  background: rgba(var(--bg-color), 1);
  border-radius: 0;
  padding-block: calc(8px + 6 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}
.design-form .btn-solid {
  color: #fff;
  padding: 12px 50px;
  margin-top: calc(20px + 20 * (100vw - 320px) / 1600);
}
.design-form .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

.marketing-contact-form .contact-title {
  margin-bottom: calc(20px + 40 * (100vw - 320px) / 1600);
}
.marketing-contact-form .contact-title h2::after {
  content: "";
  position: relative;
  width: 57px;
  height: 3px;
  background: rgba(var(--theme-color), 1);
  display: block;
  margin-top: 2px;
}
.marketing-contact-form .contact-title p {
  color: rgba(var(--content-color), 1);
  padding-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.marketing-contact-form .form-control {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
  background: rgba(var(--content-color), 0.1);
  padding: 13px calc(15px + 5 * (100vw - 320px) / 1600);
  border: none;
  border-radius: 0;
  color: rgba(var(--content-color), 1);
}
.marketing-contact-form .form-control::placeholder {
  color: rgba(var(--content-color), 1);
}
.marketing-contact-form textarea {
  color: rgba(var(--content-color), 1);
  height: calc(100px + 50 * (100vw - 320px) / 1600);
}
.marketing-contact-form .btn-solid {
  color: #fff;
  margin-top: 0;
  font-weight: 500;
  padding: calc(10px + 4 * (100vw - 320px) / 1600) calc(35px + 15 * (100vw - 320px) / 1600);
}
.marketing-contact-form .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

.cafe-contact-section {
  background: linear-gradient(315deg, #2c3e54 0%, #2c3855 100%);
}
@media (max-width: 575px) {
  .cafe-contact-section {
    padding-inline: 9px;
  }
}
.cafe-contact-section .contact-title {
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
}
.cafe-contact-section .contact-title h5 {
  color: rgba(var(--theme-color), 1);
  border-left: 2px solid rgba(var(--theme-color), 1);
  padding-left: calc(10px + 10 * (100vw - 320px) / 1600);
  text-transform: uppercase;
  font-weight: 700;
}
[dir=rtl] .cafe-contact-section .contact-title h5 {
  border-right: 2px solid rgba(var(--theme-color), 1);
  border-left: none;
  padding-left: 0;
  padding-right: calc(10px + 10 * (100vw - 320px) / 1600);
}
.cafe-contact-section .time-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 0;
}
.cafe-contact-section .time-list li + li {
  padding-top: calc(15px + 35 * (100vw - 320px) / 1600);
}
.cafe-contact-section .time-list li::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 2px;
  border-top: calc(1px + 1 * (100vw - 320px) / 1600) dashed rgba(255, 255, 255, 0.4);
  z-index: -1;
}
.cafe-contact-section .time-list li h5 {
  color: #fff;
  background: rgb(44, 57, 84);
  font-size: calc(14px + 6 * (100vw - 320px) / 1600);
}
.cafe-contact-section .time-list li h5:first-child {
  padding-right: calc(10px + 5 * (100vw - 320px) / 1600);
}
[dir=rtl] .cafe-contact-section .time-list li h5:first-child {
  padding-left: calc(10px + 5 * (100vw - 320px) / 1600);
  padding-right: 0;
}
.cafe-contact-section .time-list li h5:last-child {
  padding-left: calc(10px + 5 * (100vw - 320px) / 1600);
}
[dir=rtl] .cafe-contact-section .time-list li h5:last-child {
  padding-left: 0;
  padding-right: calc(10px + 5 * (100vw - 320px) / 1600);
}
.cafe-contact-section .cafe-form {
  border: 1px solid rgba(255, 255, 255, 0.15);
  position: relative;
}
.cafe-contact-section .cafe-form .form-header {
  padding-block: calc(15px + 10 * (100vw - 320px) / 1600);
  background: linear-gradient(176deg, rgba(255, 255, 255, 0.14) 1.79%, rgba(255, 255, 255, 0) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.cafe-contact-section .cafe-form .form-header h3 {
  color: rgba(var(--theme-color), 1);
  text-align: center;
}
.cafe-contact-section .cafe-form .form-body {
  padding: calc(20px + 30 * (100vw - 320px) / 1600);
}
.cafe-contact-section .cafe-form .form-body .form-box .row > div:first-child .input-box {
  margin-top: 0;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container {
  transform-origin: unset;
  border-radius: 5px;
  color: rgba(var(--content-color), 1);
  font-family: unset;
}
@media (max-width: 320px) {
  .cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container {
    width: 270px;
  }
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container:not(.wdp-active) {
  transform: scale(0.8);
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-header {
  background: rgba(var(--theme-color), 1);
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-header span {
  color: #fff;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-header > div div {
  width: unset;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-header > div div svg {
  width: calc(16px + 4 * (100vw - 320px) / 1600);
  height: calc(16px + 4 * (100vw - 320px) / 1600);
  fill: #fff;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-header > div div svg:hover {
  fill: #fff;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body {
  height: calc(244px + 21 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-hour-container .wdp-hour-arrow-container,
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-hour-container .wdp-hour-el-container {
  gap: 15px;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-hour-container .wdp-hour-arrow-container > div,
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-hour-container .wdp-hour-el-container > div {
  width: 50px;
  height: 50px;
  margin: 0;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-hour-container .wdp-hour-arrow-container > div svg,
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-hour-container .wdp-hour-el-container > div svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-hour-container .wdp-hour-el-container input {
  width: 50px;
  height: 50px;
  font-size: 15px;
  margin: 0;
  border-radius: 5px;
  background: rgba(var(--theme-color), 1);
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-header {
  padding: 0 15px 10px 15px;
  background: rgba(var(--bg-color), 1);
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-header > div {
  gap: 10px;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-header > div div {
  width: unset;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-header svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body {
  height: calc(100% - 30px) !important;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container {
  height: calc(100% - 30px);
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week-header .wdp-week {
  width: unset !important;
  height: unset !important;
  gap: 0;
  padding-bottom: 10px;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week-header .wdp-week li {
  background: none !important;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week-body {
  width: 100%;
  display: grid;
  place-items: center;
  gap: 8px;
  height: 100%;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week-body ul {
  width: 100% !important;
  height: 100% !important;
  gap: 8px;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week {
  background: rgba(var(--bg-color), 1);
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week li {
  font-weight: 400;
  width: 100% !important;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  border-radius: 5px;
  background: #2d3853;
  overflow: hidden;
  height: 100% !important;
  color: rgba(var(--content-color), 1);
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week li.wdp-active {
  color: rgba(var(--white), 1) !important;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week li.wdp-active::before {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  border-radius: 0;
  background-color: rgba(var(--theme-color), 1);
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week li.wdp-muted {
  color: rgba(var(--content-color), 0.5) !important;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-list-container {
  display: grid;
  place-items: center;
  height: 100% !important;
  gap: 8px;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-list-container .wdp-list {
  width: 100% !important;
  height: 100% !important;
  gap: 8px;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-list-container .wdp-list li {
  width: 100% !important;
  font-size: 16px;
  border-radius: 5px;
  background: #2d3853;
  overflow: hidden;
  height: 100% !important;
  color: rgba(var(--content-color), 1);
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-list-container .wdp-list li::before {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  border-radius: 0;
}
.cafe-contact-section .cafe-form .form-body .form-box .wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-list-container .wdp-list li.wdp-active::before {
  background-color: rgba(var(--theme-color), 1);
}
.cafe-contact-section .cafe-form .form-body .form-box #time-picker .wdp-container {
  width: 280px;
}
.cafe-contact-section .cafe-form .form-body .form-box #time-picker .wdp-container .wdp-body {
  height: 200px;
}
.cafe-contact-section .cafe-form .form-body .form-box .input-box {
  position: relative;
  margin-top: calc(30px + 50 * (100vw - 320px) / 1600);
}
.cafe-contact-section .cafe-form .form-body .form-box .input-box i {
  font-size: 30px;
  color: rgba(var(--content-color), 0.6);
  position: absolute;
  top: 0;
  right: 0;
}
[dir=rtl] .cafe-contact-section .cafe-form .form-body .form-box .input-box i {
  right: unset;
  left: 0;
}
.cafe-contact-section .cafe-form .form-body .form-box .input-box .form-control,
.cafe-contact-section .cafe-form .form-body .form-box .input-box .form-select {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0;
  padding: 0;
  padding-bottom: calc(8px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 0.6);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 300;
}
.cafe-contact-section .cafe-form .form-body .form-box .input-box .form-control option,
.cafe-contact-section .cafe-form .form-body .form-box .input-box .form-select option {
  background-color: rgba(var(--bg-color), 1);
}
.cafe-contact-section .cafe-form .form-body .form-box .input-box .form-control::placeholder,
.cafe-contact-section .cafe-form .form-body .form-box .input-box .form-select::placeholder {
  color: rgba(var(--content-color), 0.6);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 300;
}
.cafe-contact-section .cafe-form .form-body .form-box .input-box .form-control:focus ~ .focus-border,
.cafe-contact-section .cafe-form .form-body .form-box .input-box .form-select:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s ease;
  left: 0;
}
.cafe-contact-section .cafe-form .form-body .form-box .input-box .focus-border {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
.cafe-contact-section .cafe-form .form-body p {
  color: rgba(var(--content-color), 1);
  margin-bottom: calc(25px + 15 * (100vw - 320px) / 1600);
}
.cafe-contact-section .cafe-form .form-body .btn-solid {
  font-weight: 500;
  color: #fff;
  padding: calc(10px + 3 * (100vw - 320px) / 1600) calc(30px + 22 * (100vw - 320px) / 1600);
  margin-top: calc(30px + 30 * (100vw - 320px) / 1600);
}
.cafe-contact-section .cafe-form .form-body .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

.digital-contact-agency .title-style-12::before {
  right: 29.2% !important;
}
[dir=rtl] .digital-contact-agency .title-style-12::before {
  right: unset !important;
  left: 29.2% !important;
}
.digital-contact-agency .contact-box {
  padding: calc(15px + 47 * (100vw - 320px) / 1600) calc(15px + 35 * (100vw - 320px) / 1600);
  position: relative;
  border: 2px dashed rgba(var(--border-color), 1);
  background: rgba(var(--bg-color), 1);
  border-right: none;
  height: 100%;
}
[dir=rtl] .digital-contact-agency .contact-box {
  border-right: 2px dashed rgba(var(--border-color), 1);
  border-left: none;
}
@media (max-width: 991px) {
  .digital-contact-agency .contact-box {
    border-right: 2px dashed rgba(var(--border-color), 1);
  }
  [dir=rtl] .digital-contact-agency .contact-box {
    border-left: 2px dashed rgba(var(--border-color), 1);
    border-right: none;
  }
}
.digital-contact-agency .contact-box p {
  color: rgba(var(--content-color), 1);
  margin-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
  width: 95%;
}
@media (max-width: 991px) {
  .digital-contact-agency .contact-box p {
    width: 100%;
    text-align: center;
  }
}
.digital-contact-agency .contact-box .contact-line {
  position: absolute;
  top: 0;
  right: -10px;
  height: 100%;
}
[dir=rtl] .digital-contact-agency .contact-box .contact-line {
  left: -10px;
  right: unset;
  transform: scaleX(-1);
}
@media (max-width: 991px) {
  .digital-contact-agency .contact-box .contact-line {
    display: none;
  }
}
.digital-contact-agency .contact-box .contact-list li {
  display: flex;
  align-items: center;
  gap: calc(15px + 5 * (100vw - 320px) / 1600);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
}
.digital-contact-agency .contact-box .contact-list li + li {
  padding-top: calc(25px + 25 * (100vw - 320px) / 1600);
}
.digital-contact-agency .contact-box .contact-list .contact-icon {
  content: "";
  display: inline-block;
  border-radius: 3px;
  border: 2px dashed rgba(var(--white), 1);
  background: linear-gradient(rgba(var(--white), 1) 0 0) padding-box, linear-gradient(212deg, rgba(var(--theme-color), 0.5), rgba(var(--theme-color-1), 0.5)) border-box;
}
.digital-contact-agency .contact-box .contact-list .contact-img {
  width: calc(50px + 22 * (100vw - 320px) / 1600);
  height: calc(50px + 22 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--white), 1);
  clip-path: polygon(0 0, 100% 0, 100% 82%, 79% 100%, 0 100%, 0% 50%);
}
.digital-contact-agency .contact-box .contact-list .contact-img img {
  width: calc(30px + 8 * (100vw - 320px) / 1600);
  height: calc(30px + 8 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.digital-contact-agency .contact-box .contact-list .contact-info {
  width: calc(100% - (15px + 5 * (100vw - 320px) / 1600) - (50px + 20 * (100vw - 320px) / 1600));
}
.digital-contact-agency .contact-box .contact-list .contact-info h6 {
  background: linear-gradient(164deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.digital-contact-agency .contact-box .contact-list .contact-info h6::after {
  content: "";
  position: relative;
  display: block;
  width: 22px;
  height: 1px;
  background: linear-gradient(166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  margin-block: 5px calc(5px + 3 * (100vw - 320px) / 1600);
}
.digital-contact-agency .contact-box .contact-list .contact-info span,
.digital-contact-agency .contact-box .contact-list .contact-info a {
  display: block;
  color: rgba(var(--title-color), 1);
  font-size: calc(14px + 3 * (100vw - 320px) / 1600);
}
.digital-contact-agency .digital-contact-form {
  background: rgba(var(--white), 0.95);
  padding: calc(15px + 25 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--border-color), 1);
  border-left: none;
  height: 100%;
}
[dir=rtl] .digital-contact-agency .digital-contact-form {
  border-left: 1px solid rgba(var(--border-color), 1);
  border-right: none;
}
@media (max-width: 991px) {
  .digital-contact-agency .digital-contact-form {
    border-left: 1px solid rgba(var(--border-color), 1);
  }
}
.digital-contact-agency .digital-contact-form span::before {
  content: "";
  position: relative;
  display: block;
  width: 78px;
  height: 2px;
  background: linear-gradient(rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
}
.digital-contact-agency .digital-contact-form .label-input-box {
  padding-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.digital-contact-agency .digital-contact-form .label-input-box .form-label {
  color: rgba(var(--title-color), 1);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
}
.digital-contact-agency .digital-contact-form .label-input-box .form-control {
  color: rgba(var(--content-color), 1);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  font-weight: 300;
  padding: 12px 15px;
  background: rgba(var(--sec-bg-color), 0.3);
  border-radius: 0;
  border: none;
  appearance: none;
  text-transform: capitalize;
}
.digital-contact-agency .digital-contact-form .label-input-box .form-control::placeholder {
  color: rgba(var(--content-color), 1);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  font-weight: 300;
  text-transform: capitalize;
}
.digital-contact-agency .digital-contact-form .label-input-box textarea {
  height: 102px;
}
.digital-contact-agency .digital-contact-form .btn-borders {
  -webkit-text-fill-color: #fff;
  border: 1px solid transparent;
  border-image-source: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  border-image-slice: 1;
  margin-top: calc(20px + 10 * (100vw - 320px) / 1600);
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(25px + 15 * (100vw - 320px) / 1600);
  text-transform: uppercase;
  font-weight: 500;
}
.digital-contact-agency .digital-contact-form .btn-borders::before {
  background: linear-gradient(154deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  height: 100%;
}
.digital-contact-agency .digital-contact-form .btn-borders:hover {
  background: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.digital-contact-agency .digital-contact-form .btn-borders:hover::before {
  height: 0%;
}

.wedding-form-section {
  position: relative;
}
.wedding-form-section .form-bg {
  background-color: rgba(var(--bg-color), 1);
  background: url(../images/my_wedding/bg-effect/form_bg.png);
  width: 100%;
  position: absolute;
  bottom: 110px;
  left: 0;
  z-index: -1;
  height: 26%;
}
.wedding-form-section .wedding-form-box {
  background: #4c3f53;
  padding-inline: calc(15px + 10 * (100vw - 320px) / 1600);
  text-align: center;
  color: #fff;
  position: relative;
  box-shadow: 0px 10px 20px 0px rgba(76, 63, 83, 0.45);
  margin-block: 5% 8%;
}
.wedding-form-section .wedding-form-box::after {
  content: url(../svg/my_wedding/form-flower.svg);
  top: -5%;
  left: 50%;
  position: absolute;
  z-index: -1;
  transform: translateX(-50%);
}
.wedding-form-section .wedding-form-box .inner-wedding-box {
  border-inline: 1px solid rgba(255, 255, 255, 0.5);
  padding: calc(25px + 25 * (100vw - 320px) / 1600) calc(15px + 10 * (100vw - 320px) / 1600);
}
.wedding-form-section .wedding-form-box .radio-button {
  margin-top: calc(25px + 43 * (100vw - 320px) / 1600);
}
.wedding-form-section .wedding-form-box .radio-button .label-radio span {
  font-weight: 500;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  color: #fff;
}
.wedding-form-section .wedding-form-box .radio-button .label-radio input {
  border-color: #fff;
  width: calc(20px + 4 * (100vw - 320px) / 1600);
  height: calc(20px + 4 * (100vw - 320px) / 1600);
}
.wedding-form-section .wedding-form-box .radio-button .label-radio input::after {
  background-color: #fff;
  width: calc(10px + 2 * (100vw - 320px) / 1600);
  height: calc(10px + 2 * (100vw - 320px) / 1600);
}
.wedding-form-section .wedding-form-box .form-title {
  padding-bottom: calc(35px + 15 * (100vw - 320px) / 1600);
}
.wedding-form-section .wedding-form-box .form-title h2 {
  font-family: var(--sue);
  padding-bottom: calc(5px + 27 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.wedding-form-section .wedding-form-box .form-box .row > div:first-child .input-box {
  margin-top: 0;
}
.wedding-form-section .wedding-form-box .form-box .input-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  margin-top: calc(35px + 33 * (100vw - 320px) / 1600);
  padding-bottom: calc(5px + 5 * (100vw - 320px) / 1600);
}
.wedding-form-section .wedding-form-box .form-box .input-box .form-select option {
  background: #4c3f53;
  padding-left: 10px;
}
.wedding-form-section .wedding-form-box .form-box .input-box i {
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
}
.wedding-form-section .wedding-form-box .form-box .input-box .form-control,
.wedding-form-section .wedding-form-box .form-box .input-box .form-select {
  background: transparent;
  border: none;
  color: #fff;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  border-radius: 0;
  padding: 0;
}
.wedding-form-section .wedding-form-box .form-box .input-box .form-control::placeholder,
.wedding-form-section .wedding-form-box .form-box .input-box .form-select::placeholder {
  color: #fff;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
}
.wedding-form-section .wedding-form-box .book-button {
  background: #fff;
  color: #4c3f53;
  padding: calc(12px + 2 * (100vw - 320px) / 1600) calc(70px + 12 * (100vw - 320px) / 1600);
  margin-top: calc(40px + 20 * (100vw - 320px) / 1600);
  font-weight: 600;
  letter-spacing: 0.5px;
  z-index: 0;
}
.wedding-form-section .wedding-form-box .book-button::after {
  border-color: #fff;
  background: rgba(var(--white), 0.1);
}

.a-left-flower {
  position: absolute;
  top: 0;
  left: 0;
}

.a-right-flower {
  transform: scaleX(-1);
  position: absolute;
  top: 0;
  right: 0;
}

.w-planner-contact {
  position: relative;
  overflow: hidden;
}
.w-planner-contact .a-left-flower,
.w-planner-contact .a-right-flower {
  top: 12%;
}
@media (max-width: 1800px) and (min-width: 767px) {
  .w-planner-contact .a-left-flower,
  .w-planner-contact .a-right-flower {
    right: -20px;
  }
}
.w-planner-contact .contact-content {
  position: relative;
}
.w-planner-contact .contact-content p {
  color: rgba(var(--theme-color), 0.75);
  padding-top: calc(20px + 10 * (100vw - 320px) / 1600);
  padding-bottom: calc(25px + 25 * (100vw - 320px) / 1600);
  width: 90%;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .w-planner-contact .contact-content p {
    width: 100%;
  }
}
.w-planner-contact .contact-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 2px;
  background: rgba(var(--theme-color), 1);
}
[dir=rtl] .w-planner-contact .contact-content::after {
  left: unset;
  right: 0;
}
.w-planner-contact .contact-content ul li {
  display: flex;
  align-items: center;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
}
.w-planner-contact .contact-content ul li + li {
  padding-top: calc(20px + 20 * (100vw - 320px) / 1600);
}
.w-planner-contact .contact-content ul li:hover .contact-icon img {
  animation: tada 1.5s ease infinite;
}
.w-planner-contact .contact-content ul li .contact-icon {
  width: calc(50px + 24 * (100vw - 320px) / 1600);
  height: calc(50px + 24 * (100vw - 320px) / 1600);
  background: rgba(var(--content-color), 0.1);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.w-planner-contact .contact-content ul li .contact-icon img {
  transition: all 0.4s ease;
}
.w-planner-contact .contact-content ul li .contact-info {
  width: calc(100% - (10px + 10 * (100vw - 320px) / 1600) - (50px + 24 * (100vw - 320px) / 1600));
}
.w-planner-contact .contact-content ul li .contact-info h6,
.w-planner-contact .contact-content ul li .contact-info a {
  color: rgba(var(--theme-color), 0.8);
}
.w-planner-contact .contact-content ul li .contact-info h4 {
  margin-bottom: calc(2px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 1);
}
.w-planner-contact .w-planner-form {
  padding: calc(15px + 25 * (100vw - 320px) / 1600);
  background-color: rgba(var(--bg-color), 1);
  border: 1px solid rgba(var(--content-color), 0.3);
  position: relative;
}
.w-planner-contact .w-planner-form .contact-flower {
  position: absolute;
  bottom: -60px;
  right: -30%;
}
[dir=rtl] .w-planner-contact .w-planner-form .contact-flower {
  left: -30%;
  right: unset;
  transform: scaleX(-1);
}
.w-planner-contact .w-planner-form .form-main + .form-main {
  padding-top: calc(15px + 25 * (100vw - 320px) / 1600);
}
.w-planner-contact .w-planner-form .form-main label {
  font-weight: 500;
  font-size: calc(15px + 5 * (100vw - 320px) / 1600);
  line-height: 1.6;
  color: rgba(var(--theme-color), 1);
  margin-bottom: calc(5px + 5 * (100vw - 320px) / 1600);
  margin-top: -2px;
}
.w-planner-contact .w-planner-form .form-main .form-control {
  padding: calc(10px + 4 * (100vw - 320px) / 1600) calc(10px + 4 * (100vw - 320px) / 1600);
  border-radius: 0;
  border: none;
  color: rgba(var(--theme-color), 0.75);
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.3;
  background: rgba(var(--white), 1);
}
.w-planner-contact .w-planner-form .form-main .form-control::placeholder {
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.3;
  color: rgba(var(--theme-color), 0.75);
}
.w-planner-contact .w-planner-form .form-main input::placeholder {
  color: rgba(var(--theme-color), 0.75);
}
.w-planner-contact .w-planner-form .form-main textarea {
  height: calc(100px + 30 * (100vw - 320px) / 1600);
}
.w-planner-contact .w-planner-form .btn-solid {
  color: #fff;
  text-transform: uppercase;
  margin-top: calc(25px + 22 * (100vw - 320px) / 1600);
}
.w-planner-contact .w-planner-form .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

/*========================
  4.7 Blog style start
==========================*/
@media (max-width: 767px) {
  .charity-blog .blog-effect {
    opacity: 0.3;
  }
}
.charity-blog .blog-effect .effect-5 {
  position: absolute;
  top: 28%;
  left: 42px;
  animation: zoom 5s infinite;
}
.charity-blog .blog-effect .effect-6 {
  position: absolute;
  bottom: 15%;
  right: 85px;
  animation: round 30s linear infinite;
}
.charity-blog .blog-section {
  border: 1px solid rgba(var(--title-color), 0.1);
  padding: calc(20px + 20 * (100vw - 768px) / 1152);
}
@media (max-width: 767px) {
  .charity-blog .blog-section {
    border: none;
    padding: 0;
  }
}
.charity-blog .blog-section li:hover .blog-content h3 a {
  color: rgba(var(--theme-color), 1);
}
.charity-blog .blog-section li:hover .blog-img::after {
  animation: shine 0.75s;
}
.charity-blog .blog-section li + li {
  margin-top: calc(18px + 22 * (100vw - 320px) / 1600);
  padding-top: calc(18px + 22 * (100vw - 320px) / 1600);
  border-top: 1px solid rgba(var(--title-color), 0.1);
}
@media (max-width: 991px) {
  .charity-blog .blog-section li + li {
    margin-top: 0;
  }
  .charity-blog .blog-section li + li .blog-content {
    padding-bottom: 0;
  }
}
.charity-blog .blog-section li .blog-content {
  padding-bottom: calc(18px + 22 * (100vw - 320px) / 1600);
  padding-top: calc(18px + 22 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .charity-blog .blog-section li .blog-content {
    padding-inline: 0;
  }
}
.charity-blog .blog-section li .blog-content h3 {
  margin-bottom: 5px;
}
.charity-blog .blog-section li .blog-content h3 a {
  color: rgba(var(--black), 1);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.charity-blog .blog-section li .blog-content p {
  margin-bottom: 0;
  color: rgba(var(--title-color), 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 92%;
}
.charity-blog .blog-section li .blog-content .arrow-btn {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
  font-weight: 600;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.2;
  padding-right: calc(10px + 8 * (100vw - 320px) / 1600);
}
[dir=rtl] .charity-blog .blog-section li .blog-content .arrow-btn {
  padding-left: calc(10px + 8 * (100vw - 320px) / 1600);
}
.charity-blog .blog-section li .blog-content span {
  color: rgba(var(--title-color), 0.4);
  font-weight: 400;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  line-height: 1.2;
  position: relative;
  padding-left: calc(13px + 5 * (100vw - 320px) / 1600);
}
[dir=rtl] .charity-blog .blog-section li .blog-content span {
  padding-right: calc(10px + 8 * (100vw - 320px) / 1600);
  padding-left: 0;
}
.charity-blog .blog-section li .blog-content span::before {
  content: "";
  position: absolute;
  border-left: 1px solid rgba(var(--title-color), 0.4);
  width: 1px;
  height: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
[dir=rtl] .charity-blog .blog-section li .blog-content span::before {
  border-left: none;
  border-right: 1px solid rgba(var(--title-color), 0.4);
  left: unset;
  right: 0;
}
.charity-blog .blog-section li .blog-img {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.charity-blog .blog-section li .blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.charity-blog .blog-section li .blog-img::after {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  z-index: 1;
}

.consultancy-blog-section {
  background-color: rgba(var(--bg-color), 1);
  position: relative;
}
.consultancy-blog-section h2 {
  width: 35%;
  margin: auto;
  text-align: center;
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
  margin-top: calc(-7px + -3 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .consultancy-blog-section h2 {
    width: 100%;
  }
}
.consultancy-blog-section .blog-box:hover .blog-content h5 {
  color: rgba(var(--theme-color), 1);
}
.consultancy-blog-section .blog-box .blog-img img {
  width: 100%;
}
.consultancy-blog-section .blog-box .blog-content {
  background: rgba(var(--white), 1);
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  position: relative;
  width: calc(100% - (15px + 25 * (100vw - 320px) / 1600));
  margin: -50px auto;
}
.consultancy-blog-section .blog-box .blog-content h5 {
  border-left: 2px solid rgba(var(--theme-color), 1);
  padding-left: 10px;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: 0.4s ease;
  font-weight: 600;
}
.consultancy-blog-section .blog-box .blog-content p {
  color: rgba(var(--content-color), 1);
  margin: calc(8px + 4 * (100vw - 320px) / 1600) 0 calc(15px + 5 * (100vw - 320px) / 1600) 0;
}
.consultancy-blog-section .blog-box .blog-content .date-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.consultancy-blog-section .blog-box .blog-content .date-info h6 {
  color: rgba(var(--content-color), 1);
  display: flex;
  align-items: center;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
  line-height: 1;
}
.consultancy-blog-section .blog-box .blog-content .date-info h6 i {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.consultancy-blog-section .blog-box .blog-content .date-info span {
  color: rgba(var(--theme-color), 1);
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.9;
}

.event-blog-section {
  position: relative;
}
.event-blog-section .event-blog-slider .blog-img {
  position: relative;
}
.event-blog-section .event-blog-slider .blog-img::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(39deg, rgba(var(--theme-color), 0.9) 0%, rgba(var(--theme-color), 0.45) 100%);
  backdrop-filter: blur(5px);
  width: 100%;
  height: 0;
  transition: 0.4s ease;
}
.event-blog-section .event-blog-slider .blog-img .icon-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(var(--white), 1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 1;
  display: flex;
}
.event-blog-section .event-blog-slider .blog-img .icon-box li:last-child .blog-link {
  border-right: none;
}
[dir=rtl] .event-blog-section .event-blog-slider .blog-img .icon-box li:last-child .blog-link {
  border-left: none;
}
.event-blog-section .event-blog-slider .blog-img .icon-box .blog-link {
  width: calc(50px + 16 * (100vw - 320px) / 1600);
  height: calc(50px + 16 * (100vw - 320px) / 1600);
  border-right: 1px solid rgba(var(--content-color), 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--title-color), 1);
}
[dir=rtl] .event-blog-section .event-blog-slider .blog-img .icon-box .blog-link {
  border-right: none;
  border-left: 1px solid rgba(var(--content-color), 0.3);
}
.event-blog-section .event-blog-slider .blog-img .icon-box .blog-link i {
  font-size: calc(20px + 6 * (100vw - 320px) / 1600);
}
.event-blog-section .event-blog-slider .blog-img .icon-box .blog-link i + i {
  border-left: 1px solid rgba(var(--content-color), 1);
}
.event-blog-section .event-blog-slider .blog-img:hover::after {
  height: 100%;
}
.event-blog-section .event-blog-slider .blog-img:hover .icon-box {
  visibility: visible;
  opacity: 1;
}

.marketing-blog-section {
  position: relative;
}
.marketing-blog-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 598px;
  background: rgba(var(--bg-color), 1);
  z-index: -1;
}
.marketing-blog-section .object-dots {
  bottom: 28%;
  top: unset;
}
.marketing-blog-section .title-style-9 {
  margin-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
}
.marketing-blog-section .title-style-9 p {
  width: 60%;
  margin-inline: auto;
}
@media (max-width: 991px) {
  .marketing-blog-section .title-style-9 p {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .marketing-blog-section .title-style-9 p {
    width: 100%;
  }
}
.marketing-blog-section .blog-box {
  border: 1px solid rgba(var(--content-color), 0.13);
  box-shadow: 0px 2px 20px 0px rgba(var(--content-color), 0.08);
  height: 100%;
}
.marketing-blog-section .blog-box:hover .blog-content h6 {
  color: rgba(var(--theme-color), 1);
}
.marketing-blog-section .blog-box:hover .blog-content .blog-flex .btn-borders {
  color: #fff;
  box-shadow: 0 2px 10px 2px rgba(var(--theme-color), 0.4);
}
.marketing-blog-section .blog-box:hover .blog-content .blog-flex .btn-borders::before {
  background: rgba(var(--theme-color), 1);
  height: 100%;
}
.marketing-blog-section .blog-box .blog-img {
  position: relative;
}
.marketing-blog-section .blog-box .blog-img .blog-label {
  position: absolute;
  background: rgba(var(--theme-color), 1);
  padding: calc(4px + 4 * (100vw - 320px) / 1600) calc(10px + 10 * (100vw - 320px) / 1600);
  color: #fff;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
  top: calc(10px + 10 * (100vw - 320px) / 1600);
  left: 0;
}
[dir=rtl] .marketing-blog-section .blog-box .blog-img .blog-label {
  left: unset;
  right: 0;
}
.marketing-blog-section .blog-box .blog-content {
  background-color: rgba(var(--white), 1);
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
}
.marketing-blog-section .blog-box .blog-content h6 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  white-space: normal;
  overflow: hidden;
  transition: 0.4s ease;
}
.marketing-blog-section .blog-box .blog-content ul {
  display: flex;
  align-items: center;
  gap: calc(10px + 2 * (100vw - 320px) / 1600);
  padding-block: calc(8px + 7 * (100vw - 320px) / 1600) calc(12px + 18 * (100vw - 320px) / 1600);
}
.marketing-blog-section .blog-box .blog-content ul li {
  display: flex;
  align-items: center;
  gap: calc(4px + 2 * (100vw - 320px) / 1600);
}
.marketing-blog-section .blog-box .blog-content ul li img {
  width: calc(16px + 2 * (100vw - 320px) / 1600);
  height: calc(16px + 2 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.marketing-blog-section .blog-box .blog-content ul li + li {
  border-left: 1px solid rgba(var(--content-color), 0.4);
  padding-left: calc(10px + 2 * (100vw - 320px) / 1600);
}
[dir=rtl] .marketing-blog-section .blog-box .blog-content ul li + li {
  border-right: 1px solid rgba(var(--content-color), 1);
  padding-right: calc(10px + 2 * (100vw - 320px) / 1600);
  border-left: none;
  padding-left: 0;
}
.marketing-blog-section .blog-box .blog-content ul li span {
  color: rgba(var(--content-color), 1);
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.marketing-blog-section .blog-box .blog-content .blog-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.marketing-blog-section .blog-box .blog-content .blog-flex .btn-borders {
  padding: calc(6px + 6 * (100vw - 320px) / 1600) calc(20px + 20 * (100vw - 320px) / 1600);
  margin-top: 0;
  line-height: 1;
}
.marketing-blog-section .blog-box .blog-content .blog-flex .btn-borders::before {
  background: rgba(var(--white), 1);
  height: 0%;
}
.marketing-blog-section .blog-box .blog-content .blog-flex h6 {
  color: rgba(var(--content-color), 1);
  display: flex;
  align-items: center;
  gap: 8px;
}
.marketing-blog-section .blog-box .blog-content .blog-flex h6::before {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(var(--content-color), 1);
  display: inline-block;
  border-radius: 100%;
}

.portfolio-blog-section {
  position: relative;
}
.portfolio-blog-section .side-title {
  top: 130px;
}
.portfolio-blog-section .blog-list {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .portfolio-blog-section .blog-list {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .portfolio-blog-section .blog-list li {
    width: 100%;
  }
}
.portfolio-blog-section .blog-list + .blog-list {
  margin-top: calc(20px + 20 * (100vw - 575px) / 1345);
}
@media (max-width: 575px) {
  .portfolio-blog-section .blog-list + .blog-list {
    margin-top: 20px;
  }
}
.portfolio-blog-section .blog-box:hover .blog-img::after {
  opacity: 1;
  visibility: visible;
}
.portfolio-blog-section .blog-box:hover .blog-img a {
  opacity: 1;
  visibility: visible;
}
.portfolio-blog-section .blog-box .blog-title {
  text-align: center;
  padding-top: 15px;
}
.portfolio-blog-section .blog-box .blog-img {
  position: relative;
}
.portfolio-blog-section .blog-box .blog-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(31, 33, 37, 0.65);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.portfolio-blog-section .blog-box .blog-img a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(var(--theme-color), 1);
  padding: 6px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.portfolio-blog-section .blog-box .blog-img a i {
  width: 65px;
  height: 65px;
  background: rgba(var(--theme-color), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: #fff;
}

.cafe-blog-section .cafe-blog-slider {
  border-block: 1px solid rgba(var(--white), 0.15);
}
.cafe-blog-section .cafe-blog-slider .blog-box {
  position: relative;
  transition: 0.4s ease;
}
.cafe-blog-section .cafe-blog-slider .blog-box:hover .blog-content {
  opacity: 1;
  visibility: visible;
}
.cafe-blog-section .cafe-blog-slider .blog-box:hover .blog-content::before {
  opacity: 1;
  visibility: visible;
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--bg-color), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  padding-inline: calc(20px + 10 * (100vw - 320px) / 1600);
  z-index: 0;
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content::before {
  content: "";
  top: calc(20px + 10 * (100vw - 320px) / 1600);
  height: calc(100% - (40px + 20 * (100vw - 320px) / 1600));
  width: calc(100% - (40px + 20 * (100vw - 320px) / 1600));
  left: calc(20px + 10 * (100vw - 320px) / 1600);
  position: absolute;
  border: 1px solid rgba(var(--white), 0.15);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: 0.4s ease;
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content .blog-info {
  border-block: 1px solid rgba(var(--theme-color), 1);
  margin-inline: calc(15px + 15 * (100vw - 320px) / 1600);
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content .blog-info::before {
  border-top: 0.5px solid rgba(var(--theme-color), 1);
  margin-top: 6px;
  padding-bottom: 30px;
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content .blog-info::before, .cafe-blog-section .cafe-blog-slider .blog-box .blog-content .blog-info::after {
  content: "";
  position: relative;
  height: 0.5px;
  width: 100%;
  display: block;
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content .blog-info::after {
  border-top: 0.5px solid rgba(var(--theme-color), 1);
  margin-bottom: 6px;
  margin-top: 30px;
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content i {
  font-size: calc(45px + 9 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 1);
  line-height: 1;
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content h3 {
  color: rgba(var(--theme-color), 1);
  padding-block: calc(10px + 2 * (100vw - 320px) / 1600) 6px;
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content h5 {
  padding-block: calc(15px + 15 * (100vw - 320px) / 1600) 5px;
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content h6 {
  color: rgba(var(--content-color), 1);
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content h6 a {
  color: rgba(var(--content-color), 1);
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content h6 span {
  padding-inline: 12px;
}
.cafe-blog-section .cafe-blog-slider .blog-box .blog-content p {
  color: rgba(var(--content-color), 1);
  font-weight: 300;
}

.digital-blog-section .blog-cards {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  gap: calc(10px + 30 * (100vw - 320px) / 1600);
  width: 100%;
}
@media (max-width: 1199px) {
  .digital-blog-section .blog-cards {
    flex-direction: column;
  }
  .digital-blog-section .blog-cards .blog-card {
    height: auto;
  }
  .digital-blog-section .blog-cards .blog-card.active {
    flex: 0 0 auto;
  }
  .digital-blog-section .blog-cards .blog-card.active .blog-header {
    padding-inline: calc(10px + 10 * (100vw - 320px) / 1600);
  }
  .digital-blog-section .blog-cards .blog-card.active .blog-header h4 {
    writing-mode: unset;
  }
}
@media (max-width: 1199px) and (max-width: 575px) {
  .digital-blog-section .blog-cards .blog-card.active .blog-header h4 {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .digital-blog-section .blog-cards .blog-card .blog-header {
    display: flex;
    align-items: center;
    gap: calc(6px + 6 * (100vw - 320px) / 1600);
    padding: calc(12px + 18 * (100vw - 320px) / 1600) calc(10px + 10 * (100vw - 320px) / 1600);
  }
  .digital-blog-section .blog-cards .blog-card .blog-header h3 {
    height: unset;
    margin-bottom: 0;
    border-bottom: 0;
    font-size: calc(20px + 10 * (100vw - 320px) / 1600);
  }
  .digital-blog-section .blog-cards .blog-card .blog-header h4 {
    writing-mode: horizontal-tb;
    font-weight: 500;
  }
}
@media (max-width: 1199px) and (max-width: 575px) {
  .digital-blog-section .blog-cards .blog-card .blog-header h4 {
    text-transform: capitalize;
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .digital-blog-section .blog-cards .blog-card .blog-img {
    padding: 0 calc(10px + 10 * (100vw - 320px) / 1600);
  }
  .digital-blog-section .blog-cards .blog-card .blog-img img {
    width: 100%;
  }
  .digital-blog-section .blog-cards .blog-card .blog-content {
    padding-inline: calc(10px + 10 * (100vw - 320px) / 1600);
  }
}
.digital-blog-section .blog-card {
  width: 100%;
  height: calc(493px + 81 * (100vw - 1200px) / 720);
  overflow: hidden;
  position: relative;
  z-index: 0;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.digital-blog-section .blog-card:not(.active) {
  flex: 1;
}
.digital-blog-section .blog-card.active {
  width: 100%;
  flex: 0 0 calc(570px + 154 * (100vw - 1200px) / 720);
  background: radial-gradient(58.69% 56.38% at 50% 41.3%, #364107 0%, #141802 100%);
}
.digital-blog-section .blog-card.active .blog-header {
  display: flex;
  align-items: center;
  gap: calc(6px + 6 * (100vw - 320px) / 1600);
  padding: calc(12px + 18 * (100vw - 320px) / 1600) calc(12px + 28 * (100vw - 320px) / 1600);
  border-color: rgba(var(--white), 0.15);
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
  background: transparent;
  height: unset;
}
.digital-blog-section .blog-card.active .blog-header h3 {
  background: linear-gradient(166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
  height: auto;
}
.digital-blog-section .blog-card.active .blog-header h4 {
  writing-mode: unset;
  background: linear-gradient(77deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
}
.digital-blog-section .blog-card.active .blog-img {
  width: auto;
  height: auto;
  display: block;
}
.digital-blog-section .blog-card.active .blog-content {
  display: block;
}
.digital-blog-section .blog-card .blog-header {
  background: rgba(var(--bg-color), 1);
  height: 100%;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.digital-blog-section .blog-card .blog-header h3 {
  color: rgba(var(--title-color), 1);
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid rgba(var(--border-color), 1);
  transition: all 0.5s ease-in-out;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
}
.digital-blog-section .blog-card .blog-header h4 {
  color: rgba(var(--title-color), 1);
  font-weight: 400;
  letter-spacing: 0.44px;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
  writing-mode: vertical-rl;
  width: 100%;
  display: flex;
  align-items: center;
  margin-block: 0;
}
.digital-blog-section .blog-card .blog-img {
  display: none;
  width: 0;
  height: 0;
  transition: all 0.5s ease-in-out;
}
.digital-blog-section .blog-card .blog-content {
  padding: calc(10px + 10 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
  transition: all 0.5s ease-in-out;
  display: none;
}
.digital-blog-section .blog-card .blog-content p {
  color: #fff;
  margin-bottom: calc(10px + 8 * (100vw - 320px) / 1600);
  transition: all 0.5s ease-in-out;
}
.digital-blog-section .blog-card .blog-content .blog-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.5s ease-in-out;
}
.digital-blog-section .blog-card .blog-content .blog-info h5 {
  color: rgba(var(--content-color), 1);
  transition: all 0.5s ease-in-out;
  font-weight: 400;
}
@media (max-width: 575px) {
  .digital-blog-section .blog-card .blog-content .blog-info h5 {
    font-size: 15px;
  }
}
.digital-blog-section .blog-card .blog-content .blog-info span {
  display: inline-flex;
  align-items: center;
  gap: calc(6px + 6 * (100vw - 320px) / 1600);
  background: var(--s-2, linear-gradient(166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
  transition: all 0.5s ease-in-out;
}
.digital-blog-section .blog-card .blog-content .blog-info span::before {
  content: "";
  position: relative;
  width: 5px;
  height: 5px;
  background: linear-gradient(rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  border-radius: 100%;
}

.wedding-blog-section .blog-cards {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media (max-width: 992px) {
  .wedding-blog-section .blog-cards {
    max-width: 960px;
  }
}
@media (max-width: 992.98px) {
  .wedding-blog-section .blog-cards {
    flex-direction: column;
    padding-inline: 16px;
    margin-inline: auto;
  }
  .wedding-blog-section .blog-cards .blog-card.active {
    margin-inline: 0;
    flex: 0 0 auto;
    height: auto;
    margin-bottom: 20px;
  }
}
.wedding-blog-section .blog-card {
  height: calc(497px + 123 * (100vw - 1200px) / 720);
  overflow: hidden;
  position: relative;
  z-index: 0;
  transition: all 0.6s ease;
  cursor: pointer;
}
.wedding-blog-section .blog-card:not(.active) {
  flex: 1;
}
@media (max-width: 992.98px) {
  .wedding-blog-section .blog-card:not(.active) {
    flex: auto;
    height: calc(140px + 60 * (100vw - 320px) / 672);
  }
}
.wedding-blog-section .blog-card.active {
  width: 100%;
  flex: 0 0 calc(575px + 155 * (100vw - 1200px) / 720);
  margin-inline: calc(10px + 30 * (100vw - 320px) / 1600);
}
.wedding-blog-section .blog-card.active .blog-img {
  width: auto;
  height: auto;
}
.wedding-blog-section .blog-card.active .blog-img img {
  filter: grayscale(0);
}
.wedding-blog-section .blog-card.active .blog-content {
  opacity: 1;
  visibility: visible;
}
.wedding-blog-section .blog-card .blog-img {
  opacity: 1;
  visibility: visible;
  width: 100%;
  height: 100%;
  transition: all 0.6s ease;
}
.wedding-blog-section .blog-card .blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: all 0.6s ease;
}
.wedding-blog-section .blog-card .blog-content {
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease;
  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
}
.wedding-blog-section .blog-card .blog-content h5 {
  padding-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .wedding-blog-section .blog-card .blog-content h5 {
    text-transform: capitalize;
  }
}
.wedding-blog-section .blog-card .blog-content .blog-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wedding-blog-section .blog-card .blog-content .blog-info h6 {
  color: rgba(var(--theme-color), 0.7);
  font-weight: 500;
}

/*========================
  4.8 footer style start
==========================*/
@media (max-width: 575px) {
  footer .open-footer-content .footer-title::after {
    content: "\f1af";
  }
}
footer .open-footer-content .footer-content {
  display: block;
}
footer .footer-title {
  position: relative;
}
@media (max-width: 575px) {
  footer .footer-title {
    cursor: pointer;
  }
  footer .footer-title::after {
    content: "\ea13";
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 18px;
    font-weight: 400;
    font-family: remixicon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    transform: translateY(-50%);
    transition: 0.4s ease;
    color: rgba(var(--theme-color), 1);
  }
  [dir=rtl] footer .footer-title::after {
    right: unset;
    left: 0;
  }
}
footer .footer-content {
  margin-top: calc(15px + 10 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  footer .footer-content {
    display: none;
  }
}

.ad-footer {
  background-color: rgb(28, 28, 28);
  padding: calc(40px + 60 * (100vw - 320px) / 1600) 0;
  position: relative;
  overflow: hidden;
}
.ad-footer .bg-effect .yellow-effect,
.ad-footer .bg-effect .theme-effect {
  z-index: 0;
  transform: rotate(70deg);
  filter: blur(92px);
}
.ad-footer .bg-effect .yellow-effect {
  top: 40px;
  right: -60px;
}
[dir=rtl] .ad-footer .bg-effect .yellow-effect {
  left: -60px;
  right: unset;
}
.ad-footer .bg-effect .theme-effect {
  top: -95px;
  right: 3%;
}
[dir=rtl] .ad-footer .bg-effect .theme-effect {
  left: 3%;
  right: unset;
}
.ad-footer .ad-copyright {
  display: flex;
  justify-content: space-between;
  padding-bottom: calc(10px + 20 * (100vw - 320px) / 1600);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  align-items: center;
  flex-wrap: wrap;
}
.ad-footer .ad-copyright h6 {
  color: #fff;
}
.ad-footer .footer-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ad-footer .footer-row .footer-contact {
  width: 32%;
}
@media (max-width: 1399px) {
  .ad-footer .footer-row .footer-contact {
    width: 40%;
  }
}
@media (max-width: 991px) {
  .ad-footer .footer-row .footer-contact {
    width: 50%;
    gap: calc(15px + 20 * (100vw - 320px) / 1600) 0;
  }
}
@media (max-width: 767px) {
  .ad-footer .footer-row .footer-contact {
    width: 100%;
  }
}
.ad-footer .footer-title {
  margin-top: calc(15px + 35 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .ad-footer .footer-title {
    cursor: pointer;
  }
}
.ad-footer .footer-title h5 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  letter-spacing: 0.32px;
  display: flex;
  align-items: center;
  gap: calc(8px + 4 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .ad-footer .footer-title h5 {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .ad-footer .footer-title h5 {
    font-size: 16px;
  }
}
.ad-footer .footer-title h5 i {
  color: rgba(var(--theme-color), 1);
  font-size: calc(18px + 5 * (100vw - 320px) / 1600);
}
.ad-footer .footer-content {
  padding-left: calc(30px + 5 * (100vw - 320px) / 1600);
}
[dir=rtl] .ad-footer .footer-content {
  padding-left: 0;
  padding-right: calc(30px + 5 * (100vw - 320px) / 1600);
}
.ad-footer .footer-content li {
  display: block;
  letter-spacing: 0.32px;
  line-height: 1;
}
.ad-footer .footer-content li + li {
  padding-top: calc(10px + 4 * (100vw - 320px) / 1600);
}
.ad-footer .footer-content li a {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  border-bottom: 1px solid transparent;
  position: relative;
}
.ad-footer .footer-content li a::after {
  content: "";
  position: relative;
  width: 0;
  height: 1px;
  border-bottom: 1px solid rgba(var(--theme-color), 1);
  transition: 0.4s ease;
  display: block;
  margin-top: calc(5px + 5 * (100vw - 320px) / 1600);
}
.ad-footer .footer-content li:hover a {
  color: rgba(var(--theme-color), 1);
}
.ad-footer .footer-content li:hover a::after {
  width: 100%;
}
.ad-footer .footer-content p {
  margin-bottom: calc(25px + 35 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
}
.ad-footer .footer-content .floating-label {
  margin-bottom: 0;
}
.ad-footer .footer-content .floating-label .floating-input,
.ad-footer .footer-content .floating-label label {
  color: rgba(var(--content-color), 1);
}
.ad-footer .footer-content .floating-label .floating-input {
  border-color: rgba(var(--content-color), 1);
  padding-right: 74px;
}
[dir=rtl] .ad-footer .footer-content .floating-label .floating-input {
  padding-right: 0;
  padding-left: 74px;
}
.ad-footer .footer-content .floating-label .floating-input:focus ~ label {
  top: -20px;
  transition: 0.4s ease;
  font-size: 14px;
  color: rgba(var(--theme-color), 1);
}
.ad-footer .footer-content .floating-label label {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  top: 0;
}
.ad-footer .footer-content .floating-label a {
  color: rgba(var(--theme-color), 1);
  font-weight: 500;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  line-height: 1.9;
  position: absolute;
  top: calc(0px + -10 * (100vw - 320px) / 1600);
  right: 10px;
}
[dir=rtl] .ad-footer .footer-content .floating-label a {
  right: unset;
  left: 10px;
}
@media (max-width: 991px) {
  .ad-footer .footer-link {
    width: 50%;
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .ad-footer .footer-link {
    width: 30%;
    padding: 0 10px;
  }
}
@media (max-width: 575px) {
  .ad-footer .footer-link {
    width: 100%;
    padding: 0;
  }
}

.cafe-footer {
  padding-block: calc(30px + 30 * (100vw - 320px) / 1600);
  background: linear-gradient(180deg, rgba(19, 26, 45, 0.83) 0%, #131a2d 100%);
  backdrop-filter: blur(4px);
  position: relative;
  overflow-y: hidden;
}
@media (max-width: 767px) {
  .cafe-footer {
    padding-inline: 12px;
  }
}
.cafe-footer .left-f-flower {
  position: absolute;
  bottom: 0;
  left: 0;
  mix-blend-mode: luminosity;
}
@media (max-width: 767px) {
  .cafe-footer .left-f-flower {
    display: none;
  }
}
.cafe-footer .right-f-flower {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(-1);
  mix-blend-mode: luminosity;
}
@media (max-width: 767px) {
  .cafe-footer .right-f-flower {
    display: none;
  }
}
.cafe-footer::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 70px;
  border-radius: 100%;
  background: rgba(var(--content-color), 0.2);
  filter: blur(52px);
}
.cafe-footer .footer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  position: relative;
  padding-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
  margin-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-header p {
  color: rgba(var(--content-color), 0.6);
}
.cafe-footer .footer-title h5 {
  color: rgba(var(--theme-color), 1);
  position: relative;
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  font-weight: 600;
}
.cafe-footer .footer-title h5::before {
  content: "";
  position: absolute;
  width: calc(25px + 10 * (100vw - 320px) / 1600);
  height: calc(25px + 10 * (100vw - 320px) / 1600);
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: inline-block;
  border-radius: 100%;
  top: 50%;
  left: calc(-12px + -10 * (100vw - 320px) / 1600);
  transform: translateY(-50%);
}
[dir=rtl] .cafe-footer .footer-title h5::before {
  left: unset;
  right: calc(-12px + -10 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-content .footer-info h5 {
  color: rgba(var(--content-color), 0.8);
  margin-bottom: 8px;
  font-weight: 400;
  text-transform: capitalize;
  white-space: nowrap;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-content .footer-info h6 {
  color: rgba(var(--content-color), 0.6);
}
.cafe-footer .footer-content .social-icon {
  display: flex;
  align-items: center;
  gap: calc(10px + 2 * (100vw - 320px) / 1600);
  padding-top: calc(15px + 5 * (100vw - 320px) / 1600);
  position: relative;
  margin-top: calc(15px + 5 * (100vw - 320px) / 1600);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  width: calc(100% - (0px + 60 * (100vw - 320px) / 1600));
}
.cafe-footer .footer-content .social-icon li + li {
  padding-top: 0;
}
.cafe-footer .footer-content .social-icon li:hover a {
  border-color: rgba(var(--theme-color), 0.5);
}
.cafe-footer .footer-content .social-icon li:hover a::before {
  transform: scale(1);
}
.cafe-footer .footer-content .social-icon li a {
  color: rgba(var(--theme-color), 1);
  width: calc(35px + 5 * (100vw - 320px) / 1600);
  height: calc(35px + 5 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 100%;
  background: linear-gradient(148deg, rgba(var(--theme-color), 0.2) 0%, rgba(var(--theme-color), 0) 100%);
  box-shadow: -1px -4px 15px 0px rgba(19, 26, 45, 0.6) inset;
  overflow: hidden;
  position: relative;
  transition: 0.4s ease;
}
.cafe-footer .footer-content .social-icon li a::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(148deg, rgba(var(--theme-color), 0.6) 0%, rgba(var(--theme-color), 0) 100%);
  box-shadow: -1px -4px 15px 0px rgba(19, 26, 45, 0.6) inset;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  transition: 0.4s ease;
  transform: scale(0);
  z-index: -1;
}
.cafe-footer .footer-content .social-icon li a i {
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-content .contact-list li {
  display: flex;
  color: rgba(var(--content-color), 1);
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-content .contact-list li > div {
  line-height: 1;
}
.cafe-footer .footer-content .contact-list li > div a:nth-child(2) {
  margin-top: calc(8px + 2 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-content .contact-list li + li {
  padding-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-content .contact-list li a {
  color: rgba(var(--content-color), 1) !important;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-content .contact-list li h5 {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-content .contact-list li h5 + h5 {
  padding-top: calc(10px + 2 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-content .contact-list li h6 {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  max-width: 50px;
}
.cafe-footer .footer-link li {
  display: block;
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-link li:hover a {
  color: rgba(var(--theme-color), 1);
}
.cafe-footer .footer-link li + li {
  padding-top: calc(10px + 2 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-link li a {
  color: rgba(var(--content-color), 1);
}
.cafe-footer .footer-location + .footer-location {
  padding-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-location h6 {
  padding-bottom: calc(8px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 0.6);
  font-weight: 400;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.cafe-footer .footer-location h5 {
  color: rgba(var(--content-color), 1);
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}

.charity-footer {
  background: #333;
  padding: calc(35px + 45 * (100vw - 320px) / 1600) 0;
  position: fixed;
  bottom: 0;
  z-index: -1;
  height: calc(390px + 55 * (100vw - 1199px) / 721);
  width: 100%;
}
@media (max-width: 1199px) {
  .charity-footer {
    position: relative;
    height: auto;
    z-index: unset;
  }
}
@media (max-width: 1399px) {
  .charity-footer .footer-effect {
    opacity: 0.3;
  }
}
.charity-footer .footer-effect .footer-effect-1 {
  position: absolute;
  top: 22%;
  left: 46px;
  animation: round 30s linear infinite;
}
.charity-footer .footer-effect .footer-effect-2 {
  position: absolute;
  bottom: 25%;
  left: 25%;
  animation: zoom 5s infinite;
}
.charity-footer .footer-effect .footer-effect-3 {
  position: absolute;
  bottom: 20%;
  right: 15%;
  animation: round 30s linear infinite;
}
.charity-footer .footer-effect .footer-effect-4 {
  position: absolute;
  top: 10px;
  right: 0;
  animation: zoom 5s infinite;
}
.charity-footer .footer-logo img {
  width: 90px;
  height: auto;
}
.charity-footer .footer-content {
  padding-left: calc(30px + 5 * (100vw - 320px) / 1600);
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
[dir=rtl] .charity-footer .footer-content {
  padding-left: 0;
  padding-right: calc(30px + 5 * (100vw - 320px) / 1600);
}
.charity-footer .footer-content p,
.charity-footer .footer-content li {
  color: #fff;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 300;
}
.charity-footer .footer-content li {
  display: block;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  line-height: 1.2;
}
.charity-footer .footer-content li:hover a {
  color: rgba(var(--theme-color), 1);
  transform: translateX(5px);
}
.charity-footer .footer-content li a[href^="tel:"],
.charity-footer .footer-content li a[href^="mailto:"] {
  color: #fff !important;
  transform: none;
}
.charity-footer .footer-content li a {
  color: #fff;
}
.charity-footer .footer-content li + li {
  margin-top: calc(5px + 5 * (100vw - 320px) / 1600);
}
.charity-footer .social-footer {
  display: flex;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  margin-top: calc(12px + 10 * (100vw - 320px) / 1600);
}
.charity-footer .social-footer li a {
  color: #fff;
  width: calc(30px + 10 * (100vw - 320px) / 1600);
  height: calc(30px + 10 * (100vw - 320px) / 1600);
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  text-align: center;
}
.charity-footer .social-footer li a i {
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.charity-footer .social-footer li:hover a {
  transform: rotateY(360deg);
  color: rgba(var(--black), 1);
  background-color: rgba(var(--theme-color), 1);
  border: none;
}
.charity-footer .footer-title {
  cursor: pointer;
  transition: all 0.4s ease;
  display: flex;
  align-items: baseline;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  color: #fff;
}
.charity-footer .footer-title i {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
.charity-footer .footer-title h5 {
  position: relative;
  text-transform: uppercase;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-family: var(--labre-font);
}
.charity-footer .footer-title h5::after {
  content: "";
  position: relative;
  display: block;
  width: 35px;
  height: 2px;
  background: rgba(var(--theme-color), 1);
  margin-top: 8px;
}
@media (max-width: 575px) {
  .charity-footer .footer-title h5::after {
    display: none;
  }
}
.charity-footer .footer-location p + p {
  padding-top: calc(10px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .charity-footer .accordion-hidden {
    padding-left: 35px;
    height: 0;
    width: 100%;
    overflow: hidden;
    margin-top: 0;
    gap: 5px;
    transition: all 0.4s ease;
  }
}
.charity-footer form {
  color: #fff;
  margin-top: calc(18px + 4 * (100vw - 320px) / 1600);
}
.charity-footer form .form-label {
  font-weight: 300;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  line-height: 1;
}
.charity-footer form .form-control {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: calc(8px + 4 * (100vw - 320px) / 1600) 0 calc(8px + 4 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
  color: rgba(255, 255, 255, 0.7);
  border-radius: 0;
}
[dir=rtl] .charity-footer form .form-control {
  padding-left: 0;
  padding-right: calc(8px + 4 * (100vw - 320px) / 1600);
}
.charity-footer form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.charity-footer form .btn-solid {
  padding: 6px calc(13px + 13 * (100vw - 320px) / 1600);
  color: #333;
}
.charity-footer form .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

.consultancy-footer {
  background: url(../images/consultancy/footer-img.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.consultancy-footer .footer-logo {
  display: flex;
  align-items: center;
  gap: calc(20px + 20 * (100vw - 320px) / 1600);
  position: relative;
  z-index: 0;
}
.consultancy-footer .footer-triangle {
  position: relative;
  width: calc(100% - (80px + 13 * (100vw - 320px) / 1600) - (20px + 20 * (100vw - 320px) / 1600));
  display: inline-block;
}
.consultancy-footer .footer-triangle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px dashed rgba(171, 172, 179, 0.6);
}
[dir=rtl] .consultancy-footer .footer-triangle::after {
  left: unset;
  right: 0;
}
.consultancy-footer .footer-triangle::before {
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: none;
  border-right: 8px solid rgba(171, 172, 179, 0.6);
  position: absolute;
  top: -4px;
  right: 0px;
  z-index: 0;
}
[dir=rtl] .consultancy-footer .footer-triangle::before {
  left: 0;
  right: unset;
  border-left: 8px solid rgba(171, 172, 179, 0.6);
  border-right: none;
}
.consultancy-footer .footer-triangle .triangle {
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-right: none;
  border-left: 8px solid rgba(171, 172, 179, 0.6);
  position: absolute;
  top: -4px;
  left: 0px;
  z-index: 0;
}
[dir=rtl] .consultancy-footer .footer-triangle .triangle {
  left: unset;
  right: 0;
  border-left: none;
  border-right: 8px solid rgba(171, 172, 179, 0.6);
}
.consultancy-footer .footer-triangle .half-circle {
  position: absolute;
  background: linear-gradient(293.96deg, rgba(228, 225, 255, 0.1518) 6.07%, rgba(133, 120, 247, 0.264) 84.62%);
  top: -20px;
  right: calc(-10px + -21 * (100vw - 320px) / 1600);
  border: none;
}
.consultancy-footer .footer-triangle .half-circle span {
  background: radial-gradient(47.73% 47.73% at 43.18% 34.09%, #9b90f8 0%, #7060fe 100%);
}
.consultancy-footer .footer-triangle .half-circle::after {
  content: "";
  background-color: #263646;
  right: 14px;
  top: -1px;
  z-index: -1;
  left: unset;
  border-left: none;
}
.consultancy-footer .footer-title {
  margin-top: calc(20px + 20 * (100vw - 320px) / 1600);
}
.consultancy-footer .footer-title h5 {
  text-transform: uppercase;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 575px) {
  .consultancy-footer .footer-title h5 {
    text-transform: none;
  }
}
.consultancy-footer .footer-title h5 i {
  color: rgba(var(--theme-color), 1);
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
.consultancy-footer .footer-content {
  padding-left: calc(20px + 10 * (100vw - 320px) / 1600);
  margin-top: calc(10px + 20 * (100vw - 320px) / 1600);
}
[dir=rtl] .consultancy-footer .footer-content {
  padding-left: 0;
  padding-right: calc(20px + 10 * (100vw - 320px) / 1600);
}
.consultancy-footer .footer-content li {
  display: block;
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  line-height: 1;
  color: #fff;
}
.consultancy-footer .footer-content li:has(h6) {
  display: flex;
  align-items: center;
}
.consultancy-footer .footer-content li + li {
  padding-top: calc(18px + 14 * (100vw - 320px) / 1600);
}
.consultancy-footer .footer-content li a {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 3px;
  transition: 0.4s ease;
}
.consultancy-footer .footer-content li a[href^="tel:"], .consultancy-footer .footer-content li a[href^="mailto:"] {
  color: #fff !important;
  padding-left: calc(8px + 2 * (100vw - 320px) / 1600);
}
[dir=rtl] .consultancy-footer .footer-content li a[href^="tel:"], [dir=rtl] .consultancy-footer .footer-content li a[href^="mailto:"] {
  padding-left: 0;
  padding-right: calc(8px + 2 * (100vw - 320px) / 1600);
}
.consultancy-footer .footer-content li a[href^="tel:"]::before, .consultancy-footer .footer-content li a[href^="mailto:"]::before {
  display: none;
}
.consultancy-footer .footer-content li a:hover {
  color: rgba(var(--theme-color), 1);
}
.consultancy-footer .footer-content li a:hover::before {
  width: 8px;
}
.consultancy-footer .footer-content li a::before {
  content: "";
  position: relative;
  width: 0px;
  height: 1px;
  background: rgba(var(--theme-color), 1);
  display: inline-block;
  transition: 0.4s ease;
}
.consultancy-footer .footer-content li h6 {
  display: inline-block;
  min-width: 80px;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  line-height: 1;
}
.consultancy-footer .footer-content li span {
  padding-left: calc(8px + 2 * (100vw - 320px) / 1600);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
}
[dir=rtl] .consultancy-footer .footer-content li span {
  padding-left: 0;
  padding-right: 16px;
}
.consultancy-footer .footer-content p {
  color: rgba(var(--content-color), 1);
}
.consultancy-footer .footer-content .footer-form {
  position: relative;
  padding: 5px 5px 5px calc(14px + 2 * (100vw - 320px) / 1600);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  margin-top: calc(15px + 10 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[dir=rtl] .consultancy-footer .footer-content .footer-form {
  padding: 5px calc(14px + 2 * (100vw - 320px) / 1600) 5px 5px;
}
.consultancy-footer .footer-content .footer-form .form-control {
  background-color: transparent;
  color: rgba(var(--content-color), 1);
  border: none;
  padding: 0;
  width: auto;
}
.consultancy-footer .footer-content .footer-form .form-control::placeholder {
  color: rgba(var(--content-color), 1);
}
.consultancy-footer .footer-content .footer-form .btn-solid {
  color: #fff;
  padding: calc(2px + 6 * (100vw - 320px) / 1600) calc(25px + 5 * (100vw - 320px) / 1600);
  border-radius: 4px;
  margin-top: 0;
  display: inline-block;
}
.consultancy-footer .footer-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
}
.consultancy-footer .footer-row .footer-contact {
  width: 28%;
}
@media (max-width: 1399px) {
  .consultancy-footer .footer-row .footer-contact {
    width: 40%;
  }
}
@media (max-width: 1199px) {
  .consultancy-footer .footer-row .footer-contact {
    width: 50%;
    gap: calc(15px + 20 * (100vw - 320px) / 1600) 0;
    order: 1;
  }
}
@media (max-width: 767px) {
  .consultancy-footer .footer-row .footer-contact {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .consultancy-footer .footer-link:last-child {
    width: auto;
  }
}
@media (max-width: 767px) and (min-width: 500px) {
  .consultancy-footer .footer-link:last-child {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .consultancy-footer .footer-link {
    width: 12%;
  }
}
@media (max-width: 1199px) {
  .consultancy-footer .footer-link {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .consultancy-footer .footer-link {
    width: 50%;
    padding: 0 10px;
  }
}
@media (max-width: 575px) {
  .consultancy-footer .footer-link {
    width: 100%;
    padding: 0;
  }
}
.consultancy-footer .bottom-footer-triangle {
  width: 100%;
}
.consultancy-footer .bottom-footer-triangle .half-circle {
  left: calc(-10px + -21 * (100vw - 320px) / 1600);
  /*  [dir="rtl"] & {
            left: unset;
            right: calc(-10px + (-31 - -10) * ((100vw - 320px) / (1920 - 320)));
        } */
}
.consultancy-footer .bottom-footer-triangle .half-circle::after {
  left: 14px;
  /*   [dir="rtl"] & {
              left: unset;
              right: 14px;
          } */
}
.consultancy-footer .consultancy-copyright {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  gap: 10px;
}
.consultancy-footer .consultancy-copyright .footer-social {
  display: flex;
  gap: calc(14px + 2 * (100vw - 320px) / 1600);
  align-items: center;
}
.consultancy-footer .consultancy-copyright .footer-social span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.1;
}
.consultancy-footer .consultancy-copyright .footer-social li {
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
}
.consultancy-footer .consultancy-copyright .footer-social li:hover a {
  color: rgba(var(--theme-color), 1);
  transform: translateY(-3px);
}
.consultancy-footer .consultancy-copyright .footer-social li:nth-child(n+3) {
  display: flex;
  align-items: center;
  gap: calc(14px + 2 * (100vw - 320px) / 1600);
}
.consultancy-footer .consultancy-copyright .footer-social li:nth-child(n+3)::before {
  content: "";
  position: relative;
  width: 1px;
  height: 15px;
  display: inline-block;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
[dir=rtl] .consultancy-footer .consultancy-copyright .footer-social li:nth-child(n+3)::before {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-left: none;
}
.consultancy-footer .consultancy-copyright .footer-social li a {
  color: #fff;
  transition: 0.4s ease;
}
.consultancy-footer .consultancy-copyright .footer-social li i {
  font-size: calc(18px + 14 * (100vw - 320px) / 1600);
}

.digital-footer-section {
  padding-top: calc(35px + 25 * (100vw - 320px) / 1600);
  background: #141802;
  position: relative;
  overflow: hidden;
}
.digital-footer-section .footer-obj-top {
  top: -60px;
  left: 0;
}
@media (max-width: 575px) {
  .digital-footer-section .footer-obj-top {
    opacity: 0.2;
  }
}
.digital-footer-section .footer-obj-bottom {
  bottom: -60px;
  right: 0;
}
@media (max-width: 575px) {
  .digital-footer-section .footer-obj-bottom {
    opacity: 0.2;
  }
}
.digital-footer-section .footer-header,
.digital-footer-section .digital-copyright {
  position: relative;
}
.digital-footer-section .footer-header::after,
.digital-footer-section .digital-copyright::after {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 0;
  width: 20px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.15);
  transform: rotate(-24deg);
}
[dir=rtl] .digital-footer-section .footer-header::after,
[dir=rtl] .digital-footer-section .digital-copyright::after {
  right: unset;
  left: 0;
  transform: rotate(24deg);
}
.digital-footer-section .footer-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  justify-content: space-between;
  margin-bottom: calc(20px + 40 * (100vw - 320px) / 1600);
}
.digital-footer-section .footer-header .footer-logo {
  margin-inline: auto;
}
@media (max-width: 1199px) {
  .digital-footer-section .footer-header {
    display: block;
    border-bottom: none;
  }
  .digital-footer-section .footer-header::after {
    display: none;
  }
}
.digital-footer-section .footer-header .social-list {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  margin-inline: auto;
}
.digital-footer-section .footer-header .social-list li {
  font-size: calc(20px + 2 * (100vw - 320px) / 1600);
}
.digital-footer-section .footer-header .social-list li + li {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.digital-footer-section .footer-header .social-list li + li::before {
  content: "";
  position: relative;
  display: inline-block;
  width: calc(6px + 2 * (100vw - 320px) / 1600);
  height: calc(6px + 2 * (100vw - 320px) / 1600);
  background: rgba(255, 255, 255, 0.95);
  border-radius: 100%;
}
.digital-footer-section .footer-header .social-list li a {
  background: linear-gradient(166deg, #159f36 0%, #cbda1b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.4s ease;
}
.digital-footer-section .footer-header .social-list li a:hover {
  transform: translateY(-2px);
}
.digital-footer-section .footer-header p {
  color: rgba(var(--content-color), 1);
  border-inline: 1px solid rgba(255, 255, 255, 0.15);
  padding-inline: 100px;
  width: 58%;
  text-align: center;
  padding-bottom: 14px;
}
@media (max-width: 1199px) {
  .digital-footer-section .footer-header p {
    padding: 10px 0;
    width: 100%;
    border-inline: none;
    text-align: start;
  }
}
.digital-footer-section .footer-content {
  padding-inline-start: calc(40px + 10 * (100vw - 320px) / 1600);
}
.digital-footer-section .footer-content p {
  color: rgba(var(--content-color), 1);
}
.digital-footer-section .footer-content form .form-control {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: transparent;
  color: rgba(var(--content-color), 1);
  font-weight: 300;
  padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
  margin-block: calc(5px + 5 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
  border-radius: 0;
  text-transform: capitalize;
}
.digital-footer-section .footer-content form .form-control::placeholder {
  font-weight: 300;
  color: rgba(var(--content-color), 1);
  text-transform: capitalize;
}
.digital-footer-section .footer-content form .btn-borders {
  -webkit-text-fill-color: rgba(var(--title-color), 1);
  border: 1px solid transparent;
  border-image-source: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  border-image-slice: 1;
  margin-top: 30px;
  padding: 6px 25px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 0;
}
.digital-footer-section .footer-content form .btn-borders::before {
  background: linear-gradient(154deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  height: 100%;
}
.digital-footer-section .footer-content form .btn-borders:hover {
  background: linear-gradient(85deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.digital-footer-section .footer-content form .btn-borders:hover::before {
  height: 0%;
}
.digital-footer-section .footer-title {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.digital-footer-section .footer-title img {
  width: calc(30px + 6 * (100vw - 320px) / 1600);
  height: auto;
  object-fit: contain;
}
[dir=rtl] .digital-footer-section .footer-title img {
  transform: scaleX(-1);
}
.digital-footer-section .footer-title h5 {
  background: linear-gradient(166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  width: calc(100% - (30px + 15 * (100vw - 320px) / 1600) - (10px + 5 * (100vw - 320px) / 1600));
}
@media (max-width: 575px) {
  .digital-footer-section .footer-title h5 {
    text-transform: none;
  }
}
.digital-footer-section .footer-content li {
  display: block;
}
.digital-footer-section .footer-content li + li {
  padding-top: calc(10px + 8 * (100vw - 320px) / 1600);
}
.digital-footer-section .footer-content li a {
  color: rgba(var(--theme-color), 1);
  position: relative;
}
.digital-footer-section .footer-content li a:hover::before {
  transform: scale(0.8);
  opacity: 0;
}
.digital-footer-section .footer-content li a::before {
  color: rgba(255, 255, 255, 0.95);
  content: attr(data-hover);
  position: absolute;
  transition: 0.4s ease;
}
.digital-footer-section .digital-copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: calc(10px + 10 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  gap: calc(8px + 2 * (100vw - 320px) / 1600);
  margin-top: calc(35px + 25 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}
.digital-footer-section .digital-copyright::after {
  top: 4px;
  left: 0;
  transform: rotate(24deg);
}
[dir=rtl] .digital-footer-section .digital-copyright::after {
  left: unset;
  right: 0;
  transform: rotate(-24deg);
}
@media (max-width: 767px) {
  .digital-footer-section .digital-copyright {
    justify-content: center;
    text-align: center;
  }
}
.digital-footer-section .digital-copyright p {
  color: rgba(255, 255, 255, 0.95);
}

.event-footer-section {
  position: relative;
}
.event-footer-section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/event/bg-effect/footer.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
}
.event-footer-section .footer-content {
  padding-inline-start: calc(42px + 6 * (100vw - 320px) / 1600);
}
@media (min-width: 576px) {
  .event-footer-section .footer-content:has(li) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(15px + 5 * (100vw - 320px) / 1600) 15px;
  }
}
.event-footer-section .footer-content li {
  display: block;
  font-size: 18px;
}
@media (max-width: 575px) {
  .event-footer-section .footer-content li + li {
    padding-top: 10px;
  }
}
.event-footer-section .footer-content li a {
  color: #fff;
  transition: 0.4s ease;
}
.event-footer-section .footer-content li a:hover {
  color: rgba(var(--theme-color), 1);
}
.event-footer-section .footer-content li a:hover::after {
  transform: scale(1);
}
.event-footer-section .footer-content li a::after {
  content: "";
  position: relative;
  width: 100%;
  height: 1px;
  background-color: rgba(var(--theme-color), 1);
  display: block;
  transition: 0.4s ease;
  transform: scale(0);
  margin-top: 5px;
}
.event-footer-section .footer-content p {
  color: rgba(255, 255, 255, 0.8);
  padding-top: calc(15px + 10 * (100vw - 320px) / 1600);
  width: 80%;
  padding-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .event-footer-section .footer-content p {
    width: 100%;
  }
}
.event-footer-section .footer-content .form-control {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(var(--bg-light-color), 1);
  border: none;
  border-radius: 0;
  padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(15px + 5 * (100vw - 320px) / 1600);
}
.event-footer-section .footer-content .form-control::placeholder {
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  color: rgba(255, 255, 255, 0.4);
}
.event-footer-section .footer-content .social-icon {
  display: flex;
  align-items: center;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
}
.event-footer-section .footer-content .social-icon li {
  padding-top: 0;
}
.event-footer-section .footer-content .social-icon a {
  width: calc(30px + 10 * (100vw - 320px) / 1600);
  height: calc(30px + 10 * (100vw - 320px) / 1600);
  background: linear-gradient(147deg, rgba(var(--theme-color), 0.15) 0%, rgba(var(--secondary-color), 0.15) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.event-footer-section .footer-content .social-icon a:hover::before {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.event-footer-section .footer-content .social-icon a:hover i {
  transform: scale(1.1);
}
.event-footer-section .footer-content .social-icon a::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(147deg, rgba(var(--theme-color), 1) 0%, rgba(var(--secondary-color), 1) 100%);
  position: absolute;
  bottom: -100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  z-index: -1;
}
.event-footer-section .footer-content .social-icon a i {
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
.event-footer-section .footer-content .social-icon a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-image-source: linear-gradient(158deg, rgba(107, 203, 134, 0.6) 0%, rgba(122, 87, 246, 0.6) 100%);
  z-index: 1;
  transform: unset;
  margin-top: 0;
  border-image-slice: 1;
  background: transparent;
}
.event-footer-section .footer-content h4 {
  color: rgba(var(--theme-color), 1);
  padding-block: calc(15px + 5 * (100vw - 320px) / 1600) calc(10px + 2 * (100vw - 320px) / 1600);
}
.event-footer-section .footer-content .btn-solid {
  padding: calc(4px + 2 * (100vw - 320px) / 1600) calc(12px + 4 * (100vw - 320px) / 1600);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
}
.event-footer-section .footer-title {
  display: flex;
  align-items: center;
  gap: calc(8px + 7 * (100vw - 320px) / 1600);
}
.event-footer-section .footer-title h4 {
  color: rgba(var(--theme-color), 1);
  padding: 0;
}
.event-footer-section .footer-title img {
  width: 35px;
  height: auto;
  object-fit: contain;
}
.event-footer-section .event-copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: calc(20px + 5 * (100vw - 320px) / 1600);
  margin-top: calc(30px + 12 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
}
.event-footer-section .event-copyright p {
  color: #fff;
  margin-bottom: calc(12px + 13 * (100vw - 320px) / 1600);
}

.marketing-footer-section {
  padding-block: calc(30px + 30 * (100vw - 320px) / 1600);
}
.marketing-footer-section .footer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px dashed rgba(255, 255, 255, 0.2);
  padding-bottom: calc(12px + 12 * (100vw - 320px) / 1600);
  margin-bottom: calc(20px + 40 * (100vw - 320px) / 1600);
}
.marketing-footer-section .footer-title h5 {
  color: #fff;
  border-left: 2px solid #fff;
  padding-left: 12px;
}
[dir=rtl] .marketing-footer-section .footer-title h5 {
  border-left: unset;
  padding-left: 0;
  border-right: 2px solid #fff;
  padding-right: 12px;
}
.marketing-footer-section .social-icon {
  display: flex;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  margin-bottom: calc(20px + 10 * (100vw - 320px) / 1600);
}
.marketing-footer-section .social-icon li a {
  width: 30px;
  height: 30px;
  transition: 0.4s ease;
}
.marketing-footer-section .social-icon li a:hover {
  transform: translateY(-3px);
}
.marketing-footer-section .social-icon li a img {
  width: 100%;
  height: 100%;
}
.marketing-footer-section .social-content {
  color: #fff;
  font-weight: 400;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  position: relative;
  margin-left: 10px;
}
.marketing-footer-section .social-content::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 15px;
  background: #fff;
  top: 6px;
  left: -10px;
}
[dir=rtl] .marketing-footer-section .social-content::before {
  left: unset;
  right: -10px;
}
.marketing-footer-section .footer-content:has(> li) {
  padding-inline-start: 14px;
}
.marketing-footer-section .footer-content:has(> li) li {
  display: block;
  font-weight: 400;
}
.marketing-footer-section .footer-content:has(> li) li + li {
  padding-top: calc(10px + 5 * (100vw - 320px) / 1600);
}
.marketing-footer-section .footer-content:has(> li) li a {
  color: #fff;
  position: relative;
  transition: 0.4s ease;
}
.marketing-footer-section .footer-content:has(> li) li a:hover {
  color: transparent;
}
.marketing-footer-section .footer-content:has(> li) li a:hover::before {
  max-height: 100%;
}
.marketing-footer-section .footer-content:has(> li) li a::before {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  max-height: 0;
  color: rgba(var(--theme-color), 1);
  content: attr(data-hover);
  transition: 0.4s ease;
}
.marketing-footer-section .address-list {
  padding-inline-start: 14px;
}
.marketing-footer-section .address-list li {
  display: block;
}
.marketing-footer-section .address-list li + li {
  padding-top: calc(20px + 20 * (100vw - 320px) / 1600) !important;
}
.marketing-footer-section .address-list li a {
  display: flex;
  gap: 5px;
  white-space: nowrap;
}
.marketing-footer-section .address-list li a:hover {
  color: #fff !important;
}
.marketing-footer-section .address-list li a h6 {
  font-weight: 500;
  color: #fff;
  min-width: 80px;
}
.marketing-footer-section .address-list li a p {
  color: #fff;
  font-weight: 400;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  margin-bottom: 0;
  white-space: break-spaces;
}
.marketing-footer-section .news-box {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  padding-inline-start: 14px;
}
.marketing-footer-section .news-box + .news-box {
  padding-top: calc(20px + 20 * (100vw - 320px) / 1600);
}
.marketing-footer-section .news-box img {
  width: calc(60px + 15 * (100vw - 320px) / 1600);
  height: calc(60px + 15 * (100vw - 320px) / 1600);
  object-fit: cover;
}
.marketing-footer-section .news-box .news-content {
  width: calc(100% - (60px + 15 * (100vw - 320px) / 1600) - (10px + 5 * (100vw - 320px) / 1600));
}
.marketing-footer-section .news-box .news-content h6 {
  color: #fff;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  margin-bottom: 8px;
}
.marketing-footer-section .news-box .news-content p {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.marketing-footer-section .marketing-copyright {
  display: flex;
  justify-content: space-between;
  border-top: 2px dashed rgba(255, 255, 255, 0.2);
  padding-top: calc(15px + 5 * (100vw - 320px) / 1600);
  margin-top: calc(20px + 40 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  gap: 5px;
}
.marketing-footer-section .marketing-copyright p,
.marketing-footer-section .marketing-copyright h6,
.marketing-footer-section .marketing-copyright a {
  color: #fff;
  font-weight: 400;
}
.marketing-footer-section .social-list {
  display: flex;
  align-items: center;
  gap: calc(6px + 6 * (100vw - 320px) / 1600);
}
.marketing-footer-section .social-list li {
  font-family: var(--poppins);
}
.marketing-footer-section .social-list li + li {
  display: flex;
  align-items: center;
  gap: calc(6px + 6 * (100vw - 320px) / 1600);
}
.marketing-footer-section .social-list li + li::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: rgba(var(--theme-color), 1);
  border-radius: 100%;
}
.marketing-footer-section .social-list li a {
  color: #fff;
  transition: 0.4s ease;
}
.marketing-footer-section .social-list li a:hover {
  color: rgba(var(--theme-color), 1);
}

.wedding-footer-section {
  background: #4c3f53;
  color: #fff;
  position: relative;
}
.wedding-footer-section .left-img {
  position: absolute;
  bottom: 0;
  left: 0;
  mix-blend-mode: overlay;
}
@media (max-width: 767px) {
  .wedding-footer-section .left-img {
    display: none;
  }
}
.wedding-footer-section .right-img {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(-1);
  mix-blend-mode: overlay;
}
@media (max-width: 767px) {
  .wedding-footer-section .right-img {
    display: none;
  }
}
.wedding-footer-section .row > div:nth-child(2) .footer-content {
  text-align: center;
  display: block;
  margin-top: 0;
}
.wedding-footer-section .row > div:nth-child(2) .footer-content.open-footer-content .footer-link {
  display: block;
}
@media (max-width: 767px) {
  .wedding-footer-section .row > div:nth-child(2) .footer-content {
    text-align: start;
  }
}
.wedding-footer-section .row > div:nth-child(2) .footer-content .footer-title {
  margin-top: 15px;
}
@media (min-width: 576px) {
  .wedding-footer-section .row > div:nth-child(2) .footer-content .footer-title {
    display: none;
  }
}
.wedding-footer-section .footer-title {
  display: flex;
  gap: 10px;
  align-items: center;
}
.wedding-footer-section .footer-title::after {
  color: #fff;
}
.wedding-footer-section .footer-title h5 {
  text-transform: uppercase;
  font-weight: 500;
}
@media (max-width: 575px) {
  .wedding-footer-section .footer-title h5 {
    text-transform: capitalize;
  }
}
[dir=rtl] .wedding-footer-section .footer-title img {
  transform: scale(-1);
}
.wedding-footer-section .footer-content p {
  padding-bottom: calc(15px + 10 * (100vw - 320px) / 1600);
}
.wedding-footer-section .footer-content .footer-social {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.wedding-footer-section .footer-content .footer-social li a {
  color: #fff;
  width: calc(35px + 5 * (100vw - 320px) / 1600);
  height: calc(35px + 5 * (100vw - 320px) / 1600);
  border-radius: 100%;
  background: linear-gradient(225deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.08) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.wedding-footer-section .footer-content .footer-social li a:hover i {
  transform: scale(1.1);
}
.wedding-footer-section .footer-content .footer-social li a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  padding: 2px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.08) 100%);
  -webkit-mask: linear-gradient(rgb(255, 255, 255) 0 0) content-box, linear-gradient(rgb(255, 255, 255) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.wedding-footer-section .footer-content .footer-social li a i {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.wedding-footer-section .footer-content .contact-list li {
  display: flex;
  gap: calc(8px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
}
.wedding-footer-section .footer-content .contact-list li + li {
  padding-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
.wedding-footer-section .footer-content .contact-list li a {
  color: #fff;
}
.wedding-footer-section .footer-content .contact-list li h6 {
  min-width: 78px;
}
.wedding-footer-section .footer-content .contact-list li span {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.wedding-footer-section .footer-content .footer-link {
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  padding-top: calc(15px + 67 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .wedding-footer-section .footer-content .footer-link {
    display: none;
  }
}
.wedding-footer-section .footer-content .footer-link li {
  line-height: 1;
}
@media (max-width: 767px) {
  .wedding-footer-section .footer-content .footer-link li {
    display: block;
  }
}
.wedding-footer-section .footer-content .footer-link li + li {
  border-left: 1px solid #fff;
  padding-left: 18px;
}
[dir=rtl] .wedding-footer-section .footer-content .footer-link li + li {
  border-left: none;
  padding-left: 0;
  border-right: 1px solid #fff;
  padding-right: 18px;
}
@media (max-width: 767px) {
  .wedding-footer-section .footer-content .footer-link li + li {
    border-left: none;
    padding-left: 0;
    padding-top: calc(10px + 8 * (100vw - 320px) / 1600);
  }
  [dir=rtl] .wedding-footer-section .footer-content .footer-link li + li {
    border-right: none;
    padding-right: 0;
  }
}
.wedding-footer-section .footer-content .footer-link li a {
  color: #fff;
  text-transform: uppercase;
  overflow: hidden;
  transition: 0.4s ease;
}
.wedding-footer-section .footer-content .footer-link li a:hover span {
  transform: translateY(-100%);
}
.wedding-footer-section .footer-content .footer-link li a span {
  transition: 0.4s ease;
  position: relative;
  display: inline-block;
}
.wedding-footer-section .footer-content .footer-link li a span::before {
  color: #fff;
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  transform: translate3d(0, 0, 0);
  transition: 0.4s ease;
}
.wedding-footer-section .wedding-copyright {
  padding-block: calc(15px + 15 * (100vw - 320px) / 1600);
  margin-top: calc(20px + 40 * (100vw - 320px) / 1600);
  border-top: 2px dashed rgba(255, 255, 255, 0.7);
}
.wedding-footer-section .wedding-copyright p {
  color: #fff;
  text-align: center;
}

.portfolio-footer-section .footer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: calc(15px + 5 * (100vw - 320px) / 1600);
  border-top: 2px dashed rgba(255, 255, 255, 0.15);
  border-bottom: 2px dashed rgba(255, 255, 255, 0.15);
  margin-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 430px) {
  .portfolio-footer-section .footer-header {
    justify-content: center;
  }
}
.portfolio-footer-section .footer-header h3 {
  color: #fff;
  font-size: calc(22px + 8 * (100vw - 320px) / 1600);
}
.portfolio-footer-section .footer-header .btn-border {
  padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
  font-size: calc(10px + 8 * (100vw - 320px) / 1600);
  font-weight: 600;
}
.portfolio-footer-section .footer-logo {
  display: block;
  padding-bottom: calc(10px + 20 * (100vw - 320px) / 1600);
}
.portfolio-footer-section .footer-title {
  padding-bottom: 0;
}
.portfolio-footer-section .footer-title h5 {
  color: rgba(var(--theme-color), 1);
}
.portfolio-footer-section .footer-info + .footer-info {
  margin-top: calc(14px + 16 * (100vw - 320px) / 1600);
}
.portfolio-footer-section .footer-info p {
  color: #fff;
  line-height: 1.7;
}
.portfolio-footer-section .footer-info .footer-content {
  margin-top: calc(10px + 5 * (100vw - 320px) / 1600);
}
.portfolio-footer-section .footer-info .footer-content li {
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  font-weight: 400;
  display: block;
}
.portfolio-footer-section .footer-info .footer-content li + li {
  margin-top: calc(5px + 7 * (100vw - 320px) / 1600);
}
.portfolio-footer-section .footer-info .footer-content li a {
  color: #fff;
  position: relative;
  transition: 0.4s ease;
}
.portfolio-footer-section .footer-info .footer-content li a[href^="tel:"], .portfolio-footer-section .footer-info .footer-content li a[href^="mailto:"] {
  color: #fff !important;
}
.portfolio-footer-section .footer-info .footer-content li a[href^="tel:"]:hover, .portfolio-footer-section .footer-info .footer-content li a[href^="mailto:"]:hover {
  animation: none;
  -webkit-mask-image: none;
  -webkit-mask-size: none;
}
.portfolio-footer-section .footer-info .footer-content li a:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(var(--black), 0.5) 30%, rgba(var(--black), 1) 50%, rgba(var(--black), 0.5) 70%);
  -webkit-mask-size: 200%;
  animation: shine-hover 2s infinite;
  color: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
.portfolio-footer-section .portfolio-copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 2px solid rgba(255, 255, 255, 0.15);
  padding-block: calc(10px + 10 * (100vw - 320px) / 1600);
  margin-top: calc(35px + 45 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 430px) {
  .portfolio-footer-section .portfolio-copyright {
    justify-content: center;
  }
}
.portfolio-footer-section .portfolio-copyright h6 {
  color: #fff;
  font-weight: 400;
}

.seo-footer-section {
  background: rgba(var(--bg-color), 1);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.seo-footer-section .object-22 {
  top: 9%;
  left: 3%;
  animation: zoom 8s infinite linear;
  z-index: -1;
}
@media (max-width: 575px) {
  .seo-footer-section .object-22 {
    top: 19%;
  }
}
.seo-footer-section .object-23 {
  bottom: 20%;
  right: 5%;
  animation: move-img 5s infinite linear;
  z-index: -1;
}
.seo-footer-section .footer-logo {
  position: relative;
  z-index: 1;
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
  width: 100%;
}
.seo-footer-section .footer-logo .white-logo {
  display: none;
}
.seo-footer-section .footer-logo img {
  background: rgba(var(--bg-color), 1);
  padding-right: 20px;
}
[dir=rtl] .seo-footer-section .footer-logo img {
  padding-right: 0;
  padding-left: 20px;
}
.seo-footer-section .footer-logo::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(var(--title-color), 1);
  transform: translateY(-50%);
  z-index: -1;
}
.seo-footer-section .footer-info {
  margin-left: 25px;
}
.seo-footer-section .title-style-5 {
  margin-bottom: 0;
}
.seo-footer-section .title-style-5 h4 {
  margin-left: 0;
}
.seo-footer-section .title-style-5 h4::after {
  height: 20px;
}
.seo-footer-section .title-style-5 h4::before {
  height: 15px;
}
.seo-footer-section .title-style-5.footer-title::after {
  color: rgba(var(--title-color), 1);
}
.seo-footer-section .main-footer-box {
  display: flex;
  gap: calc(15px + 15 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .seo-footer-section .main-footer-box {
    flex-wrap: wrap;
  }
}
.seo-footer-section .main-footer-box .footer-box {
  background: rgba(var(--white), 1);
  padding: calc(15px + 5 * (100vw - 320px) / 1600);
  font-weight: 500;
  width: 50%;
}
@media (max-width: 767px) {
  .seo-footer-section .main-footer-box .footer-box {
    width: 100%;
  }
}
.seo-footer-section .main-footer-box .footer-box h6 {
  color: rgba(var(--title-color), 1);
}
.seo-footer-section .main-footer-box .footer-box span {
  font-size: 16px;
  font-weight: 400;
  margin-top: 3px;
  display: inline-block;
}
.seo-footer-section .main-footer-box .footer-box span a {
  color: rgba(var(--content-color), 1);
}
.seo-footer-section .footer-content p {
  margin-bottom: 15px;
  color: rgba(var(--content-color), 1);
}
.seo-footer-section .footer-content li {
  display: block;
}
.seo-footer-section .footer-content li + li {
  padding-top: calc(5px + 10 * (100vw - 320px) / 1600);
}
.seo-footer-section .footer-content li a {
  color: rgba(var(--content-color), 1);
  transition: 0.4s ease;
  display: block;
}
.seo-footer-section .footer-content li:hover a {
  color: rgba(var(--title-color), 1);
}
body.dark .seo-footer-section .footer-content li:hover a {
  color: #e8e8e8;
}
.seo-footer-section .seo-copyright {
  padding-top: calc(15px + 9 * (100vw - 320px) / 1600);
  border-top: 1px solid rgba(var(--title-color), 1);
  margin-top: calc(15px + 35 * (100vw - 320px) / 1600);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
  gap: 6px;
}
.seo-footer-section .seo-copyright p {
  color: rgba(var(--content-color), 1);
}
.seo-footer-section .seo-copyright ul li a {
  color: rgba(var(--title-color), 1);
}
.seo-footer-section .seo-copyright ul li + li {
  border-left: 2px solid rgba(var(--title-color), 1);
  margin-left: 12px;
  padding-left: 12px;
}
[dir=rtl] .seo-footer-section .seo-copyright ul li + li {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
  border-right: 2px solid rgba(var(--title-color), 1);
  margin-right: 12px;
  padding-right: 12px;
}

.startup-footer {
  background-color: rgba(var(--bg-color), 1);
}
.startup-footer h4 {
  color: rgba(var(--theme-color), 1);
  margin-block: calc(15px + 10 * (100vw - 320px) / 1600) calc(10px + 2 * (100vw - 320px) / 1600);
}
.startup-footer .footer-form {
  position: relative;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
}
.startup-footer .footer-form .form-control {
  background-color: rgba(var(--white), 1);
  color: rgba(var(--content-color), 1);
  padding: calc(8px + 7 * (100vw - 320px) / 1600) calc(16px + 4 * (100vw - 320px) / 1600);
  border: none;
  border-radius: 6px;
}
.startup-footer .footer-form input::placeholder {
  color: rgba(var(--content-color), 1);
}
.startup-footer .footer-form .btn-solid {
  color: #fff;
  padding: calc(2px + 6 * (100vw - 320px) / 1600) calc(25px + 5 * (100vw - 320px) / 1600);
  border-radius: 6px;
  position: absolute;
  margin-top: 0;
  top: 4px;
  right: 6px;
}
[dir=rtl] .startup-footer .footer-form .btn-solid {
  left: 6px;
  right: unset;
}
.startup-footer .footer-form .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.startup-footer .social-icon {
  display: flex;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  align-items: center;
}
.startup-footer .social-icon li a img {
  width: calc(28px + 7 * (100vw - 320px) / 1600);
  height: calc(28px + 7 * (100vw - 320px) / 1600);
  object-fit: cover;
}
.startup-footer .footer-title {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.startup-footer .footer-title img {
  width: calc(20px + 4 * (100vw - 320px) / 1600);
  height: auto;
  object-fit: contain;
}
.startup-footer .footer-title h3 {
  width: calc(100% - (10px + 5 * (100vw - 320px) / 1600) - (20px + 4 * (100vw - 320px) / 1600));
}
.startup-footer .footer-content {
  padding-left: calc(35px + 5 * (100vw - 320px) / 1600);
}
[dir=rtl] .startup-footer .footer-content {
  padding-left: 0;
  padding-right: calc(35px + 5 * (100vw - 320px) / 1600);
}
.startup-footer .footer-content li {
  display: block;
}
.startup-footer .footer-content li + li {
  padding-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
.startup-footer .footer-content li a {
  color: rgba(var(--content-color), 1);
}
.startup-footer .footer-content li:hover a {
  color: rgba(var(--title-color), 1);
}
.startup-footer .main-footer {
  border-bottom: 1px dashed rgba(var(--content-color), 0.4);
}
.startup-footer .startup-copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-block: calc(20px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 470px) {
  .startup-footer .startup-copyright {
    justify-content: center;
    text-align: center;
  }
}
.startup-footer .startup-copyright p {
  color: rgba(var(--content-color), 1);
}
.startup-footer .startup-copyright ul {
  display: flex;
  gap: 10px;
}
@media (max-width: 470px) {
  .startup-footer .startup-copyright ul {
    margin-top: 10px;
    justify-content: center;
  }
}
.startup-footer .startup-copyright ul li {
  color: rgba(var(--content-color), 1);
}
.startup-footer .startup-copyright ul li a {
  color: rgba(var(--content-color), 1);
}
.startup-footer .startup-copyright ul li + li {
  border-left: 1px solid rgba(var(--black), 1);
  padding-left: 10px;
}
[dir=rtl] .startup-footer .startup-copyright ul li + li {
  border-left: none;
  border-right: 1px solid rgba(var(--black), 1);
  padding-left: 0;
  padding-right: 10px;
}

.w-planner-footer {
  padding-top: calc(30px + 50 * (100vw - 320px) / 1600);
  color: #fff;
  position: relative;
  z-index: 0;
}
.w-planner-footer ~ .charity-footer {
  position: relative;
  inset: unset;
  z-index: 0;
}
.w-planner-footer::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(var(--theme-color), 0.75);
  z-index: -1;
}
.w-planner-footer p {
  margin: calc(15px + 15 * (100vw - 320px) / 1600) 0 calc(20px + 10 * (100vw - 320px) / 1600) 0;
  width: 95%;
}
@media (max-width: 767px) {
  .w-planner-footer p {
    width: 100%;
  }
}
.w-planner-footer .footer-title::after {
  color: #fff;
}
.w-planner-footer .footer-title img {
  width: calc(30px + 25 * (100vw - 320px) / 1600);
  height: auto;
  object-fit: contain;
}
.w-planner-footer .footer-title h4 {
  display: inline-block;
  margin-left: 7px;
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 430px) {
  .w-planner-footer .footer-title h4 {
    text-transform: capitalize;
  }
}
[dir=rtl] .w-planner-footer .footer-title h4 {
  margin-left: 0;
  margin-right: 7px;
}
.w-planner-footer .social-icon {
  display: flex;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  position: relative;
  width: max-content;
  padding-left: 50px;
}
.w-planner-footer .social-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  width: 36px;
  height: 1px;
  transform: translateY(-50%);
}
.w-planner-footer .social-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  width: 36px;
  height: 1px;
  transform: translateY(-50%);
  margin-right: -50px;
}
.w-planner-footer .social-icon li a {
  color: #fff;
}
.w-planner-footer .social-icon li a:hover i {
  transform: translateY(-3px);
}
.w-planner-footer .social-icon li a i {
  font-size: calc(22px + 6 * (100vw - 320px) / 1600);
  font-weight: 400;
  transition: 0.4s ease;
  display: inline-block;
}
.w-planner-footer ul {
  padding-left: calc(40px + 25 * (100vw - 320px) / 1600);
}
.w-planner-footer .footer-content li {
  display: block;
  font-size: 18px;
}
.w-planner-footer .footer-content li + li {
  padding-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
.w-planner-footer .footer-content li a {
  color: #fff;
}
.w-planner-footer .footer-content li a:hover {
  text-shadow: 0 0 15px #ffffff;
  letter-spacing: 1px;
}
.w-planner-footer .footer-img {
  position: relative;
  display: block;
}
.w-planner-footer .footer-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(var(--theme-color), 0.6);
  width: 100%;
  height: 100%;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: 0.4s ease;
}
.w-planner-footer .footer-img:hover::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.w-planner-footer .footer-copyright {
  border-top: 2px dashed rgba(255, 255, 255, 0.3);
  margin-top: calc(30px + 50 * (100vw - 320px) / 1600);
  padding: calc(10px + 20 * (100vw - 320px) / 1600) 0;
  text-align: center;
  position: relative;
  background-color: rgba(255, 255, 255, 0.06);
}
.w-planner-footer .footer-copyright h5 {
  font-weight: 400;
}

.design-footer-section .footer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding-bottom: 15px;
  margin-bottom: calc(15px + 25 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}
.design-footer-section .footer-header p {
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
}
@media (max-width: 400px) {
  .design-footer-section .footer-header p {
    margin-top: 10px;
  }
}
.design-footer-section .footer-title {
  color: rgba(var(--theme-color), 1);
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  text-transform: capitalize;
}
.design-footer-section .footer-title::before {
  content: "";
  position: relative;
  border-left: 2px solid rgba(var(--theme-color), 1);
  display: block;
  width: 2px;
  height: 16px;
}
.design-footer-section .footer-content {
  padding-inline: 12px 0;
}
.design-footer-section .footer-content p {
  color: #fff;
  font-weight: 400;
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
}
.design-footer-section .footer-content li {
  display: block;
}
.design-footer-section .footer-content li:hover a {
  color: rgba(var(--theme-color), 1);
  letter-spacing: 0.3px;
}
.design-footer-section .footer-content li + li {
  padding-top: calc(12px + 8 * (100vw - 320px) / 1600);
}
.design-footer-section .footer-content li a {
  color: #fff;
  transition: 0.4s ease;
}
.design-footer-section .footer-content li a[href^="tel:"], .design-footer-section .footer-content li a[href^="mailto:"] {
  color: #fff !important;
  letter-spacing: 0;
}
.design-footer-section .social-icon {
  display: flex;
  align-items: center;
  gap: calc(15px + 15 * (100vw - 320px) / 1600);
  padding-inline-start: 12px;
  padding-left: 0;
}
.design-footer-section .social-icon li + li {
  padding: 0;
}
.design-footer-section .social-icon li:hover a {
  transform: rotateY(360deg);
}
.design-footer-section .social-icon li a {
  color: rgba(255, 255, 255, 0.9);
  transition: 0.4s ease;
}
.design-footer-section .social-icon li a i {
  font-size: calc(20px + 5 * (100vw - 320px) / 1600);
}
.design-footer-section .design-copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin-top: calc(15px + 25 * (100vw - 320px) / 1600);
  padding-block: calc(15px + 10 * (100vw - 320px) / 1600);
}
.design-footer-section .design-copyright p {
  color: rgba(255, 255, 255, 0.6);
}

/*========================
  4.9 Service style start
==========================*/
.ad-service {
  position: relative;
  overflow: hidden;
}
.ad-service .swiper-wrapper {
  margin-top: calc(20px + 30 * (100vw - 320px) / 1600);
}
.ad-service .swiper-wrapper .swiper-slide {
  height: auto;
}
.ad-service .ad-service-slider {
  padding-inline: calc(27px + 233 * (100vw - 1430px) / 490);
}
@media (max-width: 1429px) {
  .ad-service .ad-service-slider {
    padding-inline: calc(52px + 15 * (100vw - 1399px) / 31);
  }
}
@media (max-width: 1399px) {
  .ad-service .ad-service-slider {
    padding-inline: calc(42px + 100 * (100vw - 1199px) / 200);
  }
}
@media (max-width: 1199px) {
  .ad-service .ad-service-slider {
    padding-inline: calc(29px + 108 * (100vw - 991px) / 208);
  }
}
@media (max-width: 991px) {
  .ad-service .ad-service-slider {
    padding-inline: calc(36px + 112 * (100vw - 767px) / 224);
  }
}
@media (max-width: 767px) {
  .ad-service .ad-service-slider {
    padding-inline: calc(33px + 94 * (100vw - 575px) / 192);
  }
}
@media (max-width: 575px) {
  .ad-service .ad-service-slider {
    padding-inline: 12px;
  }
}
.ad-service .title-style-2 {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}
.ad-service .title-style-2 h2 {
  width: 60%;
}
@media (max-width: 991px) {
  .ad-service .title-style-2 h2 {
    width: 90%;
  }
}
@media (max-width: 476px) {
  .ad-service .title-style-2 h2 {
    width: 100%;
  }
}
.ad-service .title-style-2 .swiper-flex {
  display: flex;
  align-items: center;
  gap: calc(14px + 16 * (100vw - 320px) / 1600);
  margin-top: calc(8px + 2 * (100vw - 320px) / 1600);
  z-index: 0;
}

.ad-service-box {
  padding: calc(20px + 20 * (100vw - 320px) / 1600) calc(20px + 20 * (100vw - 320px) / 1600) calc(15px + 19 * (100vw - 320px) / 1600);
  background: rgba(var(--white), 1);
  transition: 0.4s ease;
  height: 100%;
}
.ad-service-box:hover {
  background: rgba(var(--title-color), 1);
}
.ad-service-box:hover h4 {
  color: #fff;
}
.ad-service-box:hover p {
  color: #fff;
}
.ad-service-box:hover .box-img img {
  transform: rotateY(-360deg);
}
.ad-service-box .box-img {
  width: calc(60px + 23 * (100vw - 320px) / 1600);
  height: calc(60px + 23 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 1);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
}
.ad-service-box .box-img img {
  transition: 0.4s ease;
}
.ad-service-box h4 {
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
}
.ad-service-box h4::after {
  content: "";
  width: 70px;
  height: 3px;
  background: rgba(var(--theme-color), 1);
  position: relative;
  display: block;
  margin-top: calc(10px + 5 * (100vw - 320px) / 1600);
}
.ad-service-box p {
  margin: calc(12px + 13 * (100vw - 320px) / 1600) 0 calc(18px + 22 * (100vw - 320px) / 1600) 0;
  width: 90%;
  transition: 0.4s ease;
  color: rgba(var(--content-color), 1);
}
@media (max-width: 1741px) {
  .ad-service-box p {
    width: 100%;
  }
}
.ad-service-box h6 {
  color: rgba(var(--theme-color), 1);
  margin-right: 14px;
}
.ad-service-box h6::after {
  content: "";
  width: 20px;
  height: 20px;
}
.ad-service-box .triangle {
  position: relative;
  width: calc(100% - 34px - 14px);
  display: inline-block;
}
.ad-service-box .triangle::after {
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px dashed rgba(var(--theme-color), 0.5);
}
.ad-service-box .triangle::before {
  content: "";
  position: absolute;
  top: -11px;
  right: 0;
  width: 8px;
  height: 8px;
  background: rgba(var(--theme-color), 0.5);
  border-radius: 50%;
}
.ad-service-box .triangle span {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right: none;
  border-left: 10px solid rgba(var(--theme-color), 0.5);
  position: absolute;
  top: -11px;
  left: -2px;
}

@media (max-width: 767px) {
  .service-effect {
    opacity: 0.3;
  }
}
.service-effect .effect-3 {
  position: absolute;
  top: 15%;
  left: 38px;
  animation: round 30s linear infinite;
}
.service-effect .effect-4 {
  position: absolute;
  bottom: 12%;
  right: 35px;
  animation: zoom 5s infinite;
}

.charity-service {
  overflow: hidden;
}
.charity-service .service-list .service-item {
  display: flex;
  gap: 75px;
  position: relative;
}
.charity-service .service-list .service-item:hover .service-item-img img {
  filter: grayscale(1);
}
@media (max-width: 1199px) {
  .charity-service .service-list .service-item {
    gap: 40px;
  }
}
@media (max-width: 450px) {
  .charity-service .service-list .service-item {
    display: block;
    padding-bottom: 20px;
  }
  .charity-service .service-list .service-item:after, .charity-service .service-list .service-item:before {
    display: none;
  }
}
@media (max-width: 450px) {
  .charity-service .service-list .service-item:last-child {
    padding-bottom: 0;
  }
}
.charity-service .service-list .service-item:last-child .service-item-img {
  margin-bottom: 0;
}
.charity-service .service-list .service-item:last-child:after, .charity-service .service-list .service-item:last-child:before {
  display: none;
}
.charity-service .service-list .service-item .service-item-img {
  width: 163px;
  height: 197px;
  background: rgba(var(--white), 1);
  display: flex;
  justify-content: center;
  padding: 10px;
  box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.2);
  border-radius: 2px;
  margin-bottom: 50px;
}
@media (max-width: 1399px) {
  .charity-service .service-list .service-item .service-item-img {
    margin-bottom: 25px;
  }
}
@media (max-width: 1199px) {
  .charity-service .service-list .service-item .service-item-img {
    width: 145px;
    height: 156px;
  }
}
@media (max-width: 450px) {
  .charity-service .service-list .service-item .service-item-img {
    margin: 0 auto;
  }
}
.charity-service .service-list .service-item .service-item-img img {
  width: 100%;
  height: 85%;
  object-fit: cover;
  transition: 0.4s ease;
}
@media (max-width: 450px) {
  .charity-service .service-list .service-item .service-item-img img {
    height: 100%;
  }
}
.charity-service .service-list .service-item .service-item-content {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
  color: rgba(var(--title-color), 0.6);
  width: calc(100% - 163px - 75px);
  position: relative;
  padding-top: calc(14px + 8 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .charity-service .service-list .service-item .service-item-content {
    width: calc(100% - 145px - 40px);
  }
}
@media (max-width: 450px) {
  .charity-service .service-list .service-item .service-item-content {
    width: 100%;
    text-align: center;
  }
}
.charity-service .service-list .service-item .service-item-content::after {
  content: "";
  position: absolute;
  top: 35px;
  left: -18px;
  width: 10px;
  height: 1px;
  background-color: rgba(var(--title-color), 0.6);
}
[dir=rtl] .charity-service .service-list .service-item .service-item-content::after {
  left: unset;
  right: -18px;
}
.charity-service .service-list .service-item::after {
  content: "";
  position: absolute;
  bottom: 60px;
  left: 75px;
  width: 9px;
  height: 9px;
  background: rgba(var(--after-color), 1);
  border-radius: 50%;
}
[dir=rtl] .charity-service .service-list .service-item::after {
  left: unset;
  right: 75px;
}
@media (max-width: 1399px) {
  .charity-service .service-list .service-item::after {
    bottom: 32px;
  }
}
@media (max-width: 1199px) {
  .charity-service .service-list .service-item::after {
    left: 65px;
  }
  [dir=rtl] .charity-service .service-list .service-item::after {
    left: unset;
    right: 65px;
  }
}
.charity-service .service-list .service-item::before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 79px;
  width: 1px;
  height: 30%;
  background: rgba(var(--after-color), 1);
}
[dir=rtl] .charity-service .service-list .service-item::before {
  left: unset;
  right: 79px;
}
@media (max-width: 1399px) {
  .charity-service .service-list .service-item::before {
    bottom: -25px;
  }
}
@media (max-width: 1199px) {
  .charity-service .service-list .service-item::before {
    left: 69px;
  }
  [dir=rtl] .charity-service .service-list .service-item::before {
    left: unset;
    right: 69px;
  }
}
.charity-service .service-img {
  position: relative;
  margin-bottom: 16px;
  margin-right: 16px;
}
[dir=rtl] .charity-service .service-img {
  margin-right: 0;
  margin-left: 16px;
}
.charity-service .service-img::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(var(--title-color), 0.4);
}
[dir=rtl] .charity-service .service-img::before {
  left: unset;
  right: 16px;
}
.charity-service .service-img::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 0;
  border: 3px solid rgba(var(--white), 1);
  width: calc(100% - 15px);
  height: calc(100% - 15px);
  border-bottom: none;
  border-right: none;
}
[dir=rtl] .charity-service .service-img::after {
  left: 0;
  right: unset;
  border-right: 3px solid rgba(var(--white), 1);
  border-left: none;
}

.consultancy-service-section .service-bg {
  position: relative;
}
.consultancy-service-section .flex-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  gap: 8px;
}
.consultancy-service-section .flex-title h2 {
  width: 38%;
  color: rgb(255, 255, 255);
}
@media (max-width: 991px) {
  .consultancy-service-section .flex-title h2 {
    width: 100%;
  }
}
.consultancy-service-section .flex-title p {
  width: 47%;
  color: rgba(var(--content-color), 1);
}
@media (max-width: 991px) {
  .consultancy-service-section .flex-title p {
    width: 100%;
  }
}
.consultancy-service-section .service-main-box {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: calc(15px + 5 * (100vw - 320px) / 1600);
  border-radius: 6px;
  position: relative;
  margin-right: calc(0px + 80 * (100vw - 320px) / 1600);
}
[dir=rtl] .consultancy-service-section .service-main-box {
  margin-left: calc(0px + 80 * (100vw - 320px) / 1600);
  margin-right: 0;
}
@media (max-width: 1399px) {
  .consultancy-service-section .service-main-box {
    margin-right: 0;
  }
  [dir=rtl] .consultancy-service-section .service-main-box {
    margin-left: 0;
  }
}
.consultancy-service-section .service-main-box::after, .consultancy-service-section .service-main-box::before {
  content: "";
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  width: 1px;
  height: calc(100% - (30px + 10 * (100vw - 320px) / 1600));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .consultancy-service-section .service-main-box::after, .consultancy-service-section .service-main-box::before {
    display: none;
  }
}
.consultancy-service-section .service-main-box::before {
  width: calc(100% - (30px + 10 * (100vw - 320px) / 1600));
  height: 1px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.consultancy-service-section .service-main-box .service-box {
  border-radius: 6px;
  background-color: rgb(36, 44, 58);
  padding: calc(10px + 5 * (100vw - 320px) / 1600);
  height: 100%;
}
.consultancy-service-section .service-main-box .service-box:hover .service-content h5 {
  color: rgba(var(--theme-color), 1);
}
.consultancy-service-section .service-main-box .service-box .service-icon {
  width: calc(80px + 20 * (100vw - 320px) / 1600);
  height: calc(80px + 20 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .consultancy-service-section .service-main-box .service-box .service-icon {
    margin-inline: auto;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .consultancy-service-section .service-main-box .service-box .service-content {
    text-align: center;
  }
}
.consultancy-service-section .service-main-box .service-box .service-content h5 {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.4s ease;
}
.consultancy-service-section .service-main-box .service-box .service-content p {
  color: rgba(var(--content-color), 1);
  margin-top: calc(8px + 2 * (100vw - 320px) / 1600);
}
.consultancy-service-section .service-main-box .service-box .service-content .rise-btn {
  border-top-color: rgba(171, 172, 179, 0.6);
  padding-top: calc(10px + 5 * (100vw - 320px) / 1600);
  margin-top: calc(12px + 8 * (100vw - 320px) / 1600);
  color: #fff;
}
.consultancy-service-section .service-main-box .service-box .service-content .rise-btn img {
  filter: brightness(0) invert(1);
}

.w-service-planner {
  background-color: rgba(var(--bg-color), 1);
}
.w-service-planner .service-main {
  background: rgba(var(--white), 1);
  border: 1px solid rgba(var(--content-color), 1);
}
.w-service-planner .service-main .row > div:first-child .service-box {
  border-bottom: 1px solid rgba(var(--content-color), 1);
}
@media (max-width: 767px) {
  .w-service-planner .service-main .row > div:first-child .service-box {
    border: none !important;
  }
  [dir=rtl] .w-service-planner .service-main .row > div:first-child .service-box {
    border: none;
  }
}
.w-service-planner .service-main .row > div:nth-child(2) .service-box, .w-service-planner .service-main .row > div:nth-child(3) .service-box {
  border-left: 1px solid rgba(var(--content-color), 1);
  border-bottom: 1px solid rgba(var(--content-color), 1);
}
[dir=rtl] .w-service-planner .service-main .row > div:nth-child(2) .service-box, [dir=rtl] .w-service-planner .service-main .row > div:nth-child(3) .service-box {
  border-left: none;
  border-right: 1px solid rgba(var(--content-color), 1);
}
@media (max-width: 767px) {
  .w-service-planner .service-main .row > div:nth-child(2) .service-box, .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border: none;
  }
  [dir=rtl] .w-service-planner .service-main .row > div:nth-child(2) .service-box, [dir=rtl] .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border: none;
  }
}
@media (max-width: 991px) {
  .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border-left: none;
    border-right: 1px solid rgba(var(--content-color), 1);
  }
  [dir=rtl] .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border-left: 1px solid rgba(var(--content-color), 1);
    border-right: none;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border: none;
  }
  [dir=rtl] .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border: none;
  }
}
.w-service-planner .service-main .row > div:nth-child(5) .service-box, .w-service-planner .service-main .row > div:nth-child(6) .service-box {
  border-left: 1px solid rgba(var(--content-color), 1);
}
[dir=rtl] .w-service-planner .service-main .row > div:nth-child(5) .service-box, [dir=rtl] .w-service-planner .service-main .row > div:nth-child(6) .service-box {
  border-right: 1px solid rgba(var(--content-color), 1);
  border-left: none;
}
@media (max-width: 767px) {
  .w-service-planner .service-main .row > div:nth-child(5) .service-box, .w-service-planner .service-main .row > div:nth-child(6) .service-box {
    border: none;
  }
  [dir=rtl] .w-service-planner .service-main .row > div:nth-child(5) .service-box, [dir=rtl] .w-service-planner .service-main .row > div:nth-child(6) .service-box {
    border: none;
  }
}
@media (max-width: 991px) {
  .w-service-planner .service-main .row > div:nth-child(5) .service-box {
    border-left: none;
  }
  [dir=rtl] .w-service-planner .service-main .row > div:nth-child(5) .service-box {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .w-service-planner .service-main .row > div:nth-child(5) .service-box {
    border: none;
  }
  [dir=rtl] .w-service-planner .service-main .row > div:nth-child(5) .service-box {
    border: none;
  }
}
@media (max-width: 991px) {
  .w-service-planner .service-main .row > div:nth-child(6) .service-box {
    border-top: 1px solid rgba(var(--content-color), 1);
  }
}
@media (max-width: 767px) {
  .w-service-planner .service-main .row > div:nth-child(6) .service-box {
    border: none;
  }
  [dir=rtl] .w-service-planner .service-main .row > div:nth-child(6) .service-box {
    border: none;
  }
}
.w-service-planner .service-box {
  padding: calc(30px + 30 * (100vw - 320px) / 1600) calc(20px + 20 * (100vw - 320px) / 1600);
  text-align: center;
  position: relative;
  z-index: 0;
  height: 100%;
}
@media (max-width: 767px) {
  .w-service-planner .service-box {
    border-top: 1px solid rgba(var(--content-color), 1) !important;
  }
}
.w-service-planner .service-box .service-icon {
  position: relative;
  display: inline-block;
}
.w-service-planner .service-box .service-icon::after, .w-service-planner .service-box .service-icon::before {
  content: "";
  border-top: 1px solid rgba(var(--theme-color), 1);
  position: absolute;
  top: 50%;
  left: calc(-50px + -30 * (100vw - 320px) / 1600);
  width: calc(40px + 24 * (100vw - 320px) / 1600);
  height: 1px;
  transform: translateY(-50%);
  transition: 0.4s ease;
}
.w-service-planner .service-box .service-icon::before {
  right: calc(-50px + -30 * (100vw - 320px) / 1600);
  left: unset;
}
.w-service-planner .service-box .service-icon .theme-icon {
  width: calc(40px + 25 * (100vw - 320px) / 1600);
  height: calc(40px + 25 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.w-service-planner .service-box .service-content h5 {
  margin: calc(10px + 27 * (100vw - 320px) / 1600) 0 calc(2px + 10 * (100vw - 320px) / 1600) 0;
  text-transform: uppercase;
  color: rgba(var(--theme-color), 1);
  font-weight: 600;
  transition: 0.4s ease;
}
.w-service-planner .service-box .service-content p {
  color: rgba(var(--theme-color), 0.75);
  margin-bottom: 0;
  transition: 0.4s ease;
}
.w-service-planner .service-box .service-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  z-index: -1;
}
.w-service-planner .service-box .service-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--theme-color), 0.7);
}
.w-service-planner .service-box .service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.w-service-planner .service-box:hover .service-icon::after, .w-service-planner .service-box:hover .service-icon::before {
  border-color: #fff;
}
.w-service-planner .service-box:hover .service-icon .theme-icon {
  filter: invert(1) brightness(100);
}
.w-service-planner .service-box:hover .service-content h5 {
  color: #fff;
}
.w-service-planner .service-box:hover .service-content p {
  color: rgba(var(--white), 0.7);
}
.w-service-planner .service-box:hover .service-img {
  opacity: 1;
  visibility: visible;
}

.box-line {
  position: absolute;
  top: calc(12px + 10 * (100vw - 320px) / 1600);
  right: calc(12px + 10 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
[dir=rtl] .box-line {
  left: calc(12px + 10 * (100vw - 320px) / 1600);
  right: unset;
}

.seo-service-section {
  background: rgba(var(--bg-color), 1);
  border-top: 1px solid rgba(var(--title-color), 0.5);
  border-bottom: 1px solid rgba(var(--title-color), 0.5);
}
.seo-service-section .service-box {
  border: 1px solid rgba(var(--title-color), 1);
  background: rgba(var(--white), 1);
  position: relative;
  height: 100%;
  padding: calc(20px + 15 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.seo-service-section .service-box::after, .seo-service-section .service-box::before {
  content: "";
  position: absolute;
  bottom: 7px;
  right: 0;
  width: calc(5px + 3 * (100vw - 320px) / 1600);
  height: calc(100% - 14px);
  background: rgba(var(--title-color), 1);
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}
[dir=rtl] .seo-service-section .service-box::after, [dir=rtl] .seo-service-section .service-box::before {
  left: 0;
  right: unset;
}
.seo-service-section .service-box::before {
  bottom: 0;
  left: 7px;
  height: calc(5px + 3 * (100vw - 320px) / 1600);
  width: calc(100% - 14px);
}
.seo-service-section .service-box .service-icon-main {
  display: flex;
  align-items: center;
  gap: calc(15px + 5 * (100vw - 320px) / 1600);
}
.seo-service-section .service-box .service-icon-main .service-icon {
  width: calc(50px + 26 * (100vw - 320px) / 1600);
  height: calc(50px + 26 * (100vw - 320px) / 1600);
  background: #f1f1f1;
  border: 1px solid rgb(13, 35, 69);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  transition: 0.4s ease;
}
.seo-service-section .service-box .service-icon-main .service-icon::after {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  background: #f1f1f1;
  border: 1px solid rgb(13, 35, 69);
  border-radius: 100%;
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: -1;
  transition: 0.4s ease;
}
.seo-service-section .service-box .service-icon-main .service-icon svg {
  width: calc(25px + 20 * (100vw - 320px) / 1600);
  height: calc(25px + 20 * (100vw - 320px) / 1600);
  fill: transparent;
  stroke: rgb(13, 35, 69);
  transition: 0.4s ease;
}
.seo-service-section .service-box .service-icon-main .box-line {
  transition: 0.4s ease;
}
.seo-service-section .service-box .service-icon-main h5 {
  color: rgba(var(--title-color), 1);
  text-transform: uppercase;
  width: calc(100% - (50px + 26 * (100vw - 320px) / 1600) - (15px + 5 * (100vw - 320px) / 1600));
  transition: 0.4s ease;
  font-weight: 500;
}
.seo-service-section .service-box .service-icon-main h5::after {
  content: "";
  position: relative;
  width: 51px;
  height: 1px;
  background: rgba(var(--title-color), 1);
  display: block;
  margin-top: 8px;
  transition: 0.4s ease;
}
.seo-service-section .service-box p {
  color: rgba(var(--content-color), 1);
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
  line-height: 1.6;
}
.seo-service-section .service-box:hover {
  background: rgba(var(--theme-color), 1);
}
.seo-service-section .service-box:hover .box-line {
  filter: invert(1) !important;
}
.seo-service-section .service-box:hover::after {
  right: calc(-5px + -3 * (100vw - 320px) / 1600);
  opacity: 1;
  visibility: visible;
}
[dir=rtl] .seo-service-section .service-box:hover::after {
  right: unset;
  left: calc(-5px + -3 * (100vw - 320px) / 1600);
}
.seo-service-section .service-box:hover::before {
  bottom: calc(-5px + -3 * (100vw - 320px) / 1600);
  opacity: 1;
  visibility: visible;
}
.seo-service-section .service-box:hover .service-icon-main .service-icon {
  background: transparent;
}
.seo-service-section .service-box:hover .service-icon-main .service-icon::after {
  background: rgba(var(--title-color), 1);
}
.seo-service-section .service-box:hover .service-icon-main .service-icon svg {
  fill: rgba(var(--white), 1);
  stroke: rgba(var(--white), 1);
}
.seo-service-section .service-box:hover h5::after {
  background: #0e0d0d;
}
.seo-service-section .service-box:hover p,
.seo-service-section .service-box:hover h5 {
  color: #0e0d0d;
}

.startup-service .title-style-6 h2 {
  width: 35%;
  margin: auto;
}
@media (max-width: 1199px) {
  .startup-service .title-style-6 h2 {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .startup-service .title-style-6 h2 {
    width: 100%;
  }
}
.startup-service .service-box {
  background: rgba(var(--white), 0.96);
  border: 2px solid rgba(var(--border-color), 1);
  box-shadow: 4px 4px 40px 0.5px rgba(var(--title-color), 0.04);
  padding: calc(18px + 4 * (100vw - 320px) / 1600);
  border-radius: 10px;
  position: relative;
  transition: 0.4s ease;
  height: 100%;
  z-index: 0;
  margin-left: 40px;
}
@media (max-width: 575px) {
  .startup-service .service-box {
    margin-left: 0;
  }
}
.startup-service .service-box::after {
  content: url(../svg/startup/particle.svg);
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  z-index: -1;
}
[dir=rtl] .startup-service .service-box::after {
  left: 0;
  right: unset;
}
.startup-service .service-box .service-icon-main {
  display: flex;
  align-items: center;
  gap: 14px;
}
.startup-service .service-box .service-icon {
  width: 70px;
  height: 70px;
  background: #f3fbfb;
  display: flex;
  align-items: center;
  border-radius: 100%;
  justify-content: center;
  position: relative;
  transition: 0.4s ease;
  padding: 12px;
  margin-left: calc(-40px + -10 * (100vw - 320px) / 1600);
}
[dir=rtl] .startup-service .service-box .service-icon {
  margin-left: 0;
  margin-right: calc(-40px + -10 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .startup-service .service-box .service-icon {
    margin-left: 0;
  }
  [dir=rtl] .startup-service .service-box .service-icon {
    margin-right: 0;
  }
}
.startup-service .service-box .service-icon::after {
  content: url(../svg/startup/box-shadow.svg);
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  filter: opacity(0.3);
}
.startup-service .service-box .service-title {
  width: calc(100% - 70px - 14px + 40px + 10 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .startup-service .service-box .service-title {
    width: calc(100% - 70px - 14px);
  }
}
.startup-service .service-box .service-title h5 {
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
}
.startup-service .service-box .service-title h6 {
  color: rgba(var(--content-color), 1);
  transition: 0.4s ease;
}
.startup-service .service-box p {
  color: rgba(var(--content-color), 1);
  margin-top: calc(10px + 20 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.startup-service .service-box .rise-btn {
  padding: 0;
  margin-top: calc(30px + 5 * (100vw - 320px) / 1600);
  position: relative;
  transition: 0.4s ease;
  border-top: none;
  color: rgba(var(--theme-color), 1);
  font-size: 16px;
}
.startup-service .service-box .rise-btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  width: 25px;
  height: 25px;
  background-color: rgba(var(--theme-color), 0.1);
  border-radius: 100%;
  transition: 0.4s ease;
}
[dir=rtl] .startup-service .service-box .rise-btn::after {
  left: 15px;
  right: unset;
}
.startup-service .service-box .rise-btn svg {
  width: 26px;
  height: 26px;
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
[dir=rtl] .startup-service .service-box .rise-btn svg {
  transform: scale(-1);
  stroke: rgba(var(--white), 1);
}
.startup-service .service-box:hover {
  background: rgba(var(--theme-color), 1);
  border-color: transparent;
  box-shadow: none;
}
.startup-service .service-box:hover::after {
  opacity: 1;
  visibility: visible;
}
.startup-service .service-box:hover .service-icon {
  background: rgba(var(--white), 1);
}
.startup-service .service-box:hover .service-icon::after {
  visibility: visible;
  opacity: 1;
}
.startup-service .service-box:hover .service-title h6,
.startup-service .service-box:hover .service-title h5 {
  color: #fff;
}
.startup-service .service-box:hover p {
  color: #fff;
}
.startup-service .service-box:hover .rise-btn {
  color: #fff;
  border-top: none;
}
.startup-service .service-box:hover .rise-btn::after {
  background: rgba(255, 255, 255, 0.3);
}
.startup-service .service-box:hover .rise-btn svg {
  fill: #fff;
  stroke: #fff;
}

.design-service-section .container .row > div:nth-child(n+5) .service-box {
  margin-bottom: calc(-20px + -10 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .design-service-section .container .row > div:nth-child(n+5) .service-box {
    margin-bottom: 0;
  }
}
.design-service-section .title-style-8 h2 {
  width: 40%;
}
@media (max-width: 1399px) {
  .design-service-section .title-style-8 h2 {
    width: 60%;
  }
}
@media (max-width: 991px) {
  .design-service-section .title-style-8 h2 {
    width: 100%;
  }
}
.design-service-section .service-box {
  padding: calc(20px + 10 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
@media (max-width: 767px) {
  .design-service-section .service-box {
    text-align: center;
    background: linear-gradient(0deg, rgba(var(--theme-color), 0.2), rgba(var(--content-color), 0.1));
  }
}
.design-service-section .service-box .service-icon {
  width: calc(70px + 15 * (100vw - 320px) / 1600);
  height: calc(70px + 15 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 100%;
  margin-bottom: calc(12px + 18 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
@media (max-width: 767px) {
  .design-service-section .service-box .service-icon {
    margin-inline: auto;
  }
}
.design-service-section .service-box .service-icon img {
  width: calc(36px + 9 * (100vw - 320px) / 1600);
  height: calc(36px + 9 * (100vw - 320px) / 1600);
}
.design-service-section .service-box .service-content h3 {
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
}
.design-service-section .service-box .service-content h3::after {
  content: "";
  position: relative;
  width: 40px;
  height: 2px;
  background: rgba(var(--title-color), 1);
  display: block;
  margin-top: calc(4px + 4 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
@media (max-width: 767px) {
  .design-service-section .service-box .service-content h3::after {
    margin-inline: auto;
  }
}
.design-service-section .service-box .service-content p {
  color: rgba(var(--content-color), 1);
  padding-top: calc(8px + 7 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.design-service-section .service-box:hover {
  background: rgba(var(--theme-color), 1);
}
.design-service-section .service-box:hover .service-icon {
  background: rgba(255, 255, 255, 0.15);
}
.design-service-section .service-box:hover .service-icon img {
  filter: brightness(0) invert(1);
}
.design-service-section .service-box:hover .service-content h3 {
  color: #fff;
}
.design-service-section .service-box:hover .service-content h3::after {
  background: #fff;
}
.design-service-section .service-box:hover p {
  color: #fff;
}

.portfolio-service-section {
  background: rgba(var(--bg-color), 0.05);
}
body.dark .portfolio-service-section {
  background-color: rgba(var(--bg-color), 1);
}
.portfolio-service-section.about-page-service {
  background: rgba(var(--bg-color), 1);
}
.portfolio-service-section.about-page-service .title-style-8 h2 {
  width: 40%;
}
@media (max-width: 991px) {
  .portfolio-service-section.about-page-service .title-style-8 h2 {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .portfolio-service-section.about-page-service .title-style-8 h2 {
    width: 100%;
  }
}
.portfolio-service-section.about-page-service .service-box {
  height: 100%;
}
.portfolio-service-section.about-page-service .service-box:hover .service-icon img {
  filter: brightness(0) invert(1);
}
.portfolio-service-section.about-page-service .service-box:hover .service-info h5::before {
  background: #fff;
}
.portfolio-service-section.about-page-service .service-box .service-info {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  line-height: 1.4;
}
.portfolio-service-section.about-page-service .service-box .service-icon img {
  filter: brightness(0) invert(65%) sepia(60%) saturate(5633%) hue-rotate(330deg) contrast(94%);
  transition: none;
}
.portfolio-service-section.about-page-service .service-box::after {
  background: rgba(var(--theme-color), 1);
}
.portfolio-service-section .title-style-10 h2 {
  width: 50%;
  margin-top: calc(-6px + -4 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .portfolio-service-section .title-style-10 h2 {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .portfolio-service-section .title-style-10 h2 {
    width: 100%;
  }
}
.portfolio-service-section .title-style-10 p {
  width: 65%;
}
@media (max-width: 991px) {
  .portfolio-service-section .title-style-10 p {
    width: 100%;
  }
}
.portfolio-service-section .service-box {
  text-align: center;
  padding: calc(15px + 10 * (100vw - 320px) / 1600);
  position: relative;
  background: rgba(var(--white), 1);
  z-index: 0;
  height: 100%;
}
.portfolio-service-section .service-box::after {
  content: "";
  position: absolute;
  background: url(../images/portfolio/bg-effect/service-bg.png);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.portfolio-service-section .service-box:hover::after {
  opacity: 1;
  visibility: visible;
}
.portfolio-service-section .service-box:hover .service-icon {
  background: rgba(255, 255, 255, 0.15);
}
.portfolio-service-section .service-box:hover .service-info h5 {
  color: #fff;
}
.portfolio-service-section .service-box:hover .service-info p {
  color: #fff;
}
.portfolio-service-section .service-box .service-icon {
  width: calc(70px + 17 * (100vw - 320px) / 1600);
  height: calc(70px + 17 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 0.1);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  transition: 0.4s ease;
}
.portfolio-service-section .service-box .service-icon img {
  width: calc(30px + 15 * (100vw - 320px) / 1600);
  height: calc(30px + 15 * (100vw - 320px) / 1600);
}
.portfolio-service-section .service-box .service-info h5 {
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
}
.portfolio-service-section .service-box .service-info h5::before {
  content: "";
  position: relative;
  width: 40px;
  height: 3px;
  background: rgba(var(--theme-color), 1);
  display: block;
  margin-inline: auto;
  margin-block: calc(15px + 10 * (100vw - 320px) / 1600) calc(10px + 2 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.portfolio-service-section .service-box .service-info p {
  color: rgba(var(--title-color), 0.5);
  padding-top: 8px;
  transition: 0.4s ease;
  margin-bottom: 0;
}

.digital-service-section .digital-service-slider {
  padding-bottom: 6px;
  padding-right: 6px;
}
[dir=rtl] .digital-service-section .digital-service-slider {
  padding-right: 0;
  padding-left: 6px;
}
.digital-service-section .service-main {
  position: relative;
}
.digital-service-section .service-main .service-main-box {
  margin-top: 20px;
}
.digital-service-section .service-main::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 100%;
  height: 100%;
  background: linear-gradient(128deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  z-index: -2;
  clip-path: polygon(0 0, 100% 0, 100% 79%, 100% 100%, 0 100%, 0 80%);
}
[dir=rtl] .digital-service-section .service-main::before {
  left: unset;
  right: 6px;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 18% 100%, 0 80%);
  background: linear-gradient(-128deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
}
.digital-service-section .service-main:hover {
  opacity: 1;
  visibility: visible;
}
.digital-service-section .service-main:hover::after {
  opacity: 1;
  visibility: visible;
}
.digital-service-section .service-main:hover::before {
  opacity: 1;
  visibility: visible;
  clip-path: polygon(0 0, 100% 0, 100% 82%, 72% 104%, 0 100%, 0% 50%);
}
[dir=rtl] .digital-service-section .service-main:hover::before {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 18% 100%, 0 80%);
}
.digital-service-section .service-main:hover .service-box {
  background-color: #141802;
  clip-path: polygon(0 0, 100% 0, 100% 82%, 72% 104%, 0 100%, 0% 50%);
  border-color: rgba(var(--white), 1);
  background-image: url(../images/digital_agency/bg-effect/service-bg.png);
}
[dir=rtl] .digital-service-section .service-main:hover .service-box {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 18% 100%, 0 80%);
}
.digital-service-section .service-main:hover .service-box::after {
  opacity: 1;
  visibility: visible;
}
.digital-service-section .service-main:hover .service-box::before {
  opacity: 1;
  visibility: visible;
}
.digital-service-section .service-main:hover .service-box .service-header {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.15);
}
.digital-service-section .service-main:hover .service-box .service-header h5 {
  background: linear-gradient(to right, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.digital-service-section .service-main:hover .service-box .service-body {
  background: transparent;
}
.digital-service-section .service-main:hover .service-box .service-body p {
  color: rgba(255, 255, 255, 0.8);
}
.digital-service-section .service-main .service-box {
  text-align: center;
  transition: 0.4s ease;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 79%, 100% 100%, 0 100%, 0 80%);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  border: 1px solid rgba(var(--border-color), 1);
}
.digital-service-section .service-main .service-box .service-header {
  padding-block: 35px calc(25px + 10 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
  border-bottom: 1px solid transparent;
  transition: 0.4s ease;
  position: relative;
  z-index: 0;
}
.digital-service-section .service-main .service-box .service-header::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  width: 1px;
  height: 40px;
  background: linear-gradient(to left, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  transform: translateX(-50%);
}
.digital-service-section .service-main .service-box .service-header::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 50%;
  width: 6px;
  height: 6px;
  background: linear-gradient(to left, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  transform: translateX(-50%);
  border-radius: 100%;
}
[dir=rtl] .digital-service-section .service-main .service-box .service-header::before {
  background: linear-gradient(to right, rgba(var(--theme-color), 1), rgba(var(--theme-color-1), 1));
  left: unset;
  right: 50%;
  transform: translateX(50%);
}
.digital-service-section .service-main .service-box .service-header h5 {
  color: rgba(var(--title-color), 1);
  text-transform: uppercase;
  transition: all 0.4s ease;
  font-weight: 500;
}
.digital-service-section .service-main .service-box .service-body {
  padding: calc(20px + 20 * (100vw - 320px) / 1600) calc(25px + 5 * (100vw - 320px) / 1600);
  background: rgba(var(--white), 1);
}
.digital-service-section .service-main .service-box .service-body .service-icon img {
  width: calc(50px + 20 * (100vw - 320px) / 1600);
  height: calc(50px + 20 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.digital-service-section .service-main .service-box .service-body p {
  color: rgba(var(--content-color), 1);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  transition: 0.4s ease;
}
.digital-service-section .service-main .service-box .service-body p::before {
  content: "";
  position: relative;
  width: 57px;
  height: 2px;
  background: linear-gradient(166deg, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color-1), 1) 100%);
  margin: calc(20px + 20 * (100vw - 320px) / 1600) auto calc(8px + 2 * (100vw - 320px) / 1600) auto;
  display: block;
}

/*========================
  4.10 Portfolio style start
==========================*/
.w-portfolio-planner .portfolio-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
}
.w-portfolio-planner .portfolio-item > div:first-child, .w-portfolio-planner .portfolio-item > div:last-child {
  display: flex;
  flex-direction: column;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .w-portfolio-planner .portfolio-item {
    grid-template-columns: 1fr 1fr;
  }
  .w-portfolio-planner .portfolio-item > div:first-child {
    order: 1;
    grid-column: span 2;
    flex-direction: row;
    gap: calc(5px + 5 * (100vw - 320px) / 1600);
  }
}
@media (max-width: 991px) and (max-width: 575px) {
  .w-portfolio-planner .portfolio-item > div:first-child {
    flex-direction: column;
    order: 0;
  }
}
@media (max-width: 575px) {
  .w-portfolio-planner .portfolio-item {
    grid-template-columns: 1fr !important;
  }
  .w-portfolio-planner .portfolio-item > div {
    grid-column: span 1 !important;
  }
}
.w-portfolio-planner .portfolio-box {
  position: relative;
}
.w-portfolio-planner .portfolio-box:hover .portfolio-info {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
@media (max-width: 575px) {
  .w-portfolio-planner .portfolio-box .portfolio-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
}
.w-portfolio-planner .portfolio-box .portfolio-info {
  position: absolute;
  top: calc(4px + 26 * (100vw - 320px) / 1600);
  left: calc(4px + 26 * (100vw - 320px) / 1600);
  width: calc(100% - (8px + 52 * (100vw - 320px) / 1600));
  height: calc(100% - (8px + 52 * (100vw - 320px) / 1600));
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--white), 0.8);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  transform: scale(0);
}
@media (max-width: 991px) {
  .w-portfolio-planner .portfolio-box .portfolio-info {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
}
.w-portfolio-planner .portfolio-box .portfolio-info h4 {
  margin-top: calc(5px + 10 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 1);
}
.w-portfolio-planner .portfolio-box .portfolio-info h5 {
  margin: calc(4px + 2 * (100vw - 320px) / 1600) 0 calc(5px + 10 * (100vw - 320px) / 1600) 0;
  color: rgba(var(--theme-color), 0.75);
}

/*========================
  4.11 Newsletter style start
==========================*/
@media (max-width: 1199px) {
  .portfolio-newsletter-section {
    padding-top: 0;
  }
}
.portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box {
  position: relative;
  padding-block: calc(30px + 24 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-inline: 12px;
}
@media (max-width: 1199px) {
  .portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box {
    justify-content: center;
    text-align: center;
    padding: calc(16px + 14 * (100vw - 320px) / 879);
  }
}
.portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box .newsletter-img {
  position: absolute;
  bottom: 0;
  left: 195px;
}
[dir=rtl] .portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box .newsletter-img {
  left: unset;
  right: 195px;
  transform: scaleX(-1);
}
@media (max-width: 1399px) and (min-width: 1199px) {
  .portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box .newsletter-img {
    left: -40px;
  }
  .portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box .newsletter-img img {
    width: 80%;
  }
  [dir=rtl] .portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box .newsletter-img {
    left: unset;
    right: -40px;
  }
}
@media (max-width: 1199px) {
  .portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box .newsletter-img {
    display: none;
  }
}
.portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box h3 {
  color: #fff;
  margin-top: calc(-2px + -3 * (100vw - 320px) / 1600);
  width: 80%;
  font-family: var(--poppins);
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box h3 {
    width: 100%;
  }
}
.portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box p {
  color: #fff;
  margin-block: 6px calc(20px + 10 * (100vw - 320px) / 1600);
  width: 72%;
}
@media (max-width: 1199px) {
  .portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box p {
    width: 100%;
  }
}
.portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box .cv-button {
  color: rgba(var(--theme-color), 1);
  background: #fff;
}
.portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box .cv-button::after {
  border-color: #fff;
}
.portfolio-newsletter-section .portfolio-newsletter-main .newsletter-box .cv-button::before {
  border-color: #fff;
}

.startup-newsletter {
  text-align: center;
  padding-block: calc(20px + 20 * (100vw - 320px) / 1600);
}
.startup-newsletter h2 {
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  margin-top: calc(-5px + -5 * (100vw - 320px) / 1600);
}
.startup-newsletter p {
  color: #fff;
  padding: calc(5px + 5 * (100vw - 320px) / 1600) 0 calc(20px + 10 * (100vw - 320px) / 1600) 0;
  margin-bottom: 0;
  font-size: calc(16px + 8 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.startup-newsletter .btn-solid {
  color: rgba(var(--theme-color), 1);
  padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(16px + 6 * (100vw - 320px) / 1600);
  border-radius: 6px;
  margin-top: 0;
  gap: 8px;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  align-items: center;
}
.startup-newsletter .btn-solid svg {
  width: 26px;
  height: 26px;
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
[dir=rtl] .startup-newsletter .btn-solid svg {
  transform: scaleX(-1);
}
.startup-newsletter .btn-solid::after, .startup-newsletter .btn-solid::before {
  background: #fff;
}
.startup-newsletter .btn-solid:hover {
  color: #fff;
  border-color: #fff;
}
.startup-newsletter .btn-solid:hover svg {
  fill: #fff;
  stroke: #fff;
}

/* Components */
/**=====================
  5.1 Button style Start
==========================**/
.outline-btn {
  color: rgba(var(--theme-color), 1);
  border-top: 1px solid rgba(var(--theme-color), 1);
  border-bottom: 1px solid rgba(var(--theme-color), 1);
  padding: calc(8px + 2 * (100vw - 320px) / 1600) 0;
  font-weight: 600;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  line-height: 1.2;
  text-transform: uppercase;
}
.outline-btn:hover {
  text-shadow: 0 0 0 rgba(var(--theme-color), 1);
}

.arrow-btn {
  font-weight: 600;
  font-size: calc(16px + 6 * (100vw - 320px) / 1600);
  line-height: 1;
  color: #fff;
  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);
  display: inline-flex;
  text-transform: uppercase;
  margin-left: 15px;
  align-items: center;
}
[dir=rtl] .arrow-btn {
  margin-right: 15px;
  margin-left: 0;
}
.arrow-btn .icon {
  position: relative;
  display: inline-block;
  z-index: 0;
  margin-right: calc(10px + 5 * (100vw - 320px) / 1600);
  transition: all 0.4s ease;
}
[dir=rtl] .arrow-btn .icon {
  margin-right: unset;
  margin-left: calc(10px + 5 * (100vw - 320px) / 1600);
}
.arrow-btn .icon img {
  width: calc(30px + 10 * (100vw - 320px) / 1600);
  height: calc(30px + 10 * (100vw - 320px) / 1600);
  background-color: rgba(var(--theme-color), 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 6px;
  transition: all 0.4s ease;
}
[dir=rtl] .arrow-btn .icon img {
  transform: scaleX(-1);
}
.arrow-btn .icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-8px + -7 * (100vw - 320px) / 1600);
  width: calc(30px + 10 * (100vw - 320px) / 1600);
  height: calc(30px + 10 * (100vw - 320px) / 1600);
  border: 1px solid #fff;
  border-radius: 50%;
  z-index: -1;
  transition: all 0.4s ease;
}
[dir=rtl] .arrow-btn .icon::after {
  left: unset;
  right: calc(-8px + -7 * (100vw - 320px) / 1600);
}
.arrow-btn.black-btn {
  color: rgba(var(--title-color), 1);
}
.arrow-btn.black-btn img {
  background-color: rgb(51, 51, 51);
}
.arrow-btn.black-btn .icon::after {
  border-color: rgba(var(--title-color), 1);
}
.arrow-btn:hover .icon {
  transform: translateX(calc(6px + 6 * (100vw - 320px) / 1600));
}
[dir=rtl] .arrow-btn:hover .icon {
  transform: translateX(calc(-6px + -6 * (100vw - 320px) / 1600));
}
.arrow-btn:hover .icon img {
  transform: rotate(50deg);
}
[dir=rtl] .arrow-btn:hover .icon img {
  transform: scaleX(-1) rotate(50deg);
}
.arrow-btn:hover .icon::after {
  transform: translateX(calc(8px + 7 * (100vw - 320px) / 1600));
}
[dir=rtl] .arrow-btn:hover .icon::after {
  transform: translateX(calc(-8px + -7 * (100vw - 320px) / 1600));
}

.btn-solid {
  color: #fff;
  border: 1px solid rgba(var(--theme-color), 1);
  font-weight: 600;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(30px + 32 * (100vw - 320px) / 1600);
  margin-top: 15px;
  display: inline-flex;
  transition: 0.4s ease;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.btn-solid::after {
  content: "";
  position: absolute;
  background-color: rgba(var(--theme-color), 1);
  width: 60%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: 0.5s ease;
}
.btn-solid::before {
  content: "";
  position: absolute;
  background-color: rgba(var(--theme-color), 1);
  width: 60%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease;
}
.btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.btn-solid:hover::after {
  left: -70%;
}
.btn-solid:hover::before {
  right: -70%;
}

.btn-border {
  background-color: rgba(var(--theme-color), 1);
  color: #fff;
  padding: calc(10px + 3 * (100vw - 320px) / 1600) calc(25px + 15 * (100vw - 320px) / 1600);
  font-weight: 600;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  line-height: 1.3;
  display: inline-flex;
  position: relative;
  z-index: 0;
}
@media (max-width: 1199px) {
  .btn-border {
    margin-left: 0;
  }
}
.btn-border::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  width: 100%;
  height: 2px;
  transition: 0.4s ease;
  z-index: -1;
}
.btn-border:hover {
  color: #000;
}
.btn-border:hover::after {
  height: 100%;
}

.btn-borders {
  color: rgba(var(--theme-color), 1);
  border: 1px solid rgba(var(--theme-color), 1);
  padding: calc(8px + 5 * (100vw - 320px) / 1600) calc(22px + 20 * (100vw - 320px) / 1600);
  display: inline-flex;
  font-weight: 400;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  line-height: 1.4;
  margin-top: calc(16px + 24 * (100vw - 320px) / 1600);
  position: relative;
  overflow: hidden;
  transition: 0.4s ease;
  z-index: 0;
}
.btn-borders::before {
  content: "";
  background: rgba(var(--theme-color), 1);
  color: rgba(var(--white), 1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: 0.4s ease;
  width: 100%;
  height: 0%;
}
.btn-borders:hover {
  color: #fff;
}
.btn-borders:hover::before {
  height: 100%;
}

.double-border {
  font-weight: 500;
  font-size: calc(15px + 5 * (100vw - 320px) / 1600);
  line-height: 2.4;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  color: rgba(var(--theme-color), 1);
  padding: 0 8px;
  border: 1px solid rgba(var(--theme-color), 1);
  display: inline-block;
}
@media (max-width: 1199px) {
  .double-border {
    padding: 3px 5px;
  }
}
.double-border span {
  border-inline: 1px solid rgba(var(--theme-color), 1);
  padding: 12px calc(15px + 20 * (100vw - 320px) / 1600);
  position: relative;
}
.double-border span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
  z-index: -1;
  transform: scale(0);
}
.double-border:hover {
  color: rgba(var(--white), 1);
}
.double-border:hover span::after {
  transform: scale(1);
}

.rise-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px dashed rgba(var(--border-color), 0.6);
  padding-top: calc(15px + 9 * (100vw - 320px) / 1600);
  margin-top: calc(15px + 20 * (100vw - 320px) / 1600);
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.1;
  color: rgba(var(--title-color), 1);
}
.rise-btn img {
  filter: invert(0.5);
  transition: 0.4s ease;
}
[dir=rtl] .rise-btn img {
  transform: scale(-1);
}

.more-btn {
  color: rgba(var(--theme-color), 1);
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 12px;
}
[dir=rtl] .more-btn img {
  transform: scale(-1);
}

.cv-button {
  padding: 10px calc(32px + 3 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
  background: rgba(var(--theme-color), 1);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
  position: relative;
  transition: 0.4s ease;
}
.cv-button::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  border: 2px solid rgba(var(--theme-color), 1);
  width: 0;
  height: 0;
  border-top: none;
  transition: 0.4s ease;
  z-index: -1;
}
.cv-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  border: 2px solid rgba(var(--theme-color), 1);
  width: 0;
  height: 0;
  border-bottom: none;
  transition: 0.4s ease;
  z-index: -1;
  opacity: 0;
}
.cv-button:hover {
  z-index: 0;
}
.cv-button:hover::after {
  width: calc(100% + 6px);
  height: 100%;
}
.cv-button:hover::before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.theme-btn {
  color: rgba(var(--theme-color), 1);
  padding: 15px 5px;
  background: rgba(var(--theme-color), 0.1);
  writing-mode: vertical-lr;
  transform: scale(-1);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
}
@media (max-width: 991px) {
  .theme-btn {
    writing-mode: horizontal-tb;
    transform: scale(1);
    padding: 5px 15px;
  }
}

.simple-btn {
  color: rgba(var(--theme-color), 1);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  padding: calc(10px + 3 * (100vw - 320px) / 1600) calc(30px + 22 * (100vw - 320px) / 1600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s ease;
  position: absolute;
  bottom: -27px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.simple-btn svg {
  width: 0;
  height: 0;
  fill: #fff;
  stroke: #fff;
  transition: 0.4s ease;
}

.book-button {
  color: rgba(var(--white), 1);
  background: rgba(var(--theme-color), 1);
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
  position: relative;
}
body.dark .book-button {
  color: #4d3f52;
}
.book-button:hover::after {
  bottom: -4px;
  right: -4px;
}
.book-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border: 1px solid rgba(var(--theme-color), 1);
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(var(--theme-color), 0.1);
  transition: 0.4s ease;
}

.shopping-btn {
  background: rgba(var(--content-color), 0.1);
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: rgba(var(--title-color), 1);
  font-size: 18px;
  outline: none;
  border: none;
  text-transform: capitalize;
  font-weight: 600;
}
.shopping-btn i {
  font-size: 18px;
}

.play-btn {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: calc(30px + 50 * (100vw - 320px) / 1600);
  height: calc(30px + 50 * (100vw - 320px) / 1600);
  border-radius: 50%;
  background: rgba(var(--theme-color), 1);
  border-radius: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.play-btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: calc(35px + 55 * (100vw - 320px) / 1600);
  height: calc(35px + 55 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 0.6);
  border-radius: 100%;
  animation: waves 1500ms ease-out infinite;
}
.play-btn i {
  font-size: calc(18px + 22 * (100vw - 320px) / 1600);
}

.delete-button {
  width: calc(22px + 8 * (100vw - 320px) / 1600);
  height: calc(22px + 8 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
  color: rgba(var(--theme-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button i {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}

.btn-icon {
  width: calc(35px + 5 * (100vw - 320px) / 1600);
  height: calc(35px + 5 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
  color: rgba(var(--title-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-icon i {
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
}

.btn-shadow {
  position: relative;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  padding: calc(8px + 5 * (100vw - 320px) / 1600) calc(15px + 20 * (100vw - 320px) / 1600);
  background-color: rgba(var(--theme-color), 1);
  z-index: 0;
}
.btn-shadow:hover::after {
  opacity: 1;
  visibility: visible;
}
.btn-shadow::after {
  content: "";
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 18px;
  left: 50%;
  background-color: rgba(var(--theme-color), 0.5);
  filter: blur(20px);
  transform: translateX(-50%);
  transition: 0.4s ease;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}

.btn-simple {
  background-color: rgba(var(--theme-color), 1);
  color: #fff;
  border: 1px solid transparent;
  transition: 0.4s ease;
}
.btn-simple:hover {
  background-color: transparent;
  border-color: rgba(var(--theme-color), 1);
  color: rgba(var(--theme-color), 1);
}

.btn-simple-border {
  border: 1px solid rgba(var(--theme-color), 1);
  color: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
.btn-simple-border:hover {
  background-color: rgba(var(--theme-color), 1);
  color: #fff;
  border-color: transparent;
}

/**=====================
   5.2 Ratio style Start
==========================**/
.ratio_20 .bg-size:before {
  padding-top: 20%;
  content: "";
  display: block;
}

.ratio_30 .bg-size:before {
  padding-top: 30%;
  content: "";
  display: block;
}

.ratio_40 .bg-size:before {
  padding-top: 40%;
  content: "";
  display: block;
}

.ratio_45 .bg-size:before {
  padding-top: 45%;
  content: "";
  display: block;
}

.ratio2_1 .bg-size:before {
  padding-top: 50%;
  content: "";
  display: block;
}

.ratio2_3 .bg-size:before {
  padding-top: 60%;
  content: "";
  display: block;
}

.ratio3_2 .bg-size:before {
  padding-top: 66.66%;
  content: "";
  display: block;
}

.ratio_landscape .bg-size:before {
  padding-top: 75%;
  content: "";
  display: block;
}

.ratio_square .bg-size:before {
  padding-top: 100%;
  content: "";
  display: block;
}

.ratio_115 .bg-size:before {
  padding-top: 115%;
  content: "";
  display: block;
}

.ratio_125 .bg-size:before {
  padding-top: 125%;
  content: "";
  display: block;
}

.ratio_asos .bg-size:before {
  padding-top: 127.7777778%;
  content: "";
  display: block;
}

.ratio_133 .bg-size:before {
  padding-top: 133%;
  content: "";
  display: block;
}

.ratio_portrait .bg-size:before {
  padding-top: 150%;
  content: "";
  display: block;
}

.ratio1_2 .bg-size:before {
  padding-top: 200%;
  content: "";
  display: block;
}

.b-top {
  background-position: top !important;
}

.b-bottom {
  background-position: bottom !important;
}

.b-center {
  background-position: center !important;
}

.b-right {
  background-position: right !important;
}

.b_size_content {
  background-size: contain !important;
  background-repeat: no-repeat;
}

/*========================
  5.3 Tap-to-top style start
==========================*/
.back-to-top {
  width: calc(30px + 10 * (100vw - 320px) / 1600);
  height: calc(30px + 10 * (100vw - 320px) / 1600);
  text-align: center;
  background-color: rgba(var(--theme-color), 1);
  color: #fff;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  right: calc(20px + 10 * (100vw - 320px) / 1600);
  bottom: calc(20px + 10 * (100vw - 320px) / 1600);
  cursor: pointer;
  z-index: 0;
  transition: 0.4s ease;
  transform-origin: left bottom;
  transform: scale(0) rotate(-15deg);
}
[dir=rtl] .back-to-top {
  right: unset;
  left: calc(20px + 10 * (100vw - 320px) / 1600);
}
.back-to-top.seo-back-to-top {
  background-color: #0e0d0d;
}
.back-to-top.show {
  transform: scale(1) rotate(-15deg);
}
.back-to-top:hover {
  transform: unset;
}
.back-to-top:hover::after {
  transform: unset;
  background: transparent;
}
.back-to-top::after {
  position: absolute;
  content: "";
  bottom: -12px;
  width: 100%;
  height: 11px;
  left: 0;
  transform: rotate(13deg);
  border-radius: 100%;
  filter: blur(3px);
  background: rgba(0, 0, 0, 0.12);
  transition: 0.4s ease;
}
.back-to-top i {
  font-size: calc(20px + 8 * (100vw - 320px) / 1600);
}

/**=====================
 5.4 Title style start
==========================**/
.dark-title h2 {
  color: #fff !important;
}

.side-title {
  position: absolute;
  height: 100%;
  top: 0;
  left: 72px;
}
[dir=rtl] .side-title {
  left: unset;
  right: 72px;
}
@media (max-width: 1600px) {
  .side-title {
    display: none;
  }
}
.side-title::after {
  content: "";
  position: relative;
  border-left: 1px solid rgba(var(--title-color), 0.2);
  width: 1px;
  height: 100%;
  z-index: -1;
  display: inline-block;
}
.side-title .bottom-circle {
  bottom: 0;
  left: calc(18px + 22 * (100vw - 320px) / 1600);
}
.side-title .top-circle {
  top: 0;
  left: calc(18px + 22 * (100vw - 320px) / 1600);
}
.side-title .top-circle,
.side-title .bottom-circle {
  border: 1px dashed rgba(var(--title-color), 0.44);
  width: 12px;
  height: 12px;
  position: absolute;
  border-radius: 100%;
  animation: round 3s infinite linear;
}
.side-title .top-circle::after,
.side-title .bottom-circle::after {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(var(--title-color), 1);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}
.side-title h2 {
  text-transform: uppercase;
  color: rgba(var(--theme-color), 1);
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  writing-mode: vertical-lr;
  padding: 45px 16px;
  background: rgba(var(--white), 1);
  position: absolute;
  top: 50%;
  left: -71px;
  transform: translateY(-50%) scale(-1);
  z-index: 0;
  overflow: hidden;
}

.horizontal-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
.horizontal-title p {
  width: 50%;
}
@media (max-width: 575px) {
  .horizontal-title {
    display: block;
  }
}
.horizontal-title .title-style-2 {
  width: 100%;
}
@media (max-width: 575px) {
  .horizontal-title .title-style-2 {
    margin-bottom: 10px;
  }
}
.horizontal-title p {
  width: 100%;
  padding-top: 5px;
}

.title-style-1 {
  text-transform: uppercase;
  font-family: var(--labre-font);
  position: relative;
  z-index: 0;
  margin-bottom: calc(25px + 40 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}
.title-style-1.text-center::after {
  display: none;
}
.title-style-1 h2 {
  background-color: rgba(var(--sec-bg-color), 1);
  display: inline-block;
  letter-spacing: 0.4px;
}
@media (max-width: 575px) {
  .title-style-1 h2 {
    line-height: 1.4;
  }
}
.title-style-1 span {
  position: relative;
  display: inline-block;
  padding: 8px calc(45px + 35 * (100vw - 320px) / 1600) 8px calc(22px + 18 * (100vw - 320px) / 1600);
  margin-left: -2px;
  z-index: 1;
  color: rgb(51, 51, 51);
}
.title-style-1 span img {
  position: absolute;
  height: calc(100% + 6px);
  z-index: -1;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.title-style-1::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
  opacity: 0.3;
  background: linear-gradient(90deg, rgba(var(--black), 0.04), rgba(var(--title-color), 1));
  z-index: -1;
}
[dir=rtl] .title-style-1::after {
  background: linear-gradient(-90deg, rgba(var(--black), 0.04), rgba(var(--title-color), 1));
}

.title-style-2 {
  width: 42%;
}
@media (max-width: 1199px) {
  .title-style-2 {
    width: 45%;
  }
}
@media (max-width: 1050px) {
  .title-style-2 {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .title-style-2 {
    width: 70%;
  }
}
@media (max-width: 630px) {
  .title-style-2 {
    width: 80%;
  }
}
@media (max-width: 416px) {
  .title-style-2 {
    width: 90%;
  }
}
@media (max-width: 350px) {
  .title-style-2 {
    width: 100%;
  }
}
.title-style-2 h2 {
  letter-spacing: 0.2px;
}
.title-style-2 h6 {
  color: rgba(var(--theme-color), 1);
  text-transform: uppercase;
  letter-spacing: 0.32px;
  margin-bottom: calc(5px + 10 * (100vw - 320px) / 1600);
  margin-top: -3px;
}
.title-style-2 h6::after {
  content: "";
  position: relative;
  width: 50px;
  height: 1px;
  background: rgba(var(--theme-color), 1);
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 12px;
}
[dir=rtl] .title-style-2 h6::after {
  margin-left: 0;
  margin-right: 12px;
}
.title-style-2 h6::after h2 {
  color: rgba(var(--title-color), 1);
  letter-spacing: 0.32px;
}

.title-style-3 p {
  margin: 3px 0 calc(20px + 55 * (100vw - 320px) / 1600) 0;
  color: rgba(var(--content-color), 1);
}
[dir=rtl] .title-style-3 img {
  transform: scale(-1);
}

.title-style-4 {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
body.dark .title-style-4 .title-img {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
@media (max-width: 575px) {
  .title-style-4 .title-img {
    width: 50%;
  }
}
.title-style-4 h2 {
  color: rgba(var(--theme-color), 1);
  padding-left: 40px;
  margin-top: calc(0px + 15 * (100vw - 320px) / 1600);
}
[dir=rtl] .title-style-4 h2 {
  padding-right: 40px;
  padding-left: 0;
}
@media (max-width: 575px) {
  .title-style-4 h2 {
    padding-left: 0;
  }
  [dir=rtl] .title-style-4 h2 {
    padding-right: 0;
  }
}

.title-style-5 {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
.title-style-5 h2,
.title-style-5 h4 {
  position: relative;
  display: inline-block;
  margin-left: calc(20px + 4 * (100vw - 320px) / 1600);
  margin-top: calc(-3px + -5 * (100vw - 320px) / 1600);
}
.title-style-5 h2::after,
.title-style-5 h4::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  border-left: 2px solid rgba(var(--title-color), 1);
  height: calc(25px + 5 * (100vw - 320px) / 1600);
  transform: rotate(10deg) translateY(-50%);
}
[dir=rtl] .title-style-5 h2::after,
[dir=rtl] .title-style-5 h4::after {
  left: unset;
  right: -15px;
}
.title-style-5 h2::before,
.title-style-5 h4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  border-left: 2px solid rgba(var(--title-color), 1);
  height: calc(20px + 5 * (100vw - 320px) / 1600);
  transform: rotate(10deg) translateY(-50%);
  margin-top: 2px;
}
[dir=rtl] .title-style-5 h2::before,
[dir=rtl] .title-style-5 h4::before {
  left: unset;
  right: -24px;
}
.title-style-5 p {
  margin-top: calc(10px + 20 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
}
.title-style-5.dark-title h2 {
  color: rgba(var(--theme-color), 1);
  margin-bottom: 12px;
}
.title-style-5.dark-title h2::before, .title-style-5.dark-title h2::after {
  border-color: #fff;
}
.title-style-5.dark-title p {
  width: 80%;
  margin-top: 0;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 1199px) {
  .title-style-5.dark-title p {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .title-style-5.dark-title p {
    width: 100%;
  }
}

.title-style-6 {
  margin-bottom: calc(25px + 25 * (100vw - 320px) / 1600);
}
.title-style-6 h4 {
  color: rgb(251, 141, 94);
  position: relative;
  margin-left: 20px;
  margin-bottom: 2px;
  display: inline-block;
  margin-top: -5px;
}
[dir=rtl] .title-style-6 h4 {
  margin-right: 20px;
}
.title-style-6 h4::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  width: 8px;
  height: 1px;
  background: rgb(251, 141, 94);
  transform: translateY(-50%);
  display: inline-block;
}
[dir=rtl] .title-style-6 h4::after {
  left: unset;
  right: -20px;
}

.title-style-7 {
  margin-block: -5px calc(20px + 30 * (100vw - 320px) / 1600);
}
.title-style-7 h5 {
  font-weight: 500;
  background: linear-gradient(to right, rgba(var(--secondary-color), 1), rgba(var(--theme-color), 1));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
}
[dir=rtl] .title-style-7 h5 {
  background: linear-gradient(to left, rgba(var(--secondary-color), 1), rgba(var(--theme-color), 1));
  -webkit-background-clip: text;
}
.title-style-7 h5::before {
  content: "";
  position: relative;
  display: inline-flex;
  width: 6px;
  height: 6px;
  background: rgba(var(--secondary-color), 1);
  border-radius: 100%;
  margin-right: 10px;
}
[dir=rtl] .title-style-7 h5::before {
  margin-right: 0;
  margin-left: 10px;
}
.title-style-7 h2 {
  font-family: var(--open-sans);
}
.title-style-7 p {
  color: rgba(var(--content-color), 1);
  margin-top: calc(12px + 13 * (100vw - 320px) / 1600);
}

.title-style-8 {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
.title-style-8.text-center h2 {
  width: 47%;
  margin-inline: auto;
}
@media (max-width: 1199px) {
  .title-style-8.text-center h2 {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .title-style-8.text-center h2 {
    width: 100%;
  }
}
.title-style-8.text-center h2::before {
  margin-inline: auto;
}
.title-style-8 h2 {
  color: rgba(var(--title-color), 1);
  font-family: var(--open-sans);
  width: 80%;
}
@media (max-width: 767px) {
  .title-style-8 h2 {
    width: 100%;
  }
}
.title-style-8 h2::before {
  content: "";
  position: relative;
  border-top: 4px solid rgba(var(--theme-color), 1);
  width: 70px;
  height: 4px;
  display: block;
  margin-bottom: calc(5px + 5 * (100vw - 320px) / 1600);
}
.title-style-8 p {
  color: rgba(var(--content-color), 1);
}

.title-style-9 {
  margin-bottom: calc(20px + 40 * (100vw - 320px) / 1600);
}
.title-style-9 h4 {
  color: rgba(var(--theme-color), 1);
  position: relative;
  padding-bottom: 8px;
  margin-top: calc(8px + 4 * (100vw - 320px) / 1600);
  margin-left: calc(12px + 13 * (100vw - 320px) / 1600);
}
[dir=rtl] .title-style-9 h4 {
  margin-right: calc(12px + 13 * (100vw - 320px) / 1600);
  margin-left: 0;
}
.title-style-9 h4::before {
  content: "";
  position: relative;
  display: inline-block;
  width: calc(40px + 22 * (100vw - 320px) / 1600);
  height: calc(40px + 22 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 0.07);
  border-radius: 100%;
  margin: calc(-8px + -4 * (100vw - 320px) / 1600) calc(-12px + -13 * (100vw - 320px) / 1600);
}
.title-style-9 p {
  color: rgba(var(--content-color), 1);
  width: 82%;
  margin-block: calc(10px + 10 * (100vw - 320px) / 1600) 0;
}
@media (max-width: 767px) {
  .title-style-9 p {
    width: 100%;
  }
}

.title-style-10 {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
.title-style-10.text-center h2 {
  display: block;
  width: 35%;
  margin-inline: auto;
}
@media (max-width: 1199px) {
  .title-style-10.text-center h2 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .title-style-10.text-center h2 {
    width: 100%;
  }
}
.title-style-10.text-center h2::before {
  border-left: none;
  border-top: 3px solid rgba(var(--theme-color), 1);
  display: block;
  height: 3px;
  width: 80px;
  margin-inline: auto;
  margin-bottom: 10px;
}
.title-style-10 h2 {
  display: flex;
  align-items: center;
  gap: calc(15px + 5 * (100vw - 320px) / 1600);
  width: 80%;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .title-style-10 h2 {
    width: 100%;
  }
}
.title-style-10 h2::before {
  content: "";
  border-left: 3px solid rgba(var(--theme-color), 1);
  position: relative;
  display: inline-block;
  width: 3px;
  height: 75px;
}
.title-style-10 p {
  width: 75%;
  padding-left: calc(0px + 23 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 0.44);
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .title-style-10 p {
    width: 100%;
  }
}

.title-style-11 {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
.title-style-11 h3 {
  color: rgba(var(--theme-color), 1);
  font-family: var(--sue);
}
.title-style-11 h3::after, .title-style-11 h3::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 15px;
  height: 1px;
  background: rgba(var(--theme-color), 1);
  margin-bottom: 5px;
}
.title-style-11 h3::after {
  margin-left: 15px;
}
[dir=rtl] .title-style-11 h3::after {
  margin-left: 0;
  margin-right: 15px;
}
.title-style-11 h3::before {
  margin-right: 15px;
}
[dir=rtl] .title-style-11 h3::before {
  margin-left: 15px;
  margin-right: 0;
}
.title-style-11 h2 {
  color: #fff;
  padding-top: 5px;
  letter-spacing: 0.2px;
}

.bg-color .horizontal-title {
  background-color: rgba(var(--bg-color), 1);
}
.bg-color:has(.title-style-12) h2 {
  background-color: rgba(var(--bg-color), 1);
}

.title-style-12 {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
  position: relative;
}
.title-style-12::after {
  content: "";
  top: 50%;
  left: calc(-253px - var(--bs-gutter-x) * 0.5);
  border-top: 1px solid rgba(var(--border-color), 1);
  position: absolute;
  width: 225px;
  z-index: 0;
}
[dir=rtl] .title-style-12::after {
  left: unset;
  right: calc(-253px - var(--bs-gutter-x) * 0.5);
}
@media (max-width: 1199px) {
  .title-style-12::after {
    display: none;
  }
}
.title-style-12::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: rgba(var(--border-color), 1);
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .title-style-12::before {
    display: none;
  }
}
[dir=rtl] .title-style-12::before {
  left: unset;
  right: -40px;
}
.title-style-12.text-center h2 {
  padding-inline: 40px;
}
.title-style-12.text-center::before {
  left: unset;
  right: 36%;
}
[dir=rtl] .title-style-12.text-center::before {
  left: 36%;
  right: unset;
}
.title-style-12.text-center::after {
  left: unset;
  right: calc(-253px - var(--bs-gutter-x) * 0.5);
  width: calc(50% + 253px);
}
[dir=rtl] .title-style-12.text-center::after {
  left: calc(-253px - var(--bs-gutter-x) * 0.5);
  right: unset;
}
.title-style-12 h2 {
  color: rgba(var(--title-color), 1);
  font-family: var(--fahkwang);
  margin-top: calc(-5px + -7 * (100vw - 320px) / 1600);
  background-color: rgba(var(--white), 1);
  display: inline-block;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .title-style-12 h2 {
    background-color: transparent;
    position: unset;
  }
}

.title-style-13 {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
.title-style-13 h2 {
  font-family: var(--sue);
  padding-bottom: calc(5px + 5 * (100vw - 320px) / 1600);
  font-weight: 400;
  letter-spacing: 0.2px;
  margin-top: calc(0px + -3 * (100vw - 320px) / 1600);
  font-size: calc(34px + 16 * (100vw - 320px) / 1600);
}
body.dark .title-style-13 img {
  filter: brightness(0) invert(1);
}
@media (max-width: 575px) {
  .title-style-13 img {
    width: 60%;
  }
}

/*========================
  5.5 Animate style start
==========================*/
@keyframes grow {
  0%, 100% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes marquee-reverse {
  0% {
    right: 0;
  }
  100% {
    right: -100%;
  }
}
@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@keyframes zoom {
  0%, 100% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes round {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes animate-text {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes animate {
  0%, 100% {
    clip-path: polygon(0% 45%, 16% 44%, 33% 50%, 54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%);
  }
  50% {
    clip-path: polygon(0% 60%, 15% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
  }
}
@keyframes line {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(200%);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes heart {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes waves {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes ring {
  0% {
    transform: rotateZ(0);
  }
  1% {
    transform: rotateZ(15deg);
  }
  3% {
    transform: rotateZ(-14deg);
  }
  5% {
    transform: rotateZ(17deg);
  }
  7% {
    transform: rotateZ(-16deg);
  }
  9% {
    transform: rotateZ(15deg);
  }
  11% {
    transform: rotateZ(-14deg);
  }
  13% {
    transform: rotateZ(13deg);
  }
  15% {
    transform: rotateZ(-12deg);
  }
  17% {
    transform: rotateZ(12deg);
  }
  19% {
    transform: rotateZ(-10deg);
  }
  21% {
    transform: rotateZ(9deg);
  }
  23% {
    transform: rotateZ(-8deg);
  }
  25% {
    transform: rotateZ(7deg);
  }
  27% {
    transform: rotateZ(-5deg);
  }
  29% {
    transform: rotateZ(5deg);
  }
  31% {
    transform: rotateZ(-4deg);
  }
  33% {
    transform: rotateZ(3deg);
  }
  35% {
    transform: rotateZ(-2deg);
  }
  37% {
    transform: rotateZ(1deg);
  }
  39% {
    transform: rotateZ(-1deg);
  }
  41% {
    transform: rotateZ(1deg);
  }
  43% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(0);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes vertical-marquee {
  0% {
    top: 0;
  }
  100% {
    top: -100%;
  }
}
@keyframes zoomInOut {
  0%, 100% {
    transform: scale(0.6);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0.2;
    transform: rotate(0deg);
  }
  50% {
    opacity: 1;
    transform: rotate(180deg);
  }
  100% {
    opacity: 0.2;
    transform: rotate(360deg);
  }
}
@keyframes move-img {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes moveAndRotate1 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25%, 75% {
    transform: translate(10px, -10px) rotate(10deg);
  }
  50% {
    transform: translate(20px, -20px) rotate(20deg);
  }
}
@keyframes moveAndRotate2 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25%, 75% {
    transform: translate(-7px, 5px) rotate(-7deg);
  }
  50% {
    transform: translate(-15px, 10px) rotate(-15deg);
  }
}
@keyframes moveAndRotate3 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25%, 75% {
    transform: translate(15px, -7px) rotate(15deg);
  }
  50% {
    transform: translate(30px, -15px) rotate(30deg);
  }
}
@keyframes moveAndRotate4 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25%, 75% {
    transform: translate(-5px, 10px) rotate(-5deg);
  }
  50% {
    transform: translate(-10px, 20px) rotate(-10deg);
  }
}
@keyframes moveAndRotate5 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25%, 75% {
    transform: translate(12px, -5px) rotate(12deg);
  }
  50% {
    transform: translate(25px, -10px) rotate(25deg);
  }
}
@keyframes moveAndRotate6 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25%, 75% {
    transform: translate(-10px, 7px) rotate(-10deg);
  }
  50% {
    transform: translate(-20px, 15px) rotate(-20deg);
  }
}
@keyframes moveAndRotate7 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25%, 75% {
    transform: translate(15px, -15px) rotate(15deg);
  }
  50% {
    transform: translate(30px, -30px) rotate(30deg);
  }
}
@keyframes moveAndRotate8 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25%, 75% {
    transform: translate(-5px, 10px) rotate(-5deg);
  }
  50% {
    transform: translate(-10px, 20px) rotate(-10deg);
  }
}
@keyframes moveAndRotate9 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25%, 75% {
    transform: translate(7px, -7px) rotate(7deg);
  }
  50% {
    transform: translate(15px, -15px) rotate(15deg);
  }
}
@keyframes moveAndRotate10 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25%, 75% {
    transform: translate(-12px, 10px) rotate(-12deg);
  }
  50% {
    transform: translate(-25px, 20px) rotate(-25deg);
  }
}
@keyframes moveAndRotate11 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25%, 75% {
    transform: translate(10px, -5px) rotate(10deg);
  }
  50% {
    transform: translate(20px, -10px) rotate(20deg);
  }
}
@keyframes progress {
  100% {
    width: 0%;
  }
}
@keyframes show_toast {
  0% {
    transform: translateX(100%);
  }
  40% {
    transform: translateX(-5%);
  }
  80% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-10%);
  }
}
@keyframes hide_toast {
  0% {
    transform: translateX(-10%);
  }
  40% {
    transform: translateX(0%);
  }
  80% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(calc(100% + 20px));
  }
}
@keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}
@keyframes dash {
  to {
    background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
  }
}
@keyframes borderAnimation {
  to {
    background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
  }
}
@keyframes borderAnimation2 {
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}
@keyframes scroll-dot {
  0% {
    top: 0%;
  }
  100% {
    top: 100%;
  }
}
@keyframes sway {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(8deg);
  }
}
@keyframes sway-rtl {
  0%, 100% {
    transform: rotate(0deg) scaleX(-1);
  }
  50% {
    transform: rotate(8deg) scaleX(-1);
  }
}
@keyframes move-up {
  0%, 100% {
    transform: translate(0);
  }
  50% {
    transform: translateY(8px);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes shine-hover {
  0% {
    -webkit-mask-position: 150%;
  }
  100% {
    -webkit-mask-position: -50%;
  }
}
@keyframes smooth-scroll {
  0% {
    transform: translateY(-80px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes diamond {
  0% {
    transform: rotatey(0deg);
  }
  50% {
    transform: rotatey(180deg);
  }
  100% {
    transform: rotatey(360deg);
  }
}
@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  70% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  60% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.loading-text span:nth-child(1) {
  animation-delay: 0.1s;
}

.loading-text span:nth-child(2) {
  animation-delay: 0.2s;
}

.loading-text span:nth-child(3) {
  animation-delay: 0.3s;
}

.loading-text span:nth-child(4) {
  animation-delay: 0.4s;
}

.loading-text span:nth-child(5) {
  animation-delay: 0.5s;
}

.loading-text span:nth-child(6) {
  animation-delay: 0.6s;
}

.loading-text span:nth-child(7) {
  animation-delay: 0.7s;
}

@keyframes moveLetters {
  0% {
    transform: translateX(-15vw);
    opacity: 0;
  }
  33%, 66% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(15vw);
    opacity: 0;
  }
}
@keyframes menu-video {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/*========================
  5.6 slider style start
==========================*/
/**=====================
 charity SCSS Start
==========================**/
.swiper-button-next,
.swiper-button-prev {
  z-index: 0;
}

.style-pagination-1.swiper-horizontal > .swiper-pagination-bullets, .style-pagination-1.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: 50%;
  right: 60px;
  width: 0;
  left: unset;
  bottom: unset;
  margin: auto 0;
  transform: translateY(-50%);
}
[dir=rtl] .style-pagination-1.swiper-horizontal > .swiper-pagination-bullets, [dir=rtl] .style-pagination-1.swiper-pagination-bullets.swiper-pagination-horizontal {
  left: 60px;
  right: unset;
}
@media (max-width: 767px) {
  .style-pagination-1.swiper-horizontal > .swiper-pagination-bullets, .style-pagination-1.swiper-pagination-bullets.swiper-pagination-horizontal {
    top: unset;
    right: unset;
    left: 50%;
    bottom: 38px;
    width: 100%;
    transform: translateX(-50%);
  }
  [dir=rtl] .style-pagination-1.swiper-horizontal > .swiper-pagination-bullets, [dir=rtl] .style-pagination-1.swiper-pagination-bullets.swiper-pagination-horizontal {
    left: unset;
    right: 50%;
  }
}
.style-pagination-1 .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
  position: relative;
  border: 0;
  border-radius: 100%;
  box-shadow: none;
  height: 8px;
  width: 8px;
}
.style-pagination-1 .swiper-pagination-bullet::before, .style-pagination-1 .swiper-pagination-bullet:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: -11px;
  left: -11px;
  border-radius: 100%;
}
.style-pagination-1 .swiper-pagination-bullet:before {
  border: 2px solid transparent;
}
.style-pagination-1 .swiper-pagination-bullet:after {
  border: 0 solid transparent;
}
.style-pagination-1 .swiper-pagination-bullet:hover:before, .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #fff;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.style-pagination-1 .swiper-pagination-bullet:hover:after, .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  border-top: 2px solid #fff;
  border-left-width: 2px;
  border-right-width: 2px;
  transform: rotate(270deg);
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
}
.style-pagination-1 .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}

/**=====================
 charity team SCSS Start
==========================**/
.charity-team-section .team-arrow-flex {
  display: flex;
  align-items: flex-end;
  padding-top: calc(20px + 20 * (100vw - 320px) / 1600);
  justify-content: center;
  gap: calc(20px + 30 * (100vw - 320px) / 1600);
}
.charity-team-section .team-arrow-flex .style-pagination-1 {
  position: relative;
  inset: unset !important;
}
.charity-team-section .team-arrow-flex .style-pagination-1.swiper-horizontal > .swiper-pagination-bullets, .charity-team-section .team-arrow-flex .style-pagination-1.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: auto;
  transform: none;
}
.charity-team-section .team-arrow-flex .style-pagination-1 .swiper-pagination-bullet {
  border-radius: 100%;
  background-color: rgba(var(--title-color), 0.6);
  height: 5px;
  width: 5px;
  margin-inline: calc(8px + 2 * (100vw - 320px) / 1600);
}
.charity-team-section .team-arrow-flex .style-pagination-1 .swiper-pagination-bullet::before, .charity-team-section .team-arrow-flex .style-pagination-1 .swiper-pagination-bullet:after {
  width: 15px;
  height: 15px;
  top: -5px;
  left: -5px;
}
.charity-team-section .team-arrow-flex .style-pagination-1 .swiper-pagination-bullet:hover, .charity-team-section .team-arrow-flex .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(var(--title-color), 1);
}
.charity-team-section .team-arrow-flex .style-pagination-1 .swiper-pagination-bullet:hover:before, .charity-team-section .team-arrow-flex .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-top-color: rgba(var(--title-color), 1);
  border-right-color: rgba(var(--title-color), 1);
  border-bottom-color: rgba(var(--title-color), 1);
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.charity-team-section .team-arrow-flex .style-pagination-1 .swiper-pagination-bullet:hover:after, .charity-team-section .team-arrow-flex .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  border-top: 2px solid rgba(var(--title-color), 1);
  border-left-width: 2px;
  border-right-width: 2px;
  transform: rotate(270deg);
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
}
.charity-team-section .team-arrow-flex .swiper-button-next,
.charity-team-section .team-arrow-flex .swiper-button-prev {
  width: auto;
  height: auto;
  position: relative;
  inset: unset;
}
.charity-team-section .team-arrow-flex .swiper-button-next::after,
.charity-team-section .team-arrow-flex .swiper-button-prev::after {
  content: unset;
}
.charity-team-section .team-arrow-flex .swiper-button-prev {
  transform: scale(-1);
}

/**=====================
 Ad SCSS Start
==========================**/
.ad-service .swiper-button-next,
.ad-service .swiper-button-prev {
  position: relative;
  inset: unset;
  width: unset;
  height: unset;
  transition: 0.4s ease;
}
.ad-service .swiper-button-next img,
.ad-service .swiper-button-prev img {
  width: 50px;
}
.ad-service .swiper-button-next::after,
.ad-service .swiper-button-prev::after {
  content: unset;
}
.ad-service .swiper-button-prev {
  transform: scale(-1);
  order: -1;
}
[dir=rtl] .ad-service .swiper-button-prev {
  order: 0;
}

/**=====================
 ad testimonials slider Start
==========================**/
.ad-testimonials-slider.swiper-horizontal > .swiper-pagination-bullets, .ad-testimonials-slider.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: unset;
  right: unset;
  left: 50%;
  bottom: 50px;
  width: 100%;
  transform: translateX(-50%);
  position: relative;
  inset: unset;
  transform: unset;
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
  z-index: 0;
}
[dir=rtl] .ad-testimonials-slider.swiper-horizontal > .swiper-pagination-bullets, [dir=rtl] .ad-testimonials-slider.swiper-pagination-bullets.swiper-pagination-horizontal {
  left: unset;
  right: 50%;
  transform: translateX(50%);
}
.ad-testimonials-slider .style-pagination-1 .swiper-pagination-bullet {
  height: 5px;
  width: 5px;
}
.ad-testimonials-slider .style-pagination-1 .swiper-pagination-bullet::before, .ad-testimonials-slider .style-pagination-1 .swiper-pagination-bullet:after {
  width: 15px;
  height: 15px;
  top: -5px;
  left: -5px;
  margin-right: 10px;
}
.ad-testimonials-slider .swiper-button-next,
.ad-testimonials-slider .swiper-button-prev {
  top: unset;
  bottom: 50px;
  transition: 0.4s ease;
  width: auto;
  height: auto;
  z-index: 1;
}
@media (max-width: 767px) {
  .ad-testimonials-slider .swiper-button-next,
  .ad-testimonials-slider .swiper-button-prev {
    width: 20%;
  }
}
.ad-testimonials-slider .swiper-button-next img,
.ad-testimonials-slider .swiper-button-prev img {
  filter: invert(0) !important;
}
.ad-testimonials-slider .swiper-button-next {
  bottom: 2px;
  right: 0;
}
.ad-testimonials-slider .swiper-button-next::after {
  content: unset;
}
.ad-testimonials-slider .swiper-button-prev {
  bottom: 2px;
  left: unset;
}
.ad-testimonials-slider .swiper-button-prev img {
  transform: scale(-1);
}
.ad-testimonials-slider .swiper-button-prev::after {
  content: unset;
}
.ad-testimonials-slider .swiper-button-disabled {
  transform: scale(0.8);
}

/**=====================
 Consultancy blog-slider Start
==========================**/
.consultancy-blog-section .swiper-pagination {
  margin-top: calc(60px + 40 * (100vw - 320px) / 1600) !important;
}

/**=====================
 consultancy testimonials slider Start
==========================**/
.consultancy-testimonials-section .swiper-pagination,
.consultancy-blog-section .swiper-pagination {
  margin-top: calc(15px + 25 * (100vw - 320px) / 1600);
  position: relative;
  z-index: 1;
  inset: unset;
}
.consultancy-testimonials-section .swiper,
.consultancy-blog-section .swiper {
  z-index: 0;
}
.consultancy-testimonials-section .swiper-pagination-bullet-active,
.consultancy-blog-section .swiper-pagination-bullet-active {
  background: rgba(var(--theme-color), 1) !important;
}
.consultancy-testimonials-section .swiper-pagination-bullet,
.consultancy-blog-section .swiper-pagination-bullet {
  background: rgba(var(--theme-color), 0.1);
  opacity: 1;
  transition: 0.4s ease;
}
.consultancy-testimonials-section .swiper-button-prev,
.consultancy-blog-section .swiper-button-prev {
  bottom: 0;
  top: unset;
  left: 44%;
  width: unset;
  height: unset;
  z-index: 2;
  transition: 0.4s ease;
}
@media (max-width: 1399px) {
  .consultancy-testimonials-section .swiper-button-prev,
  .consultancy-blog-section .swiper-button-prev {
    left: 40%;
  }
}
@media (max-width: 991px) {
  .consultancy-testimonials-section .swiper-button-prev,
  .consultancy-blog-section .swiper-button-prev {
    left: 35%;
  }
}
@media (max-width: 767px) {
  .consultancy-testimonials-section .swiper-button-prev,
  .consultancy-blog-section .swiper-button-prev {
    left: 30%;
  }
}
@media (max-width: 420px) {
  .consultancy-testimonials-section .swiper-button-prev,
  .consultancy-blog-section .swiper-button-prev {
    left: 25%;
  }
}
@media (max-width: 320px) {
  .consultancy-testimonials-section .swiper-button-prev,
  .consultancy-blog-section .swiper-button-prev {
    left: 18%;
  }
}
.consultancy-testimonials-section .swiper-button-prev:after,
.consultancy-blog-section .swiper-button-prev:after {
  content: url(../svg/consultancy/arrow-4.svg);
  transform: scale(-1);
  font-size: unset;
}
body.dark .consultancy-testimonials-section .swiper-button-prev:after,
body.dark .consultancy-blog-section .swiper-button-prev:after {
  filter: brightness(0) invert(1);
}
.consultancy-testimonials-section .swiper-button-next,
.consultancy-blog-section .swiper-button-next {
  bottom: 0;
  top: unset;
  right: 44%;
  width: unset;
  height: unset;
  z-index: 2;
  transition: 0.4s ease;
}
@media (max-width: 1399px) {
  .consultancy-testimonials-section .swiper-button-next,
  .consultancy-blog-section .swiper-button-next {
    right: 40%;
  }
}
@media (max-width: 991px) {
  .consultancy-testimonials-section .swiper-button-next,
  .consultancy-blog-section .swiper-button-next {
    right: 35%;
  }
}
@media (max-width: 767px) {
  .consultancy-testimonials-section .swiper-button-next,
  .consultancy-blog-section .swiper-button-next {
    right: 30%;
  }
}
@media (max-width: 400px) {
  .consultancy-testimonials-section .swiper-button-next,
  .consultancy-blog-section .swiper-button-next {
    right: 25%;
  }
}
@media (max-width: 320px) {
  .consultancy-testimonials-section .swiper-button-next,
  .consultancy-blog-section .swiper-button-next {
    right: 18%;
  }
}
.consultancy-testimonials-section .swiper-button-next:after,
.consultancy-blog-section .swiper-button-next:after {
  content: url(../svg/consultancy/arrow-4.svg);
  font-size: unset;
}
body.dark .consultancy-testimonials-section .swiper-button-next:after,
body.dark .consultancy-blog-section .swiper-button-next:after {
  filter: brightness(0) invert(1);
}

/**=====================
 wedding-planner SCSS Start
==========================**/
.w-team-planner .swiper-button-next,
.w-team-planner .swiper-button-prev {
  position: relative;
  inset: unset;
  width: max-content;
  height: max-content;
}
.w-team-planner .swiper-button-next::after,
.w-team-planner .swiper-button-prev::after {
  content: url(../svg/planner/arrow.svg);
  font-size: unset;
}
.w-team-planner .navigation-arrow {
  display: flex;
  align-items: center;
  gap: 44px;
}
[dir=rtl] .w-team-planner .swiper-button-prev {
  transform: scale(-1);
}
.w-team-planner .swiper-button-next {
  transform: scale(-1);
}
[dir=rtl] .w-team-planner .swiper-button-next {
  transform: scale(1);
}

/**=====================
 w-planner home slider Start
==========================**/
.w-home-section .arrow-flex {
  display: flex;
  align-items: center;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
  position: absolute;
  bottom: calc(16px + 22 * (100vw - 1199px) / 721);
  left: 32%;
  z-index: 1;
}
@media (max-width: 991px) {
  .w-home-section .arrow-flex {
    bottom: -48px;
    left: 5%;
  }
}
@media (max-width: 767px) {
  .w-home-section .arrow-flex {
    left: 50%;
    transform: translateX(-50%);
  }
}
.w-home-section .arrow-flex .pagination-flex {
  display: flex;
  align-items: center;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
}
.w-home-section .arrow-flex .pagination-flex .fraction {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  font-weight: 600;
}
.w-home-section .arrow-flex .pagination-flex .swiper-pagination {
  position: relative;
}
.w-home-section .arrow-flex .pagination-flex .swiper-pagination.progress-pagination {
  background: rgba(var(--content-color), 1);
  height: 1px;
  width: 53px;
}
.w-home-section .arrow-flex .pagination-flex .swiper-pagination.progress-pagination .swiper-pagination-progressbar-fill {
  background-color: rgba(var(--content-color), 1);
  height: 4px;
  border-radius: 100px;
  top: -1.5px;
}
.w-home-section .arrow-flex .swiper-button-next,
.w-home-section .arrow-flex .swiper-button-prev {
  position: relative;
  inset: unset;
  width: unset;
  height: unset;
  margin-top: 0;
}
.w-home-section .arrow-flex .swiper-button-next::after,
.w-home-section .arrow-flex .swiper-button-prev::after {
  content: url(../svg/planner/arrow.svg);
  font-size: unset;
  transform: scale(0.8);
}
.w-home-section .arrow-flex .swiper-button-next {
  transform: scale(-1);
}

/**=====================
 seo SCSS Start
==========================**/
.seo-testimonials-slider {
  padding-top: 25px;
}
.seo-testimonials-slider .pagination-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translateY(-70px);
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .seo-testimonials-slider .pagination-flex {
    transform: translate(0);
    margin-top: 20px;
  }
}
.seo-testimonials-slider .pagination-flex .nav-flex {
  display: flex;
  align-items: center;
  gap: 15px;
}
.seo-testimonials-slider .swiper-button-next,
.seo-testimonials-slider .swiper-button-prev {
  position: unset;
  inset: unset;
  width: auto;
  height: auto;
  margin-top: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 1199px) {
  .seo-testimonials-slider .swiper-button-next,
  .seo-testimonials-slider .swiper-button-prev {
    display: none;
  }
}
.seo-testimonials-slider .swiper-button-next h5,
.seo-testimonials-slider .swiper-button-prev h5 {
  color: rgba(var(--title-color), 1);
}
.seo-testimonials-slider .swiper-button-next::after,
.seo-testimonials-slider .swiper-button-prev::after {
  display: none;
}
.seo-testimonials-slider .swiper-button-prev img {
  transform: scaleX(-1);
}
.seo-testimonials-slider .swiper-pagination {
  position: unset;
  inset: unset;
  width: 76%;
}
@media (max-width: 1399px) {
  .seo-testimonials-slider .swiper-pagination {
    width: 78%;
  }
}
@media (max-width: 1199px) {
  .seo-testimonials-slider .swiper-pagination {
    width: 98%;
  }
}
.seo-testimonials-slider .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  width: 6px;
  height: 6px;
  background: rgba(var(--title-color), 1);
  opacity: 1;
  margin: 0 10px;
  transition: 0.4s ease;
}
.seo-testimonials-slider .swiper-pagination .swiper-pagination-bullet-active {
  position: relative;
}
.seo-testimonials-slider .swiper-pagination .swiper-pagination-bullet-active::after {
  content: "";
  border: 1px solid rgba(var(--title-color), 1);
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/**=====================
 startup SCSS Start
==========================**/
.startup-testimonials .swiper-pagination,
.event-testimonials-section .swiper-pagination,
.design-testimonials-section .swiper-pagination {
  bottom: 0;
  z-index: 0;
}
.startup-testimonials .swiper-pagination .swiper-pagination-bullet,
.event-testimonials-section .swiper-pagination .swiper-pagination-bullet,
.design-testimonials-section .swiper-pagination .swiper-pagination-bullet {
  background: rgba(var(--content-color), 1);
  transition: 0.4s ease;
}
.startup-testimonials .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.event-testimonials-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.design-testimonials-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(var(--title-color), 1);
}
.startup-testimonials .slider-wrap,
.event-testimonials-section .slider-wrap,
.design-testimonials-section .slider-wrap {
  padding-bottom: 50px;
  position: relative;
  z-index: 0;
}
.startup-testimonials .swiper-button-next,
.event-testimonials-section .swiper-button-next,
.design-testimonials-section .swiper-button-next {
  bottom: -10px;
  top: unset;
  right: 43%;
  transition: 0.4s ease;
  z-index: 1;
}
@media (max-width: 1199px) {
  .startup-testimonials .swiper-button-next,
  .event-testimonials-section .swiper-button-next,
  .design-testimonials-section .swiper-button-next {
    right: 35%;
  }
}
@media (max-width: 767px) {
  .startup-testimonials .swiper-button-next,
  .event-testimonials-section .swiper-button-next,
  .design-testimonials-section .swiper-button-next {
    right: 25%;
  }
}
@media (max-width: 420px) {
  .startup-testimonials .swiper-button-next,
  .event-testimonials-section .swiper-button-next,
  .design-testimonials-section .swiper-button-next {
    right: 20%;
  }
}
.startup-testimonials .swiper-button-next::after,
.event-testimonials-section .swiper-button-next::after,
.design-testimonials-section .swiper-button-next::after {
  content: url(../svg/startup/arrow-1.svg);
  filter: brightness(0);
  font-size: unset;
}
.startup-testimonials .swiper-button-next::before,
.event-testimonials-section .swiper-button-next::before,
.design-testimonials-section .swiper-button-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  background: rgba(var(--title-color), 0.2);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  transform: translateY(-50%);
}
.startup-testimonials .swiper-button-prev,
.event-testimonials-section .swiper-button-prev,
.design-testimonials-section .swiper-button-prev {
  bottom: -10px;
  top: unset;
  left: 43%;
  transition: 0.4s ease;
  z-index: 1;
}
@media (max-width: 1199px) {
  .startup-testimonials .swiper-button-prev,
  .event-testimonials-section .swiper-button-prev,
  .design-testimonials-section .swiper-button-prev {
    left: 35%;
  }
}
@media (max-width: 767px) {
  .startup-testimonials .swiper-button-prev,
  .event-testimonials-section .swiper-button-prev,
  .design-testimonials-section .swiper-button-prev {
    left: 25%;
  }
}
@media (max-width: 420px) {
  .startup-testimonials .swiper-button-prev,
  .event-testimonials-section .swiper-button-prev,
  .design-testimonials-section .swiper-button-prev {
    left: 20%;
  }
}
.startup-testimonials .swiper-button-prev::before,
.event-testimonials-section .swiper-button-prev::before,
.design-testimonials-section .swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -16px;
  background: rgba(var(--title-color), 0.3);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  transform: translateY(-50%);
}
.startup-testimonials .swiper-button-prev::after,
.event-testimonials-section .swiper-button-prev::after,
.design-testimonials-section .swiper-button-prev::after {
  content: url(../svg/startup/arrow-1.svg);
  filter: brightness(0);
  transform: scale(-1);
  font-size: unset;
}

/**=====================
 event testimonials slider Start
==========================**/
.event-testimonials-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(var(--theme-color), 1);
}
.event-testimonials-section .swiper-button-next::after {
  content: url(../svg/event/arrow-3.svg);
}
.event-testimonials-section .swiper-button-next::before {
  display: none;
}
.event-testimonials-section .swiper-button-prev::after {
  content: url(../svg/event/arrow-3.svg);
}
.event-testimonials-section .swiper-button-prev::before {
  display: none;
}

/**=====================
 event blog slider Start
==========================**/
.event-blog-section .swiper-button-next {
  right: 270px;
  left: auto;
  top: 15%;
}
[dir=rtl] .event-blog-section .swiper-button-next {
  left: 270px;
  right: auto;
}
@media (max-width: 1700px) and (min-width: 1199px) {
  .event-blog-section .swiper-button-next {
    right: 150px;
  }
  [dir=rtl] .event-blog-section .swiper-button-next {
    left: 150px;
  }
}
@media (max-width: 1220px) {
  .event-blog-section .swiper-button-next {
    right: 130px;
  }
  [dir=rtl] .event-blog-section .swiper-button-next {
    left: 130px;
  }
}
@media (max-width: 767px) {
  .event-blog-section .swiper-button-next {
    display: none;
  }
}
.event-blog-section .swiper-button-next:after {
  content: url(../svg/event/arrow-3.svg);
  font-size: unset;
}
[dir=rtl] .event-blog-section .swiper-button-next:after {
  transform: scale(-1);
}
.event-blog-section .swiper-button-prev {
  left: auto;
  right: 364px;
  top: 15%;
}
[dir=rtl] .event-blog-section .swiper-button-prev {
  right: auto;
  left: 364px;
}
@media (max-width: 1700px) and (min-width: 1199px) {
  .event-blog-section .swiper-button-prev {
    right: 250px;
  }
  [dir=rtl] .event-blog-section .swiper-button-prev {
    left: 250px;
  }
}
@media (max-width: 767px) {
  .event-blog-section .swiper-button-prev {
    display: none;
  }
}
@media (max-width: 1220px) {
  .event-blog-section .swiper-button-prev {
    right: 225px;
  }
  [dir=rtl] .event-blog-section .swiper-button-prev {
    left: 225px;
  }
}
.event-blog-section .swiper-button-prev:after {
  content: url(../svg/event/arrow-3.svg);
  transform: scale(-1);
  font-size: unset;
}
[dir=rtl] .event-blog-section .swiper-button-prev:after {
  transform: scale(1);
}

/**=====================
 Design testimonials slider Start
==========================**/
.design-testimonials-section .swiper-pagination {
  bottom: calc(5px + 3 * (100vw - 320px) / 1600);
  z-index: 0;
}
.design-testimonials-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(var(--theme-color), 1);
}
.design-testimonials-section .slider-wrap {
  padding-bottom: calc(30px + 6 * (100vw - 320px) / 1600 + 20px + 40 * (100vw - 320px) / 1600);
  position: relative;
}
.design-testimonials-section .slider-wrap .design-testimonials-slider {
  padding-bottom: 10px;
  padding-inline: 10px;
}
.design-testimonials-section .swiper-button-next {
  width: calc(30px + 6 * (100vw - 320px) / 1600);
  height: calc(30px + 6 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--title-color), 1);
  border-radius: 100%;
  bottom: 0;
}
.design-testimonials-section .swiper-button-next::after {
  content: url(../svg/design/arrow-2.svg);
}
.design-testimonials-section .swiper-button-next::before {
  display: none;
}
.design-testimonials-section .swiper-button-prev {
  width: calc(30px + 6 * (100vw - 320px) / 1600);
  height: calc(30px + 6 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--title-color), 1);
  border-radius: 100%;
  bottom: 0;
}
.design-testimonials-section .swiper-button-prev::after {
  content: url(../svg/design/arrow-2.svg);
}
.design-testimonials-section .swiper-button-prev::before {
  display: none;
}

/**=====================
 Design Team slider Start
==========================**/
.design-team-section .slide-wrap {
  position: relative;
}
@media (max-width: 1399px) {
  .design-team-section .slide-wrap {
    padding-bottom: calc(30px + 6 * (100vw - 320px) / 1079 + 20px + 40 * (100vw - 320px) / 1079);
  }
}
.design-team-section .swiper-button-prev {
  width: 36px;
  height: 36px;
  border: 1px solid #fff;
  border-radius: 100%;
  left: calc(-10px + -150 * (100vw - 1399px) / 521);
}
@media (max-width: 1499px) and (min-width: 1400px) {
  .design-team-section .swiper-button-prev {
    width: 25px;
    height: 25px;
    left: calc(-30px + -5 * (100vw - 1400px) / 520);
  }
}
@media (max-width: 1399px) {
  .design-team-section .swiper-button-prev {
    bottom: 0;
    top: unset;
    left: 45%;
  }
}
@media (max-width: 991px) {
  .design-team-section .swiper-button-prev {
    left: 40%;
  }
}
@media (max-width: 475px) {
  .design-team-section .swiper-button-prev {
    left: 32%;
  }
}
.design-team-section .swiper-button-prev::after {
  content: url(../svg/design/arrow-3.svg);
  transform: scale(-1);
  font-size: unset;
}
.design-team-section .swiper-button-next {
  width: 36px;
  height: 36px;
  border: 1px solid #fff;
  border-radius: 100%;
  right: calc(-10px + -150 * (100vw - 1399px) / 521);
}
@media (max-width: 1499px) and (min-width: 1400px) {
  .design-team-section .swiper-button-next {
    width: 25px;
    height: 25px;
    right: calc(-30px + -5 * (100vw - 1400px) / 520);
  }
}
@media (max-width: 1399px) {
  .design-team-section .swiper-button-next {
    bottom: 0;
    top: unset;
    right: 45%;
  }
}
@media (max-width: 991px) {
  .design-team-section .swiper-button-next {
    right: 40%;
  }
}
@media (max-width: 475px) {
  .design-team-section .swiper-button-next {
    right: 32%;
  }
}
.design-team-section .swiper-button-next::after {
  content: url(../svg/design/arrow-3.svg);
  font-size: unset;
}

/**=====================
 marketing testimonials slider Start
==========================**/
.marketing-testimonials-section .pagination-arrow-btn {
  margin-top: calc(25px + 110 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) and (min-width: 767px) {
  .marketing-testimonials-section .pagination-arrow-btn {
    margin-top: 50px;
  }
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-next,
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev {
  position: relative;
  inset: unset;
  width: auto;
  height: auto;
  justify-content: unset;
  margin: 0;
  transition: 0.4s ease;
  z-index: 0;
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-next::after,
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev::after {
  content: none;
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-next .box,
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev .box {
  width: calc(25px + 15 * (100vw - 320px) / 1600);
  height: calc(25px + 15 * (100vw - 320px) / 1600);
  background-color: rgba(var(--content-color), 0.1);
  position: relative;
  z-index: 0;
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-next .box:after,
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev .box:after {
  content: "";
  position: absolute;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: rgba(var(--title-color), 0.1);
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-next img,
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev img {
  z-index: 1;
}
@media (max-width: 575px) {
  .marketing-testimonials-section .pagination-arrow-btn .swiper-button-next img,
  .marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev img {
    width: 50%;
  }
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-next h5,
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev h5 {
  color: rgba(var(--title-color), 1);
  font-weight: 600;
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-next img {
  margin-left: -20px;
}
[dir=rtl] .marketing-testimonials-section .pagination-arrow-btn .swiper-button-next img {
  margin-left: 0;
  margin-right: -20px;
  transform: scale(-1);
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-next .box:after {
  left: 0;
}
[dir=rtl] .marketing-testimonials-section .pagination-arrow-btn .swiper-button-next .box:after {
  left: unset;
  right: 0;
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-next h5 {
  margin-left: 8px;
}
[dir=rtl] .marketing-testimonials-section .pagination-arrow-btn .swiper-button-next h5 {
  margin-left: 0;
  margin-right: 8px;
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev img {
  margin-right: -20px;
  transform: scale(-1);
}
[dir=rtl] .marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev img {
  transform: scale(1);
  margin-right: 0;
  margin-left: -20px;
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev .box:after {
  right: 0;
}
[dir=rtl] .marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev .box:after {
  right: unset;
  left: 0;
}
.marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev h5 {
  margin-right: 8px;
}
[dir=rtl] .marketing-testimonials-section .pagination-arrow-btn .swiper-button-prev h5 {
  margin-right: 0;
  margin-left: 8px;
}
.marketing-testimonials-section .style-pagination-1.swiper-vertical > .swiper-pagination-bullets, .marketing-testimonials-section .style-pagination-1.swiper-pagination-bullets.swiper-pagination-vertical {
  position: relative;
  inset: unset;
  transform: unset;
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
  z-index: 0;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0;
  margin: 0;
}
.marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  background: rgba(var(--content-color), 1);
}
.marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet:last-child {
  margin-top: 0;
}
.marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet::before, .marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet:after {
  width: 20px;
  height: 20px;
  top: -5px;
  left: -5px;
}
.marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet:hover, .marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(var(--theme-color), 1);
}
.marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet:hover:before, .marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-top-color: rgba(var(--theme-color), 1);
  border-right-color: rgba(var(--theme-color), 1);
  border-bottom-color: rgba(var(--theme-color), 1);
}
.marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet:hover:after, .marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  border-top: 2px solid rgba(var(--theme-color), 1);
  border-left-width: 2px;
  border-right-width: 2px;
  transform: rotate(270deg);
}
.marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet:hover:before, .marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-top-color: rgba(var(--theme-color), 1);
  border-right-color: rgba(var(--theme-color), 1);
  border-bottom-color: rgba(var(--theme-color), 1);
}
.marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet:hover:after, .marketing-testimonials-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  border-top: 2px solid rgba(var(--theme-color), 1);
  border-left-width: 2px;
  border-right-width: 2px;
  transform: rotate(270deg);
}

/**=====================
 portfolio blog slider Start
==========================**/
.portfolio-blog-section .slider-wrap {
  position: relative;
  padding-bottom: calc(20px + 30 * (100vw - 320px) / 1600 + 30px + 6 * (100vw - 320px) / 1600);
}
.portfolio-blog-section .swiper-button-next {
  width: calc(30px + 6 * (100vw - 320px) / 1600);
  height: calc(30px + 6 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--title-color), 1);
  border-radius: 100%;
  bottom: 0;
  top: unset;
  right: 42%;
  transition: 0.4s ease;
  z-index: 1;
}
@media (max-width: 1399px) {
  .portfolio-blog-section .swiper-button-next {
    right: 40%;
  }
}
@media (max-width: 991px) {
  .portfolio-blog-section .swiper-button-next {
    right: 35%;
  }
}
@media (max-width: 767px) {
  .portfolio-blog-section .swiper-button-next {
    right: 30%;
  }
}
@media (max-width: 575px) {
  .portfolio-blog-section .swiper-button-next {
    right: 30%;
  }
}
@media (max-width: 450px) {
  .portfolio-blog-section .swiper-button-next {
    right: 20%;
  }
}
.portfolio-blog-section .swiper-button-next::after {
  content: url(../svg/design/arrow-2.svg);
  font-size: unset;
}
.portfolio-blog-section .swiper-button-prev {
  width: calc(30px + 6 * (100vw - 320px) / 1600);
  height: calc(30px + 6 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--title-color), 1);
  border-radius: 100%;
  bottom: 0;
  top: unset;
  left: 42%;
  transition: 0.4s ease;
  z-index: 1;
}
@media (max-width: 1399px) {
  .portfolio-blog-section .swiper-button-prev {
    left: 40%;
  }
}
@media (max-width: 991px) {
  .portfolio-blog-section .swiper-button-prev {
    left: 35%;
  }
}
@media (max-width: 767px) {
  .portfolio-blog-section .swiper-button-prev {
    left: 30%;
  }
}
@media (max-width: 575px) {
  .portfolio-blog-section .swiper-button-prev {
    left: 30%;
  }
}
@media (max-width: 450px) {
  .portfolio-blog-section .swiper-button-prev {
    left: 20%;
  }
}
.portfolio-blog-section .swiper-button-prev::after {
  content: url(../svg/design/arrow-2.svg);
  font-size: unset;
  transform: scale(-1);
}
.portfolio-blog-section .style-pagination-1.swiper-horizontal > .swiper-pagination-bullets, .portfolio-blog-section .style-pagination-1.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: 100%;
  transform: none;
  display: flex;
  align-items: center;
  gap: calc(12px + 3 * (100vw - 320px) / 1600);
  justify-content: center;
  top: unset;
  bottom: calc(12px + 3 * (100vw - 320px) / 1600);
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
[dir=rtl] .portfolio-blog-section .style-pagination-1.swiper-horizontal > .swiper-pagination-bullets, [dir=rtl] .portfolio-blog-section .style-pagination-1.swiper-pagination-bullets.swiper-pagination-horizontal {
  left: unset;
  right: 50%;
  transform: translateX(50%);
}
.portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet {
  height: 5px;
  width: 5px;
  background: rgba(var(--title-color), 0.3);
  transition: 0.4s ease;
}
.portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet:last-child {
  margin-top: 0;
}
.portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet::before, .portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet:after {
  width: 20px;
  height: 20px;
  top: -8px;
  left: -8px;
}
.portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet:hover, .portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(var(--theme-color), 1);
}
.portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet:hover:before, .portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-top-color: rgba(var(--theme-color), 1);
  border-right-color: rgba(var(--theme-color), 1);
  border-bottom-color: rgba(var(--theme-color), 1);
}
.portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet:hover:after, .portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  border-top: 2px solid rgba(var(--theme-color), 1);
  border-left-width: 2px;
  border-right-width: 2px;
  transform: rotate(270deg);
}
.portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet:hover:before, .portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-top-color: rgba(var(--theme-color), 1);
  border-right-color: rgba(var(--theme-color), 1);
  border-bottom-color: rgba(var(--theme-color), 1);
}
.portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet:hover:after, .portfolio-blog-section .style-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  border-top: 2px solid rgba(var(--theme-color), 1);
  border-left-width: 2px;
  border-right-width: 2px;
  transform: rotate(270deg);
}

/**=====================
 portfolio testimonial slider Start
==========================**/
.portfolio-testimonial-section .slider-wrap {
  position: relative;
}
.portfolio-testimonial-section .slider-wrap .portfolio-testimonial-slider {
  padding: 12px;
  margin-block: -12px;
}
.portfolio-testimonial-section .swiper-button-next,
.portfolio-testimonial-section .swiper-button-prev {
  width: calc(30px + 6 * (100vw - 320px) / 1600);
  height: calc(30px + 6 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--title-color), 1);
  border-radius: 100%;
  right: calc(-30px + -20 * (100vw - 1399px) / 521);
  z-index: 0;
}
@media (max-width: 1399px) {
  .portfolio-testimonial-section .swiper-button-next,
  .portfolio-testimonial-section .swiper-button-prev {
    right: -30px;
  }
}
@media (max-width: 1199px) {
  .portfolio-testimonial-section .swiper-button-next,
  .portfolio-testimonial-section .swiper-button-prev {
    right: -32px;
  }
}
@media (max-width: 767px) {
  .portfolio-testimonial-section .swiper-button-next,
  .portfolio-testimonial-section .swiper-button-prev {
    display: none;
  }
}
.portfolio-testimonial-section .swiper-button-next::after,
.portfolio-testimonial-section .swiper-button-prev::after {
  content: url(../svg/design/arrow-2.svg);
  font-size: unset;
}
.portfolio-testimonial-section .swiper-button-prev {
  left: calc(-30px + -20 * (100vw - 1399px) / 521);
  right: unset;
}
@media (max-width: 1399px) {
  .portfolio-testimonial-section .swiper-button-prev {
    left: -30px;
  }
}
@media (max-width: 1199px) {
  .portfolio-testimonial-section .swiper-button-prev {
    left: -32px;
  }
}
@media (max-width: 767px) {
  .portfolio-testimonial-section .swiper-button-prev {
    display: none;
  }
}
.portfolio-testimonial-section .swiper-button-prev::after {
  transform: scale(-1);
}

/**=====================
 cafe team slider Start
==========================**/
.cafe-team-section .cafe-team-slider .swiper-button-prev svg,
.cafe-team-section .cafe-testimonial-slider .swiper-button-prev svg,
.cafe-testimonial-section .cafe-team-slider .swiper-button-prev svg,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-button-prev svg {
  transform: scale(-1);
}
.cafe-team-section .cafe-team-slider .flex-pagination-arrow,
.cafe-team-section .cafe-testimonial-slider .flex-pagination-arrow,
.cafe-testimonial-section .cafe-team-slider .flex-pagination-arrow,
.cafe-testimonial-section .cafe-testimonial-slider .flex-pagination-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding-top: calc(15px + 35 * (100vw - 320px) / 1600);
}
.cafe-team-section .cafe-team-slider .swiper-pagination,
.cafe-team-section .cafe-testimonial-slider .swiper-pagination,
.cafe-testimonial-section .cafe-team-slider .swiper-pagination,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-pagination {
  position: relative;
  inset: unset;
  width: auto;
}
.cafe-team-section .cafe-team-slider .swiper-pagination .swiper-pagination-bullet,
.cafe-team-section .cafe-testimonial-slider .swiper-pagination .swiper-pagination-bullet,
.cafe-testimonial-section .cafe-team-slider .swiper-pagination .swiper-pagination-bullet,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.6);
  margin-inline: 5px;
  transition: 0.4s ease;
}
.cafe-team-section .cafe-team-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.cafe-team-section .cafe-testimonial-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.cafe-testimonial-section .cafe-team-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #b37a64;
  transition: 0.4s ease;
}
.cafe-team-section .cafe-team-slider .swiper-button-next,
.cafe-team-section .cafe-team-slider .swiper-button-prev,
.cafe-team-section .cafe-testimonial-slider .swiper-button-next,
.cafe-team-section .cafe-testimonial-slider .swiper-button-prev,
.cafe-testimonial-section .cafe-team-slider .swiper-button-next,
.cafe-testimonial-section .cafe-team-slider .swiper-button-prev,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-button-next,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-button-prev {
  position: relative;
  inset: unset;
  width: unset;
  height: unset;
  margin-top: 0;
}
.cafe-team-section .cafe-team-slider .swiper-button-next.swiper-button-disabled,
.cafe-team-section .cafe-team-slider .swiper-button-prev.swiper-button-disabled,
.cafe-team-section .cafe-testimonial-slider .swiper-button-next.swiper-button-disabled,
.cafe-team-section .cafe-testimonial-slider .swiper-button-prev.swiper-button-disabled,
.cafe-testimonial-section .cafe-team-slider .swiper-button-next.swiper-button-disabled,
.cafe-testimonial-section .cafe-team-slider .swiper-button-prev.swiper-button-disabled,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-button-next.swiper-button-disabled,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.cafe-team-section .cafe-team-slider .swiper-button-next.swiper-button-disabled svg,
.cafe-team-section .cafe-team-slider .swiper-button-prev.swiper-button-disabled svg,
.cafe-team-section .cafe-testimonial-slider .swiper-button-next.swiper-button-disabled svg,
.cafe-team-section .cafe-testimonial-slider .swiper-button-prev.swiper-button-disabled svg,
.cafe-testimonial-section .cafe-team-slider .swiper-button-next.swiper-button-disabled svg,
.cafe-testimonial-section .cafe-team-slider .swiper-button-prev.swiper-button-disabled svg,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-button-next.swiper-button-disabled svg,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-button-prev.swiper-button-disabled svg {
  fill: #fff;
  stroke: #fff;
}
.cafe-team-section .cafe-team-slider .swiper-button-next svg,
.cafe-team-section .cafe-team-slider .swiper-button-prev svg,
.cafe-team-section .cafe-testimonial-slider .swiper-button-next svg,
.cafe-team-section .cafe-testimonial-slider .swiper-button-prev svg,
.cafe-testimonial-section .cafe-team-slider .swiper-button-next svg,
.cafe-testimonial-section .cafe-team-slider .swiper-button-prev svg,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-button-next svg,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-button-prev svg {
  width: calc(35px + 10 * (100vw - 320px) / 1600);
  height: calc(20px + 2 * (100vw - 320px) / 1600);
  fill: #b37a64;
  stroke: #b37a64;
  transition: 0.4s ease;
}
.cafe-team-section .cafe-team-slider .swiper-button-next::after,
.cafe-team-section .cafe-team-slider .swiper-button-prev::after,
.cafe-team-section .cafe-testimonial-slider .swiper-button-next::after,
.cafe-team-section .cafe-testimonial-slider .swiper-button-prev::after,
.cafe-testimonial-section .cafe-team-slider .swiper-button-next::after,
.cafe-testimonial-section .cafe-team-slider .swiper-button-prev::after,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-button-next::after,
.cafe-testimonial-section .cafe-testimonial-slider .swiper-button-prev::after {
  content: unset;
}

/**=====================
 cafe home slider Start
==========================**/
.cafe-home-section .arrow-flex {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: calc(30px + 30 * (100vw - 320px) / 1600);
}
.cafe-home-section .pagination-flex {
  display: flex;
  align-items: center;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
}
.cafe-home-section .pagination-flex .fraction {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--white), 1);
  font-weight: 600;
}
.cafe-home-section .pagination-flex .swiper-pagination {
  position: relative;
}
.cafe-home-section .pagination-flex .swiper-pagination.progress-pagination {
  background: rgba(var(--white), 0.3);
  height: 1px;
  width: 98px;
}
.cafe-home-section .pagination-flex .swiper-pagination.progress-pagination .swiper-pagination-progressbar-fill {
  background-color: rgba(var(--white), 1);
  height: 4px;
  border-radius: 100px;
  top: -1.1px;
}
.cafe-home-section .swiper-button-prev {
  transform: scale(-1);
}
.cafe-home-section .swiper-button-prev,
.cafe-home-section .swiper-button-next {
  position: relative;
  inset: unset;
  width: unset;
  height: unset;
  margin-top: 0;
}
.cafe-home-section .swiper-button-prev::before,
.cafe-home-section .swiper-button-next::before {
  content: "";
  position: absolute;
  top: 14px;
  left: -6px;
  width: 16px;
  height: 16px;
  background: rgba(var(--theme-color), 0.4);
  border-radius: 100%;
}
.cafe-home-section .swiper-button-prev::after,
.cafe-home-section .swiper-button-next::after {
  content: unset;
}
.cafe-home-section .swiper-button-prev svg,
.cafe-home-section .swiper-button-next svg {
  width: 44px;
  height: 44px;
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}

/**=====================
 digital agency service slider Start
==========================**/
.digital-service-section .horizontal-title,
.digital-team-section .horizontal-title {
  align-items: baseline;
}
.digital-service-section .horizontal-title .arrow-flex,
.digital-team-section .horizontal-title .arrow-flex {
  display: flex;
  align-items: center;
  gap: 40px;
}
[dir=rtl] .digital-service-section .horizontal-title .arrow-flex,
[dir=rtl] .digital-team-section .horizontal-title .arrow-flex {
  direction: ltr;
}
.digital-service-section .horizontal-title .swiper-button-next,
.digital-service-section .horizontal-title .swiper-button-prev,
.digital-team-section .horizontal-title .swiper-button-next,
.digital-team-section .horizontal-title .swiper-button-prev {
  position: relative;
  inset: unset;
  width: unset;
  height: unset;
}
.digital-service-section .horizontal-title .swiper-button-next::after,
.digital-service-section .horizontal-title .swiper-button-prev::after,
.digital-team-section .horizontal-title .swiper-button-next::after,
.digital-team-section .horizontal-title .swiper-button-prev::after {
  content: unset;
}
.digital-service-section .horizontal-title .swiper-button-next::before,
.digital-service-section .horizontal-title .swiper-button-prev::before,
.digital-team-section .horizontal-title .swiper-button-next::before,
.digital-team-section .horizontal-title .swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -10px;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(var(--title-color), 1);
  border-radius: 100%;
}
.digital-service-section .horizontal-title .swiper-button-next svg,
.digital-service-section .horizontal-title .swiper-button-prev svg,
.digital-team-section .horizontal-title .swiper-button-next svg,
.digital-team-section .horizontal-title .swiper-button-prev svg {
  width: 30px;
  height: 30px;
  fill: rgba(var(--title-color), 1);
  stroke: rgba(var(--title-color), 1);
}
.digital-service-section .horizontal-title .swiper-button-prev::before,
.digital-team-section .horizontal-title .swiper-button-prev::before {
  top: 4px;
  right: -10px;
  left: unset;
}

/**=====================
 portfolio page slider Start
==========================**/
.portfolio-section .swiper-button-next {
  right: -20px;
}
@media (max-width: 767px) {
  .portfolio-section .swiper-button-next {
    right: -16px;
  }
}
.portfolio-section .swiper-button-prev {
  left: -20px;
}
@media (max-width: 767px) {
  .portfolio-section .swiper-button-prev {
    left: -16px;
  }
}
.portfolio-section .swiper-button-next,
.portfolio-section .swiper-button-prev {
  width: calc(30px + 10 * (100vw - 320px) / 1600);
  height: calc(30px + 10 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 1);
  border-radius: 100%;
  transform: translateY(-50%);
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  z-index: 0;
}
@media (max-width: 575px) {
  .portfolio-section .swiper-button-next,
  .portfolio-section .swiper-button-prev {
    display: none;
  }
}
.portfolio-section .swiper-button-next i,
.portfolio-section .swiper-button-prev i {
  font-size: calc(20px + 6 * (100vw - 320px) / 1600);
  line-height: 1;
  color: #fff;
}
.portfolio-section .swiper-button-next::after,
.portfolio-section .swiper-button-prev::after {
  content: unset;
}

/**=====================
 blog page slider Start
==========================**/
.blog-gallery-layout-slider .swiper-button-prev::after {
  transform: scale(-1);
}
.blog-gallery-layout-slider .swiper-button-prev,
.blog-gallery-layout-slider .swiper-button-next {
  width: calc(30px + 6 * (100vw - 320px) / 1600);
  height: calc(30px + 6 * (100vw - 320px) / 1600);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 100%;
  bottom: 0;
  transition: 0.4s ease;
  z-index: 1;
}
.blog-gallery-layout-slider .swiper-button-prev::after,
.blog-gallery-layout-slider .swiper-button-next::after {
  content: url(../svg/design/arrow-2.svg);
  filter: brightness(0) invert(1);
  font-size: unset;
}
.blog-gallery-layout-slider .swiper-pagination {
  bottom: calc(5px + 5 * (100vw - 320px) / 1600);
  z-index: 1;
}
.blog-gallery-layout-slider .swiper-pagination .swiper-pagination-bullet {
  background: rgba(var(--white), 0.8);
  transition: 0.4s ease;
}
.blog-gallery-layout-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(var(--theme-color), 1);
}
.blog-gallery-layout-slider .blog-detail-img::after {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}

/**=====================
 product page slider Start
==========================**/
.product-detail-section .product-full-slider .swiper-pagination {
  position: relative;
  inset: unset;
  margin-block: calc(10px + 30 * (100vw - 320px) / 1600);
}
.product-detail-section .product-full-slider .swiper-pagination .swiper-pagination-bullet {
  background: rgba(var(--content-color), 0.3);
  opacity: 1;
  transition: 0.4s ease;
  cursor: pointer;
}
.product-detail-section .product-full-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(var(--theme-color), 1);
}

/*========================
  5.7 quote style start
==========================*/
.quote {
  background: rgba(var(--theme-color), 1);
  padding: calc(15px + 5 * (100vw - 320px) / 1600) 0;
  overflow: hidden;
}
.quote.charity-quote {
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(330deg, rgba(var(--title-color), 0) 0%, rgba(var(--title-color), 1) 100%);
  border-image-slice: 1;
}
.quote.ad-quote {
  transform: rotate(-1deg) translateY(-15px);
  background-color: rgb(28, 28, 28);
  padding: calc(10px + 6 * (100vw - 320px) / 1600) 0;
}
@media (max-width: 991px) {
  .quote.ad-quote {
    transform: rotate(-1deg) translateY(-7px);
  }
}
.quote.ad-quote li {
  padding-right: calc(15px + 10 * (100vw - 320px) / 1600);
  color: #fff !important;
}
.quote.ad-quote li span {
  text-transform: capitalize !important;
  font-style: italic;
}
.quote.marketing-quote {
  background: linear-gradient(90deg, rgba(var(--content-color), 0.15) 0%, rgba(var(--content-color), 0) 100%);
  margin-top: 30px;
}
@media (max-width: 991px) {
  .quote.marketing-quote {
    margin-top: 0;
  }
}
.quote.marketing-quote li {
  gap: 30px !important;
}
.quote.marketing-quote li span {
  text-transform: capitalize !important;
  background: linear-gradient(to right, rgba(var(--title-color), 1), rgba(var(--theme-color), 1));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-transform: uppercase;
  display: inline-flex;
  padding-left: 30px;
}
[dir=rtl] .quote.marketing-quote li span {
  padding-left: 0;
  padding-right: 30px;
}
.quote .marquee {
  display: flex;
  gap: calc(15px + 10 * (100vw - 320px) / 1600);
  animation: marquee 20s linear infinite;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
  padding-right: 10px;
}
[dir=rtl] .quote .marquee {
  animation: marquee-reverse 20s linear infinite;
  padding-right: 0;
  padding-left: 10px;
}
.quote .marquee li {
  display: flex;
  gap: calc(15px + 10 * (100vw - 320px) / 1600);
  color: #333;
  align-items: center;
}
.quote .marquee li i {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.quote .marquee li span {
  text-transform: uppercase;
}

/*========================
  5.8 Breadcrumb style start
==========================*/
.inner-pages-bg {
  background: url(../images/design_agency/bg-effect/home-bg.png);
}

.breadcrumbs {
  padding-block: calc(35px + 25 * (100vw - 320px) / 1600);
  text-align: center;
}
.breadcrumbs h2 {
  text-transform: capitalize;
  color: #fff;
  margin-bottom: calc(8px + 8 * (100vw - 320px) / 1600);
  font-size: calc(18px + 17 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.breadcrumbs .breadcrumbs-list li {
  line-height: 1;
  font-weight: 400;
  color: rgba(var(--theme-color), 1);
  text-transform: capitalize;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.breadcrumbs .breadcrumbs-list li + li::before {
  float: left;
  content: "\f2e5";
  color: #fff;
  font-family: "remixicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-inline: calc(4px + 6 * (100vw - 320px) / 1600);
}
[dir=rtl] .breadcrumbs .breadcrumbs-list li + li::before {
  float: right;
  transform: scale(-1);
}
.breadcrumbs .breadcrumbs-list li:first-child a {
  color: #fff;
  font-weight: 400;
}

/*========================
  5.9 Mode style start
==========================*/
.theme-setting-box {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  z-index: 1;
}
[dir=rtl] .theme-setting-box {
  right: unset;
  left: 0;
}
.theme-setting-box:has(.theme-setting.show) .theme-setting-btn {
  transform: translateX(60px);
}
[dir=rtl] .theme-setting-box:has(.theme-setting.show) .theme-setting-btn {
  transform: translateX(-60px);
}
.theme-setting-box .theme-box {
  position: relative;
}
.theme-setting-box .theme-setting-btn {
  background-color: rgba(var(--theme-color), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(45px + 15 * (100vw - 320px) / 1600);
  height: calc(40px + 5 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
  z-index: 1;
  position: relative;
  border: none;
  padding: 0;
  transition: 0.4s ease;
  border-radius: 22px 0 0 22px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
[dir=rtl] .theme-setting-box .theme-setting-btn {
  border-radius: 0 22px 22px 0;
}
.theme-setting-box .theme-setting-btn:focus {
  outline: none;
}
.theme-setting-box .theme-setting-btn img {
  width: calc(20px + 4 * (100vw - 320px) / 1600);
  height: calc(20px + 4 * (100vw - 320px) / 1600);
  animation: round 5s infinite linear;
}
.theme-setting-box .theme-setting {
  background-color: rgba(var(--white), 1);
  padding: 12px;
  box-shadow: 0px 2px 8px 0px rgba(var(--black), 0.1);
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  transform: translateX(314px) translateY(-50%);
  transition: 0.4s ease;
}
.theme-setting-box .theme-setting.show {
  transform: translateX(0) translateY(-50%);
}
[dir=rtl] .theme-setting-box .theme-setting.show {
  transform: translateX(0) translateY(-50%);
}
[dir=rtl] .theme-setting-box .theme-setting {
  transform: translateX(-314px) translateY(-50%);
  right: unset;
  left: 0;
}
.theme-setting-box .theme-setting .theme-setting-header {
  background-color: rgba(var(--bg-color), 1);
  padding: 8px 10px;
  text-align: center;
  margin-bottom: 12px;
}
.theme-setting-box .theme-setting .theme-setting-header h5 {
  font-weight: 600;
  color: rgba(var(--title-color), 1);
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item + .theme-setting-item {
  border-top: 1px solid rgba(var(--border-color), 1);
  margin-top: 15px;
  padding-top: 15px;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .sub-title {
  text-transform: capitalize;
  font-weight: 700;
  letter-spacing: 0.5px;
  word-spacing: 2px;
  color: rgba(var(--title-color), 1);
  margin-bottom: calc(8px + 2 * (100vw - 320px) / 1600);
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex + .radio-flex {
  margin-top: 12px;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio {
  background: rgba(var(--bg-color), 0.7);
  padding: 6px 10px;
  transition: 0.4s ease;
  cursor: pointer;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio:has(input:checked) {
  background-color: rgba(var(--theme-color), 1);
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio:has(input:checked) label {
  color: #fff;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio:has(input:checked) input {
  border-color: #fff;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio:has(input:checked) input::after {
  background-color: #fff;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio label {
  cursor: pointer;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .layout-setting {
  width: 50%;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex span,
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex label {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  color: rgba(var(--title-color), 1);
  text-transform: capitalize;
  transition: 0.4s ease;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .theme-switch .form-control {
  padding: 0;
  height: 34px;
  background: rgba(var(--bg-color), 1);
  border: none;
  border-radius: 30px;
  position: relative;
  width: 70px;
  transition: 0.4s ease;
  cursor: pointer;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .theme-switch .form-control:checked {
  background-color: rgba(var(--theme-color), 1);
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .theme-switch .form-control:checked::after {
  background-color: rgba(var(--white), 1);
  left: 43px;
}
.theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .theme-switch .form-control::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 8px;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: rgba(var(--theme-color), 1);
  transform: translateY(-50%);
  transition: 0.4s ease;
}
.theme-setting-box .theme-setting .theme-setting-body .btn-borders {
  padding: 6px 22px;
  text-transform: capitalize;
  font-size: 16px;
  background-color: transparent;
  margin-top: 20px;
}
.theme-setting-box .btn-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.theme-setting-box .btn-flex button {
  width: 50%;
  justify-content: center;
}

/*========================
  5.10 Table style start
==========================*/
.compare-body .compare-table {
  border: 1px solid rgba(var(--border-color), 1);
  width: 100%;
}
.compare-body .compare-table tbody tr + tr {
  border-top: 1px solid rgba(var(--border-color), 1);
}
.compare-body .compare-table tbody tr td {
  padding: calc(10px + 2 * (100vw - 320px) / 1600);
  min-width: 260px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: rgba(var(--content-color), 1);
}
.compare-body .compare-table tbody tr td + td {
  border-left: 1px solid rgba(var(--border-color), 1);
}
[dir=rtl] .compare-body .compare-table tbody tr td + td {
  border-left: unset;
  border-right: 1px solid rgba(var(--border-color), 1);
}
.compare-body .compare-table tbody tr td .compare-box .compare-img {
  width: 100%;
  text-align: center;
}
.compare-body .compare-table tbody tr td .compare-box .compare-img img {
  width: 120px;
  height: 150px;
  object-fit: cover;
}
.compare-body .compare-table tbody tr td .compare-box .compare-content {
  margin-top: calc(10px + 5 * (100vw - 320px) / 1600);
}
.compare-body .compare-table tbody tr td .compare-box .compare-content .compare-title {
  font-size: 18px;
  font-weight: 500;
  color: rgba(var(--title-color), 1);
}
.compare-body .compare-table tbody tr td .compare-box .compare-content .product-price {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}
.compare-body .compare-table tbody tr td .compare-box .compare-content .product-price span {
  font-size: 16px;
  font-weight: 600;
  color: rgba(var(--theme-color), 1);
}
.compare-body .compare-table tbody tr td .compare-box .compare-content .product-price span del {
  color: rgba(var(--content-color), 1);
}
.compare-body .compare-table tbody tr td h6 {
  font-weight: 500;
  color: rgba(var(--title-color), 1);
}
.compare-body .compare-table tbody tr td .rating {
  display: flex;
  align-items: center;
  gap: 3px;
}
.compare-body .compare-table tbody tr td .rating li i {
  font-size: 16px;
}
.compare-body .compare-table tbody tr td span {
  font-size: 14px;
  color: rgba(var(--content-color), 1);
}
.compare-body .compare-table tbody tr td .btn-solid {
  padding: 5px 30px;
  color: #fff;
  font-weight: 400;
  margin-top: 0;
}
.compare-body .compare-table tbody tr td .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.compare-body .compare-table tbody tr td.remove-btn {
  cursor: pointer;
}
.compare-body .compare-table tbody tr td.remove-btn i {
  font-size: 18px;
  color: rgba(var(--theme-color), 1);
}

/*========================
  5.11 Tab style start
==========================*/
.ad-tab .horizontal-title {
  gap: 40px;
}
.ad-tab .horizontal-title h2 {
  line-height: 1.3;
}
.ad-tab .horizontal-title p {
  padding-top: 0;
  color: rgba(var(--content-color), 1);
}
.ad-tab .nav {
  flex-wrap: nowrap;
  flex-direction: column;
  overflow: auto;
  overflow-y: hidden;
  border-bottom: none;
}
@media (max-width: 991px) {
  .ad-tab .nav {
    flex-direction: row;
    justify-content: flex-start;
    gap: calc(15px + 15 * (100vw - 320px) / 671);
    border-bottom: 1px solid rgba(var(--title-color), 0.15);
  }
}
.ad-tab .nav .nav-item:first-child .nav-link::after {
  width: 33.33%;
}
.ad-tab .nav .nav-item:nth-child(2) .nav-link::after {
  width: 66.66%;
}
.ad-tab .nav .nav-item:last-child .nav-link {
  margin-bottom: 0px;
}
.ad-tab .nav .nav-item:last-child .nav-link::after {
  width: 100%;
}
.ad-tab .nav .nav-item .nav-link {
  color: rgba(var(--title-color), 1);
  padding-left: 0;
  border: none;
  border-bottom: 1px solid rgba(var(--title-color), 0.15);
  font-weight: 500;
  font-size: calc(18px + 15 * (100vw - 320px) / 1600);
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  padding: calc(12px + 38 * (100vw - 320px) / 1600) 0 calc(15px + 35 * (100vw - 320px) / 1600) 0;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .ad-tab .nav .nav-item .nav-link {
    padding-top: 0;
    border-bottom: 0;
  }
}
.ad-tab .nav .nav-item .nav-link::after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(var(--theme-color), 1);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
[dir=rtl] .ad-tab .nav .nav-item .nav-link::after {
  left: unset;
  right: 0;
}
.ad-tab .nav .nav-item .nav-link img {
  display: none;
}
[dir=rtl] .ad-tab .nav .nav-item .nav-link img {
  transform: scale(-1);
}
.ad-tab .nav .nav-item .nav-link.active {
  background: transparent;
  border: none;
  color: rgba(var(--theme-color), 1);
  border-bottom: 1px solid rgba(var(--title-color), 0.15);
}
.ad-tab .nav .nav-item .nav-link.active img {
  display: block;
}
@media (max-width: 991px) {
  .ad-tab .nav .nav-item .nav-link.active img {
    display: none;
  }
}
.ad-tab .nav .nav-item .nav-link.active::after {
  opacity: 1;
  visibility: visible;
}
.ad-tab .tab-content .ad-service-box {
  background: rgba(var(--bg-color), 1);
}
.ad-tab .tab-content .ad-service-box:hover .box-img {
  transform: none;
}
.ad-tab .tab-content .ad-service-box:hover h4 {
  color: rgba(var(--title-color), 1);
}
.ad-tab .tab-content .ad-service-box:hover p {
  color: rgba(var(--content-color), 1);
}
.ad-tab .tab-content .ad-service-box p {
  width: 100%;
  margin: calc(20px + 10 * (100vw - 320px) / 1600) 0 0 0;
}
.ad-tab .tab-content .ad-service-box .btn-flex {
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  color: rgba(var(--theme-color), 1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  margin-top: calc(12px + 18 * (100vw - 320px) / 1600);
}

.cafe-tab-section {
  position: relative;
}
@media (max-width: 575px) {
  .cafe-tab-section {
    padding-inline: 9px;
  }
}
.cafe-tab-section .cafe-tab-box {
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}
.cafe-tab-section .cafe-tab-box .nav-pills {
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
}
.cafe-tab-section .cafe-tab-box .nav-pills .nav-item {
  width: 100%;
  display: block;
}
.cafe-tab-section .cafe-tab-box .nav-pills .nav-item + .nav-item .nav-link {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
[dir=rtl] .cafe-tab-section .cafe-tab-box .nav-pills .nav-item + .nav-item .nav-link {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 0;
}
.cafe-tab-section .cafe-tab-box .nav-pills .nav-item .nav-link {
  width: 100%;
  height: 100%;
  padding-block: calc(12px + 13 * (100vw - 320px) / 1600);
  border-radius: 0;
  font-size: calc(16px + 8 * (100vw - 320px) / 1600);
  font-weight: 400;
  letter-spacing: 0.48px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(var(--content-color), 1);
}
.cafe-tab-section .cafe-tab-box .nav-pills .nav-item .nav-link.active {
  background: rgba(255, 255, 255, 0.1);
}
.cafe-tab-section .cafe-tab-box .tab-main-box h6 {
  color: rgba(var(--theme-color), 1);
  font-weight: 600;
  letter-spacing: 0.72px;
  margin-bottom: calc(18px + 6 * (100vw - 320px) / 1600);
}
.cafe-tab-section .cafe-tab-box .tab-content {
  padding: calc(20px + 20 * (100vw - 320px) / 1600);
}
.cafe-tab-section .cafe-tab-box .tab-box {
  display: flex;
  align-items: center;
  gap: calc(15px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 500px) {
  .cafe-tab-section .cafe-tab-box .tab-box {
    display: block;
    text-align: center;
  }
}
.cafe-tab-section .cafe-tab-box .tab-box + .tab-box {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
@media (max-width: 500px) {
  .cafe-tab-section .cafe-tab-box .tab-box .tab-img {
    padding-bottom: 15px;
  }
}
.cafe-tab-section .cafe-tab-box .tab-box .tab-img img {
  width: calc(80px + 11 * (100vw - 320px) / 1600);
  height: calc(80px + 11 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.cafe-tab-section .cafe-tab-box .tab-box .tab-info {
  width: calc(100% - (80px + 11 * (100vw - 320px) / 1600) - (15px + 5 * (100vw - 320px) / 1600));
}
@media (max-width: 500px) {
  .cafe-tab-section .cafe-tab-box .tab-box .tab-info {
    width: 100%;
  }
}
.cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: calc(5px + 5 * (100vw - 320px) / 1600);
  position: relative;
  z-index: 0;
}
.cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail::after {
  content: "";
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom: 2px dashed rgba(255, 255, 255, 0.3);
  z-index: -1;
  transform: translateY(-50%);
}
.cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail h5 {
  color: #fff;
  letter-spacing: 0.4px;
  background: rgba(var(--bg-color), 1);
  padding-right: calc(10px + 5 * (100vw - 320px) / 1600);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[dir=rtl] .cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail h5 {
  padding-right: 0;
  padding-left: calc(10px + 5 * (100vw - 320px) / 1600);
}
.cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail h4 {
  color: rgba(var(--theme-color), 1);
  background: rgba(var(--bg-color), 1);
  letter-spacing: 0.44px;
  padding-left: calc(10px + 5 * (100vw - 320px) / 1600);
}
[dir=rtl] .cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail h4 {
  padding-right: calc(10px + 5 * (100vw - 320px) / 1600);
  padding-left: 0;
}
@media (max-width: 430px) {
  .cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail {
    flex-direction: column;
  }
  .cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail::after {
    display: none;
  }
  .cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail h5 {
    padding-right: 0;
  }
  [dir=rtl] .cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail h5 {
    padding-left: 0;
  }
  .cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail h4 {
    padding-left: 0;
  }
  [dir=rtl] .cafe-tab-section .cafe-tab-box .tab-box .tab-info .tab-detail h4 {
    padding-right: 0;
  }
}
.cafe-tab-section .cafe-tab-box .tab-box .tab-info p {
  color: rgba(var(--content-color), 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cafe-tab-section .left-plant,
.cafe-tab-section .right-plant {
  position: absolute;
  bottom: 170px;
}
@media (max-width: 1800px) {
  .cafe-tab-section .left-plant,
  .cafe-tab-section .right-plant {
    display: none;
  }
}
.cafe-tab-section .left-plant {
  left: 26px;
}
.cafe-tab-section .right-plant {
  right: 26px;
}
.cafe-tab-section .btn-solid {
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding: 14px 30px;
  font-weight: 500;
  margin-top: 40px;
}
.cafe-tab-section .btn-solid svg {
  width: 28px;
  height: 28px;
  fill: #fff;
  stroke: #fff;
  transition: 0.4s ease;
}
[dir=rtl] .cafe-tab-section .btn-solid svg {
  transform: scale(-1);
}
.cafe-tab-section .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.cafe-tab-section .btn-solid:hover svg {
  fill: rgba(var(--theme-color), 1);
  stroke: rgba(var(--theme-color), 1);
}

.event-tab-section .nav-pills {
  gap: calc(15px + 15 * (100vw - 320px) / 1600);
  flex-wrap: nowrap;
  overflow: auto;
}
.event-tab-section .nav-pills .nav-item .nav-link {
  padding: 10px calc(30px + 10 * (100vw - 320px) / 1600);
  background-color: rgba(var(--theme-color), 0.18);
  border-radius: 0;
  color: rgba(var(--theme-color), 1);
  white-space: nowrap;
}
.event-tab-section .nav-pills .nav-item .nav-link.active {
  background: rgba(var(--theme-color), 1);
  color: #fff;
}
.event-tab-section .tab-content .schedule-list .schedule-item {
  background: rgba(var(--white), 1);
  box-shadow: 0px 2px 16px 0px rgba(var(--bg-color), 0.06);
  padding: calc(15px + 20 * (100vw - 320px) / 1600);
  display: block;
  margin-top: calc(12px + 18 * (100vw - 320px) / 1600);
}
.event-tab-section .tab-content .schedule-list .schedule-item .inner-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.event-tab-section .tab-content .schedule-list .schedule-item .inner-list li {
  width: 25%;
}
@media (max-width: 1199px) {
  .event-tab-section .tab-content .schedule-list .schedule-item .inner-list li {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .event-tab-section .tab-content .schedule-list .schedule-item .inner-list li {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .event-tab-section .tab-content .schedule-list .schedule-item .inner-list li:first-child {
    width: 30%;
  }
  .event-tab-section .tab-content .schedule-list .schedule-item .inner-list li:nth-child(2) {
    width: 30%;
  }
  .event-tab-section .tab-content .schedule-list .schedule-item .inner-list li:last-child {
    width: 15%;
  }
}
.event-tab-section .tab-content .schedule-list .schedule-item .schedule-img {
  display: flex;
  align-items: center;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
  padding-right: calc(10px + 40 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .event-tab-section .tab-content .schedule-list .schedule-item .schedule-img {
    padding-right: 0;
  }
  [dir=rtl] .event-tab-section .tab-content .schedule-list .schedule-item .schedule-img {
    padding-left: 0;
  }
}
[dir=rtl] .event-tab-section .tab-content .schedule-list .schedule-item .schedule-img {
  padding-left: calc(10px + 40 * (100vw - 320px) / 1600);
  padding-right: 0;
}
@media (max-width: 575px) {
  .event-tab-section .tab-content .schedule-list .schedule-item .schedule-img {
    margin-bottom: 15px;
  }
}
.event-tab-section .tab-content .schedule-list .schedule-item .schedule-img img {
  width: calc(80px + 26 * (100vw - 320px) / 1600);
  height: calc(80px + 26 * (100vw - 320px) / 1600);
  object-fit: cover;
}
.event-tab-section .tab-content .schedule-list .schedule-item .schedule-img .event-name {
  width: calc(100% - (80px + 26 * (100vw - 320px) / 1600) - (10px + 10 * (100vw - 320px) / 1600));
}
.event-tab-section .tab-content .schedule-list .schedule-item .schedule-img .event-name span {
  color: rgba(var(--content-color), 1);
  margin-bottom: 4px;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  display: inline-block;
}
.event-tab-section .tab-content .schedule-list .schedule-item .host-list {
  width: calc(100% - 120px);
  border-left: 1px solid rgba(122, 87, 246, 0.1);
  padding-inline: calc(10px + 40 * (100vw - 320px) / 1600);
}
[dir=rtl] .event-tab-section .tab-content .schedule-list .schedule-item .host-list {
  border-left: none;
  border-right: 1px solid rgba(122, 87, 246, 0.1);
}
@media (max-width: 1199px) {
  .event-tab-section .tab-content .schedule-list .schedule-item .host-list {
    border-left: none;
    padding-inline: 0;
    margin-top: 15px;
  }
  [dir=rtl] .event-tab-section .tab-content .schedule-list .schedule-item .host-list {
    border-right: none;
  }
}
@media (max-width: 575px) {
  .event-tab-section .tab-content .schedule-list .schedule-item .host-list {
    margin-bottom: 15px;
  }
}
.event-tab-section .tab-content .schedule-list .schedule-item .host-list span {
  color: rgba(var(--content-color), 1);
  margin-bottom: 4px;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  display: inline-block;
}
.event-tab-section .tab-content .schedule-list .schedule-item .btn-solid {
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  padding: 10px calc(18px + 15 * (100vw - 320px) / 1600);
  width: 100%;
  justify-content: center;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .event-tab-section .tab-content .schedule-list .schedule-item .btn-solid {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .event-tab-section .tab-content .schedule-list .schedule-item .btn-solid {
    width: 100%;
    justify-content: center;
  }
}

.tab-pane.show .tab-box {
  animation: zoomIn 300ms ease-in-out;
}

/*  Pages */
/*========================
  6.1 Blog style start
==========================*/
.blog-page-section.blog-layout-1 .blog-grid-box {
  box-shadow: 0 0 15px 4px rgba(var(--title-color), 0.03);
}
@media (max-width: 576px) {
  .blog-page-section.blog-layout-1 .blog-grid-box {
    box-shadow: none;
  }
}
.blog-page-section.blog-layout-1 .blog-grid-box.full-box {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 575px) {
  .blog-page-section.blog-layout-1 .blog-grid-box.full-box {
    flex-direction: column;
  }
}
.blog-page-section.blog-layout-1 .blog-grid-box.full-box .blog-img {
  width: 50%;
  height: 100%;
}
@media (max-width: 575px) {
  .blog-page-section.blog-layout-1 .blog-grid-box.full-box .blog-img {
    width: 100%;
  }
}
.blog-page-section.blog-layout-1 .blog-grid-box.full-box .blog-img .bg-size {
  height: 100%;
}
.blog-page-section.blog-layout-1 .blog-grid-box.full-box .blog-content {
  width: 50%;
  padding-block: 0;
}
@media (max-width: 767px) and (min-width: 576px) {
  .blog-page-section.blog-layout-1 .blog-grid-box.full-box .blog-content {
    padding: 10px;
  }
}
@media (max-width: 575px) {
  .blog-page-section.blog-layout-1 .blog-grid-box.full-box .blog-content {
    width: 100%;
    padding: 0;
  }
}
.blog-page-section.blog-layout-1 .blog-grid-box.full-box .blog-content .blog-title {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
}
.blog-page-section.blog-layout-1 .blog-grid-box.full-box .blog-content p {
  -webkit-line-clamp: 5;
}
@media (max-width: 576px) {
  .blog-page-section.blog-layout-1 .blog-grid-box.full-box .blog-content p {
    -webkit-line-clamp: 4;
    line-height: 1.3;
  }
}
.blog-page-section.blog-layout-1 .blog-grid-box .blog-content {
  padding: calc(0px + 20 * (100vw - 320px) / 1600);
  margin-top: 0;
}
@media (max-width: 576px) {
  .blog-page-section.blog-layout-1 .blog-grid-box .blog-content {
    margin-top: 8px;
  }
}
.blog-page-section.blog-layout-1 .blog-grid-box .blog-content p {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.blog-page-section.blog-layout-2 .blog-grid-box {
  box-shadow: 0 0 15px 4px rgba(var(--title-color), 0.03);
}
.blog-page-section.blog-layout-2 .blog-grid-box.full-box {
  display: flex;
  align-items: center;
}
.blog-page-section.blog-layout-2 .blog-grid-box.full-box + .full-box {
  margin-top: 32px;
}
@media (max-width: 575px) {
  .blog-page-section.blog-layout-2 .blog-grid-box.full-box {
    flex-direction: column;
  }
}
.blog-page-section.blog-layout-2 .blog-grid-box.full-box .blog-img {
  width: 42%;
}
@media (max-width: 575px) {
  .blog-page-section.blog-layout-2 .blog-grid-box.full-box .blog-img {
    width: 100%;
  }
}
.blog-page-section.blog-layout-2 .blog-grid-box.full-box .blog-content {
  width: 58%;
}
@media (max-width: 575px) {
  .blog-page-section.blog-layout-2 .blog-grid-box.full-box .blog-content {
    width: 100%;
    padding: 0;
  }
}
.blog-page-section.blog-layout-2 .blog-grid-box.full-box .blog-content .blog-title {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
}
.blog-page-section.blog-layout-2 .blog-grid-box.full-box .blog-content p {
  -webkit-line-clamp: 2;
}
.blog-page-section.blog-layout-2 .blog-grid-box .blog-content {
  padding: calc(0px + 20 * (100vw - 320px) / 1600);
  margin-top: 0;
}
@media (max-width: 575px) {
  .blog-page-section.blog-layout-2 .blog-grid-box .blog-content {
    margin-top: 8px;
  }
}
.blog-page-section.blog-layout-2 .blog-grid-box .blog-content p {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.blog-page-section .alternate-list .row > div:last-child .blog-list-box {
  margin-bottom: 0;
}
.blog-page-section .alternate-list .row > div:nth-child(even) .blog-img {
  order: 1;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .blog-page-section .alternate-list .row > div:nth-child(even) .blog-img {
    order: 0;
  }
}
@media (max-width: 767px) {
  .blog-page-section .alternate-list .row > div:nth-child(even) .blog-img {
    order: 0;
  }
}
.blog-page-section .alternate-list .row > div:nth-child(even) .blog-content {
  padding-right: calc(15px + 5 * (100vw - 320px) / 1600);
  padding-left: 0;
}
[dir=rtl] .blog-page-section .alternate-list .row > div:nth-child(even) .blog-content {
  padding-left: calc(15px + 5 * (100vw - 320px) / 1600);
  padding-right: 0;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .blog-page-section .alternate-list .row > div:nth-child(even) .blog-content {
    padding-right: 0;
  }
  [dir=rtl] .blog-page-section .alternate-list .row > div:nth-child(even) .blog-content {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .blog-page-section .alternate-list .row > div:nth-child(even) .blog-content {
    text-align: left;
    padding-right: 0;
  }
  [dir=rtl] .blog-page-section .alternate-list .row > div:nth-child(even) .blog-content {
    padding-left: 0;
    text-align: right;
  }
}
@media (max-width: 1199px) and (min-width: 991px) {
  .blog-page-section .alternate-list .row > div:nth-child(even) .blog-content .blog-author span:first-child {
    order: 0;
  }
}
@media (max-width: 767px) {
  .blog-page-section .alternate-list .row > div:nth-child(even) .blog-content .blog-author span:first-child {
    order: 0;
  }
}
.blog-page-section .alternate-list .row > div:nth-child(even) .blog-content .add-to-favorite {
  justify-content: flex-end;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .blog-page-section .alternate-list .row > div:nth-child(even) .blog-content .add-to-favorite {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .blog-page-section .alternate-list .row > div:nth-child(even) .blog-content .add-to-favorite {
    justify-content: flex-start;
  }
}
@media (min-width: 991px) {
  .blog-page-section.no-sidebar-list .blog-list-box .blog-img {
    width: 44%;
  }
}
@media (max-width: 1199px) and (min-width: 991px) {
  .blog-page-section.no-sidebar-list .blog-list-box .blog-page-content {
    padding-left: 20px;
  }
}
@media (min-width: 991px) {
  .blog-page-section.no-sidebar-list .blog-list-box .blog-page-content {
    width: 56%;
  }
}
.blog-page-section.no-sidebar-list .alternate-list .row > div:last-child .blog-list-box {
  margin-bottom: 0;
}
.blog-page-section.no-sidebar-list .alternate-list .row > div:nth-child(even) .blog-img {
  order: 1;
}
@media (max-width: 767px) {
  .blog-page-section.no-sidebar-list .alternate-list .row > div:nth-child(even) .blog-img {
    order: 0;
  }
}
.blog-page-section.no-sidebar-list .alternate-list .row > div:nth-child(even) .blog-content {
  padding-right: calc(15px + 5 * (100vw - 320px) / 1600);
  padding-left: 0;
}
@media (max-width: 767px) {
  .blog-page-section.no-sidebar-list .alternate-list .row > div:nth-child(even) .blog-content {
    text-align: left;
    padding-right: 0;
  }
}
@media (max-width: 1199px) and (min-width: 991px) {
  .blog-page-section.no-sidebar-list .alternate-list .row > div:nth-child(even) .blog-content .blog-author span:first-child {
    order: 0;
  }
}
@media (max-width: 767px) {
  .blog-page-section.no-sidebar-list .alternate-list .row > div:nth-child(even) .blog-content .blog-author span:first-child {
    order: 0;
  }
}
.blog-page-section.no-sidebar-list .alternate-list .row > div:nth-child(even) .blog-content .add-to-favorite {
  justify-content: flex-end;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .blog-page-section.no-sidebar-list .alternate-list .row > div:nth-child(even) .blog-content .add-to-favorite {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .blog-page-section.no-sidebar-list .alternate-list .row > div:nth-child(even) .blog-content .add-to-favorite {
    justify-content: flex-start;
  }
}
.blog-page-section .blog-list-box:hover .blog-img .blog-scale-img,
.blog-page-section .blog-grid-box:hover .blog-img .blog-scale-img {
  transform: scale(1.1);
}
.blog-page-section .blog-list-box .blog-img,
.blog-page-section .blog-grid-box .blog-img {
  display: block;
  overflow: hidden;
}
.blog-page-section .blog-list-box .blog-img .blog-scale-img,
.blog-page-section .blog-grid-box .blog-img .blog-scale-img {
  transform: scale(1);
  transition: 1s ease;
}
.blog-page-section p {
  margin-bottom: 0;
}

.blog-list-box {
  display: flex;
  align-items: center;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}
.blog-list-box:hover .blog-content .blog-title {
  color: rgba(var(--theme-color), 1);
}
.blog-list-box:hover .blog-content .blog-title i {
  transform: rotate(45deg);
}
[dir=rtl] .blog-list-box:hover .blog-content .blog-title i {
  transform: rotate(-130deg);
}
.blog-list-box .blog-img {
  width: 40%;
  height: 100%;
  overflow: hidden;
}
.blog-list-box .blog-img img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1399px) {
  .blog-list-box .blog-img {
    width: 44%;
  }
}
@media (max-width: 1199px) and (min-width: 991px) {
  .blog-list-box .blog-img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .blog-list-box .blog-img {
    width: 100%;
  }
}

.blog-content {
  padding-top: calc(15px + 5 * (100vw - 320px) / 1600);
}
.blog-content.blog-page-content {
  width: 60%;
  padding-left: calc(15px + 5 * (100vw - 320px) / 1600);
  padding-top: 0;
}
[dir=rtl] .blog-content.blog-page-content {
  padding-left: 0;
  padding-right: calc(15px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) and (min-width: 991px) {
  .blog-content.blog-page-content {
    padding-left: 0;
    padding-top: 10px;
  }
  [dir=rtl] .blog-content.blog-page-content {
    padding-right: 0;
  }
}
@media (max-width: 1399px) {
  .blog-content.blog-page-content {
    width: 56%;
  }
}
@media (max-width: 1199px) and (min-width: 991px) {
  .blog-content.blog-page-content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .blog-content.blog-page-content {
    width: 100%;
    padding-left: 0;
    padding-top: 10px;
  }
  [dir=rtl] .blog-content.blog-page-content {
    padding-right: 0;
  }
}
.blog-content .blog-author {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.blog-content .blog-author span {
  color: rgba(var(--content-color), 1);
  font-weight: 400;
  font-size: calc(12px + 2 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  gap: 5px;
}
.blog-content .blog-author span + span::before {
  position: relative;
  content: "";
  width: 5px;
  height: 5px;
  background-color: rgba(var(--content-color), 1);
  display: inline-block;
  border-radius: 100%;
}
.blog-content .blog-title {
  color: rgba(var(--title-color), 1);
  padding-block: 2px 5px;
  display: flex;
  gap: 8px;
  align-items: baseline;
  justify-content: space-between;
}
.blog-content .blog-title h6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
}
.blog-content .blog-title i {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.blog-content p {
  color: rgba(var(--content-color), 1);
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.blog-content .add-to-favorite {
  border: none;
  background-color: transparent;
  line-height: 1;
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 5px;
  padding: 0;
  color: rgba(var(--content-color), 1);
  font-weight: 500;
  margin-top: calc(8px + 7 * (100vw - 320px) / 1600);
}
.blog-content .add-to-favorite span {
  padding-right: 5px;
}
[dir=rtl] .blog-content .add-to-favorite span {
  padding-left: 5px;
  padding-right: 0;
}
.blog-content .add-to-favorite.checked .heart-icon {
  color: rgba(var(--theme-color), 1);
  display: block;
}
.blog-content .add-to-favorite.checked .heart-outline {
  display: none;
}
.blog-content .add-to-favorite .heart-icon {
  display: none;
}
.blog-content .add-to-favorite i {
  font-size: 16px;
  animation: heart 2s linear infinite;
}

.blog-right {
  position: sticky;
  top: 20px;
  left: 0;
}
@media (max-width: 991px) {
  .blog-right {
    position: relative;
    inset: unset;
  }
}

.blog-sidebar {
  position: sticky;
  top: 20px;
  left: 0;
}
@media (max-width: 991px) {
  .blog-sidebar {
    position: relative;
    margin-top: calc(20px + 10 * (100vw - 320px) / 671);
    inset: unset;
  }
}
.blog-sidebar .sidebar-banner-img {
  margin-block: calc(15px + 15 * (100vw - 320px) / 1600);
}
.blog-sidebar .sidebar-banner-img img {
  width: 100%;
}
.blog-sidebar .sidebar-box {
  padding: calc(10px + 5 * (100vw - 320px) / 1600);
  background-color: rgba(var(--bg-color), 0.8);
}
.blog-sidebar .sidebar-box + .sidebar-box {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.blog-sidebar .sidebar-box:hover h4::after {
  width: 50px;
}
.blog-sidebar .sidebar-box h4 {
  font-weight: 600;
  display: inline-block;
}
.blog-sidebar .sidebar-box h4::after {
  content: "";
  position: relative;
  width: 20px;
  height: 2px;
  background: rgba(var(--theme-color), 1);
  margin-block: 5px calc(15px + 10 * (100vw - 320px) / 1600);
  display: block;
  transition: 0.4s ease;
}
.blog-sidebar .sidebar-box .categories-list li {
  display: block;
  transition: 0.4s ease;
  font-weight: 400;
}
.blog-sidebar .sidebar-box .categories-list li:hover a {
  color: rgba(var(--theme-color), 1);
  padding-left: 4px;
}
.blog-sidebar .sidebar-box .categories-list li:hover a span {
  color: rgba(var(--theme-color), 1);
}
.blog-sidebar .sidebar-box .categories-list li + li {
  margin-top: calc(10px + 2 * (100vw - 320px) / 1600);
}
.blog-sidebar .sidebar-box .categories-list li a {
  color: rgba(var(--title-color), 0.9);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: calc(17px + 1 * (100vw - 320px) / 1600);
}
.blog-sidebar .sidebar-box .categories-list li a i {
  font-size: calc(16px + 1 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
  color: rgba(var(--theme-color), 1);
}
.blog-sidebar .sidebar-box .categories-list li a span {
  font-size: 14px;
  margin-left: auto;
  color: rgba(var(--content-color), 1);
  transition: 0.4s ease;
}
[dir=rtl] .blog-sidebar .sidebar-box .categories-list li a span {
  margin-left: 0;
  margin-right: auto;
}
.blog-sidebar .sidebar-box .recent-post .recent-item {
  display: flex;
  align-items: center;
  gap: calc(8px + 7 * (100vw - 320px) / 1600);
}
.blog-sidebar .sidebar-box .recent-post .recent-item + .recent-item {
  margin-top: calc(12px + 6 * (100vw - 320px) / 1600);
  border-top: 1px solid rgba(var(--border-color));
  padding-top: calc(12px + 6 * (100vw - 320px) / 1600);
}
.blog-sidebar .sidebar-box .recent-post .recent-item:hover .recent-img img {
  filter: grayscale(0);
}
.blog-sidebar .sidebar-box .recent-post .recent-item:hover .recent-info a {
  color: rgba(var(--theme-color), 1);
}
.blog-sidebar .sidebar-box .recent-post .recent-item .recent-img {
  overflow: hidden;
}
.blog-sidebar .sidebar-box .recent-post .recent-item .recent-img img {
  width: calc(90px + 10 * (100vw - 320px) / 1600);
  height: calc(55px + 15 * (100vw - 320px) / 1600);
  object-fit: cover;
  filter: grayscale(1);
  transition: 0.4s ease;
}
.blog-sidebar .sidebar-box .recent-post .recent-item .recent-info {
  width: calc(100% - (90px + 10 * (100vw - 320px) / 1600) - (5px + 6 * (100vw - 320px) / 1600));
}
.blog-sidebar .sidebar-box .recent-post .recent-item .recent-info span {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
  color: rgba(var(--title-color), 0.7);
}
.blog-sidebar .sidebar-box .recent-post .recent-item .recent-info a {
  color: rgba(var(--title-color), 1);
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blog-sidebar .sidebar-box .products-tags {
  display: flex;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}
.blog-sidebar .sidebar-box .products-tags li {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
}
.blog-sidebar .sidebar-box .products-tags li:hover a {
  color: #fff;
  background: rgba(var(--theme-color), 1);
}
.blog-sidebar .sidebar-box .products-tags li a {
  color: rgba(var(--theme-color), 1);
  background: rgba(var(--theme-color), 0.1);
  padding: 8px 10px;
  transition: 0.4s ease;
  line-height: 1;
}
.blog-sidebar .sidebar-box .product-social-icon li a {
  background-color: rgba(var(--white), 1);
}
.blog-sidebar .sidebar-box .subscribe-box .form-control {
  border: none;
  padding: 10px 14px;
  border-radius: 0;
  color: rgba(var(--content-color), 1);
  background-color: rgba(var(--white), 1);
}
.blog-sidebar .sidebar-box .subscribe-box .form-control::placeholder {
  color: rgba(var(--content-color), 1);
}
.blog-sidebar .sidebar-box .subscribe-box .btn-solid {
  padding: 6px 10px;
  width: 100%;
  justify-content: center;
}

.blog-grid-box:hover .blog-content .blog-title {
  color: rgba(var(--theme-color), 1);
}
.blog-grid-box:hover .blog-content .blog-title i {
  transform: rotate(45deg);
}
[dir=rtl] .blog-grid-box:hover .blog-content .blog-title i {
  transform: rotate(-130deg);
}
.blog-grid-box .blog-content {
  width: 100%;
}
.blog-grid-box .blog-img {
  width: 100%;
  height: 100%;
}

.blog-detail .blog-detail-content {
  margin-block: calc(15px + 25 * (100vw - 320px) / 1600);
}
.blog-detail .blog-detail-content .row {
  margin-block: calc(20px + 12 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .blog-detail .blog-detail-content .row {
    margin-top: 0;
  }
}
.blog-detail .blog-detail-content h3 {
  margin-block: calc(4px + 3 * (100vw - 320px) / 1600) calc(10px + 25 * (100vw - 320px) / 1600);
}
.blog-detail .blog-detail-content .blog-post-info {
  display: flex;
  gap: 8px;
  align-items: center;
}
.blog-detail .blog-detail-content .blog-post-info span {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 0.7);
  display: flex;
  align-items: center;
  gap: 8px;
}
.blog-detail .blog-detail-content .blog-post-info span + span::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: rgba(var(--title-color), 0.4);
}
.blog-detail .blog-detail-content .blog-post-info span i {
  margin-right: 2px;
}
.blog-detail .blog-detail-content p {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
.blog-detail .blog-detail-content p.first-letter::first-letter {
  font-size: calc(40px + 20 * (100vw - 320px) / 1600);
  float: left;
  line-height: calc(30px + 10 * (100vw - 320px) / 1600);
  padding-top: 4px;
  font-weight: 600;
  padding-right: calc(8px + 7 * (100vw - 320px) / 1600);
  padding-left: 3px;
  color: rgba(var(--title-color), 1);
}
[dir=rtl] .blog-detail .blog-detail-content p.first-letter::first-letter {
  float: right;
  padding-left: 15px;
  padding-right: 3px;
}
.blog-detail .design-form {
  border: none;
  padding-inline: 0;
  padding-bottom: 0;
}
.blog-detail .design-form .form-label {
  margin-bottom: 5px;
  margin-top: calc(10px + 14 * (100vw - 320px) / 1600);
}
.blog-detail .design-form textarea {
  height: 120px;
}
.blog-detail .design-form .form-control {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
}
.blog-detail .design-form .form-control::placeholder {
  color: rgba(var(--content-color), 1);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}

.sidebar-search {
  position: relative;
}
.sidebar-search .form-control {
  border: none;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  width: 100%;
  height: auto;
  padding: 8px calc(45px + 15 * (100vw - 320px) / 1600) 8px calc(8px + 4 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--border-color), 1);
  border-radius: 0;
  background-color: rgba(var(--white), 1);
}
.sidebar-search .form-control::placeholder {
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
}
.sidebar-search .b-search-icon {
  font-size: calc(20px + 2 * (100vw - 320px) / 1600);
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--theme-color), 1);
}

.blog-detail-img {
  position: relative;
  z-index: 0;
}
.blog-detail-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.18) 50%, rgba(0, 0, 0, 0) 100%);
}

.pagination {
  justify-content: center;
  margin-top: calc(20px + 30 * (100vw - 320px) / 1600);
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.pagination .page-item:last-child .page-link {
  margin-right: 0;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
  border-radius: 0;
}
.pagination .page-item:hover .page-link, .pagination .page-item.active .page-link {
  background: rgba(var(--theme-color), 1);
  border: 1px solid rgba(var(--theme-color), 1);
  color: #fff;
}
.pagination .page-link {
  margin-left: 0;
  background-color: transparent;
  border: 1px solid rgba(var(--theme-color), 1);
  border-radius: 0;
  color: rgba(var(--theme-color), 1);
  width: calc(30px + 10 * (100vw - 320px) / 1600);
  height: calc(30px + 10 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  z-index: 0;
}
.pagination .page-link:focus {
  box-shadow: none;
}
.pagination .page-link i {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
[dir=rtl] .pagination .page-link i {
  transform: scale(-1);
}

.featured-wrapper .load-more-list .col-grid-box {
  display: none;
  transition: all 1.5s ease;
}
.featured-wrapper .load-more-list .col-grid-box.show {
  display: block;
}
.featured-wrapper .btn-solid {
  background-color: rgba(var(--white), 1);
  color: #fff;
  display: block;
  margin-inline: auto;
  margin-top: 30px;
}
.featured-wrapper .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.featured-wrapper #no-more-products {
  display: none;
  text-align: center;
  margin-top: 30px;
  text-transform: capitalize;
  color: rgba(var(--title-color), 1);
}

.blog-comment h3,
.product-comment h3 {
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
}
.blog-comment .comment-box,
.product-comment .comment-box {
  display: flex;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
  align-items: start;
}
.blog-comment .comment-box.comment-replay,
.product-comment .comment-box.comment-replay {
  padding-left: calc(15px + 25 * (100vw - 320px) / 1600);
  margin-top: calc(15px + 5 * (100vw - 320px) / 1600) !important;
  padding-top: calc(15px + 5 * (100vw - 320px) / 1600) !important;
}
[dir=rtl] .blog-comment .comment-box.comment-replay,
[dir=rtl] .product-comment .comment-box.comment-replay {
  padding-right: calc(20px + 70 * (100vw - 320px) / 1600);
  padding-left: 0;
}
.blog-comment .comment-box + .comment-box,
.product-comment .comment-box + .comment-box {
  margin-top: calc(20px + 10 * (100vw - 320px) / 1600);
  border-top: 1px solid rgba(var(--border-color), 1);
  padding-top: calc(20px + 10 * (100vw - 320px) / 1600);
}
.blog-comment .comment-box img,
.product-comment .comment-box img {
  width: calc(60px + 20 * (100vw - 320px) / 1600);
  height: calc(60px + 20 * (100vw - 320px) / 1600);
  object-fit: cover;
}
.blog-comment .comment-box .comment-content,
.product-comment .comment-box .comment-content {
  width: calc(100% - (10px + 10 * (100vw - 320px) / 1600) - (50px + 20 * (100vw - 320px) / 1600));
}
.blog-comment .comment-box .comment-content p,
.product-comment .comment-box .comment-content p {
  color: rgba(var(--content-color), 1);
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  margin-bottom: 0;
}
.blog-comment .comment-box .comment-info,
.product-comment .comment-box .comment-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  align-items: center;
  gap: 3px;
}
.blog-comment .comment-box .comment-info a,
.product-comment .comment-box .comment-info a {
  color: rgba(var(--theme-color), 1);
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  gap: 5px;
}
.blog-comment .comment-box .comment-info a i,
.product-comment .comment-box .comment-info a i {
  font-size: 16px;
}
[dir=rtl] .blog-comment .comment-box .comment-info a i,
[dir=rtl] .product-comment .comment-box .comment-info a i {
  transform: scaleX(-1);
}
.blog-comment .comment-box .comment-info .comment-post,
.product-comment .comment-box .comment-info .comment-post {
  display: flex;
  align-items: center;
  gap: calc(5px + 15 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}
.blog-comment .comment-box .comment-info h6,
.product-comment .comment-box .comment-info h6 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}

/*========================
  6.2 Portfolio style start
==========================*/
.portfolio-section .nav-tabs-portfolio {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
.portfolio-section .nav-tabs-portfolio .nav-pills {
  justify-content: center;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
}
.portfolio-section .nav-tabs-portfolio .nav-pills .nav-link {
  color: rgba(var(--title-color), 1);
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
  text-transform: uppercase;
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(10px + 10 * (100vw - 320px) / 1600);
  border-radius: 0;
  line-height: 1;
}
@media (max-width: 430px) {
  .portfolio-section .nav-tabs-portfolio .nav-pills .nav-link {
    text-transform: capitalize;
  }
}
.portfolio-section .nav-tabs-portfolio .nav-pills .nav-link.active {
  background: rgba(var(--theme-color), 1);
  color: #fff;
}
.portfolio-section h3 {
  text-align: center;
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
  font-size: calc(20px + 10 * (100vw - 320px) / 1600);
}
.portfolio-section h3.without-tab {
  margin-bottom: calc(30px + 20 * (100vw - 320px) / 1600);
}
.portfolio-section .slide-wrap {
  position: relative;
}
.portfolio-section .slide-wrap:hover .swiper-button-next,
.portfolio-section .slide-wrap:hover .swiper-button-prev {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 476px) {
  .portfolio-section .grid-sizer,
  .portfolio-section .grid-item {
    width: 100% !important;
  }
}
.portfolio-section .blog-grid {
  overflow: hidden;
  position: relative;
}
.portfolio-section .blog-grid:hover .img-box {
  transform: scale(1.1);
  filter: opacity(1);
}
.portfolio-section .blog-grid:hover .transform-img {
  transform: translateY(-50px);
}
.portfolio-section .blog-grid:hover .portfolio-transform-content {
  bottom: 0;
}
.portfolio-section .blog-grid:hover .portfolio-overlay::after {
  transform: scale(1);
}
.portfolio-section .blog-grid:hover .grid-flex-icon {
  transform: translate(-50%, -50%);
}
.portfolio-section .blog-grid:hover .grid-icon {
  transform: scale(1);
}
.portfolio-section .blog-grid:hover .grid-content {
  opacity: 1;
  visibility: visible;
}
.portfolio-section .blog-grid .img-box {
  width: 100%;
  height: 100%;
  transform: scale(1);
  filter: opacity(0.8);
  transition: 0.4s ease;
}
.portfolio-section .blog-grid .portfolio-transform-content {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background: rgba(var(--bg-color), 1);
  transition: 0.4s ease;
  padding: calc(5px + 5 * (100vw - 320px) / 1600) calc(15px + 5 * (100vw - 320px) / 1600);
}
.portfolio-section .blog-grid .portfolio-transform-content h5 {
  text-transform: capitalize;
  margin-bottom: calc(3px + 2 * (100vw - 320px) / 1600);
}
.portfolio-section .blog-grid .portfolio-transform-content h6 {
  color: #999;
}
.portfolio-section .portfolio-overlay {
  position: relative;
  overflow: hidden;
}
.portfolio-section .portfolio-overlay::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: 0.4s ease;
  z-index: 0;
  transform: scale(0);
}
.portfolio-section .portfolio-overlay .grid-flex-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: 0.4s ease;
}
.portfolio-section .portfolio-overlay .grid-icon {
  width: calc(40px + 20 * (100vw - 320px) / 1600);
  height: calc(40px + 20 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transform: scale(0);
  transition: 0.4s ease;
}
.portfolio-section .portfolio-overlay .grid-icon.search-btn::before {
  content: "\f0d1";
}
.portfolio-section .portfolio-overlay .grid-icon.link-btn::before {
  content: "\eeb8";
}
.portfolio-section .portfolio-overlay .grid-icon::before {
  position: relative;
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
}
.portfolio-section .portfolio-overlay .grid-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  z-index: 1;
}
.portfolio-section .portfolio-overlay .grid-content h3 {
  padding-block: 5px;
  margin-bottom: 0;
  font-weight: 600;
}
.portfolio-section .portfolio-overlay .grid-content h3::before {
  content: "";
  width: 50px;
  height: 2px;
  position: relative;
  display: block;
  margin-inline: auto;
  background: rgba(var(--theme-color), 1);
  margin-bottom: 10px;
}
.portfolio-section .portfolio-parallax {
  height: 100vh;
  background-attachment: fixed;
  position: relative;
  z-index: 0;
}
.portfolio-section .portfolio-parallax::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(13, 35, 69, 0.5) 40%, rgba(13, 35, 69, 0.8) 100%);
  z-index: -1;
}
.portfolio-section .portfolio-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(15px + 10 * (100vw - 320px) / 1600);
}
.portfolio-section .portfolio-panel li {
  position: relative;
}
.portfolio-section .portfolio-panel li:hover:hover .portfolio-text-img {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.portfolio-section .portfolio-panel li a {
  -webkit-text-stroke: 1px transparent;
  -webkit-text-fill-color: rgba(var(--theme-color), 1);
  color: transparent;
  z-index: 1;
  font-size: calc(40px + 50 * (100vw - 320px) / 1600);
  font-weight: 600;
  font-family: var(--libreFranklin);
  display: block;
}
.portfolio-section .portfolio-panel li .portfolio-text-img {
  width: 20vw;
  position: absolute;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.5);
  transition: all 250ms ease;
  pointer-events: none;
  filter: brightness(0.8);
  z-index: 0;
}
@media (max-width: 575px) {
  .portfolio-section .portfolio-panel li .portfolio-text-img {
    left: 50% !important;
    top: 50% !important;
    width: 33vw;
  }
  [dir=rtl] .portfolio-section .portfolio-panel li .portfolio-text-img {
    left: unset !important;
    right: 0 !important;
  }
}
.portfolio-section .btn-solid {
  text-transform: capitalize;
  color: rgba(var(--white), 1);
  margin-top: 40px;
}
.portfolio-section .btn-solid:hover {
  color: rgba(var(--title-color), 1);
}

.creative-bg-img {
  background: url(../images/design_agency/bg-effect/home-bg.png);
  width: 100%;
  height: 100vh;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  z-index: 0;
}
@media (max-width: 1199px) {
  .creative-bg-img:has(.main-header .sidebar-nav.open) {
    z-index: unset;
  }
}
.creative-bg-img .creative-portfolio {
  display: flex;
  gap: calc(20px + 10 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.creative-bg-img .creative-portfolio li:hover .full-img {
  opacity: 1;
  visibility: visible;
}
.creative-bg-img .creative-portfolio li a {
  font-size: calc(30px + 30 * (100vw - 320px) / 1600);
  font-weight: 800;
  font-family: var(--libreFranklin);
  color: rgba(var(--theme-color), 1);
}
.creative-bg-img .creative-portfolio li .full-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.creative-bg-img .creative-portfolio li .full-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(13, 35, 69, 0.33) 0%, rgba(13, 35, 69, 0.49) 91%);
  z-index: -1;
}

.m-p-g .m-p-g__thumbs .m-p-g__fullscreen {
  margin-top: 0;
}
.m-p-g .m-p-g__controls .m-p-g__btn {
  width: calc(25px + 25 * (100vw - 320px) / 1600);
  height: calc(25px + 25 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .m-p-g .m-p-g__controls .m-p-g__btn {
    background-color: red;
  }
}
.m-p-g .m-p-g__controls .m-p-g__btn svg {
  width: calc(16px + 8 * (100vw - 320px) / 1600);
  height: calc(16px + 8 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .m-p-g .m-p-g__controls .m-p-g__btn {
    background-color: rgba(var(--title-color), 0.07);
  }
  .m-p-g .m-p-g__controls .m-p-g__btn:hover {
    background-color: rgba(var(--title-color), 0.15);
  }
}
.m-p-g .m-p-g__controls .m-p-g__controls-close {
  left: unset;
  right: 3vw;
}
@media (max-width: 650px) {
  .m-p-g .m-p-g__controls .m-p-g__controls-close .m-p-g__btn {
    background-color: rgba(var(--white), 0.07);
  }
  .m-p-g .m-p-g__controls .m-p-g__controls-close .m-p-g__btn:hover {
    background-color: rgba(var(--white), 0.15);
  }
}
.m-p-g .m-p-g__controls .m-p-g__controls-arrow {
  opacity: 1;
  width: unset;
}
.m-p-g .m-p-g__controls .m-p-g__controls-arrow.m-p-g__controls-arrow--next {
  justify-content: flex-start;
}
.m-p-g .m-p-g__controls .m-p-g__controls-arrow.m-p-g__controls-arrow--prev {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .m-p-g .m-p-g__controls .m-p-g__controls-arrow .m-p-g__btn {
    background-color: rgb(0, 0, 0);
  }
}

/*========================
  6.3 Shop style start
==========================*/
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(310px + 90 * (100vw - 320px) / 1600);
  height: 100vh;
  background-color: rgba(var(--bg-color), 1);
  z-index: 3;
  transform: translateX(-100%);
  transition: 0.4s ease;
}
[dir=rtl] .shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar {
  left: unset;
  right: 0;
  transform: translateX(100%);
}
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar.show {
  transform: none;
}
[dir=rtl] .shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar.show {
  transform: none;
}
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .sidebar-body {
  padding: 16px;
  max-height: 100vh;
  height: calc(100% - 67px);
  overflow: auto;
  margin-right: 16px;
  padding-right: 10px;
}
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .sidebar-body::-webkit-scrollbar {
  width: 5px;
}
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .sidebar-body::-webkit-scrollbar-thumb {
  background-color: rgba(var(--content-color), 0.2);
  border-radius: 10px;
}
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .sidebar-body::-webkit-scrollbar-track {
  background-color: rgba(var(--content-color), 0.2);
  border-radius: 10px;
}
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .sidebar-search {
  display: none;
}
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .filters-title,
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .accordion-button {
  padding: 0;
  border: none;
}
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .filters-tag {
  margin-block: 0;
}
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .inner-size,
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .accordion-body {
  padding-bottom: 0;
  padding-inline: 0;
  border: none;
}
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  color: rgba(var(--black), 1);
}
.shop-page-section:has(.main-shop .row-cols-xxl-4) .col-xl-3 .responsive-sidebar .accordion-item {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid rgba(var(--border-color), 1);
  background-color: rgba(var(--bg-color), 1);
}
.shop-page-section .col-xl-9:has(.main-shop .row-cols-xxl-4) {
  width: 100%;
}
.shop-page-section .shop-sidebar {
  position: sticky;
  top: 30px;
  left: 0;
}
.shop-page-section .shop-sidebar.responsive-sidebar .sidebar-header {
  display: none;
}
.shop-page-section .shop-sidebar.responsive-sidebar .sidebar-header .sidebar-close {
  width: 35px;
  height: 35px;
  opacity: 1;
  border-radius: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--white), 1);
  border: none;
}
.shop-page-section .shop-sidebar.responsive-sidebar .sidebar-header .sidebar-close:hover i {
  transform: rotate(360deg);
}
.shop-page-section .shop-sidebar.responsive-sidebar .sidebar-header .sidebar-close i {
  font-size: 22px;
  transition: 0.4s ease;
  color: rgba(var(--black), 1);
}
@media (max-width: 1199px) {
  .shop-page-section .shop-sidebar.responsive-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(310px + 90 * (100vw - 320px) / 1600);
    height: 100vh;
    background-color: rgba(var(--bg-color), 1);
    z-index: 3;
    transform: translateX(-100%);
    transition: 0.4s ease;
  }
  [dir=rtl] .shop-page-section .shop-sidebar.responsive-sidebar {
    left: unset;
    right: 0;
    transform: translateX(100%);
  }
  .shop-page-section .shop-sidebar.responsive-sidebar.show {
    transform: none;
  }
  [dir=rtl] .shop-page-section .shop-sidebar.responsive-sidebar.show {
    transform: none;
  }
  .shop-page-section .shop-sidebar.responsive-sidebar .sidebar-body {
    padding: 16px;
    max-height: 100vh;
    height: calc(100% - 67px);
    overflow: auto;
    margin-right: 16px;
    padding-right: 10px;
  }
  .shop-page-section .shop-sidebar.responsive-sidebar .sidebar-body::-webkit-scrollbar {
    width: 5px;
  }
  .shop-page-section .shop-sidebar.responsive-sidebar .sidebar-body::-webkit-scrollbar-thumb {
    background-color: rgba(var(--content-color), 0.2);
    border-radius: 10px;
  }
  .shop-page-section .shop-sidebar.responsive-sidebar .sidebar-body::-webkit-scrollbar-track {
    background-color: rgba(var(--content-color), 0.2);
    border-radius: 10px;
  }
  .shop-page-section .shop-sidebar.responsive-sidebar .sidebar-search {
    display: none;
  }
  .shop-page-section .shop-sidebar.responsive-sidebar .filters-title,
  .shop-page-section .shop-sidebar.responsive-sidebar .accordion-button {
    padding: 0;
    border: none;
  }
  .shop-page-section .shop-sidebar.responsive-sidebar .filters-tag {
    margin-block: 0;
  }
  .shop-page-section .shop-sidebar.responsive-sidebar .inner-size,
  .shop-page-section .shop-sidebar.responsive-sidebar .accordion-body {
    padding-bottom: 0;
    padding-inline: 0;
    border: none;
  }
  .shop-page-section .shop-sidebar.responsive-sidebar .sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    color: rgba(var(--black), 1);
  }
  .shop-page-section .shop-sidebar.responsive-sidebar .accordion-item {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid rgba(var(--border-color), 1);
    background-color: rgba(var(--bg-color), 1);
  }
}

.inner-size {
  display: flex;
  align-items: center;
  gap: 10px 6px;
  flex-wrap: wrap;
}
.inner-size li a {
  text-align: center;
  border: 1px solid rgba(var(--content-color), 0.2);
  background: rgba(var(--white), 1);
  color: rgba(var(--content-color), 1);
  font-size: 15px;
  font-weight: 500;
  transition: 0.4s ease;
  text-transform: uppercase;
  padding: calc(4px + 4 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.inner-size li a:hover {
  border-color: rgba(var(--theme-color), 1);
  background: rgba(var(--theme-color), 0.12);
  color: rgba(var(--theme-color), 1);
}

.filters-tag {
  margin-block: 25px;
}
.filters-tag .filters-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 12px 16px;
  background: rgba(var(--bg-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
}
.filters-tag .filters-title h3 {
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(var(--title-color), 1);
}
.filters-tag .filters-title a {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: rgba(var(--theme-color), 1);
}
.filters-tag .inner-size {
  padding: 15px;
  border: 1px solid rgba(var(--border-color), 1);
  background: rgba(var(--bg-color), 1);
  border-top: none;
}
.filters-tag .inner-size li a {
  padding: 6px 7px;
  gap: 3px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}

.offcanvas:has(.shop-sidebar) {
  background: rgba(var(--bg-color), 1);
  width: calc(310px + 90 * (100vw - 320px) / 1600);
  border-right: none;
}
.offcanvas:has(.shop-sidebar) .btn-close {
  background: rgba(var(--white), 1);
}
.offcanvas:has(.shop-sidebar) .offcanvas-body .shop-sidebar .filters-title,
.offcanvas:has(.shop-sidebar) .offcanvas-body .shop-sidebar .accordion-button {
  padding: 0;
  border: none;
}
.offcanvas:has(.shop-sidebar) .offcanvas-body .shop-sidebar .inner-size,
.offcanvas:has(.shop-sidebar) .offcanvas-body .shop-sidebar .accordion-body {
  padding-bottom: 0;
  padding-inline: 0;
  border: none;
}
.offcanvas:has(.shop-sidebar) .offcanvas-body .shop-sidebar .accordion-item {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid rgba(var(--border-color), 1);
  background-color: rgba(var(--bg-color), 1);
}
.offcanvas:has(.shop-sidebar) .offcanvas-body .shop-sidebar .filters-tag {
  margin-block: 0px;
}
.offcanvas .offcanvas-header {
  color: rgba(var(--black), 1);
  padding: 16px;
}
.offcanvas .btn-close {
  width: 35px;
  height: 35px;
  background: rgba(var(--bg-color), 1);
  opacity: 1;
  border-radius: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir=rtl] .offcanvas .btn-close {
  margin-left: 0;
  margin-right: auto;
}
.offcanvas .btn-close i {
  font-size: 22px;
  transition: 0.4s ease;
  color: rgba(var(--black), 1);
}
.offcanvas .btn-close:hover i {
  transform: rotate(360deg);
}
.offcanvas .btn-close:focus {
  box-shadow: none;
}
.offcanvas .offcanvas-body {
  padding: 16px;
}
.offcanvas .offcanvas-body .shop-sidebar {
  max-height: 100vh;
  height: 100%;
  overflow: auto;
  padding-right: 10px;
}
[dir=rtl] .offcanvas .offcanvas-body .shop-sidebar {
  padding-left: 10px;
  padding-right: 0;
}
.offcanvas .offcanvas-body .shop-sidebar::-webkit-scrollbar {
  width: 5px;
}
.offcanvas .offcanvas-body .shop-sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(var(--content-color), 0.2);
  border-radius: 10px;
}
.offcanvas .offcanvas-body .shop-sidebar::-webkit-scrollbar-track {
  background-color: rgba(var(--content-color), 0.2);
  border-radius: 10px;
}

.accordion .accordion-item {
  border-radius: 0;
  border: none;
}
.accordion .accordion-item + .accordion-item {
  margin-top: 25px;
}
.accordion .accordion-item .accordion-button {
  background: rgba(var(--bg-color), 1);
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(var(--title-color), 1);
  padding: 14px 16px;
  position: relative;
  border-radius: 0 !important;
  border: 1px solid rgba(var(--border-color), 1);
  z-index: 0;
}
.accordion .accordion-item .accordion-button::after {
  content: "\ea13";
  background-image: none;
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
[dir=rtl] .accordion .accordion-item .accordion-button::after {
  margin-right: auto;
  margin-left: 0;
}
.accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.accordion .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
  font-weight: 700;
}
.accordion .accordion-item .accordion-button:not(.collapsed)::after {
  content: "\f1af";
}
.accordion .accordion-body {
  padding-inline: 15px;
  padding-top: calc(10px + 5 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
  border-top: none;
}
.accordion .accordion-body .main-number {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion .accordion-body .main-number button {
  padding: 5px 22px;
  text-align: center;
  border: 1px solid rgba(var(--border-color), 1);
}
.accordion .accordion-body input[type=number] {
  padding: 5px 10px;
  text-align: center;
  border: 1px solid rgba(var(--border-color), 1);
  background: rgba(var(--white), 1);
  color: rgba(var(--title-color), 1);
  font-size: 16px;
  font-weight: 500;
}
.accordion .accordion-body input[type=number]:focus {
  outline: none;
}
.accordion .accordion-body input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.accordion .accordion-body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.accordion .accordion-body .range-slider {
  position: relative;
  width: 100%;
  height: 5px;
  border-radius: 15px;
  background: rgba(var(--content-color), 0.2);
  margin-bottom: calc(10px + 5 * (100vw - 320px) / 1600);
}
.accordion .accordion-body .range-slider .progress-slider {
  position: absolute;
  z-index: 1;
  left: 0%;
  right: 0%;
  height: 100%;
  border-radius: 15px;
  background: rgba(var(--theme-color), 1);
}
.accordion .accordion-body .range-slider input[type=range] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 1px;
  appearance: none;
  pointer-events: none;
  background: none;
  cursor: pointer;
}
.accordion .accordion-body .range-slider .min-range input[type=range]:focus::-webkit-slider-runnable-track,
.accordion .accordion-body .range-slider .max-range input[type=range]:focus::-webkit-slider-runnable-track {
  background-color: transparent;
}
.accordion .accordion-body .range-slider .min-range::-webkit-slider-thumb,
.accordion .accordion-body .range-slider .max-range::-webkit-slider-thumb {
  pointer-events: auto;
  appearance: none;
  width: 10px;
  height: 10px;
  background-color: rgba(var(--theme-color), 1);
  border-radius: 50%;
  vertical-align: middle;
  opacity: 1;
  z-index: 1;
  position: relative;
  margin-top: -3px;
}
.accordion .accordion-body .range-slider .max-range::-webkit-slider-thumb {
  pointer-events: auto;
  appearance: none;
  width: 10px;
  height: 10px;
  background: rgba(var(--theme-color), 1);
  border-radius: 50%;
  opacity: 1;
  margin-top: -3px;
  z-index: 1;
  position: relative;
}
.accordion .accordion-body .inner-size li a {
  width: 48px;
  height: 48px;
  padding: 5px;
  border-radius: 100%;
  font-weight: 400;
}

.shop-category-filter {
  padding-block: calc(20px + 30 * (100vw - 320px) / 1600) calc(15px + 10 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .shop-category-filter {
    gap: calc(12px + 3 * (100vw - 320px) / 1600);
    flex-wrap: wrap;
  }
}
.shop-category-filter .btn-solid {
  color: rgba(var(--title-color), 1);
  display: flex;
  align-items: center;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  text-transform: capitalize;
  padding: calc(8px + 4 * (100vw - 320px) / 1600) calc(12px + 8 * (100vw - 320px) / 1600);
  margin-top: 0;
  border-radius: 0;
  margin-right: 0;
  background: rgba(var(--content-color), 0.06);
  line-height: 1;
  border-color: rgba(var(--border-color), 1);
  margin-right: calc(0px + 20 * (100vw - 320px) / 1600);
}
[dir=rtl] .shop-category-filter .btn-solid {
  margin-left: calc(0px + 20 * (100vw - 320px) / 1600);
  margin-right: 0;
}
.shop-category-filter .btn-solid::after, .shop-category-filter .btn-solid::before {
  background-color: transparent;
  left: -70%;
}
.shop-category-filter .btn-solid::before {
  right: -70%;
  left: unset !important;
}
.shop-category-filter .btn-solid.toggle {
  display: none;
}
@media (max-width: 1199px) {
  .shop-category-filter .btn-solid.toggle {
    display: inline-flex;
  }
}
.shop-category-filter .btn-solid i {
  font-size: calc(15px + 2 * (100vw - 320px) / 1600);
  line-height: 1;
  font-weight: 300;
}
.shop-category-filter .btn-solid:hover {
  color: #fff;
}
.shop-category-filter .btn-solid:hover::before {
  right: 0;
  left: unset !important;
}
.shop-category-filter .btn-solid:hover::after, .shop-category-filter .btn-solid:hover::before {
  left: 0;
  background-color: rgba(var(--theme-color), 1);
}
.shop-category-filter .toggle-filter {
  display: none;
}
@media (max-width: 1199px) {
  .shop-category-filter .toggle-filter {
    display: flex !important;
  }
}
.shop-category-filter .category-filter {
  display: flex;
  align-items: center;
  gap: 10px;
}
.shop-category-filter .category-filter.right-category-filter {
  margin-inline: auto 20px;
}
.shop-category-filter .category-filter span {
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .shop-category-filter .category-filter span {
    display: none;
  }
}
.shop-category-filter .category-filter .dropdown {
  border-radius: 0;
}
.shop-category-filter .category-filter .dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(var(--content-color), 0.06);
  color: rgba(var(--title-color), 1);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  border: none;
  border-radius: 0;
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(12px + 6 * (100vw - 320px) / 1600);
  line-height: 1;
}
.shop-category-filter .category-filter .dropdown .dropdown-toggle::after {
  content: "\ea4e";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  border: none;
  vertical-align: unset;
  margin: 0;
  font-size: calc(16px + 6 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
  line-height: 1;
  font-weight: 500;
}
.shop-category-filter .category-filter .dropdown .dropdown-menu {
  border-radius: 0;
  border: 1px solid rgba(var(--border-color), 1);
  padding: 0;
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
  width: 100%;
  min-width: unset;
  background-color: rgba(var(--white), 1);
}
[dir=rtl] .shop-category-filter .category-filter .dropdown .dropdown-menu {
  width: 100%;
  min-width: unset;
}
.shop-category-filter .category-filter .dropdown .dropdown-menu li {
  display: block;
  text-transform: capitalize;
  position: relative;
}
.shop-category-filter .category-filter .dropdown .dropdown-menu li:hover .dropdown-item {
  background-color: transparent;
  color: rgba(var(--theme-color), 1);
}
.shop-category-filter .category-filter .dropdown .dropdown-menu li + li {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid rgba(var(--border-color), 1);
}
.shop-category-filter .category-filter .dropdown .dropdown-menu li .dropdown-item {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  padding: 0;
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
}
body.dark .shop-category-filter .category-filter .dropdown .dropdown-menu li .dropdown-item:focus {
  background: #323438;
}
[dir=rtl] .shop-category-filter .category-filter .dropdown .dropdown-menu li .dropdown-item {
  text-align: right;
}
.shop-category-filter .grid-navbar {
  display: flex;
  align-items: center;
  gap: calc(8px + 7 * (100vw - 320px) / 1600);
  margin-left: auto;
}
[dir=rtl] .shop-category-filter .grid-navbar {
  margin-left: 0;
  margin-right: auto;
}
@media (max-width: 575px) {
  .shop-category-filter .grid-navbar {
    display: none;
  }
}
.shop-category-filter .grid-navbar li .grid-link {
  width: calc(25px + 7 * (100vw - 320px) / 1600);
  height: calc(25px + 7 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--border-color), 1);
  transition: 0.4s ease;
}
.shop-category-filter .grid-navbar li .grid-link svg {
  width: calc(20px + 4 * (100vw - 320px) / 1600);
  height: calc(20px + 4 * (100vw - 320px) / 1600);
  stroke: rgba(var(--title-color), 1);
}
.shop-category-filter .grid-navbar li .grid-link.active {
  background: rgba(var(--theme-color), 0.2);
  border-color: rgba(var(--theme-color), 1);
}
.shop-category-filter .grid-navbar li .grid-link.active svg {
  stroke: rgba(var(--theme-color), 1);
}

.main-shop .list-section .product-box {
  display: flex;
  align-items: center;
  gap: calc(10px + 15 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--border-color), 1);
  flex-wrap: wrap;
  padding: calc(6px + 4 * (100vw - 767px) / 1153);
}
@media (max-width: 767px) {
  .main-shop .list-section .product-box {
    padding: 0 8px;
    border: none;
  }
}
.main-shop .list-section .product-box .product-img {
  width: 25%;
}
@media (max-width: 1399px) and (min-width: 767px) {
  .main-shop .list-section .product-box .product-img {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .main-shop .list-section .product-box .product-img {
    width: 100%;
  }
}
.main-shop .list-section .product-box .product-img .product-icon {
  display: none;
}
.main-shop .list-section .product-box .product-img .product-btn {
  display: none;
}
.main-shop .list-section .product-box .product-content {
  width: calc(100% - (10px + 15 * (100vw - 320px) / 1600) - 25%);
  display: flex;
  flex-direction: column;
  padding-block: 6px;
  padding-right: calc(0px + 10 * (100vw - 767px) / 1153);
}
@media (max-width: 1399px) and (min-width: 767px) {
  .main-shop .list-section .product-box .product-content {
    width: calc(100% - (10px + 15 * (100vw - 320px) / 1600) - 30%);
  }
}
@media (max-width: 767px) {
  .main-shop .list-section .product-box .product-content {
    width: 100%;
    padding-block: 0;
  }
}
.main-shop .list-section .product-box .product-content p {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main-shop .list-section .product-box .product-content h6 {
  display: none;
}
.main-shop .list-section .product-box .product-content h4 {
  margin-block: 0 calc(5px + 5 * (100vw - 320px) / 1600);
}
.main-shop .list-section .product-box .product-content .list-btn-block {
  display: block;
}
.main-shop .list-section .product-box .product-content .list-btn-block .btn-solid {
  color: rgba(var(--white), 1);
}
.main-shop .list-section .product-box .product-content .list-btn-block .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.main-shop .list-section .product-box .product-content .product-price {
  margin-top: calc(10px + 5 * (100vw - 320px) / 1600);
}
.main-shop .list-section .product-box .product-content .product-rating {
  padding-top: calc(12px + 8 * (100vw - 320px) / 1600);
  margin-top: calc(12px + 8 * (100vw - 320px) / 1600);
}
.main-shop .list-section .product-box .product-content .rating {
  margin-top: calc(4px + 3 * (100vw - 320px) / 1600);
  padding-bottom: calc(5px + 4 * (100vw - 320px) / 1600);
}
.main-shop .list-section .product-box .product-content .rating li i {
  color: rgba(var(--content-color), 0.3);
}
.main-shop .list-section .product-box .product-content .shop-cart-btn {
  display: flex;
  margin-top: calc(15px + 10 * (100vw - 320px) / 1600);
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.main-shop .list-section .product-box .product-content .shop-cart-btn .btn-solid {
  color: #fff;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  margin-top: 0;
  padding: calc(4px + 4 * (100vw - 320px) / 1600) calc(20px + 20 * (100vw - 320px) / 1600);
}
.main-shop .list-section .product-box .product-content .shop-cart-btn .btn-solid:hover {
  background: transparent;
  color: rgba(var(--theme-color), 1);
}

.most-rating.brand-box {
  max-height: 164px;
  overflow: auto;
  height: 100%;
  padding-right: 10px;
}
[dir=rtl] .most-rating.brand-box {
  padding-right: 0;
  padding-left: 10px;
}
.most-rating.brand-box li label span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: capitalize;
}
.most-rating.brand-box li label span:nth-child(2) {
  font-size: 14px;
  color: rgba(var(--content-color), 1);
}
.most-rating.brand-box::-webkit-scrollbar {
  width: 5px;
}
.most-rating.brand-box::-webkit-scrollbar-track {
  background-color: rgba(var(--content-color), 0.2);
  border-radius: 10px;
}
.most-rating.brand-box::-webkit-scrollbar-thumb {
  background-color: rgba(var(--content-color), 0.2);
  border-radius: 10px;
}
.most-rating.inner-color {
  display: flex;
  align-items: center;
  gap: 10px;
}
.most-rating.inner-color li + li {
  margin-top: 0;
}
.most-rating.inner-color li input {
  width: calc(26px + 4 * (100vw - 320px) / 1600);
  height: calc(26px + 4 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 1);
  display: block;
  border-radius: 100%;
  border: transparent;
}
.most-rating.inner-color li input.bg-blue-color {
  background: #009cff;
}
.most-rating.inner-color li input.bg-green-color {
  background: #005250;
}
.most-rating.inner-color li input.bg-light-pink-color {
  background: #fd85ae;
}
.most-rating.inner-color li input.bg-orange-color {
  background: #ec751c;
}
.most-rating.inner-color li input.bg-brown-color {
  background: #9f3c3c;
}
.most-rating li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.most-rating li .rating {
  display: flex;
  align-items: center;
  gap: 2px;
  width: 100%;
}
.most-rating li .rating i {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.most-rating li + li {
  margin-top: 14px;
}
.most-rating li input {
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  appearance: unset;
  background: rgba(var(--white), 1);
  justify-content: center;
  border: 1px solid rgba(var(--content-color), 0.3);
  position: relative;
  transition: 0.4s ease;
}
.most-rating li input::before {
  content: "\eb7b";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  top: 50%;
  left: 50%;
  position: absolute;
  font-size: 17px;
  font-weight: 700;
  transform: translate(-50%, -50%) scale(0);
  color: #fff;
  transition: 0.4s ease;
  line-height: 1;
}
.most-rating li input:checked {
  appearance: unset;
  background: rgba(var(--theme-color), 1);
  border: transparent;
}
.most-rating li input:checked::before {
  transform: translate(-50%, -50%) scale(1);
}
.most-rating li label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 20px - 2px);
  cursor: pointer;
  color: rgba(var(--content-color), 1);
}
.most-rating li label span {
  font-size: calc(17px + 1 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.2;
  text-transform: capitalize;
}
.most-rating li label span:nth-child(2) {
  font-size: 14px;
  color: rgba(var(--content-color), 1);
}

.product-box:hover .product-img .product-front {
  opacity: 0;
}
.product-box:hover .product-img .product-back {
  opacity: 1;
  visibility: visible;
  transform: scale(1.04);
}
.product-box:hover .product-img .product-btn {
  bottom: 15px;
}
.product-box .product-img {
  position: relative;
  overflow: hidden;
}
.product-box .product-img .product-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease;
}
.product-box .product-img .product-btn {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.4s ease;
  display: flex;
  align-items: center;
  gap: calc(8px + 7 * (100vw - 320px) / 1600);
  width: max-content;
  height: max-content;
}
.product-box .product-img .product-btn .btn-solid {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  margin: 0;
  color: #fff;
  padding: calc(5px + 1 * (100vw - 320px) / 1600) calc(10px + 16 * (100vw - 320px) / 1600);
  background-color: #fff;
}
.product-box .product-img .product-btn .btn-solid:hover {
  background: #fff;
  color: rgba(var(--theme-color), 1);
}
.product-box .product-content p {
  display: none;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
}
.product-box .product-content h6 {
  padding-block: calc(8px + 12 * (100vw - 320px) / 1600) 5px;
  font-size: 14px;
  color: rgba(var(--content-color), 1);
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
}
.product-box .product-content .product-price {
  display: flex;
  align-items: center;
  gap: calc(5px + 3 * (100vw - 320px) / 1600);
  margin-top: 3px;
}
.product-box .product-content .product-price span {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  color: rgba(var(--title-color), 1);
}
.product-box .product-content .product-price span:nth-child(2) {
  color: rgba(var(--content-color), 1);
}
.product-box .product-content .product-price span + span {
  color: rgba(var(--theme-color), 1);
}
.product-box .product-content .product-price .product-stock {
  display: flex;
  align-items: center;
  margin-left: auto;
}
[dir=rtl] .product-box .product-content .product-price .product-stock {
  margin-left: unset;
  margin-right: auto;
}
.product-box .product-content .product-price .product-stock span {
  font-weight: 500;
  color: rgba(var(--content-color), 1);
  text-transform: capitalize;
}
.product-box .product-content .product-price .product-stock span:nth-child(2) {
  color: rgba(var(--title-color), 1);
  margin-left: 4px;
}
[dir=rtl] .product-box .product-content .product-price .product-stock span:nth-child(2) {
  margin-left: unset;
  margin-right: 4px;
}
.product-box .product-content a {
  color: rgba(var(--title-color), 1);
}
.product-box .product-content a h4 {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.product-box .product-content .rating {
  padding-bottom: 5px;
}
.product-box .product-content .rating li i {
  color: rgba(var(--content-color), 0.3);
}
.product-box .product-content .shop-cart-btn {
  display: none;
}
.product-box .product-content .product-rating {
  gap: 15px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(var(--border-color), 1);
  padding-top: calc(10px + 5 * (100vw - 320px) / 1600);
  margin-top: calc(10px + 5 * (100vw - 320px) / 1600);
}
.product-box .product-content .product-rating .product-icon {
  display: flex;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
  align-items: center;
}
.product-box .product-content .product-rating .product-icon li {
  line-height: 1;
}
.product-box .product-content .product-rating .product-icon li a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: rgba(var(--title-color), 1);
  transition: all 0.5s ease;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.product-box .product-content .product-rating .product-icon li a.checked .heart-outline {
  display: none;
}
.product-box .product-content .product-rating .product-icon li a.checked .heart-icon {
  display: block;
  color: rgba(var(--theme-color), 1);
}
.product-box .product-content .product-rating .product-icon li a i {
  line-height: 1;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
}
.product-box .product-content .product-rating .product-icon li a i.heart-outline {
  display: block;
}
.product-box .product-content .product-rating .product-icon li a i.heart-icon {
  display: none;
}
.product-box .product-content .product-rating .product-rate {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  line-height: 1;
  gap: calc(2px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.product-box .product-content .product-rating .product-rate i {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.product-box .product-content .product-rating .product-rate span {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  font-weight: 400;
}

.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.sidebar-overlay.overlay_active {
  opacity: 1;
  visibility: visible;
}

/*========================
  6.4 Checkout style start
==========================*/
.checkout-page-section .side-checkout {
  background: rgba(var(--bg-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
  padding: calc(15px + 15 * (100vw - 320px) / 1600) calc(12px + 8 * (100vw - 320px) / 1600);
  position: sticky;
  top: 0;
  left: 0;
}
.checkout-page-section .side-checkout .checkout-product li {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.checkout-page-section .side-checkout .checkout-product li + li {
  margin-top: calc(18px + 7 * (100vw - 320px) / 1600);
}
.checkout-page-section .side-checkout .checkout-product li .checkout-img img {
  width: calc(50px + 10 * (100vw - 320px) / 1600);
  height: calc(50px + 10 * (100vw - 320px) / 1600);
  object-fit: cover;
}
.checkout-page-section .side-checkout .checkout-product li h5 {
  font-weight: 600;
  margin-bottom: calc(4px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.checkout-page-section .side-checkout .checkout-product li h6 {
  color: rgba(var(--theme-color), 1);
  font-weight: 600;
}
.checkout-page-section .side-checkout .checkout-product li span {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.checkout-page-section .side-checkout .checkout-product li .checkout-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - (50px + 10 * (100vw - 320px) / 1600) - (10px + 5 * (100vw - 320px) / 1600));
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.checkout-page-section .side-checkout .checkout-product li h4 {
  text-transform: capitalize;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
}
.checkout-page-section .side-checkout .total-box {
  margin-bottom: calc(12px + 8 * (100vw - 320px) / 1600);
  padding-bottom: calc(12px + 8 * (100vw - 320px) / 1600);
  border-bottom: 1px solid rgba(var(--border-color), 1);
}
.checkout-page-section .side-checkout .btn-solid {
  display: block;
  text-align: center;
  color: #fff;
  margin-top: calc(20px + 10 * (100vw - 320px) / 1600);
}
.checkout-page-section .side-checkout .btn-solid:hover {
  background: transparent;
  color: rgba(var(--theme-color), 1);
}
.checkout-page-section .accordion .accordion-item + .accordion-item {
  margin-top: calc(15px + 10 * (100vw - 320px) / 1600);
}
.checkout-page-section .accordion .accordion-item .accordion-header .accordion-button {
  padding: calc(10px + 10 * (100vw - 320px) / 1600) calc(10px + 6 * (100vw - 320px) / 1600);
  font-size: calc(15px + 2 * (100vw - 320px) / 1600);
}
.checkout-page-section .accordion .accordion-item .accordion-body {
  padding-inline: calc(10px + 6 * (100vw - 320px) / 1600);
}
.checkout-page-section .left-side-checkout .main-address {
  display: block;
}
.checkout-page-section .left-side-checkout .main-address .checkout-info {
  background: rgba(var(--white), 1);
  padding: calc(15px + 5 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
}
.checkout-page-section .left-side-checkout .main-address .checkout-info .radio-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkout-page-section .left-side-checkout .main-address .checkout-info .radio-button .edit-icon {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 1);
}
.checkout-page-section .left-side-checkout .main-address .checkout-info .address-label {
  color: rgba(var(--theme-color), 1);
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
}
.checkout-page-section .left-side-checkout .main-address .inner-address {
  padding-left: calc(25px + 5 * (100vw - 320px) / 1600);
}
.checkout-page-section .left-side-checkout .main-address .inner-address li {
  padding-top: calc(8px + 7 * (100vw - 320px) / 1600);
  display: block;
}
.checkout-page-section .left-side-checkout .main-address .inner-address li h5 {
  display: inline;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  line-height: 1.5;
}
.checkout-page-section .left-side-checkout .main-address .inner-address li h5 a {
  color: rgba(var(--content-color), 1);
}
.checkout-page-section .left-side-checkout .main-address .inner-address li span {
  text-transform: capitalize;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}
.checkout-page-section .left-side-checkout .main-address .payment-option {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .checkout-page-section .left-side-checkout .main-address .payment-option {
    grid-template-columns: 1fr;
  }
}
.checkout-page-section .left-side-checkout .main-address .payment-option li {
  background: rgba(var(--white), 1);
  padding: calc(10px + 5 * (100vw - 320px) / 1600);
}
.checkout-page-section .left-side-checkout .nav {
  border: 1px solid rgba(var(--border-color), 1);
  overflow: auto;
}
.checkout-page-section .left-side-checkout .nav li {
  width: 50%;
  white-space: nowrap;
}
@media (max-width: 420px) {
  .checkout-page-section .left-side-checkout .nav li {
    width: min-content;
  }
}
.checkout-page-section .left-side-checkout .nav li + li {
  border-left: 1px solid rgba(var(--border-color), 1);
}
[dir=rtl] .checkout-page-section .left-side-checkout .nav li + li {
  border-left: none;
  border-right: 1px solid rgba(var(--border-color), 1);
}
.checkout-page-section .left-side-checkout .nav li .nav-link {
  border-radius: 0;
  width: 100%;
  padding: calc(10px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  border: 1px solid transparent;
}
.checkout-page-section .left-side-checkout .nav li .nav-link:focus-visible {
  box-shadow: none;
}
.checkout-page-section .left-side-checkout .nav li .nav-link.active {
  font-weight: 600;
  border-bottom-color: rgba(var(--theme-color), 1);
  background-color: transparent;
}

.inner-title {
  font-weight: 600 !important;
  margin-bottom: calc(8px + 7 * (100vw - 320px) / 1600) !important;
  font-size: calc(20px + 2 * (100vw - 320px) / 1600) !important;
}

.label-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}
.label-radio input {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  appearance: unset;
  border-radius: 100%;
  justify-content: center;
  border: 1px solid rgba(var(--content-color), 0.4);
  position: relative;
  transition: 0.4s ease;
}
.label-radio input:checked {
  border-color: rgba(var(--theme-color), 1);
}
.label-radio input:checked:after {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1, 1);
}
.label-radio input::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: rgba(var(--theme-color), 1);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%) scale(0, 0);
  transition: all 0.4s ease;
}
.label-radio .label-text {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  color: rgba(var(--title-color), 1);
}

.modal .modal-content {
  background-color: rgba(var(--white), 1);
  border-radius: 0;
}
.modal .modal-content:has(.product-detail-section) .btn-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
}
[dir=rtl] .modal .modal-content:has(.product-detail-section) .btn-close {
  right: unset;
  left: 16px;
}
.modal .modal-content:has(.product-detail-section) .btn-solid {
  padding: 6px 20px !important;
}
.modal .modal-content:has(.product-detail-section) .btn-solid + .btn-solid i {
  animation: none;
}
.modal .modal-header {
  border: none;
  padding-inline: calc(15px + 15 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .modal .modal-header {
    padding-bottom: 0;
  }
}
.modal .modal-header .modal-title {
  font-weight: 600;
}
.modal .btn-close {
  width: calc(25px + 10 * (100vw - 320px) / 1600);
  height: calc(25px + 10 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
  opacity: 1;
  border-radius: 0;
  padding: 0;
}
.modal .btn-close:hover i {
  transform: rotate(360deg);
}
[dir=rtl] .modal .btn-close {
  margin-left: 0;
  margin-right: auto;
}
.modal .btn-close i {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
  color: rgba(var(--black), 1);
  display: inline-block;
}
.modal .btn-close:focus {
  box-shadow: none;
}
.modal .modal-body {
  padding-inline: calc(15px + 15 * (100vw - 320px) / 1600);
}
.modal .modal-body.product-detail-section {
  padding: 20px;
  background-color: rgba(var(--white), 1);
}
.modal .modal-body.product-detail-section .product-detail h3 {
  font-size: 24px;
  letter-spacing: 0;
}
.modal .modal-footer {
  border: none;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding-block: calc(15px + 15 * (100vw - 320px) / 1600) 16px;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
  padding-inline: calc(15px + 15 * (100vw - 320px) / 1600);
}
.modal .modal-footer button {
  padding: calc(6px + 2 * (100vw - 320px) / 1600) calc(20px + 20 * (100vw - 320px) / 1600);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.modal .modal-footer .btn-borders {
  margin: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal .modal-footer .btn-solid {
  margin: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  background: transparent;
}
.modal .modal-footer .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.modal.video-modal .modal-content {
  padding-inline: 20px;
}
.modal.video-modal .btn-close {
  margin-left: auto;
  margin-top: 10px;
}
.modal.video-modal .modal-body {
  padding-inline: 0;
}
.modal.video-modal .modal-body iframe {
  width: 100%;
  height: 450px;
  display: block;
}

.modal-form .modal-input .form-select {
  color: rgba(var(--content-color), 1);
}
.modal-form .modal-input input[type=number] {
  text-align: left;
  color: rgba(var(--content-color), 1);
}
[dir=rtl] .modal-form .modal-input input[type=number] {
  text-align: right;
}
.modal-form .modal-input .form-control,
.modal-form .modal-input .form-select {
  border: 1px solid rgba(var(--border-color), 1);
  border-radius: 0;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  padding: 5px calc(8px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  background-color: rgba(var(--white), 1);
}
.modal-form .modal-input .form-control::placeholder,
.modal-form .modal-input .form-select::placeholder {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  color: rgba(var(--content-color), 1);
}
.modal-form .modal-input .form-control option,
.modal-form .modal-input .form-select option {
  color: rgba(var(--title-color), 1);
}
.modal-form .modal-input input::-webkit-outer-spin-button,
.modal-form .modal-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.modal-form .modal-input label {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  margin-bottom: calc(3px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}
.modal-form .btn-solid {
  padding: 6px calc(20px + 20 * (100vw - 320px) / 1600);
  font-weight: 500;
  margin-left: auto;
  display: block;
  color: #fff;
  background-color: transparent;
}
.modal-form .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

/*========================
  6.5 Contact style start
==========================*/
.contact-2-page .contact-page-form .title-style-8 h2 {
  width: 100%;
}
.contact-2-page .contact-full-page-map {
  height: 460px;
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}

.design-contact-section.contact-content::after {
  display: none;
}
.design-contact-section.contact-content ul li .contact-icon {
  background-color: rgba(var(--theme-color), 0.08);
}
.design-contact-section.contact-content ul li .contact-info h5 {
  font-weight: 600;
  margin-bottom: 3px;
}
.design-contact-section.contact-content ul li .contact-info span,
.design-contact-section.contact-content ul li .contact-info a {
  color: rgba(var(--content-color), 1);
  font-size: 18px;
}
.design-contact-section p {
  color: rgba(var(--content-color), 1) !important;
  padding-top: 0 !important;
}

.contact-3-page .contact-page-section {
  display: flex;
  flex-direction: column;
  gap: calc(20px + 20 * (100vw - 320px) / 1600);
  margin-bottom: 0 !important;
}
.contact-3-page .contact-page-form {
  width: 65%;
  margin-inline: auto !important;
  margin-top: calc(20px + 30 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .contact-3-page .contact-page-form {
    width: 100%;
  }
}

.contact-full-page-map {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .contact-full-page-map {
    height: 350px;
  }
}
.contact-full-page-map .contact-full-map {
  width: 100%;
  height: 100%;
}

.contact-page-section .contact-list-box {
  background: rgba(var(--white), 1);
  padding: calc(15px + 15 * (100vw - 320px) / 1600);
  box-shadow: 0px 0 16px 0px rgba(var(--content-color), 0.08);
  transition: 0.4s ease;
  height: 100%;
}
.contact-page-section .contact-list-box:hover {
  background-color: rgba(var(--theme-color), 1);
}
.contact-page-section .contact-list-box:hover .contact-list-icon {
  background-color: rgba(255, 255, 255, 0.15);
}
.contact-page-section .contact-list-box:hover .contact-list-icon img {
  filter: brightness(0) invert(1);
}
.contact-page-section .contact-list-box:hover .contact-list-content h4 {
  color: #fff;
}
.contact-page-section .contact-list-box:hover .contact-list-content h4::after {
  background-color: #fff;
}
.contact-page-section .contact-list-box:hover .contact-list-content p {
  color: rgba(255, 255, 255, 0.8);
}
.contact-page-section .contact-list-box .contact-list-icon {
  width: calc(60px + 30 * (100vw - 320px) / 1600);
  height: calc(60px + 30 * (100vw - 320px) / 1600);
  background: rgba(var(--theme-color), 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-bottom: calc(20px + 10 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}
.contact-page-section .contact-list-box .contact-list-icon img {
  width: 50%;
  transition: 0.4s ease;
}
.contact-page-section .contact-list-box .contact-list-content h4 {
  transition: 0.4s ease;
}
.contact-page-section .contact-list-box .contact-list-content h4::after {
  content: "";
  position: relative;
  width: 40px;
  height: 2px;
  border-radius: 4px;
  background: rgba(var(--title-color), 1);
  margin-block: calc(3px + 5 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
  display: block;
  transition: 0.4s ease;
}
.contact-page-section .contact-list-box .contact-list-content p {
  color: rgba(var(--content-color), 1);
  transition: 0.4s ease;
}

.contact-form-section .title-style-8 h2 {
  font-size: calc(22px + 8 * (100vw - 320px) / 1600);
}
.contact-form-section .contact-page-form {
  background: rgba(var(--bg-color), 1);
  padding: calc(15px + 25 * (100vw - 320px) / 1600);
}

.contact-page-form .contact-page-box {
  padding-bottom: calc(18px + 17 * (100vw - 320px) / 1600);
}
.contact-page-form .contact-page-box .form-label {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  margin-bottom: calc(8px + 2 * (100vw - 320px) / 1600);
  line-height: 1;
  font-weight: 500;
}
.contact-page-form .contact-page-box .form-control {
  border: none;
  border-radius: 0;
  height: calc(40px + 10 * (100vw - 320px) / 1600);
  background: rgba(var(--white), 1);
  color: rgba(var(--black), 1);
}
.contact-page-form .contact-page-box textarea {
  height: calc(80px + 20 * (100vw - 320px) / 1600) !important;
}
.contact-page-form .btn-solid {
  padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(30px + 20 * (100vw - 320px) / 1600);
  color: #fff;
  margin-top: 10px;
}
.contact-page-form .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

/*========================
  6.6 Cart style start
==========================*/
.cart-page-section .table-responsive {
  overflow-y: hidden;
}
.cart-page-section .table-responsive:has(.cart-body .table-row[style*="display: none"]:nth-last-child(1)) {
  display: none;
}
.cart-page-section .cart-title {
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
}
.cart-page-section .cart-title .btn-solid {
  border-color: rgba(var(--title-color), 1);
  padding: 8px 26px;
  margin-top: 0;
  color: rgba(var(--white), 1);
}
.cart-page-section .cart-title .btn-solid::after, .cart-page-section .cart-title .btn-solid::before {
  background-color: rgba(var(--title-color), 1);
}
.cart-page-section .cart-title .btn-solid:hover {
  color: rgba(var(--title-color), 1);
}
.cart-page-section .cart-title h3 span {
  font-size: 18px;
  color: rgba(var(--content-color), 1);
  font-weight: 400;
}
.cart-page-section .cart-table {
  width: 100%;
  margin-bottom: 0;
}
.cart-page-section .cart-table .cart-head {
  border-bottom: 1px solid rgba(var(--border-color), 1);
}
.cart-page-section .cart-table .cart-head tr th {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  font-weight: 600;
  padding: 0 15px 8px 0;
  text-align: left;
  color: rgba(var(--title-color), 1);
  background-color: rgba(var(--white), 1);
}
[dir=rtl] .cart-page-section .cart-table .cart-head tr th {
  padding-right: 0;
  padding-left: 15px;
  text-align: right;
}
.cart-page-section .cart-table .cart-body .table-row:hover .item-box .item-info li a {
  color: rgba(var(--theme-color), 1);
}
.cart-page-section .cart-table .cart-body .table-row + .table-row {
  border-top: 1px solid rgba(var(--border-color), 1);
}
.cart-page-section .cart-table .cart-body .table-row:last-child td {
  padding-bottom: 0;
}
.cart-page-section .cart-table .cart-body .table-row td {
  padding: calc(13px + 5 * (100vw - 320px) / 1600) 15px calc(13px + 5 * (100vw - 320px) / 1600) 0;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  min-width: 130px;
  border-bottom: none;
  background-color: rgba(var(--white), 1);
}
@media (max-width: 1199px) {
  .cart-page-section .cart-table .cart-body .table-row td {
    min-width: 160px;
  }
}
.cart-page-section .cart-table .cart-body .table-row td:first-child {
  min-width: 550px;
}
@media (max-width: 1199px) {
  .cart-page-section .cart-table .cart-body .table-row td:first-child {
    min-width: 450px;
  }
}
@media (max-width: 575px) {
  .cart-page-section .cart-table .cart-body .table-row td:first-child {
    min-width: 380px;
  }
}
.cart-page-section .cart-table .cart-body .table-row td:nth-child(2), .cart-page-section .cart-table .cart-body .table-row td:nth-child(4) {
  min-width: 130px;
}
.cart-page-section .cart-table .cart-body .table-row td:last-child {
  min-width: 60px;
}
[dir=rtl] .cart-page-section .cart-table .cart-body .table-row td {
  padding-left: 15px;
  padding-right: 0;
  text-align: right;
}
.cart-page-section .cart-table .cart-body .table-row td h6 {
  font-weight: 700;
}
.cart-page-section .cart-table .cart-body .table-row td h5 {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}
.cart-page-section .cart-table .cart-body .table-row .item-box {
  display: flex;
  align-items: center;
  gap: calc(10px + 7 * (100vw - 320px) / 1600);
}
.cart-page-section .cart-table .cart-body .table-row .item-box .item-img img {
  width: calc(60px + 30 * (100vw - 320px) / 1600);
  height: calc(60px + 30 * (100vw - 320px) / 1600);
  object-fit: cover;
}
.cart-page-section .cart-table .cart-body .table-row .item-box .item-info {
  width: calc(100% - (60px + 30 * (100vw - 320px) / 1600) - (10px + 7 * (100vw - 320px) / 1600));
  text-align: left;
}
[dir=rtl] .cart-page-section .cart-table .cart-body .table-row .item-box .item-info {
  text-align: right;
}
.cart-page-section .cart-table .cart-body .table-row .item-box .item-info li {
  display: block;
}
.cart-page-section .cart-table .cart-body .table-row .item-box .item-info li a {
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
}
.cart-page-section .cart-table .cart-body .table-row .item-box .item-info li a h4 {
  font-weight: 600;
  text-transform: capitalize;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  margin-bottom: calc(5px + 3 * (100vw - 320px) / 1600);
}
.cart-page-section .cart-table .cart-body .table-row .item-box .item-info li span {
  color: rgba(var(--title-color), 1);
}
.cart-page-section .cart-table .cart-body .table-row .item-box .item-info li h6 {
  font-weight: 500;
  color: rgba(var(--content-color), 1);
  font-size: 14px;
}
.cart-page-section .cart-table .cart-body .table-row .item-box .item-info li:nth-child(2) {
  margin-block: 5px;
}
.cart-page-section .no-found-item[style*="display: block"] + .cart-shipping {
  display: none;
}
.cart-page-section .cart-shipping {
  background: rgba(var(--bg-color), 1);
  padding: calc(15px + 25 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--border-color), 1);
  margin-top: calc(30px + 30 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cart-page-section .cart-shipping .delivery-item .inner-title {
  font-size: calc(18px + 3 * (100vw - 320px) / 1600);
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: calc(15px + 5 * (100vw - 320px) / 1600);
}
.cart-page-section .cart-shipping .delivery-item .shipping-list {
  display: flex;
  flex-direction: column;
  gap: calc(8px + 7 * (100vw - 320px) / 1600);
}
.cart-page-section .cart-shipping .delivery-item .shipping-list li {
  display: flex;
  gap: calc(4px + 4 * (100vw - 320px) / 1600);
}
.cart-page-section .cart-shipping .delivery-item .shipping-list li .label-radio {
  align-items: flex-start;
}
.cart-page-section .cart-shipping .delivery-item .shipping-list li span {
  display: flex;
  align-items: center;
  width: calc(100% - 16px - (4px + 4 * (100vw - 320px) / 1600));
  gap: 5px;
  flex-wrap: wrap;
}
.cart-page-section .cart-shipping .delivery-item .shipping-list li strong {
  display: flex;
  align-items: center;
  gap: 5px;
}
.cart-page-section .cart-shipping .delivery-item .shipping-list li strong::before {
  content: "";
  width: 5px;
  height: 5px;
  background: rgba(var(--title-color), 1);
  position: relative;
  display: inline-block;
  border-radius: 100%;
}
.cart-page-section .cart-shipping .sub-total {
  width: 28%;
}
@media (max-width: 1199px) {
  .cart-page-section .cart-shipping .sub-total {
    width: 35%;
  }
}
@media (max-width: 991px) {
  .cart-page-section .cart-shipping .sub-total {
    width: 100%;
  }
}
.cart-page-section .cart-shipping .sub-total .total-list {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: calc(6px + 6 * (100vw - 320px) / 1600);
  padding-inline: calc(6px + 6 * (100vw - 320px) / 1600);
}
.cart-page-section .cart-shipping .sub-total .total-list li {
  display: flex;
  justify-content: center;
  justify-content: space-between;
  gap: calc(6px + 6 * (100vw - 320px) / 1600);
}
.cart-page-section .cart-shipping .sub-total .total-list li:last-child {
  border-top: 1px solid rgba(var(--border-color), 1);
  padding-top: calc(6px + 6 * (100vw - 320px) / 1600);
}
.cart-page-section .cart-shipping .sub-total .total-list li span {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  color: rgba(var(--title-color), 1);
}
.cart-page-section .cart-shipping .sub-total .total-list li span:first-child {
  color: rgba(var(--content-color), 1);
  font-weight: 400;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.cart-page-section .cart-shipping .sub-total .btn-solid {
  width: 100%;
  justify-content: space-between;
  padding-inline: calc(6px + 6 * (100vw - 320px) / 1600);
  color: #fff;
  font-size: 18px;
  background-color: transparent;
}
.cart-page-section .cart-shipping .sub-total .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

.total-box {
  display: grid;
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(var(--border-color), 1);
}
.total-box.extra-price {
  padding-top: 15px;
  padding-bottom: 0;
}
.total-box.extra-price .total-item:last-child {
  border-top: 1px solid rgba(var(--border-color), 1);
  padding-bottom: 13px;
  padding-top: 13px;
  margin-top: 13px;
}
.total-box.extra-price .total-item:last-child h5,
.total-box.extra-price .total-item:last-child h6 {
  font-size: 19px;
  font-weight: 700;
  color: rgba(var(--theme-color), 1);
}
.total-box .total-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(var(--content-color), 1);
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.total-box .total-item h6 {
  text-transform: uppercase;
}
.total-box .total-item h5 {
  text-transform: capitalize;
  color: rgba(var(--content-color), 1);
  font-size: 17px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.total-box .total-item h5 span {
  text-transform: lowercase;
}
.total-box .total-item + .total-item {
  padding-top: 10px;
}

.quantity.btn-group {
  border: 1px solid rgba(var(--border-color), 1);
  justify-content: space-between;
  padding: 8px 0;
  width: 70%;
  border-radius: 0;
  background: rgba(var(--bg-color), 1);
}
@media (max-width: 460px) {
  .quantity.btn-group {
    width: auto;
  }
}
.quantity button {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: rgba(var(--title-color), 1);
}
.quantity button:focus {
  outline: none;
}
.quantity button i {
  font-size: 18px;
}
.quantity input[type=number] {
  border: none;
  width: 20%;
  text-align: center;
  background: rgba(var(--bg-color), 1);
  color: rgba(var(--title-color), 1);
}
.quantity input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

/*========================
  6.7 Wishlist style start
==========================*/
.notifications-toast {
  position: fixed;
  top: 20px;
  right: -10px;
  z-index: 1090;
}
@media (max-width: 440px) {
  .notifications-toast {
    right: 0;
  }
}
.notifications-toast :where(.toast, .column) {
  display: flex !important;
  align-items: center !important;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.notifications-toast i {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.notifications-toast .column i {
  width: calc(26px + 4 * (100vw - 320px) / 1600);
  height: calc(26px + 4 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #007170;
  color: white;
  border-radius: 100%;
}
.notifications-toast .toast {
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: calc(12px + 4 * (100vw - 320px) / 1600) calc(14px + 3 * (100vw - 320px) / 1600);
  margin-bottom: calc(8px + 2 * (100vw - 320px) / 1600);
  background: rgba(var(--white), 1);
  justify-content: space-between;
  animation: show_toast 0.3s ease forwards;
  border: none;
  border-radius: 0;
}
@media (max-width: 440px) {
  .notifications-toast .toast {
    width: calc(100% - 20px);
    animation: none;
    margin-inline: auto;
  }
}
.notifications-toast .toast.removeSuccess::before {
  background-color: #d23730;
}
.notifications-toast .toast.removeSuccess .column i {
  background-color: #d23730;
}
.notifications-toast .toast.addSuccess::before {
  background-color: #007170;
}
.notifications-toast .toast::before {
  position: absolute;
  content: "";
  height: 3px;
  width: 100%;
  bottom: 0;
  left: 0;
  animation: progress 5s linear forwards;
}
.notifications-toast .toast.hide {
  animation: hide_toast 0.3s ease forwards;
}
.notifications-toast .toast span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  width: calc(100% - (26px + 4 * (100vw - 320px) / 1600) - (10px + 5 * (100vw - 320px) / 1600));
}

.no-found-item {
  display: none;
}
@media (max-width: 575px) {
  .no-found-item img {
    width: 70%;
  }
}
.no-found-item .no-found-content {
  margin-top: calc(18px + 6 * (100vw - 320px) / 1600);
}
.no-found-item .no-found-content p {
  color: rgba(var(--content-color), 1);
  width: 75%;
  margin-inline: auto;
  line-height: 1.4;
  margin-top: calc(5px + 3 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .no-found-item .no-found-content p {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .no-found-item .no-found-content p {
    width: 100%;
  }
}
.no-found-item .no-found-content .btn-solid {
  padding-inline: 30px;
  color: #fff;
}
.no-found-item .no-found-content .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

/*========================
  6.8 Sub-page style start
==========================*/
.maintenance-page-section {
  height: 100vh;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding-top: 0;
}
body.dark .maintenance-page-section {
  filter: invert(1) hue-rotate(-527deg);
}
.maintenance-page-section .maintenance-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  text-align: center;
  margin-inline: auto;
  height: 100%;
}
body.dark .maintenance-page-section .maintenance-content {
  filter: invert(1) hue-rotate(165deg);
}
@media (max-width: 1199px) {
  .maintenance-page-section .maintenance-content {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .maintenance-page-section .maintenance-content {
    width: 100%;
  }
}
.maintenance-page-section .maintenance-content img {
  width: 40%;
}
@media (max-width: 767px) {
  .maintenance-page-section .maintenance-content img {
    width: 50%;
  }
}
.maintenance-page-section .maintenance-content h1 {
  color: rgba(var(--theme-color), 1);
  margin-block: calc(15px + 15 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
  font-weight: 400;
  font-family: var(--limelight);
}
.maintenance-page-section .maintenance-content p {
  color: rgba(var(--content-color), 1);
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
}
.maintenance-page-section .notify-input {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  background: rgba(var(--white), 1);
  padding: 3px 3px 3px calc(12px + 18 * (100vw - 320px) / 1600);
  width: 90%;
}
[dir=rtl] .maintenance-page-section .notify-input {
  padding: 3px 30px 3px 3px;
}
@media (max-width: 575px) {
  .maintenance-page-section .notify-input {
    width: 100%;
  }
}
.maintenance-page-section .notify-input input {
  border-radius: 0;
  font-size: 18px;
  font-weight: 400;
  color: rgba(var(--content-color), 1);
  border: none;
  padding: 0;
  background-color: transparent;
}
body.dark .maintenance-page-section .notify-input input {
  border-color: rgba(var(--border-color), 1);
}
.maintenance-page-section .notify-input input:focus {
  border-color: rgba(var(--theme-color), 1);
}
.maintenance-page-section .notify-input input::placeholder {
  font-size: 18px;
  font-weight: 400;
  color: rgba(var(--content-color), 1);
}
.maintenance-page-section .notify-input .btn-solid {
  border-color: rgba(var(--title-color), 1);
  padding: 8px calc(16px + 10 * (100vw - 320px) / 1600);
  min-width: max-content;
  background: transparent;
  color: rgba(var(--white), 1);
}
.maintenance-page-section .notify-input .btn-solid::after, .maintenance-page-section .notify-input .btn-solid::before {
  background-color: rgba(var(--title-color), 1);
}
.maintenance-page-section .notify-input .btn-solid:hover {
  color: rgba(var(--title-color), 1);
}

.coming-soon-section {
  position: relative;
}
body.dark .coming-soon-section {
  filter: invert(1);
}
.coming-soon-section .star-effect .star-1 {
  top: 20%;
  left: 13%;
  animation: diamond 5s linear infinite;
  transform-style: preserve-3d;
  transform-origin: center center;
}
.coming-soon-section .star-effect .star-2 {
  top: 10%;
  right: 6%;
  animation: diamond 8s linear infinite;
  transform-style: preserve-3d;
  transform-origin: center center;
}
.coming-soon-section .star-effect .star-3 {
  bottom: 0px;
  right: 30%;
  animation: diamond 10s linear infinite;
  transform-style: preserve-3d;
  transform-origin: center center;
}
.coming-soon-section .coming-soon-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  flex-direction: column;
  width: 80%;
  text-align: center;
  margin-inline: auto;
}
@media (max-width: 991px) {
  .coming-soon-section .coming-soon-content {
    width: 100%;
  }
}
body.dark .coming-soon-section .coming-soon-content {
  filter: invert(1);
}
.coming-soon-section .coming-soon-content h2 {
  line-height: 1.2;
  font-family: var(--limelight);
  font-weight: 400;
  font-size: calc(36px + 74 * (100vw - 320px) / 1600);
  background: linear-gradient(80deg, rgb(249, 104, 87) 0%, rgb(253, 173, 164) 20%, rgb(241, 84, 66) 40%, rgb(223, 55, 35) 60%, rgb(253, 173, 164) 80%, rgb(187, 43, 26) 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.coming-soon-section .coming-soon-content p {
  color: rgba(var(--white), 0.5);
  margin-block: calc(8px + 4 * (100vw - 320px) / 1600) calc(15px + 5 * (100vw - 320px) / 1600);
  width: 60%;
  margin-inline: auto;
}
@media (max-width: 1199px) {
  .coming-soon-section .coming-soon-content p {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .coming-soon-section .coming-soon-content p {
    width: 100%;
  }
}
.coming-soon-section .coming-soon-content .notify-input {
  width: 60%;
  background-color: rgb(40, 39, 43);
}
@media (max-width: 1199px) {
  .coming-soon-section .coming-soon-content .notify-input {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .coming-soon-section .coming-soon-content .notify-input {
    width: 100%;
  }
}
.coming-soon-section .coming-soon-content .notify-input .btn-solid {
  border-color: rgba(var(--theme-color), 1);
  color: rgba(var(--white), 1);
}
.coming-soon-section .coming-soon-content .notify-input .btn-solid::after, .coming-soon-section .coming-soon-content .notify-input .btn-solid::before {
  background-color: rgba(var(--theme-color), 1);
}
.coming-soon-section .coming-soon-content .notify-input .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

.element-box {
  background: rgba(var(--bg-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
  padding: 10px;
}
.element-box + .element-box {
  margin-top: calc(20px + 30 * (100vw - 320px) / 1600);
}
.element-box .element-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(8px + 2 * (100vw - 320px) / 1600);
  border-bottom: 1px solid rgba(var(--border-color), 1);
  padding-bottom: calc(12px + 3 * (100vw - 320px) / 1600);
  margin-bottom: calc(12px + 3 * (100vw - 320px) / 1600);
}
.element-box .element-title h3 {
  color: rgba(var(--title-color), 1);
  font-size: calc(18px + 6 * (100vw - 320px) / 1600);
}
.element-box .element-title button {
  border: none;
  outline: none;
  background-color: transparent;
  color: rgba(var(--title-color), 1);
  padding: 0;
}
.element-box .element-title button i {
  font-size: calc(18px + 6 * (100vw - 320px) / 1600);
}
.element-box .element-body .code-box-copy pre {
  border-radius: 0;
  margin-block: calc(10px + 10 * (100vw - 320px) / 1600) 0;
  background-color: rgba(var(--white), 1);
  padding: calc(8px + 2 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--border-color), 1);
}
[dir=rtl] .element-box .element-body .code-box-copy pre {
  direction: ltr;
}
.element-box .element-body .code-box-copy .card-copy-header .code-box-copy__btn {
  width: unset;
  height: unset;
  background: rgba(var(--white), 1);
  padding: calc(2px + 2 * (100vw - 320px) / 1600) calc(6px + 6 * (100vw - 320px) / 1600);
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--border-color), 1);
  top: 10px;
  right: 10px;
  color: rgba(var(--title-color), 1);
}
@media (max-width: 767px) {
  .element-box .element-body .code-box-copy .card-copy-header .code-box-copy__btn {
    opacity: 1;
  }
}
.element-box .element-body .language-html {
  max-height: 500px;
}
.element-box .element-body .language-html .language-html {
  text-shadow: none;
  color: rgba(var(--title-color), 1);
}
.element-box .element-body .solid-btn .cv-button {
  color: #fff;
}
.element-box .element-body .solid-btn .btn-solid:has(img) {
  gap: 8px;
}
.element-box .element-body .solid-btn .btn-solid:hover img {
  filter: invert(64%) sepia(36%) saturate(6469%) hue-rotate(360deg) brightness(101%) contrast(95%);
  transition: 0.4s ease;
}
.element-box .element-body .solid-btn .double-border {
  color: #fff;
}
.element-box .element-body .solid-btn .double-border:hover {
  color: rgba(var(--theme-color), 1);
}
.element-box .element-body .solid-btn .double-border:hover span::after {
  transform: scale(0);
  background: transparent;
}
.element-box .element-body .solid-btn .double-border span::after {
  transform: scale(1);
  background: rgba(var(--theme-color), 1);
}
.element-box .element-body .solid-btn .btn-borders {
  color: #fff;
}
.element-box .element-body .solid-btn .btn-borders:hover {
  color: rgba(var(--theme-color), 1);
}
.element-box .element-body .solid-btn .btn-borders:hover::before {
  height: 0%;
}
.element-box .element-body .solid-btn .btn-borders::before {
  height: 100%;
}
.element-box .element-body .btn-outline .btn-solid {
  color: rgba(var(--theme-color), 1);
}
.element-box .element-body .btn-outline .btn-solid:hover {
  color: #fff;
}
.element-box .element-body .btn-outline .btn-solid:hover::after {
  left: 0;
}
.element-box .element-body .btn-outline .btn-solid:hover::before {
  right: 0;
}
.element-box .element-body .btn-outline .btn-solid::after {
  left: -70%;
}
.element-box .element-body .btn-outline .btn-solid::before {
  right: -70%;
}
.element-box .element-body .book-button {
  color: #fff;
  z-index: 0;
}
.element-box .element-body .nav.nav-tabs:has(li button[disabled]) {
  border-color: rgba(var(--border-color), 1);
}
.element-box .element-body .nav.nav-tabs:has(li button[disabled]) .nav-link.active {
  border-color: rgba(var(--border-color), 1);
  background-color: transparent;
  color: rgba(var(--title-color), 1);
}
.element-box .element-body .nav button[disabled] {
  color: rgba(var(--content-color), 1);
}
.element-box .element-body .solid-btn a,
.element-box .element-body .btn-outline a {
  margin-top: 0;
  padding: calc(6px + 4 * (100vw - 320px) / 1600) calc(14px + 6 * (100vw - 320px) / 1600);
  line-height: 1.2;
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  font-weight: 400;
  text-transform: capitalize;
}
.element-box .element-body .solid-btn .double-border,
.element-box .element-body .btn-outline .double-border {
  padding-inline: calc(4px + 4 * (100vw - 320px) / 1600);
  overflow: hidden;
}
.element-box .element-body .solid-btn .double-border span,
.element-box .element-body .btn-outline .double-border span {
  padding: calc(5px + 5 * (100vw - 320px) / 1600) calc(10px + 10 * (100vw - 320px) / 1600);
  z-index: 0;
}
.element-box .element-body .button-list {
  display: flex;
  align-items: center;
  gap: calc(8px + 2 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}
.element-box .element-body .button-list button,
.element-box .element-body .button-list input,
.element-box .element-body .button-list a.btn,
.element-box .element-body .button-list .badge {
  border-radius: 0;
}
.element-box .element-body .title-style-1 {
  background-color: rgba(var(--bg-color), 1);
}
.element-box .element-body .title-style-1::after {
  display: block;
  background: linear-gradient(90deg, rgba(var(--title-color), 1) 0%, rgba(var(--black), 0.04) 40%, rgba(var(--black), 0.04) 60%, rgba(var(--title-color), 1) 100%);
}
.element-box .element-body .title-style-2 {
  width: 100%;
}
.element-box .element-body .title-style-2 h6 {
  margin-top: 0;
}
.element-box .element-body .title-style-4 h2 {
  padding-left: 0;
}
.element-box .element-body .title-style-5 h2 {
  margin-top: 0;
}
.element-box .element-body .title-style-6 h3 {
  color: rgba(var(--theme-color), 1);
}
.element-box .element-body .title-style-6 h3::after {
  background-color: rgba(var(--theme-color), 1);
}
.element-box .element-body .title-style-7 h5 {
  background: linear-gradient(to right, rgba(var(--star-color), 1), rgba(var(--theme-color), 1));
  -webkit-background-clip: text;
}
.element-box .element-body .title-style-7 h5::before {
  background-color: rgba(var(--star-color), 1);
}
.element-box .element-body .title-style-9 h4 {
  margin-top: 0;
  padding-top: calc(6px + 6 * (100vw - 320px) / 1600);
}
.element-box .element-body .title-style-10 h2 {
  justify-content: center;
  width: 100%;
}
.element-box .element-body .title-style-10 h2::before {
  height: 42px;
}
.element-box .element-body .title-style-11 h2 {
  color: rgba(var(--title-color), 1);
}
.element-box .element-body .title-style-12 h2 {
  margin-top: 0;
  font-family: unset;
}
.element-box .element-body .title-style-13 h2 {
  font-family: unset;
}
.element-box .element-body .title-style-1, .element-box .element-body .title-style-2, .element-box .element-body .title-style-3, .element-box .element-body .title-style-4, .element-box .element-body .title-style-5, .element-box .element-body .title-style-6, .element-box .element-body .title-style-7, .element-box .element-body .title-style-8, .element-box .element-body .title-style-9, .element-box .element-body .title-style-10, .element-box .element-body .title-style-11, .element-box .element-body .title-style-12, .element-box .element-body .title-style-13 {
  margin-bottom: 0;
  text-align: center;
}
.element-box .element-body .title-style-1 h2, .element-box .element-body .title-style-2 h2, .element-box .element-body .title-style-3 h2, .element-box .element-body .title-style-4 h2, .element-box .element-body .title-style-5 h2, .element-box .element-body .title-style-6 h2, .element-box .element-body .title-style-7 h2, .element-box .element-body .title-style-8 h2, .element-box .element-body .title-style-9 h2, .element-box .element-body .title-style-10 h2, .element-box .element-body .title-style-11 h2, .element-box .element-body .title-style-12 h2, .element-box .element-body .title-style-13 h2 {
  line-height: 1;
}
.element-box .element-body .title-style-12::after, .element-box .element-body .title-style-12::before {
  display: none;
}
.element-box .element-body .title-style-12 h2 {
  background-color: transparent;
}
.element-box .element-body .ad-tab .ad-service-box {
  background-color: rgba(var(--white), 1);
}
.element-box .element-body .ad-tab .ad-service-box p {
  color: rgba(var(--content-color), 1);
}
.element-box .element-body .alert {
  padding: calc(10px + 6 * (100vw - 320px) / 1600);
}
.element-box .table thead tr,
.element-box .table tbody tr {
  border-color: rgba(var(--border-color), 1);
}
.element-box .table thead tr td,
.element-box .table thead tr th,
.element-box .table tbody tr td,
.element-box .table tbody tr th {
  background-color: rgba(var(--white), 1);
  border-color: rgba(var(--border-color), 1);
  color: rgba(var(--title-color), 1);
}
.element-box .accordion .accordion-item {
  box-shadow: 0px 0px 18px 1px rgba(var(--title-color), 0.05);
}
.element-box .accordion .accordion-item:has(.accordion-button.collapsed) {
  box-shadow: none;
}
.element-box .accordion .accordion-item .accordion-button {
  background-color: rgba(var(--white), 1);
}
.element-box .accordion .accordion-item .accordion-button:not(.collapsed) {
  border-color: transparent;
  border-bottom: 1px solid rgba(var(--border-color), 1);
  color: rgba(var(--theme-color), 1);
}
.element-box .accordion .accordion-item .accordion-body {
  background-color: rgba(var(--white), 1);
  border: none;
  color: rgba(var(--title-color), 1);
}

.element-mt.dark-title h2 {
  margin-top: -4px !important;
}
.element-mt h4 {
  margin-top: -5px;
}
.element-mt h6 {
  margin-top: -2px;
}
.element-mt h4 + h2,
.element-mt h6 + h2 {
  margin-top: 0 !important;
}
.element-mt h2:only-of-type {
  margin-top: -6px;
}

.wedding-form-section:has(+ .w-planner-contact) .form-bg {
  bottom: 80px;
}

.element-counter-section .consultancy-counter-section .consultancy-counter-box {
  box-shadow: inset -8px -8px 22px rgba(var(--theme-color), 1), inset 8px 8px 12px rgba(255, 56, 56, 0.8);
}
.element-counter-section .charity-counter-sec .counter-box::after {
  background: #fff;
}
.element-counter-section .charity-counter-sec .counter-box h2 {
  color: white;
}
.element-counter-section .charity-counter-sec .counter-box h5 {
  color: rgba(255, 255, 255, 0.8);
}
body.dark .element-counter-section .w-story-planner.w-planner-color .story-content .title-style-4 h2 {
  color: rgb(248, 242, 201);
}
body.dark .element-counter-section .w-story-planner.w-planner-color .story-content p {
  color: rgb(248, 242, 201);
}
body.dark .element-counter-section .w-story-planner.w-planner-color .story-content .story-subtitle {
  color: rgb(248, 242, 201);
}
body.dark .element-counter-section .w-story-planner.w-planner-color .story-content .story-subtitle::after {
  background-color: rgb(248, 242, 201);
}
body.dark .element-counter-section .w-story-planner.w-planner-color .story-content .w-planner-counter-box {
  border-top-color: rgb(248, 242, 201);
}
body.dark .element-counter-section .w-story-planner.w-planner-color .story-content .w-planner-counter-box::after {
  background-color: rgb(248, 242, 201);
}
body.dark .element-counter-section .w-story-planner.w-planner-color .story-content .w-planner-counter-box .counter-box + .counter-box::after {
  background-color: rgb(248, 242, 201);
}
body.dark .element-counter-section .w-story-planner.w-planner-color .story-content .w-planner-counter-box .counter-box span,
body.dark .element-counter-section .w-story-planner.w-planner-color .story-content .w-planner-counter-box .counter-box i,
body.dark .element-counter-section .w-story-planner.w-planner-color .story-content .w-planner-counter-box .counter-box h4 {
  color: rgb(248, 242, 201);
}
body.dark .element-counter-section .w-story-planner.w-planner-color .story-img::after {
  border-color: rgb(248, 242, 201);
}

body.dark .digital-contact-agency.digital-agency-color {
  background-color: rgb(39, 39, 39) !important;
}
.digital-contact-agency.digital-agency-color .title-style-12::before, .digital-contact-agency.digital-agency-color .title-style-12::after {
  display: none;
}
body.dark .digital-contact-agency.digital-agency-color .title-style-12 h2 {
  background-color: transparent;
  color: #fff;
}
body.dark .digital-contact-agency.digital-agency-color .contact-box,
body.dark .digital-contact-agency.digital-agency-color .digital-contact-form {
  border-color: rgb(65, 65, 65);
}
body.dark .digital-contact-agency.digital-agency-color .contact-box .contact-line {
  filter: brightness(0) saturate(100%) invert(10%) sepia(19%) saturate(18%) hue-rotate(314deg) brightness(102%) contrast(86%);
}
body.dark .digital-contact-agency.digital-agency-color .contact-box .contact-list .contact-info span,
body.dark .digital-contact-agency.digital-agency-color .contact-box .contact-list .contact-info a {
  color: rgb(232, 232, 232);
}
body.dark .digital-contact-agency.digital-agency-color .digital-contact-form .label-input-box .form-control {
  background: rgba(39, 39, 39, 0.3);
}
body.dark .digital-contact-agency.digital-agency-color .digital-contact-form .label-input-box .form-label {
  color: rgb(232, 232, 232);
}

body.dark .event-contact-section.event-color .event-form .contact-info .form-label {
  color: rgb(232, 232, 232);
}
body.dark .event-contact-section.event-color .event-form .contact-info .form-control::placeholder {
  color: rgba(232, 232, 232, 0.4);
}
body.dark .event-contact-section.event-color .event-form .contact-info .form-control {
  color: rgba(232, 232, 232, 0.4);
}

body.dark .w-planner-contact.w-planner-color .title-style-4 h2 {
  color: rgb(248, 242, 201);
}
body.dark .w-planner-contact.w-planner-color .w-planner-form {
  background-color: rgba(39, 39, 39, 0.45);
  border-color: rgba(248, 242, 201, 0.45);
}
body.dark .w-planner-contact.w-planner-color .w-planner-form .form-control::placeholder {
  color: rgb(248, 242, 201);
}
body.dark .w-planner-contact.w-planner-color .w-planner-form .form-main label,
body.dark .w-planner-contact.w-planner-color .w-planner-form .form-main .form-control {
  color: #f8f2c9;
}
body.dark .w-planner-contact.w-planner-color .w-planner-form .btn-solid:hover {
  color: #f8f2c9;
}
body.dark .w-planner-contact.w-planner-color .w-planner-form .btn-solid {
  color: #61391a;
  border-color: #f8f2c9;
}
body.dark .w-planner-contact.w-planner-color .w-planner-form .btn-solid::before, body.dark .w-planner-contact.w-planner-color .w-planner-form .btn-solid::after {
  background-color: #f8f2c9;
}
body.dark .w-planner-contact.w-planner-color .contact-content ul li .contact-icon {
  background-color: #2f2f2f;
}
body.dark .w-planner-contact.w-planner-color .contact-content ul li .contact-icon img {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark .w-planner-contact.w-planner-color .contact-content p {
  color: rgba(248, 242, 201, 0.45);
}
body.dark .w-planner-contact.w-planner-color .contact-content::after {
  background-color: rgb(248, 242, 201);
}
body.dark .w-planner-contact.w-planner-color .contact-content .contact-info h4 {
  color: #f8f2c9;
}
body.dark .w-planner-contact.w-planner-color .contact-content .contact-info h6,
body.dark .w-planner-contact.w-planner-color .contact-content .contact-info a {
  color: rgba(248, 242, 201, 0.5);
}

body.dark .startup-footer.startup-color {
  background-color: rgb(39, 39, 39);
}
body.dark .startup-footer.startup-color .footer-content li:hover a {
  color: rgb(232, 232, 232);
}

.seo-footer-section.seo-color .footer-content .footer-box h6 {
  margin-bottom: 5px;
}
body.dark .seo-footer-section.seo-color {
  background-color: rgb(39, 39, 39);
}
body.dark .seo-footer-section.seo-color .footer-logo::after {
  background-color: rgba(255, 255, 255, 0.2);
}
body.dark .seo-footer-section.seo-color .footer-logo img {
  background-color: rgb(39, 39, 39);
  display: none;
}
body.dark .seo-footer-section.seo-color .footer-logo .white-logo {
  display: inline-block;
}
body.dark .seo-footer-section.seo-color .footer-info .footer-title h4::before, body.dark .seo-footer-section.seo-color .footer-info .footer-title h4::after {
  border-left-color: rgb(232, 232, 232);
}
body.dark .seo-footer-section.seo-color .footer-content li:hover a {
  color: rgb(232, 232, 232);
}
body.dark .seo-footer-section.seo-color .footer-content .main-footer-box .footer-box h6 {
  color: rgb(232, 232, 232);
}
body.dark .seo-footer-section.seo-color .seo-copyright {
  border-top-color: rgba(255, 255, 255, 0.2);
}
body.dark .seo-footer-section.seo-color .seo-copyright ul li + li {
  border-left-color: rgb(232, 232, 232);
}

body.dark .w-price-planner.w-planner-color {
  background-color: rgb(39, 39, 39);
}
body.dark .w-price-planner.w-planner-color .title-style-4 h2 {
  color: #f8f2c9;
}
body.dark .w-price-planner.w-planner-color .price-box {
  border-color: rgba(248, 242, 201, 0.45);
}
body.dark .w-price-planner.w-planner-color .price-box.theme-price {
  background-color: #f8f2c9;
}
body.dark .w-price-planner.w-planner-color .price-box.theme-price .btn-borders {
  color: #f8f2c9;
  border-color: #61391a;
}
body.dark .w-price-planner.w-planner-color .price-box.theme-price .btn-borders::before {
  background-color: #61391a;
}
body.dark .w-price-planner.w-planner-color .price-box.theme-price .price-head h4,
body.dark .w-price-planner.w-planner-color .price-box.theme-price .price-head h2,
body.dark .w-price-planner.w-planner-color .price-box.theme-price .price-head span {
  color: #61391a;
}
body.dark .w-price-planner.w-planner-color .price-box.theme-price .price-head .price-star img {
  background-color: #f8f2c9;
}
body.dark .w-price-planner.w-planner-color .price-box.theme-price .price-head .price-star .theme-star {
  display: inline-block;
}
body.dark .w-price-planner.w-planner-color .price-box.theme-price .price-head .price-star .white-star {
  display: none;
}
body.dark .w-price-planner.w-planner-color .price-box.theme-price .price-head .price-star::after {
  background-color: #61391a;
}
body.dark .w-price-planner.w-planner-color .price-box.theme-price .price-body h5 {
  color: #61391a;
}
body.dark .w-price-planner.w-planner-color .price-box.theme-price .price-body ul li {
  color: #61391a;
}
body.dark .w-price-planner.w-planner-color .price-box.theme-price .price-body ul li::after {
  background-color: #61391a;
}
body.dark .w-price-planner.w-planner-color .price-box:hover .btn-borders {
  color: #61391a;
}
body.dark .w-price-planner.w-planner-color .price-box .price-head h4,
body.dark .w-price-planner.w-planner-color .price-box .price-head h2,
body.dark .w-price-planner.w-planner-color .price-box .price-head span {
  color: #f8f2c9;
}
body.dark .w-price-planner.w-planner-color .price-box .price-head .price-star::after {
  background-color: rgba(248, 242, 201, 0.45);
}
body.dark .w-price-planner.w-planner-color .price-box .price-head .price-star .theme-star {
  display: none;
}
body.dark .w-price-planner.w-planner-color .price-box .price-head .price-star .white-star {
  display: inline-block;
}
body.dark .w-price-planner.w-planner-color .price-box .price-body h5 {
  color: #f8f2c9;
}
body.dark .w-price-planner.w-planner-color .price-box .price-body ul li {
  color: rgba(248, 242, 201, 0.45);
}
body.dark .w-price-planner.w-planner-color .price-box .price-body ul li::after {
  background-color: rgba(248, 242, 201, 0.45);
}
body.dark .w-price-planner.w-planner-color .price-box .btn-borders {
  border-color: rgba(248, 242, 201, 0.45);
  color: #f8f2c9;
}
body.dark .w-price-planner.w-planner-color .price-box .btn-borders::before {
  background-color: #f8f2c9;
}
body.dark .w-price-planner.w-planner-color .price-box .btn-borders:hover {
  color: #61391a;
}

.digital-price-section.digital-agency-color .title-style-12::after, .digital-price-section.digital-agency-color .title-style-12::before {
  display: none;
}

.inner-pricing-section .pricing-box ul li img {
  filter: brightness(0) saturate(100%) invert(45%) sepia(90%) saturate(428%) hue-rotate(317deg) brightness(104%) contrast(115%);
}

body.dark .event-price-section.event-color .price-box .price-header {
  border-bottom-color: rgba(232, 232, 232, 0.2);
}
body.dark .event-price-section.event-color .price-box .price-header span {
  color: #fff;
}
body.dark .event-price-section.event-color .price-box.active .price-header {
  border-bottom-color: #fff;
}

.signup-section {
  position: relative;
}
.signup-section .signup-slider-img {
  margin-block: calc(12px + 13 * (100vw - 992px) / 928);
  height: calc(100vh - (24px + 26 * (100vw - 992px) / 928));
}
@media (max-width: 991px) {
  .signup-section .signup-slider-img {
    margin-block: 0;
    height: 100vh;
  }
}
.signup-section .signup-img {
  width: 100%;
  height: 100%;
  position: relative;
}
.signup-section .signup-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.signup-section .signup-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(13, 35, 69, 0.5);
}
.signup-section .signup-content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: auto;
  bottom: 10%;
}
@media (max-width: 1399px) {
  .signup-section .signup-content {
    width: 60%;
    bottom: 7%;
  }
}
@media (max-width: 991px) {
  .signup-section .signup-content {
    display: none;
  }
}
.signup-section .signup-content h4 {
  color: #fff;
  font-size: calc(20px + 10 * (100vw - 320px) / 1600);
  text-align: center;
}
.signup-section .signup-form {
  width: 60%;
}
@media (max-width: 1399px) {
  .signup-section .signup-form {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .signup-section .signup-form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    background-color: rgba(var(--white), 0.12);
    backdrop-filter: blur(20px);
    padding: calc(18px + 17 * (100vw - 320px) / 1600);
  }
}
@media (max-width: 767px) {
  .signup-section .signup-form {
    width: 80%;
  }
}
@media (max-width: 575px) {
  .signup-section .signup-form {
    width: calc(100% - 24px);
  }
}
.signup-section .signup-form h2 {
  font-size: calc(28px + 17 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}
@media (max-width: 991px) {
  .signup-section .signup-form h2 {
    color: #fff;
  }
}
.signup-section .signup-form h6 {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  margin-block: calc(7px + 7 * (100vw - 320px) / 1600) calc(20px + 20 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .signup-section .signup-form h6 {
    color: rgba(255, 255, 255, 0.7);
  }
}
.signup-section .signup-form h6 a {
  text-decoration: underline;
  color: rgba(var(--theme-color), 1);
  font-weight: 600;
}
.signup-section .signup-form .signup-input-group label {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  margin-bottom: calc(2px + 2 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .signup-section .signup-form .signup-input-group label {
    color: #fff;
  }
}
.signup-section .signup-form .signup-input-group .form-control {
  border: none;
  background-color: rgba(var(--bg-color), 1);
  border-radius: 0;
  padding: calc(5px + 5 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}
@media (max-width: 991px) {
  .signup-section .signup-form .signup-input-group .form-control {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
  }
}
.signup-section .signup-form .checkbox-group {
  display: flex;
  align-items: center;
  gap: calc(6px + 4 * (100vw - 320px) / 1600);
  cursor: pointer;
  margin-block: calc(6px + 6 * (100vw - 320px) / 1600) calc(20px + 20 * (100vw - 320px) / 1600);
}
.signup-section .signup-form .checkbox-group input {
  cursor: pointer;
  display: inline-block;
  width: calc(15px + 5 * (100vw - 320px) / 1600);
  height: calc(15px + 5 * (100vw - 320px) / 1600);
  appearance: unset;
  background: rgba(var(--white), 1);
  justify-content: center;
  border: 1px solid rgba(var(--content-color), 0.3);
  position: relative;
  transition: 0.4s ease;
}
@media (max-width: 991px) {
  .signup-section .signup-form .checkbox-group input {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
  }
}
.signup-section .signup-form .checkbox-group input::before {
  content: "\eb7b";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  top: 50%;
  left: 50%;
  position: absolute;
  font-size: 17px;
  font-weight: 700;
  transform: translate(-50%, -50%) scale(0);
  color: #fff;
  transition: 0.4s ease;
  line-height: 1;
}
.signup-section .signup-form .checkbox-group input:checked {
  appearance: unset;
  background: rgba(var(--theme-color), 1);
  border: transparent;
}
.signup-section .signup-form .checkbox-group input:checked::before {
  transform: translate(-50%, -50%) scale(1);
}
.signup-section .signup-form .checkbox-group label {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  cursor: pointer;
  color: rgba(var(--title-color), 1);
}
@media (max-width: 991px) {
  .signup-section .signup-form .checkbox-group label {
    color: rgba(255, 255, 255, 0.7);
  }
}
.signup-section .signup-form .checkbox-group label a {
  color: rgba(var(--theme-color), 1);
}
.signup-section .signup-form .btn-solid {
  background-color: transparent;
  width: 100%;
  justify-content: center;
  margin-top: 0;
}
@media (max-width: 575px) {
  .signup-section .signup-form .btn-solid {
    line-height: 1.2;
  }
}
.signup-section .signup-form .text-divider {
  display: block;
  text-align: center;
  position: relative;
  z-index: 0;
  margin-block: calc(15px + 7 * (100vw - 320px) / 1600);
}
.signup-section .signup-form .text-divider::after, .signup-section .signup-form .text-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  border-top: 4px dotted rgba(var(--border-color), 1);
  transform: translateY(-50%);
  z-index: -1;
}
@media (max-width: 991px) {
  .signup-section .signup-form .text-divider::after, .signup-section .signup-form .text-divider::before {
    border-color: rgba(255, 255, 255, 0.1);
    width: calc(25% + 11 * (100vw - 320px) / 671);
  }
}
.signup-section .signup-form .text-divider::before {
  left: unset;
  right: 0;
}
@media (min-width: 992px) {
  .signup-section .signup-form .text-divider::before {
    display: none;
  }
}
.signup-section .signup-form .text-divider span {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  background-color: rgba(var(--white), 1);
  padding-inline: calc(8px + 2 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .signup-section .signup-form .text-divider span {
    background-color: transparent;
    padding-inline: 0;
    color: rgba(255, 255, 255, 0.7);
  }
}
.signup-section .signup-form .social-list {
  display: flex;
  align-items: center;
  gap: calc(8px + 2 * (100vw - 320px) / 1600);
  justify-content: space-between;
}
@media (max-width: 575px) {
  .signup-section .signup-form .social-list {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .signup-section .signup-form .social-list li {
    width: 100%;
  }
}
.signup-section .signup-form .social-list li a {
  padding: calc(5px + 3 * (100vw - 320px) / 1600) calc(12px + 12 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--border-color), 1);
  display: flex;
  align-items: center;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
  transition: 0.4s ease;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .signup-section .signup-form .social-list li a {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 575px) {
  .signup-section .signup-form .social-list li a {
    justify-content: center;
  }
}
.signup-section .signup-form .social-list li a:hover {
  border-color: rgba(var(--theme-color), 0.5);
  color: rgba(var(--theme-color), 1);
}
.signup-section .signup-form .social-list li a img {
  width: calc(20px + 5 * (100vw - 320px) / 1600);
  height: calc(20px + 5 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.signup-section .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 3px;
  background-color: #fff;
  opacity: 1;
  border-radius: 5px;
  transition: 0.4s ease;
}
@media (max-width: 991px) {
  .signup-section .swiper-pagination .swiper-pagination-bullet {
    display: none;
  }
}
.signup-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgba(var(--theme-color), 1);
  width: 35px;
}
.signup-section .signup-main-img {
  position: relative;
  margin-left: calc(12px + 13 * (100vw - 992px) / 928);
}
@media (max-width: 991px) {
  .signup-section .signup-main-img {
    margin-left: 0;
  }
}
.signup-section .signup-main-img .signup-back {
  position: absolute;
  top: calc(15px + 5 * (100vw - 992px) / 928);
  left: 50%;
  width: calc(100% - (24px + 26 * (100vw - 992px) / 928));
  height: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .signup-section .signup-main-img .signup-back {
    display: none;
  }
}
.signup-section .signup-main-img .signup-back .back-icon {
  margin-left: 0;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(37px);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signup-section .signup-main-img .signup-back .back-icon i {
  font-size: 20px;
}

.privacy-section h3,
.terms-conditions h3 {
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}
.privacy-section .privacy-date,
.terms-conditions .privacy-date {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  font-weight: 300;
}
.privacy-section .privacy-date strong,
.terms-conditions .privacy-date strong {
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}
.privacy-section .privacy-title,
.terms-conditions .privacy-title {
  font-weight: 600;
  color: rgba(var(--title-color), 1);
  font-size: calc(20px + 2 * (100vw - 320px) / 1600);
  margin-block: calc(15px + 15 * (100vw - 320px) / 1600) calc(5px + 3 * (100vw - 320px) / 1600);
}
.privacy-section p,
.terms-conditions p {
  color: rgba(var(--content-color), 1);
}
.privacy-section .sub-list,
.terms-conditions .sub-list {
  margin-top: 12px;
  margin-left: calc(42px + 8 * (100vw - 320px) / 1600);
}
[dir=rtl] .privacy-section .sub-list,
[dir=rtl] .terms-conditions .sub-list {
  margin-left: 0;
  margin-right: calc(42px + 8 * (100vw - 320px) / 1600);
}
.privacy-section .sub-list li,
.terms-conditions .sub-list li {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  display: list-item;
  font-weight: 300;
}
.privacy-section .sub-list li + li,
.terms-conditions .sub-list li + li {
  margin-top: calc(8px + 2 * (100vw - 320px) / 1600);
}
.privacy-section .sub-list li strong,
.terms-conditions .sub-list li strong {
  font-weight: 400;
  color: rgba(var(--title-color), 0.5);
}
.privacy-section .bottom-information,
.terms-conditions .bottom-information {
  margin-top: 30px;
}
[dir=rtl] .privacy-section .bottom-information,
[dir=rtl] .terms-conditions .bottom-information {
  padding-inline: 12px !important;
}
.privacy-section .bottom-information h5,
.terms-conditions .bottom-information h5 {
  font-size: 30px;
  font-weight: 400;
  color: rgba(var(--title-color), 1);
}
.privacy-section .bottom-information li,
.terms-conditions .bottom-information li {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
  display: block;
  font-weight: 300;
}
.privacy-section .bottom-information li + li,
.terms-conditions .bottom-information li + li {
  margin-top: 10px;
}
.privacy-section .bottom-information li strong,
.terms-conditions .bottom-information li strong {
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--title-color), 1);
}

/*========================
  6.9 FAQ style start
==========================*/
.faq-section .faq-title {
  text-align: center;
  margin-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}
.faq-section .faq-title h2 {
  text-transform: capitalize;
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
}
.faq-section .faq-title p {
  color: rgba(var(--content-color), 1);
  width: 60%;
  margin-inline: auto;
}
@media (max-width: 1199px) {
  .faq-section .faq-title p {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .faq-section .faq-title p {
    width: 100%;
  }
}
.faq-section .design-service-section .service-box {
  height: 100%;
  padding: calc(15px + 5 * (100vw - 320px) / 1600);
  background: rgba(var(--content-color), 0.05);
}
.faq-section .design-service-section .service-box:hover {
  background: rgba(var(--theme-color), 1);
}
.faq-section .question-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: calc(15px + 15 * (100vw - 320px) / 1600);
  column-gap: calc(0px + 20 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .faq-section .question-section {
    grid-template-columns: 1fr;
  }
}
.faq-section .question-section li {
  display: flex;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
}
.faq-section .question-section li:hover .question-icon {
  background: rgba(var(--theme-color), 1);
}
.faq-section .question-section li:hover .question-icon svg {
  stroke: #fff;
}
.faq-section .question-section li .question-icon {
  width: 40px;
  height: 40px;
  background: rgba(var(--theme-color), 0.09);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s ease;
}
.faq-section .question-section li .question-icon svg {
  width: 22px;
  height: 22px;
  fill: transparent;
  stroke-width: 2px;
  stroke: rgba(var(--theme-color), 1);
  transition: 0.4s ease;
}
.faq-section .question-section li .question-content {
  width: calc(100% - 40px - (10px + 10 * (100vw - 320px) / 1600));
}
.faq-section .question-section li .question-content h4 {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  color: rgba(var(--title-color), 1);
  margin-bottom: 5px;
}
.faq-section .question-section li .question-content p {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 300;
  color: rgba(var(--content-color), 1);
}
.faq-section .portfolio-newsletter-section .newsletter-box h3 {
  font-size: calc(20px + 10 * (100vw - 320px) / 1600);
}

.error-page-section img {
  width: 40%;
}
@media (max-width: 767px) {
  .error-page-section img {
    width: 60%;
  }
}
@media (max-width: 575px) {
  .error-page-section img {
    width: 60%;
  }
}
.error-page-section .page-container {
  margin-top: calc(15px + 5 * (100vw - 320px) / 1600);
}
.error-page-section .page-container p {
  color: rgba(var(--content-color), 1);
  margin-top: 10px;
  width: 80%;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .error-page-section .page-container p {
    width: 100%;
  }
}
.error-page-section .page-container .btn-solid {
  color: #fff;
  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
.error-page-section .page-container .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}

/*========================
  6.10 Product style start
==========================*/
.product-detail-section .product-detail {
  position: sticky;
  top: 20px;
  left: 0;
}
.product-detail-section .product-detail h3 {
  font-size: calc(20px + 12 * (100vw - 320px) / 1600);
  font-weight: 600;
  letter-spacing: 1px;
}
.product-detail-section .product-detail .trending-content {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 2px;
  color: rgba(var(--title-color), 0.8);
}
.product-detail-section .product-detail .trending-content img {
  width: 20px;
  filter: invert(55%) sepia(40%) saturate(1817%) hue-rotate(323deg) brightness(97%) contrast(102%);
}
.product-detail-section .product-detail .most-rating {
  padding-inline: 0;
  margin-block: 8px;
}
.product-detail-section .product-detail .most-rating li {
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  margin-bottom: 0;
  line-height: 1;
}
.product-detail-section .product-detail .most-rating li .rating {
  width: auto;
  display: flex;
  align-items: center;
  gap: 2px;
}
.product-detail-section .product-detail .most-rating li .rating li + li {
  margin-top: 0;
}
.product-detail-section .product-detail .most-rating li .rating li:last-child {
  font-size: 14px;
  line-height: 1;
  margin-left: 3px;
}
[dir=rtl] .product-detail-section .product-detail .most-rating li .rating li:last-child {
  margin-left: 0;
  margin-right: 3px;
}
.product-detail-section .product-detail .most-rating li span {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  color: rgba(var(--green-color), 1);
  border-left: 1px solid rgba(var(--content-color), 0.15);
  padding-left: 10px;
}
[dir=rtl] .product-detail-section .product-detail .most-rating li span {
  padding-right: 10px;
  padding-left: 0;
  border-right: 1px solid rgba(var(--content-color), 0.15);
  border-left: none;
}
@media (max-width: 349px) {
  .product-detail-section .product-detail .most-rating li span {
    border-left: none;
    padding-left: 0;
  }
  [dir=rtl] .product-detail-section .product-detail .most-rating li span {
    border-right: none;
    padding-right: 0;
  }
}
.product-detail-section .product-detail .most-rating li span i {
  font-size: 17px;
}
.product-detail-section .product-detail .product-price {
  display: flex;
  align-items: end;
  gap: 10px;
  font-family: var(--open-sans);
  margin-bottom: calc(5px + 5 * (100vw - 320px) / 1600);
}
.product-detail-section .product-detail .product-price li span {
  font-size: calc(22px + 3 * (100vw - 320px) / 1600);
  color: rgba(var(--theme-color), 1);
  font-weight: 600;
}
.product-detail-section .product-detail .product-price li del {
  color: rgba(var(--content-color), 1);
  font-weight: 400;
  font-size: 15px;
}
.product-detail-section .product-detail .product-price li:last-child {
  font-size: 15px;
  color: rgba(var(--title-color), 1);
  margin-bottom: 3px;
}
.product-detail-section .product-detail p {
  color: rgba(var(--content-color), 1);
}
.product-detail-section .product-detail .in-stock img {
  width: 20px;
  height: 20px;
}
.product-detail-section .product-detail .inner-title {
  margin-bottom: calc(8px + 7 * (100vw - 320px) / 1600);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600) !important;
  font-weight: 600;
}
.product-detail-section .product-detail .radio-flex {
  display: flex;
  align-items: center;
  gap: calc(12px + 3 * (100vw - 320px) / 1600);
}
.product-detail-section .product-detail .radio-flex .radio-button .label-text {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.product-detail-section .product-detail .inner-swatch {
  display: flex;
  align-items: center;
  gap: 15px;
}
.product-detail-section .product-detail .inner-swatch li:hover a, .product-detail-section .product-detail .inner-swatch li.active a {
  border-bottom-color: rgba(var(--theme-color), 1);
  box-shadow: 0 1px 0 0 rgba(var(--theme-color), 1);
}
.product-detail-section .product-detail .inner-swatch li a {
  width: calc(65px + 5 * (100vw - 320px) / 1600);
  height: calc(65px + 5 * (100vw - 320px) / 1600);
  padding: 3px;
  border: 1px solid rgba(var(--border-color), 1);
  transition: 0.4s ease;
}
.product-detail-section .product-detail .inner-swatch li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-detail-section .product-detail .product-size {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.product-detail-section .product-detail .product-size .inner-size li a {
  width: calc(40px + 5 * (100vw - 320px) / 1600);
  height: calc(40px + 5 * (100vw - 320px) / 1600);
  border-radius: 100%;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  padding: 5px;
  transition: 0.4s ease;
}
.product-detail-section .product-detail .inner-size li:hover a {
  border-color: rgba(var(--theme-color), 0.5);
}
.product-detail-section .product-detail .inner-size li.active:hover a {
  border-color: rgba(var(--theme-color), 1);
}
.product-detail-section .product-detail .inner-size li.active a {
  border-color: rgba(var(--theme-color), 1);
  color: rgba(var(--theme-color), 1);
  font-weight: 700;
}
.product-detail-section .product-detail .product-dropdown {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}
.product-detail-section .product-detail .product-dropdown .inner-title {
  margin-bottom: 0 !important;
}
.product-detail-section .product-detail .product-dropdown select {
  appearance: none;
  background: rgba(var(--bg-color), 1);
  border-color: rgba(var(--border-color), 1);
  padding: 5px calc(40px + 20 * (100vw - 320px) / 1600);
  font-size: 18px;
  font-weight: 600;
  color: rgba(var(--black), 1);
}
.product-detail-section .product-detail .product-dropdown select:focus {
  outline: none;
}
.product-detail-section .product-detail .product-dropdown select option {
  background: rgba(var(--bg-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
}
.product-detail-section .product-detail .inner-item + .inner-item {
  padding-top: calc(10px + 10 * (100vw - 320px) / 1600);
  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);
  border-top: 1px solid rgba(var(--border-color), 1);
}
.product-detail-section .product-detail .inner-item .stock-progress {
  margin-top: 18px;
}
.product-detail-section .product-detail .inner-item .stock-progress span {
  margin-bottom: 8px;
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.product-detail-section .product-detail .inner-item .stock-progress .progress {
  height: calc(8px + 2 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
  border-radius: 0;
}
.product-detail-section .product-detail .inner-item .stock-progress .progress-bar {
  background: orange;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 16px 12px;
}
.product-detail-section .product-detail .product-circle li a {
  width: calc(35px + 10 * (100vw - 320px) / 1600);
  height: calc(35px + 10 * (100vw - 320px) / 1600);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.product-detail-section .product-detail .product-page-timer {
  display: inline-block;
  border: none;
  padding-bottom: 0;
  width: 100%;
}
.product-detail-section .product-detail .product-page-timer ul {
  display: inline-flex;
  align-items: center;
  gap: calc(15px + 5 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(15px + 5 * (100vw - 320px) / 1600);
}
.product-detail-section .product-detail .product-page-timer ul .timer-box {
  text-align: center;
}
.product-detail-section .product-detail .product-detail-flex {
  display: flex;
  align-items: center;
  gap: calc(12px + 8 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  margin-top: calc(12px + 8 * (100vw - 320px) / 1600);
}
.product-detail-section .product-detail .product-detail-flex .quantity {
  width: 25%;
  padding: 4px;
  min-width: calc(160px + 20 * (100vw - 320px) / 1600);
}
.product-detail-section .product-detail .product-detail-flex .quantity input {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--black), 1);
}
.product-detail-section .product-detail .product-detail-flex .quantity input:focus-visible {
  outline: none;
}
.product-detail-section .product-detail .product-detail-flex .quantity button {
  width: calc(30px + 8 * (100vw - 320px) / 1600);
  height: calc(30px + 8 * (100vw - 320px) / 1600);
  background: rgba(var(--white), 1);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--black), 1);
  border: 1px solid transparent;
  transition: 0.4s ease;
}
.product-detail-section .product-detail .product-detail-flex .quantity button:hover, .product-detail-section .product-detail .product-detail-flex .quantity button:focus {
  color: rgba(var(--theme-color), 1);
  border: 1px solid rgba(var(--theme-color), 1);
}
.product-detail-section .product-detail .product-detail-flex .btn-solid {
  color: #fff;
  margin-top: 0;
  padding: 8px calc(35px + 27 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  gap: calc(8px + 2 * (100vw - 320px) / 1600);
}
.product-detail-section .product-detail .product-detail-flex .btn-solid.disabled {
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 575px) {
  .product-detail-section .product-detail .product-detail-flex .btn-solid {
    order: 1;
  }
}
.product-detail-section .product-detail .product-detail-flex .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.product-detail-section .product-detail .product-detail-flex .btn-solid i {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  animation: ring 4s 0.7s ease-in-out infinite;
  font-weight: 500;
}
.product-detail-section .product-detail .product-detail-flex .btn-borders {
  margin-top: 0;
  padding: 8px calc(20px + 42 * (100vw - 320px) / 1600);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
}
.product-detail-section .product-detail .product-detail-flex .btn-borders:hover {
  color: rgba(var(--theme-color), 1);
}
.product-detail-section .product-detail .product-detail-flex .btn-borders:hover::before {
  height: 0;
}
.product-detail-section .product-detail .shipping-info ul li {
  display: list-item;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  list-style: inside;
  color: rgba(var(--content-color), 1);
}
.product-detail-section .product-detail .shipping-info ul li::marker {
  color: rgba(var(--content-color), 1);
}
.product-detail-section .product-detail .shipping-info ul li + li {
  padding-top: calc(8px + 2 * (100vw - 320px) / 1600);
}
.product-detail-section .product-side {
  position: sticky;
  top: 20px;
  left: 0;
}
.product-detail-section .product-side.space-img .product-img + .product-img {
  margin-top: 20px;
}
.product-detail-section .nav {
  border-bottom: 1px solid rgba(var(--border-color), 1);
  padding-top: calc(25px + 25 * (100vw - 320px) / 1600);
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
  gap: calc(15px + 5 * (100vw - 320px) / 1600);
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: auto;
}
.product-detail-section .nav .nav-item {
  line-height: normal;
}
.product-detail-section .nav .nav-item .nav-link {
  border-radius: 0;
  background: transparent;
  color: rgba(var(--title-color), 1);
  padding: 8px calc(15px + 5 * (100vw - 320px) / 1600);
  position: relative;
  transition: 0.4s ease;
  display: flex;
  align-items: center;
  z-index: 0;
}
.product-detail-section .nav .nav-item .nav-link span {
  background: rgba(var(--theme-color), 1);
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: #fff;
  font-size: 14px;
}
.product-detail-section .nav .nav-item .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0%;
  height: 2px;
  background: rgba(var(--theme-color), 1);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  z-index: -1;
  margin: auto;
}
.product-detail-section .nav .nav-item .nav-link.active, .product-detail-section .nav .nav-item .nav-link:hover {
  color: rgba(var(--theme-color), 1);
}
.product-detail-section .nav .nav-item .nav-link.active::after, .product-detail-section .nav .nav-item .nav-link:hover::after {
  width: 100%;
}
.product-detail-section .tab-content {
  margin-bottom: calc(30px + 30 * (100vw - 320px) / 1600);
}
.product-detail-section .accordion {
  margin-block: calc(25px + 25 * (100vw - 320px) / 1600);
}
.product-detail-section .accordion .accordion-item + .accordion-item {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.product-detail-section .accordion .accordion-item .accordion-button {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
  text-transform: capitalize;
  padding: calc(10px + 5 * (100vw - 320px) / 1600);
}
.product-detail-section .accordion .accordion-item .accordion-button:not(.collapsed) {
  font-weight: 600;
}
.product-detail-section .accordion .accordion-item .accordion-body {
  padding: calc(15px + 5 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 1);
  border-radius: 1px solid rgba(var(--border-color), 1);
  color: rgba(var(--black), 1);
}
@media (max-width: 575px) {
  .product-detail-section .accordion .accordion-item .accordion-body .comment-content .comment-info {
    flex-wrap: wrap;
  }
}
.product-detail-section .tab-info {
  margin-bottom: calc(15px + 10 * (100vw - 320px) / 1600);
}
.product-detail-section .tab-info .inner-title {
  margin-bottom: calc(10px + 5 * (100vw - 320px) / 1600);
}
.product-detail-section .tab-info .key-list li {
  display: list-item;
  color: rgba(var(--content-color), 1);
  font-weight: 400;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  list-style: inside;
}
.product-detail-section .tab-info .key-list li + li {
  margin-top: calc(12px + 3 * (100vw - 320px) / 1600);
}
.product-detail-section .tab-info .key-list li strong {
  color: rgba(var(--title-color), 1);
  margin-right: 5px;
}
.product-detail-section .product-color li.disabled,
.product-detail-section .product-size li.disabled {
  pointer-events: none;
  opacity: 0.5;
  position: relative;
}
.product-detail-section .product-color li.disabled::after,
.product-detail-section .product-size li.disabled::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid rgb(233, 43, 9);
  width: 1px;
  height: 100%;
  transform: translate(-50%, -50%) rotate(-45deg);
  opacity: 0.5;
}
.product-detail-section .seller .seller-header {
  display: flex;
  align-items: center;
  gap: 100px;
  margin-bottom: 40px;
}
.product-detail-section .seller .seller-header .best-seller {
  display: flex;
  gap: 30px;
  align-items: center;
}
.product-detail-section .seller .seller-header .best-seller img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 100%;
}
.product-detail-section .seller .seller-header .best-seller .best-seller-title h5 {
  font-weight: 700;
  margin-bottom: 5px;
}
.product-detail-section .seller .seller-header .best-seller .best-seller-title .rating {
  width: 100%;
}
.product-detail-section .seller .seller-header .best-seller .best-seller-title .rating li:last-child {
  font-size: 14px;
}
.product-detail-section .seller .seller-header .sell-info {
  display: flex;
  gap: 20px;
}
.product-detail-section .seller .seller-header .sell-info li {
  text-align: center;
}
.product-detail-section .seller .seller-header .sell-info li h5 {
  font-size: 16px;
  font-weight: 700;
  color: rgba(var(--theme-color), 1);
  margin-bottom: 5px;
}
.product-detail-section .seller .seller-header .sell-info li span {
  font-size: 25px;
  font-weight: 400;
}
.product-detail-section .seller .seller-body p {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
  font-size: 18px;
}
.product-detail-section .seller .seller-body p:last-child {
  margin-bottom: 0;
  margin-top: 25px;
}
.product-detail-section .seller .seller-body p span:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}
.product-detail-section .seller .seller-body p span i {
  color: rgba(var(--theme-color), 1);
  font-weight: 500;
  font-size: 20px;
}
.product-detail-section .product-review .review-tab-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
  gap: 8px;
}
.product-detail-section .product-review .review-tab-title h3 {
  margin-bottom: 0;
  font-size: calc(18px + 10 * (100vw - 320px) / 1600);
  font-weight: 700;
}
.product-detail-section .product-review .review-tab-title button {
  background: transparent;
  border: 1px solid rgba(var(--border-color), 1);
  padding: calc(4px + 4 * (100vw - 320px) / 1600) calc(12px + 14 * (100vw - 320px) / 1600);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
  color: rgba(var(--title-color), 1);
}
.product-detail-section .product-review .main-review-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc(10px + 30 * (100vw - 320px) / 1600);
  border-bottom: 1px solid rgba(var(--border-color), 1);
  padding-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
  margin-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .product-detail-section .product-review .main-review-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .product-detail-section .product-review .main-review-list {
    grid-template-columns: 1fr;
  }
}
.product-detail-section .product-review .main-review-list .review-box + .review-box {
  border-left: 1px solid rgba(var(--border-color), 1);
  padding-left: calc(20px + 20 * (100vw - 767px) / 1153);
}
[dir=rtl] .product-detail-section .product-review .main-review-list .review-box + .review-box {
  border-right: 1px solid rgba(var(--border-color), 1);
  padding-right: calc(20px + 20 * (100vw - 767px) / 1153);
  border-left: none;
  padding-left: 0;
}
@media (max-width: 767px) {
  .product-detail-section .product-review .main-review-list .review-box + .review-box {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid rgba(var(--border-color), 1);
    padding-top: calc(10px + 30 * (100vw - 320px) / 1600);
  }
  [dir=rtl] .product-detail-section .product-review .main-review-list .review-box + .review-box {
    border-right: none;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .product-detail-section .product-review .main-review-list .review-box:last-child {
    border-left: none;
    padding-left: 0;
  }
  [dir=rtl] .product-detail-section .product-review .main-review-list .review-box:last-child {
    border-right: none;
    padding-right: 0;
  }
}
.product-detail-section .product-review .main-review-list .review-box h4 {
  font-weight: 600;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
.product-detail-section .product-review .main-review-list .review-box h2 {
  display: flex;
  align-items: end;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  font-size: calc(18px + 14 * (100vw - 320px) / 1600);
  margin-block: calc(6px + 6 * (100vw - 320px) / 1600) calc(5px + 5 * (100vw - 320px) / 1600);
}
.product-detail-section .product-review .main-review-list .review-box h2 span {
  font-size: calc(12px + 2 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  gap: calc(2px + 2 * (100vw - 320px) / 1600);
  background-color: #e2fae2;
  padding: calc(2px + 2 * (100vw - 320px) / 1600) calc(3px + 3 * (100vw - 320px) / 1600);
  color: green;
}
.product-detail-section .product-review .main-review-list .review-box h2 span img {
  width: 17px;
  height: auto;
  filter: invert(24%) sepia(55%) saturate(7500%) hue-rotate(118deg) brightness(93%) contrast(104%);
}
.product-detail-section .product-review .main-review-list .review-box p {
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
}
.product-detail-section .product-review .main-review-list .review-box .rating-info {
  display: flex;
  align-items: center;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
  margin-block: calc(6px + 6 * (100vw - 320px) / 1600) calc(5px + 5 * (100vw - 320px) / 1600);
}
.product-detail-section .product-review .main-review-list .review-box .rating-info h2 {
  margin-block: 0 !important;
}
.product-detail-section .product-review .main-review-list .review-box .rating-info .most-rating li + li {
  margin-top: 0;
}
.product-detail-section .product-review .main-review-list .review-box .rating-info .most-rating li .rating {
  gap: calc(3px + 3 * (100vw - 320px) / 1600);
}
.product-detail-section .product-review .main-review-list .review-box .rating-info .most-rating li .rating i {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
.product-detail-section .product-review .main-review-list .review-box .rating-progress li {
  display: flex;
  align-items: center;
  gap: calc(5px + 5 * (100vw - 320px) / 1600);
}
.product-detail-section .product-review .main-review-list .review-box .rating-progress li:nth-child(3) .progress .progress-bar {
  background: rgba(var(--star-color), 1);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 16px 12px;
}
.product-detail-section .product-review .main-review-list .review-box .rating-progress li:nth-child(4) .progress .progress-bar {
  background: orange;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 16px 12px;
}
.product-detail-section .product-review .main-review-list .review-box .rating-progress li:nth-child(5) .progress .progress-bar {
  background: red;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 16px 12px;
}
.product-detail-section .product-review .main-review-list .review-box .rating-progress li + li {
  margin-top: calc(4px + 4 * (100vw - 320px) / 1600);
}
.product-detail-section .product-review .main-review-list .review-box .rating-progress li h6 {
  font-size: 14px;
}
.product-detail-section .product-review .main-review-list .review-box .rating-progress li .progress {
  border-radius: 0;
  background: transparent;
  height: 8px;
  width: calc(100% - 10px);
}
.product-detail-section .product-review .main-review-list .review-box .rating-progress li .progress .progress-bar {
  background: rgba(var(--theme-color), 1);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 16px 12px;
}
.product-detail-section .product-review .product-comment .comment-box .comment-content .total-rating {
  display: flex;
  align-items: center;
  gap: calc(8px + 2 * (100vw - 320px) / 1600);
  margin-block: calc(4px + 4 * (100vw - 320px) / 1600) calc(6px + 6 * (100vw - 320px) / 1600);
}
.product-detail-section .product-review .product-comment .comment-box .comment-content .total-rating span {
  background: rgba(var(--star-color), 1);
  padding: calc(3px + 2 * (100vw - 320px) / 1600) calc(6px + 5 * (100vw - 320px) / 1600);
  line-height: 1;
  font-size: calc(14px + 3 * (100vw - 320px) / 1600);
  color: #fff;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 30px;
}
.product-detail-section .product-review .product-comment .comment-box .comment-content .total-rating span i {
  font-size: calc(12px + 2 * (100vw - 320px) / 1600);
}
.product-detail-section .product-review .product-comment .comment-box .comment-content .comment-info .like-section {
  display: flex;
  align-items: center;
  gap: calc(8px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
}
@media (max-width: 575px) {
  .product-detail-section .product-review .product-comment .comment-box .comment-content .comment-info .like-section span {
    display: none;
  }
}
.product-detail-section .product-review .product-comment .comment-box .comment-content .comment-info span {
  font-size: 16px;
}
.product-detail-section .product-review .product-comment .comment-box .comment-content .comment-info a {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--content-color), 1);
}
.product-detail-section .product-review .product-comment .comment-box .comment-content .comment-info a i {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.product-detail-section .product-full-slider .product-detail p {
  width: 55%;
}
@media (max-width: 991px) {
  .product-detail-section .product-full-slider .product-detail p {
    width: 100%;
  }
}
.product-detail-section .product-full-slider .product-detail .product-detail-flex .quantity {
  width: 15%;
}
.product-detail-section .product-full-slider .shop-sidebar .accordion {
  margin-block: 0 20px;
}
.product-detail-section .product-full-slider .shop-sidebar .product-detail-service {
  background: rgba(var(--bg-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
  padding: calc(15px + 5 * (100vw - 991px) / 1600) calc(10px + 5 * (100vw - 991px) / 1600);
  margin-bottom: calc(20px + 20 * (100vw - 991px) / 929);
}
.product-detail-section .product-full-slider .shop-sidebar .product-detail-service .product-service-list li {
  width: 100%;
}
.product-detail-section .product-full-slider .shop-sidebar .product-detail-service .product-service-list li + li {
  border-top: 1px solid rgba(var(--border-color), 1);
  margin-top: calc(10px + 10 * (100vw - 991px) / 929);
  padding-top: calc(10px + 10 * (100vw - 991px) / 929);
}
.product-detail-section .product-full-slider .shop-sidebar .product-detail-service .product-service-list li .media-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
}
.product-detail-section .product-full-slider .shop-sidebar .product-detail-service .product-service-list li .media-box img {
  width: calc(45px + 5 * (100vw - 320px) / 1600);
  height: calc(45px + 5 * (100vw - 320px) / 1600);
  object-fit: contain;
  background-color: rgba(var(--white), 1);
  padding: calc(6px + 4 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--border-color), 1);
}
.product-detail-section .product-full-slider .shop-sidebar .product-detail-service .product-service-list li .media-box .media-body {
  width: calc(100% - (45px + 5 * (100vw - 320px) / 1600) - (10px + 10 * (100vw - 320px) / 1600));
}
.product-detail-section .product-full-slider .shop-sidebar .product-detail-service .product-service-list li .media-box .media-body h6 {
  font-weight: 600;
  margin-bottom: 2px;
}
.product-detail-section .product-full-slider .shop-sidebar .product-detail-service .product-service-list li .media-box .media-body span {
  font-size: 16px;
  color: rgba(var(--content-color), 1);
}
.product-detail-section .product-full-slider .shop-sidebar .trending-title {
  font-weight: 600;
  letter-spacing: 0.4px;
  border-bottom: 1px solid rgba(var(--border-color), 1);
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.product-detail-section .product-full-slider .shop-sidebar .trending-product-list > li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-detail-section .product-full-slider .shop-sidebar .trending-product-list > li + li {
  border-top: 1px solid rgba(var(--border-color), 1);
  margin-top: 12px;
  padding-top: 12px;
}
.product-detail-section .product-full-slider .shop-sidebar .trending-product-list > li img {
  width: calc(60px + 20 * (100vw - 991px) / 929);
  height: calc(60px + 20 * (100vw - 991px) / 929);
  object-fit: cover;
  border: 1px solid rgba(var(--border-color), 1);
  padding: 5px;
  background-color: rgba(var(--white), 1);
}
.product-detail-section .product-full-slider .shop-sidebar .trending-product-list > li .product-details {
  width: calc(100% - (60px + 20 * (100vw - 991px) / 929) - 10px);
}
.product-detail-section .product-full-slider .shop-sidebar .trending-product-list > li .product-details .rating {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background-color: rgba(var(--white), 1);
  border-radius: 40px;
  padding: 3px 8px;
  margin-bottom: 3px;
}
.product-detail-section .product-full-slider .shop-sidebar .trending-product-list > li .product-details .rating i {
  font-size: calc(14px + 2 * (100vw - 991px) / 929);
  color: rgba(var(--star-color), 1);
}
.product-detail-section .product-full-slider .shop-sidebar .trending-product-list > li .product-details .rating span {
  font-size: 16px;
  color: rgba(var(--content-color), 1);
  line-height: 1;
}
.product-detail-section .product-full-slider .shop-sidebar .trending-product-list > li .product-details h5 {
  color: rgba(var(--title-color), 1);
}
.product-detail-section .product-full-slider .shop-sidebar .trending-product-list > li .product-details .product-price span {
  font-size: 16px;
  color: rgba(var(--theme-color), 1);
}
.product-detail-section .product-full-slider .shop-sidebar .trending-product-list > li .product-details .product-price span del {
  font-size: 14px;
  color: rgba(var(--content-color), 1);
}
.product-detail-section .bundle-section {
  border-top: 1px solid rgba(var(--border-color), 1);
  padding-top: calc(20px + 20 * (100vw - 320px) / 1600);
  margin-top: calc(20px + 20 * (100vw - 320px) / 1600);
}
.product-detail-section .bundle-section .inner-title {
  margin-bottom: calc(8px + 7 * (100vw - 320px) / 1600);
  font-weight: 600;
}
.product-detail-section .bundle-section .bundle-footer h5 {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 16px;
  color: rgba(var(--content-color), 1);
  font-weight: 600;
  justify-content: center;
}
.product-detail-section .bundle-section .bundle-footer h5 span {
  color: rgba(var(--title-color), 1);
}
.product-detail-section .bundle-section .bundle-footer .btn-solid {
  padding: calc(6px + 2 * (100vw - 320px) / 1600) calc(30px + 30 * (100vw - 320px) / 1600);
  color: #fff;
}
.product-detail-section .bundle-section .bundle-footer .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
.product-detail-section .bundle-section .bundle-list {
  display: flex;
  align-items: center;
  gap: 30px;
  overflow: auto;
  white-space: nowrap;
}
.product-detail-section .bundle-section .bundle-list li {
  min-width: calc(195px + 35 * (100vw - 320px) / 1600);
  position: relative;
  width: 100%;
}
.product-detail-section .bundle-section .bundle-list li + li::before {
  content: "\ea13";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  color: rgba(var(--title-color), 1);
  left: -26px;
}
[dir=rtl] .product-detail-section .bundle-section .bundle-list li + li::before {
  left: unset;
  right: -26px;
}
.product-detail-section .bundle-section .bundle-list .bundle-box {
  background: rgba(var(--bg-color), 1);
  padding: calc(10px + 5 * (100vw - 320px) / 1600) calc(15px + 5 * (100vw - 320px) / 1600);
  border: 1px solid rgba(var(--border-color), 1);
  text-align: center;
  object-fit: cover;
}
.product-detail-section .bundle-section .bundle-list .bundle-box input {
  cursor: pointer;
  display: inline-block;
  width: calc(18px + 2 * (100vw - 320px) / 1600);
  height: calc(18px + 2 * (100vw - 320px) / 1600);
  appearance: unset;
  background: rgba(var(--white), 1);
  justify-content: center;
  border: 1px solid rgba(var(--border-color), 1);
  position: relative;
  transition: 0.4s ease;
  position: absolute;
  top: 6px;
  right: 6px;
}
.product-detail-section .bundle-section .bundle-list .bundle-box input::before {
  content: "\eb7b";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  top: 50%;
  left: 50%;
  position: absolute;
  font-size: 17px;
  font-weight: 700;
  transform: translate(-50%, -50%) scale(0);
  color: #fff;
  transition: 0.4s ease;
  line-height: 1;
}
.product-detail-section .bundle-section .bundle-list .bundle-box input:checked {
  background: rgba(var(--theme-color), 1);
  border-color: transparent;
}
.product-detail-section .bundle-section .bundle-list .bundle-box input:checked::before {
  transform: translate(-50%, -50%) scale(1);
}
.product-detail-section .bundle-section .bundle-list .bundle-box img {
  width: calc(120px + 10 * (100vw - 320px) / 1600);
  height: calc(130px + 20 * (100vw - 320px) / 1600);
  object-fit: cover;
}
.product-detail-section .bundle-section .bundle-list h5 {
  font-weight: 600;
  padding-block: calc(15px + 10 * (100vw - 320px) / 1600) 5px;
}
.product-detail-section .bundle-section .bundle-list span {
  font-size: 16px;
}
.product-detail-section .bundle-section .bundle-product {
  display: flex;
  gap: calc(15px + 15 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}

.product-flex {
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
}
.product-flex .product-table {
  border: 1px solid rgba(var(--border-color), 1);
  width: 100%;
}
.product-flex .product-table tbody tr {
  border-bottom: 1px solid rgba(var(--border-color), 1);
}
.product-flex .product-table tbody tr:nth-child(even) td {
  background: rgba(var(--bg-color), 1);
}
.product-flex .product-table tbody tr:nth-child(odd) td {
  background: rgba(var(--white), 1);
}
.product-flex .product-table tbody tr td {
  width: 50%;
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  white-space: nowrap;
}
.product-flex .product-table tbody tr td:nth-child(odd) {
  border-right: 1px solid rgba(var(--border-color), 1);
  font-weight: 700;
  text-transform: capitalize;
}
[dir=rtl] .product-flex .product-table tbody tr td:nth-child(odd) {
  border-left: 1px solid rgba(var(--border-color), 1);
}

.product-thumbnail-slider .quick-sub-slider {
  margin-top: 15px;
}
.product-thumbnail-slider .product-detail-slider4 {
  margin-top: calc(10px + 15 * (100vw - 320px) / 1600);
}
.product-thumbnail-slider .product-detail-slider {
  height: calc(243px + 316 * (100vw - 320px) / 1600);
}
.product-thumbnail-slider .product-detail-slider .sub-product-img {
  height: 100%;
}
.product-thumbnail-slider .product-detail-slider .sub-product-img img {
  height: 100%;
  object-fit: cover;
}

.product-main-box h3 {
  letter-spacing: 1px;
  margin-bottom: 25px;
}

.product-social-icon {
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-social-icon li:hover a {
  color: #fff;
}
.product-social-icon li:hover a.facebook-color {
  background: #3b5999;
}
.product-social-icon li:hover a.google-color {
  background: #dd4b39;
}
.product-social-icon li:hover a.twitter-color {
  background: #55acee;
}
.product-social-icon li:hover a.insta-color {
  background: #d9317a;
}
.product-social-icon li a {
  width: calc(35px + 5 * (100vw - 320px) / 1600);
  height: calc(35px + 5 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--bg-color), 1);
  color: rgba(var(--title-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
}
.product-social-icon li a i {
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
}

/*========================
  6.11 About style start
==========================*/
.reuse-title h2 {
  width: 34%;
  margin-top: 0;
}
@media (max-width: 991px) {
  .reuse-title h2 {
    width: 54%;
  }
}
@media (max-width: 575px) {
  .reuse-title h2 {
    width: 100%;
  }
}
.reuse-title h2::before {
  margin-inline: auto;
}

.about-page-section .about-pages-img {
  display: flex;
  align-items: flex-start;
}
.about-page-section .about-pages-img .about-profile {
  display: flex;
  align-items: flex-start;
  justify-content: end;
  gap: calc(10px + 5 * (100vw - 1399px) / 521);
  margin-right: calc(22px + 8 * (100vw - 1399px) / 521);
}
@media (max-width: 1199px) and (min-width: 991px) {
  .about-page-section .about-pages-img .about-profile {
    display: none;
  }
}
[dir=rtl] .about-page-section .about-pages-img .about-profile {
  margin-left: calc(22px + 8 * (100vw - 1399px) / 521);
  margin-right: unset;
}
.about-page-section .about-pages-img .about-profile.about-bottom-profile {
  justify-content: flex-start;
  margin-right: 0;
  margin-left: calc(22px + 8 * (100vw - 1399px) / 521);
  align-items: flex-end;
}
[dir=rtl] .about-page-section .about-pages-img .about-profile.about-bottom-profile {
  margin-right: calc(22px + 8 * (100vw - 1399px) / 521);
  margin-left: 0;
}
.about-page-section .about-pages-img .about-profile.about-bottom-profile img {
  transform: rotate(180deg);
}
[dir=rtl] .about-page-section .about-pages-img .about-profile.about-bottom-profile img {
  transform: rotate(180deg) scaleX(-1);
}
.about-page-section .about-pages-img .about-profile img {
  position: relative;
}
[dir=rtl] .about-page-section .about-pages-img .about-profile img {
  transform: scaleX(-1);
}
.about-page-section .about-pages-img .about-profile h3 {
  font-weight: 700;
  padding-bottom: 2px;
  font-size: calc(18px + 6 * (100vw - 320px) / 1600);
}
.about-page-section .about-pages-img .about-profile h5 {
  font-weight: 400;
  color: rgba(var(--content-color), 1);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
}
.about-page-section .about-pages-img .about-bottom-page-img {
  margin-left: calc(-30px + -20 * (100vw - 320px) / 1600);
}
.about-page-section .about-pages-img .about-top-img {
  margin-bottom: calc(-20px + -10 * (100vw - 320px) / 1600);
}
.about-page-section .about-pages-img .about-bottom-img {
  border: calc(10px + 5 * (100vw - 320px) / 1600) solid rgba(var(--white), 1);
  margin-top: calc(-20px + -10 * (100vw - 320px) / 1600);
  border-bottom: 0;
}
.about-page-section .about-page-content .title-style-8 {
  margin-bottom: calc(20px + 20 * (100vw - 320px) / 1600);
}
.about-page-section .about-page-content .title-style-8 h2 {
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
}
.about-page-section .about-page-content .title-style-8 p {
  margin-bottom: 0;
}
.about-page-section .about-page-content .about-page-list li {
  background: rgba(var(--theme-color), 0.1);
  display: flex;
  align-items: center;
  gap: calc(8px + 4 * (100vw - 320px) / 1600);
  padding: calc(10px + 5 * (100vw - 320px) / 1600) calc(10px + 10 * (100vw - 320px) / 1600);
  position: relative;
  transition: 0.4s ease;
  width: max-content;
}
@media (max-width: 476px) {
  .about-page-section .about-page-content .about-page-list li {
    width: auto;
  }
}
.about-page-section .about-page-content .about-page-list li:hover {
  background: rgba(var(--theme-color), 1);
}
.about-page-section .about-page-content .about-page-list li:hover::before {
  background: rgba(255, 255, 255, 0.4);
}
.about-page-section .about-page-content .about-page-list li:hover h6 {
  color: #fff;
}
.about-page-section .about-page-content .about-page-list li:hover .about-icon::after {
  background: #fff;
}
.about-page-section .about-page-content .about-page-list li:hover .about-icon .white-icon {
  display: block;
}
.about-page-section .about-page-content .about-page-list li:hover .about-icon .theme-icon {
  display: none;
}
.about-page-section .about-page-content .about-page-list li + li {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.about-page-section .about-page-content .about-page-list li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 5px;
  background: rgba(var(--theme-color), 0.4);
  transition: 0.4s ease;
}
[dir=rtl] .about-page-section .about-page-content .about-page-list li::before {
  right: 0;
  left: unset;
}
.about-page-section .about-page-content .about-page-list h6 {
  color: rgba(var(--theme-color), 1);
  font-weight: 600;
  transition: 0.4s ease;
}
@media (max-width: 476px) {
  .about-page-section .about-page-content .about-page-list h6 {
    width: calc(100% - (25px + 6 * (100vw - 320px) / 1600) - (16px + 8 * (100vw - 320px) / 1600));
  }
}
.about-page-section .about-page-content .about-page-list .about-icon {
  display: flex;
  align-items: center;
  gap: calc(8px + 4 * (100vw - 320px) / 1600);
}
.about-page-section .about-page-content .about-page-list .about-icon img {
  width: calc(25px + 6 * (100vw - 320px) / 1600);
}
.about-page-section .about-page-content .about-page-list .about-icon::after {
  content: "";
  position: relative;
  width: 1px;
  height: 22px;
  background: rgba(var(--theme-color), 1);
  display: inline-block;
  transition: 0.4s ease;
}
.about-page-section .about-page-content .about-page-list .about-icon .white-icon {
  display: none;
}

.about-page-team .margin-top-40 {
  margin-top: calc(20px + 20 * (100vw - 320px) / 1600);
}
.about-page-team .team-content .title-style-8 h2 {
  width: 100%;
}
.about-page-team .team-content p {
  padding-left: 0;
}
.about-page-team .team-content ul li h4 {
  color: rgba(var(--content-color), 1);
}
.about-page-team .team-content ul li img {
  filter: brightness(0) saturate(100%) invert(70%) sepia(44%) saturate(5829%) hue-rotate(323deg) brightness(97%) contrast(102%);
}

.about-2-page .team-box .team-profile::before {
  background: rgba(255, 255, 255, 0.2);
}
.about-2-page .w-service-planner .service-main {
  border-color: rgba(var(--theme-color), 1);
}
.about-2-page .w-service-planner .service-main .row > div:first-child .service-box {
  border-bottom: 1px solid rgba(var(--theme-color), 1);
}
@media (max-width: 767px) {
  .about-2-page .w-service-planner .service-main .row > div:first-child .service-box {
    border: none !important;
  }
  [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:first-child .service-box {
    border: none;
  }
}
.about-2-page .w-service-planner .service-main .row > div:nth-child(2) .service-box, .about-2-page .w-service-planner .service-main .row > div:nth-child(3) .service-box {
  border-left: 1px solid rgba(var(--theme-color), 1);
  border-bottom: 1px solid rgba(var(--theme-color), 1);
}
[dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(2) .service-box, [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(3) .service-box {
  border-left: none;
  border-right: 1px solid rgba(var(--theme-color), 1);
}
@media (max-width: 767px) {
  .about-2-page .w-service-planner .service-main .row > div:nth-child(2) .service-box, .about-2-page .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border: none;
  }
  [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(2) .service-box, [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border: none;
  }
}
@media (max-width: 991px) {
  .about-2-page .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border-left: none;
    border-right: 1px solid rgba(var(--theme-color), 1);
  }
  [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border-left: 1px solid rgba(var(--theme-color), 1);
    border-right: none;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .about-2-page .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border: none;
  }
  [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border: none;
  }
}
.about-2-page .w-service-planner .service-main .row > div:nth-child(5) .service-box, .about-2-page .w-service-planner .service-main .row > div:nth-child(6) .service-box {
  border-left: 1px solid rgba(var(--theme-color), 1);
}
[dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(5) .service-box, [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(6) .service-box {
  border-right: 1px solid rgba(var(--theme-color), 1);
  border-left: none;
}
@media (max-width: 767px) {
  .about-2-page .w-service-planner .service-main .row > div:nth-child(5) .service-box, .about-2-page .w-service-planner .service-main .row > div:nth-child(6) .service-box {
    border: none;
  }
  [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(5) .service-box, [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(6) .service-box {
    border: none;
  }
}
@media (max-width: 991px) {
  .about-2-page .w-service-planner .service-main .row > div:nth-child(5) .service-box {
    border-left: none;
  }
  [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(5) .service-box {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .about-2-page .w-service-planner .service-main .row > div:nth-child(5) .service-box {
    border: none;
  }
  [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(5) .service-box {
    border: none;
  }
}
@media (max-width: 991px) {
  .about-2-page .w-service-planner .service-main .row > div:nth-child(6) .service-box {
    border-top: 1px solid rgba(var(--theme-color), 1);
  }
}
@media (max-width: 767px) {
  .about-2-page .w-service-planner .service-main .row > div:nth-child(6) .service-box {
    border: none;
  }
  [dir=rtl] .about-2-page .w-service-planner .service-main .row > div:nth-child(6) .service-box {
    border: none;
  }
}
@media (max-width: 767px) {
  .about-2-page .w-service-planner .service-main .service-box {
    border-top: 1px solid rgba(var(--theme-color), 1) !important;
  }
}
.about-2-page .w-service-planner .service-main .service-box:hover {
  border-color: transparent;
}
.about-2-page .w-service-planner .service-main .service-box:hover .service-icon {
  filter: brightness(0) invert(1);
}
.about-2-page .w-service-planner .service-main .service-box:hover .service-content h4 {
  color: #fff;
}
.about-2-page .w-service-planner .service-main .service-box:hover .service-content p {
  color: rgba(255, 255, 255, 0.7);
}
.about-2-page .w-service-planner .service-main .service-box .service-icon img {
  filter: invert(57%) sepia(17%) saturate(5967%) hue-rotate(275deg) brightness(100%) contrast(96%);
}
.about-2-page .w-service-planner .service-main .service-box .service-content h4 {
  color: rgba(var(--title-color), 1);
}
.about-2-page .w-service-planner .service-main .service-box .service-content p {
  color: rgba(var(--content-color), 1);
}
.about-2-page .marketing-blog-section .title-style-8 p {
  width: 60%;
  margin-inline: auto;
  padding-top: 10px;
}
@media (max-width: 575px) {
  .about-2-page .marketing-blog-section .title-style-8 p {
    width: 100%;
  }
}

.about-3-page .portfolio-logo-section {
  background: rgba(var(--bg-color), 1);
  border-block-color: rgba(var(--border-color), 1);
}

.ad-about {
  overflow: hidden;
}
.ad-about .line {
  position: absolute;
  top: 85px;
  left: -18px;
}
[dir=rtl] .ad-about .line {
  left: unset;
  right: -18px;
}
.ad-about .line span {
  width: calc(28px + 10 * (100vw - 320px) / 1600);
  height: 4px;
  background-color: rgba(var(--theme-color), 1);
  display: block;
  transform: rotate(140deg);
}
.ad-about .line span + span {
  margin-top: 18px;
}
.ad-about .about-img {
  position: relative;
  z-index: 0;
  margin-left: calc(15px + 15 * (100vw - 320px) / 1600);
  margin-bottom: calc(10px + 20 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) and (min-width: 767px) {
  .ad-about .about-img {
    width: 60%;
    margin-inline: auto;
  }
}
[dir=rtl] .ad-about .about-img {
  margin-left: 0;
  margin-right: calc(15px + 15 * (100vw - 320px) / 1600);
}
.ad-about .about-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(var(--theme-color), 1);
  position: absolute;
  top: calc(10px + 20 * (100vw - 320px) / 1600);
  left: calc(-10px + -20 * (100vw - 320px) / 1600);
  z-index: -1;
}
[dir=rtl] .ad-about .about-img::after {
  left: unset;
  right: calc(-10px + -20 * (100vw - 320px) / 1600);
}
.ad-about .about-img .line {
  bottom: 75px;
  left: calc(-25px + -25 * (100vw - 320px) / 1600);
  top: unset;
}
[dir=rtl] .ad-about .about-img .line {
  left: unset;
  right: calc(-25px + -25 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .ad-about .about-img .line {
    padding-left: 5px;
  }
}
.ad-about .about-img .line span {
  background-color: rgba(var(--title-color), 1);
}
.ad-about .about-img .yellow-effect {
  top: -17px;
  left: 5px;
}
[dir=rtl] .ad-about .about-img .yellow-effect {
  left: unset;
  right: 5px;
}
.ad-about .about-img .theme-effect {
  top: 60px;
  left: -50px;
}
[dir=rtl] .ad-about .about-img .theme-effect {
  left: unset;
  right: -50px;
}
.ad-about .about-content p {
  color: rgba(var(--content-color), 1);
  width: 95%;
  margin: calc(15px + 15 * (100vw - 320px) / 1600) 0 calc(8px + 12 * (100vw - 320px) / 1600) 0;
}
@media (max-width: 767px) {
  .ad-about .about-content p {
    width: 100%;
  }
}
.ad-about .about-content ol li {
  display: block;
}
.ad-about .about-content ol li img {
  margin-right: calc(10px + 10 * (100vw - 320px) / 1600);
  width: calc(25px + 10 * (100vw - 320px) / 1600);
}
[dir=rtl] .ad-about .about-content ol li img {
  margin-right: 0;
  margin-left: calc(10px + 10 * (100vw - 320px) / 1600);
  transform: scale(-1);
}
.ad-about .about-content ol li + li {
  margin-top: calc(5px + 15 * (100vw - 320px) / 1600);
}
.ad-about .bg-effect .yellow-effect,
.ad-about .bg-effect .theme-effect {
  width: 109px;
  height: 109px;
  position: absolute;
  z-index: -1;
  filter: blur(47px);
}
.ad-about .bg-effect .yellow-effect {
  background: rgba(var(--effect-color), 1);
  bottom: 10px;
  right: -60px;
}
[dir=rtl] .ad-about .bg-effect .yellow-effect {
  left: -60px;
  right: unset;
}
.ad-about .bg-effect .theme-effect {
  background: rgba(var(--theme-color), 1);
  bottom: 12px;
  right: 0;
}
[dir=rtl] .ad-about .bg-effect .theme-effect {
  left: 0;
  right: unset;
}

.portfolio-logo-section {
  padding-block: calc(20px + 27 * (100vw - 320px) / 1600);
  background: rgba(var(--bg-color), 0.05);
  border-block: 2px dashed rgba(var(--bg-color), 0.05);
}
body.dark .portfolio-logo-section {
  background-color: rgba(var(--bg-color), 1);
  border-block-color: rgba(var(--border-color), 1);
}
.portfolio-logo-section .swiper-wrapper {
  align-items: center;
}
.portfolio-logo-section .logo-img {
  text-align: center;
}
.portfolio-logo-section .logo-img:hover img {
  transform: scale(1.1);
}
.portfolio-logo-section .logo-img img {
  transition: 0.4s ease;
}

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

.profile-img {
  position: relative;
  background-color: rgba(var(--content-color), 0.1);
}
.profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .profile-content {
    margin-top: 20px;
  }
}
.profile-content h3 {
  color: rgba(var(--title-color), 1);
  font-weight: 700;
}
.profile-content h6 {
  color: rgba(var(--theme-color), 1);
  margin-top: 4px;
}
.profile-content p {
  margin-top: 4px;
  color: rgba(var(--content-color), 1);
}

.info-boxes {
  display: flex;
  align-items: center;
  gap: calc(10px + 20 * (100vw - 320px) / 1600);
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .info-boxes {
    flex-direction: column;
    align-items: flex-start;
  }
}
.info-boxes .info-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.info-boxes .info-box .info-img {
  width: calc(60px + 20 * (100vw - 320px) / 1600);
  height: calc(60px + 20 * (100vw - 320px) / 1600);
  background-color: rgba(var(--theme-color), 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-boxes .info-box .info-img img {
  width: calc(25px + 25 * (100vw - 320px) / 1600);
  height: calc(25px + 25 * (100vw - 320px) / 1600);
}
.info-boxes .info-box .info-contant {
  width: calc(100% - 10px - (60px + 20 * (100vw - 320px) / 1600));
}
.info-boxes .info-box .info-contant h6 {
  font-weight: 600;
  color: rgba(var(--title-color), 1);
}
.info-boxes .info-box .info-contant p {
  color: rgba(var(--content-color), 1);
  margin-top: 2px;
}

.p-title {
  color: rgba(var(--title-color), 1) !important;
  font-weight: 600;
  margin: 0 !important;
}

.achievements {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.achievements ul {
  margin-top: calc(8px + 2 * (100vw - 320px) / 1600);
  padding-left: calc(20px + 10 * (100vw - 320px) / 1600);
}
.achievements ul li {
  display: list-item;
  list-style-type: disc;
  width: 100%;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
  color: rgba(var(--content-color), 1);
}
.achievements ul li + li {
  margin-top: calc(8px + 2 * (100vw - 320px) / 1600);
}

.philosophy {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.philosophy p {
  color: rgba(var(--content-color), 1);
  margin-top: 10px;
}

.social {
  margin-top: calc(15px + 15 * (100vw - 320px) / 1600);
}
.social ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.social ul li a img {
  width: 30px;
  height: 30px;
}

.profile-slide h3 {
  font-size: calc(22px + 18 * (100vw - 320px) / 1600);
  font-weight: 600;
  color: rgba(var(--title-color), 1);
}
.profile-slide .slide-wrap {
  margin-top: calc(10px + 40 * (100vw - 320px) / 1600);
  position: relative;
}
.profile-slide .slide-wrap .swiper .team-slide {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 0;
  flex-direction: column;
  transition: 0.4s ease;
  margin-inline: 1px;
}
.profile-slide .slide-wrap .swiper .team-slide .slide-img {
  background-color: rgba(var(--content-color), 0.08);
  width: 100%;
}
.profile-slide .slide-wrap .swiper .team-slide .slide-img img {
  width: 100%;
}
.profile-slide .slide-wrap .swiper .team-slide .team-slide-contant {
  width: 100%;
  padding: 15px;
  text-align: center;
  color: rgba(var(--title-color), 1);
  border: 1px solid rgba(var(--border-color), 1);
  border-top: none;
}
.profile-slide .slide-wrap .swiper .team-slide .team-slide-contant h5 {
  font-weight: 700;
}
.profile-slide .slide-wrap .swiper .team-slide .team-slide-contant h6 {
  margin-top: 2px;
}
.profile-slide .slide-wrap .swiper .team-slide .team-slide-contant p {
  margin-top: calc(8px + 4 * (100vw - 320px) / 1600);
  font-weight: 300;
}
.profile-slide .slide-wrap .swiper-button-next,
.profile-slide .slide-wrap .swiper-button-prev {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(var(--title-color), 1);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  right: -10px;
}
.profile-slide .slide-wrap .swiper-button-next::after,
.profile-slide .slide-wrap .swiper-button-prev::after {
  content: url(https://themes.pixelstrap.net/assets/svg/design/arrow-3.svg);
  color: rgba(var(--title-color), 1);
  filter: invert(1);
  font-size: unset;
}
.profile-slide .slide-wrap .swiper-button-prev {
  left: -10px;
}
.profile-slide .slide-wrap .swiper-button-prev::after {
  content: url(https://themes.pixelstrap.net/assets/svg/design/arrow-3.svg);
  color: rgba(var(--title-color), 1);
  transform: scale(-1);
  filter: invert(1);
  font-size: unset;
}

/*========================
  6.12 RTL style start
==========================*/
[dir=rtl] ul,
[dir=rtl] ol {
  padding-right: 0;
}
[dir=rtl] [type=tel],
[dir=rtl] [type=url],
[dir=rtl] [type=email],
[dir=rtl] [type=number] {
  direction: rtl;
  text-align: start;
}

/* themes */
/*========================
  7.1 Dark style start
==========================*/
body.dark .main-header .sidebar-nav .menu-items .mega-menu .menu-img .light-menu-img {
  display: none;
}
body.dark .main-header .sidebar-nav .menu-items .mega-menu .menu-img .dark-menu-img {
  display: inline-block;
}
body.dark.seo-style .main-header {
  border-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .main-header .brand-logo,
body.dark.seo-style .main-header .seo-header-btn {
  border-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .home-content .home-media-box,
body.dark.seo-style .home-content .average-box {
  border-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .home-img .home-box {
  border-color: rgba(var(--bg-color), 1);
  box-shadow: 0px 3px 1px 1px rgba(var(--bg-color), 1);
}
body.dark.seo-style .home-img .home-box::before {
  border-bottom-color: rgba(var(--bg-color), 1);
}
body.dark.seo-style .home-img .home-box .box-line {
  filter: brightness(0) invert(1) !important;
}
body.dark.seo-style .home-img .object-3,
body.dark.seo-style .home-img .object-4 {
  filter: invert(1);
}
body.dark.seo-style .seo-service-section {
  border-block-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-service-section .service-box::after, body.dark.seo-style .seo-service-section .service-box::before {
  background-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-service-section .service-box,
body.dark.seo-style .seo-service-section .circle {
  border-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-step-section .main-step::after {
  border-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-step-section .step-box .step-header h5 {
  border-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-step-section .step-box .step-body {
  border-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-step-section .step-box .step-body::after {
  background: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-team-section .team-content ul li {
  border: 2px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 5px 0px 0px rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-team-section .team-content ul li::before {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-price-section .price-box.active, body.dark.seo-style .seo-price-section .price-box:hover {
  border-color: rgba(var(--theme-color), 1);
}
body.dark.seo-style .seo-price-section .price-box,
body.dark.seo-style .seo-price-section .price-header,
body.dark.seo-style .seo-price-section .price-list {
  border-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-footer-section .footer-logo .white-logo {
  display: inline-block;
}
body.dark.seo-style .seo-footer-section .footer-logo img {
  display: none;
}
body.dark.seo-style .seo-footer-section .footer-logo::after {
  background: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-footer-section .seo-copyright {
  border-top-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .contact-box::after {
  background: #0e0d0d;
}
body.dark.seo-style .seo-testimonials-section .testimonials-box,
body.dark.seo-style .seo-testimonials-section .testimonials-img {
  border-color: rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-testimonials-section .testimonials-box {
  box-shadow: -4px 5px 0px 0px rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-testimonials-section .testimonials-box::after {
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: -4px 5px 0px 0px rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-testimonials-section .testimonials-img {
  box-shadow: -1px 2px 0px 0px rgba(255, 255, 255, 0.2);
}
body.dark.seo-style .seo-testimonials-section .testimonials-content {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
body.dark .bg-white {
  background-color: rgb(30, 30, 30) !important;
}
body.dark .charity-team-section .left-quote,
body.dark .charity-team-section .right-quote {
  opacity: 0.1;
}
body.dark .title-style-3 img {
  filter: invert(1);
}
body.dark .marketing-testimonials-section .swiper-button-next img,
body.dark .marketing-testimonials-section .swiper-button-prev img {
  filter: brightness(0) invert(1);
}
body.dark .design-team-section .swiper-button-next::after,
body.dark .design-team-section .swiper-button-prev::after,
body.dark .design-testimonials-section .swiper-button-next::after,
body.dark .design-testimonials-section .swiper-button-prev::after,
body.dark .event-testimonials-section .swiper-button-next::after,
body.dark .event-testimonials-section .swiper-button-prev::after,
body.dark .event-blog-section .swiper-button-next::after,
body.dark .event-blog-section .swiper-button-prev::after,
body.dark .portfolio-blog-section .swiper-button-next::after,
body.dark .portfolio-blog-section .swiper-button-prev::after,
body.dark .portfolio-testimonial-section .swiper-button-next::after,
body.dark .portfolio-testimonial-section .swiper-button-prev::after {
  filter: brightness(0) invert(1);
}
body.dark .swiper-button-next img,
body.dark .swiper-button-prev img {
  filter: brightness(0) invert(1);
}
body.dark .swiper-button-next::after,
body.dark .swiper-button-prev::after {
  filter: brightness(0) invert(1);
}
body.dark .charity-service .service-list .service-item .service-item-img {
  box-shadow: 0px 4px 20px 0px #292727;
}
body.dark .about-img line span {
  background: #1c1c1c;
}
body.dark .consultancy-testimonials-section .swiper-slide-active {
  border-right-color: #353535;
}
body.dark .design-testimonials-section .testimonials-box {
  box-shadow: 0px 4px 15px 0px rgba(47, 47, 47, 0.08), 0px -4px 12px 0px rgba(47, 47, 47, 0.08);
}
body.dark .design-testimonials-section .testimonials-box::after {
  filter: invert(0.9);
}
body.dark .event-vision-section .vision-box {
  background: #212122;
}
body.dark .event-tab-section .schedule-list .schedule-item {
  background: #212122 !important;
}
body.dark .event-price-section .price-box {
  background: #212122;
}
body.dark .event-price-section .price-box.active {
  background: rgba(var(--theme-color), 1);
}
body.dark .event-form {
  background: #181818;
}
body.dark .event-form .contact-info .form-control,
body.dark .event-form .contact-info .form-select {
  background: #1e1e1e;
}
body.dark .marketing-feature-section .feature-box .feature-icon img {
  filter: brightness(0) invert(0.5);
}
@media (max-width: 575px) {
  body.dark .marketing-feature-section .feature-box .feature-icon img {
    filter: brightness(0) invert(1);
  }
}
body.dark .marketing-home-section::after {
  filter: brightness(0.3);
}
body.dark .marketing-home-section .side-header .toggle img {
  filter: brightness(0) invert(1);
}
body.dark .marketing-history-section .history-list .history-item {
  box-shadow: 0px 0px 6px 0px rgb(42, 42, 44) !important;
}
body.dark .marketing-history-section .history-list .history-item::after {
  background: rgba(0, 0, 0, 0.47) !important;
}
body.dark .marketing-history-section .history-list .history-item .border-box {
  box-shadow: 0px 0px 2px 4px rgb(42, 42, 44) !important;
}
body.dark .marketing-history-section .history-list .history-item .border-box::after {
  box-shadow: 0px 0px 2px 4px rgb(42, 42, 44) !important;
}
body.dark .marketing-history-section .history-list .history-item .border-box .history-icon::after {
  background-color: #49494c !important;
}
body.dark .marketing-history-section .history-list .history-item .border-box .history-icon img {
  filter: brightness(0) invert(0.5);
}
body.dark .marketing-blog-section .blog-box {
  box-shadow: 0px 2px 20px 0px #141414;
}
body.dark .design-about-section .about-content .about-list li h4 {
  box-shadow: 0px 4px 16px 0px rgba(24, 24, 26, 0.72);
}
body.dark .marketing-price-section .price-box.active {
  box-shadow: 0px 2px 20px 0px #121212;
}
body.dark .marketing-testimonials-section .testimonials-box {
  box-shadow: 0px 2px 20px 0px #141414;
}
body.dark .marketing-testimonials-section .testimonials-box .quote-img {
  filter: brightness(0.2);
}
body.dark .marketing-contact-section .contact-box {
  box-shadow: 0px 2px 20px 0px #141414 !important;
}
body.dark .marketing-contact-section .contact-box .headphone-box {
  box-shadow: 1px 1px 16px 4px rgba(16, 16, 16, 0.4392156863) !important;
}
body.dark .marketing-contact-section .contact-box .call-box {
  box-shadow: 1px 1px 16px 4px rgba(16, 16, 16, 0.4392156863) !important;
}
body.dark .portfolio-logo-section .logo-img img {
  filter: invert(1);
}
body.dark .portfolio-testimonial-section .testimonials-box {
  background: #272727;
  box-shadow: none;
}
body.dark .startup-home-section .home-btn .btn-solid:hover img {
  filter: brightness(1) !important;
}
body.dark .startup-service .service-box {
  border: 2px solid rgba(var(--border-color), 0.2);
  box-shadow: 4px 4px 40px 0.5px rgba(0, 0, 0, 0.3215686275);
}
body.dark .startup-service .service-box:hover .service-icon {
  background: rgba(var(--white), 1);
}
body.dark .startup-service .service-box .service-icon {
  background: #283737;
}
body.dark .design-about-section .about-list li h4 {
  box-shadow: 0px 4px 16px 0px rgb(26, 26, 26);
}
body.dark .startup-testimonials .swiper-button-next::after,
body.dark .startup-testimonials .swiper-button-prev::after {
  filter: invert(0);
}
body.dark .digital-contact-agency .contact-box {
  background: rgba(53, 53, 53, 0.231372549);
}
body.dark .digital-contact-agency .contact-box .contact-line {
  filter: brightness(0) saturate(100%) invert(10%) sepia(19%) saturate(18%) hue-rotate(314deg) brightness(102%) contrast(92%);
}
body.dark .shop-category-filter .category-filter .dropdown .dropdown-menu {
  background: #323438;
}
body.dark .startup-team .team-img {
  box-shadow: 25px 25px 45px 0 #161414;
}
body.dark .box-line {
  filter: brightness(0) invert(1) !important;
}
body.dark .seo-step-section .step-box .step-title img {
  filter: invert(0.2);
}
body.dark .seo-testimonials-slider .swiper-button-next::after,
body.dark .seo-testimonials-slider .swiper-button-prev::after {
  filter: invert(0.2);
}
body.dark .ad-service-box:hover {
  background: rgba(147, 147, 147, 0.1019607843);
}
body.dark .consultancy-step-section .step-box:hover .steps-circle .step-number {
  background: #3b3b3b;
}
body.dark .consultancy-step-section .step-box:hover .step-content {
  background: rgba(229, 225, 225, 0.1019607843);
}
body.dark .event-logo-section .logo-img img {
  filter: brightness(0.5) invert(0.5);
}
body.dark .event-tab-section .schedule-list .schedule-item .host-list {
  border-right-color: #4f4f4f !important;
  border-left-color: #4f4f4f !important;
}
body.dark .wedding-story-section .story-line .story-icon {
  background: #1c1c1c;
}
body.dark .event-about-section {
  background: rgba(var(--bg-color), 1);
}
body.dark .event-about-section .about-img .about-third-item,
body.dark .event-about-section .about-img .about-second-item {
  border-color: rgba(var(--bg-color), 1);
}
[dir=rtl] body.dark .event-about-section .about-img .about-third-item,
[dir=rtl] body.dark .event-about-section .about-img .about-second-item {
  border-color: rgba(var(--bg-color), 1);
}
body.dark .wedding-family-section .family-box .family-img .family-flower {
  filter: brightness(0) invert(0.5);
}
body.dark .wedding-story-section .story-img .story-flower {
  filter: brightness(0) invert(0.8);
}
body.dark .wedding-story-section .story-img .story-icon img {
  filter: brightness(0) invert(1);
}
body.dark .wedding-about-section .about-timer ul li .timer-box {
  background-color: rgba(var(--bg-color), 1);
}
body.dark .wedding-about-section .about-timer ul li .timer-box .top-about-flower,
body.dark .wedding-about-section .about-timer ul li .timer-box .bottom-about-flower {
  filter: brightness(0) invert(0.5);
}
body.dark .wedding-home-section .home-content img {
  filter: brightness(0) invert(1);
}
body.dark .wedding-home-section .home-content .wedding-list-name .title-home-line img {
  display: none;
}
body.dark.my_wedding-style .main-header .header-content .brand-logo img, body.dark.seo-style .main-header .header-content .brand-logo img {
  filter: brightness(0) invert(1);
}
body.dark .seo-home-section .home-content .text-button {
  filter: brightness(0) invert(1);
}
body.dark .startup-footer {
  background-image: none !important;
}
body.dark .startup-bg-effect::after,
body.dark .startup-counter-bg-effect::after {
  display: none;
}
body.dark.wedding-style p {
  color: rgba(var(--theme-color), 0.45) !important;
}
body.dark.wedding-style .main-header .header-content .brand-logo img {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .w-team-planner .swiper-button-prev::after,
body.dark.wedding-style .w-team-planner .swiper-button-next::after,
body.dark.wedding-style .w-home-section .swiper-button-prev::after,
body.dark.wedding-style .w-home-section .swiper-button-next::after {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .w-home-section .home-front-img {
  border: 1px solid rgba(var(--theme-color), 0.45);
}
body.dark.wedding-style .w-home-section .home-front-img::after {
  border: 1px solid rgba(var(--theme-color), 0.45);
}
body.dark.wedding-style .w-home-section .w-home-content .double-border {
  color: #61391a;
}
body.dark.wedding-style .w-home-section .w-back-slider {
  background: rgb(39, 39, 39);
}
body.dark.wedding-style .w-home-section .arrow-flex .pagination-flex .fraction {
  color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .w-home-section .arrow-flex .pagination-flex .progress-pagination,
body.dark.wedding-style .w-home-section .arrow-flex .pagination-flex .swiper-pagination-progressbar-fill {
  background: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .w-home-section .home-love {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .story-img::after {
  border-color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .w-about-planner > img {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .w-about-planner .about-img .about-left-img::after,
body.dark.wedding-style .w-about-planner .about-img .about-right-img::after {
  border-color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .w-planner-counter-box {
  border-top-color: rgba(var(--theme-color), 0.45);
}
body.dark.wedding-style .w-planner-counter-box::after {
  background-color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .w-planner-counter-box .counter-box + .counter-box::after {
  background-color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .w-planner-counter-box .counter-box .counter,
body.dark.wedding-style .w-planner-counter-box .counter-box i,
body.dark.wedding-style .w-planner-counter-box .counter-box h4 {
  color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .w-service-planner .service-main {
  border-color: rgba(var(--theme-color), 0.45);
}
body.dark.wedding-style .w-service-planner .service-main .row > div:first-child .service-box {
  border-bottom-color: rgba(var(--theme-color), 0.45);
}
@media (max-width: 991px) {
  body.dark.wedding-style .w-service-planner .service-main .row > div:nth-child(3) .service-box {
    border-right-color: rgba(var(--theme-color), 0.45);
  }
}
body.dark.wedding-style .w-service-planner .service-main .row > div:nth-child(2) .service-box, body.dark.wedding-style .w-service-planner .service-main .row > div:nth-child(3) .service-box {
  border-left-color: rgba(var(--theme-color), 0.45);
  border-bottom-color: rgba(var(--theme-color), 0.45);
}
body.dark.wedding-style .w-service-planner .service-main .row > div:nth-child(5) .service-box, body.dark.wedding-style .w-service-planner .service-main .row > div:nth-child(6) .service-box {
  border-left-color: rgba(var(--theme-color), 0.45);
}
@media (max-width: 991px) {
  body.dark.wedding-style .w-service-planner .service-main .row > div:nth-child(6) .service-box {
    border-top-color: rgba(var(--theme-color), 0.45);
  }
}
@media (max-width: 767px) {
  body.dark.wedding-style .w-service-planner .service-main .service-box {
    border-top-color: rgba(var(--theme-color), 0.45) !important;
  }
}
body.dark.wedding-style .w-service-planner .service-main .service-box .service-img::after {
  background-color: rgba(47, 47, 47, 0.7);
}
body.dark.wedding-style .w-service-planner .service-main .service-box:hover .service-icon img {
  filter: brightness(0) invert(1);
}
body.dark.wedding-style .w-service-planner .service-main .service-box:hover .service-content p {
  color: rgba(255, 255, 255, 0.7) !important;
}
body.dark.wedding-style .w-service-planner .service-main .service-box .service-icon img {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .w-portfolio-planner .portfolio-box .portfolio-info img {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .w-price-planner .price-box {
  border-color: rgba(var(--theme-color), 0.45);
}
body.dark.wedding-style .w-price-planner .price-box:hover .btn-borders {
  color: #61391a;
}
body.dark.wedding-style .w-price-planner .price-box:hover .btn-borders::before {
  background-color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .w-price-planner .price-box.theme-price:hover .btn-borders {
  border-color: #61391a;
}
body.dark.wedding-style .w-price-planner .price-box.theme-price .price-head {
  color: #61391a;
}
body.dark.wedding-style .w-price-planner .price-box.theme-price .price-head .price-star .theme-star {
  display: inline-block;
}
body.dark.wedding-style .w-price-planner .price-box.theme-price .price-head .price-star .white-star {
  display: none;
}
body.dark.wedding-style .w-price-planner .price-box.theme-price .price-head .price-star::after {
  background-color: #61391a;
}
body.dark.wedding-style .w-price-planner .price-box.theme-price .price-body h5 {
  color: #61391a;
}
body.dark.wedding-style .w-price-planner .price-box.theme-price .price-body ul li {
  color: #61391a;
}
body.dark.wedding-style .w-price-planner .price-box.theme-price .price-body ul li::after {
  background-color: #61391a;
}
body.dark.wedding-style .w-price-planner .price-box.theme-price .price-body .btn-borders:hover {
  border-color: #61391a;
}
body.dark.wedding-style .w-price-planner .price-box.theme-price .price-body .btn-borders::before {
  background-color: #61391a;
}
body.dark.wedding-style .w-price-planner .price-box .price-star .theme-star {
  display: none;
}
body.dark.wedding-style .w-price-planner .price-box .price-star .white-star {
  display: inline-block;
}
body.dark.wedding-style .w-price-planner .price-box .price-star::after {
  background-color: rgba(var(--theme-color), 0.45);
}
body.dark.wedding-style .w-price-planner .price-box .price-body ul li {
  color: rgba(var(--theme-color), 0.45);
}
body.dark.wedding-style .w-price-planner .price-box .price-body .btn-borders {
  border-color: rgba(var(--theme-color), 0.45);
}
body.dark.wedding-style .w-price-planner .price-box .price-body .btn-borders:hover {
  color: #61391a;
}
body.dark.wedding-style .w-planner-footer .footer-logo img {
  filter: brightness(0) saturate(100%) invert(22%) sepia(21%) saturate(1541%) hue-rotate(344deg) brightness(96%) contrast(91%);
}
body.dark.wedding-style .w-planner-footer .social-icon::after, body.dark.wedding-style .w-planner-footer .social-icon::before {
  background: #61391a;
}
body.dark.wedding-style .w-planner-footer .footer-title img {
  filter: brightness(0) saturate(100%) invert(22%) sepia(21%) saturate(1541%) hue-rotate(344deg) brightness(96%) contrast(91%);
}
body.dark.wedding-style .w-planner-footer .footer-content li a:hover {
  text-shadow: 0 0 15px #61391a;
}
body.dark.wedding-style .w-planner-footer p,
body.dark.wedding-style .w-planner-footer .social-icon li a,
body.dark.wedding-style .w-planner-footer .footer-title,
body.dark.wedding-style .w-planner-footer .footer-content li a,
body.dark.wedding-style .w-planner-footer .footer-copyright {
  color: #61391a !important;
}
body.dark.wedding-style .w-planner-contact .a-left-flower,
body.dark.wedding-style .w-planner-contact .a-right-flower {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .w-planner-contact .contact-content ul li .contact-icon {
  background-color: rgb(47, 47, 47);
}
body.dark.wedding-style .w-planner-contact .contact-content ul li .contact-icon img {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .w-planner-contact .w-planner-form {
  border-color: rgba(var(--theme-color), 0.45);
}
body.dark.wedding-style .w-planner-contact .w-planner-form .btn-solid {
  color: #61391a;
}
body.dark.wedding-style .w-planner-contact .w-planner-form .btn-solid:hover {
  color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .w-team-planner .team-box .team-info h5 {
  border-bottom-color: #61391a;
}
body.dark.wedding-style .w-team-planner .team-box .team-info h2,
body.dark.wedding-style .w-team-planner .team-box .team-info h4,
body.dark.wedding-style .w-team-planner .team-box .team-info h5 {
  color: #61391a;
}
body.dark.wedding-style .w-testimonials-planner .a-left-flower,
body.dark.wedding-style .w-testimonials-planner .a-right-flower {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .w-testimonials-planner .horizontal-book-title .navigation-book img {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .w-testimonials-planner .book-section::after {
  background-image: url(../images/planner/testimonials/dark-doteed.png);
}
body.dark.wedding-style .w-testimonials-planner .book-section .book-container::before {
  background-image: url(../images/planner/testimonials/dark-right-line.png);
}
body.dark.wedding-style .w-testimonials-planner .book-section .book-container::after {
  background-image: url(../images/planner/testimonials/dark-left-line.png);
}
body.dark.wedding-style .w-testimonials-planner .right .front,
body.dark.wedding-style .w-testimonials-planner .right .back {
  border-color: rgb(47, 47, 47);
}
body.dark.wedding-style .w-testimonials-planner .right .front .testimonials-img .img-effect,
body.dark.wedding-style .w-testimonials-planner .right .back .testimonials-img .img-effect {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .w-testimonials-planner .right .front .testimonials-img .img-one,
body.dark.wedding-style .w-testimonials-planner .right .back .testimonials-img .img-one {
  border-color: rgba(var(--theme-color), 0.45);
}
body.dark.wedding-style .w-testimonials-planner .right .front .quote-icon img,
body.dark.wedding-style .w-testimonials-planner .right .back .quote-icon img {
  filter: brightness(0) hue-rotate(588deg) invert(79%) sepia(24%) saturate(250%) contrast(100%);
}
body.dark.wedding-style .back-to-top i {
  color: #61391a;
}
body.dark.wedding-style .theme-setting-box .theme-setting-btn img {
  filter: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(1742%) hue-rotate(344deg) brightness(95%) contrast(90%);
}
body.dark.wedding-style .theme-setting-box .theme-setting .theme-setting-header h5 {
  color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .sub-title {
  color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio input {
  border-color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio:has(input:checked) input {
  border-color: #61391a;
}
body.dark.wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio:has(input:checked) input::after {
  background-color: #61391a;
}
body.dark.wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex .label-radio:has(input:checked) label {
  color: #61391a;
}
body.dark.wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex label,
body.dark.wedding-style .theme-setting-box .theme-setting .theme-setting-body .theme-setting-item .radio-flex span {
  font-size: 15px;
  color: rgba(var(--theme-color), 1);
}
body.dark.wedding-style .theme-setting-box .theme-setting .btn-flex .btn-borders:hover {
  color: #61391a;
}
body.dark .startup-pricing .price-box {
  box-shadow: 4px 4px 40px 0.5px rgba(0, 0, 0, 0.24);
}
body.dark .startup-pricing .price-box:hover {
  box-shadow: 4px 4px 40px 0.5px rgba(0, 0, 0, 0.24);
}

/*# sourceMappingURL=style.css.map */