/*
Theme Name: Kidsa
Author: Gramentheme
Author URI: https://themeforest.net/user/gramentheme
Description: Kidsa - Kindergarten School HTML Template<
Version: 1.0.0
*/
/*CSS Table Of Content Ends Here*/
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pangolin&display=swap");
:root {
    --body: #fff;
    --black: #000;
    --white: #fff;
    --theme: #28386a;
    --theme2: #28386a;
    --theme3: #106696;
    --header: #28386a;
    --header2: #142D40;
    --text: #000000;
    --text-2: #000000;
    --border: #E5E5E5;
    --border2: #242449;
    --border3: #5262FF;
    --bg: #F4EEE5;
    --bg2: #EFF5F6;
    --bg3: #70A6B1;
    --box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
}

.theme-btn {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none !important;
    background: linear-gradient(135deg, #28386a, #106696);
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    padding: 22px 40px;
    transition: all 0.4s ease-in-out;
    letter-spacing: 0;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height: 1;
    z-index: 9;
    text-transform: capitalize;
}
.theme-btn i {
    margin-left: 10px;
}
.theme-btn::before, .theme-btn::after {
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #229177;
    border-radius: 50%;
    z-index: -1;
}


.theme-btn.bg-white::before, .theme-btn.bg-white::after{
    background-color: #229177 !important;
}


.theme-btn.style-two{
    background-color: #229177 !important;
}

.theme-btn.style-two::before, .theme-btn.style-two::after{
    background-color: #ffffff !important;
}

.theme-btn.style-two:hover{
    color: var(--theme) !important;
}

.theme-btn::before {
    left: -20px;
    transform: translate(-50%, -50%);
}
.theme-btn::after {
    right: -20px;
    transform: translate(50%, -50%);
}
.theme-btn:hover {
    color: var(--white);
}
.theme-btn:hover::before {
    animation: criss-cross-left 0.8s both;
    animation-direction: alternate;
}
.theme-btn:hover::after {
    animation: criss-cross-right 0.8s both;
    animation-direction: alternate;
}
.theme-btn.bg-white {
    background: var(--white);
    color: var(--header);
}
.theme-btn.bg-white:hover {
    color: var(--white);
}
.theme-btn.transparent {
    background-color: transparent;
    border: 1px solid var(--theme2);
    color: var(--theme2);
    padding: 20px 40px;
}
.theme-btn.transparent:hover {
    color: var(--white);
}
@media (max-width: 767px) {
    .theme-btn.transparent {
        padding: 18px 32px;
    }
}
@media (max-width: 575px) {
    .theme-btn.transparent {
        padding: 16px 30px;
        font-size: 14px;
    }
}
.theme-btn.transparent-2 {
    background-color: transparent;
    border: 1px solid var(--theme);
    color: var(--theme);
    padding: 20px 40px;
}
.theme-btn.transparent-2:hover {
    color: var(--white);
    border: 1px solid transparent;
}
@media (max-width: 767px) {
    .theme-btn.transparent-2 {
        padding: 18px 32px;
    }
}
@media (max-width: 575px) {
    .theme-btn.transparent-2 {
        padding: 16px 30px;
        font-size: 14px;
    }
}
.theme-btn.hover-header {
    background-color: var(--header);
}
.theme-btn.hover-header::before, .theme-btn.hover-header::after {
    background-color: var(--theme);
}
@media (max-width: 767px) {
    .theme-btn {
        padding: 20px 32px;
    }
}
@media (max-width: 575px) {
    .theme-btn {
        padding: 18px 30px;
        font-size: 14px;
    }
}

.theme-btn-2 {
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
    color: var(--text);
    text-transform: capitalize;
}
.theme-btn-2 i {
    margin-left: 10px;
}
.theme-btn-2:hover {
    color: var(--theme);
}

/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    color: var(--text);
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    width: 100%;
}

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

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

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

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

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

h1 {
    font-size: 70px;
    font-weight: 700;
    line-height: 112%;
}

h2 {
    font-size: 50px;
    line-height: 116%;
    font-weight: 700;
}
@media (max-width: 1199px) {
    h2 {
        font-size: 42px;
    }
}
@media (max-width: 767px) {
    h2 {
        font-size: 36px;
    }
}
@media (max-width: 575px) {
    h2 {
        font-size: 28px;
    }
}

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

h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
}

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

h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 145%;
}

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

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

@media (max-width: 1399px) {
    .about-wrapper {
        margin-bottom: 10px !important;
    }
}
@media (max-width: 1199px) {
    .about-wrapper {
        margin-bottom: 0 !important;
    }
}
.about-wrapper .about-image-items {
    position: relative;
}
.about-wrapper .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 .about-image-items .border-shape-1 {
        display: none;
    }
}
.about-wrapper .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 .about-image-items .about-image img {
    width: 100%;
    height: 100%;
}
.about-wrapper .about-image-items .about-image-2 {
    max-width: 288px;
    position: absolute;
    bottom: -15%;
    right: 0;
}
.about-wrapper .about-image-items .about-image-2 img {
    width: 100%;
    height: 100%;
}
@media (max-width: 575px) {
    .about-wrapper .about-image-items .about-image-2 {
        max-width: 220px;
    }
}
.about-wrapper .about-content {
    position: relative;
    z-index: 9;
}
.about-wrapper .about-content .about-list {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 24px;
}
@media (max-width: 575px) {
    .about-wrapper .about-content .about-list {
        flex-wrap: wrap;
    }
}
.about-wrapper .about-content .about-list ul li {
    font-size: 18px;
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
    color: var(--header);
    background-color: var(--white);
    box-shadow: var(--box-shadow);
    padding: 10px 45px 10px 10px;
    border-radius: 30px;
}
.about-wrapper .about-content .about-list ul li:not(:last-child) {
    margin-bottom: 24px;
}
.about-wrapper .about-content .about-list ul li i {
    margin-right: 5px;
    color: var(--theme);
}
.about-wrapper .about-content .about-author {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
}
@media (max-width: 1199px) {
    .about-wrapper .about-content .about-author {
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .about-wrapper .about-content .about-author {
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .about-wrapper .about-content .about-author {
        margin-top: 20px;
    }
}
.about-wrapper .about-content .about-author .author-icon {
    display: flex;
    align-items: center;
    gap: 20px;
}
.about-wrapper .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 .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 .about-content .about-author .author-icon .content h5 {
    font-weight: 600;
}
.about-wrapper .about-content .about-author .author-icon .content h5 a {
    color: var(--header);
}
.about-wrapper .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-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: 767px) {
    .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%);
}

.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 .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.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 img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}
.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 .icon img{
    max-width: 60px;
}

.about-activities-wrapper.style-2 .activities-content .icon-items .content h5 {
    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 var(--border);
    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 h6 {
    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-wrapper-2 .about-image-items {
    position: relative;
    margin-right: 50px;
}
@media (max-width: 1399px) {
    .about-wrapper-2 .about-image-items {
        margin-right: 20px;
    }
}
@media (max-width: 1199px) {
    .about-wrapper-2 .about-image-items {
        margin-right: 0;
    }
}
.about-wrapper-2 .about-image-items .thumb {
    position: relative;
    z-index: 9;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 536 476"><path fill-rule="evenodd" clip-rule="evenodd" d="M255.586 37.1502C305.521 42.1317 356.93 23.0345 402.227 44.9605C452.768 69.425 490.212 113.79 517.046 163.71C548.693 222.583 538.129 291.449 504.445 347.135C451.583 428.167 486.395 385.171 429.448 436.031C379.543 477.444 314.322 474.426 255.586 475.944C197.407 477.447 187.924 445.147 142.347 408.377C100.075 374.273 19.6044 385.587 2.60172 333.537C-14.3748 281.568 56.8222 241.898 70.6785 188.981C85.9185 130.781 40.3143 51.311 86.4166 13.4556C131.799 -23.809 197.514 31.357 255.586 37.1502Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
}
.about-wrapper-2 .about-image-items .thumb img {
    width: 100%;
    height: 100%;
}
.about-wrapper-2 .about-image-items .border-shape {
    position: absolute;
    top: -10px;
    left: 50px;
    animation: rotated2 20s infinite linear;
}
@media (max-width: 1399px) {
    .about-wrapper-2 .about-image-items .border-shape {
        display: none;
    }
}
.about-wrapper-2 .about-content .icon-items {
    gap: 20px;
    display: flex;
    align-items: center;
}
.about-wrapper-2 .about-content .icon-items .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: var(--theme);
    border-radius: 8px;
    font-size: 44px;
    color: var(--white);
}
.about-wrapper-2 .about-content .icon-items .content h5 {
    margin-bottom: 7px;
}
.about-wrapper-2 .about-content .about-author {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
    border-top: 1px solid var(--border);
    padding-top: 40px;
}
@media (max-width: 1199px) {
    .about-wrapper-2 .about-content .about-author {
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .about-wrapper-2 .about-content .about-author {
        padding-top: 35px;
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .about-wrapper-2 .about-content .about-author {
        padding-top: 25px;
        margin-top: 20px;
    }
}
.about-wrapper-2 .about-content .about-author .author-image {
    display: flex;
    align-items: center;
    gap: 15px;
}
.about-wrapper-2 .about-content .about-author .author-image .content h6 {
    font-size: 18px;
    font-weight: 600;
}
.about-wrapper-2 .about-content .about-author .author-image .content p {
    color: var(--text);
    font-weight: 500;
    margin-top: -2px;
}
.about-wrapper-2 .about-content .about-author .author-icon {
    display: flex;
    align-items: center;
    gap: 20px;
}
.about-wrapper-2 .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-2 .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-section-2 {
    position: relative;
}
.about-section-2 .left-shape {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
@media (max-width: 1399px) {
    .about-section-2 .left-shape {
        display: none;
    }
}
.about-section-2 .frame-shape {
    position: absolute;
    top: 30%;
    right: 20px;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
    .about-section-2 .frame-shape {
        display: none;
    }
}

@media (min-width: 1200px) {
    .about-wrapper-3 {
        margin-top: -29px;
    }
}
.about-wrapper-3 .about-image-area {
    position: relative;
    z-index: 9;
}
.about-wrapper-3 .about-image-area .about-image {
    max-width: 590px;
    position: relative;
}
.about-wrapper-3 .about-image-area .about-image img {
    width: 100%;
    height: 100%;
}
.about-wrapper-3 .about-image-area .about-image .about-image-2 {
    position: absolute;
    bottom: 0;
    left: 50px;
    max-width: 245px;
}
@media (max-width: 1199px) {
    .about-wrapper-3 .about-image-area .about-image .about-image-2 {
        max-width: 200px;
    }
}
@media (max-width: 991px) {
    .about-wrapper-3 .about-image-area .about-image .about-image-2 {
        max-width: 245px;
    }
}
@media (max-width: 767px) {
    .about-wrapper-3 .about-image-area .about-image .about-image-2 {
        max-width: 200px;
    }
}
@media (max-width: 575px) {
    .about-wrapper-3 .about-image-area .about-image .about-image-2 {
        max-width: 170px;
    }
}
.about-wrapper-3 .about-image-area .about-image .about-image-2 img {
    width: 100%;
    height: 100%;
    border: 15px solid var(--white);
    border-radius: 50%;
    box-shadow: var(--box-shadow);
}
.about-wrapper-3 .about-image-area .radius-shape {
    position: absolute;
    bottom: 15%;
    left: -70px;
}
.about-wrapper-3 .about-image-area .circle-shape {
    position: absolute;
    top: 15%;
    right: 20%;
}
.about-wrapper-3 .about-content {
    position: relative;
    z-index: 9;
}
@media (max-width: 1399px) {
    .about-wrapper-3 .about-content br {
        display: none;
    }
}
.about-wrapper-3 .about-content .list-items {
    margin-top: 30px;
}
.about-wrapper-3 .about-content .list-items li {
    font-size: 18px;
    font-weight: 600;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
}
.about-wrapper-3 .about-content .list-items li:not(:last-child) {
    margin-bottom: 10px;
}
.about-wrapper-3 .about-content .list-items li i {
    margin-right: 5px;
    color: var(--theme);
}
.about-wrapper-3 .about-content .about-author {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
    border-top: 1px solid var(--border);
    padding-top: 40px;
}
@media (max-width: 1199px) {
    .about-wrapper-3 .about-content .about-author {
        flex-wrap: wrap;
    }
}
.about-wrapper-3 .about-content .about-author .author-image {
    display: flex;
    align-items: center;
    gap: 15px;
}
.about-wrapper-3 .about-content .about-author .author-image .content h6 {
    font-size: 18px;
    font-weight: 600;
}
.about-wrapper-3 .about-content .about-author .author-image .content p {
    color: var(--text);
    font-weight: 500;
    margin-top: -2px;
}

.about-wrapper-5 {
    position: relative;
    z-index: 9;
    margin: 0 60px;
    margin-bottom: 110px;
}
@media (max-width: 1899px) {
    .about-wrapper-5 {
        margin: 0 35px;
        margin-bottom: 110px;
    }
}
@media (max-width: 1600px) {
    .about-wrapper-5 {
        margin: 0 30px;
        margin-bottom: 110px;
        padding-right: 30px;
    }
}
@media (max-width: 1399px) {
    .about-wrapper-5 {
        margin: 0 25px;
        margin-bottom: 110px;
        padding-left: 30px;
    }
}
@media (max-width: 1199px) {
    .about-wrapper-5 {
        margin: 0 20px;
        margin-bottom: 110px;
    }
}
@media (max-width: 470px) {
    .about-wrapper-5 {
        margin: 0 16px;
        margin-bottom: 110px;
    }
}
.about-wrapper-5 .about-line {
    position: absolute;
    bottom: -110px;
    right: -20px;
    z-index: -1;
}
@media (max-width: 1199px) {
    .about-wrapper-5 .about-line {
        display: none;
    }
}
.about-wrapper-5 .bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #229177;
    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: 990px;
    z-index: -1;
}
@media (max-width: 1600px) {
    .about-wrapper-5 .bg-shape {
        mask: none;
        background-color: #229177;
        border-radius: 40px;
    }
}
@media (max-width: 1199px) {
    .about-wrapper-5 .bg-shape {
        height: 100%;
    }
}
.about-wrapper-5 .about-image {
    max-width: 526px;
    position: relative;
    bottom: -65px;
}
@media (max-width: 1600px) {
    .about-wrapper-5 .about-image {
        bottom: -187px;
    }
}
@media (max-width: 1199px) {
    .about-wrapper-5 .about-image {
        bottom: 0 !important;
        text-align: center;
        margin: 0 auto;
    }
}
.about-wrapper-5 .about-image .about-image-2 {
    position: absolute;
    bottom: 0;
    right: -60%;
    max-width: 468px;
}
@media (max-width: 1899px) {
    .about-wrapper-5 .about-image .about-image-2 {
        max-width: 400px;
        right: -45%;
    }
}
@media (max-width: 1600px) {
    .about-wrapper-5 .about-image .about-image-2 {
        right: -20%;
        max-width: 320px;
    }
}
@media (max-width: 1199px) {
    .about-wrapper-5 .about-image .about-image-2 {
        right: 0;
    }
}
@media (max-width: 575px) {
    .about-wrapper-5 .about-image .about-image-2 {
        max-width: 240px;
        right: 0;
    }
}
.about-wrapper-5 .about-image .about-image-2 img {
    border-bottom-left-radius: 0;
}
.about-wrapper-5 .about-image img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}
.about-wrapper-5 .about-content {
    max-width: 740px;
    margin-top: 70px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1199px) {
    .about-wrapper-5 .about-content {
        margin: 70px auto 30px;
        text-align: center;
    }
}
.about-wrapper-5 .about-content .about-text {
    font-size: 18px;
    font-weight: 600;
    margin-top: 22px;
    max-width: 700px;
}
@media (max-width: 1199px) {
    .about-wrapper-5 .about-content .about-text {
        margin: 22px auto 0;
        text-align: center;
        font-size: 16px;
    }
}
.about-wrapper-5 .about-content .icon-box {
    margin-top: 30px;
    gap: 30px;
}
@media (max-width: 1600px) {
    .about-wrapper-5 .about-content .icon-box {
        gap: 15px;
    }
}
@media (max-width: 1199px) {
    .about-wrapper-5 .about-content .icon-box {
        justify-content: center;
    }
}
@media (max-width: 991px) {
    .about-wrapper-5 .about-content .icon-box {
        flex-wrap: wrap;
    }
}
.about-wrapper-5 .about-content .icon-box li {
    background-color: var(--white);
    border-radius: 35px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 40px;
    margin-bottom: 20px;
}
@media (max-width: 1600px) {
    .about-wrapper-5 .about-content .icon-box li {
        padding: 15px 20px;
    }
}
@media (max-width: 1199px) {
    .about-wrapper-5 .about-content .icon-box li {
        display: grid;
        text-align: center;
        gap: 10px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
}
.about-wrapper-5 .about-content .icon-box li .icon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background-color: #e8ecf6;
}
@media (max-width: 1199px) {
    .about-wrapper-5 .about-content .icon-box li .icon {
        margin: 0 auto;
    }
}
.about-wrapper-5 .about-content .icon-box li .content h3 {
    font-size: 18px;
}
@media (max-width: 1600px) {
    .about-wrapper-5 .about-content .icon-box li .content h3 {
        font-size: 16px;
    }
    .about-wrapper-5 .about-content .icon-box li .content h3 br {
        display: none;
    }
}
@media (max-width: 1399px) {
    .about-wrapper-5 .about-content .icon-box li .content h3 {
        font-size: 14px;
    }
}
@media (max-width: 1199px) {
    .about-wrapper-5 .about-content .icon-box li .content h3 {
        font-size: 18px;
    }
    .about-wrapper-5 .about-content .icon-box li .content h3 br {
        display: block;
    }
}
.about-wrapper-5 .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-5 .about-content .about-text-2 {
        margin: 30px auto 0;
        text-align: center;
        font-size: 16px;
    }
}
.about-wrapper-5 .about-content .about-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 40px;
}
@media (max-width: 1199px) {
    .about-wrapper-5 .about-content .about-button {
        justify-content: center;
    }
}
@media (max-width: 1199px) {
    .about-wrapper-5 .about-content .about-button {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 25px;
    }
}
.about-wrapper-5 .about-content .about-button .author-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}
.about-wrapper-5 .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-5 .about-content .about-button .author-icon .content h4 {
    font-weight: 700;
    font-size: 24px;
}
.about-wrapper-5 .about-content .about-button .author-icon .content h4 a {
    color: #ffffff;
}
.about-wrapper-5 .about-content .about-button .author-icon .content h4 a:hover {
    color: #ffffff;
}
.about-wrapper-5 .about-content .about-button .author-icon .content span {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    font-family: "Quicksand", sans-serif;
    margin-bottom: 5px;
}

.about-section-5 {
    position: relative;
    background-color: #ffffff;
}
.about-section-5 .about-vec {
    position: absolute;
    left: 28%;
    top: 11%;
    z-index: 91;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
    .about-section-5 .about-vec {
        opacity: 0.3;
    }
}
.about-section-5 .about-vec2 {
    position: absolute;
    right: 15%;
    bottom: 17%;
    z-index: 91;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
    .about-section-5 .about-vec2 {
        opacity: 0.3;
    }
}
.about-section-5 .about-vec3 {
    position: absolute;
    left: 20%;
    bottom: 10%;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
    .about-section-5 .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-6 {
    margin-top: 15px;
}
.about-wrapper-6 .about-content-2 {
    position: relative;
    z-index: 9;
}
.about-wrapper-6 .about-content-2 .about-text {
    margin-top: 30px;
}
@media (max-width: 767px) {
    .about-wrapper-6 .about-content-2 .about-text {
        margin-top: 20px;
    }
}
.about-wrapper-6 .about-content-2 .about-list {
    padding: 30px;
    background-color: var(--white);
    border-radius: 35px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 27px;
}
@media (max-width: 1199px) {
    .about-wrapper-6 .about-content-2 .about-list {
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .about-wrapper-6 .about-content-2 .about-list {
        padding: 28px;
        margin-top: 22px;
    }
}
.about-wrapper-6 .about-content-2 .about-list ul li {
    font-size: 18px;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (max-width: 1399px) {
    .about-wrapper-6 .about-content-2 .about-list ul li {
        font-size: 16px;
    }
}
.about-wrapper-6 .about-content-2 .about-list ul li:not(:last-child) {
    margin-bottom: 25px;
}
@media (max-width: 1199px) {
    .about-wrapper-6 .about-content-2 .about-list ul li:not(:last-child) {
        margin-bottom: 18px;
    }
}
.about-wrapper-6 .about-content-2 .about-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 40px;
}
@media (max-width: 1199px) {
    .about-wrapper-6 .about-content-2 .about-button {
        flex-wrap: wrap;
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .about-wrapper-6 .about-content-2 .about-button {
        margin-top: 25px;
    }
}
.about-wrapper-6 .about-content-2 .about-button .author-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}
.about-wrapper-6 .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-6 .about-content-2 .about-button .author-icon .content h3 {
    font-weight: 700;
    font-size: 24px;
}
.about-wrapper-6 .about-content-2 .about-button .author-icon .content h3 a {
    color: var(--text);
}
.about-wrapper-6 .about-content-2 .about-button .author-icon .content h3 a:hover {
    color: var(--theme);
}
.about-wrapper-6 .about-content-2 .about-button .author-icon .content h4 {
    font-weight: 700;
    font-size: 24px;
}
.about-wrapper-6 .about-content-2 .about-button .author-icon .content h4 a {
    color: var(--text);
}
.about-wrapper-6 .about-content-2 .about-button .author-icon .content h4 a:hover {
    color: var(--theme);
}
.about-wrapper-6 .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-6 .about-image {
    position: relative;
    z-index: 9;
}
.about-wrapper-6 .about-image img {
    width: 100%;
    height: 100%;
}
.about-wrapper-6 .about-image .shape1 {
    position: absolute;
    right: 17%;
    bottom: 20%;
}
@media (max-width: 1399px) {
    .about-wrapper-6 .about-image .shape1 {
        display: none;
    }
}
.about-wrapper-6 .about-image .shape1 img {
    width: initial;
    height: initial;
}
.about-wrapper-6 .about-image .shape2 {
    position: absolute;
    right: 7%;
    top: 30%;
}
@media (max-width: 1399px) {
    .about-wrapper-6 .about-image .shape2 {
        display: none;
    }
}
.about-wrapper-6 .about-image .shape2 img {
    width: initial;
    height: initial;
}
.about-wrapper-6.style-inner .about-image {
    width: 600px;
}
@media (max-width: 1199px) {
    .about-wrapper-6.style-inner .about-image {
        width: initial;
    }
}
.about-wrapper-6.style-inner .about-image img {
    width: 100%;
    height: 100%;
}
.about-wrapper-6.style-inner .about-content-2 {
    max-width: 720px;
    margin-left: auto;
}
@media (max-width: 1199px) {
    .about-wrapper-6.style-inner .about-content-2 {
        max-width: initial;
    }
}

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

.about-wrapper-8 .about-content .about-list-items {
    margin-top: 50px;
}
.about-wrapper-8 .about-content .about-list-items .about-list {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
}
@media (max-width: 991px) {
    .about-wrapper-8 .about-content .about-list-items .about-list {
        flex-wrap: wrap;
    }
}
.about-wrapper-8 .about-content .about-list-items .about-list .list li {
    font-size: 18px;
    padding: 15px 60px 15px 15px;
    font-weight: 600;
    color: #385469;
    border-radius: 30px;
    background: var(--white);
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
}
@media (max-width: 1199px) {
    .about-wrapper-8 .about-content .about-list-items .about-list .list li {
        padding: 10px 60px 15px 15px;
        font-size: 16px;
    }
}
.about-wrapper-8 .about-content .about-list-items .about-list .list li i {
    color: var(--theme3);
    margin-right: 10px;
    font-size: 24px;
}
.about-wrapper-8 .about-content .about-button {
    margin-top: 50px;
}
.about-wrapper-8 .about-content .about-button .theme-btn {
    background-color: var(--theme3);
}
.about-wrapper-8 .about-image {
    margin-right: -315px;
    position: relative;
}
@media (max-width: 1199px) {
    .about-wrapper-8 .about-image {
        margin-right: 0;
    }
}
.about-wrapper-8 .about-image img {
    width: 100%;
    height: 100%;
    border-radius: 400px 0px 0px 800px;
}
.about-wrapper-8 .about-image .yellow-shape {
    position: absolute;
    left: -12px;
    z-index: -1;
    top: 0;
    bottom: 0;
}
@media (max-width: 1199px) {
    .about-wrapper-8 .about-image .yellow-shape {
        display: none;
    }
}
.about-wrapper-8 .about-image .video-btn {
    width: 128px;
    height: 128px;
    line-height: 128px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--white);
    color: var(--header2);
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 22px;
    transform: translate(-50%, -50%);
}
.about-wrapper-8 .about-image .video-btn::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    border: 1px solid;
    border: 1px solid rgba(255, 255, 255, 0.6);
    width: 156px;
    height: 156px;
    line-height: 156px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
    .about-wrapper-8 .about-image .video-btn {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 18px;
    }
}

.about-section-8 {
    position: relative;
}
.about-section-8 .love-shape {
    position: absolute;
    left: 10px;
    bottom: 80px;
}
@media (max-width: 1199px) {
    .about-section-8 .love-shape {
        display: none;
    }
}

@-webkit-keyframes rippleOne {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}
@keyframes rippleOne {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}
@keyframes cir36 {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rounded {
    50% {
        transform: rotate(15deg);
    }
}
@-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%);
    }
}
.brand-wrapper {
    margin-top: -5px;
}
.brand-wrapper h6 {
    font-size: 22px;
    position: relative;
    margin-bottom: 50px;
    color: var(--header);
    font-weight: 700;
}
.brand-wrapper h6::before {
    position: absolute;
    top: 15px;
    left: 35px;
    content: "";
    height: 1px;
    width: 480px;
    background-color: var(--theme);
}
@media (max-width: 1399px) {
    .brand-wrapper h6::before {
        display: none;
    }
}
.brand-wrapper h6::after {
    position: absolute;
    top: 15px;
    right: 35px;
    content: "";
    height: 1px;
    width: 480px;
    background-color: var(--theme);
}
@media (max-width: 1399px) {
    .brand-wrapper h6::after {
        display: none;
    }
}
.brand-wrapper .brand-image {
    text-align: center;
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
    opacity: 0.4;
}
.brand-wrapper .brand-image:hover {
    filter: initial;
    opacity: 1;
}
.brand-wrapper .swiper-slide.swiper-slide-active .brand-image {
    filter: initial;
    opacity: 1;
}

.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-5 p {
    margin-bottom: 50px;
    position: relative;
    font-size: 20px;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
    background-color: var(--white);
    position: relative;
    font-weight: 700;
    text-transform: capitalize;
}
.brand-section-5 p::before {
    position: absolute;
    top: 15px;
    left: 15%;
    content: "";
    height: 1px;
    width: 350px;
    background-color: rgba(92, 112, 126, 0.2);
}
@media (max-width: 1399px) {
    .brand-section-5 p::before {
        display: none;
    }
}
.brand-section-5 p::after {
    position: absolute;
    top: 15px;
    right: 15%;
    content: "";
    height: 1px;
    width: 350px;
    background-color: rgba(92, 112, 126, 0.2);
}
@media (max-width: 1399px) {
    .brand-section-5 p::after {
        display: none;
    }
}
.brand-section-5.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-5 {
    overflow: hidden;
    width: 100%;
}
.instagram-wrapper-5 .instagram-section-5 {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: instagramMarquee 45s linear infinite;
}

@keyframes instagramMarquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.contact-form-items .form-clt span {
    color: var(--white);
    margin-bottom: 20px;
    display: inline-block;
}
.contact-form-items .form-clt input, .contact-form-items .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: 22px;
}
@media (max-width: 767px) {
    .contact-form-items .form-clt input, .contact-form-items .form-clt textarea {
        padding: 14px 20px;
    }
}
@media (max-width: 575px) {
    .contact-form-items .form-clt input, .contact-form-items .form-clt textarea {
        padding: 12px 18px;
    }
}
.contact-form-items .form-clt input::placeholder, .contact-form-items .form-clt textarea::placeholder {
    color: rgba(255, 255, 255, 0.7019607843);
}
.contact-form-items .form-clt textarea {
    padding-bottom: 70px;
}

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

.contact-info-area {
    padding-top: 220px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(56, 84, 105, 0.2);
}
@media (max-width: 1199px) {
    .contact-info-area {
        flex-wrap: wrap;
        gap: 40px;
        padding-top: 85px;
        justify-content: initial;
    }
}
@media (max-width: 575px) {
    .contact-info-area {
        gap: 30px;
    }
}
.contact-info-area .contact-info-items {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    position: relative;
    padding-bottom: 40px;
}
@media (max-width: 1199px) {
    .contact-info-area .contact-info-items {
        flex-wrap: wrap;
    }
}
.contact-info-area .contact-info-items .icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    position: relative;
    border: 2px dotted var(--theme);
    border-radius: 50%;
}
.contact-info-area .contact-info-items .content p {
    color: var(--header);
    margin-bottom: 5px;
}
.contact-info-area .contact-info-items .content h3 {
    font-size: 24px;
    color: var(--header);
}
.contact-info-area .contact-info-items .content h3 a {
    color: var(--header);
}

.contact-section {
    position: relative;
    background-image: url(../img/contact_us_bg.jpg);
    background-position: 0 0;
    background-size: cover;
    z-index: 1;
}
.contact-section:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 42%);
    z-index: 1;
}
.contact-section .line-1 {
    position: absolute;
    top: 42%;
    left: 5%;
    animation: rounded 5s linear infinite;
}
.contact-section .line-2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.contact-wrapper-2 .contact-left-items .contact-info-area-2 {
    padding: 40px;
    background-color: var(--theme);
    border-radius: 16px;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 1199px) {
    .contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items {
        flex-wrap: wrap;
    }
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    position: relative;
    border: 2px dotted var(--white);
    border-radius: 50%;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content p {
    color: var(--white);
    margin-bottom: 5px;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content h3 {
    font-size: 24px;
    color: var(--white);
    max-width: 650px;
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .content h3 a {
    color: var(--white);
}
.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items.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: 600;
    text-transform: capitalize;
}
.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 var(--border);
    color: var(--text);
    padding: 18px 20px;
    border-radius: 30px;
}
.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;
    }
}

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

