/*
Theme Name: Kidza
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: Kindergarten & School HTML5 Template
Version: 1.0.0
*/
/*CSS Table Of Content Ends Here*/
@import url("css2.css");
@import url("source-sans-pro.css");
@import url("css2_1.css");
:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme-color:#6754E9;
  --theme-color-2:#F15F25;
  --header:#070713;
  --text:#4B5563;
  --border:#E6EFFF;
  --ratting:#F8BC26;
  --bg:#6754E9;
  --bg-2:#F7FAE2;
  --bg-3:#0D0643;
  ---box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
}

.theme-btn {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 16px;
  background-color: var(--theme-color-2);
  font-family: "Quicksand", sans-serif;
  text-transform: capitalize;
  padding: 0 30px;
  color: var(--white);
  display: inline-block;
  height: 56px;
  line-height: 56px;
  vertical-align: middle;
  border: none;
  outline: none !important;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .theme-btn {
    font-size: 14px;
  }
}
.theme-btn i {
  margin-left: 10px;
  font-size: 11px;
}
.theme-btn::before {
  content: "";
  height: 0px;
  width: 0px;
  background-color: var(--header);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}
.theme-btn:hover {
  color: var(--white);
}
.theme-btn:hover::before {
  height: 400px;
  width: 200%;
  top: -70%;
  left: -46%;
}

/*--- theme two ---*/
.theme-two {
  border: 1px solid var(--theme-color-2);
  color: var(--theme-color-2);
  background-color: transparent;
}
.theme-two::before {
  background-color: var(--theme-color-2);
}
.theme-two:hover::before {
  border: 1px solid transparent;
}

.border-btn {
  font-size: 15px;
  font-weight: 700;
  color: var(--theme-color-2);
  text-transform: capitalize;
  display: inline-block;
  font-family: "Quicksand", sans-serif;
  border: 1px solid var(--theme-color-2);
  padding: 0 30px;
  display: inline-block;
  height: 56px;
  line-height: 56px;
  border-radius: 16px;
  transition: all 0.4s ease-in-out;
}
.border-btn:hover {
  color: var(--white);
  background-color: var(--theme-color-2);
  border-bottom: 1px solid transparent;
}
.border-btn.active {
  color: var(--white);
  background-color: var(--theme-color-2);
  border-bottom: 1px solid transparent;
}
.border-btn i {
  margin-left: 10px;
  font-size: 12px;
}

.btn-style-2 {
  color: var(--white);
  background-color: var(--theme-color-2) !important;
  border-bottom: 1px solid transparent;
}

/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  color: var(--text);
  background-color: var(--white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-weight: 400;
}
@media (max-width: 1199px) {
  body {
    font-size: 16px;
  }
}
@media (max-width: 470px) {
  body {
    font-size: 15px;
  }
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  color: var(--white);
  outline: none;
}

input {
  color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Quicksand", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--header);
  font-weight: 400;
  transition: all 0.4s ease-in-out;
}

h1 {
  font-size: 76px;
  font-weight: 700;
  line-height: 112%;
}
@media (max-width: 1399px) {
  h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  h1 {
    font-size: 54px;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 58px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 40px;
  }
}
@media (max-width: 470px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 141%;
  letter-spacing: -0.04em;
}
@media (max-width: 1199px) {
  h2 {
    font-size: 40px;
  }
}
@media (max-width: 470px) {
  h2 {
    font-size: 32px;
  }
}

h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 155%;
}
@media (max-width: 991px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
}

h6 {
  font-size: 14px;
  font-weight: 600;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--header);
  display: inline-block;
  transition: all 0.4s ease-in-out;
}

p {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}

.preloader {
  align-items: center;
  cursor: default;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}
