@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap");
:root {
  --body: #FFFBFB;
  --black: #000;
  --white: #fff;
  --theme: #f5c518;
  --header: #385469;
  --text: #5C707E;
  --border: #385469;
  --bg: #FEF4DE;
  --bg2: #E1F6FE;
  --bg3: #FEDFEF;
  --bg4: #E6E8FC;
  --bg5: #FFEAEB;
  --box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
}
body {
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  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: 60px;
  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: 40px;
  font-weight: 700;
  line-height: 120%;
}
@media (max-width: 1399px) {
  h2 {
    font-size: 34px;
  }
}
@media (max-width: 1199px) {
  h2 {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  h2 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  h2 {
    font-size: 26px;
  }
}
@media (max-width: 470px) {
  h2 {
    font-size: 22px;
  }
}

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

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

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

h6 {
  font-size: 15px;
  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 .theme-text {
  top: 50%;
  transform: translateY(-50%);
}

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


.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: 0px 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: 16px;
}
.header-main .main-menu ul li:last-child {
  margin-inline-end: 0;
}
.header-main .main-menu ul li a {
  display: inline-block;
  font-size: 12px;
  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 .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 li.has-dropdown a{padding-bottom: 0;line-height: 28px;}
.header-main .main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  font-size: 12px;
  font-weight: 700;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  line-height: normal;
  padding: 0px 0px 15px 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: 99;
}
img.img-fluid.banner-colm {
    border: 2px solid #1a3fa8;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 20px;
}
@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: 1200px;
}
.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;
  }
}
@media (max-width: 767px) {
.header-3 .mega-menu-wrapper{  padding: 10px 0px !important;}
}
.header-3 .mega-menu-wrapper {
  background:#fff;
  background-blend-mode: overlay, normal;
  backdrop-filter: blur(40px);
  padding: 0px 20px;
}
a.logo img {
    width: 112px;
}
.header-3 .header-main .main-menu ul li a {
  color: #000;
}
.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: #000;
}
.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);
}
.modal.fade.custom-modal.show {
    z-index: 99999;
}
.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 999;
  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);
}

.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;
    color: #fff;
    position: relative;
    background: #1a3fa8;
    z-index: 99;
    padding-bottom: 15px;
    padding-top: 15px;
}
.footer-section .footer-text b {
  text-transform: capitalize;
}

 {
  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) {
   {
    padding-top: 70px;
  }
}
@media (max-width: 991px) {
   {
    padding-top: 50px;
  }
}
 .footer-content {
  max-width: 350px;
  margin-top: 30px;
  position: relative;
  z-index: 9;
}
 .footer-content .footer-logo {
  display: inline-block;
  margin-bottom: 30px;
}
 .footer-content .social-icon {
  gap: 10px;
  margin-top: 28px;
}
 .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-content .social-icon a:hover {
  background-color: var(--theme);
  color: var(--white);
  border-color: var(--theme);
}
 .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-items .flag-img {
  position: absolute;
  top: 30px;
  right: 30px;
}
.footer-info-items .title {
  font-size: 20px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 22px;
  text-transform: capitalize;
}
 .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-items .title::after {
  position: absolute;
  bottom: 0;
  left: 28px;
  content: "";
  width: 64px;
  height: 2px;
  background-color: var(--header);
  border-radius: 4px;
}
 .footer-info-items ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
 .footer-info-items ul li:not(:last-child) {
  margin-bottom: 15px;
}
 .footer-info-items ul li i {
  color: var(--theme);
}

.footer-widget-wrapper {
  padding: 40px 0 30px;
  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);
}

@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: 60px 0;
}
@media (max-width: 1199px) {
  .section-padding {
    padding: 70px 0;
  }
}
@media (max-width: 991px) {
  .section-padding {
    padding: 60px 0;
  }
}

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

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

/*---------------------------------------
05. Sections
---------------------------------------*/
.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: 180px 0 200px;
  position: relative;
  z-index: 999;
}
@media (max-width: 1399px) {
  .hero-3 {
    padding: 140px 0 160px;
  }
}
@media (max-width: 1199px) {
  .hero-3 {
    padding: 150px 0 170px;
  }
}
@media (max-width: 991px) {
  .hero-3 {
    padding: 110px 0 140px;
  }
}
@media (max-width: 767px) {
  .hero-3 {
    padding: 100px 0 60px;
  }
}
.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, rgb(30 0 64 / 80%) 0%, rgb(18 0 34 / 70%) 50.48%, rgba(10, 77, 109, 0) 66.83%, #6939a0 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:55px;
  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;
}

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

.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: 25px 20px;
  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: 85px;
  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: 10px;
}
.pricing-items .pricing-header h4 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0px;
}
@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: 15px;
  font-weight: 500;
  margin-left: -10px;
}
.pricing-items .pricing-list {
  margin-top: 10px;
  margin-bottom: 10px;
}
@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: 13px 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: #1a3fa8;
}
.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 span {
    color: #fff;
}
.pricing-items span {
   font-size: small;
}
.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: #1a3fa8;
}
.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;
}

.activities-section {padding: 120px 0 80px;
  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: auto;
  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: rgb(26 63 168 / 66%);
  font-family: "Quicksand", sans-serif;
  color: transparent;
  line-height: 1;
  margin-bottom: 18px;
}
.schedule-title {margin-bottom: 25px;
    background: #1a3fa8;    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    padding: 5px;
}
.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: #1a3fa8;
  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: #1a3fa8;
}
.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: #1a3fa8;
}
.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: #1a3fa8;
    display: inline-block;
    background: rgb(226 234 255);
    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;
}