.contact-form-items-7 {
    position: relative;
}
@media (max-width: 1399px) {
    .contact-form-items-7 .contact-bg {
        display: none;
    }
}
.contact-form-items-7 .contact-bg img {
    width: 100%;
    height: 100%;
}
.contact-form-items-7 .title {
    font-size: 50px;
    font-weight: 700;
    color: var(--white);
    text-transform: capitalize;
    margin-bottom: 12px;
}
@media (max-width: 575px) {
    .contact-form-items-7 .title {
        font-size: 38px;
    }
}
.contact-form-items-7 .form-box {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    max-width: 460px;
    margin: 0 auto;
}
@media (max-width: 1399px) {
    .contact-form-items-7 .form-box {
        position: static;
        max-width: initial;
        background-color: var(--theme);
        padding: 50px 30px;
        border-radius: 30px;
        border-radius: 14px;
    }
}
.contact-form-items-7 .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-7 .form-box .form-clt input, .contact-form-items-7 .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-7 .form-box .form-clt input::placeholder, .contact-form-items-7 .form-box .form-clt textarea::placeholder {
    color: var(--header);
}
.contact-form-items-7 .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);
    background-color: #fff;
    font-weight: 400;
    line-height: 65px;
    height: 65px;
}
.contact-form-items-7 .form-box .form-clt .single-select .list {
    width: 100%;
}
.contact-form-items-7 .form-box .form-clt textarea {
    height: 126px;
}
.contact-form-items-7 .form-box .theme-btn:hover::before, .contact-form-items-7 .form-box .theme-btn:hover::after {
    background-color: var(--white);
    width: 100% !important;
}
.contact-form-items-7 .form-box .theme-btn:hover:hover {
    color: var(--header);
}

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

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

.cta-wrapper {
    margin-top: 45px;
}
@media (max-width: 1399px) {
    .cta-wrapper {
        margin-top: 45px;
    }
}
@media (max-width: 991px) {
    .cta-wrapper {
        text-align: center;
        margin-top: 60px;
    }
}
.cta-wrapper .cta-image {
    text-align: right;
    margin-bottom: -120px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1199px) {
    .cta-wrapper .cta-image {
        margin-bottom: -100px;
    }
}
@media (max-width: 991px) {
    .cta-wrapper .cta-image {
        margin-bottom: -80px;
        text-align: center;
    }
}
.cta-wrapper .cta-image .cta-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
@media (max-width: 1399px) {
    .cta-wrapper .cta-image .cta-shape {
        left: 50%;
        transform: translateX(-50%);
    }
}
@media (max-width: 1399px) {
    .cta-wrapper .cta-image .cta-shape {
        left: 35%;
    }
}
@media (max-width: 991px) {
    .cta-wrapper .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: 38px 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 .theme-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    border-radius: 6px;
    padding: 16px 40px;
}
@media (max-width: 767px) {
    .main-cta-wrapper .newsletter-items .theme-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%;
}

.instagram-wrapper {
    padding: 0 75px;
}
@media (max-width: 1399px) {
    .instagram-wrapper {
        padding: 0 40px;
    }
}
@media (max-width: 1199px) {
    .instagram-wrapper {
        padding: 0 30px;
    }
}
.instagram-wrapper h3 {
    margin-bottom: 50px;
    position: relative;
    margin-top: -6px;
}
.instagram-wrapper h3::before {
    position: absolute;
    top: 15px;
    left: 15%;
    content: "";
    height: 1px;
    width: 480px;
    background-color: var(--theme);
}
@media (max-width: 1399px) {
    .instagram-wrapper h3::before {
        display: none;
    }
}
.instagram-wrapper h3::after {
    position: absolute;
    top: 15px;
    right: 15%;
    content: "";
    height: 1px;
    width: 480px;
    background-color: var(--theme);
}
@media (max-width: 1399px) {
    .instagram-wrapper h3::after {
        display: none;
    }
}
.instagram-wrapper .instagram-banner-items .banner-image {
    position: relative;
}
@media (max-width: 767px) {
    .instagram-wrapper .instagram-banner-items .banner-image {
        height: 450px;
    }
    .instagram-wrapper .instagram-banner-items .banner-image img {
        object-fit: cover;
    }
}
@media (max-width: 575px) {
    .instagram-wrapper .instagram-banner-items .banner-image {
        height: 380px;
    }
}
.instagram-wrapper .instagram-banner-items .banner-image img {
    width: 100%;
    height: 100%;
}
.instagram-wrapper .instagram-banner-items .banner-image::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #385469;
    opacity: 0.6;
    transform: scale(1, 0);
    transition: transform 500ms ease;
    transform-origin: bottom center;
    z-index: 1;
}
.instagram-wrapper .instagram-banner-items .banner-image .icon {
    position: absolute;
    width: 68px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--theme);
    font-size: 28px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    color: var(--white);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.instagram-wrapper .instagram-banner-items:hover .banner-image::before {
    transform: scale(1, 1);
    transform-origin: top center;
}
.instagram-wrapper .instagram-banner-items:hover .banner-image .icon {
    opacity: 1;
}

@media (max-width: 1199px) {
    .cta-wrapper-2 {
        margin-top: 37px;
    }
}
@media (max-width: 991px) {
    .cta-wrapper-2 {
        margin-top: 67px;
        text-align: center;
    }
}
@media (max-width: 575px) {
    .cta-wrapper-2 {
        margin-top: 60px;
    }
}
@media (max-width: 470px) {
    .cta-wrapper-2 {
        margin-top: 55px;
    }
}
.cta-wrapper-2 .cta-image-area {
    position: relative;
    margin-bottom: -120px;
    margin-top: -95px;
}
@media (max-width: 991px) {
    .cta-wrapper-2 .cta-image-area {
        margin-top: 0;
    }
}
.cta-wrapper-2 .cta-image-area .cta-image {
    max-width: 650px;
    margin-left: 100px;
    position: relative;
    z-index: 9;
}
@media (max-width: 991px) {
    .cta-wrapper-2 .cta-image-area .cta-image {
        margin-left: 0;
    }
}
.cta-wrapper-2 .cta-image-area .cta-image img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}
.cta-wrapper-2 .cta-image-area .bg-shape {
    position: absolute;
    /*bottom: 0;*/
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width: 1199px) {
    .cta-wrapper-2 .cta-image-area .bg-shape {
        display: none;
    }
}
@media (max-width: 991px) {
    .cta-wrapper-2 .cta-image-area .bg-shape {
        display: block;
    }
}
@media (max-width: 767px) {
    .cta-wrapper-2 .cta-image-area .bg-shape {
        display: none;
    }
}

.cta-section-2 {
    position: relative;
}
.cta-section-2 .parasuit-shape {
    position: absolute;
    top: 20%;
    left: 5%;
}
@media (max-width: 1399px) {
    .cta-section-2 .parasuit-shape {
        display: none;
    }
}
.cta-section-2 .parasuit-shape-2 {
    position: absolute;
    top: 20%;
    right: 5%;
}
@media (max-width: 1199px) {
    .cta-section-2 .parasuit-shape-2 {
        display: none;
    }
}
.cta-section-2 .pencil-shape {
    position: absolute;
    bottom: 15%;
    left: 7%;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
    .cta-section-2 .pencil-shape {
        display: none;
    }
}
.cta-section-2 .hand-shape {
    position: absolute;
    left: 40%;
    bottom: 35%;
}
@media (max-width: 1399px) {
    .cta-section-2 .hand-shape {
        display: none;
    }
}
.cta-section-2 .line-shape {
    position: absolute;
    right: 5%;
    bottom: 0;
}
@media (max-width: 1199px) {
    .cta-section-2 .line-shape {
        display: none;
    }
}

.cta-video-section {
    background-position: initial !important;
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}
@media (max-width: 991px) {
    .cta-video-section {
        margin-top: -10px;
    }
}
.cta-video-section .video-shape {
    height: 120px;
    width: 100%;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    overflow-x: hidden;
    z-index: -1;
}
.cta-video-section .wave {
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    background-size: cover;
}
.cta-video-section .wave:nth-of-type(2) {
    bottom: 0;
    animation: wave 18s linear reverse infinite;
    opacity: 0.5;
}
.cta-video-section .wave:nth-of-type(3) {
    bottom: 0;
    animation: wave 20s -1s linear infinite;
    opacity: 0.5;
}

.cta-video-items {
    padding: 350px 0;
    position: relative;
    z-index: 9;
}
@media (max-width: 1199px) {
    .cta-video-items {
        padding: 300px 0;
    }
}
@media (max-width: 991px) {
    .cta-video-items {
        padding: 250px 0;
    }
}
@media (max-width: 767px) {
    .cta-video-items {
        padding: 200px 0;
    }
}
@media (max-width: 575px) {
    .cta-video-items {
        padding: 150px 0;
    }
}
.cta-video-items .video-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cta-video-items .video-box .video-btn {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 22px;
    background-color: var(--theme);
    color: var(--white);
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}
@media (max-width: 767px) {
    .cta-video-items .video-box .video-btn {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
}
@media (max-width: 575px) {
    .cta-video-items .video-box .video-btn {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
}
.cta-video-items .video-box .ripple::before, .cta-video-items .video-box .ripple::after {
    box-shadow: 0 0 0 0 rgba(243, 159, 95, 0.8);
    width: 100px;
    height: 100px;
}
@media (max-width: 767px) {
    .cta-video-items .video-box .ripple::before, .cta-video-items .video-box .ripple::after {
        width: 70px;
        height: 70px;
    }
}
@media (max-width: 575px) {
    .cta-video-items .video-box .ripple::before, .cta-video-items .video-box .ripple::after {
        width: 60px;
        height: 60px;
    }
}

.cta-offer-section {
    margin-top: 110px;
    position: relative;
    z-index: 9;
}
.cta-offer-section .cta-shape {
    height: 120px;
    width: 100%;
    position: absolute;
    top: -115px;
    left: 0;
    right: 0;
    overflow-x: hidden;
    z-index: -1;
}
.cta-offer-section .wave {
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    background-size: cover;
}
.cta-offer-section .wave:nth-of-type(2) {
    bottom: 0;
    animation: wave 18s linear reverse infinite;
}
.cta-offer-section .wave:nth-of-type(3) {
    bottom: 0;
    animation: wave 20s -1s linear infinite;
}

.cta-offer-wrapper {
    text-align: center;
    margin-top: -80px;
}
.cta-offer-wrapper .cta-offter-image {
    margin-bottom: -120px;
}
@media (max-width: 1399px) {
    .cta-offer-wrapper .cta-offter-image {
        margin-bottom: -145px;
    }
}
@media (max-width: 1199px) {
    .cta-offer-wrapper .cta-offter-image {
        display: none;
    }
}
.cta-offer-wrapper .cta-offter-image img {
    width: 100%;
    height: 100%;
}
.cta-offer-wrapper .cta-offter-image-2 {
    margin-bottom: -170px;
}
@media (max-width: 1399px) {
    .cta-offer-wrapper .cta-offter-image-2 {
        margin-bottom: -126px;
    }
}
@media (max-width: 1199px) {
    .cta-offer-wrapper .cta-offter-image-2 {
        display: none;
    }
}

.newsletter-wrapper-5 {
    position: relative;
    z-index: 9;
    padding: 120px 50px;
    margin-bottom: 50px;
    margin-top: 38px;
}
@media (max-width: 1399px) {
    .newsletter-wrapper-5 {
        padding-top: 60px;
    }
}
@media (max-width: 1199px) {
    .newsletter-wrapper-5 {
        margin-top: 0;
        margin-bottom: 0;
        padding: 60px 40px;
    }
}
@media (max-width: 767px) {
    .newsletter-wrapper-5 {
        padding: 50px 30px;
    }
}
.newsletter-wrapper-5 .border-shape {
    position: absolute;
    top: 20px;
    left: 50px;
    right: 0;
    max-width: 1360px;
    z-index: -1;
}
@media (max-width: 1199px) {
    .newsletter-wrapper-5 .border-shape {
        display: none;
    }
}
.newsletter-wrapper-5 .border-shape img {
    width: 100%;
}
.newsletter-wrapper-5 .vec-1 {
    position: absolute;
    right: 0;
    top: -30px;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
    .newsletter-wrapper-5 .vec-1 {
        display: none;
    }
}
.newsletter-wrapper-5 .vec-2 {
    position: absolute;
    left: -20px;
    bottom: -15px;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
    .newsletter-wrapper-5 .vec-2 {
        display: none;
    }
}
.newsletter-wrapper-5 .vec-3 {
    position: absolute;
    left: 35px;
    bottom: 60px;
}
@media (max-width: 1199px) {
    .newsletter-wrapper-5 .vec-3 {
        opacity: 0.3;
    }
}
.newsletter-wrapper-5 .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-5 .newsletter-bg {
        mask: none;
        border-radius: 16px;
        bottom: 0;
        overflow: hidden;
    }
}
.newsletter-wrapper-5 .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-5 .newsletter-bg::before {
        border-radius: 16px;
    }
}
.newsletter-wrapper-5 .newsletter-bg img {
    width: 100%;
    height: 100%;
}
.newsletter-wrapper-5 .content {
    text-align: center;
    position: relative;
    z-index: 99;
}
.newsletter-wrapper-5 .content .newsletter-items {
    margin-top: 50px;
    position: relative;
    max-width: 760px;
    margin: 50px auto 0;
}
.newsletter-wrapper-5 .content .newsletter-items .icon {
    position: absolute;
    left: 22px;
    top: 20px;
}
@media (max-width: 575px) {
    .newsletter-wrapper-5 .content .newsletter-items .icon {
        top: 16px;
    }
}
.newsletter-wrapper-5 .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-5 .content .newsletter-items .subscribe-btn {
        position: static;
        width: 100%;
        height: 60px;
        line-height: 60px;
        padding: 0 18px;
        margin-top: 10px;
    }
}
.newsletter-wrapper-5 .content .newsletter-items .subscribe-btn:hover {
    background-color: var(--header);
}
.newsletter-wrapper-5 .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-5 .content .newsletter-items input {
        height: 60px;
        line-height: 60px;
    }
}
@media (max-width: 767px) {
    .newsletter-wrapper-5 .content .newsletter-items input {
        padding-right: 30px;
    }
}
.newsletter-wrapper-5.style-2 {
    padding: 100px 50px;
    position: relative;
}
.newsletter-wrapper-5.style-2 .plane-1 {
    position: absolute;
    top: 70px;
    left: 120px;
    z-index: 1;
}
.newsletter-wrapper-5.style-2 .flower-shape {
    position: absolute;
    bottom: 60px;
    left: 90px;
    z-index: 9;
}
.newsletter-wrapper-5.style-2 .newsletter-bg {
    background-color: #E6E8FC;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.newsletter-wrapper-5.style-2 .newsletter-bg::before {
    display: none;
}
.newsletter-wrapper-5.bg-new-add .newsletter-bg {
    background-color: #385469;
}

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

.special-offer-wrapper-5 {
    position: relative;
}
@media (max-width: 991px) {
    .special-offer-wrapper-5 .border-shape {
        display: none;
    }
}
.special-offer-wrapper-5 .border-shape img {
    width: 100%;
    height: 100%;
}
.special-offer-wrapper-5 .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-5 .special-offer-image {
        position: static;
        transform: initial;
        margin-left: 0;
        width: initial;
    }
}
.special-offer-wrapper-5 .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-5 .special-offer-image .thumb {
        mask: none;
        height: 500px;
        border-radius: 16px;
    }
    .special-offer-wrapper-5 .special-offer-image .thumb img {
        object-fit: cover;
        border-radius: 16px;
    }
}
.special-offer-wrapper-5 .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-5 .special-offer-image .thumb img {
    width: 100%;
    height: 100%;
}
.special-offer-wrapper-5 .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-5 .special-offer-image .content {
        margin: 0 15px;
    }
}
.special-offer-wrapper-5 .special-offer-image .content .theme-btn {
    margin-top: 35px;
}
.special-offer-wrapper-5 .special-offer-image .content .theme-btn .theme-text {
    color: var(--white);
}
.special-offer-wrapper-5 .special-offer-image .content .theme-btn:hover .theme-text img {
    filter: brightness(0) invert(1);
}

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

.cta-wrapper-8 .cta-content .theme-btn {
    background: var(--white);
    color: var(--header);
}
.cta-wrapper-8 .cta-content .theme-btn::before, .cta-wrapper-8 .cta-content .theme-btn::after {
    background-color: var(--theme3);
}
.cta-wrapper-8 .cta-content .theme-btn:hover {
    color: var(--white);
}
@media (max-width: 1199px) {
    .cta-wrapper-8 .cta-content .theme-btn {
        margin-top: 30px;
    }
}
.cta-wrapper-8 .cta-image img {
    width: 100%;
    height: 100%;
}

.cta-section-8 {
    position: relative;
    margin-top: 120px;
}
.cta-section-8 .left-shape {
    position: absolute;
    bottom: 0;
    left: 20px;
}
.cta-section-8 .left-shape img {
    width: 100%;
    height: 100%;
}
@media (max-width: 1399px) {
    .cta-section-8 .left-shape {
        display: none;
    }
}
.cta-section-8 .middle-shape {
    position: absolute;
    bottom: 15%;
    left: 37%;
}
@media (max-width: 1399px) {
    .cta-section-8 .middle-shape {
        display: none;
    }
}
.cta-section-8 .right-shape {
    position: absolute;
    top: 200px;
    right: 120px;
}
@media (max-width: 1399px) {
    .cta-section-8 .right-shape {
        display: none;
    }
}
.cta-section-8 .right-shape2 {
    position: absolute;
    bottom: 110px;
    right: 100px;
}
@media (max-width: 1399px) {
    .cta-section-8 .right-shape2 {
        display: none;
    }
}
.cta-section-8 .cta-top-shape {
    height: 160px;
    width: 100%;
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    overflow-x: hidden;
}
.cta-section-8 .wave {
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    background-size: cover;
}
.cta-section-8 .wave:nth-of-type(2) {
    bottom: 0;
    animation: wave 18s linear reverse infinite;
}
.cta-section-8 .wave:nth-of-type(3) {
    bottom: 0;
    animation: wave 20s -1s linear infinite;
}

.event-box-items {
    margin-top: 30px;
    background-color: var(--white);
    border-radius: 16px;
}
.event-box-items .event-image {
    padding: 20px 20px 0 20px;
    position: relative;
}
.event-box-items .event-image img {
    width: 100%;
    height: 100%;
}
.event-box-items .event-image .event-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.event-box-items .event-image .event-shape img {
    width: 100%;
}
.event-box-items .event-image .post-date {
    position: absolute;
    top: 35px;
    left: 35px;
    border-radius: 6px;
    padding: 8px 14px;
    background-color: var(--theme);
    color: var(--white);
}
.event-box-items .event-image .post-date li {
    display: flex;
    align-items: center;
    gap: 8px;
}
.event-box-items .event-content {
    padding: 30px;
}
@media (max-width: 575px) {
    .event-box-items .event-content {
        padding: 20px 25px;
    }
}
.event-box-items .event-content ul {
    margin-bottom: 10px;
}
.event-box-items .event-content ul li i {
    color: var(--theme);
}
.event-box-items .event-content ul li span {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 500;
}
.event-box-items .event-content h3 {
    border-bottom: 2px dotted var(--theme);
    padding-bottom: 20px;
}
.event-box-items .event-content h3 a:hover {
    color: var(--theme);
}
.event-box-items .event-content .event-author {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 575px) {
    .event-box-items .event-content .event-author {
        margin-top: 20px;
    }
}
@media (max-width: 1199px) {
    .event-box-items .event-content .event-author .theme-btn {
        padding: 20px 30px;
    }
}
@media (max-width: 991px) {
    .event-box-items .event-content .event-author .theme-btn {
        padding: 18px 25px;
    }
}
.event-box-items .event-content .event-author .author-ratting span {
    margin-left: 0;
    color: var(--header);
    font-weight: 500;
}
.event-box-items .event-content .event-author .author-ratting .star {
    margin-top: 3px;
}
.event-box-items .event-content .event-author .author-ratting .star i {
    color: var(--theme);
}
.event-box-items .event-content .event-author .author-ratting .star .color-1 {
    color: #808080;
}
.event-box-items.style-bottom {
    margin-bottom: 50px;
}

.event-details-wrapper .event-details-items .details-image img {
    width: 100%;
    height: 100%;
}
.event-details-wrapper .event-details-items .event-details-content {
    margin-top: 30px;
}
.event-details-wrapper .event-details-items .event-details-content .post-items {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
}
.event-details-wrapper .event-details-items .event-details-content .post-items .post-date {
    display: inline-block;
    padding: 8px 14px;
    font-size: 16px;
    font-weight: 600;
    background-color: var(--theme);
    border-radius: 6px;
    color: var(--white);
}
.event-details-wrapper .event-details-items .event-details-content .post-items .post-date i {
    margin-right: 5px;
}
.event-details-wrapper .event-details-items .event-details-content .post-items .post-time {
    display: inline-block;
    padding: 7px 14px;
    font-size: 16px;
    font-weight: 600;
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid var(--theme);
    color: var(--theme);
}
.event-details-wrapper .event-details-items .event-details-content .post-items .post-time i {
    margin-right: 5px;
}
.event-details-wrapper .event-details-items .event-details-content h2 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 130%;
}
@media (max-width: 575px) {
    .event-details-wrapper .event-details-items .event-details-content h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }
}
.event-details-wrapper .event-details-items .event-details-content .list li:not(:last-child) {
    margin-bottom: 10px;
}
.event-details-wrapper .event-details-items .event-details-content .list li i {
    margin-right: 5px;
    color: var(--theme);
}
.event-details-wrapper .event-details-items .event-details-content .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.event-details-wrapper .event-details-items .about-author {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 25px 0;
}
@media (max-width: 1199px) {
    .event-details-wrapper .event-details-items .about-author {
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .event-details-wrapper .event-details-items .about-author {
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .event-details-wrapper .event-details-items .about-author {
        margin-top: 20px;
    }
}
.event-details-wrapper .event-details-items .about-author .author-icon {
    display: flex;
    align-items: center;
    gap: 20px;
}
.event-details-wrapper .event-details-items .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;
}
.event-details-wrapper .event-details-items .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%);
}
.event-details-wrapper .details-list-area {
    padding: 30px 40px;
    border-radius: 10px;
    position: relative;
    z-index: 9;
    border: 1px solid var(--border);
}
@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 var(--border);
    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 var(--border);
}
.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);
}
.event-details-wrapper .details-list-area .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
    border: 1px solid transparent;
}
.event-details-wrapper .map-items {
    margin-top: 30px;
}
.event-details-wrapper .map-items iframe {
    width: 100%;
    height: 300px;
}

.event-section-2 {
    margin-bottom: -50px;
}

.event-section {
    position: relative;
    margin-top: 120px;
}
.event-section .event-top-shape {
    height: 160px;
    width: 100%;
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    overflow-x: hidden;
}
.event-section .wave {
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    background-size: cover;
}
.event-section .wave:nth-of-type(2) {
    bottom: 0;
    animation: wave 18s linear reverse infinite;
}
.event-section .wave:nth-of-type(3) {
    bottom: 0;
    animation: wave 20s -1s linear infinite;
}

.faq-left .nav {
    display: grid;
}
@media (max-width: 991px) {
    .faq-left .nav {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }
}
.faq-left .nav .nav-link {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
    color: #ffffff;
    margin-bottom: 15px;
    background-color: #229177;
    border-radius: 10px;
}
.faq-left .nav .nav-link.active {
    background-color: var(--theme);
}
.faq-left .nav .nav-link:hover {
    background-color: var(--theme);
}

.faq-content .accordion-item {
    border: 0;
    background-color: var(--white);
    box-shadow: var(--box-shadow);
}
.faq-content .accordion-item .accordion-header .accordion-button {
    font-weight: 700;
    color: var(--theme);
    letter-spacing: -0.2px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: var(--white);
    padding: 25px 30px 0;
    text-transform: capitalize;
    font-size: 20px;
    border: none;
}
.faq-content .accordion-item .accordion-header .accordion-button::after {
    font-weight: 500;
    transition: all 0.3s ease-in-out !important;
    background-image: url(../../assets/img/chervon-right.png);
    color: var(--theme2);
}
.faq-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url(../../assets/img/down-arrow.png);
    font-weight: 500;
    color: var(--theme);
    transform: rotate(0);
}
.faq-content .accordion-item .accordion-header .accordion-button.collapsed {
    background-color: transparent;
    padding: 25px 30px;
    color: var(--header);
}
.faq-content .accordion-item .accordion-collapse .accordion-body {
    padding-right: 130px;
    padding-left: 30px;
    padding-top: 15px;
    color: var(--text);
    background-color: var(--white);
    padding-bottom: 25px;
}
@media (max-width: 1399px) {
    .faq-content .accordion-item .accordion-collapse .accordion-body {
        padding-right: 50px;
    }
}
@media (max-width: 991px) {
    .faq-content .accordion-item .accordion-collapse .accordion-body {
        padding-right: 30px;
    }
}

.faq-section-5 {
    background-color: #EFF5F6;
    position: relative;
    z-index: 99;
    margin-top: 135px;
}
@media (max-width: 1899px) {
    .faq-section-5 {
        margin-top: 100px;
    }
}
@media (max-width: 1399px) {
    .faq-section-5 {
        margin-top: 0;
        padding: 120px 0;
    }
}
@media (max-width: 1199px) {
    .faq-section-5 {
        padding: 100px 0;
    }
}
@media (max-width: 991px) {
    .faq-section-5 {
        padding: 80px 0;
    }
}
.faq-section-5.faq-section-2 {
    margin-top: 155px;
}
@media (max-width: 1899px) {
    .faq-section-5.faq-section-2 {
        margin-top: 120px;
    }
}
@media (max-width: 1399px) {
    .faq-section-5.faq-section-2 {
        margin-top: 0;
    }
}
.faq-section-5 .top-shape {
    position: absolute;
    top: -135px;
    left: 0;
    right: 0;
}
@media (max-width: 1899px) {
    .faq-section-5 .top-shape {
        top: -100px;
    }
}
@media (max-width: 1399px) {
    .faq-section-5 .top-shape {
        display: none;
    }
}
.faq-section-5 .top-shape img {
    width: 100%;
}
.faq-section-5 .bottom-shape {
    position: absolute;
    bottom: -90px;
    left: 0;
    right: 0;
    z-index: 9;
}
@media (max-width: 1899px) {
    .faq-section-5 .bottom-shape {
        bottom: -60px;
    }
}
@media (max-width: 1399px) {
    .faq-section-5 .bottom-shape {
        display: none;
    }
}
.faq-section-5 .bottom-shape img {
    width: 100%;
}
.faq-section-5 .plane-shape {
    position: absolute;
    bottom: -60px;
    right: 0;
    z-index: 9;
}
@media (max-width: 1199px) {
    .faq-section-5 .plane-shape {
        display: none;
    }
}
.faq-section-5 .faq-image-5 {
    position: relative;
}
@media (max-width: 1399px) {
    .faq-section-5 .faq-image-5 img {
        width: 100%;
        height: 100%;
    }
}
.faq-section-5 .faq-image-5.style-2 {
    max-width: 718px;
    margin-left: -15%;
}
@media (max-width: 1199px) {
    .faq-section-5 .faq-image-5.style-2 {
        margin-left: 0;
    }
}
.faq-section-5 .faq-image-5.style-2 .faq-shape2 {
    position: absolute;
    left: -90px;
    top: -70px;
}
@media (max-width: 1199px) {
    .faq-section-5 .faq-image-5.style-2 .faq-shape2 {
        display: none;
    }
}
.faq-section-5 .faq-image-5.style-2 img {
    position: relative;
}
.faq-section-5 .faq-image-5 .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-7 {
    position: relative;
    z-index: 9;
}
.faq-section-7 .train-shape {
    position: absolute;
    right: 60px;
    bottom: 150px;
    z-index: -1;
}
@media (max-width: 1399px) {
    .faq-section-7 .train-shape {
        opacity: 0.3;
    }
}
.faq-section-7 .vec-shape {
    position: absolute;
    left: 40px;
    top: 35%;
    z-index: -1;
}
@media (max-width: 1399px) {
    .faq-section-7 .vec-shape {
        opacity: 0.3;
    }
}

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

.work-process-section-2 {
    position: relative;
}
.work-process-section-2 .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 h4 {
    margin-bottom: 5px;
}
.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-section {
    position: relative;
    margin-top: -55px;
}
.feature-value-section .shape-1 {
    position: absolute;
    top: 20%;
    left: 0;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
    .feature-value-section .shape-1 {
        display: none;
    }
}
.feature-value-section .shape-2 {
    position: absolute;
    top: 20%;
    right: 10px;
}
@media (max-width: 1199px) {
    .feature-value-section .shape-2 {
        display: none;
    }
}