.preloader .animation-preloader {
  z-index: 1000;
}
.preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: var(--theme-color-2);
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .spinner {
    width: 7.5em;
    height: 7.5em;
    margin: 0 auto 1.5em auto;
  }
}
.preloader .animation-preloader .txt-loading {
  font: bold 5em "Quicksand", sans-serif, "Source Sans Pro", sans-serif;
  text-align: center;
  user-select: none;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .txt-loading {
    font-size: 2.5em;
  }
}
.preloader .animation-preloader .txt-loading .letters-loading {
  color: var(--theme-color-2);
  position: relative;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  animation-delay: 0.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  animation-delay: 0.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  animation-delay: 0.6s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  animation-delay: 0.8s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  animation-delay: 1s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  animation-delay: 1.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
  animation-delay: 1.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
  animation: letters-loading 4s infinite;
  color: var(--header);
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  font-family: "Quicksand", sans-serif;
  position: absolute;
  top: -3px;
  transform: rotateY(-90deg);
}
.preloader p {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: var(--theme-color-2);
}
.preloader .loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}
.preloader .loader .row {
  height: 100%;
}
.preloader .loader .loader-section {
  padding: 0px;
}
.preloader .loader .loader-section .bg {
  background-color: var(--white);
  height: 100%;
  left: 0;
  width: 100%;
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preloader.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
.preloader.loaded .loader-section .bg {
  width: 0;
  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

.back-to-top {
  border-radius: 10px;
  background-color: var(--theme-color-2);
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: var(--white);
  font-size: 18px;
  position: fixed;
  display: inline-block;
  z-index: 999;
  right: 30px;
  bottom: 30px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}
.back-to-top:hover {
  background-color: var(--header);
  color: var(--white);
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

.cursor-outer {
  -webkit-margin-start: -12px;
  margin-inline-start: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--theme-color-2);
  background-color: var(--theme-color-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.34;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.cursor-outer.cursor-hover {
  opacity: 0.14;
}

.cursor-outer.cursor-big {
  opacity: 0;
}

.mouseCursor {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}

.mouseCursor.cursor-big {
  width: 20px;
  height: 20px;
  -webkit-margin-start: -12px;
  margin-inline-start: -12px;
  margin-top: -12px;
}

.cursor-inner {
  -webkit-margin-start: -3px;
  margin-inline-start: -3px;
  margin-top: -3px;
  width: 10px;
  height: 10px;
  z-index: 10000001;
  background-color: var(--theme-color-2);
  opacity: 1;
  -webkit-transition: all 0.24s ease-out 0s;
  transition: all 0.24s ease-out 0s;
}
.cursor-inner span {
  color: var(--text);
  line-height: 60px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.cursor-inner.cursor-big span {
  opacity: 1;
}

.cursor-inner.cursor-hover {
  -webkit-margin-start: -10px;
  margin-inline-start: -10px;
  margin-top: -10px;
  width: 30px;
  height: 30px;
  background-color: var(--theme-color-2);
  border: 1px solid #686363;
  opacity: 0;
}

.search-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  -webkit-transition: all 1s ease;
  -khtml-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.search-popup__overlay {
  position: fixed;
  width: 224vw;
  height: 224vw;
  top: calc(90px - 112vw);
  right: calc(50% - 112vw);
  z-index: 3;
  display: block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: transform 0.8s ease-in-out;
  -khtml-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0s;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  background-color: #000000;
  opacity: 0.7;
  cursor: url(../images/close.png), auto;
}

@media (max-width: 767px) {
  .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(-110%);
  }
}
.search-popup__content {
  position: fixed;
  width: 0;
  max-width: 560px;
  padding: 30px 15px;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition-delay: 0s, 0.8s, 0s;
  transition-delay: 0s, 0.4s, 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}

.search-popup__form {
  position: relative;
}

.search-popup__form input[type=search],
.search-popup__form input[type=text] {
  width: 100%;
  height: 66px;
  border: none;
  outline: none;
  padding-left: 20px;
  background-color: var(--white);
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
  transition: all 500ms ease;
  border-radius: 6px;
}

.search-popup__form input[type=search]:focus,
.search-popup__form input[type=text]:focus {
  color: var(--header);
}

.search-popup__form .search-btn {
  padding: 0;
  width: 66px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 6px;
  font-size: 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: var(--white);
  background-color: var(--theme-color-2);
  transition: all 0.4s ease-in-out;
}
.search-popup__form .search-btn:hover {
  background-color: var(--header);
}

.search-popup__form .eolexi-btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.search-popup.active {
  z-index: 999999;
}

.search-popup.active .search-popup__overlay {
  top: auto;
  bottom: calc(90px - 112vw);
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  opacity: 0.7;
  -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}

@media (max-width: 767px) {
  .search-popup.active .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(0%);
  }
}
.search-popup.active .search-popup__content {
  width: 100%;
  opacity: 1;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.section-title {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .section-title {
    text-align: center;
    margin-bottom: 0;
  }
}
.section-title .sub-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  background-color: var(--theme-color);
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  border-radius: 100px;
  margin-bottom: 15px;
  font-family: "Quicksand", sans-serif;
  text-transform: capitalize;
  display: inline-block;
}
.section-title h2 span {
  position: relative;
}
.section-title h2 span::before {
  position: absolute;
  bottom: -13px;
  left: -15px;
  right: 0;
  content: "";
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../images/line.png);
  background-position: center;
}
@media (max-width: 1199px) {
  .section-title h2 span::before {
    display: none;
  }
}

.section-title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .section-title-area {
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 0;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .section-title-area .theme-btn {
    display: none;
  }
  .section-title-area .array-button {
    display: none;
  }
}
.section-title-area .section-title {
  margin-bottom: 0;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.section-bg {
  background-color: var(--bg) !important;
}

.section-bg-2 {
  background-color: var(--bg-2) !important;
}

.footer-bg {
  background-color: #2F304C;
}

.section-padding {
  padding: 120px 0;
}
@media (max-width: 1199px) {
  .section-padding {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .section-padding {
    padding: 80px 0;
  }
}

.body-bg-4 {
  background-color: #040A3D;
}

.link-btn {
  color: var(--theme-color-2);
  margin-top: 25px;
  display: inline-block;
  font-weight: 800;
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
  transition: all 0.4s ease-in-out;
}
.link-btn i {
  margin-left: 5px;
  transform: rotate(-45deg);
  font-size: 10px;
}
.link-btn:hover {
  color: var(--header);
}

@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes arryUpDown {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.animation__arryUpDown {
  animation: arryUpDown 2s ease infinite alternate;
}

@keyframes arryLeftRight {
  0% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(10px);
  }
}
.animation__arryLeftRight {
  animation: arryLeftRight 2s ease infinite alternate;
}

@keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

.GlidingArrow {
  -webkit-animation: slide 5s linear infinite;
  animation: slide 5s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.delay2 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.delay3 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.delay4 {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.delay5 {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

/* Defining animation Keyframes */
@-webkit-keyframes slide {
  0% {
    opacity: 0;
    transform: translateX(-150);
  }
  20% {
    opacity: 1;
    transform: translateX(-90);
  }
  80% {
    opacity: 1;
    transform: translateX(90);
  }
  100% {
    opacity: 0;
    transform: translateX(150);
  }
}
@keyframes slide {
  0% {
    opacity: 0;
    transform: translateX(-150);
  }
  20% {
    opacity: 1;
    transform: translateX(-90);
  }
  80% {
    opacity: 1;
    transform: translateX(90);
  }
  100% {
    opacity: 0;
    transform: translateX(150);
  }
}
/*img-animation**********************/
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-bottom {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(5%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@-webkit-keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}
@keyframes up-down {
  0% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes wind-blow {
  0% {
    transform-origin: 50% 100%;
    transform: skewX(-2deg);
  }
  50% {
    transform-origin: 50% 100%;
    transform: skewX(2deg);
  }
  100% {
    transform-origin: 50% 100%;
    transform: skewX(-2deg);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.6);
  }
  50% {
    transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55);
  }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(20deg);
  }
}
@keyframes rounded2 {
  50% {
    transform: rotate(-20deg);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(50px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animation-infinite {
  animation: ShapeAnim 80s linear infinite;
  height: 30px;
  width: 100%;
  background-repeat: repeat;
  overflow: hidden;
}

@keyframes ShapeAnim {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left 2000px;
  }
}
/*===== Wave Animation =====*/
@keyframes waves {
  0% {
    transform: scale(0.2);
    opacity: 0.4;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/*img-animation**********************/
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-bottom {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(5%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@media (max-width: 1199px) {
  .menu-thumb {
    display: none !important;
  }
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  position: relative;
}
.header-main .main-menu ul {
  margin-bottom: 0;
}
.header-main .main-menu ul .menu-thumb {
  position: inherit;
}
.header-main .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-inline-end: 35px;
  /* Hide scrollbar - Firefox */
  /* Hide scrollbar - IE/Edge */
}
@media (max-width: 1399px) {
  .header-main .main-menu ul li {
    margin-inline-end: 20px;
  }
}
.header-main .main-menu ul li:last-child {
  margin-inline-end: 0;
}
.header-main .main-menu ul li a {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #385469;
  font-family: "Quicksand", sans-serif;
  padding: 20px 0;
  text-align: left;
  position: relative;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li a i {
  margin-left: 4px;
  font-size: 12px;
}
.header-main .main-menu ul li a:hover {
  color: var(--theme-color-2) !important;
}
.header-main .main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  min-width: 240px;
  background: var(--white);
  padding: 20px 0;
  border-radius: 10px;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  color: #385469;
  transform: translateY(-10px);
  transition: all 0.4s ease-in-out;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.header-main .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.header-main .main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  font-size: 16px;
  font-weight: 600;
  color: #385469;
  line-height: 38px;
  padding: 0px 0px 0px 32px;
  padding-right: 22px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-main .main-menu ul li .submenu li a:hover {
  color: var(--theme-color-2) !important;
}
.header-main .main-menu ul li .submenu li:last-child a {
  border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
  inset-inline-start: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.header-main .main-menu ul li .submenu li:hover > a {
  color: var(--theme-color-2) !important;
  margin-left: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::before {
  width: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
  color: var(--theme-color-2);
}
.header-main .main-menu ul li .submenu li:hover > .submenu {
  -webkit-transform: translateY(1);
  -moz-transform: translateY(1);
  -ms-transform: translateY(1);
  -o-transform: translateY(1);
  transform: translateY(1);
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--theme-color-2);
}
.header-main .main-menu ul li .has-homemenu {
  padding: 20px 20px 10px 20px !important;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  width: 100%;
  z-index: 999;
  overflow: hidden;
  margin: auto;
  max-height: 740px;
  overflow-y: auto;
  overflow-x: hidden;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
  border-radius: 12px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  border-radius: 12px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
  height: 100%;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb a {
  padding: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title a {
  color: var(--header);
}
.header-main .main-menu ul li .has-homemenu::-webkit-scrollbar {
  display: none;
}
.header-main .main-menu ul li .has-homemenu {
  scrollbar-width: none;
}
.header-main .main-menu ul li .has-homemenu {
  -ms-overflow-style: none;
}
.header-main .main-menu ul li:hover > a {
  color: var(--theme-color-2);
}
.header-main .main-menu ul li:hover > a::after {
  color: var(--theme-color-2);
}
.header-main .main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.header-main .header-right {
  gap: 24px;
}
@media (max-width: 1399px) {
  .header-main .header-right {
    gap: 20px;
  }
}
.header-main .sidebar__toggle {
  cursor: pointer;
  font-size: 20px;
}

.header-top-section {
  margin-bottom: 18px;
  position: relative;
}
.header-top-section .header-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 1899px) {
  .header-top-section .header-shape {
    height: 90px;
  }
}
.header-top-section .header-shape img {
  width: 100%;
}
@media (max-width: 1899px) {
  .header-top-section .header-shape img {
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .header-top-section {
    display: none;
  }
}
.header-top-section .header-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}
.header-top-section .header-top-wrapper.style-2 .header-contact-list li {
  color: #868686;
}
.header-top-section .header-top-wrapper.style-2 .header-contact-list li i {
  color: var(--theme-color);
}
.header-top-section .header-top-wrapper.style-2 .header-contact-list li a {
  color: #868686;
}
.header-top-section .header-top-wrapper.style-2 .header-right-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header-top-section .header-top-wrapper.style-2 .header-right-icon .search-toggler {
  color: #385469;
  transition: all 0.4s ease-in-out;
}
.header-top-section .header-top-wrapper.style-2 .header-right-icon .search-toggler:hover {
  color: var(--theme-color-2);
}
.header-top-section .header-top-wrapper.style-2 .header-right-icon .cart-icon {
  color: #385469;
  transition: all 0.4s ease-in-out;
}
.header-top-section .header-top-wrapper.style-2 .header-right-icon .cart-icon:hover {
  color: var(--theme-color-2);
}
.header-top-section .header-top-wrapper p {
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}
.header-top-section .header-top-wrapper p a {
  color: var(--white);
  text-decoration: underline;
}
.header-top-section .header-top-wrapper .header-contact-list {
  display: flex;
  align-items: center;
  gap: 40px;
}
.header-top-section .header-top-wrapper .header-contact-list li {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.8);
}
.header-top-section .header-top-wrapper .header-contact-list li i {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
}
.header-top-section .header-top-wrapper .header-contact-list li a {
  color: rgba(255, 255, 255, 0.8);
}

.header-section {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
}
.header-section .container {
  max-width: 1510px;
}

.header-1 {
  /*background-color: transparent;*/
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
  z-index: 9999;
}
.header-1 .header-left {
  display: flex;
  align-items: center;
  gap: 25px;
  /* Sub menu */
}
.header-1 .header-left .category-wrapper {
  position: relative;
  display: inline-block;
}
@media (max-width: 767px) {
  .header-1 .header-left .category-wrapper {
    display: none;
  }
}
.header-1 .header-left .category-wrapper:hover .arrow i {
  transform: rotate(180deg);
}
.header-1 .header-left .category-wrapper:hover .category-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header-1 .header-left .category-btn {
  padding: 10px 20px;
  border-radius: 16px;
  border: 1px solid #385469;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #385469;
}
.header-1 .header-left .category-btn .icon i {
  color: var(--theme-color-2);
  font-size: 18px;
}
.header-1 .header-left .category-btn .arrow i {
  font-size: 14px;
  transition: 0.3s;
}
.header-1 .header-left .category-dropdown {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: 0.35s ease;
  z-index: 99;
}
.header-1 .header-left .category-dropdown ul {
  list-style: none;
  padding: 10px;
  margin: 0;
}
.header-1 .header-left .category-dropdown ul li {
  padding: 0 15px;
  cursor: pointer;
  border-radius: 6px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
}
.header-1 .header-left .category-dropdown ul li:not(:last-child) {
  margin-bottom: 5px;
}
.header-1 .header-left .category-dropdown ul li a {
  color: #385469;
}
.header-1 .header-left .category-dropdown ul li:hover a {
  color: var(--theme-color-2);
}
.header-1 .header-left .category-dropdown ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.header-1 .header-left .sub-menu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 220px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateX(15px);
  transition: 0.3s ease;
}
.header-1 .header-left .sub-menu li {
  padding: 12px 15px;
}
.header-1 .container {
  max-width: 1510px;
}
@media (max-width: 1199px) {
  .header-1 .theme-btn {
    display: none;
  }
}
.header-1 .header-right-icon {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header-1 .header-right-icon .search-toggler, .header-1 .header-right-icon .cart-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #5C707E;
  color: #385469;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .header-1 .header-right-icon .search-toggler, .header-1 .header-right-icon .cart-icon {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
}
.header-1 .header-right-icon .search-toggler:hover, .header-1 .header-right-icon .cart-icon:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
  border: 1px solid var(--theme-color-2);
}
.header-1 .sidebar__toggle {
  cursor: pointer;
  color: var(--header);
}

.header-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
}
.header-2 .header-left .category-btn {
  border: 1px solid rgba(255, 255, 255, 0.44);
  color: #fff;
}
.header-2 .header-left .category-btn .icon i {
  color: #FFE800;
  font-size: 18px;
}
.header-2 .header-left .category-btn .arrow i {
  color: #fff;
}
.header-2 .container {
  max-width: 1422px;
}
.header-2 .mega-menu-wrapper {
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.44);
  backdrop-filter: blur(18px);
  border-radius: 0px 0px 16px 16px;
  padding: 0 28px;
}
.header-2 .header-main .main-menu ul li a {
  color: var(--white);
}
.header-2 .header-main .main-menu ul li a:hover {
  color: var(--theme-color-2) !important;
}
.header-2 .header-main .main-menu ul li .submenu {
  color: #385469;
}
.header-2 .header-main .main-menu ul li .submenu li a {
  color: #385469;
}
.header-2 .header-main .main-menu ul li .submenu li a:hover {
  color: var(--theme-color-2) !important;
}
.header-2 .header-main .main-menu ul li .submenu li:hover > a {
  color: var(--theme-color-2) !important;
}
.header-2 .header-main .main-menu ul li .submenu li:hover > a::after {
  color: var(--theme-color-2);
}
.header-2 .header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  color: var(--theme-color-2);
}
.header-2 .header-main .main-menu ul li:hover > a {
  color: var(--theme-color-2);
}
.header-2 .header-main .main-menu ul li:hover > a::after {
  color: var(--theme-color-2);
}
.header-2 .header-main .header-right {
  gap: 24px;
}
@media (max-width: 1399px) {
  .header-2 .header-main .header-right {
    gap: 20px;
  }
}
.header-2 .header-main .sidebar__toggle {
  color: var(--white);
}
.header-2 .header-right-icon .search-toggler, .header-2 .header-right-icon .cart-icon {
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
}
.header-2 .header-right-icon .search-toggler:hover, .header-2 .header-right-icon .cart-icon:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
  border: 1px solid var(--theme-color-2);
}
.header-2 .theme-btn {
  color: var(--header);
  background-color: #FFE800;
}
.header-2 .theme-btn::before {
  background-color: var(--theme-color-2);
}
.header-2 .theme-btn:hover {
  color: var(--white);
}
.header-2 .sidebar__toggle {
  cursor: pointer;
  color: var(--white);
}

.header-4 .mega-menu-wrapper {
  background-color: var(--white);
  border-radius: 16px;
  padding: 0 27px;
}
@media (max-width: 1199px) {
  .header-4 .mega-menu-wrapper {
    margin-top: 15px;
    padding: 0 25px;
  }
}

.header-section-3 .container {
  max-width: 1370px;
}

.header-section-4 .header-top-section {
  max-width: 1567px;
  margin: 0 auto;
  position: relative;
  padding: 10px 0;
}
.header-section-4 .header-top-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #8273ED;
  border-radius: 0px 0px 22px 22px;
  z-index: -1;
  height: 150%;
}
.header-section-4 .header-top-section .header-top-wrapper {
  padding: 0 27px;
}
.header-section-4 .container {
  max-width: 1430px;
}

.header-3 .header-main .main-menu ul li a {
  color: var(--white);
}
.header-3 .header-main .main-menu ul li a:hover {
  color: var(--theme-color-2) !important;
}
.header-3 .header-main .main-menu ul li .submenu {
  color: #385469;
}
.header-3 .header-main .main-menu ul li .submenu li a {
  color: #385469;
}
.header-3 .header-main .main-menu ul li .submenu li a:hover {
  color: var(--theme-color-2) !important;
}
.header-3 .header-main .main-menu ul li .submenu li:hover > a {
  color: var(--theme-color-2) !important;
}
.header-3 .header-main .main-menu ul li .submenu li:hover > a::after {
  color: var(--theme-color-2);
}
.header-3 .header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  color: var(--theme-color-2);
}
.header-3 .header-main .main-menu ul li:hover > a {
  color: var(--theme-color-2);
}
.header-3 .header-main .main-menu ul li:hover > a::after {
  color: var(--theme-color-2);
}
.header-3 .header-main .header-right {
  gap: 24px;
}
@media (max-width: 1399px) {
  .header-3 .header-main .header-right {
    gap: 20px;
  }
}
.header-3 .header-main .sidebar__toggle {
  color: var(--white);
}
.header-3 .header-right-icon .search-toggler, .header-3 .header-right-icon .cart-icon {
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
}
.header-3 .header-right-icon .search-toggler:hover, .header-3 .header-right-icon .cart-icon:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
  border: 1px solid var(--theme-color-2);
}
.header-3 .theme-btn {
  color: var(--header);
  background-color: #FFE800;
}
.header-3 .theme-btn::before {
  background-color: var(--theme-color-2);
}
.header-3 .theme-btn:hover {
  color: var(--white);
}
.header-3 .sidebar__toggle {
  cursor: pointer;
  color: var(--white);
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.9s;
  background-color: #fff;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.sticky.header-2 {
  background-color: #0D0643;
  box-shadow: 0 10px 30px rgba(13, 6, 67, 0.55), 0 0 40px rgba(82, 70, 255, 0.35);
}
.sticky.header-2 .mega-menu-wrapper {
  background: transparent;
  border: none;
  backdrop-filter: initial;
  border-radius: 0px;
  padding: 0 0;
}
.sticky.header-3 {
  background-color: #0D0643;
  box-shadow: 0 10px 30px rgba(13, 6, 67, 0.55), 0 0 40px rgba(82, 70, 255, 0.35);
}
.sticky.header-4 .mega-menu-wrapper {
  background-color: var(--white);
  border-radius: 0;
  padding: 0 0;
  margin: 0;
}

.offcanvas__info {
  background: var(--white) none repeat scroll 0 0;
  border-left: 2px solid var(--theme-color-2);
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 999999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}

.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas__logo a img {
  width: 150px;
}

.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas-title {
  font-size: 32px;
  margin-bottom: 15px;
  font-weight: 700;
}
.offcanvas__wrapper .offcanvas__content p {
  color: #385469;
  font-size: 15px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color-2);
  position: relative;
  z-index: 9;
  cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
  color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .social-icon {
  margin-top: 30px;
  gap: 10px;
  margin-bottom: 30px;
}
.offcanvas__wrapper .offcanvas__content .social-icon a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 8px;
  font-size: 16px;
  display: block;
  background: transparent;
  color: var(--header);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  border: 1px solid rgba(30, 30, 28, 0.15);
}
.offcanvas__wrapper .offcanvas__content .social-icon a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
  border: 1px solid var(--theme-color-2);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list {
  margin-bottom: 50px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color-2);
  color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content p {
  color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content h4 {
  color: var(--header);
  font-size: 18px;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content h4 a {
  color: var(--header);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li:not(:last-child) {
  margin-bottom: 18px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
  text-transform: initial;
}
@media (max-width: 575px) {
  .offcanvas__wrapper .offcanvas__content .theme-btn {
    width: 100%;
    text-align: center;
  }
}
.offcanvas__wrapper .offcanvas__content .offcanvas-button {
  margin-top: 300px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1399px) {
  .offcanvas__wrapper .offcanvas__content .offcanvas-button {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .offcanvas__wrapper .offcanvas__content .offcanvas-button {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 99999;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 450px) {
  .offcanvas__info {
    width: 350px;
  }
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.side_bar {
  position: fixed;
  top: 0;
  right: 0px;
  width: 420px;
  height: 100%;
  background-color: var(--white);
  padding: 30px;
  padding-top: 25px;
  transition: all 0.3s ease-in-out;
  box-shadow: var(---box-shadow);
  z-index: 99999;
  overflow-y: scroll;
}
@media (max-width: 470px) {
  .side_bar {
    width: 350px;
  }
}
.side_bar .theme-btn.style-2::before {
  background-color: var(--header);
}
.side_bar .info .icon__item {
  display: flex;
  gap: 20px;
  align-items: center;
}
.side_bar .info .icon__item:not(:last-child) {
  margin-bottom: 30px;
}
.side_bar .info .icon__item .icon {
  color: var(--theme-color-2);
  font-size: 32px;
}
.side_bar .info .icon__item .content p {
  margin-bottom: 5px;
}
.side_bar .info .icon__item .content h6 {
  font-size: 16px;
  color: var(--white);
}
.side_bar .x-mark-icon {
  position: absolute;
  right: 40px;
  top: 25px;
  text-align: center;
  font-size: 20px;
  transition: all 0.3s ease-in-out;
  color: var(--header);
}
.side_bar .x-mark-icon:hover {
  transform: rotate(90deg);
}
.side_bar .cartmini__del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: var(--header);
  font-size: 16px;
}
.side_bar p {
  color: var(--white);
}
.side_bar .cart-title {
  margin-bottom: 30px;
}
.side_bar .cart-title h4 {
  color: var(--header);
  font-weight: 700;
  font-size: 24px;
}
.side_bar .cartmini__widget {
  height: 100%;
}
.side_bar .cartmini__widget .cartmini__widget-item {
  position: relative;
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #E5E5E5;
  transition: background-color 0.3s;
  gap: 30px;
  padding-left: 0;
  padding-top: 35px;
  align-items: center;
  padding-bottom: 30px;
}
.side_bar .cartmini__widget .cartmini__widget-item .cartmini__thumb {
  max-width: 100px;
  height: 100px;
  width: 100%;
}
.side_bar .cartmini__widget .cartmini__widget-item .cartmini__thumb img {
  width: 100%;
  height: 100%;
}
.side_bar .cartmini__widget .cartmini__widget-item .cartmini__content h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
.side_bar .cartmini__checkout {
  padding: 20px;
  padding-bottom: 85px;
  width: 100%;
  background: var(--white);
  border-top: 1px solid #E5E5E5;
  margin-top: 150px;
  padding-right: 0;
  padding-left: 0;
}
.side_bar .cartmini__checkout .cartmini__checkout-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.side_bar .cartmini__checkout .cartmini__checkout-title h4 {
  font-size: 18px;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 0;
}
.side_bar .cartmini__checkout .cartmini__checkout-title span {
  font-size: 18px;
  font-weight: 700;
  color: var(--theme-color-2);
}
.side_bar .cartmini__checkout-btn .theme-btn {
  text-align: center;
  padding: 0 20px;
}
.side_bar .cartmini__checkout-btn .theme-btn.style-2 {
  background-color: var(--theme-color);
}

.side_bar_hidden {
  visibility: hidden;
  opacity: 0;
  right: -30px;
}

.breadcrumb-wrapper {
  position: relative;
  margin-bottom: 100px;
}
@media (max-width: 1600px) {
  .breadcrumb-wrapper {
    margin-bottom: 90px;
  }
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper {
    margin-bottom: 78px;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper {
    margin-bottom: 0;
  }
}
.breadcrumb-wrapper .bottom-shape {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
}
@media (max-width: 1600px) {
  .breadcrumb-wrapper .bottom-shape {
    bottom: -90px;
  }
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .bottom-shape {
    bottom: -78px;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .bottom-shape {
    display: none;
  }
}
.breadcrumb-wrapper .bottom-shape img {
  width: 100%;
}
.breadcrumb-wrapper .sun-shape {
  position: absolute;
  left: 5%;
  top: 40%;
  animation: rounded2 7s linear infinite;
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .sun-shape {
    opacity: 0.2;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .sun-shape {
    display: none;
  }
}
.breadcrumb-wrapper .cloud-shape {
  position: absolute;
  left: 20%;
  bottom: 10%;
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .cloud-shape {
    opacity: 0.2;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .cloud-shape {
    display: none;
  }
}
.breadcrumb-wrapper .perashute-shape {
  position: absolute;
  right: 7%;
  top: 55%;
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .perashute-shape {
    opacity: 0.2;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .perashute-shape {
    display: none;
  }
}
.breadcrumb-wrapper .tree-shape {
  position: absolute;
  right: 11%;
  bottom: -11%;
  animation: wind-blow 4s linear infinite;
  z-index: 11;
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .tree-shape {
    opacity: 0.2;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .tree-shape {
    display: none;
  }
}
.breadcrumb-wrapper .page-heading {
  position: relative;
  padding: 270px 0 120px;
  text-align: center;
  z-index: 9;
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .page-heading {
    padding: 200px 0 150px;
  }
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .page-heading {
    padding: 190px 0 130px;
  }
}
@media (max-width: 767px) {
  .breadcrumb-wrapper .page-heading {
    padding: 160px 0 110px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading {
    padding: 140px 0 100px;
  }
}
.breadcrumb-wrapper .page-heading h1 {
  color: var(--white);
  font-size: 56px;
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 36px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items {
  padding: 2px 19px;
  border-radius: 100px;
  background: var(--theme-color-2);
  margin-bottom: 20px;
  gap: 22px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading .breadcrumb-items {
    margin-top: 15px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li {
  color: var(--white);
  text-transform: capitalize;
  font-weight: 600;
  font-size: 16px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
  position: relative;
  color: var(--white);
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a::before {
  content: "/";
  top: 50%;
  right: -16px;
  font-size: 16px;
  position: absolute;
  transform: translate(0, -50%);
  color: #fff;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li i {
  color: var(--white);
}

.cooming-soon-items {
  text-align: center;
}
.cooming-soon-items p {
  color: var(--header);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media (max-width: 575px) {
  .cooming-soon-items p {
    font-size: 16px;
  }
}
.cooming-soon-items .text {
  font-size: 100px;
  font-weight: 600;
  letter-spacing: -3px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .cooming-soon-items .text {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .cooming-soon-items .text {
    font-size: 40px;
  }
}
.cooming-soon-items .coming-soon-time {
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
  justify-content: center;
  margin-bottom: 34px;
}
@media (max-width: 991px) {
  .cooming-soon-items .coming-soon-time {
    flex-wrap: wrap;
    position: static;
    transform: translate(0);
    margin-top: 30px;
    justify-content: center;
    gap: 30px;
  }
}
.cooming-soon-items .coming-soon-time .timer-content {
  text-align: center;
  width: 146px;
  height: 146px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--header);
  border-radius: 100%;
  position: relative;
}
.cooming-soon-items .coming-soon-time .timer-content.style-2::before {
  position: absolute;
  content: ":";
  top: 35%;
  left: -22%;
  font-size: 40px;
  color: #28241F;
}
@media (max-width: 991px) {
  .cooming-soon-items .coming-soon-time .timer-content.style-2::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .cooming-soon-items .coming-soon-time .timer-content {
    width: 100px;
    height: 100px;
  }
}
.cooming-soon-items .coming-soon-time .timer-content h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 1199px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 34px;
  }
}
@media (max-width: 575px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 28px;
  }
}
.cooming-soon-items .coming-soon-time .timer-content span {
  font-size: 18px;
  font-weight: 500;
  color: var(--header);
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .cooming-soon-items .coming-soon-time .timer-content span {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .cooming-soon-items .coming-soon-time .timer-content span {
    font-size: 14px;
  }
}
.cooming-soon-items form {
  max-width: 872px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.cooming-soon-items .form-clt {
  position: relative;
}
.cooming-soon-items .form-clt input {
  width: 100%;
  outline: none;
  border-radius: 4px;
  border: 1px solid rgba(60, 60, 60, 0.3);
  color: rgba(64, 74, 61, 0.65);
  line-height: 1;
  padding: 20px;
  border-radius: 10px;
  max-width: 872px;
  font-weight: 500;
}
.cooming-soon-items .form-clt input::placeholder {
  color: rgba(64, 74, 61, 0.65);
}
.cooming-soon-items .form-clt .icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 12px 36px;
  background-image: none;
  background: var(--theme-color-2);
  border-radius: 4px;
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.cooming-soon-items .form-clt .icon:hover {
  background-color: var(--header);
}
@media (max-width: 470px) {
  .cooming-soon-items .form-clt .icon {
    position: static;
    margin-top: 20px;
  }
}
.cooming-soon-items .social-icon {
  gap: 16px;
  justify-content: center;
  margin-top: 30px;
}
.cooming-soon-items .social-icon a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  border-radius: 4px;
  border: 1px solid rgba(32, 40, 45, 0.16);
  display: inline-block;
  color: var(--header);
}
.cooming-soon-items .social-icon a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
  border: 1px solid var(--theme-color-2);
}

.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #385469;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  text-transform: capitalize;
  border-bottom: 1px solid #E5E5E5 !important;
  border: none;
  font-family: "Quicksand", sans-serif;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--theme-color-2);
}

.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--theme-color-2);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
  font-size: 16px;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
  height: 200px;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-bottom: 20px;
}

.hero-1 {
  padding-top: 190px;
  position: relative;
}
.hero-1 .line-shape {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: 9911;
}
@media (max-width: 767px) {
  .hero-1 .line-shape {
    display: none;
  }
}
.hero-1 .line-shape img {
  width: 100%;
}
.hero-1 .perasute-shape {
  position: absolute;
  left: 2%;
  top: 35%;
}
@media (max-width: 1399px) {
  .hero-1 .perasute-shape {
    position: absolute;
    left: 2%;
    top: 14%;
    opacity: 0.5;
  }
  .hero-1 .perasute-shape img {
    width: 50px;
  }
}
.hero-1 .car-shape {
  position: absolute;
  top: 25%;
  left: 41%;
}
@media (max-width: 1399px) {
  .hero-1 .car-shape {
    opacity: 0.5;
  }
}
.hero-1 .frame-shape {
  position: absolute;
  right: 0;
  bottom: 50%;
}
@media (max-width: 1399px) {
  .hero-1 .frame-shape {
    opacity: 0.5;
  }
}
.hero-1 .crown-shape {
  position: absolute;
  right: 31%;
  top: 23%;
  animation: rounded 6s linear infinite;
}
@media (max-width: 1399px) {
  .hero-1 .crown-shape {
    right: 10%;
    top: 12%;
    opacity: 0.5;
  }
  .hero-1 .crown-shape img {
    width: 50px;
  }
}
.hero-1 .tree-shape {
  position: absolute;
  bottom: 0;
  left: 32%;
  animation: wind-blow 4s linear infinite;
}
.hero-1 .hero-img {
  position: relative;
  z-index: 999;
  margin-left: 120px;
}
@media (max-width: 1600px) {
  .hero-1 .hero-img {
    margin-left: 0px;
  }
}
@media (max-width: 1399px) {
  .hero-1 .hero-img {
    margin-left: -80px;
  }
}
@media (max-width: 1199px) {
  .hero-1 .hero-img {
    margin-left: -50px;
    margin-right: -25%;
  }
  .hero-1 .hero-img img {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-img {
    margin-left: 0;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
  }
  .hero-1 .hero-img img {
    width: 100%;
    height: 100%;
  }
}
.hero-1 .hero-img .text-shape {
  position: absolute;
  bottom: 20%;
  left: -15%;
}
@media (max-width: 1399px) {
  .hero-1 .hero-img .text-shape {
    left: 60px;
  }
  .hero-1 .hero-img .text-shape img {
    width: 260px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-img .text-shape {
    left: 0;
  }
  .hero-1 .hero-img .text-shape img {
    width: 150px;
  }
}
.hero-1 .hero-content {
  position: relative;
  z-index: 999;
  margin-top: -60px;
}
@media (max-width: 1199px) {
  .hero-1 .hero-content {
    margin-top: -100px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-content {
    text-align: center;
    margin-top: 0;
  }
}
.hero-1 .hero-content h5 {
  position: relative;
  color: var(--theme-color);
  text-transform: uppercase;
  font-weight: 600;
  padding-left: 55px;
  margin-bottom: 15px;
}
.hero-1 .hero-content h1 {
  text-transform: inherit;
  margin-bottom: 30px;
}
@media (max-width: 1399px) {
  .hero-1 .hero-content h1 {
    margin-bottom: 20px;
  }
}
.hero-1 .hero-content p {
  font-size: 18px;
  font-weight: 500;
  z-index: 999;
  position: relative;
}
.hero-1 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 50px;
}
@media (max-width: 991px) {
  .hero-1 .hero-content .hero-button {
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
  }
}
.hero-1 .hero-content .hero-button .video-text {
  font-size: 16px;
  font-weight: 600;
}

@keyframes morphing4 {
  0% {
    border-radius: 120% 75% 105% 71%/120% 117% 73% 80%;
  }
  25% {
    border-radius: 100% 65% 105% 71%/100% 87% 73% 60%;
  }
  50% {
    border-radius: 110% 87% 73% 50%/110% 65% 105% 71%;
  }
  75% {
    border-radius: 120% 65% 105% 71%/110% 87% 73% 50%;
  }
  100% {
    border-radius: 120% 75% 105% 71%/120% 117% 73% 80%;
  }
}
.hero-section-2 {
  position: relative;
}
.hero-section-2 .hero-array-button {
  display: flex;
  align-items: center;
  position: absolute;
  top: 42%;
  left: 50px;
  right: 50px;
  transform: translateY(-50%);
  z-index: 999;
  justify-content: space-between;
}
@media (max-width: 1600px) {
  .hero-section-2 .hero-array-button {
    left: 20px;
    right: 20px;
  }
}
@media (max-width: 1399px) {
  .hero-section-2 .hero-array-button {
    display: none;
  }
}
.hero-section-2 .bg-shape {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: 111;
}
@media (max-width: 1199px) {
  .hero-section-2 .bg-shape {
    display: none;
  }
}
.hero-section-2 .bg-shape img {
  width: 100%;
}
.hero-section-2 .swiper-slide.swiper-slide-active .hero-bg {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  border-radius: 20px;
}
.hero-section-2 .swiper-slide.swiper-slide-active .content {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-section-2 .swiper-slide.swiper-slide-active .hero-button {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-section-2 .swiper-slide.swiper-slide-active .vec-1 {
  transform: translateX(0px);
  transition: all 2500ms ease;
  opacity: 1;
}
.hero-section-2 .swiper-slide.swiper-slide-active .vec-2 {
  transform: translateX(0px);
  transition: all 2500ms ease;
  opacity: 1;
}
.hero-section-2 .swiper-slide.swiper-slide-active .vec-3 {
  transform: translateY(0px);
  transition: all 2500ms ease;
  opacity: 1;
}
.hero-section-2 .text-circle-box {
  position: absolute;
  bottom: 10%;
  right: 23%;
  z-index: 991;
}
.hero-section-2 .text-circle-box img {
  animation: cir36 7s linear infinite;
}
@media (max-width: 1199px) {
  .hero-section-2 .text-circle-box {
    display: none;
  }
}
.hero-section-2 .text-circle-box .video-popup {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color);
  color: var(--white);
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero-section-2 .text-circle-box .circle-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-2 {
  position: relative;
  padding: 200px 0 250px;
  z-index: 99;
}
@media (max-width: 1199px) {
  .hero-2 {
    padding-bottom: 170px;
  }
}
@media (max-width: 767px) {
  .hero-2 {
    padding-bottom: 140px;
  }
}
@media (max-width: 575px) {
  .hero-2 {
    padding-bottom: 120px;
  }
}
.hero-2 .vec-1 {
  position: absolute;
  top: 200px;
  left: 100px;
  z-index: 9;
  transform: translateX(-150px);
  opacity: 0;
}
@media (max-width: 1199px) {
  .hero-2 .vec-1 {
    display: none;
  }
}
.hero-2 .vec-2 {
  position: absolute;
  right: 0;
  bottom: 30%;
  z-index: 9;
  transform: translateX(150px);
  opacity: 0;
}
@media (max-width: 1199px) {
  .hero-2 .vec-2 {
    display: none;
  }
}
.hero-2 .vec-3 {
  position: absolute;
  right: 120px;
  top: 230px;
  z-index: 9;
  transform: translateX(-150px);
  opacity: 0;
}
@media (max-width: 1199px) {
  .hero-2 .vec-3 {
    display: none;
  }
}
.hero-2 .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
  z-index: 9;
}
.hero-2 .hero-content {
  position: relative;
  z-index: 888;
  height: 612px;
  width: 643px;
  text-align: center;
  padding-top: 85px;
  margin-left: -130px;
}
@media (max-width: 1600px) {
  .hero-2 .hero-content {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .hero-2 .hero-content {
    height: initial;
    width: initial;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    background-color: var(--white);
    padding: 70px 50px;
    border-radius: 20px;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content {
    padding: 50px 30px;
  }
}
.hero-2 .hero-content .shape-1 {
  position: absolute;
  left: 0;
  bottom: 20%;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content .shape-1 {
    display: none;
  }
}
.hero-2 .hero-content .shape-2 {
  position: absolute;
  right: 0;
  top: 19%;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content .shape-2 {
    display: none;
  }
}
.hero-2 .hero-content .shape-3 {
  position: absolute;
  right: -22px;
  top: 28%;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content .shape-3 {
    display: none;
  }
}
.hero-2 .hero-content::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation: morphing4 8s ease-in-out infinite;
  border-radius: 120% 75% 105% 71%/120% 117% 73% 80%;
  background: #ffe800;
  z-index: -2;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content::before {
    display: none;
  }
}
.hero-2 .hero-content::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  clip-path: path("M643.661 364.676C643.661 542.258 487.773 612.166 310.192 612.166C132.61 612.166 0.582764 542.257 0.582764 364.676C0.582764 187.095 184.734 0.0583496 362.314 0.0583496C539.895 0.057178 643.661 187.095 643.661 364.676Z");
  background: #fff;
  z-index: -1;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content::after {
    display: none;
  }
}
.hero-2 .hero-content .content {
  margin-bottom: 45px;
  opacity: 0;
  z-index: 99;
  position: relative;
  transform: translateY(-150px);
}
.hero-2 .hero-content .content .icon {
  margin-bottom: 20px;
}
.hero-2 .hero-content .content h1 {
  font-size: 76px;
  font-weight: 700;
  max-width: 530px;
  margin: 0 auto;
  letter-spacing: -3.04px;
  line-height: 1.1;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content .content h1 {
    max-width: initial;
  }
}
@media (max-width: 991px) {
  .hero-2 .hero-content .content h1 {
    font-size: 62px;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content .content h1 {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .hero-2 .hero-content .content h1 {
    font-size: 48px;
  }
}
.hero-2 .hero-content .hero-button {
  transform: translateY(150px);
  opacity: 0;
  position: relative;
  z-index: 9;
}

.hero-3 {
  position: relative;
}
.hero-3 .swiper-dot {
  margin-bottom: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
  z-index: 99;
}
@media (max-width: 991px) {
  .hero-3 .swiper-dot {
    display: none;
  }
}
.hero-3 .swiper-dot::before {
  position: absolute;
  bottom: 13px;
  left: 120%;
  transform: translate(-50%, -50%);
  width: 105px;
  height: 2px;
  background: linear-gradient(270deg, #F15F25 4.85%, rgba(255, 255, 255, 0) 96.39%);
  content: "";
  transform: rotate(-180deg);
}
@media (max-width: 1399px) {
  .hero-3 .swiper-dot::before {
    display: none;
  }
}
.hero-3 .swiper-dot::after {
  position: absolute;
  bottom: 13px;
  right: 120%;
  width: 105px;
  height: 2px;
  background: linear-gradient(270deg, #F15F25 4.85%, rgba(255, 255, 255, 0) 96.39%);
  content: "";
}
@media (max-width: 1399px) {
  .hero-3 .swiper-dot::after {
    display: none;
  }
}
.hero-3 .swiper-dot .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  transition: 0.6s;
  background-color: var(--theme-color-2);
  opacity: 1;
  border-radius: 10px;
}
.hero-3 .swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 15px;
}
.hero-3 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color-2);
  transition: 0.6s;
  position: relative;
}
.hero-3 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--theme-color-2);
  content: "";
  transform: translate(-50%, -50%);
}
.hero-3 .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
}
@media (max-width: 1199px) {
  .hero-3 .bottom-shape {
    display: none;
  }
}
.hero-3 .bottom-shape img {
  width: 100%;
}
.hero-3 .container {
  max-width: 1370px;
}
.hero-3 .line-shape2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.hero-3 .line-shape2 img {
  width: 100%;
}
.hero-3 .line-shape {
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  transform: rotate(180deg);
}
.hero-3 .line-shape img {
  width: 100%;
}
.hero-3 .swiper-slide.swiper-slide-active .hero-bg {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
}
.hero-3 .swiper-slide.swiper-slide-active .hero-content {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-3 .swiper-slide.swiper-slide-active .hero-button {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-3 .hero-height {
  padding: 280px 0 320px;
}
@media (max-width: 1199px) {
  .hero-3 .hero-height {
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  .hero-3 .hero-height {
    padding: 140px 0 250px;
  }
}
.hero-3 .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
}
.hero-3 .hero-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(85deg, rgba(3, 3, 66, 0.72) 26.67%, rgba(3, 3, 66, 0) 78.34%);
}
.hero-3 .hero-content {
  position: relative;
  opacity: 0;
  z-index: 3;
  position: relative;
  transform: translateY(-150px);
}
@media (max-width: 1399px) {
  .hero-3 .hero-content {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .hero-3 .hero-content {
    text-align: center;
  }
}
.hero-3 .hero-content span {
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  color: var(--white);
}
.hero-3 .hero-content h1 {
  color: var(--white);
  text-transform: capitalize;
  margin-top: 20px;
}
.hero-3 .hero-content p {
  font-size: 20px;
  font-weight: 400;
  color: var(--white);
  max-width: 545px;
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .hero-3 .hero-content p {
    font-size: 18px;
    margin: 20px auto 0;
  }
}
@media (max-width: 991px) {
  .hero-3 .hero-content p {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .hero-3 .hero-content p {
    font-size: 16px;
  }
}
.hero-3 .hero-button {
  margin-top: 40px;
  transform: translateY(150px);
  opacity: 0;
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  gap: 28px;
}
@media (max-width: 1399px) {
  .hero-3 .hero-button {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .hero-3 .hero-button {
    flex-wrap: wrap;
    margin-top: 30px;
    margin-left: 0;
    gap: 16px;
  }
}
@media (max-width: 1199px) {
  .hero-3 .hero-button {
    justify-content: center;
  }
}
.hero-3 .hero-button .theme-btn.style-two {
  background-color: var(--theme-color);
}

.hero-4 {
  padding: 250px 0 100px;
  margin-bottom: 100px;
}
@media (max-width: 1600px) {
  .hero-4 {
    margin-bottom: 80px;
  }
}
@media (max-width: 1399px) {
  .hero-4 {
    margin-bottom: 68px;
  }
}
@media (max-width: 1199px) {
  .hero-4 {
    margin-bottom: 0;
    padding-top: 220px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .hero-4 {
    padding-top: 210px;
  }
}
@media (max-width: 767px) {
  .hero-4 {
    padding-top: 180px;
  }
}
@media (max-width: 575px) {
  .hero-4 {
    padding-top: 150px;
  }
}
.hero-4 .container {
  max-width: 1430px;
}
.hero-4 .hero-left-content {
  margin-right: 20px;
  position: relative;
  z-index: 99;
}
@media (max-width: 1399px) {
  .hero-4 .hero-left-content {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-left-content {
    text-align: center;
  }
}
.hero-4 .hero-left-content h1 {
  font-size: 94px;
  color: var(--white);
  margin-bottom: 20px;
}
@media (max-width: 1399px) {
  .hero-4 .hero-left-content h1 {
    font-size: 80px;
  }
}
@media (max-width: 1199px) {
  .hero-4 .hero-left-content h1 {
    font-size: 70px;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-left-content h1 {
    font-size: 78px;
  }
}
@media (max-width: 767px) {
  .hero-4 .hero-left-content h1 {
    font-size: 62px;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-left-content h1 {
    font-size: 48px;
  }
}
@media (max-width: 470px) {
  .hero-4 .hero-left-content h1 {
    font-size: 38px;
  }
}
.hero-4 .hero-left-content p {
  font-size: 20px;
  font-weight: 400;
  color: var(--white);
  max-width: 545px;
}
@media (max-width: 991px) {
  .hero-4 .hero-left-content p {
    margin: 0 auto;
    font-size: 16px;
  }
}
.hero-4 .hero-left-content .hero-btn-area {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .hero-4 .hero-left-content .hero-btn-area {
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
}
.hero-4 .hero-left-content .hero-btn-area .phone-area i {
  color: var(--white);
  margin-right: 10px;
}
.hero-4 .hero-left-content .hero-btn-area .phone-area a {
  color: var(--white);
  font-size: 22px;
  font-weight: 700;
}
.hero-4 .hero-right-thumb {
  margin-left: 50px;
}
@media (max-width: 1399px) {
  .hero-4 .hero-right-thumb {
    margin-left: 0;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-right-thumb {
    max-width: 700px;
  }
}
.hero-4 .hero-right-thumb img {
  width: 100%;
  height: 100%;
}

.hero-section-4 {
  position: relative;
  z-index: 9;
}
.hero-section-4 .shape-1 {
  position: absolute;
  top: 130px;
  right: 160px;
}
@media (max-width: 1199px) {
  .hero-section-4 .shape-1 {
    opacity: 0.3;
  }
}
.hero-section-4 .shape-2 {
  position: absolute;
  bottom: 300px;
  right: 130px;
}
@media (max-width: 1199px) {
  .hero-section-4 .shape-2 {
    opacity: 0.3;
  }
}
.hero-section-4 .shape-3 {
  position: absolute;
  top: 270px;
  right: 220px;
}
@media (max-width: 1600px) {
  .hero-section-4 .shape-3 {
    right: 100px;
  }
}
@media (max-width: 1199px) {
  .hero-section-4 .shape-3 {
    opacity: 0.3;
  }
}
.hero-section-4 .shape-4 {
  position: absolute;
  bottom: 16%;
  right: 39%;
}
@media (max-width: 1199px) {
  .hero-section-4 .shape-4 {
    opacity: 0.3;
  }
}
.hero-section-4 .shape-5 {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
}
@media (max-width: 1600px) {
  .hero-section-4 .shape-5 {
    bottom: -80px;
  }
}
@media (max-width: 1399px) {
  .hero-section-4 .shape-5 {
    bottom: -68px;
  }
}
@media (max-width: 1199px) {
  .hero-section-4 .shape-5 {
    display: none;
  }
}
.hero-section-4 .shape-5 img {
  width: 100%;
}

/*===== feature section start =====*/
.feature-section {
  position: relative;
}
.feature-section .sun-shape {
  position: absolute;
  left: 0;
  bottom: 25%;
}
@media (max-width: 1399px) {
  .feature-section .sun-shape {
    opacity: 0.2;
  }
}
.feature-section .sky-shape {
  position: absolute;
  left: 52%;
  bottom: 58%;
  z-index: 22;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1399px) {
  .feature-section .sky-shape {
    opacity: 0.2;
  }
}
.feature-section .butterfly-shape {
  position: absolute;
  right: 4%;
  bottom: 30%;
}
@media (max-width: 1399px) {
  .feature-section .butterfly-shape {
    opacity: 0.2;
  }
}

.feature-wrapper .feature-content {
  position: relative;
  z-index: 99;
}
.feature-wrapper .feature-content .feature-list {
  margin-top: 25px;
  gap: 15px;
  padding: 11px 20px;
  background-color: #ECEAFC;
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.feature-wrapper .feature-content .feature-list.color-2 {
  background-color: #EAF5FC;
}
.feature-wrapper .feature-content .feature-list.color-3 {
  background-color: #EAFCF9;
}
.feature-wrapper .feature-content .feature-list.color-4 {
  background-color: #FCF4EA;
}
.feature-wrapper .feature-content .feature-list.color-5 {
  background-color: #FCEAFB;
}
.feature-wrapper .feature-content .feature-list.color-6 {
  background-color: #EFFCEA;
}
.feature-wrapper .feature-content .feature-list .content h4 {
  font-weight: 600;
}
.feature-wrapper .feature-content .feature-list .content h3 {
  font-weight: 600;
  font-size: 18px;
}
@media (max-width: 767px) {
  .feature-wrapper .feature-content p {
    text-align: center;
  }
}
.feature-wrapper .feature-content .feature-button-area {
  margin-top: 35px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .feature-wrapper .feature-content .feature-button-area {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.feature-wrapper .feature-content .feature-button-area .user-group {
  gap: 10px;
  display: flex;
  align-items: center;
}
.feature-wrapper .feature-content .feature-button-area .user-group h4 {
  font-weight: 600;
}
.feature-wrapper .feature-image {
  position: relative;
}
.feature-wrapper .feature-image .feature-bg {
  position: relative;
  z-index: 9;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 470 681"><path   d="M9.76856 37.767C9.76856 37.767 2.5922 53.9582 8.33329 270.588C14.0744 487.195 -43.4486 676.109 81.3837 679.099C206.216 682.09 353.87 681.132 398.309 679.099C442.748 677.067 470 703.398 470 565.738C470 428.078 470 260.448 468.565 163.278C467.129 66.1074 478.503 18.3749 426.942 14.9171C375.363 11.4592 242.028 5.38459 184.69 3.35194C127.352 1.31928 15.5096 -12.8392 9.76856 37.767Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  height: 680px;
  margin-left: 90px;
}
@media (max-width: 1199px) {
  .feature-wrapper .feature-image .feature-bg {
    margin-left: 0;
    mask: unset;
  }
}
@media (max-width: 991px) {
  .feature-wrapper .feature-image .feature-bg {
    height: 500px;
  }
  .feature-wrapper .feature-image .feature-bg img {
    height: 100%;
    border-radius: 20px;
  }
}
@media (max-width: 991px) {
  .feature-wrapper .feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.feature-wrapper .feature-image a {
  color: var(--white);
  padding: 10px 24px;
  border-radius: 15px;
  background-color: var(--theme-color);
  position: absolute;
  display: inline-block;
  left: 60px;
  bottom: 105px;
  letter-spacing: 1.5px;
  z-index: 22;
  font-family: "Quicksand", Sans-serif;
  font-size: 22px;
  font-weight: 700;
}
.feature-wrapper .feature-image a i {
  margin-right: 10px;
}

/*===== session section start =====*/
.session-section {
  position: relative;
}
.session-section::before {
  background-color: var(--theme-color);
  height: 50% !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

.session-wrapper {
  position: relative;
  padding: 85px 80px;
  background-color: #FFE800;
  border-radius: 24px;
}
@media (max-width: 1199px) {
  .session-wrapper {
    padding: 45px;
  }
}
@media (max-width: 991px) {
  .session-wrapper {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .session-wrapper {
    padding: 35px;
  }
}
@media (max-width: 575px) {
  .session-wrapper {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .session-wrapper .session-content {
    text-align: center;
  }
}
.session-wrapper .vertical-dashed {
  position: absolute;
  left: 46%;
  top: 11%;
  display: inline-block;
  width: 0;
  height: 350px;
  border-right: 1.5px dashed rgba(7, 7, 19, 0.42);
}
@media (max-width: 1199px) {
  .session-wrapper .vertical-dashed {
    display: none;
  }
}
.session-wrapper .session-box {
  background-color: var(--white);
  padding: 14px 30px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .session-wrapper .session-box {
    padding: 14px 18px;
  }
}
.session-wrapper .session-box:not(:last-child) {
  margin-bottom: 15px;
}
.session-wrapper .session-box h3 {
  width: 200px;
  border-right: 1.5px dashed rgba(7, 7, 19, 0.28);
  font-size: 18px;
}
@media (max-width: 1199px) {
  .session-wrapper .session-box h3 {
    width: initial;
    border-right: none;
  }
}
.session-wrapper .session-box p {
  font-weight: 600;
  margin-left: 20px;
  color: var(--header);
}

.work-process-section {
  padding: 60px 0 120px;
  position: relative;
}
@media (max-width: 1199px) {
  .work-process-section {
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .work-process-section {
    padding-bottom: 80px;
  }
}
.work-process-section .bg-shape {
  position: absolute;
  left: 0;
  top: 90px;
  z-index: -1;
}
.work-process-section .flower-shape {
  position: absolute;
  left: 4%;
  top: 3%;
  animation: rounded2 5s linear infinite;
}

.work-process-items {
  text-align: center;
}
.work-process-items .work-image {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .work-process-items .work-image {
    max-width: 270px;
    margin: 0 auto 30px;
  }
}
.work-process-items .work-image img {
  width: 100%;
  height: 100%;
}
.work-process-items .work-content {
  max-width: 270px;
  margin: 0 auto;
}
.work-process-items .work-content p {
  font-size: 16px;
}
.work-process-items .work-content h4 {
  margin-bottom: 8px;
}
.work-process-items .work-content h3 {
  font-size: 18px;
}
.work-process-items .work-content h2 {
  font-size: 18px;
}

.learning-section {
  position: relative;
}
@media (max-width: 1600px) {
  .learning-section {
    margin-bottom: -5px;
  }
}
.learning-section .shadow-shape {
  position: absolute;
  right: 0;
  top: 8%;
}
.learning-section .sky-shape {
  position: absolute;
  left: 10%;
  top: 22%;
}
.learning-section .rocket-shape {
  position: absolute;
  right: 13%;
  bottom: 10%;
}
.learning-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--bg-3);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1188"><path   d="M1835.26 14.7349C1868.35 -11.2283 1905.54 6.90116 1920 19.2113L1919.87 1187.5L-0.000103815 1187.5L0.13391 10.2583C23.5396 -5.18532 48.2231 3.82347 57.6392 10.2583C75.7987 24.359 92.1086 20.237 97.9937 16.4134C127.452 -6.19249 153.649 1.21224 163.065 7.74034C185.664 23.8554 201.738 20.237 206.951 16.4134C238.427 -5.07338 264.456 1.67854 273.536 7.74035C293.309 23.8555 308.005 20.237 312.881 16.4134C344.358 -5.96866 369.041 1.30551 377.449 7.74036C396.415 23.6316 415.617 20.1438 422.847 16.4134C452.306 -5.07336 479.512 1.67856 489.432 7.74037C509.206 26.3175 527.937 21.2629 534.831 16.4134C562.676 -7.08774 592.168 2.70441 603.434 10.5381C619.172 23.5197 632.186 19.864 636.726 16.4134C667.799 -6.6401 692.718 -0.46637 701.294 5.50219C721.471 25.6461 741.648 21.1696 749.215 16.4135C779.884 -6.86391 806.047 2.61118 815.295 10.2584C837.086 25.2544 855.313 18.9315 861.703 13.8955C891.969 -7.59128 919.04 2.51794 928.792 10.2584C943.32 25.2544 959.731 18.9315 966.12 13.8955C995.983 -7.14363 1023.29 2.70447 1033.21 10.2584C1053.79 25.702 1071.04 19.118 1077.1 13.8955C1103.33 -7.14362 1133.76 2.70448 1145.7 10.2584C1163.05 27.2688 1182.52 18.8382 1190.09 12.4966C1215.51 -6.30431 1242.38 3.17077 1252.64 10.2584C1267.97 24.583 1284.92 18.6517 1291.48 13.8955C1313.67 -5.35305 1339.74 0.652811 1349.99 6.06182C1371.38 25.0866 1392.53 19.2113 1400.44 13.8955C1424.65 -5.80068 1452.22 1.77192 1462.99 8.02026C1486.39 27.045 1504.35 19.8641 1510.4 13.8956C1532.19 -4.45775 1558.49 1.02587 1568.92 6.06183C1585.46 26.6534 1610.78 18.372 1621.38 11.6573C1648.41 -7.81507 1675.01 3.54384 1684.93 11.6573C1704.31 25.3104 1720.92 17.3461 1726.8 11.6574C1740.93 3.26407 1768.67 -4.56965 1792.88 11.6574C1812.25 24.639 1829.2 19.118 1835.26 14.7349Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: top center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.learning-section-two {
  position: relative;
}
.learning-section-two::before {
  position: absolute;
  top: 190px;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--bg-3);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1125"><path   d="M1835.23 14.7809C1868.32 -11.2634 1905.52 6.9227 1919.98 19.2713L1919.97 1125L-0.000220421 1125L-0.00024504 10.2903C23.4067 -5.20151 48.092 3.8354 57.5087 10.2903C75.6692 24.435 91.9801 20.3002 97.8655 16.4646C127.326 -6.21182 153.524 1.21602 162.941 7.7645C185.541 23.9299 201.616 20.3002 206.829 16.4646C238.307 -5.08921 264.337 1.68378 273.418 7.76451C293.193 23.9299 307.889 20.3002 312.766 16.4646C344.244 -5.98728 368.929 1.30959 377.336 7.76452C396.304 23.7054 415.507 20.2066 422.738 16.4647C452.198 -5.08919 479.405 1.6838 489.326 7.76453C509.101 26.3996 527.834 21.3292 534.728 16.4647C562.574 -7.10986 592.068 2.71286 603.335 10.571C619.074 23.5932 632.089 19.926 636.629 16.4647C667.704 -6.66082 692.624 -0.467825 701.2 5.51936C721.378 25.7261 741.557 21.2357 749.124 16.4647C779.795 -6.88533 805.959 2.61933 815.208 10.2904C837.001 25.3332 855.228 18.9905 861.618 13.9389C891.886 -7.61497 918.959 2.5258 928.712 10.2904C943.24 25.3332 959.652 18.9906 966.042 13.9389C995.906 -7.16593 1023.21 2.71291 1033.14 10.2904C1053.72 25.7823 1070.97 19.1777 1077.02 13.9389C1103.26 -7.16592 1133.69 2.71292 1145.63 10.2904C1162.98 27.3539 1182.46 18.897 1190.02 12.5356C1215.45 -6.32399 1242.32 3.18066 1252.58 10.2904C1267.91 24.6597 1284.86 18.7099 1291.42 13.9389C1313.62 -5.36976 1339.68 0.654848 1349.94 6.08073C1371.33 25.1649 1392.48 19.2712 1400.38 13.9389C1424.6 -5.81879 1452.17 1.77745 1462.94 8.04529C1486.34 27.1294 1504.3 19.9261 1510.35 13.9389C1532.15 -4.47166 1558.45 1.02907 1568.87 6.08075C1585.42 26.7365 1610.74 18.4293 1621.34 11.6937C1648.38 -7.83946 1674.98 3.5549 1684.9 11.6937C1704.27 25.3894 1720.88 17.4003 1726.77 11.6937C1740.89 3.27426 1768.64 -4.58391 1792.85 11.6937C1812.22 24.7159 1829.17 19.1777 1835.23 14.7809Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: top center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.learning-section-three {
  position: relative;
  padding-top: 100px !important;
}
.learning-section-three::before {
  display: none;
}

.learning-section-four {
  position: relative;
}

.learning-box-items {
  position: relative;
  margin-top: 30px;
  padding: 24px 24px 50px 24px;
  text-align: center;
}
@media (max-width: 1199px) {
  .learning-box-items {
    background-color: var(--white);
    padding: 24px;
    border-radius: 14px;
  }
}
.learning-box-items .learning-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370 502"><path   d="M7.69014 27.8377C7.69014 27.8377 2.04067 39.7721 6.56025 199.448C11.0798 359.107 -34.2042 498.354 64.068 500.558C162.34 502.762 278.579 502.056 313.562 500.558C348.546 499.06 370 518.468 370 417C370 315.532 370 191.974 368.87 120.351C367.74 48.7271 376.694 13.544 336.103 10.9952C295.499 8.44648 190.533 3.96893 145.394 2.47068C100.256 0.972425 12.2097 -9.46369 7.69014 27.8377Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .learning-box-items .learning-bg {
    display: none;
  }
}
.learning-box-items .learning-image {
  position: relative;
}
.learning-box-items .learning-image img {
  width: 100%;
  height: 100%;
}
.learning-box-items .thumb-icon {
  position: relative;
  margin-top: -50px;
}
.learning-box-items .thumb-icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.learning-box-items .thumb-icon .icon img {
  transition: 0.4s;
}
.learning-box-items .learning-content {
  margin-top: 15px;
}
.learning-box-items .learning-content h3:hover a {
  color: var(--theme-color-2);
}
.learning-box-items .learning-content p {
  font-family: Source Sans Pro;
  font-size: 16px;
  margin-top: 10px;
}
.learning-box-items .learning-content .arrow-icon {
  position: absolute;
  background-color: var(--theme-color-2);
  width: 50px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 14px;
  left: 50%;
  bottom: -10px;
  transform: translate(-50%);
}
@media (max-width: 1199px) {
  .learning-box-items .learning-content .arrow-icon {
    position: static;
    transform: initial;
    margin-top: 30px;
  }
}
.learning-box-items .learning-content .arrow-icon i {
  color: var(--white);
}
.learning-box-items .learning-content .arrow-icon.color-2 {
  background-color: #B463FB;
}
.learning-box-items .learning-content .arrow-icon.color-3 {
  background-color: #6754E9;
}
.learning-box-items:hover .thumb-icon .icon img {
  transform: rotateY(360deg);
  transition: 0.4s;
}
.learning-box-items:hover .arrow-icon {
  background-color: var(--theme-color);
}
.learning-box-items:hover .arrow-icon.color-2 {
  background-color: var(--theme-color-2);
}
.learning-box-items:hover .arrow-icon.color-3 {
  background-color: #B463FB;
}

.learning-wrapper {
  position: relative;
  padding: 110px 30px 75px;
}
@media (max-width: 1199px) {
  .learning-wrapper {
    padding: 70px 30px;
  }
}
@media (max-width: 767px) {
  .learning-wrapper {
    padding: 50px 30px;
  }
}
.learning-wrapper .flower-shape {
  position: absolute;
  right: 5%;
  bottom: 38px;
  animation: wind-blow 5s linear infinite;
}
@media (max-width: 1199px) {
  .learning-wrapper .flower-shape {
    opacity: 0.2;
  }
}
.learning-wrapper .learning-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 466"><path   d="M0 437.639V34.5614C0 22.2162 14.8452 11.9315 27.1778 12.4927C59.0367 13.9425 109.43 6.426 168.973 6.42601C257.766 6.42603 336.507 -7.64163 404.625 6.42613C491.653 27.137 766.51 6.42601 817.172 6.42601C890.738 6.42601 1038.39 -5.85314 1144.01 3.53637C1158.95 4.86464 1170 17.6089 1170 32.6097V426.29C1170 446.046 1151.2 460.797 1131.65 457.998C1005.95 440.009 756.793 450.358 693.469 450.358C539.425 450.358 370.5 456.22 241.312 450.358C74.8156 434.673 73.4283 455.796 31.1184 465.193C14.4342 468.898 0 454.729 0 437.639Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  height: 450px;
}
@media (max-width: 1199px) {
  .learning-wrapper .learning-bg {
    height: 100%;
    mask: none;
    border-radius: 12px;
  }
}
.learning-wrapper .tittle-bg {
  background-color: #FEB81B !important;
  color: var(--header) !important;
}
.learning-wrapper .learning-button {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 991px) {
  .learning-wrapper .learning-button {
    flex-wrap: wrap;
  }
}
.learning-wrapper .learning-button .learn-btn {
  border: 1px solid var(--white);
  border-radius: 16px;
  font-size: 22px;
  color: var(--white);
}
@media (max-width: 575px) {
  .learning-wrapper .learning-button .learn-btn {
    width: 100%;
  }
}
.learning-wrapper .learning-button .learn-btn i {
  font-size: 22px;
  margin-right: 5px;
  margin-left: 0;
  color: var(--white);
}
.learning-wrapper .learning-button .learn-btn:hover {
  border: 1px solid transparent;
}
@media (max-width: 575px) {
  .learning-wrapper .learning-button .theme-btn {
    width: 100%;
  }
}
.learning-wrapper .learning-button .learn-btn-2 {
  font-size: 22px;
}
@media (max-width: 575px) {
  .learning-wrapper .learning-button .learn-btn-2 {
    width: 100%;
  }
}
.learning-wrapper .learning-button .learn-btn-2 i {
  font-size: 22px;
  margin-right: 5px;
  color: var(--white);
}

.learning-item-three {
  position: relative;
  padding: 120px 0 10px;
}
@media (max-width: 1199px) {
  .learning-item-three {
    padding-top: 80px;
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1199px) {
  .learning-item-three .learning-bg {
    mask: none;
    background-color: var(--theme-color);
    border-radius: 16px;
  }
}
.learning-item-three .perashute-shape {
  position: absolute;
  top: 17%;
  left: 14%;
}
@media (max-width: 1199px) {
  .learning-item-three .perashute-shape {
    opacity: 0.3;
  }
}
.learning-item-three .snake-shape {
  position: absolute;
  bottom: 3%;
  left: 11%;
  animation: wind-blow 3s linear infinite;
}
@media (max-width: 1199px) {
  .learning-item-three .snake-shape {
    opacity: 0.3;
  }
}
.learning-item-three .busket-shape {
  position: absolute;
  bottom: 18%;
  left: -7%;
}
@media (max-width: 1199px) {
  .learning-item-three .busket-shape {
    opacity: 0.3;
  }
}
.learning-item-three .baby-shape {
  position: absolute;
  bottom: 17px;
  right: 30px;
}
@media (max-width: 1199px) {
  .learning-item-three .baby-shape {
    opacity: 0.3;
  }
}
.learning-item-three .learning-button-two {
  margin-top: 80px;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 15px 15px 0px 15px;
  border-color: #FFFFFF;
  border-radius: 34px 34px 0px 0px;
  display: inline-block;
}

.learning-cards {
  padding: 34px 55px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  background-color: var(--theme-color);
  border-radius: 36px;
}
@media (max-width: 1199px) {
  .learning-cards {
    padding: 50px 40px;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    text-align: center;
  }
  .learning-cards .learn-img {
    max-width: 500px;
  }
  .learning-cards .learn-img img {
    width: 100%;
    height: 100%;
  }
}
.learning-cards .learn-content .sub-title {
  background-color: #FEB81B;
  color: var(--header);
}

.video-section {
  position: relative;
}
.video-section::before {
  background-color: var(--bg-3);
  height: 50% !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

.video-section-two {
  position: relative;
  background-image: url(../images/vedio-top-shape.png);
  background-position: top center;
  background-size: cover;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 54px;
  z-index: 0;
}
.video-section-two::before {
  content: none;
}

.video-wrapper {
  padding: 226px 0;
  position: relative;
  margin-top: 10px;
}
.video-wrapper .vedio-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 465"><path   d="M0 427V42.1187C0 27.9262 18.7269 15.1898 32.9174 15.4256C64.9241 15.9575 112.89 7.83112 168.973 7.83113C257.766 7.83115 336.507 -9.31256 404.625 7.83128C491.653 33.0708 766.51 7.83113 817.172 7.83113C889.758 7.83113 1034.47 -6.73685 1139.77 3.86617C1157.28 5.62971 1170 20.7353 1170 38.3381V410.942C1170 435.464 1145.73 453.635 1121.49 449.935C992.991 430.324 755.13 442.282 693.469 442.282C539.425 442.282 370.5 449.425 241.312 442.282C83.3786 424.15 74.0077 446.38 37.3498 458.488C17.7451 464.964 0 447.646 0 427Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.video-wrapper .vedio-box {
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%);
}
.video-wrapper .vedio-box .vedio-wave-area .vw-style {
  background: var(--white);
  width: 200px;
  height: 200px;
  top: -56px;
  left: -56px;
}
.video-wrapper .vedio-box .vedio-wave-area .style-two {
  background-color: var(--white);
  width: 90px;
  height: 90px;
}
.video-wrapper .vedio-box .vedio-wave-area .style-two i {
  color: var(--theme-color);
}
.video-wrapper .vedio-box .vedio-wave-area .style-two::before {
  border: none;
}

.video-wrapper-two {
  position: relative;
  padding: 308px 0;
  margin-top: 0;
}
@media (max-width: 767px) {
  .video-wrapper-two {
    padding: 200px 0 200px;
  }
}
@media (max-width: 767px) {
  .video-wrapper-two .vedio-box {
    top: 32%;
  }
}
.video-wrapper-two .vedio-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 607"><path   d="M410.428 41.6707C264.676 -13.1026 76.0792 9.45115 0 27.5747V606.5H1920V15.4922C1862.34 46.9063 1774.52 32.6089 1737.81 21.5335C1607.27 -21.963 1499.06 14.4854 1448.51 27.5747C1312.37 58.9888 1180.23 40.6639 1131.18 27.5747C954.995 -22.3657 811.512 6.76617 761.794 27.5747C622.448 75.904 469.489 57.1093 410.428 41.6707Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.conference-section {
  position: relative;
}
.conference-section::before {
  background-color: var(--bg-3);
  height: 50% !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

.conference-wrapper {
  position: relative;
  padding: 75px 60px 0px 35px;
  margin-top: -25px;
}
@media (max-width: 1199px) {
  .conference-wrapper {
    background-color: var(--theme-color);
    border-radius: 16px;
    padding: 40px;
  }
}
.conference-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 418"><path   d="M0 405.516V30.8032V25.8608C0 16.7707 10.3322 9.73705 19.3798 10.6146C50.4418 13.6274 104.312 5.72722 168.973 5.72723C257.766 5.72725 336.507 -6.81066 404.625 5.72734C491.653 24.186 766.51 5.72723 817.172 5.72723C894.396 5.72723 1053.26 -6.33209 1159.44 4.54716C1165.48 5.16551 1170 10.289 1170 16.356V399.629C1170 407.394 1162.84 413.165 1155.2 411.776C1040.25 390.881 761.045 401.385 693.469 401.385C539.425 401.385 370.5 406.61 241.312 401.385C53.5741 385.622 75.7617 411.57 12.4988 417.212C5.71224 417.817 0 412.329 0 405.516Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 408px;
}
@media (max-width: 1199px) {
  .conference-wrapper::before {
    display: none;
  }
}
.conference-wrapper .title-two {
  background-color: var(--white);
  color: var(--theme-color);
}
@media (max-width: 991px) {
  .conference-wrapper .section-title {
    text-align: center;
  }
}
.conference-wrapper .conference-image {
  position: relative;
  z-index: -1;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 331"><path d="M5.61173 14.8628C5.61173 14.8628 1.48914 21.2346 4.78721 106.487C8.08528 191.73 -24.9598 266.075 46.7523 267.252C118.464 268.429 203.287 268.052 228.816 267.252C254.345 266.452 270 276.814 270 222.64C270 168.465 270 102.497 269.176 64.2562C268.351 26.0158 274.884 7.23125 245.264 5.87045C215.634 4.50965 139.037 2.11905 106.098 1.31912C73.1595 0.519186 8.90979 -5.05274 5.61173 14.8628Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 343px;
}
@media (max-width: 1199px) {
  .conference-wrapper .conference-image {
    mask: none;
    height: initial;
  }
  .conference-wrapper .conference-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .conference-wrapper .conference-image {
    text-align: center;
  }
}
.conference-wrapper .thumb-icon-box {
  position: absolute;
  bottom: 32%;
  right: -6%;
}
@media (max-width: 1199px) {
  .conference-wrapper .thumb-icon-box {
    display: none;
  }
}
.conference-wrapper .thumb-icon-box .thumb-icon {
  position: relative;
}
.conference-wrapper .thumb-icon-box .thumb-icon .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(15deg);
  text-align: center;
}
.conference-wrapper .thumb-icon-box .thumb-icon .text h3 {
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--header);
}

.about-section {
  position: relative;
}
@media (max-width: 1600px) {
  .about-section br {
    display: none;
  }
}
.about-section .tubelight-shape {
  position: absolute;
  left: 37%;
  top: 17%;
  z-index: 2;
  animation: rounded 6s linear infinite;
}
@media (max-width: 1199px) {
  .about-section .tubelight-shape {
    opacity: 0.3;
  }
}
.about-section .sun-shape {
  position: absolute;
  left: 14%;
  bottom: 25%;
}
@media (max-width: 1199px) {
  .about-section .sun-shape {
    opacity: 0.3;
  }
}
.about-section .star-shape {
  position: absolute;
  right: 20%;
  top: 13%;
  animation: zoom 1s linear infinite;
}
.about-section .love-shape {
  position: absolute;
  right: 4%;
  bottom: 42%;
}
@media (max-width: 1199px) {
  .about-section .love-shape {
    opacity: 0.3;
  }
}
.about-section .frame-shape {
  position: absolute;
  right: 17%;
  bottom: 5%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .about-section .frame-shape {
    opacity: 0.3;
  }
}

.about-section-two {
  position: relative;
}
.about-section-two .love-shape {
  position: absolute;
  bottom: 20%;
  right: 8%;
}
@media (max-width: 1199px) {
  .about-section-two .love-shape {
    opacity: 0.2;
  }
}

.about-activities-section-3 {
  position: relative;
}
.about-activities-section-3 .shadow-shape {
  position: absolute;
  top: -14px;
  left: 0;
  z-index: -1;
}
@media (max-width: 1199px) {
  .about-activities-section-3 .shadow-shape {
    display: none;
  }
}
.about-activities-section-3 .doll-shape {
  position: absolute;
  bottom: 4%;
  right: 5%;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1199px) {
  .about-activities-section-3 .doll-shape {
    opacity: 0.2;
  }
}
.about-activities-section-3 .flower-shape {
  position: absolute;
  top: 7%;
  right: 5%;
  animation: wind-blow 2s linear infinite;
}
@media (max-width: 1199px) {
  .about-activities-section-3 .flower-shape {
    opacity: 0.2;
  }
}

.about-section-four {
  position: relative;
}
.about-section-four .doll-shape {
  position: absolute;
  right: 4%;
  top: 10%;
  animation: rounded 6s linear infinite;
}
@media (max-width: 1399px) {
  .about-section-four .doll-shape {
    opacity: 0.3;
  }
}

.about-wrapper .about-image-box {
  position: relative;
}
.about-wrapper .about-image-box .about-image {
  position: relative;
}
@media (max-width: 1199px) {
  .about-wrapper .about-image-box .about-image {
    max-width: 600px;
  }
  .about-wrapper .about-image-box .about-image img {
    width: 100%;
  }
}
.about-wrapper .about-image-box .about-image .shape-bg {
  position: absolute;
  bottom: 0;
  left: -6px;
  z-index: -1;
}
@media (max-width: 1199px) {
  .about-wrapper .about-image-box .about-image .shape-bg img {
    width: 100%;
  }
}
.about-wrapper .about-image-box .counter-image {
  position: absolute;
  bottom: 14%;
  right: -5px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-image-box .counter-image {
    right: 5%;
  }
  .about-wrapper .about-image-box .counter-image img {
    width: 180px;
  }
}
.about-wrapper .about-image-box .counter-image .counter-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-wrapper .about-image-box .counter-image .counter-box .count {
  gap: 2px;
  display: flex;
  align-items: center;
}
.about-wrapper .about-image-box .counter-image .counter-box .count .odometer {
  color: var(--white);
  font-size: 76px;
  line-height: 1;
  font-weight: 700;
  z-index: 9;
}
@media (max-width: 1199px) {
  .about-wrapper .about-image-box .counter-image .counter-box .count .odometer {
    font-size: 40px;
  }
}
.about-wrapper .about-image-box .counter-image .counter-box .count .plus {
  color: var(--white);
  font-size: 76px;
  line-height: 1;
  z-index: 9;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .about-wrapper .about-image-box .counter-image .counter-box .count .plus {
    font-size: 40px;
  }
}
.about-wrapper .about-image-box .counter-image .counter-box p {
  margin-top: -7px;
  color: var(--white);
  font-family: "Quicksand", sans-serif;
}
.about-wrapper .about-content {
  position: relative;
  z-index: 8;
}
.about-wrapper .about-content .content-bottom {
  margin-left: 35px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .content-bottom {
    margin-left: 0;
  }
}
.about-wrapper .about-content .content-bottom .about-list {
  display: flex;
  align-items: center;
  margin-top: 30px;
  gap: 95px;
}
@media (max-width: 1399px) {
  .about-wrapper .about-content .content-bottom .about-list {
    gap: 50px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .content-bottom .about-list {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.about-wrapper .about-content .content-bottom .about-list ul li {
  display: flex;
  align-items: center;
}
.about-wrapper .about-content .content-bottom .about-list ul li i {
  margin-right: 10px;
  color: var(--white);
  height: 17px;
  width: 17px;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  background-color: var(--theme-color);
  border-radius: 50%;
}
.about-wrapper .about-content .content-bottom .about-button {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .about-wrapper .about-content .content-bottom .about-button {
    margin-top: 30px;
  }
}

.about-wrapper-2 {
  margin-bottom: 10px;
}
.about-wrapper-2 .about-image-two {
  position: relative;
  max-width: 564px;
}
.about-wrapper-2 .about-image-two img {
  width: 100%;
  height: 100%;
}
.about-wrapper-2 .about-image-two .img-two {
  position: absolute;
  bottom: -90px;
  right: -20px;
}
@media (max-width: 991px) {
  .about-wrapper-2 .about-image-two .img-two {
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-image-two .img-two {
    max-width: 200px;
  }
}
.about-wrapper-2 .about-image-two .perasute-shape {
  position: absolute;
  top: 0;
  right: 12%;
  animation: wind-blow 3s linear infinite;
}
.about-wrapper-2 .about-content-two {
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-content-two {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content-two p {
    text-align: center;
  }
}
.about-wrapper-2 .about-content-two .icon-box-items .icon-item {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content-two .icon-box-items .icon-item {
    display: grid;
    justify-content: center;
    text-align: center;
  }
}
.about-wrapper-2 .about-content-two .icon-box-items .icon-item .icon {
  width: 100%;
  height: 90px;
  max-width: 90px;
  line-height: 88px;
  background: rgba(241, 95, 37, 0.12);
  text-align: center;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content-two .icon-box-items .icon-item .icon {
    margin: 0 auto;
  }
}
.about-wrapper-2 .about-content-two .icon-box-items .icon-item .icon.style-2 {
  background: rgba(103, 84, 233, 0.1215686275);
}
.about-wrapper-2 .about-content-two .icon-box-items .icon-item .content p {
  font-size: 16px;
  line-height: 150%;
  color: #5C707E;
}
.about-wrapper-2 .about-content-two .icon-box-items .icon-item .content h3 {
  font-size: 18px;
}
.about-wrapper-2 .about-content-two .about-two-button {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content-two .about-two-button {
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.about-wrapper-2 .about-content-two .about-two-button .video-text {
  font-size: 16px;
  font-weight: 600;
}

.about-activities-wrapper .about-activities-image {
  position: relative;
}
.about-activities-wrapper .about-activities-image .sun-shape {
  position: absolute;
  left: -20%;
  top: 15%;
}
@media (max-width: 1199px) {
  .about-activities-wrapper .about-activities-image .sun-shape {
    opacity: 0.2;
  }
}
@media (max-width: 1199px) {
  .about-activities-wrapper .about-activities-image img {
    width: 100%;
    height: 100%;
  }
}
.about-activities-wrapper .feature-list-items {
  margin-top: 30px;
  gap: 80px;
  display: flex;
  align-items: center;
}
@media (max-width: 1399px) {
  .about-activities-wrapper .feature-list-items {
    gap: 40px;
  }
}
@media (max-width: 1199px) {
  .about-activities-wrapper .feature-list-items {
    gap: 30px;
    flex-wrap: wrap;
  }
}
.about-activities-wrapper .feature-list-items .feature-list {
  gap: 15px;
  display: flex;
  align-items: center;
}

.about-wrapper-4 .about-image-box {
  padding-right: 20px;
  position: relative;
}
.about-wrapper-4 .about-image {
  position: relative;
  z-index: 2;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 554 727"><path d="M13.0151 38.8207C13.0151 38.8207 4.92264 55.4636 11.3966 278.138C17.8706 500.788 -46.9957 694.972 93.7726 698.046C234.541 701.12 401.045 700.136 451.157 698.046C501.268 695.957 532 723.023 532 581.522C532 440.021 532 267.715 530.381 167.833C528.763 67.9518 541.588 18.8876 483.445 15.3333C425.281 11.7789 274.925 5.53483 210.267 3.44545C145.609 1.35608 19.4891 -13.1975 13.0151 38.8207Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  height: 710px;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-image {
    border-radius: 12px;
    mask: none;
    max-width: initial !important;
  }
  .about-wrapper-4 .about-image img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-image {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-image {
    height: 520px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-4 .about-image {
    height: 470px;
  }
}
.about-wrapper-4 .border-shape {
  position: absolute;
  top: 5px;
  left: 12px;
  height: 700px;
  width: 530px;
  z-index: -1;
}
@media (max-width: 1399px) {
  .about-wrapper-4 .border-shape {
    display: none;
  }
}
.about-wrapper-4 .border-shape img {
  width: 100%;
  height: 100%;
}
.about-wrapper-4 .counter-img-box {
  position: absolute;
  bottom: 10%;
  right: -50px;
  padding: 25px 25px 25px 50px;
  background-color: var(--white);
  border-radius: 12px;
  z-index: 22;
  width: 100%;
  justify-content: space-between;
  box-shadow: var(---box-shadow);
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .counter-img-box {
    position: static;
    animation: none;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-4 .counter-img-box {
    justify-content: center;
    text-align: center;
  }
}
.about-wrapper-4 .counter-img-box .count {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .about-wrapper-4 .counter-img-box .count {
    justify-content: center;
    text-align: center;
  }
}
.about-wrapper-4 .counter-img-box .count h3 {
  font-size: 90px;
  color: var(--theme-color-2);
  line-height: 1;
  font-family: "Love Ya Like A Sister", Sans-serif;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .counter-img-box .count h3 {
    font-size: 70px;
  }
}
.about-wrapper-4 .counter-img-box .count span {
  font-size: 90px;
  color: var(--theme-color-2);
  font-weight: 400;
  line-height: 1;
  font-family: "Love Ya Like A Sister", Sans-serif;
}
.about-wrapper-4 .counter-img-box p {
  font-size: 18px;
  font-weight: 600;
  color: #4B5563;
}
.about-wrapper-4 .counter-img-box .image img {
  border-radius: 8px;
}
.about-wrapper-4 .about-content {
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-content {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-content {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-content .about-list {
    justify-content: center;
  }
}
.about-wrapper-4 .about-content .about-button-four {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-content .about-button-four {
    margin-top: 30px;
    justify-content: center;
  }
}

.company-history-wrapper {
  max-width: 1655px;
  background-color: #F1F4FC;
  margin: 0 auto;
  border-radius: 30px;
  position: relative;
  z-index: 9;
}
.company-history-wrapper::before {
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  border: 1px dashed rgba(13, 57, 4, 0.44);
  z-index: -1;
}
@media (max-width: 1399px) {
  .company-history-wrapper::before {
    display: none;
  }
}
.company-history-wrapper .container {
  max-width: 1322px;
}
.company-history-wrapper .history-box-items {
  margin-top: 30px;
  position: relative;
  z-index: 999;
}
@media (max-width: 1199px) {
  .company-history-wrapper .history-box-items {
    text-align: center;
  }
}
.company-history-wrapper .history-box-items .dot {
  width: 15px;
  height: 15px;
  line-height: 15px;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  position: absolute;
  top: 15%;
  left: 88%;
}
@media (max-width: 1399px) {
  .company-history-wrapper .history-box-items .dot {
    display: none;
  }
}
.company-history-wrapper .history-box-items h2 {
  font-size: 90px;
  font-weight: 800;
  color: var(--white);
  margin-bottom: 30px;
  line-height: 1;
}
@media (max-width: 575px) {
  .company-history-wrapper .history-box-items h2 {
    font-size: 65px;
  }
}
.company-history-wrapper .history-box-items h3 {
  margin-bottom: 10px;
}
.company-history-wrapper .history-box-items p {
  max-width: 257px;
}
@media (max-width: 1199px) {
  .company-history-wrapper .history-box-items p {
    margin: 0 auto;
  }
}

@media (max-width: 1199px) {
  .company-history-section .section-title-area {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.company-history-section .section-title-area p {
  max-width: 800px;
}
@media (max-width: 1199px) {
  .company-history-section .section-title-area p {
    margin: 20px auto 0;
    text-align: center !important;
  }
}

.event-section {
  position: relative;
}
.event-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 944"><path   d="M1835.26 14.7351C1868.35 -11.2281 1905.54 6.90141 1920 19.2116L1919.87 944L-8.25271e-05 944L0.13391 10.2586C23.5396 -5.18508 48.2231 3.82371 57.6392 10.2586C75.7987 24.3593 92.1086 20.2372 97.9937 16.4136C127.452 -6.19225 153.649 1.21248 163.065 7.74058C185.664 23.8557 201.738 20.2373 206.951 16.4137C238.427 -5.07314 264.456 1.67878 273.536 7.74059C293.309 23.8557 308.005 20.2373 312.881 16.4137C344.358 -5.96841 369.041 1.30576 377.449 7.7406C396.415 23.6319 415.617 20.144 422.847 16.4137C452.306 -5.07312 479.512 1.6788 489.432 7.74061C509.206 26.3177 527.937 21.2631 534.831 16.4137C562.676 -7.0875 592.168 2.70466 603.434 10.5384C619.172 23.52 632.186 19.8643 636.726 16.4137C667.799 -6.63985 692.718 -0.466125 701.294 5.50243C721.471 25.6463 741.648 21.1699 749.215 16.4137C779.884 -6.86366 806.047 2.61142 815.295 10.2586C837.086 25.2546 855.313 18.9317 861.703 13.8957C891.969 -7.59104 919.04 2.51819 928.792 10.2586C943.32 25.2546 959.731 18.9317 966.12 13.8958C995.983 -7.14339 1023.29 2.70471 1033.21 10.2587C1053.79 25.7023 1071.04 19.1182 1077.1 13.8958C1103.33 -7.14338 1133.76 2.70472 1145.7 10.2587C1163.05 27.269 1182.52 18.8385 1190.09 12.4969C1215.51 -6.30407 1242.38 3.17101 1252.64 10.2587C1267.97 24.5832 1284.92 18.652 1291.48 13.8958C1313.67 -5.35281 1339.74 0.653055 1349.99 6.06206C1371.38 25.0868 1392.53 19.2115 1400.44 13.8958C1424.65 -5.80044 1452.22 1.77217 1462.99 8.0205C1486.39 27.0453 1504.35 19.8644 1510.4 13.8958C1532.19 -4.4575 1558.49 1.02611 1568.92 6.06208C1585.46 26.6536 1610.78 18.3722 1621.38 11.6576C1648.41 -7.81482 1675.01 3.54409 1684.93 11.6576C1704.31 25.3107 1720.92 17.3464 1726.8 11.6576C1740.93 3.26432 1768.67 -4.56941 1792.88 11.6576C1812.25 24.6392 1829.2 19.1183 1835.26 14.7351Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .event-section::before {
    mask: none;
  }
}

.event-section-two::before {
  content: none;
}

.event-box-items {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  margin-top: 30px;
  z-index: 0;
  position: relative;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1199px) {
  .event-box-items {
    display: block;
  }
}
.event-box-items .event-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 570 268"><path   d="M11.847 14.8628C11.847 14.8628 3.14374 21.2346 10.1063 106.487C17.0689 191.73 -52.6929 266.075 98.6994 267.252C250.092 268.429 429.162 268.052 483.056 267.252C536.95 266.452 570 276.814 570 222.64C570 168.465 570 102.497 568.259 64.2562C566.519 26.0158 580.312 7.23125 517.781 5.87045C455.227 4.50965 293.523 2.11905 223.986 1.31912C154.448 0.519186 18.8096 -5.05274 11.847 14.8628Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: 0;
  height: 262px;
}
@media (max-width: 1199px) {
  .event-box-items .event-bg {
    mask: none;
    height: 100%;
    border-radius: 12px;
  }
}
.event-box-items .event-image {
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 224 228"><path d="M4.96538 13.9425C4.96538 13.9425 1.55359 19.9229 4.28515 99.8948C7.0167 179.867 -21.0641 222.514 38.3499 223.617C97.7639 224.72 168.731 228.452 189.882 227.71C211.033 226.957 224 236.68 224 185.858C224 135.035 224 96.1623 223.32 60.2906C222.64 24.4188 228.05 6.79572 203.508 5.51269C178.967 4.22967 115.503 1.99231 88.2087 1.23946C60.9144 0.48661 7.68631 -4.74093 4.96538 13.9425Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 228px;
}
@media (max-width: 1199px) {
  .event-box-items .event-image {
    mask: none;
  }
  .event-box-items .event-image img {
    width: 100%;
    border-radius: 12px;
    height: 100%;
    object-fit: cover;
  }
}
.event-box-items .thumb-icon-box {
  position: absolute;
  bottom: 11%;
  left: 6%;
}
@media (max-width: 1199px) {
  .event-box-items .thumb-icon-box {
    bottom: initial;
    top: 30px;
    left: 30px;
  }
}
.event-box-items .thumb-icon-box .thumb-icon {
  position: relative;
  z-index: 2;
  animation: cir36 7s linear infinite;
}
.event-box-items .thumb-icon-box .date {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
}
.event-box-items .thumb-icon-box .date h3 {
  margin-bottom: -10px;
  font-size: 22px;
  line-height: 147%;
}
.event-box-items .thumb-icon-box .date h2 {
  margin-bottom: -10px;
  font-size: 22px;
  line-height: 147%;
}
.event-box-items .thumb-icon-box .date span {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--header);
}
.event-box-items .event-content {
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .event-box-items .event-content {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .event-box-items .event-content {
    text-align: center;
  }
}
.event-box-items .event-content span {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color);
  margin-bottom: 8px;
  display: inline-block;
}
.event-box-items .event-content h3 a {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .event-box-items .event-content h3 a {
    font-size: 18px;
  }
}
.event-box-items .event-content h3 a:hover {
  color: var(--theme-color-2);
}
.event-box-items .event-content p {
  font-size: 16px;
  line-height: 26px;
}

.event-details-wrapper .details-list-area {
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  z-index: 9;
  border: 1px solid #e5e5e5;
}
@media (max-width: 1199px) {
  .event-details-wrapper .details-list-area {
    padding: 30px 20px;
  }
}
@media (max-width: 991px) {
  .event-details-wrapper .details-list-area {
    padding: 30px 40px;
  }
}
.event-details-wrapper .details-list-area h2 {
  font-size: 22px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}
@media (max-width: 1199px) {
  .event-details-wrapper .details-list-area {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .event-details-wrapper .details-list-area {
    margin-top: 0;
  }
}
.event-details-wrapper .details-list-area .details-list {
  margin-bottom: 30px;
}
.event-details-wrapper .details-list-area .details-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
}
.event-details-wrapper .details-list-area .details-list li span {
  font-weight: 600 !important;
  color: var(--header);
  font-size: 16px;
}
.event-details-wrapper .details-list-area .details-list li span i {
  color: var(--theme-color-2);
  font-size: 20px;
}
.event-details-wrapper .details-list-area .event-btn .theme-btn {
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-details-wrapper .details-list-area .event-icon {
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}
.event-details-wrapper .details-list-area .event-icon span {
  color: var(--header);
  font-weight: 600;
  margin-right: 5px;
}
.event-details-wrapper .details-list-area .event-icon li a {
  height: initial;
  width: initial;
  margin-right: 5px;
  color: #58595B;
  background-color: transparent;
}
.event-details-wrapper .details-list-area .event-icon li a:hover {
  color: var(--theme-color-2);
}
.event-details-wrapper .map-items {
  margin-top: 30px;
}
.event-details-wrapper .map-items iframe {
  width: 100%;
  height: 300px;
  border-radius: 8px;
}
.event-details-wrapper .program-details-items .details-image img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.event-details-wrapper .program-details-items .details-content {
  margin-top: 40px;
}
.event-details-wrapper .program-details-items .details-content .post-items {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .event-details-wrapper .program-details-items .details-content .post-items {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.event-details-wrapper .program-details-items .details-content .post-items .post-date {
  display: inline-block;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 600;
  background-color: var(--theme-color);
  border-radius: 6px;
  color: var(--white);
}
.event-details-wrapper .program-details-items .details-content .post-items .post-date i {
  margin-right: 5px;
}
.event-details-wrapper .program-details-items .details-content .post-items .post-time {
  display: inline-block;
  padding: 7px 14px;
  font-size: 16px;
  font-weight: 600;
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
}
.event-details-wrapper .program-details-items .details-content .post-items .post-time i {
  margin-right: 5px;
}
.event-details-wrapper .program-details-items .details-content h2 {
  font-size: 44px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .event-details-wrapper .program-details-items .details-content h2 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .event-details-wrapper .program-details-items .details-content h2 {
    font-size: 24px;
  }
}
.event-details-wrapper .program-details-items .details-content h3 {
  font-size: 24px;
}
.event-details-wrapper .program-details-items .details-content p {
  font-size: 16px;
}
.event-details-wrapper .program-details-items .details-content .thumb img {
  border-radius: 14px 14px 0 0;
  width: 100%;
  height: 100%;
}
.event-details-wrapper .program-details-items .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .event-details-wrapper .program-details-items .about-author {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .event-details-wrapper .program-details-items .about-author {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .event-details-wrapper .program-details-items .about-author {
    margin-top: 20px;
  }
}
.event-details-wrapper .program-details-items .about-author .tel-btn {
  font-family: "Quicksand", Sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #F15F25;
}
.event-details-wrapper .program-details-items .about-author .tel-btn i {
  font-size: 20px;
  color: #F15F25;
  margin-right: 2px;
}

.shop-box-items {
  padding: 50px;
  border-radius: 12px;
  background: var(--white);
  text-align: center;
  box-shadow: 0 11px 50px 11px rgba(1, 53, 102, 0.05);
  transition: all 0.4s ease-in-out;
  border: 1px solid transparent;
}
.shop-box-items .shop-image {
  position: relative;
  z-index: 9;
  padding-top: 50px;
  transition: all 0.4s ease-in-out;
  height: 177px;
}
.shop-box-items .shop-image .sale-icon {
  border-radius: 4px;
  background: rgb(253, 249, 72);
  padding: 8px 14px;
  line-height: 1;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #404A3D;
  position: absolute;
  top: -20px;
  left: -25px;
}
.shop-box-items .shop-image .discount-icon {
  border-radius: 4px;
  background: var(--theme-color-2);
  padding: 8px 14px;
  line-height: 1;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  position: absolute;
  top: -20px;
  right: -25px;
}
.shop-box-items .shop-image .shop-icon {
  gap: 10px;
  position: absolute;
  bottom: -2%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  transition: all 0.4s ease-in-out;
}
.shop-box-items .shop-image .shop-icon li {
  transform: scaleX(0);
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
.shop-box-items .shop-image .shop-icon li a {
  background-color: var(--white);
  width: 37px;
  height: 37px;
  line-height: 37px;
  display: inline-block;
  color: #3C3C3C;
  text-align: center;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
}
.shop-box-items .shop-image .shop-icon li a:hover {
  background-color: var(--header);
  color: var(--white);
}
.shop-box-items .shop-image img {
  height: 100%;
}
.shop-box-items .content {
  margin-top: 40px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .shop-box-items .content {
    margin-top: 20px;
  }
}
.shop-box-items .content .star {
  color: #EDDD5E;
}
.shop-box-items .content h3 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 6px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
  .shop-box-items .content h3 {
    font-size: 16px;
  }
}
.shop-box-items .content h3 a:hover {
  color: var(--theme-color-2);
}
.shop-box-items .content ul {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 8px;
  justify-content: center;
}
.shop-box-items .content ul li {
  color: var(--theme-color-2);
  font-size: 18px;
  font-weight: 500;
}
.shop-box-items .content ul li del {
  color: rgba(241, 95, 37, 0.6);
  font-size: 18px;
  font-weight: 500;
}
.shop-box-items.style-inner {
  padding: 50px 0;
}
.shop-box-items.style-inner .shop-image {
  text-align: center;
}
.shop-box-items.style-inner .shop-image .sale-icon {
  top: -35px;
  left: 15px;
}
.shop-box-items.style-inner .shop-image .discount-icon {
  top: -35px;
  right: 15px;
}
.shop-box-items:hover {
  border: 1px solid var(--theme-color-2);
}
.shop-box-items:hover .shop-image .shop-icon li {
  transform: scaleX(1);
}
.shop-box-items.style-2 {
  margin-top: 30px;
}

@media (min-width: 991px) {
  .shop-main-sidebar {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .shop-main-sidebar {
    margin-top: 40px;
  }
}
.shop-main-sidebar .single-sidebar-widget {
  box-sizing: border-box;
  padding: 30px;
  margin-bottom: 40px;
  background-color: transparent;
  border: 1px solid rgba(60, 60, 60, 0.14);
  border-radius: 4px;
}
.shop-main-sidebar .single-sidebar-widget ul {
  padding-left: 0;
}
.shop-main-sidebar .single-sidebar-widget ul > li {
  margin-bottom: 10px;
}
.shop-main-sidebar .single-sidebar-widget ul > li a {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
.shop-main-sidebar .single-sidebar-widget ul > li a:hover {
  color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget ul ul {
  padding-left: 20px;
}
.shop-main-sidebar .single-sidebar-widget ul ul li {
  margin-top: 5px;
}
.shop-main-sidebar .single-sidebar-widget:last-child {
  margin-bottom: 0;
}
.shop-main-sidebar .single-sidebar-widget .wid-title {
  margin-bottom: 25px;
  padding-left: 45px;
  position: relative;
}
.shop-main-sidebar .single-sidebar-widget .wid-title::before {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 18px;
  border-radius: 5px;
  position: absolute;
  background-color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget .wid-title::after {
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 50%;
  position: absolute;
  background-color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget .wid-title h2 {
  font-size: 22px;
}
.shop-main-sidebar .single-sidebar-widget .social-link a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  font-size: 14px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.shop-main-sidebar .single-sidebar-widget .social-link a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item {
  overflow: hidden;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item:not(:last-child), .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item:not(:last-child) {
  margin-bottom: 35px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .thumb, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .thumb {
  height: 95px;
  width: 95px;
  background-color: #f2f2f2;
  float: left;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 8px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content {
  overflow: hidden;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content h3, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: capitalize;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content h3 a:hover, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content h3 a:hover {
  color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content .post-date, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content .post-date {
  margin-top: 10px;
  color: var(--theme-color-2);
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content .post-date i, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content .post-date i {
  margin-right: 7px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .thumb, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .thumb {
  border-radius: 8px;
  border: 1px solid rgba(60, 60, 60, 0.17);
  background: var(--white);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content {
  overflow: hidden;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content .star, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content .star {
  color: rgb(251, 188, 5);
  font-size: 14px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content h3, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: capitalize;
  margin-top: 5px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content h3 a:hover, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content h3 a:hover {
  color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content p, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content p {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color-2);
  margin-top: 5px;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li {
  display: block;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li:last-child a {
  margin-bottom: 0;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a {
  position: relative;
  background: var(--white);
  padding: 17px 20px;
  line-height: 1;
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a:hover {
  color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a i {
  margin-right: 10px;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a span {
  position: absolute;
  width: 60px;
  line-height: 55px;
  height: 100%;
  content: "";
  background-color: var(--theme-color-2);
  right: 0;
  top: 0;
  text-align: center;
  color: var(--white);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.shop-main-sidebar .tagcloud a {
  display: inline-block;
  padding: 12px 22px;
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 8px;
  text-transform: capitalize;
  margin-bottom: 10px;
  border-radius: 4px;
}
.shop-main-sidebar .tagcloud a:last-child {
  margin-right: 0;
}
.shop-main-sidebar .tagcloud a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.shop-main-sidebar .search_widget form {
  width: 100%;
  position: relative;
}
.shop-main-sidebar .search_widget form input {
  background-color: var(--white);
  font-size: 15px;
  padding: 20px;
  width: 100%;
  border: none;
  text-transform: capitalize;
  color: var(--header);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.shop-main-sidebar .search_widget form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  font-size: 18px;
  height: 100%;
  background-color: var(--theme-color-2);
  color: var(--white);
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.shop-main-sidebar .search_widget form button:hover {
  background-color: var(--header);
}

.price-range-wrapper {
  /* Custom thumb styling */
  /* Remove the default appearance for sliders in Firefox */
}
.price-range-wrapper .slider-container {
  position: relative;
  width: 100%;
}
.price-range-wrapper .price-text label {
  color: #1b1f2a;
  font-size: 16px;
  font-weight: 500;
}
.price-range-wrapper .price-text input {
  color: #1b1f2a;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
}
.price-range-wrapper .slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  background: #ddd; /* Default background */
  outline: none;
  position: absolute;
  top: 0;
  pointer-events: none;
}
.price-range-wrapper .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: var(--theme-color-2);
  cursor: pointer;
  border: 2px solid #fff;
  position: relative;
  z-index: 2;
  pointer-events: all;
}
.price-range-wrapper .slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: var(--theme-color-2);
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #000;
  z-index: 2;
  position: relative;
}
.price-range-wrapper .slider::-ms-thumb {
  width: 20px;
  height: 20px;
  background: var(--theme-color-2);
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #000;
  z-index: 2;
  position: relative;
}
.price-range-wrapper input[type=range]::-moz-range-track {
  background: transparent;
}

.shop-notices-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .shop-notices-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.shop-notices-wrapper .form .single-select {
  padding: 16px 20px;
  border: none;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  line-height: 1;
  height: initial;
  border: 1px solid #BFBFBF;
  background: #F2F2F2;
  color: var(--header);
  border-radius: 5px;
}
.shop-notices-wrapper .form .single-select::after {
  right: 20px;
  border-bottom: 2px solid var(--header);
  border-right: 2px solid var(--header);
  margin-top: -5px;
  width: 8px;
  height: 8px;
}
.shop-notices-wrapper .form .single-select .option {
  color: var(--text);
}
.shop-notices-wrapper .form .list {
  width: 100%;
}
.shop-notices-wrapper .form-clt {
  max-width: 300px;
  width: 100%;
  position: relative;
  z-index: 99;
}

.common-table {
  min-width: -moz-max-content;
  min-width: max-content;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.common-table .cart-item-thumb {
  width: 86px;
}
@media (max-width: 1399px) {
  .common-table .cart-item-thumb {
    flex-wrap: wrap;
  }
}
.common-table .cart-item-thumb .head {
  color: var(--header);
  font-size: 16px;
  text-transform: capitalize;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
}
.common-table .price-usd {
  font-size: 16px;
  font-weight: 600;
  color: #0A2803;
}
.common-table tr {
  border-bottom: 1px solid #E4E4E5;
}

.common-table thead,
.common-table tbody {
  width: 100%;
}

.common-table thead tr,
.common-table tbody tr {
  width: 100%;
  display: flex;
  box-sizing: border-box;
}

.common-table thead tr th,
.common-table thead tr td,
.common-table tbody tr th,
.common-table tbody tr td {
  width: 100%;
  box-sizing: border-box;
}

.common-table thead tr {
  color: #1B1F2A;
  border-bottom: unset;
  border-radius: 16px 16px 0 0;
  border-bottom: 1px solid #E4E4E5;
}

.common-table thead tr th {
  background: unset;
  color: unset;
  border: unset;
  font-size: 16px;
  padding-bottom: 16px;
}

.common-table tbody tr td {
  background: transparent;
  color: unset;
  box-sizing: border-box;
  border-bottom: unset;
}

.quantity button i {
  font-size: 16px;
}

.quantity .quantityValue {
  width: 40px;
  text-align: center;
  padding: 0;
  color: #000;
  border: unset;
}

@media (max-width: 767px) {
  .cart-list-area .table-responsive {
    overflow-x: scroll;
  }
}
@media (max-width: 991px) {
  .cart-list-area .table-responsive .table {
    width: 900px;
  }
}
.cart-list-area .coupon-items input {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(60, 60, 60, 0.3);
  padding: 18px 30px;
  color: var(--text);
  line-height: 1;
  border-radius: 16px;
}
.cart-list-area .theme-btn {
  transition: all 0.4s ease-in-out;
}
.cart-list-area .theme-btn::before {
  background-color: var(--header);
}
.cart-list-area .theme-btn:hover {
  color: var(--white);
}

.cart-total-area {
  margin-top: -10px;
}
.cart-total-area .theme-btn::before {
  background-color: var(--header);
}
.cart-total-area .theme-btn:hover {
  color: var(--white);
}
.cart-total-area h3 {
  font-size: 40px;
  margin-bottom: 5px;
}
.cart-total-area ul {
  margin-bottom: 50px;
}
.cart-total-area ul li {
  font-size: 20px;
  font-weight: 600;
  color: var(--header);
  display: flex;
  align-items: center;
  gap: 220px;
  border-bottom: 1px solid #E4E4E5;
  padding-bottom: 25px;
  padding-top: 25px;
}
.cart-total-area ul li .subtotal {
  color: #666C78;
  font-weight: 400;
  margin-left: -30px;
}
.cart-total-area ul li .price {
  font-weight: 700;
  font-size: 22px;
  flex-basis: 30%;
}

.checkout-radio {
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 24px;
}
.checkout-radio .primary-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 16px;
  color: var(--header);
  text-transform: capitalize;
}
.checkout-radio h2 {
  color: var(--header);
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 18px;
}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single .form-check-input {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  box-shadow: none;
  outline: none;
  border: 1px solid var(--border);
  font-weight: 500;
}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single label {
  color: var(--header);
  text-transform: capitalize;
}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 500px) {
  .checkout-radio {
    padding: 10px;
  }
}

.checkout-single-wrapper .checkout-single h2 {
  color: var(--header);
  margin-bottom: 2rem;
  font-weight: 600;
  font-size: 22px;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single textarea,
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .country-select,
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single input {
  width: 100%;
  outline: none;
  box-shadow: none;
  border: 1px solid var(--border);
  border-radius: 5px;
  padding: 12px 24px;
  color: var(--header);
  text-transform: capitalize;
  font-weight: 500;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single label {
  color: var(--header);
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-weight: 400;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single ::placeholder {
  color: var(--header);
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select {
  background-color: var(--white);
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select span {
  font-size: 18px;
  color: var(--header);
  font-weight: 500;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select::after {
  border-right: 1px solid var(--header);
  border-bottom: 1px solid var(--header);
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select .list {
  width: 100%;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select .option {
  background-color: rgba(103, 84, 233, 0.5);
  border: none;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .payment {
  color: var(--header);
  margin-bottom: 12px;
  text-transform: capitalize;
}
.checkout-single-wrapper .boxshado-single {
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 32px;
  margin-bottom: 24px;
}
@media (max-width: 575px) {
  .checkout-single-wrapper .boxshado-single {
    padding: 14px;
  }
}
.checkout-single-wrapper .checkout-single-bg {
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 32px;
}
.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single textarea,
.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single .country-select,
.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single input {
  border: 1px solid var(--border);
  background: transparent;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .checkout-single-wrapper .checkout-single-bg {
    padding: 14px;
  }
}
.checkout-single-wrapper .checkout-single-bg .payment-save {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.checkout-single-wrapper .checkout-single-bg .payment-save input {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--border);
  background-color: var(--theme-color);
  outline: none;
  color: var(--header);
}
.checkout-single-wrapper .checkout-single-bg .payment-save label {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}
.checkout-single-wrapper .theme-btn::before {
  background-color: var(--header);
}
.checkout-single-wrapper .theme-btn:hover {
  color: var(--white);
}

.shop-details-wrapper .shop-details-image {
  position: relative;
}
.shop-details-wrapper .shop-details-image img {
  width: 100%;
  height: 100%;
}
.shop-details-wrapper .shop-details-image .nav {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 10px;
  justify-content: center;
  position: relative;
  z-index: 9;
}
.shop-details-wrapper .shop-details-image .nav .nav-link {
  padding: 0;
  max-width: 115px;
  border: 1px solid rgba(60, 60, 60, 0.17);
  border-radius: 12px;
}
.shop-details-wrapper .shop-details-image .nav .nav-link img {
  border-radius: 12px;
}
.shop-details-wrapper .shop-details-image .shop-thumb {
  box-shadow: 0px 11px 50px 11px rgba(1, 53, 102, 0.05);
  border-radius: 12px;
}
.shop-details-wrapper .shop-details-image .shop-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.shop-details-wrapper .product-details-content {
  margin-left: 60px;
}
@media (max-width: 1399px) {
  .shop-details-wrapper .product-details-content {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  .shop-details-wrapper .product-details-content {
    margin-left: 0;
  }
}
.shop-details-wrapper .product-details-content h2 {
  font-size: 49px;
}
@media (max-width: 767px) {
  .shop-details-wrapper .product-details-content h2 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .shop-details-wrapper .product-details-content h2 {
    font-size: 32px;
  }
}
.shop-details-wrapper .product-details-content .star a {
  color: rgb(237, 221, 94);
  font-size: 16px;
  font-weight: 600;
}
.shop-details-wrapper .product-details-content .star span {
  margin-left: 10px;
}
.shop-details-wrapper .product-details-content .price-list {
  gap: 20px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 30px;
  margin-top: 30px;
}
.shop-details-wrapper .product-details-content .price-list ul {
  display: flex;
  gap: 25px;
  margin-top: 10px;
}
.shop-details-wrapper .product-details-content .price-list ul li {
  font-size: 40px;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
}
.shop-details-wrapper .product-details-content .price-list ul li del {
  color: var(--theme-color-2);
}
.shop-details-wrapper .product-details-content .cart-quantity {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 30px 0;
}
@media (max-width: 1199px) {
  .shop-details-wrapper .product-details-content .cart-quantity {
    flex-wrap: wrap;
  }
}
.shop-details-wrapper .product-details-content .cart-quantity .qty {
  display: flex;
  align-items: center;
  border: 1px solid #E4E4E5;
  padding: 16px 24px;
  line-height: 1;
  justify-content: space-between;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .shop-details-wrapper .product-details-content .cart-quantity .qty {
    text-align: center;
    width: 100%;
  }
}
.shop-details-wrapper .product-details-content .cart-quantity .qty button,
.shop-details-wrapper .product-details-content .cart-quantity .qty input {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header);
  font-weight: 400;
  font-size: 24px;
}
.shop-details-wrapper .product-details-content .cart-quantity .qty input {
  background-color: transparent;
  text-align: center;
  border-radius: 0;
  border: unset;
  outline: none;
}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn {
  width: 100%;
  background-color: var(--theme-color-2);
  color: var(--white);
  padding: 0 20px;
  height: 65px;
  line-height: 65px !important;
  text-align: center;
  line-height: 1;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  text-transform: capitalize;
  border-radius: 8px;
}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn i {
  margin-right: 10px;
}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn::before {
  background-color: var(--header);
}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 991px) {
  .shop-details-wrapper .product-details-content .cart-quantity .icon-item {
    text-align: center;
    width: 100%;
  }
}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item .icon {
  border: 1px solid #E4E4E5;
  padding: 16px 24px;
  transition: all 0.4s ease-in-out;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .shop-details-wrapper .product-details-content .cart-quantity .icon-item .icon {
    text-align: center;
    width: 100%;
  }
}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item .icon:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.shop-details-wrapper .product-details-content .details-info {
  position: relative;
}
.shop-details-wrapper .product-details-content .details-info:not(:last-child) {
  margin-bottom: 10px;
}
.shop-details-wrapper .product-details-content .details-info span {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  position: absolute;
  left: 0;
  top: 2px;
}
.shop-details-wrapper .product-details-content .details-info a {
  font-size: 16px;
  font-weight: 500;
  color: var(--text);
  margin-left: 150px;
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab {
  padding-top: 60px;
}
.shop-details-wrapper .single-tab p {
  font-size: 16px;
  font-weight: 400;
}
.shop-details-wrapper .single-tab .nav {
  justify-content: center;
  border-bottom: 1px solid var(--border);
  padding-bottom: 20px;
}
.shop-details-wrapper .single-tab .nav .nav-link {
  font-size: 18px;
  text-transform: capitalize;
  color: var(--header);
}
.shop-details-wrapper .single-tab .nav .nav-link.active {
  position: relative;
  color: var(--theme-color-2);
}
.shop-details-wrapper .single-tab .nav .nav-link.active::before {
  position: absolute;
  bottom: -21px;
  left: 0;
  height: 2px;
  width: 100%;
  content: "";
  background: var(--theme-color-2);
  transition: 0.3s;
}
@media (max-width: 470px) {
  .shop-details-wrapper .single-tab .nav .nav-link.active::before {
    display: none;
  }
}
.shop-details-wrapper .single-tab .description-items .description-content {
  margin-right: 50px;
}
@media (max-width: 1399px) {
  .shop-details-wrapper .single-tab .description-items .description-content {
    margin-right: 30px;
  }
}
@media (max-width: 991px) {
  .shop-details-wrapper .single-tab .description-items .description-content {
    margin-right: 0;
  }
}
.shop-details-wrapper .single-tab .description-items .description-content h3 {
  margin-bottom: 15px;
}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .description-items .description-content .description-list-items {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items .description-list li {
  font-size: 16px;
  text-transform: capitalize;
  color: var(--header);
  font-weight: 600;
}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items .description-list li span {
  color: var(--text);
  font-weight: 400;
}
@media (max-width: 767px) {
  .shop-details-wrapper .single-tab .review-items .admin-items {
    justify-content: center;
    gap: 30px;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .admin-img {
  width: 100px;
  height: 100px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .admin-img {
    margin-right: 0 !important;
    text-align: center;
    margin: 0 auto;
    margin-left: 0 !important;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .admin-img img {
  border-radius: 50%;
}
.shop-details-wrapper .single-tab .review-items .admin-items .content {
  position: relative;
  border: 1px solid var(--border);
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .content {
    text-align: center !important;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .content h5 {
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab .review-items .admin-items .content::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-color: var(--white);
  border-left: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  transform: rotate(45deg);
  top: 40%;
  left: -16px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .content::before {
    display: none;
  }
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .content .head-content {
    display: block !important;
    text-align: center;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .content .head-content h4 {
  text-transform: capitalize;
  font-weight: 500;
}
.shop-details-wrapper .single-tab .review-items .admin-items .content .head-content h4 span {
  font-size: 14px;
  margin-left: 30px;
}
.shop-details-wrapper .single-tab .review-items .admin-items .content .star i {
  font-size: 16px;
  color: var(--theme-color-2);
}
.shop-details-wrapper .single-tab .review-title h4 {
  font-weight: 500;
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab .review-title .rate-now {
  margin-top: 15px;
  gap: 15px;
}
.shop-details-wrapper .single-tab .review-title .rate-now p {
  font-size: 16px;
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab .review-title .rate-now i {
  font-size: 16px;
  color: var(--theme-color-2);
}
.shop-details-wrapper .single-tab .review-form {
  margin-top: 40px;
}
.shop-details-wrapper .single-tab .review-form .form-clt input {
  width: 100%;
  outline: none;
  border: none;
  padding: 18px 35px;
  color: var(--text);
  background-color: rgb(245, 245, 245);
  font-size: 16px;
  text-transform: capitalize;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-form .form-clt input {
    padding: 15px 20px;
  }
}
.shop-details-wrapper .single-tab .review-form .form-clt-big textarea {
  padding: 18px 35px 170px;
  width: 100%;
  outline: none;
  color: var(--text);
  background-color: rgb(245, 245, 245);
  font-size: 16px;
  border: none;
  border-radius: 8px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-form .form-clt-big textarea {
    padding: 15px 20px;
  }
}
.shop-details-wrapper .single-tab .review-form .theme-btn::before {
  background-color: var(--header);
}
.shop-details-wrapper .single-tab .review-form .theme-btn:hover {
  color: var(--white);
}

.counter-section {
  position: relative;
  padding-bottom: 100px !important;
}
@media (max-width: 1199px) {
  .counter-section {
    background-color: var(--theme-color);
  }
}
.counter-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 557"><path   d="M0 557V50.4519V9.38052C38.0396 29.9163 143.614 9.3805 277.289 9.38052C423 9.38054 552.217 -11.155 664 9.38069C806.815 39.6138 1257.86 9.38052 1341 9.38052C1472 9.38052 1746.15 -11.7257 1920 9.38052V551.866C1750 510.963 1254 529.787 1138 529.787C885.21 529.787 608 538.344 396 529.787C69.2597 502.406 130 551.866 0 557Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 700px;
}
@media (max-width: 1199px) {
  .counter-section::before {
    display: none;
  }
}
.counter-section .snake-shape {
  position: absolute;
  left: 0;
  bottom: 23%;
}
@media (max-width: 1199px) {
  .counter-section .snake-shape {
    display: none;
  }
}
.counter-section .sun-shape {
  position: absolute;
  right: 10%;
  top: -10%;
  z-index: 2 !important;
}
@media (max-width: 1199px) {
  .counter-section .sun-shape {
    display: none;
  }
}

.counter-section-two {
  position: relative;
}
.counter-section-two::before {
  display: none;
}
.counter-section-two .perashute-shape {
  position: absolute;
  top: 10%;
  left: 10%;
}
@media (max-width: 1199px) {
  .counter-section-two .perashute-shape {
    opacity: 0.2;
  }
}

.counter-section-three {
  position: relative;
  margin-top: -180px;
}

.counter-items {
  text-align: center;
  border-right: 1px dashed var(--white);
}
@media (max-width: 767px) {
  .counter-items {
    border-right: none;
  }
}
.counter-items .counter-box {
  margin-top: 10px;
}
.counter-items .counter-box .count {
  justify-content: center;
  display: flex;
  align-items: center;
}
.counter-items .counter-box .count .odometer {
  font-size: 50px;
  color: var(--white);
}
.counter-items .counter-box .count .plus {
  font-size: 50px;
  color: var(--white);
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
}
.counter-items .counter-box p {
  color: var(--white);
  margin-top: -10px;
  font-weight: 600;
  line-height: 1.44;
}

.counter-items-two {
  border-right: 1px dashed #C2C2C2;
}
@media (max-width: 575px) {
  .counter-items-two {
    border-right: none;
  }
}
.counter-items-two .counter-box .count .odometer {
  color: var(--theme-color-2) !important;
}
.counter-items-two .counter-box .count .plus {
  color: var(--theme-color-2);
}
.counter-items-two .counter-box p {
  color: var(--text);
}

.counter-wrapper {
  position: relative;
  padding: 70px 46px;
  margin-bottom: 15px;
  z-index: 999;
}
@media (max-width: 1199px) {
  .counter-wrapper {
    margin-bottom: 0;
  }
}
.counter-wrapper .shape {
  position: absolute;
  top: 30px;
  left: 15px;
  width: 1150px;
}
@media (max-width: 1399px) {
  .counter-wrapper .shape {
    display: none;
  }
}
.counter-wrapper .shape img {
  width: 100%;
  height: 100%;
}
.counter-wrapper .counter-bg-two {
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #EEEEEE;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1172 336"><path   d="M64.9969 329.017C64.9969 329.017 92.8619 334.147 465.682 330.043C838.462 325.938 1163.58 367.061 1168.73 277.819C1173.88 188.578 1172.23 83.0205 1168.73 51.2514C1165.23 19.4823 1210.55 8.12048e-06 973.634 1.84763e-05C736.721 2.88321e-05 448.231 7.11007e-06 281.001 1.02608C113.771 2.05215 31.6232 -6.07843 25.6722 30.782C19.7213 67.6554 9.26687 162.976 5.76867 203.966C2.27047 244.957 -22.0963 324.912 64.9969 329.017Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 329px;
}
@media (max-width: 1199px) {
  .counter-wrapper .counter-bg-two {
    height: 100%;
  }
}
.counter-wrapper .counter-items-3 {
  border-right: 1px dashed #C2C2C2;
  padding-right: 30px;
}
@media (max-width: 1199px) {
  .counter-wrapper .counter-items-3 {
    padding-right: 0;
    border-right: none;
  }
}
.counter-wrapper .counter-items-3 h6 {
  font-size: 18px;
  color: var(--text);
}
.counter-wrapper .counter-items-3 .tops {
  font-size: 18px;
  color: var(--text);
  font-weight: 600;
  color: "Quicksand", sans-serif;
}
.counter-wrapper .counter-items-3 .counter-box .count .odometer {
  color: var(--theme-color-2);
  font-size: 120px;
  font-weight: 400;
  line-height: 1;
  font-family: "Love Ya Like A Sister", Sans-serif;
  letter-spacing: 4px;
}
@media (max-width: 575px) {
  .counter-wrapper .counter-items-3 .counter-box .count .odometer {
    font-size: 90px;
  }
}
.counter-wrapper .counter-items-3 .counter-box .count .plus {
  color: var(--theme-color-2);
  font-size: 120px;
  font-weight: 400;
  line-height: 1;
  font-family: "Love Ya Like A Sister", Sans-serif;
}
.counter-wrapper .counter-items-3 p {
  font-size: 16px;
}

.counter-items-four .counter-box {
  text-align: center;
}
.counter-items-four .counter-box p {
  font-weight: 600;
}
.counter-items-four .counter-box .count {
  justify-content: center;
  display: flex;
  align-items: center;
}
.counter-items-four .counter-box .count .odometer {
  font-size: 90px;
  font-weight: 400;
  line-height: 1;
  color: var(--theme-color-2) !important;
  font-family: "Love Ya Like A Sister", Sans-serif;
}
.counter-items-four .counter-box .count .plus {
  font-size: 90px;
  font-weight: 400;
  line-height: 1;
  color: var(--theme-color-2) !important;
  font-family: "Love Ya Like A Sister", Sans-serif;
}

.program-section {
  position: relative;
}

.program-section-two {
  position: relative;
}

/*--- section one ---*/
.program-box-item {
  position: relative;
  padding: 30px 25px;
  text-align: center;
  margin: 0 auto;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .program-box-item {
    max-width: 270px;
  }
}
.program-box-item.style-2 {
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .program-box-item.style-2 {
    margin-top: 0;
  }
}
.program-box-item .top-bar {
  position: absolute;
  top: 6%;
  left: 5%;
}
.program-box-item .bottom-bar {
  position: absolute;
  bottom: 4%;
  right: 6%;
}
.program-box-item .program-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--bg-2);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 415"><path  d="M266.635 105.431C274.311 176.95 266.908 248.735 263.609 320.284C259.954 420.782 249.844 414.018 168.521 415C144.157 414.919 119.893 411.303 95.5383 411.314C65.7162 410.995 22.2524 417.891 7.99049 379.399C1.20104 356.882 4.79076 332.188 3.23826 308.761C2.3856 284.736 2.39289 260.691 3.18731 236.663C4.35965 195.011 4.29918 153.364 1.35373 111.812C-4.38196 54.2207 6.90291 24.3347 58.5684 11.3871C72.3773 8.40348 86.4768 7.84665 100.497 7.66471C114.475 4.89105 128.485 2.20982 142.614 0.72643C157.825 -0.796209 173.111 0.421422 188.327 1.23868C210.539 2.2322 236.367 6.46137 248.737 30.5761C262.577 52.1915 264.75 79.483 266.635 105.431Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.program-box-item .program-bg.bg-2 {
  background-color: #FFDEE4;
}
.program-box-item .program-bg.bg-3 {
  background-color: #E3E8FF;
}
.program-box-item .program-bg.bg-4 {
  background-color: #DBFFF9;
}
.program-box-item .program-icon {
  margin-bottom: 20px;
}
.program-box-item .program-content h3 {
  margin-bottom: 5px;
}
.program-box-item .program-content h3 a:hover {
  color: var(--theme-color);
}
.program-box-item .program-content p {
  margin-top: 30px;
}
.program-box-item:hover {
  transform: translateY(-10px);
}

/*--- section two ---*/
.program-wrapper .program-items {
  margin-top: 30px;
  padding: 0 18px 0 18px;
  text-align: center;
}
.program-wrapper .program-items .icon-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.program-wrapper .program-items .icon-box .icon {
  width: 121px;
  height: 121px;
  line-height: 121px;
  background: rgba(103, 84, 233, 0.12);
  text-align: center;
  border-radius: 50%;
  z-index: 2;
  position: relative;
}
.program-wrapper .program-items .icon-box .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 104px;
  height: 104px;
  content: "";
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
  background: rgba(103, 84, 233, 0.12);
}
.program-wrapper .program-items .icon-box .icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  content: "";
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
  background: var(--theme-color);
  z-index: -1;
}
.program-wrapper .program-items .icon-box .arrow-shape {
  position: absolute;
  top: 35%;
  right: -80px;
}
@media (max-width: 1199px) {
  .program-wrapper .program-items .icon-box .arrow-shape {
    display: none;
  }
}
.program-wrapper .program-items .program-content {
  margin-top: 28px;
}
@media (max-width: 1199px) {
  .program-wrapper .program-items .program-content {
    margin-top: 18px;
  }
}
.program-wrapper .program-items .program-content h3 {
  margin-bottom: 10px;
}
.program-wrapper .program-items .program-content p {
  font-size: 16px;
}
@media (max-width: 1600px) {
  .program-wrapper .program-items .program-content p {
    font-size: 15px;
  }
}

/*---->> program details start <<----*/
.program-details-wrapper .details-list-area {
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  z-index: 9;
  border: 1px solid #e5e5e5;
}
@media (max-width: 1199px) {
  .program-details-wrapper .details-list-area {
    padding: 30px 20px;
  }
}
@media (max-width: 991px) {
  .program-details-wrapper .details-list-area {
    padding: 30px 40px;
  }
}
.program-details-wrapper .details-list-area h2 {
  font-size: 22px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .details-list-area {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .program-details-wrapper .details-list-area {
    margin-top: 0;
  }
}
.program-details-wrapper .details-list-area .details-list {
  margin-bottom: 30px;
}
.program-details-wrapper .details-list-area .details-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
}
.program-details-wrapper .details-list-area .details-list li span {
  font-weight: 600 !important;
  color: var(--header);
  font-size: 16px;
}
.program-details-wrapper .details-list-area .details-list li span i {
  color: var(--theme-color-2);
  font-size: 20px;
}
.program-details-wrapper .details-list-area .program-btn .theme-two {
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.program-details-wrapper .details-list-area .program-btn .theme-btn {
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.program-details-wrapper .details-list-area .program-icon {
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}
.program-details-wrapper .details-list-area .program-icon span {
  color: var(--header);
  font-weight: 600;
  margin-right: 5px;
}
.program-details-wrapper .details-list-area .program-icon li a {
  height: 36px;
  width: 36px;
  line-height: 36px;
  border: 1px solid var(--theme-color-2);
  color: var(--theme-color-2);
  background-color: transparent;
  border-radius: 6px;
}
.program-details-wrapper .details-list-area .program-icon li a:hover {
  background-color: var(--theme-color-2);
  border: 1px solid transparent;
  color: var(--white);
}
.program-details-wrapper .discount-img {
  max-width: 474px;
  margin-top: 20px;
}
.program-details-wrapper .discount-img img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.program-details-wrapper .program-details-items .details-image img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.program-details-wrapper .program-details-items .details-content {
  margin-top: 40px;
}
.program-details-wrapper .program-details-items .details-content h2 {
  font-size: 44px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 24px;
  }
}
.program-details-wrapper .program-details-items .details-content h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.program-details-wrapper .program-details-items .details-content .details-author-area {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 20px 0;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-details-items .details-content .details-author-area {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
    margin-top: 20px;
  }
}
.program-details-wrapper .program-details-items .details-content .details-author-area .post {
  background-color: var(--theme-color);
  color: var(--white);
  padding: 4px 15px;
  border-radius: 8px;
  display: inline-block;
}
.program-details-wrapper .program-details-items .details-content .details-author-area .author-items {
  display: flex;
  align-items: center;
  gap: 10px;
}
.program-details-wrapper .program-details-items .details-content .details-author-area .class-list {
  display: flex;
  align-items: center;
  gap: 30px;
}
.program-details-wrapper .program-details-items .details-content .details-author-area .class-list li i {
  color: var(--theme-color-2);
}
.program-details-wrapper .program-details-items .details-content .discount-img {
  margin-top: 20px;
  max-width: 374px !important;
}
.program-details-wrapper .program-details-items .details-content .discount-img img {
  width: 100%;
  height: 100%;
}
.program-details-wrapper .program-details-items .details-content .list-items {
  margin-top: 20px;
  gap: 80px;
  display: flex;
  align-items: center;
}
@media (max-width: 1399px) {
  .program-details-wrapper .program-details-items .details-content .list-items {
    gap: 40px;
  }
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-details-items .details-content .list-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.program-details-wrapper .program-details-items .details-content .list-items .list li {
  font-size: 16px;
}
.program-details-wrapper .program-details-items .details-content .list-items .list li:not(:last-child) {
  margin-bottom: 10px;
}
.program-details-wrapper .program-details-items .details-content .list-items .list li svg {
  margin-right: 5px;
  color: var(--theme-color);
}
.program-details-wrapper .program-author-items {
  background-color: #FFEFF2;
  margin-top: 50px;
  border-radius: 16px;
  gap: 30px;
  padding: 22px 28px 22px 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.program-details-wrapper .program-author-items .thumb {
  margin-bottom: -39px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items .thumb {
    margin-bottom: 0;
  }
}
.program-details-wrapper .program-author-items .content span {
  font-size: 14px;
  font-weight: 600;
  color: #F15F25;
  margin-bottom: 5px;
}
.program-details-wrapper .program-author-items .content h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.program-details-wrapper .program-author-items .content .program-progress .title {
  font-size: 16px;
  font-family: "Source Sans Pro", Sans-serif;
}
.program-details-wrapper .programs-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .programs-box {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.program-details-wrapper .programs-box .program {
  background-image: url(../images/image1.jpg);
  border-radius: 11px;
  position: relative;
  padding: 15px 30px 20px;
  min-width: 270px;
}
.program-details-wrapper .programs-box .program::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  content: "";
  border-radius: 11px;
  background: rgba(7, 7, 19, 0.77);
}
.program-details-wrapper .programs-box .program a {
  position: relative;
}
.program-details-wrapper .programs-box .program a h4 {
  color: var(--white);
  margin-bottom: 12px;
}
.program-details-wrapper .programs-box .program a h5 {
  color: var(--white);
}
.program-details-wrapper .programs-box .program a h5 i {
  font-size: 10px;
}
.program-details-wrapper .programs-box .next-prog {
  background-image: url(../images/image2.jpg);
  text-align: end;
}
.program-details-wrapper .programs-box .next-prog::before {
  background: rgba(241, 95, 37, 0.85);
}

.pricing-section {
  position: relative;
}
.pricing-section::before {
  background-color: #FAF5F2;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  top: -45% !important;
}
.pricing-section::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--theme-color);
  content: "";
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 685"><path   d="M0 684.634V50.4519V9.38052C38.0396 29.9163 143.614 9.3805 277.289 9.38052C423 9.38054 552.217 -11.155 664 9.38069C806.815 39.6138 1257.86 9.38052 1341 9.38052C1472 9.38052 1746.15 -11.7257 1920 9.38052V679.5C1750 638.596 1254 657.421 1138 657.421C885.21 657.421 608 665.978 396 657.421C69.2597 630.04 130 679.5 0 684.634Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  top: 53%;
  z-index: -1;
}
.pricing-section .snake-shape {
  position: absolute;
  left: 0;
  top: 14%;
  animation: wind-blow 5s linear infinite;
}
@media (max-width: 1399px) {
  .pricing-section .snake-shape {
    opacity: 0.2;
  }
}
.pricing-section .crown-shape {
  position: absolute;
  left: 22%;
  top: 9%;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1399px) {
  .pricing-section .crown-shape {
    opacity: 0.2;
  }
}
.pricing-section .tubelight-shape {
  position: absolute;
  right: 12%;
  top: 26%;
  animation: rounded 6s linear infinite;
}
@media (max-width: 1399px) {
  .pricing-section .tubelight-shape {
    opacity: 0.2;
  }
}
.pricing-section .busket-shape {
  position: absolute;
  left: 2%;
  bottom: 15%;
}
@media (max-width: 1399px) {
  .pricing-section .busket-shape {
    opacity: 0.2;
  }
}
.pricing-section .sky-shape {
  position: absolute;
  left: 24%;
  bottom: 20%;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1399px) {
  .pricing-section .sky-shape {
    opacity: 0.2;
  }
}
.pricing-section .star-shape {
  position: absolute;
  right: 24%;
  bottom: 23%;
  animation: zoom 1s linear infinite;
}
@media (max-width: 1399px) {
  .pricing-section .star-shape {
    opacity: 0.2;
  }
}
.pricing-section .flower-shape {
  position: absolute;
  right: 8%;
  bottom: -28px;
  animation: wind-blow 5s linear infinite;
}
@media (max-width: 1199px) {
  .pricing-section .flower-shape {
    opacity: 0.2;
  }
}

.pricing-section-two {
  position: relative;
}
.pricing-section-two::before {
  content: none;
}
.pricing-section-two::after {
  content: none;
}
.pricing-section-two .butterfly-shape {
  position: absolute;
  right: 5%;
  top: 21%;
}
@media (max-width: 1399px) {
  .pricing-section-two .butterfly-shape {
    opacity: 0.3;
  }
}
@media (max-width: 1199px) {
  .pricing-section-two .pricing-title br {
    display: none;
  }
  .pricing-section-two .pricing-title p {
    max-width: 700px;
  }
}
@media (max-width: 991px) {
  .pricing-section-two .pricing-title {
    flex-wrap: wrap !important;
    justify-content: center !important;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .pricing-section-two .pricing-title .pricing-button {
    margin-top: 20px;
  }
}
.pricing-section-two .pricing-title p {
  font-size: 16px;
}

.pricing-style {
  margin-top: -65px;
  padding: 185px 0 120px;
}

.pricing-style2::before {
  display: none;
}

.pricing-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 60px;
}
.pricing-wrapper .pricing-header span {
  color: var(--header);
  font-size: 22px;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}
.pricing-wrapper.pricing-wrapper-3 {
  display: initial;
  grid-template-columns: initial;
  margin-top: initial;
}
@media (max-width: 1199px) {
  .pricing-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .pricing-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .pricing-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.pricing-wrapper .pricing-items {
  position: relative;
  background-color: var(--white);
  border-radius: 32px;
  margin-top: 30px;
  outline: 2px dashed rgba(241, 95, 37, 0.37);
  outline-offset: -15px;
  border-radius: 32px 0 0 32px;
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items.new-border {
    border: 2px dashed rgba(241, 95, 37, 0.37) !important;
  }
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items {
    border-radius: 30px;
    outline: none;
    outline-offset: initial;
  }
}
.pricing-wrapper .pricing-items .top-text {
  background-color: #FFE800;
  border-radius: 23px 23px 0 0;
  text-align: center;
  padding: 10px 0;
  top: -45px;
  left: 0;
  width: 100%;
  position: absolute;
  font-size: 22px;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}
.pricing-wrapper .pricing-items .pricing-content {
  padding: 40px 10px 40px 40px;
  border-radius: 32px;
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items .pricing-content {
    padding: 25px;
  }
}
.pricing-wrapper .pricing-items .pricing-content .pricing-header {
  margin-bottom: 15px;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-header h3 {
  font-weight: 600;
  margin-bottom: 20px;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-rate {
  margin-bottom: 5px;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-rate h2 {
  color: var(--theme-color);
  font-weight: bold;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-rate h2 span {
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
}
.pricing-wrapper .pricing-items .pricing-content .pricing-list {
  margin-bottom: 35px;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-list li {
  display: flex;
  align-items: center;
  font-weight: 400;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-list li i {
  margin-right: 10px;
  color: var(--white);
  height: 17px;
  width: 17px;
  font-size: 10px;
  line-height: 17px;
  margin-bottom: 2px;
  text-align: center;
  background-color: var(--theme-color);
  border-radius: 50%;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-list li:not(:last-child) {
  margin-bottom: 15px;
}
.pricing-wrapper .pricing-items.items-two {
  border-radius: 0 0 32px 32px;
  margin-bottom: -45px;
  margin-left: -15px;
  margin-right: -15px;
  z-index: 999;
  outline-offset: -2px;
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items.items-two {
    margin-top: 60px;
    outline-offset: initial;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .pricing-wrapper .pricing-items.items-two {
    margin-top: 30px;
  }
}
.pricing-wrapper .pricing-items.items-two .top-text {
  font-size: 18px;
  font-weight: 600;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
}
.pricing-wrapper .pricing-items.items-three {
  border-radius: 0 32px 32px 0;
  z-index: 0;
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items.items-three {
    border-radius: 30px;
  }
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items.style-margin {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }
}

.pricing-title p {
  margin-top: 20px;
  font-size: 16px;
}
.pricing-title .pricing-button {
  display: grid;
}
.pricing-title .pricing-button a {
  font-size: 22px;
}
.pricing-title .pricing-button a i {
  font-size: 22px;
  margin-right: 5px;
}
.pricing-title .pricing-button span {
  font-size: 16px;
  display: inline-flex;
  margin-bottom: 10px;
  color: #5C707E;
}

.pricing-wrapper-two .pricing-items-two {
  outline: none;
  position: relative;
  margin-top: 30px;
}
.pricing-wrapper-two .pricing-items-two::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #F7FAE2;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370 597"><path   d="M8.45479 28.7016C7.73472 31.575 7.30819 34.5291 6.96913 37.472C5.60833 49.2829 3.09458 91.5868 6.56025 237.212C11.0798 427.101 -34.2042 592.712 64.068 595.334C162.34 597.956 278.579 597.116 313.562 595.334C348.546 593.552 370 616.635 370 495.955C370 375.275 370 228.323 368.87 143.138C367.74 57.9532 376.694 16.1084 336.103 13.0771C295.499 10.0457 190.533 4.72042 145.394 2.93848C101.819 1.21825 18.2555 -10.4088 8.45479 28.7016Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media (max-width: 1199px) {
  .pricing-wrapper-two .pricing-items-two::before {
    mask: none;
    border-radius: 12px;
  }
}
.pricing-wrapper-two .pricing-items-two.style-two {
  margin-left: 0;
  margin-right: 0;
  margin-top: 55px;
  position: relative;
  z-index: 88;
}
.pricing-wrapper-two .pricing-items-two.style-two::before {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370 649"><path   d="M8.30416 31.8871C7.74138 34.5797 7.34944 37.3439 7.04111 40.0774C5.70031 51.964 3.0325 96.7285 6.56025 257.873C11.0798 464.302 -34.2042 644.339 64.068 647.189C162.34 650.039 278.579 649.126 313.562 647.189C348.546 645.252 370 670.345 370 539.154C370 407.962 370 248.21 368.87 155.605C367.74 63.001 376.694 17.5115 336.103 14.2161C295.499 10.9207 190.533 5.13157 145.394 3.19443C101.586 1.31437 17.3622 -11.4506 8.30416 31.8871Z" /></svg>');
  background-color: #FFDEE4;
  height: 642px;
}
@media (max-width: 1399px) {
  .pricing-wrapper-two .pricing-items-two.style-two::before {
    height: 623px;
  }
}
@media (max-width: 1199px) {
  .pricing-wrapper-two .pricing-items-two.style-two::before {
    mask: none;
    border-radius: 12px;
    height: initial;
  }
}
.pricing-wrapper-two .pricing-items-two.style-3::before {
  background-color: #E3E8FF;
}
.pricing-wrapper-two .pricing-items-two .pricing-content {
  position: relative;
  z-index: 2;
}
.pricing-wrapper-two .pricing-items-two .Popular {
  position: absolute;
  background-color: var(--theme-color-2);
  border-radius: 16px;
  z-index: 2;
  padding: 5px 15px;
  color: var(--white);
  font-weight: 600;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -15px;
  font-size: 18px;
}

.classes-section {
  position: relative;
}
.classes-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 944"><path   d="M1835.26 14.7351C1868.35 -11.2281 1905.54 6.90141 1920 19.2116L1919.87 944L-8.25271e-05 944L0.13391 10.2586C23.5396 -5.18508 48.2231 3.82371 57.6392 10.2586C75.7987 24.3593 92.1086 20.2372 97.9937 16.4136C127.452 -6.19225 153.649 1.21248 163.065 7.74058C185.664 23.8557 201.738 20.2373 206.951 16.4137C238.427 -5.07314 264.456 1.67878 273.536 7.74059C293.309 23.8557 308.005 20.2373 312.881 16.4137C344.358 -5.96841 369.041 1.30576 377.449 7.7406C396.415 23.6319 415.617 20.144 422.847 16.4137C452.306 -5.07312 479.512 1.6788 489.432 7.74061C509.206 26.3177 527.937 21.2631 534.831 16.4137C562.676 -7.0875 592.168 2.70466 603.434 10.5384C619.172 23.52 632.186 19.8643 636.726 16.4137C667.799 -6.63985 692.718 -0.466125 701.294 5.50243C721.471 25.6463 741.648 21.1699 749.215 16.4137C779.884 -6.86366 806.047 2.61142 815.295 10.2586C837.086 25.2546 855.313 18.9317 861.703 13.8957C891.969 -7.59104 919.04 2.51819 928.792 10.2586C943.32 25.2546 959.731 18.9317 966.12 13.8958C995.983 -7.14339 1023.29 2.70471 1033.21 10.2587C1053.79 25.7023 1071.04 19.1182 1077.1 13.8958C1103.33 -7.14338 1133.76 2.70472 1145.7 10.2587C1163.05 27.269 1182.52 18.8385 1190.09 12.4969C1215.51 -6.30407 1242.38 3.17101 1252.64 10.2587C1267.97 24.5832 1284.92 18.652 1291.48 13.8958C1313.67 -5.35281 1339.74 0.653055 1349.99 6.06206C1371.38 25.0868 1392.53 19.2115 1400.44 13.8958C1424.65 -5.80044 1452.22 1.77217 1462.99 8.0205C1486.39 27.0453 1504.35 19.8644 1510.4 13.8958C1532.19 -4.4575 1558.49 1.02611 1568.92 6.06208C1585.46 26.6536 1610.78 18.3722 1621.38 11.6576C1648.41 -7.81482 1675.01 3.54409 1684.93 11.6576C1704.31 25.3107 1720.92 17.3464 1726.8 11.6576C1740.93 3.26432 1768.67 -4.56941 1792.88 11.6576C1812.25 24.6392 1829.2 19.1183 1835.26 14.7351Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.classes-section .perasute-shape {
  position: absolute;
  top: 16%;
  left: 25%;
}
.classes-section .crown-shape {
  position: absolute;
  top: 23%;
  right: 16%;
  animation: rounded 6s linear infinite;
}
.classes-section .star-shape {
  position: absolute;
  top: 59%;
  left: 3%;
  animation: zoom 1s linear infinite;
}
.classes-section .zikzak-shape {
  position: absolute;
  bottom: 10%;
  left: 8%;
  animation: rounded2 6s linear infinite;
}
.classes-section .border-shape {
  position: absolute;
  bottom: 10%;
  right: 0;
  animation: wind-blow 5s linear infinite;
}

.breadcrumb-classes::before {
  content: none;
}

.classes-section-two {
  position: relative;
  background-image: url(../images/clsss-bg.png);
  background-position: top center;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .classes-section-two {
    background-image: none;
    background-color: var(--theme-color);
  }
}
.classes-section-two::before {
  content: none;
}
.classes-section-two .classes-wrapper {
  background-color: var(--theme-color);
  padding-bottom: 120px;
}
.classes-section-two .classes-wrapper .love-shape {
  position: absolute;
  left: 5%;
  top: 37%;
}
.classes-section-two .classes-wrapper .border-shape {
  position: absolute;
  top: 37%;
  right: 0;
  animation: wind-blow 5s linear infinite;
}

.classes-section-three {
  position: relative;
}
.classes-section-three .zikzak-shape2 {
  position: absolute;
  bottom: 23%;
  left: 9%;
  animation: rounded2 5s linear infinite;
}
.classes-section-three .swiper-slide {
  margin-bottom: 45px;
}
@media (max-width: 1399px) {
  .classes-section-three .swiper-slide {
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .classes-section-three .swiper-slide {
    margin-bottom: 0;
  }
}

.classes-box-item {
  position: relative;
  background-color: var(--white);
  border-radius: 16px;
  margin-top: 30px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.classes-box-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #FDF948;
  transform: scale(0);
  transform-origin: bottom left;
  z-index: 0;
  transition: all 0.4s ease-in-out;
}
.classes-box-item .classes-image {
  position: relative;
  padding: 20px 20px 0 20px;
}
.classes-box-item .classes-image .date-box {
  position: absolute;
  top: 13%;
  left: 10%;
  background-color: var(--theme-color);
  padding: 10px 12px;
  border-radius: 10px;
  line-height: 1;
}
.classes-box-item .classes-image .date-box span {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
}
.classes-box-item .classes-image .date-box span i {
  margin-right: 10px;
}
.classes-box-item .classes-image img {
  width: 100%;
  height: 100%;
}
.classes-box-item .classes-content {
  padding: 30px;
  position: relative;
  z-index: 1;
}
.classes-box-item .classes-content .location {
  margin-bottom: 15px;
}
.classes-box-item .classes-content .location span {
  color: var(--text);
}
.classes-box-item .classes-content .location span i {
  color: var(--theme-color-2);
}
.classes-box-item .classes-content h3 {
  border-bottom: 1px dashed var(--theme-color-2);
  padding-bottom: 30px;
}
.classes-box-item .classes-content h3 a {
  transition: color 0.3s ease;
}
.classes-box-item .classes-content h3 a:hover {
  color: var(--theme-color-2);
}
.classes-box-item .classes-content h2 {
  border-bottom: 1px dashed var(--theme-color-2);
  padding-bottom: 30px;
  font-size: 22px;
}
.classes-box-item .classes-content h2 a {
  transition: color 0.3s ease;
}
.classes-box-item .classes-content h2 a:hover {
  color: var(--theme-color-2);
}
.classes-box-item .classes-content .classes-rate {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .classes-box-item .classes-content .classes-rate {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.classes-box-item .classes-content .classes-rate p {
  font-size: 16px;
  font-weight: 400;
}
.classes-box-item .classes-content .classes-rate .rate ul {
  display: flex;
  gap: 5px;
}
.classes-box-item .classes-content .classes-rate .rate ul li i {
  color: var(--theme-color-2);
  font-size: 16px;
}
.classes-box-item .classes-content .classes-rate .rate ul li:last-child i {
  color: #808080;
}
.classes-box-item .classes-content .theme-btn {
  border: 1px solid var(--theme-color-2);
  background-color: transparent;
  border-radius: 22px;
  color: var(--theme-color-2);
}
.classes-box-item .classes-content .theme-btn::before {
  background-color: var(--theme-color);
}
.classes-box-item .classes-content .theme-btn:hover {
  color: var(--white);
  border: 1px solid var(--theme-color);
}
.classes-box-item:hover {
  transform: translateY(-8px);
  transition: all 0.4s ease-in-out;
}
.classes-box-item:hover::before {
  transform: scale(1);
  transition: all 0.4s ease-in-out;
}
.classes-box-item:hover .theme-btn {
  background-color: var(--theme-color-2);
  color: var(--white);
  border: 1px solid var(--theme-color-2);
}
.classes-box-item.active::before {
  transform: scale(1);
  transition: all 0.4s ease-in-out;
}
.classes-box-item.active .theme-btn {
  background-color: var(--theme-color-2);
  color: var(--white);
  border: 1px solid var(--theme-color-2);
}

.classes-activitis-items {
  position: relative;
  padding: 50px 22px 22px;
  margin-top: 30px;
  z-index: 2;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .classes-activitis-items {
    border-radius: 10px;
    padding: 30px;
    padding-top: 0;
  }
}
.classes-activitis-items::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370 616"><path   d="M7.69014 34.1622C7.69014 34.1622 2.04067 48.808 6.56025 244.761C11.0798 440.693 -34.2042 611.576 64.068 614.281C162.34 616.986 278.579 616.12 313.562 614.281C348.546 612.442 370 636.26 370 511.739C370 387.219 370 235.589 368.87 147.693C367.74 59.7976 376.694 16.6211 336.103 13.4933C295.499 10.3655 190.533 4.87065 145.394 3.032C100.256 1.19335 12.2097 -11.6138 7.69014 34.1622Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .classes-activitis-items::before {
    border-radius: 10px;
    background-color: var(--white);
    mask: none;
    top: 23px;
    height: initial;
  }
}
.classes-activitis-items .arrow-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -70px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .classes-activitis-items .arrow-icon {
    margin-top: 0;
  }
}
.classes-activitis-items .arrow-icon a {
  background-color: var(--theme-color-2);
  width: 50px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 14px;
}
.classes-activitis-items .arrow-icon a i {
  color: var(--white);
}
.classes-activitis-items .classes-activitis-content {
  padding: 14px 22px 0;
}
@media (max-width: 1199px) {
  .classes-activitis-items .classes-activitis-content {
    padding: 0;
    margin-bottom: 10px;
  }
}
.classes-activitis-items .classes-activitis-content .classes-top {
  border-bottom: 2px dashed rgba(241, 95, 37, 0.37);
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.classes-activitis-items .classes-activitis-content .classes-top h4 {
  color: var(--theme-color-2);
  margin-bottom: 5px;
}
.classes-activitis-items .classes-activitis-content .classes-top span {
  color: var(--theme-color-2);
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
}
.classes-activitis-items .classes-activitis-content .classes-top h3 {
  font-size: 28px;
  margin-bottom: 10px;
}
.classes-activitis-items .classes-activitis-content .classes-top h3:hover a {
  color: var(--theme-color-2);
}
.classes-activitis-items .classes-activitis-content .classes-top h2 {
  font-size: 28px;
  margin-bottom: 10px;
}
.classes-activitis-items .classes-activitis-content .classes-top h2:hover a {
  color: var(--theme-color-2);
}
.classes-activitis-items .classes-activitis-content .classes-list {
  margin-bottom: 15px;
}
.classes-activitis-items .classes-activitis-content .classes-list li {
  display: flex;
  align-items: center;
  font-weight: 400;
}
.classes-activitis-items .classes-activitis-content .classes-list li i {
  margin-right: 10px;
  color: var(--white);
  height: 17px;
  width: 17px;
  font-size: 10px;
  line-height: 17px;
  margin-bottom: 2px;
  text-align: center;
  background-color: var(--theme-color);
  border-radius: 50%;
}
.classes-activitis-items .classes-activitis-content .classes-list li:not(:last-child) {
  margin-bottom: 8px;
}
.classes-activitis-items .classes-activitis-image {
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 322 215"><path d="M7.13773 13.1475C7.13773 13.1475 2.23329 18.7869 6.1599 94.199C10.0865 169.611 -30.2797 209.827 55.1279 210.867C140.536 211.907 242.551 215.426 272.956 214.726C303.36 214.016 322 223.185 322 175.261C322 127.336 322 90.6794 321.022 56.8529C320.044 23.0265 327.821 6.40825 292.543 5.19837C257.264 3.9885 166.036 1.87872 126.8 1.16879C87.5645 0.458865 11.0491 -4.47062 7.13773 13.1475Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 214px;
  transition: all 2s ease-in-out;
}
@media (max-width: 1199px) {
  .classes-activitis-items .classes-activitis-image {
    mask: none;
  }
}
.classes-activitis-items .classes-activitis-image img {
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .classes-activitis-items .classes-activitis-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
  }
}
.classes-activitis-items:hover .arrow-icon a {
  background-color: var(--bg-3);
}
.classes-activitis-items:hover .classes-activitis-image img {
  transform: scale(1.1);
  transition: all 0.4s ease-in-out;
}

.classes-wrapper-three .classes-array .array-prev {
  background-color: transparent;
  border: 1px solid var(--white);
}
.classes-wrapper-three .classes-array .array-prev:hover {
  border: 1px solid transparent;
}
.classes-wrapper-three .classes-array .array-next {
  background-color: var(--theme-color-2);
}
.classes-wrapper-three .classes-array .array-next:hover {
  border: 1px solid var(--white);
  background-color: transparent;
}
.classes-wrapper-three .classes-slider .classes-items-three {
  padding: 30px 22px 0px;
}
@media (max-width: 1199px) {
  .classes-wrapper-three .classes-slider .classes-items-three {
    padding: 20px 20px;
    background-color: var(--white);
    border-radius: 10px;
  }
  .classes-wrapper-three .classes-slider .classes-items-three::before {
    display: none;
  }
}
.classes-wrapper-three .classes-slider .classes-items-three::before {
  height: 609px;
}
@media (max-width: 1199px) {
  .classes-wrapper-three .classes-slider .classes-items-three::before {
    height: initial;
  }
}
.classes-wrapper-three .classes-slider .classes-items-three .date-box {
  position: absolute;
  top: 7%;
  left: 10%;
  background-color: var(--theme-color);
  padding: 5px 15px;
  border-radius: 10px;
  z-index: 2;
}
.classes-wrapper-three .classes-slider .classes-items-three .date-box span {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
}
.classes-wrapper-three .classes-slider .classes-items-three .date-box span i {
  margin-right: 10px;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three {
  padding: 18px 10px 10px;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-top {
  padding-bottom: 25px;
  margin-bottom: 30px;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-top span {
  font-size: 16px;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--text);
  font-weight: 500;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-top span i {
  color: var(--theme-color-2);
  margin-right: 5px;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-top h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-top h3 {
    font-size: 18px;
  }
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-time {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-time li span {
  color: var(--theme-color-2);
  margin-bottom: 5px;
  display: inline-block;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-time li h4 {
  color: var(--header);
  font-size: 16px;
  font-weight: 600;
}

.classes-info-section {
  position: relative;
}

.classes-info-wrapper {
  padding: 100px 0 70px;
}
@media (max-width: 991px) {
  .classes-info-wrapper {
    padding-top: 80px;
  }
}
.classes-info-wrapper .classes-video-box .classes-image {
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 282 179"><path d="M6.25106 10.9461C6.25106 10.9461 1.95586 15.6412 5.39469 78.4262C8.83353 141.211 -26.5182 174.693 48.2798 175.559C123.078 176.425 212.42 179.355 239.048 178.772C265.676 178.181 282 185.815 282 145.915C282 106.014 282 75.4959 281.144 47.3334C280.287 19.1709 287.098 5.33524 256.202 4.32795C225.306 3.32066 145.41 1.56414 111.049 0.973086C76.6869 0.382032 9.67651 -3.72205 6.25106 10.9461Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 166px;
}
@media (max-width: 1199px) {
  .classes-info-wrapper .classes-video-box .classes-image {
    mask: none;
    height: initial;
  }
  .classes-info-wrapper .classes-video-box .classes-image img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
  }
}
.classes-info-wrapper .classes-video-box .classes-image .classes-info-wave {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.classes-info-wrapper .classes-video-box .classes-image .classes-info-wave .vw-style {
  background-color: var(--white);
}
.classes-info-wrapper .classes-video-box .classes-image .classes-info-wave .video-icon {
  background-color: var(--white);
}
.classes-info-wrapper .classes-video-box .classes-image .classes-info-wave .video-icon::before {
  border: 1px solid transparent;
}
.classes-info-wrapper .classes-video-box .classes-image .classes-info-wave .video-icon i {
  color: var(--theme-color);
  font-size: 16px;
}
.classes-info-wrapper .classes-counter-box {
  position: relative;
  padding: 24px 40px;
}
@media (max-width: 1199px) {
  .classes-info-wrapper .classes-counter-box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.classes-info-wrapper .classes-counter-box::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 282 179"><path d="M6.25106 10.9461C6.25106 10.9461 1.95586 15.6412 5.39469 78.4262C8.83353 141.211 -26.5182 174.693 48.2798 175.559C123.078 176.425 212.42 179.355 239.048 178.772C265.676 178.181 282 185.815 282 145.915C282 106.014 282 75.4959 281.144 47.3334C280.287 19.1709 287.098 5.33524 256.202 4.32795C225.306 3.32066 145.41 1.56414 111.049 0.973086C76.6869 0.382032 9.67651 -3.72205 6.25106 10.9461Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  height: 166px;
}
@media (max-width: 1199px) {
  .classes-info-wrapper .classes-counter-box::before {
    height: 100%;
    mask: none;
    border-radius: 12px;
  }
}
.classes-info-wrapper .classes-counter-box .counter-box {
  position: relative;
  z-index: 5;
  text-align: center;
}
.classes-info-wrapper .classes-counter-box .counter-box .count {
  display: flex;
  justify-content: center;
  align-items: center;
}
.classes-info-wrapper .classes-counter-box .counter-box .count h3 {
  font-size: 80px;
  font-weight: 400;
  line-height: 1;
  color: var(--theme-color-2);
  font-family: "Love Ya Like A Sister", Sans-serif;
}
.classes-info-wrapper .classes-counter-box .counter-box .count .plus {
  font-size: 80px;
  font-weight: 400;
  line-height: 1;
  color: var(--theme-color-2);
  font-family: "Love Ya Like A Sister", Sans-serif;
}
.classes-info-wrapper .classes-counter-box .counter-box p {
  color: #4B5563;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .classes-info-wrapper .classes-info-buttton {
    text-align: center;
  }
}
.classes-info-wrapper .classes-info-buttton p {
  font-size: 22px;
  color: var(--white);
  margin-bottom: 30px;
  line-height: 155%;
  text-transform: capitalize;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
}
@media (max-width: 767px) {
  .classes-info-wrapper .classes-info-buttton p {
    font-size: 18px;
    text-align: center;
  }
}

.gallery-section {
  position: relative;
}
.gallery-section .item-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  height: 36px;
}
.gallery-section .item-bg img {
  object-fit: cover;
}
.gallery-section .item-bg-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleY(-1);
  z-index: 9;
  height: 36px;
}
.gallery-section .item-bg-2 img {
  object-fit: cover;
  height: 100%;
}

/*--- section one ---*/
.gallery-wrapper .gallery-image {
  height: 288px;
  position: relative;
  overflow: hidden;
}
.gallery-wrapper .gallery-image .img-popup {
  width: 100%;
  height: 100%;
}
.gallery-wrapper .gallery-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}
.gallery-wrapper .gallery-image::before {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(0.7);
  content: "";
  position: absolute;
  background: rgba(244, 91, 30, 0.68);
  z-index: 1;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  border-radius: 16px;
}
.gallery-wrapper .gallery-image .icon {
  position: absolute;
  font-size: 38px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  color: var(--white);
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.gallery-wrapper .gallery-image:hover::before {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.gallery-wrapper .gallery-image:hover .icon {
  opacity: 1;
}
.gallery-wrapper .gallery-image.image-2 {
  height: 100%;
}
.gallery-wrapper .gallery-image.image-2 a {
  height: 100%;
}

.gallery-wrapper-3 {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .gallery-wrapper-3 {
    margin-top: 30px;
  }
}
.gallery-wrapper-3 .gallery-image-3 {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .gallery-wrapper-3 .gallery-image-3 {
    height: 350px;
  }
  .gallery-wrapper-3 .gallery-image-3 img {
    object-fit: cover;
  }
}
.gallery-wrapper-3 .gallery-image-3 a {
  width: 100%;
  height: 100%;
}
.gallery-wrapper-3 .gallery-image-3 img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.gallery-wrapper-3 .gallery-image-3::before {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(0.7);
  content: "";
  position: absolute;
  background: rgba(244, 91, 30, 0.68);
  z-index: 1;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  border-radius: 12px;
}
.gallery-wrapper-3 .gallery-image-3 .icon {
  position: absolute;
  font-size: 38px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  color: var(--white);
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.gallery-wrapper-3 .gallery-image-3:hover::before {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.gallery-wrapper-3 .gallery-image-3:hover .icon {
  opacity: 1;
}

/*==== page scroll bar add ===*/
::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

/*==== Track ====*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--theme-color);
  border-radius: 5px;
}

/*==== Handle ====*/
::-webkit-scrollbar-thumb {
  background: var(--theme-color);
  border-radius: 10px;
}

/*==== Basic Code Start ====*/
.fix {
  overflow: hidden;
}

.ralt {
  position: relative;
}

.text-left {
  text-align: left !important;
}

/*==== Basic Code end ====*/
/*==== Css Start ====*/
.ripple {
  position: relative;
}
.ripple::before, .ripple::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
  animation: rippleOne 3s infinite;
}
.ripple::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
.ripple::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

/*==== Css end ====*/
/*==== pagination default start =====*/
.swiper-dot .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  transition: 0.6s;
  background: var(--theme-color);
  opacity: 1;
  border-radius: 7px;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 15px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transition: 0.6s;
  position: relative;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--theme-color);
  content: "";
}

.array-button {
  display: flex;
  align-items: center;
  gap: 15px;
}
.array-button .array-prev {
  width: 57px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white);
  border-radius: 16px;
  transition: all 0.4s ease-in-out;
}
.array-button .array-prev:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.array-button .array-next {
  width: 57px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white);
  border-radius: 17px;
  transition: all 0.4s ease-in-out;
}
.array-button .array-next:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}

.swiper-dot4 .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  transition: 0.6s;
  background-color: rgb(129, 129, 129);
  opacity: 1;
  border-radius: 100%;
  position: relative;
}
.swiper-dot4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
  transition: 0.6s;
  position: relative;
  width: 30px;
  border-radius: 30px;
}

.swiper-dot3 .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  transition: 0.6s;
  background-color: transparent;
  border: 1px solid var(--theme-color-2);
  border-radius: 14px;
  opacity: 1;
  position: relative;
}
.swiper-dot3 .swiper-pagination-bullet:not(:last-child) {
  margin-right: 15px;
}
.swiper-dot3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color-2);
  border: 1px solid var(--theme-color-2);
  transition: 0.6s;
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 14px;
}
.swiper-dot3 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid var(--theme-color-2);
  width: 22px;
  height: 22px;
  border-radius: 22px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*==== pagination default end =====*/
/*==== page pagination  =====*/
.pagination-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  padding-top: 60px;
}
.pagination-wrap a {
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  color: var(--theme-color-2);
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin: 0 4px;
  border: 1px solid var(--theme-color-2);
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
}
.pagination-wrap a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.pagination-wrap span {
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  color: var(--white);
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin: 0 4px;
  background-color: var(--theme-color-2);
  border-radius: 8px;
}

/*==== page pagination end =====*/
/* ==== vedio wave start ====*/
.wave-area {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
}
.wave-area .waves {
  position: absolute;
  opacity: 0;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  animation: waves 3s ease-in-out infinite;
  z-index: 1;
  top: -41px;
  left: -41px;
}
.wave-area .wave-1 {
  animation-delay: 0s;
  background: var(--theme-color);
}
.wave-area .wave-2 {
  animation-delay: 1s;
  background: var(--theme-color);
}
.wave-area .wave-3 {
  animation-delay: 2s;
  background: var(--theme-color);
}
.wave-area .video-popup {
  position: relative;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--theme-color);
  z-index: 5;
}
.wave-area .video-popup i {
  font-size: 20px;
  color: var(--white);
  z-index: 6;
}
.wave-area .video-popup::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme-color);
  transform: translate(-50%, -50%);
  z-index: 4;
}

/* ==== progress bar start ====*/
.progress-wrap {
  margin-top: 30px;
}
.progress-wrap .pro-items:not(:last-child) {
  margin-bottom: 22px;
}
.progress-wrap .pro-items .pro-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.progress-wrap .pro-items .pro-head .title {
  font-weight: 600;
  color: var(--text);
  font-size: 18px;
}
.progress-wrap .pro-items .pro-head .point {
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
}
.progress-wrap .pro-items .ber-box {
  padding: 4px 6px;
  border-radius: 45px;
  border: 1px dashed rgba(241, 95, 37, 0.55);
}
.progress-wrap .pro-items .ber-box .progress {
  background: #FDEBE4;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  display: flex;
  height: 6px;
  width: 100%;
  border-radius: 45px;
}
.progress-wrap .pro-items .ber-box .progress.progress-2 {
  background-color: rgba(103, 84, 233, 0.5490196078);
}
.progress-wrap .pro-items .ber-box .progress .progress-value {
  animation: load 3s normal forwards;
  border-radius: 0;
  background: var(--theme-color-2);
  height: 6px;
  width: 0;
  border-radius: 45px;
}
.progress-wrap .pro-items .ber-box .progress .progress-value.style-two {
  animation: load2 2s normal forwards;
  background: var(--theme-color);
}
.progress-wrap .pro-items .ber-box.style-2 {
  border: 1px dashed rgba(103, 84, 233, 0.55);
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 90%;
  }
}
@keyframes load2 {
  0% {
    width: 0;
  }
  100% {
    width: 70%;
  }
}

/* ==== social icon start ====*/
.social-icon {
  gap: 15px;
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.social-icon li a {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--theme-color);
  background-color: var(--white);
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.social-icon li a:hover {
  background-color: var(--theme-color);
  color: var(--white);
}

@media (max-width: 575px) {
  br {
    display: none;
  }
}

.underline {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.underline:hover {
  color: var(--theme-color-2);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme-color-2) 0%, var(--theme-color-2) 100%);
}

/*==== background ====*/
.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
}

.sticky-style {
  position: sticky !important;
  top: 100px;
}

.box-shadow {
  box-shadow: var(---box-shadow);
}

.custom-container {
  max-width: 1560px;
  margin: 0 auto;
}

.custom-container-33 {
  max-width: 1319px;
  margin: 0 auto;
}

.custom-container-2 {
  max-width: 1568px;
  margin: 0 auto;
}

.slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.brand-slide-element {
  width: auto;
  display: inline-block;
}

.footer-info-container {
  max-width: 1436px;
}

@media (max-width: 991px) {
  .lg-center {
    justify-content: center;
    text-align: center;
  }
}

.custom-container-3 {
  max-width: 1768px;
  margin: 0 auto;
}

.hero-container {
  max-width: 1510px;
  margin: 0 auto;
}

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

.title-width {
  min-width: 645px;
}
@media (max-width: 1399px) {
  .title-width {
    min-width: initial;
  }
}

.text-color {
  color: var(--text) !important;
}

.sec-bg-4 {
  background-color: #0E1445;
}

.hero-bg {
  background-color: #F7FAE2;
}

.border-none {
  border: none !important;
}

.tittle-bg {
  background-color: var(--theme-color-2) !important;
}

.tittle-bg-2 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.custom-padding-top {
  padding-top: 27px !important;
}

.custom-padding-top2 {
  padding-top: 100px !important;
}
@media (max-width: 1199px) {
  .custom-padding-top2 {
    padding-top: 0 !important;
  }
}

.custom-padding-top3 {
  padding-top: 95px !important;
}
@media (max-width: 1199px) {
  .custom-padding-top3 {
    padding-top: 0 !important;
  }
}

.team-section {
  position: relative;
}
.team-section .flower-shape {
  position: absolute;
  left: 7%;
  top: 32%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .team-section .flower-shape {
    opacity: 0.2;
  }
}

.team-section-three {
  position: relative;
}
@media (max-width: 1199px) {
  .team-section-three .custom-padding-top {
    padding-top: 0 !important;
  }
}
.team-section-three::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #FAF5F2;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 938"><path   d="M0 938V69.1229V12.852C38.0396 40.9875 143.614 12.852 277.289 12.852C423 12.8521 552.217 -15.2833 664 12.8523C806.815 54.2739 1257.86 12.852 1341 12.852C1472 12.852 1746.15 -16.065 1920 12.852V930.966C1750 874.925 1254 900.716 1138 900.716C885.21 900.716 608 912.44 396 900.716C69.2597 863.202 130 930.966 0 938Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 88%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .team-section-three::before {
    mask: none;
  }
}
.team-section-three .light-shape {
  position: absolute;
  left: 5%;
  top: 15%;
  animation: rounded2 5s linear infinite;
}
.team-section-three .sun-shape {
  position: absolute;
  top: -5%;
  right: 0;
}

.team-card-item {
  text-align: center;
  margin-top: 30px;
  position: relative;
  z-index: 9;
}
.team-card-item .team-image img {
  height: 100%;
  width: 100%;
}
.team-card-item .team-content {
  margin-top: 30px;
}
.team-card-item .team-content h3 {
  transition: all 0.4s ease-in-out;
  font-size: 22px;
}
.team-card-item .team-content h3:hover a {
  color: var(--theme-color-2);
}

@media (max-width: 1199px) {
  .team-section-two .section-title {
    text-align: center;
  }
}

.team-box {
  position: relative;
}
.team-box .team-image {
  position: relative;
  z-index: -1;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 268"><path d="M5.61173 14.8628C5.61173 14.8628 1.48914 21.2346 4.78721 106.487C8.08528 191.73 -24.9598 266.075 46.7523 267.252C118.464 268.429 203.287 268.052 228.816 267.252C254.345 266.452 270 276.814 270 222.64C270 168.465 270 102.497 269.176 64.2562C268.351 26.0158 274.884 7.23125 245.264 5.87045C215.634 4.50965 139.037 2.11905 106.098 1.31912C73.1595 0.519186 8.90979 -5.05274 5.61173 14.8628Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
}
@media (max-width: 1199px) {
  .team-box .team-image {
    mask: none;
    border-radius: 10px;
  }
  .team-box .team-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
}
.team-box .social-profile {
  position: absolute;
  right: 20px;
  bottom: 65px;
  z-index: 20;
}
.team-box .social-profile .social-icon {
  display: grid;
  gap: 5px;
  margin-left: 4px;
  margin-bottom: -22px;
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.55s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.team-box .social-profile .social-icon li {
  opacity: 0;
  transform: translateY(25px) scale(0.95);
  transition: all 0.55s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.team-box .social-profile .social-icon li:nth-child(1) {
  transition-delay: 0.1s;
}
.team-box .social-profile .social-icon li:nth-child(2) {
  transition-delay: 0.2s;
}
.team-box .social-profile .social-icon li:nth-child(3) {
  transition-delay: 0.3s;
}
.team-box .social-profile .social-icon li:nth-child(4) {
  transition-delay: 0.4s;
}
.team-box .social-profile .social-icon li a {
  height: 38px;
  width: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color);
  color: var(--white);
}
.team-box .social-profile .social-icon li a i {
  font-size: 15px;
}
.team-box .social-profile .social-icon li a:hover {
  background-color: var(--theme-color-2);
}
.team-box .social-profile .share-btn {
  height: 48px;
  width: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color);
  color: var(--white);
}
.team-box .social-profile:hover .social-icon {
  margin-bottom: 6px;
  opacity: 1;
  transform: translateY(0);
}
.team-box .social-profile:hover li {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.team-box .team-content {
  margin-top: 20px;
}
@media (max-width: 575px) {
  .team-box .team-content {
    text-align: center;
  }
}
.team-box .team-content h3 a:hover {
  color: var(--theme-color-2);
}
.team-box .team-content h2 {
  font-size: 22px;
}
.team-box .team-content h2 a:hover {
  color: var(--theme-color-2);
}

.team-wrapper .team-box-items {
  margin-top: 30px;
}
.team-wrapper .team-box-items .team-img {
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 363"><path d="M5.61173 20.1313C5.61173 20.1313 1.48914 28.7618 4.78721 144.234C8.08528 259.694 -24.9598 360.393 46.7523 361.987C118.464 363.581 203.287 363.07 228.816 361.987C254.345 360.903 270 374.939 270 301.561C270 228.182 270 138.829 269.176 87.0336C268.351 35.2379 274.884 9.79457 245.264 7.95139C215.634 6.10821 139.037 2.8702 106.098 1.78671C73.1595 0.703226 8.90979 -6.84383 5.61173 20.1313Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 360px;
  transition: 0.5s;
}
@media (max-width: 1199px) {
  .team-wrapper .team-box-items .team-img {
    mask: none;
  }
}
.team-wrapper .team-box-items .team-img img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
@media (max-width: 1199px) {
  .team-wrapper .team-box-items .team-img img {
    border-radius: 12px;
    object-fit: cover;
  }
}
.team-wrapper .team-box-items .teams-content {
  position: relative;
}
.team-wrapper .team-box-items .teams-content .Teacher-name {
  text-align: center;
  z-index: 2;
  padding: 30px 20px 19px;
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 105"><path   d="M741.297 10.0483C764.219 -7.65707 789.983 4.70619 800 13.101L799.907 201L-237.09 201L-530 201L-529.907 6.99557C-513.694 -3.53609 -496.595 2.60738 -490.073 6.99557C-477.494 16.6114 -466.196 13.8005 -462.119 11.193C-441.713 -4.22292 -423.566 0.826673 -417.043 5.27846C-401.389 16.268 -390.254 13.8005 -386.644 11.193C-364.839 -3.45975 -346.809 1.14467 -340.52 5.27847C-326.822 16.268 -316.642 13.8005 -313.264 11.193C-291.46 -4.07028 -274.362 0.890284 -268.538 5.27847C-255.4 16.1154 -242.099 13.7369 -237.09 11.193C-216.684 -3.45974 -197.838 1.14468 -190.966 5.27848C-177.269 17.947 -164.293 14.5 -159.518 11.193C-140.23 -4.83343 -119.8 1.84425 -111.996 7.18639C-101.094 16.0391 -92.0793 13.5461 -88.9344 11.193C-67.4099 -4.52816 -50.1483 -0.318038 -44.2081 3.75217C-30.2312 17.4891 -16.2542 14.4365 -11.0129 11.193C10.2321 -4.68079 28.3555 1.78067 34.7616 6.99562C49.8567 17.222 62.4826 12.9102 66.9086 9.47592C87.8741 -5.17681 106.627 1.71709 113.382 6.99563C123.446 17.222 134.814 12.9102 139.24 9.47592C159.926 -4.87154 178.841 1.84429 185.713 6.99564C199.969 17.5273 211.92 13.0374 216.113 9.47593C234.283 -4.87154 255.365 1.84429 263.635 6.99564C275.655 18.5957 289.142 12.8466 294.384 8.52197C311.995 -4.29918 330.607 2.16228 337.712 6.99565C348.335 16.7641 360.076 12.7194 364.618 9.47594C379.993 -3.65047 398.046 0.445178 405.151 4.1338C419.967 17.1076 434.619 13.101 440.094 9.47595C456.866 -3.95573 475.968 1.20835 483.422 5.46935C499.635 18.4431 512.075 13.5462 516.268 9.47596C531.363 -3.03993 549.58 0.69958 556.801 4.13382C568.262 18.176 585.803 12.5286 593.141 7.94963C611.87 -5.32942 630.296 2.41669 637.168 7.94963C650.586 17.2602 662.094 11.829 666.171 7.94963C675.955 2.22591 695.173 -3.11624 711.945 7.94964C725.363 16.8023 737.104 13.0374 741.297 10.0483Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  height: 110px;
  border-radius: 0 0 30px 30px;
  transition: all 0.4s ease-in-out;
}
.team-wrapper .team-box-items:hover .team-img img {
  transform: scale(1.1);
  transition: 0.5s;
}
.team-wrapper .team-box-items:hover .Teacher-name {
  background-color: var(--theme-color-2);
  transition: all 0.4s ease-in-out;
}
.team-wrapper .team-box-items:hover .Teacher-name h3 a {
  color: var(--white) !important;
}
.team-wrapper .team-box-items:hover .Teacher-name p {
  color: var(--white);
}

.team-details-wrap .team-details-image {
  position: relative;
  z-index: 9;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 560"><path   d="M9.9764 31.0565C9.9764 31.0565 2.64736 44.3709 8.51059 222.51C14.3738 400.63 -44.373 555.978 83.1152 558.437C210.603 560.896 361.399 560.109 406.784 558.437C452.168 556.766 480 578.418 480 465.218C480 352.017 480 214.172 478.534 134.267C477.068 54.3614 488.684 15.1101 436.026 12.2666C383.349 9.42314 247.178 4.42786 188.619 2.75636C130.061 1.08487 15.8396 -10.558 9.9764 31.0565Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  height: 560px;
  margin-right: 80px;
}
@media (max-width: 1199px) {
  .team-details-wrap .team-details-image {
    margin-right: 0;
    mask: none;
  }
  .team-details-wrap .team-details-image img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
  }
}
@media (max-width: 575px) {
  .team-details-wrap .team-details-image {
    height: 450px;
  }
}
.team-details-wrap .team-details-content {
  margin-left: -50px;
}
@media (max-width: 1199px) {
  .team-details-wrap .team-details-content {
    margin-left: 0;
  }
}
.team-details-wrap .team-details-content .learn {
  color: #F15F25;
}
.team-details-wrap .team-details-content h2 {
  font-size: 44px;
  margin-bottom: 12px;
  line-height: 1;
}
@media (max-width: 767px) {
  .team-details-wrap .team-details-content h2 {
    font-size: 36px;
  }
}
.team-details-wrap .team-details-content .team-details-list {
  display: flex;
  align-items: center;
  gap: 70px;
  margin-top: 40px;
}
@media (max-width: 1399px) {
  .team-details-wrap .team-details-content .team-details-list {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .team-details-wrap .team-details-content .team-details-list {
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 25px;
  }
}
.team-details-wrap .team-details-content .team-details-list ul li {
  font-weight: 600;
  font-size: 16px;
}
.team-details-wrap .team-details-content .team-details-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.team-details-wrap .team-details-content .team-details-list ul li span {
  margin-left: 12px;
  font-weight: 400;
}
.team-details-wrap .team-details-content .team-details-list ul li a {
  margin-left: 12px;
  font-weight: 400;
  color: var(--text);
}
.team-details-wrap .team-details-content .team-details-icon {
  gap: 10px;
  margin-top: 30px;
}
.team-details-wrap .team-details-content .team-details-icon span {
  color: var(--header);
  font-weight: 600;
  margin-right: 5px;
}
.team-details-wrap .team-details-content .team-details-icon li a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
  background-color: transparent;
  border-radius: 50%;
}
.team-details-wrap .team-details-content .team-details-icon li a:hover {
  background-color: var(--theme-color);
  border: 1px solid transparent;
  color: var(--white);
}

.faq-wrapper .accordion-box {
  position: relative;
}
.faq-wrapper .accordion-box .accordion:not(:last-child) {
  margin-bottom: 12px;
}
.faq-wrapper .accordion-box .block {
  position: relative;
  background-color: transparent;
  line-height: 1;
  border: 1.4px dashed rgba(241, 95, 37, 0.37);
  border-radius: 12px;
  padding: 22px 30px;
}
@media (max-width: 575px) {
  .faq-wrapper .accordion-box .block {
    padding: 18px;
  }
}
.faq-wrapper .accordion-box .block .acc-btn {
  position: relative;
  font-size: 18px;
  color: var(--header);
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media (max-width: 575px) {
  .faq-wrapper .accordion-box .block .acc-btn {
    font-size: 17px;
    line-height: 1.5;
    padding-right: 40px;
  }
}
.faq-wrapper .accordion-box .block .acc-btn .icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 22px;
  color: var(--theme-color-2);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-align: center;
}
.faq-wrapper .accordion-box .block .acc-content {
  position: relative;
  display: none;
  margin-top: 15px;
}
@media (max-width: 470px) {
  .faq-wrapper .accordion-box .block .acc-content {
    margin-top: 10px;
  }
}
.faq-wrapper .accordion-box .block .acc-content .content {
  position: relative;
}
.faq-wrapper .accordion-box .block .acc-content .content .text {
  line-height: 175%;
  font-size: 18px;
  font-weight: 400;
  color: #4B5563;
  max-width: 605px;
}
@media (max-width: 1199px) {
  .faq-wrapper .accordion-box .block .acc-content .content .text {
    font-size: 14px;
  }
}
@media (max-width: 470px) {
  .faq-wrapper .accordion-box .block .acc-content .content .text {
    font-size: 13px;
  }
}
.faq-wrapper .accordion.block.active-block {
  background-color: #FFF7E6;
  border: 1.4px solid #FFF7E6;
}
.faq-wrapper .accordion-box .block .acc-content.current {
  display: block;
}
.faq-wrapper .accordion-box .block .acc-btn.active .icon:before {
  content: "\f056";
  font-family: "Font Awesome 5 Pro";
}
.faq-wrapper .accordion-box .block .acc-btn.active .icon {
  color: var(--theme-color-2);
}
.faq-wrapper .accordion-box .block:last-child {
  margin-bottom: 0;
}
.faq-wrapper .faq-image img {
  border-radius: 12px;
}
@media (max-width: 1199px) {
  .faq-wrapper .faq-image img {
    width: 100%;
    height: 100%;
  }
}

/*==== choose us section start ====*/
.choose-us-section {
  position: relative;
}
.choose-us-section .perasute-shape {
  position: absolute;
  top: 38%;
  left: 13%;
}
@media (max-width: 1600px) {
  .choose-us-section .perasute-shape {
    top: 30%;
    left: 4%;
  }
}
@media (max-width: 1199px) {
  .choose-us-section .perasute-shape {
    opacity: 0.2;
  }
}
.choose-us-section .butterfly-shape {
  position: absolute;
  bottom: 10%;
  right: 3%;
}
@media (max-width: 1199px) {
  .choose-us-section .butterfly-shape {
    opacity: 0.2;
  }
}
.choose-us-section .zikzak-shape {
  position: absolute;
  bottom: 12%;
  left: 40%;
}
@media (max-width: 1199px) {
  .choose-us-section .zikzak-shape {
    opacity: 0.2;
  }
}
.choose-us-section .coun-shape {
  position: absolute;
  top: 14%;
  right: 54%;
}

.choose-us-section-2 {
  position: relative;
}
.choose-us-section-2 .duck-shape {
  position: absolute;
  left: 8%;
  top: 38%;
}
@media (max-width: 1600px) {
  .choose-us-section-2 .duck-shape {
    opacity: 0.2;
  }
}
.choose-us-section-2 .tree-shape {
  position: absolute;
  right: 8%;
  top: 17%;
  animation: wind-blow 4s linear infinite;
}
@media (max-width: 1600px) {
  .choose-us-section-2 .tree-shape {
    opacity: 0.2;
  }
}

.choose-us-wrapper .choose-img-box {
  position: relative;
  margin-left: -20px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper .choose-img-box {
    margin-left: 0;
  }
}
.choose-us-wrapper .choose-img-box .style-2 {
  margin-left: 79px;
  margin-bottom: -40px;
}
@media (max-width: 470px) {
  .choose-us-wrapper .choose-img-box .style-2 {
    margin-left: 0;
  }
}
@media (max-width: 470px) {
  .choose-us-wrapper .choose-img-box img {
    width: 100%;
  }
}
.choose-us-wrapper .choose-img-box .img-3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper .choose-img-box .img-3 {
    right: 0;
  }
}
@media (max-width: 575px) {
  .choose-us-wrapper .choose-img-box .img-3 {
    max-width: 200px;
  }
  .choose-us-wrapper .choose-img-box .img-3 img {
    width: 100%;
    height: 100%;
  }
}
.choose-us-wrapper .choose-us-content {
  position: relative;
  z-index: 8;
}
.choose-us-wrapper .choose-us-content .icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .choose-us-wrapper .choose-us-content .icon-items {
    flex-wrap: wrap;
  }
}
.choose-us-wrapper .choose-us-content .icon-items .icon {
  width: 100%;
  height: 90px;
  max-width: 90px;
  line-height: 88px;
  background: rgba(241, 95, 37, 0.12);
  text-align: center;
  border-radius: 8px;
}
.choose-us-wrapper .choose-us-content .icon-items .content h3 {
  font-size: 18px;
}
.choose-us-wrapper .choose-us-content .icon-items .content p {
  font-family: Source Sans Pro;
  font-size: 16px;
  line-height: 150%;
}
.choose-us-wrapper .choose-us-content .choose-button {
  margin-top: 35px;
}

.choose-us-wrapper-two {
  position: relative;
  z-index: 99;
}
@media (max-width: 767px) {
  .choose-us-wrapper-two .section-title {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .choose-us-wrapper-two p {
    text-align: center;
  }
}
.choose-us-wrapper-two .choose-img-items {
  position: relative;
  z-index: 99;
}
@media (max-width: 1199px) {
  .choose-us-wrapper-two .choose-img-items {
    height: 100%;
  }
}
.choose-us-wrapper-two .choose-img-items .icon-box {
  position: relative;
  padding: 30px 20px 20px 28px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper-two .choose-img-items .icon-box {
    padding: 30px;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .choose-us-wrapper-two .choose-img-items .icon-box {
    text-align: center;
  }
}
.choose-us-wrapper-two .choose-img-items .icon-box::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #FDEBE4;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 268"><path d="M5.61173 14.8628C5.61173 14.8628 1.48914 21.2346 4.78721 106.487C8.08528 191.73 -24.9598 266.075 46.7523 267.252C118.464 268.429 203.287 268.052 228.816 267.252C254.345 266.452 270 276.814 270 222.64C270 168.465 270 102.497 269.176 64.2562C268.351 26.0158 274.884 7.23125 245.264 5.87045C215.634 4.50965 139.037 2.11905 106.098 1.31912C73.1595 0.519186 8.90979 -5.05274 5.61173 14.8628Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 266px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper-two .choose-img-items .icon-box::before {
    height: initial;
    mask: none;
    border-radius: 10px;
  }
}
.choose-us-wrapper-two .choose-img-items .icon-box img {
  transition: all 0.4s ease-in-out;
}
.choose-us-wrapper-two .choose-img-items .icon-box h4 {
  margin-top: 35px;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .choose-us-wrapper-two .choose-img-items .icon-box h4 {
    margin-top: 22px;
  }
}
.choose-us-wrapper-two .choose-img-items .icon-box h3 {
  margin-top: 35px;
  font-size: 18px;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .choose-us-wrapper-two .choose-img-items .icon-box h3 {
    margin-top: 22px;
  }
}
.choose-us-wrapper-two .choose-img-items .icon-box p {
  font-size: 16px;
  font-weight: 400;
  line-height: 163%;
  font-family: "Source Sans Pro";
}
.choose-us-wrapper-two .choose-img-items .box-1::before {
  background-color: #DBFFF9;
}
.choose-us-wrapper-two .choose-img-items .box-2::before {
  background-color: #E3E8FF;
}
.choose-us-wrapper-two .choose-img-items .box-3::before {
  background-color: #F7FAE2;
}
.choose-us-wrapper-two .choose-img-items:hover img {
  transform: rotateY(360deg);
  transition: all 0.4s ease-in-out;
}
.choose-us-wrapper-two .choose-img {
  position: relative;
  z-index: 9;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 268"><path d="M5.61173 14.8628C5.61173 14.8628 1.48914 21.2346 4.78721 106.487C8.08528 191.73 -24.9598 266.075 46.7523 267.252C118.464 268.429 203.287 268.052 228.816 267.252C254.345 266.452 270 276.814 270 222.64C270 168.465 270 102.497 269.176 64.2562C268.351 26.0158 274.884 7.23125 245.264 5.87045C215.634 4.50965 139.037 2.11905 106.098 1.31912C73.1595 0.519186 8.90979 -5.05274 5.61173 14.8628Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
}
@media (max-width: 1199px) {
  .choose-us-wrapper-two .choose-img {
    mask: none;
  }
  .choose-us-wrapper-two .choose-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
}
.choose-us-wrapper-two .learning-skill-card {
  position: relative;
  display: flex;
}
@media (max-width: 767px) {
  .choose-us-wrapper-two .learning-skill-card {
    display: grid;
    justify-content: center;
    text-align: center;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.choose-us-wrapper-two .learning-skill-card::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #F15F25;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 570 268"><path d="M11.847 14.8628C11.847 14.8628 3.14374 21.2346 10.1063 106.487C17.0689 191.73 -52.6929 266.075 98.6994 267.252C250.092 268.429 429.162 268.052 483.056 267.252C536.95 266.452 570 276.814 570 222.64C570 168.465 570 102.497 568.259 64.2562C566.519 26.0158 580.312 7.23125 517.781 5.87045C455.227 4.50965 293.523 2.11905 223.986 1.31912C154.448 0.519186 18.8096 -5.05274 11.847 14.8628Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 264px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper-two .learning-skill-card::before {
    height: 100%;
    mask: none;
    border-radius: 10px;
  }
}
.choose-us-wrapper-two .learning-skill-card .shadow-shape {
  position: absolute;
  right: 0;
  bottom: 0;
}
.choose-us-wrapper-two .learning-skill-card .skill-content {
  padding: 35px 10px 45px 45px;
  position: relative;
  z-index: 99;
}
@media (max-width: 1199px) {
  .choose-us-wrapper-two .learning-skill-card .skill-content {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .choose-us-wrapper-two .learning-skill-card .skill-content {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .choose-us-wrapper-two .learning-skill-card .skill-content .link-btn {
    margin-top: 15px;
  }
}
.choose-us-wrapper-two .learning-skill-card .skill-content h3 {
  color: var(--white);
}
.choose-us-wrapper-two .learning-skill-card .skill-content p {
  color: var(--white);
  font-size: 16px;
}
.choose-us-wrapper-two .learning-skill-card .skill-img {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .choose-us-wrapper-two .learning-skill-card .skill-img {
    max-width: 250px;
    margin: 20px auto 0;
  }
  .choose-us-wrapper-two .learning-skill-card .skill-img img {
    width: 100%;
    height: 100%;
  }
}

.testimonial-section {
  position: relative;
}
.testimonial-section .pencil-icon {
  position: absolute;
  left: 19%;
  top: 17%;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1199px) {
  .testimonial-section .pencil-icon {
    opacity: 0.2;
    left: 10%;
  }
}
.testimonial-section .flower-shape {
  position: absolute;
  right: 21%;
  top: 29%;
  animation: cir36 6s linear infinite;
}
@media (max-width: 1199px) {
  .testimonial-section .flower-shape {
    opacity: 0.2;
    right: 5%;
  }
}

.testimonial-section-2 {
  position: relative;
}

.testimonial-section-three {
  position: relative;
}
.testimonial-section-three::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--bg-3);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1070"><path   d="M1835.26 14.7093C1868.35 -11.2088 1905.54 6.88918 1920 19.1779L1919.87 1069.5L2.85717e-05 1069.5L0.133788 10.2405C23.5394 -5.17632 48.223 3.81683 57.639 10.2405C75.7986 24.3167 92.1085 20.2019 97.9935 16.3849C127.452 -6.18174 153.649 1.21013 163.065 7.7269C185.664 23.814 201.738 20.2019 206.951 16.3849C238.427 -5.06457 264.456 1.67563 273.536 7.72691C293.309 23.814 308.005 20.2019 312.881 16.3849C344.358 -5.95829 369.041 1.30325 377.448 7.72691C396.415 23.5906 415.617 20.1088 422.847 16.3849C452.306 -5.06455 479.512 1.67564 489.432 7.72692C509.206 26.2718 527.937 21.226 534.831 16.3849C562.676 -7.07543 592.168 2.69972 603.434 10.5198C619.172 23.4789 632.186 19.8295 636.726 16.3849C667.799 -6.62856 692.718 -0.46556 701.293 5.49263C721.471 25.6015 741.648 21.1329 749.214 16.3849C779.884 -6.85198 806.047 2.60664 815.295 10.2406C837.086 25.2105 855.313 18.8986 861.703 13.8714C891.969 -7.5781 919.04 2.51357 928.793 10.2406C943.32 25.2105 959.731 18.8986 966.121 13.8714C995.983 -7.13122 1023.29 2.69977 1033.21 10.2406C1053.79 25.6574 1071.04 19.0848 1077.1 13.8714C1103.33 -7.13121 1133.76 2.69978 1145.7 10.2406C1163.05 27.2214 1182.52 18.8055 1190.09 12.4749C1215.51 -6.29336 1242.38 3.16526 1252.64 10.2406C1267.97 24.5403 1284.92 18.6193 1291.48 13.8714C1313.67 -5.34376 1339.74 0.651677 1349.99 6.05129C1371.38 25.043 1392.53 19.1779 1400.44 13.8714C1424.65 -5.79061 1452.22 1.76885 1462.99 8.00633C1486.39 26.9981 1504.35 19.8296 1510.4 13.8714C1532.19 -4.45001 1558.49 1.02408 1568.92 6.05131C1585.46 26.6071 1610.78 18.3401 1621.38 11.6371C1648.41 -7.80149 1675.01 3.53769 1684.93 11.6371C1704.31 25.2665 1720.92 17.316 1726.8 11.6371C1740.93 3.2584 1768.67 -4.56172 1792.88 11.6371C1812.25 24.5962 1829.2 19.0848 1835.26 14.7093Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 1075px;
}
@media (max-width: 1199px) {
  .testimonial-section-three::before {
    height: initial;
    background-color: var(--bg-3);
    mask: none;
  }
}
.testimonial-section-three .client-one {
  position: absolute;
  top: 26%;
  left: 21%;
}
@media (max-width: 1199px) {
  .testimonial-section-three .client-one {
    display: none;
  }
}
.testimonial-section-three .client-two {
  position: absolute;
  top: 23%;
  right: 17%;
}
@media (max-width: 1199px) {
  .testimonial-section-three .client-two {
    display: none;
  }
}
.testimonial-section-three .client-three {
  position: absolute;
  bottom: 17%;
  left: 6%;
}
@media (max-width: 1199px) {
  .testimonial-section-three .client-three {
    display: none;
  }
}
.testimonial-section-three .client-four {
  position: absolute;
  bottom: 27%;
  right: 4%;
}
@media (max-width: 1199px) {
  .testimonial-section-three .client-four {
    display: none;
  }
}

.testimonial-section-4 {
  position: relative;
}
.testimonial-section-4 .doll-shape {
  position: absolute;
  left: 24%;
  top: 15%;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1199px) {
  .testimonial-section-4 .doll-shape {
    opacity: 0.2;
    left: 3%;
  }
}
.testimonial-section-4 .flower-shape {
  position: absolute;
  right: 26%;
  top: 25%;
  animation: cir36 9s linear infinite;
}
@media (max-width: 1199px) {
  .testimonial-section-4 .flower-shape {
    opacity: 0.2;
    right: 3%;
  }
}

.testimonial-wrapper {
  position: relative;
}
.testimonial-wrapper .swiper-slide {
  padding: 0 15px;
}
.testimonial-wrapper .testimonial-box-items {
  position: relative;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper .testimonial-box-items {
    max-width: 346px;
    margin: 30px auto 0;
  }
}
.testimonial-wrapper .testimonial-box-items .testimonial-item {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 30px;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-image {
  display: flex;
  gap: 20px;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-image img {
  margin-left: -44px;
  margin-top: -15px;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-image .icon {
  gap: 5px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-image .icon li {
  color: var(--theme-color-2);
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .testi-text {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 25px;
  margin-bottom: 20px;
  margin-top: 10px;
  border-bottom: 1px dashed var(--theme-color-2);
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-info h4 {
  font-weight: 900;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-info h3 {
  font-weight: 900;
  font-size: 18px;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .koma-icon {
  position: absolute;
  right: -13px;
  bottom: -17px;
}
@media (max-width: 1399px) {
  .testimonial-wrapper .array-button {
    display: none;
  }
}
.testimonial-wrapper .array-button .array-prev {
  position: absolute;
  left: -100px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.testimonial-wrapper .array-button .array-next {
  position: absolute;
  right: -100px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}

.testimonial-wrapper-2 {
  position: relative;
}
.testimonial-wrapper-2 .testimonial-box-items {
  position: relative;
  margin: 30px auto 0;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-2 .testimonial-box-items {
    max-width: 375px;
    margin-top: 60px;
  }
}
.testimonial-wrapper-2 .testimonial-box-items .testi-item-bg {
  position: relative;
}
.testimonial-wrapper-2 .testimonial-box-items .testimonial-content {
  padding: 0 60px 0 60px;
  text-align: center;
  position: absolute;
  top: -30px;
  left: -25px;
}
.testimonial-wrapper-2 .testimonial-box-items .testimonial-content .client-image-2 .icon {
  gap: 5px;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.testimonial-wrapper-2 .testimonial-box-items .testimonial-content .client-image-2 .icon li i {
  color: var(--theme-color-2);
}
.testimonial-wrapper-2 .testimonial-box-items .testimonial-content .client-info-2 {
  margin-top: 15px;
}
.testimonial-wrapper-2 .testimonial-box-items .testimonial-content h3 {
  font-size: 18px;
  font-weight: 700;
  font-family: "Source Sans Pro", sans-serif;
}
@media (max-width: 1399px) {
  .testimonial-wrapper-2 .array-button {
    display: none;
  }
}
.testimonial-wrapper-2 .array-button .array-prev {
  position: absolute;
  left: -100px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.testimonial-wrapper-2 .array-button .array-next {
  position: absolute;
  right: -100px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}

.testimonial-wrapper-3 {
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 {
    background-color: var(--theme-color-2);
    padding: 50px 30px;
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 {
    margin-top: 30px;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 {
  position: relative;
  text-align: center;
  padding: 80px 120px 56px 120px;
  margin-top: 45px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 {
    padding: 0;
    margin: 0;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color-2);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 886 329"><path d="M70.6818 34.0891C50.21 35.0426 31.1529 41.2402 17.9211 51.2518C4.68936 61.2634 -1.63526 74.2414 0.361987 87.2724L29.3222 274.526C33.067 298.84 64.69 317.592 103.137 318.28L713.296 328.981C748.83 329.616 780.287 314.52 789.191 292.642L883.561 60.7337C889.719 45.5839 884.06 29.4806 868.332 17.4561C852.604 5.4316 828.72 -1.0309 804.254 0.134468L70.6818 34.0891Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  max-width: 885px;
  margin: 0 auto;
  height: 329px;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3::before {
    display: none;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .client-img {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translate(-50%);
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .client-img {
    position: static;
    transform: initial;
    margin-bottom: 30px;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 {
  padding: 0 205px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 {
    padding: 0 70px;
  }
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 {
    padding: 0 0;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 .icon {
  justify-content: center;
  gap: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 .icon li {
  color: var(--white);
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 p {
  font-size: 22px;
  line-height: 170%;
  color: var(--white);
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 p {
    font-size: 17px;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .koma-icon {
  position: absolute;
  top: -10%;
  right: 14%;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .koma-icon {
    display: none;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .client-name {
  text-align: center;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .client-name {
    margin-top: 20px;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .client-name h4 {
  color: var(--white);
}
.testimonial-wrapper-3 .testimonial-box-area-3 .client-name h3 {
  color: var(--white);
  font-size: 18px;
  margin-bottom: 5px;
  font-family: "Source Sans Pro", sans-serif;
}
.testimonial-wrapper-3 .testimonial-box-area-3 .client-name p {
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .client-name p {
    font-size: 14px;
  }
}
.testimonial-wrapper-3 .testimonial-array {
  z-index: 9;
}
@media (max-width: 1399px) {
  .testimonial-wrapper-3 .testimonial-array {
    justify-content: center;
    margin-top: 30px;
  }
}
.testimonial-wrapper-3 .testimonial-array .array-prev {
  position: absolute;
  top: 57%;
  left: 17%;
  z-index: 99;
}
@media (max-width: 1600px) {
  .testimonial-wrapper-3 .testimonial-array .array-prev {
    left: 13%;
  }
}
@media (max-width: 1399px) {
  .testimonial-wrapper-3 .testimonial-array .array-prev {
    position: static;
  }
}
.testimonial-wrapper-3 .testimonial-array .array-next {
  position: absolute;
  top: 57%;
  right: 17%;
  z-index: 99;
}
@media (max-width: 1399px) {
  .testimonial-wrapper-3 .testimonial-array .array-next {
    position: static;
  }
}

.testimonial-wrapper-4 {
  position: relative;
}
.testimonial-wrapper-4 .swiper-wrapper {
  position: relative;
  padding-bottom: 322px;
  padding-top: 60px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .swiper-wrapper {
    padding: 0;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 {
  position: relative;
  text-align: center;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 {
    background-color: #FDEBE4;
    border-radius: 12px;
    padding: 20px;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .test-box-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #FDEBE4;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 249"><path   d="M131.352 0.837267C166.359 0.639441 212.216 -5.29905 237.965 17.5446C264.719 41.2795 268.813 79.5794 269.889 114.598C270.998 150.699 264.054 203.439 237.965 229.382C211.488 255.71 169.371 246.79 131.352 248.389C91.3384 250.072 47.0661 250.256 20.2754 221.581C-5.7936 193.679 -0.425215 152.017 2.64371 114.598C5.39126 81.0963 -4.50211 45.8604 20.2754 22.2C44.9629 -1.37452 96.5877 1.03372 131.352 0.837267Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 252px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 .test-box-bg {
    display: none;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .test-box-bg.style-2 {
  background-color: #DBFFF9;
}
.testimonial-wrapper-4 .testimonial-items-4 .test-box-bg.style-3 {
  background-color: #F7FAE2;
}
.testimonial-wrapper-4 .testimonial-items-4 .client-img-box {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translate(-50%);
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 .client-img-box {
    position: static;
    transform: initial;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .client-img-box .client-img {
  position: relative;
}
.testimonial-wrapper-4 .testimonial-items-4 .client-img-box .client-img .koma-shape {
  position: absolute;
  right: -36px;
  top: 10px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 .client-img-box .client-img .koma-shape {
    display: none;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content {
  padding: 0 13px 0;
  z-index: 22;
  position: absolute;
  top: 48px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 .test-content {
    position: static;
    transform: initial;
    padding: 0;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content .icon {
  gap: 2px;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content .icon li i {
  color: var(--theme-color-2);
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content .client-content {
  text-align: center;
  padding-top: 50px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 .test-content .client-content {
    padding-top: 18px;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content .client-content h3 {
  font-size: 18px;
  font-weight: 700;
  font-family: "Source Sans Pro", sans-serif;
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content .client-content p {
  font-size: 16px;
}
.testimonial-wrapper-4 .array-button .array-prev {
  position: absolute;
  left: -100px;
  top: 55%;
  z-index: 2;
  transform: translateY(-50%);
}
.testimonial-wrapper-4 .array-button .array-next {
  position: absolute;
  right: -100px;
  top: 55%;
  z-index: 2;
  transform: translateY(-50%);
}

.testimonial-box-items-inner {
  position: relative;
}
@media (max-width: 1199px) {
  .testimonial-box-items-inner {
    max-width: 346px;
    margin: 30px auto 0;
  }
}
.testimonial-box-items-inner .testimonial-item {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 30px;
}
.testimonial-box-items-inner .testimonial-item .client-image {
  display: flex;
  gap: 20px;
}
.testimonial-box-items-inner .testimonial-item .client-image img {
  margin-left: -44px;
  margin-top: -15px;
}
.testimonial-box-items-inner .testimonial-item .client-image .icon {
  gap: 5px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.testimonial-box-items-inner .testimonial-item .client-image .icon li {
  color: var(--theme-color-2);
}
.testimonial-box-items-inner .testimonial-item .testi-text {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 25px;
  margin-bottom: 20px;
  margin-top: 10px;
  border-bottom: 1px dashed var(--theme-color-2);
}
.testimonial-box-items-inner .testimonial-item .client-info h2 {
  font-weight: 900;
  font-size: 18px;
}
.testimonial-box-items-inner .testimonial-item .koma-icon {
  position: absolute;
  right: -13px;
  bottom: -17px;
}

.brand-section {
  position: relative;
}

.brand-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.brand-slider .swiper-wrapper .swiper-slide {
  width: auto !important;
}
.brand-slider .swiper-wrapper .swiper-slide .brand-image img {
  height: 80px;
  width: 100%;
  filter: grayscale(1) opacity(0.7);
  transition: all 0.4s ease-in-out;
}
.brand-slider .swiper-wrapper .swiper-slide .brand-image:hover img {
  filter: grayscale(0);
}
.brand-slider .swiper-wrapper .swiper-slide .brand-image.image-2 img {
  filter: grayscale(0);
}

.news-section {
  position: relative;
}
.news-section .hut-shape {
  position: absolute;
  bottom: 5%;
  left: 7%;
}
.news-section .sky-shape {
  position: absolute;
  top: 35%;
  right: 4%;
}

.news-section-two {
  position: relative;
}
.news-section-two .perasute-shape {
  position: absolute;
  top: 6%;
  left: 7%;
}
@media (max-width: 1399px) {
  .news-section-two .perasute-shape {
    opacity: 0.2;
  }
}
.news-section-two .tubelight-shape {
  position: absolute;
  top: 10%;
  right: 11%;
  animation: rounded 6s linear infinite;
}
@media (max-width: 1399px) {
  .news-section-two .tubelight-shape {
    opacity: 0.2;
  }
}

@media (max-width: 767px) {
  .news-section-two .section-title-area {
    text-align: center;
  }
}

.news-card-items {
  margin-top: 30px;
  position: relative;
  z-index: 99;
  background-color: var(--white);
}
.news-card-items .news-image {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
}
.news-card-items .news-image img {
  border-radius: 16px 16px 0 0;
  width: 100%;
  height: 100%;
  display: block;
}
.news-card-items .news-image .news-layer-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.5s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image {
  width: 25%;
  height: 100%;
  transition: 0.5s;
  background-size: cover;
  border-radius: 10px;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(1) {
  background-position: 0;
  transition-delay: 0;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(2) {
  background-position: 33.33%;
  transition-delay: 0.1s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(3) {
  background-position: 66.66%;
  transition-delay: 0.2s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(4) {
  background-position: 100%;
  transition-delay: 0.3s;
}
.news-card-items .news-content {
  border-radius: 0 0 16px 16px;
  padding: 20px 24px 24px;
  border: 1px solid rgba(30, 30, 28, 0.15);
}
.news-card-items .news-content .catagory {
  background-color: var(--theme-color);
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
  border-radius: 100px;
  margin-bottom: 15px;
}
.news-card-items .news-content h2 {
  margin-bottom: 15px;
  text-transform: capitalize;
  font-size: 22px;
}
.news-card-items .news-content h2 a:hover {
  color: var(--theme-color-2);
}
.news-card-items .news-content h3 {
  margin-bottom: 15px;
  text-transform: capitalize;
}
.news-card-items .news-content h3 a:hover {
  color: var(--theme-color-2);
}
.news-card-items .news-content .author-items {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 2px dashed #FFB289;
  gap: 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .news-card-items .news-content .author-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.news-card-items .news-content .author-items li i {
  margin-right: 5px;
  color: #C7C7C7;
}
.news-card-items .news-content .author-items li.calendar i {
  color: var(--theme-color-2);
}
.news-card-items:hover .news-image .news-layer-wrapper .news-layer-image {
  transform: translateY(-100%);
}

.news-items-tow {
  margin-top: 30px;
  position: relative;
}
.news-items-tow .news-image-tow {
  position: relative;
  z-index: -1;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 570 293"><path d="M0 280.131V26.5393C0 18.4136 12.4039 9.95836 20.5249 9.68233C35.9537 9.15793 57.506 4.93445 82.3201 4.93446C125.578 4.93447 163.939 -5.86791 197.125 4.93455C239.523 20.8382 373.428 4.93446 398.109 4.93446C434.683 4.93446 508.842 -4.88457 560.474 3.1795C566.061 4.05212 570 8.97267 570 14.6275V272.138C570 280.744 561.088 286.838 552.71 284.872C491.941 270.616 368.93 278.685 337.844 278.685C262.797 278.685 180.5 283.186 117.562 278.685C33.3214 266.176 35.8402 284.154 12.6815 290.869C5.99952 292.806 0 287.088 0 280.131Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 288px;
}
.news-items-tow .news-image-tow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-items-tow .post {
  position: absolute;
  top: 39px;
  left: 20px;
  padding: 2px 20px;
  background: var(--theme-color);
  border-radius: 100px;
  z-index: 22;
}
.news-items-tow .post span {
  color: var(--white);
}
.news-items-tow .news-content-two {
  margin-top: 10px;
}
.news-items-tow .news-content-two .thumb-icon-box {
  position: absolute;
  bottom: 36%;
  right: 8%;
}
.news-items-tow .news-content-two .thumb-icon-box .thumb-icon {
  position: relative;
  z-index: 2;
  animation: cir36 7s linear infinite;
}
.news-items-tow .news-content-two .thumb-icon-box .date {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
}
.news-items-tow .news-content-two .thumb-icon-box .date h3 {
  margin-bottom: -10px;
  font-size: 32px;
  line-height: 147%;
}
.news-items-tow .news-content-two .thumb-icon-box .date span {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--header);
}
.news-items-tow .news-content-two .author-name span {
  color: var(--text);
}
.news-items-tow .news-content-two .author-name span i {
  color: #C7C7C7;
  margin-right: 5px;
}
.news-items-tow .news-content-two .author-name {
  margin-bottom: 15px;
}
.news-items-tow .news-content-two h3 {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 147%;
}
@media (max-width: 1199px) {
  .news-items-tow .news-content-two h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .news-items-tow .news-content-two h3 {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .news-items-tow .news-content-two h3 {
    font-size: 20px;
  }
}
.news-items-tow .news-content-two h3 a:hover {
  color: var(--theme-color-2);
}
.news-items-tow .news-content-two p {
  font-size: 16px;
}

.news-wrapper-three {
  position: relative;
}
.news-wrapper-three::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 516"><path   d="M1835.26 14.5476C1868.35 -11.0856 1905.54 6.81344 1920 18.9671L1919.87 515.5L-4.50664e-05 515.5L0.13391 10.1279C23.5396 -5.11941 48.2231 3.77486 57.6392 10.1279C75.7987 24.0494 92.1086 19.9797 97.9937 16.2048C127.452 -6.11378 153.649 1.19683 163.065 7.64194C185.664 23.5522 201.738 19.9798 206.951 16.2048C238.427 -5.00889 264.456 1.6572 273.536 7.64195C293.309 23.5522 308.005 19.9798 312.881 16.2048C344.358 -5.89278 369.041 1.28892 377.449 7.64196C396.415 23.3312 415.617 19.8877 422.847 16.2048C452.306 -5.00887 479.512 1.65722 489.432 7.64197C509.206 25.983 527.937 20.9926 534.831 16.2048C562.676 -6.99764 592.168 2.67004 603.434 10.4042C619.172 23.2208 632.186 19.6115 636.726 16.2048C667.799 -6.55569 692.718 -0.460443 701.294 5.43224C721.471 25.32 741.648 20.9005 749.215 16.2048C779.884 -6.77666 806.047 2.57798 815.295 10.128C837.086 24.9334 855.313 18.6908 861.703 13.7189C891.969 -7.49478 919.04 2.48593 928.792 10.128C943.32 24.9334 959.731 18.6908 966.12 13.7189C995.983 -7.05282 1023.29 2.67009 1033.21 10.128C1053.79 25.3753 1071.04 18.875 1077.1 13.7189C1103.33 -7.05282 1133.76 2.6701 1145.7 10.128C1163.05 26.9222 1182.52 18.5987 1190.09 12.3378C1215.51 -6.22418 1242.38 3.13046 1252.64 10.128C1267.97 24.2705 1284.92 18.4146 1291.48 13.7189C1313.67 -5.28501 1339.74 0.644512 1349.99 5.98476C1371.38 24.7677 1392.53 18.9671 1400.44 13.7189C1424.65 -5.72695 1452.22 1.7494 1462.99 7.9183C1486.39 26.7012 1504.35 19.6116 1510.4 13.7189C1532.19 -4.40108 1558.49 1.01282 1568.92 5.98478C1585.46 26.3145 1610.78 18.1384 1621.38 11.5092C1648.41 -7.71572 1675.01 3.49879 1684.93 11.5092C1704.31 24.9887 1720.92 17.1256 1726.8 11.5092C1740.93 3.22258 1768.67 -4.51156 1792.88 11.5092C1812.25 24.3258 1829.2 18.875 1835.26 14.5476Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 515px;
}
@media (max-width: 1199px) {
  .news-wrapper-three::before {
    mask: none;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .news-wrapper-three {
    margin-bottom: 80px;
  }
  .news-wrapper-three .custom-padding-top {
    padding-top: 0 !important;
  }
}
.news-wrapper-three .news-blog-items {
  margin-top: 30px;
  box-shadow: var(---box-shadow);
  border-radius: 12px;
  z-index: 2;
  background-color: var(--white);
}
.news-wrapper-three .news-blog-items .blog-img {
  position: relative;
  padding: 20px 20px 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
}
.news-wrapper-three .news-blog-items .blog-img img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  display: block;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.5s;
  padding: 0 20px 20px 20px;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper .blog-layer-image {
  width: 25%;
  height: 100%;
  transition: 0.5s;
  background-size: cover;
  border-radius: 10px;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper .blog-layer-image:nth-child(1) {
  background-position: 0;
  transition-delay: 0;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper .blog-layer-image:nth-child(2) {
  background-position: 33.33%;
  transition-delay: 0.1s;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper .blog-layer-image:nth-child(3) {
  background-position: 66.66%;
  transition-delay: 0.2s;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper .blog-layer-image:nth-child(4) {
  background-position: 100%;
  transition-delay: 0.3s;
}
.news-wrapper-three .news-blog-items .blog-img .blog-text {
  position: absolute;
  bottom: 6%;
  left: 10%;
  color: var(--white);
  background-color: var(--theme-color);
  font-size: 15px;
  font-weight: 400;
  padding: 2px 12px;
  border-radius: 10px;
}
.news-wrapper-three .news-blog-items .blog-content {
  padding: 25px 28px 30px;
}
.news-wrapper-three .news-blog-items .blog-content .admin-box {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-bottom: 10px;
}
.news-wrapper-three .news-blog-items .blog-content .admin-box li {
  font-size: 14px;
  color: var(--text);
}
.news-wrapper-three .news-blog-items .blog-content .admin-box li i {
  color: var(--theme-color-2);
  margin-right: 5px;
  font-size: 16px;
}
.news-wrapper-three .news-blog-items .blog-content h3 a:hover {
  color: var(--theme-color-2);
}
.news-wrapper-three .news-blog-items .blog-content .blog-btn {
  color: #5C707E;
  margin-top: 15px;
  font-weight: 600;
  text-transform: capitalize;
}
.news-wrapper-three .news-blog-items .blog-content .blog-btn i {
  font-weight: 500;
}
.news-wrapper-three .news-blog-items .blog-content .blog-btn:hover {
  color: var(--theme-color-2);
  padding-left: 5px;
}
.news-wrapper-three .news-blog-items:hover .blog-img .blog-layer-wrapper .blog-layer-image {
  transform: translateY(-100%);
}

.little-blog-items {
  padding: 10px;
  background-color: #E0F2C0;
  gap: 15px;
  border-radius: 8px;
  margin-top: 30px;
  display: flex;
  align-items: center;
}
.little-blog-items .blog-image img {
  border-radius: 8px;
}
.little-blog-items .blog-content p {
  font-size: 15px;
  margin-bottom: 5px;
}
.little-blog-items .blog-content p span {
  color: var(--theme-color);
}
.little-blog-items .blog-content h3 {
  font-size: 16px;
  line-height: 168%;
}
.little-blog-items .blog-content h3:hover a {
  color: var(--theme-color-2);
}
.little-blog-items.color-style-2 {
  background-color: #FFE8B6;
}
.little-blog-items.color-style-3 {
  background-color: #CCECFF;
}

.main-sidebar .single-sidebar-widget {
  padding: 40px 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  box-shadow: var(---box-shadow);
}
.main-sidebar .single-sidebar-widget .wid-title {
  margin-bottom: 25px;
}
.main-sidebar .single-sidebar-widget .wid-title h3 {
  position: relative;
  padding-bottom: 15px;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #F39F5F 4.85%, rgba(201, 203, 223, 0) 96.39%);
  border-bottom: 2px solid transparent;
  border-image-slice: 2;
  display: inline-block;
}
.main-sidebar .single-sidebar-widget .search-widget form {
  width: 100%;
  position: relative;
}
.main-sidebar .single-sidebar-widget .search-widget form input {
  background-color: var(--white);
  font-size: 16px;
  padding: 20px;
  width: 100%;
  border: none;
  color: var(--text);
  border: 1px solid #E5E5E5;
  border-radius: 4px;
}
.main-sidebar .single-sidebar-widget .search-widget form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 100%;
  color: var(--theme-color-2);
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 0 4px 4px 0;
}
.main-sidebar .single-sidebar-widget .search-widget form button i {
  font-weight: 400;
  font-size: 16px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E1DBD2;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul {
  margin-bottom: 8px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li {
  font-size: 14px;
  color: var(--theme-color-2);
  font-weight: 600;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li i {
  color: var(--theme-color-2);
  margin-right: 5px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h4 {
  font-weight: 700;
  font-size: 16px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h4 a:hover {
  color: var(--theme-color-2);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 20px;
  background-color: transparent;
  transition: all 0.4s ease-in-out;
  border: 1px solid #E1DBD2;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li a {
  color: #385469;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li span {
  transition: all 0.4s ease-in-out;
  color: #385469;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:not(:last-child) {
  margin-bottom: 12px;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover a {
  color: var(--theme-color-2);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover span {
  color: var(--theme-color-2);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active a {
  color: var(--theme-color-2);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active span {
  color: var(--theme-color-2);
}
.main-sidebar .single-sidebar-widget .tagcloud a {
  display: inline-block;
  padding: 11px 20px;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  background: var(--white);
  margin-right: 5px;
  text-transform: capitalize;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  color: #385469;
  transition: all 0.4s ease-in-out;
}
.main-sidebar .single-sidebar-widget .tagcloud a:last-child {
  margin-right: 0;
}
.main-sidebar .single-sidebar-widget .tagcloud a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.main-sidebar .single-sidebar-widget .tagcloud a.active {
  background-color: var(--theme-color-2);
  color: var(--white);
}

.news-details-area .blog-post-details .single-blog-post .post-featured-thumb {
  height: 460px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .news-details-area .blog-post-details .single-blog-post .post-featured-thumb {
    height: 400px;
  }
}
.news-details-area .blog-post-details .single-blog-post .post-content {
  margin-top: 30px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list {
  gap: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 20px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li {
  font-size: 16px;
  font-weight: 500;
  color: #4b5563;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li i {
  color: var(--theme-color-2);
  margin-right: 5px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li i.tg {
  rotate: 75deg;
}
.news-details-area .blog-post-details .single-blog-post .post-content .headline {
  margin-bottom: 20px;
  font-size: 44px;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .single-blog-post .post-content .headline {
    font-size: 24px;
  }
}
.news-details-area .blog-post-details .single-blog-post .post-content .headline a:hover {
  color: var(--theme-color-2);
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text {
  border-left: 4px solid var(--header);
  padding: 40px;
  background-color: var(--theme-color-2);
  border-radius: 10px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text p {
  font-weight: 600;
  text-transform: capitalize;
  font-style: italic;
  color: var(--white);
  font-size: 16px;
  line-height: 162%;
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text svg {
  float: right;
  margin-top: -15px;
}
.news-details-area .blog-post-details .single-blog-post .post-content h3 {
  font-size: 24px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .details-image img {
  width: 100%;
  height: 100%;
  border-radius: 14px 14px 0 0;
}
.news-details-area .blog-post-details .tag-share-wrap {
  padding: 20px 0 0;
}
.news-details-area .blog-post-details .tag-share-wrap .tagcloud a {
  display: inline-block;
  padding: 10px 14px;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  background: var(--white);
  margin-right: 5px;
  text-transform: capitalize;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  color: #385469;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .tag-share-wrap .tagcloud a {
    margin-bottom: 5px;
  }
}
.news-details-area .blog-post-details .tag-share-wrap .tagcloud a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.news-details-area .blog-post-details .tag-share-wrap .tagcloud a.active {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.news-details-area .blog-post-details .tag-share-wrap .social-share span {
  font-size: 18px;
  color: var(--header);
  font-weight: 600;
}
.news-details-area .blog-post-details .tag-share-wrap .social-share a {
  display: inline-flex;
  width: 40px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(93, 50, 34, 0.1);
  text-align: center;
  justify-content: center;
  align-items: center;
  color: var(--theme-color);
  transition: all 0.4s ease-in-out;
}
.news-details-area .blog-post-details .tag-share-wrap .social-share a i {
  font-size: 15px;
}
.news-details-area .blog-post-details .tag-share-wrap .social-share a:not(:last-child) {
  margin-right: 10px;
}
.news-details-area .blog-post-details .tag-share-wrap .social-share a:hover {
  color: var(--white);
  background-color: var(--theme-color);
  border: 1px solid transparent;
}
.news-details-area .blog-post-details .comment-form-wrap h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .comment-form-wrap h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt span {
  color: var(--header);
  display: inline-block;
  margin-bottom: 10px;
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt input, .news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
  width: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  border: 1px solid #D9D9D9;
  padding: 16px 20px;
  font-weight: 500;
  border-radius: 8px;
  color: var(--text);
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt input::placeholder, .news-details-area .blog-post-details .comment-form-wrap .form-clt textarea::placeholder {
  color: var(--text);
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
  padding-bottom: 100px;
}

.contact-section {
  position: relative;
}
@media (max-width: 991px) {
  .contact-section .section-title-area {
    text-align: center;
    padding-bottom: 20px;
    gap: 20px;
  }
}
.contact-section .perasute-shape {
  position: absolute;
  top: -10%;
  left: 3%;
  z-index: 2;
}
.contact-section .star-shape {
  position: absolute;
  top: 35%;
  right: 14%;
  animation: zoom 1s linear infinite;
}
.contact-section .emoji-shape {
  position: absolute;
  bottom: 10%;
  right: 6%;
}
@media (max-width: 1199px) {
  .contact-section {
    background-color: var(--theme-color-2);
    overflow: hidden;
  }
}
.contact-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color-2);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1882 875"><path   d="M1892.99 68.7146C1907 71.875 1916.83 82.5416 1920 87.4798L1920 875.001L-4.02e-07 875L0.00221079 24.2689C40.5128 0.565479 71.5208 37.1083 75.0217 61.7994C100.628 32.1701 130.036 50.4415 141.539 63.2808C203.055 0.565511 261.57 45.0095 280.075 83.5276C298.48 60.2192 316.752 73.8158 323.586 83.5276C331.088 65.2562 361.096 60.318 372.099 83.5276C386.503 45.9971 414.443 50.7707 426.613 57.8489C443.618 -26.5946 555.147 -9.80473 558.148 59.8242C582.154 48.9601 602.159 52.9107 619.664 70.6882C660.874 37.1084 696.851 59.6595 709.687 75.1327C731.193 50.4416 778.205 41.5528 808.713 75.1327C849.523 55.7749 868.061 79.5771 872.229 93.8979C892.235 58.8366 925.743 70.1945 937.246 75.1327C982.058 34.8369 1022.6 58.3428 1037.27 75.1327C1061.78 45.0096 1104.79 45.0096 1125.79 71.676C1144.6 48.7627 1174.64 52.9108 1187.31 57.849C1198.31 -13.7552 1306.84 -24.6192 1318.34 57.849C1361.55 44.8121 1374.03 74.1451 1374.86 90.4412C1386.36 85.0092 1395.36 87.9721 1405.37 95.8733C1428.97 71.3798 1455.55 77.4374 1465.88 83.5278C1489.89 21.8001 1570.91 14.8866 1605.92 68.7131C1631.12 44.2196 1659.76 53.8985 1670.94 61.7996C1681.94 22.2939 1729.95 6.49166 1765.96 32.6656C1796.97 -17.2118 1887.99 -13.261 1892.99 68.7146Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 100%;
}
@media (max-width: 1199px) {
  .contact-section::before {
    display: none;
  }
}

.contact-section-two {
  position: relative;
  z-index: 9;
}
.contact-section-two::before {
  background-color: #FAF5F2;
  mask-position: top center;
  top: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1882 875"><path   d="M1892.99 68.7146C1907 71.875 1916.83 82.5416 1920 87.4798L1920 875.001L-4.02e-07 875L0.00221079 24.2689C40.5128 0.565479 71.5208 37.1083 75.0217 61.7994C100.628 32.1701 130.036 50.4415 141.539 63.2808C203.055 0.565511 261.57 45.0095 280.075 83.5276C298.48 60.2192 316.752 73.8158 323.586 83.5276C331.088 65.2562 361.096 60.318 372.099 83.5276C386.503 45.9971 414.443 50.7707 426.613 57.8489C443.618 -26.5946 555.147 -9.80473 558.148 59.8242C582.154 48.9601 602.159 52.9107 619.664 70.6882C660.874 37.1084 696.851 59.6595 709.687 75.1327C731.193 50.4416 778.205 41.5528 808.713 75.1327C849.523 55.7749 868.061 79.5771 872.229 93.8979C892.235 58.8366 925.743 70.1945 937.246 75.1327C982.058 34.8369 1022.6 58.3428 1037.27 75.1327C1061.78 45.0096 1104.79 45.0096 1125.79 71.676C1144.6 48.7627 1174.64 52.9108 1187.31 57.849C1198.31 -13.7552 1306.84 -24.6192 1318.34 57.849C1361.55 44.8121 1374.03 74.1451 1374.86 90.4412C1386.36 85.0092 1395.36 87.9721 1405.37 95.8733C1428.97 71.3798 1455.55 77.4374 1465.88 83.5278C1489.89 21.8001 1570.91 14.8866 1605.92 68.7131C1631.12 44.2196 1659.76 53.8985 1670.94 61.7996C1681.94 22.2939 1729.95 6.49166 1765.96 32.6656C1796.97 -17.2118 1887.99 -13.261 1892.99 68.7146Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 80%;
}
@media (max-width: 1199px) {
  .contact-section-two::before {
    mask: none;
    height: 100%;
  }
}

.contact-wrapper {
  margin-top: 30px;
  position: relative;
  z-index: 99;
}
.contact-wrapper .contact-info {
  gap: 30px;
  display: flex;
}
@media (max-width: 991px) {
  .contact-wrapper .contact-info {
    gap: 20px;
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.contact-wrapper .contact-info:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .contact-wrapper .contact-info:not(:last-child) {
    margin-bottom: 20px;
  }
}
.contact-wrapper .contact-info .content h4 {
  font-weight: 600;
  color: var(--white);
  margin-bottom: 5px;
}
.contact-wrapper .contact-info .content h3 {
  font-weight: 600;
  color: var(--white);
  font-size: 18px;
  margin-bottom: 5px;
}
.contact-wrapper .contact-info .content p {
  color: var(--white);
}
@media (max-width: 991px) {
  .contact-wrapper .contact-from h3 {
    text-align: center;
  }
}
.contact-wrapper .contact-from form {
  display: initial;
}
.contact-wrapper .contact-from .inptFld {
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: 4px;
  padding: 0 20px;
  font-size: 16px;
  margin-bottom: 20px;
  color: var(--black);
}
.contact-wrapper .contact-from .contFrm textarea {
  height: 180px;
  padding-top: 5px;
}
.contact-wrapper .contact-from .contFrm textarea.inptFld-2 {
  height: 150px;
}
.contact-wrapper .contact-from .contFrm textarea.inptFld-3 {
  height: 120px;
}
.contact-wrapper .contact-from textarea:focus {
  outline: none;
}
.contact-wrapper .contact-from .contact-button {
  margin-top: 20px;
}
.contact-wrapper .contact-from .contact-button .style-2 {
  background-color: #FFE800;
  color: #1C1C1C;
}
.contact-wrapper .contact-from .contact-button .style-2:hover {
  color: var(--white);
}

.contact-wrapper-two .contact-from-two {
  background-color: var(--bg-3);
  padding: 55px 70px 70px;
  border-radius: 14px;
}
@media (max-width: 1199px) {
  .contact-wrapper-two .contact-from-two {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .contact-wrapper-two .contact-from-two {
    padding: 33px;
  }
}
@media (max-width: 575px) {
  .contact-wrapper-two .contact-from-two {
    padding: 30px;
  }
}
.contact-wrapper-two .contact-from-two h3 {
  font-size: 32px;
}
.contact-wrapper-two .contact-from-two h2 {
  font-size: 32px;
}
.contact-wrapper-two .contact-from-two .contFrm-two span {
  color: var(--white);
  font-size: 15px;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.contact-wrapper-two .contact-from-two.contact-from-three {
  padding: 30px 50px 60px 50px;
}
.contact-wrapper-two .contact-info-items {
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .contact-wrapper-two .contact-info-items {
    margin-left: 0;
  }
}
.contact-wrapper-two .contact-info-items .contact-info-two {
  margin-top: 24px;
}
.contact-wrapper-two .contact-info-items .contact-info-two:not(:last-child) {
  margin-bottom: 0;
}
.contact-wrapper-two .contact-info-items .contact-info-two .icon {
  background-color: var(--theme-color);
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .contact-wrapper-two .contact-info-items .contact-info-two .icon {
    margin: 0 auto;
  }
}
.contact-wrapper-two .contact-info-items .contact-info-two .content span {
  font-size: 15px;
}
.contact-wrapper-two .contact-info-items .contact-info-two .content h5 {
  font-weight: 600;
}
.contact-wrapper-two .contact-info-items .contact-info-two .content h3 {
  font-weight: 600;
  font-size: 20px;
  color: var(--header);
}

.newsletter-section {
  position: relative;
}

.newsletter-two {
  position: relative;
}

.input-wrapper {
  position: relative;
  width: 100%;
  max-width: 550px;
}

.signUp-box form {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
@media (max-width: 575px) {
  .signUp-box form {
    display: block;
  }
}
.signUp-box input[type=email] {
  padding: 13px 20px;
  border: none;
  width: 100%;
  outline: none;
  color: var(--text);
  font-size: 16px;
  border-radius: 16px;
  border: 1px solid rgba(30, 30, 28, 0.15);
}
.signUp-box input[type=email]::placeholder {
  color: var(--text);
}
@media (max-width: 575px) {
  .signUp-box .theme-btn {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
}

.house-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--text);
  pointer-events: none;
}

.newsletter-image {
  margin-top: 50px;
}
.newsletter-image img {
  width: 100%;
  height: 100%;
}

.input-style input[type=email] {
  background-color: var(--white);
}

.map-section {
  position: relative;
  margin-bottom: -100px;
}

.map-items .googpemap iframe {
  width: 100%;
  height: 600px;
}
@media (max-width: 575px) {
  .map-items .googpemap iframe {
    height: 400px;
  }
}

.footer-section {
  position: relative;
}
@media (max-width: 1199px) {
  .footer-section {
    overflow: hidden;
    background-color: var(--bg-2);
  }
}
.footer-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--bg-2);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 632"><path   d="M1920 0.000183105L1920 589.225L1920 637C1881.96 613.112 1776.39 637 1642.71 637L1256 637L602.24 637L0 637L5.51662e-05 5.97188C170 53.5516 666 31.6547 782 31.6548C1034.79 31.655 1312 21.7013 1524 31.6549C1850.74 63.5049 1790 5.9721 1920 0.000183105Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .footer-section::before {
    display: none;
  }
}
.footer-section .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  animation: wind-blow 6s linear infinite;
}
.footer-section .bottom-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 575px) {
  .footer-section .bottom-shape {
    height: 250px;
  }
}
.footer-section .busket-shape {
  position: absolute;
  top: -16%;
  right: 5%;
}
@media (max-width: 1199px) {
  .footer-section .busket-shape {
    display: none;
  }
}
.footer-section .ball-shape {
  position: absolute;
  bottom: 43%;
  left: 7%;
}
@media (max-width: 1199px) {
  .footer-section .ball-shape {
    opacity: 0.2;
  }
}

.footer-two {
  background-color: var(--bg-3);
  position: relative;
}
.footer-two::before {
  display: none;
}
.footer-two .shape-2 {
  z-index: 2;
}
@media (max-width: 1399px) {
  .footer-two .shape-2 {
    opacity: 0.2;
  }
}
.footer-two .busket-shape-2 {
  position: absolute;
  top: -15%;
  left: 13%;
}
@media (max-width: 1399px) {
  .footer-two .busket-shape-2 {
    opacity: 0.2;
  }
}
.footer-two .hut-shape {
  position: absolute;
  top: 26%;
  left: 4%;
}
@media (max-width: 1399px) {
  .footer-two .hut-shape {
    opacity: 0.2;
  }
}
.footer-two .emoji-shape {
  position: absolute;
  top: -5%;
  right: 4%;
}
@media (max-width: 1399px) {
  .footer-two .emoji-shape {
    opacity: 0.2;
  }
}
.footer-two .sky-shape {
  position: absolute;
  top: 45%;
  right: 8%;
  animation: rounded 6s linear infinite;
}
@media (max-width: 1399px) {
  .footer-two .sky-shape {
    opacity: 0.2;
  }
}

.footer-section-three {
  position: relative;
  background-color: #FAF5F2;
}
.footer-section-three::before {
  content: none;
}
.footer-section-three .sky-shape {
  position: absolute;
  top: 31%;
  left: 2%;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1600px) {
  .footer-section-three .sky-shape {
    opacity: 0.2;
  }
}
.footer-section-three .emoji-shape {
  position: absolute;
  bottom: 20%;
  left: 34%;
}
@media (max-width: 1600px) {
  .footer-section-three .emoji-shape {
    opacity: 0.2;
  }
}
.footer-section-three .flower-shape {
  position: absolute;
  bottom: 7%;
  right: 3%;
  animation: wind-blow 5s linear infinite;
}
@media (max-width: 1600px) {
  .footer-section-three .flower-shape {
    opacity: 0.2;
  }
}
.footer-section-three .tube-shape {
  position: absolute;
  top: 34%;
  left: 8%;
}
@media (max-width: 1600px) {
  .footer-section-three .tube-shape {
    opacity: 0.2;
  }
}

.footer-section-four {
  position: relative;
  background-image: url(../images/footer-bg-top.png);
  background-position: top center;
  background-size: cover;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  padding-top: 120px;
}
@media (max-width: 1899px) {
  .footer-section-four {
    padding-top: 88px;
  }
}
@media (max-width: 1600px) {
  .footer-section-four {
    padding-top: 75px;
  }
}
@media (max-width: 1199px) {
  .footer-section-four {
    background-image: none;
    padding-top: 0;
  }
}
@media (max-width: 1199px) {
  .footer-section-four .footer-widgets-four {
    padding-top: 70px;
  }
}
@media (max-width: 991px) {
  .footer-section-four .footer-widgets-four {
    padding-top: 50px;
  }
}
.footer-section-four::before {
  content: none;
}
.footer-section-four .house-shape {
  position: absolute;
  bottom: 8%;
  right: 11%;
}
@media (max-width: 1600px) {
  .footer-section-four .house-shape {
    opacity: 0.4;
  }
}
@media (max-width: 575px) {
  .footer-section-four .house-shape {
    display: none;
  }
}
.footer-section-four .flower-shape-2 {
  position: absolute;
  bottom: 6%;
  left: 6%;
  animation: wind-blow 5s linear infinite;
}
@media (max-width: 1600px) {
  .footer-section-four .flower-shape-2 {
    opacity: 0.4;
  }
}
@media (max-width: 575px) {
  .footer-section-four .flower-shape-2 {
    display: none;
  }
}
.footer-section-four .love-shape {
  position: absolute;
  bottom: 14%;
  left: 30%;
}
@media (max-width: 1600px) {
  .footer-section-four .love-shape {
    opacity: 0.4;
  }
}
@media (max-width: 575px) {
  .footer-section-four .love-shape {
    display: none;
  }
}
.footer-section-four .emoji-shape2 {
  position: absolute;
  bottom: 19%;
  right: 36%;
}
@media (max-width: 1600px) {
  .footer-section-four .emoji-shape2 {
    opacity: 0.4;
  }
}
@media (max-width: 575px) {
  .footer-section-four .emoji-shape2 {
    display: none;
  }
}
.footer-section-four .sky-shape {
  position: absolute;
  top: 26%;
  right: 6%;
  animation: rounded2 5s linear infinite;
}
@media (max-width: 1600px) {
  .footer-section-four .sky-shape {
    opacity: 0.4;
  }
}
@media (max-width: 575px) {
  .footer-section-four .sky-shape {
    display: none;
  }
}
.footer-section-four .frame-shape {
  position: absolute;
  bottom: 22px;
  right: -9px;
  animation: wind-blow 5s linear infinite;
}
@media (max-width: 575px) {
  .footer-section-four .frame-shape {
    display: none;
  }
}
.footer-section-four .shape-2 {
  left: 4%;
}
@media (max-width: 575px) {
  .footer-section-four .shape-2 {
    display: none;
  }
}
.footer-section-four .shape-1 {
  right: 20% !important;
}
@media (max-width: 575px) {
  .footer-section-four .shape-1 {
    display: none;
  }
}

.footer-widgets-wrapper {
  padding: 90px 0 120px;
  position: relative;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper {
    padding-bottom: 70px;
    padding-top: 70px;
  }
}
@media (max-width: 991px) {
  .footer-widgets-wrapper {
    padding-top: 50px;
  }
}
.footer-widgets-wrapper.footer-widgets-wrapper3s {
  padding-top: 70px;
}
@media (max-width: 991px) {
  .footer-widgets-wrapper.footer-widgets-wrapper3s {
    padding-top: 50px;
  }
}
.footer-widgets-wrapper .widget-head {
  margin-bottom: 30px;
}
.footer-widgets-wrapper .single-footer-widget {
  margin-top: 30px;
  position: relative;
  z-index: 88;
}
.footer-widgets-wrapper .single-footer-widget .widget-content .list-area li {
  transition: all 0.4s ease-in-out;
}
.footer-widgets-wrapper .single-footer-widget .widget-content .list-area li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-widgets-wrapper .single-footer-widget .widget-content .list-area li:hover a {
  color: var(--theme-color-2);
  margin-left: 5px;
}
.footer-widgets-wrapper .single-footer-widget .widget-content .contact-info {
  gap: 15px;
  display: flex;
  margin-left: 20px;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper .single-footer-widget .widget-content .contact-info {
    margin-left: 0;
  }
}
.footer-widgets-wrapper .single-footer-widget .widget-content .contact-info:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper .single-footer-widget .widget-content .contact-info:not(:last-child) {
    margin-bottom: 25px;
  }
}
.footer-widgets-wrapper .footer-bottom {
  text-align: center;
  margin-top: 50px;
  padding-bottom: 100px;
}
.footer-widgets-wrapper .footer-bottom a:hover {
  color: var(--theme-color-2);
}

.contact-info-wrapper {
  padding-top: 90px;
}
.contact-info-wrapper .contact-items .contact-text {
  color: var(--white);
  margin-top: 20px;
}
.contact-info-wrapper .contact-info-box {
  justify-content: space-between;
  margin-left: 40px;
}
@media (max-width: 1199px) {
  .contact-info-wrapper .contact-info-box {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .contact-info-wrapper .contact-info-box {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.contact-info-wrapper .contact-info-box .contact-inform {
  display: flex;
  gap: 15px;
  max-width: 221px;
}
.contact-info-wrapper .contact-info-box .contact-inform h4 {
  color: var(--white);
  margin-bottom: 15px;
}
.contact-info-wrapper .contact-info-box .contact-inform h3 {
  color: var(--white);
  margin-bottom: 15px;
  font-size: 18px;
}
.contact-info-wrapper .contact-info-box .contact-inform p {
  color: rgba(255, 255, 255, 0.79);
  font-size: 16px;
}
.contact-info-wrapper .contact-info-box .contact-inform p a {
  color: rgba(255, 255, 255, 0.79);
}

.footer-widgets-two {
  padding: 60px 0 120px;
}
@media (max-width: 1199px) {
  .footer-widgets-two {
    padding: 55px 0 120px;
  }
}
@media (max-width: 991px) {
  .footer-widgets-two {
    padding: 35px 0 120px;
  }
}
.footer-widgets-two .single-footer-widget h3 {
  color: var(--white);
}
.footer-widgets-two .single-footer-widget .widget-content li a {
  color: var(--white);
}
.footer-widgets-two .single-footer-widget .widget-content li:hover a {
  color: var(--theme-color-2) !important;
}
.footer-widgets-two .single-footer-widget .widget-content .footer-signUp-box {
  display: grid;
  justify-content: initial;
  gap: 12px;
}
.footer-widgets-two .single-footer-widget .widget-content .input-wrapper {
  position: relative;
}
.footer-widgets-two .single-footer-widget .widget-content .input-wrapper .mail-icon {
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 17px;
  color: var(--text);
  pointer-events: none;
}
.footer-widgets-two .single-footer-widget .widget-content .input-wrapper input {
  padding: 15px 30px;
  padding-left: 50px;
  width: 100%;
  outline: none;
  border: none;
  border-radius: 16px;
}
.footer-widgets-two .single-footer-widget .widget-content p {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.55);
}
.footer-widgets-two .single-footer-widget .widget-content p a {
  color: var(--white);
  text-decoration: underline;
}
.footer-widgets-two .single-footer-widget .widget-content p a:hover {
  color: var(--theme-color-2);
}
.footer-widgets-two .footer-bottom-2 {
  justify-content: space-between;
  padding-top: 90px;
  margin-top: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .footer-widgets-two .footer-bottom-2 {
    padding-top: 35px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .footer-widgets-two .footer-bottom-2 {
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }
}
.footer-widgets-two .footer-bottom-2 p {
  color: var(--white);
}
.footer-widgets-two .footer-bottom-2 p a {
  color: var(--white);
}
.footer-widgets-two .footer-bottom-2 p a:hover {
  color: var(--theme-color-2);
}
.footer-widgets-two .footer-bottom-2 .social-two {
  margin-top: 0;
}
.footer-widgets-two .footer-bottom-2 .social-two li a {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--white);
}
.footer-widgets-two .footer-bottom-2 .social-two li a:hover {
  background-color: var(--theme-color-2);
}

.single-footer-widget-3 .widget-head {
  padding-bottom: 20px;
  border-image: linear-gradient(90deg, #F39F5F 4.85%, rgba(201, 203, 223, 0) 96.39%);
  border-bottom: 2px solid transparent;
  border-image-slice: 2;
  display: inline-block;
}
.single-footer-widget-3 .social-icon-3 {
  gap: 10px;
}
.single-footer-widget-3 .social-icon-3 li a {
  background-color: transparent;
  border: 1px solid rgba(56, 84, 105, 0.3019607843);
  border-radius: 0;
  height: 38px;
  width: 38px;
  color: #385469;
  line-height: 38px;
  opacity: 0.8;
  transition: all 0.4s ease-in-out;
}
.single-footer-widget-3 .social-icon-3 li a:hover {
  background-color: var(--theme-color);
  border: 1px solid transparent;
  color: var(--white);
}
.single-footer-widget-3 .list-area-3 li {
  font-weight: 400;
}
.single-footer-widget-3 .list-area-3 li a {
  font-size: 16px;
  color: #385469;
}
.single-footer-widget-3 .list-area-3 li a i {
  margin-right: 8px;
  font-weight: 400;
}
.single-footer-widget-3 .list-area-3 li:hover a {
  color: var(--theme-color-2) !important;
}
.single-footer-widget-3 .widget-footer-gallery {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
  align-items: center;
}
.single-footer-widget-3 .widget-footer-gallery .gallery-wrap {
  gap: 8px;
  display: flex;
  align-items: center;
}
.single-footer-widget-3 .widget-footer-gallery .gallery-wrap .gallery-thumb {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  z-index: 2;
}
.single-footer-widget-3 .widget-footer-gallery .gallery-wrap .gallery-thumb a img {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.5s;
}
.single-footer-widget-3 .widget-footer-gallery .gallery-wrap .gallery-thumb a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  transition: all 0.5s;
}
.single-footer-widget-3 .widget-footer-gallery .gallery-wrap .gallery-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgb(241, 95, 37);
  opacity: 0.4;
  transition: all 0.5s;
}
.single-footer-widget-3 .widget-footer-gallery .gallery-wrap .gallery-thumb:hover a img {
  transform: scale(1.2);
}
.single-footer-widget-3 .widget-footer-gallery .gallery-wrap .gallery-thumb:hover a i {
  opacity: 1;
  visibility: visible;
}
.single-footer-widget-3 .widget-footer-gallery .gallery-wrap .gallery-thumb:hover::after {
  height: 100%;
}

.footer-widgets-four {
  background-color: var(--theme-color);
}
.footer-widgets-four .widget-head {
  padding-bottom: 20px;
  border-image: linear-gradient(90deg, #F39F5F 4.85%, rgba(201, 203, 223, 0) 96.39%);
  border-bottom: 2px solid transparent;
  border-image-slice: 2;
  display: inline-block;
}
.footer-widgets-four .widget-head h3 {
  color: var(--white);
}
.footer-widgets-four .widget-content-4 p {
  color: var(--white);
  font-weight: 400;
}
.footer-widgets-four .widget-content-4 .social-icon-4 li a {
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white);
  opacity: 0.9;
  background-color: transparent;
  border-radius: 6px;
}
.footer-widgets-four .widget-content-4 .social-icon-4 li a:hover {
  background-color: var(--theme-color-2);
  border: 1px solid transparent;
  opacity: initial;
  color: var(--white) !important;
  opacity: 1;
}
.footer-widgets-four .widget-content-4 li i {
  font-weight: 400;
}
.footer-widgets-four .widget-content-4 li a {
  color: var(--white);
}
.footer-widgets-four .widget-content-4 li:hover a {
  color: #FDF948 !important;
}
.footer-widgets-four .widget-content-4 .contact-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.footer-widgets-four .widget-content-4 .contact-list li:not(:last-child) {
  margin-bottom: 30px;
}
.footer-widgets-four .widget-content-4 .contact-list li .icon {
  color: #FDF948;
}
.footer-widgets-four .widget-content-4 .contact-list li .icon i {
  font-weight: 400;
}
.footer-widgets-four .widget-content-4 .contact-list li .content h4 {
  font-size: 16px;
  color: #FDF948;
  font-weight: 400;
  font-family: "Source Sans Pro", sans-serif;
}
.footer-widgets-four .widget-content-4 .contact-list li .content p {
  margin: 3px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: var(--white);
}
.footer-widgets-four .widget-content-4 .input-wrapper {
  position: relative;
}
.footer-widgets-four .widget-content-4 .input-wrapper .mail-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 17px;
  color: var(--text);
  pointer-events: none;
}
.footer-widgets-four .widget-content-4 .input-wrapper input {
  border: none;
  width: 100%;
  outline: none;
  background-color: var(--white);
  height: 55px;
  line-height: 55px;
  border-radius: 16px;
  padding-left: 50px;
  color: var(--text);
}
.footer-widgets-four .widget-content-4 .input-wrapper .submit-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  height: 45px;
  width: 49px;
  border-radius: 12px;
  background: var(--theme-color-2);
  color: var(--white);
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.footer-widgets-four .widget-content-4 .input-wrapper .submit-btn:hover {
  background: var(--theme-color);
}
.footer-widgets-four .widget-content-4 .contact-inf {
  margin-top: 20px;
}

.footer-bottom {
  position: relative;
}
.footer-bottom .f-bottom-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 92"><path d="M84.7504 27.2721C51.6574 -20.7819 14.4614 12.773 0 35.5572V92H1920V18.9869C1896.59 -9.59695 1871.91 7.07696 1862.49 18.9869C1844.33 45.0852 1828.02 37.4559 1822.13 30.379C1792.67 -11.4611 1766.47 2.24395 1757.06 14.3265C1734.46 44.1531 1718.38 37.4559 1713.17 30.379C1681.69 -9.38979 1655.66 3.10699 1646.58 14.3265C1626.8 44.1531 1612.11 37.4559 1607.23 30.379C1575.75 -11.0468 1551.07 2.41656 1542.66 14.3265C1523.69 43.7389 1504.49 37.2833 1497.26 30.379C1467.8 -9.38979 1440.59 3.10699 1430.67 14.3265C1410.89 48.71 1392.16 39.3546 1385.27 30.379C1357.42 -13.1181 1327.92 5.00568 1316.66 19.5047C1300.92 43.5317 1287.9 36.7655 1283.36 30.379C1252.29 -12.2896 1227.37 -0.862982 1218.79 10.1839C1198.61 47.4672 1178.43 39.182 1170.87 30.379C1140.2 -12.7039 1114.03 4.83308 1104.78 18.9869C1082.99 46.7422 1064.76 35.0395 1058.37 25.7187C1028.1 -14.0502 1001.03 4.66049 991.277 18.9869C976.748 46.7422 960.336 35.0395 953.946 25.7187C924.082 -13.2216 896.774 5.0057 886.852 18.9869C866.27 47.5708 849.017 35.3847 842.964 25.7187C816.732 -13.2216 786.295 5.0057 774.356 18.9869C757.003 50.4706 737.53 34.8668 729.963 23.1295C704.538 -11.6682 677.667 5.86872 667.409 18.9869C652.074 45.4995 635.124 34.5216 628.565 25.7187C606.369 -9.9076 580.305 1.20835 570.047 11.2196C548.658 46.4316 527.504 35.5573 519.601 25.7187C495.386 -10.7361 467.809 3.27964 457.047 14.8444C433.64 50.0564 415.681 36.7656 409.627 25.7187C387.834 -8.25056 361.534 1.89878 351.109 11.2196C334.562 49.3314 309.238 34.0038 298.644 21.576C271.605 -14.4645 245.003 6.55916 235.081 21.576C215.71 46.8458 199.096 32.1051 193.211 21.576C179.086 6.04134 151.34 -8.45772 127.126 21.576C107.754 45.603 90.804 35.3846 84.7504 27.2721Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 575px) {
  .footer-bottom .f-bottom-bg {
    mask: none;
  }
}
.footer-bottom .footer-wrapper {
  position: relative;
  z-index: 9;
  padding-top: 50px;
  padding-bottom: 20px;
}
@media (max-width: 575px) {
  .footer-bottom .footer-wrapper {
    flex-wrap: wrap;
    justify-content: center !important;
    padding: 20px 0;
    text-align: center !important;
    gap: 15px;
  }
}
.footer-bottom .footer-wrapper p {
  color: var(--white);
}
.footer-bottom .footer-wrapper p a {
  color: var(--white);
}
.footer-bottom .footer-wrapper p a:hover {
  color: var(--theme-color-2);
}
.footer-bottom .footer-wrapper .footer-menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-bottom .footer-wrapper .footer-menu li a {
  color: var(--white);
  background-image: linear-gradient(var(--theme-color-2), var(--theme-color-2));
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.footer-bottom .footer-wrapper .footer-menu li a:hover {
  background-size: 100% 1px;
  color: var(--theme-color-2);
}

.footer-bottom-two .bottom-bg-two {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #9C8FF1;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 92"><path d="M84.7504 27.2721C51.6574 -20.7819 14.4614 12.773 0 35.5572V92H1920V18.9869C1896.59 -9.59695 1871.91 7.07696 1862.49 18.9869C1844.33 45.0852 1828.02 37.4559 1822.13 30.379C1792.67 -11.4611 1766.47 2.24395 1757.06 14.3265C1734.46 44.1531 1718.38 37.4559 1713.17 30.379C1681.69 -9.38979 1655.66 3.10699 1646.58 14.3265C1626.8 44.1531 1612.11 37.4559 1607.23 30.379C1575.75 -11.0468 1551.07 2.41656 1542.66 14.3265C1523.69 43.7389 1504.49 37.2833 1497.26 30.379C1467.8 -9.38979 1440.59 3.10699 1430.67 14.3265C1410.89 48.71 1392.16 39.3546 1385.27 30.379C1357.42 -13.1181 1327.92 5.00568 1316.66 19.5047C1300.92 43.5317 1287.9 36.7655 1283.36 30.379C1252.29 -12.2896 1227.37 -0.862982 1218.79 10.1839C1198.61 47.4672 1178.43 39.182 1170.87 30.379C1140.2 -12.7039 1114.03 4.83308 1104.78 18.9869C1082.99 46.7422 1064.76 35.0395 1058.37 25.7187C1028.1 -14.0502 1001.03 4.66049 991.277 18.9869C976.748 46.7422 960.336 35.0395 953.946 25.7187C924.082 -13.2216 896.774 5.0057 886.852 18.9869C866.27 47.5708 849.017 35.3847 842.964 25.7187C816.732 -13.2216 786.295 5.0057 774.356 18.9869C757.003 50.4706 737.53 34.8668 729.963 23.1295C704.538 -11.6682 677.667 5.86872 667.409 18.9869C652.074 45.4995 635.124 34.5216 628.565 25.7187C606.369 -9.9076 580.305 1.20835 570.047 11.2196C548.658 46.4316 527.504 35.5573 519.601 25.7187C495.386 -10.7361 467.809 3.27964 457.047 14.8444C433.64 50.0564 415.681 36.7656 409.627 25.7187C387.834 -8.25056 361.534 1.89878 351.109 11.2196C334.562 49.3314 309.238 34.0038 298.644 21.576C271.605 -14.4645 245.003 6.55916 235.081 21.576C215.71 46.8458 199.096 32.1051 193.211 21.576C179.086 6.04134 151.34 -8.45772 127.126 21.576C107.754 45.603 90.804 35.3846 84.7504 27.2721Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.Error-section {
  background-color: #020F2D;
  height: 100vh;
}

.error-items {
  text-align: center;
}
.error-items .error-image img {
  width: 100%;
  height: 100%;
}
.error-items h2 {
  font-size: 66px;
  color: var(--white);
  margin-top: 45px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .error-items h2 {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .error-items h2 {
    font-size: 35px;
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .error-items h2 {
    font-size: 28px;
  }
}
.error-items .error-btn {
  margin-top: 30px;
}
.error-items .error-btn .custom-input-group {
  display: flex;
  width: 100%;
  border-radius: 50px;
  overflow: hidden;
  margin-bottom: 30px;
}
.error-items .error-btn .custom-input-group .custom-input {
  flex: 1;
  border: none;
  padding: 14px 40px;
  outline: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.625;
  color: #4b5563;
}
.error-items .error-btn .custom-input-group .custom-input::placeholder {
  color: #777;
}
.error-items .error-btn .custom-input-group .custom-input:focus {
  outline: none !important;
}
.error-items .error-btn .custom-input-group .custom-search-btn {
  padding: 0 20px;
  background: var(--theme-color-2);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
}
.error-items .error-btn .custom-input-group .custom-search-btn i {
  font-size: 12px;
  color: var(--white);
  font-weight: 400;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.error-items .error-btn .custom-input-group .custom-search-btn:hover i {
  transform: rotate(-45deg);
}