.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-box-items-22 {    border-radius: 26px;
  padding: 25px 30px;
  position: relative;
  z-index: 9;
  text-align: center;
  margin: 10px auto;

}

.program-box-items-22.bg-1{  background-color:#cf0000;}
.program-box-items-22.bg-2 {
  background-color: var(--theme);
}
.program-box-items-22.bg-3 {
  background-color: #5866EB;
}
.program-box-items-22.bg-4 {
  background-color: #F25334;
}
.program-box-items-22.bg-5 {
  background-color: #0096a3;
}
.program-box-items-22.bg-6 {
  background-color: #00a323;
}
.program-box-items-22 .icon {
  font-size: 50px;
  color: var(--white);
}
.program-box-items-22 .content {
  padding: 30px 0px 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;
}
@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;
}


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

.book-contact-section-3 {
  position: relative;
  z-index: 9;
}
.book-contact-section-3 .shape-1 {
  position: absolute;
  top: 180px;
  left: 24%;
  z-index: -1;
}

.book-contact-section-3 .shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.book-contact-section-3 .shape-3 {
  position: absolute;
  top: 40%;
  right: 40px;
  z-index: -1;
}
 .book-contact-section-3 .shape-2 {
    opacity: 0.3;
  }
   .book-contact-section-3 .shape-1 {
    opacity: 0.3;
  }
  .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: rgb(4 19 61 / 89%);
    z-index: -1;
}
.book-contact-section-3 .content .text {
  color: var(--white);
  font-size: 18px;
  max-width: 565px;
  margin-bottom:20px;
}
.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: 30px;
  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;
}
  .contact-form-items-3 .form-box {
    position: static;
    max-width: initial;
    background-color: #1a3fa8;
    padding: 20px 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: 16px;
  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: 45px;
  height: 45px;
  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: 45px;
  height: 45px;
}
.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;
  }
}

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


.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;
}
.year-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}
.year-tab.active, .year-tab:hover {
    background: #1a3fa8;
    color: #ffffff;
}
.year-tab {
    padding: 4px 18px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 0.87rem;
    cursor: pointer;
    border: 2px solid #1a3fa8;
    background: transparent;
    color: #1a3fa8;
    transition: all 0.2s;
}
.courses-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 24px;
}
.course-card {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(26,63,168,0.13);
    border: 1.5px solid #eef1fa;
    transition: transform 0.2s, box-shadow 0.2s;
    background: #ffffff;
}
.course-header {
    padding: 22px 22px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
}
.course-icon.math {
    background: #e8f0fe;
}
.course-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}
.course-title-wrap h3 {
    font-size: 1.15rem;
    font-weight: 800;
    color: #000;
}
.course-title-wrap .course-years {
    font-size: 0.8rem;
    font-weight: 700;
    color: #5a6375;
}
.course-body {
    padding: 0 22px 22px;
}
.course-desc {
    color: #5a6375;
    font-size: 0.92rem;
    line-height: 1.6;
    margin-bottom: 14px;
}
.course-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 16px;
}
.ctag {
    background: #eef1fa;
    color: #1a3fa8;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 12px;
}
 .schedule-card {
            background: #fff;
            border-radius: 20px;
            padding: 25px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            height: 100%;
           border-bottom: 4px solid #1a3fa8;
        }

        
        .schedule-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }

        .schedule-item h6{
            color: #1a2b6d;
            font-weight: 700;
            width: 100px;
        }

        .schedule-item p {line-height: normal;
            color: #6c757d;
            font-size: small;
            flex-grow: 1;
            padding-right: 10px;
        }
.choose-us-wrapper .choose-us-image-items {
    position: relative;
}
.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 img {
    width: 100%;
    height: 100%;
}
.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;
    }
}
        .time-badge {line-height: normal;
            background-color: #eef2ff;
            color: #4a6cf7;
            padding: 5px 15px;
            border-radius: 12px;
            font-weight: 600;
            font-size: 0.85rem;
            min-width: 110px;
            text-align: center;
        }

       .schedule-row:last-child {
            margin-bottom: 0px;
           
        }
        .schedule-row:not(:last-child) {
            border-bottom: 1px solid #f1f1f1;
            padding-bottom: 10px ;
        }
        .schedule-title.bg-1 {
    background: #cf0000;
}
.schedule-title.bg-3 {
    background:#f5c518;
}
        .course-icon.eng {
    background: #fef9e7;
}
.course-icon.sci {
    background: #e8f8e8;
}
 .contact-container {
            margin: 0 auto;
            background: #ffffff;
            border-radius: 12px;
            padding: 10px 20px;
        }
        .contact-item {
            display: flex;
            align-items: center;
            padding: 15px 0;
            border-bottom: 1px solid #f0f0f0;
            text-decoration: none;
            transition: background 0.2s;
        }
        .contact-item:last-child {
            border-bottom: none;
        }
        .contact-item:hover {
            background-color: #fafafa;
        }
        .icon-box {
            width: 50px;
            height: 50px;
            background-color: #f0f3ff; /* Light blueish tint like image */
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
        }
        .icon-box i {
            font-size: 20px;
            color: #1a3fa8; 
        }
      
        .contact-info {
            line-height: 1.4;
        }
        .contact-title {
            font-weight: 700;
            color: #0d2c6c;
            font-size: 1.1rem;
            margin-bottom: 2px;
            display: block;
        }
        .contact-subtitle {
            color: #6c757d;
            font-size: 0.9rem;
            display: block;
        }
        .course-details {
    display: flex;
    gap: 5px;
    padding: 14px 0;
    border-top: 1px solid #eef1fa;
}
.cdetail {
    font-size: 0.82rem;
    color: #5a6375;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}
.cdetail span {line-height: 1;
    color: #102a7a;
}