.feature-value-items {
    margin-top: 30px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1399px) {
    .feature-value-items {
        margin-bottom: -50px;
    }
}
@media (max-width: 1199px) {
    .feature-value-items {
        margin-bottom: 0;
    }
}
.feature-value-items .value-icon-items {
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 575px) {
    .feature-value-items .value-icon-items {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
}
.feature-value-items .value-icon-items:not(:last-child) {
    margin-bottom: 30px;
}
.feature-value-items .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-items .value-icon-items .icon.color-2 {
    background: rgba(88, 102, 235, 0.15);
    color: #5866EB;
}
.feature-value-items .value-icon-items .icon.color-3 {
    background: rgba(57, 192, 250, 0.15);
    color: #39C0FA;
}
.feature-value-items .value-icon-items .icon.color-4 {
    background: rgba(249, 37, 150, 0.15);
    color: #F92596;
}
.feature-value-items .value-icon-items .content h5 {
    margin-bottom: 10px;
}
.feature-value-items .value-icon-items.style-2 .content {
    text-align: right;
}
@media (max-width: 1199px) {
    .feature-value-items .value-icon-items.style-2 .content {
        text-align: left;
    }
}
@media (max-width: 575px) {
    .feature-value-items .value-icon-items.style-2 .content {
        text-align: center;
    }
}
.feature-value-items .feature-value-image {
    max-width: 290px;
    text-align: center;
    margin: 0 auto -120px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1199px) {
    .feature-value-items .feature-value-image {
        margin: 0 auto 0;
    }
}
.feature-value-items .feature-value-image img {
    width: 100%;
    height: 100%;
}
.feature-value-items .feature-value-image .value-shape {
    position: absolute;
    bottom: 0;
    left: -25px;
    z-index: -1;
    right: -30px;
    max-width: 340px;
}
.feature-value-items .feature-value-image .value-shape img {
    width: 100%;
    height: 100%;
}

.counter-section {
    position: relative;
    z-index: 9;
    padding: 90px 0 120px;
    margin-bottom: -33px;
}
@media (max-width: 1199px) {
    .counter-section {
        margin-bottom: -27px;
    }
}
.counter-section .counter-bg {
    position: absolute;
    top: -16px;
    left: 0;
    background-color: var(--theme2);
    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-section .counter-bg {
        top: 0;
    }
}
.counter-section .line-shape {
    position: absolute;
    left: 0;
    bottom: 50px;
}
@media (max-width: 1199px) {
    .counter-section .line-shape {
        display: none;
    }
}
.counter-section .box-shape {
    position: absolute;
    right: 0;
    bottom: 0;
}
@media (max-width: 1199px) {
    .counter-section .box-shape {
        display: none;
    }
}

.counter-section-2 {
    background-color: var(--theme2);
    background-position: top !important;
}
@media (max-width: 767px) {
    .counter-section-2 {
        background-size: initial !important;
    }
}

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

.certificate-image img {
    width: 100%;
    height: 100%;
    border: 1px solid var(--border);
    border-radius: 20px;
}

.feature-items {
    position: relative;
    z-index: 9;
}
.feature-items .bg-1 {
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.feature-items .feature-image {
    margin: 0 auto 20px;
    text-align: center;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 270"><path fill-rule="evenodd" clip-rule="evenodd" d="M118.5 3.81329C145.5 3.81329 203.5 -11.1868 227.825 18.3132C252.409 42.9931 267.481 77.1202 269.793 113.268C272.216 151.147 253.052 186.574 227.825 213.041C202.968 239.12 170.036 253.795 135.37 254.298C100.213 254.809 65.6677 242.141 40.3938 215.762C14.7101 188.955 -2.27414 151.731 0.247487 113.268C2.63995 76.7756 42.1193 60.1621 67 35.3133C90.5999 11.7436 86.3466 3.40666 118.5 3.81329Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    max-width: 270px;
    position: relative;
    z-index: 9;
}
.feature-items .feature-image img {
    width: 100%;
    height: 100%;
}

.feature-box-items5 {
    position: relative;
    height: 100%;
    padding: 23px;
    padding-right: 34px;
    padding-bottom: 48px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1399px) {
    .feature-box-items5 {
        padding: 50px;
    }
}
.feature-box-items5 .border-circle {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    z-index: -1;
}
@media (max-width: 1399px) {
    .feature-box-items5 .border-circle {
        display: none;
    }
}
.feature-box-items5 .feature-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FEDFEF;
    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-items5 .feature-bg {
        mask: none;
        border-radius: 16px;
    }
}
.feature-box-items5 .feature-bg.bg-2 {
    background-color: #E6E8FC;
}
.feature-box-items5 .feature-bg.bg-3 {
    background-color: #E1F6FE;
}
.feature-box-items5 .feature-bg.bg-4 {
    background-color: #FFEAEB;
}
.feature-box-items5 .icon-box {
    text-align: right;
    position: relative;
    max-width: 168px;
    margin-left: auto;
    margin-bottom: 30px;
}
@media (max-width: 1199px) {
    .feature-box-items5 .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-items5 .icon-box img {
        display: none;
    }
}
.feature-box-items5 .icon-box .icon {
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
@media (max-width: 1199px) {
    .feature-box-items5 .icon-box .icon {
        top: 50%;
    }
}
@media (max-width: 1199px) {
    .feature-box-items5 .icon-box .icon img {
        display: inline !important;
        width: 45px;
    }
}
.feature-box-items5 h2 {
    font-size: 24px;
    text-align: center;
    position: relative;
    z-index: 5;
}
@media (max-width: 1199px) {
    .feature-box-items5 h2 {
        font-size: 20px;
    }
}
.feature-box-items5:hover .icon-box .icon img {
    animation: wobble 1.5s ease-in-out;
}

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

.choose-us-wrapper-5 {
    position: relative;
    z-index: 9;
}
.choose-us-wrapper-5 .choose-us-content {
    max-width: 635px;
}
.choose-us-wrapper-5 .choose-us-content .nav {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
}
.choose-us-wrapper-5 .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-5 .choose-us-content .nav .nav-item .nav-link.active {
    background-color: var(--theme);
    color: var(--white);
}
.choose-us-wrapper-5 .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-5 .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-5 .choose-us-content .choose-items .about-list-items {
        gap: 30px;
    }
}
@media (max-width: 1199px) {
    .choose-us-wrapper-5 .choose-us-content .choose-items .about-list-items {
        flex-wrap: wrap;
        gap: 20px;
    }
}
.choose-us-wrapper-5 .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-5 .choose-us-content .choose-items ul li {
        font-size: 16px;
    }
}
.choose-us-wrapper-5 .choose-us-content .choose-items ul li:not(:last-child) {
    margin-bottom: 20px;
}
.choose-us-wrapper-5 .choose-us-content .choose-us-button {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 38px;
}
@media (max-width: 767px) {
    .choose-us-wrapper-5 .choose-us-content .choose-us-button {
        margin-top: 30px;
        flex-wrap: wrap;
    }
}
.choose-us-wrapper-5 .choose-us-content .choose-us-button .theme-btn.style-two {
    background-color: var(--header);
}
.choose-us-wrapper-5 .choose-us-content .choose-us-button .theme-btn.style-two::before, .choose-us-wrapper-5 .choose-us-content .choose-us-button .theme-btn.style-two::after {
    background-color: var(--theme);
}
.choose-us-wrapper-5 .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-5 .choose-us-image .vec-shape {
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 1399px) {
    .choose-us-wrapper-5 .choose-us-image .vec-shape {
        display: none;
    }
}
.choose-us-wrapper-5 .choose-us-image img {
    width: 100%;
    height: 100%;
}
.choose-us-wrapper-5 .choose-us-image-items {
    position: relative;
}
.choose-us-wrapper-5 .choose-us-image-items .vec-shape {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
}
@media (max-width: 1399px) {
    .choose-us-wrapper-5 .choose-us-image-items .vec-shape {
        display: none;
    }
}
.choose-us-wrapper-5.style-about-3 .choose-us-content {
    max-width: initial;
}
.choose-us-wrapper-5.style-about-3 .choose-us-content .section-title h2 {
    font-size: 49px;
}
@media (max-width: 1399px) {
    .choose-us-wrapper-5.style-about-3 .choose-us-content .section-title h2 {
        font-size: 44px;
    }
}
@media (max-width: 1199px) {
    .choose-us-wrapper-5.style-about-3 .choose-us-content .section-title h2 {
        font-size: 40px;
    }
}
@media (max-width: 991px) {
    .choose-us-wrapper-5.style-about-3 .choose-us-content .section-title h2 {
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    .choose-us-wrapper-5.style-about-3 .choose-us-content .section-title h2 {
        font-size: 40px;
    }
}
@media (max-width: 575px) {
    .choose-us-wrapper-5.style-about-3 .choose-us-content .section-title h2 {
        font-size: 36px;
    }
}
.choose-us-wrapper-5.style-about-3 .choose-us-content .choose-items {
    padding-top: 0;
    border-top: none;
}
.choose-us-wrapper-5.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-5.style-about-3 .choose-us-content .about-button {
        flex-wrap: wrap;
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .choose-us-wrapper-5.style-about-3 .choose-us-content .about-button {
        margin-top: 25px;
    }
}
.choose-us-wrapper-5.style-about-3 .choose-us-content .about-button .author-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}
.choose-us-wrapper-5.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-5.style-about-3 .choose-us-content .about-button .author-icon .content h4 {
    font-weight: 700;
    font-size: 24px;
}
.choose-us-wrapper-5.style-about-3 .choose-us-content .about-button .author-icon .content h4 a {
    color: var(--text);
}
.choose-us-wrapper-5.style-about-3 .choose-us-content .about-button .author-icon .content h4 a:hover {
    color: var(--theme);
}
.choose-us-wrapper-5.style-about-3 .choose-us-content .about-button .author-icon .content h3 {
    font-weight: 700;
    font-size: 24px;
}
.choose-us-wrapper-5.style-about-3 .choose-us-content .about-button .author-icon .content h3 a {
    color: var(--text);
}
.choose-us-wrapper-5.style-about-3 .choose-us-content .about-button .author-icon .content h3 a:hover {
    color: var(--theme);
}
.choose-us-wrapper-5.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-5.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-5.style-about-3 .choose-us-image-2 img {
    width: 100%;
    height: 100%;
}

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

.counter-box-items5 {
    position: relative;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
    .counter-box-items5 {
        max-width: 328px;
        margin: 0 auto;
    }
}
.counter-box-items5 .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-items5 .bg-image img {
    width: 100%;
    height: 100%;
}
.counter-box-items5 .counter-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    z-index: 99;
}
.counter-box-items5 .counter-box h2 {
    font-size: 40px;
    position: relative;
    z-index: 99;
}
.counter-box-items5 .counter-box p {
    position: relative;
    z-index: 99;
    font-size: 16px;
    text-transform: capitalize;
}
.counter-box-items5 .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: #e8ecf6;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease-in-out;
    z-index: 11;
}
.counter-box-items5 .counter-box .bg-shape.bg-2 {
    background-color: #E1F6FE;
}
.counter-box-items5 .counter-box .bg-shape.bg-3 {
    background-color: #E6E8FC;
}
.counter-box-items5 .counter-box .bg-shape.bg-4 {
    background-color: #FEDFEF;
}
.counter-box-items5.active .bg-image {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}
.counter-box-items5.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: "Quicksand", sans-serif;
}
@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-6 {
    position: relative;
}
.choose-us-section-6 .men-shape {
    position: absolute;
    left: 50px;
    top: 25%;
}
@media (max-width: 1399px) {
    .choose-us-section-6 .men-shape {
        opacity: 0.2;
    }
}
.choose-us-section-6 .girl-shape {
    position: absolute;
    right: 45px;
    bottom: 10%;
}
@media (max-width: 1399px) {
    .choose-us-section-6 .girl-shape {
        opacity: 0.2;
    }
}

.choose-us-wrapper-6 .choose-us-thumb {
    position: relative;
    z-index: 9;
}
.choose-us-wrapper-6 .choose-us-thumb .shape1 {
    position: absolute;
    top: 6%;
    left: 16%;
    z-index: 11;
}
.choose-us-wrapper-6 .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-6 .choose-us-thumb::before {
        display: none;
    }
}
.choose-us-wrapper-6 .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-6 .choose-us-thumb .thumb img {
    width: 100%;
    height: 100%;
}
.choose-us-wrapper-6 .choose-us-content .choose-text {
    margin-top: 30px;
}
.choose-us-wrapper-6 .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-6 .choose-us-content ul {
        flex-wrap: wrap;
        margin-top: 30px;
    }
}
.choose-us-wrapper-6 .choose-us-content ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--white);
    padding: 20px;
    border-radius: 35px;
    width: 100%;
}
.choose-us-wrapper-6 .choose-us-content ul li .icon {
    max-width: 56px;
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background-color: #E1F6FE;
}
.choose-us-wrapper-6 .choose-us-content ul li .title .iconss-title {
    font-size: 16px;
    text-transform: capitalize;
    color: var(--header);
    line-height: 135%;
    font-weight: 700;
}
@media (max-width: 1399px) {
    .choose-us-wrapper-6 .choose-us-content ul li .title .iconss-title {
        font-size: 16px;
    }
}
.choose-us-wrapper-6 .choose-us-content .skill-feature {
    max-width: 690px;
    margin-top: 30px;
    margin-bottom: 50px;
}
@media (max-width: 1399px) {
    .choose-us-wrapper-6 .choose-us-content .skill-feature {
        margin-bottom: 30px;
    }
}
.choose-us-wrapper-6 .choose-us-content .skill-feature:not(:last-child) {
    margin-bottom: 30px;
}
.choose-us-wrapper-6 .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-6 .choose-us-content .skill-feature .progress-value {
    margin-bottom: 10px;
    color: var(--header);
    text-transform: capitalize;
}
.choose-us-wrapper-6 .choose-us-content .skill-feature .progress {
    position: relative;
    height: 8px;
    background-color: #e8ecf6;
    border-radius: 0;
    overflow: visible;
    margin-top: 15px;
    border-radius: 4px;
}
.choose-us-wrapper-6 .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-6 .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;
}

.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: #e8ecf6;
        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: "Quicksand", sans-serif;
    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;
}

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

.values-wrapper-6 .values-list {
    margin-top: 30px;
    position: relative;
    z-index: 9;
}
.values-wrapper-6 .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-6 .values-list li {
        gap: 15px;
        padding: 15px;
    }
}
.values-wrapper-6 .values-list li:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 1399px) {
    .values-wrapper-6 .values-list li:not(:last-child) {
        margin-bottom: 18px;
    }
}
.values-wrapper-6 .values-list li .icon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background-color: #e8ecf6;
}
.values-wrapper-6 .values-list li .content .title {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
}
@media (max-width: 1399px) {
    .values-wrapper-6 .values-list li .content .title {
        font-size: 14px;
    }
}
.values-wrapper-6 .values-list li.active {
    background-color: var(--theme);
}
.values-wrapper-6 .values-list li.active .content .title {
    color: var(--white);
}
.values-wrapper-6 .thumb {
    text-align: center;
    margin-top: 30px;
    position: relative;
}
@media (max-width: 1600px) {
    .values-wrapper-6 .thumb {
        margin-bottom: -45px;
    }
}
@media (max-width: 1399px) {
    .values-wrapper-6 .thumb {
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .values-wrapper-6 .thumb img {
        width: 100%;
        height: 100%;
    }
}
.values-wrapper-6 .thumb .line-1 {
    position: absolute;
    top: 45%;
    left: 20px;
    transform: translateY(-50%);
}
@media (max-width: 1399px) {
    .values-wrapper-6 .thumb .line-1 {
        display: none;
    }
}
.values-wrapper-6 .thumb .line-2 {
    position: absolute;
    top: 45%;
    right: 20px;
    transform: translateY(-50%);
}
@media (max-width: 1399px) {
    .values-wrapper-6 .thumb .line-2 {
        display: none;
    }
}

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

.why-choose-wrapper-7 .values-list {
    margin-top: 30px;
    position: relative;
    z-index: 9;
    max-width: 350px;
    margin-left: 60px;
}
@media (max-width: 1199px) {
    .why-choose-wrapper-7 .values-list {
        margin-left: 0;
    }
}
.why-choose-wrapper-7 .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-7 .values-list li {
        gap: 15px;
        padding: 15px;
    }
}
.why-choose-wrapper-7 .values-list li:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 1399px) {
    .why-choose-wrapper-7 .values-list li:not(:last-child) {
        margin-bottom: 18px;
    }
}
.why-choose-wrapper-7 .values-list li:nth-last-of-type(2) {
    margin-left: 30px;
}
@media (max-width: 1199px) {
    .why-choose-wrapper-7 .values-list li:nth-last-of-type(2) {
        margin-left: 0;
    }
}
.why-choose-wrapper-7 .values-list li .icon {
    max-width: 56px;
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background-color: #e8ecf6;
}
.why-choose-wrapper-7 .values-list li .content .title {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
}
@media (max-width: 1399px) {
    .why-choose-wrapper-7 .values-list li .content .title {
        font-size: 14px;
    }
}
.why-choose-wrapper-7 .values-list.style-2 li:nth-last-of-type(2) {
    margin-left: -30px;
}
@media (max-width: 1199px) {
    .why-choose-wrapper-7 .values-list.style-2 li:nth-last-of-type(2) {
        margin-left: 0;
    }
}
.why-choose-wrapper-7 .choose-us-image {
    margin: 30px auto 0;
}
.why-choose-wrapper-7 .choose-us-image img {
    width: 100%;
    height: 100%;
}

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

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

.how-work-box-7 {
    margin-top: 135px;
}
@media (max-width: 1199px) {
    .how-work-box-7 {
        margin-top: 30px;
    }
}
.how-work-box-7.style-2 {
    margin-top: 30px;
}
.how-work-box-7.style-2 .title {
    margin-bottom: 0;
    margin-top: 30px;
}
.how-work-box-7 .title {
    font-size: 18px;
    font-weight: 700;
    color: var(--header);
    text-transform: capitalize;
    margin-bottom: 30px;
    text-align: center;
}
.how-work-box-7 .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-7 .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-7 .step-box.bg-2::before {
    background: #e8ecf6;
}
.how-work-box-7 .step-box.bg-3::before {
    background: #FEDFEF;
}
.how-work-box-7 .step-box.bg-4::before {
    background: #E6E8FC;
}
.how-work-box-7 .step-box h3 {
    text-transform: capitalize;
}
.how-work-box-7.style-box-1 {
    text-align: center;
}
.how-work-box-7.style-box-1 .title {
    max-width: 200px;
    margin-left: auto;
    text-align: center;
    margin-right: -40px;
}
@media (max-width: 1199px) {
    .how-work-box-7.style-box-1 .title {
        margin-right: 0;
        max-width: initial;
        margin-left: initial;
    }
}
.how-work-box-7.style-box-1 .step-box {
    margin-left: auto !important;
    text-align: center;
    margin: initial;
}
@media (max-width: 1199px) {
    .how-work-box-7.style-box-1 .step-box {
        margin-left: initial !important;
        margin: 0 auto !important;
    }
}
.how-work-box-7.style-box-2 {
    margin-left: 90px;
}
@media (max-width: 1199px) {
    .how-work-box-7.style-box-2 {
        margin-left: 0;
    }
}
.how-work-box-7.style-box-3 {
    text-align: left;
}
.how-work-box-7.style-box-3 .title {
    max-width: 205px;
    text-align: center;
    margin-left: -25px;
}
@media (max-width: 1199px) {
    .how-work-box-7.style-box-3 .title {
        margin-left: 0;
        max-width: initial;
    }
}
.how-work-box-7.style-box-3 .step-box {
    margin-left: initial;
    margin-left: 10px;
}
@media (max-width: 1199px) {
    .how-work-box-7.style-box-3 .step-box {
        margin-left: 0;
        margin: 0 auto;
    }
}

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

.gallery-thumb-7 {
    margin-top: 30px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.gallery-thumb-7::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-7 img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.gallery-thumb-7 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-7 .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-7:hover::before {
    opacity: 1;
    visibility: visible;
}
.gallery-thumb-7: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-7: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-7:hover .icon {
    opacity: 1;
    visibility: visible;
}

.counter-items-5 {
    text-align: center;
    border-right: 1px dashed var(--theme3);
    padding-right: 30px;
}
@media (max-width: 1199px) {
    .counter-items-5 {
        border-right: 1px none;
        padding-right: 0;
    }
}
.counter-items-5.border-none {
    border-right: none;
    padding-right: 0;
}
.counter-items-5 .icon svg path {
    transition: all 0.4s ease-in-out;
}
.counter-items-5 .content {
    margin-top: 10px;
}
.counter-items-5 .content h2 {
    color: var(--header2);
    margin-bottom: 5px;
}
.counter-items-5 .content p {
    font-size: 18px;
    font-weight: 600;
}
.counter-items-5:hover .icon svg path {
    fill: #F5C748;
}

.choose-us-wrapper .choose-us-image {
    position: relative;
}
.choose-us-wrapper .choose-us-image img {
    width: 100%;
    height: 100%;
    border-radius: 20px 20px 20px 1000px;
}
.choose-us-wrapper .choose-us-image .radius-shape {
    position: absolute;
    top: 130px;
    z-index: -1;
    right: 0;
}
@media (max-width: 1199px) {
    .choose-us-wrapper .choose-us-image .radius-shape {
        display: none;
    }
}
.choose-us-wrapper .choose-us-image.style-2 {
    margin-top: 70px;
}
@media (max-width: 1199px) {
    .choose-us-wrapper .choose-us-image.style-2 {
        margin-top: 0;
    }
}
.choose-us-wrapper .choose-us-image.style-2 img {
    border-radius: 20px 1000px 20px 20px;
}
.choose-us-wrapper .choose-us-image.style-2 .radius-shape-2 {
    position: absolute;
    top: -72px;
    left: 0;
    z-index: -1;
}
@media (max-width: 1199px) {
    .choose-us-wrapper .choose-us-image.style-2 .radius-shape-2 {
        display: none;
    }
}
.choose-us-wrapper .choose-us-content .choose-us-item {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}
@media (max-width: 1199px) {
    .choose-us-wrapper .choose-us-content .choose-us-item {
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 30px;
    }
}
.choose-us-wrapper .choose-us-content .choose-us-item .icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.04);
}
.choose-us-wrapper .choose-us-content .choose-us-item .content h5 {
    margin-bottom: 10px;
}
.choose-us-wrapper .choose-us-content .choose-us-button {
    display: flex;
    align-items: center;
    gap: 35px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 40px;
    padding-top: 40px;
}
@media (max-width: 1199px) {
    .choose-us-wrapper .choose-us-content .choose-us-button {
        flex-wrap: wrap;
    }
}
.choose-us-wrapper .choose-us-content .choose-us-button .theme-btn {
    background-color: var(--theme3);
}
.choose-us-wrapper .choose-us-content .choose-us-button .call-btn {
    display: flex;
    align-items: center;
    gap: 12px;
}
.choose-us-wrapper .choose-us-content .choose-us-button .call-btn .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: var(--theme3);
    border-radius: 100px;
    color: var(--white);
}
.choose-us-wrapper .choose-us-content .choose-us-button .call-btn .content span {
    font-weight: 500;
}

