@charset "UTF-8";
/*======================================================================================
  >> TABLE OF CONTENTS <<
========================================================================================
01. Mixins & Variables
02. Base
03. Components
04. Layouts
05. Sections

Colors
#d9232e -red
#00a859 -green
#6b3f18 -brown
#f58634 -orange
#6b325b -purple
#c2289f -pink
======================================================================================*/
/*---------------------------------------
01. Mixins & Variables
---------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&amp;display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&amp;display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&amp;display=swap");
:root {
  --body: #FFFBFB;
  --black: #000;
  --white: #fff;
  --theme: #f58634;
  --header: #00a859;
  --text: #6b3f18;
  --border: #000000;
  --bg: #FEF4DE;
  --bg2: #E1F6FE;
  --bg3: #FEDFEF;
  --bg4: #E6E8FC;
  --bg5: #FFEAEB;
  --box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
}

/*---------------------------------------
02. Base
---------------------------------------*/
/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: var(--text);
  background-color: var(--body);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}
@media (max-width: 575px) {
  body {
    font-size: 14px;
  }
}

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);
  transition: all 0.4s ease-in-out;
}

h1 {
  font-size: 70px;
  font-weight: 700;
  line-height: 114%;
  letter-spacing: -2px;
}
@media (max-width: 1399px) {
  h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  h1 {
    font-size: 55px;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 60px;
    line-height: 130% !important;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 44px;
  }
}
@media (max-width: 470px) {
  h1 {
    font-size: 34px;
  }
}

h2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 120%;
}
@media (max-width: 1399px) {
  h2 {
    font-size: 44px;
  }
}
@media (max-width: 1199px) {
  h2 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  h2 {
    font-size: 36px;
  }
}
@media (max-width: 470px) {
  h2 {
    font-size: 32px;
  }
}

h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 142%;
}
@media (max-width: 575px) {
  h3 {
    font-size: 22px;
  }
}

h4 {
  font-size: 24px;
  font-weight: 400;
}

h5 {
  font-size: 18px;
  font-weight: 700;
}

h6 {
  font-size: 16px;
  font-weight: 700;
}

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

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

span {
  margin: 0px;
}

.theme-btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
}
.theme-btn .theme-text,
.theme-btn .theme-text2 {
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
  color: var(--white);
  position: absolute;
  left: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-transform: capitalize;
  transition: transform 0.6s ease;
  z-index: 99;
}
.theme-btn {
  /* First Text (Visible Initially) */
}
.theme-btn .theme-text {
  top: 50%;
  transform: translateY(-50%);
}
.theme-btn {
  /* Second Text (Hidden Below Initially) */
}
.theme-btn .theme-text2 {
  top: 50%;
  transform: translateY(150%);
}
.theme-btn .theme-bg {
  display: block;
}
.theme-btn .theme-bg svg {
  width: 100%;
  max-width: 170px;
  display: block;
}
.theme-btn .theme-bg svg path {
  transition: fill 0.4s ease;
}
.theme-btn:hover {
  /* First Text Goes Up */
}
.theme-btn:hover .theme-text {
  transform: translateY(-250%);
}
.theme-btn:hover {
  /* Second Text Comes From Bottom */
}
.theme-btn:hover .theme-text2 {
  transform: translateY(-50%);
}
.theme-btn:hover .theme-bg svg path {
  fill: var(--header);
}
.theme-btn.hover-header:hover .theme-bg svg path {
  fill: var(--theme);
}

@keyframes slideRight {
  49% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes slideUp {
  49% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
/*---------------------------------------
03. Components
---------------------------------------*/
.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;
  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: #fff;
  font-size: 16px;
  line-height: 2;
  font-weight: 700;
  text-transform: capitalize;
  border-bottom: 1px solid rgba(193, 210, 206, 0.0705882353) !important;
  border: none;
  font-family: "Quicksand", sans-serif;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--theme);
}

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

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

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

.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: 18px;
}

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

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  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;
}

.back-to-top {
  background-color: var(--theme);
  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);
  border-radius: 12px;
}
.back-to-top:hover {
  background-color: var(--header);
  color: var(--white);
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

.cursor-outer {
  margin-inline-start: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--header);
  background-color: var(--header);
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.34;
  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%;
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}

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

.cursor-inner {
  margin-inline-start: -3px;
  margin-top: -3px;
  width: 10px;
  height: 10px;
  z-index: 10000001;
  background-color: var(--theme);
  opacity: 1;
  transition: all 0.24s ease-out 0s;
}

.cursor-inner span {
  color: var(--white);
  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 {
  margin-inline-start: -10px;
  margin-top: -10px;
  width: 30px;
  height: 30px;
  background-color: var(--theme);
  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(../img/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: 4px;
  padding-right: 80px;
}

.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: 4px;
  font-size: 20px;
  color: var(--white);
  background-color: var(--theme);
  transition: all 0.4s ease-in-out;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.search-popup__form .search-btn:hover {
  background-color: var(--header);
  color: var(--white);
}

.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;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
}

.loader {
  width: fit-content;
  font-size: 120px;
  line-height: 1.5;
  font-family: "Quicksand", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 1px #F39F5F;
  background: radial-gradient(1.13em at 50% 1.6em, #F39F5F 99%, rgba(0, 0, 0, 0) 101%) calc(50% - 1.6em) 0/3.2em 100% text, radial-gradient(1.13em at 50% -0.8em, rgba(0, 0, 0, 0) 99%, #F39F5F 101%) 50% 0.8em/3.2em 100% repeat-x text;
  animation: l9 2s linear infinite;
}
@media (max-width: 575px) {
  .loader {
    font-size: 70px;
  }
}

.loader:before {
  content: "Pippa Poppins";
}

@keyframes l9 {
  to {
    background-position: calc(50% + 1.6em) 0, calc(50% + 3.2em) 0.8em;
  }
}
@-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 gelatine {
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.7, 1.1);
  }
  50% {
    transform: scale(1.1, 0.7);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}
@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  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 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 cir36 {
  100% {
    transform: rotate(360deg);
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -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: 3s;
  animation-duration: 3s;
  -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(30px);
  }
  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);
  }
}
@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;
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes rotated2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes wave {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes translateY2 {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes translateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
/*img-animation**********************/
.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;
  }
}
@keyframes animate-positive {
  0% {
    width: 0;
  }
}
@keyframes scale {
  0% {
    top: -1000px;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animation-infinite {
  animation: ShapeAnim 50s linear infinite;
  height: 30px;
  width: 100%;
  background-repeat: repeat;
  overflow: hidden;
}

@keyframes ShapeAnim {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left 3000px;
  }
}
.splt-txt .whitespace {
  width: 8px;
}

.splt-txt.animated .char {
  -webkit-animation: fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation: fadeIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(30ms * var(--char-index));
  animation-delay: calc(30ms * var(--char-index));
}

.splt-txt-bounce .whitespace {
  width: 20px;
}

@media (max-width: 991px) {
  .splt-txt-bounce .whitespace {
    width: 10px;
  }
}
.splt-txt-bounce.animated .char {
  -webkit-animation: bounceIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation: bounceIn 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(30ms * var(--char-index));
  animation-delay: calc(30ms * var(--char-index));
}

/*---------------------------------------
04. Layouts
---------------------------------------*/
@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: 45px;
}
.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: 700;
  color: var(--header);
  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) !important;
}
.header-main .main-menu ul > li.active > a,
.header-main .main-menu ul > li.active > a:hover {
  color: var(--theme) !important;
}
.header-main .main-menu ul li .submenu li.active > a,
.header-main .main-menu ul li .submenu li.active > a:hover {
  color: var(--theme) !important;
}
.header-main .main-menu ul li .submenu li.active > a::before {
  width: 12px;
}
.header-main .main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  min-width: 250px;
  background: var(--white);
  padding: 20px 0;
  border-radius: 10px;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  color: var(--header);
  transition: all 0.4s ease-in-out;
  border-top: 4px solid var(--theme);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transform: scaleY(0);
  transform-origin: top;
  visibility: hidden;
  gap: 0;
  padding: 10px 0;
  transition: 0.4s;
}
.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: 700;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  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::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: var(--theme);
  left: 14px;
  bottom: 18px;
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .submenu li a:hover {
  color: var(--theme) !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) !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);
}
.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);
}
.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;
}
.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;
  border-radius: 10px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
  left: 25px;
  right: 25px;
}
@media (max-width: 1399px) {
  .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .gt-theme-btn {
    font-size: 14px;
    min-width: 140px;
  }
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
  justify-content: center;
  line-height: 1;
  background-color: var(--theme);
  color: var(--white);
  border-radius: 30px;
  max-width: 180px;
  margin: 0 auto;
  height: 54px;
  line-height: 54px;
  padding: 0 28px;
  font-family: "Quicksand", sans-serif;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn i {
  font-size: 16px;
  margin-left: 10px;
  margin-right: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
  color: var(--white) !important;
  background-color: var(--header);
}
.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: 10px;
}
.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%;
  border-radius: 10px;
}
.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:hover .homemenu-thumb::before {
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu:hover .homemenu-thumb .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 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;
  font-family: "Quicksand", sans-serif;
  color: var(--header);
  text-transform: capitalize;
}
.header-main .main-menu ul li:hover > a {
  color: var(--theme);
}
.header-main .main-menu ul li:hover > a::after {
  color: var(--theme);
}
.header-main .main-menu ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  transition: all 0.5s ease;
}
.header-main .header-right {
  gap: 30px;
}
@media (max-width: 1399px) {
  .header-main .header-right {
    gap: 20px;
  }
}
.header-main .header__hamburger {
  line-height: 1;
}
.header-main .sidebar__toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  width: 25px;
  height: 25px;
  position: relative;
  top: 0;
  inset-inline-start: 0;
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.header-main .sidebar__toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background-color: var(--white);
  border-radius: 10px;
  margin-inline-end: auto;
  backface-visibility: hidden;
  transition: all 0.3s;
}
.header-main .sidebar__toggle span:last-child, .header-main .sidebar__toggle span:first-child {
  width: 25px;
}
.header-main .sidebar__toggle.mobile_menu_bar {
  width: 50px;
  height: 50px;
  padding: 12px;
  background: var(--white);
  border-radius: 7px;
}
.header-main .sidebar__toggle.mobile_menu_bar span {
  background-color: var(--white);
}
.header-main .sidebar__toggle:hover span {
  width: 100%;
}

.header-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
@media (max-width: 575px) {
  .header-1 .logo img {
    width: 140px;
  }
}
.header-1 .top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .header-1 .top-bar {
    display: none;
  }
}
.header-1 .top-bar img {
  width: 100%;
  height: 118px;
}
@media (max-width: 1199px) {
  .header-1 .logo img {
    width: 150px;
  }
}
@media (max-width: 575px) {
  .header-1 .logo img {
    width: 150px;
  }
}
.header-1 .container {
  max-width: 1720px;
}
.header-1 .sidebar__toggle span {
  background-color: var(--header);
}
.header-1 .sidebar__toggle span:last-child, .header-1 .sidebar__toggle span:first-child {
  width: 25px;
}
.header-1 .sidebar__toggle:hover span {
  width: 100%;
}
.header-1 .header-right .search-toggler {
  display: inline-block;
  width: 59px;
  height: 59px;
  line-height: 59px;
  border: 1px solid rgba(56, 84, 105, 0.2);
  text-align: center;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .header-1 .header-right .search-toggler {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
}
.header-1 .header-right .search-toggler:hover {
  background-color: var(--theme);
  border-color: var(--theme);
  color: var(--white);
}
@media (max-width: 1199px) {
  .header-1 .header-right .theme-btn {
    display: none;
  }
}

.header-section-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.header-section-2 .container {
  max-width: 1720px;
}
.header-section-2 .header-top {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .header-section-2 .header-top {
    display: none;
  }
}
.header-section-2 .header-top .topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.header-section-2 .header-top .topbar img {
  width: 100%;
  height: 72px;
}
.header-section-2 .header-top-wrapper {
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-section-2 .header-top-wrapper ul {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header-section-2 .header-top-wrapper ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-section-2 .header-top-wrapper ul li .icon {
  width: 30px;
  height: 30px;
  line-height: 34px;
  text-align: center;
  border-radius: 20px;
  background-color: var(--white);
  font-size: 12px;
  color: var(--theme);
}
.header-section-2 .header-top-wrapper ul li {
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
}
.header-section-2 .header-top-wrapper ul li a {
  color: var(--white);
}
.header-section-2 .header-top-wrapper .social-icon {
  gap: 10px;
}
.header-section-2 .header-top-wrapper .social-icon a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: var(--white);
  font-size: 14px;
  text-align: center;
}
.header-section-2 .header-top-wrapper .social-icon a:hover {
  background-color: var(--white);
  color: var(--theme);
  border-color: var(--white);
}
.header-section-2 .sidebar__toggle span {
  background-color: var(--header);
}
.header-section-2 .sidebar__toggle span:last-child, .header-section-2 .sidebar__toggle span:first-child {
  width: 25px;
}
.header-section-2 .sidebar__toggle:hover span {
  width: 100%;
}
@media (max-width: 575px) {
  .header-section-2 .header-2 .logo img {
    width: 140px;
  }
}
.header-section-2 .header-2 .header-right .search-toggler {
  display: inline-block;
  width: 59px;
  height: 59px;
  line-height: 59px;
  border: 1px solid rgba(56, 84, 105, 0.2);
  text-align: center;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .header-section-2 .header-2 .header-right .search-toggler {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
}
.header-section-2 .header-2 .header-right .search-toggler:hover {
  background-color: var(--theme);
  border-color: var(--theme);
  color: var(--white);
}
@media (max-width: 1199px) {
  .header-section-2 .header-2 .header-right .theme-btn {
    display: none;
  }
}

.header-3 .mega-menu-wrapper {
  background: radial-gradient(90.16% 143.01% at 15.32% 21.04%, rgba(165, 239, 255, 0.2) 0%, rgba(110, 191, 244, 0.0447917) 77.08%, rgba(70, 144, 213, 0) 100%);
  background-blend-mode: overlay, normal;
  backdrop-filter: blur(40px);
  border-radius: 59px;
  padding: 0 30px;
  margin-top: 20px;
}
.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) !important;
}
.header-3 .header-main .main-menu ul li .submenu {
  color: var(--header);
}
.header-3 .header-main .main-menu ul li .submenu li a {
  color: var(--header);
}
.header-3 .header-main .main-menu ul li .submenu li a:hover {
  color: var(--theme) !important;
}
.header-3 .header-main .main-menu ul li .submenu li:hover > a {
  color: var(--theme) !important;
}
.header-3 .header-main .main-menu ul li .submenu li:hover > a::after {
  color: var(--theme);
}
.header-3 .header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  color: var(--theme);
}
.header-3 .header-main .main-menu ul li:hover > a {
  color: var(--theme);
}
.header-3 .header-main .main-menu ul li:hover > a::after {
  color: var(--theme);
}
.header-3 .sidebar__toggle span {
  background-color: var(--white);
}
.header-3 .sidebar__toggle:hover span {
  width: 100%;
}
.header-3 .header-right .search-toggler {
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white);
}
.header-3 .header-right .search-toggler:hover {
  background-color: var(--theme);
  border-color: var(--theme);
  color: var(--white);
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.9s;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: var(--white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.sticky.header-1 .top-bar {
  display: none;
}
.sticky.header-3 {
  background-color: var(--header);
}
.sticky.header-3 .mega-menu-wrapper {
  background: initial;
  background-blend-mode: initial;
  backdrop-filter: initial;
  border-radius: 0px;
  padding: 0 0;
  margin-top: 0;
}
.sticky.header-3 .theme-btn:hover .theme-bg svg path {
  fill: var(--white);
}
.sticky.header-3 .theme-btn:hover span {
  color: var(--header);
}

.offcanvas__info {
  background: var(--header) none repeat scroll 0 0;
  position: fixed;
  right: 0;
  top: 0;
  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: 9999999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  top: 15px;
  width: 470px;
  height: calc(100% - 30px);
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
  border-start-start-radius: 12px;
  border-end-start-radius: 12px;
  border-radius: 12px;
}
.offcanvas__info::-webkit-scrollbar {
  display: none;
}

.offcanvas__info.info-open {
  opacity: 1;
  transform: translateX(-15px);
}

.offcanvas__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 40px;
  overflow: auto;
  height: 100%;
}
.offcanvas__wrapper .offcanvas__top {
  margin-bottom: 30px;
}
.offcanvas__wrapper .offcanvas__logo img {
  width: 190px;
}
@media (max-width: 575px) {
  .offcanvas__wrapper .offcanvas__logo img {
    width: 130px;
  }
}
.offcanvas__wrapper .offcanvas__close {
  color: var(--theme);
  display: inline-block;
  font-size: 35px;
  line-height: 1;
  transition: all 0.4s ease-in-out;
}
.offcanvas__wrapper .offcanvas__close i {
  color: var(--white);
}
.offcanvas__wrapper .offcanvas__close:hover {
  transform: rotate(90deg);
}
.offcanvas__wrapper .offcanvas__close:hover i {
  color: var(--theme);
}
.offcanvas__wrapper .text {
  color: #C1D2CE;
  font-size: 15px;
}
.offcanvas__wrapper .off-contact-info {
  margin-top: 30px;
}
.offcanvas__wrapper .off-contact-info .info-title {
  font-size: 24px;
  color: var(--white);
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
}
@media (max-width: 575px) {
  .offcanvas__wrapper .off-contact-info .info-title {
    font-size: 20px;
  }
}
.offcanvas__wrapper .off-contact-info .contact-details {
  margin-top: 14px;
}
.offcanvas__wrapper .off-contact-info .contact-details .sub-info {
  color: #C1D2CE;
}
@media (max-width: 575px) {
  .offcanvas__wrapper .off-contact-info .contact-details .sub-info {
    font-size: 14px;
  }
}
.offcanvas__wrapper .off-contact-info .contact-details p {
  color: var(--white);
  font-family: "Quicksand", sans-serif;
  font-size: 17px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .offcanvas__wrapper .off-contact-info .contact-details p {
    font-size: 15px;
  }
}
.offcanvas__wrapper .off-contact-info .contact-details p a {
  color: var(--white);
}
.offcanvas__wrapper .social-icon-list {
  margin-top: 30px;
}
.offcanvas__wrapper .social-icon-list .follow-title {
  font-size: 24px;
  color: var(--white);
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
}
@media (max-width: 575px) {
  .offcanvas__wrapper .social-icon-list .follow-title {
    font-size: 20px;
  }
}
.offcanvas__wrapper .social-icon-list .social-icon {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
}
.offcanvas__wrapper .social-icon-list .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  background: rgba(193, 210, 206, 0.0705882353);
  color: var(--white);
  font-size: 14px;
}
.offcanvas__wrapper .social-icon-list .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  backdrop-filter: blur(10px);
  z-index: 99999;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

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

@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
  .offcanvas__info {
    width: 390px;
  }
}
@media (max-width: 450px) {
  .offcanvas__info {
    width: 340px;
  }
}
.breadcrumb-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 9;
  background-position: bottom center !important;
}
.breadcrumb-wrapper .shape-1 {
  position: absolute;
  z-index: 9;
  bottom: 160px;
  left: 0;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .shape-1 {
    display: none;
  }
}
.breadcrumb-wrapper .shape-4 {
  position: absolute;
  z-index: 9;
  bottom: 210px;
  right: 0;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .shape-4 {
    display: none;
  }
}
.breadcrumb-wrapper .shape-2 {
  position: absolute;
  bottom: 50px;
  left: 180px;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .shape-2 {
    display: none;
  }
}
.breadcrumb-wrapper .shape-3 {
  position: absolute;
  bottom: 50px;
  right: 180px;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .shape-3 {
    display: none;
  }
}
.breadcrumb-wrapper .page-heading {
  position: relative;
  padding: 230px 0 180px;
  z-index: 9;
  text-align: center;
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .page-heading {
    padding: 150px 0 140px;
  }
}
@media (max-width: 767px) {
  .breadcrumb-wrapper .page-heading {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 120px;
  }
}
.breadcrumb-wrapper .page-heading h1 {
  color: var(--header);
  font-size: 50px;
  position: relative;
  z-index: 9;
  font-weight: 700;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 50px;
  }
}
@media (max-width: 470px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 40px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 10px;
  justify-content: center;
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading .breadcrumb-items {
    margin-top: 15px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li {
  color: var(--theme);
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
  color: var(--header);
  transition: all 0.4s ease-in-out;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a i {
  color: var(--theme);
  margin-right: 9px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover {
  color: var(--theme);
  opacity: 1;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a i {
  color: var(--theme);
  margin-right: 5px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li i {
  color: var(--white);
}

.error-items {
  text-align: center;
  position: relative;
}
.error-items .error-image {
  max-width: 695px;
  margin: 0 auto 20px;
}
.error-items .error-image img {
  width: 100%;
  height: 100%;
}
.error-items h2 {
  font-size: 72px;
  font-weight: 700;
  margin-bottom: 25px;
}
@media (max-width: 575px) {
  .error-items h2 {
    font-size: 30px;
  }
}
.error-items p {
  margin: 0 auto 40px;
}
@media (max-width: 767px) {
  .error-items p {
    margin-bottom: 30px;
  }
}

.footer-section {
  background-color: var(--bg);
  position: relative;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .footer-section {
    margin-top: 0;
    overflow: hidden;
  }
}
.footer-section .footer-top {
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .footer-section .footer-top {
    display: none;
  }
}
.footer-section .footer-top img {
  width: 100%;
}
.footer-section .bear-shape {
  position: absolute;
  left: 0;
  top: 18%;
}
@media (max-width: 1899px) {
  .footer-section .bear-shape {
    display: none;
  }
}
.footer-section .bag-shape {
  position: absolute;
  right: 0;
  bottom: 30px;
}
@media (max-width: 1600px) {
  .footer-section .bag-shape {
    opacity: 0.3;
  }
}
.footer-section .vec-shape {
  position: absolute;
  top: 15%;
  right: 56px;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1600px) {
  .footer-section .vec-shape {
    opacity: 0.3;
  }
}
.footer-section .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 1399px) {
  .footer-section .bottom-shape {
    height: 90px;
  }
}
.footer-section .bottom-shape img {
  width: 100%;
}
@media (max-width: 1399px) {
  .footer-section .bottom-shape img {
    height: 100%;
    object-fit: cover;
  }
}
.footer-section .footer-text {
  text-align: center;
  position: relative;
  z-index: 99;
  padding-bottom: 20px;
  padding-top: 15px;
}
.footer-section .footer-text b {
  text-transform: capitalize;
}

.footer-info-wrapper {
  /* border-bottom: 2px dashed rgba(56, 84, 105, 0.2); */
  padding-bottom: 40px;
  padding-top: 90px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .footer-info-wrapper {
    padding-top: 70px;
  }
}
@media (max-width: 991px) {
  .footer-info-wrapper {
    padding-top: 50px;
  }
}
.footer-info-wrapper .footer-content {
  max-width: 350px;
  margin-top: 30px;
  position: relative;
  z-index: 9;
}
.footer-info-wrapper .footer-content .footer-logo {
  display: inline-block;
  margin-bottom: 30px;
}
.footer-info-wrapper .footer-content .social-icon {
  gap: 10px;
  margin-top: 28px;
}
.footer-info-wrapper .footer-content .social-icon a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid rgba(92, 112, 126, 0.25);
  border-radius: 50%;
  font-size: 14px;
}
.footer-info-wrapper .footer-content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border-color: var(--theme);
}
.footer-info-wrapper .footer-info-items {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(56, 84, 105, 0.2);
  border-radius: 40px;
  padding: 30px;
  position: relative;
  margin-top: 30px;
  position: relative;
  z-index: 9;
}
.footer-info-wrapper .footer-info-items .flag-img {
  position: absolute;
  top: 30px;
  right: 30px;
}
.footer-info-wrapper .footer-info-items .title {
  font-size: 20px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 22px;
  text-transform: capitalize;
}
.footer-info-wrapper .footer-info-items .title::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 22px;
  height: 2px;
  background-color: var(--theme);
  border-radius: 4px;
}
.footer-info-wrapper .footer-info-items .title::after {
  position: absolute;
  bottom: 0;
  left: 28px;
  content: "";
  width: 64px;
  height: 2px;
  background-color: var(--header);
  border-radius: 4px;
}
.footer-info-wrapper .footer-info-items ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-info-wrapper .footer-info-items ul li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-info-wrapper .footer-info-items ul li i {
  color: var(--theme);
}

.footer-widget-wrapper {
  padding: 40px 0 80px;
  position: relative;
  z-index: 9;
}
.footer-widget-wrapper .footer-widget-items .widget-head {
  padding-bottom: 15px;
  margin-bottom: 22px;
  position: relative;
}
.footer-widget-wrapper .footer-widget-items .widget-head::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 22px;
  height: 2px;
  background-color: var(--theme);
  border-radius: 4px;
}
.footer-widget-wrapper .footer-widget-items .widget-head::after {
  position: absolute;
  bottom: 0;
  left: 28px;
  content: "";
  width: 64px;
  height: 2px;
  background-color: var(--header);
  border-radius: 4px;
}
.footer-widget-wrapper .footer-widget-items .widget-head h3 {
  font-size: 20px;
  text-transform: capitalize;
}
.footer-widget-wrapper .footer-widget-items .gt-list-area li {
  transition: all 0.4s ease-in-out;
  text-transform: capitalize;
}
.footer-widget-wrapper .footer-widget-items .gt-list-area li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-widget-wrapper .footer-widget-items .gt-list-area li a {
  color: var(--text);
}
.footer-widget-wrapper .footer-widget-items .gt-list-area li:hover {
  margin-left: 5px;
}
.footer-widget-wrapper .footer-widget-items .gt-list-area li:hover a {
  color: var(--theme);
}
.footer-widget-wrapper .footer-widget-items .contact-infor li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-widget-wrapper .footer-widget-items .contact-infor li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-widget-wrapper .footer-widget-items .contact-infor li i {
  color: var(--theme);
}

.footer-3 {
  background: linear-gradient(180deg, #E1F6FE 0%, rgba(225, 246, 254, 0) 100%);
  position: relative;
}
.footer-3 .footer-ball {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1899px) {
  .footer-3 .footer-ball {
    opacity: 0.3;
  }
}
@media (max-width: 1199px) {
  .footer-3 .footer-ball {
    display: none;
  }
}
.footer-3 .mother-shape {
  position: absolute;
  bottom: 50px;
  right: 0;
}
@media (max-width: 1899px) {
  .footer-3 .mother-shape {
    opacity: 0.3;
  }
}
.footer-3 .bottom-shape {
  z-index: 1;
}

.footer-top-bar {
  position: relative;
  z-index: 99;
  padding: 80px 0 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px dashed rgba(56, 84, 105, 0.2);
}
.footer-top-bar .social-icon {
  gap: 10px;
  margin-top: 28px;
}
.footer-top-bar .social-icon a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid rgba(243, 159, 95, 0.15);
  border-radius: 50%;
  font-size: 14px;
}
.footer-top-bar .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border-color: var(--theme);
}

