.unbounded-<uniquifier {

  font-family: "Unbounded", sans-serif;

  font-optical-sizing: auto;

  font-weight: <weight>;

  font-style: normal;

}

.fahkwang-extralight {

  font-family: "Fahkwang", sans-serif;

  font-weight: 200;

  font-style: normal;

}

.fahkwang-light {

  font-family: "Fahkwang", sans-serif;

  font-weight: 300;

  font-style: normal;

}

.fahkwang-regular {

  font-family: "Fahkwang", sans-serif;

  font-weight: 400;

  font-style: normal;

}

.fahkwang-medium {

  font-family: "Fahkwang", sans-serif;

  font-weight: 500;

  font-style: normal;

}

.fahkwang-semibold {

  font-family: "Fahkwang", sans-serif;

  font-weight: 600;

  font-style: normal;

}

.fahkwang-bold {

  font-family: "Fahkwang", sans-serif;

  font-weight: 700;

  font-style: normal;

}

.fahkwang-extralight-italic {

  font-family: "Fahkwang", sans-serif;

  font-weight: 200;

  font-style: italic;

}

.fahkwang-light-italic {

  font-family: "Fahkwang", sans-serif;

  font-weight: 300;

  font-style: italic;

}

.fahkwang-regular-italic {

  font-family: "Fahkwang", sans-serif;

  font-weight: 400;

  font-style: italic;

}

.fahkwang-medium-italic {

  font-family: "Fahkwang", sans-serif;

  font-weight: 500;

  font-style: italic;

}

.fahkwang-semibold-italic {

  font-family: "Fahkwang", sans-serif;

  font-weight: 600;

  font-style: italic;

}

.fahkwang-bold-italic {

  font-family: "Fahkwang", sans-serif;

  font-weight: 700;

  font-style: italic;

}

:root {

  --font-fahkwang: "Fahkwang", sans-serif;

  --font-unbounded: "Unbounded", sans-serif;

  --primary-color: #ec6219;

  --primary-color2: #f4cb0a;

  --primary-color3: #1a1a1a;

  --primary-color4: #78eb54;

  --title-color: #1a1a1a;

  --title-color-opc: 26, 26, 26;

  --dark-title-color: #1a1a1a;

  --white-color: #fff;

  ---dark-white-color: #fff;

  --deep-white-color: #dfdfdf;

  --paragraph-color: #545454;

  --paragraph-color-opc: 84, 84, 84;

  --paragraph-color2: #363636;

  --paragraph-color3: #1a1a1a;

  --paragraph-color-dark: #c4c4c4;

  --border-color: #dfdfdf;

  --border-color2: #eee;

  --body-bg1: #f0f0f0;

  --bg-color1: #f8f8f8;

  --section-bg1: #eaeaea;

  --black: #000000;

}

body.dark {

  --title-color: #ffffff;

  --title-color-opc: 255, 255, 255;

  --deep-white-color: #222;

  --paragraph-color: #c4c4c4;

  --paragraph-color-opc: 196, 196, 196;

  --paragraph-color2: #dfdfdf;

  --paragraph-color-dark: #c4c4c4;

  --border-color: #2f2f2f;

  --border-color2: #222222;

  --body-bg1: #161616;

  ---dark-white-color: #161616;

  --section-bg1: #1a1a1a;

  --bg-color1: #f8f8f8;

  background-color: #161616 !important;

}

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

a:focus,

input:focus,

textarea:focus,

button:focus {

  outline: 0 solid;

  box-shadow: unset;

}

input,

textarea {

  border-radius: 0;

}

html,

body {

  height: 100%;

}

body {

  font-size: 16px;

  font-family: var(--font-unbounded);

  font-weight: 400;

  overflow-x: hidden;

}

body.home1-bg {

  background-color: #f0f0f0;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: var(--font-unbounded);

  font-weight: 500;

  margin-bottom: 15px;

}

img {

  max-width: 100%;

}

p {

  margin: 0;

  color: var(--paragraph-color);

}

a,

a:hover {

  text-decoration: none;

}

input,

select,

audio,

canvas,

iframe,

img,

svg,

video {

  vertical-align: middle;

}

.pt-130 {

  padding-top: 130px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .pt-130 {

    padding-top: 100px;

  }

}

@media (max-width: 991px) {

  .pt-130 {

    padding-top: 90px;

  }

}

.pb-130 {

  padding-bottom: 130px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .pb-130 {

    padding-bottom: 100px;

  }

}

@media (max-width: 991px) {

  .pb-130 {

    padding-bottom: 90px;

  }

}

.pt-90 {

  padding-top: 90px;

}

@media (max-width: 991px) {

  .pt-90 {

    padding-top: 80px;

  }

}

@media (max-width: 767px) {

  .pt-90 {

    padding-top: 70px;

  }

}

.pb-90 {

  padding-bottom: 90px;

}

@media (max-width: 991px) {

  .pb-90 {

    padding-bottom: 80px;

  }

}

@media (max-width: 767px) {

  .pb-90 {

    padding-bottom: 70px;

  }

}

.pb-80 {

  padding-bottom: 80px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .pb-80 {

    padding-bottom: 60px;

  }

}

.pb-65 {

  padding-bottom: 65px;

}

.mt-130 {

  margin-top: 130px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .mt-130 {

    margin-top: 100px;

  }

}

@media (max-width: 991px) {

  .mt-130 {

    margin-top: 90px;

  }

}

.mt-120 {

  margin-top: 120px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .mt-120 {

    margin-top: 100px;

  }

}

@media (max-width: 991px) {

  .mt-120 {

    margin-top: 90px;

  }

}

.mb-130 {

  margin-bottom: 130px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .mb-130 {

    margin-bottom: 100px;

  }

}

@media (max-width: 991px) {

  .mb-130 {

    margin-bottom: 90px;

  }

}

.mb-110 {

  margin-bottom: 110px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .mb-110 {

    margin-bottom: 90px;

  }

}

@media (max-width: 991px) {

  .mb-110 {

    margin-bottom: 80px;

  }

}

.mb-100 {

  margin-bottom: 110px;

}

@media (max-width: 991px) {

  .mb-100 {

    margin-bottom: 80px;

  }

}

.mt-100 {

  margin-top: 110px !important;

}

@media (max-width: 991px) {

  .mt-100 {

    margin-top: 80px !important;

  }

}

.mb-90 {

  margin-bottom: 90px;

}

@media (max-width: 991px) {

  .mb-90 {

    margin-bottom: 70px;

  }

}

@media (max-width: 767px) {

  .mb-90 {

    margin-bottom: 50px;

  }

}

.mb-15 {

  margin-bottom: 15px;

}

.mb-10 {

  margin-bottom: 10px;

}

.pt-80 {

  padding-top: 80px;

}

.pt-50 {

  padding-top: 50px;

}

.pt-40 {

  padding-top: 40px;

}

.pt-35 {

  padding-top: 35px;

}

.pt-30 {

  padding-top: 30px;

}

.pb-80 {

  padding-bottom: 80px;

}

.pb-60 {

  padding-bottom: 60px;

}

.mb-60 {

  margin-bottom: 60px;

}

@media (max-width: 767px) {

  .mb-60 {

    margin-bottom: 40px;

  }

}

.mb-70 {

  margin-bottom: 70px;

}

@media (max-width: 767px) {

  .mb-70 {

    margin-bottom: 40px;

  }

}

.mb-50 {

  margin-bottom: 50px;

}

.mb-45 {

  margin-bottom: 45px;

}

.mb-44 {

  margin-bottom: 44px;

}

@media (max-width: 991px) {

  .mb-44 {

    margin-bottom: 0;

  }

}

.mb-40 {

  margin-bottom: 40px;

}

@media (max-width: 991px) {

  .mb-40 {

    margin-bottom: 30px;

  }

}

.mb-35 {

  margin-bottom: 35px;

}

.mb-20 {

  margin-bottom: 20px;

}

.mt-15 {

  margin-top: 15px;

}

.mt-40 {

  margin-top: 40px;

}

.mt-35 {

  margin-top: 35px;

}

.mb-40 {

  margin-bottom: 40px;

}

.mb-30 {

  margin-bottom: 30px;

}

.mb-25 {

  margin-bottom: 25px;

}

.mt-30 {

  margin-top: 30px;

}

.mt-50 {

  margin-top: 50px;

}

.mt-25 {

  margin-top: 25px;

}

.mb-50 {

  margin-bottom: 50px;

}

@media (max-width: 767px) {

  .mb-50 {

    margin-bottom: 40px;

  }

}

@media (max-width: 576px) {

  .mb-50 {

    margin-bottom: 30px;

  }

}

.mt-60 {

  margin-top: 60px;

}

@media (max-width: 767px) {

  .mt-60 {

    margin-top: 40px;

  }

}

.mt-70 {

  margin-top: 70px;

}

@media (max-width: 767px) {

  .mt-70 {

    margin-top: 40px;

  }

}



/* ====================== [ End Helper Classes  ] ====================== */

/* Preloader

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



.socialLinkArea ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.socialLinkArea ul li {

  /*padding: 0px 30px;*/

  display: flex;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 30px;

  margin-top: 8px;

  font-size: 16px;

  text-decoration: none;

  border: none;

  border-radius: 50%;

  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);

  background-color: #000;

  opacity: 0.5;

}

.socialLinkArea ul li a {

  color: #fff;

}

.socialLinkArea ul li:hover {

  background-color: #fff;

  opacity: 1;

}

.socialLinkArea ul li:hover a {

  color: #000;

}

body.loaded {

  overflow: hidden !important;

  height: 100% !important;

}

.loader-wrap {

  position: fixed;

  z-index: 10;

  height: 100vh;

  width: 100%;

  left: 0;

  top: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background: transparent;

  z-index: 99999999999999;

}

.loader-wrap svg {

  position: absolute;

  top: 0;

  width: 100vw;

  height: 110vh;

  fill: #1b1b1b;

}

.loader-wrap .loader-wrap-heading .load-text {

  font-size: 30px;

  font-weight: 400;

  letter-spacing: 10px;

  z-index: 20;

  color: #fff;

}

.load-text span {

  -webkit-animation: loading 1s infinite alternate;

  animation: loading 1s infinite alternate;

}

.load-text span:nth-child(1) {

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

}

.load-text span:nth-child(2) {

  -webkit-animation-delay: 0.1s;

  animation-delay: 0.1s;

}

.load-text span:nth-child(3) {

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}

.load-text span:nth-child(4) {

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

}

.load-text span:nth-child(5) {

  -webkit-animation-delay: 0.4s;

  animation-delay: 0.4s;

}

.load-text span:nth-child(6) {

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

}

.load-text span:nth-child(7) {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

}

.load-text span:nth-child(8) {

  -webkit-animation-delay: 0.7s;

  animation-delay: 0.7s;

}

.load-text span:nth-child(8) {

  -webkit-animation-delay: 0.8s;

  animation-delay: 0.8s;

}

.load-text span:nth-child(9) {

  -webkit-animation-delay: 0.9s;

  animation-delay: 0.9s;

}

.load-text span:nth-child(10) {

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}

@-webkit-keyframes loading {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

@keyframes loading {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}



.page-content {

  z-index: 1;

  position: relative;

  overflow: hidden;

  width: 100%;

  min-height: 100%;

}

.line_wrap {

  top: 0;

  left: 50%;

  bottom: 0;

  max-width: 1320px;

  width: 100%;

  z-index: -1;

  display: block;

  position: absolute;

  transform: translateX(-50%);

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  width: 100%;

  padding-right: calc(var(--bs-gutter-x) * 0.5);

  padding-left: calc(var(--bs-gutter-x) * 0.5);

  margin-right: auto;

  margin-left: auto;

  display: flex;

}

@media (max-width: 1399px) {

  .line_wrap {

    max-width: 1140px;

  }

}

@media (max-width: 1199px) {

  .line_wrap {

    max-width: 960px;

  }

}

@media (max-width: 991px) {

  .line_wrap {

    --bs-gutter-x: 1.5rem;

    --bs-gutter-y: 0;

    width: 100%;

    max-width: unset;

    padding-right: calc(var(--bs-gutter-x) * 0.5);

    padding-left: calc(var(--bs-gutter-x) * 0.5);

    margin-right: auto;

    margin-left: auto;

  }

}

.line_wrap .line_item {

  height: 100%;

  position: relative;

  display: inline-block;

  border-left: 1px solid var(--deep-white-color);

}

.line_wrap .line_item:before {

  width: 1px;

  left: -1px;

  content: "";

  height: 100px;

  position: absolute;

}

.line_wrap .line_item.first-line {

  margin-left: 0;

}

.line_wrap .line_item.first-line::before {

  left: unset;

  right: -1px;

  animation: scroll1 15s ease-out infinite;

  background-image: linear-gradient(0deg, #000000, transparent);

}

.line_wrap .line_item.center-line {

  min-width: 33.33%;

  border-left: unset;

}

.line_wrap .line_item.center-line::before {

  animation: scroll1 20s ease-out infinite;

  background-image: linear-gradient(0deg, #000000, transparent);

  right: -7px;

  left: unset;

}

.line_wrap .line_item.last-line {

  margin-left: 7px;

  border-right: 1px solid var(--deep-white-color);

  width: 100%;

}

.line_wrap .line_item.last-line::before {

  left: unset;

  right: -1px;

  animation: scroll1 15s ease-out infinite;

  background-image: linear-gradient(0deg, #000000, transparent);

}

@keyframes scroll1 {

  0% {

    top: 0;

    opacity: 1;

  }

  50% {

    top: 50%;

  }

  100% {

    top: 100%;

    opacity: 0.5;

  }

}

@keyframes scroll2 {

  0% {

    opacity: 1;

    bottom: 0;

  }

  50% {

    bottom: 50%;

  }

  100% {

    bottom: 100%;

    opacity: 0.5;

  }

}

.circle-container {

  background: 0 0;

  position: fixed;

  right: 30px;

  bottom: 55px;

  height: 40px;

  width: 40px;

  cursor: pointer;

  display: block;

  border-radius: 50px;

  border: 2px solid var(--white-color);

  z-index: 10000;

  opacity: 0;

  visibility: hidden;

  transform: translateY(15px);

  transition: all 200ms linear;

}

@media (max-width: 576px) {

  .circle-container {

    bottom: 30px;

  }

}

.circle-container.active {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}

.circle-container svg {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  fill: var(--white-color);

}

.circle-container:hover {

  background-color: var(--black);

}

.circle-container:hover svg {

  fill: var(--white-color);

}

.circle-container.two {

  border-color: var(--primary-color2);

}

.circle-container.two svg {

  fill: var(--primary-color2);

}

.circle-container.two:hover {

  background-color: var(--primary-color2);

}

.circle-container.two:hover svg {

  fill: var(--dark-title-color);

}

.circle-container.three {

  border-color: var(--primary-color4);

}

.circle-container.three svg {

  fill: var(--primary-color4);

}

.circle-container.three:hover {

  background-color: var(--primary-color4);

}

.circle-container.three:hover svg {

  fill: var(--dark-title-color);

}

#magic-cursor {

  position: absolute;

  display: none;

  width: 10px;

  height: 10px;

  pointer-events: none;

  z-index: 99999;

  opacity: 0;

}

body.tt-magic-cursor #magic-cursor {

  display: block;

}

#ball {

  position: fixed;

  display: flex;

  justify-content: center;

  align-items: center;

  color: var(--white-color);

  pointer-events: none;

  border-style: solid;

  border-radius: 50%;

  border-color: #d9d9d9;

}

#ball.ball-view {

  background-color: var(--dark-title-color);

  font-size: 15px;

  font-weight: 500;

  color: var(--white-color);

  line-height: 1.4;

  text-align: center;

  border: 1px solid rgba(0, 0, 0, 0.5);

}

#ball .ball-view-inner {

  padding: 0 5px;

  opacity: 0;

  visibility: hidden;

  transform: scale(0);

}

#ball .ball-view-inner i {

  font-size: 24px;

}

#ball .ball-drag {

  position: absolute;

  display: block;

  width: 100%;

  padding: 0 5px;

  font-size: 15px;

  font-weight: 600;

  color: var(--title-color);

  line-height: 1.2;

  text-align: center;

  transition: all 0.3s;

}

#ball .ball-drag::before,

#ball .ball-drag::after {

  position: absolute;

  top: 50%;

  margin-top: -5px;

  font-size: 16px;

  color: var(--primary-color);

  height: 10px;

  line-height: 10px;

  font-family: "font awesome 5 free";

  font-weight: 900;

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

}

#ball .ball-drag::before {

  content: "\f060";

  left: 0;

  transform: translate3d(-30px, 0, 0);

  transition: all 0.25s;

}

#ball .ball-drag::after {

  content: "\f061";

  right: 0;

  transform: translate3d(30px, 0, 0);

  transition: all 0.25s;

}

#ball.ball-close-enabled {

  opacity: 1 !important;

}

#ball .ball-close {

  position: absolute;

  padding: 0 5px;

  font-size: 14px;

  font-weight: 600;

  color: var(--primary-color);

  line-height: 1;

  text-align: center;

}

.tt-style-switch {

  position: fixed;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 30%;

  right: 0;

  width: 40px;

  height: 35px;

  background-color: #444;

  font-size: 16px;

  color: #fff !important;

  cursor: pointer;

  z-index: 9999;

  border-radius: 50px 0 0 50px;

  transition: all 0.2s;

}

.tt-style-switch .bi {

  color: #fff;

  z-index: 9999;

}

@media (max-width: 540px) {

  .tt-style-switch {

    top: 50%;

    bottom: unset;

  }

}

body:not(.is-mobile) .tt-style-switch:hover {

  width: 45px;

  background-color: red;

  color: #fff;

}

.tt-stsw-dark,

.tt-stsw-light {

  line-height: 0;

}

.tt-style-switch:not(.is-dark) .tt-stsw-dark {

  display: none;

}

.tt-style-switch.is-dark .tt-stsw-light {

  display: none;

}

@media (min-width: 769px) {

  body.tt-sliding-sidebar-right-on .tt-style-switch {

    right: auto;

    left: 0;

    border-radius: 0 50px 50px 0;

  }

}

.magnetic-wrap {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

}

#ball.magnetic-active {

  border-color: var(--primary-color) !important;

}

.sub-title h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 0;

  display: flex;

  align-items: center;

  gap: 20px;

}

@media (max-width: 576px) {

  .sub-title h6 {

    font-size: 15px;

  }

}

.sub-title h6 svg {

  fill: var(--primary-color);

}

.sub-title.two h6 {

  color: var(--white-color);

}

@media (max-width: 991px) {

  .sub-title2 {

    margin-bottom: 10px;

  }

}

.sub-title2 h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  border-radius: 50px;

  border: 1px solid var(--border-color);

  background: var(---dark-white-color);

  display: inline-flex;

  line-height: 1;

  padding: 8px 20px;

}

.sub-title2.dark h6 {

  color: var(--white-color);

  border: 1px solid rgba(255, 255, 255, 0.1);

  background: #252525;

}

.section-title h1,

.section-title h2 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

  line-height: 1.35;

  margin-bottom: 0;

  margin-top: -10px;

}

.section-title h1 strong,

.section-title h2 strong {

  display: block;

  font-weight: 500;

}

.section-title h1 span,

.section-title h2 span {

  font-family: var(--font-fahkwang);

  display: block;

}

@media (max-width: 1399px) {

  .section-title h1,

  .section-title h2 {

    font-size: 40px;

  }

}

@media (max-width: 1199px) {

  .section-title h1,

  .section-title h2 {

    font-size: 35px;

  }

}

@media (max-width: 576px) {

  .section-title h1,

  .section-title h2 {

    font-size: 30px;

  }

}

.section-title .dash-and-paragraph {

  display: flex;

  align-items: center;

  gap: 20px;

  padding-top: 15px;

}

.section-title .dash-and-paragraph .dash {

  width: 100%;

  height: 1px;

  min-width: 50px;

  background-color: var(--border-color);

  position: relative;

}

@media (max-width: 767px) {

  .section-title .dash-and-paragraph .dash {

    display: none;

  }

}

.section-title .dash-and-paragraph .dash::after {

  content: "";

  height: 6px;

  width: 5px;

  -webkit-clip-path: polygon(100% 50%, 0 100%, 0 0);

  clip-path: polygon(100% 50%, 0 100%, 0 0);

  background-color: var(--border-color);

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.section-title .dash-and-paragraph p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

  max-width: 536px;

  min-width: 536px;

}

@media (max-width: 576px) {

  .section-title .dash-and-paragraph p {

    font-size: 15px;

    max-width: 536px;

    min-width: unset;

  }

}

.section-title .dash-and-paragraph.two svg {

  width: 100%;

  fill: var(--border-color);

}

.section-title .dash-and-paragraph.two p {

  max-width: 424px;

  min-width: 424px;

}

@media (max-width: 576px) {

  .section-title .dash-and-paragraph.two p {

    max-width: 424px;

    min-width: unset;

  }

}

.section-title .dash-and-paragraph.three > svg {

  width: 100%;

  fill: #ccd4dd;

}

@media (max-width: 767px) {

  .section-title .dash-and-paragraph.three > svg {

    display: none;

    visibility: hidden;

  }

}

.section-title .dash-and-paragraph.three .btn-and-paragraph {

  margin-top: -80px;

}

@media (max-width: 991px) {

  .section-title .dash-and-paragraph.three .btn-and-paragraph {

    margin-top: 0;

  }

}

.section-title .dash-and-paragraph.three .btn-and-paragraph a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  display: flex;

  align-items: center;

  gap: 8px;

  transition: 0.35s;

  margin-bottom: 15px;

}

.section-title .dash-and-paragraph.three .btn-and-paragraph a svg {

  fill: var(--title-color);

  transition: 0.35s;

}

.section-title .dash-and-paragraph.three .btn-and-paragraph a:hover {

  color: var(--primary-color);

}

.section-title .dash-and-paragraph.three .btn-and-paragraph a:hover svg {

  fill: var(--primary-color);

}

.section-title.two h2 {

  color: var(--white-color);

}

.section-title.three {

  display: flex;

  gap: 30px;

}

@media (max-width: 991px) {

  .section-title.three {

    flex-wrap: wrap;

    gap: 10px;

  }

}

.section-title.three h2 {

  text-align: end;

}

@media (max-width: 1199px) {

  .section-title.three h2 {

    text-align: start;

  }

}

.section-title.three .dash-and-paragraph {

  display: flex;

  align-items: flex-start;

  padding-top: 85px;

}

@media (max-width: 991px) {

  .section-title.three .dash-and-paragraph {

    padding-top: 0;

  }

}

.section-title.three .dash-and-paragraph.three > svg {

  width: 100%;

  fill: var(--border-color);

  min-width: 472px;

}

@media (max-width: 1399px) {

  .section-title.three .dash-and-paragraph.three > svg {

    min-width: unset;

  }

}

@media (max-width: 767px) {

  .section-title.three .dash-and-paragraph.three > svg {

    display: none;

    visibility: hidden;

  }

}

.section-title.three .dash-and-paragraph.three .btn-and-paragraph {

  margin-top: 0;

}

.section-title.three .dash-and-paragraph.three .btn-and-paragraph p {

  max-width: 424px;

  min-width: 424px;

}

@media (max-width: 767px) {

  .section-title.three .dash-and-paragraph.three .btn-and-paragraph p {

    min-width: 100%;

  }

}

.section-title.four {

  display: flex;

  justify-content: space-between;

  align-items: end;

  gap: 30px;

}

@media (max-width: 991px) {

  .section-title.four {

    flex-wrap: wrap;

    gap: 10px;

  }

}

.section-title.four .dash-and-paragraph {

  padding-top: 0;

  margin: 0;

}

.section-title.four .dash-and-paragraph .btn-and-paragraph {

  margin-top: 0;

}

.section-title.five h2 span {

  font-family: var(--font-unbounded);

  color: var(--paragraph-color);

}

.section-title.six h2 {

  font-size: 60px;

}

@media (max-width: 1399px) {

  .section-title.six h2 {

    font-size: 55px;

  }

}

@media (max-width: 991px) {

  .section-title.six h2 {

    font-size: 50px;

  }

}

@media (max-width: 576px) {

  .section-title.six h2 {

    font-size: 45px;

  }

}

.section-title.six .dash-and-paragraph {

  align-items: start;

}

.section-title.six .dash-and-paragraph svg {

  width: 100%;

  fill: var(--border-color2);

}

@media (max-width: 576px) {

  .section-title.six .dash-and-paragraph svg {

    display: none;

  }

}

.section-title.six .dash-and-paragraph p {

  max-width: 424px;

  min-width: 424px;

  margin-top: -5px;

}

@media (max-width: 767px) {

  .section-title.six .dash-and-paragraph p {

    min-width: unset;

  }

}

.section-title .paragraph-and-btn p {

  margin-bottom: 35px;

}

.section-title.white h1,

.section-title.white h2 {

  color: var(--white-color);

}

.section-title.white .dash-and-paragraph p {

  color: #c4c4c4;

}

.section-title-2 h2 {

  color: var(--title-color);

  text-align: center;

  font-family: var(--font-unbounded);

  font-size: 130px;

  font-style: normal;

  font-weight: 500;

  line-height: 60px;

  display: inline-flex;

  align-items: flex-start;

}

.section-title-2 h2 svg {

  fill: var(--primary-color);

  height: 50px;

  width: 50px;

}

@media (max-width: 1399px) {

  .section-title-2 h2 {

    font-size: 90px;

  }

  .section-title-2 h2 svg {

    height: 30px;

    width: 30px;

  }

}

@media (max-width: 1199px) {

  .section-title-2 h2 {

    font-size: 70px;

  }

  .section-title-2 h2 svg {

    height: 30px;

    width: 30px;

  }

}

@media (max-width: 576px) {

  .section-title-2 h2 {

    font-size: 45px;

  }

  .section-title-2 h2 svg {

    height: 20px;

    width: 20px;

  }

}

.section-title3 h2 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

  line-height: 1.35;

  margin-bottom: 0;

}

@media (max-width: 1399px) {

  .section-title3 h2 {

    font-size: 40px;

  }

}

@media (max-width: 1199px) {

  .section-title3 h2 {

    font-size: 35px;

  }

}

@media (max-width: 576px) {

  .section-title3 h2 {

    font-size: 30px;

  }

}

.section-title3 p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  padding-top: 15px;

}

.section-title3 p strong {

  font-weight: 500;

}

.paragraph-and-btn-area {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 20px;

}

.paragraph-and-btn-area p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  margin-bottom: 0;

  max-width: 450px;

  width: 100%;

}

.explore-btn {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 25px;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  transition: 0.5s;

}

.explore-btn svg {

  fill: var(--title-color);

  transition: 0.5s;

}

.circle-btn {

  height: 160px;

  width: 160px;

  border-radius: 50%;

  background-color: #eaeaea;

  color: var(--title-color);

  text-align: center;

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 20px;

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  gap: 5px;

  overflow: hidden;

  position: relative;

  z-index: 1;

  transition: all 0.6s;

}

.circle-btn strong {

  display: block;

  font-weight: 500;

  line-height: 20px;

}

.circle-btn svg {

  fill: var(--title-color);

  transition: all 0.6s;

  margin-bottom: 7px;

}

.circle-btn span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 50%;

  background-color: var(--primary-color);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.circle-btn:hover {

  color: var(--white-color);

}

.circle-btn:hover span {

  width: 225%;

  height: 1000.5px;

}

.circle-btn:hover svg {

  fill: var(--white-color);

}

.circle-btn.two {

  background-color: var(--dark-title-color);

  color: var(--white-color);

}

.circle-btn.two svg {

  fill: var(--white-color);

}

.dark .circle-btn {

  background-color: var(--dark-title-color);

  color: var(--title-color);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.dark .circle-btn svg {

  fill: var(--title-color);

}

.dark .circle-btn span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 50%;

  background-color: var(--primary-color);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.dark .circle-btn:hover {

  color: var(--white-color);

}

.dark .circle-btn:hover span {

  width: 225%;

  height: 1000.5px;

}

.primary-btn2 {

  color: var(---dark-white-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  background-color: var(--title-color);

  border-radius: 50px;

  padding: 16px 30px;

  white-space: nowrap;

  overflow: hidden;

  position: relative;

  z-index: 1;

  transition: all 0.6s;

  display: inline-flex;

  align-items: center;

  line-height: 1;

  gap: 8px;

}

.primary-btn2 svg {

  fill: var(---dark-white-color);

  transition: all 0.6s;

}

.primary-btn2 span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 36px;

  background-color: var(--primary-color2);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.primary-btn2:hover {

  color: var(--dark-title-color);

}

.primary-btn2:hover svg {

  fill: var(--dark-title-color);

}

.primary-btn2:hover span {

  width: 225%;

  height: 1000.5px;

}

.primary-btn2:active {

  background-color: var(--primary-color);

}

.primary-btn3 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  background-color: var(--primary-color);

  border: 1px solid var(--primary-color);

  border-radius: 50px;

  padding: 19px 36px;

  white-space: nowrap;

  overflow: hidden;

  position: relative;

  z-index: 1;

  transition: all 0.6s;

  display: inline-flex;

  align-items: center;

  line-height: 1;

  gap: 8px;

}

.primary-btn3 svg {

  fill: var(--white-color);

  transition: all 0.6s;

}

.primary-btn3 span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 36px;

  background-color: var(--white-color);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.primary-btn3:hover {

  color: var(--dark-title-color);

}

.primary-btn3:hover svg {

  fill: var(--dark-title-color);

}

.primary-btn3:hover span {

  width: 225%;

  height: 1000.5px;

}

.primary-btn3:active {

  background-color: var(--primary-color);

}

.primary-btn4 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  background-color: transparent;

  border: 1px solid var(--title-color);

  border-radius: 50px;

  padding: 19px 36px;

  white-space: nowrap;

  overflow: hidden;

  position: relative;

  z-index: 1;

  transition: all 0.6s;

  display: inline-flex;

  align-items: center;

  line-height: 1;

  gap: 8px;

}

.primary-btn4 svg {

  fill: var(--title-color);

  transition: all 0.6s;

}

.primary-btn4 span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 36px;

  background-color: var(--primary-color);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.primary-btn4:hover {

  color: var(--white-color);

  border-color: var(--white-color);

}

.primary-btn4:hover svg {

  fill: var(--white-color);

}

.primary-btn4:hover span {

  width: 225%;

  height: 1000.5px;

}

.primary-btn4:active {

  background-color: var(--primary-color);

}

.primary-btn5 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  border: 1px solid var(--title-color);

  background: var(--white-color);

  line-height: 1;

  display: inline-flex;

  align-items: baseline;

  padding: 15px 27px;

  gap: 8px;

  white-space: nowrap;

  overflow: hidden;

  position: relative;

  z-index: 1;

  transition: all 0.6s;

}

.primary-btn5 svg {

  fill: var(--title-color);

  transition: all 0.6s;

}

.primary-btn5 span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 36px;

  background-color: var(--title-color);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.primary-btn5:hover {

  color: var(--white-color);

}

.primary-btn5:hover svg {

  fill: var(--white-color);

}

.primary-btn5:hover span {

  width: 225%;

  height: 1000.5px;

}

.primary-btn5:active {

  background-color: var(--white-color);

}

.primary-btn5.black {

  color: var(--white-color);

  background-color: var(--paragraph-color3);

}

.primary-btn5.black svg {

  fill: var(--white-color);

}

.primary-btn5.black span {

  background-color: var(--white-color);

}

.primary-btn5.black:hover {

  color: var(--dark-title-color);

}

.primary-btn5.black:hover svg {

  fill: var(--dark-title-color);

}

.form-inner {

  position: relative;

  line-height: 1;

}

.form-inner label {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  display: block;

  margin-bottom: 10px;

}

.form-inner input {

  background: var(---dark-white-color);

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  height: 50px;

  width: 100%;

  padding: 10px 20px;

  outline: none;

  border: 1px solid var(---dark-white-color);

}

.form-inner input::-moz-placeholder {

  color: rgba(var(--paragraph-color-opc), 0.6);

}

.form-inner input::placeholder {

  color: rgba(var(--paragraph-color-opc), 0.6);

}

.form-inner input:focus {

  border: 1px solid var(--primary-color);

}

.form-inner textarea {

  background: var(---dark-white-color);

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  width: 100%;

  padding: 20px;

  outline: none;

  border: 1px solid var(---dark-white-color);

  min-height: 120px;

}

.form-inner textarea::-moz-placeholder {

  color: rgba(var(--paragraph-color-opc), 0.6);

}

.form-inner textarea::placeholder {

  color: rgba(var(--paragraph-color-opc), 0.6);

}

.form-inner textarea:focus {

  border: 1px solid var(--primary-color);

}

.form-inner2 .form-check {

  min-height: unset;

  margin-bottom: 0;

}

.form-inner2 .form-check .form-check-input {

  cursor: pointer;

  height: 14px;

  width: 14px;

  margin-top: 5px;

}

.form-inner2 .form-check .form-check-input:focus {

  box-shadow: none;

  border-color: var(--border-color2);

}

.form-inner2 .form-check .form-check-input:checked {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.form-inner2 .form-check .form-check-input[type="checkbox"] {

  border-radius: unset;

}

.form-inner2 .form-check .form-check-label {

  cursor: pointer;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

}

@media (max-width: 576px) {

  .form-inner2 .form-check .form-check-label {

    font-size: 12px;

  }

}

.nice-select {

  width: 100%;

  height: 50px;

  line-height: 48px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  background: var(---dark-white-color);

  border-color: var(--border-color2);

  border-radius: 5px;

  padding-left: 25px;

  padding-right: 25px;

}

.nice-select:hover {

  border-color: var(--border-color2);

}

.nice-select:focus {

  border-color: var(--border-color2);

}

.nice-select.open {

  border-radius: 5px 5px 0 0;

}

.nice-select.open::after {

  transform: rotate(-180deg);

}

.nice-select:after {

  border-bottom: none;

  border-right: none;

  content: "";

  display: block;

  height: 7px;

  width: 10px;

  background-color: #dfdfdf;

  margin-top: -4px;

  pointer-events: none;

  position: absolute;

  right: 25px;

  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);

  clip-path: polygon(100% 0, 0 0, 50% 100%);

  transform: rotate(0);

}

.nice-select .list {

  width: 100%;

  background: var(---dark-white-color);

  margin-top: 0;

  border-radius: 0 0 5px 5px;

}

.nice-select .list .option {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 400;

  border-bottom: 1px solid var(--border-color2);

}

.nice-select .list .option:last-child {

  border-bottom: unset;

}

.header-area.style-1 {

  position: relative;

  z-index: 999;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 3%;

  width: 100%;

  transition: all 0.8s ease-out 0s;

  gap: 30px;

  border-bottom: 1px solid var(--deep-white-color);

  margin-top: 30px;

}

.newHeader {

  padding: 0 !important;

  width: 25vw !important;

  justify-content: center !important;

}

@media (max-width: 1699px) {

  .header-area.style-1 {

    padding: 0 3%;

  }

  .newHeader {

    padding: 0 !important;

  }

}

@media (max-width: 1399px) {

  .header-area.style-1 {

    padding: 0 2%;

    gap: 20px;

  }

}

@media (max-width: 991px) {

  .header-area.style-1 {

    padding: 0;

  }

}

.header-area.style-1.sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

  box-sizing: border-box;

  background-color: var(--body-bg1);

  z-index: 99;

}

@keyframes smooth-header {

  0% {

    transform: translateY(-30px);

  }

  100% {

    transform: translateY(0px);

  }

}

@media (max-width: 991px) {

  .header-area.style-1 .header-logo {

    padding: 15px;

  }

}

/*

.header-area.style-1 .header-logo{

    width: 15.5%;

    text-align: center;

}

*/

.header-area.style-1 .header-logo img {

  width: 175px;

  max-width: unset;

}

@media (max-width: 1199px) {

  .header-area.style-1 .header-logo img {

    width: 150px;

  }

}

.header-area.style-1 .header-logo .dark {

  display: none;

}

.header-area.style-1 .menu-close-btn i {

  color: var(--white-color);

}

.header-area.style-1 .menu-wrap {

  display: flex;

  align-items: center;

  gap: 40px;

}

@media (max-width: 1399px) {

  .header-area.style-1 .menu-wrap {

    padding: 0 20px;

  }

}

@media (max-width: 1399px) {

  .header-area.style-1 .menu-wrap {

    padding: 0 15px;

  }

}

@media (max-width: 991px) {

  .header-area.style-1 .menu-wrap {

    border: none;

    justify-content: end;

  }

}

.header-area.style-1 .menu-wrap .nav-right {

  gap: 105px;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .header-area.style-1 .menu-wrap .nav-right {

    gap: 60px;

  }

}

@media (max-width: 1399px) {

  .header-area.style-1 .menu-wrap .nav-right {

    gap: 30px;

  }

}

@media (max-width: 991px) {

  .header-area.style-1 .menu-wrap .nav-right {

    gap: 0;

  }

}

.header-area.style-1 .menu-wrap .nav-right .sidebar-btn {

  width: 36px;

  height: 36px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #000;

  transition: 0.35s;

  cursor: pointer;

}

.header-area.style-1 .menu-wrap .nav-right .sidebar-btn svg {

  transition: 0.35s;

  fill: #fff;

}

.header-area.style-1 .menu-wrap .nav-right .sidebar-btn svg.close {

  display: none;

}

.header-area.style-1 .menu-wrap .nav-right .sidebar-btn.active svg.close {

  display: block;

}

.header-area.style-1 .menu-wrap .nav-right .sidebar-btn.active svg.open {

  display: none;

}

.header-area.style-1 .menu-wrap .nav-right .sidebar-btn:hover {

  background-color: #fff;

}

.header-area.style-1 .menu-wrap .nav-right .sidebar-btn:hover svg {

  fill: #000;

}

.header-area.style-1 .menu-wrap .nav-right .header-btn {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  border: 1px solid var(--primary-color);

  background: var(--primary-color);

  line-height: 1;

  display: inline-flex;

  align-items: baseline;

  padding: 20px 35px;

  gap: 8px;

  white-space: nowrap;

  overflow: hidden;

  position: relative;

  z-index: 1;

  transition: all 0.6s;

}

@media (max-width: 1199px) {

  .header-area.style-1 .menu-wrap .nav-right .header-btn {

    padding: 14px 22px;

    display: none;

    visibility: hidden;

  }

}

.header-area.style-1 .menu-wrap .nav-right .header-btn svg {

  fill: var(--white-color);

  transition: all 0.6s;

}

.header-area.style-1 .menu-wrap .nav-right .header-btn span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 36px;

  background-color: var(--white-color);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.header-area.style-1 .menu-wrap .nav-right .header-btn:hover {

  color: var(--primary-color);

}

.header-area.style-1 .menu-wrap .nav-right .header-btn:hover svg {

  fill: var(--primary-color);

}

.header-area.style-1 .menu-wrap .nav-right .header-btn:hover span {

  width: 225%;

  height: 1000.5px;

}

.header-area.style-1 .menu-wrap .nav-right .header-btn:active {

  background-color: var(--white-color);

}

@media (max-width: 991px) {

  .header-area.style-1 .menu-wrap .nav-right .header-btn {

    display: none;

    visibility: hidden;

  }

}

.header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn {

  display: none;

  visibility: hidden;

}

@media (max-width: 991px) {

  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn {

    display: flex;

    margin-left: 50px;

    flex-direction: column;

    align-items: end;

    visibility: visible;

    justify-content: center;

    position: relative;

  }

  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span {

    height: 3px;

    width: 25px;

    background-color: var(--title-color);

    display: flex;

    transition: transform 0.5s ease-in;

    position: absolute;

    top: 0;

  }

  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span::before {

    transition-duration: 0.5s;

    position: absolute;

    width: 35px;

    height: 3px;

    background-color: var(--title-color);

    content: "";

    top: -10px;

    right: 0;

  }

  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span::after {

    transition-duration: 0.5s;

    position: absolute;

    width: 15px;

    height: 3px;

    right: 0;

    background-color: var(--title-color);

    content: "";

    top: 10px;

  }

  .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn.active span {

    background-color: transparent;

  }

  .header-area.style-1

    .menu-wrap

    .nav-right

    .mobile-menu-btn.active

    span::before {

    transform: rotateZ(45deg) translate(8px, 6px);

    width: 35px;

  }

  .header-area.style-1

    .menu-wrap

    .nav-right

    .mobile-menu-btn.active

    span::after {

    transform: rotateZ(-45deg) translate(8px, -6px);

    width: 35px;

  }

}

.header-area.style-1 .menu-wrap .main-menu {

  display: inline-block;

}

.header-area.style-1 .menu-wrap .main-menu .mobile-menu-logo {

  display: none;

}

.header-area.style-1 .menu-wrap .main-menu ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.header-area.style-1 .menu-wrap .main-menu ul > li {

  display: inline-block;

  position: relative;

}

.header-area.style-1 .menu-wrap .main-menu ul > li svg {

  fill: var(--primary-color);

  position: absolute;

  right: 5px;

  top: 50%;

  transform: translateY(-50%);

  opacity: 0;

  transition: all 0.5s ease-out 0s;

}

@media (max-width: 1199px) {

  .header-area.style-1 .menu-wrap .main-menu ul > li svg {

    right: 0;

  }

}

@media (max-width: 991px) {

  .header-area.style-1 .menu-wrap .main-menu ul > li {

    padding: 22px 0;

  }

}

.header-area.style-1 .menu-wrap .main-menu ul > li:first-child {

  padding-left: 0;

}

.header-area.style-1 .menu-wrap .main-menu ul > li > a {

  color: var(--title-color);

  display: block;

  text-transform: capitalize;

  padding: 0px 10px 0;

  position: relative;

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 14px;

  transition: all 0.5s ease-out 0s;

  position: relative;

  border-radius: 15px;

  line-height: 38px;

}

.header-area.style-1 .menu-wrap .main-menu ul > li > a.dil{

  padding: 0;

  text-align: center;

}

.header-area.style-1 .menu-wrap .main-menu ul > li:last-child > a {

  padding-right: 5px;

}

@media (max-width: 1399px) {

  .header-area.style-1 .menu-wrap .main-menu ul > li > a {

    font-size: 13px;

  }

}

@media (max-width: 1199px) {

  .header-area.style-1 .menu-wrap .main-menu ul > li > a {

    padding: 34px 20px;

  }

}

.header-area.style-1 .menu-wrap .main-menu ul > li i {

  font-size: 20px;

  text-align: center;

  color: var(--white-color);

  font-style: normal;

  position: absolute;

  right: -5px;

  top: 35px;

  z-index: 999;

  cursor: pointer;

  display: none;

  transition: all 0.5s ease-out 0s;

  opacity: 0;

}

@media (max-width: 991px) {

  .header-area.style-1 .menu-wrap .main-menu ul > li i {

    opacity: 1;

  }

}

.header-area.style-1 .menu-wrap .main-menu ul > li i.active {

  color: var(--primary-color);

}

.header-area.style-1 .menu-wrap .main-menu ul > li i.active::before {

  content: "\f2ea";

}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu {

  position: absolute;

  left: 0;

  right: 0;

  top: 38px;

  margin: 0;

  display: none;

  min-width: 190px;

  background: rgba(0, 0, 0, 0.5);

  border: 1px solid rgba(13, 23, 32, 0.0784313725);

  text-align: left;

}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li {

  padding: 0;

  display: block;

  position: relative;

}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li i {

  position: absolute;

  top: 10px;

  right: 6px;

  display: block;

  color: var(--title-color);

  font-size: 20px;

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .dropdown-icon {

  color: var(--title-color);

  opacity: 1;

  top: 15px;

  font-size: 13px;

  right: 15px;

}

@media (max-width: 991px) {

  .header-area.style-1

    .menu-wrap

    .main-menu

    ul

    > li

    ul.sub-menu

    > li

    .dropdown-icon {

    right: 0;

    color: var(--white-color);

    top: 8px;

    font-size: 20px;

  }

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .dropdown-icon2 {

  color: var(--title-color);

  opacity: 1;

  top: 14px;

  right: 10px;

  font-size: 13px;

}

@media (max-width: 1199px) {

  .header-area.style-1 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon2: :before {

    content: "\f4fe";

  }

}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {

  display: block;

  padding: 14px 10px;

  font-family: var(--font-unbounded);

  color: #fff !important;

  opacity: 1;

  font-weight: 500;

  text-transform: capitalize;

  font-size: 12px;

  line-height: 1.4;

  transition: all 0.4s ease-out 0s;

  position: relative;

  border-radius: 0;

  border: none;

  border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  > a::before {

  content: "";

  position: absolute;

  bottom: -1px;

  left: 0;

  background: linear-gradient(90deg, #fff, #545454, #fff);

  width: 100%;

  height: 1px;

  transform: scaleX(0);

  transform-origin: left;

  transition: 0.4s ease-in;

  z-index: 1;

}

@media (max-width: 991px) {

  .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {

    border-color: rgba(13, 23, 32, 0.0784313725);

  }

  .header-area.style-1

    .menu-wrap

    .main-menu

    ul

    > li

    ul.sub-menu

    > li

    > a::before {

    background: linear-gradient(90deg, #525252, #ec6219, #525252);

  }

}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover {

  opacity: 1;

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  > a:hover::before {

  transform: scale(1);

}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active {

  opacity: 1;

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  > a.active::before {

  transform: scale(1);

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  a {

  border-bottom: none;

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  a::before {

  display: none;

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li

  a {

  border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li

  a::before {

  display: block;

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li:last-child

  a {

  border-bottom: none;

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li:last-child

  a::before {

  display: none;

}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover > a {

  opacity: 1;

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:hover

  .dropdown-icon {

  color: var(--paragraph-color);

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:hover

  .dropdown-icon2 {

  color: var(--paragraph-color);

}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li.active > a {

  color: #fff;

  opacity: .5;

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li.active

  .dropdown-icon {

  color: var(--paragraph-color);

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li.active

  .dropdown-icon2 {

  color: var(--paragraph-color);

}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu {

  left: 100%;

  position: absolute;

  max-width: 230px;

  min-width: 215px;

  background: var(---dark-white-color);

  top: 0;

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .sub-menu::before {

  display: none;

  visibility: hidden;

}

@media only screen and (max-width: 991px) {

  .header-area.style-1

    .menu-wrap

    .main-menu

    ul

    > li

    ul.sub-menu

    > li

    .sub-menu {

    margin-left: 10px;

    position: unset;

    max-width: 230px;

    min-width: 215px;

    background: 0 0;

    top: 0;

  }

}

.header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .sub-menu

  > li

  i {

  display: block;

}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child {

  border-bottom: none;

}

.header-area.style-1 .menu-wrap .main-menu ul > li:hover > a {

  color: var(--primary-color);

}

@media (max-width: 991px) {

  .header-area.style-1 .menu-wrap .main-menu ul>li: hover>a {

    border-color: transparent;

  }

}

.header-area.style-1 .menu-wrap .main-menu ul > li:hover svg {

  opacity: 1;

}

@media (min-width: 992px) {

  .header-area.style-1 .menu-wrap .main-menu ul > li:hover > ul.sub-menu {

    display: block;

    animation: fade-up 0.45s linear;

  }

}

@keyframes fade-up {

  0% {

    opacity: 0;

    transform: translateY(10px);

    visibility: hidden;

  }

  100% {

    opacity: 1;

    transform: translateY(0px);

    visibility: visible;

  }

}

.header-area.style-1 .menu-wrap .main-menu ul > li.active > a {

  color: var(--primary-color);

}

@media (max-width: 991px) {

  .header-area.style-1 .menu-wrap .main-menu ul > li.active > a {

    border-color: transparent;

  }

}

.header-area.style-1 .menu-wrap .main-menu ul > li.active svg {

  opacity: 1;

}

.header-area.style-1 .menu-wrap .main-menu ul > li.active .dropdown-icon2 {

  color: var(--primary-color);

}

.header-area.style-1 .menu-wrap .main-menu ul li.menu-item-has-children > i {

  display: block;

}

@media only screen and (max-width: 991px) {

  .header-area.style-1 .menu-wrap .mobile-logo-area {

    justify-content: center !important;

  }

  .header-area.style-1 .menu-wrap .dropdown-icon {

    color: var(--white-color);

  }

  .header-area.style-1 .menu-wrap .main-menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 280px;

    padding: 30px 20px !important;

    z-index: 99999;

    height: 100%;

    overflow: auto;

    background: var(--white-color);

    transform: translateX(-100%);

    transition: transform 0.3s ease-in;

    border-right: 1px solid rgba(13, 23, 32, 0.0784313725);

  }

  .header-area.style-1 .menu-wrap .main-menu.show-menu {

    transform: translateX(0);

  }

  .header-area.style-1 .menu-wrap .main-menu .mobile-menu-logo {

    text-align: left;

    padding-top: 20px;

    display: block;

    padding-bottom: 8px;

  }

  .header-area.style-1 .menu-wrap .main-menu .menu-list {

    padding-top: 50px;

    padding-bottom: 30px;

  }

  .header-area.style-1 .menu-wrap .main-menu > ul {

    float: none;

    text-align: left;

    padding: 5px 0 20px 0;

  }

  .header-area.style-1 .menu-wrap .main-menu > ul li {

    display: block;

    position: relative;

    padding: 5px;

  }

  .header-area.style-1 .menu-wrap .main-menu > ul li:first-child {

    padding-left: 5px;

  }

  .header-area.style-1 .menu-wrap .main-menu > ul li i {

    display: block;

    color: var(--title-color);

  }

  .header-area.style-1 .menu-wrap .main-menu > ul li a {

    padding: 10px 0;

    display: block;

    font-size: 1rem;

  }

  .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu {

    position: static;

    min-width: 200px;

    background: 0 0;

    border: none;

    opacity: 1;

    visibility: visible;

    box-shadow: none;

    transform: none;

    transition: none;

    display: none;

    margin-top: 0 !important;

    transform: translateY(0px);

    margin-left: 10px;

  }

  .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li {

    border-bottom: 1px solid transparent;

  }

  .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li a {

    font-size: 14px;

    padding: 12px 0;

  }

  .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li a:hover {

    color: var(--primary-color);

    margin-left: 10px;

  }

  .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li a.active {

    color: var(--primary-color);

  }

  .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li i {

    color: var(--primary-color);

    right: -13px;

  }

  .header-area.style-1 .menu-wrap .main-menu > ul li .bi {

    top: 8px;

    font-size: 20px;

    color: var(--title-color);

  }

  .header-area.style-1 .menu-wrap .main-menu .topbar-right {

    margin-bottom: 40px;

  }

  .header-area.style-1 .menu-wrap .main-menu .topbar-right li {

    color: var(--title-color);

    font-family: var(--font-fahkwang);

    font-size: 13px;

    font-weight: 500;

    line-height: 1;

    position: relative;

    margin-bottom: 7px;

    padding: 5px 0;

  }

  .header-area.style-1 .menu-wrap .main-menu .topbar-right li a {

    color: var(--title-color);

    display: flex;

    align-items: center;

    gap: 6px;

    transition: 0.35s;

    text-transform: none;

    padding: 0 !important;

  }

  .header-area.style-1 .menu-wrap .main-menu .topbar-right li a svg {

    fill: var(--title-color);

  }

  .header-area.style-1 .menu-wrap .main-menu .topbar-right li a:hover {

    color: var(--primary-color);

  }

  .header-area.style-1 .menu-wrap .main-menu .topbar-right li a:hover svg {

    fill: var(--primary-color);

  }

  .header-area.style-1 .menu-wrap .primary-btn1 {

    justify-content: center;

    padding: 18px 37px;

    width: 100%;

  }

}

@media (max-width: 991px) {

  .header-area.style-1.two .header-logo {

    padding: 15px;

  }

}

.header-area.style-1.two .menu-wrap .nav-right .header-btn {

  padding: 19px 35px;

  transition: all 0.6s;

  border-radius: 5px;

}

@media (max-width: 1199px) {

  .header-area.style-1.two .menu-wrap .nav-right .header-btn {

    padding: 14px 22px;

  }

}

.header-area.style-1.two .menu-wrap .nav-right .header-btn svg {

  fill: var(--white-color);

  transition: all 0.6s;

}

.header-area.style-1.two .menu-wrap .nav-right .header-btn span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 50%;

  background-color: var(--white-color);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.header-area.style-1.two .menu-wrap .nav-right .header-btn:hover {

  color: var(--primary-color);

}

.header-area.style-1.two .menu-wrap .nav-right .header-btn:hover svg {

  fill: var(--primary-color);

}

.header-area.style-1.two .menu-wrap .nav-right .header-btn:hover span {

  width: 225%;

  height: 1000.5px;

}

.header-area.style-1.two .menu-wrap .nav-right .header-btn:active {

  background-color: var(--white-color);

}

@media (max-width: 991px) {

  .header-area.style-1.two .menu-wrap .nav-right .header-btn {

    display: none;

    visibility: hidden;

  }

}

.header-area.style-1.two .menu-wrap .main-menu ul > li {

  padding: 34px 10px;

}

@media (max-width: 1199px) {

  .header-area.style-1.two .menu-wrap .main-menu ul > li {

    padding: 22px 0;

  }

}

.header-area.style-1.two .menu-wrap .main-menu ul > li:first-child {

  padding-left: 0;

}

.header-area.style-1.two .menu-wrap .main-menu ul > li > a {

  padding: 4px 12px;

  border-radius: 15px;

  border: 1px solid transparent;

  background: 0 0;

}

@media (max-width: 1399px) {

  .header-area.style-1.two .menu-wrap .main-menu ul > li > a {

    font-size: 13px;

  }

}

@media (max-width: 991px) {

  .header-area.style-1.two .menu-wrap .main-menu ul > li > a {

    padding: 32px 9px;

  }

}

.header-area.style-1.two .menu-wrap .main-menu ul > li ul.sub-menu {

  top: 92px;

}

.header-area.style-1.two .menu-wrap .main-menu ul > li:hover > a {

  background-color: var(---dark-white-color);

  border-color: var(--primary-color);

}

@media (max-width: 991px) {

  .header-area.style-1.two .menu-wrap .main-menu ul>li: hover>a {

    border-color: transparent;

    background-color: transparent;

  }

}

.header-area.style-1.two .menu-wrap .main-menu ul > li.active > a {

  background-color: var(---dark-white-color);

}

@media (max-width: 991px) {

  .header-area.style-1.two .menu-wrap .main-menu ul > li.active > a {

    border-color: transparent;

    background-color: transparent;

  }

}

.header-area.style-1.innerpage {

  position: absolute;

  border-bottom: 1px solid rgba(255, 255, 255, 0.12);

}

.header-area.style-1.innerpage.sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

  box-sizing: border-box;

  background-color: var(--paragraph-color3);

  z-index: 99;

}

@keyframes smooth-header {

  0% {

    transform: translateY(-30px);

  }

  100% {

    transform: translateY(0px);

  }

}

.header-area.style-1.innerpage .menu-wrap .main-menu ul > li svg {

  fill: var(--primary-color);

}

.header-area.style-1.innerpage .menu-wrap .main-menu ul > li > a {

  color: var(--white-color);

}

.header-area.style-1.innerpage .menu-wrap .main-menu ul > li:last-of-type > a {

  color: var(--paragraph-color);

}

.header-area.style-1.innerpage .menu-wrap .main-menu ul > li > a:hover {

  color: var(--paragraph-color);

}

.header-area.style-1.innerpage .menu-wrap .main-menu ul > li:last-of-type > a:hover {

  color: var(--white-color);

}

@media (max-width: 991px) {

  .header-area.style-1.innerpage .menu-wrap .main-menu ul>li: hover>a {

    border-color: transparent;

  }

}

.header-area.style-1.innerpage .menu-wrap .main-menu ul > li.active > a {

  color: var(--primary-color);

}

@media (max-width: 991px) {

  .header-area.style-1.innerpage .menu-wrap .main-menu ul > li.active > a {

    border-color: transparent;

  }

}

.header-area.style-1.innerpage2 {

  position: absolute;

  border-bottom: 1px solid rgba(var(--title-color-opc), 0.06);

}

.header-area.style-1.innerpage2.sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

  box-sizing: border-box;

  background-color: var(--body-bg1);

  z-index: 99;

}

@keyframes smooth-header {

  0% {

    transform: translateY(-30px);

  }

  100% {

    transform: translateY(0px);

  }

}

.header-area.style-1.inner-white-bg {

  border-bottom: 1px solid var(--border-color2);

}

.header-area.style-1.inner-white-bg .menu-wrap .nav-right .sidebar-btn {

  border: 1px solid var(--border-color2);

}

.header-area.style-1.portfolio {

  border-bottom: none;

}

.header-area.style-2 {

  position: absolute;

  width: 100%;

  z-index: 999;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 3%;

  width: 100%;

  transition: all 0.8s ease-out 0s;

  gap: 30px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}

@media (max-width: 1699px) {

  .header-area.style-2 {

    padding: 0 3%;

  }

}

@media (max-width: 1399px) {

  .header-area.style-2 {

    padding: 0 1%;

    gap: 20px;

  }

}

@media (max-width: 991px) {

  .header-area.style-2 {

    padding: 15px;

  }

}

.header-area.style-2.sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  box-sizing: border-box;

  background-color: var(--dark-title-color);

  z-index: 99;

}

@keyframes smooth-header {

  0% {

    transform: translateY(-30px);

  }

  100% {

    transform: translateY(0px);

  }

}

@media (max-width: 991px) {

  .header-area.style-2 .header-logo {

    border: unset;

  }

}

.header-area.style-2 .header-logo img {

  width: 175px;

  max-width: unset;

}

@media (max-width: 1199px) {

  .header-area.style-2 .header-logo img {

    width: 150px;

  }

}

.header-area.style-2 .menu-close-btn i {

  color: var(--white-color);

}

.header-area.style-2 .logo-and-menu {

  display: flex;

  align-items: center;

  gap: 50px;

}

@media (max-width: 1399px) {

  .header-area.style-2 .logo-and-menu {

    gap: 30px;

  }

}

@media (max-width: 991px) {

  .header-area.style-2 .logo-and-menu {

    border: none;

    justify-content: end;

  }

}

.header-area.style-2 .nav-right {

  gap: 70px;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .header-area.style-2 .nav-right {

    gap: 30px;

  }

}

@media (max-width: 1399px) {

  .header-area.style-2 .nav-right {

    gap: 20px;

  }

}

@media (max-width: 991px) {

  .header-area.style-2 .nav-right {

    gap: 0;

  }

}

.header-area.style-2 .nav-right .hotline-area {

  display: flex;

  align-items: center;

  gap: 20px;

}

.header-area.style-2 .nav-right .hotline-area .icon svg {

  fill: #c4c4c4;

}

.header-area.style-2 .nav-right .hotline-area .content {

  position: relative;

}

.header-area.style-2 .nav-right .hotline-area .content::after {

  content: "";

  height: 35px;

  width: 1px;

  background-color: rgba(255, 255, 255, 0.2);

  position: absolute;

  left: -10px;

  top: 50%;

  transform: translateY(-50%);

}

.header-area.style-2 .nav-right .hotline-area .content span {

  color: #c4c4c4;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 7px;

  display: inline-block;

}

.header-area.style-2 .nav-right .hotline-area .content h6 {

  margin-bottom: 0;

}

.header-area.style-2 .nav-right .hotline-area .content h6 a {

  color: #fff;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 600;

  line-height: 1;

}

@media (max-width: 1399px) {

  .header-area.style-2 .nav-right .hotline-area .content h6 a {

    font-size: 14px;

  }

}

.header-area.style-2 .nav-right .header-btn {

  color: var(--dark-title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  border: 1px solid var(--white-color);

  background: var(--white-color);

  line-height: 1;

  display: inline-flex;

  align-items: baseline;

  padding: 20px 35px;

  gap: 8px;

  white-space: nowrap;

  overflow: hidden;

  position: relative;

  z-index: 1;

  transition: all 0.6s;

  border-radius: 28px;

}

@media (max-width: 1399px) {

  .header-area.style-2 .nav-right .header-btn {

    padding: 17px 25px;

  }

}

.header-area.style-2 .nav-right .header-btn span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 36px;

  background-color: var(--primary-color2);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.header-area.style-2 .nav-right .header-btn:hover {

  color: var(--dark-title-color);

  border-color: var(--primary-color2);

}

.header-area.style-2 .nav-right .header-btn:hover span {

  width: 225%;

  height: 1000.5px;

}

.header-area.style-2 .nav-right .header-btn:active {

  background-color: var(--primary-color2);

}

@media (max-width: 991px) {

  .header-area.style-2 .nav-right .header-btn {

    display: none;

    visibility: hidden;

  }

}

.header-area.style-2 .nav-right .sidebar-btn {

  width: 36px;

  height: 36px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--primary-color2);

  transition: 0.35s;

  cursor: pointer;

}

@media (min-width: 1200px) {

  .header-area.style-2 .nav-right .sidebar-btn {

    display: none;

    visibility: hidden;

  }

}

.header-area.style-2 .nav-right .sidebar-btn svg {

  transition: 0.35s;

  fill: var(--primary-color3);

}

.header-area.style-2 .nav-right .sidebar-btn svg.close {

  display: none;

}

.header-area.style-2 .nav-right .sidebar-btn.active svg.close {

  display: block;

}

.header-area.style-2 .nav-right .sidebar-btn.active svg.open {

  display: none;

}

.header-area.style-2 .nav-right .sidebar-btn:hover {

  background-color: var(--white-color);

}

.header-area.style-2 .nav-right .sidebar-btn:hover svg {

  fill: var(--primary-color2);

}

.header-area.style-2 .main-menu {

  display: inline-block;

}

.header-area.style-2 .main-menu .mobile-menu-logo {

  display: none;

}

.header-area.style-2 .main-menu ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.header-area.style-2 .main-menu ul > li {

  display: inline-block;

  position: relative;

}

.header-area.style-2 .main-menu ul > li svg {

  fill: var(--primary-color2);

  position: absolute;

  right: 5px;

  top: 50%;

  transform: translateY(-50%);

  opacity: 0;

  transition: all 0.5s ease-out 0s;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .header-area.style-2 .main-menu ul > li svg {

    right: -3px;

  }

}

@media (max-width: 1399px) {

  .header-area.style-2 .main-menu ul > li svg {

    right: -3px;

  }

}

@media (max-width: 991px) {

  .header-area.style-2 .main-menu ul > li {

    padding: 22px 0;

  }

}

.header-area.style-2 .main-menu ul > li:first-child {

  padding-left: 0;

}

.header-area.style-2 .main-menu ul > li > a {

  color: var(--white-color);

  display: block;

  text-transform: capitalize;

  padding: 34px 30px;

  position: relative;

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 14px;

  transition: all 0.5s ease-out 0s;

  position: relative;

  border-radius: 15px;

  line-height: 1;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .header-area.style-2 .main-menu ul > li > a {

    padding: 34px 20px;

  }

}

@media (max-width: 1399px) {

  .header-area.style-2 .main-menu ul > li > a {

    font-size: 13px;

    padding: 34px 20px;

  }

}

.header-area.style-2 .main-menu ul > li i {

  font-size: 20px;

  text-align: center;

  color: var(--white-color);

  font-style: normal;

  position: absolute;

  right: -5px;

  top: 35px;

  z-index: 999;

  cursor: pointer;

  display: none;

  transition: all 0.5s ease-out 0s;

  opacity: 0;

}

@media (max-width: 991px) {

  .header-area.style-2 .main-menu ul > li i {

    opacity: 1;

  }

}

.header-area.style-2 .main-menu ul > li i.active {

  color: var(--primary-color2);

}

.header-area.style-2 .main-menu ul > li i.active::before {

  content: "\f2ea";

}

.header-area.style-2 .main-menu ul > li ul.sub-menu {

  position: absolute;

  left: 0;

  right: 0;

  top: 82px;

  margin: 0;

  display: none;

  min-width: 215px;

  background: var(---dark-white-color);

  border: 1px solid rgba(13, 23, 32, 0.0784313725);

  text-align: left;

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li {

  padding: 0;

  display: block;

  position: relative;

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li i {

  position: absolute;

  top: 10px;

  right: 6px;

  display: block;

  color: var(--title-color);

  font-size: 20px;

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li .dropdown-icon {

  color: var(--title-color);

  opacity: 1;

  top: 15px;

  font-size: 13px;

  right: 15px;

}

@media (max-width: 991px) {

  .header-area.style-2 .main-menu ul > li ul.sub-menu > li .dropdown-icon {

    right: 0;

    color: var(--white-color);

    top: 8px;

    font-size: 20px;

  }

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li .dropdown-icon2 {

  color: var(--title-color);

  opacity: 1;

  top: 14px;

  right: 10px;

  font-size: 13px;

}

@media (max-width: 1199px) {

  .header-area.style-2 .main-menu ul>li ul.sub-menu>li .dropdown-icon2: :before {

    content: "\f4fe";

  }

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a {

  display: block;

  padding: 14px 20px;

  font-family: var(--font-unbounded);

  color: var(--title-color);

  font-weight: 500;

  text-transform: capitalize;

  font-size: 13px;

  line-height: 1.4;

  transition: all 0.4s ease-out 0s;

  position: relative;

  border-radius: 0;

  border: none;

  border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a::before {

  content: "";

  position: absolute;

  bottom: -1px;

  left: 0;

  background: linear-gradient(90deg, #fff, #f4cb0a, #fff);

  width: 100%;

  height: 1px;

  transform: scaleX(0);

  transform-origin: left;

  transition: 0.4s ease-in;

  z-index: 1;

}

@media (max-width: 991px) {

  .header-area.style-2 .main-menu ul > li ul.sub-menu > li > a {

    border-color: rgba(13, 23, 32, 0.0784313725);

  }

  .header-area.style-2 .main-menu ul > li ul.sub-menu > li > a::before {

    background: linear-gradient(90deg, #525252, #f4cb0a, #525252);

  }

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a:hover {

  color: var(--primary-color2);

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a:hover::before {

  transform: scale(1);

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a.active {

  color: var(--primary-color2);

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a.active::before {

  transform: scale(1);

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li:last-child a {

  border-bottom: none;

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li:last-child a::before {

  display: none;

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li:hover > a {

  color: var(--primary-color2);

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon {

  color: var(--primary-color2);

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon2 {

  color: var(--primary-color2);

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li.active > a {

  color: var(--primary-color2);

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li.active .dropdown-icon {

  color: var(--primary-color2);

}

.header-area.style-2

  .main-menu

  ul

  > li

  ul.sub-menu

  > li.active

  .dropdown-icon2 {

  color: var(--primary-color2);

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu {

  left: 100%;

  position: absolute;

  max-width: 230px;

  min-width: 215px;

  background: var(---dark-white-color);

  border: 1px solid rgba(13, 23, 32, 0.0784313725);

  top: 0;

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu::before {

  display: none;

  visibility: hidden;

}

@media only screen and (max-width: 991px) {

  .header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu {

    margin-left: 10px;

    position: unset;

    max-width: 230px;

    min-width: 215px;

    background: 0 0;

    top: 0;

  }

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu > li i {

  display: block;

}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li:last-child {

  border-bottom: none;

}

.header-area.style-2 .main-menu ul > li:hover > a {

  color: var(--primary-color2);

}

@media (max-width: 991px) {

  .header-area.style-2 .main-menu ul>li: hover>a {

    border-color: transparent;

  }

}

.header-area.style-2 .main-menu ul > li:hover svg {

  opacity: 1;

}

@media (min-width: 992px) {

  .header-area.style-2 .main-menu ul>li: hover>ul.sub-menu {

    display: block;

    animation: fade-up 0.45s linear;

  }

}

@keyframes fade-up {

  0% {

    opacity: 0;

    transform: translateY(10px);

    visibility: hidden;

  }

  100% {

    opacity: 1;

    transform: translateY(0px);

    visibility: visible;

  }

}

.header-area.style-2 .main-menu ul > li.active > a {

  color: var(--primary-color2);

}

@media (max-width: 991px) {

  .header-area.style-2 .main-menu ul > li.active > a {

    border-color: transparent;

  }

}

.header-area.style-2 .main-menu ul > li.active svg {

  opacity: 1;

}

.header-area.style-2 .main-menu ul > li.active .dropdown-icon2 {

  color: var(--primary-color2);

}

.header-area.style-2 .main-menu ul li.menu-item-has-children > i {

  display: block;

}

@media only screen and (max-width: 991px) {

  .header-area.style-2 .mobile-logo-area {

    justify-content: center !important;

  }

  .header-area.style-2 .dropdown-icon {

    color: var(--white-color);

  }

  .header-area.style-2 .main-menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 280px;

    padding: 30px 20px !important;

    z-index: 99999;

    height: 100%;

    overflow: auto;

    background: var(--white-color);

    transform: translateX(-100%);

    transition: transform 0.3s ease-in;

    border-right: 1px solid rgba(13, 23, 32, 0.0784313725);

  }

  .header-area.style-2 .main-menu.show-menu {

    transform: translateX(0);

  }

  .header-area.style-2 .main-menu .mobile-menu-logo {

    text-align: left;

    padding-top: 20px;

    display: block;

    padding-bottom: 8px;

  }

  .header-area.style-2 .main-menu .menu-list {

    padding-top: 50px;

    padding-bottom: 30px;

  }

  .header-area.style-2 .main-menu > ul {

    float: none;

    text-align: left;

    padding: 5px 0 20px 0;

  }

  .header-area.style-2 .main-menu > ul li {

    display: block;

    position: relative;

    padding: 5px;

  }

  .header-area.style-2 .main-menu > ul li:first-child {

    padding-left: 5px;

  }

  .header-area.style-2 .main-menu > ul li i {

    display: block;

    color: var(--title-color);

  }

  .header-area.style-2 .main-menu > ul li a {

    padding: 10px 0;

    display: block;

    font-size: 1rem;

  }

  .header-area.style-2 .main-menu > ul li ul.sub-menu {

    position: static;

    min-width: 200px;

    background: 0 0;

    border: none;

    opacity: 1;

    visibility: visible;

    box-shadow: none;

    transform: none;

    transition: none;

    display: none;

    margin-top: 0 !important;

    transform: translateY(0px);

    margin-left: 10px;

  }

  .header-area.style-2 .main-menu > ul li ul.sub-menu > li {

    border-bottom: 1px solid transparent;

  }

  .header-area.style-2 .main-menu > ul li ul.sub-menu > li a {

    font-size: 14px;

    padding: 12px 0;

  }

  .header-area.style-2 .main-menu > ul li ul.sub-menu > li a:hover {

    color: var(--primary-color2);

    margin-left: 10px;

  }

  .header-area.style-2 .main-menu > ul li ul.sub-menu > li a.active {

    color: var(--primary-color2);

  }

  .header-area.style-2 .main-menu > ul li ul.sub-menu > li i {

    color: var(--primary-color2);

    right: -13px;

  }

  .header-area.style-2 .main-menu > ul li .bi {

    top: 8px;

    font-size: 20px;

    color: var(--title-color);

  }

  .header-area.style-2 .main-menu .topbar-right {

    margin-bottom: 40px;

  }

  .header-area.style-2 .main-menu .topbar-right li {

    color: var(--title-color);

    font-family: var(--font-fahkwang);

    font-size: 13px;

    font-weight: 500;

    line-height: 1;

    position: relative;

    margin-bottom: 7px;

    padding: 5px 0;

  }

  .header-area.style-2 .main-menu .topbar-right li a {

    color: var(--title-color);

    display: flex;

    align-items: center;

    gap: 6px;

    transition: 0.35s;

    text-transform: none;

    padding: 0 !important;

  }

  .header-area.style-2 .main-menu .topbar-right li a svg {

    fill: var(--title-color);

  }

  .header-area.style-2 .main-menu .topbar-right li a:hover {

    color: var(--primary-color2);

  }

  .header-area.style-2 .main-menu .topbar-right li a:hover svg {

    fill: var(--primary-color2);

  }

  .header-area.style-2 .primary-btn1 {

    justify-content: center;

    padding: 18px 37px;

    width: 100%;

  }

}

.header-area.style-4 {

  position: absolute;

  z-index: 999;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 3%;

  width: 100%;

  transition: all 0.8s ease-out 0s;

  gap: 30px;

  border-bottom: 1px solid transparent;

}

@media (max-width: 1699px) {

  .header-area.style-4 {

    padding: 0 3%;

  }

}

@media (max-width: 1399px) {

  .header-area.style-4 {

    padding: 0 2%;

    gap: 20px;

  }

}

@media (max-width: 991px) {

  .header-area.style-4 {

    padding: 0;

  }

}

.header-area.style-4.sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

  box-sizing: border-box;

  background-color: var(--dark-title-color);

  z-index: 99;

}

@keyframes smooth-header {

  0% {

    transform: translateY(-30px);

  }

  100% {

    transform: translateY(0px);

  }

}

@media (max-width: 991px) {

  .header-area.style-4 .header-logo {

    padding: 15px;

  }

}

.header-area.style-4 .header-logo img {

  width: 175px;

  max-width: unset;

}

@media (max-width: 1199px) {

  .header-area.style-4 .header-logo img {

    width: 150px;

  }

}

.header-area.style-4 .menu-close-btn i {

  color: var(--white-color);

}

.header-area.style-4 .menu-wrap {

  display: flex;

  align-items: center;

  gap: 40px;

}

@media (max-width: 1399px) {

  .header-area.style-4 .menu-wrap {

    padding: 0 20px;

  }

}

@media (max-width: 1399px) {

  .header-area.style-4 .menu-wrap {

    padding: 0 15px;

  }

}

@media (max-width: 991px) {

  .header-area.style-4 .menu-wrap {

    border: none;

    justify-content: end;

  }

}

.header-area.style-4 .menu-wrap .nav-right {

  gap: 105px;

}

@media (max-width: 1399px) {

  .header-area.style-4 .menu-wrap .nav-right {

    gap: 30px;

  }

}

@media (max-width: 991px) {

  .header-area.style-4 .menu-wrap .nav-right {

    gap: 0;

  }

}

.header-area.style-4 .menu-wrap .nav-right .sidebar-btn {

  width: 36px;

  height: 36px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--primary-color);

  transition: 0.35s;

  cursor: pointer;

}

.header-area.style-4 .menu-wrap .nav-right .sidebar-btn svg {

  transition: 0.35s;

  fill: var(--white-color);

}

.header-area.style-4 .menu-wrap .nav-right .sidebar-btn svg.close {

  display: none;

}

.header-area.style-4 .menu-wrap .nav-right .sidebar-btn.active svg.close {

  display: block;

}

.header-area.style-4 .menu-wrap .nav-right .sidebar-btn.active svg.open {

  display: none;

}

.header-area.style-4 .menu-wrap .nav-right .sidebar-btn:hover {

  background-color: var(--white-color);

}

.header-area.style-4 .menu-wrap .nav-right .sidebar-btn:hover svg {

  fill: var(--primary-color);

}

.header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn {

  display: none;

  visibility: hidden;

}

@media (max-width: 991px) {

  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn {

    display: flex;

    margin-left: 50px;

    flex-direction: column;

    align-items: end;

    visibility: visible;

    justify-content: center;

    position: relative;

  }

  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span {

    height: 3px;

    width: 25px;

    background-color: var(--title-color);

    display: flex;

    transition: transform 0.5s ease-in;

    position: absolute;

    top: 0;

  }

  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span::before {

    transition-duration: 0.5s;

    position: absolute;

    width: 35px;

    height: 3px;

    background-color: var(--title-color);

    content: "";

    top: -10px;

    right: 0;

  }

  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span::after {

    transition-duration: 0.5s;

    position: absolute;

    width: 15px;

    height: 3px;

    right: 0;

    background-color: var(--title-color);

    content: "";

    top: 10px;

  }

  .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn.active span {

    background-color: transparent;

  }

  .header-area.style-4

    .menu-wrap

    .nav-right

    .mobile-menu-btn.active

    span::before {

    transform: rotateZ(45deg) translate(8px, 6px);

    width: 35px;

  }

  .header-area.style-4

    .menu-wrap

    .nav-right

    .mobile-menu-btn.active

    span::after {

    transform: rotateZ(-45deg) translate(8px, -6px);

    width: 35px;

  }

}

.header-area.style-4 .menu-wrap .main-menu {

  display: inline-block;

}

.header-area.style-4 .menu-wrap .main-menu .mobile-menu-logo {

  display: none;

}

.header-area.style-4 .menu-wrap .main-menu ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.header-area.style-4 .menu-wrap .main-menu ul > li {

  display: inline-block;

  position: relative;

  padding: 34px 10px;

}

@media (max-width: 1199px) {

  .header-area.style-4 .menu-wrap .main-menu ul > li {

    padding: 22px 0;

  }

}

.header-area.style-4 .menu-wrap .main-menu ul > li:first-child {

  padding-left: 0;

}

.header-area.style-4 .menu-wrap .main-menu ul > li svg {

  fill: var(--primary-color);

  position: absolute;

  right: -2px;

  top: 50%;

  transform: translateY(-50%);

  opacity: 0;

  transition: all 0.5s ease-out 0s;

}

@media (max-width: 1199px) {

  .header-area.style-4 .menu-wrap .main-menu ul > li {

    padding: 22px 0;

  }

}

.header-area.style-4 .menu-wrap .main-menu ul > li:first-child {

  padding-left: 0;

}

.header-area.style-4 .menu-wrap .main-menu ul > li > a {

  color: var(--white-color);

  display: block;

  text-transform: capitalize;

  position: relative;

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 14px;

  transition: all 0.5s ease-out 0s;

  position: relative;

  border-radius: 15px;

  line-height: 1;

  padding: 4px 12px;

  border-radius: 15px;

  border: 1px solid transparent;

  background: 0 0;

}

@media (max-width: 1399px) {

  .header-area.style-4 .menu-wrap .main-menu ul > li > a {

    font-size: 13px;

  }

}

.header-area.style-4 .menu-wrap .main-menu ul > li i {

  font-size: 20px;

  text-align: center;

  color: var(--white-color);

  font-style: normal;

  position: absolute;

  right: -5px;

  top: 35px;

  z-index: 999;

  cursor: pointer;

  display: none;

  transition: all 0.5s ease-out 0s;

  opacity: 0;

}

@media (max-width: 991px) {

  .header-area.style-4 .menu-wrap .main-menu ul > li i {

    opacity: 1;

  }

}

.header-area.style-4 .menu-wrap .main-menu ul > li i.active {

  color: var(--primary-color);

}

.header-area.style-4 .menu-wrap .main-menu ul > li i.active::before {

  content: "\f2ea";

}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu {

  position: absolute;

  left: 0;

  right: 0;

  top: 92px;

  margin: 0;

  display: none;

  min-width: 215px;

  background: #161616;

  border: 1px solid rgba(13, 23, 32, 0.0784313725);

  text-align: left;

}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li {

  padding: 0;

  display: block;

  position: relative;

}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li i {

  position: absolute;

  top: 10px;

  right: 6px;

  display: block;

  color: var(--white-color);

  font-size: 20px;

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .dropdown-icon {

  color: var(--white-color);

  opacity: 1;

  top: 15px;

  font-size: 13px;

  right: 15px;

}

@media (max-width: 991px) {

  .header-area.style-4

    .menu-wrap

    .main-menu

    ul

    > li

    ul.sub-menu

    > li

    .dropdown-icon {

    right: 0;

    color: var(--white-color);

    top: 8px;

    font-size: 20px;

  }

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .dropdown-icon2 {

  color: var(--title-color);

  opacity: 1;

  top: 14px;

  right: 10px;

  font-size: 13px;

}

@media (max-width: 1199px) {

  .header-area.style-4 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon2: :before {

    content: "\f4fe";

  }

}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {

  display: block;

  padding: 14px 20px;

  font-family: var(--font-unbounded);

  color: var(--white-color);

  font-weight: 500;

  text-transform: capitalize;

  font-size: 13px;

  line-height: 1.4;

  transition: all 0.4s ease-out 0s;

  position: relative;

  border-radius: 0;

  border: none;

  border-bottom: 1px solid rgba(123, 123, 123, 0.1);

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  > a::before {

  content: "";

  position: absolute;

  bottom: -1px;

  left: 0;

  background: linear-gradient(90deg, #292727, #ec6219, #292727);

  width: 100%;

  height: 1px;

  transform: scaleX(0);

  transform-origin: left;

  transition: 0.4s ease-in;

  z-index: 1;

}

@media (max-width: 991px) {

  .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {

    border-color: rgba(13, 23, 32, 0.0784313725);

  }

  .header-area.style-4

    .menu-wrap

    .main-menu

    ul

    > li

    ul.sub-menu

    > li

    > a::before {

    background: linear-gradient(90deg, #525252, #ec6219, #525252);

  }

}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover {

  color: var(--primary-color);

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  > a:hover::before {

  transform: scale(1);

}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active {

  color: var(--primary-color);

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  > a.active::before {

  transform: scale(1);

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  a {

  border-bottom: none;

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  a::before {

  display: none;

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li

  a {

  border-bottom: 1px solid rgba(123, 123, 123, 0.1);

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li

  a::before {

  display: block;

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li:last-child

  a {

  border-bottom: none;

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li:last-child

  a::before {

  display: none;

}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover > a {

  color: var(--primary-color);

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:hover

  .dropdown-icon {

  color: var(--primary-color);

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:hover

  .dropdown-icon2 {

  color: var(--primary-color);

}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li.active > a {

  color: var(--primary-color);

  background-color: transparent;

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li.active

  .dropdown-icon {

  color: var(--primary-color);

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li.active

  .dropdown-icon2 {

  color: var(--primary-color);

}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu {

  left: 100%;

  position: absolute;

  max-width: 230px;

  min-width: 215px;

  background: #161616;

  box-shadow: 0 30px 80px rgba(8, 0, 42, 0.08);

  top: 0;

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .sub-menu::before {

  display: none;

  visibility: hidden;

}

@media only screen and (max-width: 991px) {

  .header-area.style-4

    .menu-wrap

    .main-menu

    ul

    > li

    ul.sub-menu

    > li

    .sub-menu {

    margin-left: 10px;

    position: unset;

    max-width: 230px;

    min-width: 215px;

    background: 0 0;

    top: 0;

  }

}

.header-area.style-4

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .sub-menu

  > li

  i {

  display: block;

}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child {

  border-bottom: none;

}

.header-area.style-4 .menu-wrap .main-menu ul > li:hover > a {

  border-color: var(--primary-color);

}

@media (max-width: 991px) {

  .header-area.style-4 .menu-wrap .main-menu ul>li: hover>a {

    border-color: transparent;

    background-color: transparent;

  }

}

.header-area.style-4 .menu-wrap .main-menu ul > li:hover svg {

  opacity: 1;

}

@media (min-width: 992px) {

  .header-area.style-4 .menu-wrap .main-menu ul>li: hover>ul.sub-menu {

    display: block;

    animation: fade-up 0.45s linear;

  }

}

@keyframes fade-up {

  0% {

    opacity: 0;

    transform: translateY(10px);

    visibility: hidden;

  }

  100% {

    opacity: 1;

    transform: translateY(0px);

    visibility: visible;

  }

}

.header-area.style-4 .menu-wrap .main-menu ul > li.active > a {

  background-color: var(--white-color);

  color: var(--dark-title-color);

  border-color: var(--primary-color);

}

@media (max-width: 991px) {

  .header-area.style-4 .menu-wrap .main-menu ul > li.active > a {

    border-color: transparent;

    background-color: transparent;

  }

}

.header-area.style-4 .menu-wrap .main-menu ul > li.active svg {

  opacity: 1;

}

.header-area.style-4 .menu-wrap .main-menu ul > li.active .dropdown-icon2 {

  color: var(--primary-color);

}

.header-area.style-4 .menu-wrap .main-menu ul li.menu-item-has-children > i {

  display: block;

}

@media only screen and (max-width: 991px) {

  .header-area.style-4 .menu-wrap .mobile-logo-area {

    justify-content: center !important;

  }

  .header-area.style-4 .menu-wrap .dropdown-icon {

    color: var(--white-color);

  }

  .header-area.style-4 .menu-wrap .main-menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 280px;

    padding: 30px 20px !important;

    z-index: 99999;

    height: 100%;

    overflow: auto;

    background: var(--white-color);

    transform: translateX(-100%);

    transition: transform 0.3s ease-in;

    border-right: 1px solid rgba(13, 23, 32, 0.0784313725);

  }

  .header-area.style-4 .menu-wrap .main-menu.show-menu {

    transform: translateX(0);

  }

  .header-area.style-4 .menu-wrap .main-menu .mobile-menu-logo {

    text-align: left;

    padding-top: 20px;

    display: block;

    padding-bottom: 8px;

  }

  .header-area.style-4 .menu-wrap .main-menu .menu-list {

    padding-top: 50px;

    padding-bottom: 30px;

  }

  .header-area.style-4 .menu-wrap .main-menu > ul {

    float: none;

    text-align: left;

    padding: 5px 0 20px 0;

  }

  .header-area.style-4 .menu-wrap .main-menu > ul li {

    display: block;

    position: relative;

    padding: 5px;

  }

  .header-area.style-4 .menu-wrap .main-menu > ul li:first-child {

    padding-left: 5px;

  }

  .header-area.style-4 .menu-wrap .main-menu > ul li i {

    display: block;

    color: var(--title-color);

  }

  .header-area.style-4 .menu-wrap .main-menu > ul li a {

    padding: 10px 0;

    display: block;

    font-size: 1rem;

  }

  .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu {

    position: static;

    min-width: 200px;

    background: 0 0;

    border: none;

    opacity: 1;

    visibility: visible;

    box-shadow: none;

    transform: none;

    transition: none;

    display: none;

    margin-top: 0 !important;

    transform: translateY(0px);

    margin-left: 10px;

  }

  .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li {

    border-bottom: 1px solid transparent;

  }

  .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li a {

    font-size: 14px;

    padding: 12px 0;

  }

  .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li a:hover {

    color: var(--primary-color);

    margin-left: 10px;

  }

  .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li a.active {

    color: var(--primary-color);

  }

  .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li i {

    color: var(--primary-color);

    right: -13px;

  }

  .header-area.style-4 .menu-wrap .main-menu > ul li .bi {

    top: 8px;

    font-size: 20px;

    color: var(--title-color);

  }

  .header-area.style-4 .menu-wrap .main-menu .topbar-right {

    margin-bottom: 40px;

  }

  .header-area.style-4 .menu-wrap .main-menu .topbar-right li {

    color: var(--title-color);

    font-family: var(--font-fahkwang);

    font-size: 13px;

    font-weight: 500;

    line-height: 1;

    position: relative;

    margin-bottom: 7px;

    padding: 5px 0;

  }

  .header-area.style-4 .menu-wrap .main-menu .topbar-right li a {

    color: var(--title-color);

    display: flex;

    align-items: center;

    gap: 6px;

    transition: 0.35s;

    text-transform: none;

    padding: 0 !important;

  }

  .header-area.style-4 .menu-wrap .main-menu .topbar-right li a svg {

    fill: var(--title-color);

  }

  .header-area.style-4 .menu-wrap .main-menu .topbar-right li a:hover {

    color: var(--primary-color);

  }

  .header-area.style-4 .menu-wrap .main-menu .topbar-right li a:hover svg {

    fill: var(--primary-color);

  }

  .header-area.style-4 .menu-wrap .primary-btn1 {

    justify-content: center;

    padding: 18px 37px;

    width: 100%;

  }

}

.header-area.style-5 {

  position: absolute;

  z-index: 999;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 3%;

  width: 100%;

  transition: all 0.8s ease-out 0s;

  gap: 30px;

  border-bottom: 1px solid transparent;

}

@media (max-width: 1699px) {

  .header-area.style-5 {

    padding: 0 3%;

  }

}

@media (max-width: 1399px) {

  .header-area.style-5 {

    padding: 0 2%;

    gap: 20px;

  }

}

@media (max-width: 991px) {

  .header-area.style-5 {

    padding: 0;

  }

}

.header-area.style-5.sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

  box-sizing: border-box;

  background-color: var(--dark-title-color);

  z-index: 99;

}

@keyframes smooth-header {

  0% {

    transform: translateY(-30px);

  }

  100% {

    transform: translateY(0px);

  }

}

@media (max-width: 991px) {

  .header-area.style-5 .header-logo {

    padding: 15px;

  }

}

.header-area.style-5 .header-logo img {

  width: 164px;

  max-width: unset;

}

@media (max-width: 1199px) {

  .header-area.style-5 .header-logo img {

    width: 150px;

  }

}

.header-area.style-5 .menu-close-btn i {

  color: var(--white-color);

}

.header-area.style-5 .menu-wrap {

  display: flex;

  align-items: center;

  gap: 40px;

}

@media (max-width: 1399px) {

  .header-area.style-5 .menu-wrap {

    padding: 0 20px;

  }

}

@media (max-width: 1399px) {

  .header-area.style-5 .menu-wrap {

    padding: 0 15px;

  }

}

@media (max-width: 991px) {

  .header-area.style-5 .menu-wrap {

    border: none;

    justify-content: end;

  }

}

.header-area.style-5 .menu-wrap .nav-right {

  gap: 105px;

}

@media (max-width: 1399px) {

  .header-area.style-5 .menu-wrap .nav-right {

    gap: 30px;

  }

}

@media (max-width: 767px) {

  .header-area.style-5 .menu-wrap .nav-right {

    gap: 0;

  }

}

.header-area.style-5 .menu-wrap .nav-right .sidebar-btn {

  width: 36px;

  height: 36px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--primary-color4);

  transition: 0.35s;

  cursor: pointer;

}

.header-area.style-5 .menu-wrap .nav-right .sidebar-btn svg {

  transition: 0.35s;

  fill: var(--primary-color3);

}

.header-area.style-5 .menu-wrap .nav-right .sidebar-btn svg.close {

  display: none;

}

.header-area.style-5 .menu-wrap .nav-right .sidebar-btn.active svg.close {

  display: block;

}

.header-area.style-5 .menu-wrap .nav-right .sidebar-btn.active svg.open {

  display: none;

}

.header-area.style-5 .menu-wrap .nav-right .sidebar-btn:hover {

  background-color: var(--white-color);

}

.header-area.style-5 .menu-wrap .nav-right .sidebar-btn:hover svg {

  fill: var(--primary-color4);

}

.header-area.style-5 .menu-wrap .nav-right .primary-btn4 {

  background-color: var(--primary-color4);

  color: var(--dark-title-color);

}

.header-area.style-5 .menu-wrap .nav-right .primary-btn4 svg {

  fill: var(--dark-title-color);

}

.header-area.style-5 .menu-wrap .nav-right .primary-btn4 span {

  background-color: var(--white-color);

}

.header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn {

  display: none;

  visibility: hidden;

}

@media (max-width: 991px) {

  .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn {

    display: flex;

    margin-left: 50px;

    flex-direction: column;

    align-items: end;

    visibility: visible;

    justify-content: center;

    position: relative;

  }

  .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn span {

    height: 3px;

    width: 25px;

    background-color: var(--title-color);

    display: flex;

    transition: transform 0.5s ease-in;

    position: absolute;

    top: 0;

  }

  .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn span::before {

    transition-duration: 0.5s;

    position: absolute;

    width: 35px;

    height: 3px;

    background-color: var(--title-color);

    content: "";

    top: -10px;

    right: 0;

  }

  .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn span::after {

    transition-duration: 0.5s;

    position: absolute;

    width: 15px;

    height: 3px;

    right: 0;

    background-color: var(--title-color);

    content: "";

    top: 10px;

  }

  .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn.active span {

    background-color: transparent;

  }

  .header-area.style-5

    .menu-wrap

    .nav-right

    .mobile-menu-btn.active

    span::before {

    transform: rotateZ(45deg) translate(8px, 6px);

    width: 35px;

  }

  .header-area.style-5

    .menu-wrap

    .nav-right

    .mobile-menu-btn.active

    span::after {

    transform: rotateZ(-45deg) translate(8px, -6px);

    width: 35px;

  }

}

.header-area.style-5 .menu-wrap .main-menu {

  display: inline-block;

}

.header-area.style-5 .menu-wrap .main-menu .mobile-menu-logo {

  display: none;

}

.header-area.style-5 .menu-wrap .main-menu ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.header-area.style-5 .menu-wrap .main-menu ul > li {

  display: inline-block;

  position: relative;

  padding: 34px 10px;

}

@media (max-width: 1199px) {

  .header-area.style-5 .menu-wrap .main-menu ul > li {

    padding: 22px 0;

  }

}

.header-area.style-5 .menu-wrap .main-menu ul > li:first-child {

  padding-left: 0;

}

.header-area.style-5 .menu-wrap .main-menu ul > li svg {

  fill: var(--primary-color);

  position: absolute;

  right: -2px;

  top: 50%;

  transform: translateY(-50%);

  opacity: 0;

  transition: all 0.5s ease-out 0s;

}

@media (max-width: 1199px) {

  .header-area.style-5 .menu-wrap .main-menu ul > li {

    padding: 22px 0;

  }

}

.header-area.style-5 .menu-wrap .main-menu ul > li:first-child {

  padding-left: 0;

}

.header-area.style-5 .menu-wrap .main-menu ul > li > a {

  color: var(--white-color);

  display: block;

  text-transform: capitalize;

  position: relative;

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 14px;

  transition: all 0.5s ease-out 0s;

  position: relative;

  border-radius: 15px;

  line-height: 1;

  padding: 4px 12px;

  border-radius: 15px;

  border: 1px solid transparent;

  background: 0 0;

}

@media (max-width: 1399px) {

  .header-area.style-5 .menu-wrap .main-menu ul > li > a {

    font-size: 13px;

  }

}

.header-area.style-5 .menu-wrap .main-menu ul > li i {

  font-size: 20px;

  text-align: center;

  color: var(--white-color);

  font-style: normal;

  position: absolute;

  right: -5px;

  top: 35px;

  z-index: 999;

  cursor: pointer;

  display: none;

  transition: all 0.5s ease-out 0s;

  opacity: 0;

}

@media (max-width: 991px) {

  .header-area.style-5 .menu-wrap .main-menu ul > li i {

    opacity: 1;

  }

}

.header-area.style-5 .menu-wrap .main-menu ul > li i.active {

  color: var(--primary-color);

}

.header-area.style-5 .menu-wrap .main-menu ul > li i.active::before {

  content: "\f2ea";

}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu {

  position: absolute;

  left: 0;

  right: 0;

  top: 92px;

  margin: 0;

  display: none;

  min-width: 215px;

  background: #161616;

  border: 1px solid rgba(13, 23, 32, 0.0784313725);

  text-align: left;

}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li {

  padding: 0;

  display: block;

  position: relative;

}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li i {

  position: absolute;

  top: 10px;

  right: 6px;

  display: block;

  color: var(--white-color);

  font-size: 20px;

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .dropdown-icon {

  color: var(--white-color);

  opacity: 1;

  top: 15px;

  font-size: 13px;

  right: 15px;

}

@media (max-width: 991px) {

  .header-area.style-5

    .menu-wrap

    .main-menu

    ul

    > li

    ul.sub-menu

    > li

    .dropdown-icon {

    right: 0;

    color: var(--white-color);

    top: 8px;

    font-size: 20px;

  }

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .dropdown-icon2 {

  color: var(--title-color);

  opacity: 1;

  top: 14px;

  right: 10px;

  font-size: 13px;

}

@media (max-width: 1199px) {

  .header-area.style-5 .menu-wrap .main-menu ul>li ul.sub-menu>li .dropdown-icon2: :before {

    content: "\f4fe";

  }

}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {

  display: block;

  padding: 14px 20px;

  font-family: var(--font-unbounded);

  color: var(--white-color);

  font-weight: 500;

  text-transform: capitalize;

  font-size: 13px;

  line-height: 1.4;

  transition: all 0.4s ease-out 0s;

  position: relative;

  border-radius: 0;

  border: none;

  border-bottom: 1px solid rgba(123, 123, 123, 0.1);

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  > a::before {

  content: "";

  position: absolute;

  bottom: -1px;

  left: 0;

  background: linear-gradient(90deg, #292727, #78eb54, #292727);

  width: 100%;

  height: 1px;

  transform: scaleX(0);

  transform-origin: left;

  transition: 0.4s ease-in;

  z-index: 1;

}

@media (max-width: 991px) {

  .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {

    border-color: rgba(13, 23, 32, 0.0784313725);

  }

  .header-area.style-5

    .menu-wrap

    .main-menu

    ul

    > li

    ul.sub-menu

    > li

    > a::before {

    background: linear-gradient(90deg, #525252, #ec6219, #525252);

  }

}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover {

  color: var(--primary-color);

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  > a:hover::before {

  transform: scale(1);

}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active {

  color: var(--primary-color);

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  > a.active::before {

  transform: scale(1);

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  a {

  border-bottom: none;

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  a::before {

  display: none;

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li

  a {

  border-bottom: 1px solid rgba(123, 123, 123, 0.1);

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li

  a::before {

  display: block;

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li:last-child

  a {

  border-bottom: none;

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:last-child

  .sub-menu

  li:last-child

  a::before {

  display: none;

}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover > a {

  color: var(--primary-color4);

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:hover

  .dropdown-icon {

  color: var(--primary-color4);

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li:hover

  .dropdown-icon2 {

  color: var(--primary-color4);

}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li.active > a {

  color: var(--primary-color4);

  background-color: transparent;

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li.active

  .dropdown-icon {

  color: var(--primary-color4);

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li.active

  .dropdown-icon2 {

  color: var(--primary-color4);

}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu {

  left: 100%;

  position: absolute;

  max-width: 230px;

  min-width: 215px;

  background: #161616;

  box-shadow: 0 30px 80px rgba(8, 0, 42, 0.08);

  top: 0;

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .sub-menu::before {

  display: none;

  visibility: hidden;

}

@media only screen and (max-width: 991px) {

  .header-area.style-5

    .menu-wrap

    .main-menu

    ul

    > li

    ul.sub-menu

    > li

    .sub-menu {

    margin-left: 10px;

    position: unset;

    max-width: 230px;

    min-width: 215px;

    background: 0 0;

    top: 0;

  }

}

.header-area.style-5

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  .sub-menu

  > li

  i {

  display: block;

}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child {

  border-bottom: none;

}

@media (max-width: 991px) {

  .header-area.style-5 .menu-wrap .main-menu ul>li: hover>a {

    border-color: transparent;

    background-color: transparent;

  }

}

.header-area.style-5 .menu-wrap .main-menu ul > li:hover svg {

  opacity: 1;

}

@media (min-width: 992px) {

  .header-area.style-5 .menu-wrap .main-menu ul>li: hover>ul.sub-menu {

    display: block;

    animation: fade-up 0.45s linear;

  }

}

@keyframes fade-up {

  0% {

    opacity: 0;

    transform: translateY(10px);

    visibility: hidden;

  }

  100% {

    opacity: 1;

    transform: translateY(0px);

    visibility: visible;

  }

}

.header-area.style-5 .menu-wrap .main-menu ul > li.active > a {

  background-color: var(--white-color);

  color: var(--dark-title-color);

}

@media (max-width: 991px) {

  .header-area.style-5 .menu-wrap .main-menu ul > li.active > a {

    border-color: transparent;

    background-color: transparent;

  }

}

.header-area.style-5 .menu-wrap .main-menu ul > li.active svg {

  opacity: 1;

}

.header-area.style-5 .menu-wrap .main-menu ul > li.active .dropdown-icon2 {

  color: var(--primary-color);

}

.header-area.style-5 .menu-wrap .main-menu ul li.menu-item-has-children > i {

  display: block;

}

@media only screen and (max-width: 991px) {

  .header-area.style-5 .menu-wrap .mobile-logo-area {

    justify-content: center !important;

  }

  .header-area.style-5 .menu-wrap .dropdown-icon {

    color: var(--white-color);

  }

  .header-area.style-5 .menu-wrap .main-menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 280px;

    padding: 30px 20px !important;

    z-index: 99999;

    height: 100%;

    overflow: auto;

    background: var(--white-color);

    transform: translateX(-100%);

    transition: transform 0.3s ease-in;

    border-right: 1px solid rgba(13, 23, 32, 0.0784313725);

  }

  .header-area.style-5 .menu-wrap .main-menu.show-menu {

    transform: translateX(0);

  }

  .header-area.style-5 .menu-wrap .main-menu .mobile-menu-logo {

    text-align: left;

    padding-top: 20px;

    display: block;

    padding-bottom: 8px;

  }

  .header-area.style-5 .menu-wrap .main-menu .menu-list {

    padding-top: 50px;

    padding-bottom: 30px;

  }

  .header-area.style-5 .menu-wrap .main-menu > ul {

    float: none;

    text-align: left;

    padding: 5px 0 20px 0;

  }

  .header-area.style-5 .menu-wrap .main-menu > ul li {

    display: block;

    position: relative;

    padding: 5px;

  }

  .header-area.style-5 .menu-wrap .main-menu > ul li:first-child {

    padding-left: 5px;

  }

  .header-area.style-5 .menu-wrap .main-menu > ul li i {

    display: block;

    color: var(--title-color);

  }

  .header-area.style-5 .menu-wrap .main-menu > ul li a {

    padding: 10px 0;

    display: block;

    font-size: 1rem;

  }

  .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu {

    position: static;

    min-width: 200px;

    background: 0 0;

    border: none;

    opacity: 1;

    visibility: visible;

    box-shadow: none;

    transform: none;

    transition: none;

    display: none;

    margin-top: 0 !important;

    transform: translateY(0px);

    margin-left: 10px;

  }

  .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li {

    border-bottom: 1px solid transparent;

  }

  .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li a {

    font-size: 14px;

    padding: 12px 0;

  }

  .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li a:hover {

    color: var(--primary-color);

    margin-left: 10px;

  }

  .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li a.active {

    color: var(--primary-color);

  }

  .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li i {

    color: var(--primary-color);

    right: -13px;

  }

  .header-area.style-5 .menu-wrap .main-menu > ul li .bi {

    top: 8px;

    font-size: 20px;

    color: var(--title-color);

  }

  .header-area.style-5 .menu-wrap .main-menu .topbar-right {

    margin-bottom: 40px;

  }

  .header-area.style-5 .menu-wrap .main-menu .topbar-right li {

    color: var(--title-color);

    font-family: var(--font-fahkwang);

    font-size: 13px;

    font-weight: 500;

    line-height: 1;

    position: relative;

    margin-bottom: 7px;

    padding: 5px 0;

  }

  .header-area.style-5 .menu-wrap .main-menu .topbar-right li a {

    color: var(--title-color);

    display: flex;

    align-items: center;

    gap: 6px;

    transition: 0.35s;

    text-transform: none;

    padding: 0 !important;

  }

  .header-area.style-5 .menu-wrap .main-menu .topbar-right li a svg {

    fill: var(--title-color);

  }

  .header-area.style-5 .menu-wrap .main-menu .topbar-right li a:hover {

    color: var(--primary-color);

  }

  .header-area.style-5 .menu-wrap .main-menu .topbar-right li a:hover svg {

    fill: var(--primary-color);

  }

  .header-area.style-5 .menu-wrap .primary-btn1 {

    justify-content: center;

    padding: 18px 37px;

    width: 100%;

  }

}

.header-area.style-6 {

  position: absolute;

  width: 100%;

  z-index: 999;

  width: 100%;

  transition: all 0.8s ease-out 0s;

  gap: 30px;

}

@media (max-width: 1399px) {

  .header-area.style-6 {

    gap: 20px;

  }

}

@media (max-width: 991px) {

  .header-area.style-6 {

    padding: 15px;

  }

}

.header-area.style-6.sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  box-sizing: border-box;

  background-color: var(--dark-title-color);

  z-index: 99;

}

@keyframes smooth-header {

  0% {

    transform: translateY(-30px);

  }

  100% {

    transform: translateY(0px);

  }

}

@media (max-width: 991px) {

  .header-area.style-6 .header-logo {

    border: unset;

  }

}

.header-area.style-6 .header-logo img {

  width: 164px;

  max-width: unset;

}

@media (max-width: 1199px) {

  .header-area.style-6 .header-logo img {

    width: 150px;

  }

}

.header-area.style-6 .menu-close-btn i {

  color: var(--white-color);

}

.header-area.style-6 .nav-right {

  gap: 30px;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .header-area.style-6 .nav-right {

    gap: 30px;

  }

}

@media (max-width: 1399px) {

  .header-area.style-6 .nav-right {

    gap: 20px;

  }

}

.header-area.style-6 .nav-right .login-area {

  display: flex;

  align-items: center;

  gap: 8px;

}

.header-area.style-6 .nav-right .login-area svg {

  fill: var(--white-color);

  transition: 0.5s;

}

.header-area.style-6 .nav-right .login-area span {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  transition: 0.5s;

}

.header-area.style-6 .nav-right .login-area:hover svg {

  fill: var(--primary-color4);

}

.header-area.style-6 .nav-right .login-area:hover span {

  color: var(--primary-color4);

}

.header-area.style-6 .nav-right .primary-btn3 {

  border-radius: 5px;

  background-color: var(--white-color);

  border: unset;

  color: var(--dark-title-color);

  padding: 15px 27px;

}

@media (max-width: 1199px) {

  .header-area.style-6 .nav-right .primary-btn3 {

    font-size: 14px;

    padding: 13px 20px;

  }

}

.header-area.style-6 .nav-right .primary-btn3 span {

  background-color: var(--primary-color4);

}

.header-area.style-6 .nav-right .sidebar-btn {

  width: 36px;

  height: 36px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--primary-color4);

  transition: 0.35s;

  cursor: pointer;

}

@media (min-width: 1200px) {

  .header-area.style-6 .nav-right .sidebar-btn {

    display: none;

    visibility: hidden;

  }

}

.header-area.style-6 .nav-right .sidebar-btn svg {

  transition: 0.35s;

  fill: var(--dark-title-color);

}

.header-area.style-6 .nav-right .sidebar-btn svg.close {

  display: none;

}

.header-area.style-6 .nav-right .sidebar-btn.active svg.close {

  display: block;

}

.header-area.style-6 .nav-right .sidebar-btn.active svg.open {

  display: none;

}

.header-area.style-6 .nav-right .sidebar-btn:hover {

  background-color: var(--white-color);

}

.header-area.style-6 .nav-right .sidebar-btn:hover svg {

  fill: var(--dark-title-color);

}

.header-area.style-6 .main-menu {

  display: inline-block;

}

.header-area.style-6 .main-menu .mobile-menu-logo {

  display: none;

}

.header-area.style-6 .main-menu ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.header-area.style-6 .main-menu ul > li {

  display: inline-block;

  position: relative;

}

.header-area.style-6 .main-menu ul > li svg {

  fill: var(--primary-color4);

  position: absolute;

  right: -2px;

  top: 50%;

  transform: translateY(-50%);

  opacity: 0;

  transition: all 0.5s ease-out 0s;

}

@media (max-width: 991px) {

  .header-area.style-6 .main-menu ul > li {

    padding: 22px 0;

  }

}

.header-area.style-6 .main-menu ul > li:first-child {

  padding-left: 0;

}

.header-area.style-6 .main-menu ul > li > a {

  color: var(--white-color);

  display: block;

  text-transform: capitalize;

  padding: 34px 22px;

  position: relative;

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 14px;

  transition: all 0.5s ease-out 0s;

  position: relative;

  border-radius: 15px;

  line-height: 1;

}

@media (max-width: 1399px) {

  .header-area.style-6 .main-menu ul > li > a {

    font-size: 13px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .header-area.style-6 .main-menu ul > li > a {

    padding: 34px 18px;

  }

}

@media (max-width: 991px) {

  .header-area.style-6 .main-menu ul > li > a {

    padding: 32px 9px;

  }

}

.header-area.style-6 .main-menu ul > li i {

  font-size: 20px;

  text-align: center;

  color: var(--white-color);

  font-style: normal;

  position: absolute;

  right: -5px;

  top: 35px;

  z-index: 999;

  cursor: pointer;

  display: none;

  transition: all 0.5s ease-out 0s;

  opacity: 0;

}

@media (max-width: 991px) {

  .header-area.style-6 .main-menu ul > li i {

    opacity: 1;

  }

}

.header-area.style-6 .main-menu ul > li i.active {

  color: var(--primary-color2);

}

.header-area.style-6 .main-menu ul > li i.active::before {

  content: "\f2ea";

}

.header-area.style-6 .main-menu ul > li ul.sub-menu {

  position: absolute;

  left: 0;

  right: 0;

  top: 82px;

  margin: 0;

  display: none;

  min-width: 215px;

  background: var(---dark-white-color);

  border: 1px solid rgba(13, 23, 32, 0.0784313725);

  text-align: left;

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li {

  padding: 0;

  display: block;

  position: relative;

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li i {

  position: absolute;

  top: 10px;

  right: 6px;

  display: block;

  color: var(--title-color);

  font-size: 20px;

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li .dropdown-icon {

  color: var(--title-color);

  opacity: 1;

  top: 15px;

  font-size: 13px;

  right: 15px;

}

@media (max-width: 991px) {

  .header-area.style-6 .main-menu ul > li ul.sub-menu > li .dropdown-icon {

    right: 0;

    color: var(--white-color);

    top: 8px;

    font-size: 20px;

  }

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li .dropdown-icon2 {

  color: var(--title-color);

  opacity: 1;

  top: 14px;

  right: 10px;

  font-size: 13px;

}

@media (max-width: 1199px) {

  .header-area.style-6 .main-menu ul>li ul.sub-menu>li .dropdown-icon2: :before {

    content: "\f4fe";

  }

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a {

  display: block;

  padding: 14px 20px;

  font-family: var(--font-unbounded);

  color: var(--title-color);

  font-weight: 500;

  text-transform: capitalize;

  font-size: 13px;

  line-height: 1.4;

  transition: all 0.4s ease-out 0s;

  position: relative;

  border-radius: 0;

  border: none;

  border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a::before {

  content: "";

  position: absolute;

  bottom: -1px;

  left: 0;

  background: linear-gradient(90deg, #fff, #78eb54, #fff);

  width: 100%;

  height: 1px;

  transform: scaleX(0);

  transform-origin: left;

  transition: 0.4s ease-in;

  z-index: 1;

}

@media (max-width: 991px) {

  .header-area.style-6 .main-menu ul > li ul.sub-menu > li > a {

    border-color: rgba(13, 23, 32, 0.0784313725);

  }

  .header-area.style-6 .main-menu ul > li ul.sub-menu > li > a::before {

    background: linear-gradient(90deg, #525252, #f4cb0a, #525252);

  }

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a:hover {

  color: var(--primary-color2);

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a:hover::before {

  transform: scale(1);

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a.active {

  color: var(--primary-color2);

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a.active::before {

  transform: scale(1);

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li:last-child a {

  border-bottom: none;

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li:last-child a::before {

  display: none;

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li:hover > a {

  color: var(--primary-color4);

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon {

  color: var(--primary-color4);

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon2 {

  color: var(--primary-color4);

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li.active > a {

  color: var(--primary-color4);

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li.active .dropdown-icon {

  color: var(--primary-color4);

}

.header-area.style-6

  .main-menu

  ul

  > li

  ul.sub-menu

  > li.active

  .dropdown-icon2 {

  color: var(--primary-color2);

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li .sub-menu {

  left: 100%;

  position: absolute;

  max-width: 230px;

  min-width: 215px;

  background: var(---dark-white-color);

  border: 1px solid rgba(13, 23, 32, 0.0784313725);

  top: 0;

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li .sub-menu::before {

  display: none;

  visibility: hidden;

}

@media only screen and (max-width: 991px) {

  .header-area.style-6 .main-menu ul > li ul.sub-menu > li .sub-menu {

    margin-left: 10px;

    position: unset;

    max-width: 230px;

    min-width: 215px;

    background: 0 0;

    top: 0;

  }

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li .sub-menu > li i {

  display: block;

}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li:last-child {

  border-bottom: none;

}

.header-area.style-6 .main-menu ul > li:hover > a {

  color: var(--primary-color4);

}

@media (max-width: 991px) {

  .header-area.style-6 .main-menu ul>li: hover>a {

    border-color: transparent;

  }

}

.header-area.style-6 .main-menu ul > li:hover svg {

  opacity: 1;

}

@media (min-width: 992px) {

  .header-area.style-6 .main-menu ul>li: hover>ul.sub-menu {

    display: block;

    animation: fade-up 0.45s linear;

  }

}

@keyframes fade-up {

  0% {

    opacity: 0;

    transform: translateY(10px);

    visibility: hidden;

  }

  100% {

    opacity: 1;

    transform: translateY(0px);

    visibility: visible;

  }

}

.header-area.style-6 .main-menu ul > li.active > a {

  color: var(--primary-color4);

}

@media (max-width: 991px) {

  .header-area.style-6 .main-menu ul > li.active > a {

    border-color: transparent;

  }

}

.header-area.style-6 .main-menu ul > li.active svg {

  opacity: 1;

}

.header-area.style-6 .main-menu ul > li.active .dropdown-icon2 {

  color: var(--primary-color2);

}

.header-area.style-6 .main-menu ul li.menu-item-has-children > i {

  display: block;

}

@media only screen and (max-width: 991px) {

  .header-area.style-6 .mobile-logo-area {

    justify-content: center !important;

  }

  .header-area.style-6 .dropdown-icon {

    color: var(--white-color);

  }

  .header-area.style-6 .main-menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 280px;

    padding: 30px 20px !important;

    z-index: 99999;

    height: 100%;

    overflow: auto;

    background: var(--white-color);

    transform: translateX(-100%);

    transition: transform 0.3s ease-in;

    border-right: 1px solid rgba(13, 23, 32, 0.0784313725);

  }

  .header-area.style-6 .main-menu.show-menu {

    transform: translateX(0);

  }

  .header-area.style-6 .main-menu .mobile-menu-logo {

    text-align: left;

    padding-top: 20px;

    display: block;

    padding-bottom: 8px;

  }

  .header-area.style-6 .main-menu .menu-list {

    padding-top: 50px;

    padding-bottom: 30px;

  }

  .header-area.style-6 .main-menu > ul {

    float: none;

    text-align: left;

    padding: 5px 0 20px 0;

  }

  .header-area.style-6 .main-menu > ul li {

    display: block;

    position: relative;

    padding: 5px;

  }

  .header-area.style-6 .main-menu > ul li:first-child {

    padding-left: 5px;

  }

  .header-area.style-6 .main-menu > ul li i {

    display: block;

    color: var(--title-color);

  }

  .header-area.style-6 .main-menu > ul li a {

    padding: 10px 0;

    display: block;

    font-size: 1rem;

  }

  .header-area.style-6 .main-menu > ul li ul.sub-menu {

    position: static;

    min-width: 200px;

    background: 0 0;

    border: none;

    opacity: 1;

    visibility: visible;

    box-shadow: none;

    transform: none;

    transition: none;

    display: none;

    margin-top: 0 !important;

    transform: translateY(0px);

    margin-left: 10px;

  }

  .header-area.style-6 .main-menu > ul li ul.sub-menu > li {

    border-bottom: 1px solid transparent;

  }

  .header-area.style-6 .main-menu > ul li ul.sub-menu > li a {

    font-size: 14px;

    padding: 12px 0;

  }

  .header-area.style-6 .main-menu > ul li ul.sub-menu > li a:hover {

    color: var(--primary-color2);

    margin-left: 10px;

  }

  .header-area.style-6 .main-menu > ul li ul.sub-menu > li a.active {

    color: var(--primary-color2);

  }

  .header-area.style-6 .main-menu > ul li ul.sub-menu > li i {

    color: var(--primary-color2);

    right: -13px;

  }

  .header-area.style-6 .main-menu > ul li .bi {

    top: 8px;

    font-size: 20px;

    color: var(--title-color);

  }

  .header-area.style-6 .main-menu .topbar-right {

    margin-bottom: 40px;

  }

  .header-area.style-6 .main-menu .topbar-right li {

    color: var(--title-color);

    font-family: var(--font-fahkwang);

    font-size: 13px;

    font-weight: 500;

    line-height: 1;

    position: relative;

    margin-bottom: 7px;

    padding: 5px 0;

  }

  .header-area.style-6 .main-menu .topbar-right li a {

    color: var(--title-color);

    display: flex;

    align-items: center;

    gap: 6px;

    transition: 0.35s;

    text-transform: none;

    padding: 0 !important;

  }

  .header-area.style-6 .main-menu .topbar-right li a svg {

    fill: var(--title-color);

  }

  .header-area.style-6 .main-menu .topbar-right li a:hover {

    color: var(--primary-color2);

  }

  .header-area.style-6 .main-menu .topbar-right li a:hover svg {

    fill: var(--primary-color2);

  }

  .header-area.style-6 .primary-btn1 {

    justify-content: center;

    padding: 18px 37px;

    width: 100%;

  }

}

.home1-banner-area {

  padding: 130px 3% 0;

}

@media (max-width: 1399px) {

  .home1-banner-area {

    padding: 110px 2% 0;

  }

}

@media (max-width: 991px) {

  .home1-banner-area {

    padding: 110px 0 0;

  }

}

.home1-banner-area .banner-main-title {

  position: relative;

  z-index: 1;

}

.home1-banner-area .banner-main-title h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 500;

  display: inline-flex;

  align-items: center;

  gap: 20px;

  position: relative;

}

.home1-banner-area .banner-main-title h6 svg {

  fill: var(--primary-color);

}

.home1-banner-area .banner-main-title h6 .star {

  position: absolute;

  right: -140px;

  fill: var(--title-color);

}

@media (max-width: 576px) {

  .home1-banner-area .banner-main-title h6 .star {

    right: 20px;

    top: -50px;

  }

}

@media (max-width: 767px) {

  .home1-banner-area .banner-main-title h6 {

    font-size: 16px;

    display: flex;

  }

}

.home1-banner-area .banner-main-title h1 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 130px;

  font-weight: 500;

  line-height: 1.1;

  margin-bottom: 0;

}

.home1-banner-area .banner-main-title h1 span {

  font-family: var(--font-fahkwang);

}

@media (max-width: 1399px) {

  .home1-banner-area .banner-main-title h1 {

    font-size: 110px;

  }

}

@media (max-width: 1199px) {

  .home1-banner-area .banner-main-title h1 {

    font-size: 90px;

  }

}

@media (max-width: 991px) {

  .home1-banner-area .banner-main-title h1 {

    font-size: 70px;

  }

}

@media (max-width: 767px) {

  .home1-banner-area .banner-main-title h1 {

    font-size: 55px;

  }

}

.home1-banner-area .banner-bottom {

  margin-top: -22px;

  line-height: 1;

}

@media (max-width: 991px) {

  .home1-banner-area .banner-bottom {

    margin-top: 50px;

  }

}

.home1-banner-area .banner-bottom .banner-img {

  position: relative;

  border-radius: 250px;

  background-color: var(--primary-color);

}

.home1-banner-area .banner-bottom .banner-img img {

  border-radius: 250px;

  padding-left: 10px;

  min-height: 370px;

  -o-object-fit: cover;

  object-fit: cover;

}

.home1-banner-area .banner-bottom .banner-right-content {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  height: 100%;

  max-width: 450px;

  width: 100%;

}

@media (min-width: 992px) {

  .home1-banner-area .banner-bottom .banner-right-content {

    margin-left: 40px;

  }

}

.home1-banner-area .banner-bottom .banner-right-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 30px;

}

@media (max-width: 576px) {

  .home1-banner-area .banner-bottom .banner-right-content p {

    font-size: 15px;

  }

}

.home1-banner-area .banner-bottom .banner-right-content p span {

  color: var(--title-color);

  font-weight: 500;

}

.home1-banner-area .banner-bottom .banner-right-content ul {

  margin: 0;

  padding: 0;

  list-style: none;

  gap: 30px;

  margin-bottom: 40px;

  flex-wrap: wrap;

}

@media (max-width: 1199px) {

  .home1-banner-area .banner-bottom .banner-right-content ul {

    gap: 20px;

  }

}

.home1-banner-area .banner-bottom .banner-right-content ul li {

  line-height: 1;

}

.home1-banner-area .banner-bottom .banner-right-content ul li.success-rate {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  border: 1px solid var(--border-color);

  background-color: var(---dark-white-color);

  border-radius: 16px;

  padding: 8px 20px;

  display: flex;

  align-items: center;

  gap: 30px;

}

.home1-banner-area

  .banner-bottom

  .banner-right-content

  ul

  li.success-rate

  span {

  position: relative;

}

.home1-banner-area

  .banner-bottom

  .banner-right-content

  ul

  li.success-rate

  span::after {

  content: "";

  height: 1px;

  width: 10px;

  background-color: rgba(var(--title-color-opc), 0.5);

  position: absolute;

  left: -20px;

  top: 50%;

  transform: translateY(-50%);

}

.home1-banner-area .banner-bottom .banner-right-content ul li a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  border: 1px solid var(--border-color);

  background-color: var(---dark-white-color);

  border-radius: 16px;

  padding: 8px 20px;

  display: flex;

  align-items: center;

  gap: 7px;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.home1-banner-area .banner-bottom .banner-right-content ul li a svg {

  fill: var(--primary-color);

}

.home1-banner-area .banner-bottom .banner-right-content .banner-btn a {

  height: 160px;

  width: 160px;

  border-radius: 50%;

  background-color: var(--dark-title-color);

  color: var(--white-color);

  text-align: center;

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 20px;

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  gap: 12px;

  overflow: hidden;

  position: relative;

  z-index: 1;

  transition: all 0.6s;

}

.home1-banner-area .banner-bottom .banner-right-content .banner-btn a svg {

  fill: var(--white-color);

}

.home1-banner-area .banner-bottom .banner-right-content .banner-btn a span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 50%;

  background-color: var(--primary-color);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.home1-banner-area

  .banner-bottom

  .banner-right-content

  .banner-btn

  a:hover

  span {

  width: 225%;

  height: 1000.5px;

}

.partner-area .partner-wrap {

  border-top: 1px solid var(--border-color);

  border-bottom: 1px solid var(--border-color);

  position: relative;

  padding: 70px 0;

}

@media (max-width: 991px) {

  .partner-area .partner-wrap {

    padding: 50px 0;

  }

}

.partner-area .partner-wrap .title1 {

  position: absolute;

  left: 1px;

  top: -13px;

}

.partner-area .partner-wrap .title1::after {

  content: "";

  height: 6px;

  width: 5px;

  -webkit-clip-path: polygon(0 50%, 100% 100%, 100% 0);

  clip-path: polygon(0 50%, 100% 100%, 100% 0);

  background-color: var(--border-color);

  position: absolute;

  right: 0;

  top: 53%;

  transform: translateY(-50%);

}

.partner-area .partner-wrap .title1 h6 {

  margin-bottom: 0;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 1;

  background-color: var(--body-bg1);

  padding-right: 20px;

  display: inline-block;

}

@media (max-width: 576px) {

  .partner-area .partner-wrap .title1 h6 {

    font-size: 15px;

  }

}

.partner-area .partner-wrap .title2 {

  position: absolute;

  right: 1px;

  bottom: -13px;

}

.partner-area .partner-wrap .title2::after {

  content: "";

  height: 6px;

  width: 5px;

  -webkit-clip-path: polygon(100% 50%, 0 100%, 0 0);

  clip-path: polygon(100% 50%, 0 100%, 0 0);

  background-color: var(--border-color);

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.partner-area .partner-wrap .title2 h6 {

  margin-bottom: 0;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 1;

  background-color: var(--body-bg1);

  padding-left: 20px;

  display: inline-block;

}

@media (max-width: 576px) {

  .partner-area .partner-wrap .title2 h6 {

    font-size: 15px;

  }

}

.partner-area .partner-wrap .marquee {

  display: flex;

  gap: 80px;

  overflow: hidden;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}

.partner-area .partner-wrap .marquee.dark {

  display: none;

  visibility: hidden;

}

.partner-area .partner-wrap .marquee .marquee__group {

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: space-around;

  gap: 80px;

  min-width: 100%;

  animation: scroll-x 30s linear infinite;

}

@media (max-width: 1199px) {

  .partner-area .partner-wrap .marquee .marquee__group {

    gap: 40px;

  }

}

@media (max-width: 576px) {

  .partner-area .partner-wrap .marquee .marquee__group {

    gap: 30px;

  }

}

.partner-area .partner-wrap .marquee .marquee__group a img {

  width: 150px;

}

@keyframes scroll-x {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(-100%);

  }

}

.partner-area .partner-wrap.two .title1 h6 {

  background-color: var(---dark-white-color);

}

.partner-area .partner-wrap.two .title2 h6 {

  background-color: var(---dark-white-color);

}

.partner-area.two .partner-wrap {

  border-top: 1px solid var(--border-color2);

  border-bottom: 1px solid var(--border-color2);

}

.partner-area.two .partner-wrap .title1::after {

  background-color: var(--border-color2);

}

.partner-area.two .partner-wrap .title2::after {

  background-color: var(--border-color2);

}

.partner-area.three .title-and-logo {

  border: 1px solid var(--border-color2);

  display: flex;

  align-items: center;

  border-radius: 0 300px 300px 0;

}

@media (max-width: 767px) {

  .partner-area.three .title-and-logo {

    display: block;

    border-radius: unset;

  }

}

.partner-area.three .partner-title {

  min-width: 188px;

  max-width: 188px;

  padding: 50px 35px;

  border-right: 1px solid var(--border-color2);

}

@media (max-width: 1399px) {

  .partner-area.three .partner-title {

    padding: 40px 35px;

  }

}

@media (max-width: 767px) {

  .partner-area.three .partner-title {

    border-bottom: 1px solid var(--border-color2);

    border-right: unset;

    min-width: 100%;

    max-width: 100%;

  }

}

@media (max-width: 767px) {

  .partner-area.three .partner-title {

    padding: 30px 20px;

  }

}

.partner-area.three .partner-title h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 28px;

  margin-bottom: 0;

}

.partner-area.three .partner-wrap {

  border: unset;

  padding: 60px 40px;

}

@media (max-width: 1399px) {

  .partner-area.three .partner-wrap {

    padding: 50px 40px;

  }

}

@media (max-width: 767px) {

  .partner-area.three .partner-wrap {

    padding: 40px 20px;

  }

}

.partner-area.four .partner-title {

  text-align: center;

  margin-bottom: 40px;

}

.partner-area.four .partner-title h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  margin-bottom: 0;

}

.partner-area.four .partner-title h6 span {

  font-weight: 500;

}

.partner-area.four .partner-wrap {

  border: unset;

  padding: 0;

  padding-bottom: 30px;

  border-bottom: 1px solid var(--border-color2);

}

.home1-about-section {

  background-color: var(--dark-title-color);

  padding: 110px 0;

}

@media (max-width: 991px) {

  .home1-about-section {

    padding: 90px 0;

  }

}

@media (min-width: 992px) {

  .home1-about-section .about-content {

    margin-left: 40px;

  }

}

.home1-about-section .about-content p {

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 30px;

}

@media (max-width: 991px) {

  .home1-about-section .about-content p {

    margin-bottom: 25px;

  }

}

.home1-about-section .about-content a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 25px;

  display: flex;

  align-items: center;

  gap: 8px;

}

.home1-about-section .about-content a svg {

  fill: var(--white-color);

}

.home1-about-section .about-content .signature-and-star {

  display: flex;

  gap: 30px;

  justify-content: space-between;

  padding-top: 60px;

}

@media (max-width: 991px) {

  .home1-about-section .about-content .signature-and-star {

    padding-top: 0;

    align-items: center;

    gap: 20px;

    flex-wrap: wrap;

  }

}

.home1-about-section .about-content .signature-and-star svg {

  fill: var(--primary-color);

}

.home1-about-section .counter-wrap {

  margin: 0;

  padding: 0;

  list-style: none;

  border: 1px solid #2f2f2f;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 35px 40px;

  margin-top: 100px;

}

@media (max-width: 1199px) {

  .home1-about-section .counter-wrap {

    padding: 35px 20px;

  }

}

@media (max-width: 991px) {

  .home1-about-section .counter-wrap {

    margin-top: 50px;

  }

}

@media (max-width: 767px) {

  .home1-about-section .counter-wrap {

    padding: 35px 25px;

  }

}

@media (max-width: 991px) {

  .home1-about-section .counter-wrap {

    flex-wrap: wrap;

    gap: 30px;

  }

}

.home1-about-section .counter-wrap .single-counter .content .number {

  display: inline-flex;

  align-items: center;

  line-height: 1;

  margin-bottom: 12px;

}

.home1-about-section .counter-wrap .single-counter .content .number .counter {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 600;

  margin-bottom: 0;

  line-height: 1;

}

.home1-about-section .counter-wrap .single-counter .content .number span {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 600;

  line-height: 1;

}

.home1-about-section .counter-wrap .single-counter .content p {

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

}

.home1-solution-section {

  position: relative;

}

.home1-solution-section .vector {

  position: absolute;

  left: 0;

  bottom: 0;

}

.home1-solution-section .vector svg {

  stroke: #f5bebe;

}

.home1-solution-section .solution-img-wrapper {

  margin: 0;

  padding: 0;

  list-style: none;

  min-height: 245px;

}

.home1-solution-section .solution-img-wrapper li {

  position: relative;

}

.home1-solution-section .solution-img-wrapper li .solution-img {

  min-height: 245px;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  animation: qodef-animate-image-out 1s 0.1s cubic-bezier(0.78, 0.2, 0.21, 0.88)

    forwards;

  z-index: 12;

  background-size: cover;

  background-repeat: no-repeat;

}

.home1-solution-section .solution-img-wrapper li.active .solution-img {

  animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88)

    forwards;

  z-index: 15;

}

@keyframes qodef-animate-image-out {

  0% {

    transform: scale(1) translateZ(0);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

  100% {

    transform: scale(1);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

}

@keyframes qodef-animate-image-in {

  0% {

    transform: scale(1.05) translateZ(0);

    -webkit-clip-path: inset(0 100% 0 0);

    clip-path: inset(0 100% 0 0);

  }

  100% {

    transform: scale(1);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

}

.home1-solution-section .accordion .accordion-item {

  background-color: transparent;

  border-bottom: none;

  margin-bottom: 40px;

}

.home1-solution-section .accordion .accordion-item:last-child {

  margin-bottom: 0;

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button {

  padding: 0;

  background-color: transparent;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 400;

  display: inline-flex;

  align-items: center;

  gap: 15px;

}

@media (max-width: 576px) {

  .home1-solution-section

    .accordion

    .accordion-item

    .accordion-header

    .accordion-button {

    font-size: 22px;

  }

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button

  span {

  min-width: 24px;

  max-width: 24px;

  height: 24px;

  border-radius: 50%;

  background-color: var(--primary-color);

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.35s;

  opacity: 0;

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button

  span

  svg {

  fill: var(--white-color);

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button::after {

  display: none;

  visibility: hidden;

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button:not(.collapsed) {

  box-shadow: none;

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button:not(.collapsed)

  span {

  opacity: 1;

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button:hover

  span {

  opacity: 1;

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button:focus {

  box-shadow: none;

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-collapse

  .accordion-body {

  padding: 0;

  padding-top: 25px;

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-collapse

  .accordion-body

  ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px;

  margin-bottom: 30px;

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-collapse

  .accordion-body

  ul

  li {

  line-height: 1;

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-collapse

  .accordion-body

  ul

  li

  a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  border: 1px solid var(--border-color);

  border-radius: 50px;

  padding: 6px 15px;

  display: inline-block;

  transition: 0.35s;

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-collapse

  .accordion-body

  ul

  li

  a:hover {

  color: var(---dark-white-color);

  background-color: var(--title-color);

  border-color: var(--title-color);

}

.home1-solution-section

  .accordion

  .accordion-item

  .accordion-collapse

  .accordion-body

  p {

  margin-bottom: 15px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

}

@media (max-width: 576px) {

  .home1-solution-section

    .accordion

    .accordion-item

    .accordion-collapse

    .accordion-body

    p {

    font-size: 15px;

  }

}

.home1-solution-section.style-2 {

  background-color: var(--paragraph-color3);

  padding: 110px 0;

}

@media (max-width: 991px) {

  .home1-solution-section.style-2 {

    padding: 90px 0;

  }

}

.home1-solution-section.style-2 .vector svg {

  stroke: #f5bebe;

}

.home1-solution-section.style-2 .section-title .dash-and-paragraph .dash {

  background-color: #2f2f2f;

}

.home1-solution-section.style-2

  .section-title

  .dash-and-paragraph

  .dash::after {

  background-color: #2f2f2f;

}

.home1-solution-section.style-2

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button {

  color: var(--white-color);

}

.home1-solution-section.style-2

  .accordion

  .accordion-item

  .accordion-collapse

  .accordion-body

  ul

  li

  a {

  color: var(--white-color);

  border: 1px solid #222;

}

.home1-solution-section.style-2

  .accordion

  .accordion-item

  .accordion-collapse

  .accordion-body

  ul

  li

  a:hover {

  color: var(--dark-title-color);

  background-color: var(--white-color);

}

.home1-solution-section.style-2

  .accordion

  .accordion-item

  .accordion-collapse

  .accordion-body

  p {

  margin-bottom: 15px;

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

}

@media (max-width: 576px) {

  .home1-solution-section.style-2

    .accordion

    .accordion-item

    .accordion-collapse

    .accordion-body

    p {

    font-size: 15px;

  }

}

.home1-solution-section.style-2 .explore-btn {

  color: var(--white-color);

}

.home1-solution-section.style-2 .explore-btn svg {

  fill: var(--white-color);

}

.work-section {

  background-color: #e7e7e7;

  padding: 100px 0;

}

@media (max-width: 991px) {

  .work-section {

    padding: 80px 0;

  }

}

.work-section .mb-80 {

  margin-bottom: 80px;

}

@media (max-width: 991px) {

  .work-section .mb-80 {

    margin-bottom: 48px;

  }

}

.work-section .single-work {

  position: relative;

  transition: 0.45s;

}

.work-section .single-work .work-img {

  height: 100%;

}

.work-section .single-work .work-img img {

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}

@media (max-width: 767px) {

  .work-section .single-work .work-img img {

    min-height: 360px;

  }

}

@media (max-width: 991px) {

  .work-section .single-work .work-img img {

    width: 100%;

  }

}

.work-section .single-work .work-content {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(

    0deg,

    rgba(0, 0, 0, 0.3) 0%,

    rgba(0, 0, 0, 0) 49.9%

  );

  padding: 40px;

  display: flex;

  flex-direction: column;

  transition: 0.45s;

  justify-content: end;

}

@media (max-width: 576px) {

  .work-section .single-work .work-content {

    padding: 25px 20px;

  }

}

.work-section .single-work .work-content .content-wrap {

  opacity: 0;

  transition: 0.45s;

}

.work-section .single-work .work-content h5 {

  margin-bottom: 20px;

}

.work-section .single-work .work-content h5 a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  transition: 0.35s;

}

.work-section .single-work .work-content h5 a:hover {

  color: var(--primary-color);

}

.work-section .single-work .work-content ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 10px;

  flex-wrap: wrap;

}

.work-section .single-work .work-content ul li {

  line-height: 1;

}

.work-section .single-work .work-content ul li a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  border-radius: 50px;

  border: 1px solid rgba(255, 255, 255, 0.16);

  background: rgba(0, 0, 0, 0.6);

  padding: 6px 15px;

  display: inline-block;

  transition: 0.35s;

  transition: 0.35s;

}

.work-section .single-work .work-content ul li a:hover {

  background-color: var(--primary-color);

}

.work-section .single-work .work-content .view-details-wrap {

  position: absolute;

  top: 30px;

  right: 30px;

}

@media (max-width: 576px) {

  .work-section .single-work .work-content .view-details-wrap {

    right: 20px;

  }

}

.work-section .single-work .work-content .view-details-wrap a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  transition: 0.45s;

  display: flex;

  justify-content: center;

  align-items: center;

}

.work-section .single-work .work-content .view-details-wrap a span {

  display: inline-flex;

  transition: 0.45s;

  background-color: var(--dark-title-color);

  height: 40px;

  align-items: center;

  padding-left: 24px;

}

.work-section .single-work .work-content .view-details-wrap a span:first-child {

  transform: scaleX(0);

  transform-origin: right;

  border-radius: 20px 0 0 20px;

}

.work-section .single-work .work-content .view-details-wrap a span:last-child {

  background-color: var(--white-color);

  height: 40px;

  width: 40px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding-left: 0;

}

.work-section .single-work .work-content .view-details-wrap a i {

  font-size: 28px;

  transition: 0.45s;

  color: var(--dark-title-color);

}

.work-section

  .single-work

  .work-content

  .view-details-wrap

  a:hover

  span:first-child {

  transform: scaleX(1);

  border-radius: 20px 0 0 20px;

}

.work-section

  .single-work

  .work-content

  .view-details-wrap

  a:hover

  span:last-child {

  background-color: var(--dark-title-color);

  border-radius: 0 20px 20px 0;

  width: unset;

  padding-right: 15px;

}

.work-section .single-work .work-content .view-details-wrap a:hover span i {

  color: var(--white-color);

}

.work-section .single-work:hover .work-content .content-wrap {

  opacity: 1;

}

.work-section .section-title {

  max-width: 540px;

  width: 100%;

}

.work-section .section-title h2 {

  display: flex;

  align-items: flex-start;

  margin-bottom: 13px;

}

.work-section .section-title h2 svg {

  height: 24px;

  width: 24px;

  fill: var(--primary-color);

}

.work-section .circle-btn {

  border: 1px solid rgba(26, 26, 26, 0.1);

}

.text-slider-section {

  background-color: #f5bebe;

  padding: 25px 15px;

  overflow: hidden;

}

.text-slider-section .marquee {

  display: flex;

  gap: 30px;

  overflow: hidden;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}

.text-slider-section .marquee .marquee__group {

  flex-shrink: 0;

  display: flex;

  align-items: center;

  gap: 30px;

  min-width: 100%;

  animation: scroll-x 30s linear infinite;

}

.text-slider-section .marquee .marquee__group span {

  display: flex;

  align-items: center;

  gap: 30px;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

}

.text-slider-section .marquee .marquee__group span svg {

  fill: var(--title-color);

}

.text-slider-section .marquee .marquee__group span svg.circle {

  fill: none;

  stroke: var(--title-color);

}

@keyframes scroll-x {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(-100%);

  }

}

.text-slider-section.two {

  background-color: #e3e5d8;

}

.text-slider-section.three {

  background-color: #d9d2f3;

}

.home1-process-section {

  background-color: #f0f0f0;

}

.home1-process-section .single-process .step-and-dash {

  display: flex;

  align-items: center;

  gap: 24px;

  margin-bottom: 50px;

}

@media (max-width: 991px) {

  .home1-process-section .single-process .step-and-dash {

    margin-bottom: 30px;

  }

}

.home1-process-section .single-process .step-and-dash h6 {

  color: var(--dark-title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  background-color: #f3d134;

  display: inline-block;

  line-height: 1;

  padding: 6px 18px;

  border-radius: 50px;

  white-space: nowrap;

  margin-bottom: 0;

}

.home1-process-section .single-process .step-and-dash span {

  width: 100%;

  height: 1px;

  background-color: var(--border-color);

  display: inline-block;

  position: relative;

}

@media (max-width: 576px) {

  .home1-process-section .single-process .step-and-dash span {

    display: none;

    visibility: hidden;

  }

}

.home1-process-section .single-process .step-and-dash span::before {

  content: "";

  height: 6px;

  width: 6px;

  border-radius: 50%;

  position: absolute;

  left: -3px;

  top: 50%;

  transform: translateY(-50%);

  background-color: var(--border-color);

}

.home1-process-section .single-process .step-and-dash span::after {

  content: "";

  height: 6px;

  width: 6px;

  border-radius: 50%;

  position: absolute;

  right: -3px;

  top: 50%;

  transform: translateY(-50%);

  background-color: var(--border-color);

}

.home1-process-section .single-process .icon {

  margin-bottom: 40px;

}

@media (max-width: 991px) {

  .home1-process-section .single-process .icon {

    margin-bottom: 20px;

  }

}

.home1-process-section .single-process .icon svg {

  fill: var(--title-color);

}

.home1-process-section .single-process .content h3 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 400;

  margin-bottom: 16px;

}

@media (max-width: 767px) {

  .home1-process-section .single-process .content h3 {

    font-size: 22px;

  }

}

.home1-process-section .single-process .content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 25px;

}

@media (max-width: 576px) {

  .home1-process-section .single-process .content p {

    font-size: 15px;

  }

}

.home1-process-section .single-process .content ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.home1-process-section .single-process .content ul li {

  display: flex;

  align-items: center;

  gap: 5px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 10px;

}

.home1-process-section .single-process .content ul li i {

  color: var(--paragraph-color);

  font-size: 16px;

}

.home1-process-section .single-process .content ul li:last-child {

  margin-bottom: 0;

}

.slider-btn-group {

  display: flex;

  align-items: center;

  max-width: 100px;

  min-width: 100px;

  justify-content: space-between;

}

.slider-btn-group .slider-btn {

  height: 40px;

  width: 40px;

  border-radius: 50%;

  background-color: var(--white-color);

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.35s;

}

@media (max-width: 576px) {

  .slider-btn-group .slider-btn {

    width: 35px;

    height: 35px;

  }

}

.slider-btn-group .slider-btn svg {

  transition: 0.35s;

  fill: var(--primary-color);

}

.slider-btn-group .slider-btn:hover {

  background-color: var(--primary-color);

}

.slider-btn-group .slider-btn:hover svg {

  fill: var(--white-color);

}

.slider-btn-group .slider-btn.swiper-button-disabled {

  opacity: 0.5;

}

.slider-btn-group.two .slider-btn {

  border: 1px solid var(--border-color2);

}

.slider-btn-group.two .slider-btn svg {

  fill: var(--primary-color3);

}

.slider-btn-group.two .slider-btn:hover {

  background-color: var(--primary-color4);

  border-color: var(--primary-color4);

}

.fancybox-caption__body {

  font-size: 16px;

}

.testimonial-section {

  background-color: var(--section-bg1);

  padding: 100px 0;

  position: relative;

  z-index: 1;

}

@media (max-width: 1199px) {

  .testimonial-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .testimonial-section {

    padding: 70px 0;

  }

}

.testimonial-section .vector-2 {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: -1;

}

.testimonial-section .vector-2 svg {

  stroke: #f0f0f0;

}

@media (max-width: 767px) {

  .testimonial-section .section-title .dash-and-paragraph svg {

    display: none;

  }

}

.testimonial-section .testimonial-slider {

  padding-top: 50px;

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .author-img {

  margin-top: -50px;

  position: relative;

  padding-bottom: 10px;

  display: inline-flex;

}

@media (max-width: 991px) {

  .testimonial-section

    .testimonial-slider

    .swiper-wrapper

    .swiper-slide

    .author-img {

    margin-top: 0;

  }

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .author-img::after {

  content: "";

  height: 100%;

  width: 103%;

  border: 1px solid var(--border-color);

  position: absolute;

  left: 0;

  top: 0;

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .author-img

  .video-icon

  .wrapper {

  display: inline-block;

  position: absolute;

  top: 30px;

  left: 30px;

  z-index: 999;

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .author-img

  .video-icon

  .video-main {

  position: relative;

  display: inline-block;

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .author-img

  .video-icon

  .video {

  height: 40px;

  width: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 100%;

  background: 0 0;

  color: var(--primary-color);

  display: inline-block;

  background: #fff;

  z-index: 999;

  font-size: 24px;

}

@keyframes waves {

  0% {

    transform: scale(0.2, 0.2);

    opacity: 0;

    -ms-filter: "alpha(opacity=0)";

  }

  50% {

    opacity: 0.9;

    -ms-filter: "alpha(opacity=90)";

  }

  100% {

    transform: scale(0.9, 0.9);

    opacity: 0;

    -ms-filter: "alpha(opacity=0)";

  }

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .author-img

  .video-icon

  .fa-play:before {

  content: "\f04b";

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .author-img

  .video-icon

  .waves {

  position: absolute;

  width: 70px;

  height: 70px;

  background: rgba(255, 255, 255, 0.7);

  opacity: 0;

  -ms-filter: "alpha(opacity=0)";

  border-radius: 100%;

  right: -15px;

  bottom: -15px;

  z-index: -1;

  animation: waves 3s ease-in-out infinite;

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .author-img

  .video-icon

  .wave-1 {

  animation-delay: 0s;

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .author-img

  .video-icon

  .wave-2 {

  animation-delay: 1s;

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .author-img

  .video-icon

  .wave-3 {

  animation-delay: 2s;

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .testimonal-content

  > span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  display: inline-block;

  margin-bottom: 15px;

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .testimonal-content

  p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 400;

  line-height: 1.4;

  margin-bottom: 25px;

}

@media (max-width: 1399px) {

  .testimonial-section

    .testimonial-slider

    .swiper-wrapper

    .swiper-slide

    .testimonal-content

    p {

    font-size: 26px;

  }

}

@media (max-width: 1199px) {

  .testimonial-section

    .testimonial-slider

    .swiper-wrapper

    .swiper-slide

    .testimonal-content

    p {

    font-size: 22px;

  }

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .testimonal-content

  .author-area

  .content

  h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 0;

}

.testimonial-section

  .testimonial-slider

  .swiper-wrapper

  .swiper-slide

  .testimonal-content

  .author-area

  .content

  span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

}

.testimonial-section .testimonial-slider .swiper-slide-active span {

  animation: fadeInDown 1.7s;

}

.testimonial-section .testimonial-slider .swiper-slide-active p {

  animation: fadeInDown 1.7s;

}

.testimonial-section .testimonial-slider .swiper-slide-active .author-area {

  animation: fadeInUp 1.7s;

}

.testimonial-section .slider-btn-area {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

  margin-top: -30px;

}

@media (max-width: 991px) {

  .testimonial-section .slider-btn-area {

    margin-top: 30px;

  }

}

.testimonial-section .slider-btn-area .franctional-pagi1 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 24px;

  font-weight: 500;

}

.testimonial-section

  .slider-btn-area

  .franctional-pagi1

  .swiper-pagination-total {

  color: var(--paragraph-color);

  font-size: 16px;

  font-weight: 400;

}

.testimonial-section .slider-btn-area .slider-btn-group {

  position: relative;

  z-index: 1;

}

.award-section .award-img-group {

  margin: 0;

  padding: 0;

  list-style: none;

}

@media (max-width: 991px) {

  .award-section .award-img-group {

    display: none;

    visibility: hidden;

  }

}

.award-section .award-img-group li {

  position: relative;

}

.award-section .award-img-group li .award-img {

  min-height: 504px;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  animation: qodef-animate-image-out 1s 0.1s cubic-bezier(0.78, 0.2, 0.21, 0.88)

    forwards;

  z-index: 12;

}

.award-section .award-img-group li.active .award-img {

  animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88)

    forwards;

  z-index: 15;

}

@keyframes qodef-animate-image-out {

  0% {

    transform: scale(1) translateZ(0);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

  100% {

    transform: scale(1);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

}

@keyframes qodef-animate-image-in {

  0% {

    transform: scale(1.05) translateZ(0);

    -webkit-clip-path: inset(0 100% 0 0);

    clip-path: inset(0 100% 0 0);

  }

  100% {

    transform: scale(1);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

}

.award-section .award-table {

  width: 100%;

  border-collapse: collapse;

  overflow: hidden;

}

@media (max-width: 767px) {

  .award-section .award-table thead {

    display: none;

    visibility: hidden;

  }

}

.award-section .award-table thead tr th {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  padding: 30px;

  padding-top: 0;

}

.award-section .award-table thead tr th:last-child {

  text-align: end;

}

@media (max-width: 991px) {

  .award-section .award-table thead tr th {

    padding: 25px 15px;

    padding-top: 0;

  }

}

.award-section .award-table tbody tr {

  border: 1px solid var(--border-color);

  transition: 0.35s;

  border-left: none;

}

.award-section .award-table tbody tr td {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  padding: 30px;

  text-align: start;

  transition: 0.35s;

}

@media (max-width: 991px) {

  .award-section .award-table tbody tr td {

    padding: 25px 15px;

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .award-section .award-table tbody tr td {

    display: block;

    width: 100%;

    text-align: right;

    padding-left: 50%;

    position: relative;

    padding: 10px 15px;

  }

  .award-section .award-table tbody tr td::before {

    content: attr(data-label);

    position: absolute;

    left: 0;

    width: 50%;

    text-align: left;

    padding-left: 15px;

    color: var(--paragraph-color);

    font-family: var(--font-unbounded);

    font-size: 14px;

    font-weight: 500;

  }

}

.award-section .award-table tbody tr td a {

  color: var(--title-color);

  display: flex;

  align-items: center;

  gap: 8px;

  transition: 0.35s;

}

.award-section .award-table tbody tr td a svg {

  opacity: 0;

  transition: 0.35s;

  fill: var(--title-color);

}

@media (max-width: 767px) {

  .award-section .award-table tbody tr td a {

    justify-content: end;

  }

  .award-section .award-table tbody tr td a svg {

    opacity: 1;

  }

}

.award-section .award-table tbody tr td:last-child {

  text-align: end;

}

.award-section .award-table tbody tr:last-child {

  border-bottom: none;

}

.award-section .award-table tbody tr:last-child td {

  padding-bottom: 0;

}

@media (max-width: 767px) {

  .award-section .award-table tbody tr: last-child td {

    padding-bottom: 10px;

  }

}

.award-section .award-table tbody tr:hover td a {

  color: var(--primary-color);

}

.award-section .award-table tbody tr:hover td a svg {

  opacity: 1;

  fill: var(--primary-color);

}

.home1-blog-section {

  background: #dde5ee;

  padding: 100px 0;

}

@media (max-width: 1199px) {

  .home1-blog-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .home1-blog-section {

    padding: 70px 0;

  }

}

.blog-card1 .blog-img {

  display: inline-block;

  margin-bottom: 35px;

}

@media (max-width: 767px) {

  .blog-card1 .blog-img {

    margin-bottom: 25px;

  }

}

.blog-card1 .blog-content ul {

  margin: 0;

  padding: 0;

  margin-bottom: 15px;

  list-style: none;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-card1 .blog-content ul {

    margin-bottom: 10px;

  }

}

@media (max-width: 576px) {

  .blog-card1 .blog-content ul {

    margin-bottom: 10px;

  }

}

.blog-card1 .blog-content ul li {

  line-height: 1;

  position: relative;

  padding-right: 30px;

}

.blog-card1 .blog-content ul li::after {

  content: "";

  width: 20px;

  height: 1px;

  background-color: #ccd4dd;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.blog-card1 .blog-content ul li:last-child {

  padding-right: 0;

}

.blog-card1 .blog-content ul li:last-child::after {

  display: none;

  visibility: hidden;

}

.blog-card1 .blog-content ul li a {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  transition: 0.35s;

}

.blog-card1 .blog-content ul li a:hover {

  color: var(--title-color);

}

.blog-card1 .blog-content h4 {

  margin-bottom: 0;

}

.blog-card1 .blog-content h4 a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-style: normal;

  font-weight: 500;

  line-height: 1.5;

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .blog-card1 .blog-content h4 a {

    font-size: 20px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-card1 .blog-content h4 a {

    font-size: 17px;

  }

}

@media (max-width: 576px) {

  .blog-card1 .blog-content h4 a {

    font-size: 18px;

  }

}

.blog-card1 .blog-content h4 a:hover {

  color: var(--primary-color);

}

.blog-card1 .blog-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  padding-top: 15px;

  margin-bottom: 25px;

}

@media (max-width: 576px) {

  .blog-card1 .blog-content p {

    margin-bottom: 20px;

  }

}

.contact-section .section-title h2 {

  font-size: 130px;

  line-height: 1.1;

  margin-bottom: 25px;

}

.contact-section .section-title h2 span {

  display: inline-block;

}

.contact-section .section-title h2 strong {

  font-weight: 500;

  font-family: var(--font-fahkwang);

  display: inline;

}

@media (min-width: 1200px) and (max-width: 1399px) {

  .contact-section .section-title h2 {

    font-size: 100px;

  }

}

@media (max-width: 1199px) {

  .contact-section .section-title h2 {

    font-size: 90px;

  }

}

@media (max-width: 767px) {

  .contact-section .section-title h2 {

    font-size: 70px;

  }

}

@media (max-width: 576px) {

  .contact-section .section-title h2 {

    font-size: 55px;

  }

}

.contact-section .section-title h2 .arrow {

  width: 92px;

  height: 92px;

  border-radius: 50%;

  background-color: var(--primary-color);

  display: inline-flex;

  align-items: center;

  justify-content: center;

  transform: translateY(-25px);

}

@media (max-width: 1399px) {

  .contact-section .section-title h2 .arrow {

    transform: translateY(-15px);

  }

}

@media (max-width: 991px) {

  .contact-section .section-title h2 .arrow {

    width: 80px;

    height: 80px;

  }

  .contact-section .section-title h2 .arrow svg {

    width: 30px;

  }

}

@media (max-width: 767px) {

  .contact-section .section-title h2 .arrow {

    width: 60px;

    height: 60px;

    transform: unset;

  }

  .contact-section .section-title h2 .arrow svg {

    width: 20px;

  }

}

.contact-section .section-title h2 .arrow svg {

  fill: #fff8f8;

}

.contact-section .section-title .dash-and-paragraph {

  align-items: baseline;

}

.contact-section .section-title .dash-and-paragraph .dash {

  transform: translateY(-5px);

}

@media (max-width: 576px) {

  .contact-section .section-title .dash-and-paragraph .dash {

    display: none;

  }

}

.contact-section .section-title .dash-and-paragraph .social-area {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 20px;

  padding-top: 30px;

}

.contact-section .section-title .dash-and-paragraph .social-area h6 {

  margin-bottom: 0;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

}

.contact-section .section-title .dash-and-paragraph .social-area svg {

  fill: var(--primary-color);

}

.contact-section .section-title .dash-and-paragraph .social-area ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 15px;

}

.contact-section .section-title .dash-and-paragraph .social-area ul li a {

  height: 26px;

  width: 26px;

  border-radius: 50%;

  border: 1px solid rgba(86, 96, 100, 0.2);

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--paragraph-color);

  transition: 0.35s;

}

.contact-section

  .section-title

  .dash-and-paragraph

  .social-area

  ul

  li

  a

  i.bi-twitter-x {

  font-size: 12px;

}

.contact-section .section-title .dash-and-paragraph .social-area ul li a:hover {

  color: var(--white-color);

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.contact-section .section-title .dash-and-paragraph .primary-btn3 {

  border-radius: 5px;

}

.contact-section.two {

  position: relative;

  z-index: 999;

  background: var(--bg-color1);

  padding: 100px 0;

}

@media (max-width: 1199px) {

  .contact-section.two {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .contact-section.two {

    padding: 70px 0;

  }

}

.contact-section.two .section-title h2 {

  line-height: 1;

}

.contact-section.two .section-title .dash-and-paragraph .social-area svg {

  fill: var(--primary-color2);

}

.contact-section.two

  .section-title

  .dash-and-paragraph

  .social-area

  ul

  li

  a:hover {

  background-color: var(--primary-color2);

  border-color: var(--primary-color2);

  color: var(--dark-title-color);

}

.contact-section.two .circle-btn span {

  background-color: var(--primary-color2);

}

.contact-section.two .circle-btn:hover {

  color: var(--dark-title-color);

}

.contact-section.two .circle-btn:hover svg {

  fill: var(--dark-title-color);

}

.contact-section.three {

  background: #dde5ee;

  padding: 100px 0;

}

@media (max-width: 1199px) {

  .contact-section.three {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .contact-section.three {

    padding: 70px 0;

  }

}

.contact-section.four {

  background: var(--bg-color1);

  padding: 100px 0;

}

@media (max-width: 1199px) {

  .contact-section.four {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .contact-section.four {

    padding: 70px 0;

  }

}

footer {

  /*background-color: var(--dark-title-color);*/

  padding: 0px 0 0;

  position: relative;

  z-index: 1;

}

@media (max-width: 1199px) {

  footer {

    padding: 90px 0 0;

  }

}

@media (max-width: 767px) {

  footer {

    padding: 70px 0 0;

  }

}

footer .vector {

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: -1;

}

footer .vector svg {

  stroke: #151515;

}

footer .widget-title {

  margin-bottom: 33px;

}

footer .widget-title h4 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 0;

}

footer .menu-container ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

footer .menu-container ul li {

  margin-bottom: 20px;

}

footer .menu-container ul li:last-child {

  margin-bottom: 0;

}

footer .menu-container ul li a {

  color: #dfdfdf;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  display: flex;

  align-items: center;

  gap: 8px;

  transition: 0.35s;

}

footer .menu-container ul li a svg {

  fill: var(--white-color);

  opacity: 0;

  transition: 0.35s;

  margin-left: -5px;

}

footer .menu-container ul li a span {

  line-height: 1;

  display: inline-block;

  border-radius: 50px;

  background: #ec6219;

  font-size: 12px;

  font-weight: 500;

  padding: 3px 8px;

}

footer .menu-container ul li a:hover {

  color: var(--white-color);

}

footer .menu-container ul li a:hover svg {

  opacity: 1;

  margin-left: 0;

}



footer .footer-top .footer-logo-contact-wrap {

  border: 1px solid #303030;

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 25px 35px;

  gap: 40px;

  flex-wrap: wrap;

}

@media (max-width: 991px) {

  footer .footer-top .footer-logo-contact-wrap {

    gap: 25px;

    padding: 25px 20px;

  }

}

footer .footer-top .footer-logo-contact-wrap .footer-contact {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 15px;

}

@media (max-width: 991px) {

  footer .footer-top .footer-logo-contact-wrap .footer-contact {

    flex-wrap: wrap;

  }

}

@media (max-width: 576px) {

  footer .footer-top .footer-logo-contact-wrap .footer-contact {

    justify-content: start;

  }

}

footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact {

  padding-right: 85px;

  position: relative;

}

@media (max-width: 1199px) {

  footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact {

    padding-right: 40px;

  }

}

@media (max-width: 991px) {

  footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact {

    padding-right: 10px;

  }

}

footer

  .footer-top

  .footer-logo-contact-wrap

  .footer-contact

  .single-contact::after {

  content: "";

  height: 107px;

  width: 1px;

  background-color: #303030;

  position: absolute;

  right: 45px;

  top: 50%;

  transform: translateY(-50%);

}

@media (max-width: 1199px) {

  footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact: :after {

    right: 12px;

  }

}

@media (max-width: 991px) {

  footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact: :after {

    display: none;

  }

}

footer

  .footer-top

  .footer-logo-contact-wrap

  .footer-contact

  .single-contact:last-child {

  padding-right: 0;

}

footer

  .footer-top

  .footer-logo-contact-wrap

  .footer-contact

  .single-contact:last-child:after {

  display: none;

  visibility: hidden;

}

footer

  .footer-top

  .footer-logo-contact-wrap

  .footer-contact

  .single-contact

  span {

  color: #aaa;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

}

footer

  .footer-top

  .footer-logo-contact-wrap

  .footer-contact

  .single-contact

  h5 {

  margin-bottom: 0;

  padding-top: 5px;

}

footer

  .footer-top

  .footer-logo-contact-wrap

  .footer-contact

  .single-contact

  h5

  a {

  color: #dfdfdf;

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  transition: 0.35s;

}

@media (max-width: 1199px) {

  footer

    .footer-top

    .footer-logo-contact-wrap

    .footer-contact

    .single-contact

    h5

    a {

    font-size: 18px;

  }

}

footer

  .footer-top

  .footer-logo-contact-wrap

  .footer-contact

  .single-contact

  h5

  a:hover {

  color: var(--primary-color);

}

footer .footer-btm {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 15px;

  padding: 25px 0;

}

footer .footer-btm .copyright-area p {

  color: #cacaca;

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 400;

  margin-bottom: 0;

}

footer .footer-btm .copyright-area p a {

  color: var(--white-color);

  transition: 0.35s;

}

footer .footer-btm .copyright-area p a:hover {

  color: var(--primary-color);

}

footer .footer-btm .terms-condition p {

  color: #dfdfdf;

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 400;

}

footer .footer-btm .terms-condition p svg {

  fill: #dfdfdf;

}

footer .footer-btm .terms-condition p a {

  font-weight: 500;

  color: var(--white-color);

  text-decoration: underline;

  transition: 0.35s;

}

footer .footer-btm .terms-condition p a:hover {

  color: var(--primary-color);

}

footer.style-2 {

  background: #000;

}

footer.style-2 .footer-top .footer-widget .subscribed-area .form-inner button {

  background-color: var(--primary-color2);

}

footer.style-2

  .footer-top

  .footer-widget

  .subscribed-area

  .form-inner

  button

  svg {

  fill: var(--dark-title-color);

}

footer.style-2 .footer-top .footer-widget .widget-title {

  margin-bottom: 33px;

}

footer.style-2 .footer-top .footer-widget .widget-title h4 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 0;

}

footer.style-2 .footer-top .footer-widget .menu-container ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

footer.style-2 .footer-top .footer-widget .menu-container ul li {

  margin-bottom: 20px;

}

footer.style-2 .footer-top .footer-widget .menu-container ul li:last-child {

  margin-bottom: 0;

}

footer.style-2 .footer-top .footer-widget .menu-container ul li a span {

  background: var(--primary-color2);

  color: var(--dark-title-color);

}

footer.style-2

  .footer-top

  .footer-logo-contact-wrap

  .footer-contact

  .single-contact

  h5

  a:hover {

  color: var(--primary-color2);

}

footer .footer-btm .copyright-area p a:hover {

  color: var(--primary-color2);

}

footer .footer-btm .terms-condition p a:hover {

  color: var(--primary-color2);

}

@media (max-width: 1199px) {

  footer.home5-footer {

    padding: 90px 0 0;

  }

}

@media (max-width: 767px) {

  footer.home5-footer {

    padding: 70px 0 0;

  }

}

footer.home5-footer .footer-top .contact-area {

  text-align: center;

  position: relative;

}

footer.home5-footer .footer-top .contact-area h2 {

  color: var(--white-color);

  font-family: var(--font-fahkwang);

  font-size: 130px;

  font-weight: 500;

  line-height: 1.1;

  margin-bottom: 50px;

}

@media (max-width: 1199px) {

  footer.home5-footer .footer-top .contact-area h2 {

    font-size: 110px;

  }

}

@media (max-width: 991px) {

  footer.home5-footer .footer-top .contact-area h2 {

    font-size: 90px;

    margin-bottom: 30px;

  }

}

@media (max-width: 767px) {

  footer.home5-footer .footer-top .contact-area h2 {

    font-size: 80px;

    margin-bottom: 20px;

  }

}

footer.home5-footer .footer-top .contact-area .email-address {

  position: relative;

}

footer.home5-footer .footer-top .contact-area .email-address .shape {

  fill: none;

  position: absolute;

  bottom: 98px;

  left: 0;

}

@media (max-width: 1399px) {

  footer.home5-footer .footer-top .contact-area .email-address .shape {

    left: -50px;

  }

}

@media (max-width: 991px) {

  footer.home5-footer .footer-top .contact-area .email-address .shape {

    display: none;

  }

}

footer.home5-footer

  .footer-top

  .contact-area

  .email-address

  .shape

  lineargradient

  stop {

  stop-color: var(--primary-color4);

}

footer.home5-footer .footer-top .contact-area .email-address .vector1 {

  position: absolute;

  top: -40px;

  right: 15%;

  opacity: 0;

  transform: scale(0.4);

  transition: 0.5s;

}

@media (max-width: 1399px) {

  footer.home5-footer .footer-top .contact-area .email-address .vector1 {

    right: 9%;

  }

}

@media (max-width: 1199px) {

  footer.home5-footer .footer-top .contact-area .email-address .vector1 {

    right: 5%;

  }

}

@media (max-width: 991px) {

  footer.home5-footer .footer-top .contact-area .email-address .vector1 {

    right: 0;

  }

}

@media (max-width: 767px) {

  footer.home5-footer .footer-top .contact-area .email-address .vector1 {

    display: none;

  }

}

footer.home5-footer .footer-top .contact-area .email-address .vector1::before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 56px;

  height: 56px;

  border-radius: 50%;

  border: 1px dashed var(--white-color);

}

footer.home5-footer .footer-top .contact-area .email-address .vector1 img {

  width: 50px;

  height: 50px;

  border-radius: 50%;

}

footer.home5-footer .footer-top .contact-area .email-address .vector2 {

  position: absolute;

  bottom: 14px;

  right: -3%;

  opacity: 0;

  transform: scale(0.4);

  transition: 0.75s;

  transition-delay: 0.2s;

}

@media (max-width: 1399px) {

  footer.home5-footer .footer-top .contact-area .email-address .vector2 {

    right: -7%;

  }

}

@media (max-width: 991px) {

  footer.home5-footer .footer-top .contact-area .email-address .vector2 {

    display: none;

  }

}

footer.home5-footer .footer-top .contact-area .email-address .vector2::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 65px;

  height: 65px;

  border-radius: 50%;

  border: 1px solid var(--primary-color4);

}

footer.home5-footer .footer-top .contact-area .email-address .vector2 img {

  width: 60px;

  height: 60px;

  border-radius: 50%;

}

footer.home5-footer .footer-top .contact-area .email-address .vector3 {

  position: absolute;

  top: -120%;

  right: 0;

  opacity: 0;

  transform: scale(0.4);

  transition: 0.75s;

  transition-delay: 0.3s;

}

@media (max-width: 1399px) {

  footer.home5-footer .footer-top .contact-area .email-address .vector3 {

    right: -30px;

  }

}

@media (max-width: 991px) {

  footer.home5-footer .footer-top .contact-area .email-address .vector3 {

    display: none;

  }

}

footer.home5-footer .footer-top .contact-area .email-address .vector3 .shape2 {

  position: absolute;

  top: -40px;

  right: -45px;

  fill: none;

}

footer.home5-footer

  .footer-top

  .contact-area

  .email-address

  .vector3

  .shape2

  lineargradient

  stop {

  stop-color: var(--primary-color4);

}

footer.home5-footer .footer-top .contact-area .email-address .vector3 img {

  width: 60px;

  height: 60px;

  border-radius: 50%;

}

footer.home5-footer .footer-top .contact-area .email-address a {

  padding: 33px 20px;

  background-color: #161616;

  border: 1px solid #202020;

  border-radius: 68px;

  max-width: 613px;

  width: 100%;

  margin: 0 auto;

  display: inline-block;

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1;

  transition: 0.5s;

}

footer.home5-footer .footer-top .contact-area .email-address a:hover {

  color: var(--primary-color4);

}

footer.home5-footer .footer-top .contact-area .email-address a:hover ~ .vector1,

footer.home5-footer .footer-top .contact-area .email-address a:hover ~ .vector2,

footer.home5-footer

  .footer-top

  .contact-area

  .email-address

  a:hover

  ~ .vector3 {

  opacity: 1;

  transform: scale(1);

}

@media (max-width: 767px) {

  footer.home5-footer .footer-top .contact-area .email-address a {

    font-size: 26px;

    padding: 25px 20px;

    max-width: 480px;

  }

}

@media (max-width: 576px) {

  footer.home5-footer .footer-top .contact-area .email-address a {

    font-size: 18px;

    padding: 20px 10px;

  }

}

footer.home5-footer .footer-top .social-area {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  padding-top: 40px;

  border-top: 1px solid rgba(255, 255, 255, 0.04);

}

@media (max-width: 767px) {

  footer.home5-footer .footer-top .social-area {

    flex-wrap: wrap;

    justify-content: center;

    text-align: center;

    padding-top: 30px;

  }

}

footer.home5-footer .footer-top .social-area h3 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.5;

  max-width: 535px;

  width: 100%;

  margin-bottom: 0;

}

@media (max-width: 767px) {

  footer.home5-footer .footer-top .social-area h3 {

    font-size: 25px;

  }

}

footer.home5-footer .footer-top .social-area .social-list {

  padding: 0;

  margin: 0;

  list-style: none;

  max-width: 270px;

  width: 100%;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

}

footer.home5-footer .footer-top .social-area .social-list li {

  padding: 5px 22px;

  background-color: #252525;

  border: 1px solid rgba(255, 255, 255, 0.1);

  border-radius: 50px;

  line-height: 1;

  transition: 0.5s;

}

footer.home5-footer .footer-top .social-area .social-list li a {

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  transition: 0.5s;

}

footer.home5-footer .footer-top .social-area .social-list li:hover {

  background-color: var(--primary-color4);

}

footer.home5-footer .footer-top .social-area .social-list li:hover a {

  color: var(--dark-title-color);

}

footer.home5-footer .footer-top .footer-menu-wrap {

  border: 1px solid rgba(255, 255, 255, 0.08);

  border-radius: 10px;

  background-color: #161616;

  padding: 25px 40px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

}

@media (max-width: 991px) {

  footer.home5-footer .footer-top .footer-menu-wrap {

    flex-wrap: wrap;

    justify-content: center;

    border: none;

    padding: 20px 30px;

  }

}

@media (max-width: 576px) {

  footer.home5-footer .footer-top .footer-menu-wrap {

    padding: 20px;

    gap: 25px;

  }

}

footer.home5-footer .footer-top .footer-menu-wrap .footer-menu {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px;

}

@media (max-width: 991px) {

  footer.home5-footer .footer-top .footer-menu-wrap .footer-menu {

    justify-content: center;

  }

}

footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li {

  line-height: 1;

  padding-right: 30px;

}

@media (max-width: 1499px) {

  footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li {

    padding-right: 8px;

  }

}

@media (max-width: 1399px) {

  footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li {

    padding-right: 0;

  }

}

footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li:last-child {

  padding-right: 0;

}

footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a {

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  transition: 0.35s;

  display: flex;

  align-items: baseline;

  gap: 6px;

}

footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a svg {

  fill: #fee;

  transition: 0.35s;

  opacity: 0;

}

footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a:hover {

  color: var(--white-color);

}

footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a:hover svg {

  opacity: 1;

}

@media (max-width: 767px) {

  footer.home5-footer .footer-btm {

    justify-content: center;

  }

}

footer.home5-footer .footer-btm .copyright-area p a:hover {

  color: var(--primary-color4);

}

footer.home5-footer .footer-btm .terms-condition p a:hover {

  color: var(--primary-color4);

}

@media (max-width: 1199px) {

  footer.home6-footer {

    padding: 90px 0 0;

  }

}

@media (max-width: 767px) {

  footer.home6-footer {

    padding: 70px 0 0;

  }

}

footer.home6-footer .footer-top {

  text-align: center;

}

footer.home6-footer .footer-top h4 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

  line-height: 1.4;

  margin-bottom: 15px;

}

footer.home6-footer .footer-top p {

  color: #dfdfdf;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  margin-bottom: 45px;

}

@media (max-width: 991px) {

  footer.home6-footer .footer-top p {

    margin-bottom: 35px;

  }

}

@media (max-width: 767px) {

  footer.home6-footer .footer-top p {

    margin-bottom: 25px;

  }

}

footer.home6-footer .footer-top .contact-area {

  max-width: 535px;

  width: 100%;

  margin: 0 auto;

}

footer.home6-footer .footer-top .contact-area .form-inner {

  display: flex;

  align-items: center;

  background-color: var(--white-color);

  border-radius: 10px;

  padding: 6px;

  height: 60px;

  margin-bottom: 20px;

}

footer.home6-footer .footer-top .contact-area .form-inner input {

  background-color: transparent;

  border: unset;

}

footer.home6-footer .footer-top .contact-area .form-inner input:focus {

  border: unset;

}

@media (max-width: 576px) {

  footer.home6-footer .footer-top .contact-area .form-inner input {

    padding: 10px 15px;

  }

}

footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3 {

  background-color: var(--primary-color4);

  border-color: var(--primary-color4);

  color: var(--primary-color3);

  border-radius: 10px;

  padding: 15px 36px;

  justify-content: center;

  min-width: 180px;

}

@media (max-width: 576px) {

  footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3 {

    min-width: 140px;

    padding: 15px 10px;

    font-size: 13px;

  }

}

footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3 svg {

  min-width: 11px;

  fill: var(--primary-color3);

}

footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3:hover {

  border-color: var(--border-color2);

}

footer.home6-footer .footer-top .contact-area ul {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 40px;

}

@media (max-width: 576px) {

  footer.home6-footer .footer-top .contact-area ul {

    flex-wrap: wrap;

    gap: 20px;

  }

}

footer.home6-footer .footer-top .contact-area ul li {

  display: flex;

  align-items: center;

  gap: 8px;

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1.2;

}

footer.home6-footer .footer-top .contact-area ul li svg {

  fill: var(--primary-color4);

}

footer.home6-footer .footer-menu-wrap {

  background-color: #202020;

  border-radius: 20px;

  padding: 50px;

}

@media (max-width: 1199px) {

  footer.home6-footer .footer-menu-wrap {

    padding: 50px 30px;

  }

}

@media (max-width: 576px) {

  footer.home6-footer .footer-menu-wrap {

    padding: 40px 20px;

    border-radius: 10px;

  }

}

footer.home6-footer .footer-menu-wrap .menu-container ul li a svg {

  fill: var(--primary-color4);

}

footer.home6-footer .footer-menu-wrap .menu-container ul li a:hover {

  color: var(--primary-color4);

}

footer.home6-footer .footer-menu-wrap .footer-widget .footer-content {

  max-width: 485px;

  width: 100%;

  padding-top: 25px;

  margin-bottom: 45px;

}

@media (max-width: 1199px) {

  footer.home6-footer .footer-menu-wrap .footer-widget .footer-content {

    margin-bottom: 35px;

  }

}

@media (max-width: 576px) {

  footer.home6-footer .footer-menu-wrap .footer-widget .footer-content {

    margin-bottom: 30px;

  }

}

footer.home6-footer .footer-menu-wrap .footer-widget .footer-content p {

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

}

footer.home6-footer .footer-menu-wrap .footer-widget .social-area {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 15px;

}

footer.home6-footer .footer-menu-wrap .footer-widget .social-area li a {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background-color: var(--primary-color3);

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--primary-color4);

  transition: 0.5s;

}

footer.home6-footer .footer-menu-wrap .footer-widget .social-area li a i {

  font-size: 14px;

}

footer.home6-footer .footer-menu-wrap .footer-widget .social-area li a:hover {

  background-color: var(--primary-color4);

  color: var(--dark-title-color);

}

footer.home6-footer .footer-btm .copyright-area p a:hover {

  color: var(--primary-color4);

}

footer.home6-footer .footer-btm .terms-condition p a:hover {

  color: var(--primary-color4);

}

footer .container {

  padding: 0;

}

footer .bottom {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

footer .logolar ul {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0;

}





footer .logolar ul li.active {

  opacity: 1;

}

footer .logolar ul li:hover {

  opacity: 1;

}



.animet-images {

  overflow: hidden;

}

.sidebar-area {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  padding: 0 0 70px;

  z-index: 9999;

  overflow-y: auto;

  transition: all 0.7s;

  background-color: #000000;

  height: 100%;

  transform-origin: top;

  transform: translateY(-120%);

  transition: transform 0.6s ease-in;

}

@media (max-width: 1399px) {

  .sidebar-area {

    padding: 0 0 70px;

  }

}

.sidebar-area.active {

  transform: translateY(0);

}

.sidebar-area .sidebar-menu-top-area {

  padding: 17px 3%;

  border-bottom: 1px solid var(--border-color2);

  margin-bottom: 80px;

  display: flex;

  justify-content: space-between;

}

@media (max-width: 1399px) {

  .sidebar-area .sidebar-menu-top-area {

    padding: 25px 2%;

  }

}

@media (max-width: 991px) {

  .sidebar-area .sidebar-menu-top-area {

    padding: 0;

  }

}

.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo {

  display: flex;

  align-items: center;

}

@media (max-width: 991px) {

  .sidebar-area .sidebar-menu-top-area .sidebar-menu-logo {

    padding: 15px;

  }

}

.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo img {

  width: 146px;

  max-width: unset;

}

.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo .logo-light {

  display: none;

}

.sidebar-area .sidebar-menu-top-area .nav-right {

  gap: 105px;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .sidebar-area .sidebar-menu-top-area .nav-right {

    gap: 60px;

  }

}

@media (max-width: 1399px) {

  .sidebar-area .sidebar-menu-top-area .nav-right {

    gap: 30px;

  }

}

@media (max-width: 991px) {

  .sidebar-area .sidebar-menu-top-area .nav-right {

    gap: 0;

  }

}

.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close {

  border: 1px solid var(--white-color);

  width: 40px;

  height: 40px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: 0.5s;

}

.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close svg {

  fill: var(--white-color);

  transition: 0.5s;

}

@media (max-width: 991px) {

  .sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close {

    margin: 0 15px;

  }

}

@media (max-width: 576px) {

  .sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close {

    width: 36px;

    height: 36px;

  }

  .sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close svg {

    width: 18px;

    height: 18px;

  }

}

.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close:hover {

  background-color: #ffffff;

  border-color: #f;

}

.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close:hover svg {

  fill: var(--black);

}

.sidebar-area .sidebar-menu-top-area .nav-right .header-btn {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  border: 1px solid var(--white-color);

  background: var(--black);

  line-height: 1;

  display: inline-flex;

  align-items: baseline;

  padding: 20px 35px;

  gap: 8px;

  white-space: nowrap;

  overflow: hidden;

  position: relative;

  z-index: 1;

  transition: all 0.6s;

}

@media (max-width: 1199px) {

  .sidebar-area .sidebar-menu-top-area .nav-right .header-btn {

    padding: 14px 22px;

    display: none;

    visibility: hidden;

  }

}

.sidebar-area .sidebar-menu-top-area .nav-right .header-btn svg {

  fill: var(--white-color);

  transition: all 0.6s;

}

.sidebar-area .sidebar-menu-top-area .nav-right .header-btn span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 36px;

  background-color: var(--white-color);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.sidebar-area .sidebar-menu-top-area .nav-right .header-btn:hover {

  color: var(--black);

}

.sidebar-area .sidebar-menu-top-area .nav-right .header-btn:hover svg {

  fill: var(--black);

}

.sidebar-area .sidebar-menu-top-area .nav-right .header-btn:hover span {

  width: 225%;

  height: 1000.5px;

}

.sidebar-area .sidebar-menu-top-area .nav-right .header-btn:active {

  background-color: var(--white-color);

}

@media (max-width: 991px) {

  .sidebar-area .sidebar-menu-top-area .nav-right .header-btn {

    display: none;

    visibility: hidden;

  }

}

.sidebar-area .sidebar-menu-top-area.two .nav-right .header-btn {

  padding: 19px 35px;

  transition: all 0.6s;

  border-radius: 5px;

}

@media (max-width: 1199px) {

  .sidebar-area .sidebar-menu-top-area.two .nav-right .header-btn {

    padding: 14px 22px;

  }

}

@media (max-width: 1399px) {

  .sidebar-area .sidebar-contact .getin-touch-area {

    margin-bottom: 35px;

  }

}

.sidebar-area .sidebar-contact .getin-touch-area h4 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 35px;

}

@media (max-width: 1399px) {

  .sidebar-area .sidebar-contact .getin-touch-area h4 {

    margin-bottom: 25px;

  }

}

.sidebar-area .sidebar-contact .getin-touch-area h4 svg {

  fill: var(--white-color);

  margin-left: 5px;

}

.sidebar-area .sidebar-contact .getin-touch-area ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact {

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 40px;

}

@media (max-width: 1399px) {

  .sidebar-area .sidebar-contact .getin-touch-area ul .single-contact {

    margin-bottom: 20px;

  }

}

.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact:last-child {

  margin-bottom: 0;

}

.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .icon {

  height: 40px;

  min-width: 40px;

  max-width: 40px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.35s;

  border: 1px solid var(--white-color);

}

.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .icon svg {

  transition: 0.35s;

  fill: var(--white-color);

}

.sidebar-area

  .sidebar-contact

  .getin-touch-area

  ul

  .single-contact

  .contact

  span {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

}

.sidebar-area

  .sidebar-contact

  .getin-touch-area

  ul

  .single-contact

  .contact

  h6 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 26px;

  margin-bottom: 0;

}

.sidebar-area

  .sidebar-contact

  .getin-touch-area

  ul

  .single-contact

  .contact

  h6

  a {

  color: var(--white-color);

  transition: 0.35s;

}

.sidebar-area

  .sidebar-contact

  .getin-touch-area

  ul

  .single-contact

  .contact

  h6

  a:hover {

  color: var(--paragraph-color);

}

.sidebar-area

  .sidebar-contact

  .getin-touch-area

  ul

  .single-contact:hover

  .icon {

  background-color: var(--title-color);

}

.sidebar-area

  .sidebar-contact

  .getin-touch-area

  ul

  .single-contact:hover

  .icon

  svg {

  fill: var(---dark-white-color);

}

.sidebar-area .sidebar-contact .social-link-area h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 0;

  padding-bottom: 10px;

  margin-bottom: 20px;

}

.sidebar-area .sidebar-contact .social-link-area h6 svg {

  fill: var(--title-color);

  margin-left: 5px;

}

.sidebar-area .sidebar-contact .social-link-area .social-area {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  margin: 0;

  padding: 0;

  list-style: none;

}

.sidebar-area .sidebar-contact .social-link-area .social-area li a {

  border: 1px solid var(--border-color);

  border-radius: 50px;

  display: flex;

  align-items: center;

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  padding: 7px 15px;

  transition: 0.35s;

}

.sidebar-area .sidebar-contact .social-link-area .social-area li a i {

  color: var(--white-color);

  line-height: 1;

  transition: 0.35s;

}

.sidebar-area .sidebar-contact .social-link-area .social-area li a:hover {

  background-color: var(--black);

  border-color: var(--black);

  color: var(--white-color);

}

.sidebar-area .sidebar-contact .social-link-area .social-area li a:hover i {

  color: var(--white-color);

}

.sidebar-area .sidebar-menu-wrap {

  border-left: 1px solid var(--border-color2);

}

.sidebar-area .sidebar-menu-wrap .main-menu {

  margin: 0;

  padding: 0;

  list-style: none;

  overflow-y: auto;

  border-top: 1px solid var(--border-color2);

  border-right: 1px solid var(--border-color2);

}

.sidebar-area .sidebar-menu-wrap .main-menu::-webkit-scrollbar {

  width: 0;

}

.sidebar-area .sidebar-menu-wrap .main-menu::-webkit-scrollbar-track {

  background: var(--title-color);

}

.sidebar-area .sidebar-menu-wrap .main-menu::-webkit-scrollbar-thumb {

  background: var(--primary-color);

}

.sidebar-area .sidebar-menu-wrap .main-menu > li {

  position: relative;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li > a {

  border-bottom: 1px solid var(--border-color2);

  color: var(--white-color);

  font-family: var(--font-unbounded);



  font-size: 30px;

  font-weight: 500;

  display: block;

  line-height: 40px;

  padding: 25px 70px;

  transition: 0.35s;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li > a:hover {

  color: var(--title-color);

}

/*

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text {

    display: flex;

    overflow: hidden;

    text-shadow: 0 30px 0 var(--title-color);

}



.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span {

    display: block;

    backface-visibility: hidden;

    transition: transform .4s ease;

    transform: translateY(var(--m)) translateZ(0);

}

*/

/*

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(1) {

    transition-delay: .05s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(2) {

    transition-delay: .1s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(3) {

    transition-delay: .15s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(4) {

    transition-delay: .2s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(5) {

    transition-delay: .25s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(6) {

    transition-delay: .3s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(7) {

    transition-delay: .35s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(8) {

    transition-delay: .4s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(9) {

    transition-delay: .45s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(10) {

    transition-delay: .5s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(11) {

    transition-delay: .55s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(12) {

    transition-delay: .6s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(13) {

    transition-delay: .65s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(14) {

    transition-delay: .7s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(15) {

    transition-delay: .75s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(16) {

    transition-delay: .8s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(17) {

    transition-delay: .85s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(18) {

    transition-delay: .9s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(19) {

    transition-delay: .95s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(20) {

    transition-delay: 1s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(21) {

    transition-delay: 1.05s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(22) {

    transition-delay: 1.1s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(23) {

    transition-delay: 1.15s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(24) {

    transition-delay: 1.2s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(25) {

    transition-delay: 1.25s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(26) {

    transition-delay: 1.3s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(27) {

    transition-delay: 1.35s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(28) {

    transition-delay: 1.4s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(29) {

    transition-delay: 1.45s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(30) {

    transition-delay: 1.5s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(31) {

    transition-delay: 1.55s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(32) {

    transition-delay: 1.6s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(33) {

    transition-delay: 1.65s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(34) {

    transition-delay: 1.7s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(35) {

    transition-delay: 1.75s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(36) {

    transition-delay: 1.8s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(37) {

    transition-delay: 1.85s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(38) {

    transition-delay: 1.9s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(39) {

    transition-delay: 1.95s;

}

.sidebar-area .sidebar-menu-wrap .main-menu>li>a .menu-text span:nth-child(40) {

    transition-delay: 2s;

}

*/



@media (max-width: 1399px) {

  .sidebar-area .sidebar-menu-wrap .main-menu > li > a {

    padding-left: 20px;

  }

}

.sidebar-area .sidebar-menu-wrap .main-menu > li > a:hover {

  --y: -0px;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li > a:hover span {

  --m: calc(30px * -1);

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2 {

  position: absolute;

  right: 24px;

  top: 20px;

  width: 40px;

  height: 40px;

  border-radius: 5px;

  background-color: var(--title-color);

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2 i {

  color: var(---dark-white-color);

  font-size: 28px;

}

@media (max-width: 1399px) {

  .sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2 i {

    font-size: 22px;

  }

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .dropdown-icon2.active

  i::before {

  content: "\f2ea";

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2.two {

  height: unset;

  width: unset;

  background-color: transparent;

  top: -7px;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2.two i {

  color: var(--title-color);

}

.sidebar-area .sidebar-menu-wrap .main-menu > li.active > a {

  color: var(--primary-color);

}

/*

.sidebar-area .sidebar-menu-wrap .main-menu>li.active>a .menu-text {

    text-shadow: 0 30px 0 var(--primary-color);

}

*/

.sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2 {

  background-color: var(--primary-color);

}

.sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2 i {

  color: var(--white-color);

  font-size: 28px;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2.two {

  background-color: transparent;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2.two i {

  color: var(--title-color);

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list {

  margin: 0;

  padding: 0;

  list-style: none;

  padding-left: 40px;

  position: static;

  opacity: 1;

  visibility: visible;

  transition: none;

  display: none;

  padding-top: 35px;

  padding-bottom: 35px;

  padding-left: 70px;

  border-bottom: 1px solid var(--border-color2);

}

@media (max-width: 1399px) {

  .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list {

    padding-left: 40px;

    padding-top: 30px;

    padding-bottom: 30px;

  }

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list.active {

  display: block;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li {

  position: relative;

  margin-bottom: 15px;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li:last-child {

  margin-bottom: 0;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li::after {

  content: "";

  height: 10px;

  width: 10px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  position: absolute;

  left: -20px;

  border: 1px solid var(--paragraph-color-dark);

  top: 8px;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li > a {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  transition: 0.35s;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li > a svg {

  fill: var(--paragraph-color);

  margin-left: 5px;

  transition: 0.35s;

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li > a:hover {

  color: var(--title-color);

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li

  > a:hover

  svg {

  fill: var(--paragraph-color);

}

.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li.active > a {

  color: var(--primary-color);

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li.active

  > a

  svg {

  fill: var(--primary-color);

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li.active

  .dropdown-icon2.two

  i {

  color: var(--primary-color);

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li.active::after {

  border-color: var(--primary-color);

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li

  .submenu-list {

  padding-top: 20px;

  padding-bottom: 7px;

  padding-left: 20px;

  border-bottom: none;

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li

  .submenu-list

  li {

  margin-bottom: 10px;

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li

  .submenu-list

  li::after {

  display: none;

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li

  .submenu-list

  li

  a {

  font-size: 15px;

  font-weight: 400;

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li

  .submenu-list

  li

  a

  svg {

  fill: var(--paragraph-color);

  margin-left: 5px;

  transition: 0.35s;

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li

  .submenu-list

  li

  a:hover {

  color: var(--title-color);

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li

  .submenu-list

  li

  a:hover

  svg {

  fill: var(--primary-color);

}

.sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-list

  li

  .submenu-list

  li.active {

  color: var(--primary-color);

}

.home2-banner-area {

  background-image: url(../img/home2/banner-bg.png),

    linear-gradient(#1a1a1a, #1a1a1a);

  background-size: cover;

  background-repeat: no-repeat;

  padding: 150px 0 56px;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .home2-banner-area {

    padding: 200px 0 70px;

  }

}

.home2-banner-area .banner-content-wrap h1 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 90px;

  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 60px;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .home2-banner-area .banner-content-wrap h1 {

    font-size: 80px;

  }

}

@media (max-width: 1399px) {

  .home2-banner-area .banner-content-wrap h1 {

    font-size: 70px;

    margin-bottom: 45px;

  }

}

@media (max-width: 1199px) {

  .home2-banner-area .banner-content-wrap h1 {

    font-size: 55px;

    margin-bottom: 35px;

  }

}

@media (max-width: 1199px) {

  .home2-banner-area .banner-content-wrap h1 {

    font-size: 38px;

    margin-bottom: 30px;

  }

}

.home2-banner-area .banner-content-wrap h1 span {

  font-family: var(--font-fahkwang);

  font-weight: 400;

  display: block;

}

.home2-banner-area .banner-content-wrap .banner-content {

  display: flex;

  gap: 24px;

}

@media (max-width: 576px) {

  .home2-banner-area .banner-content-wrap .banner-content {

    flex-wrap: wrap;

  }

}

.home2-banner-area

  .banner-content-wrap

  .banner-content

  .vector-and-review

  .vector {

  margin-bottom: 69px;

}

@media (max-width: 1399px) {

  .home2-banner-area

    .banner-content-wrap

    .banner-content

    .vector-and-review

    .vector {

    max-width: 250px;

  }

}

@media (max-width: 991px) {

  .home2-banner-area

    .banner-content-wrap

    .banner-content

    .vector-and-review

    .vector {

    margin-bottom: 30px;

  }

}

@media (max-width: 576px) {

  .home2-banner-area

    .banner-content-wrap

    .banner-content

    .vector-and-review

    .vector {

    display: none;

    visibility: hidden;

  }

}

.home2-banner-area

  .banner-content-wrap

  .banner-content

  .vector-and-review

  .vector

  svg {

  fill: rgba(255, 255, 255, 0.08);

  width: 250px;

}

.home2-banner-area .banner-content-wrap .banner-content .content-and-btn p {

  color: #c4c4c4;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 45px;

}

.home2-banner-area

  .banner-content-wrap

  .banner-content

  .content-and-btn

  p

  span {

  color: var(--white-color);

}

.home2-banner-area

  .banner-content-wrap

  .banner-content

  .content-and-btn

  .banner-btn

  a {

  display: flex;

  align-items: center;

  white-space: nowrap;

  transition: 0.45s;

}

.home2-banner-area

  .banner-content-wrap

  .banner-content

  .content-and-btn

  .banner-btn

  a

  .content {

  color: var(--dark-title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  background-color: var(--primary-color2);

  border-radius: 28px;

  padding: 17px 36px;

  display: inline-block;

  transform: translate3d(-56px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)

    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

  transform-style: preserve-3d;

  transition: 0.45s;

}

.home2-banner-area

  .banner-content-wrap

  .banner-content

  .content-and-btn

  .banner-btn

  a

  .icon {

  width: 56px;

  height: 56px;

  border-radius: 50%;

  background-color: var(--primary-color2);

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.45s;

}

.home2-banner-area

  .banner-content-wrap

  .banner-content

  .content-and-btn

  .banner-btn

  a

  .icon.two {

  transform: translate3d(-56px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)

    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

  transform-style: preserve-3d;

}

.home2-banner-area

  .banner-content-wrap

  .banner-content

  .content-and-btn

  .banner-btn

  a:hover

  .content {

  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)

    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

  transform-style: preserve-3d;

}

.home2-banner-area

  .banner-content-wrap

  .banner-content

  .content-and-btn

  .banner-btn

  a:hover

  .icon.two {

  opacity: 0;

}

.home2-banner-area .banner-img img {

  max-width: unset;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .home2-banner-area .banner-img img {

    max-width: 100%;

  }

}

@media (max-width: 1399px) {

  .home2-banner-area .banner-img img {

    max-width: 100%;

  }

}

.rating-area {

  display: flex;

  align-items: center;

  gap: 20px;

}

.rating-area .review span {

  color: #dfdfdf;

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  line-height: 1;

  margin-bottom: 5px;

  display: block;

}

.rating-area .review svg {

  fill: var(--white-color);

}

.rating-area .rating .star {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 6px;

  line-height: 1;

  margin-bottom: 5px;

}

.rating-area .rating .star li i {

  color: #e62415;

  font-size: 14px;

}

.rating-area .rating span {

  color: #dfdfdf;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

}

.rating-area.dark .review span {

  color: var(--title-color);

}

.rating-area.dark .review svg {

  fill: var(--title-color);

}

.rating-area.dark .rating span {

  color: var(--title-color);

}

.home2-about-section .counter-and-btn {

  max-width: 320px;

  width: 100%;

  margin: 0 auto;

}

@media (max-width: 991px) {

  .home2-about-section .counter-and-btn {

    margin-left: 0;

  }

}

.home2-about-section .counter-and-btn a {

  display: flex;

  align-items: center;

  white-space: nowrap;

  transition: 0.45s;

}

.home2-about-section .counter-and-btn a .content {

  color: var(---dark-white-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  background-color: var(--title-color);

  border-radius: 28px;

  padding: 17px 36px;

  display: inline-block;

  transform: translate3d(-56px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)

    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

  transform-style: preserve-3d;

  transition: 0.45s;

}

.home2-about-section .counter-and-btn a .icon {

  width: 56px;

  height: 56px;

  border-radius: 50%;

  background-color: var(--title-color);

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.45s;

}

.home2-about-section .counter-and-btn a .icon svg {

  fill: var(---dark-white-color);

}

.home2-about-section .counter-and-btn a .icon.two {

  transform: translate3d(-56px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)

    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

  transform-style: preserve-3d;

  transition: 0.45s;

}

.home2-about-section .counter-and-btn a:hover .content {

  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)

    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

}

.home2-about-section .counter-and-btn a:hover .icon.two {

  opacity: 0;

}

.home2-about-section .counter-wrap {

  margin: 0;

  padding: 0;

  list-style: none;

}

.home2-about-section .counter-wrap .single-counter {

  display: flex;

  align-items: flex-start;

  gap: 40px;

  margin-bottom: 70px;

}

@media (max-width: 991px) {

  .home2-about-section .counter-wrap .single-counter {

    margin-bottom: 40px;

  }

}

.home2-about-section .counter-wrap .single-counter .icon svg {

  fill: var(--title-color);

}

.home2-about-section .counter-wrap .single-counter .content {

  line-height: 1;

}

.home2-about-section .counter-wrap .single-counter .content .number {

  display: flex;

  align-items: center;

  margin-bottom: 13px;

}

.home2-about-section .counter-wrap .single-counter .content .number .counter {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1;

  margin-bottom: 0;

}

.home2-about-section .counter-wrap .single-counter .content .number span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1;

}

.home2-about-section .counter-wrap .single-counter .content p {

  margin-bottom: 0;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

}

.home2-about-section .about-left .about-img {

  margin-bottom: 25px;

}

@media (max-width: 991px) {

  .home2-about-section .about-left .about-img img {

    width: 100%;

  }

}

.home2-about-section .about-left p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

}

@media (max-width: 991px) {

  .home2-about-section .about-right-img img {

    width: 100%;

  }

}

.home2-services-section {

  background-color: #f8f8f8;

  padding: 110px 0;

}

@media (max-width: 1199px) {

  .home2-services-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .home2-services-section {

    padding: 70px 0;

  }

}

.home2-services-section .dash-and-paragraph.three .btn-and-paragraph a:hover {

  color: var(--primary-color2);

}

.home2-services-section

  .dash-and-paragraph.three

  .btn-and-paragraph

  a:hover

  svg {

  fill: var(--primary-color2);

}

.home2-services-section .services-wrapper {

  display: grid;

  grid-template-columns: 33.33% 33.33% 33.33%;

}

@media (max-width: 1399px) {

  .home2-services-section .services-wrapper {

    grid-template-columns: 32.5% 35% 32.5%;

  }

}

@media (max-width: 991px) {

  .home2-services-section .services-wrapper {

    grid-template-columns: 50% 50%;

  }

}

@media (max-width: 767px) {

  .home2-services-section .services-wrapper {

    grid-template-columns: 100%;

  }

}

.home2-services-section .service-card {

  padding: 50px 40px;

  border-bottom: 1px solid var(--border-color);

  border-right: 1px solid var(--border-color);

}

@media (max-width: 1399px) {

  .home2-services-section .service-card {

    padding: 35px 25px;

  }

}

@media (max-width: 991px) {

  .home2-services-section .service-card {

    border: 1px solid var(--border-color);

    border-bottom: none;

    padding: 30px 20px;

  }

}

.home2-services-section .service-card h3 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 28px;

  font-weight: 400;

  margin-bottom: 15px;

}

@media (max-width: 1399px) {

  .home2-services-section .service-card h3 {

    font-size: 26px;

  }

}

.home2-services-section .service-card p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 30px;

}

@media (max-width: 576px) {

  .home2-services-section .service-card p {

    font-size: 15px;

  }

}

.home2-services-section .service-card ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px;

  margin-bottom: 50px;

}

.home2-services-section .service-card ul li a {

  line-height: 1;

  color: #1a1a1a;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  background-color: var(--white-color);

  border-radius: 50px;

  display: inline-block;

  padding: 6px 17px;

  transition: 0.35s;

  border: 1px solid var(--border-color);

}

.home2-services-section .service-card ul li a:hover {

  background-color: var(--dark-title-color);

  color: var(--white-color);

}

.home2-services-section .service-card:nth-child(1) {

  padding-left: 0;

  padding-top: 0;

}

@media (max-width: 991px) {

  .home2-services-section .service-card: nth-child(1) {

    padding: 30px 20px;

  }

}

.home2-services-section .service-card:nth-child(2) {

  padding-top: 0;

}

@media (max-width: 991px) {

  .home2-services-section .service-card: nth-child(2) {

    padding: 30px 20px;

  }

}

.home2-services-section .service-card:nth-child(3) {

  padding-right: 0;

  padding-top: 0;

  border-right: none;

}

@media (max-width: 991px) {

  .home2-services-section .service-card: nth-child(3) {

    padding: 30px 20px;

    border-right: 1px solid var(--border-color);

  }

}

.home2-services-section .service-card:nth-child(4) {

  padding-left: 0;

  padding-bottom: 0;

  border-bottom: none;

}

@media (max-width: 991px) {

  .home2-services-section .service-card: nth-child(4) {

    padding: 30px 20px;

    border-bottom: 1px solid var(--border-color);

  }

}

.home2-services-section .service-card:nth-child(5) {

  padding-bottom: 0;

  border-bottom: none;

}

@media (max-width: 991px) {

  .home2-services-section .service-card: nth-child(5) {

    padding: 30px 20px;

    border-bottom: 1px solid var(--border-color);

  }

}

.home2-services-section .service-card:nth-child(6) {

  padding-right: 0;

  padding-bottom: 0;

  border-bottom: none;

  border-right: none;

}

@media (max-width: 991px) {

  .home2-services-section .service-card: nth-child(6) {

    padding: 30px 20px;

    border-bottom: 1px solid var(--border-color);

    border-right: 1px solid var(--border-color);

  }

}

.home2-counter-area .single-counter {

  width: 406px;

  height: 408px;

  border-radius: 408px;

  border: 1px solid var(--border-color2);

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  position: relative;

}

@media (max-width: 1399px) {

  .home2-counter-area .single-counter {

    width: 360px;

    height: 360px;

  }

}

@media (max-width: 1199px) {

  .home2-counter-area .single-counter {

    width: 300px;

    height: 300px;

  }

}

@media (max-width: 991px) {

  .home2-counter-area .single-counter {

    width: 100%;

    height: unset;

    padding: 20px;

    border-radius: 0;

  }

}

.home2-counter-area .single-counter .content .number h2 {

  color: var(--title-color);

  text-align: center;

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

  margin-bottom: 10px;

}

.home2-counter-area .single-counter .content p {

  margin-bottom: 0;

  color: var(--paragraph-color);

  text-align: center;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

}

.home2-counter-area .single-counter.two {

  position: relative;

  z-index: 2;

}

.home2-inner-banner {

  padding: 100px 0;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  min-height: 85vh;

  display: flex;

  position: relative;

  align-items: end;

  margin-bottom: 255px;

}

@media (max-width: 991px) {

  .home2-inner-banner {

    margin-bottom: 170px;

  }

}

@media (max-width: 991px) {

  .home2-inner-banner {

    min-height: 75vh;

  }

}

.home2-inner-banner .clutch-logo {

  position: absolute;

  right: 175px;

  bottom: -135px;

}

@media (max-width: 1399px) {

  .home2-inner-banner .clutch-logo {

    right: 75px;

  }

}

@media (max-width: 991px) {

  .home2-inner-banner .clutch-logo {

    bottom: -81px;

    right: 50px;

  }

  .home2-inner-banner .clutch-logo img {

    width: 150px;

  }

}

.home2-inner-banner .banner-content {

  max-width: 900px;

  width: 100%;

}

.home2-inner-banner .banner-content h6 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 500;

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 20px;

}

.home2-inner-banner .banner-content h6 span {

  height: 1px;

  width: 200px;

  background-color: #dfdfdf;

  position: relative;

}

@media (max-width: 767px) {

  .home2-inner-banner .banner-content h6 span {

    width: 100px;

  }

}

.home2-inner-banner .banner-content h6 span::before {

  content: "";

  height: 5px;

  width: 5px;

  border-radius: 50%;

  background-color: #dfdfdf;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.home2-inner-banner .banner-content h6 span::after {

  content: "";

  height: 6px;

  width: 5px;

  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);

  clip-path: polygon(0 0, 0% 100%, 100% 50%);

  background-color: #dfdfdf;

  position: absolute;

  right: -5px;

  top: 50%;

  transform: translateY(-50%);

}

.home2-inner-banner .banner-content h2 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

  line-height: 1.35;

  margin-bottom: 0;

}

@media (max-width: 1199px) {

  .home2-inner-banner .banner-content h2 {

    font-size: 35px;

  }

}

@media (max-width: 767px) {

  .home2-inner-banner .banner-content h2 {

    font-size: 28px;

  }

}

.home2-process-section {

  position: relative;

}

.home2-process-section .progress-wrapper .counter-wrap {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  font-size: 18px;

  font-weight: 400;

  color: var(--title-color);

  z-index: 9;

}

.home2-process-section .progress-wrapper .complete {

  fill: none;

  stroke: var(--border-color2);

}

.home2-process-section .single-process-static {

  position: sticky;

  top: 30px;

}

@media (max-width: 1199px) {

  .home2-process-section .single-process-static {

    top: 82px;

  }

}

@media (max-width: 991px) {

  .home2-process-section .single-process-static {

    top: 10px;

  }

}

.home2-process-section .single-process-static:last-child .single-process {

  border-bottom: none;

  margin-bottom: 0;

  padding-bottom: 0;

}

.home2-process-section .home2-process-wrapper {

  border-left: 1px solid var(--border-color2);

}

@media (max-width: 991px) {

  .home2-process-section .home2-process-wrapper {

    border-left: unset;

  }

}

.home2-process-section .single-process {

  padding-bottom: 45px;

  margin-bottom: 50px;

  border-bottom: 1px solid var(--border-color2);

  background-color: var(---dark-white-color);

  padding-left: 25px;

}

@media (max-width: 991px) {

  .home2-process-section .single-process {

    padding-left: 0;

  }

}

.home2-process-section .single-process .icon {

  margin-bottom: 40px;

}

@media (max-width: 991px) {

  .home2-process-section .single-process .icon {

    margin-bottom: 20px;

  }

}

.home2-process-section .single-process .icon svg {

  fill: var(--title-color);

}

.home2-process-section .single-process .content h3 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 400;

  margin-bottom: 16px;

}

@media (max-width: 767px) {

  .home2-process-section .single-process .content h3 {

    font-size: 22px;

  }

}

.home2-process-section .single-process .content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 25px;

}

@media (max-width: 576px) {

  .home2-process-section .single-process .content p {

    font-size: 15px;

  }

}

.home2-process-section .single-process .content ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.home2-process-section .single-process .content ul li {

  display: flex;

  align-items: center;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 10px;

}

.home2-process-section .single-process .content ul li i {

  color: var(--paragraph-color);

  font-size: 16px;

}

.home2-process-section .single-process .content ul li:last-child {

  margin-bottom: 0;

}

.home2-process-section .progress-wrapper {

  display: flex;

  flex-flow: row;

  margin: 0 auto;

  justify-content: center;

}

.home2-process-section .progress-wrapper .steps {

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  color: var(--title-color);

  line-height: 1;

}

.home2-process-section .progress-wrapper #pageIndicator {

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 600;

  color: var(--title-color);

}

.home2-process-section .progress-wrapper .completed:before {

  transform: translate(-50%, -50%) scale(1);

  opacity: 0.5;

}

.home2-process-section .progress-wrapper svg {

  position: sticky;

  transform: rotate(-90deg);

}

.home2-process-section .progress-wrapper svg stop {

  stop-color: var(--primary-color2);

}

.home2-process-section .progress-wrapper svg circle {

  stroke: #c9daed;

  stroke-width: 8px;

  stroke-linecap: round;

  fill: #e8f2fd;

}

.home2-process-section .progress-wrapper svg .progress-bar {

  stroke: url(#grad);

  transition: stroke-dashoffset 0 ease-in-out;

}

.home2-process-section .progress-wrapper .pct {

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-feature-settings: "tnum";

  font-variant-numeric: tabular-nums;

  display: none;

  visibility: hidden;

}

.home2-process-section .progress-wrapper:before {

  content: "";

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) scale(0);

  width: 125vmax;

  height: 125vmax;

  border-radius: 100%;

  background-image: linear-gradient(to top, #f4cb0a 0%, #a6c1ee 100%);

  box-shadow: 0 0 20px #f4cb0a;

  transition: all 500ms cubic-bezier(0.49, 0.23, 0, 0.99);

  opacity: 0;

}

.home2-process-section #scroll-progress {

  position: relative;

}

.home2-process-section #scroll-progress .progress-wrapper {

  position: sticky;

  top: 100px;

  margin-left: 220px;

}

@media (max-width: 1199px) {

  .home2-process-section #scroll-progress .progress-wrapper {

    margin-left: 100px;

  }

}

@media (max-width: 991px) {

  .home2-process-section #scroll-progress .progress-wrapper {

    margin-left: 0;

    display: none;

    visibility: hidden;

  }

}

.home2-portfolio-section {

  background-color: var(--dark-title-color);

  padding: 110px 0;

  position: relative;

  z-index: 999;

}

@media (max-width: 1199px) {

  .home2-portfolio-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .home2-portfolio-section {

    padding: 70px 0;

  }

}

.home2-portfolio-section .section-title h2 {

  color: var(--white-color);

  font-size: 130px;

  font-weight: 500;

  line-height: 1;

  position: relative;

  display: inline-flex;

  align-items: flex-start;

  gap: 30px;

}

@media (max-width: 1399px) {

  .home2-portfolio-section .section-title h2 {

    font-size: 100px;

  }

}

@media (max-width: 1199px) {

  .home2-portfolio-section .section-title h2 {

    font-size: 80px;

  }

}

.home2-portfolio-section .section-title h2 span {

  color: var(--dark-title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  width: 50px;

  height: 50px;

  font-weight: 500;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--primary-color2);

  margin-top: 20px;

}

@media (max-width: 767px) {

  .home2-portfolio-section .section-title h2 span {

    display: none;

    visibility: hidden;

  }

}

.home2-portfolio-section .section-title .dash-and-paragraph {

  padding-top: 0;

}

.home2-portfolio-section .section-title .dash-and-paragraph .dash {

  background-color: #2f2f2f;

}

.home2-portfolio-section .section-title .dash-and-paragraph .dash::after {

  background-color: #2f2f2f;

}

.home2-portfolio-section .section-title .dash-and-paragraph .btn-and-paragraph {

  margin-top: -35px;

}

@media (max-width: 991px) {

  .home2-portfolio-section

    .section-title

    .dash-and-paragraph

    .btn-and-paragraph {

    margin-top: 20px;

  }

}

.home2-portfolio-section

  .section-title

  .dash-and-paragraph

  .btn-and-paragraph

  a {

  color: var(--white-color);

}

.home2-portfolio-section

  .section-title

  .dash-and-paragraph

  .btn-and-paragraph

  a

  svg {

  fill: var(--primary-color2);

}

.home2-portfolio-section

  .section-title

  .dash-and-paragraph

  .btn-and-paragraph

  p {

  color: #c4c4c4;

}

.home2-portfolio-section .dash-and-paragraph.three .btn-and-paragraph a:hover {

  color: var(--primary-color2);

}

.home2-portfolio-section

  .dash-and-paragraph.three

  .btn-and-paragraph

  a:hover

  svg {

  fill: var(--primary-color2);

}

.portfolio-card {

  border: 1px solid #282828;

  border-radius: 10px;

  transition: 0.35s;

}

.portfolio-card .image-and-tag {

  background-color: #252525;

  padding: 30px 40px 0;

  border-radius: 10px 10px 0 0;

  transition: 0.35s;

}

@media (max-width: 1199px) {

  .portfolio-card .image-and-tag {

    padding: 20px 20px 0;

  }

}

.portfolio-card .image-and-tag .tag {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 10px;

  margin-bottom: 15px;

  transition: 0.35s;

}

.portfolio-card .image-and-tag .tag li {

  transition: 0.35s;

}

.portfolio-card .image-and-tag .tag li a {

  line-height: 1;

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  background-color: rgba(0, 0, 0, 0.5);

  border: 1px solid rgba(255, 255, 255, 0.1);

  border-radius: 50px;

  padding: 6px 25px;

  display: inline-block;

  transition: 0.35s;

}

.portfolio-card .image-and-tag .tag li a:hover {

  color: var(--dark-title-color);

  background-color: var(--primary-color2);

}

.portfolio-card .image-and-tag .portfolio-img {

  position: relative;

  transition: 0.35s;

}

.portfolio-card .image-and-tag .portfolio-img img {

  border-radius: 5px 5px 0 0;

}

@media (max-width: 991px) {

  .portfolio-card .image-and-tag .portfolio-img img {

    -o-object-fit: cover;

    object-fit: cover;

    min-height: 200px;

    width: 100%;

  }

}

.portfolio-card .image-and-tag .portfolio-img .details-btn {

  height: 50px;

  width: 50px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #282828;

  position: absolute;

  bottom: -25px;

  right: 30px;

  transition: 0.35s;

  z-index: 9;

}

.portfolio-card .image-and-tag .portfolio-img .details-btn svg {

  fill: var(--white-color);

  transition: 0.35s;

}

.portfolio-card .image-and-tag .portfolio-img .details-btn:hover {

  background-color: var(--primary-color2);

}

.portfolio-card .image-and-tag .portfolio-img .details-btn:hover svg {

  transform: rotate(45deg);

}

.portfolio-card .portfolio-content {

  padding: 28px 40px;

}

@media (max-width: 1199px) {

  .portfolio-card .portfolio-content {

    padding: 25px 20px;

  }

}

.portfolio-card .portfolio-content h4 {

  margin-bottom: 0;

  max-width: 410px;

  width: 100%;

}

.portfolio-card .portfolio-content h4 a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.4;

  text-transform: capitalize;

  transition: 0.5s;

}

@media (max-width: 1199px) {

  .portfolio-card .portfolio-content h4 a {

    font-size: 22px;

  }

}

.portfolio-card .portfolio-content h4 a:hover {

  color: var(--primary-color2);

}

.portfolio-card:hover .image-and-tag .portfolio-img .details-btn {

  background-color: var(--primary-color2);

}

.portfolio-card:hover .image-and-tag .portfolio-img .details-btn svg {

  fill: var(--dark-title-color);

}

.portfolio-card.two {

  border: 1px solid var(--border-color2);

}

.portfolio-card.two .portfolio-content h4 {

  margin-bottom: 0;

  max-width: 410px;

  width: 100%;

}

.portfolio-card.two .portfolio-content h4 a {

  color: var(--title-color);

}

.portfolio-card.two .portfolio-content h4 a:hover {

  color: var(--primary-color);

}

.portfolio-card.two:hover .image-and-tag .portfolio-img .details-btn {

  background-color: var(--primary-color);

}

.portfolio-card.two:hover .image-and-tag .portfolio-img .details-btn svg {

  fill: var(--white-color);

}

.home2-testimonial-section .author-img img {

  border-radius: 10px;

}

.home2-testimonial-section .testimonal-content span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  display: inline-block;

  margin-bottom: 13px;

}

.home2-testimonial-section .testimonal-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 400;

  line-height: 1.4;

  margin-bottom: 25px;

}

@media (max-width: 1399px) {

  .home2-testimonial-section .testimonal-content p {

    font-size: 26px;

  }

}

@media (max-width: 1199px) {

  .home2-testimonial-section .testimonal-content p {

    font-size: 22px;

  }

}

.home2-testimonial-section .testimonal-content .author-area .content h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 2px;

}

.home2-testimonial-section .testimonal-content .author-area .content span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 0;

}

.home2-testimonial-section .swiper-slide-active .author-area {

  animation: fadeInUp 1.7s;

}

.home2-testimonial-section .swiper-slide-active p {

  animation: fadeInDown 1.7s;

}

.home2-testimonial-section .swiper-slide-active span {

  animation: fadeInDown 1.7s;

}

.home2-testimonial-section .slider-btn-area {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

}

.home2-testimonial-section .slider-btn-area .slider-btn {

  border: 1px solid var(--border-color);

  background-color: transparent;

}

.home2-testimonial-section .slider-btn-area .slider-btn svg {

  fill: var(--title-color);

}

.home2-testimonial-section .slider-btn-area .slider-btn:hover {

  background-color: var(--primary-color2);

}

.home2-testimonial-section .slider-btn-area .slider-btn:hover svg {

  fill: var(--white-color);

}

.home2-testimonial-section .slider-btn-area .franctional-pagi2 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 24px;

  font-weight: 500;

  width: unset;

}

.home2-testimonial-section

  .slider-btn-area

  .franctional-pagi2

  .swiper-pagination-total {

  color: var(--paragraph-color);

  font-size: 16px;

  font-weight: 400;

  font-family: var(--font-unbounded);

}

.home2-technology-section {

  background-color: #1a1a1a;

  padding: 100px 0;

}

@media (max-width: 1199px) {

  .home2-technology-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .home2-technology-section {

    padding: 70px 0;

  }

}

.home2-technology-section .technology-tab-wrap ul {

  margin: 0;

  padding: 0;

  list-style: none;

  border: none;

  gap: 35px;

  justify-content: center;

}

.home2-technology-section .technology-tab-wrap ul li {

  line-height: 1;

}

.home2-technology-section .technology-tab-wrap ul li button {

  color: #fff;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

  border-radius: 50px;

  background: #252525;

  border: none;

  position: relative;

}

.home2-technology-section .technology-tab-wrap ul li button:focus {

  border: none;

  box-shadow: none;

}

.home2-technology-section .technology-tab-wrap ul li button:after {

  content: "";

  height: 8px;

  width: 16px;

  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);

  clip-path: polygon(100% 0, 0 0, 50% 100%);

  background-color: var(--primary-color2);

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: -7px;

  display: none;

}

.home2-technology-section .technology-tab-wrap ul li button.active {

  background-color: var(--primary-color2);

}

.home2-technology-section .technology-tab-wrap ul li button.active:after {

  display: block;

}

.home2-technology-section .technology-tab-wrap .tab-content {

  margin-top: -55px;

}

@media (max-width: 991px) {

  .home2-technology-section .technology-tab-wrap .tab-content {

    margin-top: 50px;

  }

}

.home2-technology-section .technology-tab-wrap .single-technology {

  border-radius: 5px;

  background: #252525;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 164px;

  padding: 20px;

  transition: 0.45s;

}

.home2-technology-section .technology-tab-wrap .single-technology.big {

  height: 264px;

}

@media (max-width: 991px) {

  .home2-technology-section .technology-tab-wrap .single-technology.big {

    height: 164px;

  }

}

.home2-technology-section .technology-tab-wrap .single-technology.empty {

  background-color: transparent;

  padding: 0;

}

.home2-technology-section .technology-tab-wrap .single-technology.empty img {

  width: 100%;

  height: 100%;

}

.home2-technology-section .technology-tab-wrap .single-technology .icon {

  margin-bottom: 20px;

}

.home2-technology-section .technology-tab-wrap .single-technology span {

  color: #c4c4c4;

  text-align: center;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

}

.home2-technology-section .technology-tab-wrap .single-technology:hover {

  transform: translateY(-5px);

}

.home2-technology-section

  .technology-tab-wrap

  .single-technology:hover

  .icon

  img {

  animation: bounceIn 1.5s linear;

}

.home2-blog-section .dash-and-paragraph.three .btn-and-paragraph a:hover {

  color: var(--primary-color2);

}

.home2-blog-section .dash-and-paragraph.three .btn-and-paragraph a:hover svg {

  fill: var(--primary-color2);

}

@media (max-width: 767px) {

  .blog-card2 .blog-img {

    width: 100%;

  }

  .blog-card2 .blog-img img {

    width: 100%;

  }

}

.blog-card2 .blog-content {

  padding: 25px 30px 30px;

  border: 1px solid var(--border-color2);

  border-top: none;

}

@media (max-width: 1399px) {

  .blog-card2 .blog-content {

    padding: 25px 20px 30px;

  }

}

@media (max-width: 991px) {

  .blog-card2 .blog-content {

    padding: 25px 15px 30px;

  }

}

@media (max-width: 576px) {

  .blog-card2 .blog-content {

    padding: 20px 15px 30px;

  }

}

.blog-card2 .blog-content .tags {

  margin: 0;

  padding: 0;

  list-style: none;

  display: inline-flex;

  align-items: center;

  gap: 30px;

  flex-wrap: wrap;

  margin-bottom: 12px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-card2 .blog-content .tags {

    gap: 15px;

  }

}

.blog-card2 .blog-content .tags li {

  line-height: 1;

}

.blog-card2 .blog-content .tags li a {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  display: flex;

  align-items: center;

  gap: 5px;

  transition: 0.35s;

}

.blog-card2 .blog-content .tags li a svg {

  fill: var(--paragraph-color);

  transition: 0.35s;

}

.blog-card2 .blog-content .tags li a:hover {

  color: var(--primary-color2);

}

.blog-card2 .blog-content .tags li a:hover svg {

  fill: var(--primary-color2);

}

.blog-card2 .blog-content h4 {

  margin-bottom: 30px;

}

@media (max-width: 576px) {

  .blog-card2 .blog-content h4 {

    margin-bottom: 20px;

  }

}

.blog-card2 .blog-content h4 a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.6;

  transition: 0.35s;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-card2 .blog-content h4 a {

    font-size: 20px;

  }

}

@media (max-width: 991px) {

  .blog-card2 .blog-content h4 a {

    font-size: 19px;

  }

}

@media (max-width: 576px) {

  .blog-card2 .blog-content h4 a {

    font-size: 20px;

  }

}

.blog-card2 .blog-content h4 a:hover {

  color: var(--primary-color2);

}

.blog-card2 .blog-content .explore-btn {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-style: normal;

  font-weight: 500;

  display: flex;

  align-items: center;

  gap: 8px;

  transition: 0.35s;

  line-height: 1;

}

.blog-card2 .blog-content .explore-btn svg {

  fill: var(--title-color);

  transition: 0.35s;

}

.blog-card2 .blog-content .explore-btn:hover {

  color: var(--primary-color2);

}

.blog-card2 .blog-content .explore-btn:hover svg {

  transform: rotate(45deg);

  fill: var(--primary-color2);

}

.home3-banner-area {

  position: relative;

  z-index: 1;

  padding: 110px 0;

}

@media (max-width: 767px) {

  .home3-banner-area {

    padding: 70px 0;

  }

}

.home3-banner-area .vector {

  position: absolute;

  right: 0;

  bottom: 0;

  stroke: #f8f8f8;

  z-index: -1;

}

.home3-banner-area .banner-content h1 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 130px;

  font-weight: 500;

  margin-bottom: 0;

  line-height: 1.1;

}

.home3-banner-area .banner-content h1 span {

  display: flex;

  align-items: center;

}

.home3-banner-area .banner-content h1 span svg {

  max-width: 103px;

  min-width: 103px;

  height: 98px;

  fill: #e9abcf;

  animation: rotate 10s linear infinite;

}

@media (max-width: 1399px) {

  .home3-banner-area .banner-content h1 {

    font-size: 90px;

  }

  .home3-banner-area .banner-content h1 span svg {

    max-width: 65px;

    min-width: 65px;

    height: 65px;

  }

}

@media (max-width: 767px) {

  .home3-banner-area .banner-content h1 {

    font-size: 70px;

  }

  .home3-banner-area .banner-content h1 span svg {

    max-width: 65px;

    min-width: 65px;

    height: 65px;

  }

}

@media (max-width: 576px) {

  .home3-banner-area .banner-content h1 {

    font-size: 42px;

  }

  .home3-banner-area .banner-content h1 span svg {

    max-width: 45px;

    min-width: 45px;

    height: 45px;

  }

}

.home3-banner-area .banner-right {

  display: flex;

  flex-direction: column;

  height: 100%;

  justify-content: space-between;

  gap: 20px;

}

@media (max-width: 991px) {

  .home3-banner-area .banner-right {

    max-width: 412px;

    width: 100%;

  }

}

.home3-banner-area .banner-right .rating-area {

  padding-top: 20px;

}

@media (max-width: 991px) {

  .home3-banner-area .banner-right .rating-area {

    padding-top: 0;

  }

}

.home3-banner-area .banner-right .banner-right-content {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-left: -40px;

}

@media (max-width: 991px) {

  .home3-banner-area .banner-right .banner-right-content {

    margin-left: 0;

  }

}

.home3-banner-area .banner-right .banner-right-content svg {

  min-width: 32px;

  height: 116px;

  fill: var(--paragraph-color2);

}

.home3-banner-area .banner-right .banner-right-content p {

  color: var(--paragraph-color2);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

}

@media (max-width: 576px) {

  .home3-banner-area .banner-right .banner-right-content p {

    font-size: 15px;

  }

}

.home3-banner-area .banner-right .banner-right-content p span {

  color: var(--title-color);

  font-weight: 500;

}

.home3-video-section video {

  width: 100%;

  min-height: 400px;

  height: 75vh;

  -o-object-fit: cover;

  object-fit: cover;

}

.home3-about-section .section-title h2 {

  border-bottom: 1px solid var(--border-color);

  padding-bottom: 15px;

}

.home3-about-section .section-title h2 span {

  display: inline;

}

.home3-about-section .counter-wrap {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

@media (max-width: 767px) {

  .home3-about-section .counter-wrap {

    flex-wrap: wrap;

    gap: 20px;

  }

}

.home3-about-section .counter-wrap .single-counter {

  transition: 0.35s;

}

.home3-about-section .counter-wrap .single-counter .icon {

  margin-bottom: 30px;

  transition: 0.35s;

}

.home3-about-section .counter-wrap .single-counter .icon svg {

  fill: var(--title-color);

}

.home3-about-section .counter-wrap .single-counter .content p {

  color: var(--paragraph-color2);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 10px;

}

.home3-about-section .counter-wrap .single-counter .content .number {

  display: flex;

  align-items: center;

}

.home3-about-section .counter-wrap .single-counter .content .number .counter {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

  margin-bottom: 0;

}

.home3-about-section .counter-wrap .single-counter .content .number span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

}

.home3-about-section .counter-wrap .single-counter:hover .icon svg {

  animation: bounceIn 1.2s linear;

}

.home3-testimonial-section {

  background: #eaeaea;

  padding: 110px 0;

}

@media (max-width: 991px) {

  .home3-testimonial-section {

    padding: 90px 0;

  }

}

.home3-testimonial-section .testimonial-wrapper {

  border-radius: 10px;

  background: #f5f0ed;

  padding: 60px 75px;

}

@media (max-width: 1399px) {

  .home3-testimonial-section .testimonial-wrapper {

    padding: 40px;

  }

}

@media (max-width: 991px) {

  .home3-testimonial-section .testimonial-wrapper {

    padding: 25px;

  }

}

.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap {

  position: relative;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-img-wrap

  .testimonial-img {

  border-radius: 10px;

  position: relative;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-img-wrap

  .testimonial-img::after {

  content: "";

  height: 100%;

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  border-radius: 10px;

  background: linear-gradient(

    135deg,

    rgba(0, 0, 0, 0.7) 0%,

    rgba(0, 0, 0, 0) 32.11%

  );

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-img-wrap

  .testimonial-img

  img {

  border-radius: 10px;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-img-wrap

  .video-icon

  .wrapper {

  display: inline-block;

  position: absolute;

  top: 30px;

  left: 30px;

  z-index: 999;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-img-wrap

  .video-icon

  .video-main {

  position: relative;

  display: inline-block;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-img-wrap

  .video-icon

  .video {

  height: 40px;

  width: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 100%;

  background: 0 0;

  color: #fff;

  display: inline-block;

  background: var(--primary-color);

  z-index: 999;

  font-size: 24px;

}

@keyframes waves {

  0% {

    transform: scale(0.2, 0.2);

    opacity: 0;

    -ms-filter: "alpha(opacity=0)";

  }

  50% {

    opacity: 0.9;

    -ms-filter: "alpha(opacity=90)";

  }

  100% {

    transform: scale(0.9, 0.9);

    opacity: 0;

    -ms-filter: "alpha(opacity=0)";

  }

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-img-wrap

  .video-icon

  .fa-play:before {

  content: "\f04b";

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-img-wrap

  .video-icon

  .waves {

  position: absolute;

  width: 70px;

  height: 70px;

  background: rgba(255, 255, 255, 0.7);

  opacity: 0;

  -ms-filter: "alpha(opacity=0)";

  border-radius: 100%;

  right: -15px;

  bottom: -15px;

  z-index: -1;

  animation: waves 3s ease-in-out infinite;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-img-wrap

  .video-icon

  .wave-1 {

  animation-delay: 0s;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-img-wrap

  .video-icon

  .wave-2 {

  animation-delay: 1s;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-img-wrap

  .video-icon

  .wave-3 {

  animation-delay: 2s;

}

.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper {

  padding-left: 55px;

}

@media (max-width: 1399px) {

  .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper {

    padding-left: 0;

  }

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .c-name-and-author {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 20px;

  margin-bottom: 10px;

}

@media (max-width: 576px) {

  .home3-testimonial-section

    .testimonial-wrapper

    .testimonial-content-wrapper

    .c-name-and-author {

    gap: 10px;

  }

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .c-name-and-author

  .light {

  display: none;

  visibility: hidden;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .c-name-and-author

  span {

  color: var(--paragraph-color2);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  line-height: 1;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  > p {

  color: var(--paragraph-color2);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 45px;

  border-bottom: 1px solid var(--border-color);

  padding-bottom: 15px;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap {

  margin: 0;

  padding: 0;

  list-style: none;

  -moz-columns: 2;

  columns: 2;

  -moz-column-gap: 24px;

  column-gap: 24px;

}

@media (max-width: 1399px) {

  .home3-testimonial-section

    .testimonial-wrapper

    .testimonial-content-wrapper

    .counter-wrap {

    margin-bottom: 60px;

  }

}

@media (max-width: 576px) {

  .home3-testimonial-section

    .testimonial-wrapper

    .testimonial-content-wrapper

    .counter-wrap {

    -moz-columns: 1;

    columns: 1;

  }

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter {

  border-radius: 5px;

  background: #f3dfeb;

  margin-bottom: 24px;

  padding: 30px 40px;

}

@media (max-width: 1399px) {

  .home3-testimonial-section

    .testimonial-wrapper

    .testimonial-content-wrapper

    .counter-wrap

    .single-counter {

    padding: 25px 20px;

  }

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter

  .content

  .number {

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter

  .content

  .number

  svg {

  stroke: var(--paragraph-color);

  margin-right: 10px;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter

  .content

  .number

  .counter {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  margin-bottom: 0;

  line-height: 1;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter

  .content

  .number

  span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter

  .content

  p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 0;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter:nth-child(2) {

  background: #e8e3e0;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter:nth-child(3) {

  background: #e7e6c7;

}

.home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter:nth-child(4) {

  background: #dce5da;

}

.home3-testimonial-section .vector {

  position: absolute;

  left: -125px;

  top: -125px;

  fill: #f5bebe;

}

.home3-testimonial-section .slider-btn-area {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

  padding-left: 55px;

  padding-right: 75px;

  position: relative;

  z-index: 1;

  margin-top: -95px;

}

@media (max-width: 1399px) {

  .home3-testimonial-section .slider-btn-area {

    padding-left: 0;

    padding-right: 40px;

  }

}

@media (max-width: 991px) {

  .home3-testimonial-section .slider-btn-area {

    padding-left: 25px;

    padding-right: 25px;

  }

}

.home3-testimonial-section .slider-btn-area .franctional-pagi3 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 24px;

  font-weight: 500;

  width: unset;

}

.home3-testimonial-section

  .slider-btn-area

  .franctional-pagi3

  .swiper-pagination-total {

  color: var(--paragraph-color);

  font-size: 16px;

  font-weight: 400;

  font-family: var(--font-unbounded);

}

.home3-working-process-section .section-title h2 span {

  display: inline;

}

.home3-working-process-section .single-work-process {

  border-radius: 10px;

  background: #d9d2f3;

  padding: 40px 30px;

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .home3-working-process-section .single-work-process {

    padding: 30px 20px;

  }

}

.home3-working-process-section .single-work-process .icon-and-title {

  transition: 0.35s;

  margin-bottom: 50px;

}

@media (max-width: 1399px) {

  .home3-working-process-section .single-work-process .icon-and-title {

    margin-bottom: 30px;

  }

}

.home3-working-process-section .single-work-process .icon-and-title .icon {

  transition: 0.35s;

  margin-bottom: 20px;

}

.home3-working-process-section .single-work-process .icon-and-title .icon svg {

  fill: var(--title-color);

}

.home3-working-process-section .single-work-process .icon-and-title h4 {

  color: var(--title-color);

  font-family: Unbounded;

  font-size: 22px;

  font-style: normal;

  font-weight: 500;

  line-height: 1.5;

  margin-bottom: 0;

}

.home3-working-process-section .single-work-process .content p {

  color: var(--paragraph-color2);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

}

.home3-working-process-section .single-work-process.two {

  background: #ddd9d6;

}

.home3-working-process-section .single-work-process.three {

  background: #efeb64;

}

.home3-working-process-section .single-work-process.four {

  background: #c5d1c3;

}

.home3-working-process-section

  .single-work-process:hover

  .icon-and-title

  .icon

  svg {

  animation: bounceIn 1.2s linear;

}

.home3-services-section {

  background: #1a1a1a;

  padding: 100px 0;

}

.home3-services-section .sevices-wrap {

  border: 1px solid #333;

  border-right: none;

  border-top: none;

}

@media (max-width: 767px) {

  .home3-services-section .sevices-wrap {

    border: 1px solid #333;

  }

}

.home3-services-section .sevices-wrap .single-services {

  transition: 0.5s;

  border-bottom: 1px solid #333;

  background: var(--dark-white-color);

  position: relative;

  display: grid;

  z-index: 1;

  grid-template-columns: 10% 25% 38% 27%;

}

@media (max-width: 1399px) {

  .home3-services-section .sevices-wrap .single-services {

    grid-template-columns: 10% 32% 38% 20%;

  }

}

@media (max-width: 767px) {

  .home3-services-section .sevices-wrap .single-services {

    padding: 10px;

    display: block;

  }

}

.home3-services-section .sevices-wrap .single-services .icon {

  border-right: 1px solid #333;

  transition: 0.5s;

  display: flex;

  align-items: start;

  justify-content: center;

  position: relative;

  padding: 60px 0;

}

@media (max-width: 991px) {

  .home3-services-section .sevices-wrap .single-services .icon {

    padding: 30px 15px;

  }

}

@media (max-width: 767px) {

  .home3-services-section .sevices-wrap .single-services .icon {

    justify-content: start;

    border: none;

    padding-bottom: 0;

  }

}

.home3-services-section .sevices-wrap .single-services .icon svg {

  fill: #888;

  transition: 0.5s;

}

.home3-services-section .sevices-wrap .single-services h3 {

  padding: 50px 25px;

  margin-bottom: 0;

}

@media (max-width: 991px) {

  .home3-services-section .sevices-wrap .single-services h3 {

    padding: 30px 15px;

  }

}

@media (max-width: 767px) {

  .home3-services-section .sevices-wrap .single-services h3 {

    padding: 20px 15px;

  }

}

.home3-services-section .sevices-wrap .single-services h3 a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.4;

  transition: 0.35s;

}

@media (max-width: 991px) {

  .home3-services-section .sevices-wrap .single-services h3 a {

    font-size: 24px;

  }

}

.home3-services-section .sevices-wrap .single-services h3 a:hover {

  color: var(--primary-color);

}

.home3-services-section .sevices-wrap .single-services .services-img {

  width: 360px;

  height: 320px;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  z-index: -1;

  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  border-radius: 5px;

  overflow: hidden;

  pointer-events: none;

}

@media (max-width: 767px) {

  .home3-services-section .sevices-wrap .single-services .services-img {

    display: none;

    visibility: hidden;

  }

}

.home3-services-section .sevices-wrap .single-services .content {

  padding: 50px 25px;

  position: relative;

}

@media (max-width: 991px) {

  .home3-services-section .sevices-wrap .single-services .content {

    padding: 30px 15px;

  }

}

@media (max-width: 767px) {

  .home3-services-section .sevices-wrap .single-services .content {

    padding: 0 15px 20px;

  }

}

.home3-services-section .sevices-wrap .single-services .content .tag-list {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px;

  padding-top: 25px;

}

@media (max-width: 1199px) {

  .home3-services-section .sevices-wrap .single-services .content .tag-list {

    padding-top: 15px;

  }

}

.home3-services-section .sevices-wrap .single-services .content .tag-list li {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  border-radius: 50px;

  background: #252525;

  padding: 8px 15px;

}

.home3-services-section .sevices-wrap .single-services .content p {

  color: #c4c4c4;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

}

.home3-services-section .sevices-wrap .single-services .button-area {

  padding: 60px 0;

  display: flex;

  justify-content: end;

  padding-left: 25px;

}

@media (max-width: 991px) {

  .home3-services-section .sevices-wrap .single-services .button-area {

    padding: 30px 15px;

  }

}

@media (max-width: 767px) {

  .home3-services-section .sevices-wrap .single-services .button-area {

    padding: 20px 15px 30px;

    justify-content: start;

  }

}

.home3-services-section .sevices-wrap .single-services .button-area a {

  padding: 13px 24px;

}

.home3-services-section .sevices-wrap .single-services:hover .icon svg {

  fill: var(--primary-color);

  animation: bounceIn 1.2s linear;

}

@keyframes rotate {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(360deg);

  }

}

.home3-services-section .sevices-wrap .single-services:hover h5 a {

  color: var(--primary-color);

}

.home3-services-section .sevices-wrap .single-services:hover h5 a span {

  color: var(--primary-color);

}

.home3-services-section .sevices-wrap .single-services:hover .services-img {

  opacity: 1;

}

.team-card-3 {

  position: relative;

  z-index: 1;

  transition: 0.35s;

}

.team-card-3 .star-vector {

  fill: var(--primary-color);

  position: absolute;

  top: 0;

  z-index: -1;

  left: 0;

  animation: rotate 10s linear infinite;

  opacity: 0;

  transition: 0.35s;

}

.team-card-3 .team-img {

  border-radius: 156px 156px 0 0;

}

@media (max-width: 576px) {

  .team-card-3 .team-img {

    border-radius: 250px 250px 0 0;

  }

}

.team-card-3 .team-img img {

  border-radius: 156px 156px 0 0;

}

@media (max-width: 991px) {

  .team-card-3 .team-img img {

    width: 100%;

  }

}

@media (max-width: 576px) {

  .team-card-3 .team-img img {

    border-radius: 250px 250px 0 0;

  }

}

.team-card-3 .team-content {

  border-radius: 0 0 156px 156px;

  background: #fdc7a9;

  padding: 35px 45px;

  line-height: 1;

}

@media (max-width: 991px) {

  .team-card-3 .team-content {

    padding: 20px 35px 30px;

  }

}

@media (max-width: 576px) {

  .team-card-3 .team-content {

    padding: 35px 45px;

    border-radius: 0 0 250px 250px;

  }

}

.team-card-3 .team-content .name-and-deg {

  position: relative;

  padding-bottom: 20px;

  margin-bottom: 25px;

  position: relative;

}

.team-card-3 .team-content .name-and-deg::after {

  content: "";

  height: 1px;

  width: 100%;

  background: linear-gradient(

    90deg,

    rgba(255, 255, 255, 0),

    white,

    rgba(255, 255, 255, 0)

  );

  position: absolute;

  left: 0;

  bottom: 0;

}

.team-card-3 .team-content .name-and-deg h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 500;

  margin-bottom: 7px;

}

@media (max-width: 991px) {

  .team-card-3 .team-content .name-and-deg h6 {

    font-size: 17px;

  }

}

.team-card-3 .team-content .name-and-deg span {

  color: var(--paragraph-color2);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

}

.team-card-3 .team-content .social-area {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 16px;

  flex-wrap: wrap;

}

.team-card-3 .team-content .social-area li a {

  height: 26px;

  width: 26px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: rgba(255, 255, 255, 0.5);

  transition: 0.35s;

}

.team-card-3 .team-content .social-area li a i {

  font-size: 14px;

  color: #363636;

  transition: 0.35s;

}

.team-card-3 .team-content .social-area li a:hover {

  background-color: var(--primary-color);

}

.team-card-3 .team-content .social-area li a:hover i {

  color: var(--white-color);

}

.team-card-3:hover .star-vector {

  opacity: 1;

}

.team-item:nth-child(1) .team-card-3 .team-content {

  background: #fdc7a9;

}

.team-item:nth-child(2) .team-card-3 .team-content {

  background: #b2dcfd;

}

.team-item:nth-child(3) .team-card-3 .team-content {

  background: #ffc3ff;

}

.team-item:nth-child(4) .team-card-3 .team-content {

  background: #f8e37f;

}

.team-item:nth-child(5) .team-card-3 .team-content {

  background: #d1d0fe;

}

.team-item:nth-child(6) .team-card-3 .team-content {

  background: #f4e2b4;

}

.team-item:nth-child(7) .team-card-3 .team-content {

  background: #e5dbdb;

}

.team-item:nth-child(8) .team-card-3 .team-content {

  background: #cfe0cc;

}

.team-item:nth-child(9) .team-card-3 .team-content {

  background: #fdc7a9;

}

.team-item:nth-child(10) .team-card-3 .team-content {

  background: #b2dcfd;

}

.team-item:nth-child(11) .team-card-3 .team-content {

  background: #ffc3ff;

}

.team-item:nth-child(12) .team-card-3 .team-content {

  background: #f8e37f;

}

.team-item:nth-child(13) .team-card-3 .team-content {

  background: #d1d0fe;

}

.team-item:nth-child(14) .team-card-3 .team-content {

  background: #f4e2b4;

}

.team-item:nth-child(15) .team-card-3 .team-content {

  background: #e5dbdb;

}

.team-item:nth-child(16) .team-card-3 .team-content {

  background: #cfe0cc;

}

.team-item:nth-child(17) .team-card-3 .team-content {

  background: #fdc7a9;

}

.team-item:nth-child(18) .team-card-3 .team-content {

  background: #b2dcfd;

}

.team-item:nth-child(19) .team-card-3 .team-content {

  background: #ffc3ff;

}

.team-item:nth-child(20) .team-card-3 .team-content {

  background: #f8e37f;

}

.home3-team-section .section-title h2 {

  font-size: 130px;

  font-weight: 500;

  line-height: 1;

  position: relative;

  display: inline-flex;

  align-items: flex-start;

  gap: 30px;

}

@media (max-width: 1399px) {

  .home3-team-section .section-title h2 {

    font-size: 100px;

  }

}

@media (max-width: 1199px) {

  .home3-team-section .section-title h2 {

    font-size: 80px;

  }

}

.home3-team-section .section-title .dash-and-paragraph {

  padding-top: 0;

}

.home3-team-section .section-title .dash-and-paragraph .btn-and-paragraph {

  margin-top: -35px;

}

@media (max-width: 991px) {

  .home3-team-section .section-title .dash-and-paragraph .btn-and-paragraph {

    margin-top: 20px;

  }

}

@media (max-width: 991px) {

  .home3-team-section .slider-btn-group {

    display: none;

    visibility: hidden;

  }

}

.home3-team-section .slider-btn-group .slider-btn {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

}

.home3-team-section .slider-btn-group .slider-btn.prev-4 {

  left: -9px;

}

.home3-team-section .slider-btn-group .slider-btn.next-4 {

  right: -9px;

}

.home3-team-section .swiper-slide:nth-child(1) .team-card-3 .team-content {

  background: #fdc7a9;

}

.home3-team-section .swiper-slide:nth-child(2) .team-card-3 .team-content {

  background: #b2dcfd;

}

.home3-team-section .swiper-slide:nth-child(3) .team-card-3 .team-content {

  background: #ffc3ff;

}

.home3-team-section .swiper-slide:nth-child(4) .team-card-3 .team-content {

  background: #f8e37f;

}

.home3-team-section .swiper-slide:nth-child(5) .team-card-3 .team-content {

  background: #d1d0fe;

}

.home3-team-section .swiper-slide:nth-child(6) .team-card-3 .team-content {

  background: #f4e2b4;

}

.home3-team-section .swiper-slide:nth-child(7) .team-card-3 .team-content {

  background: #e5dbdb;

}

.home3-team-section .swiper-slide:nth-child(8) .team-card-3 .team-content {

  background: #cfe0cc;

}

.home3-team-section .swiper-slide:nth-child(9) .team-card-3 .team-content {

  background: #fdc7a9;

}

.home3-team-section .swiper-slide:nth-child(10) .team-card-3 .team-content {

  background: #b2dcfd;

}

.home3-team-section .swiper-slide:nth-child(11) .team-card-3 .team-content {

  background: #ffc3ff;

}

.home3-team-section .swiper-slide:nth-child(12) .team-card-3 .team-content {

  background: #f8e37f;

}

.home3-team-section .swiper-slide:nth-child(13) .team-card-3 .team-content {

  background: #d1d0fe;

}

.home3-team-section .swiper-slide:nth-child(14) .team-card-3 .team-content {

  background: #f4e2b4;

}

.home3-team-section .swiper-slide:nth-child(15) .team-card-3 .team-content {

  background: #e5dbdb;

}

.home3-team-section .swiper-slide:nth-child(16) .team-card-3 .team-content {

  background: #cfe0cc;

}

.home3-team-section .swiper-slide:nth-child(17) .team-card-3 .team-content {

  background: #fdc7a9;

}

.home3-team-section .swiper-slide:nth-child(18) .team-card-3 .team-content {

  background: #b2dcfd;

}

.home3-team-section .swiper-slide:nth-child(19) .team-card-3 .team-content {

  background: #ffc3ff;

}

.home3-team-section .swiper-slide:nth-child(20) .team-card-3 .team-content {

  background: #f8e37f;

}

.home3-team-section .home3-team-slider {

  padding: 10px;

  margin: -10px;

}

.home3-award-section {

  background: #eaeaea;

  padding: 100px 0;

}

@media (max-width: 1199px) {

  .home3-award-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .home3-award-section {

    padding: 70px 0;

  }

}

.home3-award-section .award-img-group {

  margin: 0;

  padding: 0;

  list-style: none;

}

@media (max-width: 991px) {

  .home3-award-section .award-img-group {

    display: none;

    visibility: hidden;

  }

}

.home3-award-section .award-img-group li {

  position: relative;

}

.home3-award-section .award-img-group li .award-img {

  position: absolute;

  top: 0;

  left: 0;

  animation: qodef-animate-image-out 1s 0.1s cubic-bezier(0.78, 0.2, 0.21, 0.88)

    forwards;

  z-index: 12;

  -webkit-mask-image: url(../img/home3/home3-award-bg-shape.png);

  mask-image: url(../img/home3/home3-award-bg-shape.png);

  -webkit-mask-repeat: no-repeat;

  mask-repeat: no-repeat;

  -webkit-mask-size: cover;

  mask-size: cover;

}

.home3-award-section .award-img-group li.active .award-img {

  animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88)

    forwards;

  z-index: 15;

}

@keyframes qodef-animate-image-out {

  0% {

    transform: scale(1) translateZ(0);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

  100% {

    transform: scale(1);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

}

@keyframes qodef-animate-image-in {

  0% {

    transform: scale(1.05) translateZ(0);

    -webkit-clip-path: inset(0 100% 0 0);

    clip-path: inset(0 100% 0 0);

  }

  100% {

    transform: scale(1);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

}

.home3-award-section .award-table {

  width: 100%;

  border-collapse: collapse;

  overflow: hidden;

}

@media (max-width: 767px) {

  .home3-award-section .award-table thead {

    display: none;

    visibility: hidden;

  }

}

.home3-award-section .award-table thead tr th {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  padding: 30px;

  padding-top: 0;

}

.home3-award-section .award-table thead tr th:last-child {

  text-align: end;

}

@media (max-width: 991px) {

  .home3-award-section .award-table thead tr th {

    padding: 25px 15px;

    padding-top: 0;

  }

}

.home3-award-section .award-table tbody tr {

  border: 1px solid var(--border-color);

  transition: 0.35s;

  border-left: none;

  border-right: none;

}

.home3-award-section .award-table tbody tr td {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 400;

  padding: 30px;

  text-align: start;

  transition: 0.35s;

}

.home3-award-section .award-table tbody tr td:first-child {

  font-weight: 500;

  max-width: 270px;

  min-width: 270px;

}

@media (max-width: 767px) {

  .home3-award-section .award-table tbody tr td: first-child {

    max-width: unset;

    min-width: unset;

  }

}

@media (max-width: 991px) {

  .home3-award-section .award-table tbody tr td {

    padding: 25px 15px;

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .home3-award-section .award-table tbody tr td {

    display: block;

    width: 100%;

    text-align: right;

    padding-left: 50%;

    position: relative;

    padding: 10px 15px;

    font-size: 18px;

  }

  .home3-award-section .award-table tbody tr td::before {

    content: attr(data-label);

    position: absolute;

    left: 0;

    width: 50%;

    text-align: left;

    padding-left: 15px;

    color: var(--paragraph-color);

    font-family: var(--font-unbounded);

    font-size: 14px;

    font-weight: 500;

  }

}

.home3-award-section .award-table tbody tr td a {

  color: var(--title-color);

  display: flex;

  transition: 0.35s;

}

.home3-award-section .award-table tbody tr td a svg {

  opacity: 0;

  transition: 0.35s;

  fill: var(--title-color);

  transform-origin: left;

  width: 0;

  margin-top: 8px;

}

@media (max-width: 767px) {

  .home3-award-section .award-table tbody tr td a {

    justify-content: end;

  }

  .home3-award-section .award-table tbody tr td a svg {

    opacity: 1;

  }

}

.home3-award-section .award-table tbody tr td:last-child {

  text-align: end;

}

.home3-award-section .award-table tbody tr:last-child {

  border-bottom: none;

}

.home3-award-section .award-table tbody tr:last-child td {

  padding-bottom: 0;

}

@media (max-width: 767px) {

  .home3-award-section .award-table tbody tr: last-child td {

    padding-bottom: 10px;

  }

}

.home3-award-section .award-table tbody tr:hover td a {

  color: var(--primary-color);

  gap: 8px;

}

.home3-award-section .award-table tbody tr:hover td a svg {

  opacity: 1;

  fill: var(--primary-color);

  width: 24px;

}

.home3-pricing-plan-section {

  background: #1a1a1a;

  padding: 100px 0;

}

@media (max-width: 1199px) {

  .home3-pricing-plan-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .home3-pricing-plan-section {

    padding: 70px 0;

  }

}

.home3-pricing-plan-section .section-title .dash-and-paragraph .dash {

  background-color: #2f2f2f;

}

.home3-pricing-plan-section .section-title .dash-and-paragraph .dash::after {

  background-color: #2f2f2f;

}

.home3-pricing-plan-section .pricing-contact-wrap {

  border-radius: 10px;

  background: #252525;

  padding: 45px 40px;

  position: relative;

  display: flex;

  flex-direction: column;

  height: 100%;

  justify-content: space-between;

  z-index: 1;

}

@media (max-width: 1199px) {

  .home3-pricing-plan-section .pricing-contact-wrap {

    padding: 40px 25px;

  }

}

.home3-pricing-plan-section .pricing-contact-wrap .vectors {

  position: absolute;

  right: 0;

  top: 0;

  stroke: #343434;

  z-index: -1;

}

.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-top {

  margin-bottom: 90px;

}

@media (max-width: 767px) {

  .home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-top {

    margin-bottom: 70px;

  }

}

.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-top .icon {

  margin-bottom: 15px;

}

.home3-pricing-plan-section

  .pricing-contact-wrap

  .pricing-contact-top

  .pricing-contact-title

  h3 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.4;

  margin-bottom: 0;

}

.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  border-radius: 5px;

  border: 1px solid rgba(255, 255, 255, 0.1);

  background: #1a1a1a;

  padding: 12px 28px;

  white-space: nowrap;

  overflow: hidden;

  position: relative;

  z-index: 1;

  transition: all 0.6s;

}

@media (max-width: 1199px) {

  .home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a {

    padding: 14px 22px;

  }

}

.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a svg {

  fill: var(--white-color);

  transition: all 0.6s;

}

.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a span {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 36px;

  background-color: var(--primary-color);

  transition: all 0.6s;

  transform: translate(-50%, -50%);

  z-index: -1;

}

.home3-pricing-plan-section

  .pricing-contact-wrap

  .pricing-contact-btn

  a:hover

  span {

  width: 225%;

  height: 1000.5px;

}

.home3-pricing-plan-section

  .pricing-contact-wrap

  .pricing-contact-btn

  a:active {

  background-color: var(--primary-color);

}

.home3-pricing-plan-section .pricing-wrapper {

  border-radius: 10px;

  background: #252525;

  padding: 45px 40px;

  padding-bottom: 0;

}

@media (max-width: 1199px) {

  .home3-pricing-plan-section .pricing-wrapper {

    padding: 40px 25px;

    padding-bottom: 0;

  }

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-title-and-subscription-duration {

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-bottom: 1px solid #2f2f2f;

  padding-bottom: 13px;

  flex-wrap: wrap;

  gap: 10px;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-title-and-subscription-duration

  h3 {

  margin-bottom: 0;

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-title-and-subscription-duration

  .subscription-duration {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 14px;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-title-and-subscription-duration

  .subscription-duration

  h6 {

  color: #dfdfdf;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 0;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-title-and-subscription-duration

  .subscription-duration

  .form-switch {

  padding-left: 48px;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-title-and-subscription-duration

  .subscription-duration

  .form-switch

  .form-check-input {

  margin-left: -48px;

  cursor: pointer;

  width: 34px;

  height: 18px;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-title-and-subscription-duration

  .subscription-duration

  .form-switch

  .form-check-input:focus {

  box-shadow: none;

  --bs-form-switch-bg: url(

    data:image/svg + xml,

    %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="-4 -4 8 8"%3e%3ccircler="3"fill="rgba%280,  0,  0,  0.25%29"/%3e%3c/svg%3e

  );

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-title-and-subscription-duration

  .subscription-duration

  .form-switch

  .form-check-input:checked {

  background-color: #24bc61;

  border-color: #24bc61;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-title-and-subscription-duration

  .subscription-duration

  .form-switch

  .form-check-label {

  color: #dfdfdf;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-title-and-subscription-duration

  .subscription-duration

  .form-switch

  .form-check-label

  span {

  font-size: 12px;

}

.home3-pricing-plan-section .pricing-wrapper .include-features {

  padding-top: 30px;

  padding-bottom: 45px;

}

@media (max-width: 1199px) {

  .home3-pricing-plan-section .pricing-wrapper .include-features {

    padding-bottom: 40px;

  }

}

@media (max-width: 767px) {

  .home3-pricing-plan-section .pricing-wrapper .include-features {

    padding-bottom: 100px;

  }

}

@media (max-width: 576px) {

  .home3-pricing-plan-section .pricing-wrapper .include-features {

    padding-top: 10px;

  }

}

.home3-pricing-plan-section .pricing-wrapper .include-features h6 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 25px;

}

.home3-pricing-plan-section .pricing-wrapper .include-features ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.home3-pricing-plan-section .pricing-wrapper .include-features ul li {

  display: flex;

  align-items: center;

  gap: 10px;

  color: #dfdfdf;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 17px;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .include-features

  ul

  li:last-child {

  margin-bottom: 0;

}

.home3-pricing-plan-section .pricing-wrapper .include-features ul li svg {

  fill: #dfdfdf;

}

.home3-pricing-plan-section .pricing-wrapper .pricing-right {

  border-left: 1px solid #2f2f2f;

  padding-left: 70px;

  padding-top: 30px;

  padding-bottom: 45px;

}

@media (max-width: 1399px) {

  .home3-pricing-plan-section .pricing-wrapper .pricing-right {

    padding-left: 30px;

  }

}

@media (max-width: 1199px) {

  .home3-pricing-plan-section .pricing-wrapper .pricing-right {

    padding-left: 20px;

    padding-bottom: 40px;

  }

}

@media (max-width: 767px) {

  .home3-pricing-plan-section .pricing-wrapper .pricing-right {

    padding-left: 0;

    border-left: none;

  }

}

.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration {

  margin-bottom: 80px;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-right

  .custom-duration

  label {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  display: inline-block;

  margin-bottom: 10px;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-right

  .custom-duration

  .nice-select {

  width: 100%;

  height: 50px;

  line-height: 48px;

  color: #dfdfdf;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  background: #1a1a1a;

  border-color: #1a1a1a;

  border-radius: 5px;

  padding-left: 25px;

  padding-right: 25px;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-right

  .custom-duration

  .nice-select.open {

  border-radius: 5px 5px 0 0;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-right

  .custom-duration

  .nice-select.open::after {

  transform: rotate(-180deg);

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-right

  .custom-duration

  .nice-select:after {

  border-bottom: none;

  border-right: none;

  content: "";

  display: block;

  height: 7px;

  width: 10px;

  background-color: #dfdfdf;

  margin-top: -4px;

  pointer-events: none;

  position: absolute;

  right: 25px;

  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);

  clip-path: polygon(100% 0, 0 0, 50% 100%);

  transform: rotate(0);

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-right

  .custom-duration

  .nice-select

  .list {

  width: 100%;

  background: #1a1a1a;

  margin-top: 0;

  border-radius: 0 0 5px 5px;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-right

  .custom-duration

  .nice-select

  .list

  .option {

  color: #dfdfdf;

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 400;

  border-bottom: 1px solid #303030;

}

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-right

  .custom-duration

  .nice-select

  .option:hover,

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-right

  .custom-duration

  .nice-select

  .option.focus,

.home3-pricing-plan-section

  .pricing-wrapper

  .pricing-right

  .custom-duration

  .nice-select

  .option.selected.focus {

  background: var(--primary-color);

}

.home3-pricing-plan-section .pricing-wrapper .pricing-right .price {

  line-height: 1;

  margin-bottom: 50px;

}

.home3-pricing-plan-section .pricing-wrapper .pricing-right .price h2 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

  line-height: 1;

  margin-bottom: 0;

}

.home3-pricing-plan-section .pricing-wrapper .pricing-right .price h2 span {

  color: #dfdfdf;

  font-size: 16px;

}

.home3-pricing-plan-section .slider-btn-group {

  margin-right: 40px;

  margin-top: -85px;

  z-index: 1;

  position: relative;

}

@media (max-width: 1199px) {

  .home3-pricing-plan-section .slider-btn-group {

    margin-right: 25px;

    margin-top: -80px;

  }

}

.home3-pricing-plan-section .slider-btn-group .slider-btn {

  background-color: #1a1a1a;

  border-color: #1a1a1a;

}

.home3-pricing-plan-section .slider-btn-group .slider-btn svg {

  fill: #dfdfdf;

}

.home3-pricing-plan-section .slider-btn-group .slider-btn:hover {

  background-color: var(--primary-color);

}

.home3-blog-section {

  padding: 100px 0;

  background: #eaeaea;

}

@media (max-width: 1199px) {

  .home3-blog-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .home3-blog-section {

    padding: 70px 0;

  }

}

.blog-card3 {

  background-color: #f8e37f;

  padding: 20px;

  border-radius: 10px;

}

.blog-card3 .blog-content {

  line-height: 1;

  padding: 20px 18px 40px;

}

@media (max-width: 1399px) {

  .blog-card3 .blog-content {

    padding: 20px 10px 40px;

  }

}

@media (max-width: 1199px) {

  .blog-card3 .blog-content {

    padding: 10px 0 30px;

  }

}

.blog-card3 .blog-content .blog-meta {

  line-height: 1;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px;

  margin-bottom: 15px;

}

.blog-card3 .blog-content .blog-meta .category {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 15px;

  line-height: 1;

  padding-right: 15px;

}

.blog-card3 .blog-content .blog-meta .category li a {

  display: flex;

  align-items: center;

  gap: 5px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  transition: 0.35s;

}

.blog-card3 .blog-content .blog-meta .category li a svg {

  transition: 0.35s;

  fill: var(--paragraph-color);

}

.blog-card3 .blog-content .blog-meta .category li a:hover {

  color: var(--primary-color);

}

.blog-card3 .blog-content .blog-meta .category li a:hover svg {

  fill: var(--primary-color);

}

.blog-card3 .blog-content .blog-meta .blog-publish-date {

  line-height: 1;

}

.blog-card3 .blog-content .blog-meta .blog-publish-date a {

  display: flex;

  align-items: center;

  gap: 5px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  transition: 0.35s;

}

.blog-card3 .blog-content .blog-meta .blog-publish-date a svg {

  transition: 0.35s;

  fill: var(--paragraph-color);

}

.blog-card3 .blog-content .blog-meta .blog-publish-date a:hover {

  color: var(--primary-color);

}

.blog-card3 .blog-content .blog-meta .blog-publish-date a:hover svg {

  fill: var(--primary-color);

}

.blog-card3 .blog-content .blog-title {

  margin-bottom: 40px;

}

.blog-card3 .blog-content .blog-title a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.5;

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .blog-card3 .blog-content .blog-title a {

    font-size: 20px;

  }

}

.blog-card3 .blog-content .blog-title a:hover {

  color: var(--primary-color);

}

.blog-card3 .blog-content .dash-and-blog-btn {

  display: flex;

  align-items: center;

  gap: 20px;

}

.blog-card3 .blog-content .dash-and-blog-btn .dash {

  width: 100%;

  height: 1px;

  min-width: 50px;

  background-color: rgba(var(--title-color-opc), 0.16);

  position: relative;

}

.blog-card3 .blog-content .dash-and-blog-btn .dash::after {

  content: "";

  height: 6px;

  width: 5px;

  -webkit-clip-path: polygon(100% 50%, 0 100%, 0 0);

  clip-path: polygon(100% 50%, 0 100%, 0 0);

  background-color: rgba(var(--title-color-opc), 0.16);

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.blog-card3 .blog-content .dash-and-blog-btn a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  display: inline-flex;

  gap: 8px;

  white-space: nowrap;

  transition: 0.35s;

}

.blog-card3 .blog-content .dash-and-blog-btn a svg {

  transition: 0.35s;

  fill: var(--title-color);

}

.blog-card3 .blog-content .dash-and-blog-btn a:hover {

  color: var(--primary-color);

}

.blog-card3 .blog-content .dash-and-blog-btn a:hover svg {

  fill: var(--primary-color);

}

.blog-card3 .blog-img {

  display: block;

}

.blog-card3 .blog-img img {

  border-radius: 5px;

}

@media (max-width: 767px) {

  .blog-card3 .blog-img img {

    width: 100%;

  }

}

.blog-card3.two {

  background-color: #d9d2f3;

}

.blog-card3.three {

  background-color: #c5d1c3;

}

.home3-gallery-section {

  line-height: 1;

  margin-bottom: -2px;

}

.home3-gallery-section .sub-title h6 {

  gap: 8px;

  font-weight: 500;

}

.home3-gallery-section .sub-title h6 svg {

  fill: var(--title-color);

}

.home3-gallery-section .sub-title h6 .arrow {

  margin-left: 20px;

  fill: var(--primary-color);

}

.single-gallery-img {

  position: relative;

  line-height: 1;

  transition: 0.35s;

}

.single-gallery-img .view-btn {

  background-color: rgba(0, 0, 0, 0.6);

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 7px 16px;

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  position: absolute;

  top: 20px;

  right: 20px;

  transition: 0.35s;

  opacity: 0;

}

.single-gallery-img .view-btn svg {

  fill: var(--white-color);

  min-width: 10px;

}

.single-gallery-img .view-btn:hover {

  background-color: var(--primary-color);

}

.single-gallery-img:hover .view-btn {

  opacity: 1;

}

.gallery-pages .load-more-btn button {

  border: 1px solid rgba(var(--title-color-opc), 0.1);

  background-color: transparent;

  height: 200px;

  width: 200px;

}

.home4-banner-area {

  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),

    url(../img/home4/home4-banner-img.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 260px 0 190px;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .home4-banner-area {

    padding: 180px 0 110px;

  }

}

@media (max-width: 1399px) {

  .home4-banner-area {

    padding: 180px 0 110px;

  }

}

@media (max-width: 767px) {

  .home4-banner-area {

    padding: 160px 0 90px;

  }

}

.home4-banner-area .banner-content ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  margin-bottom: 25px;

}

.home4-banner-area .banner-content ul li {

  line-height: 1;

  padding-right: 50px;

  position: relative;

}

.home4-banner-area .banner-content ul li a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 26px;

  transition: 0.35s;

}

.home4-banner-area .banner-content ul li a:hover {

  color: var(--primary-color);

}

.home4-banner-area .banner-content ul li::before {

  content: url(../img/home4/icon/right-arrow.svg);

  position: absolute;

  left: -30px;

  top: 50%;

  transform: translateY(-50%);

}

.home4-banner-area .banner-content ul li:first-child {

  padding-left: 20px;

}

.home4-banner-area .banner-content ul li:first-child::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  height: 10px;

  width: 10px;

  border-radius: 50%;

  background-color: var(--white-color);

}

.home4-banner-area .banner-content h1 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 130px;

  font-weight: 500;

  margin-bottom: 0;

  line-height: 1.1;

}

.home4-banner-area .banner-content h1 span {

  font-family: var(--font-fahkwang);

}

@media (max-width: 1399px) {

  .home4-banner-area .banner-content h1 {

    font-size: 90px;

  }

}

@media (max-width: 767px) {

  .home4-banner-area .banner-content h1 {

    font-size: 70px;

  }

}

@media (max-width: 576px) {

  .home4-banner-area .banner-content h1 {

    font-size: 42px;

  }

}

.home4-banner-area .banner-content .banner-bottom-content {

  max-width: 360px;

  width: 100%;

  margin-top: -30px;

}

@media (max-width: 991px) {

  .home4-banner-area .banner-content .banner-bottom-content {

    margin-top: 30px;

  }

}

.home4-banner-area .banner-content .banner-bottom-content p {

  color: #c4c4c4;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

  margin-bottom: 43px;

}

.home4-banner-area .banner-content .banner-bottom-content p span {

  font-weight: 500;

  color: var(--white-color);

}

.home4-banner-area .banner-content .banner-bottom-content .primary-btn4 {

  border: 1px solid rgba(255, 255, 255, 0.25);

  background: rgba(26, 26, 26, 0.8);

  color: var(--white-color);

}

.home4-banner-area .banner-content .banner-bottom-content .primary-btn4 svg {

  fill: var(--white-color);

}

.home4-about-section .about-content .about-top-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 15px;

}

.home4-about-section .about-content .about-top-content p span {

  font-weight: 500;

  color: var(--title-color);

}

.home4-about-section .about-content .counter-wrap {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 50px;

  padding-top: 35px;

  margin-bottom: 60px;

}

@media (max-width: 767px) {

  .home4-about-section .about-content .counter-wrap {

    padding-top: 25px;

    margin-bottom: 45px;

  }

}

.home4-about-section .about-content .counter-wrap .single-counter .number {

  line-height: 1;

  display: flex;

  align-items: center;

  margin-bottom: 12px;

}

.home4-about-section

  .about-content

  .counter-wrap

  .single-counter

  .number

  .counter {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

  margin-bottom: 0;

}

@media (max-width: 767px) {

  .home4-about-section

    .about-content

    .counter-wrap

    .single-counter

    .number

    .counter {

    font-size: 32px;

  }

}

.home4-about-section .about-content .counter-wrap .single-counter .number span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

}

@media (max-width: 767px) {

  .home4-about-section

    .about-content

    .counter-wrap

    .single-counter

    .number

    span {

    font-size: 32px;

  }

}

.home4-about-section .about-content .counter-wrap .single-counter p {

  margin-bottom: 0;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

}

.home4-about-section .about-img-wrap {

  position: relative;

  z-index: 1;

}

@media (min-width: 992px) {

  .home4-about-section .about-img-wrap {

    margin-left: 40px;

  }

}

@media (max-width: 991px) {

  .home4-about-section .about-img-wrap .vectors {

    display: none;

    visibility: hidden;

  }

}

.home4-about-section .about-img-wrap .vectors .about-vectors-1 {

  position: absolute;

  left: -75px;

  bottom: 22px;

  z-index: 2;

  animation: rotate 20s linear infinite;

}

.home4-about-section .about-img-wrap .vectors .about-vectors-2 {

  position: absolute;

  top: -125px;

  left: 50%;

  transform: translateX(-50%);

  z-index: -1;

}

.home4-about-section .about-img-wrap .about-img {

  border-radius: 10px;

}

.home4-about-section .about-img-wrap .about-img img {

  border-radius: 10px;

}

.partnership-area {

  border-top: 1px solid var(--border-color2);

  padding-top: 60px;

}

.partnership-area .single-pertner {

  border-radius: 10px;

  background: #f8f8f8;

  padding: 25px 30px;

  position: relative;

  transition: 0.35s;

  display: flex;

  flex-direction: column;

  width: 100%;

}

@media (max-width: 1399px) {

  .partnership-area .single-pertner {

    padding: 25px 20px;

  }

}

.partnership-area .single-pertner svg {

  position: absolute;

  right: 0;

  top: 0;

  stroke: #eee;

  transition: 0.35s;

  fill: none;

}

.partnership-area .single-pertner span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 600;

  display: inline-block;

  text-transform: uppercase;

  margin-bottom: 20px;

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .partnership-area .single-pertner span {

    margin-bottom: 15px;

  }

}

.partnership-area .single-pertner .partner-logos {

  margin-bottom: 50px;

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .partnership-area .single-pertner .partner-logos {

    margin-bottom: 30px;

  }

}

.partnership-area .single-pertner .partner-logos .white {

  display: none;

  visibility: hidden;

  transition: 0.35s;

}

.partnership-area .single-pertner p {

  margin-bottom: 0;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 26px;

  transition: 0.35s;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .partnership-area .single-pertner p {

    font-size: 15px;

  }

}

.partnership-area .single-pertner:hover {

  background-color: var(--title-color);

}

.partnership-area .single-pertner:hover svg {

  stroke: var(--primary-color);

}

.partnership-area .single-pertner:hover span {

  color: var(--white-color);

}

.partnership-area .single-pertner:hover p {

  color: var(--white-color);

}

.partnership-area .single-pertner:hover .partner-logos .black {

  display: none;

  visibility: hidden;

}

.partnership-area .single-pertner:hover .partner-logos .white {

  display: block;

  visibility: visible;

}

.partnership-area .total-partner a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  display: flex;

  align-items: center;

  gap: 8px;

  border: 1px solid var(--border-color);

  line-height: 1;

  padding: 11px 20px;

  transition: 0.5s;

  border-radius: 50px;

}

.partnership-area .total-partner a svg {

  fill: var(--title-color);

  transition: 0.5s;

}

.partnership-area .total-partner a:hover {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

  color: var(--white-color);

}

.partnership-area .total-partner a:hover svg {

  fill: var(--white-color);

  transform: rotate(45deg);

}

.home4-work-section {

  background: #1a1a1a;

  padding: 110px 0;

}

@media (max-width: 991px) {

  .home4-work-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .home4-work-section {

    padding: 70px 0;

  }

}

.home4-work-section .section-title h2 {

  font-size: 130px;

  color: var(--white-color);

  line-height: 1;

}

.home4-work-section .section-title h2 span {

  display: inline;

}

@media (max-width: 1399px) {

  .home4-work-section .section-title h2 {

    font-size: 90px;

  }

}

@media (max-width: 1199px) {

  .home4-work-section .section-title h2 {

    font-size: 70px;

  }

}

@media (max-width: 576px) {

  .home4-work-section .section-title h2 {

    font-size: 45px;

  }

}

.home4-work-section .section-title .dash-and-paragraph .btn-and-paragraph span {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  border-radius: 50px;

  border: 1px solid #2f2f2f;

  background: #2f2f2f;

  line-height: 1;

  padding: 13px 20px;

  display: inline-flex;

  justify-content: end;

  margin-bottom: 20px;

}

.home4-work-section .section-title .dash-and-paragraph .btn-and-paragraph p {

  max-width: 424px;

  min-width: 424px;

  color: #c4c4c4;

}

@media (max-width: 767px) {

  .home4-work-section .section-title .dash-and-paragraph .btn-and-paragraph p {

    min-width: unset;

  }

}

.home4-work-section .home4-work-slider {

  cursor: url(../img/home4/cursor.png), default;

  position: relative;

}

.home4-work-section .home4-work-slider .work-fractional-pagi {

  position: absolute;

  left: 30px;

  bottom: unset;

  top: 40px;

  color: var(--white-color);

  font-size: 22px;

  font-family: var(--font-unbounded);

  z-index: 99;

}

.home4-work-section

  .home4-work-slider

  .work-fractional-pagi

  .swiper-pagination-current {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 24px;

  font-weight: 500;

}

.home4-work-section

  .home4-work-slider

  .work-fractional-pagi

  .swiper-pagination-total {

  color: #545454;

  font-size: 22px;

  font-weight: 400;

}

.home4-work-section .single-work-flow .work-flow-img {

  border-radius: 10px;

  border: 4px solid #2f2f2f;

  position: relative;

  height: 100%;

  display: inline-block;

}

@media (max-width: 1699px) {

  .home4-work-section .single-work-flow .work-flow-img {

    width: 100%;

  }

}

.home4-work-section .single-work-flow .work-flow-img img {

  border-radius: 10px;

  animation: qodef-animate-image-out 1s 0.1s cubic-bezier(0.78, 0.2, 0.21, 0.88)

    forwards;

  z-index: 12;

}

@media (max-width: 1699px) {

  .home4-work-section .single-work-flow .work-flow-img img {

    -o-object-fit: cover;

    object-fit: cover;

    height: 450px;

    width: 100%;

  }

}

@media (max-width: 767px) {

  .home4-work-section .single-work-flow .work-flow-img img {

    height: 350px;

  }

}

.home4-work-section .single-work-flow .work-content {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 25px;

  padding: 25px 0;

  border-bottom: 1px solid #2f2f2f;

}

.home4-work-section .single-work-flow .work-content .icon-and-content {

  display: flex;

  align-items: center;

  max-width: 580px;

  width: 100%;

  gap: 20px;

}

.home4-work-section .single-work-flow .work-content .icon-and-content h3 {

  margin-bottom: 0;

}

.home4-work-section .single-work-flow .work-content .icon-and-content h3 a {

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.5;

  letter-spacing: 0;

  color: var(--white-color);

}

@media (max-width: 1199px) {

  .home4-work-section .single-work-flow .work-content .icon-and-content h3 a {

    font-size: 26px;

  }

}

@media (max-width: 576px) {

  .home4-work-section .single-work-flow .work-content .icon-and-content h3 a {

    font-size: 20px;

  }

}

.home4-work-section .swiper-slide-active .work-flow-img img {

  animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88)

    forwards;

  z-index: 15;

}

.home4-work-section .swiper-slide-active .work-content {

  animation: fadeInUp 1.7s;

}

.home4-process-section .paragraph-and-btn {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 20px;

  margin-bottom: 70px;

}

.home4-process-section .paragraph-and-btn p {

  max-width: 424px;

  width: 100%;

}

.home4-process-section .single-process {

  border-radius: 10px;

  background: #ece8e5;

  padding: 40px 30px;

  position: relative;

}

@media (max-width: 1399px) {

  .home4-process-section .single-process {

    padding: 30px 20px;

  }

}

.home4-process-section .single-process .work-step {

  line-height: 1;

  position: absolute;

  right: 20px;

  top: -12px;

}

.home4-process-section .single-process .work-step span {

  line-height: 1;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  background-color: var(---dark-white-color);

  border: 1px solid #e5e1de;

  border-radius: 13px;

  padding: 4px 20px;

}

.home4-process-section .single-process .icon-and-title {

  margin-bottom: 50px;

}

@media (max-width: 576px) {

  .home4-process-section .single-process .icon-and-title {

    margin-bottom: 30px;

  }

}

.home4-process-section .single-process .icon-and-title .icon {

  margin-bottom: 20px;

}

.home4-process-section .single-process .icon-and-title .icon svg {

  fill: var(--title-color);

}

.home4-process-section .single-process .icon-and-title h4 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.6;

}

.home4-process-section .single-process .process-content {

  line-height: 1;

}

.home4-process-section .single-process .process-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

}

.home4-process-section .single-process.two {

  background: #fbe7f3;

}

.home4-process-section .single-process.three {

  background: #efe8ff;

}

.home4-services-area {

  background: #1a1a1a;

  padding: 100px 0;

}

.home4-services-area .paragraph p {

  max-width: 424px;

  width: 100%;

  color: #c4c4c4;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

}

.home4-services-area .services-card4 .services-top {

  display: grid;

  grid-template-columns: 25% 50% 25%;

  background: #252525;

  border-radius: 10px;

  padding: 40px 85px 0;

  transition: all 0.45s;

}

@media (max-width: 1199px) {

  .home4-services-area .services-card4 .services-top {

    padding: 40px 30px 0;

    grid-template-columns: 15% 60% 25%;

  }

}

@media (max-width: 767px) {

  .home4-services-area .services-card4 .services-top {

    display: block;

    padding-bottom: 40px;

  }

}

@media (max-width: 576px) {

  .home4-services-area .services-card4 .services-top {

    padding: 40px 20px;

  }

}

.home4-services-area .services-card4 .services-top .sl-number {

  line-height: 1;

}

@media (max-width: 767px) {

  .home4-services-area .services-card4 .services-top .sl-number {

    margin-bottom: 20px;

  }

}

.home4-services-area .services-card4 .services-top .sl-number h3 {

  color: #444;

  font-family: Unbounded;

  font-size: 30px;

  font-style: normal;

  font-weight: 600;

  line-height: 25px;

  letter-spacing: 6px;

}

.home4-services-area .services-card4 .services-top .services-wrapper {

  transition: all 0.45s;

}

.home4-services-area

  .services-card4

  .services-top

  .services-wrapper

  .title-tag {

  margin-bottom: 40px;

}

@media (max-width: 767px) {

  .home4-services-area

    .services-card4

    .services-top

    .services-wrapper

    .title-tag {

    margin-bottom: 30px;

  }

}

.home4-services-area

  .services-card4

  .services-top

  .services-wrapper

  .title-tag

  h3 {

  margin-bottom: 20px;

}

.home4-services-area

  .services-card4

  .services-top

  .services-wrapper

  .title-tag

  h3

  a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  transition: 0.35s;

}

.home4-services-area

  .services-card4

  .services-top

  .services-wrapper

  .title-tag

  h3

  a:hover {

  color: var(--primary-color);

}

.home4-services-area

  .services-card4

  .services-top

  .services-wrapper

  .title-tag

  ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 15px;

}

.home4-services-area

  .services-card4

  .services-top

  .services-wrapper

  .title-tag

  ul

  li {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  border-radius: 50px;

  border: 1px solid rgba(255, 255, 255, 0.1);

  background: #1a1a1a;

  padding: 6px 17px;

}

.home4-services-area .services-card4 .services-top .details-btn-wrap {

  text-align: end;

}

@media (max-width: 767px) {

  .home4-services-area .services-card4 .services-top .details-btn-wrap {

    text-align: start;

  }

}

.home4-services-area

  .services-card4

  .services-top

  .details-btn-wrap

  .details-btn {

  position: relative;

}

.home4-services-area

  .services-card4

  .services-top

  .details-btn-wrap

  .details-btn::before {

  content: url(../img/innerpage/vector/star.svg);

  position: absolute;

  top: -10px;

  left: 65px;

  opacity: 0;

  transition: 0.5s;

}

@media (min-width: 1200px) and (max-width: 1399px) {

  .home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn: :before {

    left: 22px;

  }

}

@media (max-width: 1199px) {

  .home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn: :before {

    left: 6px;

  }

}

@media (max-width: 991px) {

  .home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn: :before {

    display: none;

  }

}

.home4-services-area

  .services-card4

  .services-top

  .details-btn-wrap

  .details-btn::after {

  content: url(../img/innerpage/vector/star2.svg);

  position: absolute;

  top: -10px;

  right: -22px;

  opacity: 0;

  transition: 0.5s;

}

@media (max-width: 991px) {

  .home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn: :after {

    display: none;

  }

}

.home4-services-area

  .services-card4

  .services-top

  .details-btn-wrap

  .details-btn:hover::before {

  opacity: 1;

}

.home4-services-area

  .services-card4

  .services-top

  .details-btn-wrap

  .details-btn:hover::after {

  opacity: 1;

}

.home4-services-area

  .services-card4

  .services-top

  .details-btn-wrap

  .primary-btn4 {

  background-color: var(--paragraph-color3);

  padding: 16px 24px;

  color: var(--white-color);

}

.home4-services-area

  .services-card4

  .services-top

  .details-btn-wrap

  .primary-btn4

  svg {

  fill: var(--white-color);

}

.home4-services-area

  .services-card4

  .services-top

  .details-btn-wrap

  .primary-btn4:hover {

  border-color: #2f2f2f;

}

.home4-services-area .services-card4 .service-bottom-wrap {

  position: static;

  transition: none;

  display: none;

}

.home4-services-area .services-card4 .services-btm {

  display: grid;

  grid-template-columns: 25% 50% 25%;

  border-radius: 0 0 10px 10px;

  padding: 0 85px 0;

  transition: all 0.45s;

  background: #252525;

  line-height: 1;

}

@media (max-width: 1199px) {

  .home4-services-area .services-card4 .services-btm {

    padding: 0 30px 0;

    grid-template-columns: 15% 60% 25%;

  }

}

@media (max-width: 767px) {

  .home4-services-area .services-card4 .services-btm {

    display: block;

  }

}

.home4-services-area .services-card4 .services-btm .paragraph-img p {

  color: #c4c4c4;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 40px;

}

.home4-services-area

  .services-card4

  .services-btm

  .paragraph-img

  .services-img

  img {

  border-radius: 5px 5px 0 0;

}

.home4-services-area .active .services-card4 .services-top {

  border-radius: 10px 10px 0 0;

}

.home4-testimonial-section {

  background: #f8f8f8;

  padding: 100px 0;

}

@media (max-width: 991px) {

  .home4-testimonial-section {

    padding: 80px 0;

  }

}

.home4-testimonial-section .paragraph-and-review {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 20px;

}

.home4-testimonial-section .paragraph-and-review p {

  max-width: 424px;

  width: 100%;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

}

.home4-testimonial-section .testimonial-slider .swiper-slide-active span {

  animation: fadeInDown 1.7s;

}

.home4-testimonial-section .testimonial-slider .swiper-slide-active p {

  animation: fadeInDown 1.7s;

}

.home4-testimonial-section

  .testimonial-slider

  .swiper-slide-active

  .author-area {

  animation: fadeInUp 1.7s;

}

.home4-testimonial-section .testimonial-slider .author-img {

  border-radius: 10px;

  position: relative;

  display: inline-block;

  height: 100%;

}

@media (max-width: 576px) {

  .home4-testimonial-section .testimonial-slider .author-img {

    display: block;

  }

}

.home4-testimonial-section .testimonial-slider .author-img img {

  border-radius: 10px;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}

@media (max-width: 576px) {

  .home4-testimonial-section .testimonial-slider .author-img img {

    width: 100%;

  }

}

.home4-testimonial-section .testimonial-slider .author-img .wrapper {

  display: inline-block;

  position: absolute;

  top: 20px;

  right: 20px;

  z-index: 999;

}

.home4-testimonial-section .testimonial-slider .author-img .video-main {

  position: relative;

  display: inline-block;

}

.home4-testimonial-section .testimonial-slider .author-img .video {

  height: 40px;

  width: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 100%;

  background: 0 0;

  color: var(--primary-color);

  display: inline-block;

  background: #fff;

  z-index: 999;

  font-size: 24px;

}

@keyframes waves {

  0% {

    transform: scale(0.2, 0.2);

    opacity: 0;

    -ms-filter: "alpha(opacity=0)";

  }

  50% {

    opacity: 0.9;

    -ms-filter: "alpha(opacity=90)";

  }

  100% {

    transform: scale(0.9, 0.9);

    opacity: 0;

    -ms-filter: "alpha(opacity=0)";

  }

}

.home4-testimonial-section .testimonial-slider .author-img .fa-play:before {

  content: "\f04b";

}

.home4-testimonial-section .testimonial-slider .author-img .waves {

  position: absolute;

  width: 70px;

  height: 70px;

  background: rgba(255, 255, 255, 0.7);

  opacity: 0;

  -ms-filter: "alpha(opacity=0)";

  border-radius: 100%;

  right: -15px;

  bottom: -15px;

  z-index: -1;

  animation: waves 3s ease-in-out infinite;

}

.home4-testimonial-section .testimonial-slider .author-img .wave-1 {

  animation-delay: 0s;

}

.home4-testimonial-section .testimonial-slider .author-img .wave-2 {

  animation-delay: 1s;

}

.home4-testimonial-section .testimonial-slider .author-img .wave-3 {

  animation-delay: 2s;

}

.home4-testimonial-section .testimonial-slider .testimonal-content {

  background-color: #f8eeeb;

  padding: 50px 88px 45px;

  border-radius: 10px;

}

@media (max-width: 1399px) {

  .home4-testimonial-section .testimonial-slider .testimonal-content {

    padding: 50px 50px 40px;

  }

}

@media (max-width: 1199px) {

  .home4-testimonial-section .testimonial-slider .testimonal-content {

    padding: 50px 30px 40px;

  }

}

.home4-testimonial-section .testimonial-slider .testimonal-content > span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  display: inline-block;

  margin-bottom: 15px;

}

.home4-testimonial-section .testimonial-slider .testimonal-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 400;

  line-height: 1.6;

  margin-bottom: 28px;

}

@media (max-width: 1399px) {

  .home4-testimonial-section .testimonial-slider .testimonal-content p {

    font-size: 26px;

  }

}

@media (max-width: 1199px) {

  .home4-testimonial-section .testimonial-slider .testimonal-content p {

    font-size: 22px;

  }

}

@media (max-width: 576px) {

  .home4-testimonial-section .testimonial-slider .testimonal-content p {

    font-size: 20px;

  }

}

.home4-testimonial-section

  .testimonial-slider

  .testimonal-content

  .author-area {

  border-top: 1px solid #fff;

  padding-top: 20px;

}

.home4-testimonial-section

  .testimonial-slider

  .testimonal-content

  .author-area

  .content

  h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 0;

}

.home4-testimonial-section

  .testimonial-slider

  .testimonal-content

  .author-area

  .content

  span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

}

.home4-testimonial-section .slider-btn-area {

  display: flex;

  justify-content: end;

  padding: 0 88px;

  margin-top: -88px;

  position: relative;

  z-index: 1;

}

@media (max-width: 1399px) {

  .home4-testimonial-section .slider-btn-area {

    padding: 0 50px;

  }

}

@media (max-width: 1199px) {

  .home4-testimonial-section .slider-btn-area {

    padding: 0 30px;

  }

}

@media (max-width: 576px) {

  .home4-testimonial-section .slider-btn-area {

    display: none;

  }

}

.home4-team-section .section-title .dash-and-paragraph svg {

  fill: var(--border-color2);

}

.home4-team-section .section-title .dash-and-paragraph .btn-and-paragraph {

  margin-top: -33px;

}

@media (max-width: 991px) {

  .home4-team-section .section-title .dash-and-paragraph .btn-and-paragraph {

    margin-top: 0;

  }

}

.home4-team-section.style-2 {

  padding: 110px 0;

  background-color: #f8f8f8;

  position: relative;

  z-index: -2;

}

@media (max-width: 1199px) {

  .home4-team-section.style-2 {

    padding: 100px 0;

  }

}

@media (max-width: 991px) {

  .home4-team-section.style-2 {

    padding: 90px 0;

  }

}

.home4-team-section.style-2 .vector {

  position: absolute;

  right: 0;

  bottom: 0;

  stroke: var(---dark-white-color);

  z-index: -1;

}

@media (max-width: 767px) {

  .home4-team-section.style-2 .vector {

    display: none;

  }

}

.home4-team-section.style-2 .section-title .dash-and-paragraph svg {

  fill: var(--border-color2);

}

.team-card-4 {

  transition: 0.45s;

  position: relative;

}

.team-card-4 .team-img {

  transition: 0.45s;

  position: relative;

  margin-bottom: 30px;

  display: flex;

  z-index: 1;

  justify-content: center;

  -webkit-mask-image: url(../img/home4/team-bg-shape.png);

  mask-image: url(../img/home4/team-bg-shape.png);

  -webkit-mask-repeat: no-repeat;

  mask-repeat: no-repeat;

  -webkit-mask-size: cover;

  mask-size: cover;

}

.team-card-4 .team-img .social-area {

  position: absolute;

  left: 50%;

  bottom: 25px;

  transform: translateX(-50%);

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 16px;

  transition: 0.45s;

  opacity: 0;

}

.team-card-4 .team-img .social-area li a {

  height: 26px;

  width: 26px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--white-color);

  transition: 0.35s;

}

.team-card-4 .team-img .social-area li a i {

  font-size: 14px;

  color: #363636;

  transition: 0.35s;

}

.team-card-4 .team-img .social-area li a:hover {

  background-color: var(--primary-color);

}

.team-card-4 .team-img .social-area li a:hover i {

  color: var(--white-color);

}

.team-card-4 .vector {

  position: absolute;

  right: 0;

  top: 70px;

  z-index: -1;

  opacity: 0;

  transition: 0.45s;

}

@media (max-width: 1199px) {

  .team-card-4 .vector {

    display: none;

    visibility: hidden;

  }

}

.team-card-4 .vector svg {

  fill: #f09562;

  animation: rotate 20s linear infinite;

}

@media (max-width: 1199px) {

  .team-card-4 .vector {

    top: 40px;

  }

}

@media (max-width: 576px) {

  .team-card-4 .vector {

    top: 55px;

    right: 30px;

  }

}

.team-card-4 .team-content h6 {

  margin-bottom: 2px;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 600;

}

.team-card-4 .team-content span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

}

.team-card-4:hover .social-area {

  opacity: 1;

}

.team-card-4:hover .vector {

  opacity: 1;

}

.home4-award-section {

  padding: 100px 0;

  background: #1a1a1a;

}

@media (max-width: 991px) {

  .home4-award-section {

    padding: 80px 0;

  }

}

.home4-award-section .section-title h2 {

  font-size: 130px;

  color: var(--white-color);

  line-height: 1;

}

.home4-award-section .section-title h2 span {

  display: inline-block;

}

@media (max-width: 1399px) {

  .home4-award-section .section-title h2 {

    font-size: 90px;

  }

}

@media (max-width: 1199px) {

  .home4-award-section .section-title h2 {

    font-size: 70px;

  }

}

@media (max-width: 576px) {

  .home4-award-section .section-title h2 {

    font-size: 45px;

  }

}

.home4-award-section .dash-and-paragraph.three svg {

  fill: #2f2f2f;

}

.home4-award-section .dash-and-paragraph .btn-and-paragraph p {

  max-width: 424px;

  min-width: 424px;

  color: #c4c4c4;

}

@media (max-width: 767px) {

  .home4-award-section .dash-and-paragraph .btn-and-paragraph p {

    min-width: unset;

  }

}

.home4-award-section .home4-award-slider-wrap .award-content h2 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

  line-height: 1.35;

  margin-bottom: 20px;

}

@media (max-width: 1399px) {

  .home4-award-section .home4-award-slider-wrap .award-content h2 {

    font-size: 40px;

  }

}

@media (max-width: 1399px) {

  .home4-award-section .home4-award-slider-wrap .award-content h2 {

    font-size: 35px;

  }

}

@media (max-width: 576px) {

  .home4-award-section .home4-award-slider-wrap .award-content h2 {

    font-size: 30px;

  }

}

.home4-award-section .home4-award-slider-wrap .award-content svg {

  margin-bottom: 25px;

}

@media (max-width: 576px) {

  .home4-award-section .home4-award-slider-wrap .award-content svg {

    min-height: 123px;

  }

}

.home4-award-section .home4-award-slider-wrap .award-content ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.home4-award-section .home4-award-slider-wrap .award-content ul li {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  padding-left: 16px;

  position: relative;

  margin-bottom: 7px;

}

.home4-award-section .home4-award-slider-wrap .award-content ul li:last-child {

  margin-bottom: 0;

}

.home4-award-section .home4-award-slider-wrap .award-content ul li::after {

  content: "";

  height: 8px;

  width: 8px;

  border-radius: 50%;

  background-color: #545454;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.home4-award-section .home4-award-slider-wrap .award-img img {

  border-radius: 20px;

  width: 100%;

}

.home4-award-section .slider-btn-area {

  display: inline-flex;

  align-items: center;

  justify-content: end;

  margin-top: -80px;

  background: #1a1a1a;

  z-index: 1;

  padding: 20px;

  position: relative;

  border-radius: 20px 0;

}

@media (max-width: 576px) {

  .home4-award-section .slider-btn-area {

    margin-top: -55px;

    padding: 15px;

  }

}

@media (max-width: 576px) {

  .home4-award-section .slider-btn-area .slider-btn-group {

    min-width: 90px;

    max-width: 90px;

  }

}

@media (max-width: 576px) {

  .home4-award-section .slider-btn-area .slider-btn-group .slider-btn {

    width: 35px;

    height: 35px;

  }

}

.home4-award-section .franctional-pagi6 {

  color: #545454;

  font-size: 22px;

  font-family: var(--font-unbounded);

}

.home4-award-section .franctional-pagi6 .swiper-pagination-current {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

}

.home4-award-section .franctional-pagi6 .swiper-pagination-total {

  color: #545454;

  font-size: 22px;

  font-weight: 500;

}

.home4-blog-section .paragraph-and-btn {

  display: flex;

  align-items: end;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 20px;

  margin-bottom: 70px;

}

.home4-blog-section .paragraph-and-btn p {

  max-width: 424px;

  width: 100%;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

}

.home4-blog-section .paragraph-and-btn a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  transition: 0.35s;

  display: flex;

  align-items: baseline;

  gap: 8px;

}

.home4-blog-section .paragraph-and-btn a svg {

  fill: var(--title-color);

}

.home4-blog-section .paragraph-and-btn a:hover {

  color: var(--primary-color);

}

.home4-blog-section .paragraph-and-btn a:hover svg {

  fill: var(--primary-color);

}

.blog-card4 .blog-img {

  display: block;

}

.blog-card4 .blog-img img {

  border-radius: 10px;

}

@media (max-width: 767px) {

  .blog-card4 .blog-img img {

    width: 100%;

  }

}

.blog-card4 .blog-content {

  padding-top: 35px;

}

.blog-card4 .blog-content .blog-meta {

  line-height: 1;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px;

  margin-bottom: 15px;

}

.blog-card4 .blog-content .blog-meta .category {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 15px;

  line-height: 1;

}

.blog-card4 .blog-content .blog-meta .category li a {

  display: flex;

  align-items: center;

  gap: 5px;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  transition: 0.35s;

}

.blog-card4 .blog-content .blog-meta .category li a:hover {

  color: var(--primary-color);

}

.blog-card4 .blog-content .blog-meta .category li a:hover svg {

  fill: var(--primary-color);

}

.blog-card4 .blog-content .blog-meta .blog-publish-date {

  line-height: 1;

  padding-left: 30px;

  position: relative;

}

.blog-card4 .blog-content .blog-meta .blog-publish-date::before {

  content: "";

  background: #ccd4dd;

  width: 20px;

  height: 1px;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.blog-card4 .blog-content .blog-meta .blog-publish-date a {

  display: flex;

  align-items: center;

  gap: 5px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  transition: 0.35s;

}

.blog-card4 .blog-content .blog-meta .blog-publish-date a:hover {

  color: var(--primary-color);

}

.blog-card4 .blog-content .blog-meta .blog-publish-date a:hover svg {

  fill: var(--primary-color);

}

.blog-card4 .blog-content .blog-title {

  margin-bottom: 0;

}

.blog-card4 .blog-content .blog-title a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.5;

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .blog-card4 .blog-content .blog-title a {

    font-size: 20px;

  }

}

.blog-card4 .blog-content .blog-title a:hover {

  color: var(--primary-color);

}

.home4-contact-section {

  overflow: hidden;

  background: #f4cb0a;

}

.home4-contact-section .js-marquee-wrapper {

  display: flex;

  align-items: center;

  gap: 70px;

}

.home4-contact-section .js-marquee {

  display: flex;

  align-items: center;

  margin-right: 0 !important;

  gap: 70px;

}

@media (max-width: 1399px) {

  .home4-contact-section .js-marquee {

    gap: 50px;

  }

}

@media (max-width: 576px) {

  .home4-contact-section .js-marquee {

    gap: 30px;

  }

}

.home4-contact-section a {

  color: #1a1a1a;

  font-family: var(--font-unbounded);

  font-size: 130px;

  font-weight: 500;

  display: flex;

  align-items: center;

  gap: 70px;

  line-height: 1;

  padding: 90px 0;

}

.home4-contact-section a span {

  font-family: var(--font-fahkwang);

}

@media (max-width: 1399px) {

  .home4-contact-section a {

    font-size: 90px;

    padding: 50px 0;

    gap: 50px;

  }

}

@media (max-width: 1199px) {

  .home4-contact-section a {

    font-size: 70px;

  }

}

@media (max-width: 576px) {

  .home4-contact-section a {

    font-size: 45px;

    padding: 30px 0;

    gap: 30px;

  }

}

.home5-banner-area {

  background-image: url(../img/home5/home5-banner-bg.png),

    linear-gradient(#1a1a1a, #1a1a1a);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 185px 0 50px;

}

@media (max-width: 767px) {

  .home5-banner-area {

    padding: 150px 0 50px;

  }

}

.home5-banner-area .banner-title {

  margin-bottom: 50px;

  position: relative;

  z-index: 2;

}

@media (max-width: 991px) {

  .home5-banner-area .banner-title {

    margin-bottom: 20px;

  }

}

@media (max-width: 767px) {

  .home5-banner-area .banner-title {

    margin-bottom: 30px;

  }

}

.home5-banner-area .banner-title .sub-title {

  color: var(--white-color);

  font-family: var(--font-fahkwang);

  font-size: 18px;

  font-weight: 700;

  line-height: 1.4;

  margin-bottom: 20px;

}

@media (max-width: 991px) {

  .home5-banner-area .banner-title .sub-title {

    margin-bottom: 15px;

  }

}

.home5-banner-area .banner-title .sub-title span {

  color: var(--primary-color4);

}

.home5-banner-area .banner-title h1 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 90px;

  font-weight: 600;

  line-height: 1.2;

  margin-bottom: 0;

}

@media (max-width: 1399px) {

  .home5-banner-area .banner-title h1 {

    font-size: 80px;

  }

}

@media (max-width: 991px) {

  .home5-banner-area .banner-title h1 {

    font-size: 65px;

  }

}

@media (max-width: 767px) {

  .home5-banner-area .banner-title h1 {

    font-size: 50px;

  }

}

.home5-banner-area .banner-content-and-img {

  display: flex;

  align-items: end;

  gap: 110px;

  margin-top: -140px;

}

@media (max-width: 1199px) {

  .home5-banner-area .banner-content-and-img {

    margin-top: -80px;

    gap: 50px;

  }

}

@media (max-width: 991px) {

  .home5-banner-area .banner-content-and-img {

    margin-top: -35px;

  }

}

.home5-banner-area .banner-content-and-img .banner-content {

  margin-bottom: 30px;

}

@media (max-width: 767px) {

  .home5-banner-area .banner-content-and-img .banner-content {

    margin-bottom: 0;

    margin-top: 40px;

  }

}

.home5-banner-area

  .banner-content-and-img

  .banner-content

  .arrow-and-paragraph {

  max-width: 400px;

  width: 100%;

  display: flex;

  gap: 8px;

  margin-bottom: 55px;

}

@media (max-width: 1199px) {

  .home5-banner-area

    .banner-content-and-img

    .banner-content

    .arrow-and-paragraph {

    margin-bottom: 40px;

  }

}

.home5-banner-area

  .banner-content-and-img

  .banner-content

  .arrow-and-paragraph

  svg {

  fill: rgba(255, 255, 255, 0.1);

  min-width: 32px;

}

.home5-banner-area

  .banner-content-and-img

  .banner-content

  .arrow-and-paragraph

  p {

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 28px;

  margin-bottom: 0;

}

.home5-banner-area

  .banner-content-and-img

  .banner-content

  .arrow-and-paragraph

  p

  span {

  color: var(--white-color);

  font-weight: 400;

}

.home5-banner-area .banner-content-and-img .banner-content .primary-btn4 {

  border: 1px solid rgba(255, 255, 255, 0.1);

  color: var(--white-color);

  background-color: transparent;

}

.home5-banner-area .banner-content-and-img .banner-content .primary-btn4 svg {

  fill: var(--white-color);

}

.home5-banner-area .banner-content-and-img .banner-content .primary-btn4 span {

  background-color: var(--primary-color4);

}

.home5-banner-area .banner-content-and-img .banner-content .primary-btn4:hover {

  color: var(--dark-title-color);

}

.home5-banner-area

  .banner-content-and-img

  .banner-content

  .primary-btn4:hover

  svg {

  fill: var(--dark-title-color);

}

.home5-banner-area .banner-content-and-img .banner-img {

  position: relative;

  z-index: 1;

}

@media (max-width: 767px) {

  .home5-banner-area .banner-content-and-img .banner-img {

    display: none;

  }

}

.home5-banner-area .banner-content-and-img .banner-img::before {

  content: "";

  position: absolute;

  top: 7px;

  right: -6px;

  width: 100%;

  height: 100%;

  border: 2px dashed var(--primary-color2);

  border-radius: 220px 220px 10px 10px;

  z-index: 1;

}

.home5-banner-area .banner-content-and-img .banner-img svg {

  position: absolute;

  top: -44%;

  right: -40%;

  z-index: -1;

}

@media (max-width: 1399px) {

  .home5-banner-area .banner-content-and-img .banner-img svg {

    right: -10%;

    width: 300px;

  }

}

@media (max-width: 1199px) {

  .home5-banner-area .banner-content-and-img .banner-img svg {

    display: none;

  }

}

.home5-banner-area .banner-content-and-img .banner-img img {

  border-radius: 220px 220px 10px 10px;

  position: relative;

  z-index: 9;

  min-width: 424px;

  max-width: 424px;

  width: 100%;

  min-height: 430px;

  -o-object-fit: cover;

  object-fit: cover;

}

@media (max-width: 1199px) {

  .home5-banner-area .banner-content-and-img .banner-img img {

    min-height: 385px;

    width: 100%;

  }

}

.home5-banner-area .social-area-group {

  padding-top: 70px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  flex-wrap: wrap;

}

@media (max-width: 1199px) {

  .home5-banner-area .social-area-group {

    padding-top: 50px;

  }

}

@media (max-width: 767px) {

  .home5-banner-area .social-area-group {

    padding-top: 40px;

  }

}

@media (max-width: 576px) {

  .home5-banner-area .social-area-group {

    gap: 10px;

  }

}

.home5-banner-area .social-area-group .social-list {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 60px;

}

.home5-banner-area .social-area-group .social-list li a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  transition: 0.5s;

}

.home5-banner-area .social-area-group .social-list li a:hover {

  color: var(--primary-color4);

}

.home5-about-section .section-title {

  margin-bottom: 15px;

}

@media (max-width: 991px) {

  .home5-about-section .section-title {

    margin-bottom: 25px;

  }

}

.home5-about-section .counter-wrap {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 50px;

  padding-top: 35px;

}

@media (max-width: 991px) {

  .home5-about-section .counter-wrap {

    padding-top: 0;

  }

}

@media (max-width: 576px) {

  .home5-about-section .counter-wrap {

    gap: 30px;

  }

}

.home5-about-section .counter-wrap .single-counter .number {

  line-height: 1;

  display: flex;

  align-items: center;

  margin-bottom: 15px;

}

@media (max-width: 767px) {

  .home5-about-section .counter-wrap .single-counter .number {

    margin-bottom: 10px;

  }

}

.home5-about-section .counter-wrap .single-counter .number .counter {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

  margin-bottom: 0;

}

@media (max-width: 767px) {

  .home5-about-section .counter-wrap .single-counter .number .counter {

    font-size: 32px;

  }

}

.home5-about-section .counter-wrap .single-counter .number span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

}

@media (max-width: 767px) {

  .home5-about-section .counter-wrap .single-counter .number span {

    font-size: 32px;

  }

}

.home5-about-section .counter-wrap .single-counter p {

  margin-bottom: 0;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

}

.home5-about-section .about-content-wrap {

  max-width: 595px;

  width: 100%;

}

.home5-about-section .about-content-wrap .about-content {

  position: relative;

}

.home5-about-section .about-content-wrap .about-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  margin-bottom: 50px;

  max-width: 450px;

  width: 100%;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .home5-about-section .about-content-wrap .about-content p {

    max-width: 400px;

  }

}

@media (max-width: 991px) {

  .home5-about-section .about-content-wrap .about-content p {

    margin-bottom: 35px;

  }

}

.home5-about-section .about-content-wrap .about-content .star {

  position: absolute;

  right: -15px;

  top: -55px;

}

@media (max-width: 767px) {

  .home5-about-section .about-content-wrap .about-content .star {

    display: none;

  }

}

.home5-about-section .about-content-wrap .about-content .star svg {

  fill: #d9eafe;

}

.home5-about-section .about-content-wrap .about-content .star::before {

  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

  width: 1px;

  height: 360px;

  background-color: #ffe2e2;

}

@media (max-width: 991px) {

  .home5-about-section .about-content-wrap .about-content .star: :before {

    display: none;

  }

}

.home5-about-section .about-content-wrap .primary-btn4 {

  background-color: var(--primary-color4);

  border-color: var(--primary-color4);

  color: var(--dark-title-color);

  padding: 16px 27px;

}

.home5-about-section .about-content-wrap .primary-btn4 svg {

  fill: var(--dark-title-color);

}

.home5-about-section .about-content-wrap .primary-btn4 span {

  background-color: var(--white-color);

}

.home5-about-section .about-content-wrap .primary-btn4:hover {

  border-color: #eee;

}

.home5-work-section {

  background-image: linear-gradient(#f8f8f8, #f8f8f8),

    url(../img/home5/home5-award-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  overflow: hidden;

  position: relative;

  padding: 110px 0;

}

@media (max-width: 991px) {

  .home5-work-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .home5-work-section {

    padding: 70px 0;

  }

}

.home5-work-section .verticle-text {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 20px;

}

@media (max-width: 1399px) {

  .home5-work-section .verticle-text {

    right: 0;

    top: 57%;

  }

}

@media (max-width: 767px) {

  .home5-work-section .verticle-text {

    display: none;

  }

}

.home5-work-section .verticle-text h2 {

  color: #eee;

  font-family: var(--font-fahkwang);

  font-size: 180px;

  font-weight: 700;

  line-height: 1;

  writing-mode: vertical-rl;

  white-space: nowrap;

  margin-bottom: 0;

}

@media (max-width: 1399px) {

  .home5-work-section .verticle-text h2 {

    font-size: 150px;

  }

}

@media (max-width: 1199px) {

  .home5-work-section .verticle-text h2 {

    font-size: 140px;

  }

}

.home5-work-section .section-title {

  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 20px;

  flex-wrap: wrap;

}

@media (max-width: 991px) {

  .home5-work-section .section-title {

    align-items: center;

  }

}

.home5-work-section .section-title h2 {

  font-family: var(--font-fahkwang);

  font-size: 130px;

  line-height: 1.1;

}

@media (max-width: 1399px) {

  .home5-work-section .section-title h2 {

    font-size: 110px;

  }

}

@media (max-width: 991px) {

  .home5-work-section .section-title h2 {

    font-size: 100px;

  }

}

@media (max-width: 767px) {

  .home5-work-section .section-title h2 {

    font-size: 90px;

  }

}

.home5-work-section .section-title .primary-btn4 {

  padding: 16px 26px;

  background-color: var(--primary-color3);

  color: var(--white-color);

  margin-bottom: 25px;

}

@media (max-width: 991px) {

  .home5-work-section .section-title .primary-btn4 {

    margin-bottom: 0;

  }

}

.home5-work-section .section-title .primary-btn4 svg {

  fill: var(--white-color);

}

.home5-work-section .section-title .primary-btn4 span {

  background-color: var(--primary-color4);

}

.home5-work-section .section-title .primary-btn4:hover {

  border-color: var(--primary-color4);

  color: var(--dark-title-color);

}

.home5-work-section .section-title .primary-btn4:hover svg {

  fill: var(--dark-title-color);

}

.home5-work-section .paragraph-and-btn-area p {

  max-width: 425px;

}

.home5-work-section .work-wrapper {

  position: relative;

}

.home5-work-section .work-wrapper .shape {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

@media (max-width: 767px) {

  .home5-work-section .work-wrapper .shape {

    display: none;

  }

}

@media (max-width: 991px) {

  .home5-work-section .work-wrapper .shape img {

    min-width: 460px;

  }

}

.home5-work-section .work-wrapper .work-card .work-img {

  position: relative;

}

.home5-work-section .work-wrapper .work-card .work-img img {

  border-radius: 20px 20px 0 0;

}

.home5-work-section .work-wrapper .work-card .work-img .batch {

  position: absolute;

  top: 24px;

  left: 24px;

  display: flex;

  flex-direction: column;

  gap: 10px;

}

.home5-work-section .work-wrapper .work-card .work-img .batch span {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  line-height: 1;

  display: inline-block;

  padding: 9px 21px;

  background-color: var(--primary-color);

  border-radius: 50px;

}

.home5-work-section .work-wrapper .work-card .work-content {

  background-color: var(--primary-color3);

  max-width: 370px;

  width: 100%;

  margin: 0 auto;

  padding: 30px;

  border-radius: 30px 30px 0 0;

  position: relative;

  z-index: 1;

  margin-top: -100px;

}

@media (max-width: 1199px) {

  .home5-work-section .work-wrapper .work-card .work-content {

    max-width: 340px;

    padding: 30px 20px;

  }

}

@media (min-width: 576px) and (max-width: 768px) {

  .home5-work-section .work-wrapper .work-card .work-content {

    max-width: 430px;

  }

}

.home5-work-section .work-wrapper .work-card .work-content h5 {

  margin-bottom: 10px;

}

.home5-work-section .work-wrapper .work-card .work-content h5 a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 30px;

  transition: 0.5s;

}

.home5-work-section .work-wrapper .work-card .work-content h5 a:hover {

  color: var(--primary-color4);

}

.home5-work-section .work-wrapper .work-card .work-content span {

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

}

.home5-work-section .work-wrapper .duration {

  position: absolute;

  top: 0;

  left: 0;

}

@media (max-width: 767px) {

  .home5-work-section .work-wrapper .duration {

    display: none;

  }

}

.home5-work-section .work-wrapper .duration h6 {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 24px;

  margin-bottom: 0;

}

.home5-work-section .work-wrapper .duration h6 span {

  color: var(--title-color);

  display: block;

}

@media (max-width: 767px) {

  .home5-work-section .work-wrapper .slider-btn-grp {

    padding-top: 60px;

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

}

.home5-work-section .work-wrapper .slider-btn-grp .slider-btn {

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  background-color: var(---dark-white-color);

  width: 145px;

  height: 40px;

  border-radius: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  transition: 0.5s;

}

@media (max-width: 991px) {

  .home5-work-section .work-wrapper .slider-btn-grp .slider-btn {

    width: 130px;

    height: 35px;

  }

}

@media (max-width: 767px) {

  .home5-work-section .work-wrapper .slider-btn-grp .slider-btn {

    position: relative;

    top: unset;

    left: unset;

  }

}

.home5-work-section .work-wrapper .slider-btn-grp .slider-btn svg {

  fill: var(--title-color);

}

.home5-work-section .work-wrapper .slider-btn-grp .slider-btn.next-1 {

  left: unset;

  right: 0;

}

.home5-work-section

  .work-wrapper

  .slider-btn-grp

  .slider-btn.swiper-button-disabled {

  opacity: 0.5;

}

.home5-work-section .work-wrapper .slider-btn-grp .slider-btn:hover {

  background-color: var(--primary-color4);

  color: var(--dark-title-color);

}

.home5-work-section .work-wrapper .slider-btn-grp .slider-btn:hover svg {

  fill: var(--dark-title-color);

}

.home5-work-section .work-wrapper .work-card-slider {

  padding: 10px;

  margin: -10px;

}

.home5-service-section .paragraph-and-btn-area {

  flex-wrap: nowrap;

}

@media (max-width: 767px) {

  .home5-service-section .paragraph-and-btn-area p {

    max-width: unset;

  }

}

.home5-service-section .paragraph-and-btn-area .vector {

  max-width: 312px;

  width: 100%;

  display: flex;

  justify-content: center;

  position: relative;

}

@media (max-width: 767px) {

  .home5-service-section .paragraph-and-btn-area .vector {

    max-width: 200px;

  }

}

@media (max-width: 576px) {

  .home5-service-section .paragraph-and-btn-area .vector {

    display: none;

  }

}

.home5-service-section .paragraph-and-btn-area .vector .star {

  fill: #eee;

  animation: rotate 20s linear infinite;

}

.home5-service-section .paragraph-and-btn-area .vector .star-bg {

  fill: #eee;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

@media (max-width: 991px) {

  .home5-service-section .paragraph-and-btn-area .vector .star-bg {

    display: none;

  }

}

.home5-service-section .service-card2 {

  padding: 40px 30px 20px;

  border-radius: 10px;

  background-color: #fbe7f3;

  position: relative;

  width: 100%;

}

@media (max-width: 991px) {

  .home5-service-section .service-card2 {

    padding: 30px 20px 20px;

  }

}

.home5-service-section .service-card2 > svg {

  fill: var(--white-color);

  position: absolute;

  top: 0;

  right: 0;

}

.home5-service-section .service-card2 .icon {

  margin-bottom: 25px;

}

.home5-service-section .service-card2 .icon svg {

  fill: var(--title-color);

}

.home5-service-section .service-card2 .service-content h4 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.3;

  margin-bottom: 30px;

}

@media (max-width: 576px) {

  .home5-service-section .service-card2 .service-content h4 {

    margin-bottom: 20px;

  }

}

.home5-service-section .service-card2 .service-content ul {

  padding: 0;

  margin: 0;

  list-style: none;

  -moz-columns: 2;

  columns: 2;

}

@media (max-width: 576px) {

  .home5-service-section .service-card2 .service-content ul {

    -moz-columns: unset;

    columns: unset;

  }

}

.home5-service-section .service-card2 .service-content ul li {

  display: flex;

  align-items: center;

  gap: 2px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1.4;

  margin-bottom: 15px;

}

.home5-service-section .service-card2 .service-content ul li i {

  font-size: 14px;

  font-weight: 600;

}

.home5-service-section .service-card2.two {

  background-color: #efe8ff;

}

.home5-service-section .service-card2.three {

  background-color: #ece8e5;

}

.home5-service-section .service-card2.four {

  background-color: #ffe8ca;

}

.home5-experience-section {

  background-image: linear-gradient(#1a1a1a, #1a1a1a),

    url(../img/home5/home5-experience-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 110px 0;

  overflow: hidden;

}

@media (max-width: 991px) {

  .home5-experience-section {

    padding: 90px 0;

  }

}

.home5-experience-section .experience-years-area {

  width: 424px;

  height: 550px;

  border-radius: 212px;

  border: 1px solid var(--white-color);

  text-align: center;

  padding-top: 50px;

  position: relative;

  margin-bottom: 100px;

}

@media (max-width: 991px) {

  .home5-experience-section .experience-years-area {

    margin-bottom: 80px;

  }

}

@media (max-width: 576px) {

  .home5-experience-section .experience-years-area {

    width: 375px;

    height: 500px;

  }

}

.home5-experience-section .experience-years-area::before {

  content: "";

  width: 404px;

  height: 530px;

  border-radius: 202px;

  border: 2px dashed rgba(255, 255, 255, 0.3);

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

@media (max-width: 576px) {

  .home5-experience-section .experience-years-area: :before {

    width: 340px;

    height: 480px;

  }

}

.home5-experience-section .experience-years-area::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 660px;

  height: 660px;

  border: 1px solid rgba(255, 255, 255, 0.05);

  border-radius: 50%;

}

@media (max-width: 1199px) {

  .home5-experience-section .experience-years-area: :after {

    width: 600px;

    height: 600px;

  }

}

@media (max-width: 767px) {

  .home5-experience-section .experience-years-area: :after {

    width: 550px;

    height: 600px;

  }

}

.home5-experience-section .experience-years-area .circle::before,

.home5-experience-section .experience-years-area .circle::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 818px;

  height: 818px;

  border: 1px solid rgba(255, 255, 255, 0.05);

  border-radius: 50%;

}

@media (max-width: 1199px) {

  .home5-experience-section .experience-years-area .circle: :before, .home5-experience-section .experience-years-area .circle::after {

    width: 750px;

    height: 750px;

  }

}

.home5-experience-section .experience-years-area .circle::after {

  width: 1096px;

  height: 1096px;

}

@media (max-width: 1199px) {

  .home5-experience-section .experience-years-area .circle: :after {

    width: 900px;

    height: 900px;

  }

}

.home5-experience-section .experience-years-area .icon {

  margin-bottom: 50px;

}

.home5-experience-section .experience-years-area .icon svg {

  fill: var(--primary-color4);

}

.home5-experience-section .experience-years-area .content h2 {

  color: var(--white-color);

  font-family: var(--font-fahkwang);

  font-size: 130px;

  font-weight: 800;

  line-height: 0.7;

  margin-bottom: 40px;

}

.home5-experience-section .experience-years-area .content h2 span {

  font-weight: 300;

}

@media (max-width: 576px) {

  .home5-experience-section .experience-years-area .content h2 {

    font-size: 100px;

    margin-bottom: 30px;

  }

}

.home5-experience-section .experience-years-area .content > span {

  color: var(--white-color);

  font-family: var(--font-fahkwang);

  font-size: 45px;

  font-weight: 700;

  line-height: 1;

}

@media (max-width: 576px) {

  .home5-experience-section .experience-years-area .content > span {

    font-size: 40px;

  }

}

.home5-experience-section .experience-years-area .content svg {

  fill: var(--white-color);

}

.home5-experience-section .single-skill {

  padding: 15px 20px;

  border-radius: 20px;

  border: 1px solid rgba(255, 255, 255, 0.1);

  background-color: #202020;

  display: flex;

  align-items: center;

  gap: 20px;

}

@media (max-width: 1399px) {

  .home5-experience-section .single-skill {

    gap: 15px;

    padding: 15px;

  }

}

.home5-experience-section .single-skill .icon {

  min-width: 60px;

  max-width: 60px;

  height: 60px;

  border-radius: 50%;

  background-color: var(--primary-color3);

  border: 1px solid rgba(255, 255, 255, 0.08);

  display: flex;

  align-items: center;

  justify-content: center;

}

.home5-experience-section .single-skill .content h4 {

  color: var(--white-color);

  font-family: var(--font-fahkwang);

  font-size: 22px;

  font-weight: 700;

  line-height: 1.2;

  margin-bottom: 5px;

}

.home5-experience-section .single-skill .content span {

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

}

.home5-testimonial-section .for-border {

  border-bottom: 1px solid var(--border-color2);

  display: block;

  padding-top: 30px;

  margin-bottom: 70px;

}

@media (max-width: 767px) {

  .home5-testimonial-section .for-border {

    padding-top: 20px;

    margin-bottom: 50px;

  }

}

.home5-testimonial-section .paragraph-and-btn-area {

  position: relative;

}

.home5-testimonial-section .paragraph-and-btn-area .vector {

  position: absolute;

  right: 30%;

  top: -70px;

}

@media (max-width: 1199px) {

  .home5-testimonial-section .paragraph-and-btn-area .vector {

    right: 25%;

  }

}

@media (max-width: 991px) {

  .home5-testimonial-section .paragraph-and-btn-area .vector {

    display: none;

  }

}

.home5-testimonial-section .paragraph-and-btn-area .vector svg {

  fill: var(--primary-color4);

}

.home5-testimonial-section .paragraph-and-btn-area .primary-btn4 {

  padding: 16px 26px;

  background-color: var(--primary-color3);

  color: var(--white-color);

  border: none;

}

.home5-testimonial-section .paragraph-and-btn-area .primary-btn4 svg {

  fill: var(--white-color);

}

.home5-testimonial-section .paragraph-and-btn-area .primary-btn4 span {

  background-color: var(--primary-color4);

}

.home5-testimonial-section .paragraph-and-btn-area .primary-btn4:hover {

  border: none;

  color: var(--dark-title-color);

}

.home5-testimonial-section .paragraph-and-btn-area .primary-btn4:hover svg {

  fill: var(--dark-title-color);

}

.home5-testimonial-section .testimoial-wrapper {

  position: relative;

}

.home5-testimonial-section .testimoial-wrapper .vector {

  fill: #f8f8f8;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

@media (max-width: 576px) {

  .home5-testimonial-section .testimoial-wrapper .vector {

    width: 350px;

  }

}

.home5-testimonial-section .testimoial-wrapper .testimonal-content {

  text-align: center;

  min-height: 345px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

@media (max-width: 576px) {

  .home5-testimonial-section .testimoial-wrapper .testimonal-content {

    min-height: unset;

  }

}

.home5-testimonial-section .testimoial-wrapper .testimonal-content > span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 15px;

  display: inline-block;

}

@media (max-width: 576px) {

  .home5-testimonial-section .testimoial-wrapper .testimonal-content > span {

    margin-bottom: 10px;

  }

}

.home5-testimonial-section .testimoial-wrapper .testimonal-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 400;

  line-height: 1.5;

  margin-bottom: 30px;

}

@media (max-width: 1399px) {

  .home5-testimonial-section .testimoial-wrapper .testimonal-content p {

    font-size: 28px;

  }

}

@media (max-width: 767px) {

  .home5-testimonial-section .testimoial-wrapper .testimonal-content p {

    font-size: 25px;

    margin-bottom: 25px;

  }

}

@media (max-width: 576px) {

  .home5-testimonial-section .testimoial-wrapper .testimonal-content p {

    font-size: 20px;

    margin-bottom: 20px;

  }

}

.home5-testimonial-section

  .testimoial-wrapper

  .testimonal-content

  .author-area {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 15px;

}

.home5-testimonial-section

  .testimoial-wrapper

  .testimonal-content

  .author-area

  .author-img

  img {

  min-width: 60px;

  max-width: 60px;

  height: 60px;

  border-radius: 50%;

}

.home5-testimonial-section

  .testimoial-wrapper

  .testimonal-content

  .author-area

  .content {

  text-align: start;

}

.home5-testimonial-section

  .testimoial-wrapper

  .testimonal-content

  .author-area

  .content

  h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 600;

  line-height: 1.3;

  margin-bottom: 5px;

}

.home5-testimonial-section

  .testimoial-wrapper

  .testimonal-content

  .author-area

  .content

  span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 17px;

}

.home5-testimonial-section

  .testimoial-wrapper

  .swiper-slide-active

  .author-area {

  animation: fadeInUp 1.7s;

}

.home5-testimonial-section .testimoial-wrapper .swiper-slide-active p {

  animation: fadeInDown 1.7s;

}

.home5-testimonial-section .testimoial-wrapper .swiper-slide-active span {

  animation: fadeInDown 1.7s;

}

.home5-testimonial-section .testimoial-wrapper .slider-btn-area {

  width: 100%;

}

@media (max-width: 991px) {

  .home5-testimonial-section .testimoial-wrapper .slider-btn-area {

    display: none;

  }

}

.home5-testimonial-section

  .testimoial-wrapper

  .slider-btn-area

  .slider-btn-grp {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.home5-testimonial-section

  .testimoial-wrapper

  .slider-btn-area

  .slider-btn-grp

  .slider-btn {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

}

.home5-testimonial-section

  .testimoial-wrapper

  .slider-btn-area

  .slider-btn-grp

  .slider-btn.next-2 {

  left: unset;

  right: 0;

}

.home5-testimonial-section

  .testimoial-wrapper

  .slider-btn-area

  .slider-btn-grp

  .slider-btn

  svg {

  fill: var(--title-color);

}

.home5-testimonial-section

  .testimoial-wrapper

  .slider-btn-area

  .slider-btn-grp

  .slider-btn.swiper-button-disabled {

  opacity: 0.1;

}

.home5-testimonial-section

  .testimoial-wrapper

  .slider-btn-area

  .franctional-pagi2 {

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: transparent;

  width: 93%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.home5-testimonial-section

  .testimoial-wrapper

  .slider-btn-area

  .franctional-pagi2

  .swiper-pagination-current,

.home5-testimonial-section

  .testimoial-wrapper

  .slider-btn-area

  .franctional-pagi2

  .swiper-pagination-total {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

}

.home5-award-section {

  background-image: linear-gradient(#f8f8f8, #f8f8f8),

    url(../img/home5/home5-award-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 110px 0;

}

@media (max-width: 991px) {

  .home5-award-section {

    padding: 90px 0;

  }

}

.home5-award-section .paragraph-and-btn-area {

  position: relative;

}

.home5-award-section .paragraph-and-btn-area .vector {

  position: absolute;

  top: -70px;

  right: 20%;

}

@media (max-width: 991px) {

  .home5-award-section .paragraph-and-btn-area .vector {

    display: none;

  }

}

.home5-award-section .paragraph-and-btn-area .vector svg {

  fill: var(--primary-color4);

}

.home5-award-section .award-table {

  width: 100%;

  border-collapse: collapse;

}

@media (max-width: 767px) {

  .home5-award-section .award-table thead {

    display: none;

    visibility: hidden;

  }

}

.home5-award-section .award-table thead tr th {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  padding: 30px;

  padding-top: 0;

}

.home5-award-section .award-table thead tr th:last-child {

  text-align: end;

}

@media (max-width: 991px) {

  .home5-award-section .award-table thead tr th {

    padding: 25px 15px;

    padding-top: 0;

  }

}

.home5-award-section .award-table tbody tr {

  border: 1px solid var(--border-color);

  transition: 0.35s;

  border-left: none;

  border-right: none;

}

.home5-award-section .award-table tbody tr td {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 400;

  padding: 30px;

  text-align: start;

  transition: 0.35s;

  position: relative;

  z-index: 9;

}

.home5-award-section .award-table tbody tr td:first-child {

  font-weight: 500;

}

@media (max-width: 991px) {

  .home5-award-section .award-table tbody tr td {

    padding: 25px 15px;

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .home5-award-section .award-table tbody tr td {

    display: block;

    width: 100%;

    text-align: right;

    padding-left: 50%;

    position: relative;

    padding: 10px 15px;

    font-size: 18px;

  }

  .home5-award-section .award-table tbody tr td::before {

    content: attr(data-label);

    position: absolute;

    left: 0;

    width: 50%;

    text-align: left;

    padding-left: 15px;

    color: var(--paragraph-color);

    font-family: var(--font-unbounded);

    font-size: 14px;

    font-weight: 500;

  }

}

.home5-award-section .award-table tbody tr td a {

  color: var(--title-color);

  font-weight: 500;

  display: flex;

  transition: 0.35s;

}

@media (max-width: 767px) {

  .home5-award-section .award-table tbody tr td a {

    justify-content: end;

  }

  .home5-award-section .award-table tbody tr td a svg {

    opacity: 1;

  }

}

.home5-award-section .award-table tbody tr td:nth-child(2) {

  min-width: 400px;

}

@media (max-width: 991px) {

  .home5-award-section .award-table tbody tr td: nth-child(2) {

    min-width: unset;

  }

}

.home5-award-section .award-table tbody tr td:last-child {

  text-align: end;

}

.home5-award-section .award-table tbody tr td img {

  position: absolute;

  top: 50%;

  transform: translateY(-50%) rotate(25deg) scale(0.4);

  right: 0;

  transition: 0.5s;

  opacity: 0;

  z-index: -1;

}

@media (max-width: 767px) {

  .home5-award-section .award-table tbody tr td img {

    display: none;

  }

}

.home5-award-section .award-table tbody tr:last-child {

  border-bottom: none;

}

.home5-award-section .award-table tbody tr:last-child td {

  padding-bottom: 0;

}

@media (max-width: 767px) {

  .home5-award-section .award-table tbody tr: last-child td {

    padding-bottom: 10px;

  }

}

.home5-award-section .award-table tbody tr:hover td a {

  color: var(--primary-color4);

}

.home5-award-section .award-table tbody tr:hover td img {

  opacity: 1;

  transform: translateY(-50%) rotate(25deg) scale(1);

}

.home5-blog-section .paragraph-and-btn-area {

  align-items: end;

}

.home5-blog-section .paragraph-and-btn-area a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  white-space: nowrap;

  display: flex;

  align-items: center;

  gap: 8px;

  transition: 0.5s;

}

.home5-blog-section .paragraph-and-btn-area a svg {

  fill: var(--title-color);

  transition: 0.5s;

}

.home5-blog-section .paragraph-and-btn-area a:hover {

  color: var(--primary-color4);

}

.home5-blog-section .paragraph-and-btn-area a:hover svg {

  fill: var(--primary-color4);

}

.home5-blog-section .blog-card2 .blog-content .tags li a:hover {

  color: var(--primary-color4);

}

.home5-blog-section .blog-card2 .blog-content .tags li a:hover svg {

  fill: var(--primary-color4);

}

.home5-blog-section .blog-card2 .blog-content h4 a:hover {

  color: var(--primary-color4);

}

.home5-blog-section .blog-card2 .blog-content .explore-btn:hover {

  color: var(--primary-color4);

}

.home5-blog-section .blog-card2 .blog-content .explore-btn:hover svg {

  fill: var(--primary-color4);

}

.home6-banner-area {

  background: linear-gradient(#003c30, #003c30);

  padding: 200px 0 430px;

  position: relative;

  z-index: 1;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .home6-banner-area {

    padding: 200px 0 380px;

  }

}

@media (max-width: 1399px) {

  .home6-banner-area {

    padding: 200px 0 380px;

  }

}

@media (max-width: 1199px) {

  .home6-banner-area {

    padding: 160px 0 340px;

  }

}

@media (max-width: 767px) {

  .home6-banner-area {

    padding: 150px 0 180px;

  }

}

.home6-banner-area .animate-vector {

  position: absolute;

  left: 0;

  top: 39%;

  z-index: -1;

}

@media (max-width: 991px) {

  .home6-banner-area .animate-vector {

    display: none;

    visibility: hidden;

  }

}

.home6-banner-area .animate-vector svg lineargradient stop {

  stop-color: #0b473b;

}

.home6-banner-area .animate-vector .path-square {

  stroke-width: 2;

  fill: none;

}

.home6-banner-area .animate-vector .sm-circle {

  fill: #6d8470;

  stroke: #6d8470;

}

.home6-banner-area .animate-vector .sm-circle2 {

  fill: #fff;

  stroke: #fff;

  opacity: 0.1;

}

.home6-banner-area .animate-vector2 {

  position: absolute;

  right: 0;

  top: 39%;

  z-index: -1;

}

@media (max-width: 991px) {

  .home6-banner-area .animate-vector2 {

    display: none;

    visibility: hidden;

  }

}

.home6-banner-area .animate-vector2 svg lineargradient stop {

  stop-color: #0b473b;

}

.home6-banner-area .animate-vector2 .path-square {

  stroke-width: 2;

  fill: none;

}

.home6-banner-area .animate-vector2 .sm-circle {

  fill: #6d8470;

  stroke: #6d8470;

}

.home6-banner-area .animate-vector2 .sm-circle2 {

  fill: #fff;

  stroke: #fff;

  opacity: 0.1;

}

.home6-banner-area .banner-content-wrapper {

  max-width: 920px;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

}

.home6-banner-area .banner-content-wrapper .sub-title {

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  letter-spacing: 0;

  color: var(--white-color);

  display: inline-flex;

  align-items: center;

  gap: 5px;

  background-color: rgba(255, 255, 255, 0.15);

  border-radius: 5px;

  padding: 8px 18px;

  margin-bottom: 15px;

}

.home6-banner-area .banner-content-wrapper .sub-title svg {

  fill: var(--primary-color4);

}

.home6-banner-area .banner-content-wrapper h1 {

  font-family: var(--font-unbounded);

  font-size: 60px;

  font-weight: 500;

  line-height: 1.35;

  color: var(--white-color);

  margin-bottom: 13px;

}

@media (max-width: 991px) {

  .home6-banner-area .banner-content-wrapper h1 {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .home6-banner-area .banner-content-wrapper h1 {

    font-size: 38px;

  }

}

.home6-banner-area .banner-content-wrapper p {

  margin-bottom: 45px;

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  color: #dfdfdf;

  max-width: 710px;

  margin-left: auto;

  margin-right: auto;

}

@media (max-width: 991px) {

  .home6-banner-area .banner-content-wrapper p {

    margin-bottom: 30px;

  }

}

.home6-banner-area .banner-content-wrapper .banner-btn-group {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 30px;

  margin-bottom: 20px;

}

@media (max-width: 576px) {

  .home6-banner-area .banner-content-wrapper .banner-btn-group {

    flex-wrap: wrap;

    gap: 15px;

  }

}

.home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4 {

  background-color: var(--primary-color4);

  border-color: var(--primary-color4);

  color: var(--dark-title-color);

}

.home6-banner-area

  .banner-content-wrapper

  .banner-btn-group

  .primary-btn4

  span {

  background-color: var(--dark-title-color);

}

.home6-banner-area

  .banner-content-wrapper

  .banner-btn-group

  .primary-btn4:hover {

  border-color: var(--dark-title-color);

  color: var(--white-color);

}

.home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4.two {

  background-color: var(--dark-title-color);

  border-color: var(--dark-title-color);

  color: var(--white-color);

}

.home6-banner-area

  .banner-content-wrapper

  .banner-btn-group

  .primary-btn4.two

  svg {

  fill: var(--white-color);

}

.home6-banner-area

  .banner-content-wrapper

  .banner-btn-group

  .primary-btn4.two

  span {

  background-color: var(--primary-color4);

}

.home6-banner-area

  .banner-content-wrapper

  .banner-btn-group

  .primary-btn4.two:hover {

  border-color: var(--primary-color4);

  color: var(--dark-title-color);

}

.home6-banner-area

  .banner-content-wrapper

  .banner-btn-group

  .primary-btn4.two:hover

  svg {

  fill: var(--dark-title-color);

}

.home6-banner-area .banner-content-wrapper span {

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 300;

  line-height: 1;

}

@keyframes animLoaded {

  0% {

    transform: rotateX(25deg);

  }

  25% {

    transform: rotateX(25deg) scale(0.9);

  }

  60%,

  100% {

    transform: none;

  }

}

.dashboard-img-section {

  margin-top: -300px;

  position: relative;

  z-index: 2;

}

@media (max-width: 1199px) {

  .dashboard-img-section {

    margin-top: -270px;

  }

}

@media (max-width: 767px) {

  .dashboard-img-section {

    margin-top: -130px;

  }

}

.dashboard-img-section .dashboard-img-wrap {

  perspective: 2000px;

}

.dashboard-img-section .dashboard-img-wrap .dashboard-img {

  transform: rotateX(25deg);

}

@media (max-width: 991px) {

  .dashboard-img-section .dashboard-img-wrap .dashboard-img {

    transform: rotateX(0deg);

  }

}

@media (max-width: 576px) {

  .dashboard-img-section img {

    min-height: 200px;

  }

}

.dashboard-img-section .dark {

  display: none;

}

.home6-feature-section {

  scroll-margin-top: 100px;

}

.home6-feature-section .feature-card {

  padding: 40px 28px;

  background-color: #f2eeeb;

  border-radius: 10px;

  transition: 0.5s;

}

@media (max-width: 1199px) {

  .home6-feature-section .feature-card {

    padding: 35px 20px;

  }

}

.home6-feature-section .feature-card .icon {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background-color: #003c30;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 30px;

}

.home6-feature-section .feature-card .icon svg {

  fill: var(--primary-color4);

}

.home6-feature-section .feature-card .content h5 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.5;

  margin-bottom: 25px;

  transition: 0.5s;

}

@media (max-width: 991px) {

  .home6-feature-section .feature-card .content h5 {

    margin-bottom: 20px;

  }

}

.home6-feature-section .feature-card .content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

  transition: 0.5s;

}

.home6-feature-section .feature-card .content p span {

  color: var(--title-color);

  font-weight: 500;

  transition: 0.5s;

}

.home6-feature-section .feature-card:hover {

  background-color: #003c30;

}

.home6-feature-section .feature-card:hover .icon {

  background-color: rgba(255, 255, 255, 0.15);

}

.home6-feature-section .feature-card:hover .icon svg {

  animation: bounceIn 1.2s linear;

}

.home6-feature-section .feature-card:hover .content h5 {

  color: var(--white-color);

}

.home6-feature-section .feature-card:hover .content p {

  color: var(--paragraph-color-dark);

}

.home6-feature-section .feature-card:hover .content p span {

  color: var(--white-color);

}

.home6-feature-section .contact-area {

  padding: 12px 30px;

  border-radius: 20px;

  border: 1px solid var(--border-color2);

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  flex-wrap: wrap;

  max-width: 380px;

  width: 100%;

  margin: 0 auto;

}

@media (max-width: 576px) {

  .home6-feature-section .contact-area {

    padding: 12px 20px;

    border-radius: 10px;

    text-align: center;

    justify-content: center;

  }

}

.home6-feature-section .contact-area p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  margin-bottom: 0;

}

.home6-feature-section .contact-area a {

  display: flex;

  align-items: center;

  gap: 5px;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  white-space: nowrap;

  transition: 0.5s;

}

.home6-feature-section .contact-area a svg {

  fill: none;

  stroke: var(--title-color);

  transition: 0.5s;

}

.home6-feature-section .contact-area a:hover {

  color: var(--primary-color4);

}

.home6-feature-section .contact-area a:hover svg {

  stroke: var(--primary-color4);

}

.home6-project-management-section {

  scroll-margin-top: 100px;

  background-image: linear-gradient(#f8f8f8, #f8f8f8),

    url(../img/home6/project-management-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 110px 0;

  position: relative;

  z-index: 1;

}

@media (max-width: 991px) {

  .home6-project-management-section {

    padding: 90px 0;

  }

}

.home6-project-management-section .scroll-svg {

  height: auto;

  left: 50%;

  width: 80%;

  transform: translateX(-50%);

  position: absolute;

  top: 370px;

  z-index: -1;

  stroke: #dae2ff;

}

@media (max-width: 1699px) {

  .home6-project-management-section .scroll-svg {

    width: 90%;

  }

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .home6-project-management-section .scroll-svg {

    width: 98%;

  }

}

@media (max-width: 1399px) {

  .home6-project-management-section .scroll-svg {

    width: 98%;

  }

}

@media (max-width: 1199px) {

  .home6-project-management-section .scroll-svg {

    display: none;

    visibility: hidden;

  }

}

.home6-project-management-section .single-project {

  padding: 50px 40px 0;

  background-color: var(--white-color);

  border-radius: 10px;

}

@media (max-width: 576px) {

  .home6-project-management-section .single-project {

    padding: 35px 25px 0;

  }

}

.home6-project-management-section .single-project .content {

  margin-bottom: 50px;

}

@media (max-width: 576px) {

  .home6-project-management-section .single-project .content {

    margin-bottom: 40px;

  }

}

.home6-project-management-section .single-project .content h3 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.5;

  margin-bottom: 20px;

}

@media (max-width: 1399px) {

  .home6-project-management-section .single-project .content h3 {

    font-size: 26px;

  }

}

@media (max-width: 1199px) {

  .home6-project-management-section .single-project .content h3 {

    font-size: 24px;

  }

}

.home6-project-management-section .single-project .content ul {

  margin: 0;

  padding: 0;

  list-style: none;

  margin-bottom: 35px;

}

@media (max-width: 576px) {

  .home6-project-management-section .single-project .content ul {

    margin-bottom: 25px;

  }

}

.home6-project-management-section .single-project .content ul li {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 400;

  line-height: 26px;

}

.home6-project-management-section .single-project .content ul li svg {

  min-width: 12px;

  margin-right: 5px;

  fill: var(--paragraph-color);

  margin-top: -3px;

}

.home6-project-management-section .single-project .content a {

  display: flex;

  align-items: center;

  gap: 8px;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  white-space: nowrap;

  transition: 0.5s;

}

.home6-project-management-section .single-project .content a svg {

  fill: none;

  stroke: var(--title-color);

  transition: 0.5s;

}

.home6-project-management-section .single-project .content a:hover {

  color: var(--primary-color4);

}

.home6-project-management-section .single-project .content a:hover svg {

  stroke: var(--primary-color4);

}

.home6-project-management-section .single-project .single-project-img {

  border: 1px solid var(--border-color2);

  padding: 15px;

  border-radius: 10px 10px 0 0;

  border-bottom: none;

}

@media (max-width: 991px) {

  .home6-project-management-section .single-project .single-project-img img {

    width: 100%;

  }

}

.home6-testimonial-section .testimonial-wrapper {

  position: relative;

}

.home6-testimonial-section .testimonial-wrapper .testimonial-card {

  background-color: #f8f8f8;

  padding: 40px 30px;

  border-radius: 10px;

}

@media (max-width: 576px) {

  .home6-testimonial-section .testimonial-wrapper .testimonial-card {

    padding: 35px 20px;

  }

}

.home6-testimonial-section .testimonial-wrapper .testimonial-card > span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 15px;

  display: block;

  margin-bottom: 20px;

}

.home6-testimonial-section .testimonial-wrapper .testimonial-card p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 400;

  line-height: 1.8;

  margin-bottom: 30px;

}

@media (max-width: 576px) {

  .home6-testimonial-section .testimonial-wrapper .testimonial-card p {

    margin-bottom: 25px;

  }

}

.home6-testimonial-section .testimonial-wrapper .testimonial-card .author-area {

  display: flex;

  align-items: center;

  gap: 15px;

}

.home6-testimonial-section

  .testimonial-wrapper

  .testimonial-card

  .author-area

  .author-img

  img {

  min-width: 50px;

  max-width: 50px;

  border-radius: 5px;

}

.home6-testimonial-section

  .testimonial-wrapper

  .testimonial-card

  .author-area

  .author-content

  h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 700;

  line-height: 17px;

  margin-bottom: 3px;

}

.home6-testimonial-section

  .testimonial-wrapper

  .testimonial-card

  .author-area

  .author-content

  span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 400;

  line-height: 15px;

}

.home6-testimonial-section

  .testimonial-wrapper

  .home6-testimonial-slider

  .swiper-slide:nth-child(even)

  .testimonial-card {

  background-color: transparent;

  border: 1px solid var(--border-color2);

}

.home6-testimonial-section .testimonial-wrapper .slider-btn-group {

  display: block;

}

@media (max-width: 767px) {

  .home6-testimonial-section .testimonial-wrapper .slider-btn-group {

    display: none;

  }

}

.home6-testimonial-section .testimonial-wrapper .slider-btn-group .slider-btn {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: -20px;

  z-index: 1;

}

@media (max-width: 991px) {

  .home6-testimonial-section

    .testimonial-wrapper

    .slider-btn-group

    .slider-btn {

    left: -8px;

  }

}

.home6-testimonial-section

  .testimonial-wrapper

  .slider-btn-group

  .slider-btn.next-1 {

  left: unset;

  right: -20px;

}

@media (max-width: 991px) {

  .home6-testimonial-section

    .testimonial-wrapper

    .slider-btn-group

    .slider-btn.next-1 {

    right: -8px;

  }

}

.home6-testimonial-section .testimonial-bottom-area .rating-area {

  padding: 0;

  margin: 0;

  list-style: none;

  padding-bottom: 15px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  gap: 12px;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating {

  padding: 9px 20px;

  border: 1px solid var(--border-color2);

  border-radius: 10px;

  display: flex;

  gap: 25px;

  max-height: 66px;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating

  .rating

  > strong {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 20px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 14px;

  display: block;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating

  .rating

  span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 600;

  line-height: 1;

  display: block;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating

  .star-and-logo

  .star {

  padding: 0;

  margin: 0;

  list-style: none;

  margin-bottom: 6px;

  display: flex;

  align-items: center;

  gap: 2px;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating

  .star-and-logo

  .star

  li {

  width: 16px;

  height: 16px;

  background-color: #00b67a;

  display: flex;

  align-items: center;

  justify-content: center;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating

  .star-and-logo

  .star

  li

  svg {

  fill: var(--white-color);

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating

  .star-and-logo

  .logo

  svg {

  fill: var(--title-color);

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating.two {

  gap: 10px;

  padding: 13px 20px;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating.two

  .rating

  span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  display: block;

  margin-bottom: 10px;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating.two

  .rating

  .star-and-point {

  display: flex;

  align-items: center;

  gap: 8px;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating.two

  .rating

  .star-and-point

  strong {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 600;

  line-height: 1;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating.two

  .rating

  .star-and-point

  .star {

  padding: 0;

  margin: 0;

  list-style: none;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating.two

  .rating

  .star-and-point

  .star

  li {

  display: flex;

  align-items: center;

  gap: 6px;

}

.home6-testimonial-section

  .testimonial-bottom-area

  .rating-area

  .single-rating.two

  .rating

  .star-and-point

  .star

  li

  i {

  color: #dda701;

}

.home6-testimonial-section .testimonial-bottom-area p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  text-align: center;

}

.home-integration-section .section-title3 p {

  max-width: 550px;

  width: 100%;

  margin: 0 auto;

}

.home-integration-section .company-logo {

  height: 90px;

  width: 90px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #003c30;

  border-radius: 50%;

  margin-left: auto;

  margin-right: auto;

  position: relative;

  z-index: 1;

}

@media (max-width: 991px) {

  .home-integration-section .company-logo {

    margin-bottom: 40px;

  }

}

.home-integration-section .arrow-vec-wrap {

  display: flex;

  justify-content: center;

}

@media (max-width: 1399px) {

  .home-integration-section .arrow-vec-wrap {

    margin-top: -6px;

  }

}

@media (max-width: 1199px) {

  .home-integration-section .arrow-vec-wrap {

    margin-top: -15px;

  }

}

@media (max-width: 991px) {

  .home-integration-section .arrow-vec-wrap {

    display: none;

    visibility: hidden;

  }

}

.home-integration-section .arrow-vec-wrap .awrrow-vec {

  stroke-width: 1;

  fill: none;

  stroke: #003c30;

  width: 1102px;

}

@media (max-width: 1399px) {

  .home-integration-section .arrow-vec-wrap .awrrow-vec {

    width: 1000px;

  }

}

@media (max-width: 1199px) {

  .home-integration-section .arrow-vec-wrap .awrrow-vec {

    width: 830px;

  }

}

.home-integration-section .arrow-vec-wrap .sm-circle2 {

  fill: #003c30;

  stroke: #003c30;

}

.home-integration-section .integration-wrap {

  max-width: 1211px;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  gap: 40px;

}

@media (max-width: 1399px) {

  .home-integration-section .integration-wrap {

    gap: 30px;

  }

}

@media (max-width: 1199px) {

  .home-integration-section .integration-wrap {

    gap: 25px;

  }

}

.home-integration-section .integration-wrap .single-integration {

  width: 112px;

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  border: 1px solid #dae2ff;

  border-radius: 10px;

  padding: 18px 8px 10px;

}

.home-integration-section .integration-wrap .single-integration img {

  margin-bottom: 5px;

}

.home-integration-section .integration-wrap .single-integration h6 {

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  line-height: 28px;

  text-align: center;

  color: var(--title-color);

  margin-bottom: 0;

}

.home-integration-section .integration-wrap .single-integration .dark {

  display: none;

}

.home6-performance-section {

  background-image: linear-gradient(#f8f8f8, #f8f8f8),

    url(../img/home6/home6-performance-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 110px 0;

  position: relative;

  z-index: 1;

}

.home6-performance-section .scroll-svg2 {

  height: auto;

  left: 50%;

  width: 80%;

  transform: translateX(-50%);

  position: absolute;

  top: 370px;

  z-index: -1;

  stroke: #dae2ff;

}

@media (max-width: 1699px) {

  .home6-performance-section .scroll-svg2 {

    width: 90%;

  }

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .home6-performance-section .scroll-svg2 {

    width: 98%;

  }

}

@media (max-width: 1399px) {

  .home6-performance-section .scroll-svg2 {

    width: 98%;

  }

}

@media (max-width: 1199px) {

  .home6-performance-section .scroll-svg2 {

    display: none;

    visibility: hidden;

  }

}

@media (max-width: 1199px) {

  .home6-performance-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .home6-performance-section {

    padding: 70px 0;

  }

}

.home6-performance-section .section-title3 p {

  max-width: 560px;

  width: 100%;

}

.home6-performance-section .contact-area .form-inner {

  display: flex;

  align-items: center;

  background-color: var(---dark-white-color);

  border: 1px solid var(--title-color);

  border-radius: 10px;

  padding: 6px;

  height: 60px;

  margin-bottom: 20px;

}

.home6-performance-section .contact-area .form-inner input {

  background-color: transparent;

  border: unset;

}

.home6-performance-section .contact-area .form-inner input:focus {

  border: unset;

}

@media (max-width: 576px) {

  .home6-performance-section .contact-area .form-inner input {

    padding: 10px 15px;

  }

}

.home6-performance-section .contact-area .form-inner .primary-btn3 {

  background-color: var(--primary-color4);

  border-color: var(--primary-color4);

  color: var(--primary-color3);

  border-radius: 10px;

  padding: 15px 36px;

  justify-content: center;

  min-width: 180px;

}

@media (max-width: 576px) {

  .home6-performance-section .contact-area .form-inner .primary-btn3 {

    min-width: 140px;

    padding: 15px 10px;

    font-size: 13px;

  }

}

.home6-performance-section .contact-area .form-inner .primary-btn3 svg {

  min-width: 11px;

  fill: var(--primary-color3);

}

.home6-performance-section .contact-area .form-inner .primary-btn3:hover {

  border-color: var(--border-color2);

}

.home6-performance-section .contact-area ul {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 40px;

}

@media (max-width: 576px) {

  .home6-performance-section .contact-area ul {

    flex-wrap: wrap;

    gap: 20px;

  }

}

.home6-performance-section .contact-area ul li {

  display: flex;

  align-items: center;

  gap: 8px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1.2;

}

.home6-performance-section .contact-area ul li svg {

  fill: #003c30;

}

.home6-performance-section .performance-slider-wrap {

  position: relative;

  transition: 0.5s;

}

.home6-performance-section .performance-slider-wrap .performance-card {

  text-align: center;

}

.home6-performance-section

  .performance-slider-wrap

  .performance-card

  .performance-img {

  padding: 30px 80px;

  background-color: var(--white-color);

  border-radius: 10px;

  margin-bottom: 20px;

}

@media (max-width: 1399px) {

  .home6-performance-section

    .performance-slider-wrap

    .performance-card

    .performance-img {

    padding: 30px 50px;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .home6-performance-section

    .performance-slider-wrap

    .performance-card

    .performance-img {

    padding: 30px 25px;

  }

}

@media (max-width: 576px) {

  .home6-performance-section

    .performance-slider-wrap

    .performance-card

    .performance-img {

    padding: 20px;

  }

}

.home6-performance-section

  .performance-slider-wrap

  .performance-card

  .performance-content {

  padding: 10px 20px;

  background-color: var(--white-color);

  border-radius: 25px;

  display: inline-flex;

  justify-content: center;

  min-width: 280px;

}

.home6-performance-section

  .performance-slider-wrap

  .performance-card

  .performance-content

  h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 400;

  line-height: 1.5;

  margin-bottom: 0;

}

@media (max-width: 576px) {

  .home6-performance-section

    .performance-slider-wrap

    .performance-card

    .performance-content

    h6 {

    font-size: 17px;

  }

}

.home6-performance-section .performance-slider-wrap .slider-btn-group {

  display: block;

  opacity: 0;

}

@media (max-width: 767px) {

  .home6-performance-section .performance-slider-wrap .slider-btn-group {

    display: none;

  }

}

.home6-performance-section

  .performance-slider-wrap

  .slider-btn-group

  .slider-btn {

  position: absolute;

  top: 32%;

  left: -20px;

  z-index: 1;

}

@media (max-width: 991px) {

  .home6-performance-section

    .performance-slider-wrap

    .slider-btn-group

    .slider-btn {

    left: -8px;

  }

}

.home6-performance-section

  .performance-slider-wrap

  .slider-btn-group

  .slider-btn.next-2 {

  left: unset;

  right: -20px;

}

@media (max-width: 991px) {

  .home6-performance-section

    .performance-slider-wrap

    .slider-btn-group

    .slider-btn.next-2 {

    right: -8px;

  }

}

.home6-performance-section .performance-slider-wrap .pagination-wrap {

  padding-top: 45px;

}

.home6-performance-section

  .performance-slider-wrap

  .pagination-wrap

  .pagination1 {

  justify-content: center;

}

.home6-performance-section

  .performance-slider-wrap

  .pagination-wrap

  .pagination1

  .swiper-pagination-bullet {

  width: 20px;

  height: 6px;

  background-color: #aad2fe;

  border-radius: 10px;

  opacity: 1;

  position: relative;

}

.home6-performance-section

  .performance-slider-wrap

  .pagination-wrap

  .pagination1

  .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background-color: #003c30;

  width: 34px;

}

.home6-performance-section

  .performance-slider-wrap

  .pagination-wrap

  .pagination1

  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {

  content: "";

  width: 40px;

  height: 12px;

  border: 1px dashed #003c30;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  border-radius: 10px;

}

.home6-performance-section .performance-slider-wrap:hover .slider-btn-group {

  opacity: 1;

}

.home6-counter-section .counter-wrapper {

  padding-bottom: 25px;

  border-bottom: 1px solid var(--border-color2);

}

.home6-counter-section .counter-wrapper .single-counter {

  display: flex;

  align-items: center;

  gap: 30px;

}

@media (max-width: 991px) {

  .home6-counter-section .counter-wrapper .single-counter {

    gap: 15px;

  }

}

.home6-counter-section .counter-wrapper .single-counter .icon {

  width: 60px;

  height: 60px;

  border-radius: 10px;

  background-color: #003c30;

  display: flex;

  align-items: center;

  justify-content: center;

}

.home6-counter-section .counter-wrapper .single-counter .icon svg {

  fill: var(--white-color);

}

.home6-counter-section .counter-wrapper .single-counter .content .number {

  display: flex;

  align-items: center;

  margin-bottom: 13px;

}

.home6-counter-section .counter-wrapper .single-counter .content .number h3,

.home6-counter-section .counter-wrapper .single-counter .content .number span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 0;

}

.home6-counter-section .counter-wrapper .single-counter .content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 1;

  margin-bottom: 0;

}

.home6-counter-section .counter-wrapper .single-counter:hover .icon svg {

  animation: bounceIn 1.2s linear;

}

.home6-faq-section .section-title3 p {

  max-width: 580px;

  width: 100%;

  margin: 0 auto;

}

.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item {

  border: 1px solid rgba(var(--title-color-opc), 0.08);

  border-radius: 10px;

  padding: 0 30px;

  background-color: transparent;

  margin-bottom: 30px;

}

@media (max-width: 767px) {

  .home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item {

    padding: 0 15px;

  }

}

.home6-faq-section

  .faq-wrappper

  .faq-content

  .accordion

  .accordion-item:last-child {

  margin-bottom: 0;

}

.home6-faq-section

  .faq-wrappper

  .faq-content

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button {

  border: none;

  border-radius: unset;

  box-shadow: none;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  background-color: transparent;

  font-size: 16px;

  font-weight: 500;

  line-height: 1.4;

  padding: 0;

  padding-bottom: 15px;

  padding-top: 20px;

  border-bottom: 1px solid transparent;

}

.home6-faq-section

  .faq-wrappper

  .faq-content

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button::after {

  width: 24px;

  height: 24px;

  border: 1px solid #003c30;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--title-color);

  content: "\f4fe";

  font-family: bootstrap-icons;

  background-image: none;

  font-weight: 400;

  font-size: 20px;

  transition: 0.5s;

}

.home6-faq-section

  .faq-wrappper

  .faq-content

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button:not(.collapsed) {

  background-color: unset;

  border-bottom: 1px solid var(--border-color2);

}

.home6-faq-section

  .faq-wrappper

  .faq-content

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button:not(.collapsed)::after {

  content: "\f2ea";

  background-color: #003c30;

  color: var(--white-color);

}

.home6-faq-section

  .faq-wrappper

  .faq-content

  .accordion

  .accordion-item

  .accordion-header

  .accordion-button:hover::after {

  background-color: #003c30;

  color: var(--white-color);

}

.home6-faq-section

  .faq-wrappper

  .faq-content

  .accordion

  .accordion-item

  .accordion-body {

  padding: 20px 0;

  padding-bottom: 15px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 400;

  line-height: 1.9;

  letter-spacing: 0.48px;

}

@media (max-width: 576px) {

  .home6-faq-section

    .faq-wrappper

    .faq-content

    .accordion

    .accordion-item

    .accordion-body {

    font-size: 14px;

    padding: 15px 0;

  }

}

.home6-blog-section {

  background-image: linear-gradient(#f8f8f8, #f8f8f8),

    url(../img/home6/home6-performance-bg.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 110px 0;

  position: relative;

  z-index: 1;

}

@media (max-width: 1199px) {

  .home6-blog-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .home6-blog-section {

    padding: 70px 0;

  }

}

.home6-blog-section .section-title3 p {

  max-width: 580px;

  width: 100%;

}

.home6-blog-section .blog-card1 .blog-content ul li a:hover {

  color: var(--primary-color4);

}

.home6-blog-section .blog-card1 .blog-content h4 a:hover {

  color: var(--primary-color4);

}

.about-banner-section {

  padding-top: 130px;

  overflow: hidden;

}

@media (max-width: 1399px) {

  .about-banner-section {

    padding-top: 110px;

  }

}

@media (max-width: 991px) {

  .about-banner-section {

    padding-top: 90px;

  }

}

@media (max-width: 767px) {

  .about-banner-section {

    padding-top: 70px;

  }

}

.about-banner-section .about-content-wrap .sub-title {

  margin-bottom: 45px;

  position: relative;

}

@media (max-width: 991px) {

  .about-banner-section .about-content-wrap .sub-title {

    margin-bottom: 40px;

  }

}

@media (max-width: 767px) {

  .about-banner-section .about-content-wrap .sub-title {

    margin-bottom: 30px;

  }

}

.about-banner-section .about-content-wrap .sub-title h6 {

  font-size: 18px;

  font-weight: 500;

}

@media (max-width: 576px) {

  .about-banner-section .about-content-wrap .sub-title h6 {

    font-size: 16px;

  }

}

.about-banner-section .about-content-wrap .sub-title .star {

  fill: var(--title-color);

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 30%;

}

@media (max-width: 991px) {

  .about-banner-section .about-content-wrap .sub-title .star {

    left: 40%;

  }

}

@media (max-width: 767px) {

  .about-banner-section .about-content-wrap .sub-title .star {

    display: none;

  }

}

.about-banner-section .about-content-wrap .about-section-title h1 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 60px;

  font-weight: 500;

  line-height: 1.35;

  margin-bottom: 0;

  margin-top: -10px;

}

.about-banner-section .about-content-wrap .about-section-title h1 span {

  font-family: var(--font-fahkwang);

}

@media (max-width: 1399px) {

  .about-banner-section .about-content-wrap .about-section-title h1 {

    font-size: 55px;

  }

}

@media (max-width: 1199px) {

  .about-banner-section .about-content-wrap .about-section-title h1 {

    font-size: 45px;

  }

}

@media (max-width: 767px) {

  .about-banner-section .about-content-wrap .about-section-title h1 {

    font-size: 40px;

  }

}

@media (max-width: 576px) {

  .about-banner-section .about-content-wrap .about-section-title h1 {

    font-size: 35px;

  }

}

.about-banner-section .about-content-wrap .circle-btn {

  margin-top: 30px;

}

.about-banner-section .about-img-area {

  padding-top: 90px;

}

@media (max-width: 991px) {

  .about-banner-section .about-img-area {

    padding-top: 70px;

  }

}

.about-banner-section .about-img-area .about-img-wrap {

  position: relative;

}

@media (max-width: 991px) {

  .about-banner-section .about-img-area .about-img-wrap img {

    min-height: 350px;

    -o-object-fit: cover;

    object-fit: cover;

  }

}

.about-banner-section .about-img-area .about-img-wrap .button-area {

  width: 200px;

  height: 200px;

  border-radius: 50%;

  background-color: #f0f0f0;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: -100px;

  right: 22%;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .about-banner-section .about-img-area .about-img-wrap .button-area {

    right: 18%;

  }

}

@media (max-width: 1399px) {

  .about-banner-section .about-img-area .about-img-wrap .button-area {

    right: 15%;

  }

}

@media (max-width: 1199px) {

  .about-banner-section .about-img-area .about-img-wrap .button-area {

    right: 10%;

  }

}

@media (max-width: 991px) {

  .about-banner-section .about-img-area .about-img-wrap .button-area {

    width: 170px;

    height: 170px;

  }

}

@media (max-width: 991px) {

  .about-banner-section

    .about-img-area

    .about-img-wrap

    .button-area

    .circle-btn {

    width: 150px;

    height: 150px;

  }

}

.breadcrumb-section {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: right;

  position: relative;

  z-index: 1;

}

.breadcrumb-section .vector {

  position: absolute;

  right: 0;

  bottom: 0;

  stroke: rgba(255, 255, 255, 0.1);

  z-index: -1;

}

@media (max-width: 767px) {

  .breadcrumb-section .vector {

    display: none;

  }

}

.breadcrumb-section .banner-wrapper {

  position: relative;

  padding: 215px 0 175px;

}

@media (max-width: 991px) {

  .breadcrumb-section .banner-wrapper {

    padding: 160px 0 110px;

  }

}

@media (max-width: 576px) {

  .breadcrumb-section .banner-wrapper {

    padding: 140px 0 90px;

  }

}

.breadcrumb-section .banner-wrapper .banner-content .section-title h1 {

  font-size: 56px;

}

@media (max-width: 1399px) {

  .breadcrumb-section .banner-wrapper .banner-content .section-title h1 {

    font-size: 48px;

  }

}

@media (max-width: 1199px) {

  .breadcrumb-section .banner-wrapper .banner-content .section-title h1 {

    font-size: 40px;

  }

}

.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph {

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: -20px;

}

@media (max-width: 991px) {

  .breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph {

    margin-bottom: 0;

    padding-top: 20px;

  }

}

.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph svg {

  fill: #525252;

  width: 100%;

}

@media (max-width: 576px) {

  .breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph svg {

    display: none;

  }

}

.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph p {

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

  max-width: 370px;

  min-width: 370px;

}

@media (max-width: 767px) {

  .breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph p {

    max-width: 330px;

    min-width: 330px;

  }

}

@media (max-width: 576px) {

  .breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph p {

    font-size: 15px;

    min-width: unset;

  }

}

.breadcrumb-section .banner-wrapper .breadcrumb-list {

  margin: 0;

  list-style: none;

  display: inline-flex;

  align-items: center;

  gap: 10px;

  border: 1px solid rgba(255, 255, 255, 0.2);

  background-color: #202020;

  border-radius: 50px;

  padding: 10px 18px;

  line-height: 1;

  position: absolute;

  bottom: -18px;

  left: 0;

}

.breadcrumb-section .banner-wrapper .breadcrumb-list li {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  letter-spacing: 0.39px;

  position: relative;

  padding-left: 20px;

}

.breadcrumb-section .banner-wrapper .breadcrumb-list li a {

  color: var(--white-color);

  transition: 0.5s;

}

.breadcrumb-section .banner-wrapper .breadcrumb-list li a:hover {

  color: var(--paragraph-color-dark);

}

.breadcrumb-section .banner-wrapper .breadcrumb-list li::before {

  content: "";

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: #4e676d;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.breadcrumb-section .banner-wrapper .breadcrumb-list li:first-child {

  padding-left: 0;

}

.breadcrumb-section .banner-wrapper .breadcrumb-list li:first-child::before {

  display: none;

}

.breadcrumb-section.style-2 .vector {

  stroke: var(--white-color);

}

@media (max-width: 1199px) {

  .breadcrumb-section.style-2 .vector {

    width: 250px;

  }

}

@media (max-width: 991px) {

  .breadcrumb-section.style-2 .vector {

    display: none;

  }

}

.breadcrumb-section.style-2

  .banner-wrapper

  .banner-content

  .dash-and-paragraph {

  padding-top: 15px;

}

.breadcrumb-section.style-2

  .banner-wrapper

  .banner-content

  .dash-and-paragraph

  svg {

  fill: #dfdfdf;

}

.breadcrumb-section.style-2

  .banner-wrapper

  .banner-content

  .dash-and-paragraph

  p {

  color: var(--paragraph-color);

}

.breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn {

  background-color: var(--white-color);

  border: 1px solid rgba(var(--title-color-opc), 0.01);

}

.breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn span {

  background-color: var(--primary-color2);

}

.breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn:hover {

  color: var(--dark-title-color);

}

.breadcrumb-section.style-2

  .banner-wrapper

  .banner-content

  .circle-btn:hover

  svg {

  fill: var(--dark-title-color);

}

.breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter {

  display: flex;

  align-items: center;

  gap: 20px;

}

.breadcrumb-section.style-2

  .banner-wrapper

  .banner-content

  .single-counter

  .icon

  svg {

  fill: var(--title-color);

}

.breadcrumb-section.style-2

  .banner-wrapper

  .banner-content

  .single-counter

  .content

  .number {

  display: flex;

  align-items: center;

  font-family: var(--font-unbounded);

  font-size: 60px;

  font-weight: 600;

  line-height: 1;

  letter-spacing: 0;

  color: var(--title-color);

  margin-bottom: 12px;

}

.breadcrumb-section.style-2

  .banner-wrapper

  .banner-content

  .single-counter

  .content

  .number

  .counter {

  font-family: var(--font-unbounded);

  font-size: 60px;

  font-weight: 600;

  line-height: 1;

  letter-spacing: 0;

  color: var(--title-color);

  margin-bottom: 0;

}

.breadcrumb-section.style-2

  .banner-wrapper

  .banner-content

  .single-counter

  .content

  .number

  span {

  line-height: 1;

}

.breadcrumb-section.style-2

  .banner-wrapper

  .banner-content

  .single-counter

  .content

  p {

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 20px;

  letter-spacing: 0;

  color: var(--title-color);

}

.breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list {

  border: 1px solid rgba(var(--title-color-opc), 0.08);

  background-color: var(--white-color);

}

.breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li {

  color: var(--title-color);

}

.breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li a {

  color: var(--title-color);

}

.breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li a:hover {

  color: var(--paragraph-color);

}

.breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li::before {

  background-color: #e4e4e4;

}

.details-navigation {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

}

@media (max-width: 576px) {

  .details-navigation {

    flex-wrap: wrap;

    gap: 10px;

  }

}

.details-navigation .single-navigation {

  display: flex;

  align-items: center;

  gap: 20px;

}

@media (max-width: 767px) {

  .details-navigation .single-navigation {

    gap: 15px;

  }

}

@media (max-width: 576px) {

  .details-navigation .single-navigation {

    gap: 10px;

  }

}

.details-navigation .single-navigation .arrow {

  min-width: 88px;

  max-width: 88px;

  height: 88px;

  border-radius: 50%;

  border: 1px solid var(--border-color2);

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 4px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  transition: 0.7s;

}

@media (max-width: 576px) {

  .details-navigation .single-navigation .arrow {

    min-width: 70px;

    max-width: 70px;

    height: 70px;

    font-size: 14px;

  }

}

.details-navigation .single-navigation .arrow svg {

  fill: var(--paragraph-color);

  transition: 0.5s;

}

.details-navigation .single-navigation .arrow:hover {

  color: var(--white-color);

  box-shadow: inset 0 0 0 10em var(--primary-color);

}

.details-navigation .single-navigation .arrow:hover svg {

  fill: var(--white-color);

}

.details-navigation .single-navigation .content {

  max-width: 245px;

  width: 100%;

}

.details-navigation .single-navigation .content h6 {

  margin-bottom: 0;

}

.details-navigation .single-navigation .content h6 a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 26px;

  transition: 0.5s;

}

@media (max-width: 767px) {

  .details-navigation .single-navigation .content h6 a {

    font-size: 14px;

    line-height: 24px;

  }

}

.details-navigation .single-navigation .content h6 a:hover {

  color: var(--primary-color);

}

.details-navigation.two {

  padding: 35px 30px;

  border: 1px solid var(--border-color2);

  border-radius: 10px;

  position: relative;

}

@media (min-width: 1200px) and (max-width: 1399px) {

  .details-navigation.two {

    padding: 25px 15px;

  }

}

@media (max-width: 991px) {

  .details-navigation.two {

    padding: 25px 15px;

  }

}

.details-navigation.two::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 1px;

  height: 88px;

  background-color: var(--border-color2);

}

@media (max-width: 767px) {

  .details-navigation.two: :before {

    display: none;

  }

}

.details-page-wrapper .mb--70 {

  margin-bottom: 70px;

}

@media (max-width: 767px) {

  .details-page-wrapper .mb--70 {

    margin-bottom: 40px;

  }

}

@media (max-width: 576px) {

  .details-page-wrapper .mb--70 {

    margin-bottom: 25px;

  }

}

.details-page-wrapper .line-break {

  height: 20px;

  display: block;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .details-page-wrapper .line-break {

    height: 15px;

  }

}

@media (max-width: 991px) {

  .details-page-wrapper .line-break {

    height: 10px;

  }

}

.details-page-wrapper .post-tag-and-title .post-tag {

  display: flex;

  align-items: center;

  gap: 24px;

  margin-bottom: 10px;

}

.details-page-wrapper .post-tag-and-title .post-tag svg {

  fill: none;

  stroke: var(--border-color2);

}

@media (max-width: 767px) {

  .details-page-wrapper .post-tag-and-title .post-tag svg {

    display: none;

  }

}

.details-page-wrapper .post-tag-and-title .post-tag span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

  text-align: left;

}

.details-page-wrapper .post-tag-and-title h1 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 60px;

  font-weight: 500;

  line-height: 1.3;

  margin-bottom: 0;

}

@media (min-width: 1200px) and (max-width: 1399px) {

  .details-page-wrapper .post-tag-and-title h1 {

    font-size: 52px;

  }

}

@media (max-width: 1199px) {

  .details-page-wrapper .post-tag-and-title h1 {

    font-size: 45px;

  }

}

@media (max-width: 767px) {

  .details-page-wrapper .post-tag-and-title h1 {

    font-size: 38px;

  }

}

@media (max-width: 576px) {

  .details-page-wrapper .post-tag-and-title h1 {

    font-size: 33px;

  }

}

.details-page-wrapper .post-tag-and-title .post-category {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

  padding-top: 30px;

}

@media (max-width: 767px) {

  .details-page-wrapper .post-tag-and-title .post-category {

    padding-top: 20px;

  }

}

.details-page-wrapper .post-tag-and-title .post-category li a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  border: 1px solid var(--border-color2);

  border-radius: 50px;

  padding: 6px 16px;

}

.details-page-wrapper .post-author-meta {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  flex-wrap: wrap;

  padding-bottom: 50px;

  border-bottom: 1px solid var(--border-color2);

}

@media (max-width: 1199px) {

  .details-page-wrapper .post-author-meta {

    padding-bottom: 40px;

  }

}

@media (max-width: 767px) {

  .details-page-wrapper .post-author-meta {

    padding-bottom: 30px;

  }

}

@media (max-width: 576px) {

  .details-page-wrapper .post-author-meta {

    padding-bottom: 20px;

  }

}

.details-page-wrapper .post-author-meta .author-and-date {

  max-width: 480px;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 15px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .details-page-wrapper .post-author-meta .author-and-date {

    max-width: 420px;

  }

}

@media (max-width: 991px) {

  .details-page-wrapper .post-author-meta .author-and-date {

    max-width: 400px;

  }

}

@media (max-width: 767px) {

  .details-page-wrapper .post-author-meta .author-and-date {

    max-width: unset;

  }

}

@media (max-width: 576px) {

  .details-page-wrapper .post-author-meta .author-and-date {

    gap: 10px;

  }

}

.details-page-wrapper .post-author-meta .author-and-date .author-area {

  display: flex;

  align-items: center;

  gap: 14px;

}

@media (max-width: 576px) {

  .details-page-wrapper .post-author-meta .author-and-date .author-area {

    gap: 10px;

  }

}

.details-page-wrapper

  .post-author-meta

  .author-and-date

  .author-area

  .author-img

  img {

  min-width: 60px;

  max-width: 60px;

  height: 60px;

  border-radius: 50%;

}

@media (max-width: 576px) {

  .details-page-wrapper

    .post-author-meta

    .author-and-date

    .author-area

    .author-img

    img {

    min-width: 40px;

    max-width: 40px;

    height: 40px;

  }

}

.details-page-wrapper

  .post-author-meta

  .author-and-date

  .author-area

  .author-name-desig

  span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  display: inline-block;

  margin-bottom: 10px;

}

@media (max-width: 576px) {

  .details-page-wrapper

    .post-author-meta

    .author-and-date

    .author-area

    .author-name-desig

    span {

    font-size: 11px;

    margin-bottom: 5px;

  }

}

.details-page-wrapper

  .post-author-meta

  .author-and-date

  .author-area

  .author-name-desig

  h6 {

  margin-bottom: 0;

}

.details-page-wrapper

  .post-author-meta

  .author-and-date

  .author-area

  .author-name-desig

  h6

  a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1.2;

}

@media (max-width: 576px) {

  .details-page-wrapper

    .post-author-meta

    .author-and-date

    .author-area

    .author-name-desig

    h6

    a {

    font-size: 13px;

  }

}

.details-page-wrapper .post-author-meta .author-and-date .date span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  display: inline-block;

  margin-bottom: 10px;

}

@media (max-width: 576px) {

  .details-page-wrapper .post-author-meta .author-and-date .date span {

    font-size: 11px;

    margin-bottom: 5px;

  }

}

.details-page-wrapper .post-author-meta .author-and-date .date h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 0;

}

@media (max-width: 576px) {

  .details-page-wrapper .post-author-meta .author-and-date .date h6 {

    font-size: 13px;

  }

}

.details-page-wrapper .social-area {

  display: flex;

  align-items: center;

  gap: 20px;

}

@media (max-width: 576px) {

  .details-page-wrapper .social-area {

    gap: 15px;

  }

}

.details-page-wrapper .social-area h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 0;

}

.details-page-wrapper .social-area .social-link {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 12px;

}

.details-page-wrapper .social-area .social-link li {

  margin-bottom: 0;

}

.details-page-wrapper .social-area .social-link li a {

  width: 28px;

  height: 28px;

  border-radius: 50%;

  border: 1px solid var(--border-color2);

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--paragraph-color);

  transition: 0.5s;

}

.details-page-wrapper .social-area .social-link li a:hover {

  background-color: var(--primary-color2);

  border-color: var(--primary-color2);

  color: var(--title-color);

}

.details-page-wrapper .details-page-content h3 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 20px;

}

@media (max-width: 576px) {

  .details-page-wrapper .details-page-content h3 {

    font-size: 25px;

    margin-bottom: 15px;

  }

}

.details-page-wrapper .details-page-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 300;

  line-height: 29px;

  margin-bottom: 0;

}

@media (max-width: 576px) {

  .details-page-wrapper .details-page-content p {

    font-size: 15px;

  }

}

.details-page-wrapper .details-page-content p.first-para {

  margin-bottom: 15px;

}

.details-page-wrapper .details-page-content p.first-para::first-letter {

  font-size: 30px;

}

.details-page-wrapper .details-page-content h4 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 25px;

}

@media (max-width: 576px) {

  .details-page-wrapper .details-page-content h4 {

    margin-bottom: 20px;

  }

}

.details-page-wrapper .details-page-content ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.details-page-wrapper .details-page-content ul li {

  display: flex;

  gap: 10px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 300;

  line-height: 28px;

  margin-bottom: 15px;

}

@media (min-width: 1200px) and (max-width: 1399px) {

  .details-page-wrapper .details-page-content ul li {

    font-size: 15px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .details-page-wrapper .details-page-content ul li {

    font-size: 15px;

  }

}

@media (max-width: 576px) {

  .details-page-wrapper .details-page-content ul li {

    font-size: 15px;

    margin-bottom: 10px;

  }

}

.details-page-wrapper .details-page-content ul li:last-child {

  margin-bottom: 0;

}

.details-page-wrapper .details-page-content ul li svg {

  fill: var(--paragraph-color);

  min-width: 16px;

  max-width: 16px;

  margin-top: 7px;

}

.details-page-wrapper .details-page-content blockquote {

  background-color: var(--paragraph-color3);

  padding: 42px 85px;

  position: relative;

  margin-bottom: 0;

}

@media (max-width: 991px) {

  .details-page-wrapper .details-page-content blockquote {

    padding: 35px 75px;

  }

}

@media (max-width: 767px) {

  .details-page-wrapper .details-page-content blockquote {

    padding: 40px;

  }

}

@media (max-width: 576px) {

  .details-page-wrapper .details-page-content blockquote {

    padding: 35px 30px;

  }

}

.details-page-wrapper .details-page-content blockquote::before {

  content: url(../img/innerpage/vector/blockquote-arrow-left.svg);

  position: absolute;

  top: 0;

  left: 0;

}

@media (max-width: 767px) {

  .details-page-wrapper .details-page-content blockquote: :before {

    display: none;

  }

}

.details-page-wrapper .details-page-content blockquote::after {

  content: url(../img/innerpage/vector/blockquote-arrow-right.svg);

  position: absolute;

  top: 0;

  right: 0;

}

@media (max-width: 767px) {

  .details-page-wrapper .details-page-content blockquote: :after {

    display: none;

  }

}

.details-page-wrapper .details-page-content blockquote p {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 34px;

  margin-bottom: 20px;

}

@media (max-width: 1199px) {

  .details-page-wrapper .details-page-content blockquote p {

    font-size: 18px;

  }

}

@media (max-width: 991px) {

  .details-page-wrapper .details-page-content blockquote p {

    line-height: 30px;

    margin-bottom: 15px;

  }

}

.details-page-wrapper .details-page-content blockquote cite {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 600;

  line-height: 20px;

  padding-left: 50px;

  position: relative;

}

.details-page-wrapper .details-page-content blockquote cite::before {

  content: "";

  height: 1px;

  width: 40px;

  background-color: var(--white-color);

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.details-page-wrapper .details-page-content .blog-tag {

  display: inline-flex;

  align-items: center;

  gap: 20px;

  border: 1px solid var(--border-color2);

  border-radius: 33px;

  padding: 18px 40px;

}

@media (max-width: 767px) {

  .details-page-wrapper .details-page-content .blog-tag {

    gap: 15px;

    padding: 18px 25px;

    border-radius: 20px;

  }

}

@media (max-width: 576px) {

  .details-page-wrapper .details-page-content .blog-tag {

    padding: 18px 20px;

    border-radius: 10px;

  }

}

.details-page-wrapper .details-page-content .blog-tag h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 600;

  line-height: 22px;

  margin-bottom: 0;

}

.details-page-wrapper .details-page-content .blog-tag ul {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px;

  line-height: 1;

}

.details-page-wrapper .details-page-content .blog-tag ul li {

  margin-bottom: 0;

}

.details-page-wrapper .details-page-content .blog-tag ul li a {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 17px;

  transition: 0.5s;

}

.details-page-wrapper .details-page-content .blog-tag ul li a:hover {

  color: var(--primary-color);

}

.details-page-wrapper .details-page-content .counter-dark {

  display: none;

}

@media (max-width: 576px) {

  .details-page-wrapper .details-page-content .counter-dark,

  .details-page-wrapper .details-page-content .counter-light {

    width: 210px;

  }

}

.comment-and-form-area .comment-area {

  border: 1px solid var(--border-color2);

  border-radius: 10px;

  padding: 60px 88px;

}

@media (max-width: 1399px) {

  .comment-and-form-area .comment-area {

    padding: 60px;

  }

}

@media (max-width: 1199px) {

  .comment-and-form-area .comment-area {

    padding: 50px 40px;

  }

}

@media (max-width: 767px) {

  .comment-and-form-area .comment-area {

    padding: 40px 25px;

  }

}

.comment-and-form-area .comment-area .comment-title {

  display: flex;

  align-items: center;

  gap: 14px;

  margin-bottom: 30px;

  padding-bottom: 20px;

  border-bottom: 1px solid var(--border-color2);

}

.comment-and-form-area .comment-area .comment-title h4 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 0;

  line-height: 1;

  white-space: nowrap;

}

.comment-and-form-area .comment-area .comment {

  margin: 0;

  padding: 0;

  list-style: none;

}

.comment-and-form-area .comment-area .comment > li {

  margin-bottom: 40px;

}

.comment-and-form-area .comment-area .comment > li > .single-comment-area {

  margin-bottom: 24px;

}

.comment-and-form-area .comment-area .comment > li:last-child {

  margin-bottom: 0;

}

.comment-and-form-area .comment-area .comment .single-comment-area {

  display: flex;

  align-items: flex-start;

  gap: 20px;

}

@media (max-width: 576px) {

  .comment-and-form-area .comment-area .comment .single-comment-area {

    gap: 15px;

    flex-wrap: wrap;

  }

}

.comment-and-form-area

  .comment-area

  .comment

  .single-comment-area

  .author-img

  img {

  max-width: 50px;

  min-width: 50px;

  height: 50px;

  border-radius: 50%;

}

.comment-and-form-area

  .comment-area

  .comment

  .single-comment-area

  .comment-content

  .author-name-deg {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 10px;

  flex-wrap: wrap;

}

.comment-and-form-area

  .comment-area

  .comment

  .single-comment-area

  .comment-content

  .author-name-deg

  h6 {

  line-height: 1;

  margin-bottom: 0;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

}

@media (max-width: 576px) {

  .comment-and-form-area

    .comment-area

    .comment

    .single-comment-area

    .comment-content

    .author-name-deg

    h6 {

    font-size: 15px;

  }

}

.comment-and-form-area

  .comment-area

  .comment

  .single-comment-area

  .comment-content

  .author-name-deg

  span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  line-height: 1;

}

.comment-and-form-area

  .comment-area

  .comment

  .single-comment-area

  .comment-content

  p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 300;

  line-height: 29px;

  margin-bottom: 12px;

}

@media (max-width: 767px) {

  .comment-and-form-area

    .comment-area

    .comment

    .single-comment-area

    .comment-content

    p {

    font-size: 14px;

  }

}

.comment-and-form-area

  .comment-area

  .comment

  .single-comment-area

  .comment-content

  .replay-btn {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 600;

  display: inline-flex;

  align-items: center;

  gap: 5px;

  line-height: 1;

  cursor: pointer;

  transition: 0.35s;

}

.comment-and-form-area

  .comment-area

  .comment

  .single-comment-area

  .comment-content

  .replay-btn

  svg {

  transition: 0.35s;

  fill: var(--paragraph-color);

}

.comment-and-form-area

  .comment-area

  .comment

  .single-comment-area

  .comment-content

  .replay-btn:hover {

  color: var(--primary-color);

}

.comment-and-form-area

  .comment-area

  .comment

  .single-comment-area

  .comment-content

  .replay-btn:hover

  svg {

  fill: var(--primary-color);

}

.comment-and-form-area .comment-area .comment .comment-replay {

  margin: 0;

  padding: 0;

  list-style: none;

  margin-left: 70px;

  border-top: 1px solid var(--border-color2);

  padding-top: 24px;

}

@media (max-width: 576px) {

  .comment-and-form-area .comment-area .comment .comment-replay {

    margin-left: 25px;

  }

}

.comment-and-form-area .comment-area .comment .comment-replay > li {

  margin-bottom: 30px;

}

.comment-and-form-area .comment-area .comment .comment-replay > li:last-child {

  margin-bottom: 0;

}

.comment-and-form-area .inquiry-form {

  background: #f0f0f0;

  border-radius: 10px;

  padding: 60px 88px;

}

@media (max-width: 1399px) {

  .comment-and-form-area .inquiry-form {

    padding: 60px;

  }

}

@media (max-width: 1199px) {

  .comment-and-form-area .inquiry-form {

    padding: 50px 40px;

  }

}

@media (max-width: 767px) {

  .comment-and-form-area .inquiry-form {

    padding: 40px 25px;

  }

}

.comment-and-form-area .inquiry-form .title {

  margin-bottom: 30px;

}

.comment-and-form-area .inquiry-form .title h4 {

  margin-bottom: 0;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  margin-bottom: 0;

}

@media (max-width: 991px) {

  .comment-and-form-area .inquiry-form .title h4 {

    font-size: 28px;

  }

}

@media (max-width: 576px) {

  .comment-and-form-area .inquiry-form .title h4 {

    font-size: 25px;

  }

}

.comment-and-form-area .inquiry-form .form-check {

  min-height: unset;

  margin-bottom: 0;

}

.comment-and-form-area .inquiry-form .form-check .form-check-input {

  cursor: pointer;

  height: 14px;

  width: 14px;

}

.comment-and-form-area .inquiry-form .form-check .form-check-input:focus {

  box-shadow: none;

}

.comment-and-form-area .inquiry-form .form-check .form-check-input:checked {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.comment-and-form-area

  .inquiry-form

  .form-check

  .form-check-input[type="checkbox"] {

  border-radius: unset;

}

.comment-and-form-area .inquiry-form .form-check .form-check-label {

  cursor: pointer;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

}

@media (max-width: 576px) {

  .comment-and-form-area .inquiry-form .form-check .form-check-label {

    font-size: 12px;

  }

}

.comment-and-form-area.two .comment-area {

  border: unset;

  padding: 0;

}

.pagination-area {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  flex-wrap: wrap;

  padding-top: 70px;

  border-top: 1px solid var(--border-color2);

}

@media (max-width: 767px) {

  .pagination-area {

    padding-top: 40px;

    gap: 10px;

  }

}

.pagination-area .paginations {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 15px;

}

.pagination-area .paginations .page-item a {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  border: 1px solid var(--border-color2);

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.5s;

}

@media (max-width: 576px) {

  .pagination-area .paginations .page-item a {

    width: 30px;

    height: 30px;

    font-size: 12px;

  }

}

.pagination-area .paginations .page-item a:hover {

  background-color: var(--primary-color);

  color: var(--white-color);

}

.pagination-area .paginations .page-item.active a {

  background-color: var(--primary-color);

  color: var(--white-color);

}

.pagination-area .paginations-button a {

  min-width: 88px;

  max-width: 88px;

  height: 88px;

  border-radius: 50%;

  border: 1px solid var(--border-color2);

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 4px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  transition: 0.7s;

}

@media (max-width: 576px) {

  .pagination-area .paginations-button a {

    min-width: 60px;

    max-width: 60px;

    height: 60px;

    font-size: 12px;

  }

}

.pagination-area .paginations-button a svg {

  color: var(--paragraph-color);

  transition: 0.5s;

}

@media (max-width: 576px) {

  .pagination-area .paginations-button a svg {

    width: 5px;

  }

}

.pagination-area .paginations-button a:hover {

  color: var(--white-color);

  box-shadow: inset 0 0 0 10em var(--primary-color);

}

.pagination-area .paginations-button a:hover svg {

  fill: var(--white-color);

}

.pagination-area.two {

  padding-top: 0;

  border-top: unset;

}

.blog-sidebar .single-widgets {

  border: 1px solid var(--border-color2);

  padding: 50px 30px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-sidebar .single-widgets {

    padding: 40px 20px;

  }

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets {

    padding: 30px 20px;

  }

}

.blog-sidebar .single-widgets.widget_search {

  border: none;

  padding: 0;

}

.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper {

  display: flex;

  align-items: center;

  background-color: #f4f9fd;

  border: 1px solid var(--border-color2);

  padding: 6px;

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  input {

  background-color: transparent;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  border: none;

  outline: none;

  width: 100%;

  padding: 0 25px;

  border-radius: unset;

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button {

  min-width: 48px;

  max-width: 48px;

  height: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: none;

  outline: none;

  background-color: var(--primary-color);

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button

  svg {

  fill: var(--white-color);

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button::after {

  position: absolute;

  content: "";

  display: block;

  left: 15%;

  right: -20%;

  top: -4%;

  height: 150%;

  width: 150%;

  bottom: 0;

  border-radius: 2px;

  background-color: var(--white-color);

  transform: skewX(45deg) scale(0, 1);

  z-index: -1;

  transition: all 0.5s ease-out 0s;

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button:hover

  svg {

  fill: var(--primary-color3);

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button:hover::after {

  transform: skewX(45deg) scale(1, 1);

}

.blog-sidebar .single-widgets .widget-title {

  line-height: 1;

  margin-bottom: 30px;

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-title {

    margin-bottom: 25px;

  }

}

.blog-sidebar .single-widgets .widget-title h4 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 0;

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-title h4 {

    font-size: 21px;

  }

}

.blog-sidebar .single-widgets .wp-block-categoris-cloud {

  padding: 0;

  margin: 0;

  list-style: none;

  line-height: 1;

}

.blog-sidebar .single-widgets .wp-block-categoris-cloud li {

  line-height: 1;

  margin-bottom: 25px;

}

.blog-sidebar .single-widgets .wp-block-categoris-cloud li:last-child {

  margin-bottom: 0;

}

.blog-sidebar .single-widgets .wp-block-categoris-cloud li a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  transition: 0.35s;

}

.blog-sidebar .single-widgets .wp-block-categoris-cloud li a:hover {

  color: var(--primary-color);

}

.blog-sidebar .single-widgets .widget-cnt {

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 30px;

}

@media (max-width: 1399px) {

  .blog-sidebar .single-widgets .widget-cnt {

    gap: 15px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-sidebar .single-widgets .widget-cnt {

    gap: 10px;

  }

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-cnt {

    gap: 10px;

  }

}

.blog-sidebar .single-widgets .widget-cnt:last-child {

  margin-bottom: 0;

}

.blog-sidebar .single-widgets .widget-cnt .wi a img {

  max-width: 86px;

  min-width: 86px;

  height: 86px;

  -o-object-fit: cover;

  object-fit: cover;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-sidebar .single-widgets .widget-cnt .wi a img {

    max-width: 60px;

    min-width: 60px;

    height: 60px;

  }

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-cnt .wi a img {

    max-width: 70px;

    min-width: 70px;

    height: 70px;

  }

}

.blog-sidebar .single-widgets .widget-cnt .wc > a {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  margin-bottom: 10px;

  display: inline-block;

  line-height: 1;

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .blog-sidebar .single-widgets .widget-cnt .wc > a {

    margin-bottom: 7px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-sidebar .single-widgets .widget-cnt .wc > a {

    font-size: 11px;

    margin-bottom: 0;

  }

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-cnt .wc > a {

    font-size: 11px;

  }

}

.blog-sidebar .single-widgets .widget-cnt .wc > a:hover {

  color: var(--primary-color);

}

.blog-sidebar .single-widgets .widget-cnt .wc h5 {

  margin-bottom: 0;

}

@media (max-width: 1199px) {

  .blog-sidebar .single-widgets .widget-cnt .wc h5 {

    line-height: 1;

  }

}

.blog-sidebar .single-widgets .widget-cnt .wc h5 a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .blog-sidebar .single-widgets .widget-cnt .wc h5 a {

    font-size: 15px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-sidebar .single-widgets .widget-cnt .wc h5 a {

    font-size: 13px;

  }

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-cnt .wc h5 a {

    font-size: 13px;

  }

}

.blog-sidebar .single-widgets .widget-cnt .wc h5 a:hover {

  color: var(--primary-color);

}

.blog-sidebar .single-widgets .wp-block-tag-cloud {

  margin-bottom: 0;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 14px;

}

.blog-sidebar .single-widgets .wp-block-tag-cloud a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  transition: 0.35s;

  line-height: 1;

}

.blog-sidebar .single-widgets .wp-block-tag-cloud a:hover {

  color: var(--primary-color);

}

.blog-standard-section .blog-card1 .blog-img img {

  min-height: 300px;

  -o-object-fit: cover;

  object-fit: cover;

}

.blog-standard-section .explore-btn:hover {

  color: var(--primary-color);

}

.blog-standard-section .explore-btn:hover svg {

  fill: var(--primary-color);

  transform: rotate(45deg);

}

.case-study-card {

  border: 1px solid var(--border-color2);

}

.case-study-card .case-study-img {

  position: relative;

}

@media (max-width: 991px) {

  .case-study-card .case-study-img img {

    width: 100%;

    max-height: 220px;

    min-height: 220px;

    -o-object-fit: cover;

    object-fit: cover;

  }

}

.case-study-card .case-study-img .batch {

  position: absolute;

  top: 25px;

  left: 25px;

}

@media (max-width: 991px) {

  .case-study-card .case-study-img .batch {

    top: 15px;

    left: 10px;

  }

}

.case-study-card .case-study-img .batch a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1.2;

  padding: 10px 24px;

  border-radius: 18px;

  background-color: #202020;

}

@media (max-width: 991px) {

  .case-study-card .case-study-img .batch a {

    font-size: 13px;

  }

}

.case-study-card .case-study-content {

  padding: 30px 30px 40px;

}

@media (max-width: 1399px) {

  .case-study-card .case-study-content {

    padding: 30px 25px 40px;

  }

}

@media (max-width: 1199px) {

  .case-study-card .case-study-content {

    padding: 25px 20px 35px;

  }

}

@media (max-width: 576px) {

  .case-study-card .case-study-content {

    padding: 20px 15px 30px;

  }

}

.case-study-card .case-study-content h3 {

  margin-bottom: 20px;

}

@media (max-width: 1399px) {

  .case-study-card .case-study-content h3 {

    margin-bottom: 15px;

  }

}

@media (max-width: 576px) {

  .case-study-card .case-study-content h3 {

    margin-bottom: 10px;

  }

}

.case-study-card .case-study-content h3 a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.5;

  transition: 0.5s;

}

@media (max-width: 1399px) {

  .case-study-card .case-study-content h3 a {

    font-size: 27px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .case-study-card .case-study-content h3 a {

    font-size: 23px;

  }

}

@media (max-width: 991px) {

  .case-study-card .case-study-content h3 a {

    font-size: 20px;

  }

}

.case-study-card .case-study-content h3 a:hover {

  color: var(--primary-color);

}

.case-study-card .case-study-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 40px;

}

@media (max-width: 991px) {

  .case-study-card .case-study-content p {

    margin-bottom: 30px;

  }

}

@media (max-width: 576px) {

  .case-study-card .case-study-content p {

    margin-bottom: 20px;

    font-size: 14px;

  }

}

.case-study-card.two .case-study-content h3 a {

  font-size: 22px;

}

@media (max-width: 1399px) {

  .case-study-card.two .case-study-content h3 a {

    font-size: 20px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .case-study-card.two .case-study-content h3 a {

    font-size: 17px;

    margin-bottom: 10px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .case-study-card.two .case-study-content p {

    margin-bottom: 30px;

  }

}

.case-study-details .case-study-details-info-wrap {

  background: #d5e1d3;

  padding: 50px 40px;

  margin-bottom: 25px;

}

@media (max-width: 1399px) {

  .case-study-details .case-study-details-info-wrap {

    padding: 50px 30px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .case-study-details .case-study-details-info-wrap {

    padding: 45px 25px;

  }

}

@media (max-width: 576px) {

  .case-study-details .case-study-details-info-wrap {

    padding: 40px 20px;

  }

}

.case-study-details .case-study-details-info-wrap table {

  width: 100%;

  margin-bottom: 65px;

}

@media (max-width: 1199px) {

  .case-study-details .case-study-details-info-wrap table {

    margin-bottom: 50px;

  }

}

@media (max-width: 576px) {

  .case-study-details .case-study-details-info-wrap table {

    margin-bottom: 40px;

  }

}

.case-study-details .case-study-details-info-wrap table tbody tr td {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

  padding-bottom: 25px;

  width: 50%;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .case-study-details .case-study-details-info-wrap table tbody tr td {

    font-size: 14px;

  }

}

.case-study-details .case-study-details-info-wrap table tbody tr td span {

  color: var(--paragraph-color);

  font-weight: 400;

  line-height: 1.2;

}

.case-study-details .case-study-details-info-wrap table tbody tr:last-child td {

  padding-bottom: 0;

}

.case-study-details .case-study-details-info-wrap .download-btns {

  padding: 0;

  margin: 0;

  list-style: none;

}

.case-study-details .case-study-details-info-wrap .download-btns li {

  margin-bottom: 20px;

}

.case-study-details .case-study-details-info-wrap .download-btns li:last-child {

  margin-bottom: 0;

}

.case-study-details

  .case-study-details-info-wrap

  .download-btns

  li:last-child

  a {

  background-color: #4086f4;

}

.case-study-details .case-study-details-info-wrap .download-btns li a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  white-space: nowrap;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 17px 20px;

  background-color: #e5252a;

  transition: 0.5s;

}

@media (max-width: 576px) {

  .case-study-details .case-study-details-info-wrap .download-btns li a {

    padding: 14px 20px;

  }

}

.case-study-details .case-study-details-info-wrap .social-area {

  line-height: 1;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  background-color: var(--white-color);

  padding: 17px 30px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .case-study-details .case-study-details-info-wrap .social-area {

    padding: 17px 15px;

  }

}

@media (max-width: 576px) {

  .case-study-details .case-study-details-info-wrap .social-area {

    padding: 17px 15px;

  }

}

.case-study-details .case-study-details-info-wrap .social-area h6 {

  line-height: 1;

  margin-bottom: 0;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 400;

}

.case-study-details .case-study-details-info-wrap .social-area ul {

  line-height: 1;

  display: flex;

  align-items: center;

  gap: 15px;

}

.case-study-details .case-study-details-info-wrap .social-area ul li {

  line-height: 1;

}

.case-study-details .case-study-details-info-wrap .social-area ul li a {

  width: 26px;

  height: 26px;

  border-radius: 50%;

  border: 1px solid #eee;

  color: var(--primary-color);

  transition: 0.35s;

  display: flex;

  align-items: center;

  justify-content: center;

}

.case-study-details .case-study-details-info-wrap .social-area ul li a:hover {

  color: var(--white-color);

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.case-study-details .social-area {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

  border: 1px solid var(--border-color2);

  padding: 24px 20px;

}

@media (max-width: 576px) {

  .case-study-details .social-area {

    gap: 15px;

  }

}

.case-study-details .social-area h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 0;

}

.case-study-details .social-area .social-link {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 12px;

}

.case-study-details .social-area .social-link li {

  margin-bottom: 0;

}

.case-study-details .social-area .social-link li a {

  width: 28px;

  height: 28px;

  border-radius: 50%;

  border: 1px solid var(--border-color2);

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--paragraph-color);

  transition: 0.5s;

}

.case-study-details .social-area .social-link li a:hover {

  background-color: var(--primary-color2);

  border-color: var(--primary-color2);

  color: var(--title-color);

}

.portfolio-details .portfolio-details-info-wrap {

  padding: 45px 40px;

  border: 1px solid var(--border-color2);

}

@media (max-width: 1399px) {

  .portfolio-details .portfolio-details-info-wrap {

    padding: 45px 30px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .portfolio-details .portfolio-details-info-wrap {

    padding: 45px 25px;

  }

}

@media (max-width: 576px) {

  .portfolio-details .portfolio-details-info-wrap {

    padding: 40px 20px;

  }

}

.portfolio-details .portfolio-details-info-wrap table {

  width: 100%;

}

.portfolio-details .portfolio-details-info-wrap table tbody tr td {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

  padding-bottom: 25px;

  width: 50%;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .portfolio-details .portfolio-details-info-wrap table tbody tr td {

    font-size: 14px;

  }

}

.portfolio-details .portfolio-details-info-wrap table tbody tr td span {

  color: var(--paragraph-color);

  font-weight: 400;

  line-height: 1.2;

}

.portfolio-details .portfolio-details-info-wrap table tbody tr td a {

  color: #0073c7;

}

.portfolio-details .portfolio-details-info-wrap table tbody tr:last-child td {

  padding-bottom: 0;

}

.portfolio-details .portfolio-details-post-thumb-slider {

  position: relative;

}

.portfolio-details .portfolio-details-post-thumb-slider .slider-btn-group {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 1;

  width: 95%;

  max-width: unset;

  min-width: unset;

  opacity: 0;

  transition: 0.45s;

}

.portfolio-details

  .portfolio-details-post-thumb-slider:hover

  .slider-btn-group {

  opacity: 1;

}

.portfolio-details .social-area {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  border: 1px solid var(--border-color2);

  border-top: unset;

  padding: 24px 40px;

}

@media (max-width: 1399px) {

  .portfolio-details .social-area {

    padding: 24px 30px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .portfolio-details .social-area {

    padding: 20px 25px;

  }

}

@media (max-width: 576px) {

  .portfolio-details .social-area {

    padding: 20px;

    gap: 15px;

  }

}

.portfolio-details .social-area h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 0;

}

.portfolio-details .social-area .social-link {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 12px;

}

.portfolio-details .social-area .social-link li {

  margin-bottom: 0;

}

.portfolio-details .social-area .social-link li a {

  width: 28px;

  height: 28px;

  border-radius: 50%;

  border: 1px solid var(--border-color2);

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--paragraph-color);

  transition: 0.5s;

}

.portfolio-details .social-area .social-link li a:hover {

  background-color: var(--primary-color2);

  border-color: var(--primary-color2);

  color: var(--title-color);

}

.interactive-banner-section {

  position: relative;

}

.interactive-banner-section .social-icon {

  position: absolute;

  left: 3%;

  top: 20%;

  z-index: 21;

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 20px;

  writing-mode: vertical-rl;

}

@media (max-width: 1199px) {

  .interactive-banner-section .social-icon {

    display: none;

    visibility: hidden;

  }

}

.interactive-banner-section .social-icon li a {

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0;

  color: var(--white-color);

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 50px;

  line-height: 1;

  padding: 16px 6px;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  transition: 0.35s;

}

.interactive-banner-section .social-icon li a:hover {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.interactive-banner-section .social-icon.two {

  right: 3%;

  left: unset;

}

.interactive-banner-section .interactive-banner-img-group {

  margin: 0;

  padding: 0;

  list-style: none;

  height: 100vh;

}

@media (max-width: 1199px) {

  .interactive-banner-section .interactive-banner-img-group {

    display: none;

    visibility: hidden;

  }

}

.interactive-banner-section .interactive-banner-img-group .single-banner-bg {

  background-size: cover;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 2;

  transition: opacity 0.75s;

}

.interactive-banner-section

  .interactive-banner-img-group

  .single-banner-bg.active {

  z-index: 3;

  opacity: 1;

}

/*

.interactive-banner-section .interactive-list {

    margin: 0;

    padding: 0;

    list-style: none;

    display: grid;

    grid-template-columns: 20% 20% 20% 20% 20%;

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    bottom: 0;

    z-index: 20;

}



.interactive-banner-section .interactive-list {

  margin: 0;

  padding: 0;

  list-style: none;

  display: grid;

  grid-template-columns: 25% 25% 25% 25%;

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%;

  bottom: 0;

  z-index: 20;

}
*/

.interactive-banner-section .interactive-list {

  margin: 0;

  padding: 0;

  list-style: none;

  display: grid;

  grid-template-columns: 33% 33% 33%;

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%;

  bottom: 0;

  z-index: 20;

}

@media (max-width: 1199px) {

  .interactive-banner-section .interactive-list {

    display: block;

  }

}

.interactive-banner-section .interactive-list .ineteractive-single-item {

  display: flex;

  height: 100%;

  align-items: flex-end;

  justify-content: center;

  position: relative;

  padding: 100px 45px 80px;

  transition: opacity 0.75s;

}



@media (max-width: 1699px) {

  .interactive-banner-section .interactive-list .ineteractive-single-item {

    padding: 100px 30px 80px;

  }

}



@media (max-width: 1199px) {

  .interactive-banner-section .interactive-list .ineteractive-single-item {

    height: 80vh;

  }

}

.interactive-banner-section .interactive-list .ineteractive-single-item:after {

  content: "";

  height: 100%;

  width: 1px;

  position: absolute;

  right: 0;

  top: 0;

  opacity: 0.5;

  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);

}

.interactive-banner-section

  .interactive-list

  .ineteractive-single-item:last-child::after {

  display: none;

  visibility: hidden;

}

.interactive-banner-section

  .interactive-list

  .ineteractive-single-item

  .responsive-bg-img {

  display: none;

  visibility: hidden;

}

@media (max-width: 1199px) {

  .interactive-banner-section

    .interactive-list

    .ineteractive-single-item

    .responsive-bg-img {

    display: block;

    visibility: visible;

    height: 80vh;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    background-position: center center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

  }

}

.interactive-banner-section

  .interactive-list

  .ineteractive-single-item

  .card-content

  .catgory-and-title {

  transform: translateY(55px);

  will-change: transform;

  transition: transform 0.5s;

  text-align: center;

}

.interactive-banner-section

  .interactive-list

  .ineteractive-single-item

  .card-content

  .catgory-and-title

  > a {

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 17px;

  letter-spacing: 0;

  color: var(--white-color);

  border-radius: 50px;

  line-height: 1;

  padding: 6px 16px;

  margin-bottom: 20px;

  display: inline-block;

  

}







@media (max-width: 1399px) {

  .interactive-banner-section

    .interactive-list

    .ineteractive-single-item

    .card-content

    .catgory-and-title

    > a {

    margin-bottom: 20px;

  }

}

.interactive-banner-section

  .interactive-list

  .ineteractive-single-item

  .card-content

  .catgory-and-title

  h3 {

  margin-bottom: 0;

}

.interactive-banner-section

  .interactive-list

  .ineteractive-single-item

  .card-content

  .catgory-and-title

  h3

  a {

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.6;

  letter-spacing: 0;

  color: var(--white-color);

  transition: 0.35s;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .interactive-banner-section

    .interactive-list

    .ineteractive-single-item

    .card-content

    .catgory-and-title

    h3

    a {

    font-size: 24px;

  }

}

@media (max-width: 1399px) {

  .interactive-banner-section

    .interactive-list

    .ineteractive-single-item

    .card-content

    .catgory-and-title

    h3

    a {

    font-size: 24px;

  }

}

.interactive-banner-section

  .interactive-list

  .ineteractive-single-item

  .card-content

  .catgory-and-title

  h3

  a:hover {

  color: var(--paragraph-color);

}

.interactive-banner-section

  .interactive-list

  .ineteractive-single-item

  .card-content

  p {

  margin-bottom: 0;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 300;

  line-height: 26px;

  letter-spacing: 0;

  color: #c4c4c4;

  transform: translateY(100%);

  opacity: 0;

  will-change: transform;

  transition: transform 0.5s ease, opacity 0.25s ease;

  padding-top: 17px;

  text-align: center;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .interactive-banner-section

    .interactive-list

    .ineteractive-single-item

    .card-content

    p {

    padding-top: 12px;

  }

}

@media (max-width: 1399px) {

  .interactive-banner-section

    .interactive-list

    .ineteractive-single-item

    .card-content

    p {

    padding-top: 12px;

  }

}

.interactive-banner-section

  .interactive-list

  .ineteractive-single-item:hover

  .card-content

  .catgory-and-title {

  transform: translateY(0);

}

.interactive-banner-section

  .interactive-list

  .ineteractive-single-item:hover

  .card-content

  p {

  opacity: 1;

  transform: translateY(0);

}

.pf-showcase-slider-section {

  height: 100vh;

  width: 100%;

}

.pf-showcase-slider-section .social-area-group {

  position: absolute;

  left: 0;

  bottom: 30px;

  z-index: 9;

  padding: 0 3%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

}

@media (max-width: 1399px) {

  .pf-showcase-slider-section .social-area-group {

    padding: 0 2%;

  }

}

.pf-showcase-slider-section .social-area-group .social-icon {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 20px;

}

@media (max-width: 1199px) {

  .pf-showcase-slider-section .social-area-group .social-icon {

    display: none;

    visibility: hidden;

  }

}

.pf-showcase-slider-section .social-area-group .social-icon li a {

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0;

  color: var(--white-color);

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 50px;

  line-height: 1;

  padding: 6px 16px;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  transition: 0.35s;

}

.pf-showcase-slider-section .social-area-group .social-icon li a:hover {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

@media (max-width: 991px) {

  .pf-showcase-slider-section .slide-btn-group {

    display: none;

    visibility: none;

  }

}

.pf-showcase-slider-section .slide-btn-group .slider-btn2 {

  position: absolute;

  left: 3%;

  top: 50%;

  transform: translateY(-50%);

  z-index: 9;

  min-width: 88px;

  max-width: 88px;

  height: 88px;

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, 0.2);

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 4px;

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 400;

  line-height: 1;

  transition: 0.7s;

}

@media (max-width: 576px) {

  .pf-showcase-slider-section .slide-btn-group .slider-btn2 {

    min-width: 70px;

    max-width: 70px;

    height: 70px;

    font-size: 14px;

  }

}

.pf-showcase-slider-section .slide-btn-group .slider-btn2 svg {

  fill: var(--white-color);

  transition: 0.5s;

}

.pf-showcase-slider-section .slide-btn-group .slider-btn2:hover {

  box-shadow: inset 0 0 0 10em var(--primary-color);

}

.pf-showcase-slider-section .slide-btn-group .slider-btn2.next-16 {

  left: unset;

  right: 3%;

}

@media (max-width: 1399px) {

  .pf-showcase-slider-section .slide-btn-group .slider-btn2 {

    left: 2%;

  }

  .pf-showcase-slider-section .slide-btn-group .slider-btn2.next-16 {

    left: unset;

    right: 2%;

  }

}

.pf-showcase-slider-section .pf-showcase-slider {

  height: 100%;

  width: 100%;

}

.pf-showcase-slider-section .single-pf-showcase {

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  height: 100%;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content {

  max-width: 870px;

  width: 100%;

  margin: auto;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content {

    max-width: 750px;

  }

}

@media (max-width: 1399px) {

  .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content {

    max-width: 600px;

  }

}

.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-img {

  display: inline-block;

  margin-bottom: 40px;

}

@media (max-width: 1399px) {

  .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-img {

    margin-bottom: 25px;

  }

}

.pf-showcase-slider-section

  .single-pf-showcase

  .pf-img-and-content

  .pf-img

  img {

  border-radius: 10px;

}

.pf-showcase-slider-section

  .single-pf-showcase

  .pf-img-and-content

  .pf-content {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 20px;

}

.pf-showcase-slider-section

  .single-pf-showcase

  .pf-img-and-content

  .pf-content

  .sn-and-title {

  display: flex;

  gap: 20px;

}

.pf-showcase-slider-section

  .single-pf-showcase

  .pf-img-and-content

  .pf-content

  .sn-and-title

  .sn {

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  letter-spacing: 0;

  color: var(--white-color);

  line-height: 1.2;

}

@media (max-width: 1399px) {

  .pf-showcase-slider-section

    .single-pf-showcase

    .pf-img-and-content

    .pf-content

    .sn-and-title

    .sn {

    font-size: 25px;

  }

}

.pf-showcase-slider-section

  .single-pf-showcase

  .pf-img-and-content

  .pf-content

  .sn-and-title

  svg {

  fill: var(--white-color);

  margin-top: 15px;

}

@media (max-width: 1399px) {

  .pf-showcase-slider-section

    .single-pf-showcase

    .pf-img-and-content

    .pf-content

    .sn-and-title

    svg {

    max-width: 60px;

  }

}

@media (max-width: 576px) {

  .pf-showcase-slider-section

    .single-pf-showcase

    .pf-img-and-content

    .pf-content

    .sn-and-title

    svg {

    display: none;

    visibility: hidden;

  }

}

.pf-showcase-slider-section

  .single-pf-showcase

  .pf-img-and-content

  .pf-content

  .sn-and-title

  h3 {

  margin-bottom: 0;

  max-width: 420px;

  width: 100%;

}

@media (max-width: 1399px) {

  .pf-showcase-slider-section

    .single-pf-showcase

    .pf-img-and-content

    .pf-content

    .sn-and-title

    h3 {

    max-width: 330px;

  }

}

.pf-showcase-slider-section

  .single-pf-showcase

  .pf-img-and-content

  .pf-content

  .sn-and-title

  h3

  a {

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  letter-spacing: 0;

  color: var(--white-color);

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .pf-showcase-slider-section

    .single-pf-showcase

    .pf-img-and-content

    .pf-content

    .sn-and-title

    h3

    a {

    font-size: 25px;

  }

}

.pf-showcase-slider-section

  .single-pf-showcase

  .pf-img-and-content

  .pf-content

  .sn-and-title

  h3

  a:hover {

  color: var(--primary-color);

}

.pf-showcase-slider-section

  .single-pf-showcase

  .pf-img-and-content

  .pf-content

  .year {

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  letter-spacing: 0;

  color: #aaa;

  border: 1px solid rgba(255, 255, 255, 0.1);

  background-color: #1a1a1a;

  border-radius: 50px;

  line-height: 1;

  padding: 7px 16px;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  transition: 0.35s;

  white-space: nowrap;

}

.pf-showcase-carosule-section {

  background: linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),

    url("../img/innerpage/pf-sw-cra-bg.jpg");

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  height: 100vh;

  display: flex;

  align-items: center;

  justify-content: center;

}

@media (max-width: 991px) {

  .pf-showcase-carosule-section {

    height: unset;

    padding: 150px 0 100px;

  }

}

.pf-showcase-carosule-section .social-area-group {

  position: absolute;

  left: 0;

  bottom: 30px;

  z-index: 9;

  padding: 0 3%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

}

@media (max-width: 1399px) {

  .pf-showcase-carosule-section .social-area-group {

    padding: 0 2%;

  }

}

.pf-showcase-carosule-section .social-area-group .social-icon {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 20px;

}

@media (max-width: 1199px) {

  .pf-showcase-carosule-section .social-area-group .social-icon {

    display: none;

    visibility: hidden;

  }

}

.pf-showcase-carosule-section .social-area-group .social-icon li a {

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0;

  color: var(--white-color);

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 50px;

  line-height: 1;

  padding: 6px 16px;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  transition: 0.35s;

}

.pf-showcase-carosule-section .social-area-group .social-icon li a:hover {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.pf-showcase-carosule-section .pf-shocase-carosule-wrap {

  padding: 0 3%;

}

@media (max-width: 1399px) {

  .pf-showcase-carosule-section .pf-shocase-carosule-wrap {

    padding: 0 2%;

  }

}

.pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn {

  margin-bottom: 30px;

}

.pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn a {

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  letter-spacing: 0;

  color: var(--white-color);

  display: flex;

  align-items: center;

  gap: 8px;

  transition: 0.35s;

}

.pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn a svg {

  fill: var(--primary-color);

  transition: 0.35s;

}

.pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn a:hover {

  color: var(--primary-color);

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group {

  display: flex;

  align-items: center;

  overflow-x: scroll;

  position: relative;

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group::-webkit-scrollbar {

  height: 0;

  width: 0;

}

@media (max-width: 991px) {

  .pf-showcase-carosule-section

    .pf-shocase-carosule-wrap

    .pf-shocase-carosule-group {

    display: grid;

    grid-template-columns: 50% 50%;

    -moz-column-gap: 24px;

    column-gap: 24px;

  }

}

@media (max-width: 991px) and (max-width: 576px) {

  .pf-showcase-carosule-section

    .pf-shocase-carosule-wrap

    .pf-shocase-carosule-group {

    grid-template-columns: 100%;

  }

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule {

  display: inline-block;

  transition: 0.45s;

  position: relative;

  max-width: 296px;

  width: 100%;

  overflow: hidden;

  height: 530px;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .pf-showcase-carosule-section

    .pf-shocase-carosule-wrap

    .pf-shocase-carosule-group

    .single-shocase-carosule {

    max-width: 250px;

    height: 380px;

  }

}

@media (max-width: 1399px) {

  .pf-showcase-carosule-section

    .pf-shocase-carosule-wrap

    .pf-shocase-carosule-group

    .single-shocase-carosule {

    max-width: 235px;

    height: 350px;

  }

}

@media (max-width: 1199px) {

  .pf-showcase-carosule-section

    .pf-shocase-carosule-wrap

    .pf-shocase-carosule-group

    .single-shocase-carosule {

    max-width: 150px;

    height: 350px;

  }

}

@media (max-width: 991px) {

  .pf-showcase-carosule-section

    .pf-shocase-carosule-wrap

    .pf-shocase-carosule-group

    .single-shocase-carosule {

    display: block;

    max-width: 100%;

    height: 350px;

    margin-bottom: 24px;

  }

  .pf-showcase-carosule-section

    .pf-shocase-carosule-wrap

    .pf-shocase-carosule-group

    .single-shocase-carosule:last-child {

    margin-bottom: 0;

  }

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule

  .shocase-carasole-img {

  height: 100%;

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule

  .shocase-carasole-img

  img {

  -o-object-fit: cover;

  object-fit: cover;

  height: 100%;

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule

  .details-btn {

  position: absolute;

  top: 30px;

  right: 30px;

  transform: 0.45s;

  opacity: 0;

  z-index: 3;

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule

  .details-btn

  a {

  height: 50px;

  width: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background-color: var(--primary-color);

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule

  .details-btn

  a

  svg {

  fill: var(--white-color);

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule

  .shocase-carasole-content {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  z-index: 1;

  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule

  .shocase-carasole-content

  > a {

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  line-height: 20px;

  letter-spacing: 0;

  color: var(--dark-title-color);

  background-color: var(--primary-color2);

  line-height: 1;

  padding: 9px 20px;

  display: inline-block;

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule

  .shocase-carasole-content

  h6 {

  margin-bottom: 0;

  line-height: 1;

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule

  .shocase-carasole-content

  h6

  a {

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 20px;

  letter-spacing: 0;

  color: var(--white-color);

  background-color: var(--dark-title-color);

  padding: 11px 20px;

  display: inline-block;

  transition: 0.35s;

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule

  .shocase-carasole-content

  h6

  a:hover {

  background-color: var(--primary-color);

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule:hover

  .shocase-carasole-content {

  opacity: 1;

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule.active {

  max-width: 592px;

}

@media (min-width: 1400px) and (max-width: 1599px) {

  .pf-showcase-carosule-section

    .pf-shocase-carosule-wrap

    .pf-shocase-carosule-group

    .single-shocase-carosule.active {

    max-width: 500px;

  }

}

@media (max-width: 1499px) {

  .pf-showcase-carosule-section

    .pf-shocase-carosule-wrap

    .pf-shocase-carosule-group

    .single-shocase-carosule.active {

    max-width: 400px;

  }

}

@media (max-width: 1399px) {

  .pf-showcase-carosule-section

    .pf-shocase-carosule-wrap

    .pf-shocase-carosule-group

    .single-shocase-carosule.active {

    max-width: 380px;

  }

}

@media (max-width: 991px) {

  .pf-showcase-carosule-section

    .pf-shocase-carosule-wrap

    .pf-shocase-carosule-group

    .single-shocase-carosule.active {

    max-width: 100%;

  }

}

.pf-showcase-carosule-section

  .pf-shocase-carosule-wrap

  .pf-shocase-carosule-group

  .single-shocase-carosule.active

  .details-btn {

  opacity: 1;

}

.portfolio-page-area .section-title h1 {

  font-size: 130px;

  line-height: 1;

}

.portfolio-page-area .section-title h1 span {

  display: inline;

}

.portfolio-page-area .section-title h1 sup {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background-color: var(--primary-color2);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  letter-spacing: 0;

  color: var(--dark-title-color);

  top: -70px;

}

@media (max-width: 1399px) {

  .portfolio-page-area .section-title h1 {

    font-size: 90px;

  }

}

@media (max-width: 1199px) {

  .portfolio-page-area .section-title h1 {

    font-size: 70px;

  }

}

@media (max-width: 576px) {

  .portfolio-page-area .section-title h1 {

    font-size: 45px;

  }

}

.portfolio-page-area .section-title .dash-and-paragraph svg {

  fill: var(--border-color2);

}

.portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph {

  text-align: end;

}

.portfolio-page-area

  .section-title

  .dash-and-paragraph

  .btn-and-paragraph

  span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  border-radius: 50px;

  border: 1px solid var(--border-color2);

  background: #f8f8f8;

  line-height: 1;

  padding: 13px 20px;

  display: inline-flex;

  justify-content: end;

  margin-bottom: 20px;

}

.portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph p {

  max-width: 424px;

  min-width: 424px;

  text-align: start;

}

@media (max-width: 767px) {

  .portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph p {

    min-width: unset;

  }

}

.portfolio-page-area.portfolio-showcase-horizental {

  overflow: hidden;

}

.portfolio-page-area.portfolio-showcase-horizental .filter-button-group ul {

  margin: 0;

  padding: 0;

  list-style: none;

  gap: 20px;

}

.portfolio-page-area.portfolio-showcase-horizental .filter-button-group ul li {

  cursor: pointer;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  letter-spacing: 0;

  text-align: center;

  background-color: #f7f7f7;

  margin-right: 10px;

  padding: 8px 20px;

  border-radius: 50px;

}

.portfolio-page-area.portfolio-showcase-horizental

  .filter-button-group

  ul

  li.active {

  background-color: var(--primary-color);

  color: var(--white-color);

}

.portfolio-page-area.portfolio-showcase-horizental .single-work {

  position: relative;

  z-index: 1;

  display: grid;

  grid-template-columns: 37% 33% 30%;

  padding: 50px 0 0;

  margin-top: 50px;

  border-top: 1px solid var(--border-color2);

}

@media (max-width: 1399px) {

  .portfolio-page-area.portfolio-showcase-horizental .single-work {

    grid-template-columns: 30% 40% 30%;

  }

}

@media (max-width: 1199px) {

  .portfolio-page-area.portfolio-showcase-horizental .single-work {

    grid-template-columns: 35% 40% 25%;

    padding: 40px 0 0;

    margin-top: 40px;

  }

}

@media (max-width: 991px) {

  .portfolio-page-area.portfolio-showcase-horizental .single-work {

    display: block;

  }

}

.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name {

  display: flex;

  gap: 10px;

}

@media (max-width: 991px) {

  .portfolio-page-area.portfolio-showcase-horizental .single-work .work-name {

    margin-bottom: 15px;

  }

}

.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name .sn {

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  letter-spacing: 0;

  line-height: 1.4;

  color: var(--title-color);

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .portfolio-page-area.portfolio-showcase-horizental

    .single-work

    .work-name

    .sn {

    font-size: 24px;

  }

}

.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name h3 {

  line-height: 1;

  margin-bottom: 0;

  transition: 0.35s;

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-name

  h3

  a {

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.4;

  letter-spacing: 0;

  color: var(--title-color);

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .portfolio-page-area.portfolio-showcase-horizental

    .single-work

    .work-name

    h3

    a {

    font-size: 24px;

  }

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-name:hover

  .sn {

  color: var(--primary-color);

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-name:hover

  h3

  a {

  color: var(--primary-color);

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-discription {

  line-height: 1;

}

@media (max-width: 991px) {

  .portfolio-page-area.portfolio-showcase-horizental

    .single-work

    .work-discription {

    margin-bottom: 30px;

  }

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-discription

  p {

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  letter-spacing: 0;

  margin-bottom: 0;

  color: var(--paragraph-color);

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-discription

  ul {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px;

  padding-top: 25px;

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-discription

  ul

  li

  a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  border-radius: 50px;

  background: 0 0;

  padding: 7px 19px;

  border: 1px solid var(--border-color2);

  transition: 0.35s;

  display: inline-block;

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-discription

  ul

  li

  a:hover {

  background-color: var(--title-color);

  border-color: var(--title-color);

  color: var(--white-color);

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .details-btn-wrap {

  display: flex;

  justify-content: end;

}

@media (max-width: 991px) {

  .portfolio-page-area.portfolio-showcase-horizental

    .single-work

    .details-btn-wrap {

    justify-content: start;

  }

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .details-btn-wrap

  .primary-btn4 {

  padding: 12px 25px;

  background-color: var(--title-color);

  color: var(--white-color);

  border-color: var(--title-color);

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .details-btn-wrap

  .primary-btn4

  svg {

  fill: var(--white-color);

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .details-btn-wrap

  .primary-btn4:hover {

  border-color: var(--primary-color);

}

.portfolio-page-area.portfolio-showcase-horizental .single-work .services-img {

  width: 260px;

  height: 320px;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  z-index: -1;

  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  border-radius: 5px;

  overflow: hidden;

  pointer-events: none;

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .services-img

  img {

  -o-object-fit: cover;

  object-fit: cover;

}

@media (max-width: 991px) {

  .portfolio-page-area.portfolio-showcase-horizental

    .single-work

    .services-img {

    display: none;

    visibility: hidden;

  }

}

.portfolio-page-area.portfolio-showcase-horizental

  .single-work:hover

  .services-img {

  opacity: 1;

}

.portfolio-page-area .interactive-link-wrapper {

  display: flex;

  align-items: center;

  gap: 50px;

  padding-bottom: 45px;

}

.portfolio-page-area .interactive-link-wrapper:last-child {

  padding-bottom: 0;

}

@media (max-width: 991px) {

  .portfolio-page-area .interactive-link-wrapper {

    gap: 18px;

    justify-content: space-between;

    flex-wrap: wrap;

  }

}

.portfolio-page-area .interactive-link-wrapper svg {

  max-width: 250px;

  width: 100%;

  fill: var(--title-color);

}

@media (max-width: 1199px) {

  .portfolio-page-area .interactive-link-wrapper svg {

    max-width: 200px;

  }

}

@media (max-width: 991px) {

  .portfolio-page-area .interactive-link-wrapper svg {

    max-width: 120px;

  }

}

@media (max-width: 767px) {

  .portfolio-page-area .interactive-link-wrapper svg {

    display: none;

  }

}

.portfolio-page-area .interactive-link-wrapper .single-interactive-link {

  position: relative;

}

.portfolio-page-area .interactive-link-wrapper .single-interactive-link a {

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 37px;

  letter-spacing: 0;

  color: var(--title-color);

  transition: 0.35s;

}

@media (max-width: 991px) {

  .portfolio-page-area .interactive-link-wrapper .single-interactive-link a {

    font-size: 24px;

  }

}

.portfolio-page-area .interactive-link-wrapper .single-interactive-link a sup {

  height: 34px;

  width: 34px;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  line-height: 15px;

  letter-spacing: 0;

  color: var(--title-color);

  background-color: #f8f8f8;

  border: 1px solid var(--border-color2);

  top: -20px;

  transition: 0.35s;

}

.portfolio-page-area

  .interactive-link-wrapper

  .single-interactive-link

  a:hover {

  color: var(--primary-color);

}

.portfolio-page-area

  .interactive-link-wrapper

  .single-interactive-link

  a:hover

  sup {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

  color: var(--white-color);

}

.portfolio-page-area

  .interactive-link-wrapper

  .single-interactive-link

  .pf-img {

  width: 224px;

  height: 250px;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  z-index: -1;

  margin-top: -90px;

  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  border-radius: 5px;

  overflow: hidden;

  pointer-events: none;

}

.portfolio-page-area

  .interactive-link-wrapper

  .single-interactive-link

  .pf-img

  img {

  -o-object-fit: cover;

  object-fit: cover;

}

@media (max-width: 767px) {

  .portfolio-page-area

    .interactive-link-wrapper

    .single-interactive-link

    .pf-img {

    display: none;

    visibility: hidden;

  }

}

.portfolio-page-area

  .interactive-link-wrapper

  .single-interactive-link:hover

  .pf-img {

  opacity: 1;

}

.portfolio-page-area .social-wrapper {

  display: flex;

  align-items: flex-start;

  gap: 24px;

}

.portfolio-page-area .social-wrapper svg {

  fill: var(--border-color2);

  width: 100%;

}

@media (max-width: 576px) {

  .portfolio-page-area .social-wrapper svg {

    display: none;

    visibility: hidden;

  }

}

.portfolio-page-area .social-wrapper .social-area {

  max-width: 312px;

  min-width: 312px;

}

.portfolio-page-area .social-wrapper .social-area p {

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  letter-spacing: 0;

  color: var(--paragraph-color);

  margin-bottom: 20px;

}

.portfolio-page-area .social-wrapper .social-area ul {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 20px;

  margin: 0;

  padding: 0;

  list-style: none;

}

.portfolio-page-area .social-wrapper .social-area ul li a {

  border: 1px solid var(--border-color);

  border-radius: 50px;

  display: flex;

  align-items: center;

  gap: 8px;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  padding: 7px 15px;

  transition: 0.35s;

}

.portfolio-page-area .social-wrapper .social-area ul li a i {

  color: var(--paragraph-color);

  line-height: 1;

  transition: 0.35s;

}

.portfolio-page-area .social-wrapper .social-area ul li a:hover {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

  color: var(--white-color);

}

.portfolio-page-area .social-wrapper .social-area ul li a:hover i {

  color: var(--white-color);

}

.portfolio-page-area .load-more-btn button {

  border: 1px solid rgba(var(--title-color-opc), 0.1);

  background-color: transparent;

  height: 200px;

  width: 200px;

}

.portfolio-page-area .vrt-item:nth-child(odd) .snigle-vertica-item {

  margin-bottom: 130px;

}

@media (max-width: 991px) {

  .portfolio-page-area .vrt-item: nth-child(odd) .snigle-vertica-item {

    margin-bottom: 90px;

  }

}

@media (max-width: 767px) {

  .portfolio-page-area .vrt-item: nth-child(odd) .snigle-vertica-item {

    margin-bottom: unset;

  }

}

.portfolio-page-area .vrt-item:nth-child(even) .snigle-vertica-item {

  margin-top: 130px;

}

@media (max-width: 991px) {

  .portfolio-page-area .vrt-item: nth-child(even) .snigle-vertica-item {

    margin-top: 90px;

  }

}

@media (max-width: 767px) {

  .portfolio-page-area .vrt-item: nth-child(even) .snigle-vertica-item {

    margin-top: unset;

  }

}

.portfolio-page-area .vrt-item:nth-child(2) .snigle-vertica-item {

  margin-bottom: 130px;

}

@media (max-width: 991px) {

  .portfolio-page-area .vrt-item: nth-child(2) .snigle-vertica-item {

    margin-bottom: 90px;

  }

}

@media (max-width: 767px) {

  .portfolio-page-area .vrt-item: nth-child(2) .snigle-vertica-item {

    margin-bottom: unset;

  }

}

.portfolio-page-area .vrt-item .snigle-vertica-item {

  position: relative;

}

.portfolio-page-area .vrt-item .snigle-vertica-item .pf-img {

  display: inline-block;

}

.portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  z-index: 1;

  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);

}

.portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content > a {

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  line-height: 20px;

  letter-spacing: 0;

  color: var(--white-color);

  background-color: var(--primary-color);

  line-height: 1;

  padding: 9px 20px;

  display: inline-block;

}

.portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content h6 {

  margin-bottom: 0;

  line-height: 1;

}

.portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content h6 a {

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 20px;

  letter-spacing: 0;

  color: var(--white-color);

  background-color: var(--dark-title-color);

  padding: 11px 20px;

  display: inline-block;

  transition: 0.35s;

}

.portfolio-page-area

  .vrt-item

  .snigle-vertica-item

  .vertica-item-content

  h6

  a:hover {

  background-color: var(--primary-color);

}

.portfolio-page-area

  .vrt-item

  .snigle-vertica-item:hover

  .vertica-item-content {

  opacity: 1;

}

.pf-shoecase-page .filter-button-group {

  margin-bottom: 50px;

  display: flex;

  justify-content: center;

}

@media (max-width: 576px) {

  .pf-shoecase-page .filter-button-group {

    justify-content: flex-start;

  }

}

.pf-shoecase-page .filter-button-group ul {

  margin: 0;

  padding: 0;

  list-style: none;

  gap: 20px;

  display: inline-flex;

  align-items: center;

  flex-wrap: wrap;

  border: 1px solid var(--border-color2);

  border-radius: 100px;

  justify-content: center;

  padding: 13px 30px;

}

@media (max-width: 576px) {

  .pf-shoecase-page .filter-button-group ul {

    justify-content: flex-start;

    padding: 0;

    border: none;

    gap: 15px;

    border-radius: 0;

  }

}

.pf-shoecase-page .filter-button-group ul li {

  cursor: pointer;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  letter-spacing: 0;

  text-align: center;

  background-color: #f7f7f7;

  margin-right: 10px;

  padding: 8px 20px;

  border-radius: 50px;

}

.pf-shoecase-page .filter-button-group ul li.active {

  background-color: var(--primary-color);

  color: var(--white-color);

}

.pf-shoecase-page .single-portfolio-sw {

  position: relative;

  transition: all 0.45s;

}

.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap {

  position: absolute;

  left: 30px;

  right: 30px;

  top: 40px;

  bottom: 40px;

  transform: scale(0.3);

  transition: all 0.45s;

  opacity: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(---dark-white-color);

}

@media (max-width: 1199px) {

  .pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap {

    left: 20px;

    right: 20px;

    top: 30px;

    bottom: 30px;

  }

}

.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .publish-date {

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 17px;

  letter-spacing: 0;

  color: var(--paragraph-color);

  line-height: 1;

  position: absolute;

  right: 25px;

  top: 25px;

}

.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content {

  padding: 20px 30px;

}

@media (max-width: 1199px) {

  .pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content {

    padding: 20px;

  }

}

.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content h4 {

  line-height: 1;

  margin-bottom: 16px;

}

.pf-shoecase-page

  .single-portfolio-sw

  .pf-shw-content-wrap

  .pf-shw-content

  h4

  a {

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.4;

  text-align: center;

  color: var(--title-color);

  transition: 0.35s;

}

@media (max-width: 1199px) {

  .pf-shoecase-page

    .single-portfolio-sw

    .pf-shw-content-wrap

    .pf-shw-content

    h4

    a {

    font-size: 20px;

  }

}

.pf-shoecase-page

  .single-portfolio-sw

  .pf-shw-content-wrap

  .pf-shw-content

  h4

  a:hover {

  color: var(--primary-color);

}

.pf-shoecase-page

  .single-portfolio-sw

  .pf-shw-content-wrap

  .pf-shw-content

  > a {

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 17px;

  color: var(--paragraph-color);

  border: 1px solid var(--border-color2);

  border-radius: 50px;

  display: inline-block;

  padding: 5px 16px;

  transition: 0.35s;

}

.pf-shoecase-page

  .single-portfolio-sw

  .pf-shw-content-wrap

  .pf-shw-content

  > a:hover {

  color: var(--white-color);

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.pf-shoecase-page .single-portfolio-sw:hover .pf-shw-content-wrap {

  transform: scale(1);

  opacity: 1;

}

.service-details .service-post-thumb-slider {

  position: relative;

}

.service-details .service-post-thumb-slider .slider-btn-group {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 1;

  width: 95%;

  max-width: unset;

  min-width: unset;

  opacity: 0;

  transition: 0.45s;

}

.service-details .service-post-thumb-slider:hover .slider-btn-group {

  opacity: 1;

}

.service-details .post-tag-and-title {

  padding-bottom: 50px;

  border-bottom: 1px solid var(--border-color2);

}

.process-card {

  border-radius: 5px;

  padding: 40px 24px;

  border: 1px solid var(--border-color2);

  position: relative;

}

@media (max-width: 1399px) {

  .process-card {

    padding: 30px 20px;

  }

}

.process-card .icon {

  margin-bottom: 30px;

}

@media (max-width: 767px) {

  .process-card .icon {

    margin-bottom: 20px;

  }

}

.process-card .icon svg {

  fill: var(--title-color);

}

.process-card .process-content {

  line-height: 1;

}

.process-card .process-content h4 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.3;

  margin-bottom: 15px;

}

@media (max-width: 767px) {

  .process-card .process-content h4 {

    font-size: 20px;

    margin-bottom: 10px;

  }

}

.process-card .process-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

}

.process-card.two {

  background-color: #faf8fb;

}

.service-details-faq-section {

  background-color: #f8f8f8;

  padding: 110px 0;

}

@media (max-width: 1199px) {

  .service-details-faq-section {

    padding: 100px 0;

  }

}

@media (max-width: 991px) {

  .service-details-faq-section {

    padding: 90px 0;

  }

}

.service-details-faq-section .sub-title2 h6 {

  background-color: #202020;

  color: var(--white-color);

}

.service-details-faq-section .section-title .dash-and-paragraph p {

  margin-bottom: 0;

}

.service-details-faq-section .faq-wrap .single-faq {

  background-color: var(---dark-white-color);

}

.faq-wrap .single-faq {

  padding: 30px;

  background-color: #faf8fb;

  border-radius: 5px;

}

@media (max-width: 576px) {

  .faq-wrap .single-faq {

    padding: 25px 20px;

  }

}

.faq-wrap .single-faq h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 500;

  line-height: 1.7;

  margin-bottom: 15px;

}

@media (max-width: 576px) {

  .faq-wrap .single-faq h6 {

    margin-bottom: 10px;

    font-size: 17px;

  }

}

.faq-wrap .single-faq p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 0;

}

.faq-contact-area .faq-contact-top-area {

  padding: 70px 110px 250px;

  border: 1px solid var(--primary-color3);

  border-radius: 20px;

  position: relative;

}

@media (max-width: 1399px) {

  .faq-contact-area .faq-contact-top-area {

    padding: 70px 90px 230px;

  }

}

@media (max-width: 1199px) {

  .faq-contact-area .faq-contact-top-area {

    padding: 50px 50px 210px;

  }

}

@media (max-width: 991px) {

  .faq-contact-area .faq-contact-top-area {

    padding: 0;

    border: unset;

    margin-bottom: 40px;

  }

}

.faq-contact-area .faq-contact-top-area .vector {

  fill: none;

  stroke: #d9d2f3;

  position: absolute;

  top: 0;

  right: 0;

}

@media (max-width: 1199px) {

  .faq-contact-area .faq-contact-top-area .vector {

    display: none;

  }

}

.faq-contact-area .faq-contact-top-area .section-title {

  max-width: 730px;

  width: 100%;

}

.faq-contact-area .faq-contact-top-area .section-title h2 {

  font-size: 45px;

}

@media (max-width: 1399px) {

  .faq-contact-area .faq-contact-top-area .section-title h2 {

    font-size: 40px;

  }

}

@media (max-width: 1199px) {

  .faq-contact-area .faq-contact-top-area .section-title h2 {

    font-size: 35px;

  }

}

@media (max-width: 576px) {

  .faq-contact-area .faq-contact-top-area .section-title h2 {

    font-size: 30px;

  }

}

.faq-contact-area .faq-contact-form-area {

  margin-top: -180px;

  position: relative;

}

@media (max-width: 991px) {

  .faq-contact-area .faq-contact-form-area {

    margin-top: 0;

  }

}

.faq-contact-area .faq-contact-form-area .faq-contact-form-wrap {

  background-color: #d9d2f3;

  border-radius: 10px;

  padding: 50px 40px;

}

@media (max-width: 991px) {

  .faq-contact-area .faq-contact-form-area .faq-contact-form-wrap {

    padding: 45px 35px;

  }

}

@media (max-width: 767px) {

  .faq-contact-area .faq-contact-form-area .faq-contact-form-wrap {

    padding: 40px 30px;

  }

}

@media (max-width: 576px) {

  .faq-contact-area .faq-contact-form-area .faq-contact-form-wrap {

    padding: 40px 20px;

  }

}

@media (max-width: 576px) {

  .faq-contact-area

    .faq-contact-form-area

    .faq-contact-form-wrap

    .primary-btn3 {

    font-size: 14px;

    padding: 16px 25px;

  }

}

.contact-page .contact-info-wrap .mb--30 {

  margin-bottom: 30px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .contact-page .contact-info-wrap .mb--30 {

    margin-bottom: 0;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .contact-page .contact-info-wrap .mb--30 {

    margin-bottom: 0;

  }

}

.contact-page .contact-info-wrap .single-location {

  border: 1px solid var(--border-color2);

  background-color: #faf8fb;

  border-radius: 10px;

  padding: 45px 40px;

}

@media (min-width: 1200px) and (max-width: 1399px) {

  .contact-page .contact-info-wrap .single-location {

    padding: 35px 25px;

  }

}

@media (max-width: 1199px) {

  .contact-page .contact-info-wrap .single-location {

    padding: 40px 25px;

  }

}

.contact-page .contact-info-wrap .single-location .title {

  margin-bottom: 20px;

}

.contact-page .contact-info-wrap .single-location .title h4 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 0;

  line-height: 1;

}

.contact-page .contact-info-wrap .single-location ul {

  margin: 0;

  padding: 0;

  list-style: none;

  max-width: 320px;

  width: 100%;

}

.contact-page .contact-info-wrap .single-location ul li {

  display: flex;

  align-items: center;

  gap: 14px;

  line-height: 1;

  margin-bottom: 20px;

  transition: 0.35s;

}

.contact-page .contact-info-wrap .single-location ul li:last-child {

  margin-bottom: 0;

}

.contact-page .contact-info-wrap .single-location ul li .icon {

  max-width: 34px;

  min-width: 34px;

  height: 34px;

  border: 1px solid var(--border-color2);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.35s;

}

.contact-page .contact-info-wrap .single-location ul li .icon svg {

  transition: 0.35s;

  fill: var(--primary-color);

}

.contact-page .contact-info-wrap .single-location ul li .info {

  line-height: 1;

}

.contact-page .contact-info-wrap .single-location ul li .info a {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 26px;

  display: block;

}

.contact-page .contact-info-wrap .single-location ul li .info a:hover {

  color: var(--primary-color);

}

.contact-page .contact-info-wrap .single-location ul li:hover .icon {

  background-color: var(--primary-color);

}

.contact-page .contact-info-wrap .single-location ul li:hover .icon svg {

  fill: var(--white-color);

}

.contact-page .contact-form-wrap {

  background-color: #c5d1c3;

  border-radius: 10px;

  padding: 60px 50px;

}

@media (min-width: 1200px) {

  .contact-page .contact-form-wrap {

    margin-left: 60px;

  }

}

@media (max-width: 991px) {

  .contact-page .contact-form-wrap {

    padding: 50px 40px;

  }

}

@media (max-width: 576px) {

  .contact-page .contact-form-wrap {

    padding: 45px 20px;

    border-radius: 5px;

  }

}

.contact-page .contact-form-wrap .form-inner label span {

  color: var(--paragraph-color);

}

.contact-page .contact-form-wrap .form-inner textarea {

  min-height: 145px;

}

@media (max-width: 576px) {

  .contact-page .contact-form-wrap .primary-btn3 {

    font-size: 14px;

    padding: 16px 25px;

  }

}

.contact-page-map {

  width: 100%;

  max-height: 660px;

  height: 100%;

}

@media (max-width: 1399px) {

  .contact-page-map {

    max-height: 560px;

  }

}

@media (max-width: 1199px) {

  .contact-page-map {

    max-height: 460px;

  }

}

@media (max-width: 576px) {

  .contact-page-map {

    max-height: 350px;

  }

}

.contact-page-map iframe {

  width: 100%;

  height: 100%;

  min-height: 550px;

  filter: grayscale(199%) invert(72%) contrast(122%);

}

@media (max-width: 576px) {

  .contact-page-map iframe {

    min-height: 350px;

  }

}

.pricing-page .section-title-and-tab-btn h1 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 60px;

  font-weight: 500;

  line-height: 1.3;

  margin-bottom: 0;

  max-width: 844px;

  width: 100%;

}

@media (max-width: 1399px) {

  .pricing-page .section-title-and-tab-btn h1 {

    font-size: 55px;

  }

}

@media (max-width: 1199px) {

  .pricing-page .section-title-and-tab-btn h1 {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .pricing-page .section-title-and-tab-btn h1 {

    font-size: 40px;

  }

}

@media (max-width: 576px) {

  .pricing-page .section-title-and-tab-btn h1 {

    font-size: 32px;

  }

}

.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn {

  display: flex;

  align-items: center;

  gap: 70px;

}

@media (max-width: 1199px) {

  .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn {

    gap: 40px;

  }

}

@media (max-width: 991px) {

  .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn {

    padding-top: 25px;

  }

}

.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn svg {

  width: 100%;

  fill: none;

  stroke: var(--border-color2);

}

@media (max-width: 991px) {

  .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn svg {

    display: none;

  }

}

.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area {

  position: relative;

}

.pricing-page

  .section-title-and-tab-btn

  .arrow-and-tab-btn

  .tab-btn-area

  .discount {

  display: inline-flex;

  flex-direction: column;

  align-items: center;

  gap: 10px;

  position: absolute;

  top: -100px;

  right: 40px;

}

.pricing-page

  .section-title-and-tab-btn

  .arrow-and-tab-btn

  .tab-btn-area

  .discount

  svg {

  fill: var(--title-color);

  stroke: var(--title-color);

  width: unset;

}

.pricing-page

  .section-title-and-tab-btn

  .arrow-and-tab-btn

  .tab-btn-area

  .discount

  span {

  color: #6c2eb9;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

}

.pricing-page

  .section-title-and-tab-btn

  .arrow-and-tab-btn

  .tab-btn-area

  nav

  .nav-tabs {

  border-bottom: none;

  background: var(--primary-color3);

  border-radius: 50px;

  flex-wrap: nowrap;

}

.pricing-page

  .section-title-and-tab-btn

  .arrow-and-tab-btn

  .tab-btn-area

  nav

  .nav-tabs

  .nav-link {

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 16px;

  color: var(--white-color);

  border: none;

  border-radius: 50px 0 0 50px;

  padding: 20px 29px;

  line-height: 1;

  display: flex;

  align-items: center;

  gap: 8px;

  position: relative;

  margin-bottom: 0;

}

@media (max-width: 576px) {

  .pricing-page

    .section-title-and-tab-btn

    .arrow-and-tab-btn

    .tab-btn-area

    nav

    .nav-tabs

    .nav-link {

    font-size: 15px;

  }

}

.pricing-page

  .section-title-and-tab-btn

  .arrow-and-tab-btn

  .tab-btn-area

  nav

  .nav-tabs

  .nav-link:last-child {

  border-radius: 0 50px 50px 0;

}

.pricing-page

  .section-title-and-tab-btn

  .arrow-and-tab-btn

  .tab-btn-area

  nav

  .nav-tabs

  .nav-link

  span {

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 10px;

  color: var(--white-color);

  background: #6c2eb9;

  border-radius: 100%;

  padding: 5px 7px;

  position: absolute;

  right: 0;

  top: -10px;

}

.pricing-page

  .section-title-and-tab-btn

  .arrow-and-tab-btn

  .tab-btn-area

  nav

  .nav-tabs

  .nav-link:hover {

  border: none;

}

.pricing-page

  .section-title-and-tab-btn

  .arrow-and-tab-btn

  .tab-btn-area

  nav

  .nav-tabs

  .nav-link:focus {

  border: none;

  box-shadow: unset;

}

.pricing-page

  .section-title-and-tab-btn

  .arrow-and-tab-btn

  .tab-btn-area

  nav

  .nav-tabs

  .nav-link.active {

  color: var(--white-color);

  background: var(--primary-color);

  border: none;

  box-shadow: unset;

}

.pricing-page .pricing-card {

  position: relative;

  padding: 50px 35px;

  background-color: #f8e37f;

}

@media (min-width: 1200px) and (max-width: 1399px) {

  .pricing-page .pricing-card {

    padding: 45px 25px;

  }

}

@media (max-width: 991px) {

  .pricing-page .pricing-card {

    padding: 40px 20px;

  }

}

@media (min-width: 576px) and (max-width: 768px) {

  .pricing-page .pricing-card {

    padding: 40px 30px;

  }

}

.pricing-page .pricing-card .pricing-top {

  border-bottom: 1px solid rgba(var(--title-color-opc), 0.08);

  padding-bottom: 40px;

  margin-bottom: 60px;

}

@media (max-width: 1199px) {

  .pricing-page .pricing-card .pricing-top {

    padding-bottom: 30px;

    margin-bottom: 50px;

  }

}

@media (max-width: 576px) {

  .pricing-page .pricing-card .pricing-top {

    padding-bottom: 25px;

    margin-bottom: 40px;

  }

}

.pricing-page .pricing-card .pricing-top span {

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 22px;

  color: var(--title-color);

  display: inline-block;

  line-height: 1;

  margin-bottom: 30px;

}

@media (max-width: 991px) {

  .pricing-page .pricing-card .pricing-top span {

    margin-bottom: 20px;

  }

}

@media (max-width: 576px) {

  .pricing-page .pricing-card .pricing-top span {

    font-size: 20px;

  }

}

.pricing-page .pricing-card .pricing-top h2 {

  margin-bottom: 0;

  font-family: var(--font-unbounded);

  font-weight: 800;

  font-size: 45px;

  line-height: 44px;

  color: var(--title-color);

}

@media (max-width: 1399px) {

  .pricing-page .pricing-card .pricing-top h2 {

    font-size: 40px;

  }

}

.pricing-page .pricing-card .pricing-top h2 sub {

  font-size: 16px;

  color: var(--title-color);

  bottom: 0;

}

.pricing-page .pricing-card .pricing-content ul {

  padding: 0;

  margin: 0;

  list-style: none;

  margin-bottom: 110px;

}

@media (max-width: 1399px) {

  .pricing-page .pricing-card .pricing-content ul {

    margin-bottom: 90px;

  }

}

@media (max-width: 767px) {

  .pricing-page .pricing-card .pricing-content ul {

    margin-bottom: 70px;

  }

}

.pricing-page .pricing-card .pricing-content ul li {

  display: flex;

  align-items: center;

  gap: 8px;

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 14px;

  letter-spacing: 0.03em;

  color: var(--paragraph-color);

  line-height: 1.5;

  margin-bottom: 25px;

  position: relative;

}

@media (max-width: 576px) {

  .pricing-page .pricing-card .pricing-content ul li {

    font-size: 13px;

    margin-bottom: 20px;

  }

}

.pricing-page .pricing-card .pricing-content ul li:last-child {

  padding-bottom: 0;

}

.pricing-page .pricing-card .pricing-content ul li svg {

  fill: var(--paragraph-color);

}

.pricing-page .pricing-card .pricing-content .primary-btn5 {

  display: flex;

  justify-content: center;

  padding: 19px 27px;

}

.pricing-page .pricing-card .batch {

  position: absolute;

  top: 0;

  right: 0;

}

.pricing-page .pricing-card .batch span {

  background-image: linear-gradient(90deg, #ec6219, #1a1a1a);

  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 7% 50%);

  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 7% 50%);

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 5px 20px;

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 14px;

  line-height: 18px;

  color: var(--white-color);

  transition: 0.35s;

}

.pricing-page .pricing-card.two {

  background-color: #d9d2f3;

}

.pricing-page .pricing-card.three {

  background-color: #c5d1c3;

}

.pagination-area {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  flex-wrap: wrap;

  padding-top: 70px;

  border-top: 1px solid var(--border-color2);

}

@media (max-width: 767px) {

  .pagination-area {

    padding-top: 40px;

    gap: 10px;

  }

}

.pagination-area .paginations {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px;

}

.pagination-area .paginations .page-item a {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  border: 1px solid var(--border-color2);

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.5s;

}

@media (max-width: 576px) {

  .pagination-area .paginations .page-item a {

    width: 30px;

    height: 30px;

    font-size: 12px;

  }

}

.pagination-area .paginations .page-item a:hover {

  background-color: var(--primary-color);

  color: var(--white-color);

}

.pagination-area .paginations .page-item.active a {

  background-color: var(--primary-color);

  color: var(--white-color);

}

.pagination-area .paginations-button a {

  min-width: 88px;

  max-width: 88px;

  height: 88px;

  border-radius: 50%;

  border: 1px solid var(--border-color2);

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 4px;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  transition: 0.7s;

}

@media (max-width: 576px) {

  .pagination-area .paginations-button a {

    min-width: 60px;

    max-width: 60px;

    height: 60px;

    font-size: 12px;

  }

}

.pagination-area .paginations-button a svg {

  fill: var(--paragraph-color);

  transition: 0.5s;

}

@media (max-width: 576px) {

  .pagination-area .paginations-button a svg {

    width: 5px;

  }

}

.pagination-area .paginations-button a:hover {

  color: var(--white-color);

  box-shadow: inset 0 0 0 10em var(--primary-color);

}

.pagination-area .paginations-button a:hover svg {

  fill: var(--white-color);

}

.pagination-area.two {

  padding-top: 0;

  border-top: unset;

}

.blog-sidebar .single-widgets {

  border: 1px solid var(--border-color2);

  padding: 50px 30px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-sidebar .single-widgets {

    padding: 40px 20px;

  }

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets {

    padding: 30px 20px;

  }

}

.blog-sidebar .single-widgets.widget_search {

  border: none;

  padding: 0;

}

.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper {

  display: flex;

  align-items: center;

  background-color: #f4f9fd;

  border: 1px solid var(--border-color2);

  padding: 6px;

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  input {

  background-color: transparent;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  border: none;

  outline: none;

  width: 100%;

  padding: 0 25px;

  border-radius: unset;

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button {

  min-width: 48px;

  max-width: 48px;

  height: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: none;

  outline: none;

  background-color: var(--primary-color);

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button

  svg {

  fill: var(--white-color);

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button::after {

  position: absolute;

  content: "";

  display: block;

  left: 15%;

  right: -20%;

  top: -4%;

  height: 150%;

  width: 150%;

  bottom: 0;

  border-radius: 2px;

  background-color: var(--white-color);

  transform: skewX(45deg) scale(0, 1);

  z-index: -1;

  transition: all 0.5s ease-out 0s;

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button:hover

  svg {

  fill: var(--primary-color3);

}

.blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button:hover::after {

  transform: skewX(45deg) scale(1, 1);

}

.blog-sidebar .single-widgets .widget-title {

  line-height: 1;

  margin-bottom: 30px;

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-title {

    margin-bottom: 25px;

  }

}

.blog-sidebar .single-widgets .widget-title h4 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 0;

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-title h4 {

    font-size: 21px;

  }

}

.blog-sidebar .single-widgets .wp-block-categoris-cloud {

  padding: 0;

  margin: 0;

  list-style: none;

  line-height: 1;

}

.blog-sidebar .single-widgets .wp-block-categoris-cloud li {

  line-height: 1;

  margin-bottom: 25px;

}

.blog-sidebar .single-widgets .wp-block-categoris-cloud li:last-child {

  margin-bottom: 0;

}

.blog-sidebar .single-widgets .wp-block-categoris-cloud li a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  transition: 0.35s;

}

.blog-sidebar .single-widgets .wp-block-categoris-cloud li a:hover {

  color: var(--primary-color);

}

.blog-sidebar .single-widgets .widget-cnt {

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 30px;

}

@media (max-width: 1399px) {

  .blog-sidebar .single-widgets .widget-cnt {

    gap: 15px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-sidebar .single-widgets .widget-cnt {

    gap: 10px;

  }

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-cnt {

    gap: 10px;

  }

}

.blog-sidebar .single-widgets .widget-cnt:last-child {

  margin-bottom: 0;

}

.blog-sidebar .single-widgets .widget-cnt .wi a img {

  max-width: 86px;

  min-width: 86px;

  height: 86px;

  -o-object-fit: cover;

  object-fit: cover;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-sidebar .single-widgets .widget-cnt .wi a img {

    max-width: 60px;

    min-width: 60px;

    height: 60px;

  }

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-cnt .wi a img {

    max-width: 70px;

    min-width: 70px;

    height: 70px;

  }

}

.blog-sidebar .single-widgets .widget-cnt .wc > a {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  margin-bottom: 10px;

  display: inline-block;

  line-height: 1;

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .blog-sidebar .single-widgets .widget-cnt .wc > a {

    margin-bottom: 7px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-sidebar .single-widgets .widget-cnt .wc > a {

    font-size: 11px;

    margin-bottom: 0;

  }

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-cnt .wc > a {

    font-size: 11px;

  }

}

.blog-sidebar .single-widgets .widget-cnt .wc > a:hover {

  color: var(--primary-color);

}

.blog-sidebar .single-widgets .widget-cnt .wc h5 {

  margin-bottom: 0;

}

@media (max-width: 1199px) {

  .blog-sidebar .single-widgets .widget-cnt .wc h5 {

    line-height: 1;

  }

}

.blog-sidebar .single-widgets .widget-cnt .wc h5 a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  transition: 0.35s;

}

@media (max-width: 1399px) {

  .blog-sidebar .single-widgets .widget-cnt .wc h5 a {

    font-size: 15px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .blog-sidebar .single-widgets .widget-cnt .wc h5 a {

    font-size: 13px;

  }

}

@media (max-width: 576px) {

  .blog-sidebar .single-widgets .widget-cnt .wc h5 a {

    font-size: 13px;

  }

}

.blog-sidebar .single-widgets .widget-cnt .wc h5 a:hover {

  color: var(--primary-color);

}

.blog-sidebar .single-widgets .wp-block-tag-cloud {

  margin-bottom: 0;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 18px;

}

.blog-sidebar .single-widgets .wp-block-tag-cloud a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  transition: 0.35s;

  line-height: 1;

}

.blog-sidebar .single-widgets .wp-block-tag-cloud a:hover {

  color: var(--primary-color);

}

.case-study-card {

  border: 1px solid var(--border-color2);

}

.case-study-card .case-study-img {

  position: relative;

}

@media (max-width: 991px) {

  .case-study-card .case-study-img img {

    width: 100%;

    max-height: 220px;

    min-height: 220px;

    -o-object-fit: cover;

    object-fit: cover;

  }

}

.case-study-card .case-study-img .batch {

  position: absolute;

  top: 25px;

  left: 25px;

}

@media (max-width: 991px) {

  .case-study-card .case-study-img .batch {

    top: 15px;

    left: 10px;

  }

}

.case-study-card .case-study-img .batch a {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1.2;

  padding: 10px 24px;

  border-radius: 18px;

  background-color: #202020;

}

@media (max-width: 991px) {

  .case-study-card .case-study-img .batch a {

    font-size: 13px;

  }

}

.case-study-card .case-study-content {

  padding: 30px 30px 40px;

}

@media (max-width: 1399px) {

  .case-study-card .case-study-content {

    padding: 30px 25px 40px;

  }

}

@media (max-width: 1199px) {

  .case-study-card .case-study-content {

    padding: 25px 20px 35px;

  }

}

@media (max-width: 576px) {

  .case-study-card .case-study-content {

    padding: 20px 15px 30px;

  }

}

.case-study-card .case-study-content h3 {

  margin-bottom: 20px;

}

@media (max-width: 1399px) {

  .case-study-card .case-study-content h3 {

    margin-bottom: 15px;

  }

}

@media (max-width: 576px) {

  .case-study-card .case-study-content h3 {

    margin-bottom: 10px;

  }

}

.case-study-card .case-study-content h3 a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.5;

  transition: 0.5s;

}

@media (max-width: 1399px) {

  .case-study-card .case-study-content h3 a {

    font-size: 27px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .case-study-card .case-study-content h3 a {

    font-size: 23px;

  }

}

@media (max-width: 991px) {

  .case-study-card .case-study-content h3 a {

    font-size: 20px;

  }

}

.case-study-card .case-study-content h3 a:hover {

  color: var(--primary-color);

}

.case-study-card .case-study-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 400;

  line-height: 26px;

  margin-bottom: 40px;

}

@media (max-width: 991px) {

  .case-study-card .case-study-content p {

    margin-bottom: 30px;

  }

}

@media (max-width: 576px) {

  .case-study-card .case-study-content p {

    margin-bottom: 20px;

    font-size: 14px;

  }

}

.case-study-card.two .case-study-content h3 a {

  font-size: 22px;

}

@media (max-width: 1399px) {

  .case-study-card.two .case-study-content h3 a {

    font-size: 20px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .case-study-card.two .case-study-content h3 a {

    font-size: 17px;

    margin-bottom: 10px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .case-study-card.two .case-study-content p {

    margin-bottom: 30px;

  }

}

.team-card-1 {

  transition: 0.45s;

  position: relative;

  border: 1px solid var(--border-color2);

}

.team-card-1 .team-img {

  transition: 0.45s;

  position: relative;

  display: flex;

  z-index: 1;

  justify-content: center;

}

@media (max-width: 991px) {

  .team-card-1 .team-img {

    width: 100%;

  }

}

@media (max-width: 991px) {

  .team-card-1 .team-img img {

    width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

  }

}

.team-card-1 .team-img .social-area {

  position: absolute;

  left: 50%;

  bottom: 25px;

  transform: translateX(-50%);

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 16px;

  flex-wrap: wrap;

  width: 100%;

  transition: 0.45s;

  opacity: 0;

}

.team-card-1 .team-img .social-area li a {

  height: 26px;

  width: 26px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--white-color);

  transition: 0.35s;

}

.team-card-1 .team-img .social-area li a i {

  font-size: 14px;

  color: #363636;

  transition: 0.35s;

}

.team-card-1 .team-img .social-area li a:hover {

  background-color: var(--primary-color);

}

.team-card-1 .team-img .social-area li a:hover i {

  color: var(--white-color);

}

.team-card-1 .team-content {

  padding: 25px 30px;

}

@media (max-width: 991px) {

  .team-card-1 .team-content {

    padding: 20px;

  }

}

.team-card-1 .team-content h6 {

  margin-bottom: 2px;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 18px;

  font-weight: 600;

}

@media (max-width: 991px) {

  .team-card-1 .team-content h6 {

    font-size: 17px;

  }

}

.team-card-1 .team-content span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

}

.team-card-1:hover .social-area {

  opacity: 1;

}

.team-card-1:hover .vector {

  opacity: 1;

}

.team-card-1.two {

  border: unset;

}

.team-card-1.two .team-img img {

  border-radius: 500px 500px 0 0;

  transition: all 0.45s;

}

.team-card-1.two .team-img .social-area {

  flex-direction: column;

  align-items: end;

  left: unset;

  right: 15px;

  width: unset;

}

.team-card-1.two .team-content {

  padding-bottom: 0;

}

.team-card-1.two:hover .team-img img {

  border-radius: unset;

}

.career-banner-area .career-title-area h2 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 45px;

  font-weight: 500;

  line-height: 1.35;

  margin-bottom: 0;

  margin-top: -10px;

}

.career-banner-area .career-title-area h2 strong {

  display: block;

  font-weight: 500;

}

.career-banner-area .career-title-area h2 span {

  font-family: var(--font-fahkwang);

  display: block;

}

@media (max-width: 1399px) {

  .career-banner-area .career-title-area h2 {

    font-size: 40px;

  }

}

@media (max-width: 1199px) {

  .career-banner-area .career-title-area h2 {

    font-size: 35px;

  }

}

@media (max-width: 576px) {

  .career-banner-area .career-title-area h2 {

    font-size: 30px;

  }

}

.career-banner-area .career-title-area .btn-and-paragraph p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  max-width: 536px;

  min-width: 536px;

  margin-bottom: 30px;

}

@media (max-width: 576px) {

  .career-banner-area .career-title-area .btn-and-paragraph p {

    font-size: 15px;

    max-width: 536px;

    min-width: unset;

  }

}

.career-banner-area .career-title-area .btn-and-paragraph a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  display: flex;

  align-items: center;

  gap: 8px;

  transition: 0.35s;

  margin-bottom: 15px;

}

.career-banner-area .career-title-area .btn-and-paragraph a svg {

  fill: var(--title-color);

  transition: 0.35s;

}

.career-banner-area .career-title-area .btn-and-paragraph a:hover {

  color: var(--primary-color);

}

.career-banner-area .career-title-area .btn-and-paragraph a:hover svg {

  fill: var(--primary-color);

}

.career-banner-area .career-img a img {

  min-height: 320px;

  -o-object-fit: cover;

  object-fit: cover;

}

.career-banner-area .career-img-slider {

  position: relative;

}

.career-banner-area .career-img-slider .career-pagination {

  width: unset;

  display: inline-flex;

  justify-content: center;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 30px;

  z-index: 99;

}

.career-banner-area

  .career-img-slider

  .career-pagination

  .swiper-pagination-bullet {

  height: 10px;

  width: 10px;

  opacity: 1;

  background-color: rgba(255, 255, 255, 0.5);

}

.career-banner-area

  .career-img-slider

  .career-pagination

  .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background-color: #fff;

}

.career-banner-area .review-and-counter-area {

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-bottom: 1px solid var(--border-color2);

}

@media (min-width: 1200px) and (max-width: 1399px) {

  .career-banner-area .review-and-counter-area {

    gap: 50px;

  }

}

@media (max-width: 1199px) {

  .career-banner-area .review-and-counter-area {

    flex-direction: column;

    padding-top: 40px;

  }

}

.career-banner-area .review-and-counter-area .review-area {

  line-height: 1;

  display: flex;

  align-items: center;

  gap: 20px;

}

.career-banner-area .review-and-counter-area .review-area .review-name {

  line-height: 1;

}

.career-banner-area .review-and-counter-area .review-area .review-name span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  display: block;

  margin-bottom: 8px;

  white-space: nowrap;

}

.career-banner-area .review-and-counter-area .review-area .review-name svg {

  fill: var(--title-color);

}

.career-banner-area .review-and-counter-area .review-area .review {

  line-height: 1;

}

.career-banner-area .review-and-counter-area .review-area .review ul {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 6px;

  line-height: 1;

  margin-bottom: 8px;

}

.career-banner-area .review-and-counter-area .review-area .review ul li i {

  font-size: 12px;

  color: #e62415;

}

.career-banner-area .review-and-counter-area .review-area .review span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 12px;

  font-weight: 500;

  white-space: nowrap;

}

.career-banner-area .review-and-counter-area .counter-wrap {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  justify-content: space-between;

  max-width: 1020px;

  width: 100%;

}

@media (max-width: 1199px) {

  .career-banner-area .review-and-counter-area .counter-wrap {

    border-top: 1px solid #eee;

    width: 100%;

    margin-top: 40px;

  }

}

@media (max-width: 767px) {

  .career-banner-area .review-and-counter-area .counter-wrap {

    flex-wrap: wrap;

    justify-content: center;

  }

}

.career-banner-area .review-and-counter-area .counter-wrap .single-counter {

  display: flex;

  gap: 30px;

  width: 33.33%;

  border-left: 1px solid var(--border-color2);

  padding: 45px 25px;

}

@media (max-width: 1399px) {

  .career-banner-area .review-and-counter-area .counter-wrap .single-counter {

    padding: 35px 15px;

    gap: 20px;

  }

}

@media (max-width: 1199px) {

  .career-banner-area .review-and-counter-area .counter-wrap .single-counter {

    padding: 30px 20px;

  }

}

@media (max-width: 991px) {

  .career-banner-area .review-and-counter-area .counter-wrap .single-counter {

    padding: 30px 15px;

    gap: 15px;

  }

}

@media (max-width: 767px) {

  .career-banner-area .review-and-counter-area .counter-wrap .single-counter {

    width: 50%;

    border: none;

  }

}

@media (max-width: 576px) {

  .career-banner-area .review-and-counter-area .counter-wrap .single-counter {

    width: 100%;

    border: none;

  }

}

@media (max-width: 1199px) {

  .career-banner-area

    .review-and-counter-area

    .counter-wrap

    .single-counter:first-child {

    border: none;

    padding-left: 0;

  }

}

@media (max-width: 576px) {

  .career-banner-area

    .review-and-counter-area

    .counter-wrap

    .single-counter:first-child {

    padding: 30px 20px;

  }

}

.career-banner-area

  .review-and-counter-area

  .counter-wrap

  .single-counter:last-child {

  padding-right: 0;

}

@media (max-width: 576px) {

  .career-banner-area

    .review-and-counter-area

    .counter-wrap

    .single-counter:last-child {

    padding: 30px 20px;

  }

}

.career-banner-area

  .review-and-counter-area

  .counter-wrap

  .single-counter

  .icon

  svg {

  fill: var(--title-color);

}

.career-banner-area

  .review-and-counter-area

  .counter-wrap

  .single-counter

  .content {

  margin-top: -4px;

}

.career-banner-area

  .review-and-counter-area

  .counter-wrap

  .single-counter

  .content

  .number {

  display: flex;

  align-items: center;

  line-height: 1;

  margin-bottom: 13px;

}

.career-banner-area

  .review-and-counter-area

  .counter-wrap

  .single-counter

  .content

  .number

  h2 {

  margin-bottom: 0;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 40px;

  font-weight: 500;

  line-height: 1;

}

@media (max-width: 991px) {

  .career-banner-area

    .review-and-counter-area

    .counter-wrap

    .single-counter

    .content

    .number

    h2 {

    font-size: 35px;

  }

}

.career-banner-area

  .review-and-counter-area

  .counter-wrap

  .single-counter

  .content

  .number

  > span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 40px;

  font-weight: 500;

  line-height: 1;

}

@media (max-width: 991px) {

  .career-banner-area

    .review-and-counter-area

    .counter-wrap

    .single-counter

    .content

    .number

    > span {

    font-size: 35px;

  }

}

.career-banner-area

  .review-and-counter-area

  .counter-wrap

  .single-counter

  .content

  p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

}

@media (max-width: 1399px) {

  .career-banner-area

    .review-and-counter-area

    .counter-wrap

    .single-counter

    .content

    p {

    font-size: 14px;

  }

}

.fact-and-benefit-section .section-title.six h2 {

  font-size: 45px;

}

.fact-and-benefit-section .section-title.six h2 span {

  display: inline-block;

}

@media (max-width: 1399px) {

  .fact-and-benefit-section .section-title.six h2 {

    font-size: 40px;

  }

}

@media (max-width: 1199px) {

  .fact-and-benefit-section .section-title.six h2 {

    font-size: 35px;

  }

}

@media (max-width: 576px) {

  .fact-and-benefit-section .section-title.six h2 {

    font-size: 30px;

  }

}

.job-apply-section {

  background-image: url(../img/innerpage/carrer-list-job-apply-section-bg.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  padding: 110px 0;

}

@media (max-width: 1199px) {

  .job-apply-section {

    padding: 100px 0;

  }

}

@media (max-width: 991px) {

  .job-apply-section {

    padding: 90px 0;

  }

}

@media (max-width: 767px) {

  .job-apply-section {

    padding: 70px 0;

  }

}

.job-apply-section .section-title.six h2 {

  font-size: 45px;

}

@media (max-width: 1399px) {

  .job-apply-section .section-title.six h2 {

    font-size: 40px;

  }

}

@media (max-width: 1199px) {

  .job-apply-section .section-title.six h2 {

    font-size: 35px;

  }

}

@media (max-width: 576px) {

  .job-apply-section .section-title.six h2 {

    font-size: 30px;

  }

}

.job-apply-section .section-title .dash-and-paragraph svg {

  fill: #2f2f2f;

}

.job-apply-section .single-job-card {

  padding: 50px;

  background-color: #252525;

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 25px;

}

@media (max-width: 1399px) {

  .job-apply-section .single-job-card {

    padding: 50px 40px;

  }

}

@media (max-width: 991px) {

  .job-apply-section .single-job-card {

    flex-wrap: wrap;

  }

}

@media (max-width: 576px) {

  .job-apply-section .single-job-card {

    padding: 30px 20px;

  }

}

.job-apply-section .single-job-card .job-list-content {

  display: flex;

  align-items: center;

  gap: 20px;

  max-width: 860px;

  width: 100%;

}

@media (max-width: 1399px) {

  .job-apply-section .single-job-card .job-list-content {

    max-width: 760px;

  }

}

@media (max-width: 767px) {

  .job-apply-section .single-job-card .job-list-content {

    flex-wrap: wrap;

  }

}

.job-apply-section .single-job-card .job-list-content .post-name {

  line-height: 1;

  max-width: 300px;

  width: 100%;

}

@media (max-width: 1399px) {

  .job-apply-section .single-job-card .job-list-content .post-name {

    min-width: 250px;

  }

}

.job-apply-section .single-job-card .job-list-content .post-name h4 {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 9px;

}

.job-apply-section .single-job-card .job-list-content .post-name span {

  color: var(--paragraph-color-dark);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

}

.job-apply-section .single-job-card .job-list-content .job-discription ul {

  padding: 0;

  margin: 0;

  list-style: none;

  width: 580px;

  -moz-columns: 2;

  columns: 2;

  -moz-column-gap: 40px;

  column-gap: 40px;

}

@media (max-width: 1199px) {

  .job-apply-section .single-job-card .job-list-content .job-discription ul {

    -moz-columns: 1;

    columns: 1;

    width: 300px;

  }

}

.job-apply-section .single-job-card .job-list-content .job-discription ul li {

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  position: relative;

  padding-left: 18px;

  margin-bottom: 10px;

}

.job-apply-section

  .single-job-card

  .job-list-content

  .job-discription

  ul

  li::before {

  content: "";

  height: 8px;

  width: 8px;

  border-radius: 50%;

  border: 1px solid rgba(196, 196, 196, 0.8);

  position: absolute;

  left: 0;

  top: 6px;

}

.job-apply-section

  .single-job-card

  .job-list-content

  .job-discription

  ul

  li

  span {

  color: var(--paragraph-color-dark);

  padding-right: 5px;

}

.career-details-page .line-break {

  height: 20px;

  display: block;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .career-details-page .line-break {

    height: 15px;

  }

}

@media (max-width: 991px) {

  .career-details-page .line-break {

    height: 10px;

  }

}

@media (min-width: 1200px) {

  .career-details-page .career-details-content {

    margin-right: 80px;

  }

}

.career-details-page .career-details-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 300;

  line-height: 29px;

  margin-bottom: 0;

}

.career-details-page .career-details-content p span {

  font-size: 22px;

  font-weight: 500;

  color: var(--title-color);

}

@media (max-width: 576px) {

  .career-details-page .career-details-content p span {

    font-size: 20px;

  }

}

.career-details-page .career-details-content p strong {

  color: var(--title-color);

  font-weight: 500;

}

@media (max-width: 576px) {

  .career-details-page .career-details-content p {

    font-size: 15px;

  }

}

.career-details-page .career-details-content h5 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 27px;

  margin-bottom: 0;

}

.career-details-page .career-details-content ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.career-details-page .career-details-content ul li {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 300;

  line-height: 29px;

  margin-bottom: 15px;

  display: flex;

  gap: 15px;

}

.career-details-page .career-details-content ul li:last-child {

  margin-bottom: 0;

}

.career-details-page .career-details-content ul li svg {

  fill: var(--title-color);

  min-width: 20px;

  margin-top: 5px;

}

.career-details-page .career-details-content ul.style-2 li {

  position: relative;

  padding-left: 20px;

}

.career-details-page .career-details-content ul.style-2 li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 10px;

  height: 10px;

  background-color: var(--deep-white-color);

}

.career-details-page .career-details-content .job-apply-area {

  padding: 30px;

  border: 1px solid var(--paragraph-color);

  display: flex;

  align-items: center;

  justify-content: space-between;

}

@media (max-width: 767px) {

  .career-details-page .career-details-content .job-apply-area {

    flex-direction: column;

    gap: 15px;

    padding: 20px;

  }

}

.career-details-page .career-details-content .job-apply-area .primary-btn5 {

  padding: 19px 35px;

}

.career-details-page .career-details-content .job-apply-area strong {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 19px;

}

@media (max-width: 767px) {

  .career-details-page .career-details-content .job-apply-area .contact {

    text-align: center;

  }

}

.career-details-page .career-details-content .job-apply-area .contact span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 17px;

  display: block;

  margin-bottom: 15px;

}

@media (max-width: 576px) {

  .career-details-page .career-details-content .job-apply-area .contact span {

    font-size: 13px;

    margin-bottom: 3px;

  }

}

.career-details-page .career-details-content .job-apply-area .contact a {

  color: #0073c7;

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 27px;

}

@media (max-width: 576px) {

  .career-details-page .career-details-content .job-apply-area .contact a {

    font-size: 17px;

  }

}

.career-details-page .job-summary-area {

  border-radius: 5px;

  position: sticky;

  top: 100px;

  padding: 50px 40px;

  background-image: url(../img/innerpage/job-summary-bg.jpg);

  background-size: cover;

  background-repeat: no-repeat;

}

@media (min-width: 1200px) and (max-width: 1399px) {

  .career-details-page .job-summary-area {

    padding: 40px 20px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .career-details-page .job-summary-area {

    padding: 40px 20px;

  }

}

@media (max-width: 576px) {

  .career-details-page .job-summary-area {

    padding: 40px 20px;

  }

}

.career-details-page .job-summary-area h5 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.3;

  margin-bottom: 30px;

}

.career-details-page .job-summary-area ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.career-details-page .job-summary-area ul li {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  margin-bottom: 16px;

  padding-left: 20px;

  position: relative;

}

.career-details-page .job-summary-area ul li:last-child {

  margin-bottom: 0;

}

.career-details-page .job-summary-area ul li span {

  color: var(--paragraph-color);

  font-weight: 400;

}

.career-details-page .job-summary-area ul li::before {

  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  border: 1px solid rgba(46, 68, 141, 0.5);

}

.job-form-modal .modal-dialog .modal-content {

  margin-top: 50px;

  border: none;

  padding: 70px 88px;

  position: relative;

  border-radius: 20px;

}

@media (max-width: 1199px) {

  .job-form-modal .modal-dialog .modal-content {

    padding: 60px 40px;

  }

}

@media (max-width: 991px) {

  .job-form-modal .modal-dialog .modal-content {

    padding: 50px 25px;

    border-radius: 10px;

  }

}

@media (max-width: 576px) {

  .job-form-modal .modal-dialog .modal-content {

    padding: 40px 15px;

  }

}

.job-form-modal .modal-dialog .modal-content .modal-header {

  padding: 0;

  padding-bottom: 30px;

  border-bottom: 1px solid var(--border-color2);

  margin-bottom: 40px;

}

@media (max-width: 991px) {

  .job-form-modal .modal-dialog .modal-content .modal-header {

    padding-bottom: 20px;

    margin-bottom: 30px;

  }

}

.job-form-modal .modal-dialog .modal-content .modal-header .modal-title {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 45px;

  max-width: 500px;

  width: 100%;

}

@media (max-width: 991px) {

  .job-form-modal .modal-dialog .modal-content .modal-header .modal-title {

    font-size: 25px;

    line-height: 38px;

  }

}

@media (max-width: 576px) {

  .job-form-modal .modal-dialog .modal-content .modal-header .modal-title {

    font-size: 23px;

  }

}

.job-form-modal .modal-dialog .modal-content .modal-close {

  position: absolute;

  top: 30px;

  right: 30px;

  display: flex;

  align-items: center;

  gap: 10px;

  background-color: transparent;

  border: none;

  outline: none;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

}

@media (max-width: 991px) {

  .job-form-modal .modal-dialog .modal-content .modal-close {

    top: 15px;

    right: 20px;

  }

}

@media (max-width: 576px) {

  .job-form-modal .modal-dialog .modal-content .modal-close {

    top: 10px;

    right: 10px;

  }

}

.job-form-modal .modal-dialog .modal-content .modal-close span {

  width: 32px;

  height: 32px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #f7f9f8;

  border: 1px solid var(--border-color2);

  transition: 0.5s;

}

.job-form-modal .modal-dialog .modal-content .modal-close span:hover {

  background-color: red;

  color: var(--white-color);

}

.job-form-modal .modal-dialog .modal-content .modal-body {

  padding: 0;

}

.job-form-modal .modal-dialog .modal-content .modal-body .mb-30 {

  margin-bottom: 30px;

}

@media (max-width: 991px) {

  .job-form-modal .modal-dialog .modal-content .modal-body .mb-30 {

    margin-bottom: 20px;

  }

}

.job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .single-info

  .info-title {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 20px;

  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 35px;

}

@media (max-width: 991px) {

  .job-form-modal

    .modal-dialog

    .modal-content

    .modal-body

    .single-info

    .info-title {

    margin-bottom: 25px;

  }

}

.job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .single-info

  .form-inner

  input {

  border: 1px solid var(--border-color2);

  border-radius: 5px;

}

.job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .single-info

  .form-inner

  textarea {

  border: 1px solid var(--border-color2);

  border-radius: 5px;

  min-height: 172px;

}

.job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .single-info

  .form-inner

  .file-upload-area {

  display: flex;

  align-items: center;

  border: 1px solid var(--border-color2);

  background-color: var(---dark-white-color);

  border-radius: 5px;

  position: relative;

}

.job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .single-info

  .form-inner

  .file-upload-area

  .icon {

  padding: 0 20px;

}

.job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .single-info

  .form-inner

  .file-upload-area

  .custom-upload {

  border: unset;

  border-left: 1px solid var(--border-color2);

  border-radius: unset;

  width: 100%;

  height: 50px;

  line-height: 30px;

}

.job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .single-info

  .form-inner

  .file-upload-area

  .custom-upload::-webkit-file-upload-button {

  display: none;

}

.job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .single-info

  .form-inner

  .file-upload-area

  .check-icon {

  min-width: 18px;

  max-width: 18px;

  height: 18px;

  border-radius: 50%;

  background-color: #50af04;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 25px;

}

.job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .single-info

  .form-inner

  .file-upload-area

  .check-icon

  i {

  color: var(--white-color);

}

.job-form-modal .modal-dialog .modal-content .modal-body .primary-btn5 {

  border-radius: 50px;

  padding: 19px 35px;

}

.product-card {

  transition: 0.5s;

  position: relative;

}

.product-card .product-card-img {

  position: relative;

  overflow: hidden;

}

.product-card .product-card-img > a img {

  transition: all 0.5s ease-out;

}

.product-card .product-card-img > a .batch {

  position: absolute;

  left: 15px;

  top: 15px;

  display: flex;

  align-items: center;

  flex-direction: column;

  gap: 5px;

}

.product-card .product-card-img > a .batch > span {

  padding: 5px 12px;

  color: var(--white-color);

  text-align: center;

  font-size: 12px;

  font-weight: 500;

  font-family: var(--font-unbounded);

  letter-spacing: 0.3px;

  background-color: var(--primary-color);

  line-height: 1;

  z-index: 1;

}

.product-card .product-card-img .cart-and-favorite-area {

  position: absolute;

  top: 15px;

  right: 15px;

}

.product-card .product-card-img .cart-and-favorite-area ul {

  padding: 0;

  margin: 0;

  list-style: none;

  transform: scaleX(0);

  transform-origin: right;

  opacity: 0;

  transition: 0.5s;

}

.product-card .product-card-img .cart-and-favorite-area ul li {

  margin-bottom: 12px;

}

.product-card .product-card-img .cart-and-favorite-area ul li:last-child {

  margin-bottom: 0;

}

.product-card .product-card-img .cart-and-favorite-area ul li a {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background-color: var(--paragraph-color3);

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.5s;

}

.product-card .product-card-img .cart-and-favorite-area ul li a svg {

  fill: var(--white-color);

  transition: 0.5s;

}

.product-card .product-card-img .cart-and-favorite-area ul li a:hover {

  background-color: var(--white-color);

}

.product-card .product-card-img .cart-and-favorite-area ul li a:hover svg {

  fill: var(--primary-color3);

}

.product-card .product-card-content {

  padding-top: 25px;

}

.product-card .product-card-content h6 {

  margin-bottom: 10px;

}

.product-card .product-card-content h6 a {

  color: var(--title-color);

  font-size: 16px;

  font-family: var(--font-unbounded);

  font-weight: 500;

  letter-spacing: 0.5px;

  line-height: 1.3;

  transition: 0.5s;

}

.product-card .product-card-content h6 a:hover {

  color: var(--primary-color);

}

.product-card .product-card-content span {

  color: var(--paragraph-color);

  font-size: 16px;

  font-family: var(--font-unbounded);

  font-weight: 500;

}

.product-card .product-card-content span del {

  font-size: 14px;

  font-weight: 500;

}

.product-card:hover .product-card-img a img {

  transform: scale(1.1);

}

.product-card:hover .product-card-img .cart-and-favorite-area ul {

  transform: scaleX(1);

  opacity: 1;

}

.shop-page .show-item-and-filter {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  gap: 20px;

}

.shop-page .show-item-and-filter p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 0;

}

.shop-page .show-item-and-filter p strong {

  font-weight: 700;

}

.shop-page .show-item-and-filter .filter-area {

  border-radius: 5px;

  border: 1px solid var(--border-color2);

  display: flex;

  align-items: center;

  gap: 20px;

  padding: 6px 6px 6px 20px;

}

.shop-page .show-item-and-filter .filter-area h6 {

  margin-bottom: 0;

  line-height: 1;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

}

.shop-page .show-item-and-filter .filter-area .nice-select {

  height: 30px;

  background-color: var(--title-color);

  padding-left: 15px;

  padding-right: 35px;

  line-height: 28px;

}

.shop-page .show-item-and-filter .filter-area .nice-select::after {

  -webkit-clip-path: unset;

  clip-path: unset;

  background-color: unset;

  border-bottom: 2px solid var(---dark-white-color);

  border-right: 2px solid var(---dark-white-color);

  transform: rotate(45deg);

  right: 18px;

  top: 13px;

  height: 8px;

  width: 8px;

}

.shop-page .show-item-and-filter .filter-area .nice-select .current {

  color: var(---dark-white-color);

  font-weight: 600;

  font-size: 13px;

}

.shop-page .show-item-and-filter .filter-area .nice-select .list .option {

  min-height: 30px;

  line-height: 30px;

}

.shop-page .show-item-and-filter .filter-area .nice-select.open::after {

  transform: rotate(-135deg);

}

.shop-page .shop-sidebar .single-widgets {

  padding: 45px 30px;

  border: 1px solid var(--border-color2);

}

@media (max-width: 1399px) {

  .shop-page .shop-sidebar .single-widgets {

    padding: 35px 20px;

  }

}

.shop-page .shop-sidebar .single-widgets .widget-title {

  margin-bottom: 25px;

}

.shop-page .shop-sidebar .single-widgets .widget-title h5 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.3;

  margin-bottom: 0;

}

.shop-page .shop-sidebar .single-widgets .cart-menu .product-list {

  padding: 0;

  margin: 0;

  list-style: none;

  margin-bottom: 40px;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .cart-menu

  .product-list

  .single-product {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 15px;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .cart-menu

  .product-list

  .single-product:last-child {

  margin-bottom: 0;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .cart-menu

  .product-list

  .single-product

  .product-img {

  position: relative;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .cart-menu

  .product-list

  .single-product

  .product-img

  img {

  height: 80px;

  max-width: 77px;

  min-width: 77px;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .cart-menu

  .product-list

  .single-product

  .product-img

  .close-btn {

  transition: 0.35s;

  min-width: 20px;

  max-width: 20px;

  height: 20px;

  border-radius: 0 50% 50% 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #ff2615;

  border: unset;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  transition: 0.5;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .cart-menu

  .product-list

  .single-product

  .product-img

  .close-btn

  i {

  color: var(--white-color);

  line-height: 1;

  font-size: 20px;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .cart-menu

  .product-list

  .single-product

  .content

  h6 {

  margin-bottom: 8px;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .cart-menu

  .product-list

  .single-product

  .content

  h6

  a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 22px;

  transition: 0.5s;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .cart-menu

  .product-list

  .single-product

  .content

  h6

  a:hover {

  color: var(--primary-color);

}

.shop-page

  .shop-sidebar

  .single-widgets

  .cart-menu

  .product-list

  .single-product

  .content

  span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .cart-menu

  .product-list

  .single-product:hover

  .product-img

  .close-btn {

  opacity: 1;

}

.shop-page .shop-sidebar .single-widgets .cart-menu .total-price {

  display: flex;

  align-items: center;

  gap: 30px;

  margin-bottom: 40px;

}

.shop-page .shop-sidebar .single-widgets .cart-menu .total-price span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

}

.shop-page .shop-sidebar .single-widgets .cart-menu .total-price strong {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

}

.shop-page .shop-sidebar .single-widgets .cart-menu .btn-area .primary-btn5 {

  width: 100%;

  justify-content: center;

  font-size: 14px;

}

.shop-page .shop-sidebar .single-widgets .cart-menu .btn-area .primary-btn3 {

  border-radius: unset;

  width: 100%;

  justify-content: center;

  font-size: 14px;

  padding: 16px 36px;

}

.shop-page .shop-sidebar .single-widgets.widget_search {

  border: none;

  padding: 0;

}

.shop-page

  .shop-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper {

  display: flex;

  align-items: center;

  border: 1px solid var(--border-color2);

}

.shop-page

  .shop-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  input {

  background-color: transparent;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  border: none;

  outline: none;

  width: 100%;

  padding: 0 25px;

  height: 56px;

  border-radius: unset;

}

.shop-page

  .shop-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button {

  min-width: 56px;

  max-width: 56px;

  height: 56px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: none;

  outline: none;

  background-color: var(--primary-color);

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.shop-page

  .shop-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button

  svg {

  fill: var(--white-color);

}

.shop-page

  .shop-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button::after {

  position: absolute;

  content: "";

  display: block;

  left: 15%;

  right: -20%;

  top: -4%;

  height: 150%;

  width: 150%;

  bottom: 0;

  border-radius: 2px;

  background-color: var(--white-color);

  transform: skewX(45deg) scale(0, 1);

  z-index: -1;

  transition: all 0.5s ease-out 0s;

}

.shop-page

  .shop-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button:hover

  svg {

  fill: var(--primary-color3);

}

.shop-page

  .shop-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  button:hover::after {

  transform: skewX(45deg) scale(1, 1);

}

.shop-page .shop-sidebar .single-widgets .checkbox-container ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.shop-page .shop-sidebar .single-widgets .checkbox-container ul li {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 25px;

}

.shop-page .shop-sidebar .single-widgets .checkbox-container ul li:last-child {

  margin-bottom: 0;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .checkbox-container

  ul

  li

  .containerss {

  display: flex;

  gap: 5px;

  width: 100%;

  position: relative;

  padding-left: 25px;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .checkbox-container

  ul

  li

  .containerss

  span {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .checkbox-container

  ul

  li

  .containerss

  input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .checkbox-container

  ul

  li

  .containerss

  input:checked

  ~ .checkmark {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

  border-radius: 2px;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .checkbox-container

  ul

  li

  .containerss

  input:checked

  ~ .checkmark::after {

  content: url(../img/innerpage/vector/checkbox-check.svg);

  left: 2px;

  top: -3px;

  position: absolute;

}

.shop-page

  .shop-sidebar

  .single-widgets

  .checkbox-container

  ul

  li

  .containerss

  .checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 14px;

  width: 14px;

  background-color: transparent;

  border: 1px solid var(--border-color);

  border-radius: 2px;

}

.shop-page .shop-sidebar .single-widgets .wp-block-tag-cloud {

  margin-bottom: 0;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 14px;

}

.shop-page .shop-sidebar .single-widgets .wp-block-tag-cloud a {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  transition: 0.35s;

  line-height: 1;

}

.shop-page .shop-sidebar .single-widgets .wp-block-tag-cloud a:hover {

  color: var(--primary-color);

}

.product-details-page .product-details-img {

  position: relative;

  padding-right: 60px;

}

@media (max-width: 1399px) {

  .product-details-page .product-details-img {

    padding-right: 20px;

  }

}

@media (max-width: 1199px) {

  .product-details-page .product-details-img {

    padding-right: 0;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .product-details-page .product-details-img {

    flex-direction: column;

    gap: 40px;

  }

}

@media (max-width: 576px) {

  .product-details-page .product-details-img {

    flex-direction: column;

    gap: 40px;

  }

}

.product-details-page .product-details-img .product-details-tab-img {

  position: relative;

  overflow: hidden;

}

@media (max-width: 991px) {

  .product-details-page .product-details-img .product-details-tab-img img {

    width: 100%;

  }

}

.product-details-page .product-details-img .nav-pills {

  padding-top: 30px;

  -moz-columns: 4;

  columns: 4;

  display: block;

}

@media (max-width: 576px) {

  .product-details-page .product-details-img .nav-pills {

    -moz-columns: unset;

    columns: unset;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    padding-top: 20px;

  }

}

@media (min-width: 1200px) {

  .product-details-page .product-details-img .nav-pills .nav-item {

    max-width: 122px;

    min-width: 122px;

    min-height: 107px;

  }

}

.product-details-page .product-details-img .nav-pills .nav-item .nav-link {

  background-color: unset;

  border-radius: unset;

  padding: 0;

  position: relative;

  width: 100%;

}

.product-details-page .product-details-img .nav-pills .nav-item .nav-link img {

  -o-object-fit: cover;

  object-fit: cover;

}

@media (min-width: 1200px) {

  .product-details-page

    .product-details-img

    .nav-pills

    .nav-item

    .nav-link

    img {

    max-width: 122px;

    min-width: 122px;

    min-height: 107px;

  }

}

@media (max-width: 576px) {

  .product-details-page

    .product-details-img

    .nav-pills

    .nav-item

    .nav-link

    img {

    max-width: 100px;

    min-width: 100px;

  }

}

.product-details-page

  .product-details-img

  .nav-pills

  .nav-item

  .nav-link::after {

  content: "";

  height: 100%;

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: rgba(26, 26, 26, 0.2);

}

.product-details-page

  .product-details-img

  .nav-pills

  .nav-item

  .nav-link.active::after {

  display: none;

}

.product-details-page .product-details-content h3 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 20px;

}

@media (max-width: 1399px) {

  .product-details-page .product-details-content h3 {

    font-size: 28px;

  }

}

@media (max-width: 1199px) {

  .product-details-page .product-details-content h3 {

    font-size: 26px;

  }

}

@media (max-width: 767px) {

  .product-details-page .product-details-content h3 {

    margin-bottom: 15px;

  }

}

.product-details-page .product-details-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 1.5;

  margin-bottom: 30px;

}

@media (max-width: 767px) {

  .product-details-page .product-details-content p {

    margin-bottom: 20px;

  }

}

.product-details-page .product-details-content .price-tag {

  line-height: 1;

  margin-bottom: 40px;

}

@media (max-width: 767px) {

  .product-details-page .product-details-content .price-tag {

    margin-bottom: 30px;

  }

}

.product-details-page .product-details-content .price-tag h5 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1;

  margin-bottom: 0;

}

@media (max-width: 1199px) {

  .product-details-page .product-details-content .price-tag h5 {

    font-size: 20px;

  }

}

.product-details-page .product-details-content .product-quantity {

  margin-bottom: 45px;

  gap: 24px;

}

@media (max-width: 767px) {

  .product-details-page .product-details-content .product-quantity {

    margin-bottom: 35px;

  }

}

@media (max-width: 576px) {

  .product-details-page .product-details-content .product-quantity {

    flex-wrap: wrap;

    gap: 15px;

  }

}

.product-details-page .product-details-content .product-quantity .quantity {

  display: flex;

  align-items: center;

  gap: 8px;

}

.product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__minus,

.product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__plus {

  height: 40px;

  width: 40px;

  border: 1px solid var(--border-color);

  background-color: #faf8fb;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: 0.35s;

}

.product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__minus

  span

  i,

.product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__plus

  span

  i {

  font-size: 20px;

  color: var(--title-color);

  transition: 0.35s;

}

.product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__minus:hover,

.product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__plus:hover {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__minus:hover

  span

  i,

.product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__plus:hover

  span

  i {

  color: var(--white-color);

}

.product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__input {

  height: 40px;

  width: 78px;

  border: 1px solid var(--border-color);

  background-color: transparent;

  color: var(--title-color);

  text-align: center;

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 600;

}

.product-details-page .product-details-content .product-quantity .primary-btn5 {

  font-size: 14px;

  padding: 12px 24px;

}

.product-details-page .product-details-content .product-quantity .fav {

  height: 40px;

  width: 40px;

  border-radius: 50%;

  border: 1px solid var(--border-color);

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: 0.35s;

}

.product-details-page .product-details-content .product-quantity .fav svg {

  fill: var(--title-color);

  transition: 0.35s;

}

.product-details-page .product-details-content .product-quantity .fav:hover {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.product-details-page

  .product-details-content

  .product-quantity

  .fav:hover

  svg {

  fill: var(--white-color);

}

.product-details-page .product-details-content .aditional-info {

  margin: 0;

  padding: 0;

  list-style: none;

  line-height: 1;

}

.product-details-page .product-details-content .aditional-info > li {

  line-height: 1;

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 20px;

  display: flex;

  align-items: center;

  gap: 3px;

}

.product-details-page .product-details-content .aditional-info > li:last-child {

  margin-bottom: 0;

}

.product-details-page .product-details-content .aditional-info > li span {

  color: var(--title-color);

  font-weight: 500;

  display: inline-block;

  margin-right: 5px;

}

.product-details-page .product-details-content .aditional-info > li a {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 15px;

  transition: 0.35s;

  margin-bottom: 0;

}

.product-details-page .product-details-content .aditional-info > li a:hover {

  color: var(--primary-color);

}

.product-details-page .product-description-and-review-area .nav2 {

  gap: 45px;

  justify-content: start;

  width: 100%;

  line-height: 1;

  border-bottom: 1px solid var(--border-color2);

  border-top: 1px solid var(--border-color2);

  padding: 20px 0;

  margin-bottom: 30px;

}

.product-details-page .product-description-and-review-area .nav2 .nav-link {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  padding: 0;

  line-height: 1;

  background-color: transparent;

}

.product-details-page

  .product-description-and-review-area

  .nav2

  .nav-link.active {

  background-color: transparent;

  color: var(--title-color);

  position: relative;

}

.product-details-page

  .product-description-and-review-area

  .nav2

  .nav-link.active::before {

  content: "";

  position: absolute;

  bottom: -21px;

  left: 50%;

  transform: translateX(-50%);

  border-bottom: 1px solid var(--primary-color);

  width: 100%;

}

.product-details-page

  .product-description-and-review-area

  .nav2

  .nav-link.active::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: -32px;

  height: 14px;

  width: 14px;

  background-color: var(--white-color);

  transform: rotate(45deg) translateX(-50%);

  border: 1px solid var(--primary-color);

  border-right: none;

  border-bottom: none;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .description

  p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .description

  p:last-child {

  margin-bottom: 0;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form {

  border: 1px solid var(--border-color2);

  padding: 50px 40px;

  border-radius: 10px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .product-details-page

    .product-description-and-review-area

    .tab-content2

    .review-form {

    padding: 40px 20px;

  }

}

@media (max-width: 767px) {

  .product-details-page

    .product-description-and-review-area

    .tab-content2

    .review-form {

    padding: 40px 30px;

  }

}

@media (max-width: 576px) {

  .product-details-page

    .product-description-and-review-area

    .tab-content2

    .review-form {

    padding: 35px 15px;

  }

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .number-of-review {

  line-height: 1;

  margin-bottom: 30px;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .number-of-review

  h4 {

  line-height: 1;

  margin-bottom: 0;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 24px;

  font-weight: 600;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner

  input {

  border-radius: 5px;

  border: 1px solid var(--border-color2);

  background: #fbf7fb;

  height: 50px;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner

  textarea {

  border-radius: 5px;

  border: 1px solid var(--border-color2);

  background: #fbf7fb;

  min-height: 150px;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area {

  margin-bottom: 15px;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  p {

  margin-bottom: 5px;

  color: var(--title-color);

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  .rate {

  float: left;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  .rate:not(:checked)

  > input {

  position: absolute;

  top: -9999px;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  .rate:not(:checked)

  > label {

  float: right;

  width: 1em;

  overflow: hidden;

  white-space: nowrap;

  cursor: pointer;

  font-size: 16px;

  line-height: 1;

  color: #ccc;

  padding-right: 8px;

  display: inline-block;

  margin-right: 8px;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  .rate:not(:checked)

  > label::before {

  content: "\f586";

  font-family: bootstrap-icons !important;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  .rate

  input:checked

  ~ label {

  color: #dda701;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  .rate:not(:checked)

  > label:hover,

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  .rate:not(:checked)

  > label:hover

  ~ label {

  color: #dda701;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  input:checked

  + label:hover,

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  input:checked

  + label:hover

  ~ label,

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  input:checked

  ~ label:hover,

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  input:checked

  ~ label:hover

  ~ label,

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner2

  .review-rate-area

  label:hover

  ~ input:checked

  ~ label {

  color: #dda701;

}

.product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .primary-btn5 {

  border-radius: 50px;

  padding: 18px 30px;

}

.recent-post-section .section-title h3 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 0;

}

.recent-post-section .slider-btn-group .slider-btn {

  border: 1px solid var(--border-color2);

  background-color: var(--white-color);

  cursor: pointer;

}

.recent-post-section .slider-btn-group .slider-btn svg {

  fill: var(--title-color);

}

.recent-post-section .slider-btn-group .slider-btn:hover {

  background-color: var(--primary-color3);

  border-color: var(--primary-color3);

}

.recent-post-section .slider-btn-group .slider-btn:hover svg {

  fill: var(--white-color);

}

.cart-page .cart-widget-title {

  margin-bottom: 35px;

}

@media (max-width: 991px) {

  .cart-page .cart-widget-title {

    margin-bottom: 25px;

  }

}

.cart-page .cart-widget-title h5 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

  line-height: 1.4;

  margin-bottom: 0;

}

.cart-page .cart-shopping-wrapper .cart-table {

  width: 100%;

}

@media (max-width: 767px) {

  .cart-page .cart-shopping-wrapper .cart-table {

    margin-bottom: 30px;

  }

}

.cart-page .cart-shopping-wrapper .cart-table thead tr {

  border-top: 1px solid var(--border-color2);

  border-bottom: 1px solid var(--border-color2);

}

.cart-page .cart-shopping-wrapper .cart-table thead tr th {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  padding: 20px 15px;

}

@media (max-width: 767px) {

  .cart-page .cart-shopping-wrapper .cart-table thead tr th {

    display: none;

  }

}

.cart-page .cart-shopping-wrapper .cart-table thead tr th:first-child {

  padding-left: 0;

}

@media (max-width: 767px) {

  .cart-page .cart-shopping-wrapper .cart-table tbody tr {

    border-bottom: 1px solid var(--border-color2);

  }

}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td {

  padding: 30px 15px;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td span {

  color: var(--paragraph-color);

}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td:first-child {

  padding-left: 0;

}

@media (max-width: 767px) {

  .cart-page .cart-shopping-wrapper .cart-table tbody tr td {

    text-align: right;

  }

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper {

  display: flex;

  align-items: center;

  gap: 20px;

}

@media (max-width: 767px) {

  .cart-page

    .cart-shopping-wrapper

    .cart-table

    tbody

    tr

    td

    .product-info-wrapper {

    align-items: flex-end;

    flex-direction: column;

  }

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-img

  img {

  border-radius: 5px;

  max-width: 120px;

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  h6 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1.4;

  margin-bottom: 10px;

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  margin-bottom: 35px;

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  p

  span {

  color: var(--title-color);

  font-weight: 500;

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 20px;

}

@media (max-width: 767px) {

  .cart-page

    .cart-shopping-wrapper

    .cart-table

    tbody

    tr

    td

    .product-info-wrapper

    .product-info-content

    ul {

    justify-content: flex-end;

  }

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  cursor: pointer;

  position: relative;

  transition: 0.5s;

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li:last-child::before {

  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: -10px;

  width: 1px;

  height: 11px;

  background-color: rgba(var(--title-color-opc), 0.2);

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li

  .quantity-area {

  position: absolute;

  top: -30px;

  right: -60px;

  opacity: 0;

  transform: scaleY(0);

  transform-origin: bottom;

}

@media (max-width: 991px) {

  .cart-page

    .cart-shopping-wrapper

    .cart-table

    tbody

    tr

    td

    .product-info-wrapper

    .product-info-content

    ul

    li

    .quantity-area {

    right: unset;

    left: -60px;

  }

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li

  .quantity-area

  .quantity {

  display: flex;

  gap: 5px;

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li

  .quantity-area

  .quantity

  a {

  height: 24px;

  width: 34px;

  border-radius: 4px;

  background: rgba(var(--title-color-opc), 0.07);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

  color: var(--title-color);

  font-weight: 600;

  cursor: pointer;

  transition: 0.35s;

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li

  .quantity-area

  .quantity

  a

  i {

  color: var(--title-color);

  transition: 0.35s;

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li

  .quantity-area

  .quantity

  a:hover {

  background: var(--primary-color);

  color: var(--white-color);

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li

  .quantity-area

  .quantity

  a:hover

  i {

  color: var(--white-color);

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li

  .quantity-area

  .quantity

  input {

  height: 24px;

  width: 34px;

  border-radius: 4px;

  border: 1px solid var(--border-color2);

  background-color: var(--dark-white-color);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  color: var(--title-color);

  font-weight: 500;

  text-align: center;

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li

  .quantity-area.active {

  opacity: 1;

  transform: scaleY(1);

  animation: fade-down 0.3s linear;

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li:hover {

  color: #ff4820;

}

.cart-page

  .cart-shopping-wrapper

  .cart-table

  tbody

  tr

  td

  .product-info-wrapper

  .product-info-content

  ul

  li:hover:last-child {

  color: var(--primary-color1);

}

@media (max-width: 767px) {

  .cart-page .cart-shopping-wrapper .cart-table tbody tr td {

    display: block;

    width: 100%;

    text-align: right;

    position: relative;

    padding: 15px;

  }

  .cart-page .cart-shopping-wrapper .cart-table tbody tr td::before {

    content: attr(data-label);

    position: absolute;

    left: 15px;

    color: var(--title-color);

    font-family: var(--font-inter);

    font-size: 18px;

    font-weight: 500;

  }

}

@media (max-width: 767px) and (max-width: 576px) {

  .cart-page .cart-shopping-wrapper .cart-table tbody tr td: :before {

    font-size: 13px;

    font-weight: 700;

  }

}

.cart-page .cart-shopping-wrapper .details-button {

  color: #0073c7;

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  display: flex;

  align-items: center;

  gap: 8px;

  transition: 0.5s;

}

.cart-page .cart-shopping-wrapper .details-button svg {

  fill: #0073c7;

  transition: 0.5s;

}

.cart-page .cart-shopping-wrapper .details-button:hover {

  color: var(--primary-color);

}

.cart-page .cart-shopping-wrapper .details-button:hover svg {

  fill: var(--primary-color);

  transform: rotate(45deg);

}

@media (min-width: 992px) {

  .cart-page .cart-order-sum-area {

    padding-left: 15px;

  }

}

.cart-page .cart-order-sum-area .order-summary-wrap {

  padding: 40px 30px;

  border: 1px solid var(--border-color2);

  border-radius: 10px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .cart-page .cart-order-sum-area .order-summary-wrap {

    padding: 40px 25px;

  }

}

@media (max-width: 576px) {

  .cart-page .cart-order-sum-area .order-summary-wrap {

    padding: 35px 15px;

  }

}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list {

  padding: 0;

  margin: 0;

  list-style: none;

  width: 100%;

}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 30px;

  line-height: 1;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li:first-child {

  padding-bottom: 20px;

  border-bottom: 1px solid var(--border-color);

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  strong {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

  display: inline-block;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .order-info {

  text-align: right;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .order-info

  p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  margin-bottom: 5px;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .order-info

  span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area {

  width: 100%;

  margin-bottom: 10px;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area

  span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 400;

  line-height: 1;

  margin-bottom: 15px;

  display: block;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area

  .form-inner {

  position: relative;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area

  .form-inner

  input {

  width: 100%;

  height: 48px;

  padding: 10px 100px 10px 20px;

  background-color: #f6f2f8;

  border-radius: 5px;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area

  .form-inner

  input::-moz-placeholder {

  color: rgba(var(--title-color-opc), 0.5);

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area

  .form-inner

  input::placeholder {

  color: rgba(var(--title-color-opc), 0.5);

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area

  .form-inner

  input:focus {

  border: none;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area

  .form-inner

  .apply-btn {

  padding: 15px 23px;

  border-radius: 0 5px 5px 0;

  background-color: var(--paragraph-color3);

  border: 1px solid var(--primary-color3);

  color: var(--white-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 500;

  letter-spacing: 0.48px;

  line-height: 1;

  transition: 0.5s;

  overflow: hidden;

  z-index: 1;

  white-space: nowrap;

  position: absolute;

  top: 0;

  right: 0;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area

  .form-inner

  .apply-btn::after {

  position: absolute;

  content: "";

  display: block;

  left: 15%;

  right: -20%;

  top: -4%;

  height: 150%;

  width: 150%;

  bottom: 0;

  border-radius: 2px;

  background-color: var(--white-color);

  transform: skewX(45deg) scale(0, 1);

  z-index: -1;

  transition: all 0.5s ease-out 0s;

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area

  .form-inner

  .apply-btn:hover {

  color: var(--dark-title-color);

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area

  .form-inner

  .apply-btn:hover::after {

  transform: skewX(45deg) scale(1, 1);

}

.cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li:last-child {

  margin-bottom: 0;

}

.cart-page .cart-order-sum-area .order-summary-wrap .primary-btn3 {

  width: 100%;

  justify-content: center;

  border-radius: unset;

}

.checkout-page .checkout-form-wrapper .checkout-form-title {

  margin-bottom: 30px;

}

.checkout-page .checkout-form-wrapper .checkout-form-title h5 {

  margin-bottom: 0;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 22px;

  font-weight: 500;

}

.checkout-page .checkout-form-wrapper .checkout-form {

  border: 1px solid var(--border-color2);

  padding: 40px 30px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .checkout-page .checkout-form-wrapper .checkout-form {

    padding: 35px 20px;

  }

}

@media (max-width: 767px) {

  .checkout-page .checkout-form-wrapper .checkout-form {

    padding: 35px 20px;

  }

}

.checkout-page .checkout-form-wrapper .checkout-form .form-inner label span {

  font-weight: 400;

  color: var(--paragraph-color);

}

.checkout-page .checkout-form-wrapper .checkout-form .form-inner input {

  border: 1px solid var(--border-color2);

}

.checkout-page .checkout-form-wrapper .checkout-form .form-inner input:focus {

  border-color: var(--title-color);

}

.checkout-page .checkout-form-wrapper .checkout-form .form-inner textarea {

  border: 1px solid var(--border-color2);

}

.checkout-page

  .checkout-form-wrapper

  .checkout-form

  .form-inner

  textarea:focus {

  border-color: var(--title-color);

}

.checkout-page .order-sum-area {

  border: 1px solid var(--border-color2);

  padding: 45px 40px;

}

@media (max-width: 1399px) {

  .checkout-page .order-sum-area {

    padding: 35px 30px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .checkout-page .order-sum-area {

    padding: 30px 20px;

  }

}

@media (max-width: 767px) {

  .checkout-page .order-sum-area {

    padding: 30px 20px;

  }

}

@media (max-width: 576px) {

  .checkout-page .order-sum-area {

    padding: 25px 15px;

  }

}

.checkout-page .order-sum-area .cart-body ul {

  padding: 0;

  margin: 0;

  list-style: none;

  margin-bottom: 50px;

}

.checkout-page .order-sum-area .cart-body ul .single-item {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 25px;

}

.checkout-page .order-sum-area .cart-body ul .single-item:last-child {

  margin-bottom: 0;

}

.checkout-page .order-sum-area .cart-body ul .single-item .item-area {

  display: flex;

  justify-content: space-between;

  gap: 20px;

  position: relative;

  width: 100%;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .close-btn {

  transition: 0.35s;

  min-width: 25px;

  max-width: 25px;

  height: 25px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: rgba(255, 38, 21, 0.14);

  border: unset;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .close-btn

  i {

  color: #ff4820;

  line-height: 1;

  font-size: 20px;

  transition: 0.35s;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .close-btn:hover {

  background-color: #ff2615;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .close-btn:hover

  i {

  color: var(--white-color);

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .main-item {

  display: flex;

  gap: 15px;

  width: 100%;

}

@media (max-width: 767px) {

  .checkout-page

    .order-sum-area

    .cart-body

    ul

    .single-item

    .item-area

    .main-item {

    gap: 12px;

  }

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .main-item

  .item-img {

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .main-item

  .item-img

  img {

  height: 80px;

  max-width: 77px;

  min-width: 77px;

}

@media (max-width: 767px) {

  .checkout-page

    .order-sum-area

    .cart-body

    ul

    .single-item

    .item-area

    .main-item

    .item-img

    img {

    width: 45px;

    height: unset;

  }

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .main-item

  .content-and-quantity {

  width: 100%;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .main-item

  .content {

  line-height: 1;

  margin-bottom: 15px;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .main-item

  .content

  span {

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 14px;

  color: var(--paragraph-color);

  display: inline-block;

  margin-bottom: 5px;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .main-item

  .content

  h6 {

  margin-bottom: 0;

  line-height: 1;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .main-item

  .content

  h6

  a {

  font-family: var(--font-unbounded);

  font-weight: 500;

  font-size: 16px;

  line-height: 1.3;

  color: var(--title-color);

  transition: 0.5s;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .item-area

  .main-item

  .content

  h6

  a:hover {

  color: var(--primary-color);

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .quantity-area

  .quantity {

  display: flex;

  gap: 5px;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .quantity-area

  .quantity

  a {

  height: 24px;

  width: 34px;

  border-radius: 4px;

  background: rgba(var(--title-color-opc), 0.07);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

  color: var(--title-color);

  font-weight: 600;

  cursor: pointer;

  transition: 0.35s;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .quantity-area

  .quantity

  a

  i {

  color: var(--title-color);

  transition: 0.35s;

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .quantity-area

  .quantity

  a:hover {

  background: var(--primary-color);

  color: var(--white-color);

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .quantity-area

  .quantity

  a:hover

  i {

  color: var(--white-color);

}

.checkout-page

  .order-sum-area

  .cart-body

  ul

  .single-item

  .quantity-area

  .quantity

  input {

  height: 24px;

  width: 34px;

  border-radius: 4px;

  border: 1px solid var(--border-color2);

  background-color: transparent;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  color: var(--title-color);

  font-weight: 500;

  text-align: center;

}

.checkout-page .order-sum-area .cart-footer .pricing-area {

  width: 100%;

}

.checkout-page .order-sum-area .cart-footer .pricing-area ul {

  padding: 0;

  margin: 0;

  list-style: none;

  width: 100%;

}

.checkout-page .order-sum-area .cart-footer .pricing-area ul li {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 30px;

  line-height: 1;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  border-bottom: 1px solid var(--border-color2);

  padding-bottom: 20px;

}

.checkout-page .order-sum-area .cart-footer .pricing-area ul li strong {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

  display: inline-block;

}

.checkout-page .order-sum-area .cart-footer .pricing-area ul li .order-info {

  text-align: right;

}

.checkout-page .order-sum-area .cart-footer .pricing-area ul li .order-info p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  margin-bottom: 5px;

}

.checkout-page

  .order-sum-area

  .cart-footer

  .pricing-area

  ul

  li

  .order-info

  span {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

}

.checkout-page .order-sum-area .cart-footer .pricing-area ul li:last-child {

  padding-bottom: 0;

  margin-bottom: 0;

  border: unset;

}

.checkout-page .order-sum-area .cart-footer .primary-btn3 {

  width: 100%;

  justify-content: center;

  border-radius: unset;

}

.checkout-page .choose-payment-method {

  margin-bottom: 40px;

  line-height: 1;

}

.checkout-page .choose-payment-method h6 {

  margin-bottom: 10px;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 500;

}

.checkout-page .choose-payment-method .payment-option {

  line-height: 1;

}

.checkout-page .choose-payment-method .payment-option ul {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

  margin-bottom: 30px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .checkout-page .choose-payment-method .payment-option ul {

    gap: 15px;

  }

}

.checkout-page .choose-payment-method .payment-option ul li {

  width: 110px;

  height: 68px;

  background-color: var(--white-color);

  border: 1px solid var(--border-color2);

  border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  cursor: pointer;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .checkout-page .choose-payment-method .payment-option ul li {

    width: 100px;

  }

}

.checkout-page .choose-payment-method .payment-option ul li .checked {

  position: absolute;

  top: 0;

  left: 0;

  width: 32px;

  height: 32px;

  background: #d2e7ef;

  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);

  clip-path: polygon(0 0, 0% 100%, 100% 0);

  border-top-left-radius: 5px;

}

.checkout-page .choose-payment-method .payment-option ul li .checked i {

  opacity: 0;

  color: var(--white-color);

  margin-left: 2px;

}

.checkout-page .choose-payment-method .payment-option ul li.active .checked {

  background: var(--primary-color);

}

.checkout-page .choose-payment-method .payment-option ul li.active .checked i {

  opacity: 1;

}

.checkout-page .choose-payment-method .form-inner input {

  border: 1px solid var(--border-color2);

}

.terms-and-conditions-page .update-date {

  display: flex;

  align-items: center;

  gap: 48px;

  line-height: 1;

}

@media (max-width: 576px) {

  .terms-and-conditions-page .update-date {

    gap: 30px;

  }

}

.terms-and-conditions-page .update-date h6 {

  margin-bottom: 0;

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  position: relative;

}

.terms-and-conditions-page .update-date h6 i {

  color: var(--primary-color);

}

.terms-and-conditions-page .update-date h6::after {

  content: "";

  width: 28px;

  height: 1px;

  background-color: var(--title-color);

  position: absolute;

  right: -38px;

  top: 50%;

  transform: translateY(-50%);

}

@media (max-width: 576px) {

  .terms-and-conditions-page .update-date h6: :after {

    width: 18px;

    right: -24px;

  }

}

.terms-and-conditions-page .update-date p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 0;

}

.terms-and-conditions-page .terms-and-conditions h4 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 30px;

  font-weight: 400;

  margin-bottom: 15px;

}

@media (max-width: 576px) {

  .terms-and-conditions-page .terms-and-conditions h4 {

    font-size: 25px;

    margin-bottom: 10px;

  }

}

.terms-and-conditions-page .terms-and-conditions p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 30px;

  margin-bottom: 10px;

}

@media (max-width: 576px) {

  .terms-and-conditions-page .terms-and-conditions p {

    font-size: 15px;

  }

}

.terms-and-conditions-page .terms-and-conditions p:last-child {

  margin-bottom: 0;

}

.terms-and-conditions-page .terms-and-conditions ul {

  margin: 0;

  padding: 0;

  list-style: none;

  padding-left: 50px;

  margin-bottom: 5px;

  padding-top: 5px;

}

@media (max-width: 767px) {

  .terms-and-conditions-page .terms-and-conditions ul {

    padding-left: 20px;

  }

}

.terms-and-conditions-page .terms-and-conditions ul li {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 30px;

  margin-bottom: 15px;

}

@media (max-width: 576px) {

  .terms-and-conditions-page .terms-and-conditions ul li {

    font-size: 15px;

  }

}

.terms-and-conditions-page .terms-and-conditions ul li strong {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 600;

  line-height: 30px;

}

@media (max-width: 576px) {

  .terms-and-conditions-page .terms-and-conditions ul li strong {

    font-size: 15px;

  }

}

.error-page .error-wrapper {

  max-width: 550px;

  width: 100%;

  margin: 0 auto;

}

.error-page .error-wrapper .error-img svg {

  fill: var(--title-color);

  max-width: 490px;

  width: 100%;

}

.error-page .error-wrapper .error-content {

  text-align: center;

}

.error-page .error-wrapper .error-content h1 {

  color: var(--title-color);

  font-family: var(--font-unbounded);

  font-size: 40px;

  font-weight: 600;

  margin-bottom: 12px;

}

@media (max-width: 576px) {

  .error-page .error-wrapper .error-content h1 {

    font-size: 30px;

  }

}

.error-page .error-wrapper .error-content p {

  color: var(--paragraph-color);

  font-family: var(--font-unbounded);

  font-size: 15px;

  font-weight: 400;

  margin-bottom: 35px;

}

@media (max-width: 576px) {

  .error-page .error-wrapper .error-content p {

    font-size: 14px;

  }

}

.error-page .error-wrapper .error-content .back-btn .primary-btn3 {

  border-radius: unset;

}

.dark .primary-btn4 {

  background-color: #2f2f2f;

  border-color: #2f2f2f;

}

.dark .primary-btn5 {

  border: 1px solid rgba(255, 255, 255, 0.15);

  background-color: transparent;

}

.dark .primary-btn5 span {

  background-color: var(--primary-color);

}

.dark .primary-btn5.black:hover {

  color: var(--white-color);

}

.dark .primary-btn5.black:hover svg {

  fill: var(--white-color);

}

.dark .nice-select .list {

  background-color: #161616;

}

.dark .nice-select .list .option.selected.focus {

  background-color: var(--primary-color);

  color: var(--white-color);

}

.dark .nice-select .list .option:hover {

  background-color: var(--primary-color);

  color: var(--white-color);

}

.dark .header-area.style-1 .header-logo .light {

  display: none;

}

.dark .header-area.style-1 .header-logo .dark {

  display: block;

}

.dark .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu {

  border: 1px solid #252424;

}

.dark .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {

  border-bottom: 1px solid #252424;

}

.dark .header-area.style-2 .main-menu ul > li ul.sub-menu > li > a {

  border-bottom: 1px solid #252424;

}

.dark

  .header-area.style-1

  .menu-wrap

  .main-menu

  ul

  > li

  ul.sub-menu

  > li

  > a::before {

  background: linear-gradient(90deg, #252424, #ec6219, #252424);

}

.dark .header-area.style-2 .main-menu ul > li ul.sub-menu > li > a::before {

  background: linear-gradient(90deg, #252424, #f4cb0a, #252424);

}

.dark

  .sidebar-area

  .sidebar-menu-wrap

  .main-menu

  > li

  .submenu-wrapper

  .submenu-mode

  .mode-name

  span {

  background-color: #1a1a1a;

}

@media (min-width: 992px) {

  .header-area.style-1 .menu-wrap .main-menu ul > li:hover > ul.sub-menu {

    display: block;

    animation: fade-up 0.45s linear;

  }

}



@keyframes fade-up {

  0% {

    opacity: 0;

    transform: translateY(10px);

    visibility: hidden;

  }



  100% {

    opacity: 1;

    transform: translateY(0px);

    visibility: visible;

  }

}

.dark .sidebar-area .sidebar-menu-top-area .sidebar-menu-logo .logo-light {

  display: block;

}

.dark .sidebar-area .sidebar-menu-top-area .sidebar-menu-logo .logo-dark {

  display: none;

}

.dark .partner-area .partner-wrap {

  border-top: 1px solid var(--border-color);

  border-bottom: 1px solid var(--border-color);

  position: relative;

}

.dark .partner-area .partner-wrap .marquee.light {

  display: none;

  visibility: hidden;

}

.dark .partner-area .partner-wrap .marquee.dark {

  display: flex;

  visibility: visible;

}

.dark .partner-area.three .partner-wrap {

  border: unset;

}

.dark .partner-area.four .partner-wrap {

  border-top: unset;

}

.dark .home1-solution-section .vector svg {

  stroke: #1a1a1a;

}

.dark .home1-solution-section.style-2 .vector svg {

  stroke: #161616;

}

.dark .testimonial-section .vector-2 svg {

  stroke: #161616;

}

.dark .work-section {

  background-color: #1a1a1a;

}

.dark .work-section .circle-btn {

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.dark .text-slider-section {

  background-color: #2f2f2f;

}

.dark .home1-process-section {

  background-color: #161616;

}

.dark .home1-blog-section {

  background: var(--section-bg1);

}

.dark .home1-blog-section .section-title .dash-and-paragraph.three svg {

  fill: var(--border-color);

}

.dark .home2-services-section {

  background-color: #1a1a1a;

}

.dark .home2-services-section .service-card ul li a {

  color: #fff;

  background-color: rgba(0, 0, 0, 0.5);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.dark .home2-services-section .service-card ul li a:hover {

  background-color: var(--white-color);

  color: var(--dark-title-color);

}

.dark .contact-section.two {

  background: var(--section-bg1);

}

.dark .contact-section.three {

  background: #202020;

}

.dark .contact-section.four {

  background: #202020;

}

.dark .home3-banner-area .vector {

  stroke: #1a1a1a;

}

.dark .home3-testimonial-section {

  background-color: #1a1a1a;

}

.dark .home3-testimonial-section .vector {

  fill: #161616;

}

.dark .home3-testimonial-section .testimonial-wrapper {

  background-color: #161616;

}

.dark

  .home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .c-name-and-author

  .dark {

  display: none;

  visibility: hidden;

}

.dark

  .home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .c-name-and-author

  .light {

  display: block;

  visibility: visible;

}

.dark

  .home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter {

  background: #1a1a1a;

}

.dark

  .home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter:nth-child(2) {

  background: #1a1a1a;

}

.dark

  .home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter:nth-child(3) {

  background: #1a1a1a;

}

.dark

  .home3-testimonial-section

  .testimonial-wrapper

  .testimonial-content-wrapper

  .counter-wrap

  .single-counter:nth-child(4) {

  background: #1a1a1a;

}

.dark .home3-working-process-section .single-work-process {

  background: #1a1a1a;

}

.dark .home3-working-process-section .single-work-process.two {

  background: #1a1a1a;

}

.dark .home3-working-process-section .single-work-process.three {

  background: #1a1a1a;

}

.dark .home3-working-process-section .single-work-process.four {

  background: #1a1a1a;

}

.dark .home3-team-section .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(1)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(2)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(3)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(4)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(5)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(6)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(7)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(8)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(9)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(10)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(11)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(12)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(13)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(14)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(15)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(16)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(17)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(18)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(19)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark

  .home3-team-section

  .swiper-slide:nth-child(20)

  .team-card-3

  .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(1) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(2) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(3) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(4) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(5) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(6) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(7) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(8) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(9) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(10) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(11) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(12) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(13) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(14) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(15) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(16) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(17) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(18) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(19) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .team-item:nth-child(20) .team-card-3 .team-content {

  background: #1a1a1a;

}

.dark .home3-award-section {

  background-color: #252525;

}

.dark .home3-blog-section {

  background-color: #252525;

}

.dark .home3-blog-section .blog-card3 {

  background-color: #1a1a1a;

}

.dark .home3-blog-section .blog-card3.two {

  background-color: #1a1a1a;

}

.dark .home3-blog-section .blog-card3.three {

  background-color: #1a1a1a;

}

.dark .partnership-area .single-pertner {

  background: #202020;

}

.dark .partnership-area .single-pertner svg {

  stroke: #2f2f2f;

}

.dark .partnership-area .single-pertner span {

  color: var(--title-color);

}

.dark .partnership-area .single-pertner .partner-logos .black {

  display: none;

  visibility: hidden;

}

.dark .partnership-area .single-pertner .partner-logos .white {

  display: block;

  visibility: visible;

}

.dark .partnership-area .single-pertner p {

  color: var(--white-color);

}

.dark .partnership-area .single-pertner:hover {

  background-color: var(--title-color);

}

.dark .partnership-area .single-pertner:hover svg {

  stroke: var(--primary-color);

}

.dark .partnership-area .single-pertner:hover span {

  color: var(--dark-white-color);

}

.dark .partnership-area .single-pertner:hover p {

  color: var(--dark-white-color);

}

.dark .partnership-area .single-pertner:hover .partner-logos .white {

  display: none;

  visibility: hidden;

}

.dark .partnership-area .single-pertner:hover .partner-logos .black {

  display: block;

  visibility: visible;

}

.dark .home4-work-process-section .paragraph-and-btn {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  margin-bottom: 70px;

}

.dark .home4-work-process-section .paragraph-and-btn p {

  max-width: 424px;

  width: 100%;

}

.dark .home4-work-process-section .home4-work-process {

  background-color: #1a1a1a;

}

.dark .home4-work-process-section .home4-work-process .work-step span {

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.dark

  .home4-work-process-section

  .home4-work-process

  .icon-and-title

  .icon

  svg {

  fill: var(--white-color);

}

.dark .home4-work-process-section .home4-work-process.two {

  background: #1a1a1a;

}

.dark .home4-work-process-section .home4-work-process.three {

  background: #1a1a1a;

}

.dark .home4-process-section .single-process {

  background-color: #202020;

}

.dark .home4-process-section .single-process .work-step span {

  border-color: rgba(255, 255, 255, 0.1);

}

.dark .home4-testimonial-section {

  background: #1c1c1c;

}

.dark .home4-testimonial-section .testimonial-slider .testimonal-content {

  background-color: #252525;

}

.dark

  .home4-testimonial-section

  .testimonial-slider

  .testimonal-content

  > span {

  color: var(--title-color);

}

.dark .home4-testimonial-section .testimonial-slider .testimonal-content p {

  color: var(--paragraph-color);

}

.dark

  .home4-testimonial-section

  .testimonial-slider

  .testimonal-content

  .author-area {

  border-top: 1px solid #2f2f2f;

}

.dark .home4-testimonial-section .slider-btn-area .slider-btn {

  background-color: #1a1a1a;

  border-radius: 1px solid rgba(255, 255, 255, 0.1);

}

.dark .home4-testimonial-section .slider-btn-area .slider-btn svg {

  fill: var(--white-color);

}

.dark .home4-testimonial-section .slider-btn-area .slider-btn:hover {

  background-color: var(--primary-color);

  border-color: var(--primary-color) svg;

  border-color-fill: var(--white-color);

}

.dark .home5-about-section .about-content-wrap .about-content .star::before {

  background-color: #2f2f2f;

}

.dark .home5-work-section {

  background-image: linear-gradient(#1a1a1a, #1a1a1a),

    url(../img/home5/home5-award-bg.png);

}

.dark .home5-work-section .verticle-text h2 {

  color: #2f2f2f;

}

.dark .home5-service-section .paragraph-and-btn-area .vector .star {

  fill: #2f2f2f;

}

.dark .home5-service-section .paragraph-and-btn-area .vector .star-bg {

  fill: #2f2f2f;

}

.dark .home5-service-section .service-card2 {

  background-color: var(--paragraph-color3);

}

.dark .home5-service-section .service-card2 > svg {

  fill: #2f2f2f;

}

.dark .home5-testimonial-section .testimoial-wrapper .vector {

  fill: #202020;

}

.dark .home5-award-section {

  background-image: linear-gradient(#1a1a1a, #1a1a1a),

    url(../img/home5/home5-award-bg.png);

}

.dark .home6-feature-section .feature-card {

  background-color: #202020;

}

.dark .home6-feature-section .feature-card:hover {

  background-color: #252525;

}

.dark .home6-testimonial-section .testimonial-card {

  background-color: #202020;

}

.dark .home6-blog-section {

  background-image: linear-gradient(#1a1a1a, #1a1a1a),

    url(../img/home6/home6-performance-bg.png);

}

.dark .home-integration-section .integration-wrap .single-integration .light {

  display: none;

}

.dark .home-integration-section .integration-wrap .single-integration .dark {

  display: block;

}

.dark .breadcrumb-section.style-2 {

  background-color: #1a1a1a;

  background-image: unset !important;

}

.dark .breadcrumb-section.style-2 .vector {

  stroke: #161616;

}

.dark

  .breadcrumb-section.style-2

  .banner-wrapper

  .banner-content

  .dash-and-paragraph

  svg {

  fill: #2f2f2f;

}

.dark .breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn {

  background-color: #161616;

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.dark .breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list {

  background-color: var(--dark-title-color);

}

.dark .breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li::before {

  background: #4e676d;

}

.dark .about-banner-section .about-img-area .about-img-wrap .button-area {

  background: #161616;

}

.dark .comment-and-form-area .inquiry-form {

  background-color: #1a1a1a;

}

.dark

  .blog-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper {

  background-color: #222;

}

.dark .details-page-wrapper .details-page-content .counter-dark {

  display: block;

}

.dark .details-page-wrapper .details-page-content .counter-light {

  display: none;

}

.dark .faq-wrap .single-faq {

  background-color: #222;

}

.dark .faq-contact-area .faq-contact-top-area {

  border: 1px solid #303030;

}

.dark .faq-contact-area .faq-contact-top-area .vector {

  stroke: #474747;

}

.dark .faq-contact-area .faq-contact-form-area .faq-contact-form-wrap {

  background-color: #222;

}

.dark .contact-page .contact-info-wrap .single-location {

  background-color: #000;

}

.dark .contact-page .contact-form-wrap {

  background-color: #222;

}

.dark .pricing-page .pricing-card {

  background-color: #222;

}

.dark .portfolio-page-area .section-title h1 {

  font-size: 130px;

  line-height: 1;

}

.dark .portfolio-page-area .section-title h1 span {

  display: inline;

}

@media (max-width: 1399px) {

  .dark .portfolio-page-area .section-title h1 {

    font-size: 90px;

  }

}

@media (max-width: 1199px) {

  .dark .portfolio-page-area .section-title h1 {

    font-size: 70px;

  }

}

@media (max-width: 576px) {

  .dark .portfolio-page-area .section-title h1 {

    font-size: 45px;

  }

}

.dark .portfolio-page-area .section-title .dash-and-paragraph svg {

  fill: var(--border-color2);

}

.dark

  .portfolio-page-area

  .section-title

  .dash-and-paragraph

  .btn-and-paragraph {

  text-align: end;

}

.dark

  .portfolio-page-area

  .section-title

  .dash-and-paragraph

  .btn-and-paragraph

  span {

  background-color: #252525;

  color: #fff;

}

.dark

  .portfolio-page-area.portfolio-showcase-horizental

  .filter-button-group

  ul

  li {

  background-color: #252525;

  color: #fff;

}

.dark

  .portfolio-page-area.portfolio-showcase-horizental

  .filter-button-group

  ul

  li.active {

  background-color: var(--primary-color);

}

.dark

  .portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-discription {

  line-height: 1;

}

@media (max-width: 991px) {

  .dark

    .portfolio-page-area.portfolio-showcase-horizental

    .single-work

    .work-discription {

    margin-bottom: 30px;

  }

}

.dark

  .portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-discription

  p {

  font-family: var(--font-unbounded);

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  letter-spacing: 0;

  margin-bottom: 0;

  color: var(--paragraph-color);

}

.dark

  .portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-discription

  ul {

  padding-top: 25px;

}

.dark

  .portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .work-discription

  ul

  li

  a:hover {

  background-color: var(--title-color);

  border-color: var(--title-color);

  color: var(--dark-title-color);

}

.dark

  .portfolio-page-area.portfolio-showcase-horizental

  .single-work

  .details-btn-wrap

  .primary-btn4 {

  background-color: #252525;

  border-color: rgba(255, 255, 255, 0.1);

}

.dark

  .portfolio-page-area

  .interactive-link-wrapper

  .single-interactive-link

  a

  sup {

  background-color: #202020;

}

.dark

  .portfolio-page-area

  .interactive-link-wrapper

  .single-interactive-link

  a:hover

  sup {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

  color: var(--white-color);

}

.dark .home-integration-section .arrow-vec-wrap .sm-circle2 {

  fill: #188038;

  stroke: #188038;

}

.dark .home-integration-section .integration-wrap .single-integration {

  border: 1px solid #222;

}

.dark .pf-shoecase-page .filter-button-group ul li {

  background-color: #252525;

  color: #fff;

}

.dark .pf-shoecase-page .filter-button-group ul li.active {

  background-color: var(--primary-color);

}

.dark .dashboard-img-section .dark {

  display: block;

}

.dark .dashboard-img-section .light {

  display: none;

}

.dark .home4-team-section.style-2 {

  background-color: #1a1a1a;

}

.dark .home4-team-section.style-2 .section-title .dash-and-paragraph svg {

  fill: #2f2f2f;

}

.dark .home6-project-management-section {

  background-image: linear-gradient(#1a1a1a, #1a1a1a),

    url(../img/home6/project-management-bg.png);

}

.dark .home6-project-management-section .single-project {

  background-color: #202020;

}

.dark .home6-project-management-section .single-project .single-project-img {

  border: 1px solid rgba(255, 255, 255, 0.05);

  border-bottom: none;

}

.dark .home6-performance-section {

  background-image: linear-gradient(#1a1a1a, #1a1a1a),

    url(../img/home6/home6-performance-bg.png);

}

.dark .home6-performance-section .contact-area .form-inner {

  border-color: rgba(255, 255, 255, 0.2);

}

.dark

  .home6-performance-section

  .performance-slider-wrap

  .performance-card

  .performance-img,

.dark

  .home6-performance-section

  .performance-slider-wrap

  .performance-card

  .performance-content {

  background-color: #202020;

}

.dark .service-details-faq-section {

  background-color: #1a1a1a;

}

.dark .case-study-details .case-study-details-info-wrap {

  background-color: #1a1a1a;

}

.dark .process-card.two {

  background-color: #222;

}

.dark footer.style-4 {

  background-color: #161616;

}

.dark footer.home6-footer {

  background-color: #161616;

}

.dark .career-details-page .career-details-content .job-apply-area {

  border-color: rgba(255, 255, 255, 0.1);

}

.dark

  .career-details-page

  .career-details-content

  .job-apply-area

  .primary-btn5 {

  border-color: var(--primary-color);

  background-color: var(--primary-color);

}

.dark

  .career-details-page

  .career-details-content

  .job-apply-area

  .primary-btn5

  span {

  background-color: var(--white-color);

}

.dark

  .career-details-page

  .career-details-content

  .job-apply-area

  .primary-btn5:hover {

  color: var(--primary-color);

}

.dark

  .career-details-page

  .career-details-content

  .job-apply-area

  .primary-btn5:hover

  svg {

  fill: var(--primary-color);

}

.dark .career-details-page .job-summary-area {

  background-image: unset;

  background-color: #1a1a1a;

}

.dark .job-form-modal .modal-dialog .modal-content {

  background-color: #1a1a1a;

}

.dark .job-form-modal .modal-dialog .modal-content .modal-close span {

  background-color: #161616;

}

.dark .job-form-modal .modal-dialog .modal-content .modal-close span:hover {

  background-color: red;

  color: var(--white-color);

}

.dark .job-form-modal .modal-dialog .modal-content .modal-body .primary-btn5 {

  border-color: var(--primary-color);

  background-color: var(--primary-color);

}

.dark

  .job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .primary-btn5

  span {

  background-color: var(--white-color);

}

.dark

  .job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .primary-btn5:hover {

  color: var(--primary-color);

}

.dark

  .job-form-modal

  .modal-dialog

  .modal-content

  .modal-body

  .primary-btn5:hover

  svg {

  fill: var(--primary-color);

}

.dark .cart-page .cart-order-sum-area .order-summary-wrap {

  background-color: #202020;

}

.dark

  .cart-page

  .cart-order-sum-area

  .order-summary-wrap

  .order-summary-list

  li

  .coupon-area

  .form-inner

  input {

  background-color: #161616;

  border-color: #161616;

}

.dark

  .shop-page

  .shop-sidebar

  .single-widgets.widget_search

  .wp-block-search__inside-wrapper

  input {

  background-color: #202020;

}

.dark .home2-process-section .progress-wrapper svg circle {

  stroke: #2f2f2f;

  fill: var(--dark-title-color);

}

.dark .progress-wrapper:before {

  background-image: linear-gradient(to top, #f4cb0a 0%, #a6c1ee 100%);

  box-shadow: 0 0 20px #f4cb0a;

}

.dark .shop-page .show-item-and-filter .filter-area .nice-select .list {

  background-color: #161616;

}

.dark

  .shop-page

  .show-item-and-filter

  .filter-area

  .nice-select

  .list

  .option.selected.focus {

  background-color: var(--primary-color);

  color: var(--white-color);

}

.dark

  .shop-page

  .show-item-and-filter

  .filter-area

  .nice-select

  .list

  .option:hover {

  background-color: var(--primary-color);

  color: var(--white-color);

}

.dark

  .product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__minus,

.dark

  .product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__plus {

  background: 0 0;

}

.dark

  .product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__minus:hover,

.dark

  .product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__plus:hover {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.dark

  .product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__minus:hover

  span

  i,

.dark

  .product-details-page

  .product-details-content

  .product-quantity

  .quantity

  .quantity__plus:hover

  span

  i {

  color: var(--white-color);

}

.dark

  .product-details-page

  .product-details-content

  .product-quantity

  .primary-btn5 {

  border-color: #2f2f2f;

}

.dark

  .product-details-page

  .product-description-and-review-area

  .nav2

  .nav-link.active::after {

  background-color: #161616;

}

.dark

  .product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner

  input {

  background: #202020;

}

.dark

  .product-details-page

  .product-description-and-review-area

  .tab-content2

  .review-form

  .form-inner

  textarea {

  background-color: #202020;

}

.dark .recent-post-section .slider-btn-group .slider-btn {

  background-color: #202020;

}

.dark .recent-post-section .slider-btn-group .slider-btn:hover {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}

.dark .error-page .error-wrapper .error-img svg {

  fill: #dfdfdf;

}



#nav-scroll.blur {

  -webkit-backdrop-filter: blur(15px);

  backdrop-filter: blur(15px);

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

  padding: 0px 3%;

  color: #fff;

  margin-top: 0;

  transition: all 0.7s;

}

#nav-scroll.blur .header-logo img {

  width: 125px;

  max-width: unset;

  transition: all 0.7s;

}

#nav-scroll.blur .menu-wrap .main-menu ul > li > a {

  padding: 0px 10px 0;

}

#nav-scroll.blur .menu-wrap .main-menu ul > li ul.sub-menu > li > a{

  padding: 14px 10px !important;

}



@media (max-width: 991px) {

  .loader-wrap .loader-wrap-heading .load-text {

    font-size: 16px;

    letter-spacing: 2px;

  }

}



.grid_lines {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 0;

  width: 100%;

  padding: 0 calc(2.01875rem + 7.90714vw);

  margin: 0px;

  list-style-type: none;

}

.grid_lines .grid_line {

  position: relative;

  width: 1px;

  height: 100%;

  display: inline-block;

  /*background-color: #2e2e2e;*/

  background-color: #2e2e2e;

  mix-blend-mode: difference;

  opacity: 0.1;

}

.grid_lines .grid_line::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 1px;

  height: 60px;

  background: white;

  background: linear-gradient(

    0deg,

    rgba(255, 255, 255, 0.1) 0%,

    rgba(255, 255, 255, 0) 100%

  );

  animation: gridanim 25s linear infinite;

}

.relative {

  position: relative;

}

.z-99999 {

  z-index: 99;

}



.rev {

  padding-left: 5% !important;

  padding-right: 5% !important;

}





.modal {

  position: absolute;

  z-index: 10000;

  top: 0;

  left: 0;

  visibility: hidden;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.modal.is-visible {

  visibility: visible;

}



.modal-overlay {

  position: fixed;

  z-index: 10;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: hsla(0, 0%, 0%, 0.5);

  visibility: hidden;

  opacity: 0;

  transition: visibility 0s linear 0.3s, opacity 0.3s;

}



.modal.is-visible .modal-overlay {

  opacity: 1;

  visibility: visible;

  transition-delay: 0s;

}



.modal-wrapper {

  position: relative;

  z-index: 9999;

  max-width: 700px;

  width: 100%;

  background-color: #fff;

  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);

  aspect-ratio: 1.8;

  margin: 20px;

}



@media (max-width: 767px) {

  

  .modal-wrapper.dikey{

    width: 75%;

    height: 70%;

  } 

}

.modal-wrapper .modal-inner {

  height: 100%;

}



.modal-transition {

  transition: all 0.3s 0.12s;

  transform: translateY(-10%);

  opacity: 0;

}



.modal.is-visible .modal-transition {

  transform: translateY(0);

  opacity: 1;

}



.modal-close {

  position: absolute;

  top: -15px;

  right: -15px;

  color: #888;

  z-index: 1;

  margin: 0;

  padding: 10px;

  font-size: 22px;

  border-radius: 50px;

  width: 34px;

  border: none;

  height: 34px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #000;

}



.modal-close:hover {

  color: #777;

}

iframe {

  width: 100%;

  height: 100%;

}

video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.modal .youtube-video,

.modal .mp4-video {

  height: 100%;

}

.modal .youtube-video.show,

.modal .mp4-video.show {

  display: block;

}



.fancybox-video{

  width: 100%;

  height: auto;

  max-height: 100%;

}

#muteButton{

  display: none;

}

@media (max-width: 767px) {

  

  .fancybox-slide--video .fancybox-content {

    width: 100% !important;

    height: 70% !important;

  }

  

  .fancybox-video{

      width: 100%;

      height: 100% !important;

  }



  #muteButton {

    position: absolute;

    bottom: 100px;

    left: 10px;

    z-index: 1000;

    display: none; /* Başlangıçta gizli */

    background: none;

    border: none;

    font-size: 24px;

    cursor: pointer;



    color: #fff;

  }

}