.footer-widgets-wrapper {
    padding: 90px 0 120px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1199px) {
    .footer-widgets-wrapper {
        padding: 60px 0 90px;
    }
}
@media (max-width: 991px) {
    .footer-widgets-wrapper {
        padding: 50px 0 70px;
    }
}
.footer-widgets-wrapper .single-footer-widget {
    margin-top: 30px;
}
.footer-widgets-wrapper .single-footer-widget .widget-head {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, #28386a 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-wrapper .single-footer-widget .widget-head {
        margin-bottom: 20px;
    }
}
.footer-widgets-wrapper .single-footer-widget .widget-head h3 {
    font-weight: bold;
    color: #229177;
    font-size: 24px;
    display: inline-block;
}
.footer-widgets-wrapper .single-footer-widget .footer-content p {
    color: #ffffff;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
    margin-top: 40px;
    gap: 15px;
    position: relative;
    z-index: 9;
}
@media (max-width: 575px) {
    .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
        margin-top: 20px;
    }
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    display: block;
    color: #ffffff;
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: #229177;
    border: 1px solid rgba(56, 84, 105, 0.2);
    border-radius: 50%;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a:hover {
    background-color: #ffffff;
    color: #229177;
    border: 1px solid transparent;
}
.footer-widgets-wrapper .single-footer-widget .footer-content.style-two .social-icon {
    margin-top: 20px;
    margin-bottom: 35px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input {
    position: relative;
    margin-top: 40px;
}
.footer-widgets-wrapper .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-wrapper .single-footer-widget .footer-content .footer-input input::placeholder {
    color: var(--text);
}
.footer-widgets-wrapper .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-wrapper .single-footer-widget .footer-content .footer-input .newsletter-btn i {
    font-size: 24px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info {
    margin-top: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li {
    color: var(--text);
    font-weight: 500;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li:not(:last-child) {
    margin-bottom: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li i {
    font-size: 16px;
    color: var(--theme);
    margin-right: 10px;
    font-size: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li a {
    color: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .list-area li {
    transition: all 0.4s ease-in-out;
    font-weight: 500;
}
.footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child) {
    margin-bottom: 15px;
}
.footer-widgets-wrapper .single-footer-widget .list-area li a {
    color: #ffffff;
}
.footer-widgets-wrapper .single-footer-widget .list-area li a i {
    margin-right: 5px;
}
.footer-widgets-wrapper .single-footer-widget .list-area li:hover {
    margin-left: 5px;
}
.footer-widgets-wrapper .single-footer-widget .list-area li:hover a {
    color: #229177;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .thumb {
    width: 80px;
    height: 80px;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .thumb img {
    width: 100%;
    height: 100%;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content .post-date {
    margin-bottom: 10px;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content .post-date li {
    color: var(--theme);
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content h6 {
    font-size: 16px;
    font-weight: 700;
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content h6 a {
    color: var(--header);
}
.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .content h6 a:hover {
    color: var(--theme);
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item {
    overflow: hidden;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .thumb {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 20px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content .post-date {
    color: var(--theme);
    margin-bottom: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content .post-date i {
    margin-right: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content h6 {
    font-size: 16px;
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content h6 a {
    color: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .footer-post .single-post-item .post-content h6 a:hover {
    color: var(--theme);
}
@media (min-width: 1200px) {
    .footer-widgets-wrapper .single-footer-widget.style-margin {
        margin-left: 70px;
    }
}
@media (min-width: 1200px) {
    .footer-widgets-wrapper .single-footer-widget.style-margin-2 {
        margin-left: 50px;
    }
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item:not(:last-child) {
    margin-bottom: 10px;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb {
    position: relative;
}
@media (max-width: 575px) {
    .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb {
        width: 100px;
    }
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.footer-widgets-wrapper .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-wrapper .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-wrapper .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-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon {
    opacity: 1;
}
.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon::after {
    opacity: 1;
}
.footer-widgets-wrapper .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-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 {
    margin-top: 20px;
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 {
    display: flex;
    gap: 16px;
}
.footer-widgets-wrapper .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-wrapper .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-wrapper .footer-style-2 .single-footer-widget .footer-content .contact-info-area-2 .contact-info-item-2 .content a {
    color: var(--text-2);
}
.footer-widgets-wrapper .footer-style-2 .single-footer-widget .footer-content .apps-image {
    gap: 16px;
    margin-top: 30px;
}
.footer-widgets-wrapper.style-2 {
    text-align: center;
    padding: 100px 0 0px;
}
.footer-widgets-wrapper.style-2 .footer-top {
    margin-bottom: 40px;
}
.footer-widgets-wrapper.style-2 .footer-top p {
    color: var(--white);
    margin-top: 20px;
}
.footer-widgets-wrapper.style-2 .footer-list {
    display: flex;
    align-items: center;
    gap: 85px;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 40px 0;
}
@media (max-width: 1199px) {
    .footer-widgets-wrapper.style-2 .footer-list {
        flex-wrap: wrap;
        gap: 30px;
    }
}
.footer-widgets-wrapper.style-2 .footer-list li {
    font-size: 22px;
    color: var(--white);
}
.footer-widgets-wrapper.style-2 .footer-list li a {
    color: var(--white);
}
.footer-widgets-wrapper.style-2 .footer-list li i {
    color: var(--theme3);
    font-size: 28px;
    margin-right: 8px;
}
.footer-widgets-wrapper.style-2 .footer-middle-btn {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 40px 0;
}
@media (max-width: 1199px) {
    .footer-widgets-wrapper.style-2 .footer-middle-btn {
        margin-bottom: 30px;
    }
}
.footer-widgets-wrapper.style-2 .footer-middle-btn .theme-btn {
    background-color: var(--theme3);
    color: var(--header2);
}
.footer-widgets-wrapper.style-2 .footer-middle-btn .theme-btn::before, .footer-widgets-wrapper.style-2 .footer-middle-btn .theme-btn::after {
    background-color: var(--white);
}

.footer-bottom {
    position: relative;
    z-index: 9;
    padding: 20px 0px;
    background-color: #ffffff;
}
.footer-bottom .f-bottom-shape {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    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;
}
@media (max-width: 991px) {
    .footer-bottom .footer-wrapper {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center !important;
        margin-top: 30px;
        padding-top: 90px;
        padding-bottom: 70px;
    }
}
.footer-bottom .footer-wrapper p {
    color: var(--header);
    font-weight: 600;
}
.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-bottom .footer-wrapper.style-2 {
    padding: 40px 0;
}
.footer-bottom .footer-wrapper.style-2 p {
    color: var(--white);
}
.footer-bottom .footer-wrapper.style-2 .social-icon {
    gap: 15px;
    position: relative;
    z-index: 9;
}
.footer-bottom .footer-wrapper.style-2 .social-icon a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    display: block;
    color: var(--white);
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--white);
}
.footer-bottom .footer-wrapper.style-2 .social-icon a:hover {
    background-color: var(--theme3);
    border: 1px solid transparent;
}
.footer-bottom .scroll-icon {
    position: absolute;
    left: 90.2%;
    top: -40px;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    line-height: 60px;
    background-color: var(--theme);
    border-radius: 50%;
    text-align: center;
    color: var(--white);
    border: 5px solid var(--white);
    display: inline-block;
    z-index: 99;
}
@media (max-width: 1399px) {
    .footer-bottom .scroll-icon {
        left: 50%;
    }
}

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

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

.footer-info-wrapper-5 {
    border-bottom: 2px dashed rgba(56, 84, 105, 0.2);
    padding-bottom: 40px;
    padding-top: 90px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1199px) {
    .footer-info-wrapper-5 {
        padding-top: 70px;
    }
}
@media (max-width: 991px) {
    .footer-info-wrapper-5 {
        padding-top: 50px;
    }
}
.footer-info-wrapper-5 .footer-content {
    max-width: 350px;
    margin-top: 30px;
    position: relative;
    z-index: 9;
}
.footer-info-wrapper-5 .footer-content .footer-logo {
    display: inline-block;
    margin-bottom: 30px;
}
.footer-info-wrapper-5 .footer-content .social-icon {
    gap: 10px;
    margin-top: 28px;
}
.footer-info-wrapper-5 .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-5 .footer-content .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
    border-color: var(--theme);
}
.footer-info-wrapper-5 .footer-info-items {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(56, 84, 105, 0.2);
    border-radius: 40px;
    padding: 30px;
    position: relative;
    margin-top: 30px;
    position: relative;
    z-index: 9;
}
.footer-info-wrapper-5 .footer-info-items .flag-img {
    position: absolute;
    top: 30px;
    right: 30px;
}
.footer-info-wrapper-5 .footer-info-items .title {
    font-size: 20px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 22px;
    text-transform: capitalize;
}
.footer-info-wrapper-5 .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-5 .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-5 .footer-info-items ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-info-wrapper-5 .footer-info-items ul li:not(:last-child) {
    margin-bottom: 15px;
}
.footer-info-wrapper-5 .footer-info-items ul li i {
    color: var(--theme);
}

.footer-widget-wrapper-5 {
    padding: 40px 0 80px;
    position: relative;
    z-index: 9;
}
.footer-widget-wrapper-5 .footer-widget-items .widget-head {
    padding-bottom: 15px;
    margin-bottom: 22px;
    position: relative;
}
.footer-widget-wrapper-5 .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-5 .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-5 .footer-widget-items .widget-head h3 {
    font-size: 20px;
    text-transform: capitalize;
}
.footer-widget-wrapper-5 .footer-widget-items .gt-list-area li {
    transition: all 0.4s ease-in-out;
    text-transform: capitalize;
}
.footer-widget-wrapper-5 .footer-widget-items .gt-list-area li:not(:last-child) {
    margin-bottom: 15px;
}
.footer-widget-wrapper-5 .footer-widget-items .gt-list-area li a {
    color: var(--text);
}
.footer-widget-wrapper-5 .footer-widget-items .gt-list-area li:hover {
    margin-left: 5px;
}
.footer-widget-wrapper-5 .footer-widget-items .gt-list-area li:hover a {
    color: var(--theme);
}
.footer-widget-wrapper-5 .footer-widget-items .contact-infor li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-widget-wrapper-5 .footer-widget-items .contact-infor li:not(:last-child) {
    margin-bottom: 15px;
}
.footer-widget-wrapper-5 .footer-widget-items .contact-infor li i {
    color: var(--theme);
}

.footer-section-8 {
    position: relative;
    background: linear-gradient(135deg, #28386a, #106696);
}
.footer-section-8::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(20, 45, 64, 0.8);
}

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

.header-top-section {
    position: relative;
    z-index: 9;
    background-color: var(--bg);
}
@media (max-width: 991px) {
    .header-top-section {
        display: none;
    }
}
.header-top-section .header-top-shape {
    position: absolute;
    top: 0;
    left: 0;
    height: 92px;
    z-index: -1;
}
.header-top-section .header-top-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-top-section-4 {
    position: relative;
    z-index: 9;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .header-top-section-4 {
        display: none;
    }
}
.header-top-section-4 .header-top-shape {
    position: absolute;
    top: 0;
    left: 0;
    height: 92px;
    z-index: -1;
}
.header-top-section-4 .header-top-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}
.header-top-wrapper .contact-list {
    display: flex;
    align-items: center;
    gap: 40px;
}
.header-top-wrapper .contact-list li {
    color: var(--header);
    font-weight: 500;
}
.header-top-wrapper .contact-list li i {
    margin-right: 5px;
}
.header-top-wrapper .contact-list li a {
    color: var(--header);
    font-weight: 500;
}
.header-top-wrapper .social-icon {
    gap: 20px;
}
.header-top-wrapper .social-icon span {
    color: var(--header);
    font-weight: 500;
}
.header-top-wrapper .social-icon a {
    color: var(--header);
}
.header-top-wrapper .social-icon a:hover {
    color: var(--theme);
}
.header-top-wrapper.style-2 {
    padding: 15px 0;
}
.header-top-wrapper.style-2 .contact-list li {
    color: var(--white);
}
.header-top-wrapper.style-2 .contact-list li a {
    color: var(--white);
}

.header-top-wrapper.style-2 .contact-list li a:hover{
    color: #ffffff;
}
.header-top-wrapper.style-2 .social-icon span {
    color: var(--white);
}
.header-top-wrapper.style-2 .social-icon a {
    color: var(--white);
}
.header-top-wrapper.style-2 .social-icon a:hover {
    color: #ffffff;
}

.header-top-section-3 {
    background-color: var(--theme2);
}
@media (max-width: 767px) {
    .header-top-section-3 {
        display: none;
    }
}

.header-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: transparent;
}

.header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    position: relative;
}
.header-main .main-menu ul {
    margin-bottom: 0;
}
.header-main .main-menu ul .menu-thumb {
    position: inherit;
}
.header-main .main-menu ul li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-inline-end: 45px;
}
.header-main .main-menu ul li:last-child {
    margin-inline-end: 0;
}
.header-main .main-menu ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: var(--theme);
    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: #229177 !important;
}
.header-main .main-menu ul li .submenu {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    min-width: 250px;
    background: var(--white);
    padding: 20px 0;
    border-radius: 10px;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    color: var(--header);
    transition: all 0.4s ease-in-out;
    border-top: 4px solid var(--theme);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transform: scaleY(0);
    transform-origin: top;
    visibility: hidden;
    gap: 0;
    padding: 10px 0;
    transition: 0.4s;
}
.header-main .main-menu ul li .submenu li {
    display: block;
    width: 100%;
    margin: 0;
}
.header-main .main-menu ul li .submenu li a {
    position: relative;
    z-index: 11;
    font-size: 16px;
    font-weight: 700;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
    line-height: 38px;
    padding: 0px 0px 0px 32px;
    padding-right: 22px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-main .main-menu ul li .submenu li a::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 2px;
    background: var(--theme);
    left: 14px;
    bottom: 18px;
    transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .submenu li a:hover {
    color: var(--theme) !important;
}
.header-main .main-menu ul li .submenu li:last-child a {
    border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
    inset-inline-start: 100%;
    top: 0;
    visibility: hidden;
    opacity: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.header-main .main-menu ul li .submenu li:hover > a {
    color: var(--theme) !important;
    margin-left: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::before {
    width: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
    color: var(--theme);
}
.header-main .main-menu ul li .submenu li:hover > .submenu {
    -webkit-transform: translateY(1);
    -moz-transform: translateY(1);
    -ms-transform: translateY(1);
    -o-transform: translateY(1);
    transform: translateY(1);
    visibility: visible;
    opacity: 1;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
    position: absolute;
    top: 50%;
    inset-inline-end: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--theme);
}
.header-main .main-menu ul li .has-homemenu {
    padding: 20px 20px 10px 20px !important;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    width: 100%;
    z-index: 999;
    overflow: hidden;
    margin: auto;
    max-height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
    position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .new-tag {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    padding: 8px 14px;
    line-height: 1;
    background-color: #5fe8f3;
}
.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::before {
    display: none;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn::after {
    display: none;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:not(:last-child) {
    margin-bottom: 10px;
}
.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 .demo-button .theme-btn:hover span {
    color: #fff;
}
.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: 700;
    font-family: "Quicksand", sans-serif;
    color: var(--header);
    text-transform: capitalize;
}
.header-main .main-menu ul li .has-homemenu {
    /* Hide scrollbar - Firefox */
    scrollbar-width: none;
    /* Hide scrollbar - IE & Edge */
    -ms-overflow-style: none;
}
.header-main .main-menu ul li {
    /* Hide scrollbar - Chrome, Safari */
}
.header-main .main-menu ul li .has-homemenu::-webkit-scrollbar {
    display: none;
}
.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%;
}

.sidebar__toggle {
    cursor: pointer;
    font-size: 20px;
}

.container-fluid {
    padding: 0 150px;
}
@media (max-width: 1600px) {
    .container-fluid {
        padding: 0 40px;
    }
}
@media (max-width: 1199px) {
    .container-fluid {
        padding: 0 30px;
    }
}
@media (max-width: 767px) {
    .container-fluid {
        padding: 0 20px;
    }
}

.header-1 {
    background-color: var(--bg);
    padding-top: 25px;
}
@media (max-width: 991px) {
    .header-1 {
        padding-top: 0;
    }
}
.header-1 .header-main .header-left {
    display: flex;
    align-items: center;
    gap: 60px;
}
@media (max-width: 1899px) {
    .header-1 .header-main .header-left {
        gap: 40px;
    }
}
@media (max-width: 1399px) {
    .header-1 .header-main .header-left {
        gap: 25px;
    }
}
@media (max-width: 1199px) {
    .header-1 .header-main .header-left {
        gap: 20px;
    }
}
.header-1 .header-main .header-left .category-wrapper {
    position: relative;
    display: inline-block;
}
@media (max-width: 767px) {
    .header-1 .header-main .header-left .category-wrapper {
        display: none;
    }
}
.header-1 .header-main .header-left .category-wrapper:hover .arrow i {
    transform: rotate(180deg);
}
.header-1 .header-main .header-left .category-wrapper:hover .category-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.header-1 .header-main .header-left .category-btn {
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid rgba(92, 112, 126, 0.3);
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--header);
    font-weight: 600;
}
.header-1 .header-main .header-left .category-btn .icon i {
    color: var(--theme2);
    font-size: 18px;
}
.header-1 .header-main .header-left .category-btn .arrow i {
    font-size: 14px;
    transition: 0.3s;
}
.header-1 .header-main .header-left .category-dropdown {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: 0.35s ease;
    z-index: 99;
}
.header-1 .header-main .header-left .category-dropdown ul {
    list-style: none;
    padding: 10px;
    margin: 0;
}
.header-1 .header-main .header-left .category-dropdown ul li {
    padding: 0 15px;
    border-radius: 6px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
}
.header-1 .header-main .header-left .category-dropdown ul li:not(:last-child) {
    margin-bottom: 5px;
}
.header-1 .header-main .header-left .category-dropdown ul li a {
    color: var(--header);
}
.header-1 .header-main .header-left .category-dropdown ul li a:hover {
    color: var(--theme) !important;
}
.header-1 .header-main .header-left .category-dropdown ul li:hover a {
    color: var(--theme) !important;
}
.header-1 .header-main .header-left .category-dropdown ul li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.header-1 .header-main .header-left {
    /* Sub menu */
}
.header-1 .header-main .header-left .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    width: 220px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateX(15px);
    transition: 0.3s ease;
}
.header-1 .header-main .header-left .sub-menu li {
    padding: 12px 15px;
}
.header-1 .header-main .header-right {
    gap: 30px;
}
@media (max-width: 1199px) {
    .header-1 .header-main .header-right {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .header-1 .header-main .header-right {
        gap: 10px;
    }
}
.header-1 .header-main .header-right .search-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(92, 112, 126, 0.3);
    color: var(--header);
    margin-left: 30px;
}
@media (max-width: 1199px) {
    .header-1 .header-main .header-right .search-icon {
        margin-left: 0;
    }
}
@media (max-width: 1199px) {
    .header-1 .header-main .header-right .search-icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
@media (max-width: 1399px) {
    .header-1 .header-main .header-right .header-button {
        display: none;
    }
}

.header-11 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #ffffff;
}
@media (max-width: 575px) {
    .header-11 .logo img {
        width: 140px;
    }
}
.header-11 .top-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
@media (max-width: 1199px) {
    .header-11 .top-bar {
        display: none;
    }
}
.header-11 .top-bar img {
    width: 100%;
    height: 118px;
}
@media (max-width: 1199px) {
    .header-11 .logo img {
        width: 150px;
    }
}
@media (max-width: 575px) {
    .header-11 .logo img {
        width: 150px;
    }
}
.header-11 .container {
    max-width: 1720px;
}
.header-11 .sidebar__toggle span {
    background-color: var(--header);
}
.header-11 .sidebar__toggle span:last-child, .header-11 .sidebar__toggle span:first-child {
    width: 25px;
}
.header-11 .sidebar__toggle:hover span {
    width: 100%;
}
.header-11 .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-11 .header-right .search-toggler {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
}
.header-11 .header-right .search-toggler:hover {
    background-color: var(--theme);
    border-color: var(--theme);
    color: var(--white);
}
@media (max-width: 1199px) {
    .header-11 .header-right .theme-btn {
        display: none;
    }
}

.header-2 {
    background-color: var(--bg);
}
.header-2 .header-main {
    background-color: var(--white);
    padding: 20px 30px;
    border-radius: 16px;
}
.header-2 .header-main .header-right {
    gap: 30px;
}
@media (max-width: 1199px) {
    .header-2 .header-main .header-right {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .header-2 .header-main .header-right {
        gap: 10px;
    }
}
.header-2 .header-main .header-right .search-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(92, 112, 126, 0.3);
    color: var(--header);
    margin-left: 30px;
}
@media (max-width: 1199px) {
    .header-2 .header-main .header-right .search-icon {
        margin-left: 0;
    }
}
@media (max-width: 1199px) {
    .header-2 .header-main .header-right .search-icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
@media (max-width: 1399px) {
    .header-2 .header-main .header-right .header-button {
        display: none;
    }
}

.header-3 {
    padding: 10px 0;
}
.header-3 .header-main .header-left {
    display: flex;
    align-items: center;
    gap: 35px;
}
.header-3 .header-main .header-right {
    gap: 30px;
}
.header-3 .header-main .header-right .author-icon {
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 1399px) {
    .header-3 .header-main .header-right .author-icon {
        display: none;
    }
}
.header-3 .header-main .header-right .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;
}
.header-3 .header-main .header-right .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%);
}
.header-3 .header-main .header-right .author-icon .content span {
    margin-bottom: 5px;
    display: inline-block;
}
@media (max-width: 1199px) {
    .header-3 .header-main .header-right .header-button {
        display: none;
    }
}

.header-4 {
    padding: 10px 0;
}
.header-4 .header-main .header-right {
    gap: 30px;
}
@media (max-width: 1199px) {
    .header-4 .header-main .header-right {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .header-4 .header-main .header-right {
        gap: 20px;
    }
}
.header-4 .header-main .header-right .search-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(92, 112, 126, 0.3);
    color: var(--header);
    margin-left: 30px;
}
@media (max-width: 1199px) {
    .header-4 .header-main .header-right .search-icon {
        margin-left: 0;
    }
}
@media (max-width: 1199px) {
    .header-4 .header-main .header-right .search-icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
@media (max-width: 1399px) {
    .header-4 .header-main .header-right .header-button {
        display: none;
    }
}

.sidebar__toggle {
    cursor: pointer;
}

.header-section-22 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.header-section-22 .container {
    max-width: 1720px;
}
.header-section-22 .header-top2 {
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .header-section-22 .header-top2 {
        display: none;
    }
}
.header-section-22 .header-top2 .topbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.header-section-22 .header-top2 .topbar img {
    width: 100%;
    height: 72px;
}
.header-section-22 .header-top-wrapper2 {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-section-22 .header-top-wrapper2 ul {
    display: flex;
    align-items: center;
    gap: 30px;
}
.header-section-22 .header-top-wrapper2 ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.header-section-22 .header-top-wrapper2 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-22 .header-top-wrapper2 ul li {
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
}
.header-section-22 .header-top-wrapper2 ul li a {
    color: var(--white);
}
.header-section-22 .header-top-wrapper2 .social-icon {
    gap: 10px;
}
.header-section-22 .header-top-wrapper2 .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-22 .header-top-wrapper2 .social-icon a:hover {
    background-color: var(--white);
    color: var(--theme);
    border-color: var(--white);
}
.header-section-22 .sidebar__toggle span {
    background-color: var(--header);
}
.header-section-22 .sidebar__toggle span:last-child, .header-section-22 .sidebar__toggle span:first-child {
    width: 25px;
}
.header-section-22 .sidebar__toggle:hover span {
    width: 100%;
}
@media (max-width: 575px) {
    .header-section-22 .header-22 .logo img {
        width: 140px;
    }
}
.header-section-22 .header-22 .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-22 .header-22 .header-right .search-toggler {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
}
.header-section-22 .header-22 .header-right .search-toggler:hover {
    background-color: var(--theme);
    border-color: var(--theme);
    color: var(--white);
}
@media (max-width: 1199px) {
    .header-section-22 .header-22 .header-right .theme-btn {
        display: none;
    }
}

.header-33 .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-33 .header-main .main-menu ul li a {
    color: var(--white);
}
.header-33 .header-main .main-menu ul li a:hover {
    color: var(--theme) !important;
}
.header-33 .header-main .main-menu ul li .submenu {
    color: var(--header);
}
.header-33 .header-main .main-menu ul li .submenu li a {
    color: var(--header);
}
.header-33 .header-main .main-menu ul li .submenu li a:hover {
    color: var(--theme) !important;
}
.header-33 .header-main .main-menu ul li .submenu li:hover > a {
    color: var(--theme) !important;
}
.header-33 .header-main .main-menu ul li .submenu li:hover > a::after {
    color: var(--theme);
}
.header-33 .header-main .main-menu ul li .submenu li.has-dropdown > a::after {
    color: var(--theme);
}
.header-33 .header-main .main-menu ul li:hover > a {
    color: var(--theme);
}
.header-33 .header-main .main-menu ul li:hover > a::after {
    color: var(--theme);
}
.header-33 .sidebar__toggle span {
    background-color: var(--white);
}
.header-33 .sidebar__toggle:hover span {
    width: 100%;
}
.header-33 .header-right .search-toggler {
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--white);
}
.header-33 .header-right .search-toggler:hover {
    background-color: var(--theme);
    border-color: var(--theme);
    color: var(--white);
}

.header-55 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: transparent;
}
.header-55 .container-fluid {
    padding: 0 90px;
}
@media (max-width: 1600px) {
    .header-55 .container-fluid {
        padding: 0 40px;
    }
}
@media (max-width: 1199px) {
    .header-55 .container-fluid {
        padding: 0 30px;
    }
}
@media (max-width: 767px) {
    .header-55 .container-fluid {
        padding: 0 20px;
    }
}
.header-55 .header-main .main-menu ul li a {
    color: var(--white);
}
.header-55 .header-main .header-right {
    gap: 30px;
}
@media (max-width: 1199px) {
    .header-55 .header-main .header-right {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .header-55 .header-main .header-right {
        gap: 10px;
    }
}
.header-55 .header-main .header-right .search-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: var(--white);
    margin-left: 30px;
}
@media (max-width: 1199px) {
    .header-55 .header-main .header-right .search-icon {
        margin-left: 0;
    }
}
@media (max-width: 1199px) {
    .header-55 .header-main .header-right .search-icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
.header-55 .header-main .header-right .header-button .theme-btn {
    background-color: var(--theme3);
    color: var(--black);
}
.header-55 .header-main .header-right .header-button .theme-btn:hover {
    color: var(--white);
}
@media (max-width: 1399px) {
    .header-55 .header-main .header-right .header-button {
        display: none;
    }
}

.sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    z-index: 100;
    transition: all 0.9s;
    background-color: var(--white);
    box-shadow: var(--box-shadow);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky.header-1 {
    padding-top: 0;
}
.sticky.header-11 .top-bar {
    display: none;
}
.sticky.header-2 .header-main {
    padding: 15px 0;
    border-radius: 0;
}
.sticky.header-33 {
    background-color: var(--header);
}
.sticky.header-33 .mega-menu-wrapper {
    background: initial;
    background-blend-mode: initial;
    backdrop-filter: initial;
    border-radius: 0px;
    padding: 0 0;
    margin-top: 0;
}
.sticky.header-33 .theme-btn:hover .theme-bg svg path {
    fill: var(--white);
}
.sticky.header-33 .theme-btn:hover span {
    color: var(--header);
}
.sticky.header-55 .header-main .main-menu ul li a {
    color: var(--header);
}
.sticky.header-55 .header-main .header-right .search-icon {
    border: 1px solid var(--header);
    color: var(--header);
}

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

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

.offcanvas__logo a img {
    width: 150px;
}

.offcanvas__wrapper {
    position: relative;
    height: 100%;
    padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas__content .text {
    color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--theme);
    position: relative;
    z-index: 9;
    cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
    color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
    margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {
    margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a {
    color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
    margin-bottom: 15px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
    margin-right: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i {
    color: var(--theme);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
    text-transform: initial;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn {
    width: 100%;
    padding: 16px 40px;
    text-transform: capitalize !important;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
    margin-top: 30px;
    gap: 10px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    display: block;
    background: transparent;
    color: var(--text);
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-align: center;
    border: 1px solid var(--border);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
}

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

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

@media (max-width: 450px) {
    .offcanvas__info {
        width: 300px;
    }
}
@media (max-width: 575px) {
    .offcanvas__wrapper {
        padding: 20px;
    }
}
.breadcrumb-wrapper {
    position: relative;
    overflow: hidden;
}
.breadcrumb-wrapper .line-shape {
    position: absolute;
    left: 0;
    bottom: 20%;
}
@media (max-width: 991px) {
    .breadcrumb-wrapper .line-shape {
        display: none;
    }
}
.breadcrumb-wrapper .plane-shape {
    position: absolute;
    top: 25%;
    left: 15%;
}
@media (max-width: 991px) {
    .breadcrumb-wrapper .plane-shape {
        display: none;
    }
}
.breadcrumb-wrapper .doll-shape {
    position: absolute;
    bottom: 25%;
    left: 12%;
}
@media (max-width: 991px) {
    .breadcrumb-wrapper .doll-shape {
        display: none;
    }
}
.breadcrumb-wrapper .parasuit-shape {
    position: absolute;
    right: 10%;
    top: 10%;
}
@media (max-width: 991px) {
    .breadcrumb-wrapper .parasuit-shape {
        display: none;
    }
}
.breadcrumb-wrapper .frame-shape {
    position: absolute;
    top: 12%;
    right: 23%;
    animation: rounded 5s linear infinite;
}
@media (max-width: 991px) {
    .breadcrumb-wrapper .frame-shape {
        display: none;
    }
}
.breadcrumb-wrapper .bee-shape {
    position: absolute;
    bottom: 25%;
    right: 18%;
}
@media (max-width: 991px) {
    .breadcrumb-wrapper .bee-shape {
        display: none;
    }
}
.breadcrumb-wrapper .page-heading {
    position: relative;
    padding: 140px 0 197px;
    text-align: center;
    z-index: 9;
}
@media (max-width: 1199px) {
    .breadcrumb-wrapper .page-heading {
        padding: 140px 0;
    }
}

.breadcrumb-wrapper .page-heading h1 {
    color: var(--white);
    font-size: 60px;
    position: relative;
    z-index: 9;
}
@media (max-width: 991px) {
    .breadcrumb-wrapper .page-heading h1 {
        font-size: 42px;
    }
}
@media (max-width: 575px) {
    .breadcrumb-wrapper .page-heading h1 {
        font-size: 36px;
    }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items {
    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(--white);
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
    color: var(--white);
    transition: all 0.4s ease-in-out;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover {
    color: var(--white);
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li i {
    color: var(--white);
}

.error-items {
    text-align: center;
}
.error-items .error-image img {
    width: 100%;
    height: 100%;
}
.error-items h2 {
    margin-top: 30px;
    margin-bottom: 40px;
}

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

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

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

.fix {
    overflow: hidden;
}

.ralt {
    position: relative;
}

.ml-100 {
    margin-left: 100px;
}

.ripple {
    position: relative;
}
.ripple::before, .ripple::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(243, 159, 95, 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;
}

.swiper-dot {
    margin-bottom: 2px;
    position: relative;
}
.swiper-dot::before {
    position: absolute;
    bottom: 13px;
    left: 37%;
    transform: translate(-50%, -50%);
    width: 105px;
    height: 2px;
    background: linear-gradient(90deg, #F39F5F 4.85%, rgba(255, 255, 255, 0) 96.39%);
    content: "";
    transform: rotate(-180deg);
}
@media (max-width: 1399px) {
    .swiper-dot::before {
        display: none;
    }
}
.swiper-dot::after {
    position: absolute;
    bottom: 13px;
    right: 37%;
    width: 105px;
    height: 2px;
    background: linear-gradient(90deg, #F39F5F 4.85%, rgba(255, 255, 255, 0) 96.39%);
    content: "";
}
@media (max-width: 1399px) {
    .swiper-dot::after {
        display: none;
    }
}
.swiper-dot .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    transition: 0.6s;
    background-color: #229177;
    opacity: 1;
    border-radius: 10px;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
    margin-right: 15px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #229177;
    transition: 0.6s;
    position: relative;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: -10px;
    left: -10px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #229177;
    content: "";
}
.swiper-dot.style-2::before {
    background: linear-gradient(90deg, #385469 4.85%, rgba(56, 84, 105, 0) 96.39%);
}
.swiper-dot.style-2::after {
    background: linear-gradient(90deg, #385469 4.85%, rgba(56, 84, 105, 0) 96.39%);
}
.swiper-dot.style-2 .swiper-pagination-bullet {
    background-color: var(--header);
}
.swiper-dot.style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--header);
}
.swiper-dot.style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    border: 2px solid var(--header);
}
.swiper-dot.bb-nones::after {
    display: none;
}
.swiper-dot.bb-nones::before {
    display: none;
}

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

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

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

.mt-60 {
    margin-top: 55px;
}

.mb-40 {
    margin-bottom: 40px;
}

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

.bg-cover-2 {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
    width: 100%;
    height: 100%;
}

.scroll-up {
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px var(--border);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    position: fixed;
    right: 25px;
    bottom: 35px;
    height: 50px;
    width: 50px;
    transition: all 0.4s ease-in-out;
}

.scroll-up::after {
    position: absolute;
    font-family: "Font Awesome 6 free";
    content: "\f062";
    text-align: center;
    line-height: 50px;
    font-weight: 700;
    font-size: 18px;
    color: var(--theme);
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}

.scroll-up svg path {
    fill: none;
}

.scroll-up svg.scroll-circle path {
    stroke: var(--theme2);
    stroke-width: 4px;
    box-sizing: border-box;
    transition: all 0.4s ease-in-out;
}

.scroll-up.active-scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.page-nav-wrap ul li {
    display: inline-block;
}
.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: 50px;
    height: 50px;
    line-height: 50px;
    background: transparent;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    margin: 0 2px;
    border: 1px solid var(--border);
    color: var(--text);
    border-radius: 50%;
}
@media (max-width: 767px) {
    .page-nav-wrap ul li .page-numbers {
        margin-top: 10px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
}
.page-nav-wrap ul li .page-numbers i {
    margin-top: 2px;
}
.page-nav-wrap ul li .page-numbers:hover {
    background-color: var(--theme);
    color: var(--white);
    border: 1px solid transparent;
}

.box-color-1 {
    background-color: rgba(248, 184, 31, 0.15);
    color: #F8B81F;
}

.box-color-2 {
    background-color: rgba(88, 102, 235, 0.15);
    color: #5866EB;
}

.box-color-3 {
    background-color: rgba(57, 192, 250, 0.15);
    color: #39C0FA;
}

.box-color-4 {
    background-color: rgba(249, 37, 150, 0.15);
    color: #F92596;
}

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

.pt-40 {
    padding-top: 40px;
}

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

.bor-1 {
    border: 1px solid var(--theme);
}

.mb-55 {
    margin-bottom: 55px !important;
}

.border-array-style {
    border: 1px solid var(--theme);
}

.pt-80 {
    padding-top: 80px;
}

.fz-40 {
    font-size: 40px;
}

.container-2 {
    max-width: 1410px;
}

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

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

.hero-1 {
    background-color: var(--bg);
    padding-top: 30px;
    padding-bottom: 40px;
    position: relative;
}
@media (max-width: 1199px) {
    .hero-1 {
        padding-top: 90px;
        padding-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .hero-1 {
        padding-top: 130px;
        padding-bottom: 0;
    }
}
@media (max-width: 767px) {
    .hero-1 {
        padding-top: 100px;
    }
}
@media (max-width: 575px) {
    .hero-1 {
        padding-top: 80px;
    }
}
.hero-1 .bottom-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.hero-1 .parasuit-shape {
    position: absolute;
    top: 20%;
    left: 5%;
}
@media (max-width: 767px) {
    .hero-1 .parasuit-shape {
        display: none;
    }
}
.hero-1 .left-shape {
    position: absolute;
    bottom: 10%;
    left: 0;
}
.hero-1 .book-shape {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width: 991px) {
    .hero-1 .book-shape {
        display: none;
    }
}
.hero-1 .pencil-shape {
    position: absolute;
    bottom: 15%;
    right: 5%;
    animation: rounded 5s linear infinite;
}
.hero-1 .bee-shape {
    position: absolute;
    top: 20%;
    right: 5%;
}
@media (max-width: 991px) {
    .hero-1 .bee-shape {
        display: none;
    }
}
.hero-1 .right-shape {
    position: absolute;
    top: 17%;
    right: 0;
}
.hero-1 .star-shape {
    position: absolute;
    bottom: 20%;
    left: 45%;
    transform: translateX(-50%);
}
.hero-1 .hero-content {
    position: relative;
    z-index: 9;
}
@media (max-width: 575px) {
    .hero-1 .hero-content {
        text-align: center;
        margin: 0 auto;
    }
}
.hero-1 .hero-content h5 {
    margin-bottom: 15px;
    color: var(--theme);
    font-family: "Pangolin";
    font-weight: 500;
    position: relative;
    display: inline-block;
}
.hero-1 .hero-content h5::before {
    position: absolute;
    right: -30px;
    top: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../../assets/img/star.svg);
}
.hero-1 .hero-content h1 {
    margin-bottom: 20px;
}
.hero-1 .hero-content h1 span {
    color: var(--theme);
}
@media (max-width: 1399px) {
    .hero-1 .hero-content h1 {
        font-size: 60px;
    }
}
@media (max-width: 1199px) {
    .hero-1 .hero-content h1 {
        font-size: 56px;
    }
}
@media (max-width: 767px) {
    .hero-1 .hero-content h1 {
        font-size: 42px;
    }
}
@media (max-width: 575px) {
    .hero-1 .hero-content h1 {
        font-size: 34px;
    }
}
.hero-1 .hero-content p {
    font-size: 20px;
}
.hero-1 .hero-content .hero-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
}
@media (max-width: 767px) {
    .hero-1 .hero-content .hero-button {
        margin-top: 40px;
    }
}
@media (max-width: 575px) {
    .hero-1 .hero-content .hero-button {
        margin-top: 25px;
        justify-content: center;
        flex-wrap: wrap;
    }
}
.hero-1 .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-1 .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-1 .hero-content .hero-button .button-text span {
    font-size: 16px;
    color: var(--header);
    font-weight: bold;
}
.hero-1 .hero-image {
    position: relative;
    z-index: 9;
}
.hero-1 .hero-image img {
    width: 100%;
    height: 100%;
}
.hero-1 .hero-image .hero-shape {
    position: absolute;
    bottom: 0;
    left: 30px;
    z-index: -1;
    margin-right: -60px;
}
@media (max-width: 1399px) {
    .hero-1 .hero-image .hero-shape {
        margin-right: 0;
    }
}

.hero-2 {
    background-color: var(--bg);
    padding-top: 280px;
    padding-bottom: 110px;
}
.hero-2 .right-shape {
    position: absolute;
    top: 20%;
    right: 0;
}
@media (max-width: 1399px) {
    .hero-2 .right-shape {
        display: none;
    }
}
.hero-2 .line-shape {
    position: absolute;
    top: 60%;
    left: 52%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1600px) {
    .hero-2 .line-shape {
        top: 28%;
        left: 55%;
    }
}
@media (max-width: 1199px) {
    .hero-2 .line-shape {
        display: none;
    }
}
.hero-2 .circle-shape {
    position: absolute;
    top: 30%;
    right: 15%;
    z-index: 9;
    animation: cir36 10s linear infinite;
}
@media (max-width: 1600px) {
    .hero-2 .circle-shape {
        display: none;
    }
}
.hero-2 .roket-shape {
    position: absolute;
    left: 30px;
    top: 30%;
}
@media (max-width: 1199px) {
    .hero-2 .roket-shape {
        display: none;
    }
}
.hero-2 .compass-shape {
    position: absolute;
    left: 5%;
    bottom: 20%;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
    .hero-2 .compass-shape {
        display: none;
    }
}
.hero-2 .bus-shape {
    position: absolute;
    left: 50%;
    bottom: 2%;
    transform: translateX(-50%);
    z-index: 9;
}
@media (max-width: 1199px) {
    .hero-2 .bus-shape {
        display: none;
    }
}
.hero-2 .frame-shape {
    position: absolute;
    top: 10%;
    left: 56%;
    animation: rounded 5s linear infinite;
}
@media (max-width: 991px) {
    .hero-2 .frame-shape {
        display: none;
    }
}
.hero-2 .star-shape {
    position: absolute;
    bottom: 5%;
    left: 35%;
    transform: translateX(-50%);
    z-index: 9;
}
@media (max-width: 1199px) {
    .hero-2 .star-shape {
        display: none;
    }
}
.hero-2 .pencil-shape {
    position: absolute;
    top: 20%;
    right: 5%;
    animation: rounded 5s linear infinite;
}
.hero-2 .hero-content {
    position: relative;
    z-index: 9;
}
@media (max-width: 575px) {
    .hero-2 .hero-content {
        text-align: center;
        margin: 0 auto;
    }
}
.hero-2 .hero-content h5 {
    margin-bottom: 15px;
    color: var(--theme);
    font-family: "Pangolin";
    font-weight: 500;
    position: relative;
    display: inline-block;
}
.hero-2 .hero-content h1 {
    margin-bottom: 20px;
}
.hero-2 .hero-content h1 span {
    color: var(--theme);
}
@media (max-width: 1399px) {
    .hero-2 .hero-content h1 {
        font-size: 60px;
    }
}
@media (max-width: 1199px) {
    .hero-2 .hero-content h1 {
        font-size: 56px;
    }
}
@media (max-width: 767px) {
    .hero-2 .hero-content h1 {
        font-size: 42px;
    }
}
@media (max-width: 575px) {
    .hero-2 .hero-content h1 {
        font-size: 34px;
    }
}
.hero-2 .hero-content p {
    font-size: 20px;
}
.hero-2 .hero-content .hero-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
}
@media (max-width: 767px) {
    .hero-2 .hero-content .hero-button {
        margin-top: 40px;
    }
}
@media (max-width: 575px) {
    .hero-2 .hero-content .hero-button {
        margin-top: 25px;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }
}
.hero-2 .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-2 .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-2 .hero-content .hero-button .button-text span {
    font-size: 16px;
    color: var(--header);
    font-weight: bold;
}
.hero-2 .hero-image {
    max-width: 594px;
    position: relative;
    z-index: 9;
    margin-left: 100px;
}
@media (max-width: 1199px) {
    .hero-2 .hero-image {
        margin-left: 50px;
    }
}
@media (max-width: 991px) {
    .hero-2 .hero-image {
        margin-left: 0;
        max-width: 750px;
    }
}
.hero-2 .hero-image img {
    width: 100%;
    height: 100%;
}
.hero-2 .hero-image::before {
    position: absolute;
    top: 10px;
    left: -25px;
    content: "";
    background: linear-gradient(0deg, #FFA41B, #FFA41B);
    width: 550px;
    height: 540px;
    border-radius: 50%;
    z-index: -1;
}
@media (max-width: 1399px) {
    .hero-2 .hero-image::before {
        top: 5px;
        left: -15px;
        width: 480px;
        height: 460px;
    }
}
@media (max-width: 1199px) {
    .hero-2 .hero-image::before {
        top: 5px;
        left: -15px;
        width: 440px;
        height: 420px;
    }
}
@media (max-width: 991px) {
    .hero-2 .hero-image::before {
        display: none;
    }
}

.hero-3 {
    position: relative;
}
.hero-3 .swiper-dot {
    position: absolute;
    top: 42%;
    left: 2%;
    z-index: 99;
    transform: translateY(-50%);
    transform: rotate(90deg);
}
.hero-3 .swiper-dot::before {
    position: absolute;
    top: 58px;
    left: -105px;
    width: 85px;
    height: 2px;
    background: linear-gradient(90deg, #F39F5F 4.85%, rgba(255, 255, 255, 0) 96.39%);
    content: "";
}
.hero-3 .swiper-dot::after {
    position: absolute;
    bottom: 13px;
    right: -105px;
    width: 85px;
    height: 2px;
    background: linear-gradient(90deg, #F39F5F 4.85%, rgba(255, 255, 255, 0) 96.39%);
    content: "";
}
@media (max-width: 1399px) {
    .hero-3 .swiper-dot {
        display: none;
    }
}
.hero-3 .slider-image .parasuit-shape {
    position: absolute;
    top: 15%;
    left: 5%;
}
@media (max-width: 767px) {
    .hero-3 .slider-image .parasuit-shape {
        display: none;
    }
}
.hero-3 .slider-image .doll-shape {
    position: absolute;
    top: 10%;
    left: 41%;
}
@media (max-width: 991px) {
    .hero-3 .slider-image .doll-shape {
        display: none;
    }
}
.hero-3 .slider-image .bus-shape {
    position: absolute;
    bottom: 10%;
    left: 10%;
}
@media (max-width: 991px) {
    .hero-3 .slider-image .bus-shape {
        display: none;
    }
}
.hero-3 .slider-image .bee-shape {
    position: absolute;
    bottom: 10%;
    left: 43%;
}
@media (max-width: 991px) {
    .hero-3 .slider-image .bee-shape {
        display: none;
    }
}
.hero-3 .slider-image .star-shape {
    position: absolute;
    top: 20%;
    left: 35%;
    transform: translateX(-50%);
}
@media (max-width: 991px) {
    .hero-3 .slider-image .star-shape {
        display: none;
    }
}
.hero-3 .hero-content {
    position: relative;
    z-index: 9;
    padding-bottom: 270px;
    padding-top: 200px;
}
@media (max-width: 1399px) {
    .hero-3 .hero-content {
        padding: 180px 0;
    }
}
@media (max-width: 1199px) {
    .hero-3 .hero-content {
        padding: 160px 0;
    }
}
@media (max-width: 991px) {
    .hero-3 .hero-content {
        padding: 130px 0;
    }
}
@media (max-width: 767px) {
    .hero-3 .hero-content {
        padding: 110px 0;
    }
}
@media (max-width: 575px) {
    .hero-3 .hero-content {
        text-align: center;
        margin: 0 auto;
        padding: 80px 0;
    }
}
.hero-3 .hero-content h5 {
    margin-bottom: 20px;
    position: relative;
    font-family: Pangolin;
    font-weight: 500;
    color: var(--theme);
}
@media (max-width: 767px) {
    .hero-3 .hero-content h5 {
        font-size: 18px;
    }
}
@media (max-width: 575px) {
    .hero-3 .hero-content h5 {
        font-size: 16px;
    }
}
.hero-3 .hero-content h1 {
    margin-bottom: 20px;
}
.hero-3 .hero-content h1 span {
    color: var(--theme);
}
@media (max-width: 1399px) {
    .hero-3 .hero-content h1 {
        font-size: 70px;
    }
}
@media (max-width: 1199px) {
    .hero-3 .hero-content h1 {
        font-size: 62px;
    }
}
@media (max-width: 991px) {
    .hero-3 .hero-content h1 {
        font-size: 52px;
    }
}
@media (max-width: 767px) {
    .hero-3 .hero-content h1 {
        font-size: 42px;
    }
}
@media (max-width: 575px) {
    .hero-3 .hero-content h1 {
        font-size: 34px;
    }
}
.hero-3 .hero-content p {
    font-size: 20px;
}
.hero-3 .hero-content .hero-button {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}
@media (max-width: 767px) {
    .hero-3 .hero-content .hero-button {
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .hero-3 .hero-content .hero-button {
        flex-wrap: wrap;
        margin-top: 20px;
        justify-content: center;
    }
}

.hero-4 {
    padding: 120px 0 30px;
    position: relative;
    background-color: var(--bg);
}
.hero-4 .doll-shape {
    position: absolute;
    left: 10%;
    top: 15%;
}
@media (max-width: 991px) {
    .hero-4 .doll-shape {
        display: none;
    }
}
.hero-4 .line-shape {
    position: absolute;
    left: -5%;
    bottom: 0;
}
@media (max-width: 1199px) {
    .hero-4 .line-shape {
        display: none;
    }
}
.hero-4 .bee-shape {
    position: absolute;
    left: 25%;
    bottom: 5%;
}
.hero-4 .line-2 {
    position: absolute;
    bottom: 10%;
    left: 40%;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
    .hero-4 .line-2 {
        display: none;
    }
}
.hero-4 .star-shape {
    position: absolute;
    top: 20%;
    left: 35%;
}
@media (max-width: 991px) {
    .hero-4 .star-shape {
        display: none;
    }
}
.hero-4 .frame-shape {
    position: absolute;
    top: 30%;
    right: 3%;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1199px) {
    .hero-4 .frame-shape {
        display: none;
    }
}
.hero-4 .hero-content {
    position: relative;
    z-index: 9;
}
@media (max-width: 575px) {
    .hero-4 .hero-content {
        text-align: center;
        margin: 0 auto;
    }
}
.hero-4 .hero-content h5 {
    margin-bottom: 15px;
    color: var(--theme);
    font-family: "Pangolin";
    font-weight: 500;
    position: relative;
    display: inline-block;
}
.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: 767px) {
    .hero-4 .hero-content p {
        font-size: 18px;
    }
}
@media (max-width: 575px) {
    .hero-4 .hero-content p {
        font-size: 16px;
    }
}
.hero-4 .hero-content .hero-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
}
@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;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }
}
.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-area {
    position: relative;
}
.hero-4 .hero-image-area .hero-image {
    max-width: 555px;
    position: relative;
    z-index: 1;
    margin-bottom: -30px;
}
.hero-4 .hero-image-area .hero-image img {
    width: 100%;
    height: 100%;
}
.hero-4 .hero-image-area .hero-bg {
    position: absolute;
    bottom: 0;
    left: 0;
}
@media (max-width: 1199px) {
    .hero-4 .hero-image-area .hero-bg {
        display: none;
    }
}

.hero-5 {
    background: linear-gradient(135deg, #28386a, #106696);
    padding: 150px 0 50px;
    position: relative;
    overflow: hidden;
}
.hero-5 .container {
    max-width: 1410px;
}
.hero-5 .swiper-dot {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
}
@media (max-width: 1199px) {
    .hero-5 .swiper-dot {
        display: none;
    }
}
.hero-5 .swiper-dot::after {
    display: none;
}
.hero-5 .swiper-dot::before {
    display: none;
}
.hero-5 .shape1 {
    position: absolute;
    top: 17%;
    left: 7%;
}
@media (max-width: 1399px) {
    .hero-5 .shape1 {
        top: 7%;
        left: 2%;
    }
}
@media (max-width: 1199px) {
    .hero-5 .shape1 {
        opacity: 0.4;
        top: 3%;
    }
}
.hero-5 .shape3 {
    position: absolute;
    left: 37%;
    bottom: 6%;
}
.hero-5 .shape3 img{
    max-width: 300px;
}
@media (max-width: 1199px) {
    .hero-5 .shape3 {
        left: 43%;
        bottom: 8%;
    }
}
.hero-5 .shape2 {
    position: absolute;
    top: 7%;
    left: 0%;
}
@media (max-width: 1199px) {
    .hero-5 .shape2 {
        opacity: 0.4;
    }
}
@media (max-width: 991px) {
    .hero-5 .shape2 {
        position: absolute;
        top: 40%;
        left: 0%;
    }
}
.hero-5 .shape4 {
    position: absolute;
    bottom: 10%;
    left: 40%;
}
@media (max-width: 1600px) {
    .hero-5 .shape4 {
        bottom: 10%;
        left: 42%;
    }
}
@media (max-width: 1399px) {
    .hero-5 .shape4 {
        left: 39%;
        max-width: 300px;
    }
    .hero-5 .shape4 img {
        width: 100%;
    }
}
@media (max-width: 1199px) {
    .hero-5 .shape4 {
        display: none;
    }
}
.hero-5 .shape5 {
    position: absolute;
    top: 5%;
    right: -5%;
}
.hero-5 .shape5 img{
    transform: rotate(-470deg);
}
@media (max-width: 1600px) {
    .hero-5 .shape5 {
        max-width: 170px;
    }
    .hero-5 .shape5 img {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 1199px) {
    .hero-5 .shape5 {
        display: none;
    }
}
.hero-5 .hero-slider1 {
    margin-right: -110px;
}
@media (max-width: 1600px) {
    .hero-5 .hero-slider1 {
        margin-right: 0;
    }
}
.hero-5 .hero-line {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    z-index: 99;
}
@media (max-width: 1600px) {
    .hero-5 .hero-line {
        bottom: -3px;
    }
}
@media (max-width: 1199px) {
    .hero-5 .hero-line {
        display: none;
    }
}
.hero-5 .hero-line img {
    width: 100%;
}
.hero-5 .hero-content {
    max-width: 785px;
    margin-top: -150px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1199px) {
    .hero-5 .hero-content {
        margin-top: -100px;
    }
}
@media (max-width: 991px) {
    .hero-5 .hero-content {
        margin-top: 0;
        text-align: center;
    }
}
.hero-5 .hero-content .hero-sub {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    color: #ffffff;
    font-family: "Quicksand", sans-serif;
    margin-bottom: 10px;
}
@media (max-width: 575px) {
    .hero-5 .hero-content .hero-sub {
        font-size: 16px;
    }
}
.hero-5 .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-5 .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%);
    color: #ffffff;
}
@media (max-width: 470px) {
    .hero-5 .hero-content .hero-title {
        font-size: 35px;
    }
}
.hero-5 .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%);
    color: #ffffff;
}
@media (max-width: 991px) {
    .hero-5 .hero-content p {
        margin: 30px auto 0;
    }
}
@media (max-width: 767px) {
    .hero-5 .hero-content p {
        margin-top: 25px;
    }
}
@media (max-width: 470px) {
    .hero-5 .hero-content p {
        margin-top: 20px;
    }
}
.hero-5 .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-5 .hero-content .hero-button {
        flex-wrap: wrap;
        gap: 14px;
    }
}
@media (max-width: 991px) {
    .hero-5 .hero-content .hero-button {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .hero-5 .hero-content .hero-button {
        margin-top: 30px;
    }
}
@media (max-width: 470px) {
    .hero-5 .hero-content .hero-button {
        margin-top: 20px;
    }
}
.hero-5 .hero-content .hero-button .theme-btn.style-two {
    background-color: var(--header);
}
.hero-5 .hero-content .hero-button .theme-btn.style-two::before, .hero-5 .hero-content .hero-button .theme-btn.style-two::after {
    background-color: var(--theme);
}
.hero-5 .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-5 .hero-image img {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 991px) {
    .hero-5 .hero-image {
        text-align: center;
        max-width: 500px;
        margin: 30px auto 0;
    }
}
.hero-5 .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-5 .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-5 .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-5 .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-5 .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-6 {
    background-color: #EFF5F6;
    padding: 250px 0 190px;
    position: relative;
}
@media (max-width: 767px) {
    .hero-6 {
        padding-top: 160px;
        padding-bottom: 160px;
    }
}
@media (max-width: 575px) {
    .hero-6 {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}
.hero-6 .star {
    position: absolute;
    top: 15%;
    left: 29%;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
    .hero-6 .star {
        opacity: 0.3;
    }
}
.hero-6 .star2 {
    position: absolute;
    top: 45%;
    left: 42px;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
    .hero-6 .star2 {
        opacity: 0.3;
    }
}
.hero-6 .star3 {
    position: absolute;
    right: 44px;
    top: 38%;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
    .hero-6 .star3 {
        opacity: 0.3;
    }
}
.hero-6 .vec-shape {
    position: absolute;
    left: 70px;
    bottom: 80px;
}
@media (max-width: 1399px) {
    .hero-6 .vec-shape {
        opacity: 0.3;
    }
}
.hero-6 .vec-shape2 {
    position: absolute;
    right: 16%;
    top: 15%;
}
@media (max-width: 1399px) {
    .hero-6 .vec-shape2 {
        opacity: 0.3;
    }
}
.hero-6 .vec-shape3 {
    position: absolute;
    bottom: 120px;
    left: 47%;
}
@media (max-width: 1399px) {
    .hero-6 .vec-shape3 {
        opacity: 0.3;
    }
}
.hero-6 .zirap-shape {
    position: absolute;
    bottom: 100px;
    right: 0;
    z-index: 1;
}
@media (max-width: 1399px) {
    .hero-6 .zirap-shape {
        display: none;
    }
}
.hero-6 .line-shape {
    position: absolute;
    bottom: 0;
    right: -2%;
}
@media (max-width: 1399px) {
    .hero-6 .line-shape {
        opacity: 0.3;
    }
}
.hero-6 .container {
    max-width: 1545px;
}
.hero-6 .hero-image-items {
    position: relative;
    z-index: 9;
}
.hero-6 .hero-image-items .shape1 {
    position: absolute;
    top: 35%;
    left: 10%;
}
@media (max-width: 1199px) {
    .hero-6 .hero-image-items .shape1 {
        display: none;
    }
}
.hero-6 .hero-image-items .shape2 {
    position: absolute;
    bottom: 10%;
    left: 10%;
}
@media (max-width: 1199px) {
    .hero-6 .hero-image-items .shape2 {
        display: none;
    }
}
.hero-6 .hero-image-items .shape3 {
    position: absolute;
    top: 22%;
    left: 34%;
}
@media (max-width: 1199px) {
    .hero-6 .hero-image-items .shape3 {
        display: none;
    }
}
.hero-6 .hero-image-items .hero-line {
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
@media (max-width: 1600px) {
    .hero-6 .hero-image-items .hero-line {
        display: none;
    }
}
.hero-6 .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-6 .hero-image-items .thumb {
        margin: 0 auto;
    }
}
.hero-6 .hero-image-items .thumb img {
    width: 100%;
    height: 100%;
}
.hero-6 .hero-content {
    margin-left: 50px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1399px) {
    .hero-6 .hero-content {
        margin-left: 0;
    }
}
@media (max-width: 991px) {
    .hero-6 .hero-content {
        text-align: center;
    }
}
.hero-6 .hero-content .hero-sub {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .hero-6 .hero-content .hero-sub {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .hero-6 .hero-content .hero-sub img {
        width: 110px;
    }
}
.hero-6 .hero-content .hero-sub span {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: bold;
    font-family: "Quicksand", sans-serif;
    color: var(--header);
    line-height: 1.4;
}
@media (max-width: 991px) {
    .hero-6 .hero-content .hero-sub span {
        text-align: left;
    }
}
.hero-6 .hero-content h1 {
    letter-spacing: -2px;
    font-size: 65px;
}
@media (max-width: 1600px) {
    .hero-6 .hero-content h1 {
        font-size: 60px;
    }
}
@media (max-width: 1399px) {
    .hero-6 .hero-content h1 {
        font-size: 54px;
    }
}
@media (max-width: 1199px) {
    .hero-6 .hero-content h1 {
        font-size: 48px;
    }
}
@media (max-width: 991px) {
    .hero-6 .hero-content h1 {
        font-size: 55px;
    }
}
@media (max-width: 767px) {
    .hero-6 .hero-content h1 {
        font-size: 48px;
    }
}
@media (max-width: 575px) {
    .hero-6 .hero-content h1 {
        font-size: 40px;
    }
}
@media (max-width: 470px) {
    .hero-6 .hero-content h1 {
        font-size: 32px;
    }
}
.hero-6 .hero-content p {
    max-width: 592px;
    font-size: 18px;
    margin-top: 20px;
}
@media (max-width: 991px) {
    .hero-6 .hero-content p {
        margin: 20px auto 0;
    }
}
@media (max-width: 767px) {
    .hero-6 .hero-content p {
        font-size: 16px;
    }
}
.hero-6 .hero-content .hero-button {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 38px;
}
@media (max-width: 991px) {
    .hero-6 .hero-content .hero-button {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .hero-6 .hero-content .hero-button {
        margin-top: 25px;
        flex-wrap: wrap;
    }
}
.hero-6 .hero-content .hero-button .theme-btn.hover-header {
    background-color: var(--header);
}
.hero-6 .hero-content .hero-button .theme-btn.hover-header::before, .hero-6 .hero-content .hero-button .theme-btn.hover-header::after {
    background-color: var(--theme);
}

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

.hero-7 {
    padding: 280px 0 280px;
    position: relative;
    z-index: 999;
}
@media (max-width: 1399px) {
    .hero-7 {
        padding: 270px 0 190px;
    }
}
@media (max-width: 1199px) {
    .hero-7 {
        padding: 250px 0 170px;
    }
}
@media (max-width: 991px) {
    .hero-7 {
        padding: 210px 0 140px;
    }
}
@media (max-width: 767px) {
    .hero-7 {
        padding: 200px 0 130px;
    }
}
.hero-7 .hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: transform 9000ms ease, opacity 1500ms ease-in;
    transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
    z-index: 9;
}
.hero-7 .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-7 .hero-content {
    position: relative;
    opacity: 0;
    z-index: 99;
    position: relative;
    transform: translateY(-150px);
}
.hero-7 .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: "Quicksand", sans-serif;
}
.hero-7 .hero-content h1 {
    color: var(--white);
    font-size: 70px;
    font-weight: 700;
    line-height: 114%;
}
@media (max-width: 1199px) {
    .hero-7 .hero-content h1 {
        font-size: 62px;
    }
}
@media (max-width: 991px) {
    .hero-7 .hero-content h1 {
        font-size: 56px;
    }
}
@media (max-width: 767px) {
    .hero-7 .hero-content h1 {
        font-size: 50px;
    }
}
@media (max-width: 575px) {
    .hero-7 .hero-content h1 {
        font-size: 40px;
    }
}
@media (max-width: 470px) {
    .hero-7 .hero-content h1 {
        font-size: 34px;
    }
}
.hero-7 .hero-content p {
    font-size: 18px;
    font-weight: 400;
    color: var(--white);
    max-width: 806px;
    margin-top: 20px;
}
@media (max-width: 575px) {
    .hero-7 .hero-content p {
        font-size: 15px;
    }
}
.hero-7 .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-7 .hero-button {
        flex-wrap: wrap;
    }
}
.hero-7 .hero-button .author-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}
.hero-7 .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-7 .hero-button .author-icon .content .number {
    font-weight: 700;
    font-size: 24px;
    font-family: "Quicksand", sans-serif;
    color: var(--white);
    display: block;
}
.hero-7 .hero-button .author-icon .content .number:hover {
    color: var(--theme);
}
.hero-7 .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-7 .hero-button .theme-btn .theme-bg svg {
    max-width: 225px;
}

.hero-8 {
    position: relative;
}
.hero-8 .hero-slider-items {
    padding: 250px 0 250px;
    position: relative;
    background-position: bottom !important;
}
.hero-8 .hero-slider-items .overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: bottom !important;
}
.hero-8 .hero-content {
    text-align: center;
    position: relative;
    z-index: 9;
}
.hero-8 .hero-content p {
    text-transform: uppercase;
    color: var(--white);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 11px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
@media (max-width: 1199px) {
    .hero-8 .hero-content p {
        font-size: 16px;
    }
}
.hero-8 .hero-content h1 {
    font-size: 120px;
    font-weight: 700;
    color: var(--white);
}
@media (max-width: 1199px) {
    .hero-8 .hero-content h1 {
        font-size: 110px;
    }
}
@media (max-width: 991px) {
    .hero-8 .hero-content h1 {
        font-size: 85px;
    }
}
@media (max-width: 767px) {
    .hero-8 .hero-content h1 {
        font-size: 65px;
    }
}
@media (max-width: 575px) {
    .hero-8 .hero-content h1 {
        font-size: 45px;
    }
}
.hero-8 .hero-content .hero-button {
    display: flex;
    align-items: center;
    margin-top: 50px;
    gap: 24px;
    justify-content: center;
}
@media (max-width: 1199px) {
    .hero-8 .hero-content .hero-button {
        flex-wrap: wrap;
    }
}
.hero-8 .hero-content .hero-button .theme-btn {
    background-color: var(--white);
    color: var(--header);
}
.hero-8 .hero-content .hero-button .theme-btn::before, .hero-8 .hero-content .hero-button .theme-btn::after {
    background-color: var(--theme3);
}
.hero-8 .hero-content .hero-button .theme-btn:hover {
    color: var(--white);
}
.hero-8 .hero-content .hero-button .theme-btn.transparent-2 {
    border: 1px solid var(--white);
    color: var(--white);
    background-color: transparent;
}
.hero-8 .hero-content .hero-button .theme-btn.transparent-2:hover {
    border: 1px solid transparent;
}
@media (max-width: 1199px) {
    .hero-8 .arrow-button {
        display: none;
    }
}
.hero-8 .arrow-button .arrow-left-image {
    position: relative;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    z-index: 1;
}
.hero-8 .arrow-button .arrow-left-image::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 100px;
}
.hero-8 .arrow-button .arrow-left-image .array-prev {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
}
.hero-8 .arrow-button .arrow-right-image {
    position: relative;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    z-index: 1;
}
.hero-8 .arrow-button .arrow-right-image::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 100px;
}
.hero-8 .arrow-button .arrow-right-image .array-next {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
}

.marquee-wrapper {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    z-index: 9;
    margin-top: -15px;
    margin-bottom: -30px;
}

.text-slider {
    font-size: 60px;
    height: 100px;
    line-height: 90px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--theme);
}
.text-slider:not(:last-child) {
    margin-right: 30px;
}
@media (max-width: 767px) {
    .text-slider {
        font-size: 36px;
    }
}
.text-slider img {
    margin-bottom: 10px;
}
.text-slider.text-color {
    color: var(--header);
}
.text-slider.text-color-2 {
    color: var(--header);
    font-size: 50px;
}
.text-slider.text-color-3 {
    color: var(--header2);
}

.marquee-inner {
    position: absolute;
    display: inline-flex;
    width: 200%;
}

.marquee-list {
    float: left;
    width: 50%;
}

.marquee-item {
    float: left;
    transition: animation 0.2s ease-out;
}

.marquee-inner.to-left {
    animation: marqueeLeft 25s linear infinite;
}

@keyframes marqueeLeft {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}
.marquee-inner.to-right {
    animation: marqueeRight 25s linear infinite;
}

@keyframes marqueeRight {
    0% {
        right: 0;
    }
    100% {
        right: -100%;
    }
}
.marque-section-2 {
    position: relative;
}
@media (max-width: 1199px) {
    .marque-section-2 {
        margin-bottom: -20px;
    }
}
@media (max-width: 991px) {
    .marque-section-2 {
        margin-bottom: -40px;
    }
}

.marque-section-8 {
    position: relative;
    background-color: var(--white);
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
    padding: 20px 0;
}

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

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

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

.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-nav > ul .homemenu-items {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
}
@media (max-width: 1199px) {
    .mean-container .mean-nav > ul .homemenu-items {
        flex-wrap: wrap;
    }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu {
    position: relative;
}
@media (max-width: 1199px) {
    .mean-container .mean-nav > ul .homemenu-items .homemenu {
        max-width: 300px;
        text-align: center;
        margin: 0 auto;
        border: 1px solid var(--border);
        padding: 10px;
    }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb {
    position: relative;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    gap: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    margin-top: 20px;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
    padding: 12px 20px;
    color: var(--white) !important;
    width: initial;
    font-size: 16px;
    text-align: center;
    border-radius: 0;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
    color: var(--white) !important;
}
.mean-container .mean-nav > ul .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: "";
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover::before {
    visibility: visible;
    opacity: 1;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
    opacity: 1;
    visibility: visible;
    bottom: 50%;
    transform: translateY(50%);
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb img {
    width: 100%;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-title {
    text-align: center;
    margin: 15px auto;
    display: inline-block;
    font-size: 16px;
}

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

.mean-container .mean-nav ul li a {
    width: 100%;
    padding: 10px 0;
    color: var(--header);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    text-transform: capitalize;
    border-bottom: 1px solid var(--border) !important;
    border: none;
}
.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(--theme2);
}

.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 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

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

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

.news-card-items {
    margin-top: 30px;
    background-color: var(--white);
    box-shadow: var(--box-shadow);
    border-radius: 16px;
    padding: 20px;
}
.news-card-items .news-image {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
}
.news-card-items .news-image .post {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: var(--theme);
    color: var(--white);
    padding: 4px 15px;
    border-radius: 8px;
}
.news-card-items .news-image img {
    width: 100%;
    height: 100%;
    display: block;
}
.news-card-items .news-image .news-layer-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    transition: 0.5s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image {
    width: 25%;
    height: 100%;
    transition: 0.5s;
    background-size: cover;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(1) {
    background-position: 0;
    transition-delay: 0;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(2) {
    background-position: 33.33%;
    transition-delay: 0.1s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(3) {
    background-position: 66.66%;
    transition-delay: 0.2s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(4) {
    background-position: 100%;
    transition-delay: 0.3s;
}
.news-card-items .news-content {
    padding: 25px 10px 10px;
}
.news-card-items .news-content ul {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 15px;
}
.news-card-items .news-content ul li i {
    color: var(--theme);
    margin-right: 5px;
}
.news-card-items .news-content h3 {
    margin-bottom: 10px;
}
.news-card-items .news-content h3 a:hover {
    color: var(--theme);
}
.news-card-items:hover .news-image .news-layer-wrapper .news-layer-image {
    transform: translateY(-100%);
}

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

.news-section {
    position: relative;
}
.news-section .plane-shape {
    position: absolute;
    bottom: 10%;
    left: 2%;
}
@media (max-width: 1199px) {
    .news-section .plane-shape {
        display: none;
    }
}
@media (max-width: 767px) {
    .news-section .section-title-area {
        text-align: center;
        justify-content: center;
    }
}

.news-standard-wrapper .news-standard-items {
    border: 1px solid var(--border);
    padding: 30px;
    border-radius: 10px;
}
.news-standard-wrapper .news-standard-items:not(:last-child) {
    margin-bottom: 20px;
}
.news-standard-wrapper .news-standard-items .news-thumb {
    position: relative;
}
.news-standard-wrapper .news-standard-items .news-thumb img {
    width: 100%;
    height: 100%;
}
.news-standard-wrapper .news-standard-items .news-thumb .post {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: var(--theme);
    color: var(--white);
    padding: 4px 15px;
    border-radius: 8px;
}
.news-standard-wrapper .news-standard-items .news-content {
    margin-top: 20px;
    position: relative;
    z-index: 9;
}
.news-standard-wrapper .news-standard-items .news-content ul {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 15px;
}
@media (max-width: 1199px) {
    .news-standard-wrapper .news-standard-items .news-content ul {
        gap: 20px;
    }
}
.news-standard-wrapper .news-standard-items .news-content ul li {
    font-size: 16px;
    font-weight: 500;
}
.news-standard-wrapper .news-standard-items .news-content ul li i {
    color: var(--theme);
    margin-right: 5px;
}
.news-standard-wrapper .news-standard-items .news-content h3 {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 30px;
}
.news-standard-wrapper .news-standard-items .news-content h3 a:hover {
    color: var(--theme);
}

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

.news-details-area .blog-post-details .single-blog-post .post-featured-thumb {
    height: 460px;
    border-radius: 10px;
}
@media (max-width: 767px) {
    .news-details-area .blog-post-details .single-blog-post .post-featured-thumb {
        height: 400px;
    }
}
.news-details-area .blog-post-details .single-blog-post .post-content {
    margin-top: 30px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list {
    gap: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 20px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li {
    font-size: 14px;
    font-weight: 500;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li i {
    color: var(--theme);
    margin-right: 5px;
}
.news-details-area .blog-post-details .single-blog-post .post-content h3 {
    margin-bottom: 20px;
    font-size: 32px;
}
@media (max-width: 575px) {
    .news-details-area .blog-post-details .single-blog-post .post-content h3 {
        font-size: 24px;
    }
}
.news-details-area .blog-post-details .single-blog-post .post-content h3 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(--bg);
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text p {
    font-weight: 600;
    text-transform: capitalize;
    font-style: italic;
    line-height: 26px;
    color: var(--header);
    line-height: 162%;
}
.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%;
}
.news-details-area .blog-post-details .tag-share-wrap {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 30px 0;
}
.news-details-area .blog-post-details .tag-share-wrap .tagcloud a {
    display: inline-block;
    padding: 12px 26px;
    line-height: 1;
    background: transparent;
    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;
    border: 1px solid var(--border);
}
@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;
}
.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: 30px;
    font-weight: 700;
}
@media (max-width: 575px) {
    .news-details-area .blog-post-details .comments-area .comments-heading h3 {
        font-size: 26px;
    }
}
.news-details-area .blog-post-details .comments-area .blog-single-comment {
    border-bottom: 1px solid var(--border);
}
@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 h5 {
    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: 4px;
    padding: 5px 18px;
    font-weight: 400;
    background-color: var(--theme);
    color: var(--white);
}
.news-details-area .blog-post-details .comment-form-wrap h3 {
    font-size: 32px;
    margin-bottom: 30px;
}
@media (max-width: 575px) {
    .news-details-area .blog-post-details .comment-form-wrap h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt span {
    color: var(--header);
    display: inline-block;
    margin-bottom: 10px;
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt input, .news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
    width: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    border: 1px solid var(--border);
    padding: 16px 20px;
    font-weight: 500;
    border-radius: 8px;
    color: var(--text);
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt input::placeholder, .news-details-area .blog-post-details .comment-form-wrap .form-clt textarea::placeholder {
    color: var(--text);
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
    padding-bottom: 100px;
}

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

.news-box-items-5 {
    margin-top: 30px;
    background-color: var(--white);
    padding: 30px;
    border-radius: 40px;
    position: relative;
    z-index: 99;
}
@media (max-width: 1199px) {
    .news-box-items-5 {
        padding: 20px;
    }
}
.news-box-items-5 .thumb {
    overflow: hidden;
    position: relative;
    border-radius: 40px;
}
.news-box-items-5 .thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.news-box-items-5 .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-5 .content {
    margin-top: 20px;
}
.news-box-items-5 .content ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .news-box-items-5 .content ul {
        flex-wrap: wrap;
    }
}
.news-box-items-5 .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-5 .content ul li {
        font-size: 14px;
        gap: 6px;
    }
}
.news-box-items-5 .content ul li i {
    color: var(--theme);
}
@media (max-width: 1399px) {
    .news-box-items-5 .content h3 {
        font-size: 18px;
    }
}
@media (max-width: 1199px) {
    .news-box-items-5 .content h3 {
        font-size: 21px;
    }
}
@media (max-width: 991px) {
    .news-box-items-5 .content h3 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .news-box-items-5 .content h3 {
        font-size: 22px;
    }
}
@media (max-width: 470px) {
    .news-box-items-5 .content h3 {
        font-size: 20px;
    }
}
.news-box-items-5 .content h3 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}
.news-box-items-5 .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-5 .content .arrow-btn {
    text-align: right;
    margin-top: 12px;
}
.news-box-items-5 .content .icon {
    position: relative;
}
.news-box-items-5 .content .icon svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.news-box-items-5 .content .icon svg path {
    transition: all 0.4s ease-in-out;
    fill: var(--theme);
}
.news-box-items-5 .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: #e8ecf6;
    transition: all 0.4s ease-in-out;
}
.news-box-items-5 .content .icon:hover .bg {
    background-color: var(--theme);
}
.news-box-items-5 .content .icon:hover svg path {
    fill: var(--white);
}
.news-box-items-5: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-5: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-5.style-inner .content h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 135%;
}
@media (max-width: 1399px) {
    .news-box-items-5.style-inner .content h2 {
        font-size: 18px;
    }
}
@media (max-width: 1199px) {
    .news-box-items-5.style-inner .content h2 {
        font-size: 21px;
    }
}
@media (max-width: 991px) {
    .news-box-items-5.style-inner .content h2 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .news-box-items-5.style-inner .content h2 {
        font-size: 22px;
    }
}
@media (max-width: 470px) {
    .news-box-items-5.style-inner .content h2 {
        font-size: 20px;
    }
}
.news-box-items-5.style-inner .content h2 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}
.news-box-items-5.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-5.style-inner .content .arrow-btn {
    text-align: left;
    margin-top: 20px;
}

.news-box-items-6 {
    margin-top: 30px;
    background-color: var(--white);
    padding: 30px;
    border-radius: 40px;
    position: relative;
    z-index: 99;
}
@media (max-width: 767px) {
    .news-box-items-6 {
        font-size: 20px;
    }
}
.news-box-items-6 .thumb {
    overflow: hidden;
    position: relative;
    border-radius: 40px;
}
.news-box-items-6 .thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.news-box-items-6 .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-6 .content {
    margin-top: 20px;
}
.news-box-items-6 .content ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.news-box-items-6 .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-6 .content ul li {
        font-size: 14px;
        gap: 6px;
    }
}
.news-box-items-6 .content ul li i {
    color: var(--theme);
}
@media (max-width: 1899px) {
    .news-box-items-6 .content h3 {
        font-size: 18px;
    }
}
@media (max-width: 1199px) {
    .news-box-items-6 .content h3 {
        font-size: 21px;
    }
}
.news-box-items-6 .content h3 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}
.news-box-items-6 .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-6 .content .text {
    margin-top: -90px;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
@media (max-width: 1199px) {
    .news-box-items-6 .content .text {
        font-size: 15px;
        opacity: 1;
        visibility: visible;
        margin-top: 7px;
    }
}
.news-box-items-6 .content .arrow-btn {
    margin-top: 27px;
}
.news-box-items-6 .content .icon {
    position: relative;
}
.news-box-items-6 .content .icon svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.news-box-items-6 .content .icon svg path {
    transition: all 0.4s ease-in-out;
    fill: var(--theme);
}
.news-box-items-6 .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: #e8ecf6;
    transition: all 0.4s ease-in-out;
}
.news-box-items-6 .content .icon:hover .bg {
    background-color: var(--theme);
}
.news-box-items-6 .content .icon:hover svg path {
    fill: var(--white);
}
.news-box-items-6: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-6: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-6:hover .content .text {
    margin-top: 15px;
    opacity: 1;
    visibility: visible;
}

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

.news-box-items-7 {
    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-7 {
        padding: 20px;
    }
}
.news-box-items-7.style-2 .content {
    margin-top: 0;
    margin-bottom: 25px;
}
.news-box-items-7 .thumb {
    overflow: hidden;
    position: relative;
    border-radius: 40px;
}
.news-box-items-7 .thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.news-box-items-7 .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-7 .content {
    margin-top: 25px;
}
.news-box-items-7 .content ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .news-box-items-7 .content ul {
        flex-wrap: wrap;
    }
}
.news-box-items-7 .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-7 .content ul li {
        font-size: 14px;
        gap: 6px;
    }
}
.news-box-items-7 .content ul li i {
    color: var(--theme);
}
@media (max-width: 1399px) {
    .news-box-items-7 .content h3 {
        font-size: 18px;
    }
}
@media (max-width: 1199px) {
    .news-box-items-7 .content h3 {
        font-size: 21px;
    }
}
@media (max-width: 991px) {
    .news-box-items-7 .content h3 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .news-box-items-7 .content h3 {
        font-size: 22px;
    }
}
@media (max-width: 470px) {
    .news-box-items-7 .content h3 {
        font-size: 20px;
    }
}
.news-box-items-7 .content h3 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}
.news-box-items-7 .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-7 .content .icon {
    position: relative;
}
.news-box-items-7 .content .icon svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.news-box-items-7 .content .icon svg path {
    transition: all 0.4s ease-in-out;
    fill: var(--theme);
}
.news-box-items-7 .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: #e8ecf6;
    transition: all 0.4s ease-in-out;
}
.news-box-items-7 .content .icon:hover .bg {
    background-color: var(--theme);
}
.news-box-items-7 .content .icon:hover svg path {
    fill: var(--white);
}
.news-box-items-7:hover {
    border: 1px solid var(--theme);
}
.news-box-items-7: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-7: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);
}

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

.search-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: rgba(255, 255, 255, 0.9);
}
.search-wrap .search-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.search-wrap .search-cell {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.search-wrap .search-field-holder {
    width: 50%;
    margin: auto;
    position: relative;
    animation: slideInUp 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .search-wrap .search-field-holder {
        width: 70%;
    }
}
@media (max-width: 575px) {
    .search-wrap .search-field-holder {
        width: 80%;
    }
}
.search-wrap .main-search-input {
    width: 100%;
    height: 70px;
    border: 0;
    padding: 0 50px;
    text-transform: capitalize;
    background: transparent;
    font-size: 25px;
    color: var(--theme);
    border-bottom: 2px solid var(--theme);
    text-align: center;
    letter-spacing: 2px;
}

@media (max-width: 575px) {
    .search-wrap .main-search-input {
        height: 50px;
        padding: 0 0;
        line-height: 50px;
        font-size: 18px;
    }
}
.search-wrap input.form-control,
.search-wrap input.form-control:focus {
    background-color: var(--theme);
}

input.main-search-input::placeholder {
    color: var(--theme);
    opacity: 1;
    font-size: 25px;
}

@media (max-width: 575px) {
    input.main-search-input::placeholder {
        font-size: 18px;
    }
}
.search-close {
    position: absolute;
    top: 50px;
    right: 50px;
    font-size: 30px;
    color: var(--theme);
    cursor: pointer;
}

.mouse-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
}

.cursor-inner {
    width: 6px;
    height: 6px;
    z-index: 10000001;
    background-color: var(--theme);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.cursor-inner.cursor-hover {
    margin-left: -35px;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    background-color: var(--theme);
    opacity: 0.3;
}

.cursor-outer {
    margin-left: -12px;
    margin-top: -12px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--theme);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000000;
    opacity: 0.5;
    -webkit-transition: all 0.08s ease-out;
    -o-transition: all 0.08s ease-out;
    transition: all 0.08s ease-out;
}

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

.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;
}
@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;
}
.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 {
    color: var(--white);
}

.program-box-items {
    padding: 80px 30px 36px;
    position: relative;
    z-index: 9;
    text-align: center;
    margin: 30px auto;
}
.program-box-items .program-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--theme2);
    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 .program-bg.bg-2 {
    background-color: var(--theme);
}
.program-box-items .program-bg.bg-3 {
    background-color: var(--theme);
}
.program-box-items .program-bg.bg-3 {
    background-color: var(--white);
}
.program-box-items .program-bg.bg-4 {
    background-color: #E6E8FC;
}
.program-box-items .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 .program-image img {
    width: 100%;
    height: 100%;
}
.program-box-items .program-content {
    padding: 30px 20px 0;
}
@media (max-width: 575px) {
    .program-box-items .program-content {
        padding: 20px 20px 0;
    }
}
.program-box-items .program-content h4 {
    margin-bottom: 5px;
}
.program-box-items .program-content h4 a {
    color: var(--white);
}
.program-box-items .program-content span {
    color: var(--white);
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
}
.program-box-items .program-content p {
    color: var(--white);
    margin-top: 10px;
    margin-bottom: 15px;
}
@media (max-width: 575px) {
    .program-box-items .program-content p {
        margin-bottom: 15px;
    }
}
.program-box-items .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 .program-content .arrow-icon:hover {
    background-color: var(--header);
}
.program-box-items .program-content .arrow-icon.color-2 {
    background-color: var(--header);
}
.program-box-items .program-content .arrow-icon.color-2:hover {
    background-color: var(--white);
    color: var(--header);
}
.program-box-items .program-content.style-2 h4 a {
    color: var(--header);
}
.program-box-items .program-content.style-2 span {
    color: var(--theme);
}
.program-box-items .program-content.style-2 p {
    color: var(--text);
}
@media (max-width: 575px) {
    .program-box-items {
        display: n;
    }
}

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

.program-box-items-2 {
    padding: 50px 30px 40px;
    position: relative;
    z-index: 9;
    max-width: 420px;
    text-align: center;
    margin: 30px auto;
}
.program-box-items-2 .program-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--theme2);
    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-2 .program-bg.bg-2 {
    background-color: var(--theme);
}
.program-box-items-2 .program-bg.bg-3 {
    background-color: #5866EB;
}
.program-box-items-2 .program-bg.bg-4 {
    background-color: #F25334;
}
.program-box-items-2 .icon {
    font-size: 50px;
    color: var(--white);
}
.program-box-items-2 .content {
    padding: 30px 20px 0;
}
@media (max-width: 575px) {
    .program-box-items-2 .content {
        padding: 20px 20px 0;
    }
}
.program-box-items-2 .content h4 {
    margin-bottom: 5px;
}
.program-box-items-2 .content h4 a {
    color: var(--white);
}
.program-box-items-2 .content span {
    color: var(--white);
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
}
.program-box-items-2 .content p {
    color: var(--white);
    margin-top: 10px;
    margin-bottom: 30px;
}
@media (max-width: 575px) {
    .program-box-items-2 .content p {
        margin-bottom: 15px;
    }
}
.program-box-items-2 .content .arrow-icon {
    width: 60px;
    height: 55px;
    line-height: 55px;
    border-radius: 22px;
    background-color: var(--theme2);
    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-2 .content .arrow-icon:hover {
    background-color: var(--white);
    color: var(--header);
}
.program-box-items-2 .content .arrow-icon.color-2 {
    background-color: var(--theme);
}
.program-box-items-2 .content .arrow-icon.color-2:hover {
    background-color: var(--white);
    color: var(--header);
}
.program-box-items-2 .content .arrow-icon.color-3 {
    background-color: #5866EB;
}
.program-box-items-2 .content .arrow-icon.color-3:hover {
    background-color: var(--white);
    color: var(--header);
}
.program-box-items-2 .content .arrow-icon.color-4 {
    background-color: #F25334;
}
.program-box-items-2 .content .arrow-icon.color-4:hover {
    background-color: var(--white);
    color: var(--header);
}

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

.clases-section {
    position: relative;
    margin-top: 120px;
}
@media (max-width: 1899px) {
    .clases-section .array-button {
        display: none;
    }
}
.clases-section .array-button .array-prev {
    position: absolute;
    transform: translate(-50, -50%);
    top: 55%;
    left: 12%;
    background-color: var(--theme2);
    color: var(--white);
    border: 2px solid var(--white);
}
.clases-section .array-button .array-prev:hover {
    background-color: var(--white);
    color: var(--theme);
}
.clases-section .array-button .array-next {
    position: absolute;
    transform: translate(-50, -50%);
    top: 55%;
    right: 12%;
    background-color: var(--theme2);
    color: var(--white);
    border: 2px solid var(--white);
}
.clases-section .array-button .array-next:hover {
    background-color: var(--white);
    color: var(--theme);
}
.clases-section .clases-shape {
    height: 160px;
    width: 100%;
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    overflow-x: hidden;
}
.clases-section .wave {
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    background-size: cover;
}
.clases-section .wave:nth-of-type(2) {
    bottom: 0;
    animation: wave 18s linear reverse infinite;
}
.clases-section .wave:nth-of-type(3) {
    bottom: 0;
    animation: wave 20s -1s linear infinite;
}

.clases-items {
    margin-top: 30px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1399px) {
    .clases-items br {
        display: none;
    }
}
.clases-items .clases-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--white);
    transition: all 500ms ease;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370 456"><path d="M7.69014 27.8377C7.69014 27.8377 2.04067 39.7721 6.56025 199.448C11.0798 359.107 -34.2042 452.395 64.068 454.599C162.34 456.803 278.579 456.097 313.562 454.599C348.546 453.101 370 472.509 370 371.041C370 269.573 370 191.974 368.87 120.351C367.74 48.7271 376.694 13.544 336.103 10.9952C295.499 8.44648 190.533 3.96893 145.394 2.47068C100.256 0.972426 12.2097 -9.46369 7.69014 27.8377Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.clases-items .clases-bg.style-2 {
    background-color: rgba(240, 240, 240, 0.4509803922);
}
.clases-items .clases-image {
    padding: 25px 25px 0 25px;
}
.clases-items .clases-image img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}
.clases-items .clases-content {
    padding: 20px 30px;
}
@media (max-width: 575px) {
    .clases-items .clases-content {
        padding: 15px 30px;
    }
}
.clases-items .clases-content h4 {
    margin-bottom: 10px;
}
.clases-items .clases-content h4 a:hover {
    color: #229177;
}

.clases-items .clases-content h4 a{
    font-size: 26px;
}
.clases-items .clases-content p {
    padding-bottom: 20px;
    border-bottom: 2px dotted var(--theme);
}
@media (max-width: 575px) {
    .clases-items .clases-content p {
        padding-bottom: 15px;
    }
}
.clases-items .clases-content .clases-schedule {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 575px) {
    .clases-items .clases-content .clases-schedule {
        margin-top: 15px;
    }
}
.clases-items .clases-content .clases-schedule li {
    font-weight: 600;
    color: var(--header);
    font-weight: "Quicksand", sans-serif;
}
.clases-items .clases-content .clases-schedule li span {
    font-family: "Source Sans 3", sans-serif;
    color: var(--theme);
    font-weight: 14px;
}

.program-details-wrapper .program-details-items .details-image img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}
.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 var(--border);
    border-bottom: 1px solid var(--border);
    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 var(--border);
}
@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 var(--border);
    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 var(--border);
}
.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: 19px 40px;
}
@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.border-style {
    border: 1px solid var(--theme);
    color: var(--theme);
    background-color: transparent;
    padding: 18px 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);
}
.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 var(--theme);
}
.program-details-wrapper .details-list-area .social-icon a:hover {
    background-color: var(--theme);
    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 var(--border);
    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 var(--border);
    border-bottom: 1px solid var(--border);
    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);
}
.program-details-wrapper .program-author-items .content .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
    border: 1px solid transparent;
}