.footer-widgets-wrapper5 {
  padding: 90px 0 120px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper5 {
    padding: 60px 0 90px;
  }
}
@media (max-width: 991px) {
  .footer-widgets-wrapper5 {
    padding: 50px 0 70px;
  }
}
.footer-widgets-wrapper5 .single-footer-widget {
  margin-top: 30px;
}
.footer-widgets-wrapper5 .single-footer-widget .widget-head {
  margin-bottom: 30px;
  padding-bottom: 20px;
  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;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper5 .single-footer-widget .widget-head {
    margin-bottom: 20px;
  }
}
.footer-widgets-wrapper5 .single-footer-widget .widget-head h3 {
  font-weight: bold;
  color: var(--header);
  font-size: 24px;
  display: inline-block;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content p {
  color: var(--header);
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .social-icon {
  margin-top: 40px;
  gap: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper5 .single-footer-widget .footer-content .social-icon {
    margin-top: 20px;
  }
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--header);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid rgba(56, 84, 105, 0.2);
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content.style-two .social-icon {
  margin-top: 20px;
  margin-bottom: 35px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .footer-input {
  position: relative;
  margin-top: 40px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .footer-input input {
  background: transparent;
  border: none;
  outline: none;
  padding: 18px 20px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(92, 112, 126, 0.3);
  color: var(--text);
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .footer-input input::placeholder {
  color: var(--text);
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .footer-input .newsletter-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 60px;
  height: 55px;
  line-height: 60px;
  border-radius: 4px;
  text-align: center;
  background-color: var(--theme);
  color: var(--white);
  bottom: 5px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .footer-input .newsletter-btn i {
  font-size: 24px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .contact-info {
  margin-top: 20px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .contact-info li {
  color: var(--text);
  font-weight: 500;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .contact-info li:not(:last-child) {
  margin-bottom: 20px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .contact-info li i {
  font-size: 16px;
  color: var(--theme);
  margin-right: 10px;
  font-size: 20px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-content .contact-info li a {
  color: var(--text);
}
.footer-widgets-wrapper5 .single-footer-widget .list-area li {
  transition: all 0.4s ease-in-out;
  font-weight: 500;
}
.footer-widgets-wrapper5 .single-footer-widget .list-area li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-widgets-wrapper5 .single-footer-widget .list-area li a {
  color: var(--header);
}
.footer-widgets-wrapper5 .single-footer-widget .list-area li a i {
  margin-right: 5px;
}
.footer-widgets-wrapper5 .single-footer-widget .list-area li:hover {
  margin-left: 5px;
}
.footer-widgets-wrapper5 .single-footer-widget .list-area li:hover a {
  color: var(--theme);
}
.footer-widgets-wrapper5 .single-footer-widget .recent-post-area .recent-post-items {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
}
.footer-widgets-wrapper5 .single-footer-widget .recent-post-area .recent-post-items .thumb {
  width: 80px;
  height: 80px;
}
.footer-widgets-wrapper5 .single-footer-widget .recent-post-area .recent-post-items .thumb img {
  width: 100%;
  height: 100%;
}
.footer-widgets-wrapper5 .single-footer-widget .recent-post-area .recent-post-items .content .post-date {
  margin-bottom: 10px;
}
.footer-widgets-wrapper5 .single-footer-widget .recent-post-area .recent-post-items .content .post-date li {
  color: var(--theme);
}
.footer-widgets-wrapper5 .single-footer-widget .recent-post-area .recent-post-items .content h6 {
  font-size: 16px;
  font-weight: 700;
}
.footer-widgets-wrapper5 .single-footer-widget .recent-post-area .recent-post-items .content h6 a {
  color: var(--header);
}
.footer-widgets-wrapper5 .single-footer-widget .recent-post-area .recent-post-items .content h6 a:hover {
  color: var(--theme);
}
.footer-widgets-wrapper5 .single-footer-widget .footer-post .single-post-item {
  overflow: hidden;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-post .single-post-item .thumb {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 20px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-post .single-post-item .post-content .post-date {
  color: var(--theme);
  margin-bottom: 10px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-post .single-post-item .post-content .post-date i {
  margin-right: 10px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-post .single-post-item .post-content h6 {
  font-size: 16px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-post .single-post-item .post-content h6 a {
  color: var(--text);
}
.footer-widgets-wrapper5 .single-footer-widget .footer-post .single-post-item .post-content h6 a:hover {
  color: var(--theme);
}
@media (min-width: 1200px) {
  .footer-widgets-wrapper5 .single-footer-widget.style-margin {
    margin-left: 70px;
  }
}
@media (min-width: 1200px) {
  .footer-widgets-wrapper5 .single-footer-widget.style-margin-2 {
    margin-left: 50px;
  }
}
.footer-widgets-wrapper5 .single-footer-widget .footer-gallery .gallery-wrap .gallery-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-gallery .gallery-wrap .gallery-item:not(:last-child) {
  margin-bottom: 10px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb {
  position: relative;
}
@media (max-width: 575px) {
  .footer-widgets-wrapper5 .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb {
    width: 100px;
  }
}
.footer-widgets-wrapper5 .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  transition: 0.3s;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(243, 159, 95, 0.85);
  transition: 0.4s;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon i {
  color: var(--white);
  font-size: 22px;
  z-index: 99;
  position: relative;
  margin-top: 25px;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon {
  opacity: 1;
}
.footer-widgets-wrapper5 .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon::after {
  opacity: 1;
}
.footer-widgets-wrapper5 .footer-style-2 {
  background-color: rgba(122, 135, 255, 0.15);
  margin-top: 30px;
  padding: 20px 50px 50px 50px;
  position: relative;
  z-index: 9;
}
.footer-widgets-wrapper5 .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 {
  margin-top: 20px;
}
.footer-widgets-wrapper5 .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 {
  display: flex;
  gap: 16px;
}
.footer-widgets-wrapper5 .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 .icon {
  font-size: 24px;
  color: var(--white);
}
.footer-widgets-wrapper5 .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 .content h6 {
  font-weight: 700;
  color: var(--white);
  margin-bottom: 5px;
}
.footer-widgets-wrapper5 .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 .content a {
  color: var(--text);
}
.footer-widgets-wrapper5 .footer-style-2 .single-footer-widget .footer-content .apps-image {
  gap: 16px;
  margin-top: 30px;
}

.footer-bottom {
  position: relative;
  z-index: 9;
  z-index: 9;
}
.footer-bottom .f-bottom-shape {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #C9DDE2;
  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;
}
.footer-bottom .footer-wrapper {
  position: relative;
  z-index: 9;
  padding-top: 50px;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .footer-bottom .footer-wrapper {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center !important;
    margin-top: 30px;
  }
}
.footer-bottom .footer-wrapper p {
  color: var(--header);
}
.footer-bottom .footer-wrapper p a {
  color: var(--theme);
}
.footer-bottom .footer-wrapper .footer-menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-bottom .footer-wrapper .footer-menu li a {
  color: var(--header);
  background-image: linear-gradient(var(--theme), var(--theme));
  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);
}

.footer-section5 {
  position: relative;
}
.footer-section5 .footer-top-shape {
  position: absolute;
  top: 0;
  left: 0;
}
.footer-section5 .f-bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer-section5 .frame-shape {
  position: absolute;
  top: 40%;
  left: 0;
  animation: rounded 5s linear infinite;
}
.footer-section5 .frame-shape.style-2 {
  top: 35%;
}
@media (max-width: 1199px) {
  .footer-section5 .frame-shape {
    display: none;
  }
}
.footer-section5 .zebra-shape {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.footer-section5 .zebra-shape-2 {
  position: absolute;
  right: 0;
  bottom: 30%;
}
@media (max-width: 1399px) {
  .footer-section5 .zebra-shape-2 {
    display: none;
  }
}
.footer-section5 .tree-shape {
  position: absolute;
  left: 0;
  bottom: 30%;
}
@media (max-width: 1399px) {
  .footer-section5 .tree-shape {
    display: none;
  }
}
.footer-section5 .frame-shape-3 {
  position: absolute;
  top: 40%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .footer-section5 .frame-shape-3 {
    display: none;
  }
}

.section-title {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .section-title {
    margin-bottom: 0;
  }
  .section-title br {
    display: none;
  }
}
.section-title .sec-sub {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: var(--theme);
  line-height: 1;
  margin-bottom: 10px;
  font-family: "Kalam", cursive;
  display: inline-block;
}
.section-title h2 {
  color: var(--header);
}

.section-title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9;
  margin-bottom: 30px;
}
.section-title-area.bb-bottom {
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .section-title-area {
    margin-bottom: 0;
  }
  .section-title-area br {
    display: none;
  }
}
.section-title-area .section-title {
  margin-bottom: 0;
}
.section-title-area .nav {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 40px;
}
.section-title-area .nav .nav-item .nav-link {
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  background: rgba(92, 112, 126, 0.1);
  border-radius: 12px;
  padding: 10px 14px;
  line-height: 1;
}
.section-title-area .nav .nav-item .nav-link.active {
  background-color: var(--theme);
  color: var(--white);
}
@media (max-width: 991px) {
  .section-title-area {
    flex-wrap: wrap;
    gap: 15px;
  }
}

.section-title-2 {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .section-title-2 {
    margin-bottom: 0;
  }
  .section-title-2 br {
    display: none;
  }
}
.section-title-2 h6 {
  border-radius: 6px;
  background: rgba(191, 247, 71, 0.1);
  display: inline-block;
  padding: 8px 15px;
  line-height: 1;
  color: var(--theme);
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 24px;
}
.section-title-2 h6 img {
  margin-right: 7px;
}
.section-title-2 h2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 128%;
  text-transform: uppercase;
}
@media (max-width: 1399px) {
  .section-title-2 h2 {
    font-size: 44px;
  }
}
@media (max-width: 1199px) {
  .section-title-2 h2 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .section-title-2 h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .section-title-2 h2 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .section-title-2 h2 {
    font-size: 34px;
  }
}
.section-title-2 h2 span {
  color: var(--theme);
}

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

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

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

.section-padding-2 {
  padding: 60px 0;
}

.body-bg-2 {
  background-color: #FFFBFB !important;
}

/*---------------------------------------
05. Sections
---------------------------------------*/
.hero-1 {
  background-color: var(--bg);
  padding: 160px 0 0;
  position: relative;
  overflow: hidden;
}
.hero-1 .swiper-dot {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
}
@media (max-width: 1199px) {
  .hero-1 .swiper-dot {
    display: none;
  }
}
.hero-1 .shape1 {
  position: absolute;
  top: 17%;
  left: 7%;
}
@media (max-width: 1399px) {
  .hero-1 .shape1 {
    top: 7%;
    left: 2%;
  }
}
@media (max-width: 1199px) {
  .hero-1 .shape1 {
    opacity: 0.4;
    top: 3%;
  }
}
.hero-1 .shape3 {
  position: absolute;
  left: 30%;
  bottom: 13%;
}
@media (max-width: 1199px) {
  .hero-1 .shape3 {
    left: 43%;
    bottom: 8%;
  }
}
.hero-1 .shape2 {
  position: absolute;
  top: 12%;
  left: 50%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .hero-1 .shape2 {
    opacity: 0.4;
  }
}
@media (max-width: 991px) {
  .hero-1 .shape2 {
    position: absolute;
    top: 40%;
    left: 0%;
  }
}
.hero-1 .shape4 {
  position: absolute;
  bottom: 10%;
  left: 47%;
}
@media (max-width: 1600px) {
  .hero-1 .shape4 {
    bottom: 10%;
    left: 42%;
  }
}
@media (max-width: 1399px) {
  .hero-1 .shape4 {
    left: 39%;
    max-width: 300px;
  }
  .hero-1 .shape4 img {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .hero-1 .shape4 {
    display: none;
  }
}
.hero-1 .shape5 {
  position: absolute;
  right: 0;
  top: 15%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1600px) {
  .hero-1 .shape5 {
    max-width: 170px;
  }
  .hero-1 .shape5 img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .hero-1 .shape5 {
    display: none;
  }
}
.hero-1 .hero-slider {
  margin-right: -110px;
}
@media (max-width: 1600px) {
  .hero-1 .hero-slider {
    margin-right: 0;
  }
}
.hero-1 .hero-line {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  transform: rotate(180deg);
  z-index: 99;
}
@media (max-width: 1600px) {
  .hero-1 .hero-line {
    bottom: -3px;
  }
}
@media (max-width: 1199px) {
  .hero-1 .hero-line {
    display: none;
  }
}
.hero-1 .hero-line img {
  width: 100%;
}
.hero-1 .hero-content {
  max-width: 785px;
  margin-top: -150px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .hero-1 .hero-content {
    margin-top: -100px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-content {
    margin-top: 0;
    text-align: center;
  }
}
.hero-1 .hero-content .hero-sub {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  color: var(--theme);
  font-family: "Kalam", cursive;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .hero-1 .hero-content .hero-sub {
    font-size: 16px;
  }
}
.hero-1 .hero-content .hero-sub {
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  text-transform: uppercase;
  transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.hero-1 .hero-content .hero-title {
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
@media (max-width: 470px) {
  .hero-1 .hero-content .hero-title {
    font-size: 35px;
  }
}
.hero-1 .hero-content p {
  max-width: 592px;
  margin-top: 30px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
@media (max-width: 991px) {
  .hero-1 .hero-content p {
    margin: 30px auto 0;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content p {
    margin-top: 25px;
  }
}
@media (max-width: 470px) {
  .hero-1 .hero-content p {
    margin-top: 20px;
  }
}
.hero-1 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 38px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
@media (max-width: 1199px) {
  .hero-1 .hero-content .hero-button {
    flex-wrap: wrap;
    gap: 14px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-content .hero-button {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content .hero-button {
    margin-top: 30px;
  }
}
@media (max-width: 470px) {
  .hero-1 .hero-content .hero-button {
    margin-top: 20px;
  }
}
.hero-1 .hero-image {
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
@media (max-width: 1600px) {
  .hero-1 .hero-image img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-image {
    text-align: center;
    max-width: 500px;
    margin: 30px auto 0;
  }
}
.hero-1 .swiper-slide-active .hero-content .hero-sub {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.hero-1 .swiper-slide-active .hero-content .hero-title {
  -webkit-transition-delay: 800ms;
  -moz-transition-delay: 800ms;
  -ms-transition-delay: 800ms;
  -o-transition-delay: 800ms;
  transition-delay: 800ms;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.hero-1 .swiper-slide-active .hero-content p {
  -webkit-transition-delay: 1100ms;
  -moz-transition-delay: 1100ms;
  -ms-transition-delay: 1100ms;
  -o-transition-delay: 1100ms;
  transition-delay: 1100ms;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.hero-1 .swiper-slide-active .hero-content .hero-button {
  -webkit-transition-delay: 1400ms;
  -moz-transition-delay: 1400ms;
  -ms-transition-delay: 1400ms;
  -o-transition-delay: 1400ms;
  transition-delay: 1400ms;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.hero-1 .swiper-slide-active .hero-image {
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.hero-2 {
  background-color: #EFF5F6;
  padding: 270px 0 190px;
  position: relative;
}
@media (max-width: 1199px) {
  .hero-2 {
    padding-top: 220px;
    padding-bottom: 170px;
  }
}
@media (max-width: 991px) {
  .hero-2 {
    padding-top: 190px;
    padding-bottom: 160px;
  }
}
@media (max-width: 767px) {
  .hero-2 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}
@media (max-width: 575px) {
  .hero-2 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
.hero-2 .star {
  position: absolute;
  top: 15%;
  left: 29%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .hero-2 .star {
    opacity: 0.3;
  }
}
.hero-2 .star2 {
  position: absolute;
  top: 45%;
  left: 42px;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .hero-2 .star2 {
    opacity: 0.3;
  }
}
.hero-2 .star3 {
  position: absolute;
  right: 44px;
  top: 38%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .hero-2 .star3 {
    opacity: 0.3;
  }
}
.hero-2 .vec-shape {
  position: absolute;
  left: 70px;
  bottom: 80px;
}
@media (max-width: 1399px) {
  .hero-2 .vec-shape {
    opacity: 0.3;
  }
}
.hero-2 .vec-shape2 {
  position: absolute;
  right: 16%;
  top: 15%;
}
@media (max-width: 1399px) {
  .hero-2 .vec-shape2 {
    opacity: 0.3;
  }
}
.hero-2 .vec-shape3 {
  position: absolute;
  bottom: 120px;
  left: 47%;
}
@media (max-width: 1399px) {
  .hero-2 .vec-shape3 {
    opacity: 0.3;
  }
}
.hero-2 .zirap-shape {
  position: absolute;
  bottom: 100px;
  right: 0;
  z-index: 1;
}
@media (max-width: 1399px) {
  .hero-2 .zirap-shape {
    display: none;
  }
}
.hero-2 .line-shape {
  position: absolute;
  bottom: 0;
  right: -2%;
}
@media (max-width: 1399px) {
  .hero-2 .line-shape {
    opacity: 0.3;
  }
}
.hero-2 .container {
  max-width: 1545px;
}
.hero-2 .hero-image-items {
  position: relative;
  z-index: 9;
}
.hero-2 .hero-image-items .shape1 {
  position: absolute;
  top: 35%;
  left: 10%;
}
@media (max-width: 1199px) {
  .hero-2 .hero-image-items .shape1 {
    display: none;
  }
}
.hero-2 .hero-image-items .shape2 {
  position: absolute;
  bottom: 10%;
  left: 10%;
}
@media (max-width: 1199px) {
  .hero-2 .hero-image-items .shape2 {
    display: none;
  }
}
.hero-2 .hero-image-items .shape3 {
  position: absolute;
  top: 22%;
  left: 34%;
}
@media (max-width: 1199px) {
  .hero-2 .hero-image-items .shape3 {
    display: none;
  }
}
.hero-2 .hero-image-items .hero-line {
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media (max-width: 1600px) {
  .hero-2 .hero-image-items .hero-line {
    display: none;
  }
}
.hero-2 .hero-image-items .thumb {
  position: relative;
  max-width: 728px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 738 512"><path fill-rule="evenodd" clip-rule="evenodd" d="M531.18 0.363281C456.2 -5.23801 407.491 55.4193 343.074 81.3193C311.295 94.0963 277.454 101.77 243.257 104.03C208.611 106.321 172.762 91.9081 137.262 93.7734C77.2798 96.9257 38.6293 159.006 18.8701 209.131C-17.8165 302.198 -7.28917 439.009 106.918 469.9C172.821 487.726 236.038 460.348 301.594 458.745C369.83 457.077 441.317 467.256 506.036 492.853C550.182 510.312 594.32 522.781 638.841 498.362C717.152 455.414 739.492 343.477 737.924 262.294C736.56 191.722 706.667 116.577 659.32 63.2402C627.059 26.8976 579.682 3.98729 531.18 0.363281Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
}
@media (max-width: 991px) {
  .hero-2 .hero-image-items .thumb {
    margin: 0 auto;
  }
}
.hero-2 .hero-image-items .thumb img {
  width: 100%;
  height: 100%;
}
.hero-2 .hero-content {
  margin-left: 50px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1399px) {
  .hero-2 .hero-content {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .hero-2 .hero-content {
    text-align: center;
  }
}
.hero-2 .hero-content .hero-sub {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .hero-2 .hero-content .hero-sub {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content .hero-sub img {
    width: 110px;
  }
}
.hero-2 .hero-content .hero-sub span {
  text-transform: capitalize;
  font-size: 15px;
  font-weight: bold;
  font-family: "Kalam", cursive;
  color: var(--header);
  line-height: 1.4;
}
@media (max-width: 991px) {
  .hero-2 .hero-content .hero-sub span {
    text-align: left;
  }
}
@media (max-width: 1600px) {
  .hero-2 .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 1399px) {
  .hero-2 .hero-content h1 {
    font-size: 54px;
  }
}
@media (max-width: 1199px) {
  .hero-2 .hero-content h1 {
    font-size: 48px;
  }
}
@media (max-width: 991px) {
  .hero-2 .hero-content h1 {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content h1 {
    font-size: 48px;
  }
}
@media (max-width: 575px) {
  .hero-2 .hero-content h1 {
    font-size: 40px;
  }
}
@media (max-width: 470px) {
  .hero-2 .hero-content h1 {
    font-size: 32px;
  }
}
.hero-2 .hero-content p {
  max-width: 592px;
  font-size: 18px;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .hero-2 .hero-content p {
    margin: 20px auto 0;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content p {
    font-size: 16px;
  }
}
.hero-2 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 38px;
}
@media (max-width: 991px) {
  .hero-2 .hero-content .hero-button {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content .hero-button {
    margin-top: 25px;
    flex-wrap: wrap;
  }
}

.hero-section-3 {
  position: relative;
}
.hero-section-3 .line-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media (max-width: 1600px) {
  .hero-section-3 .line-shape {
    display: none;
  }
}
.hero-section-3 .hero-line {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  z-index: 22;
}
@media (max-width: 1199px) {
  .hero-section-3 .hero-line {
    display: none;
  }
}
.hero-section-3 .hero-line img {
  width: 100%;
}
.hero-section-3 .social-icon {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  z-index: 9;
  gap: 12px;
}
@media (max-width: 1199px) {
  .hero-section-3 .social-icon {
    display: none !important;
  }
}
.hero-section-3 .social-icon a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: var(--white);
  border-radius: 50%;
  font-size: 14px;
}
.hero-section-3 .social-icon a:hover {
  background-color: var(--white);
  color: var(--theme);
}
.hero-section-3 .swiper-slide.swiper-slide-active .hero-bg {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  border-radius: 20px;
}
.hero-section-3 .swiper-slide.swiper-slide-active .hero-content {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-section-3 .swiper-slide.swiper-slide-active .hero-button {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-section-3 .swiper-dots {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(-90deg);
  z-index: 99;
}
@media (max-width: 1600px) {
  .hero-section-3 .swiper-dots {
    display: none;
  }
}
.hero-section-3 .swiper-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  transition: 0.6s;
  background-color: #FFFFFF;
  opacity: 1;
  border-radius: 10px;
}
.hero-section-3 .swiper-dots .swiper-pagination-bullet:not(:last-child) {
  margin-right: 5px;
}
.hero-section-3 .swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme);
  transition: 0.6s;
  position: relative;
}

.hero-3 {
  padding: 280px 0 280px;
  position: relative;
  z-index: 999;
}
@media (max-width: 1399px) {
  .hero-3 {
    padding: 270px 0 190px;
  }
}
@media (max-width: 1199px) {
  .hero-3 {
    padding: 250px 0 170px;
  }
}
@media (max-width: 991px) {
  .hero-3 {
    padding: 210px 0 140px;
  }
}
@media (max-width: 767px) {
  .hero-3 {
    padding: 200px 0 130px;
  }
}
.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;
  z-index: 9;
}
.hero-3 .hero-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg, rgba(10, 77, 109, 0.8) 0%, rgba(10, 77, 109, 0.7) 50.48%, rgba(10, 77, 109, 0) 66.83%, #0A4D6D 100%);
}
.hero-3 .hero-content {
  position: relative;
  opacity: 0;
  z-index: 99;
  position: relative;
  transform: translateY(-150px);
}
.hero-3 .hero-content .sub-text {
  text-transform: capitalize;
  color: var(--theme);
  position: relative;
  margin-bottom: 5px;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  font-family: "Kalam", cursive;
}
.hero-3 .hero-content h1 {
  color: var(--white);
  font-size: 70px;
  font-weight: 700;
  line-height: 114%;
}
@media (max-width: 1199px) {
  .hero-3 .hero-content h1 {
    font-size: 62px;
  }
}
@media (max-width: 991px) {
  .hero-3 .hero-content h1 {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .hero-3 .hero-content h1 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .hero-3 .hero-content h1 {
    font-size: 40px;
  }
}
@media (max-width: 470px) {
  .hero-3 .hero-content h1 {
    font-size: 34px;
  }
}
.hero-3 .hero-content p {
  font-size: 18px;
  font-weight: 400;
  color: var(--white);
  max-width: 806px;
  margin-top: 20px;
}
@media (max-width: 575px) {
  .hero-3 .hero-content p {
    font-size: 15px;
  }
}
.hero-3 .hero-button {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 35px;
  transform: translateY(150px);
  opacity: 0;
  position: relative;
  z-index: 9;
}
@media (max-width: 1399px) {
  .hero-3 .hero-button {
    flex-wrap: wrap;
  }
}
.hero-3 .hero-button .author-icon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.hero-3 .hero-button .author-icon .icon {
  width: 56px;
  line-height: 59px;
  height: 59px;
  text-align: center;
  background-color: var(--white);
  text-align: center;
  color: var(--white);
  border-radius: 15px;
  position: relative;
}
.hero-3 .hero-button .author-icon .content .number {
  font-weight: 700;
  font-size: 24px;
  font-family: "Quicksand", sans-serif;
  color: var(--white);
  display: block;
}
.hero-3 .hero-button .author-icon .content .number:hover {
  color: var(--theme);
}
.hero-3 .hero-button .author-icon .content span {
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 5px;
}
.hero-3 .hero-button .theme-btn .theme-bg svg {
  max-width: 225px;
}

.hero-4 {
  background-color: var(--bg);
  position: relative;
  overflow: hidden;
}
.hero-4 .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.hero-4 .parasuit-shape {
  position: absolute;
  bottom: 20%;
  right: 25%;
}
@media (max-width: 767px) {
  .hero-4 .parasuit-shape {
    display: none;
  }
}
.hero-4 .left-shape {
  position: absolute;
  bottom: 15%;
  left: 0;
}
@media (max-width: 1600px) {
  .hero-4 .left-shape {
    display: none;
  }
}
.hero-4 .book-shape {
  position: absolute;
  top: 15%;
  left: 10%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .hero-4 .book-shape {
    display: none;
  }
}
.hero-4 .pencil-shape {
  position: absolute;
  bottom: 10%;
  left: 40%;
  animation: rounded 5s linear infinite;
}
.hero-4 .bee-shape {
  position: absolute;
  top: 10%;
  right: 15%;
}
@media (max-width: 991px) {
  .hero-4 .bee-shape {
    display: none;
  }
}
.hero-4 .star-shape {
  position: absolute;
  bottom: 20%;
  left: 45%;
  transform: translateX(-50%);
}
.hero-4 .hero-content {
  position: relative;
  z-index: 99;
  text-align: center;
  margin: 0 auto;
  padding: 250px 0 200px;
}
@media (max-width: 1199px) {
  .hero-4 .hero-content {
    padding: 170px 0;
  }
}
@media (max-width: 767px) {
  .hero-4 .hero-content {
    padding: 140px 0;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-content {
    padding: 120px 0;
  }
}
.hero-4 .hero-content .hero-sub {
  margin-bottom: 15px;
  color: var(--theme);
  font-weight: 500;
  position: relative;
  display: inline-block;
}
.hero-4 .hero-content .hero-sub::before {
  position: absolute;
  right: -30px;
  top: 0;
  width: 20px;
  height: 20px;
  content: "";
  background-image: url(../img/star.svg);
}
.hero-4 .hero-content h1 {
  margin-bottom: 20px;
}
.hero-4 .hero-content h1 span {
  color: var(--theme);
}
@media (max-width: 1399px) {
  .hero-4 .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  .hero-4 .hero-content h1 {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .hero-4 .hero-content h1 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-content h1 {
    font-size: 34px;
  }
}
.hero-4 .hero-content p {
  font-size: 20px;
}
@media (max-width: 991px) {
  .hero-4 .hero-content p {
    font-size: 16px;
  }
  .hero-4 .hero-content p br {
    display: none;
  }
}
.hero-4 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
  justify-content: center;
}
@media (max-width: 767px) {
  .hero-4 .hero-content .hero-button {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-content .hero-button {
    margin-top: 25px;
    flex-wrap: wrap;
  }
}
.hero-4 .hero-content .hero-button .video-btn {
  background-color: var(--theme);
  color: var(--white);
  display: inline-block;
  font-size: 16px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
.hero-4 .hero-content .hero-button .video-btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}
.hero-4 .hero-content .hero-button .button-text span {
  font-size: 16px;
  color: var(--header);
  font-weight: bold;
}
.hero-4 .hero-image {
  position: absolute;
  right: -30px;
  top: 20%;
  transform: rotate(15deg);
}
@media (max-width: 1899px) {
  .hero-4 .hero-image {
    max-width: 300px;
    right: 100px;
  }
  .hero-4 .hero-image img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .hero-4 .hero-image {
    display: none;
  }
}
.hero-4 .hero-image-2 {
  position: absolute;
  bottom: -60px;
  left: 90px;
  transform: rotate(-10deg);
}
@media (max-width: 1899px) {
  .hero-4 .hero-image-2 {
    max-width: 300px;
    left: 100px;
  }
  .hero-4 .hero-image-2 img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .hero-4 .hero-image-2 {
    display: none;
  }
}

.hero-5 {
  padding: 120px 0 30px;
  position: relative;
  background-color: var(--bg);
}
@media (max-width: 991px) {
  .hero-5 {
    padding-top: 150px;
  }
}
.hero-5 .doll-shape {
  position: absolute;
  left: 10%;
  top: 15%;
}
@media (max-width: 991px) {
  .hero-5 .doll-shape {
    display: none;
  }
}
.hero-5 .line-shape {
  position: absolute;
  left: -5%;
  bottom: 0;
}
@media (max-width: 1199px) {
  .hero-5 .line-shape {
    display: none;
  }
}
.hero-5 .bee-shape {
  position: absolute;
  left: 25%;
  bottom: 5%;
}
.hero-5 .line-2 {
  position: absolute;
  bottom: 10%;
  left: 40%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .hero-5 .line-2 {
    display: none;
  }
}
.hero-5 .star-shape {
  position: absolute;
  top: 20%;
  left: 35%;
}
@media (max-width: 991px) {
  .hero-5 .star-shape {
    display: none;
  }
}
.hero-5 .frame-shape {
  position: absolute;
  top: 30%;
  right: 3%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .hero-5 .frame-shape {
    display: none;
  }
}
.hero-5 .hero-content {
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .hero-5 .hero-content {
    text-align: center;
    margin: 0 auto;
  }
}
.hero-5 .hero-content .hero-sub {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  color: var(--theme);
  font-family: "Kalam", cursive;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .hero-5 .hero-content .hero-sub {
    font-size: 16px;
  }
}
.hero-5 .hero-content h1 {
  margin-bottom: 20px;
}
.hero-5 .hero-content h1 span {
  color: var(--theme);
}
@media (max-width: 1399px) {
  .hero-5 .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  .hero-5 .hero-content h1 {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .hero-5 .hero-content h1 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .hero-5 .hero-content h1 {
    font-size: 34px;
  }
}
.hero-5 .hero-content p {
  font-size: 20px;
  line-height: 170%;
}
@media (max-width: 767px) {
  .hero-5 .hero-content p {
    font-size: 18px;
  }
  .hero-5 .hero-content p br {
    display: none;
  }
}
@media (max-width: 575px) {
  .hero-5 .hero-content p {
    font-size: 16px;
  }
}
.hero-5 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .hero-5 .hero-content .hero-button {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .hero-5 .hero-content .hero-button {
    margin-top: 25px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.hero-5 .hero-content .hero-button .video-btn {
  background-color: var(--theme);
  color: var(--white);
  display: inline-block;
  font-size: 16px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
.hero-5 .hero-content .hero-button .video-btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}
.hero-5 .hero-content .hero-button .button-text span {
  font-size: 16px;
  color: var(--header);
  font-weight: bold;
}
.hero-5 .hero-image-area {
  position: relative;
}
.hero-5 .hero-image-area .hero-image {
  max-width: 555px;
  position: relative;
  z-index: 1;
  margin-bottom: -30px;
}
.hero-5 .hero-image-area .hero-image img {
  width: 100%;
  height: 100%;
}
.hero-5 .hero-image-area .hero-bg {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1199px) {
  .hero-5 .hero-image-area .hero-bg {
    display: none;
  }
}

.about-wrapper {
  position: relative;
  z-index: 9;
  margin: 0 60px;
  margin-bottom: 110px;
}
@media (max-width: 1899px) {
  .about-wrapper {
    margin: 0 35px;
    margin-bottom: 110px;
  }
}
@media (max-width: 1600px) {
  .about-wrapper {
    margin: 0 30px;
    margin-bottom: 110px;
    padding-right: 30px;
  }
}
@media (max-width: 1399px) {
  .about-wrapper {
    margin: 0 25px;
    margin-bottom: 110px;
    padding-left: 30px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper {
    margin: 0 20px;
    margin-bottom: 110px;
  }
}
@media (max-width: 470px) {
  .about-wrapper {
    margin: 0 16px;
    margin-bottom: 110px;
  }
}
.about-wrapper .about-line {
  position: absolute;
  bottom: -110px;
  right: -20px;
  z-index: -1;
}
@media (max-width: 1199px) {
  .about-wrapper .about-line {
    display: none;
  }
}
.about-wrapper .bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #EFF5F6;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 870"><path d="M0 105.791C0 43.7521 63.8552 2.25424 120.547 27.4504C187.046 57.0058 262.954 57.0058 329.453 27.4504L337.5 23.8741C409.122 -7.95805 490.878 -7.95803 562.5 23.8741C634.122 55.7063 715.878 55.7063 787.5 23.8741C859.122 -7.95803 940.878 -7.95803 1012.5 23.8741C1084.12 55.7063 1165.88 55.7063 1237.5 23.8741C1309.12 -7.95803 1390.88 -7.95801 1462.5 23.8742L1470.55 27.4505C1537.05 57.0058 1612.95 57.0058 1679.45 27.4504C1736.14 2.25424 1800 43.7521 1800 105.791V615.331C1800 672.302 1752.47 717.762 1695.56 715.232L1359.96 700.317C1353.34 700.022 1346.7 700.387 1340.15 701.407L915.371 767.483C905.185 769.068 894.815 769.068 884.629 767.483L459.851 701.407C453.3 700.387 446.664 700.022 440.04 700.317L104.44 715.232C47.5251 717.762 0 672.302 0 615.331V105.791Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 860px;
  z-index: -1;
}
@media (max-width: 1600px) {
  .about-wrapper .bg-shape {
    mask: none;
    background-color: #EFF5F6;
    border-radius: 40px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .bg-shape {
    height: 100%;
  }
}
.about-wrapper .about-image {
  max-width: 526px;
  position: relative;
  bottom: -65px;
}
@media (max-width: 1600px) {
  .about-wrapper .about-image {
    bottom: -187px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-image {
    bottom: 0 !important;
    text-align: center;
    margin: 0 auto;
  }
}
.about-wrapper .about-image .about-image-2 {
  position: absolute;
  bottom: 0;
  right: -60%;
  max-width: 468px;
}
@media (max-width: 1899px) {
  .about-wrapper .about-image .about-image-2 {
    max-width: 400px;
    right: -45%;
  }
}
@media (max-width: 1600px) {
  .about-wrapper .about-image .about-image-2 {
    right: -20%;
    max-width: 320px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-image .about-image-2 {
    right: 0;
  }
}
@media (max-width: 575px) {
  .about-wrapper .about-image .about-image-2 {
    max-width: 240px;
    right: 0;
  }
}
.about-wrapper .about-image .about-image-2 img {
  border-bottom-left-radius: 0;
}
.about-wrapper .about-image img {
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 100px;
}
.about-wrapper .about-content {
  max-width: 740px;
  margin-top: 70px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .about-wrapper .about-content {
    margin: 70px auto 30px;
    text-align: center;
  }
}
.about-wrapper .about-content .about-text {
  font-size: 18px;
  font-weight: 600;
  margin-top: 22px;
  max-width: 700px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .about-text {
    margin: 22px auto 0;
    text-align: center;
    font-size: 16px;
  }
}
.about-wrapper .about-content .icon-box {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1600px) {
  .about-wrapper .about-content .icon-box {
    gap: 15px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .icon-box {
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .about-wrapper .about-content .icon-box {
    flex-wrap: wrap;
  }
}
.about-wrapper .about-content .icon-box li {
  background-color: var(--white);
  border-radius: 35px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding-right: 40px;
}
@media (max-width: 1600px) {
  .about-wrapper .about-content .icon-box li {
    padding: 15px 20px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .icon-box li {
    display: grid;
    text-align: center;
    gap: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
.about-wrapper .about-content .icon-box li .icon {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  background-color: #FEF4DE;
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .icon-box li .icon {
    margin: 0 auto;
  }
}
.about-wrapper .about-content .icon-box li .content h3 {
  font-size: 18px;
}
@media (max-width: 1600px) {
  .about-wrapper .about-content .icon-box li .content h3 {
    font-size: 16px;
  }
  .about-wrapper .about-content .icon-box li .content h3 br {
    display: none;
  }
}
@media (max-width: 1399px) {
  .about-wrapper .about-content .icon-box li .content h3 {
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .icon-box li .content h3 {
    font-size: 18px;
  }
  .about-wrapper .about-content .icon-box li .content h3 br {
    display: block;
  }
}
.about-wrapper .about-content .about-text-2 {
  max-width: 690px;
  font-size: 18px;
  margin-top: 30px;
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
  padding-bottom: 30px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .about-text-2 {
    margin: 30px auto 0;
    text-align: center;
    font-size: 16px;
  }
}
.about-wrapper .about-content .about-button {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .about-button {
    justify-content: center;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .about-button {
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 25px;
  }
}
.about-wrapper .about-content .about-button .author-icon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-wrapper .about-content .about-button .author-icon .icon {
  width: 56px;
  line-height: 59px;
  height: 59px;
  text-align: center;
  background-color: var(--header);
  text-align: center;
  color: var(--white);
  border-radius: 15px;
  position: relative;
}
.about-wrapper .about-content .about-button .author-icon .content h4 {
  font-weight: 700;
  font-size: 24px;
}
.about-wrapper .about-content .about-button .author-icon .content h4 a {
  color: var(--header);
}
.about-wrapper .about-content .about-button .author-icon .content h4 a:hover {
  color: var(--theme);
}
.about-wrapper .about-content .about-button .author-icon .content span {
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  margin-bottom: 5px;
}

.about-section {
  position: relative;
}
.about-section .about-vec {
  position: absolute;
  left: 28%;
  top: 11%;
  z-index: 91;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .about-section .about-vec {
    opacity: 0.3;
  }
}
.about-section .about-vec2 {
  position: absolute;
  right: 15%;
  bottom: 17%;
  z-index: 91;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .about-section .about-vec2 {
    opacity: 0.3;
  }
}
.about-section .about-vec3 {
  position: absolute;
  left: 20%;
  bottom: 10%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .about-section .about-vec3 {
    opacity: 0.3;
  }
}

.book-admission-content {
  position: relative;
  max-width: 610px;
}
.book-admission-content .vec-1 {
  position: absolute;
  bottom: -50px;
  left: 5px;
}
.book-admission-content .vec-2 {
  position: absolute;
  bottom: 10%;
  right: -25px;
}
.book-admission-content .bg-shape {
  max-width: 610px;
  position: relative;
}
.book-admission-content .bg-shape img {
  width: 100%;
  height: 100%;
}
.book-admission-content .bg-shape .bg-shape2 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  max-width: 547px;
  margin: 0 auto;
  transform: translateY(-50%);
}
.book-admission-content .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  padding-top: 130px;
  padding-left: 105px;
}
@media (max-width: 767px) {
  .book-admission-content .content {
    padding-top: 80px;
    padding-left: 65px;
    padding-right: 30px;
  }
}
@media (max-width: 470px) {
  .book-admission-content .content {
    padding-left: 50px;
  }
}
.book-admission-content .content .info-content {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .book-admission-content .content .info-content {
    margin-top: 30px;
  }
}
@media (max-width: 470px) {
  .book-admission-content .content .info-content {
    margin-top: 18px;
  }
}
.book-admission-content .content .info-content .icon {
  width: 56px;
  height: 59px;
  line-height: 59px;
  background-color: var(--theme);
  text-align: center;
  border-radius: 16px;
}
.book-admission-content .content .info-content .info-cont p {
  font-weight: 600;
}
.book-admission-content .content .info-content .info-cont h3 {
  font-size: 30px;
}
@media (max-width: 767px) {
  .book-admission-content .content .info-content .info-cont h3 {
    font-size: 23px;
  }
}
@media (max-width: 575px) {
  .book-admission-content .content .info-content .info-cont h3 {
    font-size: 20px;
  }
}
.book-admission-content .content .info-content .info-cont h3 a:hover {
  color: var(--theme);
}

.book-admission-banner {
  height: 850px;
}
@media (max-width: 767px) {
  .book-admission-banner {
    height: 750px;
  }
}
@media (max-width: 575px) {
  .book-admission-banner {
    height: 700px;
  }
}

.about-wrapper-2 {
  margin-top: 15px;
}
.about-wrapper-2 .about-content-2 {
  position: relative;
  z-index: 9;
}
.about-wrapper-2 .about-content-2 .about-text {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content-2 .about-text {
    margin-top: 20px;
  }
}
.about-wrapper-2 .about-content-2 .about-list {
  padding: 30px;
  background-color: var(--white);
  border-radius: 35px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 27px;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-content-2 .about-list {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content-2 .about-list {
    padding: 28px;
    margin-top: 22px;
  }
}
.about-wrapper-2 .about-content-2 .about-list ul li {
  font-size: 18px;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1399px) {
  .about-wrapper-2 .about-content-2 .about-list ul li {
    font-size: 16px;
  }
}
.about-wrapper-2 .about-content-2 .about-list ul li:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-content-2 .about-list ul li:not(:last-child) {
    margin-bottom: 18px;
  }
}
.about-wrapper-2 .about-content-2 .about-button {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-content-2 .about-button {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content-2 .about-button {
    margin-top: 25px;
  }
}
.about-wrapper-2 .about-content-2 .about-button .author-icon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-wrapper-2 .about-content-2 .about-button .author-icon .icon {
  width: 56px;
  line-height: 59px;
  height: 59px;
  text-align: center;
  background-color: var(--header);
  text-align: center;
  color: var(--white);
  border-radius: 15px;
  position: relative;
}
.about-wrapper-2 .about-content-2 .about-button .author-icon .content h3 {
  font-weight: 700;
  font-size: 24px;
}
.about-wrapper-2 .about-content-2 .about-button .author-icon .content h3 a {
  color: var(--text);
}
.about-wrapper-2 .about-content-2 .about-button .author-icon .content h3 a:hover {
  color: var(--theme);
}
.about-wrapper-2 .about-content-2 .about-button .author-icon .content h4 {
  font-weight: 700;
  font-size: 24px;
}
.about-wrapper-2 .about-content-2 .about-button .author-icon .content h4 a {
  color: var(--text);
}
.about-wrapper-2 .about-content-2 .about-button .author-icon .content h4 a:hover {
  color: var(--theme);
}
.about-wrapper-2 .about-content-2 .about-button .author-icon .content span {
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 5px;
}
.about-wrapper-2 .about-image {
  position: relative;
  z-index: 9;
}
.about-wrapper-2 .about-image img {
  width: 100%;
  height: 100%;
}
.about-wrapper-2 .about-image .shape1 {
  position: absolute;
  right: 17%;
  bottom: 20%;
}
@media (max-width: 1399px) {
  .about-wrapper-2 .about-image .shape1 {
    display: none;
  }
}
.about-wrapper-2 .about-image .shape1 img {
  width: initial;
  height: initial;
}
.about-wrapper-2 .about-image .shape2 {
  position: absolute;
  right: 7%;
  top: 30%;
}
@media (max-width: 1399px) {
  .about-wrapper-2 .about-image .shape2 {
    display: none;
  }
}
.about-wrapper-2 .about-image .shape2 img {
  width: initial;
  height: initial;
}
.about-wrapper-2.style-inner .about-image {
  width: 600px;
}
@media (max-width: 1199px) {
  .about-wrapper-2.style-inner .about-image {
    width: initial;
  }
}
.about-wrapper-2.style-inner .about-image img {
  width: 100%;
  height: 100%;
}
.about-wrapper-2.style-inner .about-content-2 {
  max-width: 720px;
  margin-left: auto;
}
@media (max-width: 1199px) {
  .about-wrapper-2.style-inner .about-content-2 {
    max-width: initial;
  }
}

.about-section-2 {
  position: relative;
}
.about-section-2 .about-pencil {
  position: absolute;
  left: 40px;
  bottom: 270px;
}
@media (max-width: 1399px) {
  .about-section-2 .about-pencil {
    opacity: 0.3;
  }
}
.about-section-2 .about-vec {
  position: absolute;
  right: 136px;
}
@media (max-width: 1399px) {
  .about-section-2 .about-vec {
    opacity: 0.3;
  }
}
.about-section-2 .about-vec2 {
  position: absolute;
  right: 142px;
  bottom: 120px;
}
@media (max-width: 1399px) {
  .about-section-2 .about-vec2 {
    opacity: 0.3;
  }
}

.choose-us-section-3 {
  position: relative;
}
.choose-us-section-3 .shape-11 {
  position: absolute;
  left: 80px;
  top: 20%;
}
.choose-us-section-3 .shape-12 {
  position: absolute;
  right: 30px;
  bottom: 170px;
}

.vision-wrapper-inner .vision-thumb {
  width: 592px;
}
@media (max-width: 1399px) {
  .vision-wrapper-inner .vision-thumb {
    width: initial;
  }
}
.vision-wrapper-inner .vision-thumb img {
  width: 100%;
  height: 100%;
}
.vision-wrapper-inner .vision-content {
  margin-left: 80px;
}
@media (max-width: 1199px) {
  .vision-wrapper-inner .vision-content {
    margin-left: 0;
  }
}
.vision-wrapper-inner .vision-content .about-text {
  font-size: 18px;
  max-width: 650px;
  margin-top: 25px;
}
.vision-wrapper-inner .vision-content .list-items {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .vision-wrapper-inner .vision-content .list-items {
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .vision-wrapper-inner .vision-content .list-items {
    margin-top: 25px;
  }
}
.vision-wrapper-inner .vision-content .list-items .values-list {
  position: relative;
  z-index: 9;
}
.vision-wrapper-inner .vision-content .list-items .values-list li {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  border-radius: 35px;
  background-color: #EFF5F6;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
  .vision-wrapper-inner .vision-content .list-items .values-list li {
    gap: 15px;
    padding: 15px;
  }
}
.vision-wrapper-inner .vision-content .list-items .values-list li:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1399px) {
  .vision-wrapper-inner .vision-content .list-items .values-list li:not(:last-child) {
    margin-bottom: 18px;
  }
}
.vision-wrapper-inner .vision-content .list-items .values-list li .icon {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  background-color: #FEF4DE;
}
.vision-wrapper-inner .vision-content .list-items .values-list li .content .title {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}
@media (max-width: 1399px) {
  .vision-wrapper-inner .vision-content .list-items .values-list li .content .title {
    font-size: 14px;
  }
}

.vision-section-inner {
  position: relative;
}
.vision-section-inner .shape-1 {
  position: absolute;
  left: 70px;
  top: 150px;
}
.vision-section-inner .shape-2 {
  position: absolute;
  right: 110px;
  top: 110px;
}

.about-section-4 {
  position: relative;
}
@media (max-width: 1600px) {
  .about-section-4 {
    overflow: hidden;
  }
}
.about-section-4 .bus-shape {
  position: absolute;
  top: 10%;
  left: 0;
}
@media (max-width: 1199px) {
  .about-section-4 .bus-shape {
    display: none;
  }
}
.about-section-4 .girl-shape {
  position: absolute;
  bottom: 10%;
  right: 0;
}
.about-section-4 .dot-shape {
  position: absolute;
  top: 17%;
  left: 42%;
  animation: rounded 5s linear infinite;
}
.about-section-4 .left-shape {
  position: absolute;
  top: -15%;
  left: -4%;
}
@media (max-width: 1199px) {
  .about-section-4 .left-shape {
    display: none;
  }
}
.about-section-4 .plane-shape {
  position: absolute;
  top: 20%;
  left: 5%;
}
.about-section-4 .line-1 {
  position: absolute;
  top: 10%;
  right: 0;
  animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
  .about-wrapper-4 {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-4 {
    margin-bottom: 0 !important;
  }
}
.about-wrapper-4 .about-image-items {
  position: relative;
}
.about-wrapper-4 .about-image-items .border-shape-1 {
  position: absolute;
  z-index: -1;
  top: 47%;
  left: 44%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1399px) {
  .about-wrapper-4 .about-image-items .border-shape-1 {
    display: none;
  }
}
.about-wrapper-4 .about-image-items .about-image {
  position: relative;
  max-width: 556px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 554 467"><path fill-rule="evenodd" clip-rule="evenodd" d="M256.927 460.599C207.571 462.931 156.167 476.468 111.79 455.259C65.553 433.161 32.097 390.267 12.5337 343.796C-6.6261 298.284 1.09308 248.529 4.0835 199.413C7.34839 145.79 -9.38287 80.4032 30.8056 43.6927C71.6018 6.42725 138.713 33.5642 194.04 25.8959C239.474 19.5988 282.42 -8.70963 326.803 2.66757C371.57 14.1428 397.872 56.3382 431.965 86.885C470.993 121.852 523.678 146.258 541.433 194.97C560.374 246.935 558.866 309.117 530.316 356.718C502.393 403.276 444.817 422.38 393.302 441.955C349.644 458.543 303.723 458.387 256.927 460.599Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
}
.about-wrapper-4 .about-image-items .about-image img {
  width: 100%;
  height: 100%;
}
.about-wrapper-4 .about-image-items .about-image-2 {
  max-width: 288px;
  position: absolute;
  bottom: -15%;
  right: 0;
}
.about-wrapper-4 .about-image-items .about-image-2 img {
  width: 100%;
  height: 100%;
}
@media (max-width: 575px) {
  .about-wrapper-4 .about-image-items .about-image-2 {
    max-width: 220px;
  }
}
.about-wrapper-4 .about-content {
  position: relative;
  z-index: 9;
}
.about-wrapper-4 .about-content .about-text {
  margin-top: 25px;
  max-width: 600px;
}
.about-wrapper-4 .about-content .about-list {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 575px) {
  .about-wrapper-4 .about-content .about-list {
    flex-wrap: wrap;
  }
}
.about-wrapper-4 .about-content .about-list ul li {
  font-size: 18px;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  color: var(--header);
  background-color: var(--bg);
  border-radius: 30px;
  padding: 18px 30px;
  line-height: 1;
}
.about-wrapper-4 .about-content .about-list ul li:not(:last-child) {
  margin-bottom: 24px;
}
.about-wrapper-4 .about-content .about-list ul li i {
  margin-right: 5px;
  color: var(--theme);
}
.about-wrapper-4 .about-content .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-content .about-author {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-content .about-author {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-4 .about-content .about-author {
    margin-top: 20px;
  }
}
.about-wrapper-4 .about-content .about-author .author-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-wrapper-4 .about-content .about-author .author-icon .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  position: relative;
}
.about-wrapper-4 .about-content .about-author .author-icon .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}
.about-wrapper-4 .about-content .about-author .author-icon .content .number {
  font-weight: 600;
  font-size: 20px;
  font-family: "Quicksand", sans-serif;
  display: block;
}
.about-wrapper-4 .about-content .about-author .author-icon .content .number a {
  color: var(--header);
}
.about-wrapper-4 .about-content .about-author .author-icon .content span {
  font-size: 14px;
  font-weight: 600;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  margin-bottom: 5px;
}

.about-activities-wrapper {
  position: relative;
  z-index: 9;
}
.about-activities-wrapper .activities-img-items {
  position: relative;
}
.about-activities-wrapper .activities-img-items .radius-shape {
  position: absolute;
  top: 43%;
  left: 51%;
  z-index: -1;
  transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
  .about-activities-wrapper .activities-img-items .radius-shape {
    display: none;
  }
}
.about-activities-wrapper .activities-img-items .activities-image {
  max-width: 580px;
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 508 485"><path fill-rule="evenodd" clip-rule="evenodd" d="M273.307 22.3171C313.958 21.7364 354.018 -9.9391 392.233 3.1801C429.93 16.1214 448.114 56.8471 468.691 89.3925C487.204 118.672 501.176 150.33 506.594 184.055C511.646 215.497 501.66 246.444 499.018 278.149C496.315 310.595 504.839 344.713 490.737 374.404C476.393 404.605 448.022 426.759 419.387 445.812C390.95 464.733 359.473 482.18 324.811 484.809C290.921 487.38 261.165 463.161 227.293 460.384C188.086 457.169 146.979 481.781 110.746 467.257C75.3239 453.059 46.6799 419.717 37.6358 384.361C28.4117 348.301 68.3117 313.334 62.0057 276.717C55.164 236.989 -9.04387 211.189 1.08003 172.094C10.8117 134.513 77.5118 141.105 104.627 112.126C132.07 82.7954 119.879 25.7702 155.969 6.55486C190.772 -11.9748 233.369 22.8875 273.307 22.3171Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
}
.about-activities-wrapper .activities-img-items .activities-image img {
  width: 100%;
  height: 100%;
}
.about-activities-wrapper .activities-content .text {
  margin-top: 25px;
  max-width: 600px;
}
.about-activities-wrapper .activities-content .icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-activities-wrapper .activities-content .icon-items:not(:last-child) {
  margin-bottom: 30px;
}
.about-activities-wrapper .activities-content .icon-items .icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 8px;
  font-size: 50px;
}
.about-activities-wrapper .activities-content .icon-items .content h3 {
  font-size: 18px;
}
.about-activities-wrapper .activities-content .icon-items .content p {
  margin-top: 7px;
}
.about-activities-wrapper.style-2 {
  margin-bottom: -30px;
}
.about-activities-wrapper.style-2 .activities-image-items {
  margin-right: 35px;
  position: relative;
}
@media (max-width: 1199px) {
  .about-activities-wrapper.style-2 .activities-image-items {
    margin-right: 0;
  }
}
.about-activities-wrapper.style-2 .activities-image-items .activities-img img {
  width: 100%;
  height: 100%;
}
.about-activities-wrapper.style-2 .activities-image-items .activities-img {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 517 506"> <path fill-rule="evenodd" clip-rule="evenodd" d="M263.922 4.18612C301.057 11.8542 330.531 38.895 360.456 62.3296C386.155 82.4538 403.608 110.097 427.543 132.317C453.817 156.708 493.991 167.862 509.209 200.423C524.345 232.808 513.559 271.13 509.014 306.63C504.535 341.612 502.875 379.069 482.651 407.866C462.647 436.351 429.343 452.254 397.349 465.636C368.593 477.664 336.731 474.837 306.33 481.616C275.676 488.452 247.764 506.317 216.368 505.996C182.833 505.652 151.126 493.109 120.34 479.712C85.0158 464.341 32.7457 458.582 21.9359 421.389C9.82265 379.711 72.6756 344.595 68.5072 301.371C64.3884 258.663 -1.83763 237.206 0.0391374 194.338C1.71465 156.067 52.252 140.271 76.8399 111.042C102.165 80.9374 113.913 37.9228 147.992 18.4578C182.23 -1.09785 225.363 -3.77589 263.922 4.18612Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  position: relative;
  z-index: 9;
  max-width: 580px;
}
.about-activities-wrapper.style-2 .activities-image-items .radius-shape {
  position: absolute;
  bottom: 64px;
  left: -12%;
  z-index: -1;
}
@media screen and (max-width: 400px) {
  .about-activities-wrapper.style-2 .activities-image-items .radius-shape {
    display: none;
  }
}
.about-activities-wrapper.style-2 .activities-image-items .circle-shape {
  position: absolute;
  top: 15%;
  right: 10%;
  z-index: -1;
}
.about-activities-wrapper.style-2 .activities-content .icon-items {
  gap: 20px;
}
.about-activities-wrapper.style-2 .activities-content .icon-items .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  border-radius: 50%;
  font-size: 40px;
  color: var(--theme);
}
.about-activities-wrapper.style-2 .activities-content .icon-items .content h3 {
  margin-bottom: 7px;
}
.about-activities-wrapper.style-2 .activities-content .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
  border-top: 1px solid rgba(56, 84, 105, 0.2);
  padding-top: 40px;
}
@media (max-width: 1199px) {
  .about-activities-wrapper.style-2 .activities-content .about-author {
    flex-wrap: wrap;
  }
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-image {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-image .content h4 {
  font-size: 18px;
  font-weight: 600;
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-image .content p {
  color: var(--text);
  font-weight: 500;
  margin-top: -2px;
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-icon .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  position: relative;
}
.about-activities-wrapper.style-2 .activities-content .about-author .author-icon .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme);
  content: "";
  transform: translate(-50%, -50%);
}

.about-activities-section {
  position: relative;
}
.about-activities-section .pencil-shape {
  position: absolute;
  top: -15%;
  left: 10px;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .about-activities-section .pencil-shape {
    display: none;
  }
}
.about-activities-section .zebra-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1600px) {
  .about-activities-section .zebra-shape {
    display: none;
  }
}

.about-activities-section-2 {
  position: relative;
  padding-bottom: 215px;
  margin-top: -30px;
}
@media (max-width: 1199px) {
  .about-activities-section-2 {
    padding-bottom: 205px;
  }
}
@media (max-width: 991px) {
  .about-activities-section-2 {
    margin-top: -55px;
  }
}
@media (max-width: 767px) {
  .about-activities-section-2 {
    margin-top: -50px;
  }
}
.about-activities-section-2 .left-shape {
  position: absolute;
  top: -25%;
  left: 0;
}
@media (max-width: 1399px) {
  .about-activities-section-2 .left-shape {
    display: none;
    overflow: hidden;
  }
}
.about-activities-section-2 .zebra-shape {
  position: absolute;
  bottom: 20%;
  right: 0;
}
@media (max-width: 1399px) {
  .about-activities-section-2 .zebra-shape {
    display: none;
  }
}
.about-activities-section-2 .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 92px;
}
.about-activities-section-2 .bottom-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-activities-section-2 .sun-shape {
  position: absolute;
  top: 5%;
  left: 5%;
}
.about-activities-section-2.style-2 {
  margin-top: 0;
}
.about-activities-section-2.style-2 .sun-shape {
  position: absolute;
  top: 45%;
  left: 4%;
  transform: translateY(-50%);
}

.feature-box-items {
  position: relative;
  height: 100%;
  padding: 23px;
  padding-right: 34px;
  padding-bottom: 48px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1399px) {
  .feature-box-items {
    padding: 50px;
  }
}
.feature-box-items .border-circle {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 1399px) {
  .feature-box-items .border-circle {
    display: none;
  }
}
.feature-box-items .feature-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--bg3);
  transition: all 500ms ease;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 280'%3E%3Cpath d='M0 179.187C0 144.219 18.2654 111.548 48.1698 93.4239L178.17 14.636C244.814 -25.7542 330 22.2278 330 100.156V179.618C330 234.846 285.228 279.618 230 279.618H100C44.7715 279.618 0 234.415 0 179.187Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .feature-box-items .feature-bg {
    mask: none;
    border-radius: 16px;
  }
}
.feature-box-items .feature-bg.bg-2 {
  background-color: var(--bg4);
}
.feature-box-items .feature-bg.bg-3 {
  background-color: var(--bg2);
}
.feature-box-items .feature-bg.bg-4 {
  background-color: var(--bg5);
}
.feature-box-items .icon-box {
  text-align: right;
  position: relative;
  max-width: 168px;
  margin-left: auto;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .feature-box-items .icon-box {
    width: 100px;
    height: 100px;
    background-color: var(--white);
    border-radius: 50%;
    margin: 0 auto 30px;
    max-width: initial;
    text-align: center;
  }
  .feature-box-items .icon-box img {
    display: none;
  }
}
.feature-box-items .icon-box .icon {
  position: absolute;
  top: 50%;
  text-align: center;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .feature-box-items .icon-box .icon {
    top: 50%;
  }
}
@media (max-width: 1199px) {
  .feature-box-items .icon-box .icon img {
    display: inline !important;
    width: 45px;
  }
}
.feature-box-items h2 {
  font-size: 24px;
  text-align: center;
  position: relative;
  z-index: 5;
}
@media (max-width: 1199px) {
  .feature-box-items h2 {
    font-size: 20px;
  }
}
.feature-box-items:hover .icon-box .icon img {
  animation: wobble 1.5s ease-in-out;
}

.feature-section {
  margin-bottom: 10px;
  position: relative;
}
@media (max-width: 1399px) {
  .feature-section {
    margin-bottom: 0;
  }
}
.feature-section .penil-shape {
  position: absolute;
  bottom: 100px;
  left: 60px;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .feature-section .penil-shape {
    opacity: 0.3;
  }
}
.feature-section .zirap-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1399px) {
  .feature-section .zirap-shape {
    opacity: 0.3;
  }
}

.choose-us-wrapper {
  position: relative;
  z-index: 9;
}
.choose-us-wrapper .choose-us-content {
  max-width: 635px;
}
.choose-us-wrapper .choose-us-content .nav {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 40px;
}
.choose-us-wrapper .choose-us-content .nav .nav-item .nav-link {
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  background: rgba(92, 112, 126, 0.1);
  border-radius: 12px;
  padding: 10px 14px;
  line-height: 1;
}
.choose-us-wrapper .choose-us-content .nav .nav-item .nav-link.active {
  background-color: var(--theme);
  color: var(--white);
}
.choose-us-wrapper .choose-us-content .choose-items {
  margin-top: 30px;
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
  padding-bottom: 28px;
  border-top: 1px solid rgba(56, 84, 105, 0.2);
  padding-top: 30px;
}
.choose-us-wrapper .choose-us-content .choose-items .about-list-items {
  display: flex;
  align-items: center;
  gap: 100px;
  margin-top: 25px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper .choose-us-content .choose-items .about-list-items {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .choose-us-wrapper .choose-us-content .choose-items .about-list-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.choose-us-wrapper .choose-us-content .choose-items ul li {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--header);
  gap: 10px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper .choose-us-content .choose-items ul li {
    font-size: 16px;
  }
}
.choose-us-wrapper .choose-us-content .choose-items ul li:not(:last-child) {
  margin-bottom: 20px;
}
.choose-us-wrapper .choose-us-content .choose-us-button {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 38px;
}
@media (max-width: 767px) {
  .choose-us-wrapper .choose-us-content .choose-us-button {
    margin-top: 30px;
    flex-wrap: wrap;
  }
}
.choose-us-wrapper .choose-us-image {
  transition: all 500ms ease;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 660 510'%3E%3Cpath d='M559.218 139.383C543.686 139.383 529.032 142.988 515.888 149.25C505.538 65.1468 433.688 0 346.532 0C288.542 0 237.343 28.8591 206.49 72.9288C195.736 63.5706 181.699 57.8525 166.301 57.8525C132.499 57.8525 105.092 85.1708 105.092 118.879C105.092 126.237 106.467 133.262 108.856 139.793C106.191 139.581 103.511 139.39 100.789 139.39C45.1235 139.39 0 184.379 0 239.878C0 295.377 45.1235 340.365 100.789 340.365H559.211C614.876 340.365 660 295.377 660 239.878C660.007 184.372 614.883 139.383 559.218 139.383Z'/%3E%3Cpath d='M100.782 370.617C116.314 370.617 130.968 367.012 144.112 360.75C154.462 444.853 226.312 510 313.468 510C371.458 510 422.657 481.141 453.51 437.071C464.264 446.429 478.301 452.148 493.699 452.148C527.501 452.148 554.908 424.829 554.908 391.121C554.908 383.764 553.533 376.738 551.144 370.207C553.809 370.419 556.489 370.61 559.211 370.61C614.877 370.61 660 325.621 660 270.122C660 214.624 614.877 169.635 559.211 169.635L100.789 169.635C45.1235 169.635 0.000242248 214.623 0.000237382 270.122C-0.00685679 325.628 45.1166 370.617 100.782 370.617Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  max-width: 660px;
  mask-position: center center;
  mask-size: cover;
  position: relative;
  z-index: 99;
}
.choose-us-wrapper .choose-us-image .vec-shape {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1399px) {
  .choose-us-wrapper .choose-us-image .vec-shape {
    display: none;
  }
}
.choose-us-wrapper .choose-us-image img {
  width: 100%;
  height: 100%;
}
.choose-us-wrapper .choose-us-image-items {
  position: relative;
}
.choose-us-wrapper .choose-us-image-items .vec-shape {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
}
@media (max-width: 1399px) {
  .choose-us-wrapper .choose-us-image-items .vec-shape {
    display: none;
  }
}
.choose-us-wrapper.style-about-3 .choose-us-content {
  max-width: initial;
}
.choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
  font-size: 49px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
    font-size: 44px;
  }
}
@media (max-width: 1199px) {
  .choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
    font-size: 36px;
  }
}
.choose-us-wrapper.style-about-3 .choose-us-content .choose-items {
  padding-top: 0;
  border-top: none;
}
.choose-us-wrapper.style-about-3 .choose-us-content .about-button {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper.style-about-3 .choose-us-content .about-button {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .choose-us-wrapper.style-about-3 .choose-us-content .about-button {
    margin-top: 25px;
  }
}
.choose-us-wrapper.style-about-3 .choose-us-content .about-button .author-icon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.choose-us-wrapper.style-about-3 .choose-us-content .about-button .author-icon .icon {
  width: 56px;
  line-height: 59px;
  height: 59px;
  text-align: center;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
  border-radius: 15px;
  position: relative;
}
.choose-us-wrapper.style-about-3 .choose-us-content .about-button .author-icon .content h4 {
  font-weight: 700;
  font-size: 24px;
}
.choose-us-wrapper.style-about-3 .choose-us-content .about-button .author-icon .content h4 a {
  color: var(--text);
}
.choose-us-wrapper.style-about-3 .choose-us-content .about-button .author-icon .content h4 a:hover {
  color: var(--theme);
}
.choose-us-wrapper.style-about-3 .choose-us-content .about-button .author-icon .content h3 {
  font-weight: 700;
  font-size: 24px;
}
.choose-us-wrapper.style-about-3 .choose-us-content .about-button .author-icon .content h3 a {
  color: var(--text);
}
.choose-us-wrapper.style-about-3 .choose-us-content .about-button .author-icon .content h3 a:hover {
  color: var(--theme);
}
.choose-us-wrapper.style-about-3 .choose-us-content .about-button .author-icon .content span {
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 5px;
}
.choose-us-wrapper.style-about-3 .choose-us-image-2 {
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 657 534"><path fill-rule="evenodd" clip-rule="evenodd" d="M59.7831 228.775C39.3307 237.073 23.6339 254.753 14.3189 274.762C5.00386 294.771 1.53393 317.03 0.370222 339.07C-0.747578 360.252 0.294271 382.108 8.7175 401.575C17.1407 421.042 34.1197 437.823 55.0506 441.261C56.5816 485.85 94.502 525.086 138.509 532.427C182.517 539.769 228.861 517.482 254.547 481.003C264.48 498.771 283.306 510.367 303.1 515.119C322.893 519.869 343.673 518.448 363.751 515.1C386.659 511.28 409.596 504.791 428.813 491.746C448.029 478.703 463.198 458.318 465.767 435.238C503.617 452.086 547.956 438.056 584.598 418.722C605.469 407.71 625.987 394.501 639.61 375.232C658.043 349.164 661.329 313.34 648.698 284.019C636.065 254.698 608.204 232.648 576.922 226.271C585.416 210.52 576.062 191.033 564.465 177.401C527.901 134.417 466.035 114.765 411.369 128.767C422.685 109.995 421.35 85.3878 411.654 65.7318C401.957 46.0759 384.913 30.8787 366.29 19.3228C350.512 9.53104 332.973 1.90248 314.47 0.320265C274.507 -3.09672 238.124 21.4384 205.558 44.8521C179.201 20.7744 137.392 21.4013 104.813 35.9998C69.0257 52.0375 39.6327 84.8228 33.7047 123.589C27.7766 162.355 49.0501 205.324 85.8157 218.973C76.4583 221.917 67.7261 226.827 60.3518 233.298" /></svg>');
  mask-repeat: no-repeat;
  max-width: 656px;
  mask-position: center center;
  mask-size: cover;
  position: relative;
  z-index: 99;
}
.choose-us-wrapper.style-about-3 .choose-us-image-2 img {
  width: 100%;
  height: 100%;
}

.choose-us-section {
  position: relative;
}
.choose-us-section .shape1 {
  position: absolute;
  bottom: 20%;
  left: 20px;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1600px) {
  .choose-us-section .shape1 {
    display: none;
  }
}
.choose-us-section .shape2 {
  position: absolute;
  top: 4%;
  left: 50%;
}
@media (max-width: 1600px) {
  .choose-us-section .shape2 {
    opacity: 0.4;
  }
}
.choose-us-section .shape3 {
  position: absolute;
  bottom: 6%;
  right: 0;
}
@media (max-width: 1600px) {
  .choose-us-section .shape3 {
    opacity: 0.4;
  }
}

.counter-box-items {
  position: relative;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .counter-box-items {
    max-width: 328px;
    margin: 0 auto;
  }
}
.counter-box-items .bg-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.counter-box-items .bg-image img {
  width: 100%;
  height: 100%;
}
.counter-box-items .counter-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  left: 0;
  right: 0;
  z-index: 99;
}
.counter-box-items .counter-box h2 {
  font-size: 40px;
  position: relative;
  z-index: 99;
}
.counter-box-items .counter-box p {
  position: relative;
  z-index: 99;
  font-size: 16px;
  text-transform: capitalize;
}
.counter-box-items .counter-box .bg-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 156px;
  height: 156px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 156"><path fill-rule="evenodd" clip-rule="evenodd" d="M156 94.5957C156 140.729 113.558 156 73.1553 156C32.7527 156 0 140.729 0 94.5957C0 48.4623 32.7527 0 73.1553 0C113.558 0 156 48.4623 156 94.5957Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  background-color: #FEF4DE;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s ease-in-out;
  z-index: 11;
}
.counter-box-items .counter-box .bg-shape.bg-2 {
  background-color: #E1F6FE;
}
.counter-box-items .counter-box .bg-shape.bg-3 {
  background-color: #E6E8FC;
}
.counter-box-items .counter-box .bg-shape.bg-4 {
  background-color: #FEDFEF;
}
.counter-box-items.active .bg-image {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}
.counter-box-items.active .counter-box .bg-shape {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

.school-facilities-section .facilities-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 60px;
}
.school-facilities-section .facilities-text .line {
  width: 264px;
  height: 1px;
  background-color: rgba(92, 112, 126, 0.2);
}
@media (max-width: 991px) {
  .school-facilities-section .facilities-text .line {
    width: 100px;
  }
}
.school-facilities-section .facilities-text p {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: var(--theme);
  text-transform: capitalize;
  font-family: "Kalam", cursive;
}
@media (max-width: 991px) {
  .school-facilities-section .facilities-text p {
    font-size: 15px;
  }
}

.school-facilities-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 30px;
}
@media (max-width: 1199px) {
  .school-facilities-wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 991px) {
  .school-facilities-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .school-facilities-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .school-facilities-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.school-facilities-wrapper .school-facilities-box-items {
  text-align: center;
}
.school-facilities-wrapper .school-facilities-box-items .thumb {
  max-width: 210px;
  margin: 0 auto;
  position: relative;
}
.school-facilities-wrapper .school-facilities-box-items .thumb .icon {
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.school-facilities-wrapper .school-facilities-box-items .thumb .icon img {
  width: initial;
  height: initial;
}
@media (max-width: 767px) {
  .school-facilities-wrapper .school-facilities-box-items .thumb .icon img {
    width: 48px;
  }
}
@media (max-width: 470px) {
  .school-facilities-wrapper .school-facilities-box-items .thumb .icon img {
    width: 40px;
  }
}
.school-facilities-wrapper .school-facilities-box-items .thumb img {
  width: 100%;
  height: 100%;
}
.school-facilities-wrapper .school-facilities-box-items .title {
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  margin-top: 20px;
}
@media (max-width: 1399px) {
  .school-facilities-wrapper .school-facilities-box-items .title {
    font-size: 18px;
  }
}
@media (max-width: 470px) {
  .school-facilities-wrapper .school-facilities-box-items .title {
    font-size: 16px;
  }
}
.school-facilities-wrapper .school-facilities-box-items:hover .thumb .icon img {
  animation: wobble 1.5s ease-in-out;
}

.choose-us-section-2 {
  position: relative;
}
.choose-us-section-2 .men-shape {
  position: absolute;
  left: 50px;
  top: 25%;
}
@media (max-width: 1399px) {
  .choose-us-section-2 .men-shape {
    opacity: 0.2;
  }
}
.choose-us-section-2 .girl-shape {
  position: absolute;
  right: 45px;
  bottom: 10%;
}
@media (max-width: 1399px) {
  .choose-us-section-2 .girl-shape {
    opacity: 0.2;
  }
}

.choose-us-wrapper-2 .choose-us-thumb {
  position: relative;
  z-index: 9;
}
.choose-us-wrapper-2 .choose-us-thumb .shape1 {
  position: absolute;
  top: 6%;
  left: 16%;
  z-index: 11;
}
.choose-us-wrapper-2 .choose-us-thumb::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--theme);
  z-index: -1;
  max-width: 623px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 624 585"><path fill-rule="evenodd" clip-rule="evenodd" d="M456.618 101.994C486.213 5.80322 299.386 -66.341 295.685 96.4463C186.545 13.2033 66.311 105.693 162.499 224.082C-24.33 198.184 -37.2802 401.666 58.909 471.957C20.0638 518.199 86.6554 564.444 123.654 514.501C232.792 625.49 523.21 599.592 525.061 475.655C621.252 523.755 650.851 383.166 562.055 325.821C685.994 285.124 591.651 177.84 547.261 175.986C630.499 116.793 491.765 52.0478 456.618 101.994Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  z-index: 9;
  left: 30px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-2 .choose-us-thumb::before {
    display: none;
  }
}
.choose-us-wrapper-2 .choose-us-thumb .thumb {
  max-width: 623px;
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 624 585"><path fill-rule="evenodd" clip-rule="evenodd" d="M456.618 101.994C486.213 5.80322 299.386 -66.341 295.685 96.4463C186.545 13.2033 66.311 105.693 162.499 224.082C-24.33 198.184 -37.2802 401.666 58.909 471.957C20.0638 518.199 86.6554 564.444 123.654 514.501C232.792 625.49 523.21 599.592 525.061 475.655C621.252 523.755 650.851 383.166 562.055 325.821C685.994 285.124 591.651 177.84 547.261 175.986C630.499 116.793 491.765 52.0478 456.618 101.994Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  z-index: 9;
}
.choose-us-wrapper-2 .choose-us-thumb .thumb img {
  width: 100%;
  height: 100%;
}
.choose-us-wrapper-2 .choose-us-content .choose-text {
  margin-top: 30px;
}
.choose-us-wrapper-2 .choose-us-content ul {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-2 .choose-us-content ul {
    flex-wrap: wrap;
    margin-top: 30px;
  }
}
.choose-us-wrapper-2 .choose-us-content ul li {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: var(--white);
  padding: 20px;
  border-radius: 35px;
}
.choose-us-wrapper-2 .choose-us-content ul li .icon {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  background-color: #E1F6FE;
}
.choose-us-wrapper-2 .choose-us-content ul li .title .icon-title {
  font-size: 18px;
  text-transform: capitalize;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-2 .choose-us-content ul li .title .icon-title {
    font-size: 16px;
  }
}
.choose-us-wrapper-2 .choose-us-content .skill-feature {
  max-width: 690px;
  margin-top: 30px;
  margin-bottom: 50px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-2 .choose-us-content .skill-feature {
    margin-bottom: 30px;
  }
}
.choose-us-wrapper-2 .choose-us-content .skill-feature:not(:last-child) {
  margin-bottom: 30px;
}
.choose-us-wrapper-2 .choose-us-content .skill-feature .box-title {
  font-size: 18px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
  color: var(--header);
  text-transform: capitalize;
}
.choose-us-wrapper-2 .choose-us-content .skill-feature .progress-value {
  margin-bottom: 10px;
  color: var(--header);
  text-transform: capitalize;
}
.choose-us-wrapper-2 .choose-us-content .skill-feature .progress {
  position: relative;
  height: 8px;
  background-color: #FEF4DE;
  border-radius: 0;
  overflow: visible;
  margin-top: 15px;
  border-radius: 4px;
}
.choose-us-wrapper-2 .choose-us-content .skill-feature .progress-bar {
  background-color: var(--theme);
  height: 8px;
  margin: 0;
  border-radius: inherit;
  overflow: visible;
  position: relative;
  margin-top: 0;
  border-radius: 4px;
}
.choose-us-wrapper-2 .choose-us-content .skill-feature .progress-value {
  position: absolute;
  top: -38px;
  right: -8px;
  font-size: 16px;
  font-weight: 700;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  font-size: 18px;
}

.values-section-2 {
  background-color: #E6E8FC;
  position: relative;
  margin-top: 152px;
}
@media (max-width: 1899px) {
  .values-section-2 {
    margin-top: 100px;
  }
}
@media (max-width: 1399px) {
  .values-section-2 {
    margin-top: 0;
    padding-top: 120px !important;
    padding-bottom: 0 !important;
    margin-bottom: 120px;
    overflow: hidden;
  }
}
@media (max-width: 1199px) {
  .values-section-2 {
    margin-top: 0;
    padding-top: 100px !important;
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .values-section-2 {
    margin-top: 0;
    padding-top: 80px !important;
    margin-bottom: 80px;
  }
}
.values-section-2 .shape {
  position: absolute;
  top: 0;
  left: 120px;
}
@media (max-width: 1399px) {
  .values-section-2 .shape {
    display: none;
  }
}
.values-section-2 .love-shape {
  position: absolute;
  bottom: 20%;
  right: 80px;
}
.values-section-2 .top-line {
  position: absolute;
  top: -160px;
  left: 0;
  right: 0;
}
@media (max-width: 1899px) {
  .values-section-2 .top-line {
    top: -100px;
  }
}
@media (max-width: 1399px) {
  .values-section-2 .top-line {
    display: none;
  }
}
.values-section-2 .top-line img {
  width: 100%;
}
.values-section-2 .bottom-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
@media (max-width: 1399px) {
  .values-section-2 .bottom-line {
    display: none;
  }
}
.values-section-2 .bottom-line img {
  width: 100%;
}
.values-section-2 .plane-shape {
  position: absolute;
  right: 5%;
  top: -18%;
}
@media (max-width: 1399px) {
  .values-section-2 .plane-shape {
    display: none;
  }
}

.values-wrapper-2 .values-list {
  margin-top: 30px;
  position: relative;
  z-index: 9;
}
.values-wrapper-2 .values-list li {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  border-radius: 35px;
  background-color: var(--white);
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
  .values-wrapper-2 .values-list li {
    gap: 15px;
    padding: 15px;
  }
}
.values-wrapper-2 .values-list li:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 1399px) {
  .values-wrapper-2 .values-list li:not(:last-child) {
    margin-bottom: 18px;
  }
}
.values-wrapper-2 .values-list li .icon {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  background-color: #FEF4DE;
}
.values-wrapper-2 .values-list li .content .title {
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
}
@media (max-width: 1399px) {
  .values-wrapper-2 .values-list li .content .title {
    font-size: 14px;
  }
}
.values-wrapper-2 .values-list li.active {
  background-color: var(--theme);
}
.values-wrapper-2 .values-list li.active .content .title {
  color: var(--white);
}
.values-wrapper-2 .thumb {
  text-align: center;
  margin-top: 30px;
  position: relative;
}
@media (max-width: 1600px) {
  .values-wrapper-2 .thumb {
    margin-bottom: -45px;
  }
}
@media (max-width: 1399px) {
  .values-wrapper-2 .thumb {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .values-wrapper-2 .thumb img {
    width: 100%;
    height: 100%;
  }
}
.values-wrapper-2 .thumb .line-1 {
  position: absolute;
  top: 45%;
  left: 20px;
  transform: translateY(-50%);
}
@media (max-width: 1399px) {
  .values-wrapper-2 .thumb .line-1 {
    display: none;
  }
}
.values-wrapper-2 .thumb .line-2 {
  position: absolute;
  top: 45%;
  right: 20px;
  transform: translateY(-50%);
}
@media (max-width: 1399px) {
  .values-wrapper-2 .thumb .line-2 {
    display: none;
  }
}

.special-offer-wrapper {
  position: relative;
}
@media (max-width: 991px) {
  .special-offer-wrapper .border-shape {
    display: none;
  }
}
.special-offer-wrapper .border-shape img {
  width: 100%;
  height: 100%;
}
.special-offer-wrapper .special-offer-image {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin-left: 20px;
  width: calc(100% - 40px);
}
@media (max-width: 991px) {
  .special-offer-wrapper .special-offer-image {
    position: static;
    transform: initial;
    margin-left: 0;
    width: initial;
  }
}
.special-offer-wrapper .special-offer-image .thumb {
  position: relative;
  max-width: 1410px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1410 490"><path fill-rule="evenodd" clip-rule="evenodd"  d="M0 98.0954C0 66.3286 24.7602 40.067 56.472 38.1991L705 0L1353.53 38.1992C1385.24 40.067 1410 66.3285 1410 98.0953V399.54C1410 431.579 1384.83 457.966 1352.82 459.474L705 490L57.1758 459.474C25.1722 457.966 0 431.579 0 399.54V98.0954Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
}
@media (max-width: 991px) {
  .special-offer-wrapper .special-offer-image .thumb {
    mask: none;
    height: 500px;
    border-radius: 16px;
  }
  .special-offer-wrapper .special-offer-image .thumb img {
    object-fit: cover;
    border-radius: 16px;
  }
}
.special-offer-wrapper .special-offer-image .thumb::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #385469;
  opacity: 0.7;
  z-index: 1;
}
.special-offer-wrapper .special-offer-image .thumb img {
  width: 100%;
  height: 100%;
}
.special-offer-wrapper .special-offer-image .content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 99;
}
@media (max-width: 767px) {
  .special-offer-wrapper .special-offer-image .content {
    margin: 0 15px;
  }
}
.special-offer-wrapper .special-offer-image .content .theme-btn {
  margin-top: 35px;
}
.special-offer-wrapper .special-offer-image .content .theme-btn .theme-text {
  color: var(--white);
}
.special-offer-wrapper .special-offer-image .content .theme-btn:hover .theme-text img {
  filter: brightness(0) invert(1);
}

.special-offer-section {
  position: relative;
}
.special-offer-section .tree-shape {
  position: absolute;
  left: 53px;
  top: 0;
}
@media (max-width: 1399px) {
  .special-offer-section .tree-shape {
    opacity: 0.3;
  }
}
.special-offer-section .doll-shape {
  position: absolute;
  bottom: -12%;
  right: 12%;
}
@media (max-width: 1399px) {
  .special-offer-section .doll-shape {
    opacity: 0.3;
  }
}

.why-choose-wrapper-3 .values-list {
  margin-top: 30px;
  position: relative;
  z-index: 9;
  max-width: 350px;
  margin-left: 60px;
}
@media (max-width: 1199px) {
  .why-choose-wrapper-3 .values-list {
    margin-left: 0;
  }
}
.why-choose-wrapper-3 .values-list li {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  border-radius: 35px;
  background-color: var(--white);
  transition: all 0.4s ease-in-out;
  background: #FFFFFF;
  border: 1px solid rgba(243, 159, 95, 0.2);
}
@media (max-width: 1399px) {
  .why-choose-wrapper-3 .values-list li {
    gap: 15px;
    padding: 15px;
  }
}
.why-choose-wrapper-3 .values-list li:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 1399px) {
  .why-choose-wrapper-3 .values-list li:not(:last-child) {
    margin-bottom: 18px;
  }
}
.why-choose-wrapper-3 .values-list li:nth-last-of-type(2) {
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .why-choose-wrapper-3 .values-list li:nth-last-of-type(2) {
    margin-left: 0;
  }
}
.why-choose-wrapper-3 .values-list li .icon {
  max-width: 56px;
  width: 100%;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  background-color: #FEF4DE;
}
.why-choose-wrapper-3 .values-list li .content .title {
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
}
@media (max-width: 1399px) {
  .why-choose-wrapper-3 .values-list li .content .title {
    font-size: 14px;
  }
}
.why-choose-wrapper-3 .values-list.style-2 li:nth-last-of-type(2) {
  margin-left: -30px;
}
@media (max-width: 1199px) {
  .why-choose-wrapper-3 .values-list.style-2 li:nth-last-of-type(2) {
    margin-left: 0;
  }
}
.why-choose-wrapper-3 .choose-us-image {
  margin: 30px auto 0;
}
.why-choose-wrapper-3 .choose-us-image img {
  width: 100%;
  height: 100%;
}

.why-choose-us-section-3 {
  position: relative;
}
.why-choose-us-section-3 .doll-shape {
  position: absolute;
  bottom: 40px;
  right: 40px;
}
@media (max-width: 1199px) {
  .why-choose-us-section-3 .doll-shape {
    opacity: 0.3;
  }
}
.why-choose-us-section-3 .girl-shape {
  position: absolute;
  left: 50px;
  top: 40%;
}
@media (max-width: 1199px) {
  .why-choose-us-section-3 .girl-shape {
    opacity: 0.3;
  }
}
.why-choose-us-section-3 .section-title {
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
  padding-bottom: 50px;
}

.gallery-section-3 {
  margin: 0 30px;
}
@media (max-width: 1399px) {
  .gallery-section-3 {
    margin: 0 25px;
  }
}
@media (max-width: 1199px) {
  .gallery-section-3 {
    margin: 0 20px;
  }
}
@media (max-width: 470px) {
  .gallery-section-3 {
    margin: 0 16px;
  }
}
.gallery-section-3.gallery-inner {
  margin-top: -15px;
}

.gallery-thumb-3 {
  margin-top: 30px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.gallery-thumb-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(243, 159, 95, 0.8);
  border-radius: 10px;
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.gallery-thumb-3 img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.gallery-thumb-3 img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.gallery-thumb-3 .icon {
  color: var(--theme);
  display: inline-block;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  text-align: center;
  visibility: hidden;
  color: var(--white);
  z-index: 99;
  font-size: 36px;
}
.gallery-thumb-3:hover::before {
  opacity: 1;
  visibility: visible;
}
.gallery-thumb-3:hover img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.gallery-thumb-3:hover img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.gallery-thumb-3:hover .icon {
  opacity: 1;
  visibility: visible;
}

.how-work-section-3 {
  margin: 0 60px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1899px) {
  .how-work-section-3 {
    background-image: none !important;
    background-color: #E6E8FC;
    border-radius: 16px;
  }
}
@media (max-width: 1600px) {
  .how-work-section-3 {
    margin: 0 40px;
  }
}
@media (max-width: 1399px) {
  .how-work-section-3 {
    margin: 0 30px;
  }
}
@media (max-width: 1199px) {
  .how-work-section-3 {
    margin: 0 20px;
  }
}
@media (max-width: 470px) {
  .how-work-section-3 {
    margin: 0 16px;
  }
}
.how-work-section-3 .line-shape {
  position: absolute;
  top: 52%;
  z-index: -1;
}
@media (max-width: 1399px) {
  .how-work-section-3 .line-shape {
    display: none;
  }
}
.how-work-section-3 .line-shape img {
  width: 100%;
}
.how-work-section-3 .section-title-area {
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .how-work-section-3 .section-title-area {
    justify-content: center;
    text-align: center;
  }
}
.how-work-section-3 .section-title-area .info-box {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 767px) {
  .how-work-section-3 .section-title-area .info-box {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.how-work-section-3 .section-title-area .info-box .author-icon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.how-work-section-3 .section-title-area .info-box .author-icon .icon {
  width: 56px;
  line-height: 59px;
  height: 59px;
  text-align: center;
  background-color: var(--theme);
  text-align: center;
  color: var(--white);
  border-radius: 15px;
  position: relative;
}
.how-work-section-3 .section-title-area .info-box .author-icon .content .number {
  font-weight: 700;
  font-size: 24px;
}
.how-work-section-3 .section-title-area .info-box .author-icon .content .number a {
  color: var(--text);
}
.how-work-section-3 .section-title-area .info-box .author-icon .content .number a:hover {
  color: var(--theme);
}
.how-work-section-3 .section-title-area .info-box .author-icon .content span {
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 5px;
}
.how-work-section-3 .shape-1 {
  position: absolute;
  bottom: 70px;
  left: 60px;
}
@media (max-width: 1199px) {
  .how-work-section-3 .shape-1 {
    opacity: 0.2;
  }
}
.how-work-section-3.inner-style {
  margin: 0 30px;
}

.how-work-box-3 {
  margin-top: 135px;
}
@media (max-width: 1199px) {
  .how-work-box-3 {
    margin-top: 30px;
  }
}
.how-work-box-3.style-2 {
  margin-top: 30px;
}
.how-work-box-3.style-2 .title {
  margin-bottom: 0;
  margin-top: 30px;
}
.how-work-box-3 .title {
  font-size: 18px;
  font-weight: 700;
  color: var(--header);
  text-transform: capitalize;
  margin-bottom: 30px;
  text-align: center;
}
.how-work-box-3 .step-box {
  width: 134px;
  height: 134px;
  border-radius: 50%;
  background-color: var(--header);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 9;
  text-align: center;
  margin: 0 auto;
}
.how-work-box-3 .step-box::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #E1F6FE;
  z-index: -1;
}
.how-work-box-3 .step-box.bg-2::before {
  background: #FEF4DE;
}
.how-work-box-3 .step-box.bg-3::before {
  background: #FEDFEF;
}
.how-work-box-3 .step-box.bg-4::before {
  background: #E6E8FC;
}
.how-work-box-3 .step-box h3 {
  text-transform: capitalize;
}
.how-work-box-3.style-box-1 {
  text-align: center;
}
.how-work-box-3.style-box-1 .title {
  max-width: 200px;
  margin-left: auto;
  text-align: center;
  margin-right: -40px;
}
@media (max-width: 1199px) {
  .how-work-box-3.style-box-1 .title {
    margin-right: 0;
    max-width: initial;
    margin-left: initial;
  }
}
.how-work-box-3.style-box-1 .step-box {
  margin-left: auto !important;
  text-align: center;
  margin: initial;
}
@media (max-width: 1199px) {
  .how-work-box-3.style-box-1 .step-box {
    margin-left: initial !important;
    margin: 0 auto !important;
  }
}
.how-work-box-3.style-box-2 {
  margin-left: 90px;
}
@media (max-width: 1199px) {
  .how-work-box-3.style-box-2 {
    margin-left: 0;
  }
}
.how-work-box-3.style-box-3 {
  text-align: left;
}
.how-work-box-3.style-box-3 .title {
  max-width: 205px;
  text-align: center;
  margin-left: -25px;
}
@media (max-width: 1199px) {
  .how-work-box-3.style-box-3 .title {
    margin-left: 0;
    max-width: initial;
  }
}
.how-work-box-3.style-box-3 .step-box {
  margin-left: initial;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .how-work-box-3.style-box-3 .step-box {
    margin-left: 0;
    margin: 0 auto;
  }
}

.facility-section-inner {
  position: relative;
}
@media (max-width: 1199px) {
  .facility-section-inner {
    background-image: none !important;
    background-color: #E8EAFF;
  }
}
.facility-section-inner .shape1 {
  position: absolute;
  right: 10%;
  top: -3%;
}
@media (max-width: 1399px) {
  .facility-section-inner .shape1 {
    display: none;
  }
}

.facility-inner-box {
  margin-top: 30px;
}
.facility-inner-box .thumb {
  max-width: 400px;
  margin: 0 auto;
}
.facility-inner-box .thumb img {
  width: 100%;
  height: 100%;
}
.facility-inner-box .circle-box {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: var(--theme);
  position: relative;
  margin-top: -100px;
}
.facility-inner-box .circle-box.color-2 {
  background: #D95994;
}
.facility-inner-box .circle-box.color-3 {
  background: #1E6098;
}
.facility-inner-box .circle-box .arrow-icon {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.facility-inner-box .circle-box .mini-badge {
  width: 180px;
  height: 180px;
}
.facility-inner-box .circle-box .mini-badge svg {
  width: 100%;
  height: 100%;
}
.facility-inner-box .circle-box .mini-badge text {
  font-size: 10px;
  font-weight: 700;
  fill: #fff;
  letter-spacing: 1px;
  font-size: "Quicksand", sans-serif;
  text-transform: uppercase;
}

.schedule-section-inner {
  background-color: rgba(230, 232, 252, 0.25);
  border-radius: 40px;
  margin: 0 50px;
}
@media (max-width: 1600px) {
  .schedule-section-inner {
    margin: 0 40px;
  }
}
@media (max-width: 1399px) {
  .schedule-section-inner {
    margin: 0 30px;
  }
}
@media (max-width: 1199px) {
  .schedule-section-inner {
    margin: 0 20px;
  }
}
@media (max-width: 470px) {
  .schedule-section-inner {
    margin: 0 16px;
  }
}

.work-process-section {
  position: relative;
}
.work-process-section .top-shape {
  position: absolute;
  top: 0;
  left: 0;
}

.process-work-wrapper {
  position: relative;
  z-index: 9;
}
.process-work-wrapper .work-process-items {
  position: relative;
}
.process-work-wrapper .work-process-items .line-shape {
  position: absolute;
  top: 12%;
  right: -55%;
}
@media (max-width: 1199px) {
  .process-work-wrapper .work-process-items .line-shape {
    display: none;
  }
}
.process-work-wrapper .work-process-items .line-shape-2 {
  position: absolute;
  top: -32%;
  right: -55%;
}
@media (max-width: 1199px) {
  .process-work-wrapper .work-process-items .line-shape-2 {
    display: none;
  }
}
.process-work-wrapper .work-process-items .icon {
  width: 100px;
  height: 100px;
  line-height: 105px;
  text-align: center;
  margin: 0 auto;
  font-size: 40px;
  color: var(--white);
}
.process-work-wrapper .work-process-items .content {
  margin-top: 30px;
}
.process-work-wrapper .work-process-items .content h3 {
  margin-bottom: 5px;
}
.process-work-wrapper .work-process-items .content h2 {
  font-size: 20px;
  margin-bottom: 10px;
}
.process-work-wrapper .work-process-items .content.style-two {
  margin-top: 0;
  margin-bottom: 30px;
}
.process-work-wrapper .work-process-items.style-2 {
  margin-top: 100px;
}
@media (max-width: 1199px) {
  .process-work-wrapper .work-process-items.style-2 {
    margin-top: 0;
  }
}
.process-work-wrapper.style-padding {
  padding-top: 90px;
}

.feature-value-section5 {
  position: relative;
  margin-top: -55px;
  background-color: #EFF5F6;
}
.feature-value-section5 .shape-1 {
  position: absolute;
  top: 20%;
  left: 0;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .feature-value-section5 .shape-1 {
    display: none;
  }
}
.feature-value-section5 .shape-2 {
  position: absolute;
  top: 20%;
  right: 10px;
}
@media (max-width: 1199px) {
  .feature-value-section5 .shape-2 {
    display: none;
  }
}

.feature-value-items5 {
  margin-top: 30px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1399px) {
  .feature-value-items5 {
    margin-bottom: -50px;
  }
}
@media (max-width: 1199px) {
  .feature-value-items5 {
    margin-bottom: 0;
  }
}
.feature-value-items5 .value-icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 575px) {
  .feature-value-items5 .value-icon-items {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
}
.feature-value-items5 .value-icon-items:not(:last-child) {
  margin-bottom: 30px;
}
.feature-value-items5 .value-icon-items .icon {
  width: 90px;
  height: 90px;
  line-height: 100px;
  text-align: center;
  border-radius: 8px;
  background: rgba(243, 159, 95, 0.2);
  border-radius: 8px;
  flex-basis: 40%;
  font-size: 40px;
  color: var(--theme);
}
.feature-value-items5 .value-icon-items .icon.color-2 {
  background: rgba(88, 102, 235, 0.15);
  color: #5866EB;
}
.feature-value-items5 .value-icon-items .icon.color-3 {
  background: rgba(57, 192, 250, 0.15);
  color: #39C0FA;
}
.feature-value-items5 .value-icon-items .icon.color-4 {
  background: rgba(249, 37, 150, 0.15);
  color: #F92596;
}
.feature-value-items5 .value-icon-items .content h5 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
}
.feature-value-items5 .value-icon-items.style-2 .content {
  text-align: right;
}
@media (max-width: 1199px) {
  .feature-value-items5 .value-icon-items.style-2 .content {
    text-align: left;
  }
}
@media (max-width: 575px) {
  .feature-value-items5 .value-icon-items.style-2 .content {
    text-align: center;
  }
}
.feature-value-items5 .feature-value-image {
  max-width: 290px;
  text-align: center;
  margin: 0 auto -120px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .feature-value-items5 .feature-value-image {
    margin: 0 auto 0;
  }
}
.feature-value-items5 .feature-value-image img {
  width: 100%;
  height: 100%;
}
.feature-value-items5 .feature-value-image .value-shape {
  position: absolute;
  bottom: 0;
  left: -25px;
  z-index: -1;
  right: -30px;
  max-width: 340px;
}
.feature-value-items5 .feature-value-image .value-shape img {
  width: 100%;
  height: 100%;
}

.counter-section5 {
  position: relative;
  z-index: 9;
  padding: 90px 0 120px;
  margin-bottom: -33px;
}
@media (max-width: 1199px) {
  .counter-section5 {
    margin-bottom: -27px;
  }
}
.counter-section5 .counter-bg {
  position: absolute;
  top: -16px;
  left: 0;
  background-color: #70A6B1;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 325"><path d="M0 325V29.4378V5.47337C38.0396 17.4556 143.614 5.47336 277.289 5.47337C423 5.47339 552.217 -6.50878 664 5.47347C806.815 23.114 1257.86 5.47337 1341 5.47337C1472 5.47337 1746.15 -6.84172 1920 5.47337V322.004C1750 298.138 1254 309.122 1138 309.122C885.21 309.122 608 314.114 396 309.122C69.2597 293.145 130 322.004 0 325Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .counter-section5 .counter-bg {
    top: 0;
  }
}
.counter-section5 .line-shape {
  position: absolute;
  left: 0;
  bottom: 50px;
}
@media (max-width: 1199px) {
  .counter-section5 .line-shape {
    display: none;
  }
}
.counter-section5 .box-shape {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .counter-section5 .box-shape {
    display: none;
  }
}

.counter-wrapper5 .counter-items {
  text-align: center;
  border-right: 1px dotted var(--white);
}
@media (max-width: 1199px) {
  .counter-wrapper5 .counter-items {
    border: none;
  }
}
.counter-wrapper5 .counter-items .content {
  margin-top: 15px;
}
.counter-wrapper5 .counter-items .content h2 {
  color: var(--white);
  margin-bottom: 5px;
}
.counter-wrapper5 .counter-items .content p {
  color: var(--white);
  font-weight: 600;
  font-size: 18px;
}
.counter-wrapper5.style-2 {
  padding: 120px 0 80px;
}

.pricing-section {
  position: relative;
  margin-top: 40px;
}
.pricing-section .tree-shape {
  position: absolute;
  bottom: 5%;
  left: 3%;
}
.pricing-section .pencil-shape {
  position: absolute;
  top: 15%;
  right: 10px;
  animation: rounded 5s linear infinite;
}
.pricing-section .top-shape {
  position: absolute;
  top: -40px;
  left: 0;
  height: 92px;
}
.pricing-section .top-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pricing-section .girl-shape {
  position: absolute;
  top: 15%;
  right: 3%;
}

.pricing-wrapper .nav {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .pricing-wrapper .nav {
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .pricing-wrapper .nav {
    gap: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.pricing-wrapper .nav .nav-link {
  text-align: center;
  padding: 10px 40px;
  background-color: var(--white);
  border-radius: 6px;
  font-weight: 700;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--header);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .pricing-wrapper .nav .nav-link {
    padding: 14px 45px;
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .pricing-wrapper .nav .nav-link {
    padding: 12px 20px;
    font-size: 14px;
  }
}
.pricing-wrapper .nav .nav-link.active {
  position: relative;
  background-color: var(--theme);
  color: var(--white);
}

.pricing-items {
  margin-top: 30px;
  padding: 45px 40px;
  background-color: var(--white);
  border-radius: 24px;
  position: relative;
}
@media (max-width: 575px) {
  .pricing-items {
    padding: 30px;
  }
}
.pricing-items .icon {
  position: absolute;
  top: 50px;
  right: 60px;
  z-index: 2;
  display: inline-block;
  font-size: 50px;
  color: var(--theme);
  width: 95px;
  height: 90px;
  line-height: 100px;
  text-align: center;
}
.pricing-items .element-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
.pricing-items .pricing-header {
  border-bottom: 1px solid rgba(243, 159, 95, 0.3);
  padding-bottom: 30px;
}
.pricing-items .pricing-header h4 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .pricing-items .pricing-header {
    padding-bottom: 20px;
  }
}
.pricing-items .pricing-header h2 {
  font-size: 40px;
  margin-top: 10px;
}
.pricing-items .pricing-header h2 span {
  font-size: 20px;
  font-weight: 500;
  margin-left: -10px;
}
.pricing-items .pricing-list {
  margin-top: 30px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .pricing-items .pricing-list {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .pricing-items .pricing-list {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.pricing-items .pricing-list li {
  color: var(--header);
}
.pricing-items .pricing-list li:not(:last-child) {
  margin-bottom: 10px;
}
.pricing-items .pricing-list li i {
  color: var(--theme);
  margin-right: 10px;
}
.pricing-items .theme-btn {
  border-radius: 8px;
  display: inline-block;
  background-color: var(--theme);
  color: var(--white);
  padding: 18px 30px;
  line-height: 1;
  font-weight: 600;
}
.pricing-items .theme-btn:hover {
  background-color: var(--header);
}
.pricing-items .theme-btn i {
  margin-left: 5px;
}
.pricing-items.active {
  background-color: var(--theme);
}
.pricing-items.active .icon::before {
  filter: grayscale(100%) brightness(300%);
}
.pricing-items.active .pricing-header {
  border-bottom: 1px solid rgb(255, 255, 255);
}
.pricing-items.active .pricing-header h4 {
  color: var(--white);
}
.pricing-items.active .pricing-header h2 {
  color: var(--white);
}
.pricing-items.active .pricing-list li {
  color: var(--white);
}
.pricing-items.active .pricing-list li i {
  color: var(--white);
}
.pricing-items.active .theme-btn {
  background-color: var(--white);
  color: var(--theme);
}
.pricing-items.active .theme-btn:hover {
  background-color: var(--header);
  color: var(--white);
}

.program-section {
  background-color: #F3F4FE;
  position: relative;
  margin-top: 130px;
  margin-bottom: 180px;
}
@media (max-width: 1399px) {
  .program-section {
    padding: 120px 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .program-section {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .program-section {
    padding: 80px 0;
  }
}
.program-section .top-line {
  position: absolute;
  top: -150px;
  left: 0;
  right: 0;
}
@media (max-width: 1399px) {
  .program-section .top-line {
    display: none;
  }
}
.program-section .top-line img {
  width: 100%;
}
.program-section .bottom-line {
  position: absolute;
  bottom: -185px;
  left: 0;
  right: 0;
}
@media (max-width: 1399px) {
  .program-section .bottom-line {
    display: none;
  }
}
.program-section .bottom-line img {
  width: 100%;
}
.program-section .cat-shape {
  position: absolute;
  top: 40%;
  left: 66px;
  animation: rounded 5s linear infinite;
}
.program-section .star-shape {
  position: absolute;
  right: 45px;
  bottom: 15%;
  animation: cir36 10s linear infinite;
}

.marquee {
  position: relative;
  --duration: 50s;
  --gap: 0px;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 10px;
  margin-bottom: 40px;
}
.marquee .marquee-group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 30px;
  min-width: 100%;
  animation: scroll var(--duration) linear infinite;
}
.marquee .text {
  font-size: 100px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .marquee .text {
    letter-spacing: initial;
  }
}
@media (max-width: 1199px) {
  .marquee .text {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .marquee .text {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .marquee .text {
    font-size: 50px;
  }
}
.marquee .text span {
  margin-top: -10px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}

.marquee-section2 {
  position: relative;
}
.marquee-section2 .bg-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.marquee-section2 .marquee-group .text2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  z-index: 99;
}
.marquee-section2 .marquee-group .text2 img {
  animation: cir36 10s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
@media (max-width: 991px) {
  .schedule-section .section-title-area {
    justify-content: center;
    text-align: center;
  }
}

.schedule-box-items {
  margin-top: 30px;
  padding: 40px;
  text-align: center;
  position: relative;
  z-index: 9;
  transition: all 0.4s ease-in-out;
  z-index: 9;
}
.schedule-box-items .bg-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 330 299"><path fill-rule="evenodd" clip-rule="evenodd"  d="M0 40.0055C0 16.0055 20.9876 -2.59179 44.8133 0.296168L160.187 14.2808C163.384 14.6684 166.616 14.6684 169.813 14.2808L285.187 0.296172C309.012 -2.59179 330 16.0055 330 40.0055V243.42C330 263.65 314.896 280.695 294.813 283.129L169.813 298.281C166.616 298.668 163.384 298.668 160.187 298.281L35.1868 283.129C15.104 280.695 0 263.65 0 243.42V40.0055Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  background-color: rgba(254, 244, 222, 0.3);
  z-index: -1;
}
@media (max-width: 767px) {
  .schedule-box-items .bg-shape {
    mask: none;
    border-radius: 16px;
  }
}
.schedule-box-items .bg-shape.bg-2 {
  background-color: rgba(230, 232, 252, 0.3);
}
.schedule-box-items .bg-shape.bg-3 {
  background-color: rgba(254, 223, 239, 0.3);
}
.schedule-box-items .bg-shape.bg-4 {
  background-color: rgba(225, 246, 254, 0.3);
}
.schedule-box-items .content {
  margin-top: 20px;
}
.schedule-box-items .content h3 {
  font-size: 30px;
  margin-bottom: 10px;
}
.schedule-box-items .content p {
  font-weight: 400;
  max-width: 225px;
  margin: 0 auto;
}
.schedule-box-items:hover {
  transform: translateY(-10px);
}
.schedule-box-items:hover .icon img {
  animation: wobble 1.5s ease-in-out;
}

.program-wrapper {
  padding: 50px 53px;
  position: relative;
  z-index: 9;
}
@media (max-width: 767px) {
  .program-wrapper {
    padding: 40px 30px;
  }
}
.program-wrapper .swiper-dot {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
}
@media (max-width: 575px) {
  .program-wrapper .swiper-dot {
    display: none;
  }
}
.program-wrapper .border-shape {
  position: absolute;
  top: 10px;
  left: 5px;
  bottom: 0;
  z-index: -1;
  right: -18px;
}
@media (max-width: 1399px) {
  .program-wrapper .border-shape {
    display: none;
  }
}
.program-wrapper .border-shape img {
  width: 100%;
}
.program-wrapper .program-wrap-items {
  max-width: 1135px;
}
.program-wrapper .program-bg {
  position: absolute;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1403 614"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0662042 129.208C-1.91671 74.2621 40.8309 28.0216 95.7635 25.6916L701.482 0L1307.2 25.6916C1362.13 28.0216 1404.88 74.2621 1402.9 129.208L1396.48 307L1402.9 484.792C1404.88 539.738 1362.13 585.978 1307.2 588.308L701.482 614L95.7633 588.308C40.8308 585.978 -1.91672 539.738 0.066203 484.792L6.48242 307L0.0662042 129.208Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  background: #FFFBFB;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 1399px) {
  .program-wrapper .program-bg {
    mask: none;
    border-radius: 16px;
  }
}

.program-main-box-items {
  position: relative;
}
@media (max-width: 1399px) {
  .program-main-box-items {
    max-width: 358px;
    margin: 0 auto;
  }
}
.program-main-box-items .arrow-btn {
  text-align: center;
}
.program-main-box-items .arrow-btn .icon {
  position: relative;
}
.program-main-box-items .arrow-btn .icon svg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.program-main-box-items .arrow-btn .icon svg path {
  transition: all 0.4s ease-in-out;
  fill: var(--text);
}
.program-main-box-items .arrow-btn .icon .bg {
  display: inline-block;
  width: 55px;
  height: 41px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  background: #E6E8FC;
  transition: all 0.4s ease-in-out;
}
.program-main-box-items .arrow-btn .icon .bg.bg-2 {
  background-color: #FEF4DE;
}
.program-main-box-items .arrow-btn .icon .bg.bg-3 {
  background-color: #C9DDE2;
}
.program-main-box-items .arrow-btn .icon .bg.bg-4 {
  background-color: #FFF1EE;
}
.program-main-box-items .arrow-btn .icon .bg.bg-5 {
  background-color: #E1F6FE;
}
.program-main-box-items .arrow-btn .icon .bg.bg-6 {
  background-color: #EFF5F6;
}
.program-main-box-items .arrow-btn .icon:hover .bg {
  background-color: var(--theme);
}
.program-main-box-items .arrow-btn .icon:hover svg path {
  fill: var(--white);
}
.program-main-box-items .program-box-items {
  padding: 20px 22px;
  position: relative;
  padding-bottom: 24px;
}
@media (max-width: 575px) {
  .program-main-box-items .program-box-items {
    margin-bottom: 20px;
  }
}
.program-main-box-items .program-box-items .item-bg {
  position: absolute;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 456"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0247019 112.899C-1.09488 62.1531 35.9801 18.618 86.2563 11.6418L163.317 0.949098C172.436 -0.316243 181.686 -0.316246 190.805 0.949095L267.865 11.6418C318.141 18.618 355.216 62.1531 354.097 112.899L350.983 254.042L353.164 352.91C354.621 418.954 292.777 468.238 228.725 452.077L201.524 445.214C185.467 441.163 168.655 441.163 152.597 445.214L125.397 452.077C61.3442 468.238 -0.49969 418.954 0.957419 352.91L3.13871 254.042L0.0247019 112.899Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  background: #E6E8FC;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: 0 auto;
  max-width: 360px;
}
@media (max-width: 575px) {
  .program-main-box-items .program-box-items .item-bg {
    mask: none;
    border-radius: 16px;
  }
}
.program-main-box-items .program-box-items .item-bg.bg-2 {
  background-color: #FEF4DE;
}
.program-main-box-items .program-box-items .item-bg.bg-3 {
  background-color: #C9DDE2;
}
.program-main-box-items .program-box-items .item-bg.bg-4 {
  background-color: #FFF1EE;
}
.program-main-box-items .program-box-items .item-bg.bg-5 {
  background-color: #E1F6FE;
}
.program-main-box-items .program-box-items .item-bg.bg-6 {
  background-color: #EFF5F6;
}
.program-main-box-items .program-box-items .thumb {
  position: relative;
  max-width: 283px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 282 206"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0349089 54.1124C-0.674191 39.3365 9.49334 26.2492 23.986 23.2834L134.788 0.6092C138.757 -0.202906 142.849 -0.202906 146.817 0.6092L257.62 23.2834C272.112 26.2492 282.28 39.3365 281.571 54.1124L278.774 112.378L281.387 166.823C282.173 183.188 269.683 197.157 253.332 198.2L140.803 205.378L28.274 198.2C11.9229 197.157 -0.567072 183.188 0.218309 166.823L2.8311 112.378L0.0349089 54.1124Z"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  margin: 0 auto;
  overflow: hidden;
}
.program-main-box-items .program-box-items .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.program-main-box-items .program-box-items .thumb img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.program-main-box-items .program-box-items .content {
  text-align: center;
  margin-top: -20px;
  position: relative;
  z-index: 99;
}
.program-main-box-items .program-box-items .content .post-box {
  display: inline-block;
  background-color: var(--theme);
  font-size: 18px;
  font-weight: 600;
  color: var(--white);
  line-height: 1;
  border-radius: 10px;
  padding: 8px 12px;
  margin-bottom: 18px;
}
.program-main-box-items .program-box-items .content h2 {
  font-size: 22px;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .program-main-box-items .program-box-items .content h2 {
    font-size: 18px;
  }
}
@media (max-width: 470px) {
  .program-main-box-items .program-box-items .content h2 {
    font-size: 16px;
  }
}
.program-main-box-items .program-box-items .content h2 a:hover {
  color: var(--theme);
}
.program-main-box-items .program-box-items .content p {
  max-width: 285px;
  margin: 0 auto;
}
.program-main-box-items .program-box-items .content .duration-text {
  display: inline-block;
  font-size: 16px;
  color: var(--header);
  background: rgba(3, 166, 166, 0.1);
  border-radius: 10px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 8px 10px;
  line-height: 1;
  margin-top: 15px;
}
.program-main-box-items .program-box-items .content .duration-text.color-2 {
  background: rgba(255, 115, 187, 0.1);
}
.program-main-box-items .program-box-items .content .duration-text.color-3 {
  background: rgba(254, 244, 222, 0.2);
}
.program-main-box-items:hover .program-box-items .thumb img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.program-main-box-items:hover .program-box-items .thumb img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.program-main-box-items.style-page-3 {
  position: relative;
  z-index: 9;
  max-width: 358px;
  margin-top: 30px;
}
.program-main-box-items.style-page-3 .program-box-items .item-bg {
  background: var(--white);
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 355 423'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.0245494 112.898C-1.09504 62.153 35.9799 18.6179 86.2561 11.6417L163.316 0.948976C172.435 -0.316365 181.686 -0.316368 190.805 0.948973L267.865 11.6417C318.141 18.6179 355.216 62.1529 354.097 112.898L350.983 254.042L352.666 319.417C354.371 385.609 292.437 435.152 228.236 418.954L201.524 412.214C185.467 408.163 168.654 408.163 152.597 412.214L125.885 418.954C61.6841 435.152 -0.250006 385.609 1.45478 319.417L3.13856 254.042L0.0245494 112.898Z'/></svg>");
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.4s ease-in-out;
}
.program-main-box-items.style-page-3 .program-box-items .content {
  padding: 0 20px;
}
@media (max-width: 1899px) {
  .program-main-box-items.style-page-3 .program-box-items .content h2 {
    font-size: 19px;
  }
}
.program-main-box-items.style-page-3 .program-box-items .content .post-box {
  background-color: var(--theme);
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.program-main-box-items.style-page-3 .program-box-items .content p {
  font-size: 16px;
}
.program-main-box-items.style-page-3 .arrow-btn .icon .bg {
  background: var(--white);
}
.program-main-box-items.style-page-3 .arrow-btn:hover .icon .bg {
  background: var(--theme);
}
.program-main-box-items.style-page-3:hover .program-box-items .item-bg {
  background-color: var(--theme);
}
.program-main-box-items.style-page-3:hover .program-box-items .content h2 a {
  color: var(--white);
}
.program-main-box-items.style-page-3:hover .program-box-items .content p {
  color: var(--white);
}
.program-main-box-items.style-page-3:hover .program-box-items .content .post-box {
  background-color: var(--white);
  color: var(--theme);
}
@media (max-width: 1399px) {
  .program-main-box-items.style-box-inner {
    max-width: 436px;
  }
}
.program-main-box-items.style-box-inner {
  position: relative;
  z-index: 9;
}
.program-main-box-items.style-box-inner .program-box-items {
  padding: 30px 40px;
}
@media (max-width: 1399px) {
  .program-main-box-items.style-box-inner .program-box-items {
    padding: 30px 30px;
  }
}
.program-main-box-items.style-box-inner .program-box-items .item-bg {
  position: absolute;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 446 572"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0312615 141.896C-1.37821 78.0995 45.2379 23.3697 108.446 14.6111L205.306 1.1896C216.753 -0.396589 228.364 -0.396588 239.811 1.1896L336.671 14.6111C399.879 23.3697 446.495 78.0995 445.086 141.896L441.176 318.888L443.914 442.815C445.747 525.815 368.04 587.764 287.535 567.48L253.269 558.847C233.11 553.768 212.007 553.768 191.848 558.847L157.582 567.48C77.0772 587.764 -0.630122 525.815 1.20362 442.815L3.94157 318.888L0.0312615 141.896Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: 0 auto;
  max-width: 450px;
}
.program-main-box-items.style-box-inner .program-box-items .thumb {
  max-width: 358px;
}
.program-main-box-items.style-box-inner .program-box-items .content {
  text-align: center;
  margin-top: -20px;
}
.program-main-box-items.style-box-inner .program-box-items .content .post-box {
  margin-bottom: 21px;
  font-size: 24px;
}
@media (max-width: 575px) {
  .program-main-box-items.style-box-inner .program-box-items .content .post-box {
    font-size: 20px;
  }
}
.program-main-box-items.style-box-inner .program-box-items .content h2 {
  font-size: 26px;
  margin-bottom: 20px;
}
@media (max-width: 1399px) {
  .program-main-box-items.style-box-inner .program-box-items .content h2 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .program-main-box-items.style-box-inner .program-box-items .content h2 {
    font-size: 18px;
  }
}
.program-main-box-items.style-box-inner .program-box-items .content h2 a:hover {
  color: var(--theme);
}
.program-main-box-items.style-box-inner .program-box-items .content p {
  max-width: 355px;
  margin: 0 auto;
  font-size: 18px;
}
@media (max-width: 991px) {
  .program-main-box-items.style-box-inner .program-box-items .content p {
    font-size: 16px;
  }
}
.program-main-box-items.style-box-inner .program-box-items .content .duration-text {
  font-size: 24px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .program-main-box-items.style-box-inner .program-box-items .content .duration-text {
    font-size: 20px;
    margin-top: 22px;
  }
}
.program-main-box-items.style-box-inner .program-box-items .content .duration-text.color-2 {
  background: rgba(255, 115, 187, 0.1);
}
.program-main-box-items.style-box-inner .program-box-items .content .duration-text.color-3 {
  background: rgba(254, 244, 222, 0.2);
}
.program-main-box-items.style-box-inner .arrow-btn .icon svg {
  top: -6px;
}
.program-main-box-items.style-box-inner .arrow-btn .icon .bg {
  width: 69px;
  height: 51px;
  line-height: 51px;
}
.program-main-box-items.style-box-inner .arrow-btn .icon:hover .bg {
  background-color: var(--theme);
}
.program-main-box-items.style-box-inner .arrow-btn .icon:hover svg path {
  fill: var(--white);
}

.activities-section {
  margin: 0 60px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1600px) {
  .activities-section {
    margin: 0 40px;
  }
}
@media (max-width: 1399px) {
  .activities-section {
    margin: 0 30px;
    background-image: none !important;
    background-color: #E1F6FE;
    border-radius: 16px;
  }
}
@media (max-width: 1199px) {
  .activities-section {
    margin: 0 20px;
  }
}
@media (max-width: 470px) {
  .activities-section {
    margin: 0 16px;
  }
}
.activities-section .activities-shape {
  position: absolute;
  bottom: 55px;
  left: 0;
  right: 0;
}
.activities-section .activities-shape img {
  width: 100%;
}

.activities-wrapper-items {
  position: relative;
  z-index: 9;
  padding: 21px 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  overflow: hidden;
}
.activities-wrapper-items .date-top {
  position: absolute;
  top: 0;
  left: 200px;
}
@media (max-width: 1399px) {
  .activities-wrapper-items .date-top {
    display: none;
  }
}
@media (max-width: 1199px) {
  .activities-wrapper-items {
    display: block;
    padding: 30px;
    text-align: center;
  }
}
.activities-wrapper-items .bg-shape {
  position: absolute;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1410 243"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 77.9176C0 51.1301 21.111 29.1017 47.8743 27.9628L705 0L1362.13 27.9628C1388.89 29.1017 1410 51.1301 1410 77.9176V165.082C1410 191.87 1388.89 213.898 1362.13 215.037L705 243L47.8742 215.037C21.111 213.898 0 191.87 0 165.082V77.9176Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  background: #FFFBFB;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .activities-wrapper-items .bg-shape {
    mask: none;
    border-radius: 16px;
  }
}
.activities-wrapper-items .content span {
  display: inline-block;
  font-size: 50px;
  font-weight: 700;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: rgba(243, 159, 95, 0.6);
  font-family: "Quicksand", sans-serif;
  color: transparent;
  line-height: 1;
  margin-bottom: 18px;
}
.activities-wrapper-items .content h3 {
  font-size: 30px;
  line-height: 1;
  text-transform: capitalize;
}
@media (max-width: 1399px) {
  .activities-wrapper-items .content h3 {
    font-size: 24px;
  }
}
.activities-wrapper-items .content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.activities-wrapper-items .content h3 a:hover {
  color: var(--white);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--white) 0%, var(--white) 100%);
}
.activities-wrapper-items .thumb {
  max-width: 443px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 443 194"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 68.5441C0 43.0103 19.2391 21.5788 44.6249 18.8339L216.125 0.289705C219.698 -0.0966413 223.302 -0.0966417 226.875 0.289704L398.375 18.8339C423.761 21.5788 443 43.0103 443 68.5441V124.873C443 150.407 423.761 171.838 398.375 174.583L226.875 193.127C223.302 193.514 219.698 193.514 216.125 193.127L44.6249 174.583C19.2391 171.838 0 150.407 0 124.873V68.5441Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .activities-wrapper-items .thumb {
    max-width: 325px;
  }
}
@media (max-width: 1199px) {
  .activities-wrapper-items .thumb {
    margin-top: 18px;
    margin-bottom: 18px;
  }
}
.activities-wrapper-items .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.activities-wrapper-items .thumb img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.activities-wrapper-items .thumb-items {
  position: relative;
}
.activities-wrapper-items .thumb-items .icon {
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
@media (max-width: 1199px) {
  .activities-wrapper-items .thumb-items .icon {
    right: initial;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.activities-wrapper-items .thumb-items .icon svg {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.activities-wrapper-items .thumb-items .icon svg path {
  transition: all 0.4s ease-in-out;
}
.activities-wrapper-items .thumb-items .icon .bg {
  display: inline-block;
  width: 55px;
  height: 41px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  background: var(--theme);
  transition: all 0.4s ease-in-out;
}
.activities-wrapper-items .text {
  font-size: 18px;
  font-weight: 400;
  max-width: 365px;
}
@media (max-width: 767px) {
  .activities-wrapper-items .text {
    font-size: 16px;
  }
}
.activities-wrapper-items .right-items {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (max-width: 1199px) {
  .activities-wrapper-items .right-items {
    display: inline-block;
  }
}
.activities-wrapper-items.active .bg-shape {
  background-color: var(--theme);
}
.activities-wrapper-items.active .content h3 {
  color: var(--white);
}
.activities-wrapper-items.active .content h3 a {
  color: var(--white);
}
.activities-wrapper-items.active span {
  -webkit-text-stroke-color: rgb(255, 255, 255);
}
.activities-wrapper-items.active .text {
  color: var(--white);
}
.activities-wrapper-items.active .thumb-items .icon svg path {
  fill: var(--theme);
}
.activities-wrapper-items.active .thumb-items .icon .bg {
  background-color: var(--white);
}
.activities-wrapper-items:hover .right-items .thumb img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.activities-wrapper-items:hover .right-items .thumb img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.activities-wrapper-items.style-event .content span {
  color: var(--header);
  -webkit-text-stroke-width: initial;
  -webkit-text-stroke-color: initial;
}
@media (max-width: 1199px) {
  .activities-wrapper-items.style-event .rights-content {
    text-align: center;
  }
}
.activities-wrapper-items.style-event .rights-content h3 {
  font-size: 30px;
}
@media (max-width: 575px) {
  .activities-wrapper-items.style-event .rights-content h3 {
    font-size: 22px;
  }
}
.activities-wrapper-items.style-event .rights-content ul {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .activities-wrapper-items.style-event .rights-content ul {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
}
.activities-wrapper-items.style-event .rights-content ul li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.activities-wrapper-items.style-event.active span {
  color: var(--white);
}
.activities-wrapper-items.style-event.active .rights-content h3 a {
  color: var(--white);
}
.activities-wrapper-items.style-event.active .rights-content ul li {
  color: var(--white);
}

.program-section-2 {
  background-color: #E1F6FE;
  position: relative;
  margin-top: 72px;
}
@media (max-width: 1199px) {
  .program-section-2 {
    margin-top: 0;
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .program-section-2 {
    padding: 80px 0;
  }
}
.program-section-2 .top-line-1 {
  position: absolute;
  left: 0;
  right: 0;
  top: -72px;
}
@media (max-width: 1199px) {
  .program-section-2 .top-line-1 {
    display: none;
  }
}
.program-section-2 .top-line-1 img {
  width: 100%;
}
.program-section-2 .bottom-line-1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -72px;
}
@media (max-width: 1199px) {
  .program-section-2 .bottom-line-1 {
    display: none;
  }
}
.program-section-2 .bottom-line-1 img {
  width: 100%;
}
.program-section-2 .star-shape {
  position: absolute;
  left: 3%;
  top: 20%;
}
@media (max-width: 1399px) {
  .program-section-2 .star-shape {
    opacity: 0.3;
  }
}
.program-section-2 .star-shape2 {
  position: absolute;
  right: 40px;
  bottom: 25%;
}
@media (max-width: 1399px) {
  .program-section-2 .star-shape2 {
    opacity: 0.3;
  }
}
.program-section-2 .cat-shape {
  position: absolute;
  left: 70px;
  bottom: 15%;
}
@media (max-width: 1399px) {
  .program-section-2 .cat-shape {
    opacity: 0.3;
  }
}

.program-box-items-2 {
  margin-top: 30px;
  transition: all 0.4s ease-in-out;
}
.program-box-items-2 .thumb {
  text-align: center;
  transition: all 0.4s ease-in-out;
  transition: all 900ms ease;
  text-align: center;
}
.program-box-items-2 .thumb.style-left {
  margin-left: 18px;
}
.program-box-items-2 .thumb img {
  transform: translateY(82%);
  transition: transform 1.5s ease;
}
@media (max-width: 1199px) {
  .program-box-items-2 .thumb img {
    transform: initial;
  }
}
.program-box-items-2 .content {
  background-color: var(--white);
  border-radius: 30px;
  padding: 35px 30px;
  text-align: center;
  position: relative;
  z-index: 2;
  margin-top: -115px;
}
.program-box-items-2 .content.style-2 {
  margin-top: -70px;
}
.program-box-items-2 .content.style-3 {
  margin-top: -40px;
}
.program-box-items-2 .content.style-3 .hand-image {
  max-width: 180px;
  margin: 0 auto;
}
.program-box-items-2 .content.style-3 .hand-image img {
  width: 100%;
}
.program-box-items-2 .content.style-4 {
  margin-top: -80px;
}
.program-box-items-2 .content .hand-image {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  text-align: center;
}
.program-box-items-2 .content::before {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1.13px dashed rgb(92, 112, 126);
  border-radius: 30px;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  z-index: -1;
}
.program-box-items-2 .content .year-text {
  font-size: 18px;
  font-weight: 600;
  color: var(--theme);
  display: inline-block;
  background: rgba(243, 159, 95, 0.2);
  border-radius: 10px;
  text-align: center;
  padding: 8px 12px;
  line-height: 1;
  margin-bottom: 20px;
}
.program-box-items-2 .content .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 14px;
}
@media (max-width: 1399px) {
  .program-box-items-2 .content .title {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .program-box-items-2 .content .title {
    font-size: 20px;
  }
}
.program-box-items-2 .content .title a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.program-box-items-2 .content .title a:hover {
  color: var(--theme);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.program-box-items-2 .content p {
  font-size: 16px;
}
.program-box-items-2 .content .duration-text {
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  display: inline-block;
  background: rgba(3, 166, 166, 0.1);
  border-radius: 10px;
  text-align: center;
  text-transform: capitalize;
  padding: 8px 12px;
  line-height: 1;
  margin-top: 20px;
}
.program-box-items-2 .content .arrow-btn {
  margin-top: 20px;
}
.program-box-items-2 .content .arrow-btn .icon {
  position: relative;
}
.program-box-items-2 .content .arrow-btn .icon img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.program-box-items-2 .content .arrow-btn .icon img path {
  transition: all 0.4s ease-in-out;
  fill: var(--theme);
}
.program-box-items-2 .content .arrow-btn .icon .bg {
  display: inline-block;
  width: 55px;
  height: 41px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  background: var(--header);
  transition: all 0.4s ease-in-out;
}
.program-box-items-2 .content .arrow-btn .icon:hover .bg {
  background-color: var(--theme);
}
.program-box-items-2 .content .arrow-btn .icon:hover svg path {
  fill: var(--white);
}
.program-box-items-2:hover {
  transform: translateY(-15px);
}
.program-box-items-2.active .thumb img {
  animation: cartoonUp 1.6s ease forwards;
}

@keyframes cartoonUp {
  0% {
    transform: translateY(100%);
  }
  60% {
    transform: translateY(-10%);
  }
  80% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(0);
  }
}
.program-bottom-area {
  border-top: 1px solid rgba(56, 84, 105, 0.2);
  padding-top: 40px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .program-bottom-area {
    margin-top: 25px;
    padding-top: 25px;
  }
}
.program-bottom-area .title {
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  text-align: center;
}
@media (max-width: 767px) {
  .program-bottom-area .title {
    font-size: 17px;
  }
}
.program-bottom-area .program-button {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 35px;
  justify-content: center;
}
@media (max-width: 767px) {
  .program-bottom-area .program-button {
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 25px;
  }
}
.program-bottom-area .program-button .author-icon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.program-bottom-area .program-button .author-icon .icon {
  width: 56px;
  line-height: 59px;
  height: 59px;
  text-align: center;
  background-color: var(--header);
  text-align: center;
  color: var(--white);
  border-radius: 15px;
  position: relative;
}
.program-bottom-area .program-button .author-icon .content h4 {
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 767px) {
  .program-bottom-area .program-button .author-icon .content h4 {
    font-size: 19px;
  }
}
.program-bottom-area .program-button .author-icon .content h4 a {
  color: var(--text);
}
.program-bottom-area .program-button .author-icon .content h4 a:hover {
  color: var(--theme);
}
.program-bottom-area .program-button .author-icon .content span {
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 5px;
}

.footer-kids-section {
  margin: 0 60px;
  background-size: auto !important;
  position: relative;
}
@media (max-width: 1600px) {
  .footer-kids-section {
    margin: 0 40px;
  }
}
@media (max-width: 1399px) {
  .footer-kids-section {
    margin: 0 30px;
    background-image: none !important;
    background-color: #FEF4DE;
    border-radius: 16px;
  }
}
@media (max-width: 1199px) {
  .footer-kids-section {
    margin: 0 20px;
  }
}
@media (max-width: 470px) {
  .footer-kids-section {
    margin: 0 16px;
  }
}
.footer-kids-section .eating-yummy {
  position: absolute;
  bottom: 0;
  right: 0;
}
.footer-kids-section .section-title-area {
  justify-content: start;
  gap: 300px;
}
@media (max-width: 1399px) {
  .footer-kids-section .section-title-area {
    gap: 30px;
    justify-content: space-between;
  }
}
.footer-kids-section .section-title-area .client-sub {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.footer-kids-section .section-title-area .client-sub span {
  text-transform: capitalize;
  font-size: 15px;
  font-weight: bold;
  font-family: "Kalam", cursive;
  color: var(--header);
  line-height: 1.4;
}
.footer-kids-section .food-shape1 {
  position: absolute;
  left: 10px;
  bottom: 40px;
}
@media (max-width: 1399px) {
  .footer-kids-section .food-shape1 {
    opacity: 0.3;
  }
}
.footer-kids-section .food-shape2 {
  position: absolute;
  right: 200px;
  top: 53px;
}
@media (max-width: 1600px) {
  .footer-kids-section .food-shape2 {
    right: 70px;
  }
}
@media (max-width: 1399px) {
  .footer-kids-section .food-shape2 {
    opacity: 0.3;
  }
}

.footer-kids-box-items {
  margin-top: 30px;
  position: relative;
}
@media (max-width: 1399px) {
  .footer-kids-box-items {
    max-width: 330px;
    margin: 30px auto 0;
  }
}
@media (max-width: 1199px) {
  .footer-kids-box-items {
    max-width: initial;
    background-color: var(--white);
    border-radius: 16px;
    padding: 30px;
  }
}
.footer-kids-box-items .bg-thumb {
  position: relative;
}
.footer-kids-box-items .bg-thumb img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .footer-kids-box-items .bg-thumb img {
    display: none;
  }
}
.footer-kids-box-items .bg-thumb .food-img {
  position: absolute;
  bottom: 20px;
  right: 80px;
}
@media (max-width: 1199px) {
  .footer-kids-box-items .bg-thumb .food-img {
    bottom: -40px;
    right: -15px;
  }
}
.footer-kids-box-items .bg-thumb .food-img img {
  width: initial;
  height: initial;
}
@media (max-width: 1199px) {
  .footer-kids-box-items .bg-thumb .food-img img {
    display: inline;
  }
}
.footer-kids-box-items .content {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  padding-left: 65px;
}
@media (max-width: 1199px) {
  .footer-kids-box-items .content {
    position: static;
    padding-left: 0;
    transform: initial;
  }
}
.footer-kids-box-items .content .icon {
  margin-bottom: 5px;
  margin-left: 35px;
}
@media (max-width: 1199px) {
  .footer-kids-box-items .content .icon {
    margin-left: 0;
    margin-bottom: 15px;
  }
}
.footer-kids-box-items .content .title {
  font-size: 24px;
  font-weight: 700;
}
.footer-kids-box-items .content ul {
  margin-top: 5px;
}
.footer-kids-box-items .content ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: capitalize;
  font-size: 16px;
}
.footer-kids-box-items .content ul li:not(:last-child) {
  margin-bottom: 5px;
}

.extra-activities-slider {
  margin-left: -16%;
}
@media (max-width: 767px) {
  .extra-activities-slider {
    margin-left: 0;
  }
}

.extra-activities-box-2 {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
  z-index: 9;
}
@media (max-width: 767px) {
  .extra-activities-box-2 {
    display: block;
    text-align: center;
  }
}
.extra-activities-box-2 .thumb {
  border-radius: 60px;
  position: relative;
  overflow: hidden;
  height: 414px;
}
.extra-activities-box-2 .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 60px;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.extra-activities-box-2 .thumb img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.extra-activities-box-2 .content {
  padding: 30px;
  border: 1px dashed var(--theme);
  border-radius: 40px;
  max-width: 380px;
}
@media (max-width: 767px) {
  .extra-activities-box-2 .content {
    max-width: initial;
  }
}
.extra-activities-box-2 .content .title {
  text-transform: capitalize;
  font-size: 30px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 10px;
}
.extra-activities-box-2 .content .title a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.extra-activities-box-2 .content .title a:hover {
  color: var(--theme);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.extra-activities-box-2 .content .arrow-btn {
  margin-top: 20px;
}
.extra-activities-box-2 .content .arrow-btn .icons {
  position: relative;
}
.extra-activities-box-2 .content .arrow-btn .icons img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.extra-activities-box-2 .content .arrow-btn .icons img path {
  transition: all 0.4s ease-in-out;
  fill: var(--theme);
}
.extra-activities-box-2 .content .arrow-btn .icons .bg {
  display: inline-block;
  width: 55px;
  height: 41px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  background: var(--header);
  transition: all 0.4s ease-in-out;
}
.extra-activities-box-2 .content .arrow-btn .icons:hover .bg {
  background-color: var(--theme);
}
.extra-activities-box-2 .content .arrow-btn .icons:hover svg path {
  fill: var(--white);
}
.extra-activities-box-2:hover .thumb img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.extra-activities-box-2:hover .thumb img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.extra-activities-box-2:hover .content .icon img {
  animation: wobble 1.5s ease-in-out;
}

.extra-activities-section-2 {
  margin-top: -15px;
}
@media (max-width: 1399px) {
  .extra-activities-section-2 {
    margin-top: 0;
  }
}

.schedule-section {
  position: relative;
}
.schedule-section .vec-5 {
  position: absolute;
  left: 40px;
  bottom: 150px;
}
@media (max-width: 1600px) {
  .schedule-section .vec-5 {
    display: none;
  }
}

.program-section-3 {
  background-color: #C9DDE2;
  position: relative;
  z-index: 9;
  margin-top: 55px;
}
@media (max-width: 1199px) {
  .program-section-3 {
    margin-top: 0;
  }
}
.program-section-3 .top-line {
  position: absolute;
  top: -55px;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .program-section-3 .top-line {
    display: none;
  }
}
.program-section-3 .happy-mother {
  position: absolute;
  bottom: 0;
  right: 60px;
  z-index: 1;
}
@media (max-width: 1399px) {
  .program-section-3 .happy-mother {
    right: 20px;
    z-index: -1;
    max-width: 570px;
  }
  .program-section-3 .happy-mother img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .program-section-3 .happy-mother {
    display: none;
  }
}
.program-section-3 .happy-mother .shape {
  position: absolute;
  top: -3%;
  z-index: -1;
  left: -40px;
}
.program-section-3 .cat-shape {
  position: absolute;
  bottom: 50px;
  right: 36px;
  z-index: -1;
}
@media (max-width: 1199px) {
  .program-section-3 .cat-shape {
    opacity: 0.3;
  }
}
.program-section-3 .star-shape {
  position: absolute;
  top: 10%;
  right: 42%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .program-section-3 .star-shape {
    opacity: 0.3;
  }
}
@media (max-width: 1199px) {
  .program-section-3 .section-title {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .program-section-3 .array-button {
    justify-content: center;
    margin-top: 25px;
  }
}

.program-section-3 .array-button {
  display: flex;
  align-items: center;
  gap: 10px;
}
.program-section-3 .array-button .array-prev, .program-section-3 .array-button .array-next {
  display: inline-block;
  width: 50px;
  height: 42px;
  line-height: 40px;
  border-radius: 50%;
  background-color: var(--header);
}
.program-section-3 .program-slider-3 {
  max-width: 1150px;
}
@media (max-width: 1899px) {
  .program-section-3 .program-slider-3 {
    margin-left: -10%;
  }
}
@media (max-width: 1600px) {
  .program-section-3 .program-slider-3 {
    margin-left: -12%;
    margin-right: -20%;
  }
}
@media (max-width: 1399px) {
  .program-section-3 .program-slider-3 {
    margin-left: 0;
    margin-right: 0;
    max-width: 730px;
  }
}
@media (max-width: 1199px) {
  .program-section-3 .program-slider-3 {
    max-width: 930px;
  }
}

.program-wrapper-3 {
  position: relative;
  z-index: 9;
}

.event-details-wrapper .event-details-items .thumb {
  border-radius: 24px;
}
.event-details-wrapper .event-details-items .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.event-details-wrapper .event-details-items .content {
  margin-top: 20px;
}
.event-details-wrapper .event-details-items .content .list-items {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 15px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .event-details-wrapper .event-details-items .content .list-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.event-details-wrapper .event-details-items .content .list-items li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.event-details-wrapper .event-details-items .content .highlight-text {
  display: flex;
  align-items: center;
  gap: 24px;
  background-color: #F3F4FE;
  padding: 30px;
  border-radius: 20px;
  margin-top: 30px;
  border-bottom: 4px solid var(--theme);
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .event-details-wrapper .event-details-items .content .highlight-text {
    flex-wrap: wrap;
  }
}
.event-details-wrapper .event-details-items .content .highlight-text h3 {
  max-width: 600px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .event-details-wrapper .event-details-items .content .highlight-text h3 {
    font-size: 20px;
  }
}
.event-details-wrapper .event-details-items .content .highlight-text span {
  font-size: 16px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
  color: var(--header);
  position: relative;
  display: inline-block;
  padding-left: 40px;
}
.event-details-wrapper .event-details-items .content .highlight-text span::before {
  position: absolute;
  top: 13px;
  left: 0;
  content: "";
  height: 2px;
  width: 25px;
  background-color: var(--theme);
  border-radius: 3px;
}
.event-details-wrapper .event-details-items .content .check-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .event-details-wrapper .event-details-items .content .check-list {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.event-details-wrapper .event-details-items .content .check-list ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
}
.event-details-wrapper .event-details-items .content .check-list ul li i {
  color: var(--header);
}
.event-details-wrapper .event-details-items .content .check-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.event-details-wrapper .event-details-items .content .speaker-items {
  margin-top: 60px;
  margin-bottom: 30px;
}
.event-details-wrapper .event-details-items .content .speaker-items .title {
  display: inline-block;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.event-details-wrapper .event-details-items .content .speaker-items .speaker-box-items {
  background-color: #F3F4FE;
  padding: 16px 20px;
  border-radius: 12px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .event-details-wrapper .event-details-items .content .speaker-items .speaker-box-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.event-details-wrapper .event-details-items .content .speaker-items .speaker-box-items .left-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.event-details-wrapper .event-details-items .content .speaker-items .speaker-box-items .left-items .left-thumb img {
  border-radius: 20px;
}
.event-details-wrapper .event-details-items .content .speaker-items .speaker-box-items .social-icon {
  gap: 12px;
}
.event-details-wrapper .event-details-items .content .speaker-items .speaker-box-items .social-icon p {
  color: var(--header);
}
.event-details-wrapper .event-details-items .content .speaker-items .speaker-box-items .social-icon a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
  color: var(--theme);
  border: 1px solid var(--theme);
  font-size: 14px;
}
.event-details-wrapper .event-details-items .content .speaker-items .speaker-box-items .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
}
.event-details-wrapper .event-details-items .content .event-details-items {
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.event-details-wrapper .event-details-items .content .event-details-items .tag-list {
  display: flex;
  align-items: center;
  gap: 12px;
}
.event-details-wrapper .event-details-items .content .event-details-items .tag-list span {
  color: var(--header);
  font-weight: 600;
}
.event-details-wrapper .event-details-items .content .event-details-items .share-text {
  color: var(--header);
  font-weight: 600;
}
.event-details-wrapper .details-list-area {
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  z-index: 9;
  border: 1px solid rgba(56, 84, 105, 0.2);
}
@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;
  }
}
@media (max-width: 575px) {
  .event-details-wrapper .details-list-area {
    padding: 25px 20px;
  }
}
.event-details-wrapper .details-list-area h3 {
  font-size: 24px;
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
  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 rgba(56, 84, 105, 0.2);
}
.event-details-wrapper .details-list-area .details-list li span i {
  color: var(--theme);
}
.event-details-wrapper .details-list-area .theme-btn {
  padding: 19px 40px;
}
.event-details-wrapper .details-list-area .theme-btn.border-style {
  border: 1px solid var(--theme);
  color: var(--theme);
  background-color: transparent;
  padding: 18px 40px;
}
.event-details-wrapper .details-list-area .theme-btn.border-style::after, .event-details-wrapper .details-list-area .theme-btn.border-style::before {
  background-color: var(--theme);
}
.event-details-wrapper .details-list-area .theme-btn.border-style:hover {
  color: var(--white);
}
.event-details-wrapper .details-list-area .social-icon {
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
}
.event-details-wrapper .details-list-area .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--theme);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid var(--theme);
  border-radius: 4px;
}
.event-details-wrapper .details-list-area .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}
.event-details-wrapper .details-list-area .event-btn {
  display: inline-block;
  background-color: var(--theme);
  color: var(--white);
  font-size: 16px;
  padding: 16px 30px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
  width: 100%;
  text-align: center;
}
.event-details-wrapper .details-list-area .event-btn:hover {
  background-color: var(--header);
}
.event-details-wrapper .map-items {
  margin-top: 30px;
}
.event-details-wrapper .map-items iframe {
  width: 100%;
  height: 300px;
}

.program-details-wrapper .program-details-items .details-image img {
  width: 100%;
  height: 100%;
}
.program-details-wrapper .program-details-items .details-content {
  margin-top: 40px;
}
.program-details-wrapper .program-details-items .details-content .post {
  background-color: var(--theme);
  color: var(--white);
  padding: 4px 15px;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: 20px;
}
.program-details-wrapper .program-details-items .details-content h2 {
  font-size: 30px;
  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 .details-author-area {
  display: flex;
  align-items: center;
  gap: 30px;
  border-top: 1px solid rgba(56, 84, 105, 0.2);
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
  padding: 20px 0;
  margin-bottom: 40px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .program-details-wrapper .program-details-items .details-content .details-author-area {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.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);
}
.program-details-wrapper .program-details-items .details-content .list-items {
  margin-top: 20px;
}
.program-details-wrapper .program-details-items .details-content .list-items li:not(:last-child) {
  margin-bottom: 10px;
}
.program-details-wrapper .program-details-items .details-content .list-items li i {
  margin-right: 5px;
  color: var(--theme);
}
.program-details-wrapper .details-list-area {
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  z-index: 9;
  border: 1px solid rgba(56, 84, 105, 0.2);
}
@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 h3 {
  font-size: 24px;
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
  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 rgba(56, 84, 105, 0.2);
}
.program-details-wrapper .details-list-area .details-list li span {
  font-weight: 600 !important;
  color: var(--header);
}
.program-details-wrapper .details-list-area .details-list li span i {
  color: var(--theme);
}
.program-details-wrapper .details-list-area .theme-btn {
  padding: 22px 40px;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--header);
  color: var(--white);
  background-color: var(--theme);
  border-radius: 30px;
  line-height: 1;
  text-align: center;
}
@media (max-width: 1199px) {
  .program-details-wrapper .details-list-area .theme-btn {
    padding: 19px 25px;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .program-details-wrapper .details-list-area .theme-btn {
    padding: 19px 40px;
    font-size: 16px;
  }
}
.program-details-wrapper .details-list-area .theme-btn:hover {
  background-color: var(--header);
}
.program-details-wrapper .details-list-area .theme-btn.border-style {
  border: 1px solid var(--theme);
  color: var(--theme);
  background-color: transparent;
  padding: 21px 40px;
}
.program-details-wrapper .details-list-area .theme-btn.border-style::after, .program-details-wrapper .details-list-area .theme-btn.border-style::before {
  background-color: var(--theme);
}
.program-details-wrapper .details-list-area .theme-btn.border-style:hover {
  color: var(--white);
  background-color: var(--theme);
}
.program-details-wrapper .details-list-area .social-icon {
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
}
.program-details-wrapper .details-list-area .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--theme);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid rgba(56, 84, 105, 0.2);
}
.program-details-wrapper .details-list-area .social-icon a:hover {
  background-color: rgba(56, 84, 105, 0.2);
  color: var(--white);
  border: 1px solid transparent;
}
.program-details-wrapper .program-author-items {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 30px;
  border: 1px solid rgba(56, 84, 105, 0.2);
  border-radius: 12px;
  margin-top: 23px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
}
.program-details-wrapper .program-author-items .thumb {
  max-width: 370px;
}
.program-details-wrapper .program-author-items .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.program-details-wrapper .program-author-items .content {
  max-width: 700px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items .content {
    margin: 0 auto;
    text-align: center;
  }
}
.program-details-wrapper .program-author-items .content h2 {
  font-size: 30px;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .program-details-wrapper .program-author-items .content h2 {
    font-size: 26px;
  }
}
.program-details-wrapper .program-author-items .content span {
  margin-bottom: 20px;
  display: inline-block;
}
@media (max-width: 575px) {
  .program-details-wrapper .program-author-items .content span {
    margin-bottom: 10px;
  }
}
.program-details-wrapper .program-author-items .content ul {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 50px;
  border-top: 1px solid rgba(56, 84, 105, 0.2);
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
  padding: 20px 0;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items .content ul {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 20px;
  }
}
.program-details-wrapper .program-author-items .content ul li {
  color: var(--header);
}
.program-details-wrapper .program-author-items .content ul li i {
  margin-right: 5px;
}
.program-details-wrapper .program-author-items .content ul li .color-star {
  color: var(--theme);
}
.program-details-wrapper .program-author-items .content .social-icon {
  margin-top: 40px;
  gap: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items .content .social-icon {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .program-details-wrapper .program-author-items .content .social-icon {
    margin-top: 20px;
  }
}
.program-details-wrapper .program-author-items .content .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--theme);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid var(--theme);
  border-radius: 6px;
}
.program-details-wrapper .program-author-items .content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}

.program-video-section {
  margin-top: -40px;
}
.program-video-section .thumb {
  position: relative;
}
@media (max-width: 991px) {
  .program-video-section .thumb {
    height: 500px;
  }
}
.program-video-section .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.program-video-section .thumb .video-btn {
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--theme);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  transform: translate(-50%, -50%);
}
.program-video-section .thumb .video-btn:hover {
  background-color: var(--theme);
  color: var(--white);
}

.program-inner-section {
  padding: 120px 0;
  padding-top: 0;
  background: transparent;
}
.program-inner-section .program-line1 {
  width: 100%;
  height: 1px;
  background-color: #385469;
  opacity: 0.2;
  margin: 60px 0;
}

.value-text-section {
  background-color: #E1F6FE;
  position: relative;
  padding-top: 80px;
  margin-top: 65px;
  padding-bottom: 80px;
  margin-bottom: 80px;
}
@media (max-width: 1199px) {
  .value-text-section {
    padding: 80px 0;
    margin-bottom: 0;
    margin-top: 0;
  }
}
.value-text-section .shape1 {
  position: absolute;
  top: 10%;
  left: 10%;
}
@media (max-width: 1600px) {
  .value-text-section .shape1 {
    opacity: 0.3;
  }
}
.value-text-section .shape2 {
  position: absolute;
  top: 50%;
  left: 130px;
}
@media (max-width: 1600px) {
  .value-text-section .shape2 {
    opacity: 0.3;
  }
}
.value-text-section .shape3 {
  position: absolute;
  bottom: 10%;
  left: 240px;
}
@media (max-width: 1600px) {
  .value-text-section .shape3 {
    opacity: 0.3;
  }
}
.value-text-section .shape4 {
  bottom: -35px;
  left: 23%;
  position: absolute;
}
@media (max-width: 1600px) {
  .value-text-section .shape4 {
    opacity: 0.3;
  }
}
.value-text-section .shape5 {
  position: absolute;
  top: -40px;
  left: 47%;
}
@media (max-width: 1600px) {
  .value-text-section .shape5 {
    opacity: 0.3;
  }
}
.value-text-section .shape6 {
  position: absolute;
  bottom: 0;
  right: 25%;
}
@media (max-width: 1600px) {
  .value-text-section .shape6 {
    opacity: 0.3;
  }
}
.value-text-section .shape7 {
  position: absolute;
  bottom: 25%;
  right: 110px;
}
@media (max-width: 1600px) {
  .value-text-section .shape7 {
    opacity: 0.3;
  }
}
.value-text-section .shape8 {
  position: absolute;
  right: 127px;
  top: 140px;
}
@media (max-width: 1600px) {
  .value-text-section .shape8 {
    opacity: 0.3;
  }
}
.value-text-section .shape9 {
  position: absolute;
  top: 7%;
  right: 16%;
}
@media (max-width: 1399px) {
  .value-text-section .shape9 {
    display: none;
  }
}
.value-text-section .top-bg {
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .value-text-section .top-bg {
    display: none;
  }
}
.value-text-section .bottom-bg {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .value-text-section .bottom-bg {
    display: none;
  }
}
.value-text-section .theme-btn .theme-bg svg {
  max-width: 225px;
}
.value-text-section .about-button {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 40px;
  justify-content: center;
}
@media (max-width: 1199px) {
  .value-text-section .about-button {
    justify-content: center;
  }
}
@media (max-width: 1199px) {
  .value-text-section .about-button {
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 25px;
  }
}
.value-text-section .author-icon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.value-text-section .author-icon .icon {
  width: 56px;
  line-height: 59px;
  height: 59px;
  text-align: center;
  background-color: var(--header);
  text-align: center;
  color: var(--white);
  border-radius: 15px;
  position: relative;
}
.value-text-section .author-icon .content h4 {
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 767px) {
  .value-text-section .author-icon .content h4 {
    font-size: 19px;
  }
}
.value-text-section .author-icon .content h4 a {
  color: var(--text);
}
.value-text-section .author-icon .content h4 a:hover {
  color: var(--theme);
}
.value-text-section .author-icon .content span {
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 5px;
}

.program-box-items-4 {
  padding: 20px 30px 36px;
  position: relative;
  z-index: 9;
  text-align: center;
  margin: 30px auto;
}
.program-box-items-4 .program-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #70A6B1;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 371 458"><path  d="M180.499 1.01957C228.479 0.655383 276.69 -1.7067 311.981 40.3475C348.649 84.0424 368.9 145.98 370.375 210.447C371.895 276.909 355.756 343.16 319.998 390.92C283.71 439.389 232.608 453.808 180.499 456.752C125.658 459.85 64.9802 460.19 28.2615 407.4C-7.46789 356.033 -0.110132 279.336 4.09606 210.447C7.86177 148.773 16.5925 85.8896 50.5519 42.3318C84.3879 -1.06785 132.853 1.38123 180.499 1.01957Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.program-box-items-4 .program-bg.bg-2 {
  background-color: var(--theme);
}
.program-box-items-4 .program-bg.bg-3 {
  background-color: var(--theme);
}
.program-box-items-4 .program-bg.bg-3 {
  background-color: var(--white);
}
.program-box-items-4 .program-bg.bg-4 {
  background-color: var(--bg);
}
.program-box-items-4 .program-image {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 308 237"><path fill-rule="evenodd" clip-rule="evenodd" d="M149.968 0.07171C188.87 -0.110783 227.96 -1.29441 256.574 19.7787C286.305 41.674 302.725 72.7107 303.921 105.015C305.153 138.318 292.067 171.516 263.075 195.448C233.652 219.736 192.218 226.961 149.968 228.436C105.502 229.989 56.3034 230.159 26.5315 203.707C-2.43828 177.967 3.52747 139.534 6.93789 105.015C9.99117 74.11 17.0702 42.5996 44.6048 20.773C72.0394 -0.974285 111.335 0.252935 149.968 0.07171Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
}
.program-box-items-4 .program-image img {
  width: 100%;
  height: 100%;
}
.program-box-items-4 .program-content {
  padding: 30px 20px 0;
}
@media (max-width: 575px) {
  .program-box-items-4 .program-content {
    padding: 20px 20px 0;
  }
}
.program-box-items-4 .program-content h3 {
  margin-bottom: 5px;
}
.program-box-items-4 .program-content h3 a {
  color: var(--white);
}
.program-box-items-4 .program-content span {
  color: var(--white);
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}
.program-box-items-4 .program-content p {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .program-box-items-4 .program-content p {
    margin-bottom: 15px;
  }
}
.program-box-items-4 .program-content .arrow-icon {
  width: 60px;
  height: 55px;
  line-height: 55px;
  border-radius: 22px;
  background-color: var(--theme);
  display: inline-block;
  color: var(--white);
  transition: all 0.4s ease-in-out;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.program-box-items-4 .program-content .arrow-icon:hover {
  background-color: var(--header);
}
.program-box-items-4 .program-content .arrow-icon.color-2 {
  background-color: var(--header);
}
.program-box-items-4 .program-content .arrow-icon.color-2:hover {
  background-color: var(--white);
  color: var(--header);
}
.program-box-items-4 .program-content.style-2 h3 a {
  color: var(--header);
}
.program-box-items-4 .program-content.style-2 span {
  color: var(--theme);
}
.program-box-items-4 .program-content.style-2 p {
  color: var(--text);
}

.program-section-4 {
  position: relative;
  padding-bottom: 172px;
  background-color: #EFF5F6;
}
@media (max-width: 1199px) {
  .program-section-4 {
    padding-bottom: 155px;
  }
}
@media (max-width: 991px) {
  .program-section-4 {
    padding-bottom: 120px;
  }
}
.program-section-4 .top-shape {
  position: absolute;
  top: 0;
  left: 0;
}
.program-section-4 .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.program-section-4 .mask-shape {
  position: absolute;
  top: 15%;
  left: 5%;
}
.program-section-4 .pencil-shape {
  position: absolute;
  bottom: 10%;
  left: 85px;
  animation: rounded 5s linear infinite;
}
.program-section-4 .mask-shape-2 {
  position: absolute;
  top: 18%;
  right: 5%;
  animation: rounded 5s linear infinite;
}
.program-section-4 .compass-shape {
  position: absolute;
  bottom: 10%;
  right: 85px;
  animation: rounded 5s linear infinite;
}
.program-section-4 .love-shape {
  position: absolute;
  top: 40%;
  left: 0;
  animation: rounded 5s linear infinite;
}
.program-section-4 .zebra-shape {
  position: absolute;
  top: 45%;
  right: 0;
}

.program-box-items-22 {
  padding: 75px 30px 40px;
  position: relative;
  z-index: 9;
  max-width: 420px;
  text-align: center;
  margin: 30px auto;
}
.program-box-items-22 .program-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #70A6B1;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 288"><path fill-rule="evenodd" clip-rule="evenodd" d="M131.352 0.968405C166.359 0.739595 212.216 -6.12903 237.965 20.2925C264.719 47.745 268.813 92.0436 269.889 132.547C270.998 174.303 264.054 235.303 237.965 265.31C211.488 295.761 169.371 285.444 131.352 287.293C91.3384 289.24 47.0661 289.453 20.2754 256.287C-5.7936 224.014 -0.425215 175.827 2.64371 132.547C5.39126 93.7981 -4.50211 53.0434 20.2754 25.6771C44.9629 -1.5898 96.5877 1.19563 131.352 0.968405Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.program-box-items-22 .program-bg.bg-2 {
  background-color: var(--theme);
}
.program-box-items-22 .program-bg.bg-3 {
  background-color: #5866EB;
}
.program-box-items-22 .program-bg.bg-4 {
  background-color: #F25334;
}
.program-box-items-22 .icon {
  font-size: 50px;
  color: var(--white);
}
.program-box-items-22 .content {
  padding: 30px 20px 0;
}
@media (max-width: 575px) {
  .program-box-items-22 .content {
    padding: 20px 20px 0;
  }
}
.program-box-items-22 .content h4 {
  margin-bottom: 5px;
  font-weight: 600;
}
.program-box-items-22 .content h4 a {
  color: var(--white);
}
.program-box-items-22 .content span {
  color: var(--white);
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}
.program-box-items-22 .content p {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .program-box-items-22 .content p {
    margin-bottom: 15px;
  }
}
.program-box-items-22 .content .arrow-icon {
  width: 60px;
  height: 55px;
  line-height: 55px;
  border-radius: 22px;
  background-color: var(--theme);
  display: inline-block;
  color: var(--white);
  transition: all 0.4s ease-in-out;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid var(--white);
  box-shadow: var(--box-shadow);
}
.program-box-items-22 .content .arrow-icon:hover {
  background-color: var(--white);
  color: var(--header);
}
.program-box-items-22 .content .arrow-icon.color-2 {
  background-color: var(--theme);
}
.program-box-items-22 .content .arrow-icon.color-2:hover {
  background-color: var(--white);
  color: var(--header);
}
.program-box-items-22 .content .arrow-icon.color-3 {
  background-color: #5866EB;
}
.program-box-items-22 .content .arrow-icon.color-3:hover {
  background-color: var(--white);
  color: var(--header);
}
.program-box-items-22 .content .arrow-icon.color-4 {
  background-color: #F25334;
}
.program-box-items-22 .content .arrow-icon.color-4:hover {
  background-color: var(--white);
  color: var(--header);
}

.program-section-5 {
  position: relative;
}
.program-section-5 .line-1 {
  position: absolute;
  top: 40%;
  right: 0%;
  animation: rounded 5s linear infinite;
}

.tetsimonial-box-items {
  position: relative;
  margin-top: 30px;
  text-align: center;
  position: relative;
}
@media (max-width: 1199px) {
  .tetsimonial-box-items {
    background-color: #FEF4DE;
    border-radius: 16px;
  }
}
@media (max-width: 1199px) {
  .tetsimonial-box-items .bg-shape {
    display: none;
  }
}
.tetsimonial-box-items .bg-shape svg {
  width: 100%;
  height: 100%;
}
.tetsimonial-box-items .content {
  margin: 0 auto;
  position: absolute;
  top: 21px;
  left: 0;
  text-align: center;
  right: 0;
  padding: 0 50px;
}
@media (max-width: 1199px) {
  .tetsimonial-box-items .content {
    position: static;
    padding: 20px;
  }
}
.tetsimonial-box-items .content h3 {
  font-size: 18px;
  margin-bottom: 5px;
  margin-top: 15px;
}
.tetsimonial-box-items .content p {
  font-size: 18px;
  line-height: 144%;
}
@media (max-width: 1899px) {
  .tetsimonial-box-items .content p {
    font-size: 15px;
  }
}

.testimonial-box-items-2 {
  margin-top: 50px;
  position: relative;
}
@media (max-width: 1199px) {
  .testimonial-box-items-2 {
    background-color: var(--bg);
    padding: 30px;
    border-radius: 16px;
  }
}
@media (max-width: 1199px) {
  .testimonial-box-items-2 .bg-thumb {
    display: none;
  }
}
.testimonial-box-items-2 .content {
  text-align: center;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .testimonial-box-items-2 .content {
    position: static;
  }
}
.testimonial-box-items-2 .content .client-image {
  margin-bottom: 10px;
  transition: all 900ms ease;
}
.testimonial-box-items-2 .content .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.testimonial-box-items-2 .content p {
  font-size: 16px;
  font-weight: 600;
  max-width: 230px;
  text-transform: capitalize;
  font-style: italic;
  margin: 0 auto;
  color: var(--header);
}
.testimonial-box-items-2:hover .content .client-image {
  transform: rotateY(360deg);
}

.testimonial-section-2 {
  position: relative;
  margin-top: -30px;
}
@media (max-width: 1899px) {
  .testimonial-section-2 {
    margin-top: -60px;
  }
}
@media (max-width: 1600px) {
  .testimonial-section-2 {
    margin-top: -40px;
  }
}
@media (max-width: 1399px) {
  .testimonial-section-2 {
    margin-top: 0px;
  }
}
@media (max-width: 1199px) {
  .testimonial-section-2 {
    margin-top: 0;
  }
}
.testimonial-section-2 .girl-shape {
  position: absolute;
  top: 25%;
  left: 60px;
}
@media (max-width: 1399px) {
  .testimonial-section-2 .girl-shape {
    opacity: 0.3;
  }
}
.testimonial-section-2 .zirap-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1399px) {
  .testimonial-section-2 .zirap-shape {
    opacity: 0.3;
  }
}

.testimonial-wrapper-3 {
  position: relative;
  padding: 60px 60px;
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-3 {
    padding: 0;
    margin-bottom: 0;
  }
}
.testimonial-wrapper-3 .array-button {
  display: flex;
  align-items: center;
  gap: 10px;
}
.testimonial-wrapper-3 .array-button .array-prev, .testimonial-wrapper-3 .array-button .array-next {
  display: inline-block;
  width: 50px;
  height: 42px;
  line-height: 40px;
  border-radius: 50%;
  background-color: var(--header);
}
.testimonial-wrapper-3 .testimonial-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-3 .testimonial-bg {
    display: none;
  }
}
.testimonial-wrapper-3 .testimonial-slider-3 {
  margin-right: -68%;
}
@media (max-width: 1600px) {
  .testimonial-wrapper-3 .testimonial-slider-3 {
    margin-right: -45%;
  }
}
@media (max-width: 1199px) {
  .testimonial-wrapper-3 .testimonial-slider-3 {
    margin-right: 0;
  }
}

.testimonial-box-items-3 {
  position: relative;
  z-index: 9;
  border-radius: 20px;
  margin-top: 30px;
}
.testimonial-box-items-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--white);
  border-radius: 20px;
  z-index: -1;
  top: 15px;
  height: initial;
}
.testimonial-box-items-3 .quote-icon {
  margin-bottom: 25px;
  padding: 0 30px;
}
.testimonial-box-items-3 .text {
  text-transform: capitalize;
  color: #5C707E;
  font-style: italic;
  font-weight: 600;
  line-height: 180%;
  padding: 0 30px;
}
@media (max-width: 1199px) {
  .testimonial-box-items-3 .text {
    line-height: 150%;
    font-size: 15px;
  }
}
.testimonial-box-items-3 .testimonial-bottom {
  padding: 15px 30px;
  background-color: #FEF4DE;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-top: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial-box-items-3 .testimonial-bottom .client-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.testimonial-box-items-3 .testimonial-bottom .client-info .client-img img {
  border-radius: 50%;
  border: 3px solid var(--white);
}
.testimonial-box-items-3 .testimonial-bottom .client-info .info-content p b {
  font-weight: 600;
  color: var(--header);
  display: block;
}
.testimonial-box-items-3 .testimonial-bottom .video-btn {
  display: inline-block;
  width: 58px;
  height: 58px;
  line-height: 58px;
  border-radius: 50%;
  text-align: center;
  background: rgba(243, 159, 95, 0.2);
  color: var(--theme);
}
.testimonial-box-items-3 .testimonial-bottom .video-btn:hover {
  background-color: var(--theme);
  color: var(--white);
}

@media (max-width: 1199px) {
  .testimonial-section-3 {
    background-color: #FEDFEF;
    padding: 100px 0;
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .testimonial-section-3 {
    padding: 80px 0;
    margin-bottom: 80px;
  }
}

.testimonial-section-inner {
  background-color: #FEDFEF;
  margin: 0 40px;
  border-radius: 40px;
}
@media (max-width: 1600px) {
  .testimonial-section-inner {
    margin: 0 40px;
  }
}
@media (max-width: 1399px) {
  .testimonial-section-inner {
    margin: 0 30px;
  }
}
@media (max-width: 1199px) {
  .testimonial-section-inner {
    margin: 0 20px;
  }
}
@media (max-width: 470px) {
  .testimonial-section-inner {
    margin: 0 16px;
  }
}

.testimonial-inner-page {
  background-color: var(--bg);
  border-radius: 40px;
  margin: 0 50px;
}
@media (max-width: 1600px) {
  .testimonial-inner-page {
    margin: 0 40px;
  }
}
@media (max-width: 1399px) {
  .testimonial-inner-page {
    margin: 0 30px;
  }
}
@media (max-width: 1199px) {
  .testimonial-inner-page {
    margin: 0 20px;
  }
}
@media (max-width: 470px) {
  .testimonial-inner-page {
    margin: 0 16px;
  }
}
@media (max-width: 1199px) {
  .testimonial-inner-page .testimonial-box-items-2 {
    background-color: #C9DDE2;
  }
}

.testimonial-section-4 {
  position: relative;
}
.testimonial-section-4 .tree-shape {
  position: absolute;
  left: 0;
  bottom: 50px;
}
.testimonial-section-4 .right-shape {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.testimonial-section-4 .bee-shape {
  position: absolute;
  right: 5%;
  top: 45%;
  transform: translateY(-50%);
}
.testimonial-section-4 .love-shape {
  position: absolute;
  top: 50%;
  left: 0;
  animation: rounded 5s linear infinite;
}
.testimonial-section-4 .pencil-shape {
  position: absolute;
  top: 50%;
  left: 2%;
  animation: rounded 5s linear infinite;
}
.testimonial-section-4 .girl-shape {
  position: absolute;
  top: 30%;
  right: 0;
}

.testimonial-items-4 {
  position: relative;
  z-index: 9;
  max-width: 420px;
  padding: 55px 50px;
  text-align: center;
  margin: 30px auto;
}
.testimonial-items-4::after {
  width: 0;
  height: 0;
  border-top: 20px solid #70A6B1;
  border-right: 16px solid transparent;
  content: "";
  left: 60px;
  position: absolute;
  bottom: -10px;
  transform: rotate(0deg);
}
.testimonial-items-4.style-2::after {
  border-top: 20px solid var(--theme);
}
.testimonial-items-4.style-3::after {
  border-top: 20px solid var(--header);
}
.testimonial-items-4 .icon {
  position: absolute;
  top: -30px;
  right: 30px;
}
.testimonial-items-4 .testimonial-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #70A6B1;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 371 216"><path d="M29.5383 22.3807C20.9831 23.0067 13.019 27.0757 7.48934 33.6486C1.95971 40.2216 -0.683385 48.7421 0.151277 57.2974L12.2539 180.236C13.8189 196.199 27.0343 208.51 43.1016 208.962L298.091 215.987C312.941 216.405 326.086 206.493 329.808 192.13L369.245 39.8738C371.819 29.9274 369.454 19.355 362.881 11.4605C356.308 3.56603 346.327 -0.676823 336.102 0.0882826L29.5383 22.3807Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.testimonial-items-4 .testimonial-bg.bg-2 {
  background-color: var(--theme);
}
.testimonial-items-4 .testimonial-bg.bg-3 {
  background-color: var(--header);
}
.testimonial-items-4 .testimonial-content {
  position: relative;
}
.testimonial-items-4 .testimonial-content p {
  color: var(--white);
}
.testimonial-items-4 .testimonial-content h6 {
  color: var(--white);
  margin-top: 20px;
  position: relative;
  display: inline-block;
}
.testimonial-items-4 .testimonial-content h6::before {
  position: absolute;
  top: 10px;
  left: -40px;
  content: "";
  width: 24px;
  height: 2px;
  background-color: var(--white);
}

.team-single-items {
  position: relative;
  z-index: 9;
  margin-top: 30px;
  text-align: center;
}
@media (max-width: 991px) {
  .team-single-items {
    max-width: 450px;
  }
}
.team-single-items img {
  width: 100%;
  height: 100%;
}
.team-single-items .bg-shape {
  position: relative;
}
.team-single-items .bg-shape .items {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  padding: 30px;
}
.team-single-items .thumb {
  max-width: 362px;
  margin: 0 auto;
  position: relative;
  z-index: 9;
  overflow: hidden;
}
.team-single-items .thumb .social-icon {
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  gap: 10px;
}
.team-single-items .thumb .social-icon a {
  width: 44px;
  height: 44px;
  display: inline-block;
  line-height: 44px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  color: var(--white);
}
.team-single-items .thumb .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
}
.team-single-items .thumb img {
  width: 100%;
  height: 100%;
}
.team-single-items .content {
  text-align: center;
  margin-top: 15px;
}
@media (max-width: 1399px) {
  .team-single-items .content h3 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .team-single-items .content h3 {
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .team-single-items .content h3 {
    font-size: 18px;
  }
}
.team-single-items .content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.team-single-items .content h3 a:hover {
  color: var(--theme);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.team-single-items:hover .thumb .social-icon {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}

.team-slider {
  margin-right: -35%;
}
@media (max-width: 1899px) {
  .team-slider {
    margin-right: -25%;
  }
}
@media (max-width: 1600px) {
  .team-slider {
    margin-right: -15%;
  }
}
@media (max-width: 1399px) {
  .team-slider {
    margin-right: -30%;
  }
}
@media (max-width: 991px) {
  .team-slider {
    margin-right: 0;
  }
}

.team-section {
  position: relative;
}
.team-section .pencil-shape {
  position: absolute;
  left: 0;
  bottom: 180px;
}
@media (max-width: 1399px) {
  .team-section .pencil-shape {
    opacity: 0.3;
  }
}
.team-section .vec-shape {
  position: absolute;
  right: 200px;
  top: 110px;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .team-section .vec-shape {
    opacity: 0.3;
  }
}
.team-section .vec-shape2 {
  position: absolute;
  right: 90px;
  bottom: 0;
}
@media (max-width: 1399px) {
  .team-section .vec-shape2 {
    opacity: 0.3;
  }
}

.team-wrapper-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: -30px;
}
@media (max-width: 1399px) {
  .team-wrapper-2 {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .team-wrapper-2 {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }
}
@media (max-width: 767px) {
  .team-wrapper-2 {
    margin-top: 30px;
  }
}
.team-wrapper-2 .team-items {
  position: relative;
}
.team-wrapper-2 .team-items .team-shape {
  position: absolute;
  bottom: 70px;
  left: -70px;
}
@media (max-width: 1399px) {
  .team-wrapper-2 .team-items .team-shape {
    display: none;
  }
}
.team-wrapper-2 .team-main-items {
  margin-top: 30px;
  height: 512px;
  width: 246px;
  position: relative;
  transition: width 0.5s ease;
}
@media (max-width: 1399px) {
  .team-wrapper-2 .team-main-items {
    width: initial !important;
    margin-top: 0;
  }
}
.team-wrapper-2 .team-main-items.bg-2 .team-items {
  background-color: #532822;
}
.team-wrapper-2 .team-main-items.bg-2 .team-hover-items {
  background-color: #532822;
}
.team-wrapper-2 .team-main-items.bg-2 .team-hover-items .team-image {
  margin-top: -160px;
}
.team-wrapper-2 .team-main-items.bg-2 .team-hover-items .team-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.team-wrapper-2 .team-main-items.bg-2 .team-hover-items .star {
  position: absolute;
  top: 50px;
  right: 45px;
  z-index: -1;
}
@media (max-width: 1399px) {
  .team-wrapper-2 .team-main-items.bg-2 .team-hover-items .star {
    display: none;
  }
}
.team-wrapper-2 .team-main-items.bg-2 .team-hover-items .star-2 {
  position: absolute;
  top: 47%;
  right: 70px;
  z-index: -1;
}
@media (max-width: 1399px) {
  .team-wrapper-2 .team-main-items.bg-2 .team-hover-items .star-2 {
    display: none;
  }
}
.team-wrapper-2 .team-main-items.bg-3 .team-items {
  background-color: #43A574;
}
.team-wrapper-2 .team-main-items.bg-3 .team-hover-items {
  background-color: #43A574;
}
.team-wrapper-2 .team-main-items.bg-3 .team-hover-items .content {
  position: relative;
}
.team-wrapper-2 .team-main-items.bg-3 .team-hover-items .team-image {
  margin-top: -160px;
}
.team-wrapper-2 .team-main-items.bg-3 .team-hover-items .shape-3 {
  position: absolute;
  top: 50px;
  right: 45px;
  z-index: -1;
}
@media (max-width: 1399px) {
  .team-wrapper-2 .team-main-items.bg-3 .team-hover-items .shape-3 {
    display: none;
  }
}
.team-wrapper-2 .team-main-items.bg-3 .team-hover-items .shape-4 {
  position: absolute;
  top: 47%;
  right: 70px;
  z-index: -1;
}
@media (max-width: 1399px) {
  .team-wrapper-2 .team-main-items.bg-3 .team-hover-items .shape-4 {
    display: none;
  }
}
.team-wrapper-2 .team-main-items.bg-4 .team-items {
  background-color: #FFD25A;
}
.team-wrapper-2 .team-main-items.bg-4 .team-items .content .title a {
  color: var(--header);
}
.team-wrapper-2 .team-main-items.bg-4 .team-hover-items {
  background-color: #FFD25A;
}
.team-wrapper-2 .team-main-items.bg-4 .team-hover-items .content .title a {
  color: var(--header);
}
.team-wrapper-2 .team-main-items.bg-4 .team-hover-items .team-image {
  margin-top: -210px;
}
.team-wrapper-2 .team-main-items.bg-4 .team-hover-items .shape-5 {
  position: absolute;
  top: 6%;
  right: 122px;
  z-index: -1;
}
@media (max-width: 1399px) {
  .team-wrapper-2 .team-main-items.bg-4 .team-hover-items .shape-5 {
    display: none;
  }
}
.team-wrapper-2 .team-main-items .team-items {
  background-color: #FF854B;
  border-radius: 48px;
  overflow: hidden;
  transition: opacity 0.35s ease, transform 0.35s ease;
  height: 512px;
}
@media (max-width: 1399px) {
  .team-wrapper-2 .team-main-items .team-items {
    opacity: 0;
    transform: scale(0.95);
    pointer-events: none;
  }
}
.team-wrapper-2 .team-main-items .team-items .star {
  position: absolute;
  top: 73px;
  left: 8px;
}
.team-wrapper-2 .team-main-items .team-items .star2 {
  position: absolute;
  top: 150px;
  right: 16px;
}
.team-wrapper-2 .team-main-items .team-items .content {
  padding: 45px 30px;
  position: relative;
  z-index: 1;
}
.team-wrapper-2 .team-main-items .team-items .content .title {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.team-wrapper-2 .team-main-items .team-items .content .title a {
  color: var(--white);
}
.team-wrapper-2 .team-main-items .team-items .team-image {
  text-align: center;
  position: relative;
  z-index: 1;
}
.team-wrapper-2 .team-main-items .team-items .shape-3 {
  position: absolute;
  top: 25px;
  right: 10px;
}
.team-wrapper-2 .team-main-items .team-items .shape-4 {
  position: absolute;
  left: 15px;
  top: 58%;
}
.team-wrapper-2 .team-main-items .team-items .shape-5 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 47%;
  transform: translateY(-50%);
}
.team-wrapper-2 .team-main-items .team-hover-items {
  width: 530px;
  height: 512px;
  background-color: #FF854B;
  border-radius: 48px;
  overflow: hidden;
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.96);
  transition: all 0.45s ease;
}
@media (max-width: 1399px) {
  .team-wrapper-2 .team-main-items .team-hover-items {
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
  }
}
.team-wrapper-2 .team-main-items .team-hover-items .team-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.team-wrapper-2 .team-main-items .team-hover-items .content {
  padding: 40px;
}
@media (max-width: 575px) {
  .team-wrapper-2 .team-main-items .team-hover-items .content {
    padding: 28px;
  }
}
.team-wrapper-2 .team-main-items .team-hover-items .content .title {
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 1399px) {
  .team-wrapper-2 .team-main-items .team-hover-items .content .title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .team-wrapper-2 .team-main-items .team-hover-items .content .title {
    font-size: 28px;
  }
}
.team-wrapper-2 .team-main-items .team-hover-items .content .title a {
  color: var(--white);
}
.team-wrapper-2 .team-main-items .team-hover-items .content span {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  background: var(--white);
  color: #FF854B;
  border-radius: 32px;
  padding: 8px 18px;
  margin-top: 18px;
}
.team-wrapper-2 .team-main-items .team-hover-items .team-image {
  text-align: right;
  margin-top: -100px;
}
.team-wrapper-2 .team-main-items.active {
  width: 530px;
  height: 440px;
}
@media (max-width: 1399px) {
  .team-wrapper-2 .team-main-items.active {
    height: 512px;
  }
}
.team-wrapper-2 .team-main-items.active .team-items {
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
}
.team-wrapper-2 .team-main-items.active .team-hover-items {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.team-section-2 {
  position: relative;
}
.team-section-2 .pencil {
  position: absolute;
  bottom: 40%;
  left: 0;
}
.team-section-2 .link-btn {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
  color: var(--theme);
  transition: all 0.4s ease-in-out;
}
.team-section-2 .link-btn svg {
  margin-left: 5px;
}
.team-section-2 .link-btn:hover {
  text-decoration: underline;
}

.team-box-items-3 {
  margin-top: 30px;
  max-width: 450px;
  position: relative;
}
@media (max-width: 767px) {
  .team-box-items-3 {
    max-width: initial;
  }
}
.team-box-items-3 .shape {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
}
@media (max-width: 1399px) {
  .team-box-items-3 .shape {
    display: none;
  }
}
.team-box-items-3 .thumb {
  max-width: 623px;
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 428"><path fill-rule="evenodd" clip-rule="evenodd" d="M144.027 0.374827C144.377 0.369479 144.727 0.361989 145.077 0.350223C147.347 0.104203 149.619 -0.31831 151.884 0.395148C152.354 0.443282 152.817 0.524577 153.279 0.616567C158.878 0.371616 164.315 1.49475 169.597 3.06821C172.691 3.99025 175.722 4.03089 178.83 4.06833C180.978 4.10791 183.151 3.84477 185.239 4.60423C186.292 4.59567 187.343 4.58819 188.396 4.57963C190.034 4.02234 191.195 5.35192 192.618 5.64928C192.97 6.39162 193.324 6.40873 193.68 5.65356C199.36 6.02793 204.876 3.82231 210.58 4.58177C211.267 5.22463 212.159 5.54124 212.935 6.04612C218.634 7.8688 224.393 6.28572 230.068 6.08783C239.311 5.76587 248.538 4.85345 257.802 5.2749C259.705 5.36154 260.984 3.85333 262.751 3.73781C263.243 3.73353 263.722 3.81803 264.183 3.98811C266.189 6.39162 268.626 4.03624 270.802 4.57748C271.5 4.57641 272.199 4.57534 272.896 4.57428C275.538 4.63311 278.218 4.54861 280.741 5.43214C282.262 5.96482 283.408 5.58082 284.529 4.6406C285.934 4.62776 287.34 4.61492 288.745 4.60209C289.911 4.61599 290.994 4.89196 291.926 5.62895L291.931 5.63216C300.424 4.92191 308.845 5.92738 317.276 6.70074C319.037 6.70074 320.797 6.70074 322.559 6.69967C326.262 6.89221 329.949 6.9949 333.161 4.64808C333.49 4.65022 333.818 4.65022 334.146 4.64915C335.353 4.64915 336.304 5.42037 337.411 5.72201C353.33 3.9389 369.096 6.90826 384.947 7.17995C387.117 6.49965 389.164 7.19599 391.225 7.7351C391.573 7.75328 391.919 7.76077 392.267 7.75649C395.972 9.46579 400.212 8.23569 403.929 9.87761C406.74 10.5697 409.552 11.2628 412.363 11.9549C414.344 11.3184 413.987 14.1177 415.537 14.1145C415.884 14.1241 416.231 14.1209 416.577 14.1059C417.83 14.2429 418.192 15.2933 418.709 16.1853L418.711 16.1928C420.318 16.6988 421.377 17.7492 421.864 19.3676V19.3718C423.731 22.1241 426.983 24.0131 427.141 27.8307C426.952 29.4629 428.549 29.8994 429.228 30.9508C428.584 32.9393 429.682 34.5834 430.29 36.3237C430.643 36.6638 430.996 37.004 431.348 37.3431C432.307 38.187 433.554 38.6095 434.5 39.4738C434.871 40.521 435.241 41.5682 435.613 42.6154C435.394 44.3771 436.354 46.1313 435.648 47.8963C435.998 49.3082 436.346 50.7212 436.696 52.1331C438.106 53.6103 437.994 55.6822 438.762 57.4108C438.771 58.4676 438.782 59.5234 438.793 60.5791C440.322 62.5056 438.764 64.9283 439.813 66.9328C439.802 67.2783 439.808 67.6238 439.828 67.9683C440.352 69.8958 439.454 71.5495 438.81 73.2523C438.596 74.7702 439.034 76.134 439.794 77.4218C438.538 79.2595 440.152 80.3794 440.869 81.724C440.871 82.4203 440.872 83.1156 440.874 83.8119C442.242 86.0935 442.297 88.7484 442.981 91.2236L442.971 91.2204C444.079 94.3833 444.139 97.5484 442.979 100.714L442.981 100.708C442.282 101.653 443.145 103.1 441.958 103.888C441.921 104.223 441.902 104.559 441.899 104.896C441.352 107.111 441.638 109.232 442.746 111.208C443.933 113.326 443.466 115.466 442.985 117.625C442.986 119.031 442.986 120.438 442.986 121.844C444.414 128.816 445.886 135.783 445.104 142.977C445.082 143.319 445.078 143.661 445.091 144.003C443.659 148.507 445.352 153.253 444.02 157.763C443.286 158.102 443.249 158.457 443.995 158.83C443.319 160.124 443.315 161.444 443.854 162.785C443.894 164.015 443.281 165.073 442.958 166.209C442.971 166.915 442.985 167.621 442.997 168.327C443.664 169.622 443.952 171.046 442.921 172.158C441.193 174.024 442.993 175.219 443.538 176.666C443.66 177.148 443.699 177.635 443.666 178.13C444.128 186.392 443.687 194.665 445.973 202.853C447.058 206.742 445.817 211.221 447.536 215.236C447.928 216.15 447.413 216.904 446.799 217.594C445.7 218.832 445.712 219.313 446.776 219.983C448.181 221.937 447.208 224.433 448.257 226.468C447.208 233.857 448.038 241.241 448.307 248.627C449.426 251.439 448.938 254.249 448.303 257.06C448.293 257.768 448.283 258.476 448.273 259.185C450.665 264.107 449.552 269.041 448.324 273.977C448.325 276.44 448.326 278.904 448.329 281.367C450.778 286.387 449.879 291.704 449.65 296.948C449.599 298.094 448.686 299.176 449.315 300.408C449.302 300.738 449.3 301.069 449.309 301.399C448.616 303.83 448.522 306.344 448.274 308.837C448.271 320.098 448.268 331.36 448.263 342.622C445.534 345.63 445.291 349.629 444.037 353.226C444.035 353.914 444.033 354.601 444.032 355.289C442.957 357.234 444.317 359.338 443.609 361.338C442.881 363.395 443.254 366.41 439.51 365.492C439.188 365.413 439.465 365.829 439.516 365.923C440.904 368.536 440.276 370.944 438.802 373.273C439.028 375.819 438.32 378.226 437.696 380.646C436.849 381.914 436 383.18 434.54 383.842C433.82 385.245 432.503 386.043 431.346 387.003C429.854 388.848 429.263 390.992 429.248 393.327C428.413 394.297 428.198 395.666 427.188 396.523C427.153 396.854 427.136 397.188 427.137 397.522C425.316 397.438 424.091 398.516 422.915 399.689C421.872 401.729 418.089 401.543 418.678 404.908C417.599 405.27 416.879 405.986 416.535 407.076C415.85 407.44 415.163 407.805 414.477 408.17C413.069 408.892 411.596 409.48 410.197 410.222C409.154 410.241 408.112 410.259 407.069 410.278C403.099 412.357 398.471 411.776 394.395 413.422C393.13 415.362 390.895 414.878 389.118 415.54L389.115 415.541C387.885 416.628 386.141 415.628 384.88 416.585H384.888C382.797 417.384 380.471 417.468 378.523 418.694C378.189 418.671 377.855 418.657 377.52 418.654C376.038 418.824 374.549 418.966 373.22 419.737L372.716 419.728L372.212 419.733C367.711 420.934 363.118 421.551 358.48 421.883C357.422 421.884 356.363 421.886 355.305 421.888C353.9 421.945 352.494 422.824 351.089 421.89C350.04 421.881 348.992 421.872 347.944 421.863C346.165 419.962 344.409 422.526 342.636 421.889C342.282 421.886 341.928 421.883 341.574 421.88C340.165 422.828 338.758 421.951 337.35 421.879C336.651 421.87 335.95 421.86 335.25 421.852C333.839 422.395 332.425 422.393 331.009 421.872C330.306 421.874 329.603 421.875 328.9 421.878C326.777 422.918 324.664 421.884 322.546 421.843C321.021 422.02 319.655 421.511 318.323 420.857C317.057 421.822 315.406 421.148 314.079 421.853C312.681 421.86 311.283 421.868 309.885 421.875C304.252 422.569 298.587 423.001 292.989 423.969C292.538 423.101 291.744 422.933 290.869 422.929C288.411 424.19 285.95 424.992 283.474 422.969C281.363 422.601 279.254 422.233 277.144 421.864C273.264 420.761 269.384 421.47 265.505 421.863L265.508 421.862C262.929 424.035 259.805 421.944 257.075 422.94L257.069 422.948C254.602 423.295 252.135 423.655 249.664 423.979C245.806 424.501 241.752 422.796 238.044 425.006C235.184 425.619 231.988 424.874 229.535 427.12C228.866 427.126 228.197 427.133 227.53 427.139C226.581 426.175 225.476 426.251 224.184 426.282C219.542 426.394 214.948 426.403 210.65 423.899C207.396 422.004 203.736 422.186 200.045 423.041C195.478 424.101 190.847 423.542 186.254 422.913L185.753 422.908L185.252 422.92C182.497 422.029 179.42 423.85 176.788 421.918C173.967 422.274 171.146 422.63 168.326 422.986C167.613 423.563 166.907 423.562 166.208 422.963C165.506 422.945 164.805 422.927 164.102 422.91C163.099 423.447 161.839 423.215 160.913 423.977L160.922 423.968C153.526 425.803 146.127 422.324 138.732 423.975L138.74 423.974C137.314 424.916 135.82 424.459 134.335 424.2C127.739 422.217 121.11 423.866 114.492 424.045C112.12 425.15 110.058 424.43 108.118 422.974C107.761 422.969 107.404 422.963 107.047 422.958C101.959 424.726 97.1201 423.131 92.2575 421.862C83.8158 420.806 75.3741 419.751 66.9335 418.695C63.2721 417.21 59.6 415.743 56.3407 413.445C55.6497 413.434 54.9576 413.421 54.2666 413.409C53.3467 412.476 52.291 411.749 51.0577 411.292C49.9057 411.232 48.6542 411.477 47.8777 410.26C44.1724 408.48 41.2254 405.733 38.3973 402.832C37.9726 401.975 37.1982 401.792 36.3414 401.767C32.6971 399.101 31.9719 394.353 28.8731 391.298C28.1682 390.574 27.4633 389.849 26.7595 389.125C25.6438 387.391 24.6052 385.611 23.6286 383.797C21.1342 382.421 20.6881 379.993 20.3854 377.49C15.4928 370.65 16.386 361.873 12.7439 354.606C12.3652 353.851 12.3909 352.913 13.0145 352.154C13.0123 351.448 13.0113 350.742 13.0091 350.037C11.4923 348.183 11.9619 345.684 10.9372 343.67C10.9415 340.512 10.9458 337.355 10.95 334.197C10.2141 332.781 10.904 331.369 10.9596 329.955C10.9468 329.605 10.9308 329.254 10.9105 328.904C8.67384 319.816 9.429 310.618 9.90286 301.43C9.90286 301.082 9.89107 300.733 9.86754 300.385C9.28458 294.299 7.37631 288.444 6.7174 282.37C6.73131 282.056 6.73241 281.741 6.72171 281.428C7.68868 280.552 7.78923 279.405 7.72719 278.208C7.72398 277.853 7.72076 277.498 7.71648 277.144C6.33449 272.309 7.23405 267.155 5.6392 262.35H5.64135C4.93538 256.359 5.01238 250.275 3.53626 244.375L3.54377 244.389C2.51048 242.612 6.03391 240.839 3.54697 239.061C2.66022 236.968 3.64004 234.87 3.53521 232.776C2.71372 231.37 2.63563 229.961 3.51595 228.548C3.5074 228.196 3.4999 227.843 3.49134 227.491C2.10614 225.171 1.66973 222.719 2.47731 220.097L2.47627 220.101C1.33067 213.805 0.759494 207.477 1.42268 201.081L1.42052 201.086C2.05162 199.673 1.13383 198.27 1.39376 196.859C1.39483 196.504 1.39589 196.15 1.39695 195.795C0.45887 194.153 0.855722 192.247 0.351916 190.519C-0.864278 188.95 1.46863 188.539 1.3884 187.34C-0.00856316 180.368 -0.288806 173.406 0.33801 166.27C0.893159 159.947 0.518826 153.533 1.41413 147.201C1.71363 145.428 0.737005 143.401 2.46556 141.912C3.26352 136.617 3.15871 131.25 3.3705 125.933C3.58657 120.5 5.82427 115.816 7.30145 110.837C7.96678 110.464 9.78944 110.904 9.29419 110.08C7.87797 107.725 9.83334 105.268 8.60431 103.065C8.46526 102.595 8.47703 102.133 8.65138 101.676C9.4825 100.094 9.88358 98.4747 9.76164 96.6306C9.37336 90.7732 12.117 85.0624 9.70177 78.9664C8.04595 74.7884 12.0743 70.4124 10.9522 65.8429C10.9415 65.4952 10.9383 65.1476 10.9415 64.8C12.3417 61.7375 11.6892 58.2901 12.7449 55.1613C12.6358 54.3302 15.3655 56.0534 13.9568 53.2809C12.2133 49.8494 13.4017 45.773 15.6651 42.3822C16.8267 40.6429 18.3242 39.1486 19.3468 37.3088C19.6923 36.9526 20.0378 36.5964 20.3844 36.2413C21.807 31.5969 25.7829 29.0073 28.8689 25.701C29.2208 25.348 29.5727 24.995 29.9235 24.642C33.1571 23.552 36.3404 22.3808 38.4091 19.4039L38.3845 19.3665C41.5795 15.6163 46.5448 14.3006 50.0073 10.9184C53.6067 8.75127 57.958 10.7515 61.6002 8.82614C63.0603 9.63801 63.8689 8.49883 64.8102 7.75435C66.2146 7.75221 67.6191 7.75007 69.0236 7.74794C70.8441 4.77109 74.1954 7.1885 76.4235 5.64713C76.7754 5.65141 77.1273 5.63965 77.4781 5.61184C78.2836 5.47706 78.8162 4.78285 79.5874 4.57855C79.9415 4.57427 80.2945 4.56893 80.6485 4.56465C82.7226 3.99453 84.5934 2.18039 86.982 3.52281C87.3317 3.52174 87.6816 3.51853 88.0313 3.51532C89.7952 5.51557 91.5601 2.58686 93.324 3.51746C95.7157 4.80318 98.1513 4.70692 100.613 3.73567C101.065 3.57843 101.528 3.47254 102 3.39659C108.851 2.96552 115.599 1.49475 122.481 1.38992C122.97 1.35035 123.458 1.3696 123.946 1.41881C130.652 1.32468 137.285 -0.21669 144.027 0.374827Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  position: relative;
}
.team-box-items-3 .thumb::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, rgba(243, 159, 95, 0) 0%, #919BFF 82.69%);
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.team-box-items-3 .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.team-box-items-3 .thumb img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.team-box-items-3 .social-icon {
  display: grid;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  transition: all 0.4s ease-in-out;
  left: -100px;
  opacity: 0;
  visibility: hidden;
}
.team-box-items-3 .social-icon a {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  color: var(--white);
}
.team-box-items-3 .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
}
.team-box-items-3 .content {
  position: absolute;
  bottom: 50px;
  left: 10px;
  right: 10px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.team-box-items-3 .content .title {
  font-size: 24px;
  font-weight: 700;
}
.team-box-items-3 .content .title a {
  color: var(--white);
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.team-box-items-3 .content .title a:hover {
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--white) 0%, var(--white) 100%);
}
.team-box-items-3 .content p {
  color: var(--white);
}
.team-box-items-3:hover .thumb img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.team-box-items-3:hover .thumb img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.team-box-items-3:hover .thumb::before {
  opacity: 1;
  visibility: visible;
}
.team-box-items-3:hover .social-icon {
  left: 60px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1399px) {
  .team-box-items-3:hover .social-icon {
    left: 25px;
  }
}
.team-box-items-3:hover .content {
  opacity: 1;
  visibility: visible;
}

.team-slider-3 {
  margin-right: -35%;
}
@media (max-width: 1399px) {
  .team-slider-3 {
    margin-right: 0;
  }
}

.team-section-3 {
  position: relative;
}
.team-section-3 .shape1 {
  position: absolute;
  right: 10%;
  top: 2%;
}
@media (max-width: 1199px) {
  .team-section-3 .shape1 {
    opacity: 0.3;
  }
}

.team-section-inner {
  background-color: #E6E8FC;
  position: relative;
  margin-bottom: 80px;
  margin-top: 0;
}
.team-section-inner .top-line {
  position: absolute;
  top: -110px;
  left: 0;
  right: 0;
  z-index: 11;
}
@media (max-width: 1199px) {
  .team-section-inner .top-line {
    display: none;
  }
}
@media (max-width: 1199px) {
  .team-section-inner {
    margin-bottom: 0;
  }
}
.team-section-inner .bottom-line {
  position: absolute;
  bottom: -80px;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .team-section-inner .bottom-line {
    display: none;
  }
}

.team-details-wrapper .team-author-items {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 30px;
  border: 1px solid rgba(56, 84, 105, 0.2);
  border-radius: 12px;
}
@media (max-width: 1199px) {
  .team-details-wrapper .team-author-items {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    text-align: center;
  }
}
.team-details-wrapper .team-author-items .thumb {
  max-width: 370px;
}
.team-details-wrapper .team-author-items .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.team-details-wrapper .team-author-items .content {
  max-width: 700px;
}
.team-details-wrapper .team-author-items .content h2 {
  font-size: 30px;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .team-details-wrapper .team-author-items .content h2 {
    font-size: 26px;
  }
}
.team-details-wrapper .team-author-items .content span {
  margin-bottom: 20px;
  display: inline-block;
}
@media (max-width: 575px) {
  .team-details-wrapper .team-author-items .content span {
    margin-bottom: 10px;
  }
}
.team-details-wrapper .team-author-items .content ul {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 50px;
  border-top: 1px solid rgba(56, 84, 105, 0.2);
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
  padding: 20px 0;
}
@media (max-width: 1199px) {
  .team-details-wrapper .team-author-items .content ul {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    justify-content: center;
  }
}
.team-details-wrapper .team-author-items .content ul li {
  color: var(--header);
}
.team-details-wrapper .team-author-items .content ul li i {
  margin-right: 5px;
}
.team-details-wrapper .team-author-items .content ul li .color-star {
  color: var(--theme);
}
.team-details-wrapper .team-author-items .content .social-icon {
  margin-top: 40px;
  gap: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .team-details-wrapper .team-author-items .content .social-icon {
    justify-content: center;
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .team-details-wrapper .team-author-items .content .social-icon {
    margin-top: 20px;
  }
}
.team-details-wrapper .team-author-items .content .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--theme);
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: transparent;
  border: 1px solid var(--theme);
  border-radius: 6px;
}
.team-details-wrapper .team-author-items .content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border: 1px solid transparent;
}
.team-details-wrapper .details-info-items {
  padding: 80px 0;
  border-bottom: 1px solid rgba(56, 84, 105, 0.2);
  margin-bottom: -10px;
}
@media (max-width: 767px) {
  .team-details-wrapper .details-info-items {
    padding: 50px 0;
  }
}
@media (max-width: 575px) {
  .team-details-wrapper .details-info-items {
    padding: 40px 0;
  }
}
.team-details-wrapper .details-info-items .info-content h2 {
  font-size: 30px;
  margin-bottom: 15px;
}
.team-details-wrapper .details-info-items .progress-wrap {
  margin-left: 30px;
}
@media (max-width: 991px) {
  .team-details-wrapper .details-info-items .progress-wrap {
    margin-left: 0;
  }
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items {
  width: 100%;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items:not(:last-child) {
  margin-bottom: 20px;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .pro-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .pro-head .title {
  font-size: 16px;
  color: var(--header);
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .pro-head .point {
  font-size: 16px;
  color: var(--header);
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .progress {
  background: #FEF4DE;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  display: flex;
  height: 8px;
  width: 100%;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .progress-value {
  animation: load 3s normal forwards;
  border-radius: 0;
  background: var(--theme);
  height: 8px;
  width: 0;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .style-two {
  animation: load2 3s normal forwards;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .style-three {
  animation: load3 3s normal forwards;
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 90%;
  }
}
@keyframes load2 {
  0% {
    width: 0;
  }
  100% {
    width: 70%;
  }
}
@keyframes load3 {
  0% {
    width: 0;
  }
  100% {
    width: 55%;
  }
}

.team-items {
  margin-top: 30px;
}
.team-items .team-image {
  position: relative;
}
.team-items .team-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.team-items .team-image .shape-img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.team-items .team-image .social-profile {
  position: absolute;
  right: 20px;
  top: 20px;
  content: "";
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 2;
  display: inline-block;
  overflow: hidden;
  z-index: 99;
}
.team-items .team-image .social-profile ul {
  transform: translateY(-100px);
  transition: all 0.6s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.team-items .team-image .social-profile ul li {
  margin-bottom: 10px;
}
.team-items .team-image .social-profile ul li a {
  width: 40px;
  height: 40px;
  line-height: 43px;
  text-align: center;
  font-size: 18px;
  display: block;
  background: var(--white);
  color: var(--theme);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  margin: 0 auto;
  border-radius: 50%;
}
.team-items .team-image .social-profile ul li a:hover {
  background-color: var(--theme);
  color: var(--white);
}
.team-items .team-image .social-profile .plus-btn {
  z-index: 2;
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  background: transparent;
  border: 1px solid var(--white);
  color: var(--white);
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  margin-bottom: 10px;
}
.team-items .team-image .social-profile .plus-btn:hover {
  background-color: var(--white);
  color: var(--theme);
}
.team-items .team-image .social-profile:hover ul {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.team-items .team-content {
  margin-top: 20px;
  text-align: center;
}
.team-items .team-content h3 {
  margin-bottom: 5px;
}
.team-items .team-content h3 a:hover {
  color: var(--theme);
}
.team-items .team-content h2 {
  margin-bottom: 5px;
  font-size: 24px;
}
.team-items .team-content h2 a:hover {
  color: var(--theme);
}

.team-section-4 {
  position: relative;
}
.team-section-4 .top-shape {
  position: absolute;
  top: 0;
  left: 0;
}
.team-section-4 .love-shape {
  position: absolute;
  bottom: 0;
  left: 30px;
}
@media (max-width: 1399px) {
  .team-section-4 .love-shape {
    left: 30px;
  }
}
@media (max-width: 1199px) {
  .team-section-4 .love-shape {
    display: none;
  }
}
.team-section-4 .frame-shape {
  position: absolute;
  top: 45%;
  right: 0;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .team-section-4 .frame-shape {
    display: none;
  }
}

.team-box-items-5 {
  margin-top: 30px;
  text-align: center;
  position: relative;
  z-index: 9;
}
.team-box-items-5 .bg-shape-1 {
  position: absolute;
  top: 29%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.team-box-items-5::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--white);
  border-radius: 24px;
  z-index: -1;
  top: 35%;
  height: initial;
}
.team-box-items-5 .team-image {
  margin: 0 auto;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 294 294"> <path fill-rule="evenodd" clip-rule="evenodd" d="M147.403 0.00569915C182.119 0.435189 209.656 26.2366 235.076 51.2011C261.845 77.4906 291.257 105.251 293.775 143.756C296.413 184.105 275.546 221.843 248.076 250.036C221.009 277.816 185.15 293.448 147.403 293.984C109.12 294.528 71.5048 281.034 43.9843 252.934C16.0177 224.38 -2.47629 184.728 0.269486 143.756C2.87462 104.884 30.5587 75.4755 57.651 49.0061C83.3487 23.8993 112.392 -0.427445 147.403 0.00569915Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  position: relative;
  z-index: 9;
  max-width: 295px;
}
.team-box-items-5 .team-image img {
  width: 100%;
  height: 100%;
}
.team-box-items-5 .team-content {
  padding: 20px 50px;
}
.team-box-items-5 .team-content h3 a:hover {
  color: var(--theme);
}
.team-box-items-5 .team-content p {
  margin-bottom: 15px;
  margin-top: 5px;
}
.team-box-items-5 .team-content .social-icon {
  justify-content: center;
  gap: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
}
.team-box-items-5 .team-content .social-icon a {
  color: var(--text);
  font-size: 20px;
}
.team-box-items-5 .team-content .social-icon a:hover {
  color: var(--theme);
}

.team-section-5 {
  position: relative;
  margin-top: 30px;
}
.team-section-5 .top-shape {
  position: absolute;
  top: -40px;
  left: 0;
  height: 92px;
}
.team-section-5 .top-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-section-5 .love-shape {
  position: absolute;
  bottom: 10%;
  left: 30px;
}
@media (max-width: 1399px) {
  .team-section-5 .love-shape {
    left: 30px;
  }
}
@media (max-width: 1199px) {
  .team-section-5 .love-shape {
    display: none;
  }
}
.team-section-5 .frame-shape {
  position: absolute;
  top: 40%;
  right: 0;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .team-section-5 .frame-shape {
    display: none;
  }
}

.news-section {
  background-color: #E6E8FC;
  position: relative;
  margin-top: 110px;
  margin-bottom: 150px;
}
@media (max-width: 1399px) {
  .news-section {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .news-section {
    margin-top: 0;
    margin-bottom: 0;
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .news-section {
    padding: 80px 0;
  }
}
.news-section .top-line-1 {
  position: absolute;
  top: -180px;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .news-section .top-line-1 {
    display: none;
  }
}
.news-section .top-line-1 img {
  width: 100%;
}
.news-section .bottom-line-1 {
  position: absolute;
  bottom: -180px;
  left: 0;
  right: 0;
}
@media (max-width: 1600px) {
  .news-section .bottom-line-1 {
    bottom: -150px;
  }
}
@media (max-width: 1399px) {
  .news-section .bottom-line-1 {
    bottom: -100px;
  }
}
@media (max-width: 1199px) {
  .news-section .bottom-line-1 {
    display: none;
  }
}
.news-section .bottom-line-1 img {
  width: 100%;
}

.news-box-items {
  margin-top: 30px;
  background-color: var(--white);
  padding: 30px;
  border-radius: 40px;
  position: relative;
  z-index: 99;
}
@media (max-width: 1199px) {
  .news-box-items {
    padding: 20px;
  }
}
.news-box-items .thumb {
  overflow: hidden;
  position: relative;
  border-radius: 40px;
}
.news-box-items .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.news-box-items .thumb img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.news-box-items .content {
  margin-top: 20px;
}
.news-box-items .content ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .news-box-items .content ul {
    flex-wrap: wrap;
  }
}
.news-box-items .content ul li {
  border: 1px solid rgba(56, 84, 105, 0.2);
  border-radius: 8px;
  padding: 8px 10px;
  line-height: 1;
  gap: 10px;
  display: flex;
  align-items: center;
}
@media (max-width: 1399px) {
  .news-box-items .content ul li {
    font-size: 14px;
    gap: 6px;
  }
}
.news-box-items .content ul li i {
  color: var(--theme);
}
@media (max-width: 1399px) {
  .news-box-items .content h3 {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .news-box-items .content h3 {
    font-size: 21px;
  }
}
@media (max-width: 991px) {
  .news-box-items .content h3 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .news-box-items .content h3 {
    font-size: 22px;
  }
}
@media (max-width: 470px) {
  .news-box-items .content h3 {
    font-size: 20px;
  }
}
.news-box-items .content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.news-box-items .content h3 a:hover {
  color: var(--theme);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.news-box-items .content .arrow-btn {
  text-align: right;
  margin-top: 12px;
}
.news-box-items .content .icon {
  position: relative;
}
.news-box-items .content .icon svg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news-box-items .content .icon svg path {
  transition: all 0.4s ease-in-out;
  fill: var(--theme);
}
.news-box-items .content .icon .bg {
  display: inline-block;
  width: 55px;
  height: 41px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  background: #FEF4DE;
  transition: all 0.4s ease-in-out;
}
.news-box-items .content .icon:hover .bg {
  background-color: var(--theme);
}
.news-box-items .content .icon:hover svg path {
  fill: var(--white);
}
.news-box-items:hover .thumb img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.news-box-items:hover .thumb img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.news-box-items.style-inner .content h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 135%;
}
@media (max-width: 1399px) {
  .news-box-items.style-inner .content h2 {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .news-box-items.style-inner .content h2 {
    font-size: 21px;
  }
}
@media (max-width: 991px) {
  .news-box-items.style-inner .content h2 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .news-box-items.style-inner .content h2 {
    font-size: 22px;
  }
}
@media (max-width: 470px) {
  .news-box-items.style-inner .content h2 {
    font-size: 20px;
  }
}
.news-box-items.style-inner .content h2 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.news-box-items.style-inner .content h2 a:hover {
  color: var(--theme);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.news-box-items.style-inner .content .arrow-btn {
  text-align: left;
  margin-top: 20px;
}

.news-box-items-2 {
  margin-top: 30px;
  background-color: var(--white);
  padding: 30px;
  border-radius: 40px;
  position: relative;
  z-index: 99;
}
@media (max-width: 767px) {
  .news-box-items-2 {
    font-size: 20px;
  }
}
.news-box-items-2 .thumb {
  overflow: hidden;
  position: relative;
  border-radius: 40px;
}
.news-box-items-2 .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.news-box-items-2 .thumb img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.news-box-items-2 .content {
  margin-top: 20px;
}
.news-box-items-2 .content ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.news-box-items-2 .content ul li {
  border: 1px solid rgba(56, 84, 105, 0.2);
  border-radius: 8px;
  padding: 8px 10px;
  line-height: 1;
  gap: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1600px) {
  .news-box-items-2 .content ul li {
    font-size: 14px;
    gap: 6px;
  }
}
.news-box-items-2 .content ul li i {
  color: var(--theme);
}
@media (max-width: 1899px) {
  .news-box-items-2 .content h3 {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .news-box-items-2 .content h3 {
    font-size: 21px;
  }
}
.news-box-items-2 .content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.news-box-items-2 .content h3 a:hover {
  color: var(--theme);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.news-box-items-2 .content .text {
  margin-top: -90px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1199px) {
  .news-box-items-2 .content .text {
    font-size: 15px;
    opacity: 1;
    visibility: visible;
    margin-top: 7px;
  }
}
.news-box-items-2 .content .arrow-btn {
  margin-top: 27px;
}
.news-box-items-2 .content .icon {
  position: relative;
}
.news-box-items-2 .content .icon svg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news-box-items-2 .content .icon svg path {
  transition: all 0.4s ease-in-out;
  fill: var(--theme);
}
.news-box-items-2 .content .icon .bg {
  display: inline-block;
  width: 55px;
  height: 41px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  background: #FEF4DE;
  transition: all 0.4s ease-in-out;
}
.news-box-items-2 .content .icon:hover .bg {
  background-color: var(--theme);
}
.news-box-items-2 .content .icon:hover svg path {
  fill: var(--white);
}
.news-box-items-2:hover .thumb img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.news-box-items-2:hover .thumb img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.news-box-items-2:hover .content .text {
  margin-top: 15px;
  opacity: 1;
  visibility: visible;
}

.news-section-2 {
  position: relative;
}
@media (max-width: 1399px) {
  .news-section-2 {
    margin: 0 30px;
    background-image: none !important;
    background-color: #FEDFEF;
    border-radius: 16px;
    margin-bottom: 120px;
  }
}
@media (max-width: 1199px) {
  .news-section-2 {
    margin: 0 20px;
    margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .news-section-2 {
    margin-bottom: 80px;
  }
}
@media (max-width: 470px) {
  .news-section-2 {
    margin: 0 16px;
    margin-bottom: 80px;
  }
}
.news-section-2 .news-bg {
  position: absolute;
  top: 0;
  left: 0;
  left: 60px;
  right: 0;
  width: calc(100% - 100px);
}
@media (max-width: 1399px) {
  .news-section-2 .news-bg {
    display: none;
  }
}
.news-section-2 .news-bg img {
  width: 100%;
  height: 100%;
}

.news-box-items-3 {
  margin-top: 30px;
  background-color: var(--white);
  padding: 30px;
  border-radius: 40px;
  position: relative;
  z-index: 99;
  border: 1px solid var(--white);
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .news-box-items-3 {
    padding: 20px;
  }
}
.news-box-items-3.style-2 .content {
  margin-top: 0;
  margin-bottom: 25px;
}
.news-box-items-3 .thumb {
  overflow: hidden;
  position: relative;
  border-radius: 40px;
}
.news-box-items-3 .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.news-box-items-3 .thumb img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.news-box-items-3 .content {
  margin-top: 25px;
}
.news-box-items-3 .content ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .news-box-items-3 .content ul {
    flex-wrap: wrap;
  }
}
.news-box-items-3 .content ul li {
  border: 1px solid rgba(56, 84, 105, 0.2);
  border-radius: 8px;
  padding: 8px 10px;
  line-height: 1;
  gap: 10px;
  display: flex;
  align-items: center;
}
@media (max-width: 1399px) {
  .news-box-items-3 .content ul li {
    font-size: 14px;
    gap: 6px;
  }
}
.news-box-items-3 .content ul li i {
  color: var(--theme);
}
@media (max-width: 1399px) {
  .news-box-items-3 .content h3 {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .news-box-items-3 .content h3 {
    font-size: 21px;
  }
}
@media (max-width: 991px) {
  .news-box-items-3 .content h3 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .news-box-items-3 .content h3 {
    font-size: 22px;
  }
}
@media (max-width: 470px) {
  .news-box-items-3 .content h3 {
    font-size: 20px;
  }
}
.news-box-items-3 .content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.news-box-items-3 .content h3 a:hover {
  color: var(--theme);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.news-box-items-3 .content .icon {
  position: relative;
}
.news-box-items-3 .content .icon svg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news-box-items-3 .content .icon svg path {
  transition: all 0.4s ease-in-out;
  fill: var(--theme);
}
.news-box-items-3 .content .icon .bg {
  display: inline-block;
  width: 55px;
  height: 41px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  background: #FEF4DE;
  transition: all 0.4s ease-in-out;
}
.news-box-items-3 .content .icon:hover .bg {
  background-color: var(--theme);
}
.news-box-items-3 .content .icon:hover svg path {
  fill: var(--white);
}
.news-box-items-3:hover {
  border: 1px solid var(--theme);
}
.news-box-items-3:hover .thumb img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.news-box-items-3:hover .thumb img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 {
  margin-bottom: 30px;
}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-image {
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-image::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
  pointer-events: none;
  border-radius: 12px;
}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-image img {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  object-fit: cover;
  transition: all 1s;
  border-radius: 12px;
}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .gt-date-list li i {
  margin-right: 10px;
}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .news-title {
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 138%;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .news-title {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .news-title {
    font-size: 25px;
  }
}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .news-title a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .news-title a:hover {
  color: var(--theme);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme) 0%, var(--theme) 100%);
}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 .gt-news-content .theme-btn {
  margin-top: 24px;
}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4:hover .gt-news-image:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4:hover .gt-news-image img {
  transform: scale(1.2);
}

.news-details-area .blog-post-details .single-blog-post .post-featured-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.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: 10px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li {
  font-size: 16px;
  font-weight: 500;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li i {
  color: var(--theme);
  margin-right: 5px;
}
@media (max-width: 767px) {
  .news-details-area .blog-post-details .single-blog-post .post-content p {
    font-size: 14px;
  }
}
.news-details-area .blog-post-details .single-blog-post .post-content h2 {
  margin-bottom: 20px;
  font-size: 42px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .single-blog-post .post-content h2 {
    font-size: 25px;
  }
}
.news-details-area .blog-post-details .single-blog-post .post-content h2 a:hover {
  color: var(--theme);
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text {
  border-left: 4px solid var(--theme);
  padding: 40px;
  background-color: var(--theme);
  border-radius: 8px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text p {
  max-width: 750px;
  font-weight: 500;
  text-transform: capitalize;
  font-style: italic;
  line-height: 30px;
  font-size: 20px;
  color: var(--white);
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text svg {
  float: right;
  margin-top: -30px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .details-image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.news-details-area .blog-post-details .tag-share-wrap {
  border-top: 1px solid rgba(22, 51, 59, 0.1);
  border-bottom: 1px solid rgba(22, 51, 59, 0.1);
  padding: 30px 0;
}
.news-details-area .blog-post-details .tag-share-wrap .tagcloud a {
  display: inline-block;
  padding: 12px 26px;
  line-height: 1;
  background: #FBF3E6;
  margin-right: 8px;
  text-transform: capitalize;
  font-weight: 500;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
}
@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: 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 {
  font-size: 18px;
  color: var(--header);
}
.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(--theme);
}
.news-details-area .blog-post-details .comments-area {
  margin-top: 40px;
  padding: 50px 40px;
  background: #FBF3E6;
  border-radius: 8px;
}
@media (min-width: 1200px) {
  .news-details-area .blog-post-details .comments-area {
    padding: 35px;
  }
}
@media (max-width: 767px) {
  .news-details-area .blog-post-details .comments-area {
    padding: 32px;
  }
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .comments-area {
    padding: 28px;
  }
}
.news-details-area .blog-post-details .comments-area .comments-heading {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .comments-area .comments-heading {
    margin-bottom: 20px;
  }
}
.news-details-area .blog-post-details .comments-area .comments-heading h3 {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .comments-area .comments-heading h3 {
    font-size: 28px;
  }
}
.news-details-area .blog-post-details .comments-area .blog-single-comment {
  border-bottom: 1px solid rgba(22, 51, 59, 0.1);
}
.news-details-area .blog-post-details .comments-area .blog-single-comment.bb-none {
  border: none;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .comments-area .blog-single-comment {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.news-details-area .blog-post-details .comments-area .blog-single-comment .content .head .con h4 {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 20px;
}
.news-details-area .blog-post-details .comments-area .blog-single-comment .content .head .star i {
  color: var(--theme);
  font-size: 14px;
}
.news-details-area .blog-post-details .comments-area .blog-single-comment .content .reply {
  border-radius: 30px;
  padding: 5px 15px;
  font-weight: 400;
  background-color: var(--white);
  color: var(--header);
}
.news-details-area .blog-post-details .comment-form-wrap {
  background-color: #FBF3E6;
  border-radius: 8px;
  padding: 50px 40px;
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .news-details-area .blog-post-details .comment-form-wrap {
    padding: 35px;
  }
}
@media (max-width: 767px) {
  .news-details-area .blog-post-details .comment-form-wrap {
    padding: 32px;
  }
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .comment-form-wrap {
    padding: 28px;
  }
}
.news-details-area .blog-post-details .comment-form-wrap h3 {
  font-size: 32px;
  margin-bottom: 30px;
  font-weight: 700;
}
@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 input, .news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
  width: 100%;
  outline: none;
  border: none;
  background-color: var(--white);
  border: none;
  padding: 16px 20px;
  font-weight: 400;
  border-radius: 5px;
}
.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;
}

.gt-main-sideber .gt-single-sideber-widget {
  margin-bottom: 30px;
  background-color: #FBF3E6;
  padding: 30px;
  border-radius: 14px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form {
  width: 100%;
  position: relative;
}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form input {
  background-color: var(--white);
  font-size: 18px;
  font-weight: 400;
  padding: 16px 20px;
  width: 100%;
  border: none;
  color: var(--text);
  border-radius: 6px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form button {
  position: absolute;
  right: -2px;
  top: 0;
  width: 58px;
  border-radius: 6px;
  font-size: 18px;
  height: 100%;
  background-color: var(--theme);
  color: var(--white);
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form button:hover {
  background-color: var(--header);
  color: var(--white);
}
.gt-main-sideber .gt-single-sideber-widget .gt-widget-title {
  margin-bottom: 20px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-widget-title h3 {
  font-weight: 700;
  font-size: 22px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-widget-title span {
  font-weight: 700;
  font-size: 22px;
  font-family: "Quicksand", sans-serif;
}
.gt-main-sideber .gt-single-sideber-widget .amenities-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
}
.gt-main-sideber .gt-single-sideber-widget .amenities-list li:not(:last-child) {
  margin-bottom: 20px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  transition: all 0.4s ease-in-out;
  background-color: var(--white);
  padding: 22px 25px;
  font-family: "Quicksand", sans-serif;
  line-height: 1;
  text-transform: capitalize;
  border-radius: 8px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li a {
  color: var(--header);
}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li i {
  transition: all 0.4s ease-in-out;
  color: var(--header);
}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:not(:last-child) {
  margin-bottom: 20px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li span b {
  font-weight: 400;
  color: var(--theme);
}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover {
  background-color: var(--theme);
}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover a {
  color: var(--white);
}
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover i, .gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover span {
  color: var(--white);
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-thumb {
  position: relative;
  overflow: hidden;
  max-width: 110px;
  width: 100%;
  border-radius: 8px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-thumb::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
  pointer-events: none;
  border-radius: 8px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-thumb img {
  border-radius: 8px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  object-fit: cover;
  transition: all 1s;
  width: 100%;
  height: 100%;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items:not(:last-child) {
  margin-bottom: 20px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content .title {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  font-family: "Quicksand", sans-serif;
  display: inline-block;
  text-transform: capitalize;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content .title a:hover {
  color: var(--theme);
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items .gt-recent-content ul li {
  color: var(--text);
  font-size: 18px;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items:hover .gt-recent-thumb:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.gt-main-sideber .gt-single-sideber-widget .gt-recent-post-area .gt-recent-items:hover .gt-recent-thumb img {
  transform: scale(1.2);
}
.gt-main-sideber .gt-single-sideber-widget .tagcloud a {
  display: inline-block;
  padding: 12px 18px;
  line-height: 1;
  font-weight: 600;
  background: var(--white);
  font-family: "Quicksand", sans-serif;
  margin-right: 10px;
  margin-bottom: 10px;
  text-transform: capitalize;
  border-radius: 4px;
}
.gt-main-sideber .gt-single-sideber-widget .tagcloud a:last-child {
  margin-right: 0;
}
.gt-main-sideber .gt-single-sideber-widget .tagcloud a:hover {
  background-color: var(--theme);
  color: var(--white);
}

.news-wrapper-4 .news-single-items {
  border: 1px solid rgba(56, 84, 105, 0.2);
  border-radius: 8px;
  margin-top: 30px;
}
@media (max-width: 1399px) {
  .news-wrapper-4 .news-single-items br {
    display: none;
  }
}
.news-wrapper-4 .news-single-items .news-image {
  padding: 20px 20px 0 20px;
}
.news-wrapper-4 .news-single-items .news-image img {
  width: 100%;
  height: 100%;
}
.news-wrapper-4 .news-single-items .news-content {
  padding: 20px 30px;
}
.news-wrapper-4 .news-single-items .news-content ul {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 5px;
}
.news-wrapper-4 .news-single-items .news-content ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.news-wrapper-4 .news-single-items .news-content h3 {
  margin-bottom: 5px;
}
.news-wrapper-4 .news-single-items .news-content h3 a:hover {
  color: var(--theme);
}
.news-wrapper-4 .news-single-items .news-content .post-author-items {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .news-wrapper-4 .news-single-items .news-content .post-author-items {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.news-wrapper-4 .news-single-items .news-content .post-author-items .post-items {
  display: flex;
  align-items: center;
  gap: 16px;
}
.news-wrapper-4 .news-single-items .news-content .post-author-items .post-items .content span {
  font-weight: 600;
  color: var(--theme);
}
.news-wrapper-4 .news-single-items .news-content .post-author-items .post-items .content h4 {
  margin-top: 3px;
  font-size: 16px;
  font-weight: 600;
}
.news-wrapper-4 .news-right-items {
  padding: 20px;
  border-radius: 8px;
  border: 1px solid rgba(56, 84, 105, 0.2);
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .news-wrapper-4 .news-right-items {
    flex-wrap: wrap;
  }
}
.news-wrapper-4 .news-right-items:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .news-wrapper-4 .news-right-items:not(:last-child) {
    margin-bottom: 20px;
  }
}
.news-wrapper-4 .news-right-items .news-content ul {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 10px;
}
.news-wrapper-4 .news-right-items .news-content ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.news-wrapper-4 .news-right-items .news-content h3 a:hover {
  color: var(--theme);
}
.news-wrapper-4 .news-right-items .news-content .post-items {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .news-wrapper-4 .news-right-items .news-content .post-items {
    margin-top: 20px;
  }
}
.news-wrapper-4 .news-right-items .news-content .post-items .content span {
  font-weight: 600;
  color: var(--theme);
}
.news-wrapper-4 .news-right-items .news-content .post-items .content h4 {
  margin-top: 3px;
  font-size: 16px;
  font-weight: 600;
}
.news-wrapper-4 .news-right-items.style-2 {
  margin-top: 30px;
  position: relative;
  z-index: 9;
}

.news-card-items5 {
  margin-top: 30px;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  border-radius: 16px;
  padding: 20px;
}
.news-card-items5 .news-image {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
}
.news-card-items5 .news-image .post {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: var(--theme);
  color: var(--white);
  padding: 4px 15px;
  border-radius: 8px;
}
.news-card-items5 .news-image img {
  width: 100%;
  height: 100%;
  display: block;
}
.news-card-items5 .news-image .news-layer-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.5s;
}
.news-card-items5 .news-image .news-layer-wrapper .news-layer-image {
  width: 25%;
  height: 100%;
  transition: 0.5s;
  background-size: cover;
}
.news-card-items5 .news-image .news-layer-wrapper .news-layer-image:nth-child(1) {
  background-position: 0;
  transition-delay: 0;
}
.news-card-items5 .news-image .news-layer-wrapper .news-layer-image:nth-child(2) {
  background-position: 33.33%;
  transition-delay: 0.1s;
}
.news-card-items5 .news-image .news-layer-wrapper .news-layer-image:nth-child(3) {
  background-position: 66.66%;
  transition-delay: 0.2s;
}
.news-card-items5 .news-image .news-layer-wrapper .news-layer-image:nth-child(4) {
  background-position: 100%;
  transition-delay: 0.3s;
}
.news-card-items5 .news-content {
  padding: 25px 10px 10px;
}
.news-card-items5 .news-content ul {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 15px;
}
.news-card-items5 .news-content ul li i {
  color: var(--theme);
  margin-right: 5px;
}
.news-card-items5 .news-content h3 {
  margin-bottom: 10px;
}
.news-card-items5 .news-content h3 a:hover {
  color: var(--theme);
}
.news-card-items5 .news-content .arrow-btn {
  margin-top: 12px;
}
.news-card-items5 .news-content .icon {
  position: relative;
}
.news-card-items5 .news-content .icon svg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news-card-items5 .news-content .icon svg path {
  transition: all 0.4s ease-in-out;
  fill: var(--theme);
}
.news-card-items5 .news-content .icon .bg {
  display: inline-block;
  width: 55px;
  height: 41px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  background: #FEF4DE;
  transition: all 0.4s ease-in-out;
}
.news-card-items5 .news-content .icon:hover .bg {
  background-color: var(--theme);
}
.news-card-items5 .news-content .icon:hover svg path {
  fill: var(--white);
}
.news-card-items5:hover .news-image .news-layer-wrapper .news-layer-image {
  transform: translateY(-100%);
}

.news-section-5 {
  position: relative;
  z-index: 9;
}
.news-section-5::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  height: 50%;
  background-image: url(../img/cta/cta-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .news-section-5::before {
    background-size: initial;
  }
}
.news-section-5 .shape-1 {
  position: absolute;
  top: 20%;
  left: 5%;
}

.brand-box-1 {
  height: 125px;
  line-height: 125px;
  text-align: center;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.brand-box-1 .brand-img-1 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand-box-1 .brand-img-1 img {
  transition: all 0.6s ease;
  transform: translateY(0);
}
.brand-box-1 .brand-img-1:last-child img {
  transform: translateY(-350%);
  opacity: 0;
}
.brand-box-1:hover .brand-img-1:first-child img {
  transform: translateY(100%);
  opacity: 0;
}
.brand-box-1:hover .brand-img-1:last-child img {
  transform: translateY(0);
  opacity: 1;
}
.brand-box-1.style-border-5 {
  border: 1px solid #F0ECDF;
  border-radius: 0;
}

.brand-section p {
  margin-bottom: 50px;
  position: relative;
  font-size: 20px;
  color: var(--header);
  font-family: "Kalam", cursive;
  background-color: var(--white);
  position: relative;
  font-weight: 700;
  text-transform: capitalize;
}
.brand-section p::before {
  position: absolute;
  top: 15px;
  left: 15%;
  content: "";
  height: 1px;
  width: 370px;
  background-color: rgba(92, 112, 126, 0.2);
}
@media (max-width: 1399px) {
  .brand-section p::before {
    display: none;
  }
}
.brand-section p::after {
  position: absolute;
  top: 15px;
  right: 15%;
  content: "";
  height: 1px;
  width: 370px;
  background-color: rgba(92, 112, 126, 0.2);
}
@media (max-width: 1399px) {
  .brand-section p::after {
    display: none;
  }
}
.brand-section.style-2 p {
  background-color: #FFFBFB;
}

.instagram-image {
  position: relative;
  overflow: hidden;
  border-radius: 100px;
  max-width: 400px;
}
.instagram-image .icon {
  color: var(--theme);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 4px 40px rgba(56, 84, 105, 0.2);
  border-radius: 100px;
  display: inline-block;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  display: inline-block;
  padding: 15px 22px;
  border-radius: 100px;
  max-width: 230px;
  margin: 0 auto;
  text-transform: capitalize;
  z-index: 11;
  font-size: 16px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.instagram-image .icon i {
  margin-right: 7px;
}
.instagram-image .icon:hover {
  background-color: var(--theme);
  color: var(--white);
}
.instagram-image img {
  border-radius: 100px;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 100%;
  height: 100%;
}
.instagram-image img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.instagram-image:hover img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.instagram-image:hover img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.instagram-image:hover .icon {
  opacity: 1;
  visibility: visible;
}

.instagram-wrapper {
  overflow: hidden;
  width: 100%;
}
.instagram-wrapper .instagram-section {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: instagramMarquee 45s linear infinite;
}

@keyframes instagramMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.brand-wrapper5 {
  margin-top: -5px;
}
.brand-wrapper5 .brad-sub {
  font-size: 22px;
  position: relative;
  margin-bottom: 50px;
  color: var(--header);
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
  display: inline-block;
}
.brand-wrapper5 .brad-sub.color {
  color: var(--header);
}
.brand-wrapper5 .brad-sub::before {
  position: absolute;
  top: 15px;
  left: 35px;
  content: "";
  height: 1px;
  width: 480px;
  background-color: var(--theme);
}
@media (max-width: 1399px) {
  .brand-wrapper5 .brad-sub::before {
    display: none;
  }
}
.brand-wrapper5 .brad-sub::after {
  position: absolute;
  top: 15px;
  right: 35px;
  content: "";
  height: 1px;
  width: 480px;
  background-color: var(--theme);
}
@media (max-width: 1399px) {
  .brand-wrapper5 .brad-sub::after {
    display: none;
  }
}
.brand-wrapper5 .brand-image {
  text-align: center;
  filter: grayscale(100%);
  transition: all 0.4s ease-in-out;
  opacity: 0.4;
}
.brand-wrapper5 .brand-image:hover {
  filter: initial;
  opacity: 1;
}
.brand-wrapper5 .swiper-slide.swiper-slide-active .brand-image {
  filter: initial;
  opacity: 1;
}

.faq-section {
  background-color: #EFF5F6;
  position: relative;
  z-index: 99;
  margin-top: 135px;
}
@media (max-width: 1899px) {
  .faq-section {
    margin-top: 100px;
  }
}
@media (max-width: 1399px) {
  .faq-section {
    margin-top: 0;
    padding: 120px 0;
  }
}
@media (max-width: 1199px) {
  .faq-section {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .faq-section {
    padding: 80px 0;
  }
}
.faq-section.faq-section-2 {
  margin-top: 155px;
}
@media (max-width: 1899px) {
  .faq-section.faq-section-2 {
    margin-top: 120px;
  }
}
@media (max-width: 1399px) {
  .faq-section.faq-section-2 {
    margin-top: 0;
  }
}
.faq-section .top-shape {
  position: absolute;
  top: -135px;
  left: 0;
  right: 0;
}
@media (max-width: 1899px) {
  .faq-section .top-shape {
    top: -100px;
  }
}
@media (max-width: 1399px) {
  .faq-section .top-shape {
    display: none;
  }
}
.faq-section .top-shape img {
  width: 100%;
}
.faq-section .bottom-shape {
  position: absolute;
  bottom: -90px;
  left: 0;
  right: 0;
  z-index: 9;
}
@media (max-width: 1899px) {
  .faq-section .bottom-shape {
    bottom: -60px;
  }
}
@media (max-width: 1399px) {
  .faq-section .bottom-shape {
    display: none;
  }
}
.faq-section .bottom-shape img {
  width: 100%;
}
.faq-section .plane-shape {
  position: absolute;
  bottom: -60px;
  right: 0;
  z-index: 9;
}
@media (max-width: 1199px) {
  .faq-section .plane-shape {
    display: none;
  }
}
.faq-section .faq-image {
  position: relative;
}
@media (max-width: 1399px) {
  .faq-section .faq-image img {
    width: 100%;
    height: 100%;
  }
}
.faq-section .faq-image.style-2 {
  max-width: 718px;
  margin-left: -15%;
}
@media (max-width: 1199px) {
  .faq-section .faq-image.style-2 {
    margin-left: 0;
  }
}
.faq-section .faq-image.style-2 .faq-shape2 {
  position: absolute;
  left: -90px;
  top: -70px;
}
@media (max-width: 1199px) {
  .faq-section .faq-image.style-2 .faq-shape2 {
    display: none;
  }
}
.faq-section .faq-image.style-2 img {
  position: relative;
}
.faq-section .faq-image .faq-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 15px;
  z-index: -1;
}

.faq-content-1 {
  margin-top: -160px;
}
@media (max-width: 1399px) {
  .faq-content-1 {
    margin-top: 0;
  }
}
.faq-content-1 .faq-text {
  margin-top: 30px;
  font-size: 18px;
}
.faq-content-1 .accordion-box {
  position: relative;
  margin-top: 35px;
}
@media (max-width: 1199px) {
  .faq-content-1 .accordion-box {
    margin-top: 25px;
  }
}
.faq-content-1 .accordion-box .block {
  position: relative;
  background-color: transparent;
  margin-bottom: 10px;
  margin-bottom: 20px;
  line-height: 1;
  border-radius: 25px;
  background-color: var(--white);
  padding: 20px 30px;
}
@media (max-width: 470px) {
  .faq-content-1 .accordion-box .block {
    padding: 27px 24px;
  }
}
.faq-content-1 .accordion-box .block .acc-btn {
  position: relative;
  font-size: 24px;
  color: var(--header);
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
  text-transform: capitalize;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media (max-width: 1199px) {
  .faq-content-1 .accordion-box .block .acc-btn {
    font-size: 20px;
  }
}
@media (max-width: 470px) {
  .faq-content-1 .accordion-box .block .acc-btn {
    font-size: 17px;
    padding-right: 30px;
  }
}
.faq-content-1 .accordion-box .block .acc-btn .number {
  color: var(--text);
  font-family: "Quicksand", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -3px;
  margin-left: -50px;
  margin-right: 15px;
}
.faq-content-1 .accordion-box .block .acc-btn .icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 35px;
  font-size: 18px;
  line-height: 18px;
  color: var(--header);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.faq-content-1 .accordion-box .block .acc-content {
  position: relative;
  display: none;
  margin-top: 22px;
}
@media (max-width: 470px) {
  .faq-content-1 .accordion-box .block .acc-content {
    margin-top: 10px;
  }
}
.faq-content-1 .accordion-box .block .acc-content .content {
  position: relative;
}
.faq-content-1 .accordion-box .block .acc-content .content .text {
  line-height: 175%;
  font-size: 18px;
  font-weight: 400;
  color: var(--text);
  max-width: 570px;
}
@media (max-width: 1199px) {
  .faq-content-1 .accordion-box .block .acc-content .content .text {
    font-size: 14px;
  }
}
@media (max-width: 470px) {
  .faq-content-1 .accordion-box .block .acc-content .content .text {
    font-size: 13px;
  }
}
.faq-content-1 .accordion-box .active-block {
  border: 1px solid var(--theme);
}
.faq-content-1 .accordion-box .block .acc-content.current {
  display: block;
}
.faq-content-1 .accordion-box .block .acc-btn.active .icon {
  transform: rotate(40deg);
}
.faq-content-1 .accordion-box .block .acc-btn.active .icon svg path {
  fill: var(--theme);
}
.faq-content-1 .accordion-box .block .acc-btn.active {
  color: var(--theme);
}
.faq-content-1 .accordion-box .block:last-child {
  margin-bottom: 0;
}
.faq-content-1.faq-content-3 {
  max-width: 620px;
  margin-left: auto;
}
@media (max-width: 1199px) {
  .faq-content-1.faq-content-3 {
    margin-left: initial;
  }
}
.faq-content-1.faq-content-3 .faq-image-3 {
  max-width: 400px;
  margin-top: 30px;
}
.faq-content-1.faq-content-3 .faq-image-3 img {
  width: 100%;
  height: 100%;
}

.faq-section-3 {
  position: relative;
  z-index: 9;
}
.faq-section-3 .train-shape {
  position: absolute;
  right: 60px;
  bottom: 150px;
  z-index: -1;
}
@media (max-width: 1399px) {
  .faq-section-3 .train-shape {
    opacity: 0.3;
  }
}
.faq-section-3 .vec-shape {
  position: absolute;
  left: 40px;
  top: 35%;
  z-index: -1;
}
@media (max-width: 1399px) {
  .faq-section-3 .vec-shape {
    opacity: 0.3;
  }
}

.newsletter-wrapper {
  position: relative;
  z-index: 9;
  padding: 120px 50px;
  margin-bottom: 50px;
  margin-top: 38px;
}
@media (max-width: 1399px) {
  .newsletter-wrapper {
    padding-top: 60px;
  }
}
@media (max-width: 1199px) {
  .newsletter-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    padding: 60px 40px;
  }
}
@media (max-width: 767px) {
  .newsletter-wrapper {
    padding: 50px 30px;
  }
}
.newsletter-wrapper .border-shape {
  position: absolute;
  top: 20px;
  left: 50px;
  right: 0;
  max-width: 1360px;
  z-index: -1;
}
@media (max-width: 1199px) {
  .newsletter-wrapper .border-shape {
    display: none;
  }
}
.newsletter-wrapper .border-shape img {
  width: 100%;
}
.newsletter-wrapper .vec-1 {
  position: absolute;
  right: 0;
  top: -30px;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .newsletter-wrapper .vec-1 {
    display: none;
  }
}
.newsletter-wrapper .vec-2 {
  position: absolute;
  left: -20px;
  bottom: -15px;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
  .newsletter-wrapper .vec-2 {
    display: none;
  }
}
.newsletter-wrapper .vec-3 {
  position: absolute;
  left: 35px;
  bottom: 60px;
}
@media (max-width: 1199px) {
  .newsletter-wrapper .vec-3 {
    opacity: 0.3;
  }
}
.newsletter-wrapper .newsletter-bg {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1410 425"><path fill-rule="evenodd" clip-rule="evenodd" d="M47.8559 86.0209C54.8213 36.6825 97.0464 0 146.874 0H1263.13C1312.95 0 1355.18 36.6826 1362.14 86.021L1393.91 311.021C1402.41 371.213 1355.68 425 1294.89 425H115.109C54.3206 425 7.5935 371.213 16.0912 311.021L47.8559 86.0209Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1199px) {
  .newsletter-wrapper .newsletter-bg {
    mask: none;
    border-radius: 16px;
    bottom: 0;
    overflow: hidden;
  }
}
.newsletter-wrapper .newsletter-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #385469;
  opacity: 0.8;
}
@media (max-width: 1199px) {
  .newsletter-wrapper .newsletter-bg::before {
    border-radius: 16px;
  }
}
.newsletter-wrapper .newsletter-bg img {
  width: 100%;
  height: 100%;
}
.newsletter-wrapper .content {
  text-align: center;
  position: relative;
  z-index: 99;
}
.newsletter-wrapper .content .newsletter-items {
  margin-top: 50px;
  position: relative;
  max-width: 760px;
  margin: 50px auto 0;
}
.newsletter-wrapper .content .newsletter-items .icon {
  position: absolute;
  left: 22px;
  top: 20px;
}
@media (max-width: 575px) {
  .newsletter-wrapper .content .newsletter-items .icon {
    top: 16px;
  }
}
.newsletter-wrapper .content .newsletter-items .subscribe-btn {
  display: inline-block;
  background-color: var(--theme);
  color: var(--white);
  border-radius: 100px;
  padding: 23px 40px;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  line-height: 1;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .newsletter-wrapper .content .newsletter-items .subscribe-btn {
    position: static;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 18px;
    margin-top: 10px;
  }
}
.newsletter-wrapper .content .newsletter-items .subscribe-btn:hover {
  background-color: var(--header);
}
.newsletter-wrapper .content .newsletter-items input {
  border: none;
  width: 100%;
  background-color: var(--white);
  height: 68px;
  line-height: 68px;
  border-radius: 100px;
  padding-left: 56px;
  color: var(--text);
  padding-right: 210px;
}
@media (max-width: 1199px) {
  .newsletter-wrapper .content .newsletter-items input {
    height: 60px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .newsletter-wrapper .content .newsletter-items input {
    padding-right: 30px;
  }
}
.newsletter-wrapper.style-2 {
  padding: 100px 50px;
  position: relative;
}
.newsletter-wrapper.style-2 .plane-1 {
  position: absolute;
  top: 70px;
  left: 120px;
  z-index: 1;
}
.newsletter-wrapper.style-2 .flower-shape {
  position: absolute;
  bottom: 60px;
  left: 90px;
  z-index: 9;
}
.newsletter-wrapper.style-2 .newsletter-bg {
  background-color: #E6E8FC;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.newsletter-wrapper.style-2 .newsletter-bg::before {
  display: none;
}
.newsletter-wrapper.bg-new-add .newsletter-bg {
  background-color: #385469;
}

.newsletter-section {
  position: relative;
}
.newsletter-section .zirap-shape {
  position: absolute;
}
.newsletter-section .line-shape {
  position: absolute;
  left: 0;
  top: -30%;
}
.newsletter-section .line-shape2 {
  position: absolute;
  right: 0;
  bottom: 0;
}

.cta-section-4 {
  position: relative;
  background-position: initial;
}
.cta-section-4 .plane-shape {
  position: absolute;
  left: 50px;
  top: 60%;
  animation: rounded 5s linear infinite;
}
.cta-section-4 .pencil-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}

.cta-wrapper-4 {
  margin-top: 45px;
}
@media (max-width: 1399px) {
  .cta-wrapper-4 {
    margin-top: 45px;
  }
}
@media (max-width: 991px) {
  .cta-wrapper-4 {
    text-align: center;
    margin-top: 60px;
  }
}
.cta-wrapper-4 .cta-image {
  text-align: right;
  margin-bottom: -120px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .cta-wrapper-4 .cta-image {
    margin-bottom: -100px;
  }
}
@media (max-width: 991px) {
  .cta-wrapper-4 .cta-image {
    margin-bottom: -80px;
    text-align: center;
  }
}
.cta-wrapper-4 .cta-image .cta-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1399px) {
  .cta-wrapper-4 .cta-image .cta-shape {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 1399px) {
  .cta-wrapper-4 .cta-image .cta-shape {
    left: 35%;
  }
}
@media (max-width: 991px) {
  .cta-wrapper-4 .cta-image .cta-shape {
    left: 39%;
  }
}

.main-cta-section {
  position: relative;
}
.main-cta-section .plane-shape {
  position: absolute;
  top: -50px;
  right: 20px;
}

.main-cta-wrapper {
  position: relative;
  z-index: 9;
}
.main-cta-wrapper .cta-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--theme);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 485"><path d="M93.3383 50.2529C66.3045 51.6585 41.1387 60.7949 23.6656 75.5536C6.19249 90.3123 -2.15943 109.444 0.478019 128.654L38.7211 404.697C43.6663 440.539 85.4259 468.182 136.197 469.198L941.937 484.972C988.862 485.909 1030.4 463.653 1042.16 431.403L1166.78 89.5314C1174.91 67.1981 1167.44 43.4592 1146.67 25.7331C1125.9 8.00706 1094.36 -1.51972 1062.05 0.198227L93.3383 50.2529Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.main-cta-wrapper .newsletter-items {
  max-width: 550px;
  text-align: center;
  margin: 50px auto;
  position: relative;
}
@media (max-width: 767px) {
  .main-cta-wrapper .newsletter-items {
    padding: 0 15px;
  }
}
.main-cta-wrapper .newsletter-items .form-clt input {
  width: 100%;
  background-color: var(--white);
  border: none;
  outline: none;
  border-radius: 8px;
  padding: 20px 20px;
  color: var(--text);
}
.main-cta-wrapper .newsletter-items .subscribe-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  border-radius: 6px;
  padding: 10px 40px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
  background-color: var(--theme);
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.main-cta-wrapper .newsletter-items .subscribe-btn:hover {
  background-color: var(--header);
}
@media (max-width: 767px) {
  .main-cta-wrapper .newsletter-items .subscribe-btn {
    right: 25px;
  }
}
.main-cta-wrapper .pencil-shape {
  position: absolute;
  top: 30%;
  left: 5%;
  opacity: 0.5;
  animation: rounded 5s linear infinite;
}
.main-cta-wrapper .plane-shape {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
}
.main-cta-wrapper .cta-shape {
  position: absolute;
  left: 15%;
  bottom: 10%;
}

.book-contact-section-3 {
  position: relative;
  z-index: 9;
}
.book-contact-section-3 .shape-1 {
  position: absolute;
  top: 180px;
  left: 24%;
  z-index: -1;
}
@media (max-width: 1399px) {
  .book-contact-section-3 .shape-1 {
    opacity: 0.3;
  }
}
.book-contact-section-3 .shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1399px) {
  .book-contact-section-3 .shape-2 {
    opacity: 0.3;
  }
}
.book-contact-section-3 .shape-3 {
  position: absolute;
  top: 40%;
  right: 40px;
  z-index: -1;
}
@media (max-width: 1399px) {
  .book-contact-section-3 .shape-3 {
    opacity: 0.3;
  }
}
.book-contact-section-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(10, 77, 109, 0.8);
  z-index: -1;
}
.book-contact-section-3 .content .text {
  color: var(--white);
  font-size: 18px;
  max-width: 565px;
  margin-top: 30px;
}
.book-contact-section-3 .content .info-content {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .book-contact-section-3 .content .info-content {
    margin-top: 30px;
  }
}
@media (max-width: 470px) {
  .book-contact-section-3 .content .info-content {
    margin-top: 18px;
  }
}
.book-contact-section-3 .content .info-content .icon {
  width: 56px;
  height: 59px;
  line-height: 59px;
  background-color: var(--theme);
  text-align: center;
  border-radius: 16px;
}
.book-contact-section-3 .content .info-content .info-cont p {
  font-weight: 600;
  color: var(--white);
}
.book-contact-section-3 .content .info-content .info-cont h3 {
  font-size: 30px;
}
@media (max-width: 767px) {
  .book-contact-section-3 .content .info-content .info-cont h3 {
    font-size: 23px;
  }
}
@media (max-width: 575px) {
  .book-contact-section-3 .content .info-content .info-cont h3 {
    font-size: 20px;
  }
}
.book-contact-section-3 .content .info-content .info-cont h3 a {
  color: var(--white);
}
.book-contact-section-3 .content .info-content .info-cont h3 a:hover {
  color: var(--theme);
}

.contact-form-items-3 {
  position: relative;
}
@media (max-width: 1399px) {
  .contact-form-items-3 .contact-bg {
    display: none;
  }
}
.contact-form-items-3 .contact-bg img {
  width: 100%;
  height: 100%;
}
.contact-form-items-3 .title {
  font-size: 50px;
  font-weight: 700;
  color: var(--white);
  text-transform: capitalize;
  margin-bottom: 12px;
}
@media (max-width: 575px) {
  .contact-form-items-3 .title {
    font-size: 38px;
  }
}
.contact-form-items-3 .form-box {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  max-width: 460px;
  margin: 0 auto;
}
@media (max-width: 1399px) {
  .contact-form-items-3 .form-box {
    position: static;
    max-width: initial;
    background-color: var(--theme);
    padding: 50px 30px;
    border-radius: 30px;
    border-radius: 14px;
  }
}
.contact-form-items-3 .form-box .form-clt .label-text {
  display: inline-block;
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 8px;
}
.contact-form-items-3 .form-box .form-clt input, .contact-form-items-3 .form-box .form-clt textarea {
  display: inline-block;
  border: 1px solid rgba(22, 51, 59, 0.1);
  width: 100%;
  padding: 0 22px;
  line-height: 65px;
  height: 65px;
  border-radius: 15px;
  color: var(--header);
  font-weight: 400;
  text-transform: capitalize;
}
.contact-form-items-3 .form-box .form-clt input::placeholder, .contact-form-items-3 .form-box .form-clt textarea::placeholder {
  color: var(--header);
}
.contact-form-items-3 .form-box .form-clt .single-select {
  display: inline-block;
  border: 1px solid rgba(22, 51, 59, 0.1);
  width: 100%;
  padding: 0 22px;
  line-height: 1;
  border-radius: 15px;
  color: var(--text);
  font-weight: 400;
  line-height: 65px;
  height: 65px;
}
.contact-form-items-3 .form-box .form-clt .single-select .list {
  width: 100%;
}
.contact-form-items-3 .form-box .form-clt textarea {
  height: 126px;
}
.contact-form-items-3 .form-box .theme-btn:hover {
  /* First Text Goes Up */
}
.contact-form-items-3 .form-box .theme-btn:hover .theme-text {
  transform: translateY(-250%);
}
.contact-form-items-3 .form-box .theme-btn:hover {
  /* Second Text Comes From Bottom */
}
.contact-form-items-3 .form-box .theme-btn:hover .theme-text2 {
  transform: translateY(-50%);
}
.contact-form-items-3 .form-box .theme-btn:hover .theme-bg svg path {
  fill: var(--header);
}
.contact-form-items-3 .form-box .theme-btn.hover-header:hover .theme-bg svg path {
  fill: var(--header);
}

.contact-wrapper-2 .contact-left-items .contact-info-area-2 {
  padding: 40px;
  background-color: var(--theme);
  border-radius: 16px 16px 0px 0px;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 1199px) {
  .contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items {
    flex-wrap: wrap;
  }
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .icon {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  position: relative;
  border: 2px dotted var(--white);
  border-radius: 50%;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content p {
  color: var(--white);
  margin-bottom: 5px;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content h3 {
  font-size: 24px;
  color: var(--white);
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content h3 a {
  color: var(--white);
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content h2 {
  font-size: 24px;
  color: var(--white);
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content h2 a {
  color: var(--white);
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items.border-none {
  border: none !important;
}
.contact-wrapper-2 .contact-left-items .video-image {
  position: relative;
}
.contact-wrapper-2 .contact-left-items .video-image img {
  width: 100%;
  height: 100%;
  border-radius: 0px 0px 16px 16px;
}
.contact-wrapper-2 .contact-left-items .video-image .video-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.contact-wrapper-2 .contact-left-items .video-image .video-box .video-btn {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  color: var(--theme);
  background-color: var(--white);
}
.contact-wrapper-2 .contact-left-items .video-image .video-box .ripple::before, .contact-wrapper-2 .contact-left-items .video-image .video-box .ripple::after {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
}
.contact-wrapper-2 .contact-content {
  margin-left: 40px;
}
@media (max-width: 991px) {
  .contact-wrapper-2 .contact-content {
    margin-left: 0;
  }
}
.contact-wrapper-2 .contact-content h2 {
  margin-bottom: 10px;
}
.contact-wrapper-2 .contact-content .contact-form-items {
  margin-top: 30px;
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt span {
  color: var(--header);
  font-weight: 500;
  text-transform: capitalize;
  display: inline-block;
  margin-bottom: 8px;
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt input, .contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea {
  border: 1px solid rgba(92, 112, 126, 0.2);
  color: var(--text);
  padding: 18px 20px;
  border-radius: 9px;
  width: 100%;
  line-height: 1;
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt input::placeholder, .contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea::placeholder {
  color: var(--text);
}
.contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea {
  padding-bottom: 150px;
}

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

.login-wrapper {
  position: relative;
}
@media (max-width: 1399px) {
  .login-wrapper {
    background-color: var(--theme);
    border-radius: 16px;
    padding: 40px 30px;
  }
}
@media (max-width: 1399px) {
  .login-wrapper .thumb {
    display: none;
  }
}
.login-wrapper .thumb img {
  width: 100%;
  height: 100%;
}
.login-wrapper .login-items {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
@media (max-width: 1399px) {
  .login-wrapper .login-items {
    position: static;
    transform: initial;
  }
}
.login-wrapper .login-items .contact-left-items {
  padding-left: 170px;
  padding-top: 30px;
}
@media (max-width: 1399px) {
  .login-wrapper .login-items .contact-left-items {
    padding: 0;
  }
}
.login-wrapper .login-items .contact-left-items h2 {
  color: var(--white);
  margin-bottom: 10px;
}
.login-wrapper .login-items .contact-left-items p {
  color: var(--white);
}
.login-wrapper .login-items .contact-left-items form {
  margin-top: 30px;
}
.login-wrapper .login-items .contact-left-items .form-group {
  margin-bottom: 25px;
}
.login-wrapper .login-items .contact-left-items .form-group label {
  display: block;
  font-size: 16px;
  color: #fff;
  margin-bottom: 8px;
  font-weight: 500;
}
.login-wrapper .login-items .contact-left-items .form-group label span {
  color: #ff914d;
  margin-left: 2px;
}
.login-wrapper .login-items .contact-left-items .form-group input {
  width: 100%;
  padding: 15px;
  border: none;
  outline: none;
  padding: 16px 20px;
  color: #333;
  line-height: 1;
  border-radius: 8px;
  font-size: 15px;
  text-transform: capitalize;
}
.login-wrapper .login-items .contact-left-items .form-group input::placeholder {
  color: var(--text);
}
.login-wrapper .login-items .contact-left-items .form-group .password-wrapper {
  position: relative;
}
.login-wrapper .login-items .contact-left-items .form-group .password-wrapper i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--header);
  cursor: pointer;
  font-size: 18px;
}
.login-wrapper .login-items .contact-left-items .remember-forget-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
}
.login-wrapper .login-items .contact-left-items .remember-forget-row .custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  position: relative;
}
.login-wrapper .login-items .contact-left-items .remember-forget-row .custom-checkbox input {
  display: none;
}
.login-wrapper .login-items .contact-left-items .remember-forget-row .custom-checkbox .checkmark {
  height: 20px;
  width: 20px;
  background-color: #fff;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  border-radius: 2px;
}
.login-wrapper .login-items .contact-left-items .remember-forget-row .custom-checkbox .checkmark::after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--theme);
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.login-wrapper .login-items .contact-left-items .remember-forget-row .forget-pass {
  color: #fff;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 400;
}
.login-wrapper .login-items .contact-left-items button {
  width: 100%;
  margin-bottom: 30px;
  transition: 0.3s;
  background-color: var(--header);
  color: var(--white);
  padding: 14px 20px;
  border-radius: 12px;
}
.login-wrapper .login-items .contact-left-items button:hover {
  opacity: 0.9;
}
.login-wrapper .login-items .contact-left-items .login-btn.style-2 {
  background: transparent;
  border: 1px solid var(--header);
}
.login-wrapper .login-items .contact-left-items .login-btn.style-2 img {
  margin-right: 8px;
}
.login-wrapper .login-items .contact-left-items .login-btn.style-2:hover {
  background-color: var(--header);
}
.login-wrapper .login-items .contact-left-items .footer-text {
  font-size: 15px;
  color: #808080;
}
.login-wrapper .login-items .contact-left-items .footer-text a {
  color: #000000;
  text-decoration: underline;
  font-weight: 600;
  margin-left: 5px;
}
.login-wrapper .login-items .login-image {
  max-width: 400px;
}
.login-wrapper .login-items .login-image img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

.contact-form-items5 .form-clt span {
  color: var(--white);
  margin-bottom: 20px;
  display: inline-block;
}
.contact-form-items5 .form-clt input, .contact-form-items5 .form-clt textarea {
  width: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  border: 1px solid var(--white);
  color: var(--white);
  padding: 18px 20px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .contact-form-items5 .form-clt input, .contact-form-items5 .form-clt textarea {
    padding: 14px 20px;
  }
}
@media (max-width: 575px) {
  .contact-form-items5 .form-clt input, .contact-form-items5 .form-clt textarea {
    padding: 12px 18px;
  }
}
.contact-form-items5 .form-clt input::placeholder, .contact-form-items5 .form-clt textarea::placeholder {
  color: rgba(255, 255, 255, 0.7019607843);
}
.contact-form-items5 .form-clt textarea {
  padding-bottom: 70px;
}

.contact-wrapper5 {
  position: relative;
  z-index: 9;
  background-color: #70A6B1;
  border-radius: 100px;
  margin-top: 55px;
}
@media (max-width: 991px) {
  .contact-wrapper5 {
    margin-top: 0;
  }
}
.contact-wrapper5 .contact-image5 {
  margin-top: -55px;
  position: relative;
  margin-right: 50px;
}
@media (max-width: 1199px) {
  .contact-wrapper5 .contact-image5 {
    left: 35px;
    height: 590px;
  }
}
@media (max-width: 991px) {
  .contact-wrapper5 .contact-image5 {
    display: none;
  }
}
.contact-wrapper5 .contact-image5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-wrapper5 .contact-image5 .cricle-shape {
  position: absolute;
  top: 24%;
  left: -27px;
  z-index: -1;
  animation: cir36 10s linear infinite;
}
.contact-wrapper5 .contact-content5 {
  margin-top: 50px;
  padding: 0 70px 80px;
}
@media (max-width: 1199px) {
  .contact-wrapper5 .contact-content5 {
    margin-top: 60px;
    padding: 0 35px 60px;
  }
}
@media (max-width: 991px) {
  .contact-wrapper5 .contact-content5 {
    margin-top: 0;
    margin-left: 0;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .contact-wrapper5 .contact-content5 {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .contact-wrapper5 .contact-content5 {
    padding: 50px 40px;
  }
}
@media (max-width: 575px) {
  .contact-wrapper5 .contact-content5 {
    padding: 40px 30px;
  }
}
.contact-wrapper5 .contact-content5 .contact-form-items .form-clt span {
  text-transform: capitalize;
}
.contact-wrapper5 .contact-content5 .contact-form-items .form-clt input, .contact-wrapper5 .contact-content5 .contact-form-items .form-clt textarea {
  border-radius: 5px;
}
.contact-wrapper5 .contact-content5 .contact-form-items .form-clt input::placeholder, .contact-wrapper5 .contact-content5 .contact-form-items .form-clt textarea::placeholder {
  color: var(--white);
}
.contact-wrapper5 .contact-content5 .contact-form-items .theme-btn {
  color: var(--theme);
  border-radius: 8px;
}
.contact-wrapper5 .contact-content5 .contact-form-items .theme-btn:hover {
  color: var(--white);
}

.contact-section5 {
  position: relative;
}
.contact-section5 .line-1 {
  position: absolute;
  top: 42%;
  left: 5%;
  animation: rounded 5s linear infinite;
}
.contact-section5 .line-2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #FBF3E6;
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--theme);
  border-radius: 0;
}

.array-button {
  display: flex;
  align-items: center;
  gap: 15px;
  z-index: 999;
}
.array-button .array-prev, .array-button .array-next {
  border-radius: 100px;
  border: 1px solid #E6E8EB;
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  border-radius: 50%;
  color: var(--header);
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.array-button .array-prev:hover, .array-button .array-next:hover {
  background-color: var(--theme);
  color: var(--white);
}

.swiper-dot {
  position: relative;
}
.swiper-dot .swiper-pagination-bullet {
  width: 14px;
  height: 20px;
  transition: 0.6s;
  background-color: #FEDFEF;
  opacity: 1;
  border-radius: 50%;
  position: relative;
  z-index: 9;
}
.swiper-dot .swiper-pagination-bullet::before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 5px;
  content: "";
  width: 14px;
  height: 20px;
  border: 2px solid var(--theme);
  border-radius: 50%;
  z-index: -1;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 8px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme);
  transition: 0.6s;
  position: relative;
}

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

.fix {
  overflow: hidden;
}

.ralt {
  position: relative;
}

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

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

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

.p-relative {
  position: relative;
}

.ripple {
  position: relative;
}
.ripple::before, .ripple::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(236, 72, 153, 0.5);
  -webkit-animation: rippleOne 3s infinite;
  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;
}

.page-nav-wrap {
  margin-top: 60px;
}
.page-nav-wrap ul li {
  display: inline-block;
}
.page-nav-wrap ul li.active .page-numbers {
  background-color: var(--theme);
  color: var(--white);
}
.page-nav-wrap ul li .page-numbers.current {
  background-color: var(--theme);
  color: var(--white);
}
.page-nav-wrap ul li .page-numbers {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 0;
  background: var(--header);
  color: var(--white);
  font-weight: 500;
  transition: all 0.3s ease-in-out;
  margin: 0 2px;
  border-radius: 50%;
  font-family: "Quicksand", sans-serif;
}
@media (max-width: 767px) {
  .page-nav-wrap ul li .page-numbers {
    margin-top: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
.page-nav-wrap ul li .page-numbers i {
  margin-top: 2px;
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.page-nav-wrap ul li .page-numbers:hover {
  background-color: var(--theme);
  color: var(--white);
}
.page-nav-wrap ul li .page-numbers:hover i {
  color: var(--white);
}

.box-user {
  position: sticky;
  top: 0px;
  padding-top: 60px;
}

.box-color-1 {
  background: rgba(136, 212, 242, 0.15);
  color: #F8B81F;
}

.box-color-2 {
  background: rgba(250, 157, 183, 0.15);
  color: #5866EB;
}

.box-color-3 {
  background: rgba(253, 197, 99, 0.15);
  color: #39C0FA;
}

.box-color-4 {
  background: rgba(181, 233, 58, 0.15);
  color: #F92596;
}