@charset "UTF-8";
/*======================================================================================
Theme Name: Kidzu 
Author: Gramentheme
Author URI: https://themeforest.net/user/Gramentheme/portfolio
Description: Kidzu – Kindergarten, Preschool & Kids Education HTML Template
Service Html Template 
Version: 1.0.0
=======================================================================================*/
/*======================================================================================
  >> TABLE OF CONTENTS <<
========================================================================================
01. Mixins & Variables
02. Base
03. Components
04. Layouts
05. Sections
======================================================================================*/
/*---------------------------------------
01. Mixins & Variables
---------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&amp;display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&amp;display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&amp;display=swap");

:root {
    --body: #fffbfb;
    --black: #312e2e;
    --white: #fff;
    --theme: #d6a829;
    --header: #385469;
    --text: #5c707e;
    --border: #385469;
    --bg: #fceed080;
    --bg2: #e1f6fe;
    --bg3: #fedfef;
    --bg4: #e6e8fc;
    --bg5: #ffeaeb;
    --box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
}

/*---------------------------------------
02. Base
---------------------------------------*/
/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
    font-family: "Source Sans 3", sans-serif;
    font-size: 18px;
    font-weight: 400;
    /* line-height: 28px; */
    color: var(--black);
    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(--black);
    transition: all 0.4s ease-in-out;
}

h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 114%;
}

@media (max-width: 1399px) {
    h1 {
        font-size: 40px;
    }
}

@media (max-width: 1199px) {
    h1 {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    h1 {
        font-size: 40px;
        line-height: 130% !important;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 40px;
    }
}

@media (max-width: 575px) {
    h1 {
        font-size: 40px;
    }
}

@media (max-width: 470px) {
    h1 {
        font-size: 34px;
    }
}

h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
}

@media (max-width: 1399px) {
    h2 {
        font-size: 44px;
    }
}

@media (max-width: 1199px) {
    h2 {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    h2 {
        font-size: 40px;
    }
}

@media (max-width: 575px) {
    h2 {
        font-size: 36px;
    }
}

@media (max-width: 470px) {
    h2 {
        font-size: 30px;
    }
}

h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 142%;
}

@media (max-width: 575px) {
    h3 {
        font-size: 22px;
    }
}

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

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

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

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

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

span {
    margin: 0px;
}

.theme-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    height: 59px;
    width: 170px;
    border-radius: 8px;
    /* Elegant square/rectangular shape with slight rounding */
    background-color: var(--header);
    /* Default peach/orange color */
    transition:
        background-color 0.4s ease,
        border-color 0.4s ease,
        color 0.4s ease;
}

.theme-btn .theme-text,
.theme-btn .theme-text2 {
    display: inline-flex;
    font-size: 19px;
    font-weight: 600;
    font-family: "Source Sans 3", 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: none;
    /* Hide SVG background */
}

.theme-btn .theme-bg svg {
    display: none;
}

.theme-btn:hover {
    background-color: var(--theme);
    /* Default hover to dark blue */
}

.theme-btn.hover-header:hover {
    background-color: var(--theme);
    /* Hover to orange */
}

.theme-btn:hover .theme-text {
    transform: translateY(-250%);
}

.theme-btn:hover .theme-text2 {
    transform: translateY(-50%);
}

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

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

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

@media (max-width: 767px) {
    .search-popup__overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: 100%;
        border-radius: 0;
        transform: translateY(-110%);
    }
}

.search-popup__content {
    position: fixed;
    width: 0;
    max-width: 560px;
    padding: 30px 15px;
    left: 50%;
    top: 50%;
    opacity: 0;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    -khtml-transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    -moz-transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    -ms-transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    -o-transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    transition-delay: 0s, 0.8s, 0s;
    transition-delay: 0s, 0.4s, 0s;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

.search-popup__form {
    position: relative;
}

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

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

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

.search-popup__form .search-btn:hover {
    background-color: var(--header);
    color: var(--white);
}

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

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

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

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

.search-popup.active .search-popup__content {
    width: 100%;
    opacity: 1;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}

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

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

@media (max-width: 575px) {
    .loader {
        font-size: 70px;
    }
}

.loader:before {
    content: "Kidzu";
}

@keyframes l9 {
    to {
        background-position:
            calc(50% + 1.6em) 0,
            calc(50% + 3.2em) 0.8em;
    }
}

@-webkit-keyframes rippleOne {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}

@keyframes rippleOne {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}

@keyframes gelatine {
    from,
    to {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.7, 1.1);
    }

    50% {
        transform: scale(1.1, 0.7);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

@keyframes cir36 {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rounded {
    50% {
        transform: rotate(15deg);
    }
}

@keyframes up-down {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes letters-loading {
    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@keyframes letters-loading {
    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@keyframes loaderspin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes tpswing {
    0% {
        -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes width {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes width {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes loaderspin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes loaderpulse {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

@keyframes rounded {
    50% {
        transform: rotate(20deg);
    }
}

@keyframes cir36 {
    100% {
        transform: rotate(360deg);
    }
}

.float-bob-y {
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

@keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

.float-bob-x {
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(30px);
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
}

@keyframes float-bob-x {
    0% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
}

@keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounce-x {
    -webkit-animation: bounce-x 7s infinite linear;
    animation: bounce-x 7s infinite linear;
}

@keyframes criss-cross-left {
    0% {
        left: -20px;
    }

    50% {
        left: 50%;
        width: 20px;
        height: 20px;
    }

    100% {
        left: 50%;
        width: 375px;
        height: 375px;
    }
}

@keyframes criss-cross-right {
    0% {
        right: -20px;
    }

    50% {
        right: 50%;
        width: 20px;
        height: 20px;
    }

    100% {
        right: 50%;
        width: 375px;
        height: 375px;
    }
}

@keyframes rotated2 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes wave {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes zoom {
    0% {
        transform: scale(0.5);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.5);
    }
}

@keyframes translateY2 {
    0% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes translateX2 {
    0% {
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    100% {
        -webkit-transform: translatXY(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes moving {
    0% {
        transform: translatey(0px);
    }

    20% {
        transform: translateX(-50px);
    }

    50% {
        transform: translatey(-40px);
    }

    100% {
        transform: translatey(0px);
    }
}

/*img-animation**********************/
.img-custom-anim-right {
    animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
        0.4s;
    opacity: 0;
}

@keyframes img-anim-right {
    0% {
        transform: translateX(5%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

.img-custom-anim-left {
    animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
        0.4s;
    opacity: 0;
}

@keyframes img-anim-left {
    0% {
        transform: translateX(-5%);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

.img-custom-anim-top {
    animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
}

@keyframes img-anim-top {
    0% {
        transform: translateY(-5%);
        clip-path: inset(0 0 100% 0);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

@keyframes animate-positive {
    0% {
        width: 0;
    }
}

@keyframes scale {
    0% {
        top: -1000px;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animation-infinite {
    animation: ShapeAnim 50s linear infinite;
    height: 30px;
    width: 100%;
    background-repeat: repeat;
    overflow: hidden;
}

@keyframes ShapeAnim {
    0% {
        background-position: top left;
    }

    100% {
        background-position: top left 3000px;
    }
}

.splt-txt .whitespace {
    width: 8px;
}

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

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

@media (max-width: 991px) {
    .splt-txt-bounce .whitespace {
        width: 10px;
    }
}

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

/*---------------------------------------
04. Layouts
---------------------------------------*/
@media (max-width: 1199px) {
    .menu-thumb {
        display: none !important;
    }
}

.header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 10px;
    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: 20px;
}

.header-main .main-menu ul li:last-child {
    margin-inline-end: 0;
}

.header-main .main-menu ul li a {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: var(--black);
    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: 440px;
    width: max-content;
    max-width: 90vw;
    background: var(--white);
    padding: 20px 0;
    border-radius: 10px;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    color: var(--header);
    transition: all 0.4s ease-in-out;
    border-top: 4px solid var(--theme);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transform: scaleY(0);
    transform-origin: top;
    visibility: hidden;
    gap: 0;
    padding: 10px 0;
    transition: 0.4s;
}

.header-main .main-menu ul li .submenu li {
    display: block;
    width: 100%;
    margin: 0;
}

.header-main .main-menu ul li .submenu li a {
    position: relative;
    z-index: 11;
    font-size: 16px;
    font-weight: 700;
    color: var(--black);
    font-family: "Quicksand", sans-serif;
    line-height: 38px;
    padding: 0px 0px 0px 32px;
    padding-right: 22px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
}

.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: #d6a51e !important;
    margin-left: 10px;
}

.header-main .main-menu ul li .submenu li:hover > a::before {
    width: 10px;
}

.header-main .main-menu ul li .submenu li:hover > a::after {
    color: var(--theme);
}

.header-main .main-menu ul li .submenu li:hover > .submenu {
    -webkit-transform: translateY(1);
    -moz-transform: translateY(1);
    -ms-transform: translateY(1);
    -o-transform: translateY(1);
    transform: translateY(1);
    visibility: visible;
    opacity: 1;
}

.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
    position: absolute;
    top: 50%;
    inset-inline-end: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--theme);
}

.header-main .main-menu ul li .has-homemenu {
    padding: 20px 20px 10px 20px !important;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    width: 100%;
    z-index: 999;
    overflow: hidden;
    margin: auto;
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
    position: relative;
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb {
    position: relative;
    border-radius: 10px;
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    margin-top: 20px;
    left: 25px;
    right: 25px;
}

@media (max-width: 1399px) {
    .header-main
        .main-menu
        ul
        li
        .has-homemenu
        .homemenu-items
        .homemenu
        .homemenu-thumb
        .demo-button
        .gt-theme-btn {
        font-size: 14px;
        min-width: 140px;
    }
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button
    .theme-btn {
    justify-content: center;
    line-height: 1;
    background-color: var(--theme);
    color: var(--white);
    border-radius: 30px;
    max-width: 180px;
    margin: 0 auto;
    height: 54px;
    line-height: 54px;
    padding: 0 28px;
    font-family: "Quicksand", sans-serif;
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button
    .theme-btn
    i {
    font-size: 16px;
    margin-left: 10px;
    margin-right: 0;
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button
    .theme-btn:hover {
    color: var(--white) !important;
    background-color: var(--header);
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb::before {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(20, 19, 19, 0)),
        to(#5e5ef6)
    );
    background: linear-gradient(
        to bottom,
        rgba(99, 92, 92, 0) 0%,
        #252527 100%
    );
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    border-radius: 10px;
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb:hover
    .homemenu-btn {
    opacity: 1;
    visibility: visible;
    bottom: 50%;
    transform: translateY(50%);
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    img {
    width: 100%;
    border-radius: 10px;
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    a {
    padding: 0;
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu:hover
    .homemenu-thumb::before {
    visibility: visible;
    opacity: 1;
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu:hover
    .homemenu-thumb
    .demo-button {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-title {
    text-align: center;
    margin: 15px auto;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
    color: var(--header);
    text-transform: capitalize;
}

.header-main .main-menu ul li:hover > a {
    color: var(--theme);
}

.header-main .main-menu ul li:hover > a::after {
    color: var(--theme);
}

.header-main .main-menu ul li:hover > .submenu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    transition: all 0.5s ease;
}

.header-main .header-right {
    gap: 30px;
}

@media (max-width: 1399px) {
    .header-main .header-right {
        gap: 20px;
    }
}

.header-main .header__hamburger {
    line-height: 1;
}

.header-main .sidebar__toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    width: 25px;
    height: 25px;
    position: relative;
    top: 0;
    inset-inline-start: 0;
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.header-main .sidebar__toggle span {
    display: block;
    width: 18px;
    height: 2px;
    background-color: var(--white);
    border-radius: 10px;
    margin-inline-end: auto;
    backface-visibility: hidden;
    transition: all 0.3s;
}

.header-main .sidebar__toggle span:last-child,
.header-main .sidebar__toggle span:first-child {
    width: 25px;
}

.header-main .sidebar__toggle.mobile_menu_bar {
    width: 50px;
    height: 50px;
    padding: 12px;
    background: var(--white);
    border-radius: 7px;
}

.header-main .sidebar__toggle.mobile_menu_bar span {
    background-color: var(--white);
}

.header-main .sidebar__toggle:hover span {
    width: 100%;
}

.header-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

@media (max-width: 575px) {
    .header-1 .logo img {
        width: 140px;
    }
}

.header-1 .top-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

@media (max-width: 1199px) {
    .header-1 .top-bar {
        display: none;
    }
}

.header-1 .top-bar img {
    width: 100%;
    height: 118px;
}

@media (max-width: 1199px) {
    .header-1 .logo img {
        width: 150px;
    }
}

@media (max-width: 575px) {
    .header-1 .logo img {
        width: 150px;
    }
}

.header-1 .container {
    max-width: 1720px;
}

.header-1 .sidebar__toggle span {
    background-color: var(--header);
}

.header-1 .sidebar__toggle span:last-child,
.header-1 .sidebar__toggle span:first-child {
    width: 25px;
}

.header-1 .sidebar__toggle:hover span {
    width: 100%;
}

.header-1 .header-right .search-toggler {
    display: inline-block;
    width: 59px;
    height: 59px;
    line-height: 59px;
    border: 1px solid rgba(56, 84, 105, 0.2);
    text-align: center;
    border-radius: 50%;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 575px) {
    .header-1 .header-right .search-toggler {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
}

.header-1 .header-right .search-toggler:hover {
    background-color: var(--theme);
    border-color: var(--theme);
    color: var(--white);
}

@media (max-width: 1199px) {
    .header-1 .header-right .theme-btn {
        display: none;
    }
}

.header-section-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.header-section-2 .container {
    max-width: 1720px;
}

.header-section-2 .header-top {
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .header-section-2 .header-top {
        display: none;
    }
}

.header-section-2 .header-top .topbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.header-section-2 .header-top .topbar img {
    width: 100%;
    height: 72px;
}

.header-section-2 .header-top-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-section-2 .header-top-wrapper ul {
    display: flex;
    align-items: center;
    gap: 30px;
}

.header-section-2 .header-top-wrapper ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-section-2 .header-top-wrapper ul li .icon {
    width: 30px;
    height: 30px;
    line-height: 34px;
    text-align: center;
    border-radius: 20px;
    background-color: var(--white);
    font-size: 12px;
    color: var(--theme);
}

.header-section-2 .header-top-wrapper ul li {
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
}

.header-section-2 .header-top-wrapper ul li a {
    color: var(--white);
}

.header-section-2 .header-top-wrapper .social-icon {
    gap: 10px;
}

.header-section-2 .header-top-wrapper .social-icon a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: var(--white);
    font-size: 14px;
    text-align: center;
}

.header-section-2 .header-top-wrapper .social-icon a:hover {
    background-color: var(--white);
    color: var(--theme);
    border-color: var(--white);
}

.header-section-2 .sidebar__toggle span {
    background-color: var(--header);
}

.header-section-2 .sidebar__toggle span:last-child,
.header-section-2 .sidebar__toggle span:first-child {
    width: 25px;
}

.header-section-2 .sidebar__toggle:hover span {
    width: 100%;
}

@media (max-width: 575px) {
    .header-section-2 .header-2 .logo img {
        width: 140px;
    }
}

.header-section-2 .header-2 .header-right .search-toggler {
    display: inline-block;
    width: 59px;
    height: 59px;
    line-height: 59px;
    border: 1px solid rgba(56, 84, 105, 0.2);
    text-align: center;
    border-radius: 50%;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 575px) {
    .header-section-2 .header-2 .header-right .search-toggler {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
}

.header-section-2 .header-2 .header-right .search-toggler:hover {
    background-color: var(--theme);
    border-color: var(--theme);
    color: var(--white);
}

@media (max-width: 1199px) {
    .header-section-2 .header-2 .header-right .theme-btn {
        display: none;
    }
}

.header-3 .mega-menu-wrapper {
    background: radial-gradient(
        90.16% 143.01% at 15.32% 21.04%,
        rgba(165, 239, 255, 0.2) 0%,
        rgba(110, 191, 244, 0.0447917) 77.08%,
        rgba(70, 144, 213, 0) 100%
    );
    background-blend-mode: overlay, normal;
    backdrop-filter: blur(40px);
    border-radius: 59px;
    padding: 0 30px;
    margin-top: 20px;
}

.header-3 .header-main .main-menu ul li a {
    color: var(--white);
}

.header-3 .header-main .main-menu ul li a:hover {
    color: var(--theme) !important;
}

.header-3 .header-main .main-menu ul li .submenu {
    color: var(--header);
}

.header-3 .header-main .main-menu ul li .submenu li a {
    color: var(--header);
}

.header-3 .header-main .main-menu ul li .submenu li a:hover {
    color: var(--theme) !important;
}

.header-3 .header-main .main-menu ul li .submenu li:hover > a {
    color: var(--theme) !important;
}

.header-3 .header-main .main-menu ul li .submenu li:hover > a::after {
    color: var(--theme);
}

.header-3 .header-main .main-menu ul li .submenu li.has-dropdown > a::after {
    color: var(--theme);
}

.header-3 .header-main .main-menu ul li:hover > a {
    color: var(--theme);
}

.header-3 .header-main .main-menu ul li:hover > a::after {
    color: var(--theme);
}

.header-3 .sidebar__toggle span {
    background-color: var(--white);
}

.header-3 .sidebar__toggle:hover span {
    width: 100%;
}

.header-3 .header-right .search-toggler {
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--white);
}

.header-3 .header-right .search-toggler:hover {
    background-color: var(--theme);
    border-color: var(--theme);
    color: var(--white);
}

.sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.9s;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    background-color: var(--white);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.sticky.header-1 .top-bar {
    display: none;
}

.sticky.header-3 {
    background-color: var(--header);
}

.sticky.header-3 .mega-menu-wrapper {
    background: initial;
    background-blend-mode: initial;
    backdrop-filter: initial;
    border-radius: 0px;
    padding: 0 0;
    margin-top: 0;
}

.sticky.header-3 .theme-btn:hover .theme-bg svg path {
    fill: var(--white);
}

.sticky.header-3 .theme-btn:hover span {
    color: var(--header);
}

.offcanvas__info {
    background: var(--header) none repeat scroll 0 0;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    -webkit-transform: translateX(calc(100% + 80px));
    -moz-transform: translateX(calc(100% + 80px));
    -ms-transform: translateX(calc(100% + 80px));
    -o-transform: translateX(calc(100% + 80px));
    transform: translateX(calc(100% + 80px));
    -webkit-transition:
        transform 0.45s ease-in-out,
        opacity 0.45s ease-in-out;
    -moz-transition:
        transform 0.45s ease-in-out,
        opacity 0.45s ease-in-out;
    transition:
        transform 0.45s ease-in-out,
        opacity 0.45s ease-in-out;
    z-index: 9999999;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
    top: 15px;
    width: 470px;
    height: calc(100% - 30px);
    -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    border-start-start-radius: 12px;
    border-end-start-radius: 12px;
    border-radius: 12px;
}

.offcanvas__info::-webkit-scrollbar {
    display: none;
}

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

.offcanvas__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 40px;
    overflow: auto;
    height: 100%;
}

.offcanvas__wrapper .offcanvas__top {
    margin-bottom: 30px;
}

.offcanvas__wrapper .offcanvas__logo img {
    width: 190px;
}

@media (max-width: 575px) {
    .offcanvas__wrapper .offcanvas__logo img {
        width: 130px;
    }
}

.offcanvas__wrapper .offcanvas__close {
    color: var(--theme);
    display: inline-block;
    font-size: 35px;
    line-height: 1;
    transition: all 0.4s ease-in-out;
}

.offcanvas__wrapper .offcanvas__close i {
    color: var(--white);
}

.offcanvas__wrapper .offcanvas__close:hover {
    transform: rotate(90deg);
}

.offcanvas__wrapper .offcanvas__close:hover i {
    color: var(--theme);
}

.offcanvas__wrapper .text {
    color: #c1d2ce;
    font-size: 15px;
}

.offcanvas__wrapper .off-contact-info {
    margin-top: 30px;
}

.offcanvas__wrapper .off-contact-info .info-title {
    font-size: 24px;
    color: var(--white);
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
}

@media (max-width: 575px) {
    .offcanvas__wrapper .off-contact-info .info-title {
        font-size: 20px;
    }
}

.offcanvas__wrapper .off-contact-info .contact-details {
    margin-top: 14px;
}

.offcanvas__wrapper .off-contact-info .contact-details .sub-info {
    color: #c1d2ce;
}

@media (max-width: 575px) {
    .offcanvas__wrapper .off-contact-info .contact-details .sub-info {
        font-size: 14px;
    }
}

.offcanvas__wrapper .off-contact-info .contact-details p {
    color: var(--white);
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
    font-weight: 600;
}

@media (max-width: 575px) {
    .offcanvas__wrapper .off-contact-info .contact-details p {
        font-size: 15px;
    }
}

.offcanvas__wrapper .off-contact-info .contact-details p a {
    color: var(--white);
}

.offcanvas__wrapper .social-icon-list {
    margin-top: 30px;
}

.offcanvas__wrapper .social-icon-list .follow-title {
    font-size: 24px;
    color: var(--white);
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
}

@media (max-width: 575px) {
    .offcanvas__wrapper .social-icon-list .follow-title {
        font-size: 20px;
    }
}

.offcanvas__wrapper .social-icon-list .social-icon {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
}

.offcanvas__wrapper .social-icon-list .social-icon a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    background: rgba(193, 210, 206, 0.0705882353);
    color: var(--white);
    font-size: 14px;
}

.offcanvas__wrapper .social-icon-list .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
}

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

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

@media (max-width: 575px) {
    .offcanvas__wrapper {
        padding: 20px;
    }

    .offcanvas__info {
        width: 390px;
    }
}

@media (max-width: 450px) {
    .offcanvas__info {
        width: 340px;
    }
}

.breadcrumb-wrapper {
    position: relative;
    overflow: hidden;
    z-index: 9;
    background-position: bottom center !important;
    background-image: url("../img/breadcrumb-bg.png");
}

.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: 160px 0 100px;
    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: 115px;
        padding-bottom: 40px;
    }
}

.breadcrumb-wrapper .page-heading h1 {
    font-size: 40px;
    position: relative;
    z-index: 9;
    font-weight: 600;
    text-transform: capitalize;
}

@media (max-width: 575px) {
    .breadcrumb-wrapper .page-heading h1 {
        font-size: 27px;
    }
}

@media (max-width: 470px) {
    .breadcrumb-wrapper .page-heading h1 {
        font-size: 27px;
    }
}

.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(--header);
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
}

.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
    color: var(--header);
    transition: all 0.4s ease-in-out;
}

.breadcrumb-wrapper .page-heading .breadcrumb-items li a i {
    color: var(--theme);
    margin-right: 9px;
}

.breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover {
    color: var(--theme);
    opacity: 1;
}

.breadcrumb-wrapper .page-heading .breadcrumb-items li a i {
    color: var(--theme);
    margin-right: 5px;
}

.breadcrumb-wrapper .page-heading .breadcrumb-items li i {
    color: var(--white);
}

.error-items {
    text-align: center;
    position: relative;
}

.error-items .error-image {
    max-width: 695px;
    margin: 0 auto 20px;
}

.error-items .error-image img {
    width: 100%;
    height: 100%;
}

.error-items h2 {
    font-size: 72px;
    font-weight: 700;
    margin-bottom: 25px;
}

@media (max-width: 575px) {
    .error-items h2 {
        font-size: 30px;
    }
}

.error-items p {
    margin: 0 auto 40px;
}

@media (max-width: 767px) {
    .error-items p {
        margin-bottom: 30px;
    }
}

.footer-section {
    background-color: var(--bg);
    position: relative;
    /* margin-top: 50px; */
}

@media (max-width: 767px) {
    .footer-section {
        margin-top: 0;
        overflow: hidden;
    }
}

.footer-section .footer-top {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}

@media (max-width: 767px) {
    .footer-section .footer-top {
        display: none;
    }
}

.footer-section .footer-top img {
    width: 100%;
}

.footer-section .bear-shape {
    position: absolute;
    left: 0;
    top: 18%;
}

@media (max-width: 1899px) {
    .footer-section .bear-shape {
        display: none;
    }
}

.footer-section .bag-shape {
    position: absolute;
    right: 0;
    bottom: 30px;
}

@media (max-width: 1600px) {
    .footer-section .bag-shape {
        opacity: 0.3;
    }
}

.footer-section .vec-shape {
    position: absolute;
    top: 15%;
    right: 56px;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1600px) {
    .footer-section .vec-shape {
        opacity: 0.3;
    }
}

.footer-section .bottom-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (max-width: 1399px) {
    .footer-section .bottom-shape {
        height: 90px;
    }
}

.footer-section .bottom-shape img {
    width: 100%;
}

@media (max-width: 1399px) {
    .footer-section .bottom-shape img {
        height: 100%;
        object-fit: cover;
    }
}

.footer-section .footer-text {
    text-align: center;
    position: relative;
    z-index: 99;
    padding-bottom: 20px;
    padding-top: 15px;
    color: var(--black);
}

.footer-section .footer-text b {
    text-transform: capitalize;
}

.copyright-text {
    color: var(--header);
    font-weight: 700;
}

.footer-info-wrapper {
    border-bottom: 2px dashed rgba(56, 84, 105, 0.2);
    padding-bottom: 40px;
    padding-top: 50px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1199px) {
    .footer-info-wrapper {
        padding-top: 15px;
    }
}

@media (max-width: 991px) {
    .footer-info-wrapper {
        padding-top: 10px;
    }
}

.footer-info-wrapper .footer-content {
    max-width: 350px;
    margin-top: 30px;
    position: relative;
    z-index: 9;
}

.footer-info-wrapper .footer-content .footer-logo {
    display: inline-block;
    margin-bottom: 30px;
}

.footer-info-wrapper .footer-content .social-icon {
    gap: 10px;
    margin-top: 28px;
}

.footer-info-wrapper .footer-content .social-icon a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid rgba(92, 112, 126, 0.25);
    border-radius: 50%;
    font-size: 14px;
}

.footer-info-wrapper .footer-content .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
    border-color: var(--theme);
}

.footer-info-wrapper .footer-info-items {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(56, 84, 105, 0.2);
    border-radius: 40px;
    padding: 20px;
    position: relative;
    margin-top: 30px;
    position: relative;
    z-index: 9;
}

.footer-info-wrapper .footer-info-items .flag-img {
    position: absolute;
    top: 30px;
    right: 30px;
}

.footer-info-wrapper .footer-info-items .title {
    font-size: 26px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 22px;
    text-transform: capitalize;
}

.footer-info-wrapper .footer-info-items .title::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 22px;
    height: 2px;
    background-color: var(--theme);
    border-radius: 4px;
}

.footer-info-wrapper .footer-info-items .title::after {
    position: absolute;
    bottom: 0;
    left: 28px;
    content: "";
    width: 64px;
    height: 2px;
    background-color: var(--header);
    border-radius: 4px;
}

.footer-info-wrapper .footer-info-items ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
}

.footer-info-wrapper .footer-info-items ul li a {
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
}

.footer-info-wrapper .footer-info-items ul li a:hover {
    color: var(--theme);
}

.footer-info-wrapper .footer-info-items ul li:not(:last-child) {
    margin-bottom: 15px;
}

.footer-info-wrapper .footer-info-items ul li i {
    color: var(--header);
}

.footer-widget-wrapper {
    padding: 40px 0 80px;
    position: relative;
    z-index: 9;
}

.footer-widget-wrapper .footer-widget-items .widget-head {
    padding-bottom: 15px;
    margin-bottom: 22px;
    position: relative;
}

.footer-widget-wrapper .footer-widget-items .widget-head::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 22px;
    height: 2px;
    background-color: var(--theme);
    border-radius: 4px;
}

.footer-widget-wrapper .footer-widget-items .widget-head::after {
    position: absolute;
    bottom: 0;
    left: 28px;
    content: "";
    width: 64px;
    height: 2px;
    background-color: var(--header);
    border-radius: 4px;
}

.footer-widget-wrapper .footer-widget-items .widget-head h3 {
    font-size: 20px;
    text-transform: capitalize;
}

.footer-widget-wrapper .footer-widget-items .gt-list-area li {
    transition: all 0.4s ease-in-out;
    text-transform: capitalize;
}

.footer-widget-wrapper .footer-widget-items .gt-list-area li:not(:last-child) {
    margin-bottom: 15px;
}

.footer-widget-wrapper .footer-widget-items .gt-list-area li a {
    color: var(--text);
}

.footer-widget-wrapper .footer-widget-items .gt-list-area li:hover {
    margin-left: 5px;
}

.footer-widget-wrapper .footer-widget-items .gt-list-area li:hover a {
    color: var(--theme);
}

.footer-widget-wrapper .footer-widget-items .contact-infor li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-widget-wrapper .footer-widget-items .contact-infor li:not(:last-child) {
    margin-bottom: 15px;
}

.footer-widget-wrapper .footer-widget-items .contact-infor li i {
    color: var(--theme);
}

.footer-3 {
    background: linear-gradient(
        180deg,
        #e1f6fe 0%,
        rgba(225, 246, 254, 0) 100%
    );
    position: relative;
}

.footer-3 .footer-ball {
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1899px) {
    .footer-3 .footer-ball {
        opacity: 0.3;
    }
}

@media (max-width: 1199px) {
    .footer-3 .footer-ball {
        display: none;
    }
}

.footer-3 .mother-shape {
    position: absolute;
    bottom: 50px;
    right: 0;
}

@media (max-width: 1899px) {
    .footer-3 .mother-shape {
        opacity: 0.3;
    }
}

.footer-3 .bottom-shape {
    z-index: 1;
}

.footer-top-bar {
    position: relative;
    z-index: 99;
    padding: 80px 0 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px dashed rgba(56, 84, 105, 0.2);
}

.footer-top-bar .social-icon {
    gap: 10px;
    margin-top: 28px;
}

.footer-top-bar .social-icon a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid rgba(243, 159, 95, 0.15);
    border-radius: 50%;
    font-size: 14px;
}

.footer-top-bar .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
    border-color: var(--theme);
}

.footer-widgets-wrapper5 {
    padding: 90px 0 120px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1199px) {
    .footer-widgets-wrapper5 {
        padding: 60px 0 90px;
    }
}

@media (max-width: 991px) {
    .footer-widgets-wrapper5 {
        padding: 50px 0 70px;
    }
}

.footer-widgets-wrapper5 .single-footer-widget {
    margin-top: 30px;
}

.footer-widgets-wrapper5 .single-footer-widget .widget-head {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(
        90deg,
        #f39f5f 4.85%,
        rgba(201, 203, 223, 0) 96.39%
    );
    border-bottom: 2px solid transparent;
    border-image-slice: 2;
    display: inline-block;
}

@media (max-width: 575px) {
    .footer-widgets-wrapper5 .single-footer-widget .widget-head {
        margin-bottom: 20px;
    }
}

.footer-widgets-wrapper5 .single-footer-widget .widget-head h3 {
    font-weight: bold;
    color: var(--header);
    font-size: 24px;
    display: inline-block;
}

.footer-widgets-wrapper5 .single-footer-widget .footer-content p {
    color: var(--header);
}

.footer-widgets-wrapper5 .single-footer-widget .footer-content .social-icon {
    margin-top: 40px;
    gap: 15px;
    position: relative;
    z-index: 9;
}

@media (max-width: 575px) {
    .footer-widgets-wrapper5
        .single-footer-widget
        .footer-content
        .social-icon {
        margin-top: 20px;
    }
}

.footer-widgets-wrapper5 .single-footer-widget .footer-content .social-icon a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    display: block;
    color: var(--header);
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border: 1px solid rgba(56, 84, 105, 0.2);
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-content
    .social-icon
    a:hover {
    background-color: var(--theme);
    color: var(--white);
    border: 1px solid transparent;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-content.style-two
    .social-icon {
    margin-top: 20px;
    margin-bottom: 35px;
}

.footer-widgets-wrapper5 .single-footer-widget .footer-content .footer-input {
    position: relative;
    margin-top: 40px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-content
    .footer-input
    input {
    background: transparent;
    border: none;
    outline: none;
    padding: 18px 20px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(92, 112, 126, 0.3);
    color: var(--text);
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-content
    .footer-input
    input::placeholder {
    color: var(--text);
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-content
    .footer-input
    .newsletter-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 60px;
    height: 55px;
    line-height: 60px;
    border-radius: 4px;
    text-align: center;
    background-color: var(--theme);
    color: var(--white);
    bottom: 5px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-content
    .footer-input
    .newsletter-btn
    i {
    font-size: 24px;
}

.footer-widgets-wrapper5 .single-footer-widget .footer-content .contact-info {
    margin-top: 20px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-content
    .contact-info
    li {
    color: var(--text);
    font-weight: 500;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-content
    .contact-info
    li:not(:last-child) {
    margin-bottom: 20px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-content
    .contact-info
    li
    i {
    font-size: 16px;
    color: var(--theme);
    margin-right: 10px;
    font-size: 20px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-content
    .contact-info
    li
    a {
    color: var(--text);
}

.footer-widgets-wrapper5 .single-footer-widget .list-area li {
    transition: all 0.4s ease-in-out;
    font-weight: 500;
}

.footer-widgets-wrapper5 .single-footer-widget .list-area li:not(:last-child) {
    margin-bottom: 15px;
}

.footer-widgets-wrapper5 .single-footer-widget .list-area li a {
    color: var(--header);
}

.footer-widgets-wrapper5 .single-footer-widget .list-area li a i {
    margin-right: 5px;
}

.footer-widgets-wrapper5 .single-footer-widget .list-area li:hover {
    margin-left: 5px;
}

.footer-widgets-wrapper5 .single-footer-widget .list-area li:hover a {
    color: var(--theme);
}

.footer-widgets-wrapper5
    .single-footer-widget
    .recent-post-area
    .recent-post-items {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .recent-post-area
    .recent-post-items
    .thumb {
    width: 80px;
    height: 80px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .recent-post-area
    .recent-post-items
    .thumb
    img {
    width: 100%;
    height: 100%;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .recent-post-area
    .recent-post-items
    .content
    .post-date {
    margin-bottom: 10px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .recent-post-area
    .recent-post-items
    .content
    .post-date
    li {
    color: var(--theme);
}

.footer-widgets-wrapper5
    .single-footer-widget
    .recent-post-area
    .recent-post-items
    .content
    h6 {
    font-size: 16px;
    font-weight: 700;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .recent-post-area
    .recent-post-items
    .content
    h6
    a {
    color: var(--header);
}

.footer-widgets-wrapper5
    .single-footer-widget
    .recent-post-area
    .recent-post-items
    .content
    h6
    a:hover {
    color: var(--theme);
}

.footer-widgets-wrapper5 .single-footer-widget .footer-post .single-post-item {
    overflow: hidden;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-post
    .single-post-item
    .thumb {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 20px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-post
    .single-post-item
    .post-content
    .post-date {
    color: var(--theme);
    margin-bottom: 10px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-post
    .single-post-item
    .post-content
    .post-date
    i {
    margin-right: 10px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-post
    .single-post-item
    .post-content
    h6 {
    font-size: 16px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-post
    .single-post-item
    .post-content
    h6
    a {
    color: var(--text);
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-post
    .single-post-item
    .post-content
    h6
    a:hover {
    color: var(--theme);
}

@media (min-width: 1200px) {
    .footer-widgets-wrapper5 .single-footer-widget.style-margin {
        margin-left: 70px;
    }
}

@media (min-width: 1200px) {
    .footer-widgets-wrapper5 .single-footer-widget.style-margin-2 {
        margin-left: 50px;
    }
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-gallery
    .gallery-wrap
    .gallery-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-gallery
    .gallery-wrap
    .gallery-item:not(:last-child) {
    margin-bottom: 10px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb {
    position: relative;
}

@media (max-width: 575px) {
    .footer-widgets-wrapper5
        .single-footer-widget
        .footer-gallery
        .gallery-wrap
        .gallery-item
        .thumb {
        width: 100px;
    }
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    transition: 0.3s;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(243, 159, 95, 0.85);
    transition: 0.4s;
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon
    i {
    color: var(--white);
    font-size: 22px;
    z-index: 99;
    position: relative;
    margin-top: 25px;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb:hover
    .icon {
    opacity: 1;
}

.footer-widgets-wrapper5
    .single-footer-widget
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb:hover
    .icon::after {
    opacity: 1;
}

.footer-widgets-wrapper5 .footer-style-2 {
    background-color: rgba(122, 135, 255, 0.15);
    margin-top: 30px;
    padding: 20px 50px 50px 50px;
    position: relative;
    z-index: 9;
}

.footer-widgets-wrapper5
    .footer-style-2
    .single-footer-widget
    .footer-content
    .contact-info-area-2 {
    margin-top: 20px;
}

.footer-widgets-wrapper5
    .footer-style-2
    .single-footer-widget
    .footer-content
    .contact-info-area-2
    .contact-info-item-2 {
    display: flex;
    gap: 16px;
}

.footer-widgets-wrapper5
    .footer-style-2
    .single-footer-widget
    .footer-content
    .contact-info-area-2
    .contact-info-item-2
    .icon {
    font-size: 24px;
    color: var(--white);
}

.footer-widgets-wrapper5
    .footer-style-2
    .single-footer-widget
    .footer-content
    .contact-info-area-2
    .contact-info-item-2
    .content
    h6 {
    font-weight: 700;
    color: var(--white);
    margin-bottom: 5px;
}

.footer-widgets-wrapper5
    .footer-style-2
    .single-footer-widget
    .footer-content
    .contact-info-area-2
    .contact-info-item-2
    .content
    a {
    color: var(--text);
}

.footer-widgets-wrapper5
    .footer-style-2
    .single-footer-widget
    .footer-content
    .apps-image {
    gap: 16px;
    margin-top: 30px;
}

.footer-bottom {
    position: relative;
    z-index: 9;
    z-index: 9;
}

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

.footer-bottom .footer-wrapper {
    position: relative;
    z-index: 9;
    padding-top: 50px;
    padding-bottom: 20px;
}

@media (max-width: 991px) {
    .footer-bottom .footer-wrapper {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center !important;
        margin-top: 30px;
    }
}

.footer-bottom .footer-wrapper p {
    color: var(--header);
}

.footer-bottom .footer-wrapper p a {
    color: var(--theme);
}

.footer-bottom .footer-wrapper .footer-menu {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-bottom .footer-wrapper .footer-menu li a {
    color: var(--header);
    background-image: linear-gradient(var(--theme), var(--theme));
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline-block;
    transition: all 0.4s ease-in-out;
}

.footer-bottom .footer-wrapper .footer-menu li a:hover {
    background-size: 100% 1px;
    color: var(--theme);
}

.footer-section5 {
    position: relative;
}

.footer-section5 .footer-top-shape {
    position: absolute;
    top: 0;
    left: 0;
}

.footer-section5 .f-bottom-shape {
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer-section5 .frame-shape {
    position: absolute;
    top: 40%;
    left: 0;
    animation: rounded 5s linear infinite;
}

.footer-section5 .frame-shape.style-2 {
    top: 35%;
}

@media (max-width: 1199px) {
    .footer-section5 .frame-shape {
        display: none;
    }
}

.footer-section5 .zebra-shape {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.footer-section5 .zebra-shape-2 {
    position: absolute;
    right: 0;
    bottom: 30%;
}

@media (max-width: 1399px) {
    .footer-section5 .zebra-shape-2 {
        display: none;
    }
}

.footer-section5 .tree-shape {
    position: absolute;
    left: 0;
    bottom: 30%;
}

@media (max-width: 1399px) {
    .footer-section5 .tree-shape {
        display: none;
    }
}

.footer-section5 .frame-shape-3 {
    position: absolute;
    top: 40%;
    right: 0;
    transform: translateY(-50%);
}

@media (max-width: 1199px) {
    .footer-section5 .frame-shape-3 {
        display: none;
    }
}

.section-title {
    position: relative;
    z-index: 99;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .section-title {
        margin-bottom: 0;
    }

    .section-title br {
        display: none;
    }
}

.section-title .sec-sub {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: var(--theme);
    line-height: 1;
    margin-bottom: 10px;
    font-family: "Kalam", cursive;
    display: inline-block;
}

.section-title h2 {
    color: var(--black);
}

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

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

@media (max-width: 991px) {
    .section-padding {
        padding: 25px 0;
    }
}

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

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

/*---------------------------------------
05. Sections
---------------------------------------*/
.hero-1 {
    background-color: var(--bg);
    padding: 160px 0 0;
    position: relative;
    overflow: hidden;
}

.hero-1 .swiper-dot {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
}

@media (max-width: 1199px) {
    .hero-1 .swiper-dot {
        display: none;
    }
}

.hero-1 .shape1 {
    position: absolute;
    top: 17%;
    left: 7%;
}

@media (max-width: 1399px) {
    .hero-1 .shape1 {
        top: 7%;
        left: 2%;
    }
}

@media (max-width: 1199px) {
    .hero-1 .shape1 {
        opacity: 0.4;
        top: 3%;
    }
}

.hero-1 .shape3 {
    position: absolute;
    left: 30%;
    bottom: 13%;
}

@media (max-width: 1199px) {
    .hero-1 .shape3 {
        left: 43%;
        bottom: 8%;
    }
}

.hero-1 .shape2 {
    position: absolute;
    top: 12%;
    left: 50%;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1199px) {
    .hero-1 .shape2 {
        opacity: 0.4;
    }
}

@media (max-width: 991px) {
    .hero-1 .shape2 {
        position: absolute;
        top: 40%;
        left: 0%;
    }
}

.hero-1 .shape4 {
    position: absolute;
    bottom: 10%;
    left: 47%;
}

@media (max-width: 1600px) {
    .hero-1 .shape4 {
        bottom: 10%;
        left: 42%;
    }
}

@media (max-width: 1399px) {
    .hero-1 .shape4 {
        left: 39%;
        max-width: 300px;
    }

    .hero-1 .shape4 img {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .hero-1 .shape4 {
        display: none;
    }
}

.hero-1 .shape5 {
    position: absolute;
    right: 0;
    top: 15%;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1600px) {
    .hero-1 .shape5 {
        max-width: 170px;
    }

    .hero-1 .shape5 img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1199px) {
    .hero-1 .shape5 {
        display: none;
    }
}

.hero-1 .hero-slider {
    margin-right: -110px;
}

@media (max-width: 1600px) {
    .hero-1 .hero-slider {
        margin-right: 0;
    }
}

.hero-1 .hero-line {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    z-index: 99;
}

@media (max-width: 1600px) {
    .hero-1 .hero-line {
        bottom: -3px;
    }
}

@media (max-width: 1199px) {
    .hero-1 .hero-line {
        display: none;
    }
}

.hero-1 .hero-line img {
    width: 100%;
}

.hero-1 .hero-content {
    max-width: 785px;
    margin-top: -150px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1199px) {
    .hero-1 .hero-content {
        margin-top: -100px;
    }
}

@media (max-width: 991px) {
    .hero-1 .hero-content {
        margin-top: 0;
        text-align: center;
    }
}

.hero-1 .hero-content .hero-sub {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    color: var(--theme);
    font-family: "Kalam", cursive;
    margin-bottom: 10px;
}

@media (max-width: 575px) {
    .hero-1 .hero-content .hero-sub {
        font-size: 16px;
    }
}

.hero-1 .hero-content .hero-sub {
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    text-transform: uppercase;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.hero-1 .hero-content .hero-title {
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

@media (max-width: 470px) {
    .hero-1 .hero-content .hero-title {
        font-size: 35px;
    }
}

.hero-1 .hero-content p {
    max-width: 592px;
    margin-top: 30px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

@media (max-width: 991px) {
    .hero-1 .hero-content p {
        margin: 30px auto 0;
    }
}

@media (max-width: 767px) {
    .hero-1 .hero-content p {
        margin-top: 25px;
    }
}

@media (max-width: 470px) {
    .hero-1 .hero-content p {
        margin-top: 20px;
    }
}

.hero-1 .hero-content .hero-button {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 38px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

@media (max-width: 1199px) {
    .hero-1 .hero-content .hero-button {
        flex-wrap: wrap;
        gap: 14px;
    }
}

@media (max-width: 991px) {
    .hero-1 .hero-content .hero-button {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .hero-1 .hero-content .hero-button {
        margin-top: 30px;
    }
}

@media (max-width: 470px) {
    .hero-1 .hero-content .hero-button {
        margin-top: 20px;
    }
}

.hero-1 .hero-image {
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

@media (max-width: 1600px) {
    .hero-1 .hero-image img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 991px) {
    .hero-1 .hero-image {
        text-align: center;
        max-width: 500px;
        margin: 30px auto 0;
    }
}

.hero-1 .swiper-slide-active .hero-content .hero-sub {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.hero-1 .swiper-slide-active .hero-content .hero-title {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.hero-1 .swiper-slide-active .hero-content p {
    -webkit-transition-delay: 1100ms;
    -moz-transition-delay: 1100ms;
    -ms-transition-delay: 1100ms;
    -o-transition-delay: 1100ms;
    transition-delay: 1100ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.hero-1 .swiper-slide-active .hero-content .hero-button {
    -webkit-transition-delay: 1400ms;
    -moz-transition-delay: 1400ms;
    -ms-transition-delay: 1400ms;
    -o-transition-delay: 1400ms;
    transition-delay: 1400ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.hero-1 .swiper-slide-active .hero-image {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.hero-2 {
    background-color: #eff5f6;
    padding: 270px 0 190px;
    position: relative;
}

@media (max-width: 1199px) {
    .hero-2 {
        padding-top: 220px;
        padding-bottom: 170px;
    }
}

@media (max-width: 991px) {
    .hero-2 {
        padding-top: 190px;
        padding-bottom: 160px;
    }
}

@media (max-width: 767px) {
    .hero-2 {
        padding-top: 160px;
        padding-bottom: 160px;
    }
}

@media (max-width: 575px) {
    .hero-2 {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}

.hero-2 .star {
    position: absolute;
    top: 15%;
    left: 29%;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
    .hero-2 .star {
        opacity: 0.3;
    }
}

.hero-2 .star2 {
    position: absolute;
    top: 45%;
    left: 42px;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
    .hero-2 .star2 {
        opacity: 0.3;
    }
}

.hero-2 .star3 {
    position: absolute;
    right: 44px;
    top: 38%;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
    .hero-2 .star3 {
        opacity: 0.3;
    }
}

.hero-2 .vec-shape {
    position: absolute;
    left: 70px;
    bottom: 80px;
}

@media (max-width: 1399px) {
    .hero-2 .vec-shape {
        opacity: 0.3;
    }
}

.hero-2 .vec-shape2 {
    position: absolute;
    right: 16%;
    top: 15%;
}

@media (max-width: 1399px) {
    .hero-2 .vec-shape2 {
        opacity: 0.3;
    }
}

.hero-2 .vec-shape3 {
    position: absolute;
    bottom: 120px;
    left: 47%;
}

@media (max-width: 1399px) {
    .hero-2 .vec-shape3 {
        opacity: 0.3;
    }
}

.hero-2 .zirap-shape {
    position: absolute;
    bottom: 100px;
    right: 0;
    z-index: 1;
}

@media (max-width: 1399px) {
    .hero-2 .zirap-shape {
        display: none;
    }
}

.hero-2 .line-shape {
    position: absolute;
    bottom: 0;
    right: -2%;
}

@media (max-width: 1399px) {
    .hero-2 .line-shape {
        opacity: 0.3;
    }
}

.hero-2 .container {
    max-width: 1545px;
}

.hero-2 .hero-image-items {
    position: relative;
    z-index: 9;
}

.hero-2 .hero-image-items .shape1 {
    position: absolute;
    top: 35%;
    left: 10%;
}

@media (max-width: 1199px) {
    .hero-2 .hero-image-items .shape1 {
        display: none;
    }
}

.hero-2 .hero-image-items .shape2 {
    position: absolute;
    bottom: 10%;
    left: 10%;
}

@media (max-width: 1199px) {
    .hero-2 .hero-image-items .shape2 {
        display: none;
    }
}

.hero-2 .hero-image-items .shape3 {
    position: absolute;
    top: 22%;
    left: 34%;
}

@media (max-width: 1199px) {
    .hero-2 .hero-image-items .shape3 {
        display: none;
    }
}

.hero-2 .hero-image-items .hero-line {
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

@media (max-width: 1600px) {
    .hero-2 .hero-image-items .hero-line {
        display: none;
    }
}

.hero-2 .hero-image-items .thumb {
    position: relative;
    max-width: 728px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 738 512"><path fill-rule="evenodd" clip-rule="evenodd" d="M531.18 0.363281C456.2 -5.23801 407.491 55.4193 343.074 81.3193C311.295 94.0963 277.454 101.77 243.257 104.03C208.611 106.321 172.762 91.9081 137.262 93.7734C77.2798 96.9257 38.6293 159.006 18.8701 209.131C-17.8165 302.198 -7.28917 439.009 106.918 469.9C172.821 487.726 236.038 460.348 301.594 458.745C369.83 457.077 441.317 467.256 506.036 492.853C550.182 510.312 594.32 522.781 638.841 498.362C717.152 455.414 739.492 343.477 737.924 262.294C736.56 191.722 706.667 116.577 659.32 63.2402C627.059 26.8976 579.682 3.98729 531.18 0.363281Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
}

@media (max-width: 991px) {
    .hero-2 .hero-image-items .thumb {
        margin: 0 auto;
    }
}

.hero-2 .hero-image-items .thumb img {
    width: 100%;
    height: 100%;
}

.hero-2 .hero-content {
    margin-left: 50px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1399px) {
    .hero-2 .hero-content {
        margin-left: 0;
    }
}

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

.hero-2 .hero-content .hero-sub {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .hero-2 .hero-content .hero-sub {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .hero-2 .hero-content .hero-sub img {
        width: 110px;
    }
}

.hero-2 .hero-content .hero-sub span {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: bold;
    font-family: "Kalam", cursive;
    color: var(--header);
    line-height: 1.4;
}

@media (max-width: 991px) {
    .hero-2 .hero-content .hero-sub span {
        text-align: left;
    }
}

@media (max-width: 1600px) {
    .hero-2 .hero-content h1 {
        font-size: 60px;
    }
}

@media (max-width: 1399px) {
    .hero-2 .hero-content h1 {
        font-size: 54px;
    }
}

@media (max-width: 1199px) {
    .hero-2 .hero-content h1 {
        font-size: 48px;
    }
}

@media (max-width: 991px) {
    .hero-2 .hero-content h1 {
        font-size: 55px;
    }
}

@media (max-width: 767px) {
    .hero-2 .hero-content h1 {
        font-size: 48px;
    }
}

@media (max-width: 575px) {
    .hero-2 .hero-content h1 {
        font-size: 40px;
    }
}

@media (max-width: 470px) {
    .hero-2 .hero-content h1 {
        font-size: 32px;
    }
}

.hero-2 .hero-content p {
    max-width: 592px;
    font-size: 18px;
    margin-top: 20px;
}

@media (max-width: 991px) {
    .hero-2 .hero-content p {
        margin: 20px auto 0;
    }
}

@media (max-width: 767px) {
    .hero-2 .hero-content p {
        font-size: 16px;
    }
}

.hero-2 .hero-content .hero-button {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 38px;
}

@media (max-width: 991px) {
    .hero-2 .hero-content .hero-button {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .hero-2 .hero-content .hero-button {
        margin-top: 25px;
        flex-wrap: wrap;
    }
}

.hero-section-3 {
    position: relative;
}

.hero-section-3 .line-shape {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

@media (max-width: 1600px) {
    .hero-section-3 .line-shape {
        display: none;
    }
}

.hero-section-3 .hero-line {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    z-index: 22;
}

@media (max-width: 1199px) {
    .hero-section-3 .hero-line {
        display: none;
    }
}

.hero-section-3 .hero-line img {
    width: 100%;
}

.hero-section-3 .social-icon {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    z-index: 9;
    gap: 12px;
}

@media (max-width: 1199px) {
    .hero-section-3 .social-icon {
        display: none !important;
    }
}

.hero-section-3 .social-icon a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: var(--white);
    border-radius: 50%;
    font-size: 14px;
}

.hero-section-3 .social-icon a:hover {
    background-color: var(--white);
    color: var(--theme);
}

.hero-section-3 .swiper-slide.swiper-slide-active .hero-bg {
    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: 60px 0 60px;
    position: relative;
    z-index: 999;
}

@media (min-width: 992px) {
    .hero-3 {
        padding: 0;
        display: flex;
        align-items: center;
        aspect-ratio: 1920 / 650;
    }
}

.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;
    z-index: 9;
}

.hero-3 .hero-bg::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(
        90deg,
        rgba(10, 77, 109, 0.8) 0%,
        rgba(10, 77, 109, 0.7) 50.48%,
        rgba(10, 77, 109, 0) 66.83%,
        #0a4d6d 100%
    );
}

.hero-3 .hero-content {
    position: relative;
    opacity: 0;
    z-index: 99;
    position: relative;
    transform: translateY(-150px);
}

.hero-3 .hero-content .sub-text {
    text-transform: capitalize;
    color: var(--theme);
    position: relative;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    font-family: "Kalam", cursive;
}

.hero-3 .hero-content h1 {
    color: var(--white);
    font-size: 44px;
    font-weight: 600;
    line-height: 114%;
}

@media (max-width: 1199px) {
    .hero-3 .hero-content h1 {
        font-size: 45px;
    }
}

@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: 27px;
    }
}

.hero-3 .hero-content p {
    font-size: 27px;
    font-weight: 400;
    color: var(--white);
    max-width: 806px;
    margin-top: 10px;
}
.top-ban {
    background: var(--white);
    color: var(--black);
}
.top-ban .theme-text,
.top-ban .theme-text2 {
    color: var(--black);
    transition: color 0.4s ease;
}
.top-ban img {
    filter: brightness(0);
    transition: filter 0.4s ease;
}
.top-ban:hover .theme-text,
.top-ban:hover .theme-text2 {
    color: var(--white);
}
.top-ban:hover img {
    filter: none;
}
@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 {
    width: 225px !important;
}

.hero-4 {
    background-color: var(--bg);
    position: relative;
    overflow: hidden;
}

.hero-4 .bottom-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.hero-4 .parasuit-shape {
    position: absolute;
    bottom: 20%;
    right: 25%;
}

@media (max-width: 767px) {
    .hero-4 .parasuit-shape {
        display: none;
    }
}

.hero-4 .left-shape {
    position: absolute;
    bottom: 15%;
    left: 0;
}

@media (max-width: 1600px) {
    .hero-4 .left-shape {
        display: none;
    }
}

.hero-4 .book-shape {
    position: absolute;
    top: 15%;
    left: 10%;
    transform: translateX(-50%);
}

@media (max-width: 991px) {
    .hero-4 .book-shape {
        display: none;
    }
}

.hero-4 .pencil-shape {
    position: absolute;
    bottom: 10%;
    left: 40%;
    animation: rounded 5s linear infinite;
}

.hero-4 .bee-shape {
    position: absolute;
    top: 10%;
    right: 15%;
}

@media (max-width: 991px) {
    .hero-4 .bee-shape {
        display: none;
    }
}

.hero-4 .star-shape {
    position: absolute;
    bottom: 20%;
    left: 45%;
    transform: translateX(-50%);
}

.hero-4 .hero-content {
    position: relative;
    z-index: 99;
    text-align: center;
    margin: 0 auto;
    padding: 250px 0 200px;
}

@media (max-width: 1199px) {
    .hero-4 .hero-content {
        padding: 170px 0;
    }
}

@media (max-width: 767px) {
    .hero-4 .hero-content {
        padding: 140px 0;
    }
}

@media (max-width: 575px) {
    .hero-4 .hero-content {
        padding: 120px 0;
    }
}

.hero-4 .hero-content .hero-sub {
    margin-bottom: 15px;
    color: var(--theme);
    font-weight: 500;
    position: relative;
    display: inline-block;
}

.hero-4 .hero-content .hero-sub::before {
    position: absolute;
    right: -30px;
    top: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../img/star.svg);
}

.hero-4 .hero-content h1 {
    margin-bottom: 20px;
}

.hero-4 .hero-content h1 span {
    color: var(--theme);
}

@media (max-width: 1399px) {
    .hero-4 .hero-content h1 {
        font-size: 60px;
    }
}

@media (max-width: 1199px) {
    .hero-4 .hero-content h1 {
        font-size: 56px;
    }
}

@media (max-width: 767px) {
    .hero-4 .hero-content h1 {
        font-size: 42px;
    }
}

@media (max-width: 575px) {
    .hero-4 .hero-content h1 {
        font-size: 34px;
    }
}

.hero-4 .hero-content p {
    font-size: 20px;
}

@media (max-width: 991px) {
    .hero-4 .hero-content p {
        font-size: 16px;
    }

    .hero-4 .hero-content p br {
        display: none;
    }
}

.hero-4 .hero-content .hero-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
    justify-content: center;
}

@media (max-width: 767px) {
    .hero-4 .hero-content .hero-button {
        margin-top: 40px;
    }
}

@media (max-width: 575px) {
    .hero-4 .hero-content .hero-button {
        margin-top: 25px;
        flex-wrap: wrap;
    }
}

.hero-4 .hero-content .hero-button .video-btn {
    background-color: var(--theme);
    color: var(--white);
    display: inline-block;
    font-size: 16px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.hero-4 .hero-content .hero-button .video-btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid var(--theme);
    content: "";
    transform: translate(-50%, -50%);
}

.hero-4 .hero-content .hero-button .button-text span {
    font-size: 16px;
    color: var(--header);
    font-weight: bold;
}

.hero-4 .hero-image {
    position: absolute;
    right: -30px;
    top: 20%;
    transform: rotate(15deg);
}

@media (max-width: 1899px) {
    .hero-4 .hero-image {
        max-width: 300px;
        right: 100px;
    }

    .hero-4 .hero-image img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1199px) {
    .hero-4 .hero-image {
        display: none;
    }
}

.hero-4 .hero-image-2 {
    position: absolute;
    bottom: -60px;
    left: 90px;
    transform: rotate(-10deg);
}

@media (max-width: 1899px) {
    .hero-4 .hero-image-2 {
        max-width: 300px;
        left: 100px;
    }

    .hero-4 .hero-image-2 img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1199px) {
    .hero-4 .hero-image-2 {
        display: none;
    }
}

.hero-5 {
    padding: 120px 0 30px;
    position: relative;
    background-color: var(--bg);
}

@media (max-width: 991px) {
    .hero-5 {
        padding-top: 150px;
    }
}

.hero-5 .doll-shape {
    position: absolute;
    left: 10%;
    top: 15%;
}

@media (max-width: 991px) {
    .hero-5 .doll-shape {
        display: none;
    }
}

.hero-5 .line-shape {
    position: absolute;
    left: -5%;
    bottom: 0;
}

@media (max-width: 1199px) {
    .hero-5 .line-shape {
        display: none;
    }
}

.hero-5 .bee-shape {
    position: absolute;
    left: 25%;
    bottom: 5%;
}

.hero-5 .line-2 {
    position: absolute;
    bottom: 10%;
    left: 40%;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1199px) {
    .hero-5 .line-2 {
        display: none;
    }
}

.hero-5 .star-shape {
    position: absolute;
    top: 20%;
    left: 35%;
}

@media (max-width: 991px) {
    .hero-5 .star-shape {
        display: none;
    }
}

.hero-5 .frame-shape {
    position: absolute;
    top: 30%;
    right: 3%;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1199px) {
    .hero-5 .frame-shape {
        display: none;
    }
}

.hero-5 .hero-content {
    position: relative;
    z-index: 9;
}

@media (max-width: 575px) {
    .hero-5 .hero-content {
        text-align: center;
        margin: 0 auto;
    }
}

.hero-5 .hero-content .hero-sub {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    color: var(--theme);
    font-family: "Kalam", cursive;
    margin-bottom: 10px;
}

@media (max-width: 575px) {
    .hero-5 .hero-content .hero-sub {
        font-size: 16px;
    }
}

.hero-5 .hero-content h1 {
    margin-bottom: 20px;
}

.hero-5 .hero-content h1 span {
    color: var(--theme);
}

@media (max-width: 1399px) {
    .hero-5 .hero-content h1 {
        font-size: 60px;
    }
}

@media (max-width: 1199px) {
    .hero-5 .hero-content h1 {
        font-size: 56px;
    }
}

@media (max-width: 767px) {
    .hero-5 .hero-content h1 {
        font-size: 42px;
    }
}

@media (max-width: 575px) {
    .hero-5 .hero-content h1 {
        font-size: 34px;
    }
}

.hero-5 .hero-content p {
    font-size: 20px;
    line-height: 170%;
}

@media (max-width: 767px) {
    .hero-5 .hero-content p {
        font-size: 18px;
    }

    .hero-5 .hero-content p br {
        display: none;
    }
}

@media (max-width: 575px) {
    .hero-5 .hero-content p {
        font-size: 16px;
    }
}

.hero-5 .hero-content .hero-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
}

@media (max-width: 767px) {
    .hero-5 .hero-content .hero-button {
        margin-top: 40px;
    }
}

@media (max-width: 575px) {
    .hero-5 .hero-content .hero-button {
        margin-top: 25px;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }
}

.hero-5 .hero-content .hero-button .video-btn {
    background-color: var(--theme);
    color: var(--white);
    display: inline-block;
    font-size: 16px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.hero-5 .hero-content .hero-button .video-btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid var(--theme);
    content: "";
    transform: translate(-50%, -50%);
}

.hero-5 .hero-content .hero-button .button-text span {
    font-size: 16px;
    color: var(--header);
    font-weight: bold;
}

.hero-5 .hero-image-area {
    position: relative;
}

.hero-5 .hero-image-area .hero-image {
    max-width: 555px;
    position: relative;
    z-index: 1;
    margin-bottom: -30px;
}

.hero-5 .hero-image-area .hero-image img {
    width: 100%;
    height: 100%;
}

.hero-5 .hero-image-area .hero-bg {
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (max-width: 1199px) {
    .hero-5 .hero-image-area .hero-bg {
        display: none;
    }
}

.about-wrapper {
    position: relative;
    z-index: 9;
    margin: 0 60px;
    margin-bottom: 110px;
}

@media (max-width: 1899px) {
    .about-wrapper {
        margin: 0 35px;
        margin-bottom: 110px;
    }
}

@media (max-width: 1600px) {
    .about-wrapper {
        margin: 0 30px;
        margin-bottom: 110px;
        padding-right: 30px;
    }
}

@media (max-width: 1399px) {
    .about-wrapper {
        margin: 0 25px;
        margin-bottom: 110px;
        padding-left: 30px;
    }
}

@media (max-width: 1199px) {
    .about-wrapper {
        margin: 0 20px;
        margin-bottom: 110px;
    }
}

@media (max-width: 470px) {
    .about-wrapper {
        margin: 0 16px;
        margin-bottom: 110px;
    }
}

.about-wrapper .about-line {
    position: absolute;
    bottom: -110px;
    right: -20px;
    z-index: -1;
}

@media (max-width: 1199px) {
    .about-wrapper .about-line {
        display: none;
    }
}

.about-wrapper .bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #eff5f6;
    transition: all 500ms ease;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 870"><path d="M0 105.791C0 43.7521 63.8552 2.25424 120.547 27.4504C187.046 57.0058 262.954 57.0058 329.453 27.4504L337.5 23.8741C409.122 -7.95805 490.878 -7.95803 562.5 23.8741C634.122 55.7063 715.878 55.7063 787.5 23.8741C859.122 -7.95803 940.878 -7.95803 1012.5 23.8741C1084.12 55.7063 1165.88 55.7063 1237.5 23.8741C1309.12 -7.95803 1390.88 -7.95801 1462.5 23.8742L1470.55 27.4505C1537.05 57.0058 1612.95 57.0058 1679.45 27.4504C1736.14 2.25424 1800 43.7521 1800 105.791V615.331C1800 672.302 1752.47 717.762 1695.56 715.232L1359.96 700.317C1353.34 700.022 1346.7 700.387 1340.15 701.407L915.371 767.483C905.185 769.068 894.815 769.068 884.629 767.483L459.851 701.407C453.3 700.387 446.664 700.022 440.04 700.317L104.44 715.232C47.5251 717.762 0 672.302 0 615.331V105.791Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    width: 100%;
    height: 860px;
    z-index: -1;
}

@media (max-width: 1600px) {
    .about-wrapper .bg-shape {
        mask: none;
        background-color: #eff5f6;
        border-radius: 40px;
    }
}

@media (max-width: 1199px) {
    .about-wrapper .bg-shape {
        height: 100%;
    }
}

.about-wrapper .about-image {
    max-width: 526px;
    position: relative;
    bottom: -65px;
}

@media (max-width: 1600px) {
    .about-wrapper .about-image {
        bottom: -187px;
    }
}

@media (max-width: 1199px) {
    .about-wrapper .about-image {
        bottom: 0 !important;
        text-align: center;
        margin: 0 auto;
    }
}

.about-wrapper .about-image .about-image-2 {
    position: absolute;
    bottom: 0;
    right: -60%;
    max-width: 468px;
}

@media (max-width: 1899px) {
    .about-wrapper .about-image .about-image-2 {
        max-width: 400px;
        right: -45%;
    }
}

@media (max-width: 1600px) {
    .about-wrapper .about-image .about-image-2 {
        right: -20%;
        max-width: 320px;
    }
}

@media (max-width: 1199px) {
    .about-wrapper .about-image .about-image-2 {
        right: 0;
    }
}

@media (max-width: 575px) {
    .about-wrapper .about-image .about-image-2 {
        max-width: 240px;
        right: 0;
    }
}

.about-wrapper .about-image .about-image-2 img {
    border-bottom-left-radius: 0;
}

.about-wrapper .about-image img {
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 100px;
}

.about-wrapper .about-content {
    max-width: 740px;
    margin-top: 70px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1199px) {
    .about-wrapper .about-content {
        margin: 70px auto 30px;
        text-align: center;
    }
}

.about-wrapper .about-content .about-text {
    font-size: 18px;
    font-weight: 600;
    margin-top: 22px;
    max-width: 700px;
}

@media (max-width: 1199px) {
    .about-wrapper .about-content .about-text {
        margin: 22px auto 0;
        text-align: center;
        font-size: 16px;
    }
}

.about-wrapper .about-content .icon-box {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 30px;
}

@media (max-width: 1600px) {
    .about-wrapper .about-content .icon-box {
        gap: 15px;
    }
}

@media (max-width: 1199px) {
    .about-wrapper .about-content .icon-box {
        justify-content: center;
    }
}

@media (max-width: 991px) {
    .about-wrapper .about-content .icon-box {
        flex-wrap: wrap;
    }
}

.about-wrapper .about-content .icon-box li {
    background-color: var(--white);
    border-radius: 35px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 40px;
}

@media (max-width: 1600px) {
    .about-wrapper .about-content .icon-box li {
        padding: 15px 20px;
    }
}

@media (max-width: 1199px) {
    .about-wrapper .about-content .icon-box li {
        display: grid;
        text-align: center;
        gap: 10px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
}

.about-wrapper .about-content .icon-box li .icon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background-color: #fef4de;
}

@media (max-width: 1199px) {
    .about-wrapper .about-content .icon-box li .icon {
        margin: 0 auto;
    }
}

.about-wrapper .about-content .icon-box li .content h3 {
    font-size: 18px;
}

@media (max-width: 1600px) {
    .about-wrapper .about-content .icon-box li .content h3 {
        font-size: 16px;
    }

    .about-wrapper .about-content .icon-box li .content h3 br {
        display: none;
    }
}

@media (max-width: 1399px) {
    .about-wrapper .about-content .icon-box li .content h3 {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    .about-wrapper .about-content .icon-box li .content h3 {
        font-size: 18px;
    }

    .about-wrapper .about-content .icon-box li .content h3 br {
        display: block;
    }
}

.about-wrapper .about-content .about-text-2 {
    max-width: 690px;
    font-size: 18px;
    margin-top: 30px;
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
    padding-bottom: 30px;
}

@media (max-width: 1199px) {
    .about-wrapper .about-content .about-text-2 {
        margin: 30px auto 0;
        text-align: center;
        font-size: 16px;
    }
}

.about-wrapper .about-content .about-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 40px;
}

@media (max-width: 1199px) {
    .about-wrapper .about-content .about-button {
        justify-content: center;
    }
}

@media (max-width: 1199px) {
    .about-wrapper .about-content .about-button {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 25px;
    }
}

.about-wrapper .about-content .about-button .author-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}

.about-wrapper .about-content .about-button .author-icon .icon {
    width: 56px;
    line-height: 59px;
    height: 59px;
    text-align: center;
    background-color: var(--header);
    text-align: center;
    color: var(--white);
    border-radius: 15px;
    position: relative;
}

.about-wrapper .about-content .about-button .author-icon .content h4 {
    font-weight: 700;
    font-size: 24px;
}

.about-wrapper .about-content .about-button .author-icon .content h4 a {
    color: var(--header);
}

.about-wrapper .about-content .about-button .author-icon .content h4 a:hover {
    color: var(--theme);
}

.about-wrapper .about-content .about-button .author-icon .content span {
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
    margin-bottom: 5px;
}

.about-section {
    position: relative;
}

.about-section .about-vec {
    position: absolute;
    left: 28%;
    top: 11%;
    z-index: 91;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
    .about-section .about-vec {
        opacity: 0.3;
    }
}

.about-section .about-vec2 {
    position: absolute;
    right: 15%;
    bottom: 17%;
    z-index: 91;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
    .about-section .about-vec2 {
        opacity: 0.3;
    }
}

.about-section .about-vec3 {
    position: absolute;
    left: 20%;
    bottom: 10%;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
    .about-section .about-vec3 {
        opacity: 0.3;
    }
}

.book-admission-content {
    position: relative;
    max-width: 610px;
}

.book-admission-content .vec-1 {
    position: absolute;
    bottom: -50px;
    left: 5px;
}

.book-admission-content .vec-2 {
    position: absolute;
    bottom: 10%;
    right: -25px;
}

.book-admission-content .bg-shape {
    max-width: 610px;
    position: relative;
}

.book-admission-content .bg-shape img {
    width: 100%;
    height: 100%;
}

.book-admission-content .bg-shape .bg-shape2 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    max-width: 547px;
    margin: 0 auto;
    transform: translateY(-50%);
}

.book-admission-content .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding-top: 130px;
    padding-left: 105px;
}

@media (max-width: 767px) {
    .book-admission-content .content {
        padding-top: 80px;
        padding-left: 65px;
        padding-right: 30px;
    }
}

@media (max-width: 470px) {
    .book-admission-content .content {
        padding-left: 50px;
    }
}

.book-admission-content .content .info-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 60px;
}

@media (max-width: 767px) {
    .book-admission-content .content .info-content {
        margin-top: 30px;
    }
}

@media (max-width: 470px) {
    .book-admission-content .content .info-content {
        margin-top: 18px;
    }
}

.book-admission-content .content .info-content .icon {
    width: 56px;
    height: 59px;
    line-height: 59px;
    background-color: var(--theme);
    text-align: center;
    border-radius: 16px;
}

.book-admission-content .content .info-content .info-cont p {
    font-weight: 600;
}

.book-admission-content .content .info-content .info-cont h3 {
    font-size: 30px;
}

@media (max-width: 767px) {
    .book-admission-content .content .info-content .info-cont h3 {
        font-size: 23px;
    }
}

@media (max-width: 575px) {
    .book-admission-content .content .info-content .info-cont h3 {
        font-size: 20px;
    }
}

.book-admission-content .content .info-content .info-cont h3 a:hover {
    color: var(--theme);
}

.book-admission-banner {
    height: 850px;
}

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

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

.about-wrapper-2 {
    margin-top: 15px;
}

.about-wrapper-2 .about-content-2 {
    position: relative;
    z-index: 9;
}

.about-wrapper-2 .about-content-2 .about-text {
    margin-top: 12px;
    line-height: 25px;
}

@media (max-width: 767px) {
    .about-wrapper-2 .about-content-2 .about-text {
        margin-top: 10px;
    }
}

.about-wrapper-2 .about-content-2 .about-list {
    padding: 0px 0px;
    background-color: var(--white);
    border-radius: 35px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 0px;
}

@media (max-width: 1199px) {
    .about-wrapper-2 .about-content-2 .about-list {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .about-wrapper-2 .about-content-2 .about-list {
        /* padding: 28px; */
        margin-top: 10px;
    }
}

.about-wrapper-2 .about-content-2 .about-list ul li {
    font-size: 18px;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
}

.about-wrapper-2 .about-content-2 .about-list ul li i {
    color: var(--theme);
    font-size: 20px;
}

@media (max-width: 1399px) {
    .about-wrapper-2 .about-content-2 .about-list ul li {
        font-size: 20px;
    }
}

.about-wrapper-2 .about-content-2 .about-list ul li:not(:last-child) {
    margin-bottom: 8px;
}

@media (max-width: 1199px) {
    .about-wrapper-2 .about-content-2 .about-list ul li:not(:last-child) {
        margin-bottom: 18px;
    }
}

.about-wrapper-2 .about-content-2 .about-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
}

@media (max-width: 1199px) {
    .about-wrapper-2 .about-content-2 .about-button {
        flex-wrap: wrap;
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .about-wrapper-2 .about-content-2 .about-button {
        margin-top: 25px;
    }
}

.about-wrapper-2 .about-content-2 .about-button .author-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}

.about-wrapper-2 .about-content-2 .about-button .author-icon .icon {
    width: 56px;
    line-height: 59px;
    height: 59px;
    text-align: center;
    background-color: var(--header);
    text-align: center;
    color: var(--white);
    border-radius: 15px;
    position: relative;
}

.about-wrapper-2 .about-content-2 .about-button .author-icon .content h3 {
    font-weight: 700;
    font-size: 24px;
}

.about-wrapper-2 .about-content-2 .about-button .author-icon .content h3 a {
    color: var(--text);
}

.about-wrapper-2
    .about-content-2
    .about-button
    .author-icon
    .content
    h3
    a:hover {
    color: var(--theme);
}

.about-wrapper-2 .about-content-2 .about-button .author-icon .content h4 {
    font-weight: 700;
    font-size: 24px;
}

.about-wrapper-2 .about-content-2 .about-button .author-icon .content h4 a {
    color: var(--text);
}

.about-wrapper-2
    .about-content-2
    .about-button
    .author-icon
    .content
    h4
    a:hover {
    color: var(--theme);
}

.about-wrapper-2 .about-content-2 .about-button .author-icon .content span {
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
    font-family: "Source Sans 3", sans-serif;
    margin-bottom: 5px;
}

.about-wrapper-2 .about-image {
    position: relative;
    z-index: 9;
}

.about-wrapper-2 .about-image img {
    width: 100%;
    height: 100%;
}

.about-wrapper-2 .about-image .shape1 {
    position: absolute;
    right: 17%;
    bottom: 20%;
}

@media (max-width: 1399px) {
    .about-wrapper-2 .about-image .shape1 {
        display: none;
    }
}

.about-wrapper-2 .about-image .shape1 img {
    width: initial;
    height: initial;
}

.about-wrapper-2 .about-image .shape2 {
    position: absolute;
    right: 7%;
    top: 30%;
}

@media (max-width: 1399px) {
    .about-wrapper-2 .about-image .shape2 {
        display: none;
    }
}

.about-wrapper-2 .about-image .shape2 img {
    width: initial;
    height: initial;
}

.about-wrapper-2.style-inner .about-image {
    /* width: 600px; */
    position: relative;
    padding: 15px;
    z-index: 1;
}

.about-wrapper-2.style-inner .about-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 30%;
    border-top: 4px solid var(--theme);
    border-left: 4px solid var(--theme);
    border-top-left-radius: 15px;
    z-index: -1;
}

.about-wrapper-2.style-inner .about-image::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
    height: 30%;
    border-bottom: 4px solid var(--theme);
    border-right: 4px solid var(--theme);
    border-bottom-right-radius: 15px;
    z-index: -1;
}

@media (max-width: 1199px) {
    .about-wrapper-2.style-inner .about-image {
        width: initial;
    }
}

.about-wrapper-2.style-inner .about-image img {
    width: 100%;
    /* height: 100%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid #d2a62d;
}

.about-wrapper-2.style-inner .about-content-2 {
    /* max-width: 720px; */
    margin-left: auto;
}

@media (max-width: 1199px) {
    .about-wrapper-2.style-inner .about-content-2 {
        max-width: initial;
    }
}

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

.about-section-2 .about-pencil {
    position: absolute;
    left: 40px;
    bottom: 270px;
}

@media (max-width: 1399px) {
    .about-section-2 .about-pencil {
        opacity: 0.3;
    }
}

.about-section-2 .about-vec {
    position: absolute;
    right: 136px;
}

@media (max-width: 1399px) {
    .about-section-2 .about-vec {
        opacity: 0.3;
    }
}

.about-section-2 .about-vec2 {
    position: absolute;
    right: 142px;
    bottom: 120px;
}

@media (max-width: 1399px) {
    .about-section-2 .about-vec2 {
        opacity: 0.3;
    }
}

.choose-us-section-3 {
    position: relative;
}

.choose-us-section-3 .shape-11 {
    position: absolute;
    left: 80px;
    top: 20%;
}

.choose-us-section-3 .shape-12 {
    position: absolute;
    right: 30px;
    bottom: 170px;
}

.vision-wrapper-inner .vision-thumb {
    width: 592px;
}

@media (max-width: 1399px) {
    .vision-wrapper-inner .vision-thumb {
        width: initial;
    }
}

.vision-wrapper-inner .vision-thumb img {
    width: 100%;
    height: 100%;
}

.vision-wrapper-inner .vision-content {
    margin-left: 80px;
}

@media (max-width: 1199px) {
    .vision-wrapper-inner .vision-content {
        margin-left: 0;
    }
}

.vision-wrapper-inner .vision-content .about-text {
    font-size: 18px;
    max-width: 650px;
    margin-top: 25px;
}

.vision-wrapper-inner .vision-content .list-items {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

@media (max-width: 1199px) {
    .vision-wrapper-inner .vision-content .list-items {
        flex-wrap: wrap;
    }
}

@media (max-width: 991px) {
    .vision-wrapper-inner .vision-content .list-items {
        margin-top: 25px;
    }
}

.vision-wrapper-inner .vision-content .list-items .values-list {
    position: relative;
    z-index: 9;
}

.vision-wrapper-inner .vision-content .list-items .values-list li {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: 35px;
    background-color: #eff5f6;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 1399px) {
    .vision-wrapper-inner .vision-content .list-items .values-list li {
        gap: 15px;
        padding: 15px;
    }
}

.vision-wrapper-inner
    .vision-content
    .list-items
    .values-list
    li:not(:last-child) {
    margin-bottom: 20px;
}

@media (max-width: 1399px) {
    .vision-wrapper-inner
        .vision-content
        .list-items
        .values-list
        li:not(:last-child) {
        margin-bottom: 18px;
    }
}

.vision-wrapper-inner .vision-content .list-items .values-list li .icon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background-color: #fef4de;
}

.vision-wrapper-inner
    .vision-content
    .list-items
    .values-list
    li
    .content
    .title {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

@media (max-width: 1399px) {
    .vision-wrapper-inner
        .vision-content
        .list-items
        .values-list
        li
        .content
        .title {
        font-size: 14px;
    }
}

.vision-section-inner {
    position: relative;
}

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

.vision-section-inner .shape-2 {
    position: absolute;
    right: 110px;
    top: 110px;
}

.about-section-4 {
    position: relative;
}

@media (max-width: 1600px) {
    .about-section-4 {
        overflow: hidden;
    }
}

.about-section-4 .bus-shape {
    position: absolute;
    top: 10%;
    left: 0;
}

@media (max-width: 1199px) {
    .about-section-4 .bus-shape {
        display: none;
    }
}

.about-section-4 .girl-shape {
    position: absolute;
    bottom: 10%;
    right: 0;
}

.about-section-4 .dot-shape {
    position: absolute;
    top: 17%;
    left: 42%;
    animation: rounded 5s linear infinite;
}

.about-section-4 .left-shape {
    position: absolute;
    top: -15%;
    left: -4%;
}

@media (max-width: 1199px) {
    .about-section-4 .left-shape {
        display: none;
    }
}

.about-section-4 .plane-shape {
    position: absolute;
    top: 20%;
    left: 5%;
}

.about-section-4 .line-1 {
    position: absolute;
    top: 10%;
    right: 0;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
    .about-wrapper-4 {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 1199px) {
    .about-wrapper-4 {
        margin-bottom: 0 !important;
    }
}

.about-wrapper-4 .about-image-items {
    position: relative;
}

.about-wrapper-4 .about-image-items .border-shape-1 {
    position: absolute;
    z-index: -1;
    top: 47%;
    left: 44%;
    transform: translate(-50%, -50%);
}

@media (max-width: 1399px) {
    .about-wrapper-4 .about-image-items .border-shape-1 {
        display: none;
    }
}

.about-wrapper-4 .about-image-items .about-image {
    position: relative;
    max-width: 556px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 554 467"><path fill-rule="evenodd" clip-rule="evenodd" d="M256.927 460.599C207.571 462.931 156.167 476.468 111.79 455.259C65.553 433.161 32.097 390.267 12.5337 343.796C-6.6261 298.284 1.09308 248.529 4.0835 199.413C7.34839 145.79 -9.38287 80.4032 30.8056 43.6927C71.6018 6.42725 138.713 33.5642 194.04 25.8959C239.474 19.5988 282.42 -8.70963 326.803 2.66757C371.57 14.1428 397.872 56.3382 431.965 86.885C470.993 121.852 523.678 146.258 541.433 194.97C560.374 246.935 558.866 309.117 530.316 356.718C502.393 403.276 444.817 422.38 393.302 441.955C349.644 458.543 303.723 458.387 256.927 460.599Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
}

.about-wrapper-4 .about-image-items .about-image img {
    width: 100%;
    height: 100%;
}

.about-wrapper-4 .about-image-items .about-image-2 {
    max-width: 288px;
    position: absolute;
    bottom: -15%;
    right: 0;
}

.about-wrapper-4 .about-image-items .about-image-2 img {
    width: 100%;
    height: 100%;
}

@media (max-width: 575px) {
    .about-wrapper-4 .about-image-items .about-image-2 {
        max-width: 220px;
    }
}

.about-wrapper-4 .about-content {
    position: relative;
    z-index: 9;
}

.about-wrapper-4 .about-content .about-text {
    margin-top: 25px;
    max-width: 600px;
}

.about-wrapper-4 .about-content .about-list {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (max-width: 575px) {
    .about-wrapper-4 .about-content .about-list {
        flex-wrap: wrap;
    }
}

.about-wrapper-4 .about-content .about-list ul li {
    font-size: 18px;
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
    color: var(--header);
    background-color: var(--bg);
    border-radius: 30px;
    padding: 18px 30px;
    line-height: 1;
}

.about-wrapper-4 .about-content .about-list ul li:not(:last-child) {
    margin-bottom: 24px;
}

.about-wrapper-4 .about-content .about-list ul li i {
    margin-right: 5px;
    color: var(--theme);
}

.about-wrapper-4 .about-content .about-author {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
}

@media (max-width: 1199px) {
    .about-wrapper-4 .about-content .about-author {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .about-wrapper-4 .about-content .about-author {
        margin-top: 30px;
    }
}

@media (max-width: 575px) {
    .about-wrapper-4 .about-content .about-author {
        margin-top: 20px;
    }
}

.about-wrapper-4 .about-content .about-author .author-icon {
    display: flex;
    align-items: center;
    gap: 20px;
}

.about-wrapper-4 .about-content .about-author .author-icon .icon {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: var(--theme);
    text-align: center;
    color: var(--white);
    border-radius: 50%;
    position: relative;
}

.about-wrapper-4 .about-content .about-author .author-icon .icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid var(--theme);
    content: "";
    transform: translate(-50%, -50%);
}

.about-wrapper-4 .about-content .about-author .author-icon .content .number {
    font-weight: 600;
    font-size: 20px;
    font-family: "Quicksand", sans-serif;
    display: block;
}

.about-wrapper-4 .about-content .about-author .author-icon .content .number a {
    color: var(--header);
}

.about-wrapper-4 .about-content .about-author .author-icon .content span {
    font-size: 14px;
    font-weight: 600;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
    margin-bottom: 5px;
}

.about-activities-wrapper {
    position: relative;
    z-index: 9;
}

.about-activities-wrapper .activities-img-items {
    position: relative;
}

.about-activities-wrapper .activities-img-items .radius-shape {
    position: absolute;
    top: 43%;
    left: 51%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

@media (max-width: 1199px) {
    .about-activities-wrapper .activities-img-items .radius-shape {
        display: none;
    }
}

.about-activities-wrapper .activities-img-items .activities-image {
    max-width: 580px;
    position: relative;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 508 485"><path fill-rule="evenodd" clip-rule="evenodd" d="M273.307 22.3171C313.958 21.7364 354.018 -9.9391 392.233 3.1801C429.93 16.1214 448.114 56.8471 468.691 89.3925C487.204 118.672 501.176 150.33 506.594 184.055C511.646 215.497 501.66 246.444 499.018 278.149C496.315 310.595 504.839 344.713 490.737 374.404C476.393 404.605 448.022 426.759 419.387 445.812C390.95 464.733 359.473 482.18 324.811 484.809C290.921 487.38 261.165 463.161 227.293 460.384C188.086 457.169 146.979 481.781 110.746 467.257C75.3239 453.059 46.6799 419.717 37.6358 384.361C28.4117 348.301 68.3117 313.334 62.0057 276.717C55.164 236.989 -9.04387 211.189 1.08003 172.094C10.8117 134.513 77.5118 141.105 104.627 112.126C132.07 82.7954 119.879 25.7702 155.969 6.55486C190.772 -11.9748 233.369 22.8875 273.307 22.3171Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
}

.about-activities-wrapper .activities-img-items .activities-image img {
    width: 100%;
    height: 100%;
}

.about-activities-wrapper .activities-content .text {
    margin-top: 25px;
    max-width: 600px;
}

.about-activities-wrapper .activities-content .icon-items {
    display: flex;
    align-items: center;
    gap: 20px;
}

.about-activities-wrapper .activities-content .icon-items:not(:last-child) {
    margin-bottom: 30px;
}

.about-activities-wrapper .activities-content .icon-items .icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-radius: 8px;
    font-size: 50px;
}

.about-activities-wrapper .activities-content .icon-items .content h3 {
    font-size: 18px;
}

.about-activities-wrapper .activities-content .icon-items .content p {
    margin-top: 7px;
}

.about-activities-wrapper.style-2 {
    margin-bottom: -30px;
}

.about-activities-wrapper.style-2 .activities-image-items {
    margin-right: 35px;
    position: relative;
}

@media (max-width: 1199px) {
    .about-activities-wrapper.style-2 .activities-image-items {
        margin-right: 0;
    }
}

.about-activities-wrapper.style-2 .activities-image-items .activities-img img {
    width: 100%;
    height: 100%;
}

.about-activities-wrapper.style-2 .activities-image-items .activities-img {
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 517 506"> <path fill-rule="evenodd" clip-rule="evenodd" d="M263.922 4.18612C301.057 11.8542 330.531 38.895 360.456 62.3296C386.155 82.4538 403.608 110.097 427.543 132.317C453.817 156.708 493.991 167.862 509.209 200.423C524.345 232.808 513.559 271.13 509.014 306.63C504.535 341.612 502.875 379.069 482.651 407.866C462.647 436.351 429.343 452.254 397.349 465.636C368.593 477.664 336.731 474.837 306.33 481.616C275.676 488.452 247.764 506.317 216.368 505.996C182.833 505.652 151.126 493.109 120.34 479.712C85.0158 464.341 32.7457 458.582 21.9359 421.389C9.82265 379.711 72.6756 344.595 68.5072 301.371C64.3884 258.663 -1.83763 237.206 0.0391374 194.338C1.71465 156.067 52.252 140.271 76.8399 111.042C102.165 80.9374 113.913 37.9228 147.992 18.4578C182.23 -1.09785 225.363 -3.77589 263.922 4.18612Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    position: relative;
    z-index: 9;
    max-width: 580px;
}

.about-activities-wrapper.style-2 .activities-image-items .radius-shape {
    position: absolute;
    bottom: 64px;
    left: -12%;
    z-index: -1;
}

@media screen and (max-width: 400px) {
    .about-activities-wrapper.style-2 .activities-image-items .radius-shape {
        display: none;
    }
}

.about-activities-wrapper.style-2 .activities-image-items .circle-shape {
    position: absolute;
    top: 15%;
    right: 10%;
    z-index: -1;
}

.about-activities-wrapper.style-2 .activities-content .icon-items {
    gap: 20px;
}

.about-activities-wrapper.style-2 .activities-content .icon-items .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: var(--white);
    box-shadow: var(--box-shadow);
    border-radius: 50%;
    font-size: 40px;
    color: var(--theme);
}

.about-activities-wrapper.style-2 .activities-content .icon-items .content h3 {
    margin-bottom: 7px;
}

.about-activities-wrapper.style-2 .activities-content .about-author {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
    border-top: 1px solid rgba(56, 84, 105, 0.2);
    padding-top: 40px;
}

@media (max-width: 1199px) {
    .about-activities-wrapper.style-2 .activities-content .about-author {
        flex-wrap: wrap;
    }
}

.about-activities-wrapper.style-2
    .activities-content
    .about-author
    .author-image {
    display: flex;
    align-items: center;
    gap: 15px;
}

.about-activities-wrapper.style-2
    .activities-content
    .about-author
    .author-image
    .content
    h4 {
    font-size: 18px;
    font-weight: 600;
}

.about-activities-wrapper.style-2
    .activities-content
    .about-author
    .author-image
    .content
    p {
    color: var(--text);
    font-weight: 500;
    margin-top: -2px;
}

.about-activities-wrapper.style-2
    .activities-content
    .about-author
    .author-icon {
    display: flex;
    align-items: center;
    gap: 20px;
}

.about-activities-wrapper.style-2
    .activities-content
    .about-author
    .author-icon
    .icon {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: var(--theme);
    text-align: center;
    color: var(--white);
    border-radius: 50%;
    position: relative;
}

.about-activities-wrapper.style-2
    .activities-content
    .about-author
    .author-icon
    .icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid var(--theme);
    content: "";
    transform: translate(-50%, -50%);
}

.about-activities-section {
    position: relative;
}

.about-activities-section .pencil-shape {
    position: absolute;
    top: -15%;
    left: 10px;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1199px) {
    .about-activities-section .pencil-shape {
        display: none;
    }
}

.about-activities-section .zebra-shape {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (max-width: 1600px) {
    .about-activities-section .zebra-shape {
        display: none;
    }
}

.about-activities-section-2 {
    position: relative;
    padding-bottom: 215px;
    margin-top: -30px;
}

@media (max-width: 1199px) {
    .about-activities-section-2 {
        padding-bottom: 205px;
    }
}

@media (max-width: 991px) {
    .about-activities-section-2 {
        margin-top: -55px;
    }
}

@media (max-width: 767px) {
    .about-activities-section-2 {
        margin-top: -50px;
    }
}

.about-activities-section-2 .left-shape {
    position: absolute;
    top: -25%;
    left: 0;
}

@media (max-width: 1399px) {
    .about-activities-section-2 .left-shape {
        display: none;
        overflow: hidden;
    }
}

.about-activities-section-2 .zebra-shape {
    position: absolute;
    bottom: 20%;
    right: 0;
}

@media (max-width: 1399px) {
    .about-activities-section-2 .zebra-shape {
        display: none;
    }
}

.about-activities-section-2 .bottom-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 92px;
}

.about-activities-section-2 .bottom-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-activities-section-2 .sun-shape {
    position: absolute;
    top: 5%;
    left: 5%;
}

.about-activities-section-2.style-2 {
    margin-top: 0;
}

.about-activities-section-2.style-2 .sun-shape {
    position: absolute;
    top: 45%;
    left: 4%;
    transform: translateY(-50%);
}

.feature-box-items {
    position: relative;
    height: 100%;
    padding: 23px;
    padding-right: 34px;
    padding-bottom: 48px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1399px) {
    .feature-box-items {
        padding: 50px;
    }
}

.feature-box-items .border-circle {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    z-index: -1;
}

@media (max-width: 1399px) {
    .feature-box-items .border-circle {
        display: none;
    }
}

.feature-box-items .feature-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--bg3);
    transition: all 500ms ease;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 280'%3E%3Cpath d='M0 179.187C0 144.219 18.2654 111.548 48.1698 93.4239L178.17 14.636C244.814 -25.7542 330 22.2278 330 100.156V179.618C330 234.846 285.228 279.618 230 279.618H100C44.7715 279.618 0 234.415 0 179.187Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    width: 100%;
    height: 100%;
}

@media (max-width: 1199px) {
    .feature-box-items .feature-bg {
        mask: none;
        border-radius: 16px;
    }
}

.feature-box-items .feature-bg.bg-2 {
    background-color: var(--bg4);
}

.feature-box-items .feature-bg.bg-3 {
    background-color: var(--bg2);
}

.feature-box-items .feature-bg.bg-4 {
    background-color: var(--bg5);
}

.feature-box-items .icon-box {
    text-align: right;
    position: relative;
    max-width: 168px;
    margin-left: auto;
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .feature-box-items .icon-box {
        width: 100px;
        height: 100px;
        background-color: var(--white);
        border-radius: 50%;
        margin: 0 auto 30px;
        max-width: initial;
        text-align: center;
    }

    .feature-box-items .icon-box img {
        display: none;
    }
}

.feature-box-items .icon-box .icon {
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

@media (max-width: 1199px) {
    .feature-box-items .icon-box .icon {
        top: 50%;
    }
}

@media (max-width: 1199px) {
    .feature-box-items .icon-box .icon img {
        display: inline !important;
        width: 45px;
    }
}

.feature-box-items h2 {
    font-size: 24px;
    text-align: center;
    position: relative;
    z-index: 5;
}

@media (max-width: 1199px) {
    .feature-box-items h2 {
        font-size: 20px;
    }
}

.feature-box-items:hover .icon-box .icon img {
    animation: wobble 1.5s ease-in-out;
}

.feature-section {
    margin-bottom: 10px;
    position: relative;
}

@media (max-width: 1399px) {
    .feature-section {
        margin-bottom: 0;
    }
}

.feature-section .penil-shape {
    position: absolute;
    bottom: 100px;
    left: 60px;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
    .feature-section .penil-shape {
        opacity: 0.3;
    }
}

.feature-section .zirap-shape {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (max-width: 1399px) {
    .feature-section .zirap-shape {
        opacity: 0.3;
    }
}

.choose-us-wrapper {
    position: relative;
    z-index: 9;
}

.choose-us-wrapper .choose-us-content {
    max-width: 635px;
}

.choose-us-wrapper .choose-us-content .nav {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
}

.choose-us-wrapper .choose-us-content .nav .nav-item .nav-link {
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
    background: rgba(92, 112, 126, 0.1);
    border-radius: 12px;
    padding: 10px 14px;
    line-height: 1;
}

.choose-us-wrapper .choose-us-content .nav .nav-item .nav-link.active {
    background-color: var(--theme);
    color: var(--white);
}

.choose-us-wrapper .choose-us-content .choose-items {
    margin-top: 30px;
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
    padding-bottom: 28px;
    border-top: 1px solid rgba(56, 84, 105, 0.2);
    padding-top: 30px;
}

.choose-us-wrapper .choose-us-content .choose-items .about-list-items {
    display: flex;
    align-items: center;
    gap: 100px;
    margin-top: 25px;
}

@media (max-width: 1399px) {
    .choose-us-wrapper .choose-us-content .choose-items .about-list-items {
        gap: 30px;
    }
}

@media (max-width: 1199px) {
    .choose-us-wrapper .choose-us-content .choose-items .about-list-items {
        flex-wrap: wrap;
        gap: 20px;
    }
}

.choose-us-wrapper .choose-us-content .choose-items ul li {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--header);
    gap: 10px;
}

@media (max-width: 1399px) {
    .choose-us-wrapper .choose-us-content .choose-items ul li {
        font-size: 16px;
    }
}

.choose-us-wrapper .choose-us-content .choose-items ul li:not(:last-child) {
    margin-bottom: 20px;
}

.choose-us-wrapper .choose-us-content .choose-us-button {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 38px;
}

@media (max-width: 767px) {
    .choose-us-wrapper .choose-us-content .choose-us-button {
        margin-top: 30px;
        flex-wrap: wrap;
    }
}

.choose-us-wrapper .choose-us-image {
    transition: all 500ms ease;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 660 510'%3E%3Cpath d='M559.218 139.383C543.686 139.383 529.032 142.988 515.888 149.25C505.538 65.1468 433.688 0 346.532 0C288.542 0 237.343 28.8591 206.49 72.9288C195.736 63.5706 181.699 57.8525 166.301 57.8525C132.499 57.8525 105.092 85.1708 105.092 118.879C105.092 126.237 106.467 133.262 108.856 139.793C106.191 139.581 103.511 139.39 100.789 139.39C45.1235 139.39 0 184.379 0 239.878C0 295.377 45.1235 340.365 100.789 340.365H559.211C614.876 340.365 660 295.377 660 239.878C660.007 184.372 614.883 139.383 559.218 139.383Z'/%3E%3Cpath d='M100.782 370.617C116.314 370.617 130.968 367.012 144.112 360.75C154.462 444.853 226.312 510 313.468 510C371.458 510 422.657 481.141 453.51 437.071C464.264 446.429 478.301 452.148 493.699 452.148C527.501 452.148 554.908 424.829 554.908 391.121C554.908 383.764 553.533 376.738 551.144 370.207C553.809 370.419 556.489 370.61 559.211 370.61C614.877 370.61 660 325.621 660 270.122C660 214.624 614.877 169.635 559.211 169.635L100.789 169.635C45.1235 169.635 0.000242248 214.623 0.000237382 270.122C-0.00685679 325.628 45.1166 370.617 100.782 370.617Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    max-width: 660px;
    mask-position: center center;
    mask-size: cover;
    position: relative;
    z-index: 99;
}

.choose-us-wrapper .choose-us-image .vec-shape {
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1399px) {
    .choose-us-wrapper .choose-us-image .vec-shape {
        display: none;
    }
}

.choose-us-wrapper .choose-us-image img {
    width: 100%;
    height: 100%;
}

.choose-us-wrapper .choose-us-image-items {
    position: relative;
}

.choose-us-wrapper .choose-us-image-items .vec-shape {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
}

@media (max-width: 1399px) {
    .choose-us-wrapper .choose-us-image-items .vec-shape {
        display: none;
    }
}

.choose-us-wrapper.style-about-3 .choose-us-content {
    max-width: initial;
}

.choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
    font-size: 49px;
}

@media (max-width: 1399px) {
    .choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
        font-size: 44px;
    }
}

@media (max-width: 1199px) {
    .choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    .choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
        font-size: 40px;
    }
}

@media (max-width: 575px) {
    .choose-us-wrapper.style-about-3 .choose-us-content .section-title h2 {
        font-size: 36px;
    }
}

.choose-us-wrapper.style-about-3 .choose-us-content .choose-items {
    padding-top: 0;
    border-top: none;
}

.choose-us-wrapper.style-about-3 .choose-us-content .about-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 40px;
}

@media (max-width: 1199px) {
    .choose-us-wrapper.style-about-3 .choose-us-content .about-button {
        flex-wrap: wrap;
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .choose-us-wrapper.style-about-3 .choose-us-content .about-button {
        margin-top: 25px;
    }
}

.choose-us-wrapper.style-about-3 .choose-us-content .about-button .author-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}

.choose-us-wrapper.style-about-3
    .choose-us-content
    .about-button
    .author-icon
    .icon {
    width: 56px;
    line-height: 59px;
    height: 59px;
    text-align: center;
    background-color: var(--theme);
    text-align: center;
    color: var(--white);
    border-radius: 15px;
    position: relative;
}

.choose-us-wrapper.style-about-3
    .choose-us-content
    .about-button
    .author-icon
    .content
    h4 {
    font-weight: 700;
    font-size: 24px;
}

.choose-us-wrapper.style-about-3
    .choose-us-content
    .about-button
    .author-icon
    .content
    h4
    a {
    color: var(--text);
}

.choose-us-wrapper.style-about-3
    .choose-us-content
    .about-button
    .author-icon
    .content
    h4
    a:hover {
    color: var(--theme);
}

.choose-us-wrapper.style-about-3
    .choose-us-content
    .about-button
    .author-icon
    .content
    h3 {
    font-weight: 700;
    font-size: 24px;
}

.choose-us-wrapper.style-about-3
    .choose-us-content
    .about-button
    .author-icon
    .content
    h3
    a {
    color: var(--text);
}

.choose-us-wrapper.style-about-3
    .choose-us-content
    .about-button
    .author-icon
    .content
    h3
    a:hover {
    color: var(--theme);
}

.choose-us-wrapper.style-about-3
    .choose-us-content
    .about-button
    .author-icon
    .content
    span {
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
    font-family: "Source Sans 3", sans-serif;
    margin-bottom: 5px;
}

.choose-us-wrapper.style-about-3 .choose-us-image-2 {
    transition: all 500ms ease;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 657 534"><path fill-rule="evenodd" clip-rule="evenodd" d="M59.7831 228.775C39.3307 237.073 23.6339 254.753 14.3189 274.762C5.00386 294.771 1.53393 317.03 0.370222 339.07C-0.747578 360.252 0.294271 382.108 8.7175 401.575C17.1407 421.042 34.1197 437.823 55.0506 441.261C56.5816 485.85 94.502 525.086 138.509 532.427C182.517 539.769 228.861 517.482 254.547 481.003C264.48 498.771 283.306 510.367 303.1 515.119C322.893 519.869 343.673 518.448 363.751 515.1C386.659 511.28 409.596 504.791 428.813 491.746C448.029 478.703 463.198 458.318 465.767 435.238C503.617 452.086 547.956 438.056 584.598 418.722C605.469 407.71 625.987 394.501 639.61 375.232C658.043 349.164 661.329 313.34 648.698 284.019C636.065 254.698 608.204 232.648 576.922 226.271C585.416 210.52 576.062 191.033 564.465 177.401C527.901 134.417 466.035 114.765 411.369 128.767C422.685 109.995 421.35 85.3878 411.654 65.7318C401.957 46.0759 384.913 30.8787 366.29 19.3228C350.512 9.53104 332.973 1.90248 314.47 0.320265C274.507 -3.09672 238.124 21.4384 205.558 44.8521C179.201 20.7744 137.392 21.4013 104.813 35.9998C69.0257 52.0375 39.6327 84.8228 33.7047 123.589C27.7766 162.355 49.0501 205.324 85.8157 218.973C76.4583 221.917 67.7261 226.827 60.3518 233.298" /></svg>');
    mask-repeat: no-repeat;
    max-width: 656px;
    mask-position: center center;
    mask-size: cover;
    position: relative;
    z-index: 99;
}

.choose-us-wrapper.style-about-3 .choose-us-image-2 img {
    width: 100%;
    height: 100%;
}

.choose-us-section {
    position: relative;
}

.choose-us-section .shape1 {
    position: absolute;
    bottom: 20%;
    left: 20px;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1600px) {
    .choose-us-section .shape1 {
        display: none;
    }
}

.choose-us-section .shape2 {
    position: absolute;
    top: 4%;
    left: 50%;
}

@media (max-width: 1600px) {
    .choose-us-section .shape2 {
        opacity: 0.4;
    }
}

.choose-us-section .shape3 {
    position: absolute;
    bottom: 6%;
    right: 0;
}

@media (max-width: 1600px) {
    .choose-us-section .shape3 {
        opacity: 0.4;
    }
}

.counter-box-items {
    position: relative;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 1199px) {
    .counter-box-items {
        max-width: 328px;
        margin: 0 auto;
    }
}

.counter-box-items .bg-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}

.counter-box-items .bg-image img {
    width: 100%;
    height: 100%;
}

.counter-box-items .counter-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    z-index: 99;
}

.counter-box-items .counter-box h2 {
    font-size: 40px;
    position: relative;
    z-index: 99;
}

.counter-box-items .counter-box p {
    position: relative;
    z-index: 99;
    font-size: 16px;
    text-transform: capitalize;
}

.counter-box-items .counter-box .bg-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 156px;
    height: 156px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 156"><path fill-rule="evenodd" clip-rule="evenodd" d="M156 94.5957C156 140.729 113.558 156 73.1553 156C32.7527 156 0 140.729 0 94.5957C0 48.4623 32.7527 0 73.1553 0C113.558 0 156 48.4623 156 94.5957Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    background-color: #fef4de;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease-in-out;
    z-index: 11;
}

.counter-box-items .counter-box .bg-shape.bg-2 {
    background-color: #e1f6fe;
}

.counter-box-items .counter-box .bg-shape.bg-3 {
    background-color: #e6e8fc;
}

.counter-box-items .counter-box .bg-shape.bg-4 {
    background-color: #fedfef;
}

.counter-box-items.active .bg-image {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.counter-box-items.active .counter-box .bg-shape {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.school-facilities-section .facilities-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 60px;
}

.school-facilities-section .facilities-text .line {
    width: 264px;
    height: 1px;
    background-color: rgba(92, 112, 126, 0.2);
}

@media (max-width: 991px) {
    .school-facilities-section .facilities-text .line {
        width: 100px;
    }
}

.school-facilities-section .facilities-text p {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--theme);
    text-transform: capitalize;
    font-family: "Kalam", cursive;
}

@media (max-width: 991px) {
    .school-facilities-section .facilities-text p {
        font-size: 15px;
    }
}

.school-facilities-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
}

@media (max-width: 1199px) {
    .school-facilities-wrapper {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 991px) {
    .school-facilities-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .school-facilities-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 575px) {
    .school-facilities-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

.school-facilities-wrapper .school-facilities-box-items {
    text-align: center;
}

.school-facilities-wrapper .school-facilities-box-items .thumb {
    max-width: 210px;
    margin: 0 auto;
    position: relative;
}

.school-facilities-wrapper .school-facilities-box-items .thumb .icon {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.school-facilities-wrapper .school-facilities-box-items .thumb .icon img {
    width: initial;
    height: initial;
}

@media (max-width: 767px) {
    .school-facilities-wrapper .school-facilities-box-items .thumb .icon img {
        width: 48px;
    }
}

@media (max-width: 470px) {
    .school-facilities-wrapper .school-facilities-box-items .thumb .icon img {
        width: 40px;
    }
}

.school-facilities-wrapper .school-facilities-box-items .thumb img {
    width: 100%;
    height: 100%;
}

.school-facilities-wrapper .school-facilities-box-items .title {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 20px;
}

@media (max-width: 1399px) {
    .school-facilities-wrapper .school-facilities-box-items .title {
        font-size: 18px;
    }
}

@media (max-width: 470px) {
    .school-facilities-wrapper .school-facilities-box-items .title {
        font-size: 16px;
    }
}

.school-facilities-wrapper .school-facilities-box-items:hover .thumb .icon img {
    animation: wobble 1.5s ease-in-out;
}

.choose-us-section-2 {
    position: relative;
}

.choose-us-section-2 .men-shape {
    position: absolute;
    left: 50px;
    top: 25%;
}

@media (max-width: 1399px) {
    .choose-us-section-2 .men-shape {
        opacity: 0.2;
    }
}

.choose-us-section-2 .girl-shape {
    position: absolute;
    right: 45px;
    bottom: 10%;
}

@media (max-width: 1399px) {
    .choose-us-section-2 .girl-shape {
        opacity: 0.2;
    }
}

.choose-us-wrapper-2 .choose-us-thumb {
    position: relative;
    z-index: 9;
}

.choose-us-wrapper-2 .choose-us-thumb .shape1 {
    position: absolute;
    top: 6%;
    left: 16%;
    z-index: 11;
}

.choose-us-wrapper-2 .choose-us-thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--theme);
    z-index: -1;
    max-width: 623px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 624 585"><path fill-rule="evenodd" clip-rule="evenodd" d="M456.618 101.994C486.213 5.80322 299.386 -66.341 295.685 96.4463C186.545 13.2033 66.311 105.693 162.499 224.082C-24.33 198.184 -37.2802 401.666 58.909 471.957C20.0638 518.199 86.6554 564.444 123.654 514.501C232.792 625.49 523.21 599.592 525.061 475.655C621.252 523.755 650.851 383.166 562.055 325.821C685.994 285.124 591.651 177.84 547.261 175.986C630.499 116.793 491.765 52.0478 456.618 101.994Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    z-index: 9;
    left: 30px;
}

@media (max-width: 1399px) {
    .choose-us-wrapper-2 .choose-us-thumb::before {
        display: none;
    }
}

.choose-us-wrapper-2 .choose-us-thumb .thumb {
    max-width: 623px;
    position: relative;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 624 585"><path fill-rule="evenodd" clip-rule="evenodd" d="M456.618 101.994C486.213 5.80322 299.386 -66.341 295.685 96.4463C186.545 13.2033 66.311 105.693 162.499 224.082C-24.33 198.184 -37.2802 401.666 58.909 471.957C20.0638 518.199 86.6554 564.444 123.654 514.501C232.792 625.49 523.21 599.592 525.061 475.655C621.252 523.755 650.851 383.166 562.055 325.821C685.994 285.124 591.651 177.84 547.261 175.986C630.499 116.793 491.765 52.0478 456.618 101.994Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    z-index: 9;
}

.choose-us-wrapper-2 .choose-us-thumb .thumb img {
    width: 100%;
    height: 100%;
}

.choose-us-wrapper-2 .choose-us-content .choose-text {
    margin-top: 30px;
}

.choose-us-wrapper-2 .choose-us-content ul {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

@media (max-width: 1399px) {
    .choose-us-wrapper-2 .choose-us-content ul {
        flex-wrap: wrap;
        margin-top: 30px;
    }
}

.choose-us-wrapper-2 .choose-us-content ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--white);
    padding: 20px;
    border-radius: 35px;
}

.choose-us-wrapper-2 .choose-us-content ul li .icon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background-color: #e1f6fe;
}

.choose-us-wrapper-2 .choose-us-content ul li .title .icon-title {
    font-size: 18px;
    text-transform: capitalize;
}

@media (max-width: 1399px) {
    .choose-us-wrapper-2 .choose-us-content ul li .title .icon-title {
        font-size: 16px;
    }
}

.choose-us-wrapper-2 .choose-us-content .skill-feature {
    max-width: 690px;
    margin-top: 30px;
    margin-bottom: 50px;
}

@media (max-width: 1399px) {
    .choose-us-wrapper-2 .choose-us-content .skill-feature {
        margin-bottom: 30px;
    }
}

.choose-us-wrapper-2 .choose-us-content .skill-feature:not(:last-child) {
    margin-bottom: 30px;
}

.choose-us-wrapper-2 .choose-us-content .skill-feature .box-title {
    font-size: 18px;
    font-weight: 700;
    font-family: "Quicksand", sans-serif;
    color: var(--header);
    text-transform: capitalize;
}

.choose-us-wrapper-2 .choose-us-content .skill-feature .progress-value {
    margin-bottom: 10px;
    color: var(--header);
    text-transform: capitalize;
}

.choose-us-wrapper-2 .choose-us-content .skill-feature .progress {
    position: relative;
    height: 8px;
    background-color: #fef4de;
    border-radius: 0;
    overflow: visible;
    margin-top: 15px;
    border-radius: 4px;
}

.choose-us-wrapper-2 .choose-us-content .skill-feature .progress-bar {
    background-color: var(--theme);
    height: 8px;
    margin: 0;
    border-radius: inherit;
    overflow: visible;
    position: relative;
    margin-top: 0;
    border-radius: 4px;
}

.choose-us-wrapper-2 .choose-us-content .skill-feature .progress-value {
    position: absolute;
    top: -38px;
    right: -8px;
    font-size: 16px;
    font-weight: 700;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
    font-size: 18px;
}

.values-section-2 {
    background-color: #e6e8fc;
    position: relative;
    margin-top: 152px;
}

@media (max-width: 1899px) {
    .values-section-2 {
        margin-top: 100px;
    }
}

@media (max-width: 1399px) {
    .values-section-2 {
        margin-top: 0;
        padding-top: 120px !important;
        padding-bottom: 0 !important;
        margin-bottom: 120px;
        overflow: hidden;
    }
}

@media (max-width: 1199px) {
    .values-section-2 {
        margin-top: 0;
        padding-top: 100px !important;
        margin-bottom: 100px;
    }
}

@media (max-width: 991px) {
    .values-section-2 {
        margin-top: 0;
        padding-top: 80px !important;
        margin-bottom: 80px;
    }
}

.values-section-2 .shape {
    position: absolute;
    top: 0;
    left: 120px;
}

@media (max-width: 1399px) {
    .values-section-2 .shape {
        display: none;
    }
}

.values-section-2 .love-shape {
    position: absolute;
    bottom: 20%;
    right: 80px;
}

.values-section-2 .top-line {
    position: absolute;
    top: -160px;
    left: 0;
    right: 0;
}

@media (max-width: 1899px) {
    .values-section-2 .top-line {
        top: -100px;
    }
}

@media (max-width: 1399px) {
    .values-section-2 .top-line {
        display: none;
    }
}

.values-section-2 .top-line img {
    width: 100%;
}

.values-section-2 .bottom-line {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

@media (max-width: 1399px) {
    .values-section-2 .bottom-line {
        display: none;
    }
}

.values-section-2 .bottom-line img {
    width: 100%;
}

.values-section-2 .plane-shape {
    position: absolute;
    right: 5%;
    top: -18%;
}

@media (max-width: 1399px) {
    .values-section-2 .plane-shape {
        display: none;
    }
}

.values-wrapper-2 .values-list {
    margin-top: 30px;
    position: relative;
    z-index: 9;
}

.values-wrapper-2 .values-list li {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: 35px;
    background-color: var(--white);
    transition: all 0.4s ease-in-out;
}

@media (max-width: 1399px) {
    .values-wrapper-2 .values-list li {
        gap: 15px;
        padding: 15px;
    }
}

.values-wrapper-2 .values-list li:not(:last-child) {
    margin-bottom: 30px;
}

@media (max-width: 1399px) {
    .values-wrapper-2 .values-list li:not(:last-child) {
        margin-bottom: 18px;
    }
}

.values-wrapper-2 .values-list li .icon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background-color: #fef4de;
}

.values-wrapper-2 .values-list li .content .title {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
}

@media (max-width: 1399px) {
    .values-wrapper-2 .values-list li .content .title {
        font-size: 14px;
    }
}

.values-wrapper-2 .values-list li.active {
    background-color: var(--theme);
}

.values-wrapper-2 .values-list li.active .content .title {
    color: var(--white);
}

.values-wrapper-2 .thumb {
    text-align: center;
    margin-top: 30px;
    position: relative;
}

@media (max-width: 1600px) {
    .values-wrapper-2 .thumb {
        margin-bottom: -45px;
    }
}

@media (max-width: 1399px) {
    .values-wrapper-2 .thumb {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .values-wrapper-2 .thumb img {
        width: 100%;
        height: 100%;
    }
}

.values-wrapper-2 .thumb .line-1 {
    position: absolute;
    top: 45%;
    left: 20px;
    transform: translateY(-50%);
}

@media (max-width: 1399px) {
    .values-wrapper-2 .thumb .line-1 {
        display: none;
    }
}

.values-wrapper-2 .thumb .line-2 {
    position: absolute;
    top: 45%;
    right: 20px;
    transform: translateY(-50%);
}

@media (max-width: 1399px) {
    .values-wrapper-2 .thumb .line-2 {
        display: none;
    }
}

.special-offer-wrapper {
    position: relative;
}

@media (max-width: 991px) {
    .special-offer-wrapper .border-shape {
        display: none;
    }
}

.special-offer-wrapper .border-shape img {
    width: 100%;
    height: 100%;
}

.special-offer-wrapper .special-offer-image {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin-left: 20px;
    width: calc(100% - 40px);
}

@media (max-width: 991px) {
    .special-offer-wrapper .special-offer-image {
        position: static;
        transform: initial;
        margin-left: 0;
        width: initial;
    }
}

.special-offer-wrapper .special-offer-image .thumb {
    position: relative;
    max-width: 1410px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1410 490"><path fill-rule="evenodd" clip-rule="evenodd"  d="M0 98.0954C0 66.3286 24.7602 40.067 56.472 38.1991L705 0L1353.53 38.1992C1385.24 40.067 1410 66.3285 1410 98.0953V399.54C1410 431.579 1384.83 457.966 1352.82 459.474L705 490L57.1758 459.474C25.1722 457.966 0 431.579 0 399.54V98.0954Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
}

@media (max-width: 991px) {
    .special-offer-wrapper .special-offer-image .thumb {
        mask: none;
        height: 500px;
        border-radius: 16px;
    }

    .special-offer-wrapper .special-offer-image .thumb img {
        object-fit: cover;
        border-radius: 16px;
    }
}

.special-offer-wrapper .special-offer-image .thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #385469;
    opacity: 0.7;
    z-index: 1;
}

.special-offer-wrapper .special-offer-image .thumb img {
    width: 100%;
    height: 100%;
}

.special-offer-wrapper .special-offer-image .content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 99;
}

@media (max-width: 767px) {
    .special-offer-wrapper .special-offer-image .content {
        margin: 0 15px;
    }
}

.special-offer-wrapper .special-offer-image .content .theme-btn {
    margin-top: 35px;
}

.special-offer-wrapper .special-offer-image .content .theme-btn .theme-text {
    color: var(--white);
}

.special-offer-wrapper
    .special-offer-image
    .content
    .theme-btn:hover
    .theme-text
    img {
    filter: brightness(0) invert(1);
}

.special-offer-section {
    position: relative;
}

.special-offer-section .tree-shape {
    position: absolute;
    left: 53px;
    top: 0;
}

@media (max-width: 1399px) {
    .special-offer-section .tree-shape {
        opacity: 0.3;
    }
}

.special-offer-section .doll-shape {
    position: absolute;
    bottom: -12%;
    right: 12%;
}

@media (max-width: 1399px) {
    .special-offer-section .doll-shape {
        opacity: 0.3;
    }
}

.why-choose-wrapper-3 .values-list {
    margin-top: 30px;
    position: relative;
    z-index: 9;
    max-width: 350px;
    margin-left: 60px;
}

@media (max-width: 1199px) {
    .why-choose-wrapper-3 .values-list {
        margin-left: 0;
    }
}

.why-choose-wrapper-3 .values-list li {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: 35px;
    background-color: var(--white);
    transition: all 0.4s ease-in-out;
    background: #ffffff;
    border: 1px solid rgba(243, 159, 95, 0.2);
}

@media (max-width: 1399px) {
    .why-choose-wrapper-3 .values-list li {
        gap: 15px;
        padding: 15px;
    }
}

.why-choose-wrapper-3 .values-list li:not(:last-child) {
    margin-bottom: 30px;
}

@media (max-width: 1399px) {
    .why-choose-wrapper-3 .values-list li:not(:last-child) {
        margin-bottom: 18px;
    }
}

.why-choose-wrapper-3 .values-list li:nth-last-of-type(2) {
    margin-left: 30px;
}

@media (max-width: 1199px) {
    .why-choose-wrapper-3 .values-list li:nth-last-of-type(2) {
        margin-left: 0;
    }
}

.why-choose-wrapper-3 .values-list li .icon {
    max-width: 56px;
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background-color: #fef4de;
}

.why-choose-wrapper-3 .values-list li .content .title {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
}

@media (max-width: 1399px) {
    .why-choose-wrapper-3 .values-list li .content .title {
        font-size: 14px;
    }
}

.why-choose-wrapper-3 .values-list.style-2 li:nth-last-of-type(2) {
    margin-left: -30px;
}

@media (max-width: 1199px) {
    .why-choose-wrapper-3 .values-list.style-2 li:nth-last-of-type(2) {
        margin-left: 0;
    }
}

.why-choose-wrapper-3 .choose-us-image {
    margin: 30px auto 0;
}

.why-choose-wrapper-3 .choose-us-image img {
    width: 100%;
    height: 100%;
}

.why-choose-us-section-3 {
    position: relative;
}

.why-choose-us-section-3 .doll-shape {
    position: absolute;
    bottom: 40px;
    right: 40px;
}

@media (max-width: 1199px) {
    .why-choose-us-section-3 .doll-shape {
        opacity: 0.3;
    }
}

.why-choose-us-section-3 .girl-shape {
    position: absolute;
    left: 50px;
    top: 40%;
}

@media (max-width: 1199px) {
    .why-choose-us-section-3 .girl-shape {
        opacity: 0.3;
    }
}

.why-choose-us-section-3 .section-title {
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
    padding-bottom: 50px;
}

.gallery-section-3 {
    margin: 0 30px;
}

@media (max-width: 1399px) {
    .gallery-section-3 {
        margin: 0 25px;
    }
}

@media (max-width: 1199px) {
    .gallery-section-3 {
        margin: 0 20px;
    }
}

@media (max-width: 470px) {
    .gallery-section-3 {
        margin: 0 16px;
    }
}

.gallery-section-3.gallery-inner {
    margin-top: -15px;
}

.gallery-thumb-3 {
    margin-top: 30px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.gallery-thumb-3::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(243, 159, 95, 0.8);
    border-radius: 10px;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}

.gallery-thumb-3 img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.gallery-thumb-3 img:first-child {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateX(50%) scaleX(2);
    transform: translate(50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.gallery-thumb-3 .icon {
    color: var(--theme);
    display: inline-block;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    color: var(--white);
    z-index: 99;
    font-size: 36px;
}

.gallery-thumb-3:hover::before {
    opacity: 1;
    visibility: visible;
}

.gallery-thumb-3:hover img:first-child {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translate(0) scaleX(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.gallery-thumb-3:hover img:nth-child(2) {
    -webkit-transform: translateX(-50%) scaleX(2);
    transform: translateX(-50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.gallery-thumb-3:hover .icon {
    opacity: 1;
    visibility: visible;
}

.how-work-section-3 {
    margin: 0 60px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1899px) {
    .how-work-section-3 {
        background-image: none !important;
        background-color: #e6e8fc;
        border-radius: 16px;
    }
}

@media (max-width: 1600px) {
    .how-work-section-3 {
        margin: 0 40px;
    }
}

@media (max-width: 1399px) {
    .how-work-section-3 {
        margin: 0 30px;
    }
}

@media (max-width: 1199px) {
    .how-work-section-3 {
        margin: 0 20px;
    }
}

@media (max-width: 470px) {
    .how-work-section-3 {
        margin: 0 16px;
    }
}

.how-work-section-3 .line-shape {
    position: absolute;
    top: 52%;
    z-index: -1;
}

@media (max-width: 1399px) {
    .how-work-section-3 .line-shape {
        display: none;
    }
}

.how-work-section-3 .line-shape img {
    width: 100%;
}

.how-work-section-3 .section-title-area {
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
    padding-bottom: 50px;
}

@media (max-width: 991px) {
    .how-work-section-3 .section-title-area {
        justify-content: center;
        text-align: center;
    }
}

.how-work-section-3 .section-title-area .info-box {
    display: flex;
    align-items: center;
    gap: 30px;
}

@media (max-width: 767px) {
    .how-work-section-3 .section-title-area .info-box {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.how-work-section-3 .section-title-area .info-box .author-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}

.how-work-section-3 .section-title-area .info-box .author-icon .icon {
    width: 56px;
    line-height: 59px;
    height: 59px;
    text-align: center;
    background-color: var(--theme);
    text-align: center;
    color: var(--white);
    border-radius: 15px;
    position: relative;
}

.how-work-section-3
    .section-title-area
    .info-box
    .author-icon
    .content
    .number {
    font-weight: 700;
    font-size: 24px;
}

.how-work-section-3
    .section-title-area
    .info-box
    .author-icon
    .content
    .number
    a {
    color: var(--text);
}

.how-work-section-3
    .section-title-area
    .info-box
    .author-icon
    .content
    .number
    a:hover {
    color: var(--theme);
}

.how-work-section-3 .section-title-area .info-box .author-icon .content span {
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
    font-family: "Source Sans 3", sans-serif;
    margin-bottom: 5px;
}

.how-work-section-3 .shape-1 {
    position: absolute;
    bottom: 70px;
    left: 60px;
}

@media (max-width: 1199px) {
    .how-work-section-3 .shape-1 {
        opacity: 0.2;
    }
}

.how-work-section-3.inner-style {
    margin: 0 30px;
}

.how-work-box-3 {
    margin-top: 135px;
}

@media (max-width: 1199px) {
    .how-work-box-3 {
        margin-top: 30px;
    }
}

.how-work-box-3.style-2 {
    margin-top: 30px;
}

.how-work-box-3.style-2 .title {
    margin-bottom: 0;
    margin-top: 30px;
}

.how-work-box-3 .title {
    font-size: 18px;
    font-weight: 700;
    color: var(--header);
    text-transform: capitalize;
    margin-bottom: 30px;
    text-align: center;
}

.how-work-box-3 .step-box {
    width: 134px;
    height: 134px;
    border-radius: 50%;
    background-color: var(--header);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
    text-align: center;
    margin: 0 auto;
}

.how-work-box-3 .step-box::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #e1f6fe;
    z-index: -1;
}

.how-work-box-3 .step-box.bg-2::before {
    background: #fef4de;
}

.how-work-box-3 .step-box.bg-3::before {
    background: #fedfef;
}

.how-work-box-3 .step-box.bg-4::before {
    background: #e6e8fc;
}

.how-work-box-3 .step-box h3 {
    text-transform: capitalize;
}

.how-work-box-3.style-box-1 {
    text-align: center;
}

.how-work-box-3.style-box-1 .title {
    max-width: 200px;
    margin-left: auto;
    text-align: center;
    margin-right: -40px;
}

@media (max-width: 1199px) {
    .how-work-box-3.style-box-1 .title {
        margin-right: 0;
        max-width: initial;
        margin-left: initial;
    }
}

.how-work-box-3.style-box-1 .step-box {
    margin-left: auto !important;
    text-align: center;
    margin: initial;
}

@media (max-width: 1199px) {
    .how-work-box-3.style-box-1 .step-box {
        margin-left: initial !important;
        margin: 0 auto !important;
    }
}

.how-work-box-3.style-box-2 {
    margin-left: 90px;
}

@media (max-width: 1199px) {
    .how-work-box-3.style-box-2 {
        margin-left: 0;
    }
}

.how-work-box-3.style-box-3 {
    text-align: left;
}

.how-work-box-3.style-box-3 .title {
    max-width: 205px;
    text-align: center;
    margin-left: -25px;
}

@media (max-width: 1199px) {
    .how-work-box-3.style-box-3 .title {
        margin-left: 0;
        max-width: initial;
    }
}

.how-work-box-3.style-box-3 .step-box {
    margin-left: initial;
    margin-left: 10px;
}

@media (max-width: 1199px) {
    .how-work-box-3.style-box-3 .step-box {
        margin-left: 0;
        margin: 0 auto;
    }
}

.facility-section-inner {
    position: relative;
}

@media (max-width: 1199px) {
    .facility-section-inner {
        background-image: none !important;
        background-color: #e8eaff;
    }
}

.facility-section-inner .shape1 {
    position: absolute;
    right: 10%;
    top: -3%;
}

@media (max-width: 1399px) {
    .facility-section-inner .shape1 {
        display: none;
    }
}

.facility-inner-box {
    margin-top: 30px;
}

.facility-inner-box .thumb {
    max-width: 400px;
    margin: 0 auto;
}

.facility-inner-box .thumb img {
    width: 100%;
    height: 100%;
}

.facility-inner-box .circle-box {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: var(--theme);
    position: relative;
    margin-top: -100px;
}

.facility-inner-box .circle-box.color-2 {
    background: #d95994;
}

.facility-inner-box .circle-box.color-3 {
    background: #1e6098;
}

.facility-inner-box .circle-box .arrow-icon {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.facility-inner-box .circle-box .mini-badge {
    width: 180px;
    height: 180px;
}

.facility-inner-box .circle-box .mini-badge svg {
    width: 100%;
    height: 100%;
}

.facility-inner-box .circle-box .mini-badge text {
    font-size: 10px;
    font-weight: 700;
    fill: #fff;
    letter-spacing: 1px;
    font-size: "Quicksand", sans-serif;
    text-transform: uppercase;
}

.schedule-section-inner {
    background-color: rgba(230, 232, 252, 0.25);
    border-radius: 40px;
    margin: 0 50px;
}

@media (max-width: 1600px) {
    .schedule-section-inner {
        margin: 0 40px;
    }
}

@media (max-width: 1399px) {
    .schedule-section-inner {
        margin: 0 30px;
    }
}

@media (max-width: 1199px) {
    .schedule-section-inner {
        margin: 0 20px;
    }
}

@media (max-width: 470px) {
    .schedule-section-inner {
        margin: 0 16px;
    }
}

.work-process-section {
    position: relative;
}

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

.process-work-wrapper {
    position: relative;
    z-index: 9;
}

.process-work-wrapper .work-process-items {
    position: relative;
}

.process-work-wrapper .work-process-items .line-shape {
    position: absolute;
    top: 12%;
    right: -55%;
}

@media (max-width: 1199px) {
    .process-work-wrapper .work-process-items .line-shape {
        display: none;
    }
}

.process-work-wrapper .work-process-items .line-shape-2 {
    position: absolute;
    top: -32%;
    right: -55%;
}

@media (max-width: 1199px) {
    .process-work-wrapper .work-process-items .line-shape-2 {
        display: none;
    }
}

.process-work-wrapper .work-process-items .icon {
    width: 100px;
    height: 100px;
    line-height: 105px;
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
    color: var(--white);
}

.process-work-wrapper .work-process-items .content {
    margin-top: 30px;
}

.process-work-wrapper .work-process-items .content h3 {
    margin-bottom: 5px;
}

.process-work-wrapper .work-process-items .content h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.process-work-wrapper .work-process-items .content.style-two {
    margin-top: 0;
    margin-bottom: 30px;
}

.process-work-wrapper .work-process-items.style-2 {
    margin-top: 100px;
}

@media (max-width: 1199px) {
    .process-work-wrapper .work-process-items.style-2 {
        margin-top: 0;
    }
}

.process-work-wrapper.style-padding {
    padding-top: 90px;
}

.feature-value-section5 {
    position: relative;
    margin-top: -55px;
    background-color: #eff5f6;
}

.feature-value-section5 .shape-1 {
    position: absolute;
    top: 20%;
    left: 0;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
    .feature-value-section5 .shape-1 {
        display: none;
    }
}

.feature-value-section5 .shape-2 {
    position: absolute;
    top: 20%;
    right: 10px;
}

@media (max-width: 1199px) {
    .feature-value-section5 .shape-2 {
        display: none;
    }
}

.feature-value-items5 {
    margin-top: 30px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1399px) {
    .feature-value-items5 {
        margin-bottom: -50px;
    }
}

@media (max-width: 1199px) {
    .feature-value-items5 {
        margin-bottom: 0;
    }
}

.feature-value-items5 .value-icon-items {
    display: flex;
    align-items: center;
    gap: 20px;
}

@media (max-width: 575px) {
    .feature-value-items5 .value-icon-items {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
}

.feature-value-items5 .value-icon-items:not(:last-child) {
    margin-bottom: 30px;
}

.feature-value-items5 .value-icon-items .icon {
    width: 90px;
    height: 90px;
    line-height: 100px;
    text-align: center;
    border-radius: 8px;
    background: rgba(243, 159, 95, 0.2);
    border-radius: 8px;
    flex-basis: 40%;
    font-size: 40px;
    color: var(--theme);
}

.feature-value-items5 .value-icon-items .icon.color-2 {
    background: rgba(88, 102, 235, 0.15);
    color: #5866eb;
}

.feature-value-items5 .value-icon-items .icon.color-3 {
    background: rgba(57, 192, 250, 0.15);
    color: #39c0fa;
}

.feature-value-items5 .value-icon-items .icon.color-4 {
    background: rgba(249, 37, 150, 0.15);
    color: #f92596;
}

.feature-value-items5 .value-icon-items .content h5 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
}

.feature-value-items5 .value-icon-items.style-2 .content {
    text-align: right;
}

@media (max-width: 1199px) {
    .feature-value-items5 .value-icon-items.style-2 .content {
        text-align: left;
    }
}

@media (max-width: 575px) {
    .feature-value-items5 .value-icon-items.style-2 .content {
        text-align: center;
    }
}

.feature-value-items5 .feature-value-image {
    max-width: 290px;
    text-align: center;
    margin: 0 auto -120px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1199px) {
    .feature-value-items5 .feature-value-image {
        margin: 0 auto 0;
    }
}

.feature-value-items5 .feature-value-image img {
    width: 100%;
    height: 100%;
}

.feature-value-items5 .feature-value-image .value-shape {
    position: absolute;
    bottom: 0;
    left: -25px;
    z-index: -1;
    right: -30px;
    max-width: 340px;
}

.feature-value-items5 .feature-value-image .value-shape img {
    width: 100%;
    height: 100%;
}

.counter-section5 {
    position: relative;
    z-index: 9;
    padding: 50px 0 50px;
    margin-bottom: -33px;
}

@media (max-width: 1199px) {
    .counter-section5 {
        margin-bottom: -27px;
    }
}

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

@media (max-width: 1199px) {
    .counter-section5 .counter-bg {
        top: 0;
    }
}

.counter-section5 .line-shape {
    position: absolute;
    left: 0;
    bottom: 50px;
}

@media (max-width: 1199px) {
    .counter-section5 .line-shape {
        display: none;
    }
}

.counter-section5 .box-shape {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media (max-width: 1199px) {
    .counter-section5 .box-shape {
        display: none;
    }
}

.counter-wrapper5 .counter-items {
    text-align: center;
    /* border-right: 1px dotted var(--theme); */
}

@media (max-width: 1199px) {
    .counter-wrapper5 .counter-items {
        border: none;
    }
}

.counter-wrapper5 .counter-items .content {
    margin-top: 15px;
}

.counter-wrapper5 .counter-items .content h2 {
    color: var(--black);
    margin-bottom: 5px;
}

.counter-wrapper5 .counter-items .content p {
    color: var(--black);
    font-weight: 600;
    font-size: 18px;
}

.counter-wrapper5.style-2 {
    padding: 120px 0 80px;
}

.pricing-section {
    position: relative;
    margin-top: 40px;
}

.pricing-section .tree-shape {
    position: absolute;
    bottom: 5%;
    left: 3%;
}

.pricing-section .pencil-shape {
    position: absolute;
    top: 15%;
    right: 10px;
    animation: rounded 5s linear infinite;
}

.pricing-section .top-shape {
    position: absolute;
    top: -40px;
    left: 0;
    height: 92px;
}

.pricing-section .top-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pricing-section .girl-shape {
    position: absolute;
    top: 15%;
    right: 3%;
}

.pricing-wrapper .nav {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .pricing-wrapper .nav {
        gap: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .pricing-wrapper .nav {
        gap: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.pricing-wrapper .nav .nav-link {
    text-align: center;
    padding: 10px 40px;
    background-color: var(--white);
    border-radius: 6px;
    font-weight: 700;
    font-size: 15px;
    text-transform: capitalize;
    color: var(--header);
    transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
    .pricing-wrapper .nav .nav-link {
        padding: 14px 45px;
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .pricing-wrapper .nav .nav-link {
        padding: 12px 20px;
        font-size: 14px;
    }
}

.pricing-wrapper .nav .nav-link.active {
    position: relative;
    background-color: var(--theme);
    color: var(--white);
}

.pricing-items {
    margin-top: 30px;
    padding: 45px 40px;
    background-color: var(--white);
    border-radius: 24px;
    position: relative;
}

@media (max-width: 575px) {
    .pricing-items {
        padding: 30px;
    }
}

.pricing-items .icon {
    position: absolute;
    top: 50px;
    right: 60px;
    z-index: 2;
    display: inline-block;
    font-size: 50px;
    color: var(--theme);
    width: 95px;
    height: 90px;
    line-height: 100px;
    text-align: center;
}

.pricing-items .element-shape {
    position: absolute;
    bottom: 0;
    right: 0;
}

.pricing-items .pricing-header {
    border-bottom: 1px solid rgba(243, 159, 95, 0.3);
    padding-bottom: 30px;
}

.pricing-items .pricing-header h4 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
}

@media (max-width: 575px) {
    .pricing-items .pricing-header {
        padding-bottom: 20px;
    }
}

.pricing-items .pricing-header h2 {
    font-size: 40px;
    margin-top: 10px;
}

.pricing-items .pricing-header h2 span {
    font-size: 20px;
    font-weight: 500;
    margin-left: -10px;
}

.pricing-items .pricing-list {
    margin-top: 30px;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .pricing-items .pricing-list {
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .pricing-items .pricing-list {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.pricing-items .pricing-list li {
    color: var(--header);
}

.pricing-items .pricing-list li:not(:last-child) {
    margin-bottom: 10px;
}

.pricing-items .pricing-list li i {
    color: var(--theme);
    margin-right: 10px;
}

.pricing-items .theme-btn {
    border-radius: 8px;
    display: inline-block;
    background-color: var(--theme);
    color: var(--white);
    padding: 18px 30px;
    line-height: 1;
    font-weight: 600;
}

.pricing-items .theme-btn:hover {
    background-color: var(--header);
}

.pricing-items .theme-btn i {
    margin-left: 5px;
}

.pricing-items.active {
    background-color: var(--theme);
}

.pricing-items.active .icon::before {
    filter: grayscale(100%) brightness(300%);
}

.pricing-items.active .pricing-header {
    border-bottom: 1px solid rgb(255, 255, 255);
}

.pricing-items.active .pricing-header h4 {
    color: var(--white);
}

.pricing-items.active .pricing-header h2 {
    color: var(--white);
}

.pricing-items.active .pricing-list li {
    color: var(--white);
}

.pricing-items.active .pricing-list li i {
    color: var(--white);
}

.pricing-items.active .theme-btn {
    background-color: var(--white);
    color: var(--theme);
}

.pricing-items.active .theme-btn:hover {
    background-color: var(--header);
    color: var(--white);
}

.program-section {
    background-color: #f3f4fe;
    position: relative;
    margin-top: 130px;
    margin-bottom: 180px;
}

@media (max-width: 1399px) {
    .program-section {
        padding: 120px 0;
        margin-top: 0;
        margin-bottom: 0;
    }
}

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

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

.program-section .top-line {
    position: absolute;
    top: -150px;
    left: 0;
    right: 0;
}

@media (max-width: 1399px) {
    .program-section .top-line {
        display: none;
    }
}

.program-section .top-line img {
    width: 100%;
}

.program-section .bottom-line {
    position: absolute;
    bottom: -185px;
    left: 0;
    right: 0;
}

@media (max-width: 1399px) {
    .program-section .bottom-line {
        display: none;
    }
}

.program-section .bottom-line img {
    width: 100%;
}

.program-section .cat-shape {
    position: absolute;
    top: 40%;
    left: 66px;
    animation: rounded 5s linear infinite;
}

.program-section .star-shape {
    position: absolute;
    right: 45px;
    bottom: 15%;
    animation: cir36 10s linear infinite;
}

.marquee {
    position: relative;
    --duration: 50s;
    --gap: 0px;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 10px;
    margin-bottom: 40px;
}

.marquee .marquee-group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 30px;
    min-width: 100%;
    animation: scroll var(--duration) linear infinite;
}

.marquee .text {
    font-size: 100px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 1199px) {
    .marquee .text {
        letter-spacing: initial;
    }
}

@media (max-width: 1199px) {
    .marquee .text {
        font-size: 80px;
    }
}

@media (max-width: 767px) {
    .marquee .text {
        font-size: 60px;
    }
}

@media (max-width: 575px) {
    .marquee .text {
        font-size: 50px;
    }
}

.marquee .text span {
    margin-top: -10px;
    display: inline-block;
    transition: all 0.4s ease-in-out;
}

.marquee-section2 {
    position: relative;
}

.marquee-section2 .bg-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.marquee-section2 .marquee-group .text2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 99;
}

.marquee-section2 .marquee-group .text2 img {
    animation: cir36 10s linear infinite;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-100% - var(--gap)));
    }
}

@media (max-width: 991px) {
    .schedule-section .section-title-area {
        justify-content: center;
        text-align: center;
    }
}

.schedule-box-items {
    margin-top: 30px;
    padding: 40px;
    text-align: center;
    position: relative;
    z-index: 9;
    transition: all 0.4s ease-in-out;
    z-index: 9;
}

.schedule-box-items .bg-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 330 299"><path fill-rule="evenodd" clip-rule="evenodd"  d="M0 40.0055C0 16.0055 20.9876 -2.59179 44.8133 0.296168L160.187 14.2808C163.384 14.6684 166.616 14.6684 169.813 14.2808L285.187 0.296172C309.012 -2.59179 330 16.0055 330 40.0055V243.42C330 263.65 314.896 280.695 294.813 283.129L169.813 298.281C166.616 298.668 163.384 298.668 160.187 298.281L35.1868 283.129C15.104 280.695 0 263.65 0 243.42V40.0055Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    background-color: rgba(254, 244, 222, 0.3);
    z-index: -1;
}

@media (max-width: 767px) {
    .schedule-box-items .bg-shape {
        mask: none;
        border-radius: 16px;
    }
}

.schedule-box-items .bg-shape.bg-2 {
    background-color: rgba(230, 232, 252, 0.3);
}

.schedule-box-items .bg-shape.bg-3 {
    background-color: rgba(254, 223, 239, 0.3);
}

.schedule-box-items .bg-shape.bg-4 {
    background-color: rgba(225, 246, 254, 0.3);
}

.schedule-box-items .content {
    margin-top: 20px;
}

.schedule-box-items .content h3 {
    font-size: 30px;
    margin-bottom: 10px;
}

.schedule-box-items .content p {
    font-weight: 400;
    max-width: 225px;
    margin: 0 auto;
}

.schedule-box-items:hover {
    transform: translateY(-10px);
}

.schedule-box-items:hover .icon img {
    animation: wobble 1.5s ease-in-out;
}

.program-wrapper {
    padding: 50px 53px;
    position: relative;
    z-index: 9;
}

@media (max-width: 767px) {
    .program-wrapper {
        padding: 40px 30px;
    }
}

.program-wrapper .swiper-dot {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
}

@media (max-width: 575px) {
    .program-wrapper .swiper-dot {
        display: none;
    }
}

.program-wrapper .border-shape {
    position: absolute;
    top: 10px;
    left: 5px;
    bottom: 0;
    z-index: -1;
    right: -18px;
}

@media (max-width: 1399px) {
    .program-wrapper .border-shape {
        display: none;
    }
}

.program-wrapper .border-shape img {
    width: 100%;
}

.program-wrapper .program-wrap-items {
    max-width: 1135px;
}

.program-wrapper .program-bg {
    position: absolute;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1403 614"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0662042 129.208C-1.91671 74.2621 40.8309 28.0216 95.7635 25.6916L701.482 0L1307.2 25.6916C1362.13 28.0216 1404.88 74.2621 1402.9 129.208L1396.48 307L1402.9 484.792C1404.88 539.738 1362.13 585.978 1307.2 588.308L701.482 614L95.7633 588.308C40.8308 585.978 -1.91672 539.738 0.066203 484.792L6.48242 307L0.0662042 129.208Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    background: #fffbfb;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

@media (max-width: 1399px) {
    .program-wrapper .program-bg {
        mask: none;
        border-radius: 16px;
    }
}

.program-main-box-items {
    position: relative;
}

@media (max-width: 1399px) {
    .program-main-box-items {
        max-width: 358px;
        margin: 0 auto;
    }
}

.program-main-box-items .arrow-btn {
    text-align: center;
}

.program-main-box-items .arrow-btn .icon {
    position: relative;
}

.program-main-box-items .arrow-btn .icon svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.program-main-box-items .arrow-btn .icon svg path {
    transition: all 0.4s ease-in-out;
    fill: var(--text);
}

.program-main-box-items .arrow-btn .icon .bg {
    display: inline-block;
    width: 55px;
    height: 41px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    background: #e6e8fc;
    transition: all 0.4s ease-in-out;
}

.program-main-box-items .arrow-btn .icon .bg.bg-2 {
    background-color: #fef4de;
}

.program-main-box-items .arrow-btn .icon .bg.bg-3 {
    background-color: #c9dde2;
}

.program-main-box-items .arrow-btn .icon .bg.bg-4 {
    background-color: #fff1ee;
}

.program-main-box-items .arrow-btn .icon .bg.bg-5 {
    background-color: #e1f6fe;
}

.program-main-box-items .arrow-btn .icon .bg.bg-6 {
    background-color: #eff5f6;
}

.program-main-box-items .arrow-btn .icon:hover .bg {
    background-color: var(--theme);
}

.program-main-box-items .arrow-btn .icon:hover svg path {
    fill: var(--white);
}

.program-main-box-items .program-box-items {
    padding: 20px 22px;
    position: relative;
    padding-bottom: 24px;
}

@media (max-width: 575px) {
    .program-main-box-items .program-box-items {
        margin-bottom: 20px;
    }
}

.program-main-box-items .program-box-items .item-bg {
    position: absolute;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 456"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0247019 112.899C-1.09488 62.1531 35.9801 18.618 86.2563 11.6418L163.317 0.949098C172.436 -0.316243 181.686 -0.316246 190.805 0.949095L267.865 11.6418C318.141 18.618 355.216 62.1531 354.097 112.899L350.983 254.042L353.164 352.91C354.621 418.954 292.777 468.238 228.725 452.077L201.524 445.214C185.467 441.163 168.655 441.163 152.597 445.214L125.397 452.077C61.3442 468.238 -0.49969 418.954 0.957419 352.91L3.13871 254.042L0.0247019 112.899Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    background: #e6e8fc;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    margin: 0 auto;
    max-width: 360px;
}

@media (max-width: 575px) {
    .program-main-box-items .program-box-items .item-bg {
        mask: none;
        border-radius: 16px;
    }
}

.program-main-box-items .program-box-items .item-bg.bg-2 {
    background-color: #fef4de;
}

.program-main-box-items .program-box-items .item-bg.bg-3 {
    background-color: #c9dde2;
}

.program-main-box-items .program-box-items .item-bg.bg-4 {
    background-color: #fff1ee;
}

.program-main-box-items .program-box-items .item-bg.bg-5 {
    background-color: #e1f6fe;
}

.program-main-box-items .program-box-items .item-bg.bg-6 {
    background-color: #eff5f6;
}

.program-main-box-items .program-box-items .thumb {
    position: relative;
    max-width: 283px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 282 206"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0349089 54.1124C-0.674191 39.3365 9.49334 26.2492 23.986 23.2834L134.788 0.6092C138.757 -0.202906 142.849 -0.202906 146.817 0.6092L257.62 23.2834C272.112 26.2492 282.28 39.3365 281.571 54.1124L278.774 112.378L281.387 166.823C282.173 183.188 269.683 197.157 253.332 198.2L140.803 205.378L28.274 198.2C11.9229 197.157 -0.567072 183.188 0.218309 166.823L2.8311 112.378L0.0349089 54.1124Z"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    margin: 0 auto;
    overflow: hidden;
}

.program-main-box-items .program-box-items .thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.program-main-box-items .program-box-items .thumb img:first-child {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateX(50%) scaleX(2);
    transform: translate(50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.program-main-box-items .program-box-items .content {
    text-align: center;
    margin-top: -20px;
    position: relative;
    z-index: 99;
}

.program-main-box-items .program-box-items .content .post-box {
    display: inline-block;
    background-color: var(--theme);
    font-size: 18px;
    font-weight: 600;
    color: var(--white);
    line-height: 1;
    border-radius: 10px;
    padding: 8px 12px;
    margin-bottom: 18px;
}

.program-main-box-items .program-box-items .content h2 {
    font-size: 22px;
    margin-bottom: 10px;
}

@media (max-width: 575px) {
    .program-main-box-items .program-box-items .content h2 {
        font-size: 18px;
    }
}

@media (max-width: 470px) {
    .program-main-box-items .program-box-items .content h2 {
        font-size: 16px;
    }
}

.program-main-box-items .program-box-items .content h2 a:hover {
    color: var(--theme);
}

.program-main-box-items .program-box-items .content p {
    max-width: 285px;
    margin: 0 auto;
}

.program-main-box-items .program-box-items .content .duration-text {
    display: inline-block;
    font-size: 16px;
    color: var(--header);
    background: rgba(3, 166, 166, 0.1);
    border-radius: 10px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 8px 10px;
    line-height: 1;
    margin-top: 15px;
}

.program-main-box-items .program-box-items .content .duration-text.color-2 {
    background: rgba(255, 115, 187, 0.1);
}

.program-main-box-items .program-box-items .content .duration-text.color-3 {
    background: rgba(254, 244, 222, 0.2);
}

.program-main-box-items:hover .program-box-items .thumb img:first-child {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translate(0) scaleX(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.program-main-box-items:hover .program-box-items .thumb img:nth-child(2) {
    -webkit-transform: translateX(-50%) scaleX(2);
    transform: translateX(-50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.program-main-box-items.style-page-3 {
    position: relative;
    z-index: 9;
    max-width: 358px;
    margin-top: 30px;
}

.program-main-box-items.style-page-3 .program-box-items .item-bg {
    background: var(--white);
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 355 423'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.0245494 112.898C-1.09504 62.153 35.9799 18.6179 86.2561 11.6417L163.316 0.948976C172.435 -0.316365 181.686 -0.316368 190.805 0.948973L267.865 11.6417C318.141 18.6179 355.216 62.1529 354.097 112.898L350.983 254.042L352.666 319.417C354.371 385.609 292.437 435.152 228.236 418.954L201.524 412.214C185.467 408.163 168.654 408.163 152.597 412.214L125.885 418.954C61.6841 435.152 -0.250006 385.609 1.45478 319.417L3.13856 254.042L0.0245494 112.898Z'/></svg>");
    mask-repeat: no-repeat;
    mask-position: center;
    transition: all 0.4s ease-in-out;
}

.program-main-box-items.style-page-3 .program-box-items .content {
    padding: 0 20px;
}

@media (max-width: 1899px) {
    .program-main-box-items.style-page-3 .program-box-items .content h2 {
        font-size: 19px;
    }
}

.program-main-box-items.style-page-3 .program-box-items .content .post-box {
    background-color: var(--theme);
    color: var(--white);
    transition: all 0.4s ease-in-out;
}

.program-main-box-items.style-page-3 .program-box-items .content p {
    font-size: 16px;
}

.program-main-box-items.style-page-3 .arrow-btn .icon .bg {
    background: var(--white);
}

.program-main-box-items.style-page-3 .arrow-btn:hover .icon .bg {
    background: var(--theme);
}

.program-main-box-items.style-page-3:hover .program-box-items .item-bg {
    background-color: var(--theme);
}

.program-main-box-items.style-page-3:hover .program-box-items .content h2 a {
    color: var(--white);
}

.program-main-box-items.style-page-3:hover .program-box-items .content p {
    color: var(--white);
}

.program-main-box-items.style-page-3:hover
    .program-box-items
    .content
    .post-box {
    background-color: var(--white);
    color: var(--theme);
}

@media (max-width: 1399px) {
    .program-main-box-items.style-box-inner {
        max-width: 436px;
    }
}

.program-main-box-items.style-box-inner {
    position: relative;
    z-index: 9;
}

.program-main-box-items.style-box-inner .program-box-items {
    padding: 30px 40px;
}

@media (max-width: 1399px) {
    .program-main-box-items.style-box-inner .program-box-items {
        padding: 30px 30px;
    }
}

.program-main-box-items.style-box-inner .program-box-items .item-bg {
    position: absolute;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 446 572"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0312615 141.896C-1.37821 78.0995 45.2379 23.3697 108.446 14.6111L205.306 1.1896C216.753 -0.396589 228.364 -0.396588 239.811 1.1896L336.671 14.6111C399.879 23.3697 446.495 78.0995 445.086 141.896L441.176 318.888L443.914 442.815C445.747 525.815 368.04 587.764 287.535 567.48L253.269 558.847C233.11 553.768 212.007 553.768 191.848 558.847L157.582 567.48C77.0772 587.764 -0.630122 525.815 1.20362 442.815L3.94157 318.888L0.0312615 141.896Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    margin: 0 auto;
    max-width: 450px;
}

.program-main-box-items.style-box-inner .program-box-items .thumb {
    max-width: 358px;
}

.program-main-box-items.style-box-inner .program-box-items .content {
    text-align: center;
    margin-top: -20px;
}

.program-main-box-items.style-box-inner .program-box-items .content .post-box {
    margin-bottom: 21px;
    font-size: 24px;
}

@media (max-width: 575px) {
    .program-main-box-items.style-box-inner
        .program-box-items
        .content
        .post-box {
        font-size: 20px;
    }
}

.program-main-box-items.style-box-inner .program-box-items .content h2 {
    font-size: 26px;
    margin-bottom: 20px;
}

@media (max-width: 1399px) {
    .program-main-box-items.style-box-inner .program-box-items .content h2 {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
    .program-main-box-items.style-box-inner .program-box-items .content h2 {
        font-size: 18px;
    }
}

.program-main-box-items.style-box-inner .program-box-items .content h2 a:hover {
    color: var(--theme);
}

.program-main-box-items.style-box-inner .program-box-items .content p {
    max-width: 355px;
    margin: 0 auto;
    font-size: 18px;
}

@media (max-width: 991px) {
    .program-main-box-items.style-box-inner .program-box-items .content p {
        font-size: 16px;
    }
}

.program-main-box-items.style-box-inner
    .program-box-items
    .content
    .duration-text {
    font-size: 24px;
    margin-top: 30px;
}

@media (max-width: 575px) {
    .program-main-box-items.style-box-inner
        .program-box-items
        .content
        .duration-text {
        font-size: 20px;
        margin-top: 22px;
    }
}

.program-main-box-items.style-box-inner
    .program-box-items
    .content
    .duration-text.color-2 {
    background: rgba(255, 115, 187, 0.1);
}

.program-main-box-items.style-box-inner
    .program-box-items
    .content
    .duration-text.color-3 {
    background: rgba(254, 244, 222, 0.2);
}

.program-main-box-items.style-box-inner .arrow-btn .icon svg {
    top: -6px;
}

.program-main-box-items.style-box-inner .arrow-btn .icon .bg {
    width: 69px;
    height: 51px;
    line-height: 51px;
}

.program-main-box-items.style-box-inner .arrow-btn .icon:hover .bg {
    background-color: var(--theme);
}

.program-main-box-items.style-box-inner .arrow-btn .icon:hover svg path {
    fill: var(--white);
}

.activities-section {
    margin: 0 60px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1600px) {
    .activities-section {
        margin: 0 40px;
    }
}

@media (max-width: 1399px) {
    .activities-section {
        margin: 0 30px;
        background-image: none !important;
        background-color: #e1f6fe;
        border-radius: 16px;
    }
}

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

@media (max-width: 470px) {
    .activities-section {
        margin: 0 16px;
    }
}

.activities-section .activities-shape {
    position: absolute;
    bottom: 55px;
    left: 0;
    right: 0;
}

.activities-section .activities-shape img {
    width: 100%;
}

.activities-wrapper-items {
    position: relative;
    z-index: 9;
    padding: 21px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    overflow: hidden;
}

.activities-wrapper-items .date-top {
    position: absolute;
    top: 19px;
    left: 200px;
}

@media (max-width: 1399px) {
    .activities-wrapper-items .date-top {
        display: none;
    }
}

@media (max-width: 1199px) {
    .activities-wrapper-items {
        display: block;
        padding: 30px;
        text-align: center;
    }
}

.activities-wrapper-items .bg-shape {
    position: absolute;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1410 243"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 77.9176C0 51.1301 21.111 29.1017 47.8743 27.9628L705 0L1362.13 27.9628C1388.89 29.1017 1410 51.1301 1410 77.9176V165.082C1410 191.87 1388.89 213.898 1362.13 215.037L705 243L47.8742 215.037C21.111 213.898 0 191.87 0 165.082V77.9176Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    background: #fffbfb;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 1199px) {
    .activities-wrapper-items .bg-shape {
        mask: none;
        border-radius: 16px;
    }
}

.activities-wrapper-items .content span {
    display: inline-block;
    font-size: 50px;
    font-weight: 700;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: rgba(243, 159, 95, 0.6);
    font-family: "Quicksand", sans-serif;
    color: transparent;
    line-height: 1;
    margin-bottom: 18px;
}

.activities-wrapper-items .content h3 {
    font-size: 30px;
    line-height: 1;
    text-transform: capitalize;
}

@media (max-width: 1399px) {
    .activities-wrapper-items .content h3 {
        font-size: 24px;
    }
}

.activities-wrapper-items .content h3 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}

.activities-wrapper-items .content h3 a:hover {
    color: var(--white);
    background-size: 100% 2px;
    background-image: linear-gradient(
        180deg,
        var(--white) 0%,
        var(--white) 100%
    );
}

.activities-wrapper-items .thumb {
    max-width: 443px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 443 194"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 68.5441C0 43.0103 19.2391 21.5788 44.6249 18.8339L216.125 0.289705C219.698 -0.0966413 223.302 -0.0966417 226.875 0.289704L398.375 18.8339C423.761 21.5788 443 43.0103 443 68.5441V124.873C443 150.407 423.761 171.838 398.375 174.583L226.875 193.127C223.302 193.514 219.698 193.514 216.125 193.127L44.6249 174.583C19.2391 171.838 0 150.407 0 124.873V68.5441Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1399px) {
    .activities-wrapper-items .thumb {
        max-width: 325px;
    }
}

@media (max-width: 1199px) {
    .activities-wrapper-items .thumb {
        margin-top: 18px;
        margin-bottom: 18px;
    }
}

.activities-wrapper-items .thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.activities-wrapper-items .thumb img:first-child {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateX(50%) scaleX(2);
    transform: translate(50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.activities-wrapper-items .thumb-items {
    position: relative;
}

.activities-wrapper-items .thumb-items .icon {
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

@media (max-width: 1199px) {
    .activities-wrapper-items .thumb-items .icon {
        right: initial;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.activities-wrapper-items .thumb-items .icon svg {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.activities-wrapper-items .thumb-items .icon svg path {
    transition: all 0.4s ease-in-out;
}

.activities-wrapper-items .thumb-items .icon .bg {
    display: inline-block;
    width: 55px;
    height: 41px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    background: var(--theme);
    transition: all 0.4s ease-in-out;
}

.activities-wrapper-items .text {
    font-size: 18px;
    font-weight: 400;
    max-width: 365px;
}

@media (max-width: 767px) {
    .activities-wrapper-items .text {
        font-size: 16px;
    }
}

.activities-wrapper-items .right-items {
    display: flex;
    align-items: center;
    gap: 60px;
}

@media (max-width: 1199px) {
    .activities-wrapper-items .right-items {
        display: inline-block;
    }
}

.activities-wrapper-items.active .bg-shape {
    background-color: var(--theme);
}

.activities-wrapper-items.active .content h3 {
    color: var(--white);
}

.activities-wrapper-items.active .content h3 a {
    color: var(--white);
}

.activities-wrapper-items.active span {
    -webkit-text-stroke-color: rgb(255, 255, 255);
}

.activities-wrapper-items.active .text {
    color: var(--white);
}

.activities-wrapper-items.active .thumb-items .icon svg path {
    fill: var(--theme);
}

.activities-wrapper-items.active .thumb-items .icon .bg {
    background-color: var(--white);
}

.activities-wrapper-items:hover .right-items .thumb img:first-child {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translate(0) scaleX(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.activities-wrapper-items:hover .right-items .thumb img:nth-child(2) {
    -webkit-transform: translateX(-50%) scaleX(2);
    transform: translateX(-50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.activities-wrapper-items.style-event .content span {
    color: var(--header);
    -webkit-text-stroke-width: initial;
    -webkit-text-stroke-color: initial;
}

@media (max-width: 1199px) {
    .activities-wrapper-items.style-event .rights-content {
        text-align: center;
    }
}

.activities-wrapper-items.style-event .rights-content h3 {
    font-size: 30px;
}

@media (max-width: 575px) {
    .activities-wrapper-items.style-event .rights-content h3 {
        font-size: 22px;
    }
}

.activities-wrapper-items.style-event .rights-content ul {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 10px;
}

@media (max-width: 1199px) {
    .activities-wrapper-items.style-event .rights-content ul {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }
}

.activities-wrapper-items.style-event .rights-content ul li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.activities-wrapper-items.style-event.active span {
    color: var(--white);
}

.activities-wrapper-items.style-event.active .rights-content h3 a {
    color: var(--white);
}

.activities-wrapper-items.style-event.active .rights-content ul li {
    color: var(--white);
}

.program-section-2 {
    background-color: #e1f6fe;
    position: relative;
    margin-top: 72px;
}

@media (max-width: 1199px) {
    .program-section-2 {
        margin-top: 0;
        padding: 100px 0;
    }
}

@media (max-width: 991px) {
    .program-section-2 {
        padding: 80px 0;
    }
}

.program-section-2 .top-line-1 {
    position: absolute;
    left: 0;
    right: 0;
    top: -72px;
}

@media (max-width: 1199px) {
    .program-section-2 .top-line-1 {
        display: none;
    }
}

.program-section-2 .top-line-1 img {
    width: 100%;
}

.program-section-2 .bottom-line-1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -72px;
}

@media (max-width: 1199px) {
    .program-section-2 .bottom-line-1 {
        display: none;
    }
}

.program-section-2 .bottom-line-1 img {
    width: 100%;
}

.program-section-2 .star-shape {
    position: absolute;
    left: 3%;
    top: 20%;
}

@media (max-width: 1399px) {
    .program-section-2 .star-shape {
        opacity: 0.3;
    }
}

.program-section-2 .star-shape2 {
    position: absolute;
    right: 40px;
    bottom: 25%;
}

@media (max-width: 1399px) {
    .program-section-2 .star-shape2 {
        opacity: 0.3;
    }
}

.program-section-2 .cat-shape {
    position: absolute;
    left: 70px;
    bottom: 15%;
}

@media (max-width: 1399px) {
    .program-section-2 .cat-shape {
        opacity: 0.3;
    }
}

.program-box-items-2 {
    margin-top: 30px;
    transition: all 0.4s ease-in-out;
}

.program-box-items-2 .thumb {
    text-align: center;
    transition: all 0.4s ease-in-out;
}

.program-box-items-2 .thumb.style-left {
    margin-left: 18px;
}

.program-box-items-2 .thumb img {
    transform: translateY(82%);
    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

@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;
    content: "";
    border: 1.13px dashed rgb(92, 112, 126);
    border-radius: 30px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    z-index: -1;
}

.program-box-items-2 .content .year-text {
    font-size: 18px;
    font-weight: 600;
    color: var(--theme);
    display: inline-block;
    background: rgba(243, 159, 95, 0.2);
    border-radius: 10px;
    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;
    transition: all 0.4s ease;
}

.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-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 .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:hover {
    transform: translateY(-15px);
}

.program-box-items-2.active .thumb img {
    transform: translateY(0);
}

@keyframes cartoonUp {
    0% {
        transform: translateY(100%);
    }

    60% {
        transform: translateY(-10%);
    }

    80% {
        transform: translateY(5%);
    }

    100% {
        transform: translateY(0);
    }
}

.program-bottom-area {
    border-top: 1px solid rgba(56, 84, 105, 0.2);
    padding-top: 40px;
    margin-top: 40px;
}

@media (max-width: 767px) {
    .program-bottom-area {
        margin-top: 25px;
        padding-top: 25px;
    }
}

.program-bottom-area .title {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
}

@media (max-width: 767px) {
    .program-bottom-area .title {
        font-size: 17px;
    }
}

.program-bottom-area .program-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 35px;
    justify-content: center;
}

@media (max-width: 767px) {
    .program-bottom-area .program-button {
        flex-wrap: wrap;
        gap: 18px;
        margin-top: 25px;
    }
}

.program-bottom-area .program-button .author-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}

.program-bottom-area .program-button .author-icon .icon {
    width: 56px;
    line-height: 59px;
    height: 59px;
    text-align: center;
    background-color: var(--header);
    text-align: center;
    color: var(--white);
    border-radius: 15px;
    position: relative;
}

.program-bottom-area .program-button .author-icon .content h4 {
    font-weight: 700;
    font-size: 24px;
}

@media (max-width: 767px) {
    .program-bottom-area .program-button .author-icon .content h4 {
        font-size: 19px;
    }
}

.program-bottom-area .program-button .author-icon .content h4 a {
    color: var(--text);
}

.program-bottom-area .program-button .author-icon .content h4 a:hover {
    color: var(--theme);
}

.program-bottom-area .program-button .author-icon .content span {
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
    font-family: "Source Sans 3", sans-serif;
    margin-bottom: 5px;
}

.footer-kids-section {
    margin: 0 60px;
    background-size: auto !important;
    position: relative;
}

@media (max-width: 1600px) {
    .footer-kids-section {
        margin: 0 40px;
    }
}

@media (max-width: 1399px) {
    .footer-kids-section {
        margin: 0 30px;
        background-image: none !important;
        background-color: #fef4de;
        border-radius: 16px;
    }
}

@media (max-width: 1199px) {
    .footer-kids-section {
        margin: 0 20px;
    }
}

@media (max-width: 470px) {
    .footer-kids-section {
        margin: 0 16px;
    }
}

.footer-kids-section .eating-yummy {
    position: absolute;
    bottom: 0;
    right: 0;
}

.footer-kids-section .section-title-area {
    justify-content: start;
    gap: 300px;
}

@media (max-width: 1399px) {
    .footer-kids-section .section-title-area {
        gap: 30px;
        justify-content: space-between;
    }
}

.footer-kids-section .section-title-area .client-sub {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.footer-kids-section .section-title-area .client-sub span {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: bold;
    font-family: "Kalam", cursive;
    color: var(--header);
    line-height: 1.4;
}

.footer-kids-section .food-shape1 {
    position: absolute;
    left: 10px;
    bottom: 40px;
}

@media (max-width: 1399px) {
    .footer-kids-section .food-shape1 {
        opacity: 0.3;
    }
}

.footer-kids-section .food-shape2 {
    position: absolute;
    right: 200px;
    top: 53px;
}

@media (max-width: 1600px) {
    .footer-kids-section .food-shape2 {
        right: 70px;
    }
}

@media (max-width: 1399px) {
    .footer-kids-section .food-shape2 {
        opacity: 0.3;
    }
}

.footer-kids-box-items {
    margin-top: 30px;
    position: relative;
}

@media (max-width: 1399px) {
    .footer-kids-box-items {
        max-width: 330px;
        margin: 30px auto 0;
    }
}

@media (max-width: 1199px) {
    .footer-kids-box-items {
        max-width: initial;
        background-color: var(--white);
        border-radius: 16px;
        padding: 30px;
    }
}

.footer-kids-box-items .bg-thumb {
    position: relative;
}

.footer-kids-box-items .bg-thumb img {
    width: 100%;
    height: 100%;
}

@media (max-width: 1199px) {
    .footer-kids-box-items .bg-thumb img {
        display: none;
    }
}

.footer-kids-box-items .bg-thumb .food-img {
    position: absolute;
    bottom: 20px;
    right: 80px;
}

@media (max-width: 1199px) {
    .footer-kids-box-items .bg-thumb .food-img {
        bottom: -40px;
        right: -15px;
    }
}

.footer-kids-box-items .bg-thumb .food-img img {
    width: initial;
    height: initial;
}

@media (max-width: 1199px) {
    .footer-kids-box-items .bg-thumb .food-img img {
        display: inline;
    }
}

.footer-kids-box-items .content {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    right: 0;
    padding-left: 65px;
}

@media (max-width: 1199px) {
    .footer-kids-box-items .content {
        position: static;
        padding-left: 0;
        transform: initial;
    }
}

.footer-kids-box-items .content .icon {
    margin-bottom: 5px;
    margin-left: 35px;
}

@media (max-width: 1199px) {
    .footer-kids-box-items .content .icon {
        margin-left: 0;
        margin-bottom: 15px;
    }
}

.footer-kids-box-items .content .title {
    font-size: 24px;
    font-weight: 700;
}

.footer-kids-box-items .content ul {
    margin-top: 5px;
}

.footer-kids-box-items .content ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;
    font-size: 16px;
}

.footer-kids-box-items .content ul li:not(:last-child) {
    margin-bottom: 5px;
}

.extra-activities-slider {
    margin-left: -16%;
}

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

.extra-activities-box-2 {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
    z-index: 9;
}

@media (max-width: 767px) {
    .extra-activities-box-2 {
        display: block;
        text-align: center;
    }
}

.extra-activities-box-2 .thumb {
    border-radius: 60px;
    position: relative;
    overflow: hidden;
    height: 414px;
}

.extra-activities-box-2 .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 60px;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.extra-activities-box-2 .thumb img:first-child {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateX(50%) scaleX(2);
    transform: translate(50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.extra-activities-box-2 .content {
    padding: 30px;
    border: 1px dashed var(--theme);
    border-radius: 40px;
    max-width: 380px;
}

@media (max-width: 767px) {
    .extra-activities-box-2 .content {
        max-width: initial;
    }
}

.extra-activities-box-2 .content .title {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
}

.extra-activities-box-2 .content .title a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}

.extra-activities-box-2 .content .title a:hover {
    color: var(--theme);
    background-size: 100% 2px;
    background-image: linear-gradient(
        180deg,
        var(--theme) 0%,
        var(--theme) 100%
    );
}

.extra-activities-box-2 .content .arrow-btn {
    margin-top: 20px;
}

.extra-activities-box-2 .content .arrow-btn .icons {
    position: relative;
}

.extra-activities-box-2 .content .arrow-btn .icons img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.extra-activities-box-2 .content .arrow-btn .icons img path {
    transition: all 0.4s ease-in-out;
    fill: var(--theme);
}

.extra-activities-box-2 .content .arrow-btn .icons .bg {
    display: inline-block;
    width: 55px;
    height: 41px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    background: var(--header);
    transition: all 0.4s ease-in-out;
}

.extra-activities-box-2 .content .arrow-btn .icons:hover .bg {
    background-color: var(--theme);
}

.extra-activities-box-2 .content .arrow-btn .icons:hover svg path {
    fill: var(--white);
}

.extra-activities-box-2:hover .thumb img:first-child {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translate(0) scaleX(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.extra-activities-box-2:hover .thumb img:nth-child(2) {
    -webkit-transform: translateX(-50%) scaleX(2);
    transform: translateX(-50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.extra-activities-box-2:hover .content .icon img {
    animation: wobble 1.5s ease-in-out;
}

.extra-activities-section-2 {
    margin-top: -15px;
}

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

.schedule-section {
    position: relative;
}

.schedule-section .vec-5 {
    position: absolute;
    left: 40px;
    bottom: 150px;
}

@media (max-width: 1600px) {
    .schedule-section .vec-5 {
        display: none;
    }
}

.program-section-3 {
    background-color: #c9dde2;
    position: relative;
    z-index: 9;
    margin-top: 55px;
}

@media (max-width: 1199px) {
    .program-section-3 {
        margin-top: 0;
    }
}

.program-section-3 .top-line {
    position: absolute;
    top: -55px;
    left: 0;
    right: 0;
}

@media (max-width: 1199px) {
    .program-section-3 .top-line {
        display: none;
    }
}

.program-section-3 .happy-mother {
    position: absolute;
    bottom: 0;
    right: 60px;
    z-index: 1;
}

@media (max-width: 1399px) {
    .program-section-3 .happy-mother {
        right: 20px;
        z-index: -1;
        max-width: 570px;
    }

    .program-section-3 .happy-mother img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1199px) {
    .program-section-3 .happy-mother {
        display: none;
    }
}

.program-section-3 .happy-mother .shape {
    position: absolute;
    top: -3%;
    z-index: -1;
    left: -40px;
}

.program-section-3 .cat-shape {
    position: absolute;
    bottom: 50px;
    right: 36px;
    z-index: -1;
}

@media (max-width: 1199px) {
    .program-section-3 .cat-shape {
        opacity: 0.3;
    }
}

.program-section-3 .star-shape {
    position: absolute;
    top: 10%;
    right: 42%;
    z-index: -1;
}

@media (max-width: 1199px) {
    .program-section-3 .star-shape {
        opacity: 0.3;
    }
}

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

@media (max-width: 1199px) {
    .program-section-3 .array-button {
        justify-content: center;
        margin-top: 25px;
    }
}

.program-section-3 .array-button {
    display: flex;
    align-items: center;
    gap: 10px;
}

.program-section-3 .array-button .array-prev,
.program-section-3 .array-button .array-next {
    display: inline-block;
    width: 50px;
    height: 42px;
    line-height: 40px;
    border-radius: 50%;
    background-color: var(--header);
}

.program-section-3 .program-slider-3 {
    max-width: 1150px;
}

@media (max-width: 1899px) {
    .program-section-3 .program-slider-3 {
        margin-left: -10%;
    }
}

@media (max-width: 1600px) {
    .program-section-3 .program-slider-3 {
        margin-left: -12%;
        margin-right: -20%;
    }
}

@media (max-width: 1399px) {
    .program-section-3 .program-slider-3 {
        margin-left: 0;
        margin-right: 0;
        max-width: 730px;
    }
}

@media (max-width: 1199px) {
    .program-section-3 .program-slider-3 {
        max-width: 930px;
    }
}

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

.event-details-wrapper .event-details-items .thumb {
    border-radius: 24px;
}

.event-details-wrapper .event-details-items .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.event-details-wrapper .event-details-items .content {
    margin-top: 20px;
}

.event-details-wrapper .event-details-items .content .list-items {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 15px;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    .event-details-wrapper .event-details-items .content .list-items {
        flex-wrap: wrap;
        gap: 20px;
    }
}

.event-details-wrapper .event-details-items .content .list-items li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.event-details-wrapper .event-details-items .content .highlight-text {
    display: flex;
    align-items: center;
    gap: 24px;
    background-color: #f3f4fe;
    padding: 30px;
    border-radius: 20px;
    margin-top: 30px;
    border-bottom: 4px solid var(--theme);
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .event-details-wrapper .event-details-items .content .highlight-text {
        flex-wrap: wrap;
    }
}

.event-details-wrapper .event-details-items .content .highlight-text h3 {
    max-width: 600px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .event-details-wrapper .event-details-items .content .highlight-text h3 {
        font-size: 20px;
    }
}

.event-details-wrapper .event-details-items .content .highlight-text span {
    font-size: 16px;
    font-weight: 700;
    font-family: "Quicksand", sans-serif;
    color: var(--header);
    position: relative;
    display: inline-block;
    padding-left: 40px;
}

.event-details-wrapper
    .event-details-items
    .content
    .highlight-text
    span::before {
    position: absolute;
    top: 13px;
    left: 0;
    content: "";
    height: 2px;
    width: 25px;
    background-color: var(--theme);
    border-radius: 3px;
}

.event-details-wrapper .event-details-items .content .check-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

@media (max-width: 1199px) {
    .event-details-wrapper .event-details-items .content .check-list {
        flex-wrap: wrap;
        gap: 10px;
    }
}

.event-details-wrapper .event-details-items .content .check-list ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
}

.event-details-wrapper .event-details-items .content .check-list ul li i {
    color: var(--header);
}

.event-details-wrapper
    .event-details-items
    .content
    .check-list
    ul
    li:not(:last-child) {
    margin-bottom: 15px;
}

.event-details-wrapper .event-details-items .content .speaker-items {
    margin-top: 60px;
    margin-bottom: 30px;
}

.event-details-wrapper .event-details-items .content .speaker-items .title {
    display: inline-block;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.event-details-wrapper
    .event-details-items
    .content
    .speaker-items
    .speaker-box-items {
    background-color: #f3f4fe;
    padding: 16px 20px;
    border-radius: 12px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1199px) {
    .event-details-wrapper
        .event-details-items
        .content
        .speaker-items
        .speaker-box-items {
        flex-wrap: wrap;
        gap: 20px;
    }
}

.event-details-wrapper
    .event-details-items
    .content
    .speaker-items
    .speaker-box-items
    .left-items {
    display: flex;
    align-items: center;
    gap: 20px;
}

.event-details-wrapper
    .event-details-items
    .content
    .speaker-items
    .speaker-box-items
    .left-items
    .left-thumb
    img {
    border-radius: 20px;
}

.event-details-wrapper
    .event-details-items
    .content
    .speaker-items
    .speaker-box-items
    .social-icon {
    gap: 12px;
}

.event-details-wrapper
    .event-details-items
    .content
    .speaker-items
    .speaker-box-items
    .social-icon
    p {
    color: var(--header);
}

.event-details-wrapper
    .event-details-items
    .content
    .speaker-items
    .speaker-box-items
    .social-icon
    a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: transparent;
    color: var(--theme);
    border: 1px solid var(--theme);
    font-size: 14px;
}

.event-details-wrapper
    .event-details-items
    .content
    .speaker-items
    .speaker-box-items
    .social-icon
    a:hover {
    background-color: var(--theme);
    color: var(--white);
}

.event-details-wrapper .event-details-items .content .event-details-items {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.event-details-wrapper
    .event-details-items
    .content
    .event-details-items
    .tag-list {
    display: flex;
    align-items: center;
    gap: 12px;
}

.event-details-wrapper
    .event-details-items
    .content
    .event-details-items
    .tag-list
    span {
    color: var(--header);
    font-weight: 600;
}

.event-details-wrapper
    .event-details-items
    .content
    .event-details-items
    .share-text {
    color: var(--header);
    font-weight: 600;
}

.event-details-wrapper .details-list-area {
    padding: 30px 40px;
    border-radius: 10px;
    position: relative;
    z-index: 9;
    border: 1px solid rgba(56, 84, 105, 0.2);
}

@media (max-width: 1199px) {
    .event-details-wrapper .details-list-area {
        padding: 30px 20px;
    }
}

@media (max-width: 991px) {
    .event-details-wrapper .details-list-area {
        padding: 30px 40px;
    }
}

@media (max-width: 575px) {
    .event-details-wrapper .details-list-area {
        padding: 25px 20px;
    }
}

.event-details-wrapper .details-list-area h3 {
    font-size: 24px;
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
    padding-bottom: 20px;
}

@media (max-width: 1199px) {
    .event-details-wrapper .details-list-area {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .event-details-wrapper .details-list-area {
        margin-top: 0;
    }
}

.event-details-wrapper .details-list-area .details-list {
    margin-bottom: 30px;
}

.event-details-wrapper .details-list-area .details-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
}

.event-details-wrapper .details-list-area .details-list li span i {
    color: var(--theme);
}

.event-details-wrapper .details-list-area .theme-btn {
    padding: 19px 40px;
}

.event-details-wrapper .details-list-area .theme-btn.border-style {
    border: 1px solid var(--theme);
    color: var(--theme);
    background-color: transparent;
    padding: 18px 40px;
}

.event-details-wrapper .details-list-area .theme-btn.border-style::after,
.event-details-wrapper .details-list-area .theme-btn.border-style::before {
    background-color: var(--theme);
}

.event-details-wrapper .details-list-area .theme-btn.border-style:hover {
    color: var(--white);
}

.event-details-wrapper .details-list-area .social-icon {
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

.event-details-wrapper .details-list-area .social-icon a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    display: block;
    color: var(--theme);
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--theme);
    border-radius: 4px;
}

.event-details-wrapper .details-list-area .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
    border: 1px solid transparent;
}

.event-details-wrapper .details-list-area .event-btn {
    display: inline-block;
    background-color: var(--theme);
    color: var(--white);
    font-size: 16px;
    padding: 16px 30px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    font-family: "Quicksand", sans-serif;
    width: 100%;
    text-align: center;
}

.event-details-wrapper .details-list-area .event-btn:hover {
    background-color: var(--header);
}

.event-details-wrapper .map-items {
    margin-top: 30px;
}

.event-details-wrapper .map-items iframe {
    width: 100%;
    height: 300px;
}

.program-details-wrapper .program-details-items .details-image img {
    width: 100%;
    height: 100%;
}

.program-details-wrapper .program-details-items .details-content {
    margin-top: 40px;
}

.program-details-wrapper .program-details-items .details-content .post {
    background-color: var(--theme);
    color: var(--white);
    padding: 4px 15px;
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 20px;
}

.program-details-wrapper .program-details-items .details-content h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .program-details-wrapper .program-details-items .details-content h2 {
        font-size: 26px;
    }
}

@media (max-width: 575px) {
    .program-details-wrapper .program-details-items .details-content h2 {
        font-size: 24px;
    }
}

.program-details-wrapper
    .program-details-items
    .details-content
    .details-author-area {
    display: flex;
    align-items: center;
    gap: 30px;
    border-top: 1px solid rgba(56, 84, 105, 0.2);
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
    padding: 20px 0;
    margin-bottom: 40px;
    margin-top: 30px;
}

@media (max-width: 575px) {
    .program-details-wrapper
        .program-details-items
        .details-content
        .details-author-area {
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
}

.program-details-wrapper
    .program-details-items
    .details-content
    .details-author-area
    .author-items {
    display: flex;
    align-items: center;
    gap: 10px;
}

.program-details-wrapper
    .program-details-items
    .details-content
    .details-author-area
    .class-list {
    display: flex;
    align-items: center;
    gap: 30px;
}

.program-details-wrapper
    .program-details-items
    .details-content
    .details-author-area
    .class-list
    li
    i {
    color: var(--theme);
}

.program-details-wrapper .program-details-items .details-content .list-items {
    margin-top: 20px;
}

.program-details-wrapper
    .program-details-items
    .details-content
    .list-items
    li:not(:last-child) {
    margin-bottom: 10px;
}

.program-details-wrapper
    .program-details-items
    .details-content
    .list-items
    li
    i {
    margin-right: 5px;
    color: var(--theme);
}

.program-details-wrapper .details-list-area {
    padding: 30px 40px;
    border-radius: 10px;
    position: relative;
    z-index: 9;
    border: 1px solid rgba(56, 84, 105, 0.2);
}

@media (max-width: 1199px) {
    .program-details-wrapper .details-list-area {
        padding: 30px 20px;
    }
}

@media (max-width: 991px) {
    .program-details-wrapper .details-list-area {
        padding: 30px 40px;
    }
}

.program-details-wrapper .details-list-area h3 {
    font-size: 24px;
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
    padding-bottom: 20px;
}

@media (max-width: 1199px) {
    .program-details-wrapper .details-list-area {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .program-details-wrapper .details-list-area {
        margin-top: 0;
    }
}

.program-details-wrapper .details-list-area .details-list {
    margin-bottom: 30px;
}

.program-details-wrapper .details-list-area .details-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
}

.program-details-wrapper .details-list-area .details-list li span {
    font-weight: 600 !important;
    color: var(--header);
}

.program-details-wrapper .details-list-area .details-list li span i {
    color: var(--theme);
}

.program-details-wrapper .details-list-area .theme-btn {
    padding: 22px 40px;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--header);
    color: var(--white);
    background-color: var(--theme);
    border-radius: 30px;
    line-height: 1;
    text-align: center;
}

@media (max-width: 1199px) {
    .program-details-wrapper .details-list-area .theme-btn {
        padding: 19px 25px;
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .program-details-wrapper .details-list-area .theme-btn {
        padding: 19px 40px;
        font-size: 16px;
    }
}

.program-details-wrapper .details-list-area .theme-btn:hover {
    background-color: var(--header);
}

.program-details-wrapper .details-list-area .theme-btn.border-style {
    border: 1px solid var(--theme);
    color: var(--theme);
    background-color: transparent;
    padding: 21px 40px;
}

.program-details-wrapper .details-list-area .theme-btn.border-style::after,
.program-details-wrapper .details-list-area .theme-btn.border-style::before {
    background-color: var(--theme);
}

.program-details-wrapper .details-list-area .theme-btn.border-style:hover {
    color: var(--white);
    background-color: var(--theme);
}

.program-details-wrapper .details-list-area .social-icon {
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

.program-details-wrapper .details-list-area .social-icon a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    display: block;
    color: var(--theme);
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border: 1px solid rgba(56, 84, 105, 0.2);
}

.program-details-wrapper .details-list-area .social-icon a:hover {
    background-color: rgba(56, 84, 105, 0.2);
    color: var(--white);
    border: 1px solid transparent;
}

.program-details-wrapper .program-author-items {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 30px;
    border: 1px solid rgba(56, 84, 105, 0.2);
    border-radius: 12px;
    margin-top: 23px;
}

@media (max-width: 1199px) {
    .program-details-wrapper .program-author-items {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
}

.program-details-wrapper .program-author-items .thumb {
    max-width: 370px;
}

.program-details-wrapper .program-author-items .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.program-details-wrapper .program-author-items .content {
    max-width: 700px;
}

@media (max-width: 1199px) {
    .program-details-wrapper .program-author-items .content {
        margin: 0 auto;
        text-align: center;
    }
}

.program-details-wrapper .program-author-items .content h2 {
    font-size: 30px;
    margin-bottom: 5px;
}

@media (max-width: 575px) {
    .program-details-wrapper .program-author-items .content h2 {
        font-size: 26px;
    }
}

.program-details-wrapper .program-author-items .content span {
    margin-bottom: 20px;
    display: inline-block;
}

@media (max-width: 575px) {
    .program-details-wrapper .program-author-items .content span {
        margin-bottom: 10px;
    }
}

.program-details-wrapper .program-author-items .content ul {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 50px;
    border-top: 1px solid rgba(56, 84, 105, 0.2);
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
    padding: 20px 0;
}

@media (max-width: 1199px) {
    .program-details-wrapper .program-author-items .content ul {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        gap: 20px;
    }
}

.program-details-wrapper .program-author-items .content ul li {
    color: var(--header);
}

.program-details-wrapper .program-author-items .content ul li i {
    margin-right: 5px;
}

.program-details-wrapper .program-author-items .content ul li .color-star {
    color: var(--theme);
}

.program-details-wrapper .program-author-items .content .social-icon {
    margin-top: 40px;
    gap: 15px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1199px) {
    .program-details-wrapper .program-author-items .content .social-icon {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .program-details-wrapper .program-author-items .content .social-icon {
        margin-top: 20px;
    }
}

.program-details-wrapper .program-author-items .content .social-icon a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    display: block;
    color: var(--theme);
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--theme);
    border-radius: 6px;
}

.program-details-wrapper .program-author-items .content .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
    border: 1px solid transparent;
}

.program-video-section {
    margin-top: -40px;
}

.program-video-section .thumb {
    position: relative;
}

@media (max-width: 991px) {
    .program-video-section .thumb {
        height: 500px;
    }
}

.program-video-section .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.program-video-section .thumb .video-btn {
    display: inline-block;
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 50%;
    background-color: var(--white);
    color: var(--theme);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    transform: translate(-50%, -50%);
}

.program-video-section .thumb .video-btn:hover {
    background-color: var(--theme);
    color: var(--white);
}

.program-inner-section {
    padding: 120px 0;
    padding-top: 0;
    background: transparent;
}

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

.value-text-section {
    background-color: #e1f6fe;
    position: relative;
    padding-top: 80px;
    margin-top: 65px;
    padding-bottom: 80px;
    margin-bottom: 80px;
}

@media (max-width: 1199px) {
    .value-text-section {
        padding: 80px 0;
        margin-bottom: 0;
        margin-top: 0;
    }
}

.value-text-section .shape1 {
    position: absolute;
    top: 10%;
    left: 10%;
}

@media (max-width: 1600px) {
    .value-text-section .shape1 {
        opacity: 0.3;
    }
}

.value-text-section .shape2 {
    position: absolute;
    top: 50%;
    left: 130px;
}

@media (max-width: 1600px) {
    .value-text-section .shape2 {
        opacity: 0.3;
    }
}

.value-text-section .shape3 {
    position: absolute;
    bottom: 10%;
    left: 240px;
}

@media (max-width: 1600px) {
    .value-text-section .shape3 {
        opacity: 0.3;
    }
}

.value-text-section .shape4 {
    bottom: -35px;
    left: 23%;
    position: absolute;
}

@media (max-width: 1600px) {
    .value-text-section .shape4 {
        opacity: 0.3;
    }
}

.value-text-section .shape5 {
    position: absolute;
    top: -40px;
    left: 47%;
}

@media (max-width: 1600px) {
    .value-text-section .shape5 {
        opacity: 0.3;
    }
}

.value-text-section .shape6 {
    position: absolute;
    bottom: 0;
    right: 25%;
}

@media (max-width: 1600px) {
    .value-text-section .shape6 {
        opacity: 0.3;
    }
}

.value-text-section .shape7 {
    position: absolute;
    bottom: 25%;
    right: 110px;
}

@media (max-width: 1600px) {
    .value-text-section .shape7 {
        opacity: 0.3;
    }
}

.value-text-section .shape8 {
    position: absolute;
    right: 127px;
    top: 140px;
}

@media (max-width: 1600px) {
    .value-text-section .shape8 {
        opacity: 0.3;
    }
}

.value-text-section .shape9 {
    position: absolute;
    top: 7%;
    right: 16%;
}

@media (max-width: 1399px) {
    .value-text-section .shape9 {
        display: none;
    }
}

.value-text-section .top-bg {
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
}

@media (max-width: 1199px) {
    .value-text-section .top-bg {
        display: none;
    }
}

.value-text-section .bottom-bg {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
}

@media (max-width: 1199px) {
    .value-text-section .bottom-bg {
        display: none;
    }
}

.value-text-section .theme-btn .theme-bg svg {
    max-width: 225px;
}

.value-text-section .about-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 40px;
    justify-content: center;
}

@media (max-width: 1199px) {
    .value-text-section .about-button {
        justify-content: center;
    }
}

@media (max-width: 1199px) {
    .value-text-section .about-button {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 25px;
    }
}

.value-text-section .author-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}

.value-text-section .author-icon .icon {
    width: 56px;
    line-height: 59px;
    height: 59px;
    text-align: center;
    background-color: var(--header);
    text-align: center;
    color: var(--white);
    border-radius: 15px;
    position: relative;
}

.value-text-section .author-icon .content h4 {
    font-weight: 700;
    font-size: 24px;
}

@media (max-width: 767px) {
    .value-text-section .author-icon .content h4 {
        font-size: 19px;
    }
}

.value-text-section .author-icon .content h4 a {
    color: var(--text);
}

.value-text-section .author-icon .content h4 a:hover {
    color: var(--theme);
}

.value-text-section .author-icon .content span {
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
    font-family: "Source Sans 3", sans-serif;
    margin-bottom: 5px;
}

.program-box-items-4 {
    padding: 20px 30px 36px;
    position: relative;
    z-index: 9;
    text-align: center;
    margin: 30px auto;
}

.program-box-items-4 .program-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #70a6b1;
    transition: all 500ms ease;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 371 458"><path  d="M180.499 1.01957C228.479 0.655383 276.69 -1.7067 311.981 40.3475C348.649 84.0424 368.9 145.98 370.375 210.447C371.895 276.909 355.756 343.16 319.998 390.92C283.71 439.389 232.608 453.808 180.499 456.752C125.658 459.85 64.9802 460.19 28.2615 407.4C-7.46789 356.033 -0.110132 279.336 4.09606 210.447C7.86177 148.773 16.5925 85.8896 50.5519 42.3318C84.3879 -1.06785 132.853 1.38123 180.499 1.01957Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.program-box-items-4 .program-bg.bg-2 {
    background-color: var(--theme);
}

.program-box-items-4 .program-bg.bg-3 {
    background-color: var(--theme);
}

.program-box-items-4 .program-bg.bg-3 {
    background-color: var(--white);
}

.program-box-items-4 .program-bg.bg-4 {
    background-color: var(--bg);
}

.program-box-items-4 .program-image {
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 308 237"><path fill-rule="evenodd" clip-rule="evenodd" d="M149.968 0.07171C188.87 -0.110783 227.96 -1.29441 256.574 19.7787C286.305 41.674 302.725 72.7107 303.921 105.015C305.153 138.318 292.067 171.516 263.075 195.448C233.652 219.736 192.218 226.961 149.968 228.436C105.502 229.989 56.3034 230.159 26.5315 203.707C-2.43828 177.967 3.52747 139.534 6.93789 105.015C9.99117 74.11 17.0702 42.5996 44.6048 20.773C72.0394 -0.974285 111.335 0.252935 149.968 0.07171Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
}

.program-box-items-4 .program-image img {
    width: 100%;
    height: 100%;
}

.program-box-items-4 .program-content {
    padding: 30px 20px 0;
}

@media (max-width: 575px) {
    .program-box-items-4 .program-content {
        padding: 20px 20px 0;
    }
}

.program-box-items-4 .program-content h3 {
    margin-bottom: 5px;
}

.program-box-items-4 .program-content h3 a {
    color: var(--white);
}

.program-box-items-4 .program-content span {
    color: var(--white);
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
}

.program-box-items-4 .program-content p {
    color: var(--white);
    margin-top: 10px;
    margin-bottom: 30px;
}

@media (max-width: 575px) {
    .program-box-items-4 .program-content p {
        margin-bottom: 15px;
    }
}

.program-box-items-4 .program-content .arrow-icon {
    width: 60px;
    height: 55px;
    line-height: 55px;
    border-radius: 22px;
    background-color: var(--theme);
    display: inline-block;
    color: var(--white);
    transition: all 0.4s ease-in-out;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.program-box-items-4 .program-content .arrow-icon:hover {
    background-color: var(--header);
}

.program-box-items-4 .program-content .arrow-icon.color-2 {
    background-color: var(--header);
}

.program-box-items-4 .program-content .arrow-icon.color-2:hover {
    background-color: var(--white);
    color: var(--header);
}

.program-box-items-4 .program-content.style-2 h3 a {
    color: var(--header);
}

.program-box-items-4 .program-content.style-2 span {
    color: var(--theme);
}

.program-box-items-4 .program-content.style-2 p {
    color: var(--text);
}

.program-section-4 {
    position: relative;
    padding-bottom: 172px;
    background-color: #eff5f6;
}

@media (max-width: 1199px) {
    .program-section-4 {
        padding-bottom: 155px;
    }
}

@media (max-width: 991px) {
    .program-section-4 {
        padding-bottom: 120px;
    }
}

.program-section-4 .top-shape {
    position: absolute;
    top: 0;
    left: 0;
}

.program-section-4 .bottom-shape {
    position: absolute;
    bottom: 0;
    left: 0;
}

.program-section-4 .mask-shape {
    position: absolute;
    top: 15%;
    left: 5%;
}

.program-section-4 .pencil-shape {
    position: absolute;
    bottom: 10%;
    left: 85px;
    animation: rounded 5s linear infinite;
}

.program-section-4 .mask-shape-2 {
    position: absolute;
    top: 18%;
    right: 5%;
    animation: rounded 5s linear infinite;
}

.program-section-4 .compass-shape {
    position: absolute;
    bottom: 10%;
    right: 85px;
    animation: rounded 5s linear infinite;
}

.program-section-4 .love-shape {
    position: absolute;
    top: 40%;
    left: 0;
    animation: rounded 5s linear infinite;
}

.program-section-4 .zebra-shape {
    position: absolute;
    top: 45%;
    right: 0;
}

.program-box-items-22 {
    padding: 75px 30px 40px;
    position: relative;
    z-index: 9;
    max-width: 420px;
    text-align: center;
    margin: 30px auto;
}

.program-box-items-22 .program-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #70a6b1;
    transition: all 500ms ease;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 288"><path fill-rule="evenodd" clip-rule="evenodd" d="M131.352 0.968405C166.359 0.739595 212.216 -6.12903 237.965 20.2925C264.719 47.745 268.813 92.0436 269.889 132.547C270.998 174.303 264.054 235.303 237.965 265.31C211.488 295.761 169.371 285.444 131.352 287.293C91.3384 289.24 47.0661 289.453 20.2754 256.287C-5.7936 224.014 -0.425215 175.827 2.64371 132.547C5.39126 93.7981 -4.50211 53.0434 20.2754 25.6771C44.9629 -1.5898 96.5877 1.19563 131.352 0.968405Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.program-box-items-22 .program-bg.bg-2 {
    background-color: var(--theme);
}

.program-box-items-22 .program-bg.bg-3 {
    background-color: #5866eb;
}

.program-box-items-22 .program-bg.bg-4 {
    background-color: #f25334;
}

.program-box-items-22 .icon {
    font-size: 50px;
    color: var(--white);
}

.program-box-items-22 .content {
    padding: 30px 20px 0;
}

@media (max-width: 575px) {
    .program-box-items-22 .content {
        padding: 20px 20px 0;
    }
}

.program-box-items-22 .content h4 {
    margin-bottom: 5px;
    font-weight: 600;
}

.program-box-items-22 .content h4 a {
    color: var(--white);
}

.program-box-items-22 .content span {
    color: var(--white);
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
}

.program-box-items-22 .content p {
    color: var(--white);
    margin-top: 10px;
    margin-bottom: 30px;
}

@media (max-width: 575px) {
    .program-box-items-22 .content p {
        margin-bottom: 15px;
    }
}

.program-box-items-22 .content .arrow-icon {
    width: 60px;
    height: 55px;
    line-height: 55px;
    border-radius: 22px;
    background-color: var(--theme);
    display: inline-block;
    color: var(--white);
    transition: all 0.4s ease-in-out;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid var(--white);
    box-shadow: var(--box-shadow);
}

.program-box-items-22 .content .arrow-icon:hover {
    background-color: var(--white);
    color: var(--header);
}

.program-box-items-22 .content .arrow-icon.color-2 {
    background-color: var(--theme);
}

.program-box-items-22 .content .arrow-icon.color-2:hover {
    background-color: var(--white);
    color: var(--header);
}

.program-box-items-22 .content .arrow-icon.color-3 {
    background-color: #5866eb;
}

.program-box-items-22 .content .arrow-icon.color-3:hover {
    background-color: var(--white);
    color: var(--header);
}

.program-box-items-22 .content .arrow-icon.color-4 {
    background-color: #f25334;
}

.program-box-items-22 .content .arrow-icon.color-4:hover {
    background-color: var(--white);
    color: var(--header);
}

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

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

.tetsimonial-box-items {
    position: relative;
    margin-top: 30px;
    text-align: center;
    position: relative;
}

@media (max-width: 1199px) {
    .tetsimonial-box-items {
        background-color: #fef4de;
        border-radius: 16px;
    }
}

@media (max-width: 1199px) {
    .tetsimonial-box-items .bg-shape {
        display: none;
    }
}

.tetsimonial-box-items .bg-shape svg {
    width: 100%;
    height: 100%;
}

.tetsimonial-box-items .content {
    margin: 0 auto;
    position: absolute;
    top: 21px;
    left: 0;
    text-align: center;
    right: 0;
    padding: 0 50px;
}

@media (max-width: 1199px) {
    .tetsimonial-box-items .content {
        position: static;
        padding: 20px;
    }
}

.tetsimonial-box-items .content h3 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 15px;
}

.tetsimonial-box-items .content p {
    font-size: 18px;
    line-height: 144%;
}

@media (max-width: 1899px) {
    .tetsimonial-box-items .content p {
        font-size: 15px;
    }
}

.testimonial-box-items-2 {
    margin-top: 50px;
    position: relative;
}

@media (max-width: 1199px) {
    .testimonial-box-items-2 {
        background-color: var(--bg);
        padding: 30px;
        border-radius: 16px;
    }
}

@media (max-width: 1199px) {
    .testimonial-box-items-2 .bg-thumb {
        display: none;
    }
}

.testimonial-box-items-2 .content {
    text-align: center;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
}

@media (max-width: 1199px) {
    .testimonial-box-items-2 .content {
        position: static;
    }
}

.testimonial-box-items-2 .content .client-image {
    margin-bottom: 10px;
    transition: all 900ms ease;
}

.testimonial-box-items-2 .content .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.testimonial-box-items-2 .content p {
    font-size: 16px;
    font-weight: 600;
    max-width: 230px;
    text-transform: capitalize;
    font-style: italic;
    margin: 0 auto;
    color: var(--header);
}

.testimonial-box-items-2:hover .content .client-image {
    transform: rotateY(360deg);
}

.testimonial-section-2 {
    position: relative;
    margin-top: -30px;
}

@media (max-width: 1899px) {
    .testimonial-section-2 {
        margin-top: -60px;
    }
}

@media (max-width: 1600px) {
    .testimonial-section-2 {
        margin-top: -40px;
    }
}

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

@media (max-width: 1199px) {
    .testimonial-section-2 {
        margin-top: 0;
    }
}

.testimonial-section-2 .girl-shape {
    position: absolute;
    top: 25%;
    left: 60px;
}

@media (max-width: 1399px) {
    .testimonial-section-2 .girl-shape {
        opacity: 0.3;
    }
}

.testimonial-section-2 .zirap-shape {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (max-width: 1399px) {
    .testimonial-section-2 .zirap-shape {
        opacity: 0.3;
    }
}

.testimonial-wrapper-3 {
    position: relative;
    padding: 60px 60px;
    margin-bottom: 50px;
}

@media (max-width: 1199px) {
    .testimonial-wrapper-3 {
        padding: 0;
        margin-bottom: 0;
    }
}

.testimonial-wrapper-3 .array-button {
    display: flex;
    align-items: center;
    gap: 10px;
}

.testimonial-wrapper-3 .array-button .array-prev,
.testimonial-wrapper-3 .array-button .array-next {
    display: inline-block;
    width: 50px;
    height: 42px;
    line-height: 40px;
    border-radius: 50%;
    background-color: var(--header);
}

.testimonial-wrapper-3 .testimonial-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media (max-width: 1199px) {
    .testimonial-wrapper-3 .testimonial-bg {
        display: none;
    }
}

.testimonial-wrapper-3 .testimonial-slider-3 {
    margin-right: -68%;
}

@media (max-width: 1600px) {
    .testimonial-wrapper-3 .testimonial-slider-3 {
        margin-right: -45%;
    }
}

@media (max-width: 1199px) {
    .testimonial-wrapper-3 .testimonial-slider-3 {
        margin-right: 0;
    }
}

.testimonial-box-items-3 {
    position: relative;
    z-index: 9;
    border-radius: 20px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    min-height: 280px;
}

@media (max-width: 1399px) {
    .testimonial-box-items-3 {
        min-height: 320px;
    }
}

@media (max-width: 1199px) {
    .testimonial-box-items-3 {
        min-height: 290px;
    }
}

@media (max-width: 991px) {
    .testimonial-box-items-3 {
        min-height: 310px;
    }
}

@media (max-width: 767px) {
    .testimonial-box-items-3 {
        min-height: 330px;
    }
}

@media (max-width: 575px) {
    .testimonial-box-items-3 {
        min-height: auto;
    }
}

.testimonial-box-items-3::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--white);
    border-radius: 20px;
    z-index: -1;
    top: 15px;
    height: initial;
}

.testimonial-box-items-3 .quote-icon {
    margin-bottom: 25px;
    padding: 0 30px;
}

.testimonial-box-items-3 .text {
    text-transform: capitalize;
    color: var(--black);
    /* font-style: italic; */
    font-weight: 600;
    line-height: 180%;
    padding: 0 30px;
}

@media (max-width: 1199px) {
    .testimonial-box-items-3 .text {
        line-height: 150%;
        font-size: 15px;
    }
}

.testimonial-box-items-3 .testimonial-bottom {
    padding: 15px 30px 19px;
    background-color: var(--white);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.testimonial-box-items-3 .testimonial-bottom .client-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.testimonial-box-items-3 .testimonial-bottom .client-info .client-img img {
    border-radius: 50%;
    border: 3px solid var(--white);

    width: 46px;
}

.testimonial-box-items-3 .testimonial-bottom .client-info .info-content p b {
    font-weight: 600;
    color: var(--header);
    display: block;
    font-size: 22px;
}

.testimonial-box-items-3 .testimonial-bottom .video-btn {
    display: inline-block;
    width: 58px;
    height: 58px;
    line-height: 58px;
    border-radius: 50%;
    text-align: center;
    background: rgba(243, 159, 95, 0.2);
    color: var(--theme);
}

.testimonial-box-items-3 .testimonial-bottom .video-btn:hover {
    background-color: var(--theme);
    color: var(--white);
}

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

@media (max-width: 991px) {
    .testimonial-section-3 {
        padding: 80px 0;
        margin-bottom: 80px;
    }
}

.testimonial-section-inner {
    background-color: var(--bg);
    margin: 0 40px;
    border-radius: 40px;
}

@media (max-width: 1600px) {
    .testimonial-section-inner {
        margin: 0 40px;
    }
}

@media (max-width: 1399px) {
    .testimonial-section-inner {
        margin: 0 30px;
    }
}

@media (max-width: 1199px) {
    .testimonial-section-inner {
        margin: 0 20px;
    }
}

@media (max-width: 470px) {
    .testimonial-section-inner {
        margin: 0 16px;
    }
}

.testimonial-inner-page {
    background-color: var(--bg);
    border-radius: 40px;
    margin: 0 50px;
}

@media (max-width: 1600px) {
    .testimonial-inner-page {
        margin: 0 40px;
    }
}

@media (max-width: 1399px) {
    .testimonial-inner-page {
        margin: 0 30px;
    }
}

@media (max-width: 1199px) {
    .testimonial-inner-page {
        margin: 0 20px;
    }
}

@media (max-width: 470px) {
    .testimonial-inner-page {
        margin: 0 16px;
    }
}

@media (max-width: 1199px) {
    .testimonial-inner-page .testimonial-box-items-2 {
        background-color: #c9dde2;
    }
}

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

.testimonial-section-4 .tree-shape {
    position: absolute;
    left: 0;
    bottom: 50px;
}

.testimonial-section-4 .right-shape {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.testimonial-section-4 .bee-shape {
    position: absolute;
    right: 5%;
    top: 45%;
    transform: translateY(-50%);
}

.testimonial-section-4 .love-shape {
    position: absolute;
    top: 50%;
    left: 0;
    animation: rounded 5s linear infinite;
}

.testimonial-section-4 .pencil-shape {
    position: absolute;
    top: 50%;
    left: 2%;
    animation: rounded 5s linear infinite;
}

.testimonial-section-4 .girl-shape {
    position: absolute;
    top: 30%;
    right: 0;
}

.testimonial-items-4 {
    position: relative;
    z-index: 9;
    max-width: 420px;
    padding: 55px 50px;
    text-align: center;
    margin: 30px auto;
}

.testimonial-items-4::after {
    width: 0;
    height: 0;
    border-top: 20px solid #70a6b1;
    border-right: 16px solid transparent;
    content: "";
    left: 60px;
    position: absolute;
    bottom: -10px;
    transform: rotate(0deg);
}

.testimonial-items-4.style-2::after {
    border-top: 20px solid var(--theme);
}

.testimonial-items-4.style-3::after {
    border-top: 20px solid var(--header);
}

.testimonial-items-4 .icon {
    position: absolute;
    top: -30px;
    right: 30px;
}

.testimonial-items-4 .testimonial-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #70a6b1;
    transition: all 500ms ease;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 371 216"><path d="M29.5383 22.3807C20.9831 23.0067 13.019 27.0757 7.48934 33.6486C1.95971 40.2216 -0.683385 48.7421 0.151277 57.2974L12.2539 180.236C13.8189 196.199 27.0343 208.51 43.1016 208.962L298.091 215.987C312.941 216.405 326.086 206.493 329.808 192.13L369.245 39.8738C371.819 29.9274 369.454 19.355 362.881 11.4605C356.308 3.56603 346.327 -0.676823 336.102 0.0882826L29.5383 22.3807Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.testimonial-items-4 .testimonial-bg.bg-2 {
    background-color: var(--theme);
}

.testimonial-items-4 .testimonial-bg.bg-3 {
    background-color: var(--header);
}

.testimonial-items-4 .testimonial-content {
    position: relative;
}

.testimonial-items-4 .testimonial-content p {
    color: var(--white);
}

.testimonial-items-4 .testimonial-content h6 {
    color: var(--white);
    margin-top: 20px;
    position: relative;
    display: inline-block;
}

.testimonial-items-4 .testimonial-content h6::before {
    position: absolute;
    top: 10px;
    left: -40px;
    content: "";
    width: 24px;
    height: 2px;
    background-color: var(--white);
}

.team-single-items {
    position: relative;
    z-index: 9;
    margin-top: 30px;
    text-align: center;
}

@media (max-width: 991px) {
    .team-single-items {
        max-width: 450px;
    }
}

.team-single-items img {
    width: 100%;
    height: 100%;
}

.team-single-items .bg-shape {
    position: relative;
}

.team-single-items .bg-shape .items {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    padding: 30px;
}

.team-single-items .thumb {
    max-width: 362px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.team-single-items .thumb .social-icon {
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100px;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    gap: 10px;
}

.team-single-items .thumb .social-icon a {
    width: 44px;
    height: 44px;
    display: inline-block;
    line-height: 44px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: var(--white);
}

.team-single-items .thumb .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
}

.team-single-items .thumb img {
    width: 100%;
    height: 100%;
}

.team-single-items .content {
    text-align: center;
    margin-top: 15px;
}

@media (max-width: 1399px) {
    .team-single-items .content h3 {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .team-single-items .content h3 {
        font-size: 19px;
    }
}

@media (max-width: 575px) {
    .team-single-items .content h3 {
        font-size: 18px;
    }
}

.team-single-items .content h3 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}

.team-single-items .content h3 a:hover {
    color: var(--theme);
    background-size: 100% 2px;
    background-image: linear-gradient(
        180deg,
        var(--theme) 0%,
        var(--theme) 100%
    );
}

.team-single-items:hover .thumb .social-icon {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
}

.team-slider {
    margin-right: -35%;
}

@media (max-width: 1899px) {
    .team-slider {
        margin-right: -25%;
    }
}

@media (max-width: 1600px) {
    .team-slider {
        margin-right: -15%;
    }
}

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

@media (max-width: 991px) {
    .team-slider {
        margin-right: 0;
    }
}

.team-section {
    position: relative;
}

.team-section .pencil-shape {
    position: absolute;
    left: 0;
    bottom: 180px;
}

@media (max-width: 1399px) {
    .team-section .pencil-shape {
        opacity: 0.3;
    }
}

.team-section .vec-shape {
    position: absolute;
    right: 200px;
    top: 110px;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1399px) {
    .team-section .vec-shape {
        opacity: 0.3;
    }
}

.team-section .vec-shape2 {
    position: absolute;
    right: 90px;
    bottom: 0;
}

@media (max-width: 1399px) {
    .team-section .vec-shape2 {
        opacity: 0.3;
    }
}

.team-wrapper-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: -30px;
}

@media (max-width: 1399px) {
    .team-wrapper-2 {
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .team-wrapper-2 {
        grid-template-columns: repeat(1, 1fr);
        display: grid;
    }
}

@media (max-width: 767px) {
    .team-wrapper-2 {
        margin-top: 30px;
    }
}

.team-wrapper-2 .team-items {
    position: relative;
}

.team-wrapper-2 .team-items .team-shape {
    position: absolute;
    bottom: 70px;
    left: -70px;
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-items .team-shape {
        display: none;
    }
}

.team-wrapper-2 .team-main-items {
    margin-top: 30px;
    height: 512px;
    width: 246px;
    position: relative;
    transition: width 0.5s ease;
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-main-items {
        width: initial !important;
        margin-top: 0;
    }
}

.team-wrapper-2 .team-main-items.bg-2 .team-items {
    background-color: #e0af396b;
}

.team-wrapper-2 .team-main-items.bg-2 .team-hover-items {
    background-color: #e0af396b;
}

.team-wrapper-2 .team-main-items.bg-2 .team-hover-items .team-image {
    margin-top: -160px;
}

.team-wrapper-2 .team-main-items.bg-2 .team-hover-items .team-shape {
    position: absolute;
    bottom: 0;
    left: 0;
}

.team-wrapper-2 .team-main-items.bg-2 .team-hover-items .star {
    position: absolute;
    top: 50px;
    right: 45px;
    z-index: -1;
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-main-items.bg-2 .team-hover-items .star {
        display: none;
    }
}

.team-wrapper-2 .team-main-items.bg-2 .team-hover-items .star-2 {
    position: absolute;
    top: 47%;
    right: 70px;
    z-index: -1;
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-main-items.bg-2 .team-hover-items .star-2 {
        display: none;
    }
}

.team-wrapper-2 .team-main-items.bg-3 .team-items {
    background-color: #e0af396b;
}

.team-wrapper-2 .team-main-items.bg-3 .team-hover-items {
    background-color: #e0af396b;
}

.team-wrapper-2 .team-main-items.bg-3 .team-hover-items .content {
    position: relative;
}

.team-wrapper-2 .team-main-items.bg-3 .team-hover-items .team-image {
    margin-top: -160px;
}

.team-wrapper-2 .team-main-items.bg-3 .team-hover-items .shape-3 {
    position: absolute;
    top: 50px;
    right: 45px;
    z-index: -1;
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-main-items.bg-3 .team-hover-items .shape-3 {
        display: none;
    }
}

.team-wrapper-2 .team-main-items.bg-3 .team-hover-items .shape-4 {
    position: absolute;
    top: 47%;
    right: 70px;
    z-index: -1;
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-main-items.bg-3 .team-hover-items .shape-4 {
        display: none;
    }
}

.team-wrapper-2 .team-main-items.bg-4 .team-items {
    background-color: #ffd25a;
}

.team-wrapper-2 .team-main-items.bg-4 .team-items .content .title a {
    color: var(--header);
}

.team-wrapper-2 .team-main-items.bg-4 .team-hover-items {
    background-color: #ffd25a;
}

.team-wrapper-2 .team-main-items.bg-4 .team-hover-items .content .title a {
    color: var(--header);
}

.team-wrapper-2 .team-main-items.bg-4 .team-hover-items .team-image {
    margin-top: -210px;
}

.team-wrapper-2 .team-main-items.bg-4 .team-hover-items .shape-5 {
    position: absolute;
    top: 6%;
    right: 122px;
    z-index: -1;
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-main-items.bg-4 .team-hover-items .shape-5 {
        display: none;
    }
}

.team-wrapper-2 .team-main-items .team-items {
    background-color: #e0af396b;
    border-radius: 48px;
    overflow: hidden;
    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
    height: 512px;
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-main-items .team-items {
        opacity: 0;
        transform: scale(0.95);
        pointer-events: none;
    }
}

.team-wrapper-2 .team-main-items .team-items .star {
    position: absolute;
    top: 73px;
    left: 8px;
}

.team-wrapper-2 .team-main-items .team-items .star2 {
    position: absolute;
    top: 150px;
    right: 16px;
}

.team-wrapper-2 .team-main-items .team-items .content {
    padding: 30px 15px;
    position: relative;
    z-index: 1;
}

.team-wrapper-2 .team-main-items .team-items .content .title {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
}

.team-wrapper-2 .team-main-items .team-items .content .title a {
    color: var(--black);
}

.team-wrapper-2 .team-main-items .team-items .team-image {
    text-align: center;
    position: relative;
    z-index: 1;
}

.team-wrapper-2 .team-main-items .team-items .shape-3 {
    position: absolute;
    top: 25px;
    right: 10px;
}

.team-wrapper-2 .team-main-items .team-items .shape-4 {
    position: absolute;
    left: 15px;
    top: 58%;
}

.team-wrapper-2 .team-main-items .team-items .shape-5 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 47%;
    transform: translateY(-50%);
}

.team-wrapper-2 .team-main-items .team-hover-items {
    width: 530px;
    height: 512px;
    background-color: #e0af396b;
    border-radius: 48px;
    overflow: hidden;
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.96);
    transition: all 0.45s ease;
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-main-items .team-hover-items {
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1) !important;
    }
}

.team-wrapper-2 .team-main-items .team-hover-items .team-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.team-wrapper-2 .team-main-items .team-hover-items .content {
    padding: 40px;
}

@media (max-width: 575px) {
    .team-wrapper-2 .team-main-items .team-hover-items .content {
        padding: 28px;
    }
}

.team-wrapper-2 .team-main-items .team-hover-items .content .title {
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-main-items .team-hover-items .content .title {
        font-size: 35px;
    }
}

@media (max-width: 575px) {
    .team-wrapper-2 .team-main-items .team-hover-items .content .title {
        font-size: 28px;
    }
}

.team-wrapper-2 .team-main-items .team-hover-items .content .title a {
    color: var(--white);
}

.team-wrapper-2 .team-main-items .team-hover-items .content span {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    background: var(--white);
    color: #ff854b;
    border-radius: 32px;
    padding: 8px 18px;
    margin-top: 18px;
}

.team-wrapper-2 .team-main-items .team-hover-items .team-image {
    text-align: right;
    margin-top: -100px;
}

.team-wrapper-2 .team-main-items.active {
    width: 530px;
    height: 440px;
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-main-items.active {
        height: 512px;
    }
}

.team-wrapper-2 .team-main-items.active .team-items {
    opacity: 0;
    transform: scale(0.95);
    pointer-events: none;
}

.team-wrapper-2 .team-main-items.active .team-hover-items {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

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

.team-section-2 .pencil {
    position: absolute;
    bottom: 40%;
    left: 0;
}

.team-section-2 .link-btn {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    font-family: "Quicksand", sans-serif;
    color: var(--theme);
    transition: all 0.4s ease-in-out;
}

.team-section-2 .link-btn svg {
    margin-left: 5px;
}

.team-section-2 .link-btn:hover {
    text-decoration: underline;
}

.team-box-items-3 {
    margin-top: 30px;
    max-width: 450px;
    position: relative;
}

@media (max-width: 767px) {
    .team-box-items-3 {
        max-width: initial;
    }
}

.team-box-items-3 .shape {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
}

@media (max-width: 1399px) {
    .team-box-items-3 .shape {
        display: none;
    }
}

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

.team-box-items-3 .thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(
        180deg,
        rgba(243, 159, 95, 0) 0%,
        #919bff 82.69%
    );
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}

.team-box-items-3 .thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-box-items-3 .thumb img:first-child {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateX(50%) scaleX(2);
    transform: translate(50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.team-box-items-3 .social-icon {
    display: grid;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    transition: all 0.4s ease-in-out;
    left: -100px;
    opacity: 0;
    visibility: hidden;
}

.team-box-items-3 .social-icon a {
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    color: var(--white);
}

.team-box-items-3 .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
}

.team-box-items-3 .content {
    position: absolute;
    bottom: 50px;
    left: 10px;
    right: 10px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}

.team-box-items-3 .content .title {
    font-size: 24px;
    font-weight: 700;
}

.team-box-items-3 .content .title a {
    color: var(--white);
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}

.team-box-items-3 .content .title a:hover {
    background-size: 100% 2px;
    background-image: linear-gradient(
        180deg,
        var(--white) 0%,
        var(--white) 100%
    );
}

.team-box-items-3 .content p {
    color: var(--white);
}

.team-box-items-3:hover .thumb img:first-child {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translate(0) scaleX(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.team-box-items-3:hover .thumb img:nth-child(2) {
    -webkit-transform: translateX(-50%) scaleX(2);
    transform: translateX(-50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.team-box-items-3:hover .thumb::before {
    opacity: 1;
    visibility: visible;
}

.team-box-items-3:hover .social-icon {
    left: 60px;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1399px) {
    .team-box-items-3:hover .social-icon {
        left: 25px;
    }
}

.team-box-items-3:hover .content {
    opacity: 1;
    visibility: visible;
}

.team-slider-3 {
    margin-right: -35%;
}

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

.team-section-3 {
    position: relative;
}

.team-section-3 .shape1 {
    position: absolute;
    right: 10%;
    top: 2%;
}

@media (max-width: 1199px) {
    .team-section-3 .shape1 {
        opacity: 0.3;
    }
}

.team-section-inner {
    background-color: #e6e8fc;
    position: relative;
    margin-bottom: 80px;
    margin-top: 0;
}

.team-section-inner .top-line {
    position: absolute;
    top: -110px;
    left: 0;
    right: 0;
    z-index: 11;
}

@media (max-width: 1199px) {
    .team-section-inner .top-line {
        display: none;
    }
}

@media (max-width: 1199px) {
    .team-section-inner {
        margin-bottom: 0;
    }
}

.team-section-inner .bottom-line {
    position: absolute;
    bottom: -80px;
    left: 0;
    right: 0;
}

@media (max-width: 1199px) {
    .team-section-inner .bottom-line {
        display: none;
    }
}

.team-details-wrapper .team-author-items {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 30px;
    border: 1px solid rgba(56, 84, 105, 0.2);
    border-radius: 12px;
}

@media (max-width: 1199px) {
    .team-details-wrapper .team-author-items {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        text-align: center;
    }
}

.team-details-wrapper .team-author-items .thumb {
    max-width: 370px;
}

.team-details-wrapper .team-author-items .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.team-details-wrapper .team-author-items .content {
    max-width: 700px;
}

.team-details-wrapper .team-author-items .content h2 {
    font-size: 30px;
    margin-bottom: 5px;
}

@media (max-width: 575px) {
    .team-details-wrapper .team-author-items .content h2 {
        font-size: 26px;
    }
}

.team-details-wrapper .team-author-items .content span {
    margin-bottom: 20px;
    display: inline-block;
}

@media (max-width: 575px) {
    .team-details-wrapper .team-author-items .content span {
        margin-bottom: 10px;
    }
}

.team-details-wrapper .team-author-items .content ul {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 50px;
    border-top: 1px solid rgba(56, 84, 105, 0.2);
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
    padding: 20px 0;
}

@media (max-width: 1199px) {
    .team-details-wrapper .team-author-items .content ul {
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 20px;
        margin-top: 20px;
        justify-content: center;
    }
}

.team-details-wrapper .team-author-items .content ul li {
    color: var(--header);
}

.team-details-wrapper .team-author-items .content ul li i {
    margin-right: 5px;
}

.team-details-wrapper .team-author-items .content ul li .color-star {
    color: var(--theme);
}

.team-details-wrapper .team-author-items .content .social-icon {
    margin-top: 40px;
    gap: 15px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1199px) {
    .team-details-wrapper .team-author-items .content .social-icon {
        justify-content: center;
        margin-top: 30px;
    }
}

@media (max-width: 575px) {
    .team-details-wrapper .team-author-items .content .social-icon {
        margin-top: 20px;
    }
}

.team-details-wrapper .team-author-items .content .social-icon a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    display: block;
    color: var(--theme);
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--theme);
    border-radius: 6px;
}

.team-details-wrapper .team-author-items .content .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
    border: 1px solid transparent;
}

.team-details-wrapper .details-info-items {
    padding: 80px 0;
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
    margin-bottom: -10px;
}

@media (max-width: 767px) {
    .team-details-wrapper .details-info-items {
        padding: 50px 0;
    }
}

@media (max-width: 575px) {
    .team-details-wrapper .details-info-items {
        padding: 40px 0;
    }
}

.team-details-wrapper .details-info-items .info-content h2 {
    font-size: 30px;
    margin-bottom: 15px;
}

.team-details-wrapper .details-info-items .progress-wrap {
    margin-left: 30px;
}

@media (max-width: 991px) {
    .team-details-wrapper .details-info-items .progress-wrap {
        margin-left: 0;
    }
}

.team-details-wrapper .details-info-items .progress-wrap .pro-items {
    width: 100%;
}

.team-details-wrapper
    .details-info-items
    .progress-wrap
    .pro-items:not(:last-child) {
    margin-bottom: 20px;
}

.team-details-wrapper .details-info-items .progress-wrap .pro-items .pro-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.team-details-wrapper
    .details-info-items
    .progress-wrap
    .pro-items
    .pro-head
    .title {
    font-size: 16px;
    color: var(--header);
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
}

.team-details-wrapper
    .details-info-items
    .progress-wrap
    .pro-items
    .pro-head
    .point {
    font-size: 16px;
    color: var(--header);
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
}

.team-details-wrapper .details-info-items .progress-wrap .pro-items .progress {
    background: #fef4de;
    justify-content: flex-start;
    border-radius: 100px;
    align-items: center;
    position: relative;
    display: flex;
    height: 8px;
    width: 100%;
}

.team-details-wrapper
    .details-info-items
    .progress-wrap
    .pro-items
    .progress-value {
    animation: load 3s normal forwards;
    border-radius: 0;
    background: var(--theme);
    height: 8px;
    width: 0;
}

.team-details-wrapper .details-info-items .progress-wrap .pro-items .style-two {
    animation: load2 3s normal forwards;
}

.team-details-wrapper
    .details-info-items
    .progress-wrap
    .pro-items
    .style-three {
    animation: load3 3s normal forwards;
}

@keyframes load {
    0% {
        width: 0;
    }

    100% {
        width: 90%;
    }
}

@keyframes load2 {
    0% {
        width: 0;
    }

    100% {
        width: 70%;
    }
}

@keyframes load3 {
    0% {
        width: 0;
    }

    100% {
        width: 55%;
    }
}

.team-items {
    margin-top: 30px;
}

.team-items .team-image {
    position: relative;
}

.team-items .team-image img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.team-items .team-image .shape-img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.team-items .team-image .social-profile {
    position: absolute;
    right: 20px;
    top: 20px;
    content: "";
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 2;
    display: inline-block;
    overflow: hidden;
    z-index: 99;
}

.team-items .team-image .social-profile ul {
    transform: translateY(-100px);
    transition: all 0.6s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.team-items .team-image .social-profile ul li {
    margin-bottom: 10px;
}

.team-items .team-image .social-profile ul li a {
    width: 40px;
    height: 40px;
    line-height: 43px;
    text-align: center;
    font-size: 18px;
    display: block;
    background: var(--white);
    color: var(--theme);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
}

.team-items .team-image .social-profile ul li a:hover {
    background-color: var(--theme);
    color: var(--white);
}

.team-items .team-image .social-profile .plus-btn {
    z-index: 2;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    background: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    transition: all 0.4s ease-in-out;
    border-radius: 50%;
    margin-bottom: 10px;
}

.team-items .team-image .social-profile .plus-btn:hover {
    background-color: var(--white);
    color: var(--theme);
}

.team-items .team-image .social-profile:hover ul {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.team-items .team-content {
    margin-top: 20px;
    text-align: center;
}

.team-items .team-content h3 {
    margin-bottom: 5px;
}

.team-items .team-content h3 a:hover {
    color: var(--theme);
}

.team-items .team-content h2 {
    margin-bottom: 5px;
    font-size: 24px;
}

.team-items .team-content h2 a:hover {
    color: var(--theme);
}

.team-section-4 {
    position: relative;
}

.team-section-4 .top-shape {
    position: absolute;
    top: 0;
    left: 0;
}

.team-section-4 .love-shape {
    position: absolute;
    bottom: 0;
    left: 30px;
}

@media (max-width: 1399px) {
    .team-section-4 .love-shape {
        left: 30px;
    }
}

@media (max-width: 1199px) {
    .team-section-4 .love-shape {
        display: none;
    }
}

.team-section-4 .frame-shape {
    position: absolute;
    top: 45%;
    right: 0;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1199px) {
    .team-section-4 .frame-shape {
        display: none;
    }
}

.team-box-items-5 {
    margin-top: 30px;
    text-align: center;
    position: relative;
    z-index: 9;
}

.team-box-items-5 .bg-shape-1 {
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.team-box-items-5::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--white);
    border-radius: 24px;
    z-index: -1;
    top: 35%;
    height: initial;
}

.team-box-items-5 .team-image {
    margin: 0 auto;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 294 294"> <path fill-rule="evenodd" clip-rule="evenodd" d="M147.403 0.00569915C182.119 0.435189 209.656 26.2366 235.076 51.2011C261.845 77.4906 291.257 105.251 293.775 143.756C296.413 184.105 275.546 221.843 248.076 250.036C221.009 277.816 185.15 293.448 147.403 293.984C109.12 294.528 71.5048 281.034 43.9843 252.934C16.0177 224.38 -2.47629 184.728 0.269486 143.756C2.87462 104.884 30.5587 75.4755 57.651 49.0061C83.3487 23.8993 112.392 -0.427445 147.403 0.00569915Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    position: relative;
    z-index: 9;
    max-width: 295px;
}

.team-box-items-5 .team-image img {
    width: 100%;
    height: 100%;
}

.team-box-items-5 .team-content {
    padding: 20px 50px;
}

.team-box-items-5 .team-content h3 a:hover {
    color: var(--theme);
}

.team-box-items-5 .team-content p {
    margin-bottom: 15px;
    margin-top: 5px;
}

.team-box-items-5 .team-content .social-icon {
    justify-content: center;
    gap: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px;
}

.team-box-items-5 .team-content .social-icon a {
    color: var(--text);
    font-size: 20px;
}

.team-box-items-5 .team-content .social-icon a:hover {
    color: var(--theme);
}

.team-section-5 {
    position: relative;
    margin-top: 30px;
}

.team-section-5 .top-shape {
    position: absolute;
    top: -40px;
    left: 0;
    height: 92px;
}

.team-section-5 .top-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-section-5 .love-shape {
    position: absolute;
    bottom: 10%;
    left: 30px;
}

@media (max-width: 1399px) {
    .team-section-5 .love-shape {
        left: 30px;
    }
}

@media (max-width: 1199px) {
    .team-section-5 .love-shape {
        display: none;
    }
}

.team-section-5 .frame-shape {
    position: absolute;
    top: 40%;
    right: 0;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1199px) {
    .team-section-5 .frame-shape {
        display: none;
    }
}

.news-section {
    background-color: #e6e8fc;
    position: relative;
    margin-top: 110px;
    margin-bottom: 150px;
}

@media (max-width: 1399px) {
    .news-section {
        margin-top: 100px;
        margin-bottom: 100px;
    }
}

@media (max-width: 1199px) {
    .news-section {
        margin-top: 0;
        margin-bottom: 0;
        padding: 100px 0;
    }
}

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

.news-section .top-line-1 {
    position: absolute;
    top: -180px;
    left: 0;
    right: 0;
}

@media (max-width: 1199px) {
    .news-section .top-line-1 {
        display: none;
    }
}

.news-section .top-line-1 img {
    width: 100%;
}

.news-section .bottom-line-1 {
    position: absolute;
    bottom: -180px;
    left: 0;
    right: 0;
}

@media (max-width: 1600px) {
    .news-section .bottom-line-1 {
        bottom: -150px;
    }
}

@media (max-width: 1399px) {
    .news-section .bottom-line-1 {
        bottom: -100px;
    }
}

@media (max-width: 1199px) {
    .news-section .bottom-line-1 {
        display: none;
    }
}

.news-section .bottom-line-1 img {
    width: 100%;
}

.news-box-items {
    margin-top: 30px;
    background-color: var(--white);
    padding: 30px;
    border-radius: 40px;
    position: relative;
    z-index: 99;
}

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

.news-box-items .thumb {
    overflow: hidden;
    position: relative;
    border-radius: 40px;
}

.news-box-items .thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-box-items .thumb img:first-child {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateX(50%) scaleX(2);
    transform: translate(50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.news-box-items .content {
    margin-top: 20px;
}

.news-box-items .content ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .news-box-items .content ul {
        flex-wrap: wrap;
    }
}

.news-box-items .content ul li {
    border: 1px solid rgba(56, 84, 105, 0.2);
    border-radius: 8px;
    padding: 8px 10px;
    line-height: 1;
    gap: 10px;
    display: flex;
    align-items: center;
}

@media (max-width: 1399px) {
    .news-box-items .content ul li {
        font-size: 14px;
        gap: 6px;
    }
}

.news-box-items .content ul li i {
    color: var(--theme);
}

@media (max-width: 1399px) {
    .news-box-items .content h3 {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .news-box-items .content h3 {
        font-size: 21px;
    }
}

@media (max-width: 991px) {
    .news-box-items .content h3 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .news-box-items .content h3 {
        font-size: 22px;
    }
}

@media (max-width: 470px) {
    .news-box-items .content h3 {
        font-size: 20px;
    }
}

.news-box-items .content h3 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}

.news-box-items .content h3 a:hover {
    color: var(--theme);
    background-size: 100% 2px;
    background-image: linear-gradient(
        180deg,
        var(--theme) 0%,
        var(--theme) 100%
    );
}

.news-box-items .content .arrow-btn {
    text-align: right;
    margin-top: 12px;
}

.news-box-items .content .icon {
    position: relative;
}

.news-box-items .content .icon svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-box-items .content .icon svg path {
    transition: all 0.4s ease-in-out;
    fill: var(--theme);
}

.news-box-items .content .icon .bg {
    display: inline-block;
    width: 55px;
    height: 41px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    background: #fef4de;
    transition: all 0.4s ease-in-out;
}

.news-box-items .content .icon:hover .bg {
    background-color: var(--theme);
}

.news-box-items .content .icon:hover svg path {
    fill: var(--white);
}

.news-box-items:hover .thumb img:first-child {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translate(0) scaleX(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.news-box-items:hover .thumb img:nth-child(2) {
    -webkit-transform: translateX(-50%) scaleX(2);
    transform: translateX(-50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.news-box-items.style-inner .content h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 135%;
}

@media (max-width: 1399px) {
    .news-box-items.style-inner .content h2 {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .news-box-items.style-inner .content h2 {
        font-size: 21px;
    }
}

@media (max-width: 991px) {
    .news-box-items.style-inner .content h2 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .news-box-items.style-inner .content h2 {
        font-size: 22px;
    }
}

@media (max-width: 470px) {
    .news-box-items.style-inner .content h2 {
        font-size: 20px;
    }
}

.news-box-items.style-inner .content h2 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}

.news-box-items.style-inner .content h2 a:hover {
    color: var(--theme);
    background-size: 100% 2px;
    background-image: linear-gradient(
        180deg,
        var(--theme) 0%,
        var(--theme) 100%
    );
}

.news-box-items.style-inner .content .arrow-btn {
    text-align: left;
    margin-top: 20px;
}

.news-box-items-2 {
    margin-top: 30px;
    background-color: var(--white);
    padding: 30px;
    border-radius: 40px;
    position: relative;
    z-index: 99;
}

@media (max-width: 767px) {
    .news-box-items-2 {
        font-size: 20px;
    }
}

.news-box-items-2 .thumb {
    overflow: hidden;
    position: relative;
    border-radius: 40px;
}

.news-box-items-2 .thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-box-items-2 .thumb img:first-child {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateX(50%) scaleX(2);
    transform: translate(50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.news-box-items-2 .content {
    margin-top: 20px;
}

.news-box-items-2 .content ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.news-box-items-2 .content ul li {
    border: 1px solid rgba(56, 84, 105, 0.2);
    border-radius: 8px;
    padding: 8px 10px;
    line-height: 1;
    gap: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 1600px) {
    .news-box-items-2 .content ul li {
        font-size: 14px;
        gap: 6px;
    }
}

.news-box-items-2 .content ul li i {
    color: var(--theme);
}

@media (max-width: 1899px) {
    .news-box-items-2 .content h3 {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .news-box-items-2 .content h3 {
        font-size: 21px;
    }
}

.news-box-items-2 .content h3 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}

.news-box-items-2 .content h3 a:hover {
    color: var(--theme);
    background-size: 100% 2px;
    background-image: linear-gradient(
        180deg,
        var(--theme) 0%,
        var(--theme) 100%
    );
}

.news-box-items-2 .content .text {
    margin-top: -90px;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 1199px) {
    .news-box-items-2 .content .text {
        font-size: 15px;
        opacity: 1;
        visibility: visible;
        margin-top: 7px;
    }
}

.news-box-items-2 .content .arrow-btn {
    margin-top: 27px;
}

.news-box-items-2 .content .icon {
    position: relative;
}

.news-box-items-2 .content .icon svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-box-items-2 .content .icon svg path {
    transition: all 0.4s ease-in-out;
    fill: var(--theme);
}

.news-box-items-2 .content .icon .bg {
    display: inline-block;
    width: 55px;
    height: 41px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    background: #fef4de;
    transition: all 0.4s ease-in-out;
}

.news-box-items-2 .content .icon:hover .bg {
    background-color: var(--theme);
}

.news-box-items-2 .content .icon:hover svg path {
    fill: var(--white);
}

.news-box-items-2:hover .thumb img:first-child {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translate(0) scaleX(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.news-box-items-2:hover .thumb img:nth-child(2) {
    -webkit-transform: translateX(-50%) scaleX(2);
    transform: translateX(-50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.news-box-items-2:hover .content .text {
    margin-top: 15px;
    opacity: 1;
    visibility: visible;
}

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

@media (max-width: 1399px) {
    .news-section-2 {
        margin: 0 30px;
        background-image: none !important;
        background-color: #fedfef;
        border-radius: 16px;
        margin-bottom: 120px;
    }
}

@media (max-width: 1199px) {
    .news-section-2 {
        margin: 0 20px;
        margin-bottom: 100px;
    }
}

@media (max-width: 991px) {
    .news-section-2 {
        margin-bottom: 80px;
    }
}

@media (max-width: 470px) {
    .news-section-2 {
        margin: 0 16px;
        margin-bottom: 80px;
    }
}

.news-section-2 .news-bg {
    position: absolute;
    top: 0;
    left: 0;
    left: 60px;
    right: 0;
    width: calc(100% - 100px);
}

@media (max-width: 1399px) {
    .news-section-2 .news-bg {
        display: none;
    }
}

.news-section-2 .news-bg img {
    width: 100%;
    height: 100%;
}

.news-box-items-3 {
    margin-top: 30px;
    background-color: var(--white);
    padding: 30px;
    border-radius: 40px;
    position: relative;
    z-index: 99;
    border: 1px solid var(--white);
    transition: all 0.4s ease-in-out;
}

@media (max-width: 1199px) {
    .news-box-items-3 {
        padding: 20px;
    }
}

.news-box-items-3.style-2 .content {
    margin-top: 0;
    margin-bottom: 25px;
}

.news-box-items-3 .thumb {
    overflow: hidden;
    position: relative;
    border-radius: 40px;
}

.news-box-items-3 .thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-box-items-3 .thumb img:first-child {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateX(50%) scaleX(2);
    transform: translate(50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.news-box-items-3 .content {
    margin-top: 25px;
}

.news-box-items-3 .content ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .news-box-items-3 .content ul {
        flex-wrap: wrap;
    }
}

.news-box-items-3 .content ul li {
    border: 1px solid rgba(56, 84, 105, 0.2);
    border-radius: 8px;
    padding: 8px 10px;
    line-height: 1;
    gap: 10px;
    display: flex;
    align-items: center;
}

@media (max-width: 1399px) {
    .news-box-items-3 .content ul li {
        font-size: 14px;
        gap: 6px;
    }
}

.news-box-items-3 .content ul li i {
    color: var(--theme);
}

@media (max-width: 1399px) {
    .news-box-items-3 .content h3 {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .news-box-items-3 .content h3 {
        font-size: 21px;
    }
}

@media (max-width: 991px) {
    .news-box-items-3 .content h3 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .news-box-items-3 .content h3 {
        font-size: 22px;
    }
}

@media (max-width: 470px) {
    .news-box-items-3 .content h3 {
        font-size: 20px;
    }
}

.news-box-items-3 .content h3 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}

.news-box-items-3 .content h3 a:hover {
    color: var(--theme);
    background-size: 100% 2px;
    background-image: linear-gradient(
        180deg,
        var(--theme) 0%,
        var(--theme) 100%
    );
}

.news-box-items-3 .content .icon {
    position: relative;
}

.news-box-items-3 .content .icon svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-box-items-3 .content .icon svg path {
    transition: all 0.4s ease-in-out;
    fill: var(--theme);
}

.news-box-items-3 .content .icon .bg {
    display: inline-block;
    width: 55px;
    height: 41px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    background: #fef4de;
    transition: all 0.4s ease-in-out;
}

.news-box-items-3 .content .icon:hover .bg {
    background-color: var(--theme);
}

.news-box-items-3 .content .icon:hover svg path {
    fill: var(--white);
}

.news-box-items-3:hover {
    border: 1px solid var(--theme);
}

.news-box-items-3:hover .thumb img:first-child {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translate(0) scaleX(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.news-box-items-3:hover .thumb img:nth-child(2) {
    -webkit-transform: translateX(-50%) scaleX(2);
    transform: translateX(-50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.gt-news-standard-wrapper .gt-news-standard-items .gt-news-card-items-4 {
    margin-bottom: 30px;
}

.gt-news-standard-wrapper
    .gt-news-standard-items
    .gt-news-card-items-4
    .gt-news-image {
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}

.gt-news-standard-wrapper
    .gt-news-standard-items
    .gt-news-card-items-4
    .gt-news-image::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
    pointer-events: none;
    border-radius: 12px;
}

.gt-news-standard-wrapper
    .gt-news-standard-items
    .gt-news-card-items-4
    .gt-news-image
    img {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    object-fit: cover;
    transition: all 1s;
    border-radius: 12px;
}

.gt-news-standard-wrapper
    .gt-news-standard-items
    .gt-news-card-items-4
    .gt-news-content
    .gt-date-list {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 24px;
    margin-bottom: 15px;
}

@media (max-width: 1199px) {
    .gt-news-standard-wrapper
        .gt-news-standard-items
        .gt-news-card-items-4
        .gt-news-content
        .gt-date-list {
        flex-wrap: wrap;
        gap: 10px;
    }
}

.gt-news-standard-wrapper
    .gt-news-standard-items
    .gt-news-card-items-4
    .gt-news-content
    .gt-date-list
    li
    i {
    margin-right: 10px;
}

.gt-news-standard-wrapper
    .gt-news-standard-items
    .gt-news-card-items-4
    .gt-news-content
    .news-title {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 138%;
    text-transform: capitalize;
}

@media (max-width: 1199px) {
    .gt-news-standard-wrapper
        .gt-news-standard-items
        .gt-news-card-items-4
        .gt-news-content
        .news-title {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    .gt-news-standard-wrapper
        .gt-news-standard-items
        .gt-news-card-items-4
        .gt-news-content
        .news-title {
        font-size: 25px;
    }
}

.gt-news-standard-wrapper
    .gt-news-standard-items
    .gt-news-card-items-4
    .gt-news-content
    .news-title
    a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}

.gt-news-standard-wrapper
    .gt-news-standard-items
    .gt-news-card-items-4
    .gt-news-content
    .news-title
    a:hover {
    color: var(--theme);
    background-size: 100% 2px;
    background-image: linear-gradient(
        180deg,
        var(--theme) 0%,
        var(--theme) 100%
    );
}

.gt-news-standard-wrapper
    .gt-news-standard-items
    .gt-news-card-items-4
    .gt-news-content
    .theme-btn {
    margin-top: 24px;
}

.gt-news-standard-wrapper
    .gt-news-standard-items
    .gt-news-card-items-4:hover
    .gt-news-image:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.gt-news-standard-wrapper
    .gt-news-standard-items
    .gt-news-card-items-4:hover
    .gt-news-image
    img {
    transform: scale(1.2);
}

.news-details-area
    .blog-post-details
    .single-blog-post
    .post-featured-thumb
    img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.news-details-area .blog-post-details .single-blog-post .post-content {
    margin-top: 30px;
}

.news-details-area
    .blog-post-details
    .single-blog-post
    .post-content
    .post-list {
    gap: 30px;
    margin-bottom: 10px;
}

.news-details-area
    .blog-post-details
    .single-blog-post
    .post-content
    .post-list
    li {
    font-size: 16px;
    font-weight: 500;
}

.news-details-area
    .blog-post-details
    .single-blog-post
    .post-content
    .post-list
    li
    i {
    color: var(--theme);
    margin-right: 5px;
}

@media (max-width: 767px) {
    .news-details-area .blog-post-details .single-blog-post .post-content p {
        font-size: 14px;
    }
}

.news-details-area .blog-post-details .single-blog-post .post-content h2 {
    margin-bottom: 20px;
    font-size: 42px;
    text-transform: capitalize;
}

@media (max-width: 575px) {
    .news-details-area .blog-post-details .single-blog-post .post-content h2 {
        font-size: 25px;
    }
}

.news-details-area
    .blog-post-details
    .single-blog-post
    .post-content
    h2
    a:hover {
    color: var(--theme);
}

.news-details-area
    .blog-post-details
    .single-blog-post
    .post-content
    .hilight-text {
    border-left: 4px solid var(--theme);
    padding: 40px;
    background-color: var(--theme);
    border-radius: 8px;
}

.news-details-area
    .blog-post-details
    .single-blog-post
    .post-content
    .hilight-text
    p {
    max-width: 750px;
    font-weight: 500;
    text-transform: capitalize;
    font-style: italic;
    line-height: 30px;
    font-size: 20px;
    color: var(--white);
}

.news-details-area
    .blog-post-details
    .single-blog-post
    .post-content
    .hilight-text
    svg {
    float: right;
    margin-top: -30px;
}

.news-details-area
    .blog-post-details
    .single-blog-post
    .post-content
    .details-image
    img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.news-details-area .blog-post-details .tag-share-wrap {
    border-top: 1px solid rgba(22, 51, 59, 0.1);
    border-bottom: 1px solid rgba(22, 51, 59, 0.1);
    padding: 30px 0;
}

.news-details-area .blog-post-details .tag-share-wrap .tagcloud a {
    display: inline-block;
    padding: 12px 26px;
    line-height: 1;
    background: #fbf3e6;
    margin-right: 8px;
    text-transform: capitalize;
    font-weight: 500;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 4px;
}

@media (max-width: 575px) {
    .news-details-area .blog-post-details .tag-share-wrap .tagcloud a {
        margin-bottom: 5px;
    }
}

.news-details-area .blog-post-details .tag-share-wrap .tagcloud a:hover {
    background-color: var(--theme);
    color: var(--white);
}

.news-details-area .blog-post-details .tag-share-wrap .social-share span {
    font-size: 18px;
    color: var(--header);
    font-weight: 600;
}

.news-details-area .blog-post-details .tag-share-wrap .social-share a {
    font-size: 18px;
    color: var(--header);
}

.news-details-area
    .blog-post-details
    .tag-share-wrap
    .social-share
    a:not(:last-child) {
    margin-right: 10px;
}

.news-details-area .blog-post-details .tag-share-wrap .social-share a:hover {
    color: var(--theme);
}

.news-details-area .blog-post-details .comments-area {
    margin-top: 40px;
    padding: 50px 40px;
    background: #fbf3e6;
    border-radius: 8px;
}

@media (min-width: 1200px) {
    .news-details-area .blog-post-details .comments-area {
        padding: 35px;
    }
}

@media (max-width: 767px) {
    .news-details-area .blog-post-details .comments-area {
        padding: 32px;
    }
}

@media (max-width: 575px) {
    .news-details-area .blog-post-details .comments-area {
        padding: 28px;
    }
}

.news-details-area .blog-post-details .comments-area .comments-heading {
    margin-bottom: 30px;
}

@media (max-width: 575px) {
    .news-details-area .blog-post-details .comments-area .comments-heading {
        margin-bottom: 20px;
    }
}

.news-details-area .blog-post-details .comments-area .comments-heading h3 {
    font-size: 32px;
    font-weight: 700;
}

@media (max-width: 575px) {
    .news-details-area .blog-post-details .comments-area .comments-heading h3 {
        font-size: 28px;
    }
}

.news-details-area .blog-post-details .comments-area .blog-single-comment {
    border-bottom: 1px solid rgba(22, 51, 59, 0.1);
}

.news-details-area
    .blog-post-details
    .comments-area
    .blog-single-comment.bb-none {
    border: none;
}

@media (max-width: 575px) {
    .news-details-area .blog-post-details .comments-area .blog-single-comment {
        flex-wrap: wrap;
        gap: 20px;
    }
}

.news-details-area
    .blog-post-details
    .comments-area
    .blog-single-comment
    .content
    .head
    .con
    h4 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
}

.news-details-area
    .blog-post-details
    .comments-area
    .blog-single-comment
    .content
    .head
    .star
    i {
    color: var(--theme);
    font-size: 14px;
}

.news-details-area
    .blog-post-details
    .comments-area
    .blog-single-comment
    .content
    .reply {
    border-radius: 30px;
    padding: 5px 15px;
    font-weight: 400;
    background-color: var(--white);
    color: var(--header);
}

.news-details-area .blog-post-details .comment-form-wrap {
    background-color: #fbf3e6;
    border-radius: 8px;
    padding: 50px 40px;
    margin-top: 40px;
}

@media (min-width: 1200px) {
    .news-details-area .blog-post-details .comment-form-wrap {
        padding: 35px;
    }
}

@media (max-width: 767px) {
    .news-details-area .blog-post-details .comment-form-wrap {
        padding: 32px;
    }
}

@media (max-width: 575px) {
    .news-details-area .blog-post-details .comment-form-wrap {
        padding: 28px;
    }
}

.news-details-area .blog-post-details .comment-form-wrap h3 {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 700;
}

@media (max-width: 575px) {
    .news-details-area .blog-post-details .comment-form-wrap h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }
}

.news-details-area .blog-post-details .comment-form-wrap .form-clt input,
.news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
    width: 100%;
    outline: none;
    border: none;
    background-color: var(--white);
    border: none;
    padding: 16px 20px;
    font-weight: 400;
    border-radius: 5px;
}

.news-details-area
    .blog-post-details
    .comment-form-wrap
    .form-clt
    input::placeholder,
.news-details-area
    .blog-post-details
    .comment-form-wrap
    .form-clt
    textarea::placeholder {
    color: var(--text);
}

.news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
    padding-bottom: 100px;
}

.gt-main-sideber .gt-single-sideber-widget {
    margin-bottom: 30px;
    background-color: #fbf3e6;
    padding: 30px;
    border-radius: 14px;
}

.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form {
    width: 100%;
    position: relative;
}

.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form input {
    background-color: var(--white);
    font-size: 18px;
    font-weight: 400;
    padding: 16px 20px;
    width: 100%;
    border: none;
    color: var(--text);
    border-radius: 6px;
}

.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form button {
    position: absolute;
    right: -2px;
    top: 0;
    width: 58px;
    border-radius: 6px;
    font-size: 18px;
    height: 100%;
    background-color: var(--theme);
    color: var(--white);
    text-align: center;
    transition: all 0.3s ease-in-out;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.gt-main-sideber .gt-single-sideber-widget .gt-search-widget form button:hover {
    background-color: var(--header);
    color: var(--white);
}

.gt-main-sideber .gt-single-sideber-widget .gt-widget-title {
    margin-bottom: 20px;
}

.gt-main-sideber .gt-single-sideber-widget .gt-widget-title h3 {
    font-weight: 700;
    font-size: 22px;
}

.gt-main-sideber .gt-single-sideber-widget .gt-widget-title span {
    font-weight: 700;
    font-size: 22px;
    font-family: "Quicksand", sans-serif;
}

.gt-main-sideber .gt-single-sideber-widget .amenities-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
}

.gt-main-sideber .gt-single-sideber-widget .amenities-list li:not(:last-child) {
    margin-bottom: 20px;
}

.gt-main-sideber .gt-single-sideber-widget .gt-category-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
    transition: all 0.4s ease-in-out;
    background-color: var(--white);
    padding: 22px 25px;
    font-family: "Quicksand", sans-serif;
    line-height: 1;
    text-transform: capitalize;
    border-radius: 8px;
}

.gt-main-sideber .gt-single-sideber-widget .gt-category-list li a {
    color: var(--header);
}

.gt-main-sideber .gt-single-sideber-widget .gt-category-list li i {
    transition: all 0.4s ease-in-out;
    color: var(--header);
}

.gt-main-sideber
    .gt-single-sideber-widget
    .gt-category-list
    li:not(:last-child) {
    margin-bottom: 20px;
}

.gt-main-sideber .gt-single-sideber-widget .gt-category-list li span b {
    font-weight: 400;
    color: var(--theme);
}

.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover {
    background-color: var(--theme);
}

.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover a {
    color: var(--white);
}

.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover i,
.gt-main-sideber .gt-single-sideber-widget .gt-category-list li:hover span {
    color: var(--white);
}

.gt-main-sideber
    .gt-single-sideber-widget
    .gt-recent-post-area
    .gt-recent-items {
    display: flex;
    align-items: center;
    gap: 20px;
}

.gt-main-sideber
    .gt-single-sideber-widget
    .gt-recent-post-area
    .gt-recent-items
    .gt-recent-thumb {
    position: relative;
    overflow: hidden;
    max-width: 110px;
    width: 100%;
    border-radius: 8px;
}

.gt-main-sideber
    .gt-single-sideber-widget
    .gt-recent-post-area
    .gt-recent-items
    .gt-recent-thumb::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
    pointer-events: none;
    border-radius: 8px;
}

.gt-main-sideber
    .gt-single-sideber-widget
    .gt-recent-post-area
    .gt-recent-items
    .gt-recent-thumb
    img {
    border-radius: 8px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    object-fit: cover;
    transition: all 1s;
    width: 100%;
    height: 100%;
}

.gt-main-sideber
    .gt-single-sideber-widget
    .gt-recent-post-area
    .gt-recent-items:not(:last-child) {
    margin-bottom: 20px;
}

.gt-main-sideber
    .gt-single-sideber-widget
    .gt-recent-post-area
    .gt-recent-items
    .gt-recent-content
    .title {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    font-family: "Quicksand", sans-serif;
    display: inline-block;
    text-transform: capitalize;
}

.gt-main-sideber
    .gt-single-sideber-widget
    .gt-recent-post-area
    .gt-recent-items
    .gt-recent-content
    .title
    a:hover {
    color: var(--theme);
}

.gt-main-sideber
    .gt-single-sideber-widget
    .gt-recent-post-area
    .gt-recent-items
    .gt-recent-content
    ul
    li {
    color: var(--text);
    font-size: 18px;
}

.gt-main-sideber
    .gt-single-sideber-widget
    .gt-recent-post-area
    .gt-recent-items:hover
    .gt-recent-thumb:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.gt-main-sideber
    .gt-single-sideber-widget
    .gt-recent-post-area
    .gt-recent-items:hover
    .gt-recent-thumb
    img {
    transform: scale(1.2);
}

.gt-main-sideber .gt-single-sideber-widget .tagcloud a {
    display: inline-block;
    padding: 12px 18px;
    line-height: 1;
    font-weight: 600;
    background: var(--white);
    font-family: "Quicksand", sans-serif;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: capitalize;
    border-radius: 4px;
}

.gt-main-sideber .gt-single-sideber-widget .tagcloud a:last-child {
    margin-right: 0;
}

.gt-main-sideber .gt-single-sideber-widget .tagcloud a:hover {
    background-color: var(--theme);
    color: var(--white);
}

.news-wrapper-4 .news-single-items {
    border: 1px solid rgba(56, 84, 105, 0.2);
    border-radius: 8px;
    margin-top: 30px;
}

@media (max-width: 1399px) {
    .news-wrapper-4 .news-single-items br {
        display: none;
    }
}

.news-wrapper-4 .news-single-items .news-image {
    padding: 20px 20px 0 20px;
}

.news-wrapper-4 .news-single-items .news-image img {
    width: 100%;
    height: 100%;
}

.news-wrapper-4 .news-single-items .news-content {
    padding: 20px 30px;
}

.news-wrapper-4 .news-single-items .news-content ul {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 5px;
}

.news-wrapper-4 .news-single-items .news-content ul li i {
    color: var(--theme);
    margin-right: 5px;
}

.news-wrapper-4 .news-single-items .news-content h3 {
    margin-bottom: 5px;
}

.news-wrapper-4 .news-single-items .news-content h3 a:hover {
    color: var(--theme);
}

.news-wrapper-4 .news-single-items .news-content .post-author-items {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 575px) {
    .news-wrapper-4 .news-single-items .news-content .post-author-items {
        gap: 20px;
        flex-wrap: wrap;
    }
}

.news-wrapper-4
    .news-single-items
    .news-content
    .post-author-items
    .post-items {
    display: flex;
    align-items: center;
    gap: 16px;
}

.news-wrapper-4
    .news-single-items
    .news-content
    .post-author-items
    .post-items
    .content
    span {
    font-weight: 600;
    color: var(--theme);
}

.news-wrapper-4
    .news-single-items
    .news-content
    .post-author-items
    .post-items
    .content
    h4 {
    margin-top: 3px;
    font-size: 16px;
    font-weight: 600;
}

.news-wrapper-4 .news-right-items {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgba(56, 84, 105, 0.2);
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 30px;
}

@media (max-width: 767px) {
    .news-wrapper-4 .news-right-items {
        flex-wrap: wrap;
    }
}

.news-wrapper-4 .news-right-items:not(:last-child) {
    margin-bottom: 30px;
}

@media (max-width: 575px) {
    .news-wrapper-4 .news-right-items:not(:last-child) {
        margin-bottom: 20px;
    }
}

.news-wrapper-4 .news-right-items .news-content ul {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 10px;
}

.news-wrapper-4 .news-right-items .news-content ul li i {
    color: var(--theme);
    margin-right: 5px;
}

.news-wrapper-4 .news-right-items .news-content h3 a:hover {
    color: var(--theme);
}

.news-wrapper-4 .news-right-items .news-content .post-items {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 30px;
}

@media (max-width: 575px) {
    .news-wrapper-4 .news-right-items .news-content .post-items {
        margin-top: 20px;
    }
}

.news-wrapper-4 .news-right-items .news-content .post-items .content span {
    font-weight: 600;
    color: var(--theme);
}

.news-wrapper-4 .news-right-items .news-content .post-items .content h4 {
    margin-top: 3px;
    font-size: 16px;
    font-weight: 600;
}

.news-wrapper-4 .news-right-items.style-2 {
    margin-top: 30px;
    position: relative;
    z-index: 9;
}

.news-card-items5 {
    margin-top: 30px;
    background-color: var(--white);
    box-shadow: var(--box-shadow);
    border-radius: 16px;
    padding: 20px;
}

.news-card-items5 .news-image {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
}

.news-card-items5 .news-image .post {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: var(--theme);
    color: var(--white);
    padding: 4px 15px;
    border-radius: 8px;
}

.news-card-items5 .news-image img {
    width: 100%;
    height: 100%;
    display: block;
}

.news-card-items5 .news-image .news-layer-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    transition: 0.5s;
}

.news-card-items5 .news-image .news-layer-wrapper .news-layer-image {
    width: 25%;
    height: 100%;
    transition: 0.5s;
    background-size: cover;
}

.news-card-items5
    .news-image
    .news-layer-wrapper
    .news-layer-image:nth-child(1) {
    background-position: 0;
    transition-delay: 0;
}

.news-card-items5
    .news-image
    .news-layer-wrapper
    .news-layer-image:nth-child(2) {
    background-position: 33.33%;
    transition-delay: 0.1s;
}

.news-card-items5
    .news-image
    .news-layer-wrapper
    .news-layer-image:nth-child(3) {
    background-position: 66.66%;
    transition-delay: 0.2s;
}

.news-card-items5
    .news-image
    .news-layer-wrapper
    .news-layer-image:nth-child(4) {
    background-position: 100%;
    transition-delay: 0.3s;
}

.news-card-items5 .news-content {
    padding: 25px 10px 10px;
}

.news-card-items5 .news-content ul {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 15px;
}

.news-card-items5 .news-content ul li i {
    color: var(--theme);
    margin-right: 5px;
}

.news-card-items5 .news-content h3 {
    margin-bottom: 10px;
}

.news-card-items5 .news-content h3 a:hover {
    color: var(--theme);
}

.news-card-items5 .news-content .arrow-btn {
    margin-top: 12px;
}

.news-card-items5 .news-content .icon {
    position: relative;
}

.news-card-items5 .news-content .icon svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-card-items5 .news-content .icon svg path {
    transition: all 0.4s ease-in-out;
    fill: var(--theme);
}

.news-card-items5 .news-content .icon .bg {
    display: inline-block;
    width: 55px;
    height: 41px;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 41"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.31134e-06 26C-2.56668e-06 11.6406 11.6406 3.7906e-06 26 2.53526e-06C40.3594 1.27992e-06 55 11.6406 55 26C55 40.3594 40.3594 41 26 41C11.6406 41 -5.60027e-08 40.3594 -1.31134e-06 26Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    background: #fef4de;
    transition: all 0.4s ease-in-out;
}

.news-card-items5 .news-content .icon:hover .bg {
    background-color: var(--theme);
}

.news-card-items5 .news-content .icon:hover svg path {
    fill: var(--white);
}

.news-card-items5:hover .news-image .news-layer-wrapper .news-layer-image {
    transform: translateY(-100%);
}

.news-section-5 {
    position: relative;
    z-index: 9;
}

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

@media (max-width: 1199px) {
    .news-section-5::before {
        background-size: initial;
    }
}

.news-section-5 .shape-1 {
    position: absolute;
    top: 20%;
    left: 5%;
}

.brand-box-1 {
    height: 125px;
    line-height: 125px;
    text-align: center;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.brand-box-1 .brand-img-1 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-box-1 .brand-img-1 img {
    transition: all 0.6s ease;
    transform: translateY(0);
}

.brand-box-1 .brand-img-1:last-child img {
    transform: translateY(-350%);
    opacity: 0;
}

.brand-box-1:hover .brand-img-1:first-child img {
    transform: translateY(100%);
    opacity: 0;
}

.brand-box-1:hover .brand-img-1:last-child img {
    transform: translateY(0);
    opacity: 1;
}

.brand-box-1.style-border-5 {
    border: 1px solid #f0ecdf;
    border-radius: 0;
}

.brand-section p {
    margin-bottom: 50px;
    position: relative;
    font-size: 20px;
    color: var(--header);
    font-family: "Kalam", cursive;
    background-color: var(--white);
    position: relative;
    font-weight: 700;
    text-transform: capitalize;
}

.brand-section p::before {
    position: absolute;
    top: 15px;
    left: 15%;
    content: "";
    height: 1px;
    width: 370px;
    background-color: rgba(92, 112, 126, 0.2);
}

@media (max-width: 1399px) {
    .brand-section p::before {
        display: none;
    }
}

.brand-section p::after {
    position: absolute;
    top: 15px;
    right: 15%;
    content: "";
    height: 1px;
    width: 370px;
    background-color: rgba(92, 112, 126, 0.2);
}

@media (max-width: 1399px) {
    .brand-section p::after {
        display: none;
    }
}

.brand-section.style-2 p {
    background-color: #fffbfb;
}

.instagram-image {
    position: relative;
    overflow: hidden;
    border-radius: 100px;
    max-width: 400px;
}

.instagram-image .icon {
    color: var(--theme);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 4px 40px rgba(56, 84, 105, 0.2);
    border-radius: 100px;
    display: inline-block;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    display: inline-block;
    padding: 15px 22px;
    border-radius: 100px;
    max-width: 230px;
    margin: 0 auto;
    text-transform: capitalize;
    z-index: 11;
    font-size: 16px;
    font-weight: 700;
    font-family: "Quicksand", sans-serif;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.instagram-image .icon i {
    margin-right: 7px;
}

.instagram-image .icon:hover {
    background-color: var(--theme);
    color: var(--white);
}

.instagram-image img {
    border-radius: 100px;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    width: 100%;
    height: 100%;
}

.instagram-image img:first-child {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateX(50%) scaleX(2);
    transform: translate(50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.instagram-image:hover img:first-child {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translate(0) scaleX(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.instagram-image:hover img:nth-child(2) {
    -webkit-transform: translateX(-50%) scaleX(2);
    transform: translateX(-50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.instagram-image:hover .icon {
    opacity: 1;
    visibility: visible;
}

.instagram-wrapper {
    overflow: hidden;
    width: 100%;
}

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

@keyframes instagramMarquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.brand-wrapper5 {
    margin-top: -5px;
}

.brand-wrapper5 .brad-sub {
    font-size: 22px;
    position: relative;
    margin-bottom: 50px;
    color: var(--header);
    font-weight: 700;
    font-family: "Quicksand", sans-serif;
    display: inline-block;
}

.brand-wrapper5 .brad-sub.color {
    color: var(--header);
}

.brand-wrapper5 .brad-sub::before {
    position: absolute;
    top: 15px;
    left: 35px;
    content: "";
    height: 1px;
    width: 480px;
    background-color: var(--theme);
}

@media (max-width: 1399px) {
    .brand-wrapper5 .brad-sub::before {
        display: none;
    }
}

.brand-wrapper5 .brad-sub::after {
    position: absolute;
    top: 15px;
    right: 35px;
    content: "";
    height: 1px;
    width: 480px;
    background-color: var(--theme);
}

@media (max-width: 1399px) {
    .brand-wrapper5 .brad-sub::after {
        display: none;
    }
}

.brand-wrapper5 .brand-image {
    text-align: center;
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
    opacity: 0.4;
}

.brand-wrapper5 .brand-image:hover {
    filter: initial;
    opacity: 1;
}

.brand-wrapper5 .swiper-slide.swiper-slide-active .brand-image {
    filter: initial;
    opacity: 1;
}

.faq-section {
    background-color: #eff5f6;
    position: relative;
    z-index: 99;
    margin-top: 135px;
}

@media (max-width: 1899px) {
    .faq-section {
        margin-top: 100px;
    }
}

@media (max-width: 1399px) {
    .faq-section {
        margin-top: 0;
        padding: 120px 0;
    }
}

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

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

.faq-section.faq-section-2 {
    margin-top: 155px;
}

@media (max-width: 1899px) {
    .faq-section.faq-section-2 {
        margin-top: 120px;
    }
}

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

.faq-section .top-shape {
    position: absolute;
    top: -135px;
    left: 0;
    right: 0;
}

@media (max-width: 1899px) {
    .faq-section .top-shape {
        top: -100px;
    }
}

@media (max-width: 1399px) {
    .faq-section .top-shape {
        display: none;
    }
}

.faq-section .top-shape img {
    width: 100%;
}

.faq-section .bottom-shape {
    position: absolute;
    bottom: -90px;
    left: 0;
    right: 0;
    z-index: 9;
}

@media (max-width: 1899px) {
    .faq-section .bottom-shape {
        bottom: -60px;
    }
}

@media (max-width: 1399px) {
    .faq-section .bottom-shape {
        display: none;
    }
}

.faq-section .bottom-shape img {
    width: 100%;
}

.faq-section .plane-shape {
    position: absolute;
    bottom: -60px;
    right: 0;
    z-index: 9;
}

@media (max-width: 1199px) {
    .faq-section .plane-shape {
        display: none;
    }
}

.faq-section .faq-image {
    position: relative;
}

@media (max-width: 1399px) {
    .faq-section .faq-image img {
        width: 100%;
        height: 100%;
    }
}

.faq-section .faq-image.style-2 {
    max-width: 718px;
    margin-left: -15%;
}

@media (max-width: 1199px) {
    .faq-section .faq-image.style-2 {
        margin-left: 0;
    }
}

.faq-section .faq-image.style-2 .faq-shape2 {
    position: absolute;
    left: -90px;
    top: -70px;
}

@media (max-width: 1199px) {
    .faq-section .faq-image.style-2 .faq-shape2 {
        display: none;
    }
}

.faq-section .faq-image.style-2 img {
    position: relative;
}

.faq-section .faq-image .faq-shape {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    z-index: -1;
}

.faq-content-1 {
    /* margin-top: -160px; */
}

@media (max-width: 1399px) {
    .faq-content-1 {
        margin-top: 0;
    }
}

.faq-content-1 .faq-text {
    margin-top: 30px;
    font-size: 18px;
}

.faq-content-1 .accordion-box {
    position: relative;
    margin-top: 35px;
}

@media (max-width: 1199px) {
    .faq-content-1 .accordion-box {
        margin-top: 25px;
    }
}

.faq-content-1 .accordion-box .block {
    position: relative;
    background-color: transparent;
    margin-bottom: 10px;
    margin-bottom: 20px;
    line-height: 1;
    border-radius: 25px;
    background-color: var(--white);
    padding: 20px 30px;
}

@media (max-width: 470px) {
    .faq-content-1 .accordion-box .block {
        padding: 27px 24px;
    }
}

.faq-content-1 .accordion-box .block .acc-btn {
    position: relative;
    font-size: 24px;
    color: var(--header);
    font-weight: 700;
    font-family: "Quicksand", sans-serif;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

@media (max-width: 1199px) {
    .faq-content-1 .accordion-box .block .acc-btn {
        font-size: 20px;
    }
}

@media (max-width: 470px) {
    .faq-content-1 .accordion-box .block .acc-btn {
        font-size: 17px;
        padding-right: 30px;
    }
}

.faq-content-1 .accordion-box .block .acc-btn .number {
    color: var(--text);
    font-family: "Quicksand", sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -3px;
    margin-left: -50px;
    margin-right: 15px;
}

.faq-content-1 .accordion-box .block .acc-btn .icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 35px;
    font-size: 18px;
    line-height: 18px;
    color: var(--header);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-content-1 .accordion-box .block .acc-content {
    position: relative;
    display: none;
    margin-top: 22px;
}

@media (max-width: 470px) {
    .faq-content-1 .accordion-box .block .acc-content {
        margin-top: 10px;
    }
}

.faq-content-1 .accordion-box .block .acc-content .content {
    position: relative;
}

.faq-content-1 .accordion-box .block .acc-content .content .text {
    line-height: 175%;
    font-size: 18px;
    font-weight: 400;
    color: var(--text);
    max-width: 570px;
}

@media (max-width: 1199px) {
    .faq-content-1 .accordion-box .block .acc-content .content .text {
        font-size: 14px;
    }
}

@media (max-width: 470px) {
    .faq-content-1 .accordion-box .block .acc-content .content .text {
        font-size: 13px;
    }
}

.faq-content-1 .accordion-box .active-block {
    border: 1px solid var(--theme);
}

.faq-content-1 .accordion-box .block .acc-content.current {
    display: block;
}

.faq-content-1 .accordion-box .block .acc-btn.active .icon {
    transform: rotate(40deg);
}

.faq-content-1 .accordion-box .block .acc-btn.active .icon svg path {
    fill: var(--theme);
}

.faq-content-1 .accordion-box .block .acc-btn.active {
    color: var(--theme);
}

.faq-content-1 .accordion-box .block:last-child {
    margin-bottom: 0;
}

.faq-content-1.faq-content-3 {
    max-width: 620px;
    margin-left: auto;
}

@media (max-width: 1199px) {
    .faq-content-1.faq-content-3 {
        margin-left: initial;
    }
}

.faq-content-1.faq-content-3 .faq-image-3 {
    max-width: 400px;
    margin-top: 30px;
}

.faq-content-1.faq-content-3 .faq-image-3 img {
    width: 100%;
    height: 100%;
}

.faq-section-3 {
    position: relative;
    z-index: 9;
}

.faq-section-3 .train-shape {
    position: absolute;
    right: 60px;
    bottom: 150px;
    z-index: -1;
}

@media (max-width: 1399px) {
    .faq-section-3 .train-shape {
        opacity: 0.3;
    }
}

.faq-section-3 .vec-shape {
    position: absolute;
    left: 40px;
    top: 35%;
    z-index: -1;
}

@media (max-width: 1399px) {
    .faq-section-3 .vec-shape {
        opacity: 0.3;
    }
}

.newsletter-wrapper {
    position: relative;
    z-index: 9;
    padding: 120px 50px;
    margin-bottom: 50px;
    margin-top: 38px;
}

@media (max-width: 1399px) {
    .newsletter-wrapper {
        padding-top: 60px;
    }
}

@media (max-width: 1199px) {
    .newsletter-wrapper {
        margin-top: 0;
        margin-bottom: 0;
        padding: 60px 40px;
    }
}

@media (max-width: 767px) {
    .newsletter-wrapper {
        padding: 50px 30px;
    }
}

.newsletter-wrapper .border-shape {
    position: absolute;
    top: 20px;
    left: 50px;
    right: 0;
    max-width: 1360px;
    z-index: -1;
}

@media (max-width: 1199px) {
    .newsletter-wrapper .border-shape {
        display: none;
    }
}

.newsletter-wrapper .border-shape img {
    width: 100%;
}

.newsletter-wrapper .vec-1 {
    position: absolute;
    right: 0;
    top: -30px;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1199px) {
    .newsletter-wrapper .vec-1 {
        display: none;
    }
}

.newsletter-wrapper .vec-2 {
    position: absolute;
    left: -20px;
    bottom: -15px;
    animation: rounded 5s linear infinite;
}

@media (max-width: 1199px) {
    .newsletter-wrapper .vec-2 {
        display: none;
    }
}

.newsletter-wrapper .vec-3 {
    position: absolute;
    left: 35px;
    bottom: 60px;
}

@media (max-width: 1199px) {
    .newsletter-wrapper .vec-3 {
        opacity: 0.3;
    }
}

.newsletter-wrapper .newsletter-bg {
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1410 425"><path fill-rule="evenodd" clip-rule="evenodd" d="M47.8559 86.0209C54.8213 36.6825 97.0464 0 146.874 0H1263.13C1312.95 0 1355.18 36.6826 1362.14 86.021L1393.91 311.021C1402.41 371.213 1355.68 425 1294.89 425H115.109C54.3206 425 7.5935 371.213 16.0912 311.021L47.8559 86.0209Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1199px) {
    .newsletter-wrapper .newsletter-bg {
        mask: none;
        border-radius: 16px;
        bottom: 0;
        overflow: hidden;
    }
}

.newsletter-wrapper .newsletter-bg::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #385469;
    opacity: 0.8;
}

@media (max-width: 1199px) {
    .newsletter-wrapper .newsletter-bg::before {
        border-radius: 16px;
    }
}

.newsletter-wrapper .newsletter-bg img {
    width: 100%;
    height: 100%;
}

.newsletter-wrapper .content {
    text-align: center;
    position: relative;
    z-index: 99;
}

.newsletter-wrapper .content .newsletter-items {
    margin-top: 50px;
    position: relative;
    max-width: 760px;
    margin: 50px auto 0;
}

.newsletter-wrapper .content .newsletter-items .icon {
    position: absolute;
    left: 22px;
    top: 20px;
}

@media (max-width: 575px) {
    .newsletter-wrapper .content .newsletter-items .icon {
        top: 16px;
    }
}

.newsletter-wrapper .content .newsletter-items .subscribe-btn {
    display: inline-block;
    background-color: var(--theme);
    color: var(--white);
    border-radius: 100px;
    padding: 23px 40px;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    line-height: 1;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 767px) {
    .newsletter-wrapper .content .newsletter-items .subscribe-btn {
        position: static;
        width: 100%;
        height: 60px;
        line-height: 60px;
        padding: 0 18px;
        margin-top: 10px;
    }
}

.newsletter-wrapper .content .newsletter-items .subscribe-btn:hover {
    background-color: var(--header);
}

.newsletter-wrapper .content .newsletter-items input {
    border: none;
    width: 100%;
    background-color: var(--white);
    height: 68px;
    line-height: 68px;
    border-radius: 100px;
    padding-left: 56px;
    color: var(--text);
    padding-right: 210px;
}

@media (max-width: 1199px) {
    .newsletter-wrapper .content .newsletter-items input {
        height: 60px;
        line-height: 60px;
    }
}

@media (max-width: 767px) {
    .newsletter-wrapper .content .newsletter-items input {
        padding-right: 30px;
    }
}

.newsletter-wrapper.style-2 {
    padding: 100px 50px;
    position: relative;
}

.newsletter-wrapper.style-2 .plane-1 {
    position: absolute;
    top: 70px;
    left: 120px;
    z-index: 1;
}

.newsletter-wrapper.style-2 .flower-shape {
    position: absolute;
    bottom: 60px;
    left: 90px;
    z-index: 9;
}

.newsletter-wrapper.style-2 .newsletter-bg {
    background-color: #e6e8fc;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.newsletter-wrapper.style-2 .newsletter-bg::before {
    display: none;
}

.newsletter-wrapper.bg-new-add .newsletter-bg {
    background-color: #385469;
}

.newsletter-section {
    position: relative;
}

.newsletter-section .zirap-shape {
    position: absolute;
}

.newsletter-section .line-shape {
    position: absolute;
    left: 0;
    top: -30%;
}

.newsletter-section .line-shape2 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.cta-section-4 {
    position: relative;
    background-position: initial;
}

.cta-section-4 .plane-shape {
    position: absolute;
    left: 50px;
    top: 60%;
    animation: rounded 5s linear infinite;
}

.cta-section-4 .pencil-shape {
    position: absolute;
    bottom: 0;
    right: 0;
}

.cta-wrapper-4 {
    margin-top: 45px;
}

@media (max-width: 1399px) {
    .cta-wrapper-4 {
        margin-top: 45px;
    }
}

@media (max-width: 991px) {
    .cta-wrapper-4 {
        text-align: center;
        margin-top: 60px;
    }
}

.cta-wrapper-4 .cta-image {
    text-align: right;
    margin-bottom: -120px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1199px) {
    .cta-wrapper-4 .cta-image {
        margin-bottom: -100px;
    }
}

@media (max-width: 991px) {
    .cta-wrapper-4 .cta-image {
        margin-bottom: -80px;
        text-align: center;
    }
}

.cta-wrapper-4 .cta-image .cta-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

@media (max-width: 1399px) {
    .cta-wrapper-4 .cta-image .cta-shape {
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 1399px) {
    .cta-wrapper-4 .cta-image .cta-shape {
        left: 35%;
    }
}

@media (max-width: 991px) {
    .cta-wrapper-4 .cta-image .cta-shape {
        left: 39%;
    }
}

.main-cta-section {
    position: relative;
}

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

.main-cta-wrapper {
    position: relative;
    z-index: 9;
}

.main-cta-wrapper .cta-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--theme);
    transition: all 500ms ease;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 485"><path d="M93.3383 50.2529C66.3045 51.6585 41.1387 60.7949 23.6656 75.5536C6.19249 90.3123 -2.15943 109.444 0.478019 128.654L38.7211 404.697C43.6663 440.539 85.4259 468.182 136.197 469.198L941.937 484.972C988.862 485.909 1030.4 463.653 1042.16 431.403L1166.78 89.5314C1174.91 67.1981 1167.44 43.4592 1146.67 25.7331C1125.9 8.00706 1094.36 -1.51972 1062.05 0.198227L93.3383 50.2529Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.main-cta-wrapper .newsletter-items {
    max-width: 550px;
    text-align: center;
    margin: 50px auto;
    position: relative;
}

@media (max-width: 767px) {
    .main-cta-wrapper .newsletter-items {
        padding: 0 15px;
    }
}

.main-cta-wrapper .newsletter-items .form-clt input {
    width: 100%;
    background-color: var(--white);
    border: none;
    outline: none;
    border-radius: 8px;
    padding: 20px 20px;
    color: var(--text);
}

.main-cta-wrapper .newsletter-items .subscribe-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    border-radius: 6px;
    padding: 10px 40px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    font-family: "Quicksand", sans-serif;
    background-color: var(--theme);
    color: var(--white);
    transition: all 0.4s ease-in-out;
}

.main-cta-wrapper .newsletter-items .subscribe-btn:hover {
    background-color: var(--header);
}

@media (max-width: 767px) {
    .main-cta-wrapper .newsletter-items .subscribe-btn {
        right: 25px;
    }
}

.main-cta-wrapper .pencil-shape {
    position: absolute;
    top: 30%;
    left: 5%;
    opacity: 0.5;
    animation: rounded 5s linear infinite;
}

.main-cta-wrapper .plane-shape {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
}

.main-cta-wrapper .cta-shape {
    position: absolute;
    left: 15%;
    bottom: 10%;
}

.book-contact-section-3 {
    position: relative;
    z-index: 9;
}

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

@media (max-width: 1399px) {
    .book-contact-section-3 .shape-1 {
        opacity: 0.3;
    }
}

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

@media (max-width: 1399px) {
    .book-contact-section-3 .shape-2 {
        opacity: 0.3;
    }
}

.book-contact-section-3 .shape-3 {
    position: absolute;
    top: 40%;
    right: 40px;
    z-index: -1;
}

@media (max-width: 1399px) {
    .book-contact-section-3 .shape-3 {
        opacity: 0.3;
    }
}

.book-contact-section-3::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(10, 77, 109, 0.8);
    z-index: -1;
}

.book-contact-section-3 .content .text {
    color: var(--white);
    font-size: 18px;
    max-width: 565px;
    margin-top: 30px;
}

.book-contact-section-3 .content .info-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
}

@media (max-width: 767px) {
    .book-contact-section-3 .content .info-content {
        margin-top: 30px;
    }
}

@media (max-width: 470px) {
    .book-contact-section-3 .content .info-content {
        margin-top: 18px;
    }
}

.book-contact-section-3 .content .info-content .icon {
    width: 56px;
    height: 59px;
    line-height: 59px;
    background-color: var(--theme);
    text-align: center;
    border-radius: 16px;
}

.book-contact-section-3 .content .info-content .info-cont p {
    font-weight: 600;
    color: var(--white);
}

.book-contact-section-3 .content .info-content .info-cont h3 {
    font-size: 30px;
}

@media (max-width: 767px) {
    .book-contact-section-3 .content .info-content .info-cont h3 {
        font-size: 23px;
    }
}

@media (max-width: 575px) {
    .book-contact-section-3 .content .info-content .info-cont h3 {
        font-size: 20px;
    }
}

.book-contact-section-3 .content .info-content .info-cont h3 a {
    color: var(--white);
}

.book-contact-section-3 .content .info-content .info-cont h3 a:hover {
    color: var(--theme);
}

.contact-form-items-3 {
    position: relative;
}

@media (max-width: 1399px) {
    .contact-form-items-3 .contact-bg {
        display: none;
    }
}

.contact-form-items-3 .contact-bg img {
    width: 100%;
    height: 100%;
}

.contact-form-items-3 .title {
    font-size: 50px;
    font-weight: 700;
    color: var(--white);
    text-transform: capitalize;
    margin-bottom: 12px;
}

@media (max-width: 575px) {
    .contact-form-items-3 .title {
        font-size: 38px;
    }
}

.contact-form-items-3 .form-box {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    max-width: 460px;
    margin: 0 auto;
}

@media (max-width: 1399px) {
    .contact-form-items-3 .form-box {
        position: static;
        max-width: initial;
        background-color: var(--theme);
        padding: 50px 30px;
        border-radius: 30px;
        border-radius: 14px;
    }
}

.contact-form-items-3 .form-box .form-clt .label-text {
    display: inline-block;
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.contact-form-items-3 .form-box .form-clt input,
.contact-form-items-3 .form-box .form-clt textarea {
    display: inline-block;
    border: 1px solid rgba(22, 51, 59, 0.1);
    width: 100%;
    padding: 0 22px;
    line-height: 65px;
    height: 65px;
    border-radius: 15px;
    color: var(--header);
    font-weight: 400;
    text-transform: capitalize;
}

.contact-form-items-3 .form-box .form-clt input::placeholder,
.contact-form-items-3 .form-box .form-clt textarea::placeholder {
    color: var(--header);
}

.contact-form-items-3 .form-box .form-clt .single-select {
    display: inline-block;
    border: 1px solid rgba(22, 51, 59, 0.1);
    width: 100%;
    padding: 0 22px;
    line-height: 1;
    border-radius: 15px;
    color: var(--text);
    font-weight: 400;
    line-height: 65px;
    height: 65px;
}

.contact-form-items-3 .form-box .form-clt .single-select .list {
    width: 100%;
}

.contact-form-items-3 .form-box .form-clt textarea {
    height: 126px;
}

.contact-form-items-3 .form-box .theme-btn:hover {
    /* First Text Goes Up */
}

.contact-form-items-3 .form-box .theme-btn:hover .theme-text {
    transform: translateY(-250%);
}

.contact-form-items-3 .form-box .theme-btn:hover {
    /* Second Text Comes From Bottom */
}

.contact-form-items-3 .form-box .theme-btn:hover .theme-text2 {
    transform: translateY(-50%);
}

.contact-form-items-3 .form-box .theme-btn:hover .theme-bg svg path {
    fill: var(--header);
}

.contact-form-items-3
    .form-box
    .theme-btn.hover-header:hover
    .theme-bg
    svg
    path {
    fill: var(--header);
}

.contact-wrapper-2 .contact-left-items .contact-info-area-2 {
    padding: 40px;
    background-color: var(--header);
    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: nowrap;
    }
}

.contact-wrapper-2
    .contact-left-items
    .contact-info-area-2
    .contact-info-items
    .icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    position: relative;
    border: 2px dotted var(--white);
    border-radius: 50%;
    flex-shrink: 0;
}

.contact-wrapper-2
    .contact-left-items
    .contact-info-area-2
    .contact-info-items
    .content
    p {
    color: var(--white);
    margin-bottom: 5px;
}

.contact-wrapper-2
    .contact-left-items
    .contact-info-area-2
    .contact-info-items
    .content
    h3 {
    font-size: 24px;
    color: var(--white);
}

.contact-wrapper-2
    .contact-left-items
    .contact-info-area-2
    .contact-info-items
    .content
    h3
    a {
    color: var(--white);
    transition: color 0.3s ease-in-out;
}

.contact-wrapper-2
    .contact-left-items
    .contact-info-area-2
    .contact-info-items
    .content
    h3
    a:hover {
    color: var(--theme);
}

.contact-wrapper-2
    .contact-left-items
    .contact-info-area-2
    .contact-info-items
    .content
    h2 {
    font-size: 24px;
    color: var(--white);
}

.contact-wrapper-2
    .contact-left-items
    .contact-info-area-2
    .contact-info-items
    .content
    h2
    a {
    color: var(--white);
    transition: color 0.3s ease-in-out;
}

.contact-wrapper-2
    .contact-left-items
    .contact-info-area-2
    .contact-info-items
    .content
    h2
    a:hover {
    color: var(--theme);
}

.contact-wrapper-2
    .contact-left-items
    .contact-info-area-2
    .contact-info-items.border-none {
    border: none !important;
}

.contact-wrapper-2 .contact-left-items .video-image {
    position: relative;
}

.contact-wrapper-2 .contact-left-items .video-image img {
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 16px 16px;
}

.contact-wrapper-2 .contact-left-items .video-image .video-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.contact-wrapper-2 .contact-left-items .video-image .video-box .video-btn {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    color: var(--theme);
    background-color: var(--white);
}

.contact-wrapper-2 .contact-left-items .video-image .video-box .ripple::before,
.contact-wrapper-2 .contact-left-items .video-image .video-box .ripple::after {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
}

.contact-wrapper-2 .contact-content {
    margin-left: 40px;
}

@media (max-width: 991px) {
    .contact-wrapper-2 .contact-content {
        margin-left: 0;
    }
}

.contact-wrapper-2 .contact-content h2 {
    margin-bottom: 10px;
}

.contact-wrapper-2 .contact-content .contact-form-items {
    margin-top: 30px;
}

.contact-wrapper-2 .contact-content .contact-form-items .form-clt span {
    color: var(--header);
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 8px;
}

.contact-wrapper-2 .contact-content .contact-form-items .form-clt input,
.contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea {
    border: 1px solid rgba(92, 112, 126, 0.2);
    color: var(--text);
    padding: 18px 20px;
    border-radius: 9px;
    width: 100%;
    line-height: 1;
}

.contact-wrapper-2
    .contact-content
    .contact-form-items
    .form-clt
    input::placeholder,
.contact-wrapper-2
    .contact-content
    .contact-form-items
    .form-clt
    textarea::placeholder {
    color: var(--text);
}

.contact-wrapper-2 .contact-content .contact-form-items .form-clt textarea {
    padding-bottom: 150px;
}

.map-items .googpemap iframe {
    width: 100%;
    height: 600px;
}

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

.login-wrapper {
    position: relative;
}

@media (max-width: 1399px) {
    .login-wrapper {
        background-color: var(--theme);
        border-radius: 16px;
        padding: 40px 30px;
    }
}

@media (max-width: 1399px) {
    .login-wrapper .thumb {
        display: none;
    }
}

.login-wrapper .thumb img {
    width: 100%;
    height: 100%;
}

.login-wrapper .login-items {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

@media (max-width: 1399px) {
    .login-wrapper .login-items {
        position: static;
        transform: initial;
    }
}

.login-wrapper .login-items .contact-left-items {
    padding-left: 170px;
    padding-top: 30px;
}

@media (max-width: 1399px) {
    .login-wrapper .login-items .contact-left-items {
        padding: 0;
    }
}

.login-wrapper .login-items .contact-left-items h2 {
    color: var(--white);
    margin-bottom: 10px;
}

.login-wrapper .login-items .contact-left-items p {
    color: var(--white);
}

.login-wrapper .login-items .contact-left-items form {
    margin-top: 30px;
}

.login-wrapper .login-items .contact-left-items .form-group {
    margin-bottom: 25px;
}

.login-wrapper .login-items .contact-left-items .form-group label {
    display: block;
    font-size: 16px;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 500;
}

.login-wrapper .login-items .contact-left-items .form-group label span {
    color: #ff914d;
    margin-left: 2px;
}

.login-wrapper .login-items .contact-left-items .form-group input {
    width: 100%;
    padding: 15px;
    border: none;
    outline: none;
    padding: 16px 20px;
    color: #333;
    line-height: 1;
    border-radius: 8px;
    font-size: 15px;
    text-transform: capitalize;
}

.login-wrapper .login-items .contact-left-items .form-group input::placeholder {
    color: var(--text);
}

.login-wrapper .login-items .contact-left-items .form-group .password-wrapper {
    position: relative;
}

.login-wrapper
    .login-items
    .contact-left-items
    .form-group
    .password-wrapper
    i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--header);
    cursor: pointer;
    font-size: 18px;
}

.login-wrapper .login-items .contact-left-items .remember-forget-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}

.login-wrapper
    .login-items
    .contact-left-items
    .remember-forget-row
    .custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    position: relative;
}

.login-wrapper
    .login-items
    .contact-left-items
    .remember-forget-row
    .custom-checkbox
    input {
    display: none;
}

.login-wrapper
    .login-items
    .contact-left-items
    .remember-forget-row
    .custom-checkbox
    .checkmark {
    height: 20px;
    width: 20px;
    background-color: #fff;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    border-radius: 2px;
}

.login-wrapper
    .login-items
    .contact-left-items
    .remember-forget-row
    .custom-checkbox
    .checkmark::after {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: var(--theme);
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-wrapper
    .login-items
    .contact-left-items
    .remember-forget-row
    .forget-pass {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
}

.login-wrapper .login-items .contact-left-items button {
    width: 100%;
    margin-bottom: 30px;
    transition: 0.3s;
    background-color: var(--header);
    color: var(--white);
    padding: 14px 20px;
    border-radius: 12px;
}

.login-wrapper .login-items .contact-left-items button:hover {
    opacity: 0.9;
}

.login-wrapper .login-items .contact-left-items .login-btn.style-2 {
    background: transparent;
    border: 1px solid var(--header);
}

.login-wrapper .login-items .contact-left-items .login-btn.style-2 img {
    margin-right: 8px;
}

.login-wrapper .login-items .contact-left-items .login-btn.style-2:hover {
    background-color: var(--header);
}

.login-wrapper .login-items .contact-left-items .footer-text {
    font-size: 15px;
    color: #808080;
}

.login-wrapper .login-items .contact-left-items .footer-text a {
    color: #000000;
    text-decoration: underline;
    font-weight: 600;
    margin-left: 5px;
}

.login-wrapper .login-items .login-image {
    max-width: 400px;
}

.login-wrapper .login-items .login-image img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.contact-form-items5 .form-clt span {
    color: var(--white);
    margin-bottom: 20px;
    display: inline-block;
}

.contact-form-items5 .form-clt input,
.contact-form-items5 .form-clt textarea {
    width: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    padding: 18px 20px;
    border-radius: 6px;
}

@media (max-width: 767px) {
    .contact-form-items5 .form-clt input,
    .contact-form-items5 .form-clt textarea {
        padding: 14px 20px;
    }
}

@media (max-width: 575px) {
    .contact-form-items5 .form-clt input,
    .contact-form-items5 .form-clt textarea {
        padding: 12px 18px;
    }
}

.contact-form-items5 .form-clt input::placeholder,
.contact-form-items5 .form-clt textarea::placeholder {
    color: rgba(255, 255, 255, 0.7019607843);
}

.contact-form-items5 .form-clt textarea {
    padding-bottom: 70px;
}

.contact-wrapper5 {
    position: relative;
    z-index: 9;
    background-color: #70a6b1;
    border-radius: 100px;
    margin-top: 55px;
}

@media (max-width: 991px) {
    .contact-wrapper5 {
        margin-top: 0;
    }
}

.contact-wrapper5 .contact-image5 {
    margin-top: -55px;
    position: relative;
    margin-right: 50px;
}

@media (max-width: 1199px) {
    .contact-wrapper5 .contact-image5 {
        left: 35px;
        height: 590px;
    }
}

@media (max-width: 991px) {
    .contact-wrapper5 .contact-image5 {
        display: none;
    }
}

.contact-wrapper5 .contact-image5 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-wrapper5 .contact-image5 .cricle-shape {
    position: absolute;
    top: 24%;
    left: -27px;
    z-index: -1;
    animation: cir36 10s linear infinite;
}

.contact-wrapper5 .contact-content5 {
    margin-top: 50px;
    padding: 0 70px 80px;
}

@media (max-width: 1199px) {
    .contact-wrapper5 .contact-content5 {
        margin-top: 60px;
        padding: 0 35px 60px;
    }
}

@media (max-width: 991px) {
    .contact-wrapper5 .contact-content5 {
        margin-top: 0;
        margin-left: 0;
        padding: 0;
    }
}

@media (max-width: 991px) {
    .contact-wrapper5 .contact-content5 {
        padding: 50px;
    }
}

@media (max-width: 767px) {
    .contact-wrapper5 .contact-content5 {
        padding: 50px 40px;
    }
}

@media (max-width: 575px) {
    .contact-wrapper5 .contact-content5 {
        padding: 40px 30px;
    }
}

.contact-wrapper5 .contact-content5 .contact-form-items .form-clt span {
    text-transform: capitalize;
}

.contact-wrapper5 .contact-content5 .contact-form-items .form-clt input,
.contact-wrapper5 .contact-content5 .contact-form-items .form-clt textarea {
    border-radius: 5px;
}

.contact-wrapper5
    .contact-content5
    .contact-form-items
    .form-clt
    input::placeholder,
.contact-wrapper5
    .contact-content5
    .contact-form-items
    .form-clt
    textarea::placeholder {
    color: var(--white);
}

.contact-wrapper5 .contact-content5 .contact-form-items .theme-btn {
    color: var(--theme);
    border-radius: 8px;
}

.contact-wrapper5 .contact-content5 .contact-form-items .theme-btn:hover {
    color: var(--white);
}

.contact-section5 {
    position: relative;
}

.contact-section5 .line-1 {
    position: absolute;
    top: 42%;
    left: 5%;
    animation: rounded 5s linear infinite;
}

.contact-section5 .line-2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

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

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

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

.array-button {
    display: flex;
    align-items: center;
    gap: 15px;
    z-index: 999;
}

.array-button .array-prev,
.array-button .array-next {
    border-radius: 100px;
    border: 1px solid #e6e8eb;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    color: var(--header);
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.array-button .array-prev:hover,
.array-button .array-next:hover {
    background-color: var(--theme);
    color: var(--white);
}

.swiper-dot {
    position: relative;
}

.swiper-dot .swiper-pagination-bullet {
    width: 14px;
    height: 20px;
    transition: 0.6s;
    background-color: #fedfef;
    opacity: 1;
    border-radius: 50%;
    position: relative;
    z-index: 9;
}

.swiper-dot .swiper-pagination-bullet::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 5px;
    content: "";
    width: 14px;
    height: 20px;
    border: 2px solid var(--theme);
    border-radius: 50%;
    z-index: -1;
}

.swiper-dot .swiper-pagination-bullet:not(:last-child) {
    margin-right: 8px;
}

.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme);
    transition: 0.6s;
    position: relative;
}

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

.fix {
    overflow: hidden;
}

.ralt {
    position: relative;
}

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

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

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

.p-relative {
    position: relative;
}

.ripple {
    position: relative;
}

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

.ripple::before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}

.ripple::after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}

.page-nav-wrap {
    margin-top: 60px;
}

.page-nav-wrap ul li {
    display: inline-block;
}

.page-nav-wrap ul li.active .page-numbers {
    background-color: var(--theme);
    color: var(--white);
}

.page-nav-wrap ul li .page-numbers.current {
    background-color: var(--theme);
    color: var(--white);
}

.page-nav-wrap ul li .page-numbers {
    display: inline-block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 0;
    background: var(--header);
    color: var(--white);
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    margin: 0 2px;
    border-radius: 50%;
    font-family: "Quicksand", sans-serif;
}

@media (max-width: 767px) {
    .page-nav-wrap ul li .page-numbers {
        margin-top: 10px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}

.page-nav-wrap ul li .page-numbers i {
    margin-top: 2px;
    color: var(--white);
    transition: all 0.4s ease-in-out;
}

.page-nav-wrap ul li .page-numbers:hover {
    background-color: var(--theme);
    color: var(--white);
}

.page-nav-wrap ul li .page-numbers:hover i {
    color: var(--white);
}

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

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

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

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

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

.bg-trans {
    background-color: transparent !important;
}

/* Custom style to make team images full width and bottom-aligned */
.team-wrapper-2 .team-main-items {
    overflow: hidden !important;
    border-radius: 48px !important;
    position: relative !important;
}

.team-wrapper-2 .team-main-items .team-items {
    position: relative !important;
    overflow: hidden !important;
    height: 512px !important;
}

.team-wrapper-2 .team-main-items .team-hover-items {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    height: 100% !important;
}

.team-wrapper-2 .team-main-items .team-items .team-image,
.team-wrapper-2 .team-main-items .team-hover-items .team-image {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin-top: 0 !important;
    text-align: center !important;
    line-height: 0 !important;
    z-index: 2 !important;
}

.team-wrapper-2 .team-main-items .team-hover-items .team-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Reduce space between text and image in collapsed cards by increasing image container height */
.team-wrapper-2 .team-main-items .team-items .team-image {
    height: 320px !important;
    overflow: hidden !important;
    border-radius: 48px !important;
}

.team-wrapper-2 .team-main-items .team-items .team-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* Hover state content styling placed absolutely at the bottom for premium movie poster look */
.team-wrapper-2 .team-main-items .team-hover-items .content {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 3 !important;
    padding: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    pointer-events: auto !important;
    border-bottom-left-radius: 48px !important;
    border-bottom-right-radius: 48px !important;
    transition: all 0.3s ease !important;
}

/* Solid matching color gradients matching the card theme to ensure contrast */
.team-wrapper-2
    .team-main-items:not(.bg-2):not(.bg-3)
    .team-hover-items
    .content {
    background: linear-gradient(
        to top,
        #385469 0%,
        rgb(56 84 105 / 70%) 50%,
        rgb(56 84 105 / 55%) 75%,
        rgba(67, 165, 116, 0) 100%
    ) !important;
}

.team-wrapper-2 .team-main-items.bg-2 .team-hover-items .content {
    background: linear-gradient(
        to top,
        #385469 0%,
        rgb(56 84 105 / 70%) 50%,
        rgb(56 84 105 / 55%) 75%,
        rgba(67, 165, 116, 0) 100%
    ) !important;
}

.team-wrapper-2 .team-main-items.bg-3 .team-hover-items .content {
    background: linear-gradient(
        to top,
        #385469 0%,
        rgb(56 84 105 / 70%) 50%,
        rgb(56 84 105 / 55%) 75%,
        rgba(67, 165, 116, 0) 100%
    ) !important;
}

.team-wrapper-2 .team-main-items .team-hover-items .content .title {
    font-size: 28px !important;
    font-weight: 700 !important;
    /* line-height: 1.2 !important; */
    color: var(--white) !important;
    margin-bottom: 15px !important;
}

.team-wrapper-2 .team-main-items .team-hover-items .content .title a {
    color: var(--white) !important;
}

/* Premium theme-aligned button inside hover card */
.team-wrapper-2 .team-main-items .team-hover-items .content .hover-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: var(--white) !important;
    font-family: "Quicksand", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 10px 24px !important;
    border-radius: 50px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: 2px solid transparent !important;
}

/* Set matching custom text colors for buttons on each card type */
.team-wrapper-2
    .team-main-items
    .team-hover-items
    .content
    .hover-btn.hover-btn-1 {
    color: #c69b26 !important;
    /* Orange */
}

.team-wrapper-2
    .team-main-items
    .team-hover-items
    .content
    .hover-btn.hover-btn-2 {
    color: #c69b26 !important;
    /* Maroon */
}

.team-wrapper-2
    .team-main-items
    .team-hover-items
    .content
    .hover-btn.hover-btn-3 {
    color: #c69b26 !important;
    /* Green */
}

.team-wrapper-2 .team-main-items .team-hover-items .content .hover-btn:hover {
    background-color: var(--header) !important;
    color: var(--white) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;
}

.team-wrapper-2 .team-main-items .team-hover-items .content .hover-btn i {
    transition: transform 0.3s ease !important;
}

.team-wrapper-2 .team-main-items .team-hover-items .content .hover-btn:hover i {
    transform: translateX(5px) !important;
}

/* Media queries for high-performance responsiveness across all screen sizes */
@media (max-width: 1199px) {
    .team-wrapper-2 .team-main-items .team-hover-items .content {
        padding: 24px !important;
    }

    .team-wrapper-2 .team-main-items .team-hover-items .content .title {
        font-size: 24px !important;
        margin-bottom: 12px !important;
    }

    .team-wrapper-2 .team-main-items .team-hover-items .content .hover-btn {
        padding: 8px 20px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 575px) {
    .team-wrapper-2 .team-main-items .team-hover-items .content {
        padding: 16px !important;
    }

    .team-wrapper-2 .team-main-items .team-hover-items .content .title {
        font-size: 31px !important;
        margin-bottom: 10px !important;
    }

    .team-wrapper-2 .team-main-items .team-hover-items .content .hover-btn {
        padding: 6px 16px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 1399px) {
    .team-wrapper-2 .team-main-items .team-hover-items .team-image {
        height: 100% !important;
        width: 100% !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
    }
    .team-wrapper-2 .team-main-items .team-hover-items .team-image img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

/* Book Appointment Header Button Styling Overrides to prevent wrapping */
.header-1 .header-right .theme-btn {
    width: 205px !important;
    background-color: var(--header) !important;
}

.header-1 .header-right .theme-btn:hover {
    background-color: var(--clean-accent) !important;
}

.header-1 .header-right .theme-btn .theme-bg svg {
    display: none !important;
}

.header-1 .header-right .theme-btn .theme-text,
.header-1 .header-right .theme-btn .theme-text2 {
    white-space: nowrap !important;
    font-size: 18px !important;
    gap: 8px !important;
}
.team-section-2.services-sec {
    padding-top: 130px;
}

:root {
    --clean-primary: #0c3d4a; /* Deep elegant trust teal */
    --clean-accent: #deb239; /* Theme gold */
    --clean-text-muted: #555555;
    --clean-bg: #f5f8f9;
}

.pediatric-services-unified-sec {
    background-color: var(--bg);
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(12, 61, 74, 0.05);
    border-bottom: 1px solid rgba(12, 61, 74, 0.05);
    padding: 90px 0 50px;
    margin-bottom: 50px;
}

/* Pediatric Counter Cards - isolated */
.pediatric-services-unified-sec .pediatric-counter-wrapper {
    position: relative;
    z-index: 2;
}

.pediatric-services-unified-sec .pediatric-counter-card {
    background: #ffffff;
    border: 1px solid rgba(12, 61, 74, 0.08);
    border-radius: 20px;
    padding: 25px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 10px 25px rgba(12, 61, 74, 0.03);
    transition: all 0.3s ease;
    height: 100%;
    text-align: left;
}

.pediatric-services-unified-sec .pediatric-counter-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(12, 61, 74, 0.07);
    border-color: rgba(222, 178, 57, 0.3);
}

.pediatric-services-unified-sec .counter-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    background: rgba(12, 61, 74, 0.05);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.pediatric-services-unified-sec .counter-icon img {
    width: 26px;
    height: auto;
}

.pediatric-services-unified-sec .pediatric-counter-card:hover .counter-icon {
    background: var(--clean-accent);
}

.pediatric-services-unified-sec .counter-details h3 {
    font-size: 26px;
    font-weight: 800;
    color: var(--clean-primary);
    margin: 0 0 3px 0;
}

.pediatric-services-unified-sec .counter-details p {
    font-size: 13px;
    font-weight: 600;
    color: var(--clean-text-muted);
    margin: 0;
}

.pediatric-services-unified-sec .text-primary-teal {
    color: var(--clean-primary);
}

/* Background Blending Glows */
.pediatric-services-unified-sec .glow-bg-left {
    position: absolute;
    width: 700px;
    height: 700px;
    background: radial-gradient(
        circle,
        rgba(12, 61, 74, 0.07) 0%,
        rgba(12, 61, 74, 0) 70%
    );
    top: -150px;
    left: -250px;
    z-index: 1;
    pointer-events: none;
    animation: float-slow 15s infinite alternate ease-in-out;
}

.pediatric-services-unified-sec .glow-bg-right {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(
        circle,
        rgba(222, 178, 57, 0.05) 0%,
        rgba(222, 178, 57, 0) 70%
    );
    bottom: -150px;
    right: -200px;
    z-index: 1;
    pointer-events: none;
    animation: float-slow-reverse 18s infinite alternate ease-in-out;
}

@keyframes float-slow {
    0% {
        transform: translate(0, 0) scale(1);
    }
    100% {
        transform: translate(30px, 20px) scale(1.05);
    }
}

@keyframes float-slow-reverse {
    0% {
        transform: translate(0, 0) scale(1);
    }
    100% {
        transform: translate(-35px, -25px) scale(1.08);
    }
}

/* Premium Blending Glass Cards - isolated */
.pediatric-services-unified-sec .pediatric-video-glass-card {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 30px;
    padding: 24px;
    box-shadow: 0 20px 50px rgba(12, 61, 74, 0.03);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 2;
}

.pediatric-services-unified-sec .pediatric-video-glass-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 35px 70px rgba(12, 61, 74, 0.08);
    border-color: rgba(222, 178, 57, 0.35);
}

.pediatric-services-unified-sec .pediatric-content-glass-card {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 30px;
    padding: 25px;
    box-shadow: 0 20px 50px rgba(12, 61, 74, 0.03);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 2;
    height: 100%;
}

.pediatric-services-unified-sec .pediatric-content-glass-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 35px 70px rgba(12, 61, 74, 0.08);
    border-color: rgba(222, 178, 57, 0.35);
}

.pediatric-services-unified-sec .pediatric-hospital-glass-card {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 30px;
    padding: 40px 30px;
    box-shadow: 0 20px 50px rgba(12, 61, 74, 0.03);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 2;
}

.pediatric-services-unified-sec .pediatric-hospital-glass-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 35px 70px rgba(12, 61, 74, 0.08);
    border-color: rgba(222, 178, 57, 0.35);
}

.pediatric-services-unified-sec .clinic-divider {
    border-top: 1px solid rgba(56, 84, 105, 0.1);
    margin: 25px 0;
}

/* Premium Sub-badge - isolated */
.pediatric-services-unified-sec .section-badge .badge-text {
    background: rgba(12, 61, 74, 0.06);
    color: var(--clean-primary);
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

/* Section Title & Highlight Text - isolated */
.pediatric-services-unified-sec
    .pediatric-clean-content-wrapper
    .section-title {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--clean-primary);
    margin: 0 0 16px 0;
}

.pediatric-services-unified-sec .highlight-text {
    color: var(--theme);
    display: inline-block;
    font-weight: 600;
}
.clinic-stack-title {
    font-weight: 600;
    font-size: 30px;
    margin: 0;
}

/* Video Container, Floating Badge, and Caption styling - isolated */
.pediatric-services-unified-sec .pediatric-video-container {
    position: relative;
    padding: 5px;
}

.pediatric-services-unified-sec .video-floating-badge {
    position: absolute;
    top: 25px;
    left: 25px;
    background: rgba(12, 61, 74, 0.9);
    backdrop-filter: blur(8px);
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    z-index: 10;
    display: flex;
    align-items: center;
    border: 1px solid rgba(222, 178, 57, 0.3);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.pediatric-services-unified-sec .badge-pulse {
    width: 7px;
    height: 7px;
    background-color: var(--clean-accent);
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    animation: pulse-ring 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@keyframes pulse-ring {
    0% {
        transform: scale(0.7);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }

    100% {
        transform: scale(0.7);
        opacity: 0.5;
    }
}

.pediatric-services-unified-sec .video-caption-box {
    padding: 10px 15px;
    border-radius: 12px;
    background: rgba(12, 61, 74, 0.03);
    border: 1px dashed rgba(12, 61, 74, 0.1);
}

.pediatric-services-unified-sec .video-caption-text {
    font-size: 13.5px;
    color: var(--clean-primary);
    font-weight: 600;
    margin: 0;
}

.pediatric-services-unified-sec .video-caption-text .text-accent {
    color: var(--clean-accent);
}

/* Borderless video wrapper - isolated */
.pediatric-services-unified-sec .pediatric-clean-video-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(12, 61, 74, 0.05);
    background: #000000;
    border: 1px solid rgba(12, 61, 74, 0.08);
    line-height: 0;
    transition: all 0.4s ease;
}

.pediatric-services-unified-sec .pediatric-clean-video-wrapper iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: none;
    display: block;
}

.pediatric-services-unified-sec
    .pediatric-unified-canvas:hover
    .pediatric-clean-video-wrapper {
    transform: scale(1.01);
    box-shadow: 0 20px 45px rgba(12, 61, 74, 0.12);
    border-color: rgba(12, 61, 74, 0.15);
}

/* Pediatric Hospital Accent Chips - isolated */
.pediatric-services-unified-sec .pediatric-hospital-accent-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
    margin-top: 15px;
}

.pediatric-services-unified-sec .hospital-accent-chip {
    background: rgba(12, 61, 74, 0.04);
    border: 1px solid rgba(12, 61, 74, 0.08);
    border-radius: 30px;
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.pediatric-services-unified-sec .hospital-accent-chip:hover {
    background: var(--clean-accent);
    border-color: var(--clean-accent);
    transform: translateY(-2px);
}

.pediatric-services-unified-sec .hospital-accent-chip .chip-dot {
    width: 8px;
    height: 8px;
    background-color: var(--clean-accent);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.pediatric-services-unified-sec .hospital-accent-chip:hover .chip-dot {
    background-color: #ffffff;
}

.pediatric-services-unified-sec .hospital-accent-chip .chip-text {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--clean-primary);
    transition: all 0.3s ease;
}

.pediatric-services-unified-sec .hospital-accent-chip:hover .chip-text {
    color: #ffffff;
}

/* Content styling - isolated */
.pediatric-services-unified-sec .service-description-text {
    font-size: 18px;
    line-height: 1.8;
    color: var(--black);
    text-align: justify;
}

/* Appointment CTA Block - isolated */
.pediatric-services-unified-sec .appointment-btn-block {
    display: inline-block;
    margin-top: 10px;
}

.pediatric-services-unified-sec .appointment-btn-block .theme-btn {
    padding: 0;
    display: inline-block;
    box-shadow: 0 10px 25px rgba(222, 178, 57, 0.25);
    transition: all 0.3s ease;
}

.pediatric-services-unified-sec .appointment-btn-block .theme-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(12, 61, 74, 0.2);
}

/* Responsive adjustments - isolated */
@media (max-width: 1199px) {
    .pediatric-services-unified-sec .pediatric-unified-canvas {
        padding: 40px;
    }

    .pediatric-services-unified-sec
        .pediatric-clean-content-wrapper
        .section-title {
        font-size: 32px;
    }
}

@media (max-width: 991px) {
    .pediatric-services-unified-sec
        .pediatric-clean-content-wrapper
        .section-title {
        text-align: center;
        font-size: 28px;
    }

    .pediatric-services-unified-sec .pediatric-clean-video-wrapper {
        max-width: 500px;
        margin: 0 auto;
    }

    .pediatric-services-unified-sec .pediatric-hospital-accent-row {
        justify-content: center;
    }

    .pediatric-services-unified-sec .pediatric-clean-content-wrapper {
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .pediatric-services-unified-sec .pediatric-unified-canvas {
        padding: 30px 20px;
        border-radius: 24px;
    }

    .pediatric-services-unified-sec
        .pediatric-clean-content-wrapper
        .section-title {
        font-size: 24px;
    }

    .pediatric-services-unified-sec .service-description-text {
        font-size: 15px;
        line-height: 1.75;
    }
}

/* Custom Booking Button & Spacing Fixes */
.pediatric-services-unified-sec .pediatric-content-glass-card,
.pediatric-services-unified-sec .pediatric-video-glass-card {
    height: auto !important;
}

.pediatric-services-unified-sec .appointment-btn-block .theme-btn {
    width: 250px !important;
    height: 54px !important;
    border-radius: 8px !important;
    display: inline-block !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pediatric-services-unified-sec .appointment-btn-block .theme-btn .theme-text,
.pediatric-services-unified-sec .appointment-btn-block .theme-btn .theme-text2 {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
}

.pediatric-services-unified-sec .appointment-btn-block .theme-btn .theme-text {
    transform: translateY(-50%) !important;
}

.pediatric-services-unified-sec .appointment-btn-block .theme-btn .theme-text2 {
    transform: translateY(150%) !important;
}

.pediatric-services-unified-sec
    .appointment-btn-block
    .theme-btn:hover
    .theme-text {
    transform: translateY(-150%) !important;
}

.pediatric-services-unified-sec
    .appointment-btn-block
    .theme-btn:hover
    .theme-text2 {
    transform: translateY(-50%) !important;
}

/* Premium Clinic Grid Section & Cards */
.pediatric-services-unified-sec .clinic-accent-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(12, 61, 74, 0.08);
    border-radius: 24px;
    padding: 22px 26px;
    box-shadow: 0 10px 30px rgba(12, 61, 74, 0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.pediatric-services-unified-sec .clinic-accent-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--clean-accent),
        var(--clean-accent)
    );
    opacity: 0;
    transition: all 0.3s ease;
}

.pediatric-services-unified-sec .clinic-accent-card:hover {
    transform: translateY(-8px) scale(1.02);
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(222, 178, 57, 0.4);
    box-shadow: 0 20px 40px rgba(12, 61, 74, 0.1);
}

.pediatric-services-unified-sec .clinic-accent-card:hover::before {
    opacity: 1;
}

/* Active Lead Clinic Card Highlight */
.pediatric-services-unified-sec .active-clinic-card {
    border-color: rgba(222, 178, 57, 0.45);
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 12px 35px rgba(222, 178, 57, 0.08);
}

.pediatric-services-unified-sec .active-clinic-card::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 24px;
    padding: 1px;
    background: linear-gradient(
        135deg,
        rgba(222, 178, 57, 0.3),
        rgba(12, 61, 74, 0.1)
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* Icon Box Custom Physics */
.pediatric-services-unified-sec .clinic-icon-box {
    width: 48px;
    height: 48px;
    background: rgba(12, 61, 74, 0.05);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    flex-shrink: 0;
}

.pediatric-services-unified-sec .clinic-accent-card:hover .clinic-icon-box {
    background: var(--clean-primary);
    transform: rotate(360deg) scale(1.1);
}

.pediatric-services-unified-sec .clinic-accent-card:hover .clinic-icon-box i {
    color: #ffffff !important;
}

/* Typography Inside Clinic Cards */
.pediatric-services-unified-sec .clinic-card-details {
    flex-grow: 1;
}

.pediatric-services-unified-sec .clinic-card-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--clean-primary);
    margin: 0 0 4px 0;
    letter-spacing: -0.3px;
}

.pediatric-services-unified-sec .clinic-card-location {
    font-size: 16px;
    font-weight: 550;
    color: var(--clean-text-muted);
    display: inline-flex;
    align-items: center;
}

.pediatric-services-unified-sec .clinic-card-location i {
    color: var(--clean-accent) !important;
}

/* Glowing Badges inside cards */
.pediatric-services-unified-sec .clinic-glow-badge {
    background: rgba(12, 61, 74, 0.05);
    padding: 5px 12px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(12, 61, 74, 0.06);
    flex-shrink: 0;
    margin-left: auto;
}

.pediatric-services-unified-sec .clinic-accent-card:hover .clinic-glow-badge {
    background: rgba(222, 178, 57, 0.12);
    border-color: rgba(222, 178, 57, 0.2);
}

.pediatric-services-unified-sec .clinic-glow-badge .pulse-dot {
    width: 6px;
    height: 6px;
    background-color: var(--clean-accent);
    border-radius: 50%;
    animation: pulse-ring 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

.pediatric-services-unified-sec .clinic-glow-badge .badge-lbl {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--clean-primary);
    letter-spacing: 0.5px;
}

/* Responsive grid breaks */
@media (max-width: 991px) {
    .pediatric-services-unified-sec .clinic-accent-card {
        padding: 20px;
    }

    .pediatric-services-unified-sec .custom-booking-btn {
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .pediatric-services-unified-sec .clinic-accent-card {
        flex-direction: column;
        text-align: center;
        gap: 12px !important;
        padding: 24px;
    }

    .pediatric-services-unified-sec .clinic-glow-badge {
        margin: 5px auto 0 auto;
    }
}

/*--------------------------------------------------
   Testimonials Page Custom Scoped Styles
--------------------------------------------------*/
.testimonials-page-wrapper {
    background-color: var(--clean-bg);
    position: relative;
    overflow: hidden;
    padding-top: 40px;
}

/* Background Glowing Accents */
.testimonials-page-wrapper .testimonials-glow-left {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(
        circle,
        rgba(12, 61, 74, 0.06) 0%,
        rgba(12, 61, 74, 0) 70%
    );
    top: 50px;
    left: -200px;
    z-index: 1;
    pointer-events: none;
    animation: float-slow 16s infinite alternate ease-in-out;
}

.testimonials-page-wrapper .testimonials-glow-right {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(
        circle,
        rgba(222, 178, 57, 0.04) 0%,
        rgba(222, 178, 57, 0) 70%
    );
    top: 400px;
    right: -200px;
    z-index: 1;
    pointer-events: none;
    animation: float-slow-reverse 18s infinite alternate ease-in-out;
}

/* Badge Styling */
.testimonials-page-wrapper .testimonials-badge {
    margin-bottom: 20px;
    display: inline-block;
}

.testimonials-page-wrapper .testimonials-badge .badge-content {
    background: rgba(12, 61, 74, 0.06);
    border: 1px solid rgba(12, 61, 74, 0.1);
    color: var(--clean-primary);
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 13.5px;
    font-weight: 700;

    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.testimonials-page-wrapper .testimonials-badge .badge-content i {
    color: var(--clean-accent);
}

/* Section Title */
.testimonials-page-wrapper .section-main-title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.25;
    color: var(--clean-primary);
    margin-bottom: 15px;
}

.testimonials-page-wrapper .text-accent-gold {
    color: var(--clean-accent);
}

.testimonials-page-wrapper .section-desc-text {
    font-size: 16px;
    line-height: 1.7;
    color: var(--clean-text-muted);
    max-width: 650px;
    margin: 0 auto;
}

/* Premium Review Card styling */
.testimonials-page-wrapper .premium-review-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(12, 61, 74, 0.08);
    border-radius: 24px;
    padding: 35px 30px;
    box-shadow: 0 15px 35px rgba(12, 61, 74, 0.02);
    position: relative;
    z-index: 2;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
}

.testimonials-page-wrapper .premium-review-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(12, 61, 74, 0.07);
    border-color: rgba(222, 178, 57, 0.45);
}

/* Review Card Header */
.testimonials-page-wrapper .premium-review-card .review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.testimonials-page-wrapper .premium-review-card .google-badge-pill {
    background: rgba(222, 178, 57, 0.08);
    border: 1px solid rgba(222, 178, 57, 0.2);
    border-radius: 30px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.testimonials-page-wrapper .premium-review-card .google-badge-pill i {
    font-size: 20px;
    color: var(--clean-primary);
}

.testimonials-page-wrapper .premium-review-card .google-badge-pill .badge-text {
    font-size: 15px;
    font-weight: 600;
    color: var(--clean-primary);
}

.testimonials-page-wrapper .premium-review-card .quote-symbol {
    font-size: 26px;
    color: rgba(12, 61, 74, 0.07);
    transition: color 0.3s ease;
}

.testimonials-page-wrapper .premium-review-card:hover .quote-symbol {
    color: rgba(222, 178, 57, 0.25);
}

/* Star ratings */
.testimonials-page-wrapper .premium-review-card .star-rating-block {
    display: flex;
    gap: 4px;
    margin-bottom: 18px;
}

.testimonials-page-wrapper .premium-review-card .star-rating-block i {
    color: var(--clean-accent);
    font-size: 14px;
}

/* Body Text */
.testimonials-page-wrapper .premium-review-card .review-body-text {
    flex-grow: 1;
    margin-bottom: 25px;
}

.testimonials-page-wrapper .premium-review-card .review-body-text p {
    font-size: 18px;
    line-height: 1.75;
    color: var(--black);

    margin: 0;
}

/* Divider Line */
.testimonials-page-wrapper .premium-review-card .card-divider-line {
    height: 1px;
    background: rgba(12, 61, 74, 0.06);
    margin-bottom: 20px;
    width: 100%;
}

/* Author Footer */
.testimonials-page-wrapper .premium-review-card .review-author-footer {
    display: flex;
    align-items: center;
    gap: 15px;
}

.testimonials-page-wrapper .premium-review-card .avatar-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--header);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 2px solid #ffffff;
    box-shadow: 0 4px 10px rgba(12, 61, 74, 0.1);
}

.testimonials-page-wrapper .premium-review-card .avatar-initial {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.testimonials-page-wrapper .premium-review-card .google-mini-icon {
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 18px;
    height: 18px;
    background: var(--clean-accent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.testimonials-page-wrapper .premium-review-card .google-mini-icon i {
    font-size: 9px;
    color: #ffffff;
}

.testimonials-page-wrapper .premium-review-card .author-info {
    text-align: left;
}

.testimonials-page-wrapper .premium-review-card .author-name {
    font-size: 20px;
    font-weight: 600;
    color: var(--black);
    margin: 0 0 2px 0;
}

.testimonials-page-wrapper .premium-review-card .author-subtitle {
    font-size: 12px;
    font-weight: 600;
    color: var(--clean-text-muted);
    margin: 0;
}

/* Trust Score Banner */
.testimonials-page-wrapper .testimonials-score-banner {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(12, 61, 74, 0.06);
    border-radius: 24px;
    padding: 30px 40px;
    box-shadow: 0 10px 30px rgba(12, 61, 74, 0.01);
    position: relative;
    z-index: 2;
}

.testimonials-page-wrapper .overall-score-circle {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--white);
    color: var(--header);
    box-shadow: 0 8px 20px rgba(12, 61, 74, 0.15);
}

.testimonials-page-wrapper .overall-score-circle .score-num {
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
}

.testimonials-page-wrapper .overall-score-circle .score-stars {
    font-size: 16px;
    color: var(--clean-accent);
    margin-top: 3px;
}

.testimonials-page-wrapper .score-title {
    font-size: 22px;
    font-weight: 800;
    color: var(--clean-primary);
    margin: 0 0 8px 0;
}

.testimonials-page-wrapper .score-desc {
    font-size: 15px;
    line-height: 1.6;
    color: var(--clean-text-muted);
    margin: 0;
}

/* Feedback CTA Section */
.testimonials-page-wrapper .bg-light-teal {
    background-color: #ebf2f4;
}

.testimonials-page-wrapper .feedback-card {
    background: var(--header);
    border-radius: 30px;
    padding: 35px 35px;
    box-shadow: 0 20px 45px rgba(12, 61, 74, 0.15);
    position: relative;
    overflow: hidden;
    z-index: 2;
    border: 1px solid rgba(222, 178, 57, 0.15);
}

.testimonials-page-wrapper .feedback-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background: radial-gradient(
        circle,
        rgba(222, 178, 57, 0.08) 0%,
        transparent 70%
    );
    z-index: 1;
    pointer-events: none;
}

.testimonials-page-wrapper .feedback-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 12px;
    line-height: 1.25;
}

.testimonials-page-wrapper .feedback-desc {
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

.testimonials-page-wrapper .gold-btn {
    background-color: var(--clean-accent) !important;
    color: var(--white) !important;
    border: 1px solid var(--clean-accent) !important;
    box-shadow: 0 10px 25px rgba(222, 178, 57, 0.35) !important;
    width: auto !important;
    min-width: 220px !important;
    padding: 16px 28px !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.testimonials-page-wrapper .gold-btn:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--clean-primary) !important;
    box-shadow: 0 15px 30px rgba(255, 255, 255, 0.2) !important;
}

.testimonials-page-wrapper .gold-btn .theme-text,
.testimonials-page-wrapper .gold-btn .theme-text2 {
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 18px !important;
    width: 100% !important;
}

/* Appointment Drive section */
.testimonials-page-wrapper .appointment-drive-section {
    position: relative;
    z-index: 2;
    background-color: #ffffff;
}

.testimonials-page-wrapper .drive-title {
    font-size: 38px;
    font-weight: 800;
    color: var(--clean-primary);
    margin-bottom: 15px;
}

.testimonials-page-wrapper .drive-desc {
    font-size: 16px;
    line-height: 1.7;
    color: var(--clean-text-muted);
    max-width: 700px;
    margin: 0 auto;
}

/* Responsiveness Media Queries */
@media (max-width: 1199px) {
    .testimonials-page-wrapper .section-main-title {
        font-size: 36px;
    }

    .testimonials-page-wrapper .drive-title {
        font-size: 32px;
    }

    .testimonials-page-wrapper .feedback-card {
        padding: 40px;
    }
}

@media (max-width: 991px) {
    .testimonials-page-wrapper .section-main-title {
        font-size: 32px;
    }

    .testimonials-page-wrapper .feedback-card {
        text-align: center;
    }

    .testimonials-page-wrapper .feedback-title {
        font-size: 28px;
    }

    .testimonials-page-wrapper .testimonials-score-banner {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .testimonials-page-wrapper .section-main-title {
        font-size: 26px;
    }

    .testimonials-page-wrapper .drive-title {
        font-size: 26px;
    }

    .testimonials-page-wrapper .premium-review-card {
        padding: 30px 20px;
    }

    .testimonials-page-wrapper .feedback-card {
        padding: 35px 20px;
    }

    .testimonials-page-wrapper .feedback-title {
        font-size: 24px;
    }

    .testimonials-page-wrapper .testimonials-score-banner {
        padding: 25px 20px;
    }
}

/* Scoped overrides to keep font size 18px for all p, a, and li elements within the testimonials page wrapper */
.testimonials-page-wrapper p,
.testimonials-page-wrapper a,
.testimonials-page-wrapper li {
    font-size: 18px;
}

/* Scoped overrides to keep font size 18px for all p, a, and li elements within the testimonials page wrapper */
.testimonials-page-wrapper p,
.testimonials-page-wrapper a,
.testimonials-page-wrapper li {
    font-size: 18px;
}

/*--------------------------------------------------
   Book Appointment Page Custom Scoped Styles
--------------------------------------------------*/
.appointment-page-wrapper {
    background-color: var(--clean-bg);
    position: relative;
    overflow: hidden;
    padding-top: 40px;
}

/* Background Glowing Accents */
.appointment-page-wrapper .appointment-glow-left {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(
        circle,
        rgba(12, 61, 74, 0.06) 0%,
        rgba(12, 61, 74, 0) 70%
    );
    top: 50px;
    left: -200px;
    z-index: 1;
    pointer-events: none;
    animation: float-slow 16s infinite alternate ease-in-out;
}

.appointment-page-wrapper .appointment-glow-right {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(
        circle,
        rgba(222, 178, 57, 0.04) 0%,
        rgba(222, 178, 57, 0) 70%
    );
    top: 400px;
    right: -200px;
    z-index: 1;
    pointer-events: none;
    animation: float-slow-reverse 18s infinite alternate ease-in-out;
}

/* Badge Tag */
.appointment-page-wrapper .badge-tag .badge-text {
    background: rgba(12, 61, 74, 0.06);
    border: 1px solid rgba(12, 61, 74, 0.1);
    color: var(--clean-primary);
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 13.5px;
    font-weight: 700;

    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.appointment-page-wrapper .badge-tag .badge-text i {
    color: var(--clean-accent);
}

.appointment-page-wrapper .text-primary-teal {
    color: var(--header);
}

.appointment-page-wrapper .text-accent-gold {
    color: var(--clean-accent);
}

/* Associated Clinics Cards / Chips */
.appointment-page-wrapper .hospital-chip {
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    cursor: default;
}

.appointment-page-wrapper .hospital-chip:hover {
    background: var(--clean-accent) !important;
    border-color: var(--clean-accent) !important;
    transform: translateY(-2px);
    color: #ffffff !important;
}

.appointment-page-wrapper .hospital-chip:hover .chip-dot {
    background-color: #ffffff !important;
}

/* Premium Form Card */
.appointment-page-wrapper .appointment-glass-card {
    background: var(--header);
    border-radius: 30px;
    padding: 25px 45px 40px;
    box-shadow: 0 20px 45px rgba(12, 61, 74, 0.15);
    position: relative;
    z-index: 2;
    border: 1px solid rgba(222, 178, 57, 0.18);
}

/* Form input elements */
.appointment-page-wrapper .form-clt-glass {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.appointment-page-wrapper .form-clt-glass label {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 2px;
}

.appointment-page-wrapper .form-clt-glass input[type="text"],
.appointment-page-wrapper .form-clt-glass input[type="email"],
.appointment-page-wrapper .form-clt-glass input[type="tel"],
.appointment-page-wrapper .form-clt-glass input[type="date"],
.appointment-page-wrapper .form-clt-glass textarea {
    width: 100%;
    border-radius: 12px;
    padding: 16px 20px;
    font-size: 15px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #ffffff;
    outline: none;
    transition: all 0.3s ease;
}

.appointment-page-wrapper .form-clt-glass input::placeholder,
.appointment-page-wrapper .form-clt-glass textarea::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.appointment-page-wrapper .form-clt-glass input:focus,
.appointment-page-wrapper .form-clt-glass textarea:focus,
.appointment-page-wrapper .form-clt-glass select:focus {
    border-color: var(--clean-accent) !important;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 10px rgba(222, 178, 57, 0.2);
}

/* Calendar Icon Overrides for Webkit Datepicker */
.appointment-page-wrapper .form-clt-glass input[type="date"] {
    position: relative;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.08);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f5c842'><path d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px;
    padding-right: 45px;
}

.appointment-page-wrapper
    .form-clt-glass
    input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

/* Select element text default options */
.appointment-page-wrapper .form-clt-glass select option {
    background-color: var(--clean-primary);
    color: #ffffff;
    font-size: 15px;
    padding: 10px;
}

/* =========================================
   Success Page Styles (extracted inline CSS)
   ========================================= */
.success-page-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f0f7f9 0%, #e8f4f7 100%);
    padding-top: 120px;
    padding-bottom: 60px;
}
.success-page-container {
    max-width: 700px;
    width: 100%;
}
.success-page-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 85, 102, 0.12);
    padding: 50px 30px;
    text-align: center;
    border-top: 5px solid #0c3d4a;
    width: 100%;
}
.success-page-icon-wrapper {
    width: 90px;
    height: 90px;
    background: #0c3d4a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    box-shadow: 0 10px 30px rgba(12, 61, 74, 0.3);
}
.success-page-title {
    font-size: 2rem;
    font-weight: 800;
    color: #005566;
    margin-bottom: 16px;
    line-height: 1.3;
}
.success-page-desc {
    font-size: 1.2rem;
    color: #4a6572;
    line-height: 1.8;
    margin-bottom: 35px;
}
.success-page-btn-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.success-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #0c3d4a;
    color: #ffffff;
    padding: 14px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(12, 61, 74, 0.15);
}
.success-page-btn:hover {
    background-color: #deb239 !important;
    color: #ffffff !important;
}

/* =========================================
   Appointment Page Styles (extracted inline CSS)
   ========================================= */
.appt-error-box {
    background: rgba(220, 53, 69, 0.15);
    border: 1px solid rgba(220, 53, 69, 0.4);
    border-radius: 8px;
    padding: 14px 18px;
    margin-bottom: 20px;
}
.appt-error-list {
    margin: 0;
    padding-left: 18px;
    color: #ff6b7a;
    font-size: 0.92rem;
}
.appt-required-asterisk {
    color: #f5c842;
}
.appt-otp-input-wrapper {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.appt-otp-input {
    flex: 1;
}
.appt-resend-container {
    margin-top: 8px;
    font-size: 0.88em;
}
.appt-resend-text {
    color: rgba(255, 255, 255, 0.7);
}
.appt-resend-link {
    color: #f5c842;
    font-weight: bold;
    text-decoration: none;
}
.appt-otp-message {
    margin-top: 6px;
    font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 1199px) {
    .appointment-page-wrapper .appointment-glass-card {
        padding: 40px;
    }
}

@media (max-width: 991px) {
    .appointment-page-wrapper .appointment-glass-card {
        max-width: 600px;
        margin: 0 auto;
    }

    .appointment-page-wrapper .appointment-left-content {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .appointment-page-wrapper .appointment-glass-card {
        padding: 30px 20px;
        border-radius: 24px;
    }

    .appointment-page-wrapper .form-clt-glass input[type="text"],
    .appointment-page-wrapper .form-clt-glass input[type="email"],
    .appointment-page-wrapper .form-clt-glass input[type="tel"],
    .appointment-page-wrapper .form-clt-glass input[type="date"],
    .appointment-page-wrapper .form-clt-glass textarea,
    .appointment-page-wrapper .form-clt-glass select {
        padding: 14px 16px;
        font-size: 14px;
    }
}

/* Custom Container Width Override */
.appointment-page-wrapper .custom-container-width {
    max-width: 1200px !important;
}

/* Left Content Custom Fonts & Alignments */
.appointment-page-wrapper .appointment-left-title {
    font-size: 38px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

.appointment-page-wrapper .appointment-left-desc {
    font-size: 18px !important;
    line-height: 25px !important;
    /* color: var(--clean-text-muted) !important; */
    margin: 15px 0px;
}

/* Mini Trust Badges */
.appointment-page-wrapper .google-trust-badge {
    background: rgba(12, 61, 74, 0.05) !important;
    padding: 15px 25px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(12, 61, 74, 0.06) !important;
    margin-bottom: 20px;
}

.appointment-page-wrapper .score-circle-mini {
    width: 60px !important;
    height: 60px !important;
    background: var(--clean-primary) !important;
    color: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: 0 4px 10px rgba(12, 61, 74, 0.1) !important;
}

.appointment-page-wrapper .score-val {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.appointment-page-wrapper .stars-val {
    font-size: 12px !important;
    color: var(--clean-accent) !important;
}

.appointment-page-wrapper .info-title-main {
    margin: 0 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: var(--clean-primary) !important;
}

.appointment-page-wrapper .info-sub-main {
    margin: 0 !important;
    font-size: 17px !important;
    color: var(--clean-text-muted) !important;
}

.appointment-page-wrapper .appointment-block-subtitle {
    font-size: 25px !important;
    font-weight: 600 !important;
    color: var(--clean-primary) !important;
    padding-bottom: 10px;
}

/* Associated Hospital chips overrides */
.appointment-page-wrapper .hospital-chip {
    background: rgba(12, 61, 74, 0.04) !important;
    border: 1px solid rgba(12, 61, 74, 0.08) !important;
    border-radius: 30px !important;
    padding: 8px 16px !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    color: var(--clean-primary) !important;
}

.appointment-page-wrapper .chip-dot {
    width: 8px !important;
    height: 8px !important;
    background-color: var(--clean-accent) !important;
    border-radius: 50% !important;
    display: inline-block !important;
    margin-right: 6px !important;
}

/* Helpline links override */
.appointment-page-wrapper .helpline-block {
    border-top: 1px dashed rgba(12, 61, 74, 0.1) !important;
    padding-top: 10px;
    max-width: 320px !important;
    margin-top: 20px !important;
}

.appointment-page-wrapper .helpline-number-title {
    margin: 3px 0 0 0 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: var(--clean-primary) !important;
}

.appointment-page-wrapper .helpline-number-link {
    color: var(--clean-primary) !important;
    font-size: 24px !important;
}

.appointment-page-wrapper .helpline-number-link i {
    margin-right: 8px !important;
}

/* Form selects & Option details overrides */
.appointment-page-wrapper .form-card-title {
    font-size: 26px !important;
    font-weight: 800 !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
}

.appointment-page-wrapper .form-select-glass {
    width: 100% !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    font-size: 15px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    outline: none !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position-x: 95% !important;
    background-position-y: 50% !important;
}

.appointment-page-wrapper .form-select-glass option {
    background-color: var(--clean-primary) !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

.appointment-page-wrapper .form-select-glass optgroup {
    background-color: var(--clean-primary) !important;
    color: var(
        --accent-gold,
        #cca044
    ) !important; /* using gold for contrast or just white */
    font-size: 16px !important;
    font-weight: 700 !important;
}

.appointment-page-wrapper .appointment-submit-btn {
    padding: 18px 30px !important;
    background: var(--white) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 25px rgba(222, 178, 57, 0.25) !important;
    height: 60px !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.appointment-page-wrapper .appointment-submit-btn:hover {
    background: var(--clean-accent) !important;
    color: var(--white) !important;
    border-color: var(--white) !important;
    box-shadow:
        0 12px 30px rgba(222, 178, 57, 0.4),
        0 0 15px rgba(222, 178, 57, 0.2) !important;
    transform: translateY(-2px) !important;
}

.appointment-page-wrapper .appointment-submit-btn:active {
    transform: translateY(-1px) scale(0.98) !important;
}

.appointment-page-wrapper .appointment-submit-btn .theme-text {
    color: #0c3d4a !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    font-size: 20px !important;
}

.appointment-page-wrapper .appointment-submit-btn .theme-text2 {
    color: var(--white) !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    font-size: 18px !important;
}

.appointment-page-wrapper .appointment-submit-btn .theme-text i,
.appointment-page-wrapper .appointment-submit-btn .theme-text2 i {
    transition: transform 0.3s ease !important;
}

.appointment-page-wrapper .appointment-submit-btn:hover .theme-text2 i {
    transform: translateX(4px) !important;
}

/* ==========================================================================
   11. About Us Page Redesign Scoped Styling overrides
   ========================================================================== */
.about-us-page-wrapper {
    position: relative;
    background-color: #fffbfb;
    overflow: hidden;
    /* padding-bottom: 60px; */
}

/* Background Backdrop Blending Glows */
.about-us-page-wrapper .about-glow-left {
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(
        circle,
        rgba(12, 61, 74, 0.04) 0%,
        rgba(12, 61, 74, 0) 70%
    );
    top: 15%;
    left: -200px;
    pointer-events: none;
    z-index: 1;
}

.about-us-page-wrapper .about-glow-right {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(
        circle,
        rgba(222, 178, 57, 0.03) 0%,
        rgba(222, 178, 57, 0) 70%
    );
    bottom: 25%;
    right: -250px;
    pointer-events: none;
    z-index: 1;
}

/* Scoped Typography 18px Overrides for p, li, a */
.about-us-page-wrapper p,
.about-us-page-wrapper .about-list ul li,
.about-us-page-wrapper a {
    font-size: 18px;

    color: var(--black);
}

/* Teal & Gold Utilities */
.about-us-page-wrapper .text-primary-teal {
    color: #0c3d4a;
}

.about-us-page-wrapper .text-accent-gold {
    color: var(--header);
}
h2.doctor-name.text-primary-teal {
    color: var(--black);
}

/* Badge Tag */
.about-us-page-wrapper .badge-tag {
    display: inline-block;
    background: rgba(12, 61, 74, 0.06);
    border: 1px solid rgba(12, 61, 74, 0.1);
    padding: 8px 18px;
    border-radius: 30px;
}

.about-us-page-wrapper .badge-tag .badge-text {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0c3d4a !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.about-us-page-wrapper .badge-tag .badge-text i {
    margin-right: 6px;
    color: #deb239;
}

/* Profile Card Styling */
.about-us-page-wrapper .simple-profile-card {
    transition: transform 0.4s ease;
    padding: 15px;
}

.about-us-page-wrapper .simple-profile-card:hover {
    transform: translateY(-5px);
}

.about-us-page-wrapper .profile-image-container {
    position: relative;
    padding: 0;
    z-index: 1;
}

.about-us-page-wrapper .doctor-portrait {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 15px;
    position: relative;
    z-index: 2;
    box-shadow: 0 10px 30px rgba(12, 61, 74, 0.15);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid #d2a62d;
}

/* Top-Left Border Bracket */
.about-us-page-wrapper .profile-image-container::before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 50%;
    height: 30%;
    border-top: 5px solid #deb239;
    border-left: 5px solid #deb239;
    border-top-left-radius: 20px;
    z-index: 1;
}

/* Bottom-Right Border Bracket */
.about-us-page-wrapper .profile-image-container::after {
    content: "";
    position: absolute;
    bottom: -15px;
    right: -15px;
    width: 50%;
    height: 30%;
    border-bottom: 5px solid #deb239;
    border-right: 5px solid #deb239;
    border-bottom-right-radius: 20px;
    z-index: 1;
}

.about-us-page-wrapper .portrait-glow-overlay {
    display: none;
}

/* Credentials List under Portrait */
.about-us-page-wrapper .meta-card-title {
    font-size: 20px;
    font-weight: 800;
    border-bottom: 2px solid rgba(12, 61, 74, 0.06);
    padding-bottom: 10px;
}

.about-us-page-wrapper .about-list ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.about-us-page-wrapper .about-list ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-weight: 700 !important;
    color: #0c3d4a !important;
}

.about-us-page-wrapper .about-list ul li img {
    width: 20px;
    height: 20px;
    margin-top: 3px;
    flex-shrink: 0;
}

/* Right Column Bio Content */
.about-us-page-wrapper .doctor-name {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
}

.about-us-page-wrapper .doctor-designation {
    line-height: 1.4;
    font-size: 18px;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    margin-bottom: 8px;
}
i.fa-solid.fa-graduation-cap.icon-education {
    color: var(--theme);
    font-size: 20px;
}

.about-us-page-wrapper .biography-paragraphs {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.about-us-page-wrapper .bio-para {
    margin-top: 10px;
    color: var(--black);
    line-height: 26px;
}

/* Vision Accent styling */
.about-us-page-wrapper .emphasis-vision {
    font-weight: 600 !important;
    color: #0c3d4a !important;
    background: rgba(222, 178, 57, 0.06);
    border-left: 4px solid #deb239;
    padding: 20px;
    border-radius: 4px 12px 12px 4px;
    box-shadow: 0 5px 15px rgba(222, 178, 57, 0.05);
}

/* ==========================================================================
   12. About Us Page Responsive Styles
   ========================================================================== */
@media (max-width: 1199px) {
    .about-us-page-wrapper .doctor-name {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    .about-us-page-wrapper .simple-profile-card {
        max-width: 480px;
        margin: 0 auto 30px auto;
    }

    .about-us-page-wrapper .doctor-name {
        text-align: left;
    }

    .about-us-page-wrapper .doctor-designation {
        text-align: left;
    }

    .about-us-page-wrapper .badge-tag {
        display: block;
        width: fit-content;
        margin: 0 auto 20px auto;
    }
}

@media (max-width: 767px) {
    .team-section-2.services-sec {
        padding-top: 80px;
    }
    .about-us-page-wrapper p,
    .about-us-page-wrapper .about-list ul li,
    .about-us-page-wrapper a {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .about-us-page-wrapper .doctor-name {
        font-size: 32px;
    }

    .about-us-page-wrapper .doctor-designation {
        font-size: 17px;
    }

    .about-us-page-wrapper .simple-profile-card {
        padding: 5px;
    }

    .about-us-page-wrapper .emphasis-vision {
        padding: 15px;
    }
}

/* ==========================================================================
   13. Redesigned Counter & Video Section (Premium 2-Column Grid)
   ========================================================================== */
.custom-counter-section {
    position: relative;
    background-color: var(--body);
    padding: 50px 0;
    overflow: hidden;
}

.custom-counter-section .counter-bg {
    opacity: 0.15;
    background-image:
        radial-gradient(
            circle at 10% 20%,
            rgba(222, 178, 57, 0.1) 0%,
            transparent 40%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(112, 166, 177, 0.1) 0%,
            transparent 40%
        );
}

.counter-left-content {
    padding-right: 20px;
}

@media (max-width: 991px) {
    .counter-left-content {
        padding-right: 0;
        margin-bottom: 40px;
    }
}

.custom-counter-section .counter-left-content .section-title h2 {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 20px;
}

.custom-counter-section .counter-left-content .section-subtitle {
    color: var(--text);
    font-size: 18px;
    line-height: 28px;
}

/* Premium Card Design for counters */
.custom-counter-card {
    background: var(--white);
    border: 1px solid rgba(56, 84, 105, 0.08);
    border-radius: 24px;
    padding: 13px 13px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.03);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 20px;
}

.custom-counter-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        135deg,
        rgba(222, 178, 57, 0.08) 0%,
        rgba(222, 178, 57, 0) 100%
    );
    opacity: 0;
    z-index: -1;
    transition: opacity 0.4s ease;
}

.custom-counter-card:hover {
    transform: translateY(-8px);
    box-shadow: 0px 20px 40px rgba(222, 178, 57, 0.12);
    border-color: rgba(222, 178, 57, 0.3);
}

.custom-counter-card:hover::before {
    opacity: 1;
}

.custom-counter-card .icon-box {
    width: 55px;
    height: 55px;
    background: var(--header);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

.custom-counter-card:hover .icon-box {
    background: var(--theme);
    transform: scale(1.05) rotate(5deg);
}

.custom-counter-card .icon-box img {
    width: 35px;
    height: 35px;
    transition: all 0.4s ease;
}

.custom-counter-card:hover .icon-box img {
    filter: brightness(0) invert(1);
}

.custom-counter-card .content {
    display: flex;
    flex-direction: column;
}

.custom-counter-card .content h2 {
    font-size: 32px;
    font-weight: 800;
    color: var(--header);
    margin-bottom: 2px;
    line-height: 1.2;
}

.custom-counter-card .content p {
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
    margin: 0;
    line-height: 1.4;
}

/* Glass Card styling for YouTube Video */
.custom-video-glass-card {
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 20px 50px rgba(56, 84, 105, 0.08);
    position: relative;
    width: 100%;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.custom-video-glass-card:hover {
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 30px 60px rgba(56, 84, 105, 0.12);
}

.custom-video-glass-card::after {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 34px;
    /* background: linear-gradient(
        135deg,
        rgba(222, 178, 57, 0.4),
        rgba(112, 166, 177, 0.2)
    ); */
    z-index: -1;
    opacity: 0.5;
    transition: opacity 0.4s ease;
}

.custom-video-glass-card:hover::after {
    opacity: 1;
}

.custom-video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.custom-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-color: #000;
}

/* Floating badge over video */
.custom-video-glass-card .video-floating-badge {
    position: absolute;
    top: 36px;
    left: 36px;
    z-index: 10;
    background: rgba(56, 84, 105, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: var(--white);
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
}

.custom-video-glass-card .badge-pulse {
    width: 8px;
    height: 8px;
    background-color: var(--theme);
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    box-shadow: 0 0 0 0 rgba(222, 178, 57, 0.7);
    animation: badgePulseAnim 1.6s infinite;
}

@keyframes badgePulseAnim {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(222, 178, 57, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 8px rgba(222, 178, 57, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(222, 178, 57, 0);
    }
}

/* ==========================================================================
   14. Unified Clinical Care & Excellence Section (Combined Layout)
   ========================================================================== */
.unified-clinical-care-sec {
    position: relative;
    z-index: 9;
    padding: 100px 0;
    background-color: var(--body);
    overflow: hidden;
}

.unified-clinical-care-sec .unified-glow-left {
    position: absolute;
    top: 20%;
    left: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(
        circle,
        rgba(222, 178, 57, 0.08) 0%,
        transparent 70%
    );
    z-index: -1;
    pointer-events: none;
}

.unified-clinical-care-sec .unified-glow-right {
    position: absolute;
    bottom: 20%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(
        circle,
        rgba(112, 166, 177, 0.08) 0%,
        transparent 70%
    );
    z-index: -1;
    pointer-events: none;
}

.unified-clinical-care-sec .subsection-title {
    font-size: 28px;
    font-weight: 800;
    color: var(--header);
    line-height: 38px;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
}

.unified-clinical-care-sec .subsection-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 4px;
    background-color: var(--theme);
    border-radius: 2px;
}

@media (max-width: 991px) {
    .unified-clinical-care-sec .subsection-title {
        font-size: 24px;
        line-height: 34px;
    }
}

Shared
    Portfolio
    Headers
    &
    Accents
    ---------------------------------------
    */
    .portfolio-subtitle {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--theme);
}

.portfolio-main-title {
    font-size: 38px;
    font-weight: 600;
    color: var(--header);
    line-height: 1.2;
    letter-spacing: -1.5px;
    margin-bottom: 15px;
}

.portfolio-title-accent {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.portfolio-title-accent .accent-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.portfolio-title-accent .accent-dot.teal {
    background: var(--header);
}

.portfolio-title-accent .accent-dot.gold {
    background: var(--theme);
}

.portfolio-title-accent .accent-line {
    height: 4px;
    border-radius: 2px;
    display: inline-block;
}

.portfolio-title-accent .accent-line.teal {
    width: 60px;
    background: var(--header);
}

.portfolio-title-accent .accent-line.gold {
    width: 30px;
    background: var(--theme);
}

/* ---------------------------------------
   Section 1: Work Experience Timeline Styles
--------------------------------------- */
.portfolio-section-experience {
    background-color: var(--bg);
    position: relative;
}

.clinical-roadmap-container {
    position: relative;
    padding-left: 70px;
    margin-top: 30px;
}

.roadmap-rail {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 27px;
    width: 4px;
    background: repeating-linear-gradient(
        to bottom,
        transparent,
        transparent 6px,
        rgba(56, 84, 105, 0.15) 6px,
        rgba(56, 84, 105, 0.15) 12px
    );
    border-radius: 2px;
}

.roadmap-step {
    position: relative;
    margin-bottom: 30px;
}

.roadmap-step:last-child {
    margin-bottom: 0;
}

.step-badge {
    position: absolute;
    left: -70px;
    top: 5px;
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid rgba(56, 84, 105, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--header);
    font-size: 18px;
    box-shadow: 0 5px 15px rgba(56, 84, 105, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 2;
}

.step-card {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(56, 84, 105, 0.1);
    border-radius: 20px;
    padding: 20px 20px;
    box-shadow: 0 8px 30px rgba(56, 84, 105, 0.02);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.step-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--header);
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

.step-card p {
    font-size: 18px;
    line-height: 1.6;
    color: var(--black);
    margin: 0;
}

/* Hover effects for Work Experience Timeline */
.roadmap-step:hover .step-badge {
    border-color: var(--theme);
    background: var(--theme);
    color: var(--white);
    transform: scale(1.1) rotate(15deg);
    box-shadow: 0 8px 20px rgba(222, 178, 57, 0.25);
}

.roadmap-step:hover .step-card {
    transform: translateX(10px);
    border-color: rgba(222, 178, 57, 0.2);
    box-shadow: 0 15px 40px rgba(56, 84, 105, 0.06);
    background: rgba(255, 255, 255, 0.95);
}

.roadmap-step:hover .step-card h3 {
    color: var(--theme);
}

/* Featured Card Highlights */
.step-card.highlight-card {
    border: 1px dashed rgba(222, 178, 57, 0.4);
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(222, 178, 57, 0.02) 100%
    );
}

.roadmap-step:hover .step-card.highlight-card {
    border-color: var(--theme);
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(222, 178, 57, 0.05) 100%
    );
}

/* ---------------------------------------
   Section 2: Medical Fellowships (Fellowships) Styles
--------------------------------------- */
.portfolio-section-fellowships {
    background: linear-gradient(
        180deg,
        var(--body) 0%,
        rgba(222, 178, 57, 0.02) 50%,
        var(--body) 100%
    );
    position: relative;
    overflow: hidden;
}

.portfolio-glow-left {
    position: absolute;
    width: 300px;
    height: 300px;
    left: -150px;
    top: 20%;
    background: radial-gradient(
        circle,
        rgba(56, 84, 105, 0.04) 0%,
        transparent 70%
    );
    pointer-events: none;
}

.portfolio-glow-right {
    position: absolute;
    width: 300px;
    height: 300px;
    right: -150px;
    bottom: 20%;
    background: radial-gradient(
        circle,
        rgba(222, 178, 57, 0.04) 0%,
        transparent 70%
    );
    pointer-events: none;
}

.fellowship-banner-card {
    display: flex;
    gap: 30px;
    align-items: center;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(56, 84, 105, 0.08);
    border-radius: 24px;
    padding: 25px 25px;
    box-shadow: 0 10px 35px rgba(56, 84, 105, 0.03);
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

.banner-border-accent {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: var(--header);
    border-radius: 3px 0 0 3px;
}

.banner-border-accent.gold-bar {
    background: var(--theme);
}

.banner-icon-box {
    width: 70px;
    height: 70px;
    border-radius: 18px;
    background: rgba(56, 84, 105, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--header);
    font-size: 28px;
    flex-shrink: 0;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(56, 84, 105, 0.1);
}

.banner-icon-box.gold-icon {
    background: rgba(222, 178, 57, 0.08);
    color: var(--theme);
    border-color: rgba(222, 178, 57, 0.15);
}

.fellowship-banner-card:hover {
    box-shadow: 0 20px 45px rgba(56, 84, 105, 0.06);
    transform: translateY(-4px);
    border-color: rgba(56, 84, 105, 0.15);
}

.fellowship-banner-card:hover .banner-icon-box {
    transform: scale(1.1) rotate(8deg);
    background: var(--header);
    color: var(--white);
}

.fellowship-banner-card.alternate-card:hover .banner-icon-box.gold-icon {
    transform: scale(1.1) rotate(-8deg);
    background: var(--theme);
    color: var(--white);
}

.banner-text-box {
    flex-grow: 1;
}

.banner-badge {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--header);
    background: rgba(56, 84, 105, 0.06);
    padding: 4px 12px;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 12px;
}

.banner-badge.gold-badge {
    color: var(--theme);
    background: rgba(222, 178, 57, 0.08);
}

.banner-text-box p {
    font-size: 18px;
    line-height: 1.65;
    color: var(--black);
    margin: 0;
    /* text-align: justify; */
}

/* ---------------------------------------
   Section 3: Awards & Recognition Styles
--------------------------------------- */
.portfolio-section-awards {
    background-color: var(--body);
}

.awards-grid-card {
    background: var(--bg);
    border: 1px solid rgba(56, 84, 105, 0.08);
    border-radius: 22px;
    padding: 30px 25px;
    box-shadow: 0 8px 30px rgba(56, 84, 105, 0.02);
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
}

.award-medal-badge {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: rgba(56, 84, 105, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--header);
    font-size: 20px;
    transition: all 0.4s ease;
    border: 1px solid rgba(56, 84, 105, 0.1);
    flex-shrink: 0;
}

.award-medal-badge.gold-medal {
    background: var(--white);
    color: var(--theme);
    border-color: rgba(222, 178, 57, 0.2);
}

.awards-grid-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(56, 84, 105, 0.07);
    border-color: rgba(56, 84, 105, 0.15);
}

.awards-grid-card.gold-medal-card {
    border-color: rgba(222, 178, 57, 0.25);
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(222, 178, 57, 0.02) 100%
    );
}

.awards-grid-card.gold-medal-card:hover {
    border-color: rgba(222, 178, 57, 0.25);
}

.awards-grid-card:hover .award-medal-badge {
    transform: scale(1.1) rotateY(360deg);
    color: var(--white);
}

.awards-grid-card:hover .award-medal-badge:not(.gold-medal) {
    background: var(--header);
}

.awards-grid-card:hover .award-medal-badge.gold-medal {
    background: var(--theme);
    box-shadow: 0 8px 18px rgba(222, 178, 57, 0.3);
}

.award-text-content h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--header);
    margin-bottom: 12px;
    line-height: 1.3;
}

.award-text-content p {
    font-size: 18px;
    line-height: 1.6;
    color: var(--black);
    margin: 0;
}

/* ---------------------------------------
   Responsive Adaptations
--------------------------------------- */
@media (max-width: 1399px) {
    .portfolio-main-title {
        font-size: 38px;
    }
}

@media (max-width: 1199px) {
    .fellowship-banner-card {
        padding: 30px;
    }
}

@media (max-width: 991px) {
    .portfolio-main-title {
        font-size: 32px;
    }

    .clinical-roadmap-container {
        padding-left: 55px;
    }

    .roadmap-rail {
        left: 17px;
    }

    .step-badge {
        left: -55px;
        width: 40px;
        height: 40px;
        font-size: 16px;
        border-radius: 12px;
    }

    .fellowship-banner-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .banner-border-accent {
        left: 0;
        top: 0;
        right: 0;
        height: 6px;
        width: 100%;
        bottom: auto;
    }

    .banner-icon-box {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .step-card {
        padding: 20px;
    }

    .step-card h3 {
        font-size: 18px;
    }

    .step-card p,
    .banner-text-box p,
    .award-text-content p {
        font-size: 15px;
        line-height: 1.5;
    }

    .fellowship-banner-card {
        padding: 25px 20px;
    }

    .awards-grid-card {
        padding: 25px 20px;
    }
}

/*# sourceMappingURL=main.css.map */
@media (max-width: 767px) {
    .hero-image-frame-container {
        margin-left: unset;
    }
    .about-wrapper-2 .about-content-2 .about-list ul li:not(:last-child) {
        margin-bottom: 5px;
    }
    .about-wrapper-2 .about-content-2 .about-text {
        font-size: 18px;
        color: var(--black);
    }
    .custom-counter-section {
        padding: 25px 0;
    }
    .custom-counter-section .counter-left-content .section-title h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 5px;
    }
    .pediatric-services-unified-sec {
        padding: 50px 0;
        margin-bottom: 50px;
    }
    .footer-info-wrapper .footer-content .footer-logo {
        margin-bottom: 0px;
    }
}

/*---------------------------------------
   Testimonials & Feedback CTA Styles
---------------------------------------*/
.overall-score-circle {
    width: 110px;
    height: 110px;
    border: 2px solid rgba(222, 178, 57, 0.35);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.overall-score-circle .score-num {
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    color: var(--header);
}

.overall-score-circle .score-stars {
    color: var(--clean-accent);
    font-size: 11px;
    margin-top: 3px;
}

.feedback-card .trust-label {
    font-size: 16px;
    color: #d1d1d1;
    letter-spacing: 0.5px;
}

.feedback-card .score-title {
    font-size: 24px;
    font-weight: 600;
    color: #ffe1af;
}

.feedback-card .feedback-desc-primary {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 15px;
    color: var(--white);
}

.feedback-card .feedback-title {
    font-size: 25px;
    font-weight: 600;
    margin-top: 10px;
    color: #ffe1af;
}

.feedback-card .feedback-desc-secondary {
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    color: var(--white);
}

.feedback-card .theme-btn i {
    margin-left: 8px;
}

.feedback-card .gold-btn .theme-text,
.feedback-card .gold-btn .theme-text2 {
    color: var(--white) !important;
}

.feedback-card .gold-btn:hover .theme-text,
.feedback-card .gold-btn:hover .theme-text2 {
    color: var(--clean-primary) !important;
}
i.fa-solid.fa-hospital {
    color: var(--header);
}
.theme-btn.apt {
    background: var(--white);
    color: var(--header);
}

/* Scoped Styles for Childhood Cancer Treatment Page */
/* Scoped styling for Childhood Cancer Treatment page to elevate visual excellence */
.childhood-cancer-page-wrapper {
    position: relative;
    background-color: #fffbfb;
    overflow: hidden;
    /* padding-top: 150px; */
    /* Clears sticky header */
}

/* Backdrop Blending Glows */
.childhood-cancer-page-wrapper .about-glow-left {
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(
        circle,
        rgba(56, 84, 105, 0.04) 0%,
        rgba(56, 84, 105, 0) 70%
    );
    top: 15%;
    left: -200px;
    pointer-events: none;
    z-index: 1;
}

.childhood-cancer-page-wrapper .about-glow-right {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(
        circle,
        rgba(222, 178, 57, 0.03) 0%,
        rgba(222, 178, 57, 0) 70%
    );
    bottom: 25%;
    right: -250px;
    pointer-events: none;
    z-index: 1;
}

/* Baseline Typography defaults */
.childhood-cancer-page-wrapper p,
.childhood-cancer-page-wrapper .about-list ul li,
.childhood-cancer-page-wrapper a {
    font-size: 18px;
    color: var(--black);
}

.service-details-section {
    background-color: #fffbfb;
    position: relative;
    z-index: 2;
    padding-top: 10px;
    margin-bottom: 50px;
}

/* Oncology Care Services Badge Tag */
.childhood-cancer-page-wrapper .badge-tag {
    display: inline-flex;
    background: rgba(56, 84, 105, 0.05);
    border: 1px solid rgba(56, 84, 105, 0.1);
    padding: 8px 18px;
    border-radius: 30px;
    margin-bottom: 25px;
}

.childhood-cancer-page-wrapper .badge-tag .badge-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--header);
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.childhood-cancer-page-wrapper .badge-tag .badge-text i {
    color: #deb239;
}

/* Premium Light Split-Hero Section Styles */
.hero-split-section {
    background-color: #fffbfb;
    position: relative;
    padding: 40px 0 40px 0;
    overflow: hidden;
    z-index: 2;
}

/* Backdrop subtle glowing circles */
.hero-split-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    background: radial-gradient(
        circle,
        rgba(56, 84, 105, 0.03) 0%,
        rgba(56, 84, 105, 0) 70%
    );
    top: -100px;
    left: -150px;
    pointer-events: none;
    z-index: -1;
}

.hero-breadcrumb-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-family: "Source Sans 3", sans-serif;
}

.hero-breadcrumb-link {
    font-size: 14px;
    font-weight: 600;
    color: #5c707e;
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.hero-breadcrumb-link i {
    font-size: 11px;
    color: var(--header);
}

.hero-breadcrumb-link:hover {
    color: #deb239;
}

.breadcrumb-separator {
    font-size: 10px;
    color: rgba(56, 84, 105, 0.3);
    display: inline-flex;
    align-items: center;
}

.breadcrumb-current {
    font-size: 14px;
    font-weight: 600;
    color: var(--header);
}

.hero-title-main {
    font-size: 40px;
    font-weight: 600;
    color: var(--header);
    line-height: 1.15;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hero-title-main .highlight-gold {
    color: #deb239;
}

.hero-description-text {
    font-size: 18px;
    /* line-height: 1.7; */
    color: var(--black);
    margin-bottom: 17px;
}

.hero-cta-button-wrap {
    display: flex;
    gap: 15px;
}

.childhood-cancer-page-wrapper .hero-cta-button-wrap a.hero-btn-premium {
    background: linear-gradient(135deg, var(--header) 0%, #155566 100%);
    color: #ffffff;
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 35px;
    border-radius: 30px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 8px 25px rgba(56, 84, 105, 0.15);
    text-decoration: none;
}

.childhood-cancer-page-wrapper .hero-cta-button-wrap a.hero-btn-premium:hover {
    background: #deb239;
    color: var(--header);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(222, 178, 57, 0.25);
}

.childhood-cancer-page-wrapper .hero-cta-button-wrap a.hero-btn-premium i {
    margin-left: 8px;
    font-size: 14px;
    transition: transform 0.3s ease;
}

.childhood-cancer-page-wrapper
    .hero-cta-button-wrap
    a.hero-btn-premium:hover
    i {
    transform: scale(1.1);
}

/* Right Column: 3D Offset Image Frame & Badge */
.hero-image-frame-container {
    position: relative;
    padding: 15px;
    z-index: 1;
    max-width: 90%;
    margin-left: auto;
}

.decorative-offset-frame {
    position: absolute;
    top: 35px;
    left: 35px;
    right: -10px;
    bottom: -10px;
    border: 4px solid #deb239;
    border-radius: 28px;
    z-index: -1;
    transition: all 0.4s ease;
}

.hero-main-img-box {
    border-radius: 24px;
    /* overflow: hidden; */
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08);
    background: #ffffff;
    border: 1px solid rgba(56, 84, 105, 0.05);
    aspect-ratio: 4/3;
}

.hero-main-img-box img {
    width: 100%;
    /* height: 100%; */
    /* object-fit: cover; */
    transition: transform 0.6s ease;
    border-radius: 24px;
}

.hero-image-frame-container:hover .hero-main-img-box img {
    transform: scale(1.02);
}

.hero-image-frame-container:hover .decorative-offset-frame {
    transform: translate(-5px, -5px);
}

/* Floating Trust Badge */
.floating-trust-badge-card {
    position: absolute;
    bottom: 30px;
    left: -40px;
    background: #ffffff;
    border: 1px solid rgba(56, 84, 105, 0.06);
    box-shadow: 0 10px 30px rgba(56, 84, 105, 0.1);
    border-radius: 16px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 3;
    transition: transform 0.3s ease;
}

.floating-trust-badge-card:hover {
    transform: translateY(-3px) scale(1.02);
}

.floating-trust-badge-card .badge-icon-box-mini {
    width: 40px;
    height: 40px;
    background: rgba(56, 84, 105, 0.05);
    color: #deb239;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: all 0.3s ease;
}

.floating-trust-badge-card .badge-icon-box-mini i {
    color: #deb239;
    transition: all 0.3s ease;
}

.floating-trust-badge-card:hover .badge-icon-box-mini {
    background: var(--header);
    color: #ffffff;
}

.floating-trust-badge-card:hover .badge-icon-box-mini i {
    color: #ffffff;
}

.floating-trust-badge-card .badge-text-box-mini h6 {
    font-size: 14px;
    font-weight: 600;
    color: var(--header);
    margin-bottom: 2px;
}

.floating-trust-badge-card .badge-text-box-mini span {
    font-size: 12px;
    color: #5c707e;
    font-weight: 600;
    display: block;
}

/* Premium Section Title styling */
.custom-section-subtitle {
    color: #deb239;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13px;
    display: block;
    margin-bottom: 8px;
}

.section-header-styled {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.section-header-styled::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--header);
    border-radius: 2px;
}

.section-header-styled::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 55px;
    width: 12px;
    height: 3px;
    background: #deb239;
    border-radius: 2px;
}

/* Lead Paragraph styling */
.lead-paragraph-box {
    border-left: 5px solid var(--header);
    background: linear-gradient(
        135deg,
        rgba(56, 84, 105, 0.03) 0%,
        rgba(56, 84, 105, 0.01) 100%
    );
    padding: 15px;
    border-radius: 0 16px 16px 0;
    margin-bottom: 15px;
    box-shadow: 0 8px 25px rgba(56, 84, 105, 0.02);
    position: relative;
}

.lead-paragraph-box p {
    font-size: 18px;

    color: var(--black);
    font-weight: 600;
    margin: 0;
}

/* Clinical Feature Grid */
.clinical-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
}

@media (max-width: 575px) {
    .clinical-features-grid {
        grid-template-columns: 1fr;
    }
}

.clinical-feature-card {
    background: #ffffff;
    border: 1px solid rgba(56, 84, 105, 0.05);
    border-radius: 16px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 8px 25px rgba(56, 84, 105, 0.02);
    transition: all 0.3s ease;
}

.clinical-feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(56, 84, 105, 0.06);
    border-color: rgba(56, 84, 105, 0.1);
}

.feature-icon-box {
    width: 42px;
    height: 42px;
    background: rgba(56, 84, 105, 0.06);
    color: #deb239;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.clinical-feature-card:hover .feature-icon-box {
    background: var(--header);
    color: #ffffff;
}

.feature-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--header);
}

/* Spotlight Experience Card */
.experience-spotlight-card {
    background: linear-gradient(
        135deg,
        rgba(56, 84, 105, 0.03) 0%,
        rgba(222, 178, 57, 0.03) 100%
    );
    border: 1px solid rgba(56, 84, 105, 0.06);
    border-radius: 20px;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 35px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    transition: all 0.3s ease;
}

.experience-spotlight-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(56, 84, 105, 0.06);
    border-color: rgba(56, 84, 105, 0.12);
}

@media (max-width: 767px) {
    .experience-spotlight-card {
        flex-direction: column;
        gap: 15px;
    }
}

.spotlight-badge {
    background: rgba(56, 84, 105, 0.05);
    color: #deb239;
    border: 1px solid rgba(56, 84, 105, 0.08);
    width: 55px;
    height: 55px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
    box-shadow: 0 8px 20px rgba(56, 84, 105, 0.05);
    transition: all 0.3s ease;
}

.spotlight-badge i {
    color: #deb239;
    transition: all 0.3s ease;
}

.experience-spotlight-card:hover .spotlight-badge {
    background: var(--header);
    color: #ffffff;
    border-color: var(--header);
    box-shadow: 0 8px 20px rgba(56, 84, 105, 0.15);
}

.experience-spotlight-card:hover .spotlight-badge i {
    color: #ffffff;
}

.spotlight-content h5 {
    font-size: 22px;
    font-weight: 600;
    color: var(--header);
    margin-bottom: 8px;
}

/* Holistic Care Columns */
.holistic-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 25px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .holistic-grid {
        grid-template-columns: 1fr;
    }
}

.holistic-card {
    background: #ffffff;
    border: 1px solid rgba(222, 178, 57, 0.15);
    border-radius: 16px;
    padding: 15px 15px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(222, 178, 57, 0.02);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.holistic-card:hover {
    transform: translateY(-4px);
    background: var(--header);
    border-color: var(--header);
    box-shadow: 0 15px 35px rgba(12, 61, 74, 0.2);
}

.holistic-icon {
    font-size: 24px;
    color: #deb239;
    margin-bottom: 12px;
    display: inline-block;
    transition: all 0.3s ease;
}

.holistic-card:hover .holistic-icon {
    color: #ffffff;
}

.holistic-card h6 {
    font-size: 20px;
    font-weight: 600;
    color: var(--header);
    margin-bottom: 0;
    transition: all 0.3s ease;
}

.holistic-card:hover h6 {
    color: #ffffff;
}

/* Premium Custom Cards for Causes */
.cause-card-premium {
    background: #ffffff;
    border: 1px solid rgba(56, 84, 105, 0.06);
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 12px 35px rgba(56, 84, 105, 0.03);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.cause-card-premium::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--header), #deb239);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.cause-card-premium:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(56, 84, 105, 0.08);
    border-color: rgba(56, 84, 105, 0.12);
}

.cause-card-premium:hover::before {
    opacity: 1;
}

.cause-card-number {
    font-size: 44px;
    font-weight: 600;
    color: rgb(222 178 57 / 46%);
    position: absolute;
    top: 15px;
    right: 20px;
    line-height: 1;
    transition: color 0.4s ease;
}

.cause-card-premium:hover .cause-card-number {
    color: rgba(222, 178, 57, 0.3);
}

.cause-card-premium h5 {
    font-size: 22px;
    font-weight: 600;
    color: var(--header);
    margin-bottom: 12px;
    padding-right: 30px;
}

.cause-card-premium p {
    font-size: 18px;
    color: var(--black);
    line-height: 1.6;
}

/* Timeline Outcomes List */
.timeline-outcomes {
    position: relative;
    padding-left: 35px;
    border-left: 2px dashed rgba(56, 84, 105, 0.15);
    margin-left: 15px;
    margin-top: 30px;
}

.timeline-outcome-step {
    position: relative;
    margin-bottom: 20px;
}

.timeline-outcome-step:last-child {
    margin-bottom: 0;
}

.timeline-badge-icon {
    position: absolute;
    left: -51px;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--header);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    box-shadow:
        0 0 0 6px #fffbfb,
        0 4px 10px rgba(56, 84, 105, 0.15);
    transition: all 0.3s ease;
}

.timeline-outcome-step:hover .timeline-badge-icon {
    background: #deb239;
    transform: scale(1.1);
}

.timeline-card-content {
    background: #ffffff;
    border: 1px solid rgb(56 84 105 / 14%);
    border-radius: 16px;
    padding: 15px 15px;
    box-shadow: 0 10px 30px rgba(56, 84, 105, 0.02);
    transition: all 0.3s ease;
}

.timeline-outcome-step:hover .timeline-card-content {
    box-shadow: 0 15px 35px rgba(56, 84, 105, 0.05);
    border-color: rgba(56, 84, 105, 0.1);
}

.timeline-card-content h5 {
    font-size: 22px;
    font-weight: 600;
    color: var(--header);
    margin-bottom: 10px;
}

.timeline-card-content p {
    font-size: 18px;
    color: var(--black);
    line-height: 1.6;
}

/* Custom Checkmark Lists */
.custom-check-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    display: flex;
    align-items: center;
}

.custom-check-list li::before {
    content: "\f058";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #deb239;
    transition: all 0.3s ease;
}

.custom-check-list li:hover::before {
    color: var(--header);
    transform: translateY(-50%) scale(1.1);
}

/* Clinical Section Spacing */
.childhood-cancer-page-wrapper .clinical-section-block {
    padding-bottom: 30px;
}

/* Sidebar Navigation List Styling */
.childhood-cancer-page-wrapper .sidebar-menu-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.childhood-cancer-page-wrapper .sidebar-menu-list li {
    margin-bottom: 0;
}

.childhood-cancer-page-wrapper .sidebar-menu-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 600;
    color: var(--header);
    background: #ffffff;
    border: 1px solid rgba(56, 84, 105, 0.08);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01);
}

.childhood-cancer-page-wrapper .sidebar-menu-list li a i {
    color: #deb239;
    font-size: 13px;
    transition: transform 0.3s ease;
}

.childhood-cancer-page-wrapper .sidebar-menu-list li a:hover {
    background: rgba(56, 84, 105, 0.03);
    border-color: rgba(56, 84, 105, 0.15);
    transform: translateX(5px);
    box-shadow: 0 6px 15px rgba(56, 84, 105, 0.05);
}

.childhood-cancer-page-wrapper .sidebar-menu-list li a:hover i {
    transform: translateX(3px);
}

.childhood-cancer-page-wrapper .sidebar-menu-list li a.active-service-link {
    background: linear-gradient(135deg, var(--header) 0%, #155566 100%);
    color: #ffffff;
    border-color: var(--header);
    box-shadow: 0 8px 20px rgba(56, 84, 105, 0.15);
    font-weight: 600;
}

.childhood-cancer-page-wrapper .sidebar-menu-list li a.active-service-link i {
    color: #deb239;
    transform: none;
}

/* Sidebar Consultation Card */
.childhood-cancer-page-wrapper .sidebar-consultation-card {
    background: var(--header);
    border: 1px solid rgba(222, 178, 57, 0.15);
    box-shadow: 0 15px 35px rgba(12, 61, 74, 0.2);
    border-radius: 20px;
    padding: 35px 25px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.childhood-cancer-page-wrapper .sidebar-consultation-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px rgba(12, 61, 74, 0.3);
}

.childhood-cancer-page-wrapper .sidebar-consultation-card .card-glow-1 {
    position: absolute;
    width: 150px;
    height: 150px;
    background: radial-gradient(
        circle,
        rgba(222, 178, 57, 0.15) 0%,
        rgba(222, 178, 57, 0) 70%
    );
    top: -50px;
    right: -50px;
    z-index: 0;
    pointer-events: none;
}

.childhood-cancer-page-wrapper .sidebar-consultation-card .card-glow-2 {
    position: absolute;
    width: 180px;
    height: 180px;
    background: radial-gradient(
        circle,
        rgba(30, 192, 200, 0.1) 0%,
        rgba(30, 192, 200, 0) 70%
    );
    bottom: -60px;
    left: -60px;
    z-index: 0;
    pointer-events: none;
}

.childhood-cancer-page-wrapper .sidebar-consultation-card .priority-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(222, 178, 57, 0.12);
    border: 1px solid rgba(222, 178, 57, 0.3);
    color: #deb239;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.childhood-cancer-page-wrapper .sidebar-consultation-card .phone-icon-wrap {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(222, 178, 57, 0.25);
    color: #deb239;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 18px;
    position: relative;
    z-index: 2;
    transition: all 0.4s ease;
    animation: phonePulse 2s infinite ease-in-out;
}

@keyframes phonePulse {
    0% {
        box-shadow: 0 0 0 0 rgba(222, 178, 57, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(222, 178, 57, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(222, 178, 57, 0);
    }
}

.childhood-cancer-page-wrapper
    .sidebar-consultation-card:hover
    .phone-icon-wrap {
    background: #deb239;
    color: #0c3d4a;
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(222, 178, 57, 0.4);
    border-color: #deb239;
}

.childhood-cancer-page-wrapper .sidebar-consultation-card h4 {
    font-weight: 600;
    font-size: 22px;
    color: #ffffff;
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}

.childhood-cancer-page-wrapper .sidebar-consultation-card p {
    font-size: 18px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 25px;
    position: relative;
    z-index: 2;
}

.childhood-cancer-page-wrapper .sidebar-consultation-card .phone-container {
    margin-bottom: 25px;
    position: relative;
    z-index: 2;
}

.childhood-cancer-page-wrapper .sidebar-consultation-card .phone-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 8px;
    font-weight: 600;
}

.childhood-cancer-page-wrapper .sidebar-consultation-card .phone-link-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(222, 178, 57, 0.3);
    padding: 8px 22px 8px 12px;
    border-radius: 30px;
    color: #deb239;
    font-size: 19px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Custom styled phone icon wrap inside the phone pill */
.childhood-cancer-page-wrapper
    .sidebar-consultation-card
    .phone-link-pill
    .phone-icon-wrap {
    width: 32px;
    height: 32px;
    background: rgba(222, 178, 57, 0.15);
    border: 1px solid rgba(222, 178, 57, 0.3);
    color: #deb239;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    animation: none; /* disable pulse animation inside pill */
    transition: all 0.3s ease;
    transform: none;
}

.childhood-cancer-page-wrapper
    .sidebar-consultation-card
    .phone-link-pill
    .phone-icon-wrap
    i {
    font-size: 14px;
}

.childhood-cancer-page-wrapper
    .sidebar-consultation-card
    .phone-link-pill:hover {
    background: #deb239;
    color: #0c3d4a;
    border-color: #deb239;
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 20px rgba(222, 178, 57, 0.25);
}

.childhood-cancer-page-wrapper
    .sidebar-consultation-card
    .phone-link-pill:hover
    .phone-icon-wrap {
    background: #0c3d4a;
    color: #deb239;
    border-color: #0c3d4a;
    transform: scale(1.05);
}

.childhood-cancer-page-wrapper
    .sidebar-consultation-card
    .phone-link-pill:hover
    i {
    transform: rotate(15deg) scale(1.1);
}

.childhood-cancer-page-wrapper .sidebar-consultation-card a.theme-btn.apt {
    background-color: #deb239;
    color: #0c3d4a;
    border: none;
    height: 52px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(222, 178, 57, 0.2);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    width: 100%;
    transition: all 0.3s ease;
    z-index: 2;
}

.childhood-cancer-page-wrapper
    .sidebar-consultation-card
    a.theme-btn.apt
    .theme-text,
.childhood-cancer-page-wrapper
    .sidebar-consultation-card
    a.theme-btn.apt
    .theme-text2 {
    color: #0c3d4a;
    font-size: 16px;
    font-weight: 600;
}

.childhood-cancer-page-wrapper
    .sidebar-consultation-card
    a.theme-btn.apt:hover {
    background-color: #ffffff;
    color: #0c3d4a;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(255, 255, 255, 0.15);
}

/* References Grid 3-Column Layout */
.references-grid {
    margin-top: 25px;
}

.reference-card-premium {
    background: #ffffff;
    border: 1px solid rgba(56, 84, 105, 0.06);
    border-radius: 16px;
    padding: 25px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 8px 25px rgba(56, 84, 105, 0.02);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    text-decoration: none;
    position: relative;
    overflow: hidden !;
}

.reference-card-premium::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--header), #deb239);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.reference-card-premium:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(56, 84, 105, 0.06);
    border-color: rgba(56, 84, 105, 0.12);
}

.reference-card-premium:hover::before {
    opacity: 1;
}

.reference-card-premium .ref-icon-container {
    width: 52px;
    height: 52px;
    background: rgba(222, 178, 57, 0.08);
    color: #deb239;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 18px;
    transition: all 0.3s ease;
}

.reference-card-premium .ref-icon-container i {
    color: #deb239;
    transition: all 0.3s ease;
}

.reference-card-premium:hover .ref-icon-container {
    background: var(--header);
    color: #ffffff;
}

.reference-card-premium:hover .ref-icon-container i {
    color: #ffffff;
}

.reference-card-premium h6 {
    font-size: 22px;
    font-weight: 600;
    color: var(--header);
    margin-bottom: 8px;
    line-height: 1.4;
}

.reference-card-premium p {
    font-size: 18px;
    line-height: 1.5;
    color: var(--black);
    margin: 0;
}

/* Sub-items check */
.sub-check-list {
    margin-top: 10px;
    margin-bottom: 15px;
}

.sub-check-list li {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;

    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
}

.sub-check-list li:hover {
    color: var(--header);
    transform: translateX(3px);
}

.sub-check-list li i {
    color: #deb239;
    font-size: 11px;
    transition: all 0.2s ease;
}

.sub-check-list li:hover i {
    color: var(--header);
}

/* Warning tags and highlight */
.warning-highlight {
    font-size: 18px;
    line-height: 1.6;
    padding: 20px 25px;
    border-radius: 12px;
    background: rgba(222, 178, 57, 0.05);
    border: 1px solid rgba(222, 178, 57, 0.15);
    border-left: 4px solid #deb239;
}

.warning-highlight p {
    color: var(--header);
}

/* WHO Response Block Custom Premium Overrides to fix dark contrast issues */
.who-response-card {
    background: radial-gradient(
        circle at top left,
        var(--header) 0%,
        #175466 100%
    );
    box-shadow: 0 15px 40px rgba(56, 84, 105, 0.15);
    padding: 40px;
    border-radius: 24px;
    color: #ffffff;
}

.who-response-card h3 {
    color: #ffffff;
    font-weight: 600;
    margin: 0;
}

.who-response-card h5 {
    color: #deb239;
    font-weight: 600;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.who-response-card p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.who-response-card p:last-of-type {
    margin-bottom: 0;
}

.who-response-card ul {
    margin-bottom: 20px;
}

.who-response-card ul li {
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s ease;
}

.who-response-card ul li:hover {
    color: #ffffff;
    transform: translateX(3px);
}

.who-response-card ul li i {
    color: #deb239;
    font-size: 14px;
    transition: all 0.2s ease;
}

.who-response-card ul li:hover i {
    color: #deb239;
    transform: scale(1.1);
}

/* Bottom Premium CTA Box */
.premium-cta-section {
    background: linear-gradient(135deg, var(--header) 0%, #104856 100%);
    border: 1px solid rgba(56, 84, 105, 0.1);
    box-shadow: 0 15px 45px rgba(56, 84, 105, 0.15);
    padding: 50px 40px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.premium-cta-section::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background: radial-gradient(
        circle,
        rgba(222, 178, 57, 0.05) 0%,
        rgba(222, 178, 57, 0) 70%
    );
    top: -100px;
    left: -100px;
    pointer-events: none;
    z-index: -1;
}

.premium-cta-section::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.03) 0%,
        rgba(255, 255, 255, 0) 70%
    );
    bottom: -50px;
    right: -50px;
    pointer-events: none;
    z-index: -1;
}

.premium-cta-section h3 {
    color: #ffffff;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 15px;
}

.premium-cta-section p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    line-height: 1.6;
    max-width: 650px;
    margin: 0 auto 30px auto;
    text-align: center;
}

.premium-cta-section a.theme-btn.hover-header {
    background-color: #deb239;
    border: none;
    box-shadow: 0 8px 25px rgba(222, 178, 57, 0.2);
    border-radius: 30px;
    height: 55px;
    padding: 0 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    text-decoration: none;
}

.premium-cta-section a.theme-btn.hover-header:hover {
    background-color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.25);
}

.premium-cta-section a.theme-btn.hover-header span.theme-text,
.premium-cta-section a.theme-btn.hover-header span.theme-text2 {
    color: var(--header);
    font-weight: 600;
    font-family: "Source Sans 3", sans-serif;
    font-size: 16.5px;
}

.childhood-cancer-page-wrapper a.theme-btn {
    color: #ffffff;
}

.childhood-cancer-page-wrapper a.theme-btn span.theme-text,
.childhood-cancer-page-wrapper a.theme-btn span.theme-text2 {
    color: #ffffff;
}

/* Scoped custom classes for childhood cancer treatment layout */
.childhood-cancer-page-wrapper .biography-paragraphs {
    margin-bottom: 10px;
}
.childhood-cancer-page-wrapper .clinical-features-grid {
    margin-bottom: 25px;
}
.childhood-cancer-page-wrapper .experience-spotlight-card {
    margin-bottom: 13px;
}
.childhood-cancer-page-wrapper .spotlight-content p {
    margin-bottom: 0;
}
.childhood-cancer-page-wrapper .holistic-grid {
    margin-bottom: 25px;
}
.childhood-cancer-page-wrapper .warning-highlight {
    margin-bottom: 0;
}
.childhood-cancer-page-wrapper .warning-highlight p {
    margin-bottom: 0;
}
.childhood-cancer-page-wrapper .section-header-styled h3 {
    margin-bottom: 0;
    font-size: 30px;
}
.childhood-cancer-page-wrapper .content-card-block {
    padding: 20px;
    border-radius: 16px;
    background: rgba(12, 61, 74, 0.02);
    border: 1px solid rgba(12, 61, 74, 0.05);
    box-shadow: 0 10px 30px rgba(12, 61, 74, 0.01);
}
.childhood-cancer-page-wrapper .who-response-card .section-header-styled {
    padding-bottom: 0;
    margin-bottom: 20px;
}
.childhood-cancer-page-wrapper .who-response-card .section-header-styled::after,
.childhood-cancer-page-wrapper
    .who-response-card
    .section-header-styled::before {
    display: none;
}
.childhood-cancer-page-wrapper .cause-card-premium p {
    margin-bottom: 0;
}
.childhood-cancer-page-wrapper .timeline-card-content p {
    margin-bottom: 0;
}
.childhood-cancer-page-wrapper .who-response-card h3 {
    margin-bottom: 0;
}

/* Sidebar Custom Menu Card (removes inline style/classes) */
.childhood-cancer-page-wrapper .services-sidebar-menu-card {
    padding: 30px;
    border-radius: 16px;
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid rgba(12, 61, 74, 0.06);
    box-shadow: 0 15px 40px rgba(12, 61, 74, 0.04);
}
.childhood-cancer-page-wrapper .services-sidebar-menu-card h4 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(12, 61, 74, 0.06);
    font-weight: 600;
}

/* Divider Row */
.childhood-cancer-page-wrapper .section-divider-row {
    /* margin-top: 30px; */
}

/* Clinical List Sub-title */
.childhood-cancer-page-wrapper .clinical-list-title {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 20px;
}

/* Cause Cards Grid Row */
.childhood-cancer-page-wrapper .cause-cards-row {
    margin-bottom: 25px;
}

/* Timeline intro */
.childhood-cancer-page-wrapper .timeline-card-content .timeline-list-intro {
    margin-bottom: 10px;
}

/* References Header */
.childhood-cancer-page-wrapper .references-header {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 30px;
}

/* General Spacing Helper Classes scoped under page wrapper */
.childhood-cancer-page-wrapper .p-mb-15 {
    margin-bottom: 10px;
}
.childhood-cancer-page-wrapper .p-mb-20 {
    margin-bottom: 0px;
}
.childhood-cancer-page-wrapper .p-mb-25 {
    margin-bottom: 10px;
}
.childhood-cancer-page-wrapper .p-mb-30 {
    margin-bottom: 30px;
}
.childhood-cancer-page-wrapper .p-mb-0 {
    margin-bottom: 0;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .compact-hero-banner {
        padding: 35px 30px;
    }
    .banner-title {
        font-size: 32px;
    }
    .banner-img-frame {
        min-height: 200px;
        margin-top: 20px;
    }
    .premium-cta-section {
        padding: 40px 25px;
    }
    .premium-cta-section h3 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .hero-image-frame-container {
        margin-left: unset;
    }
}

/* ============================================================
   Hospital Strip � Where to Find Me (scoped classes)
   ============================================================ */

/* --- Outer wrapper --- */
.hosp-strip {
    margin-top: 32px;
    border-radius: 28px;
    overflow: hidden;
    background: var(--header);
    position: relative;
    box-shadow: 0 24px 60px rgba(12, 61, 74, 0.22);
}

/* --- Decorative dot-grid overlay --- */
.hosp-strip__dot-grid {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(
        rgba(255, 255, 255, 0.05) 1px,
        transparent 1px
    );
    background-size: 24px 24px;
    pointer-events: none;
    z-index: 0;
}

/* --- Glow orbs --- */
.hosp-strip__glow-top {
    position: absolute;
    top: -80px;
    right: 15%;
    width: 280px;
    height: 280px;
    background: radial-gradient(
        circle,
        rgba(222, 178, 57, 0.14) 0%,
        transparent 65%
    );
    pointer-events: none;
    z-index: 0;
}
.hosp-strip__glow-bottom {
    position: absolute;
    bottom: -60px;
    left: 5%;
    width: 240px;
    height: 240px;
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.04) 0%,
        transparent 65%
    );
    pointer-events: none;
    z-index: 0;
}

/* --- Large watermark icon --- */
.hosp-strip__watermark {
    position: absolute;
    bottom: -20px;
    right: 32px;
    font-size: 140px;
    color: rgba(255, 255, 255, 0.03);
    pointer-events: none;
    z-index: 0;
    line-height: 1;
}

/* --- Inner bootstrap row z-context --- */
.hosp-strip__row {
    position: relative;
    z-index: 1;
}

/* ---- LEFT PANEL ---- */
.hosp-strip__left {
    padding: 40px 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
}

/* Active consultant badge */
.hosp-strip__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(222, 178, 57, 0.15);
    border: 1px solid rgba(222, 178, 57, 0.3);
    border-radius: 30px;
    padding: 5px 14px;
    margin-bottom: 18px;
    width: fit-content;
}
.hosp-strip__badge-dot {
    width: 7px;
    height: 7px;
    background: #deb239;
    border-radius: 50%;
    display: inline-block;
    animation: pulse-ring 1.8s ease-in-out infinite;
    flex-shrink: 0;
}
.hosp-strip__badge-text {
    font-size: 10.5px;
    font-weight: 800;
    color: #deb239;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Heading */
.hosp-strip__heading {
    font-size: 36px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 10px 0;
}
.hosp-strip__heading-accent {
    color: #deb239;
}

/* Description */
.hosp-strip__desc {
    font-size: 19px;
    color: var(--white);
    margin: 0 0 15px 0px;
    line-height: 1.6;
}

/* Stats row */
.hosp-strip__stats {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    align-items: center;
}
.hosp-strip__stat-num {
    font-size: 26px;
    font-weight: 800;
    color: #deb239;
    line-height: 1;
}
.hosp-strip__stat-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 3px;
}
.hosp-strip__stat-divider {
    width: 1px;
    align-self: stretch;
    background: rgba(255, 255, 255, 0.1);
}

/* Sion note */
.hosp-strip__sion {
    /* margin-top: 28px; */
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.hosp-strip__sion-icon {
    color: #deb239;
    font-size: 14px;
    flex-shrink: 0;
}
.hosp-strip__sion-text {
    font-size: 17px;
    color: rgb(255 255 255 / 83%);
    font-weight: 500;
    line-height: 1.4;
}

/* ---- RIGHT PANEL ---- */
.hosp-strip__right {
    padding: 32px 36px;
}
.hosp-strip__cards-wrap {
    position: relative;
}

/* Vertical route connector line */
.hosp-strip__route-line {
    position: absolute;
    left: 23px;
    top: 56px;
    bottom: 56px;
    width: 2px;
    background: linear-gradient(
        180deg,
        #deb239 0%,
        rgba(222, 178, 57, 0.15) 100%
    );
    z-index: 0;
}

/* ---- HOSPITAL CARD (row style) ---- */
.hosp-card {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 22px;
    background: linear-gradient(
        135deg,
        rgb(222 178 57 / 42%) 0%,
        rgb(222 178 57 / 29%) 100%
    );
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    margin-bottom: 14px;
    transition: all 0.3s ease;
    cursor: default;
}
.hosp-card:last-child {
    margin-bottom: 0;
}
.hosp-card:hover {
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(222, 178, 57, 0.35);
    transform: translateX(4px);
}

/* Featured (Apollo) card */
.hosp-card--featured {
    background: linear-gradient(
        135deg,
        rgb(222 178 57 / 42%) 0%,
        rgb(222 178 57 / 29%) 100%
    );
    border-color: rgba(222, 178, 57, 0.4);
    overflow: hidden;
}
.hosp-card--featured:hover {
    background: linear-gradient(
        135deg,
        rgba(222, 178, 57, 0.24) 0%,
        rgba(222, 178, 57, 0.1) 100%
    );
    border-color: rgba(222, 178, 57, 0.4);
}

/* Shimmer sweep on featured card */
.hosp-card__shimmer {
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.05),
        transparent
    );
    transform: skewX(-20deg);
    animation: shimmer-sweep 3s ease-in-out 1s infinite;
    pointer-events: none;
}
@keyframes shimmer-sweep {
    0% {
        left: -100%;
    }
    60%,
    100% {
        left: 160%;
    }
}

/* Route dot (circular icon) */
.hosp-card__dot {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(222, 178, 57, 0.15);
    border: 2px solid rgba(222, 178, 57, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 0 4px rgba(222, 178, 57, 0.07);
}
.hosp-card__dot--gold {
    background: linear-gradient(135deg, #deb239, #f0c94a);
    border: none;
    box-shadow:
        0 4px 16px rgba(222, 178, 57, 0.4),
        0 0 0 4px rgba(222, 178, 57, 0.12);
}
.hosp-card__dot-icon {
    color: #deb239;
    font-size: 17px;
}
.hosp-card__dot--gold .hosp-card__dot-icon {
    color: #ffffff;
}

/* Card details area */
.hosp-card__details {
    flex: 1;
    min-width: 0;
}
.hosp-card__name-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 2px;
}
.hosp-card__name {
    font-size: 21px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}
.hosp-card__tag {
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 2px 9px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.hosp-card__tag--featured {
    color: #deb239;
    background: rgba(222, 178, 57, 0.15);
    border: 1px solid rgba(222, 178, 57, 0.3);
}
.hosp-card__location {
    display: flex;
    align-items: center;
    gap: 5px;
}
.hosp-card__loc-icon {
    color: #deb239;
    font-size: 11px;
}
.hosp-card__loc-text {
    font-size: 17px;
    color: rgb(255 255 255);
    font-weight: 500;
}

/* Directions button */
.hosp-card__dir-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--white);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 8px 14px;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    transition: all 0.2s ease;
}
.hosp-card__dir-btn:hover {
    background: rgba(222, 178, 57, 0.18);
    border-color: rgba(222, 178, 57, 0.45);
}
.hosp-card__dir-btn--gold {
    /* background: rgba(222, 178, 57, 0.22);
    border-color: rgba(222, 178, 57, 0.5); */
}
.hosp-card__dir-btn--gold:hover {
    background: rgba(222, 178, 57, 0.38);
    border-color: rgba(222, 178, 57, 0.5);
}
.hosp-card__dir-icon {
    color: #deb239;
    font-size: 12px;
}
.hosp-card__dir-text {
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
    letter-spacing: 0.3px;
}
.hosp-card__dir-btn--gold .hosp-card__dir-text {
    /* color: rgba(255, 255, 255, 0.9); */
}

/* --- Responsive --- */
@media (max-width: 991px) {
    .hosp-strip__left {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        padding: 32px 28px;
    }
    .hosp-strip__right {
        padding: 28px 28px;
    }
    .hosp-strip__heading {
        font-size: 22px;
    }
    .breadcrumb-wrapper .page-heading {
        padding: 80px 0 40px;
    }
}
@media (max-width: 575px) {
    .hero-3 .hero-bg::before {
        background: linear-gradient(
            90deg,
            rgba(10, 77, 109, 0.8) 0%,
            rgba(10, 77, 109, 0.7) 50.48%,
            rgb(10 77 109 / 43%) 66.83%,
            #0a4d6d00 100%
        );
    }
    .custom-counter-card .content h2 {
        font-size: 25px;
    }
    .custom-counter-card .icon-box {
        width: 45px;
        height: 45px;
    }
    /* Panel padding */
    .hosp-strip__left,
    .hosp-strip__right {
        padding: 22px 18px;
    }

    /* Keep card as a single horizontal row — never wrap */
    .hosp-card {
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 10px;
        padding: 14px 14px;
    }

    /* Shrink the circular icon */
    .hosp-card__dot {
        width: 38px;
        height: 38px;
        flex-shrink: 0;
    }
    .hosp-card__dot-icon {
        font-size: 14px;
    }

    /* Let the details section fill remaining space, truncate if needed */
    .hosp-card__details {
        flex: 1;
        min-width: 0;
    }
    .hosp-card__name-row {
        margin-bottom: 2px;
        flex-wrap: wrap;
    }
    .hosp-card__name {
        font-size: 14px;
        white-space: normal;
        overflow: visible;
        line-height: 1.3;
    }
    .hosp-card__loc-text {
        font-size: 12px;
        white-space: normal;
        overflow: visible;
        line-height: 1.3;
    }
    .hosp-card__loc-icon {
        flex-shrink: 0;
    }

    /* Compact Directions button — pins to top-right */
    .hosp-card__dir-btn {
        padding: 7px 10px;
        gap: 4px;
        flex-shrink: 0;
        border-radius: 8px;
        align-self: flex-start;
        margin-top: 2px;
    }
    .hosp-card__dir-icon {
        font-size: 11px;
    }
    .hosp-card__dir-text {
        font-size: 11px;
        letter-spacing: 0;
    }

    /* Watermark */
    .hosp-strip__watermark {
        font-size: 80px;
    }

    /* Left panel heading */
    .hosp-strip__heading {
        font-size: 20px;
    }
    .hosp-strip__desc {
        font-size: 13px;
        margin-bottom: 16px;
    }
    .hosp-strip__sion-text {
        font-size: 12px;
    }
}

/* ------------------------------------------
   Blog Single Page (bsp-) � global styles
   ------------------------------------------ */
.bsp-page {
    padding: 60px 0 80px;
}

/* Featured Image */
.bsp-featured-img {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 28px;
    box-shadow: 0 8px 32px rgba(12, 61, 74, 0.12);
}
.bsp-featured-img img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
}

/* Article Header */
.bsp-article-header {
    margin-bottom: 24px;
}
.bsp-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}
.bsp-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--header);
    background: rgba(12, 61, 74, 0.07);
    border-radius: 20px;
    padding: 4px 13px;
}
.bsp-meta span i {
    color: #deb239;
    font-size: 11px;
}
.bsp-title {
    font-size: 32px;
    font-weight: 800;
    color: var(--header);
    line-height: 1.25;
    margin: 0;
    letter-spacing: -0.3px;
}

/* Article body */
.bsp-article {
    font-size: 18px;
    line-height: 1.85;
    color: #3d3d3d;
}
.bsp-article p {
    font-size: 18px;
    margin-bottom: 18px;
}

/* Section Headings */
.bsp-section-heading {
    font-size: 22px;
    font-weight: 700;
    color: var(--header);
    margin: 36px 0 14px;
    padding-left: 14px;
    border-left: 4px solid #deb239;
    line-height: 1.3;
}
.bsp-sub-heading {
    font-size: 18px;
    font-weight: 700;
    color: var(--header);
    margin: 24px 0 10px;
}

/* Blockquote */
.bsp-blockquote {
    margin: 24px 0;
    padding: 20px 24px;
    background: rgba(12, 61, 74, 0.04);
    border-left: 4px solid #deb239;
    border-radius: 0 10px 10px 0;
}
.bsp-blockquote p {
    font-size: 18px;
    font-style: italic;
    color: #2a4a55;
    margin-bottom: 8px;
    line-height: 1.7;
}
.bsp-blockquote footer {
    font-size: 13px;
    font-weight: 700;
    color: #deb239;
    letter-spacing: 0.3px;
}

/* Highlight box */
.bsp-highlight-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(222, 178, 57, 0.1);
    border: 1px solid rgba(222, 178, 57, 0.3);
    border-radius: 10px;
    padding: 16px 18px;
    font-size: 18px;
    color: #3d3d3d;
    line-height: 1.6;
    margin: 20px 0;
}
.bsp-highlight-box i {
    color: #deb239;
    font-size: 18px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* List */
.bsp-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}
.bsp-list li {
    padding: 8px 0 8px 24px;
    position: relative;
    font-size: 18px;
    color: #3d3d3d;
    border-bottom: 1px solid rgba(12, 61, 74, 0.06);
    line-height: 1.6;
}
.bsp-list li:last-child {
    border-bottom: none;
}
.bsp-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 17px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #deb239;
}

/* Tags */
.bsp-tags {
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px solid rgba(12, 61, 74, 0.1);
}
.bsp-tags-label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--header);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}
.bsp-tags-label i {
    color: #deb239;
    margin-right: 5px;
}
.bsp-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.bsp-tags-list a {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    color: var(--header);
    background: rgba(12, 61, 74, 0.07);
    border: 1px solid rgba(12, 61, 74, 0.1);
    border-radius: 20px;
    padding: 4px 12px;
    text-decoration: none;
    transition: all 0.2s ease;
}
.bsp-tags-list a:hover {
    background: var(--header);
    color: #fff;
    border-color: var(--header);
}

/* -- Sidebar -- */
.bsp-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.bsp-sidebar-card {
    background: #fff;
    border: 1px solid rgba(12, 61, 74, 0.1);
    border-radius: 14px;
    padding: 24px 22px;
    box-shadow: 0 4px 18px rgba(12, 61, 74, 0.06);
}
.bsp-sidebar-heading {
    font-size: 14px;
    font-weight: 800;
    color: var(--header);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(222, 178, 57, 0.3);
}
.bsp-sidebar-heading i {
    color: #deb239;
    margin-right: 6px;
}

/* Author card */
.bsp-author-card {
    text-align: center;
}
.bsp-author-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: var(--header);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
}
.bsp-author-avatar i {
    font-size: 30px;
    color: #fff;
}
.bsp-author-card h5 {
    font-size: 17px;
    font-weight: 700;
    color: var(--header);
    margin: 0 0 4px;
}
.bsp-author-role {
    display: block;
    font-size: 12px;
    color: #deb239;
    font-weight: 600;
    margin-bottom: 12px;
}
.bsp-author-card p {
    font-size: 18px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 16px;
}
.bsp-btn-outline {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    color: var(--header);
    border: 2px solid var(--header);
    border-radius: 8px;
    padding: 8px 20px;
    text-decoration: none;
    transition: all 0.2s ease;
}
.bsp-btn-outline:hover {
    background: var(--header);
    color: #fff;
}

/* Stats card */
.bsp-stats-card {
    background: var(--header);
    border: none;
}
.bsp-stats-card .bsp-sidebar-heading {
    color: #deb239;
    border-bottom-color: rgba(222, 178, 57, 0.2);
}
.bsp-stat-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    gap: 10px;
}
.bsp-stat-num {
    font-size: 22px;
    font-weight: 800;
    color: #deb239;
    white-space: nowrap;
    flex-shrink: 0;
}
.bsp-stat-label {
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.4;
    text-align: right;
}
.bsp-stat-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
}

/* Service links */
.bsp-service-links {
    margin: 0;
}
.bsp-service-links li {
    margin-bottom: 6px;
}
.bsp-service-links a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #3d3d3d;
    text-decoration: none;
    padding: 8px 10px;
    border-radius: 8px;
    transition: all 0.2s ease;
}
.bsp-service-links a i {
    color: #deb239;
    font-size: 11px;
    flex-shrink: 0;
}
.bsp-service-links a:hover {
    background: rgba(12, 61, 74, 0.06);
    color: var(--header);
}

/* -- Responsive -- */
@media (max-width: 575px) {
    .bsp-featured-img img {
        height: 220px;
    }
    .bsp-title {
        font-size: 23px;
    }
    .bsp-section-heading {
        font-size: 18px;
    }
    .bsp-article {
        font-size: 18px;
    }
    .bsp-article p {
        font-size: 18px;
    }
    .bsp-list li {
        font-size: 18px;
    }
    .bsp-highlight-box {
        font-size: 18px;
    }
    .bsp-page {
        padding: 36px 0 56px;
    }
}

/* ==========================================================================
   BSP Extra � CTA Box, Factor Cards, FAQ (best-pediatric-oncologist page)
   ========================================================================== */

/* -- CTA Box -- */
.bsp-cta-box {
    background: linear-gradient(135deg, var(--header) 0%, #0a5060 100%);
    border-radius: 16px;
    padding: 32px 36px;
    margin: 32px 0;
    display: flex;
    align-items: center;
    gap: 24px;
    box-shadow: 0 12px 40px rgba(12, 61, 74, 0.18);
}
.bsp-cta-content {
    flex: 1;
}
.bsp-cta-heading {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 8px;
    line-height: 1.3;
}
.bsp-cta-text {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.82);
    margin: 0 0 20px;
    line-height: 1.6;
}
.bsp-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #deb239;
    color: var(--header);
    font-size: 15px;
    font-weight: 700;
    padding: 12px 26px;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(222, 178, 57, 0.35);
}
.bsp-cta-btn:hover {
    background: #f5ca50;
    color: var(--header);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(222, 178, 57, 0.45);
}
@media (max-width: 575px) {
    .bsp-cta-box {
        flex-direction: column;
        padding: 24px 20px;
    }
    .bsp-cta-heading {
        font-size: 17px;
    }
}

/* -- Factor Cards -- */
.bsp-factors-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 24px 0 32px;
}
.bsp-factor-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: #fff;
    border: 1px solid rgba(12, 61, 74, 0.08);
    border-radius: 12px;
    padding: 18px 22px;
    box-shadow: 0 2px 12px rgba(12, 61, 74, 0.05);
    transition:
        box-shadow 0.2s ease,
        transform 0.2s ease;
}
.bsp-factor-item:hover {
    box-shadow: 0 6px 24px rgba(12, 61, 74, 0.1);
    transform: translateY(-2px);
}
.bsp-factor-num {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: var(--header);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    margin-top: 2px;
}
.bsp-factor-body {
    flex: 1;
}
.bsp-factor-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--header);
    margin: 0 0 6px;
}
.bsp-factor-body p {
    font-size: 15.5px;
    color: #3d3d3d;
    margin: 0;
    line-height: 1.6;
}

/* -- Warning List -- */
.bsp-list--warning li::before {
    background: #e05252;
}

/* -- FAQ List -- */
.bsp-faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 24px 0 32px;
}
.bsp-faq-item {
    border: 1px solid rgba(12, 61, 74, 0.1);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(12, 61, 74, 0.04);
}
.bsp-faq-q {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 700;
    color: var(--header);
    background: rgba(12, 61, 74, 0.03);
    border-bottom: 1px solid rgba(12, 61, 74, 0.08);
}
.bsp-faq-q i {
    color: #deb239;
    font-size: 17px;
    flex-shrink: 0;
}
.bsp-faq-a {
    padding: 14px 20px;
    font-size: 15.5px;
    color: #3d3d3d;
    line-height: 1.65;
}
/* --- BSP FAQ Accordion Overrides --- */
.bsp-page .faq-content-1 .accordion-box .block {
    padding: 15px 20px;
    margin-bottom: 12px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}
.bsp-page .faq-content-1 .accordion-box .block .acc-btn {
    font-size: 17px;
    padding-right: 35px; /* Prevent text overlap with icon */
    line-height: 1.4;
}
.bsp-page .faq-content-1 .accordion-box .block .acc-btn .icon {
    font-size: 16px;
    height: 24px;
    line-height: 24px;
}
.bsp-page .faq-content-1 .accordion-box .block .acc-content {
    margin-top: 12px;
}
.bsp-page .faq-content-1 .accordion-box .block .acc-content .content .text {
    font-size: 15px;
    line-height: 1.6;
}
.gallery-item:hover img {
    transform: scale(1.05);
}
/* Mobile responsiveness */
@media (max-width: 767px) {
    .bsp-page .faq-content-1 .accordion-box .block {
        padding: 15px;
    }
    .bsp-page .faq-content-1 .accordion-box .block .acc-btn {
        font-size: 16px;
        padding-right: 30px;
    }
    .bsp-page .faq-content-1 .accordion-box .block .acc-content .content .text {
        font-size: 14.5px;
    }
}

/* ================================
   Floating Action Buttons
================================ */
.floating-buttons {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

.float-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
    position: relative;
}

.float-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
    color: #fff;
}

.whatsapp-btn {
    background-color: #25d366;
}

.whatsapp-btn:hover {
    background-color: #20b858;
}
.mouseCursor {
    display: none !important;
}

.call-btn {
    background-color: var(--theme); /* Brand color */
}

.call-btn:hover {
    background-color: #c99c2b;
}

/* Tooltip on hover */
.float-btn::before {
    content: attr(aria-label);
    position: absolute;
    right: 75px;
    background: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    font-family: inherit;
}

.float-btn:hover::before {
    opacity: 1;
    visibility: visible;
}

/* Shared Styles for Sticky Buttons */
.sticky-contact-wrapper {
    position: fixed;
    bottom: 90px;
    right: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    z-index: 9999;
}

.sticky-whatsapp,
.sticky-call {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
    width: 50px;
    /* Initial circle width */
    height: 50px;
    color: #fff !important;
    border-radius: 50px;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    white-space: nowrap;
    overflow: hidden;
}

.sticky-whatsapp i,
.sticky-call i {
    min-width: 50px;
    /* Keeps icon centered when circle */
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.sticky-whatsapp span,
.sticky-call span {
    opacity: 0;
    transition: opacity 0.3s ease;
    padding-right: 20px;
}

/* WhatsApp Specific */
.sticky-whatsapp {
    background-color: #25d366;
}

.sticky-whatsapp i {
    font-size: 26px;
}

/* Call Specific */
.sticky-call {
    background-color: var(--theme);
}

.sticky-call i {
    font-size: 20px;
}

/* Hover States - Expansion */
.sticky-whatsapp:hover,
.sticky-call:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.sticky-whatsapp:hover {
    width: 200px;
    /* Width to show "WhatsApp Now" */
}

.sticky-call:hover {
    width: 170px;
    /* Width to show "Call Now" */
}

.sticky-whatsapp:hover span,
.sticky-call:hover span {
    opacity: 1;
    transition-delay: 0.2s;
}

.sticky-call:hover i {
    transform: rotate(10deg);
    min-width: 45px;
}

.sticky-whatsapp:hover i {
    min-width: 45px;
}
/* Responsive adjustments */

@media (max-width: 767px) {
    .contact-wrapper-2 .contact-left-items .contact-info-area-2 {
        padding: 20px;
    }
    .contact-wrapper-2
        .contact-left-items
        .contact-info-area-2
        .contact-info-items {
        gap: 5px;
    }
    .contact-wrapper-2
        .contact-left-items
        .contact-info-area-2
        .contact-info-items
        .icon {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .floating-buttons {
        bottom: 15px;
        right: 15px;
        gap: 10px;
    }
    .float-btn {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
    .float-btn::before {
        display: none; /* Hide tooltips on mobile */
    }

    .sticky-contact-wrapper {
        bottom: 90px;
        right: 20px;
        left: auto;
        gap: 10px;
        top: auto;
        transform: none;
    }
    .sticky-whatsapp,
    .sticky-call {
        width: 45px;
        height: 45px;
    }
    .sticky-whatsapp i,
    .sticky-call i {
        min-width: 45px;
        height: 45px;
        font-size: 22px;
    }
    .sticky-call i {
        font-size: 18px;
    }
    .sticky-whatsapp:hover {
        width: 45px; /* Prevent expansion on small mobile screens since no hover */
    }
    .sticky-call:hover {
        width: 45px;
    }
    .hero-title-main {
        font-size: 25px;
        margin-top: 20px;
    }
}

/* Mega Menu Custom Styles */
.header-main .main-menu ul li.has-mega-menu {
    position: static;
}
.header-main .main-menu ul li .submenu.mega-menu-content {
    min-width: 100%;
    width: 100%;
    left: 0;
    right: 0;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    gap: 0;
    box-sizing: border-box;
}
.header-main .main-menu ul li .submenu.mega-menu-content > li {
    flex: 1;
    min-width: 250px;
    display: block;
    margin: 0;
    border-right: 1px solid #e5e5e5;
    padding-right: 25px;
    margin-right: 25px;
}
.header-main .main-menu ul li .submenu.mega-menu-content > li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}
.header-main
    .main-menu
    ul
    li
    .submenu.mega-menu-content
    > li
    > a.mega-menu-title {
    font-size: 22px;
    font-weight: 700;
    color: #d6a51e;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-left: 0;
    border-bottom: 1px solid #eee;
    display: block;
    width: 100%;
}
.header-main
    .main-menu
    ul
    li
    .submenu.mega-menu-content
    > li
    > a.mega-menu-title:hover {
    padding-left: 0;
}
.header-main
    .main-menu
    ul
    li
    .submenu.mega-menu-content
    > li
    > a.mega-menu-title::after {
    display: none !important;
}
.header-main .main-menu ul li .submenu.mega-menu-content .mega-menu-list {
    position: static;
    visibility: visible;
    opacity: 1;
    transform: none;
    box-shadow: none;
    border: none;
    padding: 0;
    min-width: 0;
    width: 100%;
    display: block;
}
.header-main .main-menu ul li .submenu.mega-menu-content .mega-menu-list li a {
    padding: 4px 0;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    display: block;
    white-space: normal;
    border: none;
    transition: all 0.3s;
}
.header-main
    .main-menu
    ul
    li
    .submenu.mega-menu-content
    .mega-menu-list
    li
    a::before {
    display: none;
}
.header-main
    .main-menu
    ul
    li
    .submenu.mega-menu-content
    .mega-menu-list
    li
    a:hover {
    color: #d6a51e !important;
    padding-left: 8px;
}

/* Gallery specific styles moved from inline */
.gallery-section .gallery-item {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.gallery-section .gallery-item img {
    object-fit: cover;
    object-position: top;
    aspect-ratio: 4/3;
    transition: transform 0.3s ease;
}
.gallery-section .gallery-title {
    font-weight: 600;
    line-height: 1.4;
    font-size: 18px;
}
.gallery-item:hover img {
    transform: scale(1.05);
}

.array-prev i,
.array-next i {
    font-size: 20px;
    color: #ffffff;
    line-height: 1;
}