.program-section-5 {
    background: linear-gradient(135deg, #28386a, #106696);
    position: relative;
    padding-top: 130px;
    padding-bottom: 180px;
}
@media (max-width: 1399px) {
    .program-section-5 {
        padding: 120px 0;
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media (max-width: 1199px) {
    .program-section-5 {
        padding: 100px 0;
    }
}
@media (max-width: 991px) {
    .program-section-5 {
        padding: 80px 0;
    }
}
.program-section-5 .top-line {
    position: absolute;
    top: -150px;
    left: 0;
    right: 0;
}
@media (max-width: 1399px) {
    .program-section-5 .top-line {
        display: none;
    }
}
.program-section-5 .top-line img {
    width: 100%;
}
.program-section-5 .bottom-line {
    position: absolute;
    bottom: -185px;
    left: 0;
    right: 0;
}
@media (max-width: 1399px) {
    .program-section-5 .bottom-line {
        display: none;
    }
}
.program-section-5 .bottom-line img {
    width: 100%;
}
.program-section-5 .cat-shape {
    position: absolute;
    top: 40%;
    left: 66px;
    animation: rounded 5s linear infinite;
}
.program-section-5 .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: #ffffff;
    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)));
    }
}
.program-wrapper-5 {
    padding: 50px 53px;
    position: relative;
    z-index: 9;
}
@media (max-width: 767px) {
    .program-wrapper-5 {
        padding: 40px 30px;
    }
}
.program-wrapper-5 .swiper-dot {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
}
@media (max-width: 575px) {
    .program-wrapper-5 .swiper-dot {
        display: none;
    }
}
.program-wrapper-5 .border-shape {
    position: absolute;
    top: 10px;
    left: 5px;
    bottom: 0;
    z-index: -1;
    right: -18px;
}
@media (max-width: 1399px) {
    .program-wrapper-5 .border-shape {
        display: none;
    }
}
.program-wrapper-5 .border-shape img {
    width: 100%;
}
.program-wrapper-5 .program-wrap-items {
    max-width: 1135px;
}
.program-wrapper-5 .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;
    background: #FFFBFB;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
@media (max-width: 1399px) {
    .program-wrapper-5 .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: #ffffff;
}
.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: linear-gradient(135deg, #28386a, #106696);
    transition: all 0.4s ease-in-out;
}
.program-main-box-items .arrow-btn .icon .bg:hover{
    background: #2a888d;
}
/*.program-main-box-items .arrow-btn .icon .bg.bg-2 {
    background-color: #e8ecf6;
}
.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: #28386a;
    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: #28386a;
}
.program-main-box-items .program-box-items .item-bg.bg-3 {
    background-color: #106696;
}
.program-main-box-items .program-box-items .item-bg.bg-4 {
    background-color: #217696;
}
.program-main-box-items .program-box-items .item-bg.bg-5 {
    background-color: #28386a;
}
.program-main-box-items .program-box-items .item-bg.bg-6 {
    background-color: #106696;
}
.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: #ffffff;
    font-size: 18px;
    font-weight: 600;
    color: var(--theme);
    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: 10px 0px;
}
.program-main-box-items .program-box-items .content h2 a{
    color: #ffffff;
}
@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: #ffffff !important;
}
.program-main-box-items .program-box-items .content p {
    max-width: 285px;
    margin: 0 auto;
    color: #ffffff;
}
.program-main-box-items .program-box-items .content .duration-text {
    display: inline-block;
    font-size: 16px;
    color: var(--header);
    background: #ffffff;
    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: #ffffff;
}
.program-main-box-items .program-box-items .content .duration-text.color-3 {
    background: #ffffff;
}
.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-section5 {
    margin: 0 60px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1600px) {
    .activities-section5 {
        margin: 0 40px;
    }
}
@media (max-width: 1399px) {
    .activities-section5 {
        margin: 0 30px;
        background-image: none !important;
        background-color: #E1F6FE;
        border-radius: 16px;
    }
}
@media (max-width: 1199px) {
    .activities-section5 {
        margin: 0 20px;
    }
}
@media (max-width: 470px) {
    .activities-section5 {
        margin: 0 16px;
    }
}
.activities-section5 .activities-shape {
    position: absolute;
    bottom: 55px;
    left: 0;
    right: 0;
}
.activities-section5 .activities-shape img {
    width: 100%;
}

.activities-wrapper-items5 {
    position: relative;
    z-index: 9;
    padding: 21px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    overflow: hidden;
}
.activities-wrapper-items5 .date-top {
    position: absolute;
    top: 19px;
    left: 200px;
}
@media (max-width: 1399px) {
    .activities-wrapper-items5 .date-top {
        display: none;
    }
}
@media (max-width: 1199px) {
    .activities-wrapper-items5 {
        display: block;
        padding: 30px;
        text-align: center;
    }
}
.activities-wrapper-items5 .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-items5 .bg-shape {
        mask: none;
        border-radius: 16px;
    }
}
.activities-wrapper-items5 .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-items5 .content h3 {
    font-size: 30px;
    line-height: 1;
    text-transform: capitalize;
}
@media (max-width: 1399px) {
    .activities-wrapper-items5 .content h3 {
        font-size: 24px;
    }
}
.activities-wrapper-items5 .content h3 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}
.activities-wrapper-items5 .content h3 a:hover {
    color: var(--white);
    background-size: 100% 2px;
    background-image: linear-gradient(180deg, var(--white) 0%, var(--white) 100%);
}
.activities-wrapper-items5 .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-items5 .thumb {
        max-width: 325px;
    }
}
@media (max-width: 1199px) {
    .activities-wrapper-items5 .thumb {
        margin-top: 18px;
        margin-bottom: 18px;
    }
}
.activities-wrapper-items5 .thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.activities-wrapper-items5 .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-items5 .thumb-items {
    position: relative;
}
.activities-wrapper-items5 .thumb-items .icon {
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
@media (max-width: 1199px) {
    .activities-wrapper-items5 .thumb-items .icon {
        right: initial;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
.activities-wrapper-items5 .thumb-items .icon svg {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.activities-wrapper-items5 .thumb-items .icon svg path {
    transition: all 0.4s ease-in-out;
}
.activities-wrapper-items5 .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-items5 .text {
    font-size: 18px;
    font-weight: 400;
    max-width: 365px;
}
@media (max-width: 767px) {
    .activities-wrapper-items5 .text {
        font-size: 16px;
    }
}
.activities-wrapper-items5 .right-items {
    display: flex;
    align-items: center;
    gap: 60px;
}
@media (max-width: 1199px) {
    .activities-wrapper-items5 .right-items {
        display: inline-block;
    }
}
.activities-wrapper-items5.active .bg-shape {
    background-color: var(--theme);
}
.activities-wrapper-items5.active .content h3 {
    color: var(--white);
}
.activities-wrapper-items5.active .content h3 a {
    color: var(--white);
}
.activities-wrapper-items5.active span {
    -webkit-text-stroke-color: rgb(255, 255, 255);
}
.activities-wrapper-items5.active .text {
    color: var(--white);
}
.activities-wrapper-items5.active .thumb-items .icon svg path {
    fill: var(--theme);
}
.activities-wrapper-items5.active .thumb-items .icon .bg {
    background-color: var(--white);
}
.activities-wrapper-items5: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-items5: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-items5.style-event .content span {
    color: var(--header);
    -webkit-text-stroke-width: initial;
    -webkit-text-stroke-color: initial;
}
@media (max-width: 1199px) {
    .activities-wrapper-items5.style-event .rights-content {
        text-align: center;
    }
}
.activities-wrapper-items5.style-event .rights-content h3 {
    font-size: 30px;
}
@media (max-width: 575px) {
    .activities-wrapper-items5.style-event .rights-content h3 {
        font-size: 22px;
    }
}
.activities-wrapper-items5.style-event .rights-content ul {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 10px;
}
@media (max-width: 1199px) {
    .activities-wrapper-items5.style-event .rights-content ul {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }
}
.activities-wrapper-items5.style-event .rights-content ul li {
    display: flex;
    align-items: center;
    gap: 8px;
}
.activities-wrapper-items5.style-event.active span {
    color: var(--white);
}
.activities-wrapper-items5.style-event.active .rights-content h3 a {
    color: var(--white);
}
.activities-wrapper-items5.style-event.active .rights-content ul li {
    color: var(--white);
}

@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;
    background-color: #ffffff;
    border-radius: 30px;
    height: 350px;
    overflow: hidden;
}
.schedule-box-items .bg-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    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;
}

.schedule-section {
    position: relative;
    background-color: #2a888d;
}
.schedule-section .vec-5 {
    position: absolute;
    left: 20px;
    bottom: 100px;
}
@media (max-width: 1600px) {
    .schedule-section .vec-5 {
        display: none;
    }
}

.program-section-6 {
    position: relative;
    background-color: var(--yellow);
    background-image: url(../img/age-wise-bg.jpg);
    background-position: 0 0;
    background-size: cover;
    z-index: 1;
}

/* Black overlay */
.program-section-6::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 42%);
    z-index: -1;
}
@media (max-width: 1199px) {
    .program-section-6 {
        margin-top: 0;
        padding: 100px 0;
    }
}
@media (max-width: 991px) {
    .program-section-6 {
        padding: 80px 0;
    }
}
.program-section-6 .top-line-1 {
    position: absolute;
    left: 0;
    right: 0;
    top: -72px;
}
@media (max-width: 1199px) {
    .program-section-6 .top-line-1 {
        display: none;
    }
}
.program-section-6 .top-line-1 img {
    width: 100%;
}
.program-section-6 .bottom-line-1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -72px;
}
@media (max-width: 1199px) {
    .program-section-6 .bottom-line-1 {
        display: none;
    }
}
.program-section-6 .bottom-line-1 img {
    width: 100%;
}
.program-section-6 .star-shape {
    position: absolute;
    left: 3%;
    top: 20%;
}
@media (max-width: 1399px) {
    .program-section-6 .star-shape {
        opacity: 0.3;
    }
}
.program-section-6 .star-shape2 {
    position: absolute;
    right: 40px;
    bottom: 5%;
}
@media (max-width: 1399px) {
    .program-section-6 .star-shape2 {
        opacity: 0.3;
    }
}
.program-section-6 .cat-shape {
    position: absolute;
    left: 70px;
    bottom: 15%;
}
@media (max-width: 1399px) {
    .program-section-6 .cat-shape {
        opacity: 0.3;
    }
}

.program-box-items-6 {
    margin-top: 30px;
    transition: all 0.4s ease-in-out;
}
.program-box-items-6 .thumb {
    text-align: center;
    transition: all 0.4s ease-in-out;
}
.program-box-items-6 .thumb.style-left {
    margin-left: 18px;
}
.program-box-items-6 .thumb img {
    transform: translateY(82%);
    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
    max-width: 250px;
}
@media (max-width: 1199px) {
    .program-box-items-6 .thumb img {
        transform: initial;
    }
}
.program-box-items-6 .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-6 .content.style-2 {
    margin-top: -70px;
}
.program-box-items-6 .content.style-3 {
    margin-top: -40px;
}
.program-box-items-6 .content.style-3 .hand-image {
    max-width: 180px;
    margin: 0 auto;
}
.program-box-items-6 .content.style-3 .hand-image img {
    width: 100%;
}
.program-box-items-6 .content.style-4 {
    margin-top: -80px;
}
.program-box-items-6 .content .hand-image {
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
}
.program-box-items-6 .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-6 .content .year-text {
    font-size: 18px;
    font-weight: 600;
    color: var(--theme);
    display: inline-block;
    background: rgb(204 207 219);
    border-radius: 10px;
    padding: 8px 12px;
    line-height: 1;
    margin-bottom: 20px;
}
.program-box-items-6 .content .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 14px;
}
@media (max-width: 1399px) {
    .program-box-items-6 .content .title {
        font-size: 17px;
    }
}
@media (max-width: 767px) {
    .program-box-items-6 .content .title {
        font-size: 20px;
    }
}
.program-box-items-6 .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-6 .content .title a:hover {
    color: var(--theme);
    background-size: 100% 2px;
}
.program-box-items-6 .content p {
    font-size: 16px;
}
.program-box-items-6 .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-6 .content .arrow-btn {
    margin-top: 20px;
}
.program-box-items-6 .content .arrow-btn .icon {
    position: relative;
}
.program-box-items-6 .content .arrow-btn .icon img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.program-box-items-6 .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: linear-gradient(135deg, #28386a, #106696);
    transition: all 0.4s ease-in-out;
}


.program-box-items-6 .content .arrow-btn .icon .bg:hover{
    background: #229177 !important;
}
.program-box-items-6:hover {
    transform: translateY(-15px);
}
.program-box-items-6.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-6 {
    border-top: 1px solid rgba(56, 84, 105, 0.2);
    padding-top: 40px;
    margin-top: 40px;
}
@media (max-width: 767px) {
    .program-bottom-area-6 {
        margin-top: 25px;
        padding-top: 25px;
    }
}
.program-bottom-area-6 .title {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
}
@media (max-width: 767px) {
    .program-bottom-area-6 .title {
        font-size: 17px;
    }
}
.program-bottom-area-6 .program-button {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 35px;
    justify-content: center;
}
@media (max-width: 767px) {
    .program-bottom-area-6 .program-button {
        flex-wrap: wrap;
        gap: 18px;
        margin-top: 25px;
    }
}
.program-bottom-area-6 .program-button .author-icon {
    display: flex;
    align-items: center;
    gap: 15px;
}
.program-bottom-area-6 .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-6 .program-button .author-icon .content h4 {
    font-weight: 700;
    font-size: 24px;
}
@media (max-width: 767px) {
    .program-bottom-area-6 .program-button .author-icon .content h4 {
        font-size: 19px;
    }
}
.program-bottom-area-6 .program-button .author-icon .content h4 a {
    color: var(--text);
}
.program-bottom-area-6 .program-button .author-icon .content h4 a:hover {
    color: var(--theme);
}
.program-bottom-area-6 .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;
}

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

.extra-activities-box-6 {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
    z-index: 9;
}
@media (max-width: 767px) {
    .extra-activities-box-6 {
        display: block;
        text-align: center;
    }
}
.extra-activities-box-6 .thumb {
    border-radius: 60px;
    position: relative;
    overflow: hidden;
    height: 414px;
}
.extra-activities-box-6 .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-6 .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-6 .content {
    padding: 30px;
    border: 1px dashed var(--theme);
    border-radius: 40px;
    max-width: 380px;
}
@media (max-width: 767px) {
    .extra-activities-box-6 .content {
        max-width: initial;
    }
}
.extra-activities-box-6 .content .title {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
}
.extra-activities-box-6 .content .title a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}
.extra-activities-box-6 .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-6 .content .arrow-btn {
    margin-top: 20px;
}
.extra-activities-box-6 .content .arrow-btn .icons {
    position: relative;
}
.extra-activities-box-6 .content .arrow-btn .icons img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.extra-activities-box-6 .content .arrow-btn .icons img path {
    transition: all 0.4s ease-in-out;
    fill: var(--theme);
}
.extra-activities-box-6 .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-6 .content .arrow-btn .icons:hover .bg {
    background-color: var(--theme);
}
.extra-activities-box-6 .content .arrow-btn .icons:hover svg path {
    fill: var(--white);
}
.extra-activities-box-6: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-6: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-6:hover .content .icon img {
    animation: wobble 1.5s ease-in-out;
}

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

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

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

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

.program-wrapper-8 {
    margin-top: 60px;
}
@media (max-width: 1199px) {
    .program-wrapper-8 {
        margin-top: 30px;
    }
}
.program-wrapper-8 .programer-box-items-5 {
    text-align: center;
    margin-top: 30px;
}
.program-wrapper-8 .programer-box-items-5 .program-content {
    margin-top: 40px;
}
.program-wrapper-8 .programer-box-items-5 .program-content h3 {
    font-size: 30px;
}
.program-wrapper-8 .programer-box-items-5 .program-content h3 a {
    color: var(--header2);
}
.program-wrapper-8 .programer-box-items-5 .program-content span {
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
}

.section-title {
    position: relative;
    z-index: 99;
    margin-bottom: 30px;
    margin-top: -5px;
}
@media (max-width: 767px) {
    .section-title {
        margin-bottom: 0;
    }
}
.section-title span {
    color: var(--theme);
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 20px;
    font-family: "Pangolin";
}
.section-title.style-2 span {
    color: var(--theme3);
}
.section-title.style-2 span.header-color {
    color: var(--header2);
}
.section-title.style-2 h2 {
    color: var(--header2);
}

.section-title-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}
@media (max-width: 767px) {
    .section-title-area {
        flex-wrap: wrap;
        gap: 30px;
    }
}
.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);
}

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

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

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

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

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

@media (max-width: 767px) {
    .service-wrapper {
        text-align: center;
        margin-bottom: -5px;
    }
}
.service-wrapper .service-left .about-author {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
}
@media (max-width: 1199px) {
    .service-wrapper .service-left .about-author {
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .service-wrapper .service-left .about-author {
        margin-top: 30px;
        text-align: center;
        justify-content: center;
    }
}
@media (max-width: 575px) {
    .service-wrapper .service-left .about-author {
        margin-top: 20px;
    }
}
.service-wrapper .service-left .about-author .author-icon {
    display: flex;
    align-items: center;
    gap: 20px;
}
.service-wrapper .service-left .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;
}
.service-wrapper .service-left .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%);
}
.service-wrapper .service-left .about-author .author-icon .content h5 {
    font-weight: 600;
}
.service-wrapper .service-left .about-author .author-icon .content h5 a {
    color: var(--header);
}
.service-wrapper .service-left .about-author .author-icon .content span {
    font-size: 14px;
    font-weight: 600;
    color: var(--header);
    font-family: "Quicksand", sans-serif;
    margin-bottom: 5px;
}
.service-wrapper .service-right .icon-items {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: 120px;
}
@media (max-width: 1199px) {
    .service-wrapper .service-right .icon-items {
        margin-left: 30px;
    }
}
@media (max-width: 991px) {
    .service-wrapper .service-right .icon-items {
        margin-left: 100px;
    }
}
@media (max-width: 767px) {
    .service-wrapper .service-right .icon-items {
        flex-wrap: wrap;
        margin-left: 0;
        justify-content: center;
        text-align: center;
    }
}
.service-wrapper .service-right .icon-items:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 575px) {
    .service-wrapper .service-right .icon-items:not(:last-child) {
        margin-bottom: 20px;
    }
}
.service-wrapper .service-right .icon-items .icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-radius: 8px;
    background: #229177;
    font-size: 40px;
    color: #ffffff;
}
.service-wrapper .service-right .icon-items .icon.color-2 {
    background: var(--header);
    color: #ffffff;
}
.service-wrapper .service-right .icon-items .icon.color-3 {
    background: #106696;
    color: #ffffff;
}
.service-wrapper .service-right .icon-items .content h5 {
    margin-bottom: 5px;
}
.service-wrapper .service-right .icon-items.style-2 {
    margin-left: 0;
}

.service-section {
    position: relative;
}
.service-section .line-1 {
    position: absolute;
    bottom: 10%;
    left: 0;
    animation: rounded 5s linear infinite;
}
@media (max-width: 1600px) {
    .service-section .line-1 {
        display: none;
    }
}
.service-section .line-2 {
    position: absolute;
    bottom: 10%;
    right: 0;
}
@media (max-width: 1600px) {
    .service-section .line-2 {
        display: none;
    }
}

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

.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-box-items {
    margin-top: 30px;
    text-align: center;
    position: relative;
    z-index: 9;
}
.team-box-items .bg-shape-1 {
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.team-box-items::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 .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 .team-image img {
    width: 100%;
    height: 100%;
}
.team-box-items .team-content {
    padding: 20px 50px;
}
.team-box-items .team-content h3 a:hover {
    color: var(--theme);
}
.team-box-items .team-content p {
    margin-bottom: 15px;
    margin-top: 5px;
}
.team-box-items .team-content .social-icon {
    justify-content: center;
    gap: 20px;
    border-top: 1px solid var(--border);
    padding-top: 20px;
}
.team-box-items .team-content .social-icon a {
    color: var(--text);
    font-size: 20px;
}
.team-box-items .team-content .social-icon a:hover {
    color: var(--theme);
}

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

.team-section-3 {
    position: relative;
}
.team-section-3 .tree-shape {
    position: absolute;
    bottom: 15%;
    left: 0;
}
.team-section-3 .right-shape {
    position: absolute;
    right: 0;
    top: 10%;
}
.team-section-3 .bee-shape {
    position: absolute;
    right: 5%;
    top: 15%;
    transform: translateY(-50%);
}

.team-section-4 {
    margin-bottom: -5px;
}

.team-details-wrapper .team-author-items {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 30px;
    border: 1px solid var(--border);
    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 var(--border);
    border-bottom: 1px solid var(--border);
    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);
}
.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 var(--border);
}
@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);
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .pro-head .point {
    font-size: 16px;
    color: var(--header);
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .progress {
    background: var(--bg2);
    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-single-items-5 {
    position: relative;
    z-index: 9;
    margin-top: 30px;
    text-align: center;
}
@media (max-width: 991px) {
    .team-single-items-5 {
        max-width: 450px;
    }
}
.team-single-items-5 img {
    width: 100%;
    height: 100%;
}
.team-single-items-5 .bg-shape {
    position: relative;
}
.team-single-items-5 .bg-shape .items {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    padding: 30px;
}
.team-single-items-5 .thumb {
    max-width: 362px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    overflow: hidden;
}
.team-single-items-5 .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-5 .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-5 .thumb .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
}
.team-single-items-5 .thumb img {
    width: 100%;
    height: 100%;
}
.team-single-items-5 .content {
    text-align: center;
    margin-top: 15px;
}
@media (max-width: 1399px) {
    .team-single-items-5 .content h3 {
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    .team-single-items-5 .content h3 {
        font-size: 19px;
    }
}
@media (max-width: 575px) {
    .team-single-items-5 .content h3 {
        font-size: 18px;
    }
}
.team-single-items-5 .content h3 a {
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}
.team-single-items-5 .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-5:hover .thumb .social-icon {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
}

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

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

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

.team-section-6 {
    position: relative;
}
.team-section-6 .pencil {
    position: absolute;
    bottom: 40%;
    left: 0;
}
.team-section-6 .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-6 .link-btn svg {
    margin-left: 5px;
}
.team-section-6 .link-btn:hover {
    text-decoration: underline;
}

.team-box-items-7 {
    margin-top: 30px;
    max-width: 450px;
    position: relative;
}
@media (max-width: 767px) {
    .team-box-items-7 {
        max-width: initial;
    }
}
.team-box-items-7 .shape {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
}
@media (max-width: 1399px) {
    .team-box-items-7 .shape {
        display: none;
    }
}
.team-box-items-7 .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-7 .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-7 .thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.team-box-items-7 .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-7 .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-7 .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-7 .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
}
.team-box-items-7 .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-7 .content .title {
    font-size: 24px;
    font-weight: 700;
}
.team-box-items-7 .content .title a {
    color: var(--white);
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
}
.team-box-items-7 .content .title a:hover {
    background-size: 100% 2px;
    background-image: linear-gradient(180deg, var(--white) 0%, var(--white) 100%);
}
.team-box-items-7 .content p {
    color: var(--white);
}
.team-box-items-7: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-7: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-7:hover .thumb::before {
    opacity: 1;
    visibility: visible;
}
.team-box-items-7:hover .social-icon {
    left: 60px;
    opacity: 1;
    visibility: visible;
}
@media (max-width: 1399px) {
    .team-box-items-7:hover .social-icon {
        left: 25px;
    }
}
.team-box-items-7:hover .content {
    opacity: 1;
    visibility: visible;
}

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

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

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

.testimonial-items {
    position: relative;
    z-index: 9;
    max-width: 420px;
    padding: 55px 60px;
    text-align: center;
    margin: 30px auto;
}
.testimonial-items::after {
    width: 0;
    height: 0;
    border-top: 20px solid var(--theme2);
    border-right: 16px solid transparent;
    content: "";
    left: 60px;
    position: absolute;
    bottom: -10px;
    transform: rotate(0deg);
}
.testimonial-items.style-2::after {
    border-top: 20px solid var(--theme);
}
.testimonial-items.style-3::after {
    border-top: 20px solid var(--header);
}
.testimonial-items .icon {
    position: absolute;
    top: -30px;
    right: 30px;
}
.testimonial-items .testimonial-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--theme2);
    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 .testimonial-bg.bg-2 {
    background-color: var(--theme);
}
.testimonial-items .testimonial-bg.bg-3 {
    background-color: var(--header);
}
.testimonial-items .testimonial-content {
    position: relative;
}
.testimonial-items .testimonial-content p {
    color: var(--white);
}
.testimonial-items .testimonial-content h6 {
    color: var(--white);
    margin-top: 20px;
    position: relative;
    display: inline-block;
}
.testimonial-items .testimonial-content h6::before {
    position: absolute;
    top: 10px;
    left: -40px;
    content: "";
    width: 24px;
    height: 2px;
    background-color: var(--white);
}

.testimonial-section-2 {
    position: relative;
}
.testimonial-section-2 .zebra-shape {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.testimonial-section-2 .left-shape {
    position: absolute;
    left: 0;
    bottom: 20%;
}

.testimonial-wrapper {
    position: relative;
    z-index: 9;
}
@media (max-width: 1199px) {
    .testimonial-wrapper .array-button {
        display: none;
    }
}
.testimonial-wrapper .array-button .array-prev {
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    z-index: 99;
    background-color: var(--theme2);
    color: var(--white);
    border: 2px solid var(--white);
}
.testimonial-wrapper .array-button .array-prev:hover {
    background-color: var(--theme);
}
.testimonial-wrapper .array-button .array-next {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 99;
    background-color: var(--theme);
    color: var(--white);
    border: 2px solid var(--white);
}
.testimonial-wrapper .array-button .array-next:hover {
    background-color: var(--theme2);
}
.testimonial-wrapper .shape-1 {
    position: absolute;
    top: 80px;
    left: 80px;
}
@media (max-width: 991px) {
    .testimonial-wrapper .shape-1 {
        display: none;
    }
}
.testimonial-wrapper .shape-2 {
    position: absolute;
    bottom: 80px;
    right: 150px;
}
@media (max-width: 991px) {
    .testimonial-wrapper .shape-2 {
        display: none;
    }
}
.testimonial-wrapper .testimonial-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--bg2);
    transition: all 500ms ease;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 520"><path d="M87.3898 28.5081C60.3657 30.0652 30.9339 38.7742 15.916 59.8231C0.898128 80.8719 -1.73756 121.246 0.898944 142.527L39.1283 448.337C44.0717 488.044 85.2474 507.875 136 509L976.649 519.793C1023.56 520.831 1082.11 519.574 1094.61 476.369L1166.78 99.186C1174.91 74.4444 1167.44 48.1456 1146.68 28.5081C1125.91 8.8705 1094.39 -1.6836 1062.09 0.219603L87.3898 28.5081Z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.testimonial-wrapper .testimonial-box-items {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding-top: 15px;
}
@media (max-width: 991px) {
    .testimonial-wrapper .testimonial-box-items {
        padding: 15px 40px;
    }
}
@media (max-width: 575px) {
    .testimonial-wrapper .testimonial-box-items {
        padding: 15px 30px;
    }
}
.testimonial-wrapper .testimonial-box-items p {
    font-size: 20px;
}
@media (max-width: 575px) {
    .testimonial-wrapper .testimonial-box-items p {
        font-size: 18px;
    }
}
.testimonial-wrapper .testimonial-box-items .client-info {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    margin-top: 40px;
}
@media (max-width: 767px) {
    .testimonial-wrapper .testimonial-box-items .client-info {
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .testimonial-wrapper .testimonial-box-items .client-info {
        margin-top: 20px;
    }
}
.testimonial-wrapper .testimonial-box-items .client-info .content {
    text-align: left;
}
.testimonial-wrapper .testimonial-box-items .client-info .content h5 {
    margin-bottom: 5px;
}
.testimonial-wrapper.style-2 {
    margin-top: -10px;
}

.testimonial-wrapper-2 {
    margin-bottom: -10px;
    position: relative;
}
@media (max-width: 991px) {
    .testimonial-wrapper-2 {
        text-align: center;
        margin: 0 auto;
    }
}
.testimonial-wrapper-2 .array-button {
    position: absolute;
    bottom: 25%;
    right: 0;
    display: grid;
    gap: 12px;
    z-index: 99;
}
@media (max-width: 1399px) {
    .testimonial-wrapper-2 .array-button {
        display: none;
    }
}
.testimonial-wrapper-2 .array-button .array-prev {
    border: 1.5px solid var(--theme);
    height: 55px;
    width: 50px;
    line-height: 55px;
    line-height: 44px;
}
.testimonial-wrapper-2 .array-button .array-next {
    height: 55px;
    width: 50px;
    line-height: 55px;
    line-height: 44px;
}
.testimonial-wrapper-2 .array-button .array-next:hover {
    border: 1.5px solid var(--theme);
}
.testimonial-wrapper-2 .testimonial-image img {
    width: 100%;
    height: 100%;
}
.testimonial-wrapper-2 .testimonial-content {
    position: relative;
}
.testimonial-wrapper-2 .testimonial-content .star {
    margin-bottom: 20px;
}
.testimonial-wrapper-2 .testimonial-content .star i {
    color: var(--theme);
}
.testimonial-wrapper-2 .testimonial-content .star .color-star {
    color: var(--text);
}
.testimonial-wrapper-2 .testimonial-content p {
    font-size: 18px;
    max-width: 500px;
}
@media (max-width: 991px) {
    .testimonial-wrapper-2 .testimonial-content p {
        text-align: center;
        margin: 0 auto;
    }
}
.testimonial-wrapper-2 .testimonial-content .client-info {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
}
@media (max-width: 991px) {
    .testimonial-wrapper-2 .testimonial-content .client-info {
        justify-content: center;
    }
}
@media (max-width: 575px) {
    .testimonial-wrapper-2 .testimonial-content .client-info {
        margin-top: 20px;
    }
}
.testimonial-wrapper-2 .testimonial-content .client-info .content h5 {
    margin-bottom: 5px;
}
@media (max-width: 991px) {
    .testimonial-wrapper-2 .testimonial-content .client-info .content h5 {
        text-align: left;
    }
}
@media (max-width: 991px) {
    .testimonial-wrapper-2 .testimonial-content .client-info .content p {
        text-align: left;
    }
}
.testimonial-wrapper-2 .testimonial-content .icon {
    position: absolute;
    bottom: -5%;
    right: 20%;
}
@media (max-width: 767px) {
    .testimonial-wrapper-2 .testimonial-content .icon {
        right: 10%;
    }
}
.testimonial-wrapper-2 .testimonial-right {
    margin-left: 50px;
}
@media (max-width: 1199px) {
    .testimonial-wrapper-2 .testimonial-right {
        margin-left: 25px;
    }
}
@media (max-width: 991px) {
    .testimonial-wrapper-2 .testimonial-right {
        margin-left: 0;
    }
}

.tetsimonial-box-items-5 {
    position: relative;
    margin-top: 30px;
    text-align: center;
    position: relative;
}
@media (max-width: 1199px) {
    .tetsimonial-box-items-5 {
        background-color: #28386a;
        border-radius: 16px;
    }
}
@media (max-width: 1199px) {
    .tetsimonial-box-items-5 .bg-shape {
        display: none;
    }
}
.tetsimonial-box-items-5 .bg-shape svg {
    width: 100%;
    height: 100%;
}
.tetsimonial-box-items-5 .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-5 .content {
        position: static;
        padding: 20px;
    }
}
.tetsimonial-box-items-5 .content h3 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 15px;
    color: #ffffff;
}
.tetsimonial-box-items-5 .content p {
    font-size: 18px;
    line-height: 144%;
    color: #ffffff;
    height: 107px;
    overflow-y: scroll;
}
@media (max-width: 1899px) {
    .tetsimonial-box-items-5 .content p {
        font-size: 15px;
    }
}

.testimonial-box-items-6 {
    margin-top: 50px;
    position: relative;
}
@media (max-width: 1199px) {
    .testimonial-box-items-6 {
        background-color: var(--bg);
        padding: 30px;
        border-radius: 16px;
    }
}
@media (max-width: 1199px) {
    .testimonial-box-items-6 .bg-thumb {
        display: none;
    }
}
.testimonial-box-items-6 .content {
    text-align: center;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
}
@media (max-width: 1199px) {
    .testimonial-box-items-6 .content {
        position: static;
    }
}
.testimonial-box-items-6 .content .client-image {
    margin-bottom: 10px;
    transition: all 900ms ease;
}
.testimonial-box-items-6 .content .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.testimonial-box-items-6 .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-6:hover .content .client-image {
    transform: rotateY(360deg);
}

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

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

.testimonial-box-items-7 {
    position: relative;
    z-index: 9;
    border-radius: 20px;
    margin-top: 30px;
}
.testimonial-box-items-7::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-7 .quote-icon {
    margin-bottom: 25px;
    padding: 0 30px;
}
.testimonial-box-items-7 .text {
    text-transform: capitalize;
    color: #5C707E;
    font-style: italic;
    font-weight: 600;
    line-height: 180%;
    padding: 0 30px;
}
@media (max-width: 1199px) {
    .testimonial-box-items-7 .text {
        line-height: 150%;
        font-size: 15px;
    }
}
.testimonial-box-items-7 .testimonial-bottom {
    padding: 15px 30px;
    background-color: #e8ecf6;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.testimonial-box-items-7 .testimonial-bottom .client-info {
    display: flex;
    align-items: center;
    gap: 12px;
}
.testimonial-box-items-7 .testimonial-bottom .client-info .client-img img {
    border-radius: 50%;
    border: 3px solid var(--white);
}
.testimonial-box-items-7 .testimonial-bottom .client-info .info-content p b {
    font-weight: 600;
    color: var(--header);
    display: block;
}
.testimonial-box-items-7 .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-7 .testimonial-bottom .video-btn:hover {
    background-color: var(--theme);
    color: var(--white);
}

@media (max-width: 1199px) {
    .testimonial-section-7 {
        background-color: #FEDFEF;
        padding: 100px 0;
        margin-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .testimonial-section-7 {
        padding: 80px 0;
        margin-bottom: 80px;
    }
}/*# sourceMappingURL=main.css.map */

.header-logo img{
    max-width: 250px;
}
.widget-head img{
    max-width: 250px;
    filter: brightness(1.5);
}

@media (min-width:1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1650px !important;
    }
}
.shape2 img{
    transform: rotate(-185deg);
}
.client-img img{
    max-width: 100px;
}
.about-section-5{
    padding: 120px 0px;
}
.white-text{
    color: #ffffff !important;
}
.contact-section .line-2 img, .contact-section .line-1 img{
    max-width: 150px;
}
body #whatsapp{
    position: fixed;
    bottom: 120px !important;
    right: 18px;
    cursor: pointer;
    z-index: 99999;
}
body #whatsapp img {
    border-radius: 50%;
    animation: pulseGreen 1.5s infinite ease-out;
    font-size: 31px;
    color: #ffffff;
    background-color: #11c035;
    text-align: center;
    display: inline-block;
    box-shadow: rgb(255 255 255 / 35%) 0px 5px 15px;
}
@keyframes  pulseGreen {
    0% {
        box-shadow: 0 0 0 0 rgba(17, 192, 53, 0.5);
    }
    80% {
        box-shadow: 0 0 0 14px rgba(17, 192, 53, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(17, 192, 53, 0);
    }
}
.mobilecallbtn a {
    color: #fff;
    text-decoration: none;
    width: 50%;
    float: left;
    vertical-align: middle;
    font-size: 16px;
    padding: 10px 0;
}

.mobilecallbtn a:first-child {
    border-right: 1px solid #fff;
}
.mobilecallbtn {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
    color: #fff;
    border-top: 1px solid #fff;
}

@media (max-width: 768px) {
    .mobilecallbtn {
        display: block;
        background-color: #28386a;
    }
    .mobilecallbtn a:hover{
        background-color: #229177;
    }
    body #whatsapp{
        display: none;
    }
}
html, body {
    overflow-x: hidden;
}
.hero-image img{
    border-radius: 30px;
}

.theme-btn.why-choose-btn::before, .theme-btn.why-choose-btn::after{
    background-color: var(--theme) !important;
}


/* Home Page Who We Are Section Style */

.who_we_are_section {
    background-color: #229177;
    padding: 150px 0px;
    overflow: hidden;
}
.who_we_are_section .who_we_are_left_content {
    position: relative;
    z-index: 1;
}
.who_we_are_section .who_we_are_left_content h6 {
    letter-spacing: 1.1px;
    margin-bottom: 20px;
}
.who_we_are_section .who_we_are_left_content h2 {
    margin-bottom: 42px;
    font-size: 42px;
    line-height: 60px;
    color: #28386a;
}
.who_we_are_section .who_we_are_left_content p {
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 19px;
}

.course_quick_list li{
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
}
.course_quick_list li:nth-child{
    margin-bottom: 30px;
}
.who_we_are_section .who_we_are_image {
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
}
.who_we_are_section .who_we_are_left_shape {
    top: -310px;
    left: 0;
}
.who_we_are_section .who_we_are_left_shape img {
    opacity: 0.2;
}
.who_we_are_section .who_we_are_right_shape {
    bottom: -300px;
    right: 0;
}
.who_we_are_section .who_we_are_right_shape img {
    opacity: 0.2;
}
.who_we_are_section .who_we_are_right_content_wrapper {
    margin-left: -152px;
}
.who_we_are_section .video_wrapper {
    top: 22px;
    left: -138px;
    z-index: 2;
}
.who_we_are_section .video_wrapper .video_icon {
    float: left;
    width: 45%;
}
.who_we_are_section .video_wrapper .content {
    display: inline-block;
    width: 55%;
    padding: 45px 0 0 8px;
}
.who_we_are_section .who_we_are_right_content {
    padding-top: 190px;
    position: relative;
    z-index: 1;
}
.who_we_are_section .who_we_are_right_content .who_we_are_rightside {
    display: inline-block;
    width: 44%;
}
.who_we_are_section .who_we_are_right_content .who_we_are_rightside span {
    font-family: 'Montserrat', sans-serif;
    font-size: 34px;
    line-height: 38px;
    font-weight: 700;
    display: block;
    color: var(--e-global-color-white);
    margin-bottom: 10px;
}
.who_we_are_section .who_we_are_right_content .who_we_are_rightside ul {
    margin-bottom: 14px;
}
.who_we_are_section .who_we_are_right_content .who_we_are_rightside ul li {
    display: inline-block;
}
.who_we_are_section .who_we_are_right_content .who_we_are_rightside ul li i {
    color: #fcbf56;
    font-size: 14px;
}
.who_we_are_section .who_we_are_right_content .who_we_are_rightside h6 {
    font-weight: 600;
    text-transform: capitalize;
    color: var(--e-global-color-white);
    margin-bottom: 0;
}
.who_we_are_section .who_we_are_right_content .who_we_are_rightside p {
    color: var(--e-global-color-light-grayish-blue);
}

.top_bottom_shape img {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@keyframes mover{
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-30px);
    }
}
.cat-shape img, .star-shape img{
    max-width: 125px;
    pointer-events: none;
}
.star-shape2 img{
    max-width: 150px;
    pointer-events: none;
}
.vec-5 img{
    max-width: 175px;
    pointer-events: none;
}
.testimonial-section-5{
    background-color: #28386a;
    position: relative;
}
.testimonial-section-5:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 42%);
    z-index: 1;
}
.testimonial_left{
    position: absolute;
    left: 0;
    bottom: 0;
}
.testimonial_left img{
    max-width: 450px;
}
@media (max-width: 768px) {
    .offcanvas__logo a img{
        width: 175px;
    }
}

.who_we_are_image img{
    max-width: 550px;
    pointer-events: none;
}
.author-image img{
    max-width: 100px;
}
.theme-btn.hover-change::before, .theme-btn.hover-change::after{
    background-color: #28386a !important;
}

@media (max-width: 768px) {
    .who_we_are_image img {
        max-width: 200px;
    }
}
.free-trial-btn:hover{
    background-color: #ffffff !important;
    color: #28386a !important;
}

@media (max-width: 768px) {
    .why-choose-space, .extra-space{
        padding-left: 155px;
    }
    .testimonial_left img {
        max-width: 350px;
    }
    .contact-form-items-7 .form-box .form-clt .single-select{
        font-size: 14px;
    }
}
/* Section */
.thankyou-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* keep left */
    background: #ffffff;
    background-image: url(../img/testimonial-bg.png);
    background-position: center;
    background-size: cover;
    padding: 0 80px; /* proper spacing */
}

/* Container */
.thankyou-container {
    width: 100%;
    max-width: 550px; /* better card width */
}


/* Card */
.thankyou-card {
    background: linear-gradient(135deg, #28386a, #106696);
    border-radius: 16px;
    padding: 35px 25px;
    text-align: center;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    animation: fadeInUp 0.8s ease;
}

/* Icon */
.thankyou-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: #229177;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Title */
.thankyou-title {
    font-size: 32px;
    color: #ffffff;
    margin-bottom: 10px;
}

/* Subtitle */
.thankyou-subtitle {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 15px;
}

/* Text */
.thankyou-text {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* Buttons */
.thankyou-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* Button Base */
.thankyou-btn {
    padding: 10px 22px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s ease;
}

/* Primary */
.primary-btn {
    background: #229177;
    color: #fff;
}

.primary-btn:hover {
    background: #1b7a64;
}

/* Secondary */
.secondary-btn {
    border: 2px solid #28386a;
    color: #28386a;
}

.secondary-btn:hover {
    background: #28386a;
    color: #fff;
}

/* Redirect Text */
.thankyou-redirect {
    margin-top: 20px;
    font-size: 13px;
    color: #777;
}

/* Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Fix */
@media (max-width: 768px) {
    .thankyou-section {
        justify-content: center; /* center on tablet/mobile */
        padding: 40px 20px;
        text-align: center;
        min-height: 60vh;
    }

    .thankyou-container {
        max-width: 100%;
    }
    .testimonial-section-5{
        padding: 80px 0px;
    }
    .tetsimonial-box-items-5 .content p{
        height: auto;
        overflow-y: auto;
    }
}
/* SECTION */
.why-section {
    padding: 100px 20px;
    background: url(../img/why-choose-us-bg.png);
    background-size: cover;
    position: relative;
}

.why-section::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 42%);
    z-index: -1;
}

/* CONTAINER */
.why-container {
    max-width: 1200px;
    margin: auto;
}

/* HEADER */
.why-header {
    text-align: center;
    margin-bottom: 60px;
}

.why-tag {
    font-size: 16px;
    font-weight: 600;
    line-height: 145%;
    color: #ffffff;
    letter-spacing: 1.1px;
    margin-bottom: 20px;
}

.why-header h2 {
    margin-bottom: 42px;
    font-size: 42px;
    line-height: 60px;
    color: #ffffff;
}

/* GRID */
.why-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* CARD */
.why-card {
    border: 1px solid #ffffff;
    border-radius: 18px;
    padding: 40px 30px;
    background: #28386a;
    transition: 0.3s;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.why-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 20px rgb(40 56 106);
}

/* ICON WITH LINE */
.why-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.why-line {
    height: 1px;
    flex: 1;
    background: rgba(0, 224, 198, 0.4);
}

.why-icon {
    width: 85px;
    height: 85px;
    background: #2a888d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
    font-size: 22px;
    border: 1px solid #2a888d;
}

.why-icon img{
    max-width: 50px;
}

/* TITLE */
.why-card h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #ffffff;
}

/* LIST */
.why-card ul {
    list-style: none;
    padding: 0;
}

.why-card ul li {
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 18px;
    color: #ffffff;
}

.why-card ul li::before {
    content: "";
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .why-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .why-cards {
        grid-template-columns: 1fr;
    }

    .why-header h2 {
        font-size: 28px;
    }
}
.coming-soon-tag{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #28386a, #106696);
    color: #fff;
    padding: 10px 18px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    overflow: visible;
    margin-bottom: 15px;
    letter-spacing: 1px;
    animation: glowPulse 2s infinite ease-in-out;
}

.coming-soon-tag .star{
    font-size: 18px;
    line-height: 1;
    animation: blinkStar 1.2s infinite;
}

.coming-soon-tag::before,
.coming-soon-tag::after{
    content: "";
    position: absolute;
    top: 50%;
    width: 35px;
    height: 3px;
    transform: translateY(-50%);
    background: linear-gradient(135deg, #28386a, #106696);
}

.coming-soon-tag::before{
    left: -45px;
}

.coming-soon-tag::after{
    right: -45px;
}

@keyframes glowPulse{
    0%,100%{
        box-shadow: 0 0 5px rgba(16,102,150,0.4);
    }
    50%{
        box-shadow: 0 0 20px rgba(16,102,150,0.9);
    }
}

@keyframes blinkStar{
    0%,100%{
        opacity: 1;
        transform: scale(1);
    }
    50%{
        opacity: .4;
        transform: scale(1.25);
    }
}

/* ===== SECTION ===== */
.program-highlights-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #28386a 0%, #28386a 50%, #106696 100%);
    position: relative;
    overflow: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* ===== BACKGROUND STARS ===== */
.program-stars-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 0;
}

.program-star-dot {
    position: absolute;
    border-radius: 50%;
    background: #ffffff;
    animation: programBlinkStar var(--star-dur) ease-in-out infinite var(--star-del);
}

@keyframes programBlinkStar {
    0%, 100% {
        opacity: 0.08;
        transform: scale(1);
    }
    50%       {
        opacity: 0.85;
        transform: scale(1.8);
    }
}

/* ===== FLOATING ORBS ===== */
.program-orbs-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 0;
}

.program-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    opacity: 0.22;
}

.program-orb-1 {
    width: 450px;
    height: 450px;
    background: #106696;
    top: -120px;
    left: -120px;
    animation: programDriftOrb1 11s ease-in-out infinite alternate;
}

.program-orb-2 {
    width: 320px;
    height: 320px;
    background: #28386a;
    bottom: -80px;
    right: -80px;
    animation: programDriftOrb2 14s ease-in-out infinite alternate;
}

.program-orb-3 {
    width: 240px;
    height: 240px;
    background: #106696;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: programDriftOrb1 17s ease-in-out infinite alternate-reverse;
}

@keyframes programDriftOrb1 {
    from {
        transform: translate(0, 0);
    }
    to   {
        transform: translate(50px, 35px);
    }
}

@keyframes programDriftOrb2 {
    from {
        transform: translate(0, 0);
    }
    to   {
        transform: translate(-35px, -50px);
    }
}

/* ===== INNER CONTAINER ===== */
.program-inner-container {
    position: relative;
    z-index: 2;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px;
}

/* ===== TITLE BLOCK ===== */
.program-title-block {
    text-align: center;
    margin-bottom: 80px;
}

.program-label-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 16px;
}

.program-main-heading {
    font-size: 44px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.25;
    margin: 0 auto;
    max-width: 700px;
}

.program-main-heading-highlight {
    color: #106696;
    -webkit-text-stroke: 1px #ffffff;
}

/* ===== TIMELINE WRAPPER ===== */
.program-timeline-wrapper {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

/* ===== CENTER VERTICAL LINE — DESKTOP ===== */
.program-center-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.12);
    z-index: 1;
}

.program-center-line-fill {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 0;
    transform: translateX(-50%);
    background: linear-gradient(to bottom, #ffffff, #106696);
    z-index: 2;
    transition: height 0.5s ease;
}

/* ===== DESKTOP ROW ===== */
.program-row {
    display: grid;
    grid-template-columns: 1fr 60px 1fr;
    align-items: center;
    position: relative;
    z-index: 3;
    min-height: 130px;
}

/* ===== NODE CELL ===== */
.program-node-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 4;
}

/* ===== SPINE DOT ===== */
.program-spine-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
    position: relative;
    z-index: 5;
    transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.program-spine-dot.program-dot-active {
    background: #ffffff;
    border: 3px solid #106696;
    box-shadow: 0 0 0 5px rgba(16, 102, 150, 0.35), 0 0 0 10px rgba(16, 102, 150, 0.15);
    animation: programDotPulse 2s ease-in-out infinite;
}

@keyframes programDotPulse {
    0%, 100% {
        box-shadow: 0 0 0 5px rgba(16, 102, 150, 0.35), 0 0 0 10px rgba(16, 102, 150, 0.15);
    }
    50%       {
        box-shadow: 0 0 0 9px rgba(16, 102, 150, 0.45), 0 0 0 18px rgba(16, 102, 150, 0.18);
    }
}

/* ===== CONTENT CELLS ===== */
.program-cell-left {
    display: flex;
    justify-content: flex-end;
    padding-right: 36px;
}

.program-cell-right {
    display: flex;
    justify-content: flex-start;
    padding-left: 36px;
}

.program-cell-empty {
    /* spacer */
}

/* ===== ITEM CONTENT ===== */
.program-item-content {
    max-width: 380px;
    width: 100%;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.55s ease, transform 0.55s ease;
    position: relative;
}

.program-item-content.program-content-visible {
    opacity: 1;
    transform: translateY(0);
}

.program-cell-left .program-item-content {
    text-align: right;
}

.program-cell-right .program-item-content {
    text-align: left;
}

/* ===== CONNECTOR LINE ===== */
.program-connector {
    position: absolute;
    top: 28px;
    height: 1px;
    width: 36px;
    opacity: 0;
    transition: opacity 0.4s ease 0.3s;
}

.program-item-content.program-content-visible .program-connector {
    opacity: 1;
}

.program-cell-left .program-connector {
    right: -36px;
    background: linear-gradient(to left, rgba(255,255,255,0.6), rgba(255,255,255,0.05));
}

.program-cell-right .program-connector {
    left: -36px;
    background: linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,0.05));
}

/* ===== ACCENT BAR ===== */
.program-accent-bar {
    height: 3px;
    width: 36px;
    background: linear-gradient(90deg, #ffffff, #106696);
    border-radius: 2px;
    margin-bottom: 10px;
}

.program-cell-left .program-accent-bar {
    margin-left: auto;
    margin-right: 0;
}

.program-cell-right .program-accent-bar {
    margin-left: 0;
    margin-right: auto;
}

/* ===== ITEM NUMBER ===== */
.program-item-number {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 6px;
}

/* ===== ITEM TITLE ===== */
.program-item-title {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 9px;
    line-height: 1.25;
}

/* ===== ITEM DESCRIPTION ===== */
.program-item-desc {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.75;
    margin: 0;
}

/* ================================================
   TABLET — 768px to 1024px
   Single column, line on left side
================================================ */
@media (max-width: 1024px) and (min-width: 577px) {

    .program-highlights-section {
        padding: 80px 0;
    }

    .program-inner-container {
        padding: 0 30px;
    }

    .program-main-heading {
        font-size: 36px;
    }

    .program-title-block {
        margin-bottom: 60px;
    }

    /* Move vertical line to left */
    .program-center-line {
        left: 28px;
        transform: none;
    }

    .program-center-line-fill {
        left: 28px;
        transform: none;
    }

    /* Switch to 2-col: line col + content col */
    .program-row {
        grid-template-columns: 56px 1fr;
        grid-template-rows: auto;
        min-height: 100px;
        align-items: flex-start;
        padding: 10px 0;
    }

    /* Hide the empty cells and left content cells */
    .program-cell-empty {
        display: none;
    }

    .program-cell-left {
        display: none;
    }

    /* Node cell always first column */
    .program-node-cell {
        grid-column: 1;
        grid-row: 1;
        padding-top: 6px;
        justify-content: center;
    }

    /* All content goes in second column */
    .program-cell-right {
        grid-column: 2;
        grid-row: 1;
        padding-left: 20px;
        padding-right: 0;
        justify-content: flex-start;
    }

    /* For rows with left content (odd rows), remap to show in right col */
    .program-row .program-cell-left {
        display: flex !important;
        grid-column: 2;
        grid-row: 1;
        padding-left: 20px;
        padding-right: 0;
        justify-content: flex-start;
    }

    .program-row .program-cell-left .program-item-content {
        text-align: left;
        max-width: 100%;
    }

    .program-row .program-cell-left .program-accent-bar {
        margin-left: 0;
    }

    .program-row .program-cell-left .program-connector {
        left: -20px;
        right: auto;
        width: 20px;
        background: linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,0.05));
    }

    .program-row .program-cell-right .program-connector {
        left: -20px;
        width: 20px;
    }

    .program-item-content {
        max-width: 100%;
    }

    .program-item-title {
        font-size: 20px;
    }

    .program-item-desc {
        font-size: 14px;
    }
}

/* ================================================
   MOBILE — max 576px
   Single column, line on left side, compact
================================================ */
@media (max-width: 576px) {

    .program-highlights-section {
        padding: 60px 0;
    }

    .program-inner-container {
        padding: 0 20px;
    }

    .program-main-heading {
        font-size: 26px;
        line-height: 1.3;
    }

    .program-label-tag {
        font-size: 11px;
        letter-spacing: 3px;
    }

    .program-title-block {
        margin-bottom: 48px;
    }

    /* Move line to left */
    .program-center-line {
        left: 20px;
        transform: none;
    }

    .program-center-line-fill {
        left: 20px;
        transform: none;
    }

    /* 2-col layout: dot col + content col */
    .program-row {
        grid-template-columns: 44px 1fr;
        min-height: 90px;
        align-items: flex-start;
        padding: 8px 0;
    }

    .program-cell-empty {
        display: none;
    }

    .program-cell-left {
        display: none;
    }

    .program-node-cell {
        grid-column: 1;
        grid-row: 1;
        padding-top: 4px;
        justify-content: center;
    }

    .program-cell-right {
        grid-column: 2;
        grid-row: 1;
        padding-left: 14px;
        padding-right: 0;
        justify-content: flex-start;
    }

    /* Remap left cells to right column */
    .program-row .program-cell-left {
        display: flex !important;
        grid-column: 2;
        grid-row: 1;
        padding-left: 14px;
        padding-right: 0;
        justify-content: flex-start;
    }

    .program-row .program-cell-left .program-item-content {
        text-align: left;
        max-width: 100%;
    }

    .program-row .program-cell-left .program-accent-bar {
        margin-left: 0;
        margin-right: auto;
    }

    .program-row .program-cell-left .program-connector {
        left: -14px;
        right: auto;
        width: 14px;
        background: linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,0.05));
    }

    .program-row .program-cell-right .program-connector {
        left: -14px;
        width: 14px;
    }

    .program-item-content {
        max-width: 100%;
    }

    .program-item-title {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .program-item-desc {
        font-size: 13px;
        line-height: 1.65;
    }

    .program-item-number {
        font-size: 10px;
        margin-bottom: 4px;
    }

    .program-accent-bar {
        width: 28px;
        margin-bottom: 8px;
    }

    .program-spine-dot {
        width: 16px;
        height: 16px;
    }

    .program-spine-dot.program-dot-active {
        border-width: 2px;
    }
}
.escalation-form-section{
    padding:100px 20px;
    background-image: url(../img/program-highlight-bg.jpg);
    background-position: 0 0;
    background-size: cover;
    position: relative;
}

.escalation-form-section:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 42%);
    z-index: 0;
}
.escalation-form-wrapper{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:420px 1fr;
    overflow:hidden;
    border-radius:30px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    background:#ffffff;
    position: relative;
    z-index: 3;
}

.escalation-form-info{
    padding:60px 45px;
    background:linear-gradient(135deg,#28386a,#106696,#2a888d);
    color:#ffffff;
    position:relative;
}

.escalation-form-info::before{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    top:-80px;
    right:-80px;
}

.escalation-form-info::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    bottom:-50px;
    left:-50px;
}

.escalation-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.15);
    margin-bottom:20px;
    font-size:14px;
    font-weight:600;
}

.escalation-form-info h2{
    font-size:40px;
    margin-bottom:20px;
    color:#ffffff;
    line-height:1.2;
}

.escalation-form-info p{
    line-height:1.9;
    color:rgba(255,255,255,.9);
    margin-bottom:35px;
}

.escalation-info-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.escalation-info-item{
    display:flex;
    align-items:center;
    gap:15px;
    font-size:15px;
}

.escalation-info-item i{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
}

.escalation-form-box{
    padding:55px;
}

.escalation-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.escalation-field{
    display:flex;
    flex-direction:column;
}

.escalation-field label{
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    color:#28386a;
}

.escalation-field input,
.escalation-field select{
    height:58px;
    border:1px solid #dce5ea;
    border-radius:14px;
    padding:0 18px;
    font-size:15px;
    transition:.3s;
}

.escalation-field textarea{
    min-height:180px;
    border:1px solid #dce5ea;
    border-radius:14px;
    padding:18px;
    resize:none;
    transition:.3s;
}

.escalation-field input:focus,
.escalation-field select:focus,
.escalation-field textarea:focus{
    outline:none;
    border-color:#2a888d;
    box-shadow:0 0 0 4px rgba(42,136,141,.12);
}

.escalation-full{
    grid-column:1/-1;
}

.escalation-submit-btn{
    margin-top:25px;
    border:none;
    background:linear-gradient(135deg,#28386a,#106696);
    color:#ffffff;
    padding:16px 40px;
    border-radius:60px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.4s;
}

.escalation-submit-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(16,102,150,.25);
}

@media(max-width:991px){

    .escalation-form-wrapper{
        grid-template-columns:1fr;
    }

    .escalation-form-info{
        padding:40px 30px;
    }

    .escalation-form-box{
        padding:35px;
    }
}

@media(max-width:767px){

    .escalation-grid{
        grid-template-columns:1fr;
    }

    .escalation-form-box{
        padding:25px;
    }

    .escalation-form-info h2{
        font-size:30px;
    }
}
.partner-network-section {
    padding: 80px 20px 160px;
    text-align: center;
    position: relative;
}

.partner-network-header {
    max-width: 850px;
    margin: 0 auto 50px;
}

.partner-network-tag {
    display: inline-block;
    padding: 10px 24px;
    background-color: var(--theme);
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.partner-network-title {
    color: var(--theme);
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px;
}

.partner-network-description {
    color: rgba(255,255,255,0.85);
    font-size: 17px;
    line-height: 1.8;
    max-width: 700px;
    margin: auto;
}

.partner-logo-showcase {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-content: center;
    gap: 25px;
    max-width: 1200px;
    margin: auto;
}

.partner-logo-item {
    width: 180px;
    height: 110px;
    background: #ffffff;
    border-radius: 18px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}

.partner-logo-item:hover {
    transform: translateY(-8px);
}

.partner-logo-item img {
    max-width: 100%;
    max-height: 65px;
    object-fit: contain;
}

.contact-us-btn{
    margin-top: 25px;
}

@media(max-width:991px){

    .partner-network-title{
        font-size:36px;
    }

    .partner-logo-item{
        width:150px;
        height:95px;
    }
}

@media(max-width:767px){

    .partner-network-section{
        padding:60px 15px 140px;
    }

    .partner-network-title{
        font-size:28px;
    }

    .partner-logo-item{
        width:130px;
        height:85px;
    }
}
.ribbon {
    --s: 1.8em;
    --d: .8em;
    --c: .8em;
    font-size: 15px;
    font-weight: bold;
    color: #fff;

    padding: 0 calc(var(--s) + .5em) var(--d);
    line-height: 1.8;
    text-align: center;

    background:
        conic-gradient(at left var(--s) bottom var(--d),
        #0000 25%, #0008 0 37.5%, #0004 0) 0/50% 100% no-repeat,
        conic-gradient(at right var(--s) bottom var(--d),
        #0004 62.5%, #0008 0 75%, #0000 0) 100%/50% 100% no-repeat;

    clip-path: polygon(
        0 var(--d),
        var(--s) var(--d),
        var(--s) 0,
        calc(100% - var(--s)) 0,
        calc(100% - var(--s)) var(--d),
        100% var(--d),
        calc(100% - var(--c)) calc(50% + var(--d)/2),
        100% 100%,
        calc(100% - var(--s) - var(--d)) 100%,
        calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),
        calc(var(--s) + var(--d)) calc(100% - var(--d)),
        calc(var(--s) + var(--d)) 100%,
        0 100%,
        var(--c) calc(50% + var(--d)/2)
        );

    background-color: #28386a;

    width: 300px;      /* Increase width */
    max-width: 90%;
    display: block;
    margin: 0 auto;
}

/* ── TOPBAR ── */
.bld-topbar {
    background: #142D40;
    padding: 0 40px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bld-topbar__logo {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
}
.bld-topbar__back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 500;
    color: #7ecfef;
    text-decoration: none;
    transition: color 0.2s;
}
.bld-topbar__back:hover {
    color: #ffffff;
}
.bld-topbar__back svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
}

/* ── PAGE WRAPPER ── */
.bld-page {
    max-width: 1650px !important;
    margin: 0 auto;
    padding: 48px 32px 80px;
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 48px;
    align-items: start;
}

/* ══════════════════════════════
   LEFT: MAIN CONTENT
══════════════════════════════ */
.bld-main {
}

/* hero image */
.bld-main__img-wrap {
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 32px;
    box-shadow: 0 4px 20px rgba(20,45,64,0.12);
}
.bld-main__img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    display: block;
}

/* meta row */
.bld-main__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.bld-main__cat {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #ffffff;
    background: #106696;
    padding: 4px 12px;
    border-radius: 20px;
}
.bld-main__cat--sec {
    background: #28386a;
}
.bld-main__dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #b0bec8;
}
.bld-main__date {
    font-size: 13px;
    color: #7a8e9b;
}
.bld-main__read {
    font-size: 13px;
    color: #7a8e9b;
}

/* title */
.bld-main__title {
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 700;
    color: #142D40;
    line-height: 1.2;
    margin-bottom: 24px;
}

/* author row */
.bld-main__author {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e5eaef;
    margin-bottom: 32px;
}
.bld-main__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #142D40;
    border: 2px solid #106696;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    color: #7ecfef;
    flex-shrink: 0;
}
.bld-main__author-name {
    font-size: 14px;
    font-weight: 600;
    color: #142D40;
}
.bld-main__author-role {
    font-size: 12px;
    color: #7a8e9b;
}

/* article content */
.bld-content {
    background: #ffffff;
    border-radius: 14px;
    padding: 36px 36px;
    box-shadow: 0 2px 10px rgba(20,45,64,0.06);
}

.bld-content__lead {
    font-size: clamp(18px, 2vw, 22px);
    font-style: italic;
    font-weight: 500;
    color: #142D40;
    line-height: 1.6;
    padding-left: 20px;
    border-left: 3px solid #106696;
    margin-bottom: 28px;
}

.bld-content p {
    font-size: 15.5px;
    line-height: 1.85;
    color: #2e3e4a;
    margin-bottom: 20px;
}

.bld-content h2 {
    font-size: clamp(20px, 2.5vw, 27px);
    font-weight: 700;
    color: #142D40;
    line-height: 1.25;
    margin: 36px 0 14px;
    padding-bottom: 10px;
    border-bottom: 1.5px solid #e5eaef;
}

.bld-content ul {
    list-style: none;
    margin: 16px 0 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.bld-content ul li {
    display: flex;
    gap: 12px;
    font-size: 15px;
    line-height: 1.7;
    color: #2e3e4a;
}
.bld-content ul li::before {
    content: '';
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #106696;
    margin-top: 8px;
}

.bld-content blockquote {
    margin: 28px 0;
    padding: 22px 28px;
    background: #edf5fb;
    border-left: 4px solid #106696;
    border-radius: 0 10px 10px 0;
}
.bld-content blockquote p {
    font-size: 19px;
    font-style: italic;
    color: #142D40;
    margin-bottom: 8px;
}
.bld-content blockquote cite {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    color: #106696;
    letter-spacing: 0.04em;
}

/* inline stat strip */
.bld-content__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 28px 0;
}
.bld-content__stat {
    background: #142D40;
    border-radius: 10px;
    padding: 20px 16px;
    text-align: center;
}
.bld-content__stat-num {
    font-size: 34px;
    font-weight: 700;
    color: #7ecfef;
    display: block;
    line-height: 1;
    margin-bottom: 5px;
}
.bld-content__stat-label {
    font-size: 11px;
    color: #9ab8cc;
    line-height: 1.4;
}

/* inline CTA */
.bld-content__cta {
    margin: 32px 0 0;
    background: linear-gradient(130deg, #142D40 0%, #28386a 100%);
    border-radius: 12px;
    padding: 28px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.bld-content__cta h3 {
    font-size: 21px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 4px;
}
.bld-content__cta p {
    font-size: 13px;
    color: #9ab8cc;
    margin: 0;
}
.bld-content__cta-btn {
    flex-shrink: 0;
    display: inline-block;
    background: #106696;
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 600;
    padding: 12px 26px;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.2s;
    white-space: nowrap;
}
.bld-content__cta-btn:hover {
    background: #0d5278;
}

/* tags */
.bld-main__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 28px;
}
.bld-main__tags-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #7a8e9b;
}
.bld-main__tag {
    font-size: 12px;
    font-weight: 500;
    color: #28386a;
    background: #e6ecf4;
    padding: 5px 13px;
    border-radius: 20px;
    text-decoration: none;
    transition: background 0.2s;
}
.bld-main__tag:hover {
    background: #d0dcea;
}

/* ══════════════════════════════
   RIGHT: STICKY SIDEBAR
══════════════════════════════ */
.bld-sidebar {
    position: sticky;
    top: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* section heading */
.bld-sidebar__heading {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #142D40;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 9px;
}
.bld-sidebar__heading::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 16px;
    background: #106696;
    border-radius: 2px;
    flex-shrink: 0;
}

/* latest post card */
.bld-lpost {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    text-decoration: none;
    padding: 14px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e5eaef;
    transition: box-shadow 0.2s, transform 0.2s;
    margin-bottom: 10px;
}
.bld-lpost:last-of-type {
    margin-bottom: 0;
}
.bld-lpost:hover {
    box-shadow: 0 6px 20px rgba(20,45,64,0.12);
    transform: translateY(-2px);
}
.bld-lpost__img {
    width: 78px;
    height: 78px;
    border-radius: 9px;
    object-fit: cover;
    flex-shrink: 0;
    display: block;
}
.bld-lpost__info {
    flex: 1;
    min-width: 0;
}
.bld-lpost__cat {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: #106696;
    margin-bottom: 5px;
}
.bld-lpost__title {
    font-size: 15.5px;
    font-weight: 700;
    color: #142D40;
    line-height: 1.3;
    margin-bottom: 7px;
    transition: color 0.2s;
}
.bld-lpost:hover .bld-lpost__title {
    color: #106696;
}
.bld-lpost__date {
    font-size: 11px;
    color: #9aacb8;
}

/* share strip */
.bld-sidebar__share {
    margin-top: 6px;
    background: #28386a;
    border-radius: 12px;
    padding: 16px 18px;
}
.bld-sidebar__share-label {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #9ab8cc;
    margin-bottom: 12px;
}
.bld-sidebar__share-btns {
    display: flex;
    gap: 8px;
}
.bld-sidebar__share-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    padding: 9px 6px;
    border-radius: 7px;
    text-decoration: none;
    transition: opacity 0.2s;
}
.bld-sidebar__share-btn:hover {
    opacity: 0.82;
}
.bld-sidebar__share-btn svg {
    width: 13px;
    height: 13px;
    fill: currentColor;
}
.bld-sidebar__share-btn--wa {
    background: #25D366;
    color: #ffffff;
}
.bld-sidebar__share-btn--li {
    background: #0A66C2;
    color: #ffffff;
}
.bld-sidebar__share-btn--cp {
    background: #142D40;
    color: #7ecfef;
}

/* ── RESPONSIVE ── */
@media (max-width: 960px) {
    .bld-page {
        grid-template-columns: 1fr;
        padding: 32px 20px 60px;
        gap: 36px;
    }
    .bld-sidebar {
        position: static;
    }
    .bld-lpost {
        flex-direction: row;
    }
}
@media (max-width: 580px) {
    .bld-topbar {
        padding: 0 20px;
    }
    .bld-main__img {
        height: 240px;
    }
    .bld-content {
        padding: 0;
    }
    .bld-content__stats {
        grid-template-columns: 1fr;
    }
    .bld-content__cta {
        flex-direction: column;
    }
}