/* Hide edit view by default */
.edit-view {
    display: none;
}

/* When edit mode is ON */
.edit-mode #middle_section_default .edit-view {
    display: block;
}

.edit-mode #middle_section_default .default-view {
    display: none;
}

/* ===== Stylish Processing UI ===== */
.processing-box {
    text-align: center;
    padding: 150px 20px;
    border-radius: 12px;
    background-image: linear-gradient(to top, #dee7de 0%, #fff4dc 1%, #fff 31%, #ffe5b02e 75%, #ffe7b7 100%);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    animation: fadeIn 0.6s ease;
}

.processing-box h2 {
    font-size: 43px;
    font-weight: 700;
    color: #2a2d38;
    margin-bottom: 10px;
}

.processing-box p {
    font-size: 30px;
    color: #6c757d;
}

/* Optional animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.home-1.welcome-section {
    position: relative;
    padding: 90px 0;
    background: var(--light, #fff);
    overflow: hidden;
}

.home-1.welcome-section:before {
    content: "";
    position: absolute;
    right: -160px;
    top: -160px;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    background: var(--primary, #ffb200);
    opacity: .055;
}

.home-1.welcome-section:after {
    content: "";
    position: absolute;
    left: -100px;
    bottom: -150px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 1px solid rgba(255, 178, 0, .10);
}

.home-1 .content-column {
    display: flex;
    align-items: center;
}

.home-1 .inner-column {
    max-width: 590px;
    padding-right: 35px;
}

.home-1 .section-tag {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 18px;
    padding-left: 16px;
    color: var(--primary, #ffb200);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-1 .section-tag:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 22px;
    border-radius: 3px;
    background: var(--primary, #ffb200);
    transform: translateY(-50%);
}

.home-1 h2 {
    max-width: 570px;
    margin: 0 0 24px;
    color: var(--text, #222);
    font-size: 46px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.7px;
}

.home-1 h2 span {
    display: block;
    color: var(--primary, #ffb200);
}

.home-1 .text {
    color: #666;
    font-size: 14px;
    line-height: 1.9;
}

.home-1 .text p {
    margin: 0 0 17px;
}

.home-1 .text strong {
    color: var(--text, #333);
    font-weight: 600;
}

.home-1 .text h3 {
    margin: 27px 0 10px;
    color: var(--text, #222);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.4;
}

.home-1 .btn-style-three {
    min-height: 46px;
    margin-top: 14px;
    padding: 11px 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid var(--primary, #ffb200);
    border-radius: 5px;
    background: var(--primary, #ffb200);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .4px;
    text-decoration: none;
    transition: all .3s ease;
}

.home-1 .btn-style-three i {
    font-size: 16px;
    transition: transform .3s ease;
}

.home-1 .btn-style-three:hover {
    background: var(--secondary, #444);
    border-color: var(--secondary, #444);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
}

.home-1 .btn-style-three:hover i {
    transform: translateX(4px);
}

.home-1 .image {
    position: relative;
    max-width: 520px;
    margin-left: auto;
    padding: 0 18px 18px 0;
}

.home-1 .image-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 88%;
    height: 88%;
    border-radius: 10px;
    background: var(--primary, #ffb200);
    opacity: .13;
}

.home-1 .image img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .13);
    transition: transform .45s ease;
}

.home-1 .image:hover img {
    transform: translateY(-6px);
}

.home-1 .image-badge {
    position: absolute;
    z-index: 3;
    left: -10px;
    bottom: 38px;
    min-width: 145px;
    padding: 13px 17px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: var(--secondary, #333);
    color: #fff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
}

.home-1 .image-badge i {
    color: var(--primary, #ffb200);
    font-size: 22px;
}

.home-1 .image-badge span {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .6px;
    line-height: 1.5;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .home-1.welcome-section {
        padding: 70px 0;
    }

    .home-1 .inner-column {
        max-width: 100%;
        padding-right: 0;
    }

    .home-1 h2 {
        font-size: 38px;
    }

    .home-1 .content-column {
        margin-bottom: 45px;
    }

    .home-1 .image {
        margin: auto;
    }
}

@media (max-width: 767px) {
    .home-1.welcome-section {
        padding: 60px 0;
    }

    .home-1 h2 {
        font-size: 32px;
    }

    .home-1 .text {
        font-size: 13px;
    }

    .home-1 .text h3 {
        font-size: 19px;
    }

    .home-1 .image {
        max-width: 600px;
        padding-right: 12px;
        padding-bottom: 12px;
    }

    .home-1 .image img {
        height: 340px;
    }

    .home-1 .image-badge {
        left: 0;
        bottom: 28px;
    }
}

@media (max-width: 575px) {
    .home-1.welcome-section {
        padding: 50px 0;
    }

    .home-1 h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    .home-1 .section-tag {
        font-size: 10px;
    }

    .home-1 .image img {
        height: 270px;
        border-radius: 6px;
    }

    .home-1 .image-badge {
        min-width: 125px;
        padding: 10px 12px;
    }

    .home-1 .image-badge i {
        font-size: 18px;
    }

    .home-1 .image-badge span {
        font-size: 9px;
    }

    .home-1 .btn-style-three {
        width: 100%;
    }
}
.home-23 {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background-color: var(--bg, #f6f4ef);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "Poppins", sans-serif;
}

.home-23 *,
.home-23 *::before,
.home-23 *::after {
    box-sizing: border-box;
}

.home-23-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(255, 255, 255, .86);
}

.home-23 .container {
    position: relative;
    z-index: 2;
}

.home-23-header {
    max-width: 720px;
    margin: 0 auto 50px;
    text-align: center;
}

.home-23-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 13px;
    color: var(--primary, #ff7043);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.home-23-eyebrow i {
    font-size: 17px;
}

.home-23-title {
    margin: 0 0 14px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.home-23-subtitle {
    max-width: 630px;
    margin: 0 auto;
    color: var(--text, #222);
    opacity: .62;
    font-size: 14px;
    line-height: 1.8;
}

.home-23-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.home-23-column {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
}

.home-23-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 24px;
    background: var(--light, #fff);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .07);
    transition: transform .35s ease, box-shadow .35s ease;
}

.home-23-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 65px rgba(0, 0, 0, .12);
}

.home-23-image {
    position: relative;
    width: 100%;
    height: 270px;
    overflow: hidden;
    background: var(--secondary, #222);
}

.home-23-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, .04) 35%,
        rgba(0, 0, 0, .42) 100%
    );
    pointer-events: none;
}

.home-23-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.home-23-card:hover .home-23-image img {
    transform: scale(1.06);
}

.home-23-category {
    position: absolute;
    top: 17px;
    left: 17px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 50px;
    background: var(--primary, #ff7043);
    color: var(--light, #fff);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.home-23-category i {
    font-size: 14px;
}

.home-23-number {
    position: absolute;
    right: 18px;
    bottom: 17px;
    z-index: 2;
    color: rgba(255, 255, 255, .7);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.home-23-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 27px 25px 24px;
}

.home-23-card-title {
    margin: 0 0 11px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}

.home-23-card-text {
    min-height: 67px;
    margin: 0 0 23px;
    color: var(--text, #222);
    opacity: .62;
    font-size: 12px;
    line-height: 1.8;
}

.home-23-class-info {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    align-items: center;
    gap: 10px;
    min-height: 67px;
    padding: 12px 0;
    border-top: 1px solid var(--border, #e8e8e8);
    border-bottom: 1px solid var(--border, #e8e8e8);
}

.home-23-info-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.home-23-info-item > i {
    color: var(--primary, #ff7043);
    font-size: 19px;
}

.home-23-info-item div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.home-23-info-item span,
.home-23-price span {
    color: var(--text, #222);
    opacity: .48;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}

.home-23-info-item strong {
    color: var(--text, #222);
    font-size: 11px;
    font-weight: 700;
}

.home-23-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.home-23-price strong {
    color: var(--primary, #ff7043);
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
}

.home-23-link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    margin-top: 20px;
    color: var(--text, #222);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .9px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease, gap .3s ease;
}

.home-23-link i {
    color: var(--primary, #ff7043);
    font-size: 16px;
    transition: transform .3s ease;
}

.home-23-link:hover {
    gap: 12px;
    color: var(--primary, #ff7043);
    text-decoration: none;
}

.home-23-link:hover i {
    transform: translateX(3px);
}

@media (max-width: 991px) {
    .home-23 {
        padding: 75px 0;
    }

    .home-23-title {
        font-size: 36px;
    }

    .home-23-column {
        width: 50%;
    }

    .home-23-column:last-child {
        width: 100%;
    }

    .home-23-image {
        height: 250px;
    }
}

@media (max-width: 767px) {
    .home-23 {
        padding: 65px 0;
    }

    .home-23-header {
        margin-bottom: 35px;
    }

    .home-23-title {
        font-size: 30px;
    }

    .home-23-subtitle {
        font-size: 13px;
    }

    .home-23-column,
    .home-23-column:last-child {
        width: 100%;
    }

    .home-23-image {
        height: 280px;
    }

    .home-23-content {
        padding: 24px 21px;
    }
}

@media (max-width: 480px) {
    .home-23 {
        padding: 55px 0;
    }

    .home-23-title {
        font-size: 27px;
    }

    .home-23-card {
        border-radius: 20px;
    }

    .home-23-image {
        height: 235px;
    }

    .home-23-card-title {
        font-size: 20px;
    }

    .home-23-class-info {
        grid-template-columns: 1fr 1fr;
    }

    .home-23-price {
        grid-column: 1 / -1;
        align-items: flex-start;
        padding-top: 8px;
    }
}
.home-2.teacher-single {
    padding: 100px 0;
    background: var(--light, #fff);
    overflow: hidden;
}

.home-2-teacher-inner {
    display: flex;
    align-items: center;
    gap: 70px;
}

.home-2-image-column {
    flex: 0 0 42%;
    max-width: 42%;
}

.home-2-image {
    position: relative;
}

.home-2-image-bg {
    position: absolute;
    inset: 18px -18px -18px 18px;
    border-radius: 24px;
    background: var(--primary, #f5a10c);
    opacity: .12;
}

.home-2-image img {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .12);
    z-index: 2;
    transition: .4s;
}

.home-2-image:hover img {
    transform: translateY(-8px);
}

.home-2-content-column {
    flex: 1;
}

.home-2-label {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 30px;
    background: rgba(245, 161, 12, .08);
    color: var(--primary, #f5a10c);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}

.home-2-teacher-name {
    font-size: 46px;
    font-weight: 800;
    color: var(--text, #111827);
    margin-bottom: 10px;
    line-height: 1.2;
}

.home-2-designation {
    color: var(--secondary, #6b7280);
    font-size: 17px;
    margin-bottom: 25px;
}

.home-2-social-icon-five {
    display: flex;
    gap: 12px;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.home-2-social-icon-five a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid var(--border, #e6e6e6);
    background: var(--light, #fff);
    color: var(--secondary, #555);
    transition: .35s;
}

.home-2-social-icon-five a:hover {
    background: var(--primary, #f5a10c);
    color: var(--light, #fff);
    transform: translateY(-4px);
}

.home-2-text {
    font-size: 16px;
    line-height: 1.9;
    color: var(--text, #555);
}

.home-2-text p {
    margin-bottom: 18px;
}

.home-2-teachers-info {
    display: flex;
    gap: 18px;
    margin-top: 35px;
    flex-wrap: wrap;
}

.home-2-teacher-block {
    flex: 1;
    min-width: 150px;
}

.home-2-inner {
    padding: 24px;
    border-radius: 18px;
    background: var(--light, #fff);
    border: 1px solid var(--border, #ececec);
    text-align: center;
    transition: .35s;
}

.home-2-inner:hover {
    transform: translateY(-6px);
    border-color: var(--primary, #f5a10c);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
}

.home-2-title {
    font-size: 13px;
    color: var(--secondary, #888);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.home-2-inner h3 {
    margin: 0;
    font-size: 30px;
    color: var(--primary, #f5a10c);
    font-weight: 800;
}

@media(max-width:991px) {

    .home-2-teacher-inner {
        flex-direction: column;
        gap: 40px;
    }

    .home-2-image-column,
    .home-2-content-column {
        max-width: 100%;
        flex: 100%;
    }

    .home-2-teacher-name {
        font-size: 36px;
    }

}

@media(max-width:576px) {

    .home-2.teacher-single {
        padding: 70px 0;
    }

    .home-2-teacher-name {
        font-size: 30px;
    }

    .home-2-teachers-info {
        gap: 12px;
    }

    .home-2-inner {
        padding: 18px;
    }

}

.home-34 {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background: var(--bg, #f7f5f1);
    font-family: "Poppins", sans-serif;
}

.home-34 *,
.home-34 *::before,
.home-34 *::after {
    box-sizing: border-box;
}

.home-34 .container {
    position: relative;
    z-index: 2;
}

.home-34.section-wrapper {
    background: var(--bg, #f7f5f1);
}

.home-34 .section-title {
    max-width: 760px;
    margin: 0 auto 12px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.8px;
    text-align: center;
}

.home-34 .section-subtitle {
    max-width: 650px;
    margin: 0 auto 48px;
    color: var(--text, #222);
    opacity: .6;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
}

.home-34 .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.home-34 .row > [class*="col-"] {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
}

.home-34 .card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0 0 28px;
    border: 1px solid var(--border, #e5e0d9);
    border-radius: 22px;
    background: var(--light, #fff);
    box-shadow: 0 16px 45px rgba(0, 0, 0, .06);
    transition: transform .35s ease, box-shadow .35s ease;
}

.home-34 .card:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 60px rgba(0, 0, 0, .11);
}

.home-34 .card::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -55px;
    width: 130px;
    height: 130px;
    border: 1px solid var(--border, #e5e0d9);
    border-radius: 50%;
    opacity: .7;
    pointer-events: none;
}

.home-34 .card > img {
    display: block;
    width: 100%;
    height: 265px;
    flex: 0 0 265px;
    object-fit: cover;
    transition: transform .6s ease;
}

.home-34 .card:hover > img {
    transform: scale(1.05);
}

.home-34 .card-title {
    position: relative;
    z-index: 1;
    margin: 25px 25px 10px;
    color: var(--text, #222);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
}

.home-34 .card-text {
    position: relative;
    z-index: 1;
    flex: 1;
    margin: 0 25px;
    color: var(--text, #222);
    opacity: .6;
    font-size: 12px;
    line-height: 1.85;
}

@media (max-width: 991px) {
    .home-34 {
        padding: 75px 0;
    }

    .home-34 .section-title {
        font-size: 36px;
    }

    .home-34 .section-subtitle {
        margin-bottom: 38px;
    }

    .home-34 .card > img {
        height: 240px;
        flex-basis: 240px;
    }

    .home-34 .card-title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .home-34 {
        padding: 65px 0;
    }

    .home-34 .section-title {
        font-size: 30px;
    }

    .home-34 .section-subtitle {
        margin-bottom: 32px;
        font-size: 13px;
    }

    .home-34 .row > [class*="col-"] {
        width: 100%;
    }

    .home-34 .card > img {
        height: 280px;
        flex-basis: 280px;
    }

    .home-34 .card {
        border-radius: 20px;
    }
}

@media (max-width: 480px) {
    .home-34 {
        padding: 55px 0;
    }

    .home-34 .section-title {
        font-size: 27px;
        letter-spacing: -.4px;
    }

    .home-34 .section-subtitle {
        font-size: 12px;
        line-height: 1.7;
    }

    .home-34 .card > img {
        height: 230px;
        flex-basis: 230px;
    }

    .home-34 .card-title {
        margin: 22px 20px 9px;
        font-size: 19px;
    }

    .home-34 .card-text {
        margin: 0 20px;
        font-size: 12px;
    }

    .home-34 .card {
        padding-bottom: 24px;
    }
}

.home-31 {
    position: relative;
    padding: 90px 0;
    background-color: var(--bg, #fff);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}

.home-31::before {
    position: absolute;
    inset: 0;
    content: "";
    background: rgba(255, 255, 255, .88);
}

.home-31 .home-31-container {
    position: relative;
    z-index: 1;
}

.home-31 .home-31-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.home-31 .home-31-left {
    padding-right: 45px;
}

.home-31 .home-31-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: var(--primary, #27d6f2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.home-31 .home-31-subtitle i {
    font-size: 17px;
}

.home-31 .home-31-title {
    max-width: 600px;
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.12;
}

.home-31 .home-31-title span {
    display: block;
    color: var(--primary, #27d6f2);
}

.home-31 .home-31-description {
    max-width: 540px;
    margin: 0 0 30px;
    color: var(--text, #666);
    font-size: 15px;
    line-height: 1.9;
}

.home-31 .home-31-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
}

.home-31 .home-31-btn-main {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 25px;
    border-radius: 50px;
    background: var(--primary, #27d6f2);
    color: var(--light, #fff);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .7px;
    text-decoration: none;
    transition: .3s ease;
}

.home-31 .home-31-btn-main i {
    font-size: 17px;
    transition: transform .3s ease;
}

.home-31 .home-31-btn-main:hover {
    background: var(--secondary, #28b9d0);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(39, 214, 242, .22);
}

.home-31 .home-31-btn-main:hover i {
    transform: translateX(4px);
}

.home-31 .home-31-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--text, #222);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.home-31 .home-31-link:hover {
    color: var(--primary, #27d6f2);
}

.home-31 .home-31-play {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 50%;
    background: var(--light, #fff);
    color: var(--primary, #27d6f2);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
}

.home-31 .home-31-play i {
    margin-left: 2px;
    font-size: 18px;
}

.home-31 .home-31-trust {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 38px;
}

.home-31 .home-31-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text, #555);
    font-size: 11px;
    font-weight: 600;
}

.home-31 .home-31-trust-item i {
    color: var(--primary, #27d6f2);
    font-size: 17px;
}

.home-31 .home-31-right {
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-31 .home-31-images {
    position: relative;
    width: 100%;
    max-width: 540px;
    height: 560px;
}

.home-31 .home-31-image-wrap {
    position: absolute;
    overflow: hidden;
    background: var(--light, #fff);
    border: 8px solid var(--light, #fff);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .12);
}

.home-31 .home-31-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .5s ease;
}

.home-31 .home-31-image-wrap:hover .home-31-img {
    transform: scale(1.06);
}

.home-31 .home-31-image-one {
    top: 30px;
    left: 15px;
    width: 245px;
    height: 335px;
    border-radius: 30px;
    transform: rotate(-5deg);
}

.home-31 .home-31-image-two {
    top: 0;
    right: 25px;
    width: 225px;
    height: 300px;
    border-radius: 30px;
    transform: rotate(5deg);
}

.home-31 .home-31-image-three {
    right: 5px;
    bottom: 20px;
    width: 260px;
    height: 310px;
    border-radius: 30px;
    transform: rotate(-3deg);
}

.home-31 .home-31-image-badge {
    position: absolute;
    left: 45px;
    bottom: 35px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 18px;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 16px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .10);
}

.home-31 .home-31-image-badge > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--primary, #27d6f2);
    color: var(--light, #fff);
    font-size: 17px;
}

.home-31 .home-31-image-badge strong {
    display: block;
    margin-bottom: 2px;
    color: var(--text, #222);
    font-size: 12px;
    font-weight: 700;
}

.home-31 .home-31-image-badge span {
    display: block;
    color: var(--text, #777);
    font-size: 9px;
}

@media (max-width: 1199px) {
    .home-31 {
        padding: 80px 0;
    }

    .home-31 .home-31-title {
        font-size: 44px;
    }

    .home-31 .home-31-left {
        padding-right: 25px;
    }

    .home-31 .home-31-images {
        max-width: 480px;
        height: 520px;
    }

    .home-31 .home-31-image-one {
        width: 220px;
        height: 310px;
    }

    .home-31 .home-31-image-two {
        width: 205px;
        height: 275px;
    }

    .home-31 .home-31-image-three {
        width: 230px;
        height: 285px;
    }
}

@media (max-width: 991px) {
    .home-31 {
        padding: 70px 0;
    }

    .home-31 .home-31-title {
        font-size: 36px;
    }

    .home-31 .home-31-description {
        font-size: 13px;
    }

    .home-31 .home-31-right {
        min-height: 470px;
    }

    .home-31 .home-31-images {
        height: 470px;
    }

    .home-31 .home-31-image-one {
        top: 25px;
        width: 180px;
        height: 270px;
    }

    .home-31 .home-31-image-two {
        width: 170px;
        height: 240px;
    }

    .home-31 .home-31-image-three {
        width: 200px;
        height: 250px;
    }

    .home-31 .home-31-image-badge {
        left: 30px;
        bottom: 25px;
    }
}

@media (max-width: 767px) {
    .home-31 {
        padding: 60px 0;
    }

    .home-31 .home-31-row {
        display: block;
    }

    .home-31 .home-31-left {
        padding: 0;
        text-align: center;
    }

    .home-31 .home-31-title {
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
        font-size: 31px;
    }

    .home-31 .home-31-description {
        margin-right: auto;
        margin-left: auto;
    }

    .home-31 .home-31-buttons {
        justify-content: center;
    }

    .home-31 .home-31-trust {
        justify-content: center;
    }

    .home-31 .home-31-right {
        min-height: 430px;
        margin-top: 35px;
    }

    .home-31 .home-31-images {
        max-width: 460px;
        height: 430px;
        margin: 0 auto;
    }

    .home-31 .home-31-image-one {
        top: 20px;
        left: 5%;
        width: 170px;
        height: 245px;
    }

    .home-31 .home-31-image-two {
        top: 5px;
        right: 7%;
        width: 160px;
        height: 220px;
    }

    .home-31 .home-31-image-three {
        right: 3%;
        bottom: 15px;
        width: 180px;
        height: 235px;
    }

    .home-31 .home-31-image-badge {
        left: 10%;
        bottom: 20px;
    }
}

@media (max-width: 480px) {
    .home-31 {
        padding: 50px 0;
    }

    .home-31 .home-31-title {
        font-size: 28px;
    }

    .home-31 .home-31-description {
        font-size: 12px;
    }

    .home-31 .home-31-buttons {
        flex-direction: column;
        gap: 15px;
    }

    .home-31 .home-31-trust {
        gap: 15px;
        margin-top: 28px;
    }

    .home-31 .home-31-right {
        min-height: 360px;
        margin-top: 25px;
    }

    .home-31 .home-31-images {
        height: 360px;
    }

    .home-31 .home-31-image-one {
        left: 2%;
        width: 140px;
        height: 205px;
        border-width: 5px;
        border-radius: 20px;
    }

    .home-31 .home-31-image-two {
        right: 3%;
        width: 130px;
        height: 185px;
        border-width: 5px;
        border-radius: 20px;
    }

    .home-31 .home-31-image-three {
        right: 0;
        bottom: 8px;
        width: 150px;
        height: 195px;
        border-width: 5px;
        border-radius: 20px;
    }

    .home-31 .home-31-image-badge {
        left: 3%;
        bottom: 10px;
        padding: 9px 12px;
        border-radius: 12px;
    }

    .home-31 .home-31-image-badge > i {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .home-31 .home-31-image-badge strong {
        font-size: 10px;
    }

    .home-31 .home-31-image-badge span {
        font-size: 8px;
    }
}
.home-3 {
    padding: 100px 0;
    background: var(--light, #fff);
}

.home-3-card {
    position: relative;
    background: var(--secondary, #222);
    border-radius: 28px;
    overflow: hidden;
    padding: 60px;
}

.home-3-card::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: var(--primary, #ffb200);
    opacity: .08;
    top: -120px;
    right: -100px;
}

.home-3-image-wrapper {
    position: relative;
    max-width: 500px;
}

.home-3-image-bg {
    position: absolute;
    inset: 18px -18px -18px 18px;
    background: var(--primary, #ffb200);
    opacity: .15;
    border-radius: 24px;
}

.home-3_banner1 {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .18);
    z-index: 2;
    transition: .4s;
}

.home-3-image-wrapper:hover .home-3_banner1 {
    transform: translateY(-8px);
}

.home-3-tag {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 20px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .08);
    color: var(--primary, #ffb200);
    font-size: 14px;
    font-weight: 700;
}

.home-3-title {
    font-size: 46px;
    line-height: 1.2;
    font-weight: 800;
    color: var(--light, #fff);
    margin-bottom: 20px;
}

.home-3-title span {
    display: block;
    color: var(--primary, #ffb200);
}

.home-3-description {
    font-size: 17px;
    line-height: 1.9;
    color: rgba(255, 255, 255, .75);
    margin-bottom: 35px;
}

.home-3-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.home-3-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 15px 32px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    transition: .35s;
}

.home-3-btn-primary {
    background: var(--primary, #ffb200);
    color: var(--light, #fff);
}

.home-3-btn-primary:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
}

.home-3-btn-secondary {
    border: 2px solid rgba(255, 255, 255, .18);
    color: var(--light, #fff);
}

.home-3-btn-secondary:hover {
    background: rgba(255, 255, 255, .08);
    color: var(--light, #fff);
}

@media(max-width:991px) {

    .home-3 {
        padding: 70px 0;
    }

    .home-3-card {
        padding: 40px 30px;
    }

    .home-3-image-wrapper {
        margin-bottom: 40px;
    }

    .home-3-title {
        font-size: 34px;
    }

}

@media(max-width:576px) {

    .home-3-card {
        padding: 30px 20px;
    }

    .home-3-title {
        font-size: 28px;
    }

    .home-3-btn {
        width: 100%;
        justify-content: center;
    }

}
           .blog-6 {
            position: relative;
            padding: 100px 0;
            background: linear-gradient(180deg, var(--light, #fff), var(--bg, #f7f7f7));
            font-family: "Poppins", sans-serif;
            overflow: hidden;
            }

            .blog-6 * {
            box-sizing: border-box;
            font-family: "Poppins", sans-serif;
            }

            .blog-6-header {
            max-width: 760px;
            margin: 0 auto 55px;
            }

            .blog-6-tag {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 7px 17px;
            margin-bottom: 16px;
            border: 1px solid var(--border, #e7e7e7);
            border-radius: 30px;
            background: var(--light, #fff);
            color: var(--primary, #ffb200);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            line-height: 1.2;
            text-transform: uppercase;
            }

            .blog-6-title {
            margin: 0 0 16px;
            color: var(--text, #222);
            font-size: clamp(34px, 4vw, 48px);
            font-weight: 800;
            line-height: 1.15;
            letter-spacing: -1px;
            }

            .blog-6-title span {
            color: var(--secondary, #4b5563);
            }

            .blog-6-description {
            max-width: 680px;
            margin: 0 auto;
            color: var(--secondary, #666);
            font-size: 16px;
            line-height: 1.8;
            }

            .blog-6-row {
            display: flex;
            flex-wrap: wrap;
            }

            .blog-6-column {
            display: flex;
            margin-bottom: 30px;
            }

            .blog-6-blog {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            background: var(--light, #fff);
            border: 1px solid var(--border, #e7e7e7);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0, 0, 0, .04);
            transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
            }

            .blog-6-blog:hover {
            transform: translateY(-8px);
            border-color: var(--primary, #ffb200);
            box-shadow: 0 20px 45px rgba(0, 0, 0, .09);
            }

            .blog-6-image-box {
            position: relative;
            aspect-ratio: 16 / 10;
            overflow: hidden;
            background: var(--bg, #f3f3f3);
            }

            .blog-6-image-box::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(
            to top,
            rgba(0, 0, 0, .18),
            rgba(0, 0, 0, 0)
            );
            pointer-events: none;
            }

            .blog-6-image {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: transform .55s ease;
            }

            .blog-6-blog:hover .blog-6-image {
            transform: scale(1.07);
            }

            .blog-6-body {
            display: flex;
            flex-direction: column;
            flex: 1;
            padding: 26px;
            }

            .blog-6-date {
            display: inline-flex;
            align-items: center;
            align-self: flex-start;
            gap: 7px;
            width: max-content;
            margin: 0 0 17px;
            padding: 6px 12px;
            border-radius: 20px;
            background: var(--bg, #f5f5f5);
            color: var(--secondary, #666);
            font-size: 11px;
            font-weight: 600;
            line-height: 1.3;
            }

            .blog-6-date i {
            color: var(--primary, #ffb200);
            font-size: 14px;
            }

            .blog-6-blog-title {
            min-height: 67px;
            margin: 0 0 14px;
            color: var(--text, #222);
            font-size: 22px;
            font-weight: 700;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            }

            .blog-6-text {
            min-height: 76px;
            margin: 0 0 22px;
            color: var(--secondary, #666);
            font-size: 14px;
            line-height: 1.8;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            }

            .blog-6-link {
            display: inline-flex;
            align-items: center;
            align-self: flex-start;
            gap: 8px;
            margin-top: auto;
            color: var(--text, #222);
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
            transition: color .3s ease;
            }

            .blog-6-link i {
            font-size: 17px;
            transition: transform .3s ease;
            }

            .blog-6-link:hover {
            color: var(--primary, #ffb200);
            text-decoration: none;
            }

            .blog-6-link:hover i {
            transform: translateX(5px);
            }

            @media (max-width: 991px) {
            .blog-6 {
            padding: 75px 0;
            }

            .blog-6-header {
            margin-bottom: 40px;
            }

            .blog-6-title {
            font-size: 38px;
            }

            .blog-6-description {
            font-size: 15px;
            }

            .blog-6-column {
            margin-bottom: 25px;
            }

            .blog-6-body {
            padding: 22px;
            }

            .blog-6-blog-title {
            font-size: 20px;
            }
            }

            @media (max-width: 767px) {
            .blog-6 {
            padding: 65px 0;
            }

            .blog-6-header {
            margin-bottom: 35px;
            }

            .blog-6-title {
            font-size: 32px;
            }

            .blog-6-description {
            font-size: 14px;
            line-height: 1.75;
            }

            .blog-6-column {
            width: 100%;
            }

            .blog-6-blog {
            max-width: 600px;
            margin: 0 auto;
            }

            .blog-6-image-box {
            aspect-ratio: 16 / 9;
            }

            .blog-6-blog-title {
            min-height: auto;
            font-size: 21px;
            }

            .blog-6-text {
            min-height: auto;
            -webkit-line-clamp: 4;
            }
            }

            @media (max-width: 480px) {
            .blog-6 {
            padding: 55px 0;
            }

            .blog-6-header {
            margin-bottom: 30px;
            }

            .blog-6-tag {
            font-size: 10px;
            padding: 6px 14px;
            }

            .blog-6-title {
            font-size: 28px;
            letter-spacing: -.5px;
            }

            .blog-6-description {
            font-size: 13px;
            }

            .blog-6-body {
            padding: 20px;
            }

            .blog-6-date {
            margin-bottom: 14px;
            font-size: 10px;
            }

            .blog-6-blog-title {
            font-size: 19px;
            line-height: 1.4;
            }

            .blog-6-text {
            font-size: 13px;
            line-height: 1.7;
            }
            }
.home-5 {
    padding: 100px 0;
    background: var(--border, #f8f8f8);
}

.home-5 .section-heading {
    max-width: 700px;
    margin: 0 auto 60px;
}

.home-5-tag {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 18px;
    border-radius: 30px;
    background: var(--secondary, #555);
    color: var(--light, #fff);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-5 .section-heading h2 {
    font-size: 46px;
    font-weight: 800;
    color: var(--text, #222);
    margin-bottom: 16px;
}

.home-5 .section-heading p {
    color: var(--secondary, #666);
    font-size: 17px;
    line-height: 1.8;
}

.home-5 .team-wrap {
    row-gap: 30px;
}

.home-5 .team-box {
    height: 100%;
    background: var(--light, #fff);
    border: 1px solid var(--border, #e6e6e6);
    border-radius: 22px;
    overflow: hidden;
    transition: .35s;
}

.home-5 .team-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
}

.home-5 .team-thumb {
    aspect-ratio: 4/5;
    overflow: hidden;
    background: var(--border, #ececec);
}

.home-5 .team-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: .5s;
}

.home-5 .team-box:hover .team-thumb img {
    transform: scale(1.08);
}

.home-5 .team-details {
    padding: 24px;
    text-align: center;
}

.home-5 .team-details h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--text, #222);
    margin-bottom: 8px;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-5 .team-details span {
    display: block;
    color: var(--secondary, #666);
    font-size: 15px;
    line-height: 1.6;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media(max-width:991px) {

    .home-5 {
        padding: 70px 0;
    }

    .home-5 .section-heading {
        margin-bottom: 45px;
    }

    .home-5 .section-heading h2 {
        font-size: 36px;
    }

}

@media(max-width:576px) {

    .home-5 {
        padding: 60px 0;
    }

    .home-5 .section-heading h2 {
        font-size: 30px;
    }

    .home-5 .team-details {
        padding: 20px;
    }

}

.home-6 {
    padding: 100px 0;
    background: linear-gradient(135deg,
            var(--secondary, #3f4754),
            var(--text, #1f2937));
    position: relative;
    overflow: hidden;
}

.home-6::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    top: -180px;
    right: -140px;
}

.home-6::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .03);
    bottom: -160px;
    left: -100px;
}

.home-6 .container {
    position: relative;
    z-index: 2;
}

.home-6 .counters {
    row-gap: 30px;
}

.home-6 .counter-content {
    height: 100%;
    padding: 35px 25px;
    text-align: center;
    border-radius: 22px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .12);
    transition: .35s;
}

.home-6 .counter-content:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, .12);
}

.home-6 .counter-content i {
    width: 72px;
    height: 72px;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--light, #fff);
    color: var(--primary, #ffb200);
    font-size: 30px;
}

.home-6 .counter-content span {
    display: block;
    margin-bottom: 10px;
    font-size: 48px;
    font-weight: 800;
    color: var(--light, #fff);

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-6 .counter-content h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: rgba(255, 255, 255, .85);
    line-height: 1.6;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media(max-width:991px) {

    .home-6 {
        padding: 70px 0;
    }

    .home-6 .counter-content {
        margin-bottom: 30px;
    }

}

@media(max-width:576px) {

    .home-6 {
        padding: 60px 0;
    }

    .home-6 .counter-content {
        padding: 30px 20px;
    }

    .home-6 .counter-content span {
        font-size: 40px;
    }

    .home-6 .counter-content h3 {
        font-size: 16px;
    }

}

.home-7 {
    padding: 100px 0;
    background: var(--light, #fff);
}

.home-7 .section-heading {
    max-width: 720px;
    margin: 0 auto 60px;
    text-align: center;
}

.home-7 .section-heading h2 {
    font-size: 46px;
    font-weight: 800;
    color: var(--text, #222);
    margin-bottom: 15px;
}

.home-7 .section-heading p {
    color: var(--secondary, #666);
    font-size: 17px;
    line-height: 1.8;
}

.home-7 .event-wrap {
    display: flex;
    align-items: center;
    background: var(--light, #fff);
    border: 1px solid var(--border, #e7e7e7);
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 35px;
    transition: .35s;
}

.home-7 .event-wrap:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 45px rgba(0, 0, 0, .08);
}

.home-7 .event-date {
    width: 130px;
    min-height: 100%;
    background: linear-gradient(180deg,
            var(--secondary, #4b5563),
            var(--text, #222));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 20px;
    text-align: center;
    border-radius: 10px;
}

.home-7 .event-date h2 {
    margin: 0;
    font-size: 42px;
    font-weight: 800;
    color: var(--light, #fff);
    line-height: 1;
}

.home-7 .event-date span {
    display: block;
    margin-top: 10px;
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.home-7 .ticket-btn {
    margin-top: 18px;
}

.home-7 .ticket-btn a {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 30px;
    background: var(--primary, #ffb200);
    color: var(--text, #222);
    font-weight: 700;
    text-decoration: none;
    transition: .3s;
}

.home-7 .ticket-btn a:hover {
    opacity: .9;
}

.home-7 .event-details {
    padding: 35px;
}

.home-7 .event-details h2 {
    margin: 0 0 18px;
}

.home-7 .event-details h2 a {
    color: var(--text, #222);
    text-decoration: none;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-7 .event-time {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.home-7 .event-time li {
    display: flex;
    align-items: center;
    color: var(--secondary, #666);
    font-size: 15px;
}

.home-7 .event-time i {
    color: var(--primary, #ffb200);
    margin-right: 8px;
    font-size: 18px;
}

.home-7 .event-details p {
    color: var(--secondary, #666);
    line-height: 1.8;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-7 .event-thumb {
    aspect-ratio: 16/10;
    overflow: hidden;
    background: var(--border, #ececec);
    border-radius: 20px;
}

.home-7 .event-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: .5s;
    border-radius: 20px;
}

.home-7 .event-wrap:hover .event-thumb img {
    transform: scale(1.08);
}

@media(max-width:991px) {

    .home-7 {
        padding: 70px 0;
    }

    .home-7 .section-heading {
        margin-bottom: 45px;
    }

    .home-7 .section-heading h2 {
        font-size: 36px;
    }

    .home-7 .event-wrap {
        display: block;
    }

    .home-7 .event-date {
        width: 100%;
        padding: 30px;
    }

    .home-7 .event-thumb {
        margin-top: 25px;
    }

}

@media(max-width:576px) {

    .home-7 {
        padding: 60px 0;
    }

    .home-7 .section-heading h2 {
        font-size: 30px;
    }

    .home-7 .event-details {
        padding: 24px;
    }

    .home-7 .event-details h2 a {
        font-size: 24px;
    }

    .home-7 .event-time {
        gap: 12px;
    }

}

/* =========================
   FAQ SECTION
========================= */

.faq-1 {
    padding: 100px 0;
    background: linear-gradient(180deg,
            var(--light, #ffffff),
            var(--border, #f6f6f6));
}

.faq-1 .container {
    max-width: 1150px;
}

.faq-header {
    max-width: 720px;
    margin: 0 auto 60px;
}

.faq-tag {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 18px;
    border-radius: 30px;
    background: var(--secondary, #4b5563);
    color: var(--light, #fff);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.faq-header h2 {
    font-size: 46px;
    font-weight: 800;
    color: var(--text, #222);
    margin-bottom: 18px;
    line-height: 1.2;
}

.faq-header p {
    color: var(--secondary, #666);
    font-size: 17px;
    line-height: 1.8;
}

.faq-items-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.faq-item {
    height: 100%;
    background: var(--light, #fff);
    border: 1px solid var(--border, #e7e7e7);
    border-radius: 22px;
    padding: 30px;
    transition: .35s;
}

.faq-item:hover {
    transform: translateY(-8px);
    border-color: var(--secondary, #555);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
}

.faq-item h3 {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0 0 18px;
    color: var(--text, #222);
    font-size: 23px;
    font-weight: 700;
    line-height: 1.5;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.faq-item h3 i {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    background: var(--secondary, #555);
    color: var(--light, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.faq-item p {
    margin: 0;
    color: var(--secondary, #666);
    line-height: 1.9;
    font-size: 16px;

    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.faq-footer {
    max-width: 650px;
    margin: 70px auto 0;
}

.faq-footer h3 {
    font-size: 34px;
    font-weight: 800;
    color: var(--text, #222);
    margin-bottom: 15px;
}

.faq-footer p {
    color: var(--secondary, #666);
    line-height: 1.8;
    margin-bottom: 30px;
}

.faq-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: 40px;
    background: var(--primary, #ffb200);
    color: var(--text, #222);
    text-decoration: none;
    font-weight: 700;
    transition: .3s;
}

.faq-btn:hover {
    color: var(--text, #222);
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

.faq-btn i {
    transition: .3s;
}

.faq-btn:hover i {
    transform: translateX(5px);
}

@media(max-width:991px) {

    .faq-1 {
        padding: 70px 0;
    }

    .faq-header {
        margin-bottom: 45px;
    }

    .faq-header h2 {
        font-size: 36px;
    }

    .faq-items-row {
        grid-template-columns: 1fr;
    }

}

@media(max-width:576px) {

    .faq-1 {
        padding: 60px 0;
    }

    .faq-header h2 {
        font-size: 30px;
    }

    .faq-footer h3 {
        font-size: 28px;
    }

    .faq-item {
        padding: 24px;
    }

    .faq-item h3 {
        font-size: 20px;
    }

    .faq-btn {
        padding: 12px 24px;
    }

}

/*====================================
            FAQ 2
=====================================*/

.faq-2 {
    padding: 100px 0;
    background: linear-gradient(135deg,
            var(--secondary, #4b5563),
            var(--text, #1f2937));
    position: relative;
    overflow: hidden;
}

.faq-2::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    top: -180px;
    right: -120px;
}

.faq-2::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .03);
    bottom: -150px;
    left: -120px;
}

.faq-2 .container {
    position: relative;
    z-index: 2;
    max-width: 1180px;
}

.faq-2-header {
    max-width: 720px;
    margin: 0 auto 60px;
}

.faq-2-tag {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 18px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .12);
    color: var(--light, #fff);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.faq-2-header h2 {
    font-size: 46px;
    font-weight: 800;
    color: var(--light, #fff);
    margin-bottom: 18px;
    line-height: 1.2;
}

.faq-2-header p {
    color: rgba(255, 255, 255, .75);
    font-size: 17px;
    line-height: 1.8;
}

.faq-2-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.faq-2-card {
    height: 100%;
    padding: 35px 30px;
    border-radius: 24px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    backdrop-filter: blur(12px);
    transition: .35s;
}

.faq-2-card:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, .12);
}

.faq-2-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 24px;
    border-radius: 18px;
    background: var(--light, #fff);
    color: var(--primary, #ffb200);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.faq-2-card h3 {
    margin-bottom: 16px;
    color: var(--light, #fff);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.faq-2-card p {
    color: rgba(255, 255, 255, .75);
    line-height: 1.8;
    font-size: 16px;

    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.faq-2-footer {
    max-width: 650px;
    margin: 70px auto 0;
}

.faq-2-footer h3 {
    color: var(--light, #fff);
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 15px;
}

.faq-2-footer p {
    color: rgba(255, 255, 255, .75);
    line-height: 1.8;
    margin-bottom: 30px;
}

.faq-2-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: 40px;
    background: var(--primary, #ffb200);
    color: var(--text, #222);
    text-decoration: none;
    font-weight: 700;
    transition: .3s;
}

.faq-2-btn:hover {
    color: var(--text, #222);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
}

.faq-2-btn i {
    transition: .3s;
}

.faq-2-btn:hover i {
    transform: translateX(5px);
}

@media(max-width:991px) {

    .faq-2 {
        padding: 70px 0;
    }

    .faq-2-header {
        margin-bottom: 45px;
    }

    .faq-2-header h2 {
        font-size: 36px;
    }

    .faq-2-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width:767px) {

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

    .faq-2-header h2 {
        font-size: 30px;
    }

    .faq-2-grid {
        grid-template-columns: 1fr;
    }

    .faq-2-card {
        padding: 28px 24px;
    }

    .faq-2-card h3 {
        font-size: 21px;
    }

    .faq-2-footer h3 {
        font-size: 28px;
    }

}


.contact-2 {
    position: relative;
    overflow: hidden;
    padding: 85px 0;
    background: var(--light, #f8f9fa);
    color: var(--text, #333);
    font-family: "Poppins", sans-serif;
}

.contact-2 * {
    box-sizing: border-box;
}

.contact-2 .contact-2-row {
    display: flex;
    align-items: stretch;
}

.contact-2 .contact-2-info-column,
.contact-2 .contact-2-form-column {
    display: flex;
    align-items: center;
}

.contact-2 .contact-2-info-content {
    width: 100%;
    max-width: 570px;
    padding: 25px 45px 25px 0;
}

.contact-2 .contact-2-eyebrow,
.contact-2 .contact-2-form-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    color: var(--primary, #1cc0a0);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.contact-2 .contact-2-eyebrow i,
.contact-2 .contact-2-form-label i {
    font-size: 17px;
}

.contact-2 .contact-2-title {
    margin: 0 0 18px;
    color: var(--text, #333);
    font-size: 50px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.8px;
}

.contact-2 .contact-2-intro {
    max-width: 530px;
    margin: 0;
    color: rgba(51, 51, 51, .65);
    font-size: 14px;
    line-height: 1.85;
}

.contact-2 .contact-2-contact-info {
    margin-top: 42px;
}

.contact-2 .contact-2-contact-info h3 {
    margin: 0 0 22px;
    color: var(--text, #333);
    font-size: 18px;
    font-weight: 600;
}

.contact-2 .contact-2-list {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.contact-2 .contact-2-list-item {
    display: flex;
    align-items: center;
    min-height: 65px;
}

.contact-2 .contact-2-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin-right: 15px;
    border: 1px solid rgba(28, 192, 160, .15);
    border-radius: 13px;
    background: rgba(28, 192, 160, .08);
    color: var(--primary, #1cc0a0);
    transition: transform .3s ease, background .3s ease, color .3s ease;
}

.contact-2 .contact-2-icon i {
    font-size: 20px;
}

.contact-2 .contact-2-list-item:hover .contact-2-icon {
    background: var(--primary, #1cc0a0);
    color: var(--light, #fff);
    transform: translateY(-3px);
}

.contact-2 .contact-2-list-content {
    min-width: 0;
}

.contact-2 .contact-2-list-content strong {
    display: block;
    margin-bottom: 4px;
    color: var(--text, #333);
    font-size: 12px;
    font-weight: 600;
}

.contact-2 .contact-2-list-content p,
.contact-2 .contact-2-list-content a {
    display: block;
    margin: 0;
    color: rgba(51, 51, 51, .62);
    font-size: 13px;
    line-height: 1.6;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.contact-2 .contact-2-list-content a:hover {
    color: var(--primary, #1cc0a0);
}

.contact-2 .contact-2-form-card {
    width: 100%;
    padding: 42px;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 22px;
    background: var(--bg, #fff);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .07);
}

.contact-2 .contact-2-form-header {
    margin-bottom: 28px;
}

.contact-2 .contact-2-form-label {
    margin-bottom: 10px;
}

.contact-2 .contact-2-form-header h3 {
    margin: 0 0 9px;
    color: var(--text, #333);
    font-size: 27px;
    font-weight: 700;
    line-height: 1.25;
}

.contact-2 .contact-2-form-header p {
    margin: 0;
    color: rgba(51, 51, 51, .58);
    font-size: 12px;
    line-height: 1.7;
}

.contact-2 .contact-2-form-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}

.contact-2 .contact-2-field {
    margin-bottom: 17px;
    padding: 0 7px;
}

.contact-2 .contact-2-field label {
    display: block;
    margin-bottom: 7px;
    color: var(--text, #333);
    font-size: 11px;
    font-weight: 600;
}

.contact-2 .contact-2-input-wrap {
    position: relative;
}

.contact-2 .contact-2-input-wrap > i {
    position: absolute;
    top: 50%;
    left: 14px;
    z-index: 2;
    color: rgba(51, 51, 51, .38);
    font-size: 17px;
    transform: translateY(-50%);
    pointer-events: none;
    transition: color .3s ease;
}

.contact-2 .contact-2-input-wrap:focus-within > i {
    color: var(--primary, #1cc0a0);
}

.contact-2 .contact-2-form input,
.contact-2 .contact-2-form textarea {
    width: 100%;
    border: 1px solid var(--border, #ddd);
    border-radius: 10px;
    outline: none;
    background: var(--light, #f8f9fa);
    color: var(--text, #333);
    box-shadow: none;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
}

.contact-2 .contact-2-form input {
    height: 47px;
    padding: 10px 14px 10px 41px;
}

.contact-2 .contact-2-form textarea {
    min-height: 125px;
    padding: 13px 14px 13px 41px;
    resize: vertical;
}

.contact-2 .contact-2-form input::placeholder,
.contact-2 .contact-2-form textarea::placeholder {
    color: rgba(51, 51, 51, .4);
}

.contact-2 .contact-2-form input:focus,
.contact-2 .contact-2-form textarea:focus {
    border-color: var(--primary, #1cc0a0);
    background: var(--bg, #fff);
    box-shadow: 0 0 0 3px rgba(28, 192, 160, .1);
}

.contact-2 .contact-2-textarea-wrap > i {
    top: 16px;
    transform: none;
}

.contact-2 .contact-2-btn-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 49px;
    padding: 0 25px;
    border: 1px solid var(--primary, #1cc0a0);
    border-radius: 50px;
    background: var(--primary, #1cc0a0);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
}

.contact-2 .contact-2-btn-contact i {
    font-size: 17px;
    transition: transform .3s ease;
}

.contact-2 .contact-2-btn-contact:hover {
    background: var(--secondary, #138b75);
    color: var(--light, #fff);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .13);
}

.contact-2 .contact-2-btn-contact:hover i {
    transform: translateX(4px);
}

.contact-2 .contact-2-form-message {
    min-height: 20px;
    margin-top: 8px;
}

.contact-2 .form-message {
    margin: 0;
    color: var(--text, #777);
    font-size: 11px;
}

@media (max-width: 1199px) {
    .contact-2 {
        padding: 75px 0;
    }

    .contact-2 .contact-2-info-content {
        padding-right: 30px;
    }

    .contact-2 .contact-2-title {
        font-size: 44px;
    }

    .contact-2 .contact-2-form-card {
        padding: 35px;
    }
}

@media (max-width: 991px) {
    .contact-2 {
        padding: 65px 0;
    }

    .contact-2 .contact-2-row {
        display: block;
    }

    .contact-2 .contact-2-info-column,
    .contact-2 .contact-2-form-column {
        display: block;
        width: 100%;
    }

    .contact-2 .contact-2-info-content {
        max-width: 700px;
        padding: 0 0 45px;
    }

    .contact-2 .contact-2-title {
        font-size: 40px;
    }

    .contact-2 .contact-2-form-card {
        max-width: 700px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .contact-2 {
        padding: 55px 0;
    }

    .contact-2 .contact-2-title {
        font-size: 34px;
    }

    .contact-2 .contact-2-intro {
        font-size: 13px;
    }

    .contact-2 .contact-2-contact-info {
        margin-top: 32px;
    }

    .contact-2 .contact-2-form-card {
        padding: 30px 24px;
        border-radius: 18px;
    }

    .contact-2 .contact-2-form-row {
        display: block;
        margin: 0;
    }

    .contact-2 .contact-2-field {
        padding: 0;
    }

    .contact-2 .contact-2-form-header h3 {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .contact-2 {
        padding: 45px 0;
    }

    .contact-2 .contact-2-title {
        font-size: 30px;
    }

    .contact-2 .contact-2-form-card {
        padding: 25px 18px;
    }

    .contact-2 .contact-2-list-item {
        min-height: 58px;
    }

    .contact-2 .contact-2-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        margin-right: 12px;
    }

    .contact-2 .contact-2-list-content p,
    .contact-2 .contact-2-list-content a {
        font-size: 12px;
    }

    .contact-2 .contact-2-btn-contact {
        width: 100%;
    }
}
/* ===================================
   Contact-3
=================================== */
.contact-3 {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background: var(--light, #f8f9fa);
    font-family: "Poppins", sans-serif;
}

.contact-3 *,
.contact-3 *::before,
.contact-3 *::after {
    box-sizing: border-box;
}

.contact-3 .container {
    position: relative;
    z-index: 2;
}

.contact-3-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -12px;
    margin-left: -12px;
}

.contact-3-info-column,
.contact-3-form-column {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
}

.contact-3-info {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.contact-3-image-wrap {
    position: relative;
    width: 100%;
    height: 320px;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 22px;
    background: var(--secondary, #222);
}

.contact-3-image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .25));
    pointer-events: none;
}

.contact-3-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.contact-3-image-wrap:hover .contact-3-image {
    transform: scale(1.05);
}

.contact-3-eyebrow,
.contact-3-form-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary, #eaa637);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 1.4;
    text-transform: uppercase;
}

.contact-3-eyebrow {
    margin-bottom: 10px;
}

.contact-3-eyebrow i,
.contact-3-form-eyebrow i {
    font-size: 17px;
}

.contact-3-info-title {
    margin: 0 0 25px;
    color: var(--text, #303030);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
}

.contact-3-address {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin: 0;
    padding: 0;
    font-style: normal;
}

.contact-3-detail {
    display: grid;
    grid-template-columns: 46px 1fr;
    align-items: center;
    gap: 13px;
    min-height: 72px;
    padding: 12px 14px;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 14px;
    background: var(--bg, #fff);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .035);
    transition: transform .3s ease, box-shadow .3s ease;
}

.contact-3-detail:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .07);
}

.contact-3-detail-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: var(--primary, #eaa637);
    color: var(--light, #fff);
}

.contact-3-detail-icon i {
    font-size: 20px;
}

.contact-3-detail-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.contact-3-detail-label {
    color: var(--text, #303030);
    opacity: .48;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.3;
    text-transform: uppercase;
}

.contact-3-detail-content > span:not(.contact-3-detail-label),
.contact-3-detail-content a {
    display: block;
    overflow-wrap: anywhere;
    color: var(--text, #303030);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    text-decoration: none;
}

.contact-3-detail-content a:hover {
    color: var(--primary, #eaa637);
}

.contact-3-form-column {
    align-items: stretch;
}

.contact-3-form-wrapper {
    display: flex;
    width: 100%;
}

.contact-3-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 42px;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 24px;
    background: var(--bg, #fff);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .07);
}

.contact-3-form-header {
    max-width: 650px;
    margin-bottom: 30px;
}

.contact-3-form-title {
    margin: 10px 0 11px;
    color: var(--text, #303030);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-3-form-description {
    max-width: 580px;
    margin: 0;
    color: var(--text, #303030);
    opacity: .58;
    font-size: 13px;
    line-height: 1.8;
}

.contact-3-form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
}

.contact-3-field-column,
.contact-3-submit-column {
    padding-right: 8px;
    padding-left: 8px;
}

.contact-3-field {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}

.contact-3-field > i {
    position: absolute;
    top: 50%;
    left: 17px;
    z-index: 2;
    color: var(--primary, #eaa637);
    font-size: 18px;
    transform: translateY(-50%);
    pointer-events: none;
}

.contact-3-message-field > i {
    top: 20px;
    transform: none;
}

.contact-3 .form-control {
    width: 100%;
    height: 54px;
    margin: 0;
    padding: 14px 18px 14px 48px;
    border: 1px solid var(--border, #d9dde1);
    border-radius: 12px;
    outline: none;
    background: var(--light, #f0f4f5);
    color: var(--text, #495057);
    box-shadow: none;
    font-size: 13px;
    line-height: 1.5;
    transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
}

.contact-3 .contact-3-textarea {
    height: auto;
    min-height: 155px;
    padding-top: 15px;
    resize: vertical;
}

.contact-3 .form-control::placeholder {
    color: var(--text, #9aa2a8);
    opacity: .75;
}

.contact-3 .form-control:focus {
    border-color: var(--primary, #eaa637);
    background: var(--bg, #fff);
    box-shadow: 0 0 0 4px rgba(234, 166, 55, .12);
}

.contact-3-submit-column {
    width: 100%;
    margin-top: 3px;
}

.contact-3 .theme-btn.style-one.contact-3-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 54px;
    padding: 14px 25px;
    border: 0;
    border-radius: 50px;
    background: var(--primary, #eaa637);
    color: var(--light, #fff);
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
    text-decoration: none;
    transition: transform .35s ease, background .35s ease, box-shadow .35s ease;
}

.contact-3 .theme-btn.style-one.contact-3-submit i {
    margin: 0;
    font-size: 17px;
    transition: transform .35s ease;
}

.contact-3 .theme-btn.style-one.contact-3-submit:hover {
    background: var(--secondary, #c98923);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .14);
}

.contact-3 .theme-btn.style-one.contact-3-submit:hover i {
    transform: translateX(3px);
}

.contact-3-form-message {
    min-height: 22px;
    margin-top: 10px;
    text-align: center;
}

.contact-3 .form-message {
    margin: 0;
    color: var(--primary, #eaa637);
    font-size: 12px;
    line-height: 1.6;
}

@media (max-width: 1199px) {
    .contact-3 {
        padding: 80px 0;
    }

    .contact-3-image-wrap {
        height: 285px;
    }

    .contact-3-form {
        padding: 35px;
    }

    .contact-3-info-title {
        font-size: 29px;
    }
}

@media (max-width: 991px) {
    .contact-3 {
        padding: 70px 0;
    }

    .contact-3-info-column,
    .contact-3-form-column {
        width: 100%;
    }

    .contact-3-info-column {
        margin-bottom: 30px;
    }

    .contact-3-image-wrap {
        height: 330px;
    }

    .contact-3-info-title {
        font-size: 30px;
    }

    .contact-3-form {
        padding: 35px;
    }
}

@media (max-width: 767px) {
    .contact-3 {
        padding: 60px 0;
    }

    .contact-3-image-wrap {
        height: 300px;
        border-radius: 20px;
    }

    .contact-3-form {
        padding: 28px 22px;
        border-radius: 20px;
    }

    .contact-3-form-title {
        font-size: 26px;
    }

    .contact-3-form-description {
        font-size: 12px;
    }

    .contact-3-field-column {
        width: 100%;
    }

    .contact-3-detail {
        min-height: 68px;
    }
}

@media (max-width: 480px) {
    .contact-3 {
        padding: 50px 0;
    }

    .contact-3-image-wrap {
        height: 235px;
        margin-bottom: 24px;
    }

    .contact-3-info-title {
        margin-bottom: 20px;
        font-size: 27px;
    }

    .contact-3-detail {
        grid-template-columns: 42px 1fr;
        gap: 11px;
        padding: 10px 12px;
    }

    .contact-3-detail-icon {
        width: 42px;
        height: 42px;
    }

    .contact-3-detail-icon i {
        font-size: 18px;
    }

    .contact-3-detail-content > span:not(.contact-3-detail-label),
    .contact-3-detail-content a {
        font-size: 11px;
    }

    .contact-3-form {
        padding: 24px 17px;
    }

    .contact-3-form-title {
        font-size: 23px;
    }

    .contact-3-form-description {
        line-height: 1.7;
    }

    .contact-3 .contact-3-textarea {
        min-height: 135px;
    }
}

.news-1 {
    padding: 80px 0;
    background: var(--light, #f8f9fa);
    font-family: "Poppins", sans-serif;
}

.news-1 .section-header {
    max-width: 700px;
    margin: 0 auto 60px;
}

.news-1 .section-subtitle {
    display: inline-block;
    color: var(--primary, #eaa637);
    font-size: .85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.news-1 .section-title {
    color: var(--text, #222);
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 18px;
}

.news-1 .section-description {
    color: var(--text, #777);
    line-height: 1.8;
    margin: 0;
}

.news-1 .mb30 {
    margin-bottom: 30px;
}

.news-1 .post-content {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 20px;
    transition: .35s;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .05);
}

.news-1 .post-content:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}

.news-1 .post-image {
    overflow: hidden;
}

.news-1 .post-image img {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    transition: .45s;
}

.news-1 .post-content:hover img {
    transform: scale(1.08);
}

.news-1 .date-box {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    width: 64px;
    overflow: hidden;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
}

.news-1 .date-box .m {
    background: var(--primary, #eaa637);
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    padding: 12px 0;
}

.news-1 .date-box .d {
    background: var(--secondary, #c98923);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 8px 0;
}

.news-1 .post-text {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 28px;
}

.news-1 .p-tagline {
    color: var(--primary, #eaa637);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.news-1 .post-text h4 {
    margin: 0 0 15px;
    line-height: 1.45;
}

.news-1 .post-text h4 a {
    color: var(--text, #222);
    text-decoration: none;
    font-size: 1.35rem;
    font-weight: 700;
    transition: .3s;
}

.news-1 .post-text h4 a:hover {
    color: var(--primary, #eaa637);
}

.news-1 .post-text p {
    color: var(--text, #666);
    line-height: 1.8;
    margin-bottom: 25px;
    flex: 1;
}

.news-1 .post-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding-top: 18px;
    border-top: 1px solid var(--border, #ececec);
}

.news-1 .p-author {
    color: var(--text, #888);
    font-size: .85rem;
    font-weight: 500;
}

.news-1 .read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary, #eaa637);
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
}

.news-1 .read-more:hover {
    color: var(--secondary, #c98923);
    gap: 12px;
}

@media(max-width:991px) {
    .news-1 {
        padding: 70px 0;
    }
}

@media(max-width:767px) {
    .news-1 {
        padding: 60px 0;
    }

    .news-1 .section-title {
        font-size: 2rem;
    }

    .news-1 .post-text {
        padding: 24px;
    }

    .news-1 .post-footer {
        flex-direction: column;
        align-items: flex-start;
    }
}

.news-3 {
    padding: 80px 0;
    background: var(--light, #f8f9fa);
    font-family: "Poppins", sans-serif;
}

.news-3.news-section {
    position: relative;
    padding: 80px 0;
}

.news-3 .sec-title {
    text-align: center;
    margin-bottom: 60px;
}

.news-3 .sec-title h2 {
    color: var(--text, #333);
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 18px;
}

.news-3 .sec-title .separater {
    position: relative;
    width: 90px;
    height: 3px;
    margin: 0 auto;
    background: var(--border, #dee1d1);
    border-radius: 20px;
}

.news-3 .sec-title .separater:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: var(--primary, #ffb200);
    box-shadow: 0 0 0 5px var(--light, #f8f9fa);
}

.news-3 .news-block {
    margin-bottom: 30px !important;
    padding: 0 !important;
}

.news-3 .news-block .inner-box {
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e6e6e6);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    transition: .35s;
}

.news-3 .news-block .inner-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}

.news-3 .news-block .image {
    overflow: hidden;
}

.news-3 .news-block .image img {
    width: 100% !important;
    display: block !important;
    aspect-ratio: 16/10;
    object-fit: cover;
    transition: .45s;
}

.news-3 .news-block .inner-box:hover .image img {
    transform: scale(1.08);
}

.news-3 .news-block .lower-content {
    padding: 30px;
    text-align: center;
}

.news-3 .news-block .lower-content h3 {
    margin-bottom: 15px;
    line-height: 1.5;
}

.news-3 .news-block .lower-content h3 a {
    color: var(--text, #333);
    font-size: 1.45rem;
    font-weight: 700;
    text-decoration: none;
    transition: .3s;
}

.news-3 .news-block .lower-content h3 a:hover {
    color: var(--primary, #ffb200);
}

.news-3 .news-block .lower-content .text {
    color: var(--text, #666);
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 22px;
}

.news-3 .post-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    padding: 18px 0 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid var(--border, #ececec);
}

.news-3 .post-meta li {
    color: var(--text, #777);
    font-size: 13px;
}

.news-3 .post-meta .icon,
.news-3 .post-meta li span {
    color: var(--primary, #ffb200) !important;
    margin-right: 6px;
}

.news-3 .news-block-two {
    margin-bottom: 30px;
}

.news-3 .news-block-two .inner-box {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 20px;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e6e6e6);
    border-radius: 18px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .05);
    transition: .35s;
}

.news-3 .news-block-two .inner-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .1);
}

.news-3 .news-block-two .image-column {
    flex: 0 0 180px;
}

.news-3 .news-block-two .image {
    overflow: hidden;
    border-radius: 16px;
}

.news-3 .news-block-two .image img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    transition: .4s;
}

.news-3 .news-block-two .inner-box:hover img {
    transform: scale(1.06);
}

@media(max-width:991px) {

    .news-3 .sec-title h2 {
        font-size: 2.2rem;
    }

    .news-3 .news-block-two .inner-box {
        flex-direction: column;
        text-align: center;
    }

    .news-3 .news-block-two .image-column {
        flex: 0 0 auto;
        width: 100%;
    }

}

@media(max-width:767px) {

    .news-3 {
        padding: 60px 0;
    }

    .news-3 .sec-title {
        margin-bottom: 45px;
    }

    .news-3 .sec-title h2 {
        font-size: 1.9rem;
    }

    .news-3 .news-block .lower-content {
        padding: 24px;
    }

}


.newsletter-1 {
    background: var(--light, #f8f9fa);
    font-family: "Poppins", sans-serif;
}

.newsletter-1.subscribe-section {
    position: relative;
    padding: 70px 0;
    overflow: hidden;
    background: var(--light, #eeeeee);
}

.newsletter-1.subscribe-section:before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 38%;
    background: var(--primary, #ffb200);
    opacity: .08;
}

.newsletter-1.subscribe-section .title-column {
    position: relative;
    z-index: 2;
}

.newsletter-1.subscribe-section .title-column:before {
    content: "";
    position: absolute;
    top: -120px;
    right: 35px;
    width: 24px;
    height: 420%;
    background: var(--secondary, #222222);
    transform: rotate(-37deg);
    opacity: .08;
}

.newsletter-1.subscribe-section .title-column:after {
    content: "";
    position: absolute;
    top: -60px;
    right: 36px;
    width: 170px;
    height: 170px;
    background: var(--primary, #ffb200);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    opacity: .15;
}

.newsletter-1.subscribe-section h2 {
    position: relative;
    color: var(--text, #222222);
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 18px;
    z-index: 2;
}

.newsletter-1.subscribe-section .text {
    position: relative;
    color: var(--text, #666666);
    font-size: 16px;
    line-height: 1.8;
    z-index: 2;
}

.newsletter-1 .subscribe-form-two {
    position: relative;
    z-index: 2;
}

.newsletter-1 .subscribe-form-two .form-group {
    position: relative;
    margin: 10px 0 0;
}

.newsletter-1 .subscribe-form-two .form-group input[type="email"] {
    width: 100%;
    height: 58px;
    padding: 0 170px 0 22px;
    background: var(--bg, #fff);
    color: var(--text, #555);
    border: 1px solid var(--border, #dcdcdc);
    border-radius: 50px;
    transition: .3s;
    font-size: 15px;
}

.newsletter-1 .subscribe-form-two .form-group input[type="email"]::placeholder {
    color: var(--text, #999);
}

.newsletter-1 .subscribe-form-two .form-group input[type="email"]:focus {
    outline: none;
    border-color: var(--primary, #ffb200);
    box-shadow: 0 0 0 4px rgba(255, 178, 0, .12);
}

.newsletter-1 .subscribe-form-two button {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 48px;
    padding: 0 28px;
    border: none;
    border-radius: 40px;
    background: var(--primary, #ffb200);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: .3s;
    cursor: pointer;
}

.newsletter-1 .subscribe-form-two button:hover {
    background: var(--secondary, #222222);
    transform: translateY(-2px);
}

@media(max-width:991px) {

    .newsletter-1.subscribe-section {
        text-align: center;
        padding: 60px 0;
    }

    .newsletter-1.subscribe-section:before {
        width: 100%;
        height: 40%;
    }

    .newsletter-1.subscribe-section .title-column:before,
    .newsletter-1.subscribe-section .title-column:after {
        display: none;
    }

    .newsletter-1.subscribe-section h2 {
        font-size: 2rem;
    }

}

@media(max-width:575px) {

    .newsletter-1 .subscribe-form-two .form-group input[type="email"] {
        padding: 0 20px;
        height: 54px;
    }

    .newsletter-1 .subscribe-form-two button {
        position: relative;
        width: 100%;
        margin-top: 15px;
        top: 0;
        right: 0;
        height: 54px;
    }

}

.newsletter-2 {
    padding: 70px 0;
    background: var(--light, #f8f9fa);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-family: "Poppins", sans-serif;
    position: relative;
}

.newsletter-2 .newletter_text h4 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 15px;
    color: var(--primary, #2e6863);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: static;
}

.newsletter-2 .newletter_text h4 img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.newsletter-2 .newletter_text h2 {
    margin: 0;
    color: var(--text, #222);
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    max-width: 650px;
}

.newsletter-2 .newletter_text p {
    margin: 18px 0 0;
    color: var(--text, #666);
    font-size: 16px;
    line-height: 28px;
    max-width: 600px;
}

.newsletter-2 .newletter_button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.newsletter-2 .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: .35s ease;
}

.newsletter-2 .btn_theme {
    background: var(--primary, #2e6863);
    color: #fff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

.newsletter-2 .btn_theme:hover {
    background: var(--secondary, #24534f);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 35px rgba(0, 0, 0, .18);
}

.newsletter-2 .news_btn {
    padding: 16px 42px;
    min-width: 220px;
}

@media(max-width:991px) {

    .newsletter-2 {
        text-align: center;
        padding: 60px 0;
    }

    .newsletter-2 .newletter_text h2 {
        max-width: 100%;
        font-size: 30px;
        line-height: 42px;
    }

    .newsletter-2 .newletter_text p {
        max-width: 100%;
    }

    .newsletter-2 .newletter_button {
        justify-content: center;
        margin-top: 35px;
    }

}

@media(max-width:575px) {

    .newsletter-2 .newletter_text h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .newsletter-2 .news_btn {
        width: 100%;
        min-width: unset;
        padding: 15px 30px;
    }

}

.help-1 {
    position: relative;
    padding: 80px 0;
    background: var(--light, #eef4f8);
    font-family: "Poppins", sans-serif;
}

.help-1.section_after::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 220px;
    background: var(--bg, #fff);
    z-index: 0;
}

.help-1 .container {
    position: relative;
    z-index: 2;
}

.help-1 .section_heading {
    max-width: 700px;
    margin: 0 auto 60px;
    text-align: center;
}

.help-1 .section_heading h3 {
    margin-bottom: 12px;
    color: var(--primary, #227c7b);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.help-1 .section_heading h2 {
    margin: 0;
    color: var(--text, #222);
    font-size: 42px;
    line-height: 54px;
    font-weight: 700;
}

.help-1 .color_big_heading {
    position: relative;
    display: inline-block;
    color: var(--text, #222);
}

.help-1 .color_big_heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    height: 14px;
    background: var(--primary, #227c7b);
    opacity: .2;
    border-radius: 30px;
    z-index: -1;
}

.help-1 .volunteer_wrapper {
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e7e7e7);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.help-1 .volunteer_wrapper:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 45px rgba(0, 0, 0, .12);
}

.help-1 .volunteer_img {
    position: relative;
    overflow: hidden;
}

.help-1 .volunteer_img img {
    width: 100%;
    display: block;
    transition: .45s ease;
}

.help-1 .volunteer_wrapper:hover .volunteer_img img {
    transform: scale(1.08);
}

.help-1 .volunteer_text {
    padding: 28px 24px 24px;
    text-align: center;
}

.help-1 .volunteer_text h3 {
    margin-bottom: 8px;
}

.help-1 .volunteer_text h3 a {
    color: var(--text, #222);
    text-decoration: none;
    font-size: 24px;
    font-weight: 700;
    transition: .3s;
}

.help-1 .volunteer_text h3 a:hover {
    color: var(--primary, #227c7b);
}

.help-1 .volunteer_text p {
    margin-bottom: 22px;
    color: var(--text, #777);
    font-size: 15px;
    line-height: 24px;
}

.help-1 .volunteer_icon ul {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.help-1 .volunteer_icon a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--light, #eef4f8);
    color: var(--primary, #227c7b);
    text-decoration: none;
    transition: .3s;
}

.help-1 .volunteer_icon a:hover {
    background: var(--primary, #227c7b);
    color: #fff;
    transform: translateY(-3px);
}

@media(max-width:991px) {

    .help-1 {
        padding: 70px 0;
    }

    .help-1 .section_heading h2 {
        font-size: 34px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .help-1 {
        padding: 60px 0;
    }

    .help-1.section_after::after {
        display: none;
    }

    .help-1 .section_heading {
        margin-bottom: 45px;
    }

    .help-1 .section_heading h2 {
        font-size: 28px;
        line-height: 40px;
    }

}


/* courses-1 */
.section-wrapper.courses-1 {
    padding: 60px 0px 60px !important;
}

.courses-1-heading {
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.courses-1-heading span {
    color: #dc3545;
    font-size: 36px;
}

.courses-1-description {
    color: #666;
    text-align: center;
    max-width: 700px;
    margin: 0 auto 30px;
}

.courses-1-card {
    background: #fff;
    border-radius: 30px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.courses-1-card:hover {
    transform: translateY(-5px);
}

.courses-1-img {
    width: 100%;
    border-radius: 10px;
}

.courses-1-tag {
    display: inline-block;
    color: #797979;
    border-radius: 5px;
    margin-top: 15px;
    font-size: 21px;
}

.courses-1-title {
    font-size: 18px;
    margin-top: 10px;
    font-weight: bold;
}

.courses-1-desc {
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}

.courses-1-price {
    color: #dc3545;
    font-size: 16px;
    margin: 0;
    font-weight: bold;
}

.courses-1-btn {
    background: #ff5733;
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 30px;
    cursor: pointer;
    margin-top: 10px;
    font-size: 14px;
    transition: background 0.3s;
}

.courses-1-btn:hover {
    background: #c70039;
}


.section-wrapper.courses-2 {
    padding: 85px 0 !important;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.courses-2 .courses-2-container {
    position: relative;
}

.courses-2 .courses-2-row {
    display: flex;
    align-items: center;
    margin-left: -20px;
    margin-right: -20px;
}

.courses-2 .courses-2-content-column,
.courses-2 .courses-2-image-column {
    padding-left: 20px;
    padding-right: 20px;
}

.courses-2 .courses-2-content {
    max-width: 570px;
    padding-right: 25px;
}

.courses-2 .courses-2-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--primary, #f76b1c);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.courses-2 .courses-2-eyebrow i {
    font-size: 18px;
}

.courses-2 .courses-2-heading {
    position: relative;
    z-index: 1;
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
}

.courses-2 .courses-2-heading span {
    position: relative;
    color: var(--primary, #f76b1c);
}

.courses-2 .courses-2-heading span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    height: 10px;
    background: var(--primary, #f76b1c);
    opacity: .14;
    border-radius: 20px;
    z-index: -1;
}

.courses-2 .courses-2-description {
    max-width: 540px;
    margin: 0 0 28px;
    color: var(--text, #666);
    font-size: 15px;
    line-height: 1.9;
}

.courses-2 .courses-2-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 22px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.courses-2 .courses-2-list li {
    display: flex;
    align-items: center;
    min-width: 0;
    color: var(--text, #444);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

.courses-2 .courses-2-list li i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: var(--light, #fff3ec);
    color: var(--primary, #f76b1c);
    font-size: 17px;
}

.courses-2 .courses-2-image-column {
    display: flex;
    justify-content: center;
}

.courses-2 .courses-2-visual {
    position: relative;
    width: 100%;
    max-width: 570px;
    padding: 0 25px 25px 0;
}

.courses-2 .courses-2-image-wrapper {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 28px;
    background: var(--light, #f7f7f7);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .1);
}

.courses-2 .courses-2-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.courses-2 .courses-2-badge {
    position: absolute;
    top: 32px;
    left: -12px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 20px;
    border-radius: 50px;
    background: var(--primary, #f76b1c);
    color: var(--light, #fff);
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
}

.courses-2 .courses-2-badge i {
    font-size: 18px;
}

.courses-2 .courses-2-stats {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 190px;
    padding: 17px 20px;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #ececec);
    border-radius: 18px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .1);
}

.courses-2 .courses-2-stats-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 12px;
    background: var(--light, #fff3ec);
    color: var(--primary, #f76b1c);
    font-size: 20px;
}

.courses-2 .courses-2-stats-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.courses-2 .courses-2-stats-title {
    color: var(--text, #666);
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}

.courses-2 .courses-2-stats-value {
    color: var(--primary, #f76b1c);
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
}

.courses-2 .theme-btn,
.courses-2 .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 30px;
    margin-top: 28px;
    border: 0;
    border-radius: 50px;
    background: var(--primary, #f76b1c);
    color: var(--light, #fff);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.courses-2 .theme-btn:hover,
.courses-2 .btn:hover {
    background: var(--secondary, #d95813);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .14);
}

@media (max-width: 1199px) {
    .section-wrapper.courses-2 {
        padding: 75px 0 !important;
    }

    .courses-2 .courses-2-heading {
        font-size: 38px;
    }

    .courses-2 .courses-2-content {
        padding-right: 10px;
    }

    .courses-2 .courses-2-image-wrapper {
        height: 450px;
    }

    .courses-2 .courses-2-list {
        gap: 12px 15px;
    }
}

@media (max-width: 991px) {
    .section-wrapper.courses-2 {
        padding: 70px 0 !important;
    }

    .courses-2 .courses-2-row {
        display: block;
    }

    .courses-2 .courses-2-content-column {
        text-align: center;
    }

    .courses-2 .courses-2-content {
        max-width: 700px;
        margin: 0 auto;
        padding-right: 0;
    }

    .courses-2 .courses-2-description {
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
    }

    .courses-2 .courses-2-list {
        max-width: 620px;
        margin: 0 auto;
        text-align: left;
    }

    .courses-2 .courses-2-image-column {
        margin-top: 50px;
    }

    .courses-2 .courses-2-visual {
        max-width: 600px;
    }

    .courses-2 .courses-2-image-wrapper {
        height: 430px;
    }

    .courses-2 .courses-2-badge {
        left: 5px;
    }
}

@media (max-width: 767px) {
    .section-wrapper.courses-2 {
        padding: 60px 0 !important;
    }

    .courses-2 .courses-2-eyebrow {
        font-size: 12px;
    }

    .courses-2 .courses-2-heading {
        font-size: 32px;
        line-height: 1.25;
    }

    .courses-2 .courses-2-description {
        font-size: 14px;
        line-height: 1.8;
    }

    .courses-2 .courses-2-list {
        grid-template-columns: 1fr;
        max-width: 430px;
        gap: 11px;
    }

    .courses-2 .courses-2-image-column {
        margin-top: 40px;
    }

    .courses-2 .courses-2-visual {
        max-width: 520px;
        padding: 0;
    }

    .courses-2 .courses-2-image-wrapper {
        height: 390px;
        border-radius: 22px;
    }

    .courses-2 .courses-2-badge {
        top: 18px;
        left: 12px;
        padding: 10px 15px;
        font-size: 12px;
    }

    .courses-2 .courses-2-stats {
        right: 12px;
        bottom: 12px;
        min-width: 175px;
        padding: 14px 16px;
    }
}

@media (max-width: 480px) {
    .section-wrapper.courses-2 {
        padding: 50px 0 !important;
    }

    .courses-2 .courses-2-heading {
        font-size: 28px;
    }

    .courses-2 .courses-2-description {
        font-size: 13px;
    }

    .courses-2 .courses-2-list li {
        font-size: 13px;
    }

    .courses-2 .courses-2-list li i {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        margin-right: 9px;
        font-size: 15px;
    }

    .courses-2 .courses-2-image-wrapper {
        height: 300px;
        border-radius: 18px;
    }

    .courses-2 .courses-2-badge {
        top: 12px;
        left: 8px;
        padding: 9px 12px;
    }

    .courses-2 .courses-2-stats {
        right: 8px;
        bottom: 8px;
        min-width: 155px;
        padding: 11px 13px;
        gap: 9px;
    }

    .courses-2 .courses-2-stats-icon {
        width: 35px;
        height: 35px;
        flex-basis: 35px;
        font-size: 17px;
    }

    .courses-2 .courses-2-stats-title {
        font-size: 10px;
    }

    .courses-2 .courses-2-stats-value {
        font-size: 21px;
    }
}
.section-wrapper.courses-4 {
    padding: 80px 0;
}

.courses-4 {
    font-family: "Poppins", sans-serif;
    background: var(--bg, #fff);
}

.courses-4-header {
    max-width: 760px;
    margin: 0 auto 60px;
}

.courses-4-tag {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 18px;
    border-radius: 50px;
    background: var(--light, #eef6ff);
    color: var(--primary, #007bff);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.courses-4-heading {
    margin-bottom: 20px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.courses-4-heading span {
    color: var(--primary, #007bff);
    position: relative;
}

.courses-4-heading span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    height: 14px;
    background: var(--primary, #007bff);
    opacity: .15;
    border-radius: 20px;
    z-index: -1;
}

.courses-4-subtext {
    color: var(--text, #666);
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 35px;
}

.courses-4-buttons {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.courses-4-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 32px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s;
}

.courses-4.primary-btn {
    background: var(--primary, #007bff);
    color: #fff;
}

.courses-4 .primary-btn:hover {
    background: var(--secondary, #005fc4);
    color: #fff;
    transform: translateY(-4px);
}

.courses-4 .secondary-btn {
    background: var(--light, #eef6ff);
    color: var(--primary, #007bff);
    border: 1px solid var(--border, #dfe8f5);
}

.courses-4 .secondary-btn:hover {
    background: var(--primary, #007bff);
    color: #fff;
    transform: translateY(-4px);
}

.courses-4-image-wrapper {
    margin: 70px auto;
    max-width: 950px;
}

.courses-4-main-image {
    position: relative;
}

.courses-4-main-image img {
    width: 100%;
    display: block;
    border-radius: 24px;

}

.courses-4-floating-card {
    position: absolute;
    right: 30px;
    bottom: 30px;
    padding: 20px 28px;
    border-radius: 18px;
    background: var(--bg, #fff);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .12);
    text-align: center;
}

.courses-4-floating-card h4 {
    margin: 0 0 5px;
    color: var(--primary, #007bff);
    font-size: 32px;
    font-weight: 700;
}

.courses-4-floating-card span {
    color: var(--text, #666);
    font-size: 15px;
}

.courses-4-services-title {
    margin-bottom: 45px;
    color: var(--text, #222);
    font-size: 36px;
    font-weight: 700;
}

.courses-4-services .service-card {
    height: 100%;
    padding: 35px 28px;
    text-align: center;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    transition: .35s;
}

.courses-4-services .service-card:hover {
    transform: translateY(-10px);
    border-color: var(--primary, #007bff);
    box-shadow: 0 22px 45px rgba(0, 0, 0, .12);
}





.courses-4 .service-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 24px;
    border-radius: 50%;
    background: var(--light, #eef6ff);
    display: flex;
    align-items: center;
    justify-content: center;
}

.courses-4 .service-icon i {
    color: var(--primary, #007bff);
    font-size: 34px;
}

.courses-4-services h4 {
    margin-bottom: 14px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
}

.courses-4-services p {
    margin: 0;
    color: var(--text, #666);
    font-size: 15px;
    line-height: 26px;
}

@media(max-width:991px) {

    .courses-4-heading {
        font-size: 36px;
        line-height: 48px;
    }

    .courses-4-image-wrapper {
        margin: 60px auto;
    }

}

@media(max-width:767px) {

    .section-wrapper.courses-4 {
        padding: 60px 0;
    }

    .courses-4-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .courses-4-subtext {
        font-size: 16px;
        line-height: 28px;
    }

    .courses-4-services-title {
        font-size: 30px;
    }

    .courses-4-floating-card {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 20px auto 0;
        width: 220px;
    }

    .courses-4-buttons {
        flex-direction: column;
    }

    .courses-4-btn {
        justify-content: center;
    }

}

/* About-8 */
.about-8 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-8 .text-info-block {
    position: relative;
}

.about-8 .text-info-block h1 {
    margin-bottom: 22px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    position: relative;
}

.about-8 .text-info-block h1::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    margin-top: 16px;
    border-radius: 30px;
    background: var(--primary, #951e60);
}

.about-8 .text-info-block p {
    margin-bottom: 18px;
    color: var(--text, #666);
    font-size: 16px;
    line-height: 30px;
}

.about-8 .wwr-list {
    margin: 35px 0 0;
    padding: 0;
    list-style: none;
}

.about-8 .wwr-list li {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
    padding: 18px 22px;
    background: var(--light, #faf5f8);
    border: 1px solid var(--border, #ebe5e8);
    border-radius: 18px;
    transition: .35s ease;
}

.about-8 .wwr-list li:hover {
    transform: translateX(6px);
    border-color: var(--primary, #951e60);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}

.about-8 .wwr-list li::before {
    content: "✓";
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--primary, #951e60);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.about-8 .wwr-list span {
    display: block;
    margin-bottom: 4px;
    color: var(--primary, #951e60);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.about-8 .image {
    width: 100%;
    display: block;
    border-radius: 24px;
    border: 1px solid var(--border, #e7e7e7);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
}

.about-8 .col-sm-6:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width:991px) {

    .about-8 {
        padding: 70px 0;
    }

    .about-8 .text-info-block h1 {
        font-size: 36px;
        line-height: 46px;
    }

    .about-8 .image {
        margin-top: 45px;
    }

}

@media(max-width:767px) {

    .about-8 {
        padding: 60px 0;
    }

    .about-8 .text-info-block h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .about-8 .text-info-block p {
        font-size: 15px;
        line-height: 28px;
    }

    .about-8 .wwr-list li {
        padding: 16px 18px;
    }

}
.our-team-1 {
    position: relative;
    padding: 100px 0;
    background: var(--light, #f6faf9);
    overflow: hidden;
}

.our-team-1::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -220px;
    right: -180px;
    border-radius: 50%;
    background: var(--primary, #2f9f98);
    opacity: 0.06;
    pointer-events: none;
}

.our-team-1::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    bottom: -170px;
    left: -130px;
    border-radius: 50%;
    background: var(--accent, #d6a85f);
    opacity: 0.06;
    pointer-events: none;
}

.our-team-1 .container {
    position: relative;
    z-index: 2;
}

.our-team-1 .section-title {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.our-team-1 .section-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 8px 16px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 50px;
    background: var(--bg, #fff);
    color: var(--primary, #2f9f98);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;
}

.our-team-1 .section-tag i {
    font-size: 17px;
}

.our-team-1 .section-title h2 {
    margin: 0 0 15px;
    color: var(--text, #183b39);
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.15;
    font-weight: 700;
}

.our-team-1 .section-title p {
    max-width: 650px;
    margin: 0 auto;
    color: var(--secondary, #6b7d7b);
    font-size: 15px;
    line-height: 1.8;
}

.our-team-1 .staff-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

.our-team-1 .staff-column {
    display: flex;
    padding: 12px;
    margin-bottom: 24px;
}

.our-team-1 .single-staff-item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    padding: 28px 22px 22px;
    border: 1px solid var(--border, #e1ecea);
    border-radius: 22px;
    background: var(--bg, #fff);
    box-shadow: 0 12px 35px rgba(27, 73, 69, 0.07);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.our-team-1 .single-staff-item:hover {
    transform: translateY(-8px);
    border-color: var(--primary, #2f9f98);
    box-shadow: 0 20px 45px rgba(27, 73, 69, 0.12);
}

.our-team-1 .staff-image-wrap {
    position: relative;
    width: 220px;
    max-width: 100%;
    height: 220px;
    margin: 0 auto 24px;
}

.our-team-1 .staff-image-wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 8px;
    left: 8px;
    border: 1px solid var(--accent, #d6a85f);
    border-radius: 50%;
    opacity: 0.4;
}

.our-team-1 .staff-image-wrap img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border: 6px solid var(--bg, #fff);
    border-radius: 50%;
    box-shadow: 0 8px 25px rgba(30, 72, 68, 0.12);
}

.our-team-1 .staff-specialty-icon {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 4px solid var(--bg, #fff);
    border-radius: 50%;
    background: var(--primary, #2f9f98);
    color: var(--bg, #fff);
    font-size: 21px;
    box-shadow: 0 8px 18px rgba(47, 159, 152, 0.25);
}

.our-team-1 .staff-status {
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: -2px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 11px;
    border: 3px solid var(--bg, #fff);
    border-radius: 30px;
    background: var(--secondary, #287f7a);
    color: var(--bg, #fff);
    font-size: 11px;
    font-weight: 600;
    transform: translateX(-50%);
    white-space: nowrap;
}

.our-team-1 .staff-status i {
    font-size: 12px;
}

.our-team-1 .staff-meta {
    flex: 1;
}

.our-team-1 .staff-meta h3 {
    margin: 0 0 8px;
    color: var(--text, #183b39);
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
}

.our-team-1 .staff-meta p {
    min-height: 48px;
    margin: 0;
    color: var(--secondary, #6b7d7b);
    font-size: 13px;
    line-height: 1.6;
}

.our-team-1 .staff-meta p span {
    margin: 0 4px;
    color: var(--accent, #d6a85f);
}

.our-team-1 .staff-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 54px;
    margin: 18px 0;
}

.our-team-1 .staff-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 20px;
    background: var(--light, #f6faf9);
    color: var(--secondary, #287f7a);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.our-team-1 .staff-buttons {
    display: flex;
    gap: 8px;
    width: 100%;
    margin-top: auto;
}

.our-team-1 .staff-buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 44px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.our-team-1 .view-details {
    flex: 1.2;
    border: 1px solid var(--border, #dce9e7);
    background: var(--bg, #fff);
    color: var(--secondary, #287f7a);
}

.our-team-1 .view-details:hover {
    border-color: var(--primary, #2f9f98);
    background: var(--light, #f6faf9);
    color: var(--primary, #2f9f98);
}

.our-team-1 .book-appointment {
    flex: 0.8;
    background: var(--primary, #2f9f98);
    color: var(--bg, #fff);
}

.our-team-1 .book-appointment:hover {
    background: var(--secondary, #287f7a);
    color: var(--bg, #fff);
}

.our-team-1 .staff-buttons i {
    font-size: 16px;
}

@media (max-width: 1199px) {
    .our-team-1 {
        padding: 85px 0;
    }

    .our-team-1 .staff-image-wrap {
        width: 190px;
        height: 190px;
    }

    .our-team-1 .single-staff-item {
        padding: 24px 18px 20px;
    }
}

@media (max-width: 991px) {
    .our-team-1 {
        padding: 75px 0;
    }

    .our-team-1 .section-title {
        margin-bottom: 42px;
    }

    .our-team-1 .staff-column {
        margin-bottom: 20px;
    }

    .our-team-1 .staff-image-wrap {
        width: 190px;
        height: 190px;
    }
}

@media (max-width: 767px) {
    .our-team-1 {
        padding: 65px 0;
    }

    .our-team-1 .section-title {
        margin-bottom: 35px;
    }

    .our-team-1 .section-title h2 {
        font-size: 32px;
    }

    .our-team-1 .section-title p {
        font-size: 14px;
        line-height: 1.7;
    }

    .our-team-1 .staff-column {
        width: 50%;
    }

    .our-team-1 .single-staff-item {
        padding: 22px 16px 18px;
        border-radius: 18px;
    }

    .our-team-1 .staff-image-wrap {
        width: 170px;
        height: 170px;
        margin-bottom: 22px;
    }

    .our-team-1 .staff-meta h3 {
        font-size: 18px;
    }

    .our-team-1 .staff-meta p {
        font-size: 12px;
    }

    .our-team-1 .staff-buttons {
        flex-direction: column;
    }

    .our-team-1 .staff-buttons a {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .our-team-1 {
        padding: 55px 0;
    }

    .our-team-1 .staff-list {
        margin-left: -8px;
        margin-right: -8px;
    }

    .our-team-1 .staff-column {
        width: 100%;
        padding: 8px;
        margin-bottom: 16px;
    }

    .our-team-1 .single-staff-item {
        padding: 26px 20px 20px;
    }

    .our-team-1 .staff-image-wrap {
        width: 210px;
        height: 210px;
    }

    .our-team-1 .staff-buttons {
        flex-direction: row;
    }

    .our-team-1 .staff-buttons a {
        width: auto;
    }
}

@media (max-width: 380px) {
    .our-team-1 .staff-image-wrap {
        width: 185px;
        height: 185px;
    }

    .our-team-1 .staff-buttons {
        flex-direction: column;
    }
}

.services-1 {
    position: relative;
    padding: 100px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.services-1::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -220px;
    left: -180px;
    border-radius: 50%;
    background: var(--primary, #2f9f98);
    opacity: .05;
    pointer-events: none;
}

.services-1::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -160px;
    bottom: -180px;
    border-radius: 50%;
    background: var(--accent, #d6a85f);
    opacity: .07;
    pointer-events: none;
}

.services-1 .container {
    position: relative;
    z-index: 2;
}

.services-1-row {
    display: flex;
    align-items: stretch;
    margin-left: -15px;
    margin-right: -15px;
}

.services-1-content-column,
.services-1-image-column {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
}

.services-1-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 20px 30px 20px 0;
}

.services-1-eyebrow {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 15px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 50px;
    background: var(--light, #f6faf9);
    color: var(--primary, #2f9f98);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
}

.services-1-eyebrow i {
    font-size: 17px;
}

.services-1-title {
    max-width: 720px;
    margin: 0 0 20px;
    color: var(--text, #183b39);
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.7px;
}

.services-1-intro,
.services-1-description {
    margin: 0;
    color: var(--secondary, #687b79);
    font-size: 15px;
    line-height: 1.85;
}

.services-1-intro {
    max-width: 700px;
    margin-bottom: 28px;
}

.services-1-features {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 24px;
}

.services-1-feature {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 17px;
    border: 1px solid var(--border, #e1ecea);
    border-radius: 14px;
    background: var(--light, #f6faf9);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.services-1-feature:hover {
    transform: translateX(5px);
    border-color: var(--primary, #2f9f98);
    box-shadow: 0 10px 25px rgba(32, 87, 82, .08);
}

.services-1-feature-icon {
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--bg, #fff);
    color: var(--primary, #2f9f98);
    font-size: 20px;
    box-shadow: 0 5px 15px rgba(32, 87, 82, .07);
}

.services-1-feature-content {
    flex: 1;
    min-width: 0;
}

.services-1-feature-content h4 {
    margin: 0 0 5px;
    color: var(--text, #183b39);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}

.services-1-feature-content p {
    margin: 0;
    color: var(--secondary, #687b79);
    font-size: 12px;
    line-height: 1.65;
}

.services-1-description {
    max-width: 700px;
    margin-bottom: 25px;
}

.services-1-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    gap: 10px;
    min-height: 50px;
    padding: 0 22px;
    border-radius: 10px;
    background: var(--primary, #2f9f98);
    color: var(--bg, #fff);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.services-1-button i {
    font-size: 18px;
    transition: transform .3s ease;
}

.services-1-button:hover {
    background: var(--secondary, #287f7a);
    color: var(--bg, #fff);
    text-decoration: none;
}

.services-1-button:hover i {
    transform: translateX(4px);
}

.services-1-image-column {
    align-items: center;
}

.services-1-image-wrap {
    position: relative;
    width: 100%;
    min-height: 620px;
    padding: 18px;
    display: flex;
    align-items: stretch;
}

.services-1-image-decoration {
    position: absolute;
    top: 0;
    right: 0;
    width: 78%;
    height: 82%;
    border: 2px solid var(--accent, #d6a85f);
    border-radius: 24px;
    opacity: .45;
}

.services-1-image {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 584px;
    display: block;
    object-fit: cover;
    border-radius: 24px;
    box-shadow: 0 22px 50px rgba(27, 73, 69, .14);
}

.services-1-image-wrap::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 25px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: var(--primary, #2f9f98);
    opacity: .09;
}

.services-1-image-card {
    position: absolute;
    z-index: 3;
    left: -10px;
    bottom: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 270px;
    padding: 15px 18px;
    border: 1px solid var(--border, #e2ecea);
    border-radius: 15px;
    background: var(--bg, #fff);
    box-shadow: 0 15px 35px rgba(24, 59, 57, .14);
}

.services-1-image-card-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: var(--primary, #2f9f98);
    color: var(--bg, #fff);
    font-size: 20px;
}

.services-1-image-card strong,
.services-1-image-card span {
    display: block;
}

.services-1-image-card strong {
    margin-bottom: 3px;
    color: var(--text, #183b39);
    font-size: 12px;
    font-weight: 700;
}

.services-1-image-card span {
    color: var(--secondary, #687b79);
    font-size: 10px;
    line-height: 1.4;
}

.services-1-floating-icon {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 50%;
    background: var(--bg, #fff);
    color: var(--primary, #2f9f98);
    font-size: 19px;
    box-shadow: 0 10px 25px rgba(24, 59, 57, .12);
}

.services-1-floating-icon-one {
    top: 75px;
    right: -12px;
}

.services-1-floating-icon-two {
    top: 155px;
    left: -8px;
    color: var(--accent, #d6a85f);
}

@media (max-width: 1199px) {
    .services-1 {
        padding: 85px 0;
    }

    .services-1-content {
        padding-right: 15px;
    }

    .services-1-title {
        font-size: 40px;
    }

    .services-1-image-wrap {
        min-height: 570px;
    }

    .services-1-image {
        min-height: 534px;
    }
}

@media (max-width: 991px) {
    .services-1 {
        padding: 75px 0;
    }

    .services-1-row {
        display: flex;
        flex-wrap: wrap;
    }

    .services-1-content-column {
        width: 58.33333333%;
    }

    .services-1-image-column {
        width: 41.66666667%;
    }

    .services-1-content {
        padding-right: 10px;
    }

    .services-1-title {
        font-size: 34px;
    }

    .services-1-image-wrap {
        min-height: 520px;
        padding: 12px;
    }

    .services-1-image {
        min-height: 496px;
    }

    .services-1-image-card {
        left: -5px;
        bottom: 35px;
        max-width: 225px;
        padding: 12px;
    }

    .services-1-image-card-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .services-1 {
        padding: 65px 0;
    }

    .services-1-row {
        display: block;
    }

    .services-1-content-column,
    .services-1-image-column {
        width: 100%;
        display: block;
    }

    .services-1-content {
        padding: 0;
        margin-bottom: 45px;
    }

    .services-1-title {
        font-size: 32px;
        line-height: 1.2;
    }

    .services-1-intro,
    .services-1-description {
        font-size: 14px;
        line-height: 1.75;
    }

    .services-1-feature {
        padding: 14px;
    }

    .services-1-image-wrap {
        min-height: auto;
        padding: 12px 12px 20px;
    }

    .services-1-image {
        min-height: 460px;
        height: 460px;
    }

    .services-1-image-decoration {
        width: 80%;
        height: 80%;
    }

    .services-1-floating-icon-one {
        right: 0;
    }

    .services-1-floating-icon-two {
        left: 0;
    }
}

@media (max-width: 575px) {
    .services-1 {
        padding: 55px 0;
    }

    .services-1-eyebrow {
        font-size: 12px;
    }

    .services-1-title {
        font-size: 29px;
    }

    .services-1-feature {
        gap: 12px;
    }

    .services-1-feature-icon {
        flex-basis: 39px;
        width: 39px;
        height: 39px;
        font-size: 18px;
    }

    .services-1-feature-content h4 {
        font-size: 14px;
    }

    .services-1-feature-content p {
        font-size: 11px;
    }

    .services-1-image {
        min-height: 390px;
        height: 390px;
        border-radius: 20px;
    }

    .services-1-image-wrap {
        padding: 10px 10px 25px;
    }

    .services-1-image-card {
        left: 5px;
        bottom: 40px;
        max-width: 215px;
    }

    .services-1-floating-icon {
        width: 40px;
        height: 40px;
        font-size: 17px;
    }
}

@media (max-width: 380px) {
    .services-1-title {
        font-size: 26px;
    }

    .services-1-button {
        width: 100%;
    }

    .services-1-image {
        min-height: 350px;
        height: 350px;
    }

    .services-1-image-card {
        max-width: 200px;
        padding: 10px;
    }
}
.testimonial-3 {
    padding: 80px 0;
    background: var(--light, #f8f9fa);
    font-family: "Poppins", sans-serif;
}

.testimonial-3 .version-2 h2 {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
}

.testimonial-3 .version-2 h5 {
    margin: 14px 0 6px;
    color: var(--text, #222);
    font-size: 20px;
    font-weight: 700;
}

.testimonial-3 .version-2 h6 {
    margin: 0 0 18px;
    color: var(--primary, #951e60);
    font-size: 14px;
    font-weight: 600;
}

.testimonial-3 .version-2 p {
    margin: 0;
    color: var(--text, #666);
    font-size: 15px;
    line-height: 28px;
}

.testimonial-3 .owl-carousel.version-2 .owl-item {
    padding: 30px 15px;
    opacity: .55;
    transform: scale(.88);
    transition: .35s ease;
}

.testimonial-3 .owl-carousel.version-2 .owl-item.center-active {
    opacity: 1;
    transform: scale(1);
    z-index: 5;
}

.testimonial-3 .owl-carousel.version-2 .owl-item>div {
    position: relative;
    height: 430px;
    padding: 35px 28px;
    background: var(--bg, #fff) !important;
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 24px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    overflow: hidden;
    transition: .35s;
}

.testimonial-3 .owl-carousel.version-2 .center-active>div {
    border-color: var(--primary, #951e60);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .15);
}

.testimonial-3 .owl-carousel.version-2 .owl-item>div::before {
    content: "❝";
    position: absolute;
    top: 18px;
    right: 22px;
    color: var(--primary, #951e60);
    opacity: .12;
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
}

.testimonial-3 .owl-carousel.version-2 img {
    width: 90px !important;
    height: 90px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid var(--primary, #951e60);
    transition: .35s;
}

.testimonial-3 .owl-carousel.version-2 .center-active img {
    transform: scale(1.12);
}

.testimonial-3 .owl-carousel.version-2 p {
    height: 165px;
    overflow-y: auto;
    padding-right: 6px;
    mask-image: linear-gradient(180deg, #000 82%, transparent);
}

.testimonial-3 .owl-carousel.version-2 p::-webkit-scrollbar {
    width: 6px;
}

.testimonial-3 .owl-carousel.version-2 p::-webkit-scrollbar-thumb {
    background: var(--primary, #951e60);
    border-radius: 20px;
}

.testimonial-3 .owl-carousel.version-2 p::-webkit-scrollbar-track {
    background: var(--light, #f1f1f1);
}

.testimonial-3 .rating {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin: 18px 0;
}

.testimonial-3 .rating i {
    color: var(--accent, #f5b301);
    font-size: 18px;
}

.testimonial-3 .owl-nav {
    margin-top: 35px;
    text-align: center;
}

.testimonial-3 .owl-nav button {
    width: 46px;
    height: 46px;
    margin: 0 6px;
    border-radius: 50% !important;
    border: 1px solid var(--border, #e8e8e8) !important;
    background: var(--bg, #fff) !important;
    color: var(--primary, #951e60) !important;
    transition: .3s;
}

.testimonial-3 .owl-nav button:hover {
    background: var(--primary, #951e60) !important;
    color: #fff !important;
}

.testimonial-3 .owl-dots {
    margin-top: 25px;
}

.testimonial-3 .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    background: var(--border, #d8d8d8) !important;
    transition: .3s;
}

.testimonial-3 .owl-dot.active span {
    width: 28px !important;
    border-radius: 30px;
    background: var(--primary, #951e60) !important;
}

@media(max-width:991px) {

    .testimonial-3 {
        padding: 70px 0;
    }

    .testimonial-3 .owl-carousel.version-2 .owl-item>div {
        height: 410px;
    }

}

@media(max-width:767px) {

    .testimonial-3 {
        padding: 60px 0;
    }

    .testimonial-3 .version-2 h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .testimonial-3 .owl-carousel.version-2 .owl-item {
        transform: scale(1);
        opacity: 1;
    }

    .testimonial-3 .owl-carousel.version-2 .owl-item>div {
        height: auto;
        min-height: 400px;
        padding: 30px 22px;
    }

    .testimonial-3 .owl-carousel.version-2 p {
        height: 150px;
    }

}

.testimonial-4 {
    position: relative;
    padding: 100px 0;
    background: var(--light, #f6faf9);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.testimonial-4::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -140px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: var(--primary, #2f9f98);
    opacity: .06;
    pointer-events: none;
}

.testimonial-4::after {
    content: "";
    position: absolute;
    bottom: -180px;
    left: -150px;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: var(--accent, #d6a85f);
    opacity: .07;
    pointer-events: none;
}

.testimonial-4 .container {
    position: relative;
    z-index: 2;
}

.testimonial-4-header {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.testimonial-4-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    padding: 8px 16px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 50px;
    background: var(--bg, #fff);
    color: var(--primary, #2f9f98);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.testimonial-4-eyebrow i {
    font-size: 18px;
}

.testimonial-4-title {
    margin: 0 0 15px;
    color: var(--text, #183b39);
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.6px;
}

.testimonial-4-description {
    max-width: 640px;
    margin: 0 auto;
    color: var(--secondary, #687b79);
    font-size: 14px;
    line-height: 1.8;
}

.testimonial-4-grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.testimonial-4-column {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
}

.testimonial-4-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 455px;
    padding: 22px;
    border: 1px solid var(--border, #dfeae8);
    border-radius: 22px;
    background: var(--bg, #fff);
    box-shadow: 0 12px 35px rgba(27, 73, 69, .07);
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.testimonial-4-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--primary, #2f9f98);
    transform: scaleX(.35);
    transform-origin: left;
    transition: transform .35s ease;
}

.testimonial-4-card:hover {
    transform: translateY(-8px);
    border-color: var(--primary, #2f9f98);
    box-shadow: 0 22px 45px rgba(27, 73, 69, .13);
}

.testimonial-4-card:hover::before {
    transform: scaleX(1);
}

.testimonial-4-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.testimonial-4-number {
    color: var(--secondary, #7a8987);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.testimonial-4-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border-radius: 12px;
    background: var(--light, #f6faf9);
    color: var(--primary, #2f9f98);
    font-size: 21px;
    transition: all .35s ease;
}

.testimonial-4-card:hover .testimonial-4-icon {
    background: var(--primary, #2f9f98);
    color: var(--bg, #fff);
    transform: rotate(5deg);
}

.testimonial-4-award-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 210px;
    margin: 0 0 18px;
    padding: 15px;
    border-radius: 16px;
    background: var(--light, #f6faf9);
    overflow: hidden;
}

.testimonial-4-award-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .4s ease;
}

.testimonial-4-card:hover .testimonial-4-award-image img {
    transform: scale(1.06);
}

.testimonial-4-content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.testimonial-4-content h3 {
    margin: 0 0 10px;
    color: var(--text, #183b39);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
}

.testimonial-4-content p {
    margin: 0;
    color: var(--secondary, #687b79);
    font-size: 12px;
    line-height: 1.7;
}

.testimonial-4-recipient {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 10px;
    color: var(--primary, #2f9f98);
    font-size: 11px;
    font-weight: 600;
}

.testimonial-4-recipient i {
    font-size: 15px;
}

.testimonial-4-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 30px;
    margin-top: 25px;
    padding-top: 28px;
    border-top: 1px solid var(--border, #dfeae8);
}

.testimonial-4-bottom span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--secondary, #687b79);
    font-size: 11px;
    font-weight: 600;
}

.testimonial-4-bottom i {
    color: var(--primary, #2f9f98);
    font-size: 17px;
}

@media (max-width: 1199px) {
    .testimonial-4 {
        padding: 85px 0;
    }

    .testimonial-4-card {
        min-height: 440px;
        padding: 18px;
    }

    .testimonial-4-award-image {
        height: 195px;
    }
}

@media (max-width: 991px) {
    .testimonial-4 {
        padding: 75px 0;
    }

    .testimonial-4-header {
        margin-bottom: 42px;
    }

    .testimonial-4-title {
        font-size: 36px;
    }

    .testimonial-4-column {
        margin-bottom: 20px;
    }

    .testimonial-4-card {
        min-height: 430px;
    }

    .testimonial-4-award-image {
        height: 180px;
    }
}

@media (max-width: 767px) {
    .testimonial-4 {
        padding: 65px 0;
    }

    .testimonial-4-title {
        font-size: 31px;
    }

    .testimonial-4-description {
        font-size: 13px;
    }

    .testimonial-4-grid {
        margin-right: -8px;
        margin-left: -8px;
    }

    .testimonial-4-column {
        padding-right: 8px;
        padding-left: 8px;
    }

    .testimonial-4-card {
        min-height: 410px;
        padding: 16px;
        border-radius: 18px;
    }

    .testimonial-4-award-image {
        height: 170px;
        border-radius: 14px;
    }

    .testimonial-4-content h3 {
        font-size: 15px;
    }

    .testimonial-4-bottom {
        gap: 12px 20px;
    }
}

@media (max-width: 575px) {
    .testimonial-4 {
        padding: 55px 0;
    }

    .testimonial-4-header {
        margin-bottom: 32px;
    }

    .testimonial-4-title {
        font-size: 28px;
    }

    .testimonial-4-eyebrow {
        font-size: 11px;
    }

    .testimonial-4-column {
        width: 100%;
    }

    .testimonial-4-card {
        min-height: 430px;
    }

    .testimonial-4-award-image {
        height: 210px;
    }

    .testimonial-4-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 380px) {
    .testimonial-4-title {
        font-size: 26px;
    }

    .testimonial-4-card {
        min-height: 410px;
    }

    .testimonial-4-award-image {
        height: 190px;
    }
}

.services-2 {
    position: relative;
    padding: 100px 0;
    background: var(--light, #f6faf9);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.services-2::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -220px;
    right: -170px;
    border-radius: 50%;
    background: var(--primary, #2f9f98);
    opacity: .06;
    pointer-events: none;
}

.services-2::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    bottom: -180px;
    left: -150px;
    border-radius: 50%;
    background: var(--accent, #d6a85f);
    opacity: .07;
    pointer-events: none;
}

.services-2 .container {
    position: relative;
    z-index: 2;
}

.services-2-row {
    display: flex;
    align-items: stretch;
    margin-left: -15px;
    margin-right: -15px;
}

.services-2-image-column,
.services-2-content-column {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
}

.services-2-image-column {
    align-items: center;
}

.services-2-image-wrap {
    position: relative;
    width: 100%;
    min-height: 620px;
    padding: 18px;
}

.services-2-image-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 78%;
    height: 82%;
    border: 2px solid var(--accent, #d6a85f);
    border-radius: 26px;
    opacity: .45;
}

.services-2-image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 584px;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: 0 22px 50px rgba(25, 72, 68, .15);
}

.services-2-image-wrap::before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 20px;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: var(--primary, #2f9f98);
    opacity: .10;
}

.services-2-image-badge {
    position: absolute;
    z-index: 3;
    left: -8px;
    bottom: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 280px;
    padding: 15px 18px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 16px;
    background: var(--bg, #fff);
    box-shadow: 0 16px 35px rgba(25, 72, 68, .14);
}

.services-2-badge-icon {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--primary, #2f9f98);
    color: var(--bg, #fff);
    font-size: 21px;
}

.services-2-image-badge strong,
.services-2-image-badge span {
    display: block;
}

.services-2-image-badge strong {
    margin-bottom: 3px;
    color: var(--text, #183b39);
    font-size: 12px;
    font-weight: 700;
}

.services-2-image-badge span {
    color: var(--secondary, #687b79);
    font-size: 10px;
}

.services-2-floating-icon {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 50%;
    background: var(--bg, #fff);
    color: var(--primary, #2f9f98);
    font-size: 19px;
    box-shadow: 0 10px 25px rgba(25, 72, 68, .12);
}

.services-2-floating-one {
    top: 70px;
    right: -8px;
}

.services-2-floating-two {
    top: 155px;
    left: -7px;
    color: var(--accent, #d6a85f);
}

.services-2-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 20px 0 20px 35px;
}

.services-2-eyebrow {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    margin-bottom: 17px;
    padding: 8px 15px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 50px;
    background: var(--bg, #fff);
    color: var(--primary, #2f9f98);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
}

.services-2-eyebrow i {
    font-size: 17px;
}

.services-2-title {
    max-width: 700px;
    margin: 0 0 19px;
    color: var(--text, #183b39);
    font-size: clamp(32px, 4vw, 47px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -.7px;
}

.services-2-intro {
    max-width: 720px;
    margin: 0 0 28px;
    color: var(--secondary, #687b79);
    font-size: 15px;
    line-height: 1.85;
}

.services-2-features {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.services-2-feature {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--border, #dfeae8);
    border-radius: 14px;
    background: var(--bg, #fff);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.services-2-feature:hover {
    transform: translateX(5px);
    border-color: var(--primary, #2f9f98);
    box-shadow: 0 10px 25px rgba(25, 72, 68, .08);
}

.services-2-feature-icon {
    display: flex;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border-radius: 12px;
    background: var(--light, #f6faf9);
    color: var(--primary, #2f9f98);
    font-size: 20px;
}

.services-2-feature h4 {
    margin: 0 0 5px;
    color: var(--text, #183b39);
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
}

.services-2-feature p {
    margin: 0;
    color: var(--secondary, #687b79);
    font-size: 12px;
    line-height: 1.65;
}

.services-2-description {
    max-width: 720px;
    margin: 0 0 24px;
    color: var(--secondary, #687b79);
    font-size: 14px;
    line-height: 1.8;
}

.services-2-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.services-2-primary-btn,
.services-2-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 49px;
    padding: 0 20px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.services-2-primary-btn {
    background: var(--primary, #2f9f98);
    color: var(--bg, #fff);
}

.services-2-primary-btn i {
    font-size: 17px;
    transition: transform .3s ease;
}

.services-2-primary-btn:hover {
    background: var(--secondary, #287f7a);
    color: var(--bg, #fff);
}

.services-2-primary-btn:hover i {
    transform: translateX(4px);
}

.services-2-secondary-btn {
    border: 1px solid var(--border, #dce9e7);
    background: var(--bg, #fff);
    color: var(--secondary, #287f7a);
}

.services-2-secondary-btn i {
    color: var(--primary, #2f9f98);
    font-size: 17px;
}

.services-2-secondary-btn:hover {
    border-color: var(--primary, #2f9f98);
    color: var(--primary, #2f9f98);
}

@media (max-width: 1199px) {
    .services-2 {
        padding: 85px 0;
    }

    .services-2-content {
        padding-left: 20px;
    }

    .services-2-title {
        font-size: 39px;
    }

    .services-2-image-wrap {
        min-height: 570px;
    }

    .services-2-image {
        height: 534px;
    }
}

@media (max-width: 991px) {
    .services-2 {
        padding: 75px 0;
    }

    .services-2-title {
        font-size: 33px;
    }

    .services-2-content {
        padding-left: 15px;
    }

    .services-2-image-wrap {
        min-height: 520px;
        padding: 12px;
    }

    .services-2-image {
        height: 496px;
    }

    .services-2-image-badge {
        left: -3px;
        bottom: 35px;
        max-width: 220px;
        padding: 12px;
    }

    .services-2-badge-icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .services-2 {
        padding: 65px 0;
    }

    .services-2-row {
        display: block;
    }

    .services-2-image-column,
    .services-2-content-column {
        display: block;
        width: 100%;
    }

    .services-2-image-column {
        margin-bottom: 45px;
    }

    .services-2-content {
        padding: 0;
    }

    .services-2-title {
        font-size: 31px;
    }

    .services-2-intro,
    .services-2-description {
        font-size: 14px;
        line-height: 1.75;
    }

    .services-2-image-wrap {
        min-height: auto;
    }

    .services-2-image {
        height: 460px;
    }

    .services-2-floating-one {
        right: 0;
    }

    .services-2-floating-two {
        left: 0;
    }
}

@media (max-width: 575px) {
    .services-2 {
        padding: 55px 0;
    }

    .services-2-title {
        font-size: 28px;
    }

    .services-2-eyebrow {
        font-size: 12px;
    }

    .services-2-feature {
        padding: 13px;
    }

    .services-2-feature-icon {
        flex-basis: 39px;
        width: 39px;
        height: 39px;
        font-size: 18px;
    }

    .services-2-feature h4 {
        font-size: 14px;
    }

    .services-2-feature p {
        font-size: 11px;
    }

    .services-2-image-wrap {
        padding: 10px;
    }

    .services-2-image {
        height: 390px;
        border-radius: 20px;
    }

    .services-2-image-badge {
        left: 5px;
        bottom: 30px;
    }

    .services-2-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .services-2-primary-btn,
    .services-2-secondary-btn {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .services-2-title {
        font-size: 26px;
    }

    .services-2-image {
        height: 350px;
    }
}

/* Our Awards */

.our-awards {
    position: relative;
    padding: 80px 0;
    background: var(--primary, #951e60);
    background-size: cover !important;
    background-position: center;
    font-family: "Poppins", sans-serif;
}

.our-awards::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
}

.our-awards .container {
    position: relative;
    z-index: 2;
}

.our-awards .section-title {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.our-awards .section-title h2 {
    margin-bottom: 18px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.our-awards .section-title p {
    color: rgba(255, 255, 255, .85);
    font-size: 16px;
    line-height: 30px;
}

.our-awards .award-item {
    padding: 35px 25px;
    text-align: center;
    border-radius: 24px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(10px);
    transition: .35s;
}

.our-awards .award-item:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, .14);
}

.our-awards .award-item img {
    width: 110px !important;
    height: 110px;
    margin: 0 auto 20px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, .8);
}

.our-awards .award-item h3 {
    margin-bottom: 12px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}

.our-awards .award-item p {
    margin: 0;
    color: rgba(255, 255, 255, .85);
    font-size: 15px;
    line-height: 28px;
}

.our-awards .owl-nav button {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--primary, #951e60) !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
    transition: .3s;
}

.our-awards .owl-nav button:hover {
    background: var(--primary, #951e60) !important;
    color: #fff !important;
}

.our-awards .owl-prev {
    left: -20px;
}

.our-awards .owl-next {
    right: -20px;
}

.our-awards .owl-dots {
    margin-top: 35px;
}

.our-awards .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    background: rgba(255, 255, 255, .35) !important;
}

.our-awards .owl-dot.active span {
    width: 28px !important;
    border-radius: 30px;
    background: #fff !important;
}

@media(max-width:991px) {

    .our-awards .section-title h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .our-awards .owl-prev {
        left: 0;
    }

    .our-awards .owl-next {
        right: 0;
    }

}

@media(max-width:767px) {

    .our-awards {
        padding: 60px 15px;
    }

    .our-awards .section-title {
        margin-bottom: 40px;
    }

    .our-awards .section-title h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .our-awards .award-item {
        padding: 30px 20px;
    }

    .our-awards .award-item h3 {
        font-size: 20px;
    }

}

.service-4 {

    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.service-4 .service-4-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 18px;
    border-radius: 50px;
    background: var(--light, #f5f7fa);
    color: var(--primary, #00695c);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.service-4 .service-4-title {
    margin-bottom: 50px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.service-4 .service-4-card {
    height: 100%;
    overflow: hidden;
    border-radius: 24px;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e8e8e8);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    transition: .35s ease;
}

.service-4 .service-4-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .14);
}

.service-4 .service-4-img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: .4s;
}

.service-4 .service-4-card:hover .service-4-img {
    transform: scale(1.08);
}

.service-4 .service-4-caption {
    position: relative;
    margin: -35px 25px 20px;
    padding: 16px 20px;
    border-radius: 16px;
    background: var(--bg, #fff);
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    z-index: 2;
}

.service-4 .service-4-description {
    max-width: 760px;
    margin: 0 auto 40px;
    color: var(--text, #666);
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.service-4 .service-4-card p {
    padding: 0 25px 28px;
    margin: 0;
    color: var(--text, #666);
    font-size: 15px;
    line-height: 28px;
}

.service-4 .service-4-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    padding: 14px 32px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #00695c);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s;
}

.service-4 .service-4-btn:hover {
    background: var(--secondary, #004d40);
    color: #fff;
    transform: translateY(-3px);
}

@media(max-width:991px) {

    .service-4 {
        padding: 70px 0;
    }

    .service-4 .service-4-title {
        font-size: 36px;
        line-height: 46px;
    }

    .service-4 .service-4-img {
        height: 240px;
    }

}

@media(max-width:767px) {

    .service-4 {
        padding: 60px 0;
    }

    .service-4 .service-4-title {
        margin-bottom: 35px;
        font-size: 30px;
        line-height: 40px;
    }

    .service-4 .service-4-description {
        margin-bottom: 30px;
        font-size: 15px;
        line-height: 28px;
    }

    .service-4 .service-4-img {
        height: 220px;
    }

    .service-4 .service-4-caption {
        margin: -28px 18px 18px;
        padding: 14px 18px;
        font-size: 17px;
    }

    .service-4 .service-4-card p {
        padding: 0 20px 24px;
    }

}

.home-8 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-8 .home-8-membership {
    padding: 0;
    background: transparent;
}

.home-8 .home-8-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 18px;
    border-radius: 50px;
    background: var(--light, #f5f7fa);
    color: var(--primary, #ce7c6a);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-8 .home-8-heading {
    margin-bottom: 24px;
    color: var(--text, #222);
    font-size: 44px;
    font-weight: 700;
    line-height: 56px;
}

.home-8 .home-8-description {
    margin-bottom: 35px;
    color: var(--text, #666);
    font-size: 16px;
    line-height: 30px;
    max-width: 560px;
}

.home-8 .home-8-join-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 34px;
    border-radius: 50px;
    background: var(--primary, #1e4b45);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.home-8 .home-8-join-btn:hover {
    background: var(--secondary, #163832);
    color: #fff;
    transform: translateY(-3px);
}

.home-8 .home-8-feature-box {
    margin-bottom: 24px;
}

.home-8 .home-8-feature {
    height: 100%;
    padding: 35px 25px;
    text-align: center;
    border-radius: 24px;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e8e8e8);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    transition: .35s ease;
}

.home-8 .home-8-feature:hover {
    transform: translateY(-10px);
    border-color: var(--primary, #ce7c6a);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .14);
}

.home-8 .home-8-feature img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    margin: 0 auto 20px;
    filter: none;
    transition: .35s;
}

.home-8 .home-8-feature:hover img {
    transform: scale(1.12);
}

.home-8 .home-8-feature-box i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
    border-radius: 50%;
    background: var(--light, #f8f8f8);
    color: var(--primary, #ce7c6a);
    font-size: 32px;
    transition: .35s;
}

.home-8 .home-8-feature:hover i {
    background: var(--primary, #ce7c6a);
    color: #fff;
}

.home-8 .home-8-feature-title {
    margin: 0;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

.home-8 .home-8-feature p {
    margin-top: 12px;
    color: var(--text, #666);
    font-size: 15px;
    line-height: 26px;
}

@media(max-width:991px) {

    .home-8 {
        padding: 70px 0;
    }

    .home-8 .home-8-heading {
        font-size: 38px;
        line-height: 48px;
    }

}

@media(max-width:767px) {

    .home-8 {
        padding: 60px 0;
    }

    .home-8 .home-8-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .home-8 .home-8-description {
        font-size: 15px;
        line-height: 28px;
    }

    .home-8 .home-8-feature {
        padding: 30px 20px;
    }

    .home-8 .home-8-join-btn {
        width: 100%;
    }

}

.home-9 {
    padding: 80px !important;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-9 .home-9-flex {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 28px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .10);
}

.home-9 .home-9-left {
    display: flex;
    align-items: center;
    padding: 70px 60px;
    background: linear-gradient(135deg, var(--primary, #c89a72), var(--secondary, #104e4e));
    color: #fff;
}

.home-9 .home-9-content {
    width: 100%;
    max-width: 520px;
}

.home-9 .home-9-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 18px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .15);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-9 .home-9-title {
    margin-bottom: 24px;
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    line-height: 56px;
}

.home-9 .home-9-description {
    margin-bottom: 35px;
    color: rgba(255, 255, 255, .9);
    font-size: 16px;
    line-height: 30px;
}

.home-9 .home-9-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: #fff;
    color: var(--primary, #104e4e);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.home-9 .home-9-btn:hover {
    background: var(--light, #f5f5f5);
    color: var(--secondary, #083838);
    transform: translateY(-3px);
}

.home-9 .home-9-right {
    position: relative;
    min-height: 560px;
    background-size: cover;
    background-position: center;
}

.home-9 .home-9-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-9 .home-9-right::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .18), transparent);
    pointer-events: none;
}

@media(max-width:991px) {

    .home-9 .home-9-left {
        padding: 55px 40px;
    }

    .home-9 .home-9-title {
        font-size: 38px;
        line-height: 48px;
    }

    .home-9 .home-9-right {
        min-height: 450px;
    }

}

@media(max-width:767px) {

    .home-9 {
        padding: 60px 0;
    }

    .home-9 .home-9-flex {
        display: block;
        border-radius: 22px;
    }

    .home-9 .home-9-left {
        padding: 40px 28px;
    }

    .home-9 .home-9-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-9 .home-9-description {
        font-size: 15px;
        line-height: 28px;
    }

    .home-9 .home-9-btn {
        width: 100%;
    }

    .home-9 .home-9-right {
        min-height: 300px;
    }

}

.home-10 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-10 .home-10-title {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.home-10 .home-10-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 18px;
    border-radius: 50px;
    background: var(--light, #f4f8fa);
    color: var(--primary, #7cc0c6);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-10 .home-10-heading {
    color: var(--text, #1d2a4d);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    margin: 0;
}

.home-10 .home-10-card {
    height: 100%;
    overflow: hidden;
    border-radius: 24px;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e8e8e8);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    transition: .35s ease;
}

.home-10 .home-10-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .14);
}

.home-10 .home-10-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: .4s;
}

.home-10 .home-10-card:hover img {
    transform: scale(1.08);
}

.home-10 .home-10-card-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: var(--light, #eef8fa);
    color: var(--text, #666);
    font-size: 14px;
    font-weight: 500;
}

.home-10 .home-10-card-info span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.home-10 .home-10-card-info i {
    color: var(--primary, #1dbfcc);
    font-size: 18px;
}

.home-10 .home-10-room-title {
    margin: 22px 20px 12px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

.home-10 .home-10-room-desc {
    margin: 0 20px 24px;
    color: var(--text, #666);
    font-size: 15px;
    line-height: 28px;
}

.home-10 .home-10-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-top: 1px solid var(--border, #e8e8e8);
}

.home-10 .home-10-price {
    color: var(--primary, #1d2a4d);
    font-size: 24px;
    font-weight: 700;
}

.home-10 .home-10-price span {
    color: var(--text, #666);
    font-size: 14px;
    font-weight: 500;
}

.home-10 .home-10-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--light, #eef8fa);
    transition: .35s;
}

.home-10 .home-10-icon i {
    color: var(--primary, #1dbfcc);
    font-size: 22px;
    transition: .35s;
}

.home-10 .home-10-card:hover .home-10-icon {
    background: var(--primary, #1dbfcc);
}

.home-10 .home-10-card:hover .home-10-icon i {
    color: #fff;
}

@media(max-width:991px) {

    .home-10 {
        padding: 70px 0;
    }

    .home-10 .home-10-heading {
        font-size: 36px;
        line-height: 46px;
    }

    .home-10 .home-10-card img {
        height: 230px;
    }

}

@media(max-width:767px) {

    .home-10 {
        padding: 60px 0;
    }

    .home-10 .home-10-title {
        margin-bottom: 40px;
    }

    .home-10 .home-10-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .home-10 .home-10-card img {
        height: 220px;
    }

    .home-10 .home-10-card-footer {
        padding: 18px;
    }

    .home-10 .home-10-price {
        font-size: 20px;
    }

}


.events-1 {
    padding: 85px 0;
    background: var(--bg, #f7f8fa);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.events-1 *,
.events-1 *::before,
.events-1 *::after {
    box-sizing: border-box;
}

.events-1 .events-1-container {
    position: relative;
}

.events-1 .events-1-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 42px;
}

.events-1 .events-1-header-content {
    max-width: 720px;
}

.events-1 .events-1-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--primary, #0a1a44);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1.5;
    text-transform: uppercase;
}

.events-1 .events-1-eyebrow i {
    font-size: 16px;
}

.events-1 .events-1-heading {
    margin: 0 0 10px;
    color: var(--text, #222);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.6px;
}

.events-1 .events-1-subheading {
    max-width: 650px;
    margin: 0;
    color: var(--text, #222);
    opacity: .55;
    font-size: 11px;
    line-height: 1.8;
}

.events-1 .events-1-view-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-shrink: 0;
    min-height: 40px;
    padding: 9px 17px;
    border: 1px solid var(--border, #dedede);
    border-radius: 50px;
    background: var(--light, #fff);
    color: var(--text, #222);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .6px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .3s ease, color .3s ease, border-color .3s ease, gap .3s ease, transform .3s ease;
}

.events-1 .events-1-view-more i {
    color: var(--primary, #0a1a44);
    font-size: 15px;
}

.events-1 .events-1-view-more:hover {
    gap: 11px;
    border-color: var(--primary, #0a1a44);
    background: var(--primary, #0a1a44);
    color: var(--light, #fff);
    text-decoration: none;
    transform: translateY(-2px);
}

.events-1 .events-1-view-more:hover i {
    color: var(--light, #fff);
}

.events-1 .events-1-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.events-1 .events-1-item {
    display: grid;
    grid-template-columns: 90px 145px minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    min-height: 145px;
    padding: 14px 18px 14px 14px;
    border: 1px solid var(--border, #e7e7e7);
    border-radius: 18px;
    background: var(--light, #fff);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .045);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.events-1 .events-1-item:hover {
    border-color: var(--primary, #0a1a44);
    box-shadow: 0 20px 42px rgba(0, 0, 0, .09);
    transform: translateY(-4px);
}

.events-1 .events-1-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 112px;
    padding: 10px;
    border-radius: 14px;
    background: var(--bg, #f7f8fa);
    text-align: center;
}

.events-1 .events-1-date-day {
    color: var(--primary, #0a1a44);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.events-1 .events-1-date-month {
    margin-top: 7px;
    color: var(--text, #222);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.events-1 .events-1-date-weekday {
    margin-top: 4px;
    color: var(--text, #222);
    opacity: .48;
    font-size: 8px;
}

.events-1 .events-1-image {
    width: 145px;
    height: 112px;
    overflow: hidden;
    border-radius: 13px;
    background: var(--secondary, #222);
}

.events-1 .events-1-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.events-1 .events-1-item:hover .events-1-image img {
    transform: scale(1.05);
}

.events-1 .events-1-content {
    min-width: 0;
}

.events-1 .events-1-category {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 7px;
    color: var(--primary, #0a1a44);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.events-1 .events-1-category i {
    font-size: 13px;
}

.events-1 .events-1-title {
    margin: 0 0 10px;
    color: var(--text, #222);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
}

.events-1 .events-1-title a {
    color: inherit;
    text-decoration: none;
    transition: color .25s ease;
}

.events-1 .events-1-title a:hover {
    color: var(--primary, #0a1a44);
}

.events-1 .events-1-details {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
}

.events-1 .events-1-details span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--text, #222);
    opacity: .5;
    font-size: 8px;
    line-height: 1.5;
}

.events-1 .events-1-details i {
    color: var(--primary, #0a1a44);
    font-size: 13px;
}

.events-1 .events-1-action {
    display: flex;
    justify-content: flex-end;
}

.events-1 .events-1-register {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 105px;
    min-height: 38px;
    padding: 9px 14px;
    border: 1px solid var(--border, #dedede);
    border-radius: 50px;
    color: var(--text, #222);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .3s ease, color .3s ease, border-color .3s ease, gap .3s ease;
}

.events-1 .events-1-register i {
    color: var(--primary, #0a1a44);
    font-size: 14px;
    transition: transform .3s ease;
}

.events-1 .events-1-register:hover {
    gap: 10px;
    border-color: var(--primary, #0a1a44);
    background: var(--primary, #0a1a44);
    color: var(--light, #fff);
    text-decoration: none;
}

.events-1 .events-1-register:hover i {
    color: var(--light, #fff);
    transform: translateX(2px);
}

@media (max-width: 1199px) {
    .events-1 {
        padding: 75px 0;
    }

    .events-1 .events-1-item {
        grid-template-columns: 82px 125px minmax(0, 1fr) auto;
        gap: 18px;
    }

    .events-1 .events-1-image {
        width: 125px;
        height: 105px;
    }

    .events-1 .events-1-date {
        min-height: 105px;
    }
}

@media (max-width: 991px) {
    .events-1 {
        padding: 65px 0;
    }

    .events-1 .events-1-header {
        margin-bottom: 35px;
    }

    .events-1 .events-1-heading {
        font-size: 36px;
    }

    .events-1 .events-1-item {
        grid-template-columns: 75px 120px minmax(0, 1fr);
        gap: 15px;
    }

    .events-1 .events-1-image {
        width: 120px;
        height: 100px;
    }

    .events-1 .events-1-date {
        min-height: 100px;
    }

    .events-1 .events-1-action {
        grid-column: 3;
        justify-content: flex-start;
        margin-top: -4px;
    }
}

@media (max-width: 767px) {
    .events-1 {
        padding: 55px 0;
    }

    .events-1 .events-1-header {
        display: block;
    }

    .events-1 .events-1-heading {
        font-size: 30px;
    }

    .events-1 .events-1-subheading {
        font-size: 10px;
    }

    .events-1 .events-1-view-more {
        margin-top: 17px;
    }

    .events-1 .events-1-item {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 15px;
        padding: 12px;
    }

    .events-1 .events-1-date {
        grid-row: span 2;
        min-height: 100px;
    }

    .events-1 .events-1-image {
        width: 100%;
        height: 155px;
        grid-column: 2;
        grid-row: 1;
        border-radius: 13px;
    }

    .events-1 .events-1-content {
        grid-column: 2;
        grid-row: 2;
    }

    .events-1 .events-1-action {
        grid-column: 2;
        grid-row: 3;
        justify-content: flex-start;
    }

    .events-1 .events-1-title {
        font-size: 14px;
    }

    .events-1 .events-1-details {
        gap: 7px 12px;
    }
}

@media (max-width: 480px) {
    .events-1 {
        padding: 45px 0;
    }

    .events-1 .events-1-eyebrow {
        font-size: 9px;
    }

    .events-1 .events-1-heading {
        font-size: 26px;
    }

    .events-1 .events-1-item {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 11px;
        border-radius: 15px;
    }

    .events-1 .events-1-date {
        min-height: 85px;
        padding: 7px;
    }

    .events-1 .events-1-date-day {
        font-size: 26px;
    }

    .events-1 .events-1-date-month {
        font-size: 8px;
    }

    .events-1 .events-1-date-weekday {
        font-size: 7px;
    }

    .events-1 .events-1-image {
        height: 135px;
    }

    .events-1 .events-1-category {
        font-size: 7px;
    }

    .events-1 .events-1-title {
        font-size: 12px;
    }

    .events-1 .events-1-details span {
        font-size: 7px;
    }

    .events-1 .events-1-register {
        width: 100%;
    }
}


.home-11 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-11 .home-11-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 70px 50px;
    text-align: center;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 28px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
    position: relative;
    overflow: hidden;
}

.home-11 .home-11-container::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    top: -140px;
    right: -140px;
    border-radius: 50%;
    background: var(--light, #f5f7fa);
}

.home-11 .home-11-container::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    left: -110px;
    bottom: -110px;
    border-radius: 50%;
    background: var(--light, #f5f7fa);
}

.home-11 .home-11-container>* {
    position: relative;
    z-index: 2;
}

.home-11 .home-11-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    padding: 8px 18px;
    border-radius: 50px;
    background: var(--light, #eef8fa);
    color: var(--primary, #26838f);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-11 .home-11-title {
    max-width: 700px;
    margin: 0 auto 40px;
    color: var(--text, #1d3b4f);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-11 .home-11-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
}

.home-11 .home-11-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #f4b731);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.home-11 .home-11-btn:hover {
    background: var(--secondary, #e0a700);
    color: #fff;
    transform: translateY(-3px);
}

.home-11 .home-11-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text, #1d3b4f);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
}

.home-11 .home-11-link:hover {
    color: var(--primary, #26838f);
    text-decoration: none;
    gap: 12px;
}

@media(max-width:991px) {

    .home-11 {
        padding: 70px 0;
    }

    .home-11 .home-11-container {
        padding: 55px 35px;
    }

    .home-11 .home-11-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-11 {
        padding: 60px 0;
    }

    .home-11 .home-11-container {
        padding: 40px 25px;
        border-radius: 22px;
    }

    .home-11 .home-11-title {
        margin-bottom: 30px;
        font-size: 30px;
        line-height: 40px;
    }

    .home-11 .home-11-buttons {
        flex-direction: column;
        gap: 15px;
    }

    .home-11 .home-11-btn,
    .home-11 .home-11-link {
        width: 100%;
        justify-content: center;
    }

}
.about-9 {
    padding: 90px 0;
    background: var(--bg, #f8f8f8);
    font-family: "Poppins", sans-serif;
}

.about-9 .about-9-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.about-9 .about-9-left,
.about-9 .about-9-right {
    display: flex;
    flex-direction: column;
}

.about-9 .about-9-left {
    padding-right: 35px;
}

.about-9 .about-9-right {
    padding-left: 35px;
}

.about-9 .about-9-heading {
    margin-bottom: 32px;
}

.about-9 .about-9-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 8px 17px;
    border-radius: 30px;
    background: var(--light, #fff);
    color: var(--accent, #c89b63);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .04);
}

.about-9 .about-9-subtitle i {
    font-size: 16px;
}

.about-9 .about-9-title {
    max-width: 560px;
    margin: 0;
    color: var(--text, #222);
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
}

.about-9 .about-9-title span {
    display: block;
    color: var(--accent, #c89b63);
}

.about-9 .about-9-description {
    margin: 28px 0 0;
    color: var(--text, #666);
    font-size: 14px;
    line-height: 1.9;
}

.about-9 .about-9-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.about-9 .about-9-gallery-image {
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: 20px;
    background: var(--light, #fff);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .07);
}

.about-9 .about-9-gallery-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .5s ease;
}

.about-9 .about-9-gallery-image:hover img {
    transform: scale(1.06);
}

.about-9 .about-9-feature {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 28px;
    padding: 17px 20px;
    background: var(--light, #fff);
    border: 1px solid var(--border, #e8edf3);
    border-radius: 16px;
}

.about-9 .about-9-feature-icon {
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: var(--accent, #c89b63);
    color: var(--light, #fff);
}

.about-9 .about-9-feature-icon i {
    font-size: 21px;
}

.about-9 .about-9-feature strong {
    display: block;
    margin-bottom: 3px;
    color: var(--text, #222);
    font-size: 14px;
    font-weight: 700;
}

.about-9 .about-9-feature p {
    margin: 0;
    color: var(--text, #777);
    font-size: 12px;
    line-height: 1.6;
}

.about-9 .about-9-top-description {
    margin: 0 0 25px;
}

.about-9 .about-9-main-image {
    position: relative;
    width: 100%;
    height: 430px;
    overflow: hidden;
    border-radius: 25px;
    background: var(--light, #fff);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
}

.about-9 .about-9-main-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .5s ease;
}

.about-9 .about-9-main-image:hover img {
    transform: scale(1.025);
}

.about-9 .about-9-image-badge {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .94);
    color: var(--text, #222);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
}

.about-9 .about-9-image-badge i {
    color: var(--accent, #c89b63);
    font-size: 17px;
}

.about-9 .about-9-stats {
    display: flex;
    flex-wrap: wrap;
    margin: 15px -7px 0;
}

.about-9 .about-9-stat-column {
    display: flex;
    padding: 7px;
}

.about-9 .about-9-stat-box {
    width: 100%;
    min-height: 135px;
    padding: 18px 12px;
    background: var(--light, #fff);
    border: 1px solid var(--border, #e8edf3);
    border-radius: 17px;
    text-align: center;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .05);
    transition: transform .3s ease, box-shadow .3s ease;
}

.about-9 .about-9-stat-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 35px rgba(0, 0, 0, .08);
}

.about-9 .about-9-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0 auto 8px;
    border-radius: 50%;
    background: var(--bg, #f8f8f8);
    color: var(--accent, #c89b63);
}

.about-9 .about-9-stat-icon i {
    font-size: 17px;
}

.about-9 .about-9-stat-box h4 {
    margin: 0 0 4px;
    color: var(--accent, #c89b63);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}

.about-9 .about-9-stat-box p {
    margin: 0;
    color: var(--text, #666);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
}

@media (max-width: 1199px) {
    .about-9 .about-9-left {
        padding-right: 25px;
    }

    .about-9 .about-9-right {
        padding-left: 25px;
    }

    .about-9 .about-9-title {
        font-size: 40px;
    }

    .about-9 .about-9-gallery-image {
        height: 200px;
    }

    .about-9 .about-9-main-image {
        height: 390px;
    }
}

@media (max-width: 991px) {
    .about-9 {
        padding: 70px 0;
    }

    .about-9 .about-9-left,
    .about-9 .about-9-right {
        padding: 0;
    }

    .about-9 .about-9-left {
        margin-bottom: 45px;
    }

    .about-9 .about-9-title {
        font-size: 38px;
    }

    .about-9 .about-9-gallery-image {
        height: 230px;
    }

    .about-9 .about-9-main-image {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .about-9 {
        padding: 60px 0;
    }

    .about-9 .about-9-heading {
        text-align: center;
    }

    .about-9 .about-9-subtitle {
        margin-bottom: 14px;
    }

    .about-9 .about-9-title {
        font-size: 30px;
    }

    .about-9 .about-9-title span {
        display: inline;
    }

    .about-9 .about-9-description {
        font-size: 13px;
        line-height: 1.8;
        text-align: center;
    }

    .about-9 .about-9-gallery {
        gap: 12px;
    }

    .about-9 .about-9-gallery-image {
        height: 190px;
        border-radius: 16px;
    }

    .about-9 .about-9-feature {
        align-items: flex-start;
        margin-top: 22px;
    }

    .about-9 .about-9-feature p {
        text-align: left;
    }

    .about-9 .about-9-right {
        margin-top: 15px;
    }

    .about-9 .about-9-top-description {
        margin-bottom: 20px;
    }

    .about-9 .about-9-main-image {
        height: 320px;
        border-radius: 20px;
    }

    .about-9 .about-9-stats {
        margin-top: 10px;
    }

    .about-9 .about-9-stat-box {
        min-height: 125px;
    }
}

@media (max-width: 480px) {
    .about-9 .about-9-title {
        font-size: 27px;
    }

    .about-9 .about-9-gallery-image {
        height: 170px;
    }

    .about-9 .about-9-main-image {
        height: 280px;
    }

    .about-9 .about-9-image-badge {
        right: 12px;
        bottom: 12px;
        padding: 8px 12px;
        font-size: 10px;
    }

    .about-9 .about-9-stat-box {
        min-height: 115px;
        padding: 15px 8px;
    }

    .about-9 .about-9-stat-box h4 {
        font-size: 24px;
    }
}
.service-5.section-wrapper {
    position: relative;
    padding: 90px 20px;
    overflow: hidden;
    background: var(--bg, #f7f5f1);
    color: var(--text, #172532);
    font-family: "Poppins", sans-serif;
}

.service-5.section-wrapper::before {
    content: "";
    position: absolute;
    top: -170px;
    right: -150px;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(174, 154, 100, .16);
    border-radius: 50%;
    pointer-events: none;
}

.service-5.section-wrapper::after {
    content: "";
    position: absolute;
    bottom: -200px;
    left: -170px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(23, 37, 50, .07);
    border-radius: 50%;
    pointer-events: none;
}

.service-5.section-wrapper * {
    box-sizing: border-box;
}

.service-5 .container {
    position: relative;
    z-index: 2;
}

.service-5-main-row {
    display: flex;
    align-items: stretch;
    margin-left: -12px;
    margin-right: -12px;
}

.service-5-intro-column {
    display: flex;
    padding-left: 12px;
    padding-right: 35px;
}

.service-5-intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 20px 0;
}

.service-5-eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 9px;
    margin-bottom: 14px;
    color: var(--accent, #ae9a64);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.service-5-eyebrow::before {
    content: "";
    width: 26px;
    height: 1px;
    background: var(--accent, #ae9a64);
}

.service-5 .service-title {
    margin: 0 0 18px;
    color: var(--text, #172532);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.service-5 .service-subtitle {
    max-width: 330px;
    margin: 0 0 28px;
    color: var(--secondary, #6b6b6b);
    font-size: 14px;
    line-height: 1.9;
}

.service-5 .custom-link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 9px;
    padding-bottom: 7px;
    border-bottom: 1px solid var(--accent, #ae9a64);
    color: var(--primary, #172532);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-decoration: none;
    transition: all .3s ease;
}

.service-5 .custom-link i {
    color: var(--accent, #ae9a64);
    font-size: 17px;
    transition: transform .3s ease;
}

.service-5 .custom-link:hover {
    border-color: var(--primary, #172532);
    color: var(--accent, #ae9a64);
    text-decoration: none;
}

.service-5 .custom-link:hover i {
    transform: translateX(4px);
}

.service-5-cards-column {
    display: flex;
    padding-left: 12px;
    padding-right: 12px;
}

.service-5-cards-row {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-left: -8px;
    margin-right: -8px;
}

.service-5-card-column {
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
}

.service-5 .service-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--border, #e4dfd7);
    border-radius: 18px;
    background: var(--light, #fff);
    box-shadow: 0 15px 40px rgba(23, 37, 50, .07);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.service-5 .service-box:hover {
    border-color: var(--accent, #ae9a64);
    transform: translateY(-8px);
    box-shadow: 0 25px 55px rgba(23, 37, 50, .12);
}

.service-5 .service-image {
    position: relative;
    height: 215px;
    overflow: hidden;
    background: var(--secondary, #6b6b6b);
}

.service-5 .service-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(23, 37, 50, .35), transparent 55%);
    pointer-events: none;
}

.service-5 .service-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}

.service-5 .service-box:hover img {
    transform: scale(1.07);
}

.service-5 .service-number {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 50%;
    background: rgba(23, 37, 50, .75);
    color: var(--light, #fff);
    font-size: 11px;
    font-weight: 600;
    backdrop-filter: blur(5px);
}

.service-5 .service-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px 23px 25px;
}

.service-5 .service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 17px;
    border: 1px solid var(--border, #e4dfd7);
    border-radius: 11px;
    background: var(--bg, #f7f5f1);
    color: var(--accent, #ae9a64);
    font-size: 19px;
    transition: all .3s ease;
}

.service-5 .service-box:hover .service-icon {
    border-color: var(--accent, #ae9a64);
    background: var(--accent, #ae9a64);
    color: var(--light, #fff);
}

.service-5 .service-heading {
    min-height: 31px;
    margin: 0 0 10px;
    color: var(--text, #172532);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
}

.service-5 .service-description {
    min-height: 72px;
    margin: 0 0 20px;
    color: var(--secondary, #6b6b6b);
    font-size: 12px;
    line-height: 1.8;
}

.service-5 .read-more {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 7px;
    margin-top: auto;
    color: var(--primary, #172532);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
}

.service-5 .read-more i {
    color: var(--accent, #ae9a64);
    font-size: 16px;
    transition: transform .3s ease;
}

.service-5 .read-more:hover {
    color: var(--accent, #ae9a64);
    text-decoration: none;
}

.service-5 .read-more:hover i {
    transform: translateX(4px);
}

@media (max-width: 1199px) {
    .service-5 .service-title {
        font-size: 38px;
    }

    .service-5 .service-image {
        height: 195px;
    }

    .service-5 .service-content {
        padding: 22px 18px 23px;
    }
}

@media (max-width: 991px) {
    .service-5.section-wrapper {
        padding: 75px 20px;
    }

    .service-5-main-row {
        display: block;
    }

    .service-5-intro-column,
    .service-5-cards-column {
        display: block;
        width: 100%;
    }

    .service-5-intro-column {
        padding-right: 12px;
    }

    .service-5-intro {
        padding: 0 0 40px;
    }

    .service-5 .service-subtitle {
        max-width: 600px;
    }

    .service-5-cards-row {
        display: flex;
    }

    .service-5 .service-image {
        height: 210px;
    }
}

@media (max-width: 767px) {
    .service-5.section-wrapper {
        padding: 60px 15px;
    }

    .service-5-intro {
        padding-bottom: 35px;
    }

    .service-5 .service-title {
        font-size: 31px;
        line-height: 1.25;
    }

    .service-5 .service-subtitle {
        font-size: 13px;
        line-height: 1.8;
    }

    .service-5-cards-row {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .service-5-card-column {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    .service-5 .service-box {
        border-radius: 16px;
    }

    .service-5 .service-image {
        height: 230px;
    }

    .service-5 .service-content {
        padding: 22px 20px 24px;
    }

    .service-5 .service-heading {
        font-size: 20px;
    }

    .service-5 .service-description {
        min-height: auto;
    }
}

@media (max-width: 480px) {
    .service-5.section-wrapper {
        padding: 50px 12px;
    }

    .service-5 .service-title {
        font-size: 28px;
    }

    .service-5 .service-image {
        height: 210px;
    }
}


.home-12 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-12 .section-title {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.home-12 .section-title span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 18px;
    border-radius: 50px;
    background: var(--light, #f5f7fa);
    color: var(--primary, #ff6b6b);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-12 .section-title h2 {
    margin: 0;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-12 .justify-content-between {
    justify-content: space-between;
}

.home-12 .offer-box {
    position: relative;
    height: 100%;
    padding: 35px 30px;
    text-align: center;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 24px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    transition: .35s ease;
    overflow: hidden;
}

.home-12 .offer-box:hover {
    transform: translateY(-10px);
    border-color: var(--primary, #ff6b6b);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .14);
}

.home-12 .service-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 22px;
    border-radius: 50%;
    background: var(--light, #fff3f3);
    color: var(--primary, #ff6b6b);
    font-size: 18px;
    font-weight: 700;
}

.home-12 .offer-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 25px;
    display: block;
    object-fit: contain;
    transition: .35s ease;
}

.home-12 .offer-box:hover .offer-icon {
    transform: scale(1.12);
}

.home-12 .offer-box h4 {
    margin-bottom: 15px;
    color: var(--text, #222);
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.home-12 .offer-box p {
    margin-bottom: 24px;
    color: var(--text, #666);
    font-size: 15px;
    line-height: 28px;
}

.home-12 .view-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary, #ff6b6b);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.home-12 .view-more::after {
    content: "→";
    transition: .35s;
}

.home-12 .view-more:hover {
    color: var(--secondary, #e05555);
    gap: 14px;
    text-decoration: none;
}

@media(max-width:991px) {

    .home-12 {
        padding: 70px 0;
    }

    .home-12 .section-title h2 {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-12 {
        padding: 60px 0;
    }

    .home-12 .section-title {
        margin-bottom: 40px;
    }

    .home-12 .section-title h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .home-12 .offer-box {
        padding: 30px 22px;
    }

    .home-12 .offer-box h4 {
        font-size: 22px;
        line-height: 32px;
    }

    .home-12 .offer-box p {
        font-size: 15px;
        line-height: 28px;
    }

}

.home-13 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
    color: var(--text, #222);
}

.home-13 .home-13-image-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 28px;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e8e8e8);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.home-13 .home-13-person-img {
    display: block;
    width: 100%;
    max-width: 360px;
    border-radius: 28px;
    transition: .4s ease;
}

.home-13 .home-13-image-wrapper:hover .home-13-person-img {
    transform: scale(1.06);
}

.home-13 .home-13-person-name {
    margin-top: 24px;
    color: var(--text, #222);
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
}

.home-13 .home-13-person-role {
    margin-top: 8px;
    color: var(--primary, #48c08a);
    font-size: 16px;
    font-weight: 500;
}

.home-13 .home-13-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 18px;
    border-radius: 50px;
    background: var(--light, #f5f7fa);
    color: var(--primary, #48c08a);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-13 .home-13-section-heading {
    margin-bottom: 24px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-13 .home-13-section-description {
    max-width: 560px;
    margin-bottom: 40px;
    color: var(--text, #666);
    font-size: 16px;
    line-height: 30px;
}

.home-13 .home-13-skill {
    margin-bottom: 28px;
}

.home-13 .home-13-skill-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    color: var(--text, #222);
    font-size: 16px;
    font-weight: 600;
}

.home-13 .home-13-progress-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.home-13 .home-13-progress {
    flex: 1;
    height: 10px;
    overflow: hidden;
    border-radius: 30px;
    background: var(--light, #eef2f3);
}

.home-13 .home-13-progress-bar {
    height: 100%;
    border-radius: 30px;
    background: linear-gradient(90deg, var(--primary, #48c08a), var(--secondary, #2b8b62));
}

.home-13 .home-13-progress-percent {
    min-width: 45px;
    color: var(--text, #222);
    font-size: 15px;
    font-weight: 700;
    text-align: right;
}

@media(max-width:991px) {

    .home-13 {
        padding: 70px 0;
    }

    .home-13 .home-13-section-heading {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-13 {
        padding: 60px 0;
    }

    .home-13 .home-13-image-wrapper {
        margin-bottom: 35px;
    }

    .home-13 .home-13-person-img {
        max-width: 280px;
    }

    .home-13 .home-13-section-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .home-13 .home-13-section-description {
        font-size: 15px;
        line-height: 28px;
    }

}

.home-14 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-14 .home-14-section-wrapper {
    padding: 0;
    background: transparent;
}

.home-14 .home-14-welcome-text {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    padding: 8px 18px;
    background: var(--light, #f5f7fa);
    color: var(--primary, #333);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-14 .home-14-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    padding: 6px 14px;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 30px;
    color: var(--primary, #333);
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.home-14 .home-14-heading {
    margin-bottom: 24px;
    color: var(--text, #222);
    font-size: 44px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -1px;
}

.home-14 .home-14-heading .highlight {
    padding: 0 6px;
    border-radius: 6px;
    background: linear-gradient(transparent 58%, var(--light, #eef4f6) 58%);
    color: var(--primary, #222);
}

.home-14 .home-14-subtext {
    max-width: 520px;
    margin-bottom: 35px;
    color: var(--text, #666);
    font-size: 16px;
    line-height: 30px;
}

.home-14 .home-14-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #000);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.home-14 .home-14-btn::after {
    content: "→";
    transition: .35s;
}

.home-14 .home-14-btn:hover {
    background: var(--secondary, #444);
    color: #fff;
    transform: translateY(-3px);
    gap: 14px;
}

.home-14 .home-14-image {
    display: block;
    width: 100%;
    max-width: 420px;
    height: 420px;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 28px;
    border: 1px solid var(--border, #e8e8e8);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
    transition: .4s ease;
}

.home-14 .home-14-image:hover {
    transform: scale(1.04);
}

@media(max-width:991px) {

    .home-14 {
        padding: 70px 0;
    }

    .home-14 .home-14-heading {
        font-size: 38px;
        line-height: 48px;
    }

    .home-14 .home-14-image {
        height: 360px;
        max-width: 360px;
    }

}

@media(max-width:767px) {

    .home-14 {
        padding: 60px 0;
    }

    .home-14 .home-14-welcome-text,
    .home-14 .home-14-heading,
    .home-14 .home-14-subtext {
        text-align: center;
        justify-content: center;
    }

    .home-14 .home-14-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .home-14 .home-14-subtext {
        margin: 0 auto 30px;
        font-size: 15px;
        line-height: 28px;
    }

    .home-14 .home-14-btn {
        display: flex;
        width: fit-content;
        margin: 0 auto 35px;
    }

    .home-14 .home-14-image {
        max-width: 300px;
        height: 340px;
    }

}

.home-15 {
    padding: 90px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.home-15::before,
.home-15::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 70px;
    background: linear-gradient(var(--primary, #373737), transparent);
    border-radius: 20px;
}

.home-15::before {
    top: 0;
}

.home-15::after {
    bottom: 0;
    transform: translateX(-50%) rotate(180deg);
}

.home-15 .section-wrapper {
    padding: 0;
    background: transparent;
}

.home-15 h2 {
    max-width: 760px;
    margin: 0 auto 28px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 1px;
}

.home-15 p,
.home-15 .description {
    max-width: 760px;
    margin: 0 auto 40px;
    color: var(--text, #666);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.home-15 .btn-check-work {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 36px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #000);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.home-15 .btn-check-work::after {
    content: "→";
    transition: .35s ease;
}

.home-15 .btn-check-work:hover {
    background: var(--secondary, #333);
    color: #fff;
    transform: translateY(-3px);
    gap: 14px;
}

@media(max-width:991px) {

    .home-15 {
        padding: 75px 0;
    }

    .home-15 h2 {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-15 {
        padding: 60px 0;
    }

    .home-15::before,
    .home-15::after {
        height: 50px;
    }

    .home-15 h2 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: .5px;
    }

    .home-15 p,
    .home-15 .description {
        font-size: 15px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    .home-15 .btn-check-work {
        width: 100%;
        max-width: 260px;
    }

}

.home-16 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-16 .row {
    display: flex;
    align-items: center;
}

.home-16 .left-tabs {
    padding-right: 35px;
    border-right: 2px solid var(--border, #e8e8e8);
}

.home-16 .tab-button {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 0;
    color: var(--text, #888);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: .35s ease;
}

.home-16 .tab-button i {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--light, #f5f7fa);
    color: var(--primary, #000);
    font-size: 20px;
    transition: .35s ease;
}

.home-16 .tab-button:hover,
.home-16 .tab-button.active {
    color: var(--primary, #000);
    font-weight: 600;
}

.home-16 .tab-button:hover i,
.home-16 .tab-button.active i {
    background: var(--primary, #000);
    color: #fff;
    transform: scale(1.08);
}

.home-16 .tab-content img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 24px;
    border: 1px solid var(--border, #e8e8e8);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.home-16 .content-heading {
    margin: 30px 0 18px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 1px;
}

.home-16 .content-text {
    color: var(--text, #666);
    font-size: 16px;
    line-height: 30px;
}

.home-16 .btn-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #000);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.home-16 .btn-more::after {
    content: "→";
    transition: .35s ease;
}

.home-16 .btn-more:hover {
    background: var(--secondary, #333);
    color: #fff;
    transform: translateY(-3px);
    gap: 14px;
}

@media(max-width:991px) {

    .home-16 {
        padding: 70px 0;
    }

    .home-16 .content-heading {
        font-size: 36px;
        line-height: 46px;
    }

    .home-16 .tab-content img {
        height: 360px;
    }

}

@media(max-width:767px) {

    .home-16 {
        padding: 60px 0;
    }

    .home-16 .row {
        display: block;
    }

    .home-16 .left-tabs {
        margin-bottom: 35px;
        padding-right: 0;
        padding-bottom: 20px;
        border-right: none;
        border-bottom: 2px solid var(--border, #e8e8e8);
    }

    .home-16 .tab-button {
        padding: 15px 0;
    }

    .home-16 .tab-content img {
        height: 280px;
    }

    .home-16 .content-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .home-16 .content-text {
        font-size: 15px;
        line-height: 28px;
    }

}
.about-1 {
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-1 * {
    box-sizing: border-box;
}

.about-1 .text-info-block {
    width: 100%;
}

.about-1 .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -15px;
}

.about-1 .row > [class*="col-"] {
    padding: 0 15px;
}

.about-1 h1 {
    max-width: 560px;
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
}

.about-1 p {
    max-width: 570px;
    margin: 0 0 24px;
    color: #707070;
    font-size: 13px;
    line-height: 1.85;
}

.about-1 .listDefault {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-1 .listDefault li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 25px;
    color: var(--text, #333);
    font-size: 12px;
    line-height: 1.7;
}



.about-1 .image {
    display: block;
    width: 100%;
    height: 470px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
}

@media (max-width: 991px) {
    .about-1 {
        padding: 70px 0;
    }

    .about-1 h1 {
        font-size: 32px;
    }

    .about-1 .image {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .about-1 {
        padding: 60px 0;
    }

    .about-1 .row {
        display: block;
    }

    .about-1 .row > [class*="col-"] {
        width: 100%;
    }

    .about-1 h1 {
        max-width: none;
        font-size: 29px;
    }

    .about-1 p {
        font-size: 12px;
    }

    .about-1 .listDefault {
        margin-bottom: 30px;
    }

    .about-1 .image {
        height: 300px;
        border-radius: 16px;
    }
}

@media (max-width: 480px) {
    .about-1 {
        padding: 50px 0;
    }

    .about-1 h1 {
        font-size: 26px;
    }

    .about-1 .image {
        height: 260px;
    }
}


.about-10 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-10 .about-heading {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 18px;
    border-radius: 50px;
    background: var(--light, #f5f7fa);
    color: var(--primary, #5b6d5b);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-10 .brand-name {
    display: block;
    margin-bottom: 10px;
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.about-10 .script-title {
    display: block;
    margin-bottom: 25px;
    color: var(--primary, #5b6d5b);
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 600;
}

.about-10 .about-text {
    margin-bottom: 30px;
    color: var(--text, #666);
    font-size: 16px;
    line-height: 30px;
}

.about-10 .feature-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-10 .feature-list li {
    position: relative;
    margin-bottom: 16px;
    padding-left: 34px;
    color: var(--text, #555);
    font-size: 16px;
    line-height: 28px;
}

.about-10 .feature-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--light, #eef5ef);
    color: var(--primary, #5b6d5b);
    font-size: 13px;
    font-weight: 700;
}

.about-10 .signature {
    margin-top: 40px;
}

.about-10 .signature img {
    height: 48px;
    margin-bottom: 15px;
}

.about-10 .signature-name {
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 700;
}

.about-10 .signature-title {
    margin-top: 6px;
    color: var(--text, #777);
    font-size: 14px;
}

.about-10 .profile-image {
    position: relative;
    text-align: center;
}

.about-10 .profile-image img {
    width: 100%;
    max-width: 420px;
    border: 14px solid var(--primary, #5b6d5b);
    border-radius: 28px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .10);
    transition: .4s ease;
}

.about-10 .profile-image img:hover {
    transform: scale(1.03);
}

@media(max-width:991px) {

    .about-10 {
        padding: 70px 0;
    }

    .about-10 .brand-name {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .about-10 {
        padding: 60px 0;
    }

    .about-10 .brand-name {
        font-size: 30px;
        line-height: 40px;
    }

    .about-10 .script-title {
        font-size: 22px;
    }

    .about-10 .about-text {
        font-size: 15px;
        line-height: 28px;
    }

    .about-10 .profile-image {
        margin-top: 40px;
    }

    .about-10 .profile-image img {
        max-width: 320px;
        border-width: 10px;
    }

}
.newsletter-3 {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 1170px;
    min-height: 460px;
    margin: 80px auto;
    padding: 0;
    overflow: hidden;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 28px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
    font-family: "Poppins", sans-serif;
}

.newsletter-3 .newsletter-3-image {
    width: 50%;
    min-height: 460px;
    overflow: hidden;
    background: var(--light, #f5f5f5);
}

.newsletter-3 .newsletter-3-image-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.newsletter-3:hover .newsletter-3-image-img {
    transform: scale(1.03);
}

.newsletter-3 .newsletter-3-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding: 55px 60px;
}

.newsletter-3 .newsletter-3-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-bottom: 18px;
    color: var(--primary, #222);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1;
    text-transform: uppercase;
}

.newsletter-3 .newsletter-3-eyebrow i {
    font-size: 17px;
}

.newsletter-3 .newsletter-3-title {
    margin: 0 0 16px;
    color: var(--text, #222);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
}

.newsletter-3 .newsletter-3-title span {
    color: var(--primary, #222);
}

.newsletter-3 .newsletter-3-description {
    max-width: 500px;
    margin: 0 0 30px;
    color: var(--text, #666);
    font-size: 14px;
    line-height: 1.8;
}

.newsletter-3 .newsletter-3-form {
    width: 100%;
    max-width: 500px;
}

.newsletter-3 .newsletter-3-field {
    position: relative;
    margin-bottom: 14px;
}

.newsletter-3 .newsletter-3-field > i {
    position: absolute;
    top: 50%;
    left: 18px;
    z-index: 2;
    color: var(--primary, #222);
    font-size: 17px;
    transform: translateY(-50%);
    pointer-events: none;
}

.newsletter-3 .form-control {
    width: 100%;
    height: 54px;
    margin: 0;
    padding: 12px 18px 12px 48px;
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 12px;
    background: var(--bg, #fff);
    color: var(--text, #222);
    font-size: 13px;
    box-shadow: none;
    outline: none;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.newsletter-3 .form-control::placeholder {
    color: var(--text, #888);
    opacity: .7;
}

.newsletter-3 .form-control:focus {
    border-color: var(--primary, #222);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .05);
}

.newsletter-3 .newsletter-3-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 145px;
    margin-top: 5px;
    padding: 14px 25px;
    border: 1px solid var(--primary, #222);
    border-radius: 10px;
    background: var(--primary, #222);
    color: var(--light, #fff);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .6px;
    text-transform: uppercase;
    transition: .3s ease;
}

.newsletter-3 .newsletter-3-button i {
    font-size: 16px;
    transition: transform .3s ease;
}

.newsletter-3 .newsletter-3-button:hover {
    background: var(--secondary, #444);
    border-color: var(--secondary, #444);
    color: var(--light, #fff);
    transform: translateY(-2px);
}

.newsletter-3 .newsletter-3-button:hover i {
    transform: translateX(4px);
}

@media (max-width: 991px) {
    .newsletter-3 {
        min-height: 420px;
        margin: 65px auto;
    }

    .newsletter-3 .newsletter-3-image {
        min-height: 420px;
    }

    .newsletter-3 .newsletter-3-content {
        padding: 45px 35px;
    }

    .newsletter-3 .newsletter-3-title {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .newsletter-3 {
        display: block;
        width: calc(100% - 30px);
        min-height: auto;
        margin: 50px auto;
        border-radius: 22px;
    }

    .newsletter-3 .newsletter-3-image {
        width: 100%;
        min-height: 280px;
        height: 280px;
    }

    .newsletter-3 .newsletter-3-content {
        width: 100%;
        padding: 38px 25px 40px;
    }

    .newsletter-3 .newsletter-3-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .newsletter-3 .newsletter-3-description {
        font-size: 13px;
        line-height: 1.7;
        margin-bottom: 25px;
    }

    .newsletter-3 .newsletter-3-form {
        max-width: none;
    }

    .newsletter-3 .newsletter-3-button {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .newsletter-3 {
        width: calc(100% - 20px);
        margin: 40px auto;
    }

    .newsletter-3 .newsletter-3-image {
        height: 230px;
        min-height: 230px;
    }

    .newsletter-3 .newsletter-3-content {
        padding: 32px 20px 35px;
    }

    .newsletter-3 .newsletter-3-title {
        font-size: 27px;
    }
}
.blog-7 {
    padding: 80px 0;
    background: var(--primary, #7b8773);
    font-family: "Poppins", sans-serif;
}

.blog-7 * {
    box-sizing: border-box;
}

.blog-7 .blog-7-header {
    max-width: 720px;
    margin: 0 auto 45px;
    text-align: center;
}

.blog-7 .blog-7-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--accent, #fff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.blog-7 .blog-7-eyebrow i {
    font-size: 16px;
}

.blog-7 .blog-7-title {
    margin: 0 0 12px;
    color: #fff;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.blog-7 .blog-7-title span {
    color: var(--accent, #fff);
    font-family: "Playfair Display", serif;
    font-style: italic;
    font-weight: 500;
}

.blog-7 .blog-7-description {
    max-width: 650px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    line-height: 1.8;
}

.blog-7 .blog-7-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.blog-7 .blog-7-column {
    display: flex;
    padding: 0 8px;
}

.blog-7 .blog-7-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border-radius: 18px;
    background: var(--bg, #fff);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
    transition: .3s ease;
}

.blog-7 .blog-7-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 55px rgba(0, 0, 0, .2);
}

.blog-7 .blog-7-image-wrap {
    height: 260px;
    overflow: hidden;
}

.blog-7 .blog-7-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.blog-7 .blog-7-card:hover .blog-7-image {
    transform: scale(1.05);
}

.blog-7 .blog-7-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 23px 24px 24px;
}

.blog-7 .blog-7-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
    color: var(--primary, #7b8773);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.blog-7 .blog-7-meta i {
    font-size: 14px;
}

.blog-7 .blog-7-meta b {
    margin-left: 3px;
    padding-left: 9px;
    border-left: 1px solid var(--border, #ddd);
    font-weight: 600;
}

.blog-7 .blog-7-card-title {
    flex: 1;
    margin: 0 0 18px;
    color: var(--text, #222);
    font-size: 19px;
    line-height: 1.45;
    font-weight: 700;
}

.blog-7 .blog-7-read-more {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 7px;
    color: var(--primary, #7b8773);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: .25s ease;
}

.blog-7 .blog-7-read-more i {
    font-size: 15px;
    transition: transform .25s ease;
}

.blog-7 .blog-7-read-more:hover {
    color: var(--secondary, #5d6558);
}

.blog-7 .blog-7-read-more:hover i {
    transform: translateX(4px);
}

@media (max-width: 991px) {
    .blog-7 {
        padding: 70px 0;
    }

    .blog-7 .blog-7-title {
        font-size: 35px;
    }

    .blog-7 .blog-7-image-wrap {
        height: 230px;
    }
}

@media (max-width: 767px) {
    .blog-7 {
        padding: 60px 0;
    }

    .blog-7 .blog-7-header {
        margin-bottom: 35px;
    }

    .blog-7 .blog-7-title {
        font-size: 30px;
    }

    .blog-7 .blog-7-column {
        width: 100%;
        margin-bottom: 16px;
    }

    .blog-7 .blog-7-image-wrap {
        height: 240px;
    }

    .blog-7 .blog-7-content {
        padding: 21px;
    }
}

@media (max-width: 480px) {
    .blog-7 {
        padding: 50px 0;
    }

    .blog-7 .blog-7-title {
        font-size: 27px;
    }

    .blog-7 .blog-7-image-wrap {
        height: 220px;
    }

    .blog-7 .blog-7-card-title {
        font-size: 17px;
    }
}
.about-11 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-11 * {
    box-sizing: border-box;
}

.about-11 .about-11-pricing-header {
    max-width: 680px;
    margin: 0 auto 45px;
    text-align: center;
}

.about-11 .about-11-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--primary, #7c8673);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.about-11 .about-11-eyebrow i {
    font-size: 16px;
}

.about-11 .about-11-title {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.about-11 .about-11-title span,
.about-11 .about-11-plan-title span {
    font-family: "Playfair Display", serif;
    font-style: italic;
    font-weight: 500;
}

.about-11 .about-11-title span {
    color: var(--primary, #7c8673);
}

.about-11 .about-11-description {
    max-width: 620px;
    margin: 0 auto;
    color: #707070;
    font-size: 13px;
    line-height: 1.8;
}

.about-11 .about-11-pricing-image {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

.about-11 .about-11-image {
    display: block;
    width: 100%;
    height: 560px;
    object-fit: cover;
}

.about-11 .about-11-pricing-box-wrapper {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 380px;
    max-width: calc(100% - 60px);
}

.about-11 .about-11-pricing-box {
    padding: 32px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 20px;
    background: var(--primary, #7c8673);
    color: #fff;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .18);
}

.about-11 .about-11-plan-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 9px;
    color: rgba(255, 255, 255, .7);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.about-11 .about-11-plan-label i {
    font-size: 14px;
}

.about-11 .about-11-plan-title {
    margin: 0 0 10px;
    color: #fff;
    font-size: 27px;
    line-height: 1.3;
    font-weight: 700;
}

.about-11 .about-11-plan-title span {
    color: rgba(255, 255, 255, .85);
}

.about-11 .about-11-price {
    margin-bottom: 15px;
    color: #fff;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
}

.about-11 .about-11-price small {
    color: rgba(255, 255, 255, .65);
    font-size: 10px;
    font-weight: 400;
}

.about-11 .about-11-plan-description {
    margin: 0 0 20px;
    color: rgba(255, 255, 255, .78);
    font-size: 11px;
    line-height: 1.75;
}

.about-11 .about-11-features {
    margin: 0 0 23px;
    padding: 0;
    list-style: none;
}

.about-11 .about-11-features li {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, .9);
    font-size: 11px;
    line-height: 1.5;
}

.about-11 .about-11-features li:last-child {
    margin-bottom: 0;
}

.about-11 .about-11-features li i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 12px;
}

.about-11 .about-11-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 42px;
    padding: 0 19px;
    border-radius: 9px;
    background: #fff;
    color: var(--primary, #7c8673);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: .25s ease;
}

.about-11 .about-11-button i {
    font-size: 15px;
    transition: transform .25s ease;
}

.about-11 .about-11-button:hover {
    background: var(--light, #f5f7fa);
    color: var(--secondary, #5d6558);
    transform: translateY(-2px);
}

.about-11 .about-11-button:hover i {
    transform: translateX(3px);
}

@media (max-width: 991px) {
    .about-11 {
        padding: 70px 0;
    }

    .about-11 .about-11-title {
        font-size: 35px;
    }

    .about-11 .about-11-image {
        height: 500px;
    }

    .about-11 .about-11-pricing-box-wrapper {
        right: 20px;
        bottom: 20px;
        width: 350px;
        max-width: calc(100% - 40px);
    }

    .about-11 .about-11-pricing-box {
        padding: 27px;
    }
}

@media (max-width: 767px) {
    .about-11 {
        padding: 60px 0;
    }

    .about-11 .about-11-pricing-header {
        margin-bottom: 35px;
    }

    .about-11 .about-11-title {
        font-size: 30px;
    }

    .about-11 .about-11-description {
        font-size: 12px;
    }

    .about-11 .about-11-pricing-image {
        overflow: visible;
    }

    .about-11 .about-11-image {
        height: 300px;
        border-radius: 18px;
    }

    .about-11 .about-11-pricing-box-wrapper {
        position: static;
        width: 100%;
        max-width: none;
        margin-top: 18px;
    }

    .about-11 .about-11-pricing-box {
        padding: 25px 22px;
        border-radius: 18px;
    }

    .about-11 .about-11-button {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .about-11 {
        padding: 50px 0;
    }

    .about-11 .about-11-title {
        font-size: 27px;
    }

    .about-11 .about-11-plan-title {
        font-size: 24px;
    }

    .about-11 .about-11-price {
        font-size: 29px;
    }
}

.contact-4 {
    padding: 90px 0;
    background: var(--text, #0d0d0d);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.contact-4 *,
.contact-4 *::before,
.contact-4 *::after {
    box-sizing: border-box;
}

.contact-4-row {
    display: flex;
    align-items: stretch;
}

.contact-4-form-column,
.contact-4-info-column {
    display: flex;
}

.contact-4-form-wrapper {
    width: 100%;
    padding: 42px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 26px;
    background: rgba(255, 255, 255, .045);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .25);
    backdrop-filter: blur(12px);
}

.contact-4-eyebrow,
.contact-4-info-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary, #c79cff);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1.4;
    text-transform: uppercase;
}

.contact-4-eyebrow i,
.contact-4-info-eyebrow i {
    font-size: 18px;
}

.contact-4-form-title {
    margin: 16px 0 12px;
    color: var(--light, #fff);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.contact-4-form-subtitle {
    max-width: 500px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, .65);
    font-size: 14px;
    line-height: 1.8;
}

.contact-4-form-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -7px;
    margin-right: -7px;
}

.contact-4-field-column {
    padding: 0 7px;
    margin-bottom: 14px;
}

.contact-4-field {
    position: relative;
}

.contact-4-field > i {
    position: absolute;
    top: 50%;
    left: 17px;
    z-index: 2;
    transform: translateY(-50%);
    color: var(--primary, #c79cff);
    font-size: 18px;
    pointer-events: none;
}

.contact-4-field .form-control {
    width: 100%;
    height: 54px;
    margin: 0;
    padding: 12px 17px 12px 47px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 13px;
    outline: none;
    background: rgba(255, 255, 255, .045);
    color: var(--light, #fff);
    font-size: 14px;
    box-shadow: none;
    transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
}

.contact-4-field .form-control::placeholder {
    color: rgba(255, 255, 255, .45);
}

.contact-4-field .form-control:focus {
    border-color: var(--primary, #c79cff);
    background: rgba(255, 255, 255, .07);
    box-shadow: 0 0 0 3px rgba(199, 156, 255, .12);
}

.contact-4-message-field > i {
    top: 20px;
    transform: none;
}

.contact-4-message-field textarea.form-control {
    height: 145px;
    min-height: 145px;
    padding-top: 15px;
    resize: vertical;
}

.contact-4-btn-send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 51px;
    margin-top: 5px;
    padding: 13px 25px;
    border: 0;
    border-radius: 50px;
    background: linear-gradient(
        135deg,
        var(--primary, #8f44fd),
        var(--secondary, #5b2fbd)
    );
    color: var(--light, #fff);
    font-size: 13px;
    font-weight: 600;
    transition: transform .3s ease, box-shadow .3s ease, gap .3s ease;
}

.contact-4-btn-send i {
    font-size: 17px;
    transition: transform .3s ease;
}

.contact-4-btn-send:hover {
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(143, 68, 253, .25);
}

.contact-4-btn-send:hover i {
    transform: translateX(4px);
}

.contact-4-form-message {
    margin-top: 10px;
}

.contact-4-form-message p {
    margin: 0;
}

.contact-4-info-column {
    padding-left: 45px;
}

.contact-4-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 20px 30px 15px;
}

.contact-4-info-title {
    max-width: 470px;
    margin: 15px 0 13px;
    color: var(--light, #fff);
    font-size: 35px;
    font-weight: 700;
    line-height: 1.25;
}

.contact-4-info-description {
    max-width: 510px;
    margin: 0 0 34px;
    color: rgba(255, 255, 255, .62);
    font-size: 14px;
    line-height: 1.85;
}

.contact-4-info-list {
    width: 100%;
    max-width: 510px;
}

.contact-4-info-item {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 76px;
    margin-bottom: 12px;
    padding: 11px 14px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 16px;
    background: rgba(255, 255, 255, .025);
    transition: border-color .3s ease, transform .3s ease, background .3s ease;
}

.contact-4-info-item:hover {
    transform: translateX(5px);
    border-color: rgba(199, 156, 255, .3);
    background: rgba(255, 255, 255, .045);
}

.contact-4-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(199, 156, 255, .12);
    color: var(--primary, #c79cff);
    font-size: 20px;
}

.contact-4-info-text {
    min-width: 0;
}

.contact-4-info-text span,
.contact-4-info-text strong {
    display: block;
}

.contact-4-info-text span {
    margin-bottom: 3px;
    color: rgba(255, 255, 255, .45);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.contact-4-info-text strong {
    color: rgba(255, 255, 255, .85);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.contact-4-info-bottom {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 25px;
    color: rgba(255, 255, 255, .45);
    font-size: 11px;
}

.contact-4-info-bottom i {
    color: var(--primary, #c79cff);
    font-size: 17px;
}

@media (max-width: 1199px) {
    .contact-4 {
        padding: 75px 0;
    }

    .contact-4-form-wrapper {
        padding: 35px;
    }

    .contact-4-info-column {
        padding-left: 25px;
    }

    .contact-4-form-title {
        font-size: 34px;
    }

    .contact-4-info-title {
        font-size: 31px;
    }
}

@media (max-width: 991px) {
    .contact-4 {
        padding: 70px 0;
    }

    .contact-4-row {
        display: block;
    }

    .contact-4-form-column,
    .contact-4-info-column {
        display: block;
        width: 100%;
    }

    .contact-4-info-column {
        margin-top: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-4-info {
        padding: 15px 0;
    }

    .contact-4-info-list,
    .contact-4-info-description,
    .contact-4-info-title {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .contact-4 {
        padding: 60px 15px;
    }

    .contact-4-form-wrapper {
        padding: 30px 22px;
        border-radius: 22px;
    }

    .contact-4-form-title {
        font-size: 29px;
    }

    .contact-4-form-subtitle {
        font-size: 13px;
        line-height: 1.7;
    }

    .contact-4-field-column {
        width: 100%;
    }

    .contact-4-btn-send {
        width: 100%;
    }

    .contact-4-info-column {
        margin-top: 30px;
        padding: 0 15px;
    }

    .contact-4-info {
        padding: 10px 0;
    }

    .contact-4-info-title {
        font-size: 28px;
    }

    .contact-4-info-description {
        font-size: 13px;
    }

    .contact-4-info-item {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 13px;
    }

    .contact-4-info-icon {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .contact-4 {
        padding: 50px 12px;
    }

    .contact-4-form-wrapper {
        padding: 26px 17px;
    }

    .contact-4-form-title {
        font-size: 26px;
    }

    .contact-4-eyebrow,
    .contact-4-info-eyebrow {
        font-size: 10px;
        letter-spacing: 1.4px;
    }

    .contact-4-field .form-control {
        height: 52px;
    }

    .contact-4-message-field textarea.form-control {
        min-height: 130px;
    }

    .contact-4-info-column {
        padding: 0 5px;
    }

    .contact-4-info-title {
        font-size: 25px;
    }

    .contact-4-info-item {
        min-height: 70px;
        padding: 9px 11px;
    }

    .contact-4-info-text strong {
        font-size: 12px;
    }

    .contact-4-info-bottom {
        line-height: 1.5;
    }
}
.home-17 {
    padding: 80px 0;
    background: var(--text, #0e061a);
    font-family: "Poppins", sans-serif;
    color: #fff;
}

.home-17 .home-17-skills-section {
    padding: 0;
    background: transparent;
}

.home-17 .home-17-section-title {
    margin-bottom: 16px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    text-align: center;
}

.home-17 .home-17-section-title span {
    color: var(--primary, #c18eff);
}

.home-17 .home-17-section-subtitle {
    max-width: 650px;
    margin: 0 auto 55px;
    color: rgba(255, 255, 255, .75);
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.home-17 .home-17-skills-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.home-17 .home-17-skill-box {
    height: 100%;
    padding: 35px 20px;
    margin: 12px 0;
    text-align: center;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .25);
    transition: .35s ease;
}

.home-17 .home-17-skill-box:hover {
    transform: translateY(-8px);
    border-color: var(--primary, #c18eff);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .35);
}

.home-17 .home-17-skill-box img {
    width: auto;
    height: 52px;
    margin-bottom: 22px;
    filter: brightness(0) invert(1);
    transition: .35s ease;
}

.home-17 .home-17-skill-box:hover img {
    transform: scale(1.12);
}

.home-17 .home-17-percentage {
    margin-bottom: 10px;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}

.home-17 .home-17-label {
    color: var(--primary, #c18eff);
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
}

@media(max-width:991px) {

    .home-17 {
        padding: 70px 0;
    }

    .home-17 .home-17-section-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-17 {
        padding: 60px 0;
    }

    .home-17 .home-17-section-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-17 .home-17-section-subtitle {
        margin-bottom: 40px;
        font-size: 15px;
        line-height: 28px;
    }

    .home-17 .home-17-skill-box {
        padding: 30px 20px;
    }

    .home-17 .home-17-percentage {
        font-size: 28px;
        line-height: 36px;
    }

}

.home-18 {
    padding: 80px 0;
    background: var(--text, #0e0e0e);
    font-family: "Poppins", sans-serif;
    color: #fff;
}

.home-18 .home-18-services-section {
    padding: 0;
    background: transparent;
}

.home-18 .home-18-section-title {
    margin-bottom: 16px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    text-align: center;
}

.home-18 .home-18-section-title span {
    color: var(--primary, #c18eff);
}

.home-18 .home-18-section-subtitle {
    max-width: 650px;
    margin: 0 auto 55px;
    color: rgba(255, 255, 255, .75);
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.home-18 .home-18-service-box {
    display: flex;
    align-items: center;
    padding: 30px;
    margin-bottom: 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    background: rgba(255, 255, 255, .03);
    transition: .35s ease;
}

.home-18 .home-18-service-box:hover {
    transform: translateX(8px);
    border-color: var(--primary, #c18eff);
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .30);
}

.home-18 .home-18-service-box:last-child {
    margin-bottom: 0;
}

.home-18 .home-18-index {
    min-width: 70px;
    color: var(--primary, #c18eff);
    font-size: 18px;
    font-weight: 700;
}

.home-18 .home-18-title {
    margin-bottom: 8px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

.home-18 .home-18-description {
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
    line-height: 28px;
}

.home-18 .home-18-icon {
    margin-left: auto;
    color: var(--primary, #c18eff);
    font-size: 26px;
    transition: .35s ease;
}

.home-18 .home-18-service-box:hover .home-18-icon {
    transform: translateX(6px);
}

.home-18 .home-18-active {
    background: linear-gradient(135deg, var(--primary, #7836ff), var(--secondary, #5a24d6));
    border-color: transparent;
    box-shadow: 0 20px 45px rgba(120, 54, 255, .35);
}

.home-18 .home-18-active .home-18-index,
.home-18 .home-18-active .home-18-title,
.home-18 .home-18-active .home-18-description,
.home-18 .home-18-active .home-18-icon {
    color: #fff;
}

@media(max-width:991px) {

    .home-18 {
        padding: 70px 0;
    }

    .home-18 .home-18-section-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-18 {
        padding: 60px 0;
    }

    .home-18 .home-18-section-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-18 .home-18-section-subtitle {
        margin-bottom: 40px;
        font-size: 15px;
        line-height: 28px;
    }

    .home-18 .home-18-service-box {
        display: block;
        padding: 24px;
    }

    .home-18 .home-18-index {
        display: block;
        margin-bottom: 12px;
    }

    .home-18 .home-18-icon {
        margin-top: 20px;
        margin-left: 0;
    }

}
.testimonial-10 {
    padding: 85px 0;
    background: var(--bg, #f7f4ef);
    color: var(--text, #172033);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.testimonial-10 *,
.testimonial-10 *::before,
.testimonial-10 *::after {
    box-sizing: border-box;
}

.testimonial-10 .testimonial-10-container {
    position: relative;
}

.testimonial-10 .testimonial-10-heading-wrap {
    max-width: 700px;
    margin-bottom: 45px;
}

.testimonial-10 .testimonial-10-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: var(--primary, #e0efab);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.testimonial-10 .testimonial-10-subtitle i {
    font-size: 16px;
}

.testimonial-10 .testimonial-10-title {
    margin: 0;
    color: var(--text, #172033);
    font-size: 46px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.8px;
    text-transform: uppercase;
}

.testimonial-10 .testimonial-10-title-line {
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 15px;
    border-radius: 10px;
    background: var(--primary, #e0efab);
}

.testimonial-10 .testimonial-10-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -10px;
    margin-left: -10px;
}

.testimonial-10 .testimonial-10-column {
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
}

.testimonial-10 .testimonial-10-block {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 350px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid var(--border, #e6dfd3);
    border-radius: 20px;
    background: var(--light, #fff);
    box-shadow: 0 15px 40px rgba(23, 32, 51, .07);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.testimonial-10 .testimonial-10-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    width: 45px;
    height: 3px;
    border-radius: 10px;
    background: var(--primary, #e0efab);
}

.testimonial-10 .testimonial-10-block:hover {
    border-color: var(--primary, #e0efab);
    box-shadow: 0 25px 50px rgba(23, 32, 51, .12);
    transform: translateY(-7px);
}

.testimonial-10 .testimonial-10-quote-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 22px;
    border: 1px solid var(--border, #e6dfd3);
    border-radius: 12px;
    background: var(--light, #fff);
    color: var(--primary, #e0efab);
}

.testimonial-10 .testimonial-10-quote-icon i {
    font-size: 22px;
}

.testimonial-10 .testimonial-10-text {
    flex: 1;
    margin: 0;
    color: var(--text, #172033);
    opacity: .72;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.9;
}

.testimonial-10 .testimonial-10-author {
    display: flex;
    align-items: center;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid var(--border, #e6dfd3);
}

.testimonial-10 .testimonial-10-author-img {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    overflow: hidden;
    border: 2px solid var(--primary, #e0efab);
    border-radius: 50%;
    background: var(--secondary, #eee8dd);
}

.testimonial-10 .testimonial-10-author-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-10 .testimonial-10-author-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.testimonial-10 .testimonial-10-author-details strong {
    color: var(--text, #172033);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 1.4;
}

.testimonial-10 .testimonial-10-author-details span {
    color: var(--text, #172033);
    opacity: .45;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .7px;
    line-height: 1.4;
}

@media (max-width: 1199px) {
    .testimonial-10 {
        padding: 75px 0;
    }

    .testimonial-10 .testimonial-10-block {
        padding: 27px;
    }
}

@media (max-width: 991px) {
    .testimonial-10 {
        padding: 65px 0;
    }

    .testimonial-10 .testimonial-10-title {
        font-size: 40px;
    }

    .testimonial-10 .testimonial-10-heading-wrap {
        margin-bottom: 35px;
    }

    .testimonial-10 .testimonial-10-block {
        min-height: 370px;
        padding: 24px;
    }

    .testimonial-10 .testimonial-10-text {
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    .testimonial-10 {
        padding: 55px 0;
    }

    .testimonial-10 .testimonial-10-title {
        font-size: 32px;
    }

    .testimonial-10 .testimonial-10-heading-wrap {
        margin-bottom: 30px;
    }

    .testimonial-10 .testimonial-10-column {
        width: 100%;
        margin-bottom: 15px;
    }

    .testimonial-10 .testimonial-10-block {
        min-height: 0;
        padding: 24px;
    }

    .testimonial-10 .testimonial-10-text {
        font-size: 10px;
        line-height: 1.85;
    }

    .testimonial-10 .testimonial-10-author {
        margin-top: 24px;
    }
}

@media (max-width: 480px) {
    .testimonial-10 {
        padding: 45px 0;
    }

    .testimonial-10 .testimonial-10-subtitle {
        font-size: 9px;
    }

    .testimonial-10 .testimonial-10-title {
        font-size: 28px;
    }

    .testimonial-10 .testimonial-10-block {
        padding: 20px;
        border-radius: 17px;
    }

    .testimonial-10 .testimonial-10-quote-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 18px;
    }

    .testimonial-10 .testimonial-10-quote-icon i {
        font-size: 19px;
    }
}
.about-12 {
    padding: 80px 0;
    background: var(--bg, #fdfdfd);
    font-family: "Poppins", sans-serif;
}

.about-12 .about-12-image-wrapper {
    position: relative;
    padding-right: 40px;
    margin-bottom: 30px;
}

.about-12 .about-12-img-1 {
    width: 75%;
    border-radius: 24px;
    border: 1px solid var(--border, #ececec);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .10);
}

.about-12 .about-12-img-2 {
    position: absolute;
    left: 165px;
    bottom: -25px;
    width: 70%;
    padding: 8px;
    background: #fff;
    border-radius: 24px;
    border: 1px solid var(--border, #ececec);
    box-shadow: 0 22px 50px rgba(0, 0, 0, .14);
}

.about-12 .about-12-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 18px;
    background: var(--light, #f6f7fb);
    color: var(--primary, #f68b1f);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-12 .about-12-title {
    margin-bottom: 22px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.about-12 .about-12-text {
    margin-bottom: 28px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.about-12 .about-12-list {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

.about-12 .about-12-list li {
    position: relative;
    margin-bottom: 16px;
    padding-left: 34px;
    color: var(--text, #333);
    font-size: 16px;
    line-height: 28px;
}

.about-12 .about-12-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 3px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--primary, #f68b1f);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.about-12 .about-12-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #f68b1f);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    transition: .35s ease;
}

.about-12 .about-12-btn::after {
    content: "→";
    transition: .35s;
}

.about-12 .about-12-btn:hover {
    background: var(--secondary, #d9750d);
    color: #fff;
    gap: 14px;
    transform: translateY(-3px);
}

@media(max-width:991px) {

    .about-12 {
        padding: 70px 0;
    }

    .about-12 .about-12-title {
        font-size: 36px;
        line-height: 46px;
    }

    .about-12 .about-12-img-2 {
        left: 120px;
    }

}

@media(max-width:767px) {

    .about-12 {
        padding: 60px 0;
    }

    .about-12 .about-12-image-wrapper {
        padding-right: 0;
    }

    .about-12 .about-12-img-1,
    .about-12 .about-12-img-2 {
        width: 100%;
    }

    .about-12 .about-12-img-2 {
        position: static;
        margin-top: 20px;
    }

    .about-12 .about-12-title {
        font-size: 30px;
        line-height: 40px;
    }

    .about-12 .about-12-text,
    .about-12 .about-12-list li {
        font-size: 15px;
        line-height: 28px;
    }

}

.pricing-2 {
    padding: 80px 0;
    background: var(--bg, #fdfdfd);
    font-family: "Poppins", sans-serif;
}

.pricing-2 .pricing-2-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 18px;
    background: var(--light, #f6f7fb);
    color: var(--primary, #f68b1f);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.pricing-2 .pricing-2-title {
    margin-bottom: 22px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.pricing-2 .pricing-2-text {
    margin-bottom: 30px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.pricing-2 .pricing-2-about-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #f68b1f);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.pricing-2 .pricing-2-about-btn::after {
    content: "→";
    transition: .35s;
}

.pricing-2 .pricing-2-about-btn:hover {
    background: var(--secondary, #d9750d);
    color: #fff;
    gap: 14px;
    transform: translateY(-3px);
}

.pricing-2 .pricing-2-box {
    height: 100%;
    padding: 40px 30px;
    margin-bottom: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--border, #ececec);
    border-radius: 24px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
    transition: .35s ease;
}

.pricing-2 .pricing-2-box:hover {
    transform: translateY(-8px);
    border-color: var(--primary, #f68b1f);
    box-shadow: 0 25px 55px rgba(0, 0, 0, .14);
}

.pricing-2 .pricing-2-box h4 {
    margin-bottom: 12px;
    color: var(--text, #222);
    font-size: 24px;
    font-weight: 700;
}

.pricing-2 .pricing-2-box p {
    margin-bottom: 24px;
    color: #666;
    font-size: 15px;
    line-height: 26px;
}

.pricing-2 .pricing-2-price {
    margin-bottom: 6px;
    color: var(--text, #222);
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
}

.pricing-2 .pricing-2-price small {
    color: #777;
    font-size: 18px;
    font-weight: 500;
}

.pricing-2 .pricing-2-features {
    margin: 30px 0;
    padding: 0;
    list-style: none;
}

.pricing-2 .pricing-2-features li {
    position: relative;
    margin-bottom: 14px;
    padding-left: 30px;
    color: var(--text, #333);
    font-size: 15px;
    line-height: 28px;
    text-align: left;
}

.pricing-2 .pricing-2-features li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--primary, #f68b1f);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.pricing-2 .pricing-2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 30px;
    border: none;
    border-radius: 50px;
    background: var(--text, #111);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.pricing-2 .pricing-2-btn::after {
    content: "→";
    transition: .35s;
}

.pricing-2 .pricing-2-btn:hover {
    background: var(--primary, #f68b1f);
    color: #fff;
    gap: 14px;
}

@media(max-width:991px) {

    .pricing-2 {
        padding: 70px 0;
    }

    .pricing-2 .pricing-2-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

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

    .pricing-2 .pricing-2-title {
        font-size: 30px;
        line-height: 40px;
    }

    .pricing-2 .pricing-2-text {
        font-size: 15px;
        line-height: 28px;
    }

    .pricing-2 .pricing-2-price {
        font-size: 38px;
        line-height: 46px;
    }

    .pricing-2 .pricing-2-box {
        padding: 32px 24px;
    }

}

.services-6 {
    padding: 80px 0;
    background: var(--bg, #fff);
    text-align: center;
    font-family: "Poppins", sans-serif;
}

.services-6 .section-wrapper {
    padding: 0 !important;
}

.services-6 .section-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 18px;
    background: var(--light, #f6f7fb);
    color: var(--primary, #c2a878);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.services-6 .main-title {
    max-width: 720px;
    margin: 0 auto 55px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.services-6 .service-box {
    margin-bottom: 30px;
    padding: 18px;
    border-radius: 24px;
    transition: .35s ease;
}

.services-6 .service-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .10);
}

.services-6 .service-image {
    overflow: hidden;
    border-radius: 22px;
}

.services-6 .service-image img {
    width: 100%;
    height: auto;
    border-radius: 22px;
    transition: .45s ease;
}

.services-6 .service-box:hover .service-image img {
    transform: scale(1.06);
}

.services-6 .service-title {
    margin-top: 24px;
    color: var(--text, #222);
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.services-6 .service-desc {
    margin: 14px 0 20px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.services-6 .learn-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary, #c2a878);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.services-6 .learn-more::after {
    content: "→";
    transition: .35s ease;
}

.services-6 .learn-more:hover {
    color: var(--secondary, #9f8659);
    gap: 14px;
}

@media(max-width:991px) {

    .services-6 {
        padding: 70px 0;
    }

    .services-6 .main-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .services-6 {
        padding: 60px 0;
    }

    .services-6 .main-title {
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 40px;
    }

    .services-6 .service-title {
        font-size: 18px;
        line-height: 28px;
    }

    .services-6 .service-desc {
        font-size: 15px;
        line-height: 26px;
    }

}

.testimonial-6 {
    position: relative;
    padding: 90px 0;
    background: url("assets/images/testimonial-6-bg.jpg") center center/cover no-repeat;
    font-family: "Poppins", sans-serif;
    color: #fff;
    overflow: hidden;
}

.testimonial-6::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .72);
}

.testimonial-6 .container {
    position: relative;
    z-index: 2;
    text-align: center;
}

.testimonial-6 .section-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 18px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .08);
    color: var(--primary, #c2a878);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.testimonial-6 .section-title {
    max-width: 700px;
    margin: 0 auto 55px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.testimonial-6 .owl-carousel .item {
    max-width: 860px;
    margin: 0 auto;
    padding: 40px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 28px;
    backdrop-filter: blur(10px);
}

.testimonial-6 .quote-icon {
    margin-bottom: 24px;
    color: var(--primary, #c2a878);
    font-size: 56px;
    line-height: 1;
}

.testimonial-6 .testimonial-text {
    max-width: 720px;
    margin: 0 auto 35px;
    color: rgba(255, 255, 255, .86);
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    font-style: italic;
}

.testimonial-6 .client-img {
    width: 64px !important;
    height: 64px !important;
    margin-right: 14px;
    border-radius: 50%;
    border: 3px solid var(--primary, #c2a878);
    object-fit: cover;
    vertical-align: middle;
}

.testimonial-6 .client-name {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

.testimonial-6 .client-role {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, .65);
    font-size: 14px;
    font-weight: 400;
}

.testimonial-6 .owl-dots {
    margin-top: 35px;
    text-align: center;
}

.testimonial-6 .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .35);
    transition: .35s ease;
}

.testimonial-6 .owl-dot.active span {
    width: 34px;
    background: var(--primary, #c2a878);
}

@media(max-width:991px) {

    .testimonial-6 {
        padding: 70px 0;
    }

    .testimonial-6 .section-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .testimonial-6 {
        padding: 60px 0;
    }

    .testimonial-6 .section-title {
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 40px;
    }

    .testimonial-6 .owl-carousel .item {
        padding: 30px 24px;
    }

    .testimonial-6 .testimonial-text {
        font-size: 16px;
        line-height: 30px;
    }

    .testimonial-6 .client-img {
        width: 56px !important;
        height: 56px !important;
    }

    .testimonial-6 .client-name {
        font-size: 16px;
    }

}

.services-7 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.services-7 .section-wrapper {
    padding: 0 !important;
}

.services-7 .services-7-form-wrapper,
.services-7 .services-7-legal-wrapper {
    height: 100%;
    padding: 35px;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid var(--border, #ececec);
    border-radius: 24px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
    box-sizing: border-box;
}

.services-7 .services-7-title {
    margin-bottom: 12px;
    color: var(--text, #222);
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.services-7 .services-7-subtext {
    margin-bottom: 28px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.services-7 .services-7-input {
    width: 100%;
    height: 54px;
    margin-bottom: 18px;
    padding: 12px 18px;
    border: 1px solid var(--border, #dcdcdc);
    border-radius: 14px;
    background: #fff;
    color: var(--text, #333);
    font-size: 15px;
    transition: .3s ease;
}

.services-7 textarea.services-7-input {
    height: 140px;
    resize: vertical;
}

.services-7 .services-7-input:focus {
    outline: none;
    border-color: var(--primary, #bfa46f);
    box-shadow: 0 0 0 3px rgba(191, 164, 111, .15);
}

.services-7 .services-7-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #bfa46f);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .35s ease;
}

.services-7 .services-7-submit-btn::after {
    content: "→";
    transition: .35s;
}

.services-7 .services-7-submit-btn:hover {
    background: var(--secondary, #9f8659);
    gap: 14px;
    transform: translateY(-3px);
}

.services-7 .services-7-alert-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border, #ececec);
    overflow: hidden;
}

.services-7 .services-7-alert-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.services-7 .services-7-alert-img {
    flex: 0 0 90px;
    margin: 0;
}

.services-7 .services-7-alert-img img {
    width: 100%;
    border-radius: 16px;
    transition: .35s ease;
}

.services-7 .services-7-alert-item:hover .services-7-alert-img img {
    transform: scale(1.06);
}

.services-7 .services-7-alert-content {
    flex: 1;
    overflow: hidden;
}

.services-7 .services-7-alert-title {
    display: block;
    margin-bottom: 8px;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    text-decoration: none;
    transition: .3s ease;
}

.services-7 .services-7-alert-title:hover {
    color: var(--primary, #bfa46f);
    text-decoration: none;
}

.services-7 .services-7-alert-meta {
    margin-bottom: 12px;
    color: #888;
    font-size: 13px;
}

.services-7 .services-7-readmore a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary, #bfa46f);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.services-7 .services-7-readmore a::after {
    content: "→";
    transition: .35s;
}

.services-7 .services-7-readmore a:hover {
    color: var(--secondary, #9f8659);
    gap: 14px;
}

@media(max-width:991px) {

    .services-7 {
        padding: 70px 0;
    }

    .services-7 .services-7-form-wrapper,
    .services-7 .services-7-legal-wrapper {
        padding: 30px;
    }

}

@media(max-width:767px) {

    .services-7 {
        padding: 60px 0;
    }

    .services-7 .services-7-title {
        font-size: 28px;
        line-height: 38px;
    }

    .services-7 .services-7-alert-item {
        flex-direction: column;
    }

    .services-7 .services-7-alert-img {
        width: 100%;
        flex: 0 0 auto;
    }

}
.blog-8 {
    padding: 85px 0;
    background: var(--bg, #f5f7fa);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.blog-8 *,
.blog-8 *::before,
.blog-8 *::after {
    box-sizing: border-box;
}

.blog-8 .blog-8-section-wrapper {
    position: relative;
    padding: 65px 35px 70px;
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 28px;
    background: var(--light, #fff);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .05);
}

.blog-8 .blog-8-header {
    max-width: 650px;
    margin: 0 auto 48px;
    text-align: center;
}

.blog-8 .blog-8-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 11px;
    color: var(--primary, #5b7cff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1.4;
    text-transform: uppercase;
}

.blog-8 .blog-8-eyebrow i {
    font-size: 16px;
}

.blog-8 .blog-8-title {
    margin: 0 0 11px;
    color: var(--text, #222);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.6px;
}

.blog-8 .blog-8-subtitle {
    max-width: 560px;
    margin: 0 auto;
    color: var(--text, #222);
    opacity: .55;
    font-size: 11px;
    line-height: 1.8;
}

.blog-8 .blog-8-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: -10px;
    margin-left: -10px;
}

.blog-8 .blog-8-card-wrapper {
    display: flex;
    padding: 10px;
}

.blog-8 .blog-8-card {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 18px;
    background: var(--light, #fff);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .06);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.blog-8 .blog-8-card:hover {
    border-color: var(--primary, #5b7cff);
    box-shadow: 0 22px 45px rgba(0, 0, 0, .11);
    transform: translateY(-7px);
}

.blog-8 .blog-8-top {
    position: relative;
    width: 100%;
    height: 155px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog-8 .blog-8-top::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, .03),
        rgba(0, 0, 0, .18)
    );
}

.blog-8 .blog-8-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    padding: 6px 11px;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 50px;
    background: rgba(255, 255, 255, .92);
    color: var(--text, #222);
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .1);
    backdrop-filter: blur(8px);
}

.blog-8 .blog-8-badge i {
    color: var(--primary, #5b7cff);
    font-size: 14px;
    transition: transform .3s ease;
}

.blog-8 .blog-8-card:hover .blog-8-badge i {
    transform: translateX(3px);
}

.blog-8 .blog-8-profile {
    position: relative;
    z-index: 3;
    min-height: 155px;
    margin-top: -38px;
    padding: 0 18px 25px;
    text-align: center;
}

.blog-8 .blog-8-profile-image {
    width: 76px;
    height: 76px;
    margin: 0 auto;
    overflow: hidden;
    border: 4px solid var(--light, #fff);
    border-radius: 50%;
    background: var(--light, #fff);
    box-shadow: 0 9px 24px rgba(0, 0, 0, .14);
}

.blog-8 .blog-8-profile-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-8 .blog-8-name {
    margin: 14px 0 5px;
    color: var(--text, #222);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.blog-8 .blog-8-job {
    margin: 0;
    color: var(--text, #222);
    opacity: .48;
    font-size: 9px;
    line-height: 1.6;
}

@media (max-width: 1199px) {
    .blog-8 {
        padding: 75px 0;
    }

    .blog-8 .blog-8-section-wrapper {
        padding-right: 25px;
        padding-left: 25px;
    }

    .blog-8 .blog-8-top {
        height: 145px;
    }
}

@media (max-width: 991px) {
    .blog-8 {
        padding: 65px 0;
    }

    .blog-8 .blog-8-section-wrapper {
        padding-top: 55px;
        padding-bottom: 60px;
    }

    .blog-8 .blog-8-title {
        font-size: 36px;
    }

    .blog-8 .blog-8-header {
        margin-bottom: 38px;
    }

    .blog-8 .blog-8-card-wrapper {
        margin-bottom: 10px;
    }

    .blog-8 .blog-8-top {
        height: 160px;
    }
}

@media (max-width: 767px) {
    .blog-8 {
        padding: 55px 0;
    }

    .blog-8 .blog-8-section-wrapper {
        padding: 45px 15px 50px;
        border-radius: 22px;
    }

    .blog-8 .blog-8-title {
        font-size: 30px;
    }

    .blog-8 .blog-8-subtitle {
        font-size: 10px;
    }

    .blog-8 .blog-8-header {
        margin-bottom: 30px;
    }

    .blog-8 .blog-8-row {
        margin-right: -7px;
        margin-left: -7px;
    }

    .blog-8 .blog-8-card-wrapper {
        padding: 7px;
    }

    .blog-8 .blog-8-card {
        max-width: 340px;
        margin: 0 auto;
    }

    .blog-8 .blog-8-top {
        height: 170px;
    }
}

@media (max-width: 480px) {
    .blog-8 {
        padding: 45px 0;
    }

    .blog-8 .blog-8-section-wrapper {
        padding: 38px 12px 42px;
        border-radius: 18px;
    }

    .blog-8 .blog-8-eyebrow {
        font-size: 9px;
    }

    .blog-8 .blog-8-title {
        font-size: 26px;
    }

    .blog-8 .blog-8-subtitle {
        font-size: 9px;
    }

    .blog-8 .blog-8-top {
        height: 150px;
    }

    .blog-8 .blog-8-profile {
        min-height: 145px;
        padding-bottom: 22px;
    }

    .blog-8 .blog-8-profile-image {
        width: 70px;
        height: 70px;
    }

    .blog-8 .blog-8-name {
        font-size: 13px;
    }
}

.home-19 {
    padding: 85px 0;
    background: var(--bg, #fff);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.home-19 *,
.home-19 *::before,
.home-19 *::after {
    box-sizing: border-box;
}

.home-19 .home-19-container {
    position: relative;
}

.home-19 .home-19-header {
    max-width: 700px;
    margin-bottom: 48px;
}

.home-19 .home-19-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
    color: var(--primary, #c7a03b);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.home-19 .home-19-eyebrow i {
    font-size: 16px;
}

.home-19 .home-19-heading {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.home-19 .home-19-subheading {
    max-width: 620px;
    margin: 0;
    color: var(--text, #222);
    opacity: .58;
    font-size: 12px;
    line-height: 1.8;
}

.home-19 .home-19-overlap-container {
    position: relative;
}

.home-19 .home-19-overlap-container > div {
    position: relative;
}

.home-19 .home-19-image-box {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 24px;
    background: var(--secondary, #222);
    box-shadow: 0 25px 55px rgba(0, 0, 0, .12);
}

.home-19 .home-19-image-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, .08),
        rgba(0, 0, 0, 0) 65%
    );
    pointer-events: none;
}

.home-19 .home-19-image-box img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.home-19 .home-19-overlap-container:hover .home-19-image-box img {
    transform: scale(1.04);
}

.home-19 .home-19-card {
    position: absolute;
    top: 50%;
    left: 45px;
    z-index: 2;
    width: min(470px, 48%);
    padding: 32px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 22px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .15);
    backdrop-filter: blur(16px);
    transform: translateY(-50%);
}

.home-19 .home-19-tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-bottom: 17px;
    padding: 5px 12px;
    border-radius: 50px;
    background: var(--light, #fff4d8);
    color: var(--primary, #c7a03b);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.home-19 .home-19-title {
    margin: 0 0 22px;
    color: var(--text, #222);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -.3px;
}

.home-19 .home-19-author {
    display: flex;
    align-items: center;
}

.home-19 .home-19-author-image {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    overflow: hidden;
    border: 2px solid var(--light, #fff);
    border-radius: 50%;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .12);
}

.home-19 .home-19-author-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-19 .home-19-author-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.home-19 .home-19-author-info strong {
    color: var(--text, #222);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
}

.home-19 .home-19-author-info small {
    color: var(--text, #222);
    opacity: .5;
    font-size: 9px;
    line-height: 1.5;
}

.home-19 .home-19-divider {
    width: 100%;
    height: 1px;
    margin: 22px 0 16px;
    background: var(--border, #e6e6e6);
}

.home-19 .home-19-meta {
    display: flex;
    align-items: center;
    gap: 22px;
}

.home-19 .home-19-meta span,
.home-19 .home-19-meta button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--text, #222);
    opacity: .55;
    font-family: "Poppins", sans-serif;
    font-size: 9px;
    line-height: 1;
}

.home-19 .home-19-meta i {
    color: var(--primary, #c7a03b);
    font-size: 16px;
}

.home-19 .home-19-meta button {
    margin-left: auto;
    cursor: pointer;
    transition: opacity .25s ease, transform .25s ease;
}

.home-19 .home-19-meta button:hover {
    opacity: 1;
    transform: translateY(-2px);
}

.home-19 .home-19-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    color: var(--primary, #c7a03b);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;
    transition: gap .3s ease, color .3s ease;
}

.home-19 .home-19-read-more i {
    font-size: 15px;
    transition: transform .3s ease;
}

.home-19 .home-19-read-more:hover {
    gap: 12px;
    color: var(--secondary, #222);
    text-decoration: none;
}

.home-19 .home-19-read-more:hover i {
    transform: translateX(3px);
}

@media (max-width: 1199px) {
    .home-19 {
        padding: 75px 0;
    }

    .home-19 .home-19-image-box {
        height: 450px;
    }

    .home-19 .home-19-card {
        left: 35px;
        width: min(440px, 50%);
        padding: 28px;
    }

    .home-19 .home-19-title {
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .home-19 {
        padding: 65px 0;
    }

    .home-19 .home-19-heading {
        font-size: 36px;
    }

    .home-19 .home-19-header {
        margin-bottom: 38px;
    }

    .home-19 .home-19-image-box {
        height: 410px;
    }

    .home-19 .home-19-card {
        left: 25px;
        width: min(410px, 52%);
        padding: 25px;
    }

    .home-19 .home-19-title {
        font-size: 22px;
        line-height: 1.4;
    }
}

@media (max-width: 767px) {
    .home-19 {
        padding: 55px 0;
    }

    .home-19 .home-19-header {
        margin-bottom: 30px;
    }

    .home-19 .home-19-heading {
        font-size: 30px;
    }

    .home-19 .home-19-subheading {
        font-size: 10px;
    }

    .home-19 .home-19-image-box {
        height: 300px;
        border-radius: 18px;
    }

    .home-19 .home-19-image-box::after {
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, .1)
        );
    }

    .home-19 .home-19-card {
        position: relative;
        top: auto;
        left: auto;
        width: calc(100% - 24px);
        margin: -55px auto 0;
        padding: 22px;
        border-radius: 17px;
        transform: none;
    }

    .home-19 .home-19-tag {
        margin-bottom: 12px;
    }

    .home-19 .home-19-title {
        margin-bottom: 18px;
        font-size: 20px;
        line-height: 1.4;
    }

    .home-19 .home-19-divider {
        margin: 17px 0 14px;
    }

    .home-19 .home-19-read-more {
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    .home-19 {
        padding: 45px 0;
    }

    .home-19 .home-19-eyebrow {
        font-size: 9px;
    }

    .home-19 .home-19-heading {
        font-size: 26px;
    }

    .home-19 .home-19-subheading {
        font-size: 9px;
        line-height: 1.7;
    }

    .home-19 .home-19-image-box {
        height: 245px;
        border-radius: 15px;
    }

    .home-19 .home-19-card {
        width: calc(100% - 16px);
        margin-top: -40px;
        padding: 19px;
        border-radius: 15px;
    }

    .home-19 .home-19-title {
        font-size: 18px;
    }

    .home-19 .home-19-author-image {
        width: 42px;
        height: 42px;
    }

    .home-19 .home-19-meta {
        gap: 15px;
    }
}
.blog-9 {
    padding: 85px 0;
    background: var(--bg, #fff);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.blog-9 *,
.blog-9 *::before,
.blog-9 *::after {
    box-sizing: border-box;
}

.blog-9 .blog-9-container {
    position: relative;
}

.blog-9 .blog-9-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.blog-9 .blog-9-heading-wrap {
    max-width: 700px;
}

.blog-9 .blog-9-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--primary, #0e1f51);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.blog-9 .blog-9-eyebrow i {
    font-size: 16px;
}

.blog-9 .section-title {
    margin: 0 0 10px;
    color: var(--text, #222);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.6px;
}

.blog-9 .blog-9-intro {
    max-width: 600px;
    margin: 0;
    color: var(--text, #222);
    opacity: .55;
    font-size: 11px;
    line-height: 1.8;
}

.blog-9 .view-all {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    margin-bottom: 4px;
    color: var(--primary, #0e1f51);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;
    transition: gap .3s ease, color .3s ease;
}

.blog-9 .view-all i {
    font-size: 16px;
}

.blog-9 .view-all:hover {
    gap: 11px;
    color: var(--secondary, #243a8c);
    text-decoration: none;
}

.blog-9 .blog-9-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 38px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border, #e8e8e8);
}

.blog-9 .tab-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 8px 15px;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 50px;
    outline: none;
    background: var(--light, #f5f7fb);
    color: var(--text, #222);
    opacity: .65;
    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
    transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease, opacity .3s ease;
}

.blog-9 .tab-btn i {
    font-size: 14px;
}

.blog-9 .tab-btn:hover {
    opacity: 1;
    border-color: var(--primary, #0e1f51);
    color: var(--primary, #0e1f51);
    transform: translateY(-2px);
}

.blog-9 .tab-btn.active {
    border-color: var(--primary, #0e1f51);
    background: var(--primary, #0e1f51);
    color: var(--light, #fff);
    opacity: 1;
}

.blog-9 .blog-9-main-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -12px;
    margin-left: -12px;
}

.blog-9 .blog-9-featured-column,
.blog-9 .blog-9-list-column {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
}

.blog-9 .main-article {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.blog-9 .blog-9-featured-image {
    position: relative;
    width: 100%;
    height: 390px;
    overflow: hidden;
    border-radius: 20px;
    background: var(--secondary, #222);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .1);
}

.blog-9 .blog-9-featured-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, .02),
        rgba(0, 0, 0, .18)
    );
    pointer-events: none;
}

.blog-9 .blog-9-featured-image > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s ease;
}

.blog-9 .main-article:hover .blog-9-featured-image > img {
    transform: scale(1.04);
}

.blog-9 .badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 27px;
    padding: 5px 11px;
    border-radius: 50px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1;
    text-transform: uppercase;
}

.blog-9 .blog-9-featured-image .badge {
    position: absolute;
    top: 17px;
    left: 17px;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, .5);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .1);
}

.blog-9 .blog-9-badge-electronics {
    background: var(--light, #f9c2cc);
    color: var(--primary, #0e1f51);
}

.blog-9 .blog-9-badge-industrial {
    background: var(--accent, #ffe585);
    color: var(--text, #222);
}

.blog-9 .main-article > .article-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 19px;
    margin-bottom: 10px;
    color: var(--text, #222);
    opacity: .5;
    font-size: 9px;
    line-height: 1.6;
}

.blog-9 .main-article > .article-meta img {
    width: 25px;
    height: 25px;
    margin-right: 2px;
    overflow: hidden;
    border-radius: 50%;
    object-fit: cover;
}

.blog-9 .article-meta i {
    font-size: 8px;
    opacity: .55;
}

.blog-9 .main-article .article-title {
    max-width: 650px;
    margin: 0 0 11px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45;
}

.blog-9 .article-description {
    max-width: 600px;
    margin: 0;
    color: var(--text, #222);
    opacity: .52;
    font-size: 10px;
    line-height: 1.8;
}

.blog-9 .blog-9-read-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-top: 17px;
    color: var(--primary, #0e1f51);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;
    transition: gap .3s ease;
}

.blog-9 .blog-9-read-more i {
    font-size: 15px;
}

.blog-9 .blog-9-read-more:hover {
    gap: 11px;
    color: var(--secondary, #243a8c);
    text-decoration: none;
}

.blog-9 .blog-9-list-column {
    flex-direction: column;
    gap: 15px;
}

.blog-9 .list-article {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 115px;
    padding: 13px;
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 17px;
    background: var(--light, #fff);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .045);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.blog-9 .list-article:hover {
    border-color: var(--primary, #0e1f51);
    box-shadow: 0 17px 35px rgba(0, 0, 0, .09);
    transform: translateY(-4px);
}

.blog-9 .list-article-image {
    flex: 0 0 110px;
    width: 110px;
    height: 88px;
    overflow: hidden;
    border-radius: 12px;
    background: var(--bg, #f5f7fb);
}

.blog-9 .list-article-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.blog-9 .list-article:hover .list-article-image img {
    transform: scale(1.05);
}

.blog-9 .list-article-content {
    min-width: 0;
    padding: 0 35px 0 15px;
}

.blog-9 .list-article-content .badge {
    margin-bottom: 7px;
}

.blog-9 .list-article-content .article-title {
    display: -webkit-box;
    margin: 0 0 6px;
    overflow: hidden;
    color: var(--text, #222);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.blog-9 .list-article-content .article-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    color: var(--text, #222);
    opacity: .45;
    font-size: 8px;
    line-height: 1.5;
}

.blog-9 .blog-9-list-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 50%;
    color: var(--primary, #0e1f51);
    text-decoration: none;
    transform: translateY(-50%);
    transition: background .3s ease, color .3s ease, border-color .3s ease;
}

.blog-9 .blog-9-list-arrow i {
    font-size: 13px;
}

.blog-9 .list-article:hover .blog-9-list-arrow {
    border-color: var(--primary, #0e1f51);
    background: var(--primary, #0e1f51);
    color: var(--light, #fff);
}

.blog-9 .blog-9-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 250px;
    padding: 40px;
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 20px;
    background: var(--light, #fff);
    text-align: center;
}

.blog-9 .blog-9-empty > i {
    margin-bottom: 12px;
    color: var(--primary, #0e1f51);
    font-size: 32px;
}

.blog-9 .blog-9-empty h3 {
    margin: 0 0 7px;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 700;
}

.blog-9 .blog-9-empty p {
    margin: 0;
    color: var(--text, #222);
    opacity: .5;
    font-size: 10px;
}

@media (max-width: 1199px) {
    .blog-9 {
        padding: 75px 0;
    }

    .blog-9 .blog-9-featured-image {
        height: 360px;
    }

    .blog-9 .list-article-image {
        flex-basis: 95px;
        width: 95px;
        height: 82px;
    }

    .blog-9 .list-article-content {
        padding-left: 13px;
    }
}

@media (max-width: 991px) {
    .blog-9 {
        padding: 65px 0;
    }

    .blog-9 .section-title {
        font-size: 36px;
    }

    .blog-9 .blog-9-header {
        align-items: flex-start;
    }

    .blog-9 .blog-9-featured-column,
    .blog-9 .blog-9-list-column {
        width: 100%;
    }

    .blog-9 .blog-9-featured-column {
        margin-bottom: 25px;
    }

    .blog-9 .blog-9-featured-image {
        height: 400px;
    }

    .blog-9 .list-article-image {
        flex-basis: 110px;
        width: 110px;
        height: 88px;
    }
}

@media (max-width: 767px) {
    .blog-9 {
        padding: 55px 0;
    }

    .blog-9 .blog-9-header {
        display: block;
        margin-bottom: 25px;
    }

    .blog-9 .section-title {
        font-size: 30px;
    }

    .blog-9 .blog-9-intro {
        font-size: 10px;
    }

    .blog-9 .view-all {
        margin-top: 14px;
    }

    .blog-9 .blog-9-tabs {
        gap: 7px;
        margin-bottom: 30px;
        padding-bottom: 15px;
    }

    .blog-9 .tab-btn {
        min-height: 34px;
        padding: 7px 12px;
        font-size: 8px;
    }

    .blog-9 .blog-9-featured-image {
        height: 300px;
        border-radius: 17px;
    }

    .blog-9 .main-article .article-title {
        font-size: 19px;
    }

    .blog-9 .list-article {
        min-height: 105px;
    }

    .blog-9 .list-article-image {
        flex-basis: 90px;
        width: 90px;
        height: 78px;
    }

    .blog-9 .list-article-content {
        padding-left: 12px;
    }

    .blog-9 .list-article-content .article-title {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .blog-9 {
        padding: 45px 0;
    }

    .blog-9 .blog-9-eyebrow {
        font-size: 9px;
    }

    .blog-9 .section-title {
        font-size: 26px;
    }

    .blog-9 .blog-9-featured-image {
        height: 240px;
    }

    .blog-9 .main-article > .article-meta {
        font-size: 8px;
    }

    .blog-9 .main-article .article-title {
        font-size: 17px;
        line-height: 1.45;
    }

    .blog-9 .article-description {
        font-size: 9px;
    }

    .blog-9 .list-article {
        padding: 10px;
    }

    .blog-9 .list-article-image {
        flex-basis: 75px;
        width: 75px;
        height: 68px;
    }

    .blog-9 .list-article-content {
        padding-right: 25px;
        padding-left: 10px;
    }

    .blog-9 .list-article-content .article-title {
        font-size: 10px;
    }

    .blog-9 .list-article-content .article-meta {
        font-size: 7px;
    }
}

.home-20 {
    position: relative;
    padding: 75px 0;
    overflow: hidden;
    background-color: var(--secondary, #111);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.home-20 *,
.home-20 *::before,
.home-20 *::after {
    box-sizing: border-box;
}

.home-20-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .77);
}

.home-20-container {
    position: relative;
    z-index: 2;
}

.home-20-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.home-20-sidebar,
.home-20-menu-items {
    display: flex;
}

.home-20-sidebar-inner {
    width: 100%;
    padding: 10px 30px 10px 0;
}

.home-20-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
    color: var(--primary, #f26522);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.home-20-eyebrow i {
    font-size: 16px;
}

.home-20-title {
    max-width: 360px;
    margin: 0 0 14px;
    color: var(--light, #fff);
    font-size: 37px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.7px;
    text-transform: uppercase;
}

.home-20-title span {
    display: block;
    color: var(--primary, #f26522);
}

.home-20-subtitle {
    max-width: 370px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, .62);
    font-size: 11px;
    line-height: 1.8;
}

.home-20-menu-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-20-menu-list li {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 11px 15px;
    border-left: 3px solid transparent;
    border-radius: 0 10px 10px 0;
    background: rgba(255, 255, 255, .035);
    color: rgba(255, 255, 255, .66);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s ease;
}

.home-20-menu-list li i {
    width: 19px;
    color: var(--primary, #f26522);
    font-size: 16px;
    text-align: center;
}

.home-20-menu-list li:hover,
.home-20-menu-list li.active {
    border-left-color: var(--primary, #f26522);
    background: rgba(255, 255, 255, .085);
    color: var(--light, #fff);
    transform: translateX(5px);
}

.home-20-menu-items {
    width: 100%;
    padding-left: 10px;
}

.home-20-menu-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.home-20-menu-column {
    display: flex;
    margin-bottom: 15px;
    padding-right: 7px;
    padding-left: 7px;
}

.home-20-menu-block {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 210px;
    padding: 19px 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .085);
    border-radius: 15px;
    background: rgba(255, 255, 255, .045);
    backdrop-filter: blur(7px);
    transition: transform .35s ease, border-color .35s ease, background .35s ease, box-shadow .35s ease;
}

.home-20-menu-block::after {
    content: "";
    position: absolute;
    right: -35px;
    bottom: -35px;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: var(--primary, #f26522);
    opacity: .055;
    transition: transform .4s ease;
}

.home-20-menu-block:hover {
    border-color: rgba(242, 101, 34, .5);
    background: rgba(255, 255, 255, .07);
    box-shadow: 0 16px 35px rgba(0, 0, 0, .2);
    transform: translateY(-4px);
}

.home-20-menu-block:hover::after {
    transform: scale(1.5);
}

.home-20-menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 14px;
    border: 1px solid rgba(242, 101, 34, .28);
    border-radius: 50%;
    background: rgba(242, 101, 34, .08);
    color: var(--primary, #f26522);
}

.home-20-menu-icon i {
    font-size: 16px;
}

.home-20-menu-block h5 {
    margin: 0 0 8px;
    color: var(--light, #fff);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.home-20-menu-block p {
    flex: 1;
    margin: 0 0 13px;
    color: rgba(255, 255, 255, .55);
    font-size: 9px;
    line-height: 1.7;
}

.home-20-menu-block strong {
    display: block;
    padding-top: 10px;
    border-top: 1px dashed rgba(255, 255, 255, .15);
    color: var(--primary, #f26522);
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 1199px) {
    .home-20 {
        padding: 70px 0;
    }

    .home-20-sidebar-inner {
        padding-right: 22px;
    }

    .home-20-title {
        font-size: 34px;
    }

    .home-20-menu-block {
        min-height: 205px;
        padding: 18px 16px;
    }
}

@media (max-width: 991px) {
    .home-20 {
        padding: 65px 0;
    }

    .home-20-sidebar,
    .home-20-menu-items {
        display: block;
        width: 100%;
    }

    .home-20-sidebar-inner {
        padding: 0;
        margin-bottom: 30px;
        text-align: center;
    }

    .home-20-title {
        max-width: 500px;
        margin-right: auto;
        margin-left: auto;
        font-size: 32px;
    }

    .home-20-subtitle {
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }

    .home-20-menu-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 7px;
        max-width: 700px;
        margin: 0 auto;
    }

    .home-20-menu-list li {
        justify-content: center;
        padding: 11px 7px;
        border-left: none;
        border-bottom: 2px solid transparent;
        border-radius: 9px;
    }

    .home-20-menu-list li:hover,
    .home-20-menu-list li.active {
        border-bottom-color: var(--primary, #f26522);
        transform: none;
    }

    .home-20-menu-items {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .home-20 {
        padding: 55px 0;
    }

    .home-20-title {
        font-size: 29px;
    }

    .home-20-subtitle {
        font-size: 10px;
    }

    .home-20-menu-list {
        grid-template-columns: repeat(2, 1fr);
        max-width: 600px;
    }

    .home-20-menu-column {
        margin-bottom: 13px;
    }

    .home-20-menu-block {
        min-height: 200px;
        padding: 18px 16px;
    }
}

@media (max-width: 480px) {
    .home-20 {
        padding: 48px 0;
    }

    .home-20-title {
        font-size: 25px;
    }

    .home-20-menu-list {
        gap: 6px;
    }

    .home-20-menu-list li {
        padding: 10px 5px;
        font-size: 8px;
    }

    .home-20-menu-list li i {
        font-size: 14px;
    }

    .home-20-menu-column {
        padding-right: 5px;
        padding-left: 5px;
    }

    .home-20-menu-block {
        min-height: 190px;
        padding: 16px 13px;
        border-radius: 13px;
    }

    .home-20-menu-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 11px;
    }

    .home-20-menu-icon i {
        font-size: 14px;
    }

    .home-20-menu-block h5 {
        font-size: 12px;
    }

    .home-20-menu-block p {
        font-size: 8px;
        line-height: 1.65;
    }

    .home-20-menu-block strong {
        font-size: 11px;
    }
}


.home-21 {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 90px 0;
    overflow: hidden;
    background-color: var(--secondary, #111);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.home-21 *,
.home-21 *::before,
.home-21 *::after {
    box-sizing: border-box;
}

.home-21-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, .78) 0%,
        rgba(0, 0, 0, .58) 48%,
        rgba(0, 0, 0, .25) 100%
    );
}

.home-21 .container {
    position: relative;
    z-index: 2;
    width: 100%;
}

.home-21-content-box {
    max-width: 650px;
    padding: 35px 0;
}

.home-21-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    padding: 8px 15px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50px;
    background: rgba(255, 255, 255, .08);
    color: var(--primary, #ff5e13);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.home-21-subtitle i {
    font-size: 17px;
}

.home-21-title {
    margin: 0 0 20px;
    color: var(--light, #fff);
    font-size: 54px;
    font-weight: 700;
    line-height: 1.13;
    letter-spacing: -1.3px;
    text-transform: uppercase;
}

.home-21-title span {
    display: block;
    color: var(--light, #fff);
}

.home-21-description {
    max-width: 540px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    line-height: 1.85;
}

.home-21-btn-orange {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 51px;
    padding: 13px 24px;
    border-radius: 50px;
    background: var(--primary, #ff5e13);
    color: var(--light, #fff);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .2);
    transition: background .35s ease, transform .35s ease, gap .35s ease, box-shadow .35s ease;
}

.home-21-btn-orange i {
    font-size: 17px;
    transition: transform .3s ease;
}

.home-21-btn-orange:hover {
    gap: 13px;
    background: var(--secondary, #e04e0f);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .28);
    text-decoration: none;
}

.home-21-btn-orange:hover i {
    transform: translateX(3px);
}

.home-21-dots {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
}

.home-21-dot {
    display: block;
    width: 28px;
    height: 3px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .3);
    transition: width .35s ease, background .35s ease;
}

.home-21-dot-active {
    width: 52px;
    background: var(--primary, #ff5e13);
}

@media (max-width: 1199px) {
    .home-21-title {
        font-size: 47px;
    }

    .home-21-content-box {
        max-width: 600px;
    }
}

@media (max-width: 991px) {
    .home-21 {
        min-height: 650px;
        padding: 75px 0;
    }

    .home-21-overlay {
        background: linear-gradient(
            90deg,
            rgba(0, 0, 0, .82) 0%,
            rgba(0, 0, 0, .62) 65%,
            rgba(0, 0, 0, .42) 100%
        );
    }

    .home-21-title {
        font-size: 40px;
        line-height: 1.18;
    }
}

@media (max-width: 767px) {
    .home-21 {
        min-height: 620px;
        padding: 70px 0;
        background-position: center;
    }

    .home-21-overlay {
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, .62) 0%,
            rgba(0, 0, 0, .82) 100%
        );
    }

    .home-21 .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .home-21-content-box {
        max-width: 600px;
        margin: 0 auto;
        padding: 20px 0;
        text-align: center;
    }

    .home-21-subtitle {
        margin-bottom: 17px;
        font-size: 9px;
    }

    .home-21-title {
        font-size: 31px;
        line-height: 1.22;
        letter-spacing: -.5px;
    }

    .home-21-description {
        margin-right: auto;
        margin-bottom: 25px;
        margin-left: auto;
        font-size: 12px;
        line-height: 1.75;
    }

    .home-21-dots {
        justify-content: center;
        margin-top: 30px;
    }
}

@media (max-width: 480px) {
    .home-21 {
        min-height: 560px;
        padding: 55px 0;
    }

    .home-21 .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .home-21-title {
        font-size: 26px;
    }

    .home-21-description {
        font-size: 11px;
    }

    .home-21-btn-orange {
        width: 100%;
        max-width: 220px;
        min-height: 48px;
    }

    .home-21-dots {
        margin-top: 25px;
    }
}

.home-22 {
    padding: 80px 0;
    background: var(--primary, #fbb700);
    font-family: "Poppins", sans-serif;
}

.home-22 .section-wrapper,
.home-22 .home-22-container {
    padding: 0;
    background: transparent;
}

.home-22 .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 100%;
}

.home-22 .home-22-left,
.home-22 .home-22-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-22 .home-22-left {
    padding: 50px;
    color: #fff;
}

.home-22 .home-22-subtitle {
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 18px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .12);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-22 .home-22-title {
    margin-bottom: 20px;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
}

.home-22 .home-22-date {
    margin-bottom: 35px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(255, 255, 255, .90);
}

.home-22 .home-22-timer-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 40px;
}

.home-22 .home-22-timer-box {
    width: 90px;
    padding: 16px 10px;
    border-radius: 20px;
    text-align: center;
    background: rgba(255, 255, 255, .18);
    backdrop-filter: blur(8px);
}

.home-22 .home-22-timer-number {
    display: block;
    font-size: 34px;
    font-weight: 700;
}

.home-22 .home-22-timer-label {
    margin-top: 6px;
    font-size: 12px;
    text-transform: uppercase;
}

.home-22 .home-22-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--secondary, #f44336);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.home-22 .home-22-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

.home-22 .home-22-right {
    padding: 20px;
}

.home-22 .home-22-img-wrapper {
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .15);
}

.home-22 .home-22-img {
    width: 100%;
    height: auto;
    display: block;
    transition: .45s ease;
}

.home-22 .home-22-img-wrapper:hover .home-22-img {
    transform: scale(1.05);
}

@media(max-width:991px) {

    .home-22 {
        padding: 70px 0;
    }

    .home-22 .home-22-left {
        padding: 35px;
    }

    .home-22 .home-22-title {
        font-size: 40px;
        line-height: 52px;
    }

}

@media(max-width:767px) {

    .home-22 {
        padding: 60px 0;
    }

    .home-22 .home-22-left,
    .home-22 .home-22-right {
        text-align: center;
        padding: 25px 20px;
    }

    .home-22 .home-22-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-22 .home-22-timer-wrapper {
        justify-content: center;
    }

}

.about-13 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-13 .about-13-title {
    margin-bottom: 60px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    text-align: center;
}

.about-13 .about-13-feature {
    position: relative;
    height: 100%;
    padding: 35px 28px;
    margin-bottom: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--border, #ececec);
    border-radius: 28px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.about-13 .about-13-feature:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 60px rgba(0, 0, 0, .12);
}

.about-13 .about-13-icon-box {
    width: 90px;
    height: 90px;
    margin: 0 auto 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    color: #fff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}

.about-13 .about-13-icon-box.yellow {
    background: var(--accent, #FFC107);
}

.about-13 .about-13-icon-box.green {
    background: var(--primary, #8BC34A);
}

.about-13 .about-13-icon-box.orange {
    background: var(--secondary, #FF5722);
}

.about-13 .about-13-icon-box.teal {
    background: #00BCD4;
}

.about-13 .about-13-heading {
    margin-bottom: 16px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

.about-13 .about-13-text {
    min-height: 90px;
    margin-bottom: 24px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.about-13 .about-13-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border: 1px solid var(--border, #e6e6e6);
    border-radius: 50px;
    background: #fff;
    color: var(--text, #222);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.about-13 .about-13-btn::after {
    content: "→";
    transition: .35s ease;
}

.about-13 .about-13-btn:hover {
    background: var(--primary, #8BC34A);
    border-color: var(--primary, #8BC34A);
    color: #fff;
    gap: 14px;
}

.about-13 .about-13-vertical-line {
    position: absolute;
    top: 12%;
    right: -12px;
    width: 1px;
    height: 76%;
    background: repeating-linear-gradient(to bottom,
            var(--border, #d9d9d9),
            var(--border, #d9d9d9) 6px,
            transparent 6px,
            transparent 12px);
}

@media(max-width:991px) {

    .about-13 {
        padding: 70px 0;
    }

    .about-13 .about-13-title {
        font-size: 36px;
        line-height: 46px;
    }

    .about-13 .about-13-vertical-line {
        display: none;
    }

}

@media(max-width:767px) {

    .about-13 {
        padding: 60px 0;
    }

    .about-13 .about-13-title {
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 40px;
    }

    .about-13 .about-13-feature {
        padding: 30px 22px;
    }

    .about-13 .about-13-heading {
        font-size: 20px;
        line-height: 30px;
    }

    .about-13 .about-13-text {
        min-height: auto;
    }

}

.about-14 {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background-color: var(--secondary, #1d2935);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.about-14 *,
.about-14 *::before,
.about-14 *::after {
    box-sizing: border-box;
}

.about-14-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        100deg,
        rgba(20, 29, 38, .9) 0%,
        rgba(20, 29, 38, .78) 55%,
        rgba(20, 29, 38, .62) 100%
    );
}

.about-14 .container {
    position: relative;
    z-index: 2;
}

.about-14-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.about-14-main-column,
.about-14-events-column {
    display: flex;
    flex-direction: column;
}

.about-14-main-content {
    max-width: 760px;
}

.about-14-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    color: var(--primary, #ff7043);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.about-14-eyebrow i {
    font-size: 18px;
}

.about-14-heading {
    margin: 0 0 22px;
    color: var(--light, #fff);
    font-size: 47px;
    font-weight: 400;
    line-height: 1.18;
    letter-spacing: -1px;
}

.about-14-heading strong {
    display: block;
    margin-top: 5px;
    color: var(--light, #fff);
    font-size: 54px;
    font-weight: 700;
    line-height: 1.12;
}

.about-14-text {
    max-width: 700px;
    margin: 0 0 25px;
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    line-height: 1.9;
}

.about-14-more-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--primary, #ff7043);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease, gap .3s ease;
}

.about-14-more-link i {
    font-size: 17px;
}

.about-14-more-link:hover {
    gap: 14px;
    color: var(--light, #fff);
    text-decoration: none;
}

.about-14-cards {
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px;
    margin-right: -10px;
    margin-left: -10px;
}

.about-14-card-column {
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
}

.about-14-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 310px;
    padding: 27px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 20px;
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .16);
    backdrop-filter: blur(10px);
    transition: transform .35s ease, background .35s ease;
}

.about-14-card::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -55px;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
}

.about-14-card:hover {
    transform: translateY(-7px);
    background: rgba(255, 255, 255, .13);
}

.about-14-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 17px;
    border-radius: 16px;
    background: var(--primary, #ff7043);
    color: var(--light, #fff);
}

.about-14-icon {
    margin: 0;
    font-size: 27px;
}

.about-14-card-number {
    position: absolute;
    top: 27px;
    right: 25px;
    color: rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.about-14-card-title {
    margin: 0 0 12px;
    color: var(--light, #fff);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}

.about-14-card-text {
    flex: 1;
    margin: 0 0 20px;
    color: rgba(255, 255, 255, .65);
    font-size: 12px;
    line-height: 1.8;
}

.about-14-btn {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 7px;
    color: var(--primary, #ff7043);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;
    transition: gap .3s ease, color .3s ease;
}

.about-14-btn i {
    font-size: 15px;
}

.about-14-btn:hover {
    gap: 11px;
    color: var(--light, #fff);
    text-decoration: none;
}

.about-14-events-column {
    padding-left: 35px;
}

.about-14-events {
    height: 100%;
    padding: 34px 30px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 22px;
    background: rgba(255, 255, 255, .07);
    box-shadow: 0 22px 50px rgba(0, 0, 0, .16);
    backdrop-filter: blur(10px);
}

.about-14-events-header {
    margin-bottom: 27px;
}

.about-14-events-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--primary, #ff7043);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.about-14-events-eyebrow i {
    font-size: 16px;
}

.about-14-events-heading {
    margin: 0;
    color: var(--light, #fff);
    font-size: 29px;
    font-weight: 700;
    line-height: 1.2;
}

.about-14-events-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-14-event {
    display: flex;
    gap: 17px;
    padding: 0 0 22px;
    margin-bottom: 22px;
    border-bottom: 1px dashed rgba(255, 255, 255, .18);
}

.about-14-event:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.about-14-event-date {
    display: flex;
    flex: 0 0 52px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 58px;
    border-radius: 13px;
    background: var(--primary, #ff7043);
    color: var(--light, #fff);
}

.about-14-event-date strong {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
}

.about-14-event-date span {
    margin-top: 4px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1px;
}

.about-14-event-content {
    min-width: 0;
}

.about-14-event-title {
    margin: 0 0 9px;
    color: var(--light, #fff);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
}

.about-14-event-details {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0;
    color: rgba(255, 255, 255, .6);
    font-size: 10px;
    line-height: 1.5;
}

.about-14-event-details span {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.about-14-event-details i {
    flex: 0 0 auto;
    color: var(--primary, #ff7043);
    font-size: 14px;
}

.about-14-more-events {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 27px;
    color: var(--primary, #ff7043);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: gap .3s ease, color .3s ease;
}

.about-14-more-events i {
    font-size: 16px;
}

.about-14-more-events:hover {
    gap: 13px;
    color: var(--light, #fff);
    text-decoration: none;
}

@media (max-width: 1199px) {
    .about-14 {
        padding: 80px 0;
    }

    .about-14-heading {
        font-size: 41px;
    }

    .about-14-heading strong {
        font-size: 47px;
    }

    .about-14-events-column {
        padding-left: 20px;
    }

    .about-14-events {
        padding: 30px 23px;
    }
}

@media (max-width: 991px) {
    .about-14 {
        padding: 70px 0;
    }

    .about-14-heading {
        font-size: 37px;
    }

    .about-14-heading strong {
        font-size: 42px;
    }

    .about-14-main-column {
        width: 100%;
    }

    .about-14-events-column {
        width: 100%;
        padding-top: 25px;
        padding-left: 15px;
    }

    .about-14-events {
        height: auto;
    }

    .about-14-event {
        max-width: 650px;
    }
}

@media (max-width: 767px) {
    .about-14 {
        padding: 60px 0;
    }

    .about-14-heading {
        font-size: 31px;
        line-height: 1.25;
    }

    .about-14-heading strong {
        font-size: 35px;
    }

    .about-14-text {
        font-size: 13px;
        line-height: 1.8;
    }

    .about-14-cards {
        margin-top: 35px;
    }

    .about-14-card-column {
        width: 100%;
    }

    .about-14-card {
        min-height: 285px;
    }

    .about-14-events-column {
        padding-top: 10px;
    }

    .about-14-events {
        padding: 27px 21px;
    }

    .about-14-events-heading {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .about-14 {
        padding: 50px 0;
    }

    .about-14-heading {
        font-size: 27px;
    }

    .about-14-heading strong {
        font-size: 31px;
    }

    .about-14-card {
        min-height: 270px;
        padding: 23px;
        border-radius: 18px;
    }

    .about-14-event {
        gap: 12px;
    }

    .about-14-event-date {
        flex-basis: 48px;
        width: 48px;
        height: 54px;
    }

    .about-14-event-title {
        font-size: 14px;
    }
}

.about-15 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-15 .about-15-section-wrapper {
    position: relative;
    padding: 90px 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #fff;
    overflow: hidden;
}

.about-15 .about-15-section-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .60);
}

.about-15 .container,
.about-15 .row {
    position: relative;
    z-index: 2;
}

.about-15 .about-15-subtitle {
    display: inline-flex;
    align-items: center;
    padding: 8px 18px;
    margin-bottom: 20px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .12);
    color: var(--primary, #ffffff);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-15 .about-15-title {
    max-width: 700px;
    margin-bottom: 55px;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
}

.about-15 .about-15-stats {
    margin-top: 20px;
}

.about-15 .about-15-stats>div {
    margin-bottom: 30px;
    padding: 30px 24px;
    text-align: center;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 24px;
    backdrop-filter: blur(10px);
    transition: .35s ease;
}

.about-15 .about-15-stats>div:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, .16);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .22);
}

.about-15 .about-15-number {
    margin-bottom: 12px;
    color: var(--primary, #ffffff);
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
}

.about-15 .about-15-label {
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

@media(max-width:991px) {

    .about-15 {
        padding: 70px 0;
    }

    .about-15 .about-15-title {
        font-size: 40px;
        line-height: 52px;
    }

}

@media(max-width:767px) {

    .about-15 {
        padding: 60px 0;
    }

    .about-15 .about-15-section-wrapper {
        padding: 70px 0;
        background-attachment: scroll;
    }

    .about-15 .about-15-title {
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 40px;
    }

    .about-15 .about-15-number {
        font-size: 40px;
    }

    .about-15 .about-15-label {
        font-size: 14px;
    }

}


/* Responsive */
@media (max-width: 768px) {
    .about-14-heading {
        font-size: 24px;
    }

    .about-14-heading strong {
        font-size: 28px;
    }

    .about-14-card {
        margin-bottom: 20px;
    }
}



.home-24.section-wrapper {
    position: relative;
    overflow: hidden;
    padding: 44px 0;
    text-align: center;
    color: #fff;
    font-family: 'Playfair Display', serif;
    background: url('../../assets/images/home-24-bg.jpg') repeat-x center center;
    background-size: cover;
}

/* Cloud pattern aligned to bottom and animated */
.home-24.bg-cloud-pattern {
    position: absolute;
    bottom: 0;
    /* align to bottom */
    left: 0;
    width: 150vw;
    /* wider than viewport to hide edges */
    height: 100px;
    /* adjust based on cloud image height */
    background: url('../../assets/images/cloud-white.png') repeat-x;
    background-size: auto 100%;
    animation: home-24-move-left 10s linear infinite;
    z-index: 1;
    opacity: 1;
    pointer-events: none;
}

.home-24 .breadcrumb>li, .home-24 .breadcrumb>li+li::before, .home-24 .content-wrapper h1 {
    color: #fff !important;
}

@keyframes home-24-move-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-25vw);
    }

    /* move back and forth subtly */
}

/* home-25 */

.home-25-section-wrapper {
    background-color: #000a1a;
    color: white;
    text-align: center;
    padding: 40px 15px;
    font-family: 'Oswald', sans-serif;
}

.home-25-section-wrapper h2 {
    color: #ff2965;
    font-weight: 700;
    margin-bottom: 10px;
}

.home-25-section-wrapper p {
    font-size: 12px;
    color: #ddd;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

.home-25-photo-grid {
    margin: 0;
    padding: 0;
}

.home-25-photo-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 250px;
    /* FIX: equal height */
    border-radius: 10px;

}

.home-25-photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* IMPORTANT: keeps image nicely cropped */
    transition: transform 0.5s ease;
    padding: 15px;
    border-radius: 10px;
}

.home-25-photo-item:hover img {
    transform: scale(1.1);
}

.home-25-photo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top right, rgba(255, 0, 102, 0.7), rgba(0, 102, 255, 0.7));
    opacity: 0;
    transition: opacity 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    pointer-events: none;
}

.home-25-photo-item:hover .home-25-photo-overlay {
    opacity: 1;
    pointer-events: none;
}

.home-25-photo-overlay h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.home-25-photo-overlay span {
    font-size: 12px;
    margin-top: 5px;
}

/* Responsive grid for photos */
.home-25-photo-grid .col-xs-6,
.home-25-photo-grid .col-sm-4 {
    padding: 5px;
}


@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD-w.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.woff2') format('woff2');
}

.newsletter-4 {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background-color: var(--secondary, #111);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.newsletter-4 * {
    box-sizing: border-box;
}

.newsletter-4::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(
        135deg,
        rgba(10, 18, 35, .9),
        rgba(10, 18, 35, .7)
    );
    content: "";
}

.newsletter-4 .container {
    position: relative;
    z-index: 1;
}

.newsletter-4 .newsletter-4-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.newsletter-4 .newsletter-4-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--primary, #e91e63);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.newsletter-4 .newsletter-4-eyebrow i {
    font-size: 17px;
}

.newsletter-4 .newsletter-4-title {
    margin: 0;
    color: var(--light, #fff);
    font-size: 44px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.7px;
    text-transform: uppercase;
}

.newsletter-4 .newsletter-4-description {
    max-width: 650px;
    margin: 20px auto 35px;
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    line-height: 1.85;
}

.newsletter-4 .newsletter-4-form {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}

.newsletter-4 .newsletter-4-input-wrap {
    position: relative;
    flex: 1;
    min-width: 0;
}

.newsletter-4 .newsletter-4-input-wrap > i {
    position: absolute;
    top: 50%;
    left: 19px;
    z-index: 2;
    color: rgba(34, 34, 34, .45);
    font-size: 18px;
    transform: translateY(-50%);
    pointer-events: none;
}

.newsletter-4 .newsletter-4-form-control {
    width: 100%;
    height: 56px;
    margin: 0;
    padding: 0 20px 0 48px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-right: none;
    border-radius: 50px 0 0 50px;
    outline: none;
    background: var(--light, #fff);
    color: var(--text, #222);
    box-shadow: none;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
}

.newsletter-4 .newsletter-4-form-control::placeholder {
    color: rgba(34, 34, 34, .45);
}

.newsletter-4 .newsletter-4-form-control:focus {
    border-color: var(--primary, #e91e63);
    box-shadow: none;
}

.newsletter-4 .newsletter-4-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 9px;
    height: 56px;
    padding: 0 28px;
    border: 1px solid var(--primary, #e91e63);
    border-radius: 0 50px 50px 0;
    background: var(--primary, #e91e63);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .3s ease, transform .3s ease, box-shadow .3s ease;
}

.newsletter-4 .newsletter-4-btn i {
    font-size: 17px;
    transition: transform .3s ease;
}

.newsletter-4 .newsletter-4-btn:hover {
    background: var(--secondary, #673ab7);
    border-color: var(--secondary, #673ab7);
    color: var(--light, #fff);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .2);
}

.newsletter-4 .newsletter-4-btn:hover i {
    transform: translateX(4px);
}

.newsletter-4 .newsletter-4-note {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 17px;
    color: rgba(255, 255, 255, .48);
    font-size: 10px;
}

.newsletter-4 .newsletter-4-note i {
    color: var(--primary, #e91e63);
    font-size: 14px;
}

@media (max-width: 991px) {
    .newsletter-4 {
        padding: 75px 0;
    }

    .newsletter-4 .newsletter-4-title {
        font-size: 38px;
    }

    .newsletter-4 .newsletter-4-description {
        max-width: 600px;
    }
}

@media (max-width: 767px) {
    .newsletter-4 {
        padding: 65px 0;
    }

    .newsletter-4::before {
        background: rgba(10, 18, 35, .82);
    }

    .newsletter-4 .newsletter-4-content {
        max-width: 600px;
    }

    .newsletter-4 .newsletter-4-title {
        font-size: 31px;
        line-height: 1.2;
    }

    .newsletter-4 .newsletter-4-description {
        margin: 18px auto 28px;
        font-size: 13px;
        line-height: 1.75;
    }

    .newsletter-4 .newsletter-4-form {
        display: block;
        max-width: 450px;
    }

    .newsletter-4 .newsletter-4-input-wrap {
        width: 100%;
    }

    .newsletter-4 .newsletter-4-form-control {
        height: 52px;
        border-right: 1px solid rgba(255, 255, 255, .2);
        border-radius: 50px;
    }

    .newsletter-4 .newsletter-4-btn {
        width: 100%;
        height: 52px;
        margin-top: 10px;
        border-radius: 50px;
    }
}

@media (max-width: 480px) {
    .newsletter-4 {
        padding: 55px 0;
    }

    .newsletter-4 .newsletter-4-eyebrow {
        margin-bottom: 12px;
        font-size: 9px;
        letter-spacing: 1.5px;
    }

    .newsletter-4 .newsletter-4-title {
        font-size: 27px;
    }

    .newsletter-4 .newsletter-4-description {
        font-size: 12px;
    }

    .newsletter-4 .newsletter-4-note {
        font-size: 9px;
    }
}

.home-26 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background-color: var(--bg, #fff);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
}

.home-26 * {
    box-sizing: border-box;
}

.home-26::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, .98) 0%,
        rgba(255, 255, 255, .9) 42%,
        rgba(255, 255, 255, .3) 72%,
        rgba(255, 255, 255, 0) 100%
    );
    content: "";
    pointer-events: none;
}

.home-26 .container {
    position: relative;
    z-index: 1;
}

.home-26 {
    min-height: 500px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-26 .home-26-content {
    display: flex;
    align-items: center;
    min-height: 500px;
}

.home-26 .home-26-text {
    width: 100%;
    max-width: 600px;
    padding: 45px 0;
}

.home-26 .home-26-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: var(--primary, #3f51b5);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.home-26 .home-26-eyebrow i {
    font-size: 17px;
}

.home-26 .home-26-title {
    margin: 0;
    color: var(--text, #222);
    font-size: 58px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.home-26 .home-26-highlight {
    display: inline-block;
    color: var(--primary, #3f51b5);
}

.home-26 .home-26-description {
    max-width: 540px;
    margin: 24px 0 32px;
    color: rgba(34, 34, 34, .65);
    font-size: 15px;
    line-height: 1.85;
}

.home-26 .home-26-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.home-26 .home-26-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 49px;
    padding: 0 24px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: transform .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease;
}

.home-26 .home-26-btn i {
    font-size: 17px;
    transition: transform .3s ease;
}

.home-26 .home-26-btn-primary {
    border: 1px solid var(--primary, #3f51b5);
    background: var(--primary, #3f51b5);
    color: var(--light, #fff);
}

.home-26 .home-26-btn-primary:hover {
    background: var(--secondary, #303f9f);
    border-color: var(--secondary, #303f9f);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .14);
}

.home-26 .home-26-btn-outline {
    border: 1px solid var(--border, #dfe5ec);
    background: var(--light, #fff);
    color: var(--text, #222);
}

.home-26 .home-26-btn-outline:hover {
    border-color: var(--primary, #3f51b5);
    background: var(--primary, #3f51b5);
    color: var(--light, #fff);
    transform: translateY(-3px);
}

.home-26 .home-26-btn:hover i {
    transform: translateX(3px);
}

.home-26 .home-26-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 28px;
}

.home-26 .home-26-trust span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(34, 34, 34, .52);
    font-size: 10px;
    font-weight: 600;
}

.home-26 .home-26-trust i {
    color: var(--primary, #3f51b5);
    font-size: 15px;
}

@media (max-width: 1199px) {
    .home-26 {
        min-height: 470px;
    }

    .home-26 .home-26-content {
        min-height: 470px;
    }

    .home-26 .home-26-title {
        font-size: 50px;
    }

    .home-26 .home-26-text {
        max-width: 550px;
    }
}

@media (max-width: 991px) {
    .home-26 {
        min-height: 440px;
        padding: 70px 0;
        background-position: 70% center;
    }

    .home-26 .home-26-content {
        min-height: 440px;
    }

    .home-26 .home-26-text {
        max-width: 520px;
        padding: 35px 0;
    }

    .home-26 .home-26-title {
        font-size: 44px;
    }

    .home-26 .home-26-description {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .home-26 {
        min-height: auto;
        padding: 0;
        background-position: center;
    }

    .home-26::before {
        background: rgba(255, 255, 255, .88);
    }

    .home-26 .home-26-content {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 500px;
        text-align: center;
    }

    .home-26 .home-26-text {
        max-width: 620px;
        padding: 60px 20px;
    }

    .home-26 .home-26-eyebrow {
        justify-content: center;
    }

    .home-26 .home-26-title {
        font-size: 38px;
        line-height: 1.12;
    }

    .home-26 .home-26-description {
        max-width: 560px;
        margin: 20px auto 28px;
        font-size: 14px;
        line-height: 1.75;
    }

    .home-26 .home-26-buttons {
        justify-content: center;
    }

    .home-26 .home-26-trust {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .home-26 {
        background-position: center;
    }

    .home-26::before {
        background: rgba(255, 255, 255, .92);
    }

    .home-26 .home-26-content {
        min-height: 450px;
    }

    .home-26 .home-26-text {
        padding: 50px 12px;
    }

    .home-26 .home-26-eyebrow {
        margin-bottom: 14px;
        font-size: 9px;
        letter-spacing: 1.4px;
    }

    .home-26 .home-26-title {
        font-size: 31px;
        letter-spacing: -.7px;
    }

    .home-26 .home-26-description {
        margin: 17px auto 24px;
        font-size: 13px;
    }

    .home-26 .home-26-buttons {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        max-width: 260px;
        margin: 0 auto;
    }

    .home-26 .home-26-btn {
        width: 100%;
    }

    .home-26 .home-26-trust {
        display: block;
        margin-top: 22px;
    }

    .home-26 .home-26-trust span {
        justify-content: center;
        margin-bottom: 8px;
    }
}


.services-8 {
    padding: 80px 0;
    background: var(--bg, #fff);
    text-align: center;
    font-family: "Poppins", sans-serif;
}

.services-8 h2 {
    margin-bottom: 16px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.services-8 h2 span {
    color: var(--primary, #2f80ed);
}

.services-8 p.subtitle {
    max-width: 680px;
    margin: 0 auto 55px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.services-8 .feature-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 340px;
    padding: 35px 28px;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid var(--border, #ececec);
    border-radius: 28px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.services-8 .feature-box:hover {
    transform: translateY(-8px);
    border-color: var(--primary, #2f80ed);
    box-shadow: 0 28px 60px rgba(0, 0, 0, .12);
}

.services-8 .feature-icon {
    width: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border-radius: 50%;
    background: var(--light, #f3f7ff);
    color: var(--primary, #2f80ed);
    font-size: 34px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
    transition: .35s ease;
}

.services-8 .feature-box:hover .feature-icon {
    background: var(--primary, #2f80ed);
    color: #fff;
    transform: rotate(8deg) scale(1.05);
}

.services-8 .feature-box h4 {
    margin-bottom: 16px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

.services-8 .feature-box p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

@media(max-width:991px) {

    .services-8 {
        padding: 70px 0;
    }

    .services-8 h2 {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .services-8 {
        padding: 60px 0;
    }

    .services-8 h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .services-8 p.subtitle {
        margin-bottom: 40px;
        font-size: 15px;
        line-height: 28px;
    }

    .services-8 .feature-box {
        height: auto;
        padding: 30px 22px;
    }

}

.pricing-3 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.pricing-3 .section-wrapper {
    padding: 0;
    text-align: center;
}

.pricing-3 .pricing-3-heading {
    margin-bottom: 55px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.pricing-3 .pricing-3-heading span {
    color: var(--primary, #2563eb);
}

.pricing-3 .pricing-3-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.pricing-3 .pricing-3-card {
    flex: 1;
    max-width: 330px;
    height: 520px;
    padding: 35px 30px;
    margin-bottom: 0;
    background: #fff;
    border: 1px solid var(--border, #e6e9ef);
    border-radius: 28px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.pricing-3 .pricing-3-card:hover {
    transform: translateY(-10px);
    border-color: var(--primary, #2563eb);
    box-shadow: 0 30px 60px rgba(0, 0, 0, .12);
}

.pricing-3 .pricing-3-plan h4,
.pricing-3 .pricing-3-free-box h4 {
    margin-bottom: 22px;
    color: var(--text, #222);
    font-size: 24px;
    font-weight: 700;
}

.pricing-3 .pricing-3-plan ul {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    text-align: left;
}

.pricing-3 .pricing-3-plan ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.pricing-3 .pricing-3-plan ul li i {
    color: var(--primary, #2563eb);
    font-size: 16px;
}

.pricing-3 .pricing-3-price {
    margin-bottom: 24px;
    color: var(--text, #222);
    font-size: 34px;
    font-weight: 700;
}

.pricing-3 .pricing-3-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #2563eb);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: .35s ease;
}

.pricing-3 .pricing-3-btn:hover {
    background: var(--secondary, #1d4ed8);
    transform: translateY(-3px);
}

.pricing-3 .pricing-3-free-box span {
    color: var(--primary, #2563eb);
}

.pricing-3 .pricing-3-register {
    display: inline-block;
    margin-top: 18px;
    color: var(--primary, #2563eb);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.pricing-3 .pricing-3-register:hover {
    text-decoration: underline;
}

.pricing-3 .pricing-3-img {
    max-width: 100%;
    margin-top: 25px;
}

@media(max-width:991px) {

    .pricing-3 {
        padding: 70px 0;
    }

    .pricing-3 .pricing-3-heading {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .pricing-3 {
        padding: 60px 0;
    }

    .pricing-3 .pricing-3-heading {
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 40px;
    }

    .pricing-3 .pricing-3-cards {
        gap: 20px;
    }

    .pricing-3 .pricing-3-card {
        max-width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

}


.home-27 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-27 .section-wrapper {
    position: relative;
    padding: 100px 0;
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.home-27 .home-27-overlay {
    position: absolute;
    inset: 0;
    background: rgba(8, 20, 38, .68);
    pointer-events: none;
}

.home-27 .home-27-content {
    position: relative;
    z-index: 2;
    max-width: 620px;
    text-align: left;
}

.home-27 h2 {
    margin-bottom: 24px;
    color: #fff !important;
    font-size: 52px;
    font-weight: 700;
    line-height: 64px;
}

.home-27 p {
    margin-bottom: 40px;
    color: rgba(255, 255, 255, .82);
    font-size: 16px;
    line-height: 30px;
}

.home-27 .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    transition: .35s ease;
}

.home-27 .btn-white {
    margin-right: 15px;
    background: #fff;
    border: 1px solid #fff;
    color: var(--text, #222);
}

.home-27 .btn-white:hover {
    background: var(--primary, #4bc0f4);
    border-color: var(--primary, #4bc0f4);
    color: #fff;
    transform: translateY(-3px);
}

.home-27 .btn-outline {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .9);
    color: #fff;
}

.home-27 .btn-outline:hover {
    background: #fff;
    color: var(--text, #222);
    transform: translateY(-3px);
}

@media(max-width:991px) {

    .home-27 {
        padding: 70px 0;
    }

    .home-27 .section-wrapper {
        padding: 80px 0;
    }

    .home-27 h2 {
        font-size: 42px;
        line-height: 54px;
    }

}

@media(max-width:767px) {

    .home-27 {
        padding: 60px 0;
    }

    .home-27 .section-wrapper {
        padding: 70px 20px;
        text-align: center;
    }

    .home-27 .home-27-content {
        max-width: 100%;
        text-align: center;
    }

    .home-27 h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .home-27 p {
        margin-bottom: 30px;
        font-size: 15px;
        line-height: 28px;
    }

    .home-27 .btn {
        display: flex;
        width: 100%;
        margin-bottom: 12px;
    }

    .home-27 .btn-white {
        margin-right: 0;
    }

}

.home-28 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-28 .section-wrapper {
    padding: 0;
}

.home-28 .home-28-subtitle {
    display: inline-flex;
    align-items: center;
    padding: 8px 18px;
    margin-bottom: 18px;
    border-radius: 50px;
    background: var(--light, #fff4ea);
    color: var(--primary, #ef660b);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
}

.home-28 .home-28-title {
    margin-bottom: 40px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-28 .home-28-feature-wrap {
    margin-top: 40px;
}

.home-28 .home-28-icon-box {
    margin-bottom: 35px;
    text-align: center;
}

.home-28 .home-28-icon {
    width: 82px;
    height: 82px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid var(--primary, #ef660b);
    background: var(--light, #fff4ea);
    color: var(--primary, #ef660b);
    font-size: 34px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
    transition: .35s ease;
}

.home-28 .home-28-icon-box:hover .home-28-icon {
    background: var(--primary, #ef660b);
    color: #fff;
    transform: translateY(-5px) rotate(8deg);
}

.home-28 .home-28-feature-title {
    margin-bottom: 10px;
    color: var(--text, #222);
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.home-28 .home-28-feature p {
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.home-28 .home-28-image-wrap {
    margin-top: 20px;
    text-align: center;
}

.home-28 .home-28-image-circle {
    max-width: 340px;
    margin: 0 auto 35px;
    padding: 12px;
    overflow: hidden;
    border: 10px solid var(--light, #f5f7fa);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .10);
}

.home-28 .home-28-image-circle img {
    width: 100%;
    border-radius: 50%;
    transition: .45s ease;
}

.home-28 .home-28-image-circle:hover img {
    transform: scale(1.05);
}

.home-28 .home-28-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 34px;
    border: none;
    border-radius: 50px;
    background: linear-gradient(135deg, var(--primary, #ef660b), var(--secondary, #f39301));
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.home-28 .home-28-button:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
}

@media(max-width:991px) {

    .home-28 {
        padding: 70px 0;
    }

    .home-28 .home-28-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-28 {
        padding: 60px 0;
    }

    .home-28 .home-28-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-28 .home-28-feature-wrap,
    .home-28 .home-28-left,
    .home-28 .home-28-right {
        text-align: center;
    }

}
.help-2 {
    padding: 80px 0;
    background: var(--bg, #f8fbff);
    font-family: "Poppins", sans-serif;
}

.help-2 * {
    box-sizing: border-box;
}

.help-2 .help-2-container {
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 24px;
    background: var(--bg, #fff);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .08);
}

.help-2 .help-2-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0;
}

.help-2 .help-2-bg-side,
.help-2 .help-2-form-col {
    padding: 0;
}

.help-2 .help-2-bg-side {
    min-height: 590px;
    position: relative;
}

.help-2 .help-2-bg-side::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .08);
}

.help-2 .help-2-form-col {
    display: flex;
    align-items: center;
    padding: 55px 50px;
    background: var(--bg, #fff);
}

.help-2 .help-2-content {
    width: 100%;
}

.help-2 .help-2-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
    color: var(--primary, #007bff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.help-2 .help-2-eyebrow i {
    font-size: 16px;
}

.help-2 .help-2-title {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
}

.help-2 .help-2-subtitle {
    max-width: 520px;
    margin: 0 0 28px;
    color: #707070;
    font-size: 12px;
    line-height: 1.8;
}

.help-2 .help-2-form .row {
    margin: 0 -6px;
}

.help-2 .help-2-form [class*="col-"] {
    padding: 0 6px;
}

.help-2 .help-2-field {
    position: relative;
    margin-bottom: 12px;
}

.help-2 .help-2-field > i {
    position: absolute;
    top: 50%;
    left: 17px;
    z-index: 2;
    color: var(--primary, #007bff);
    font-size: 16px;
    transform: translateY(-50%);
    pointer-events: none;
}

.help-2 .help-2-input {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 15px 0 43px;
    border: 1px solid var(--border, #e1e6eb);
    border-radius: 10px;
    background: var(--light, #fafafa);
    color: var(--text, #222);
    font-size: 12px;
    box-shadow: none;
    outline: none;
    transition: .25s ease;
}

.help-2 select.help-2-input {
    appearance: none;
    cursor: pointer;
}

.help-2 .help-2-input:focus {
    border-color: var(--primary, #007bff);
    background: var(--bg, #fff);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .08);
}

.help-2 .help-2-input::placeholder {
    color: #999;
}

.help-2 .help-2-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    margin-top: 5px;
    padding: 0 22px;
    border: 0;
    border-radius: 10px;
    background: var(--primary, #007bff);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: .25s ease;
}

.help-2 .help-2-button i {
    font-size: 16px;
    transition: transform .25s ease;
}

.help-2 .help-2-button:hover {
    background: var(--secondary, #0056b3);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .12);
}

.help-2 .help-2-button:hover i {
    transform: translateX(3px);
}

@media (max-width: 991px) {
    .help-2 {
        padding: 70px 0;
    }

    .help-2 .help-2-form-col {
        padding: 45px 32px;
    }

    .help-2 .help-2-title {
        font-size: 34px;
    }

    .help-2 .help-2-bg-side {
        min-height: 500px;
    }
}

@media (max-width: 767px) {
    .help-2 {
        padding: 60px 0;
    }

    .help-2 .help-2-container {
        border-radius: 20px;
    }

    .help-2 .help-2-form-col {
        padding: 40px 22px;
    }

    .help-2 .help-2-title {
        font-size: 30px;
    }

    .help-2 .help-2-subtitle {
        font-size: 12px;
        line-height: 1.7;
    }

    .help-2 .help-2-form [class*="col-xs-6"] {
        width: 100%;
    }

    .help-2 .help-2-button {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .help-2 {
        padding: 50px 0;
    }

    .help-2 .help-2-form-col {
        padding: 32px 18px;
    }

    .help-2 .help-2-title {
        font-size: 27px;
    }
}
.testimonial-7 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.testimonial-7 .testimonial-7-heading {
    margin-bottom: 45px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.testimonial-7 .testimonial-7-quote-box {
    position: relative;
    height: 100%;
    padding: 40px 35px;
    background: #fff;
    border: 1px solid var(--border, #e6edf5);
    border-radius: 28px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.testimonial-7 .testimonial-7-quote-box:hover {
    transform: translateY(-8px);
    border-color: var(--primary, #1e90ff);
    box-shadow: 0 28px 60px rgba(0, 0, 0, .12);
}

.testimonial-7 .testimonial-7-quote-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 22px;
    border-radius: 50%;
    background: var(--light, #eef7ff);
    color: var(--primary, #1e90ff);
    font-size: 24px;
}

.testimonial-7 .testimonial-7-quote-box p {
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.testimonial-7 .testimonial-7-author {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.testimonial-7 .testimonial-7-author-img {
    width: 68px;
    height: 68px;
    margin-right: 18px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid var(--light, #eef7ff);
}

.testimonial-7 .testimonial-7-author h5 {
    margin: 0 0 6px;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 700;
}

.testimonial-7 .testimonial-7-author p {
    margin: 0;
    color: #777;
    font-size: 14px;
    line-height: 24px;
}

.testimonial-7 .testimonial-7-special-card {
    height: 100%;
    padding: 45px 30px;
    text-align: center;
    color: #fff;
    border: 2px dashed rgba(255, 255, 255, .45);
    border-radius: 30px;
    background: linear-gradient(135deg, var(--primary, #0c94f8), var(--secondary, #0073cc));
    box-shadow: 0 25px 60px rgba(0, 0, 0, .12);
}

.testimonial-7 .testimonial-7-icon {
    margin-bottom: 20px;
    font-size: 52px;
}

.testimonial-7 .testimonial-7-save-text {
    margin-bottom: 18px;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.testimonial-7 .testimonial-7-save-text span {
    display: block;
    margin-top: 8px;
    font-size: 42px;
    font-weight: 700;
}

.testimonial-7 .testimonial-7-note {
    margin: 20px 0 28px;
    font-size: 15px;
    line-height: 28px;
    color: rgba(255, 255, 255, .9);
}

.testimonial-7 .testimonial-7-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 30px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #fff;
    color: var(--primary, #0073cc);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.testimonial-7 .testimonial-7-btn:hover {
    background: transparent;
    border-color: #fff;
    color: #fff;
    transform: translateY(-3px);
}

@media(max-width:991px) {

    .testimonial-7 {
        padding: 70px 0;
    }

    .testimonial-7 .testimonial-7-heading {
        font-size: 36px;
        line-height: 46px;
    }

    .testimonial-7 .testimonial-7-special-card {
        margin-top: 30px;
    }

}

@media(max-width:767px) {

    .testimonial-7 {
        padding: 60px 0;
    }

    .testimonial-7 .testimonial-7-heading {
        margin-bottom: 35px;
        font-size: 30px;
        line-height: 40px;
    }

    .testimonial-7 .testimonial-7-author {
        flex-direction: column;
        align-items: flex-start;
    }

    .testimonial-7 .testimonial-7-author-img {
        margin: 0 0 15px;
    }

}


.contact-5 {
    padding: 90px 0;
    background: var(--light, #f7faf6);
    font-family: "Poppins", sans-serif;
}

.contact-5 * {
    font-family: "Poppins", sans-serif;
}

.contact-5 .contact-5-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -15px;
}

.contact-5 .contact-5-info-column,
.contact-5 .contact-5-form-column {
    display: flex;
    padding: 0 15px;
}

.contact-5 .contact-5-info,
.contact-5 .contact-5-form-card {
    width: 100%;
}

.contact-5 .contact-5-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 20px 35px 20px 0;
}

.contact-5 .contact-5-heading {
    margin-bottom: 30px;
}

.contact-5 .contact-5-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 14px;
    color: var(--primary, #8ce466);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.contact-5 .contact-5-eyebrow i {
    font-size: 17px;
}

.contact-5 .contact-5-title {
    margin: 0 0 18px;
    color: var(--text, #222);
    font-size: 44px;
    line-height: 1.16;
    font-weight: 700;
}

.contact-5 .contact-5-title span {
    display: block;
    color: var(--primary, #8ce466);
}

.contact-5 .contact-5-description {
    max-width: 480px;
    margin: 0;
    color: #707070;
    font-size: 13px;
    line-height: 1.85;
}

.contact-5 .contact-5-details {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.contact-5 .contact-5-detail {
    display: flex;
    align-items: center;
    min-height: 58px;
    gap: 14px;
}

.contact-5 .contact-5-detail-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(140, 228, 102, .28);
    border-radius: 13px;
    background: var(--bg, #fff);
    color: var(--primary, #8ce466);
    font-size: 19px;
}

.contact-5 .contact-5-detail-content {
    min-width: 0;
}

.contact-5 .contact-5-detail-content span {
    display: block;
    margin-bottom: 3px;
    color: #999;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.contact-5 .contact-5-detail-content p {
    margin: 0;
    color: var(--text, #222);
    font-size: 13px;
    line-height: 1.5;
}

.contact-5 .contact-5-detail-content .contact-phone {
    font-size: 15px;
    font-weight: 600;
}

.contact-5 .contact-5-trust {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid var(--border, #e2e8df);
}

.contact-5 .contact-5-trust-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--primary, #8ce466);
    color: #fff;
    font-size: 17px;
}

.contact-5 .contact-5-trust-content {
    min-width: 0;
}

.contact-5 .contact-5-trust-content strong,
.contact-5 .contact-5-trust-content span {
    display: block;
}

.contact-5 .contact-5-trust-content strong {
    margin-bottom: 2px;
    color: var(--text, #222);
    font-size: 11px;
    font-weight: 600;
}

.contact-5 .contact-5-trust-content span {
    color: #8a8a8a;
    font-size: 10px;
}

.contact-5 .contact-5-form-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 38px 40px;
    border: 1px solid var(--border, #e2e8df);
    border-radius: 26px;
    background: var(--bg, #fff);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .06);
}

.contact-5 .contact-5-form-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
    margin-bottom: 28px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border, #e2e8df);
}

.contact-5 .contact-5-form-header span {
    display: block;
    margin-bottom: 4px;
    color: var(--primary, #8ce466);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.contact-5 .contact-5-form-header h3 {
    margin: 0;
    color: var(--text, #222);
    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}

.contact-5 .contact-5-form-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: var(--light, #eef9e8);
    color: var(--primary, #8ce466);
    font-size: 19px;
}

.contact-5 .contact-5-form-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.contact-5 .contact-5-field {
    padding: 0 8px;
}

.contact-5 .form-group {
    margin-bottom: 21px;
}

.contact-5 .form-group label {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 20px;
    margin-bottom: 8px;
    color: var(--text, #222);
    font-size: 11px;
    font-weight: 600;
}

.contact-5 .form-group label i {
    color: var(--primary, #8ce466);
    font-size: 15px;
}

.contact-5 .form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1px solid var(--border, #dfe6db);
    border-radius: 11px;
    background: var(--light, #f7faf6);
    color: var(--text, #222);
    font-size: 12px;
    box-shadow: none;
    transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

.contact-5 .form-control::placeholder {
    color: #aaa;
}

.contact-5 .form-control:focus {
    border-color: var(--primary, #8ce466);
    background: var(--bg, #fff);
    box-shadow: 0 0 0 3px rgba(140, 228, 102, .1);
    outline: none;
}

.contact-5 textarea.form-control {
    height: 118px;
    min-height: 118px;
    padding: 13px 14px;
    resize: vertical;
}

.contact-5 .contact-5-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 3px;
}

.contact-5 .contact-5-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 10px;
    height: 48px;
    padding: 0 20px 0 23px;
    border: 0;
    border-radius: 11px;
    background: var(--primary, #8ce466);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 10px 24px rgba(140, 228, 102, .2);
    transition: .3s ease;
}

.contact-5 .contact-5-submit i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 7px;
    background: rgba(255, 255, 255, .18);
    font-size: 15px;
}

.contact-5 .contact-5-submit:hover {
    background: var(--secondary, #68c443);
    color: #fff;
    transform: translateY(-2px);
}

.contact-5 .contact-5-consent {
    margin: 0;
}

.contact-5 .contact-5-consent label {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 0;
    color: #888;
    font-size: 9px;
    line-height: 1.6;
}

.contact-5 .contact-5-consent input {
    position: relative;
    top: 1px;
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
    margin: 0;
    accent-color: var(--primary, #8ce466);
}

.contact-5 .contact-5-consent a {
    color: var(--text, #222);
    font-weight: 600;
    text-decoration: none;
}

.contact-5 .contact-5-consent a:hover {
    color: var(--primary, #8ce466);
}

.contact-5 .form-message {
    min-height: 18px;
    margin: 12px 0 0;
    font-size: 11px;
}

@media (max-width: 991px) {
    .contact-5 {
        padding: 70px 0;
    }

    .contact-5 .contact-5-info {
        padding-right: 15px;
    }

    .contact-5 .contact-5-title {
        font-size: 36px;
    }

    .contact-5 .contact-5-form-card {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .contact-5 {
        padding: 60px 0;
    }

    .contact-5 .contact-5-info-column,
    .contact-5 .contact-5-form-column {
        display: block;
    }

    .contact-5 .contact-5-info {
        min-height: auto;
        padding: 0;
        margin-bottom: 35px;
    }

    .contact-5 .contact-5-title {
        font-size: 32px;
    }

    .contact-5 .contact-5-description {
        font-size: 12px;
    }

    .contact-5 .contact-5-form-card {
        padding: 25px 20px;
        border-radius: 22px;
    }

    .contact-5 .contact-5-form-header {
        margin-bottom: 24px;
    }

    .contact-5 .contact-5-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .contact-5 .contact-5-submit {
        width: 100%;
    }

    .contact-5 .contact-5-consent {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-5 .contact-5-title {
        font-size: 29px;
    }

    .contact-5 .contact-5-form-header h3 {
        font-size: 20px;
    }

    .contact-5 .contact-5-form-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .contact-5 .contact-5-detail-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }
}
.pricing-4 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.pricing-4 .card {
    margin-bottom: 30px;
    padding: 40px 32px;
    background: #fff;
    border: 1px solid var(--border, #e6edf5);
    border-radius: 28px;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.pricing-4 .card:hover {
    transform: translateY(-10px);
    border-color: var(--primary, #65b32e);
    box-shadow: 0 30px 60px rgba(0, 0, 0, .12);
}

.pricing-4 .icon img {
    width: 56px;
    margin-bottom: 24px;
    transition: .35s ease;
}

.pricing-4 .card:hover .icon img {
    transform: scale(1.08);
}

.pricing-4 .pack-title {
    margin-bottom: 10px;
    color: var(--text, #222);
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.pricing-4 .subtext {
    margin: 0 0 24px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.pricing-4 .price-wrapper {
    margin-bottom: 28px;
}

.pricing-4 .dollar {
    vertical-align: top;
    color: var(--primary, #65b32e);
    font-size: 22px;
    font-weight: 600;
}

.pricing-4 .price {
    color: var(--text, #222);
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
}

.pricing-4 .duration {
    display: block;
    margin-top: 8px;
    color: #777;
    font-size: 15px;
}

.pricing-4 .list {
    margin: 0 0 32px;
    padding: 0;
    list-style: none;
    color: #666;
}

.pricing-4 .list li {
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 28px;
}

.pricing-4 .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 34px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.pricing-4 .btn-green {
    background: var(--primary, #65b32e);
    color: #fff;
}

.pricing-4 .btn-dark {
    background: var(--secondary, #001b48);
    color: #fff;
}

.pricing-4 .btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
}

.pricing-4 .content {
    padding: 20px;
}

.pricing-4 .tag {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 18px;
    border-radius: 50px;
    background: var(--light, #eef8e7);
    color: var(--primary, #65b32e);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

.pricing-4 .heading {
    margin-bottom: 22px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.pricing-4 .description {
    margin-bottom: 28px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.pricing-4 .video-link {
    display: inline-flex;
    align-items: center;
    color: var(--text, #222);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.pricing-4 .video-link:hover {
    color: var(--primary, #65b32e);
}

.pricing-4 .circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-right: 12px;
    border-radius: 50%;
    background: #fff;
    color: var(--primary, #65b32e);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
}

@media(max-width:991px) {

    .pricing-4 {
        padding: 70px 0;
    }

    .pricing-4 .heading {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .pricing-4 {
        padding: 60px 0;
    }

    .pricing-4 .heading {
        font-size: 30px;
        line-height: 40px;
    }

    .pricing-4 .card {
        padding: 35px 25px;
    }

    .pricing-4 .price {
        font-size: 44px;
    }

}

.services-9 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.services-9 .section-wrapper {
    padding: 0;
}

.services-9 .services-box {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--border, #e7ebf0);
    border-radius: 30px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .08);
}

.services-9 .left-section,
.services-9 .right-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 55px 50px;
}

.services-9 .sub-title {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--primary, #ff3e3e);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.services-9 .main-title {
    margin-bottom: 22px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.services-9 .desc {
    margin-bottom: 30px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.services-9 .feature-list {
    margin-bottom: 30px;
}

.services-9 .feature-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    color: #555;
    font-size: 15px;
    line-height: 28px;
}

.services-9 .feature-item i {
    margin-top: 4px;
    color: var(--primary, #ff3e3e);
    font-size: 16px;
}

.services-9 .stats {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--border, #e7ebf0);
}

.services-9 .stat-box {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.services-9 .stat-box i {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    border-radius: 50%;
    background: var(--light, #fff2f2);
    color: var(--primary, #ff3e3e);
    font-size: 22px;
}

.services-9 .stat-box strong {
    margin-right: 6px;
    color: var(--text, #222);
    font-size: 28px;
    font-weight: 700;
}

.services-9 .stat-box span {
    color: #666;
    font-size: 15px;
}

.services-9 .image-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.services-9 .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .45s ease;
}

.services-9 .services-box:hover .image-wrapper img {
    transform: scale(1.05);
}

.services-9 .consult-box {
    position: absolute;
    right: 30px;
    bottom: 30px;
    padding: 22px 24px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
}

.services-9 .consult-box h5 {
    margin: 0 0 8px;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 700;
}

.services-9 .consult-box a {
    color: var(--primary, #ff3e3e);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.services-9 .consult-box a:hover {
    color: var(--secondary, #d62828);
}

@media(max-width:991px) {

    .services-9 {
        padding: 70px 0;
    }

    .services-9 .left-section,
    .services-9 .right-section {
        padding: 40px 35px;
    }

    .services-9 .main-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .services-9 {
        padding: 60px 0;
    }

    .services-9 .left-section,
    .services-9 .right-section {
        padding: 30px 24px;
    }

    .services-9 .main-title {
        font-size: 30px;
        line-height: 40px;
    }

    .services-9 .image-wrapper {
        height: auto;
    }

    .services-9 .consult-box {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 20px;
    }

}

.testimonial-8 {
    padding: 80px 0;
    background: var(--secondary, #0f1f3d);
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.testimonial-8 .testimonial-8-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 60px 55px;
}

.testimonial-8 .testimonial-8-quote-icon {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: var(--primary, #3182ce);
    font-size: 30px;
}

.testimonial-8 .testimonial-8-text {
    max-width: 560px;
    margin: 0 0 40px;
    color: rgba(255, 255, 255, .80);
    font-size: 18px;
    line-height: 34px;
}

.testimonial-8 .testimonial-8-profile {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.testimonial-8 .testimonial-8-avatar {
    width: 72px;
    height: 72px;
    margin: 0 18px 0 0;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid rgba(255, 255, 255, .15);
}

.testimonial-8 .testimonial-8-name {
    margin: 0 0 6px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.testimonial-8 .testimonial-8-role {
    color: rgba(255, 255, 255, .65);
    font-size: 14px;
    line-height: 24px;
}

.testimonial-8 .testimonial-8-dots {
    display: flex;
    align-items: center;
    gap: 10px;
}

.testimonial-8 .testimonial-8-dots .dot {
    width: 10px;
    height: 10px;
    margin: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .25);
    transition: .35s ease;
}

.testimonial-8 .testimonial-8-dots .active {
    width: 34px;
    border-radius: 30px;
    background: var(--primary, #3182ce);
}

.testimonial-8 .testimonial-8-right {
    padding: 0;
    overflow: hidden;
    border-radius: 30px;
}

.testimonial-8 .testimonial-8-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: .45s ease;
}

.testimonial-8:hover .testimonial-8-image {
    transform: scale(1.05);
}

@media(max-width:991px) {

    .testimonial-8 {
        padding: 70px 0;
    }

    .testimonial-8 .testimonial-8-left {
        padding: 45px 35px;
    }

}

@media(max-width:767px) {

    .testimonial-8 {
        padding: 60px 0;
    }

    .testimonial-8 .testimonial-8-left {
        padding: 35px 25px;
        text-align: center;
        align-items: center;
    }

    .testimonial-8 .testimonial-8-text {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 30px;
    }

    .testimonial-8 .testimonial-8-profile {
        flex-direction: column;
    }

    .testimonial-8 .testimonial-8-avatar {
        margin: 0 0 15px;
    }

    .testimonial-8 .testimonial-8-right {
        margin-top: 30px;
        border-radius: 22px;
    }

}

/* servivce-10 */
.services-10 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.services-10 .section-wrapper {
    position: relative;
    padding: 110px 15px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.services-10 .section-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(10, 18, 32, .55);
}

.services-10 .services-10-text-col {
    position: relative;
    z-index: 2;
    max-width: 620px;
    padding: 50px 45px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 30px;
    backdrop-filter: blur(10px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .20);
}

.services-10 .services-10-heading {
    margin-bottom: 22px;
    color: #fff;
    font-size: 46px;
    font-weight: 700;
    line-height: 58px;
}

.services-10 .services-10-description {
    max-width: 500px;
    margin: 0 0 35px;
    color: rgba(255, 255, 255, .85);
    font-size: 16px;
    line-height: 30px;
}

.services-10 .services-10-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 34px;
    border-radius: 50px;
    background: var(--primary, #ff2c2c);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.services-10 .services-10-btn:hover {
    background: var(--secondary, #e62222);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .20);
}

@media(max-width:991px) {

    .services-10 {
        padding: 70px 0;
    }

    .services-10 .section-wrapper {
        padding: 90px 15px;
    }

    .services-10 .services-10-heading {
        font-size: 38px;
        line-height: 48px;
    }

}

@media(max-width:767px) {

    .services-10 {
        padding: 60px 0;
    }

    .services-10 .section-wrapper {
        padding: 70px 20px;
        text-align: center;
    }

    .services-10 .services-10-text-col {
        max-width: 100%;
        padding: 35px 25px;
        margin: 0 auto;
        border-radius: 24px;
    }

    .services-10 .services-10-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .services-10 .services-10-description {
        margin: 0 auto 30px;
        font-size: 15px;
        line-height: 28px;
    }

}

.home-29 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-29 .section-wrapper {
    position: relative;
    padding: 0;
    overflow: hidden;
    background: #fff;
    background-size: cover;
}

.home-29 .community-network {
    position: relative;
}

.home-29 .map-marker {
    position: absolute;
    inset: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-29 .community-content {
    position: relative;
    z-index: 3;
    padding: 40px;
    background: rgba(255, 255, 255, .92);
    border: 1px solid var(--border, #e7ebf0);
    border-radius: 30px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .08);
}

.home-29 .community-content .item-title {
    margin-bottom: 24px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-29 .community-content .item-title span {
    color: var(--primary, #5e5cf6);
}

.home-29 .community-content p {
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.home-29 .bg-shape {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 220px;
    opacity: .15;
    pointer-events: none;
    z-index: 1;
}

.home-29 .bg-shape img {
    width: 100%;
    height: auto;
    display: block;
}

@media(max-width:991px) {

    .home-29 {
        padding: 70px 0;
    }

    .home-29 .community-content {
        padding: 35px;
    }

    .home-29 .community-content .item-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-29 {
        padding: 60px 0;
    }

    .home-29 .community-content {
        padding: 30px 24px;
        text-align: center;
        border-radius: 24px;
    }

    .home-29 .community-content .item-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-29 .community-content p {
        font-size: 15px;
        line-height: 28px;
    }

    .home-29 .map-marker li {
        display: none;
    }

    .home-29 .bg-shape {
        width: 140px;
    }

}
.home-30 {
    position: relative;
    padding: 90px 0;
    background-color: var(--bg, #fff);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-family: "Poppins", sans-serif;
    color: var(--text, #222);
}

.home-30::before {
    position: absolute;
    inset: 0;
    content: "";
    background: rgba(255, 255, 255, .90);
    pointer-events: none;
}

.home-30 > .container {
    position: relative;
    z-index: 1;
}

.home-30 .home-30-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.home-30 .home-30-content-column,
.home-30 .home-30-features-column {
    display: flex;
}

.home-30 .home-30-content {
    width: 100%;
    padding: 25px 45px 25px 0;
}

.home-30 .home-30-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 16px;
    border-radius: 50px;
    background: var(--light, #eefcff);
    color: var(--primary, #27d6f2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.home-30 .home-30-eyebrow i {
    font-size: 17px;
}

.home-30 .home-30-title {
    max-width: 580px;
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
}

.home-30 .home-30-title span {
    color: var(--primary, #27d6f2);
}

.home-30 .home-30-description {
    max-width: 570px;
    margin: 0 0 24px;
    color: var(--text, #666);
    font-size: 15px;
    line-height: 1.9;
}

.home-30 .home-30-highlights {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-bottom: 30px;
}

.home-30 .home-30-highlight {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text, #555);
    font-size: 12px;
    font-weight: 500;
}

.home-30 .home-30-highlight i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    background: var(--light, #eefcff);
    color: var(--primary, #27d6f2);
    font-size: 15px;
}

.home-30 .home-30-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 26px;
    border-radius: 50px;
    background: var(--primary, #27d6f2);
    color: var(--light, #fff);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: .3s ease;
}

.home-30 .home-30-button i {
    font-size: 18px;
    transition: transform .3s ease;
}

.home-30 .home-30-button:hover {
    background: var(--secondary, #28b9d0);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(39, 214, 242, .22);
}

.home-30 .home-30-button:hover i {
    transform: translateX(4px);
}

.home-30 .home-30-features-column {
    align-items: stretch;
}

.home-30 .home-30-features-box {
    width: 100%;
    padding: 12px;
    background: rgba(255, 255, 255, .76);
    border: 1px solid var(--border, #e8edf3);
    border-radius: 26px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .07);
    backdrop-filter: blur(8px);
}

.home-30 .home-30-feature {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px 22px;
    border-bottom: 1px solid var(--border, #e8edf3);
    transition: .3s ease;
}

.home-30 .home-30-feature:last-child {
    border-bottom: 0;
}

.home-30 .home-30-feature:hover {
    transform: translateX(5px);
}

.home-30 .home-30-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    border-radius: 18px;
    background: var(--light, #eefcff);
    color: var(--primary, #27d6f2);
    font-size: 27px;
    transition: .3s ease;
}

.home-30 .home-30-feature:hover .home-30-feature-icon {
    background: var(--primary, #27d6f2);
    color: var(--light, #fff);
    transform: translateY(-3px);
}

.home-30 .home-30-feature-content {
    min-width: 0;
}

.home-30 .home-30-feature-number {
    display: block;
    margin-bottom: 5px;
    color: var(--primary, #27d6f2);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.home-30 .home-30-feature-content h3 {
    margin: 0 0 8px;
    color: var(--text, #222);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
}

.home-30 .home-30-feature-content p {
    margin: 0;
    color: var(--text, #666);
    font-size: 13px;
    line-height: 1.75;
}

@media (max-width: 1199px) {
    .home-30 {
        padding: 80px 0;
    }

    .home-30 .home-30-content {
        padding-right: 30px;
    }

    .home-30 .home-30-title {
        font-size: 39px;
    }

    .home-30 .home-30-feature {
        padding: 21px 18px;
    }
}

@media (max-width: 991px) {
    .home-30 {
        padding: 70px 0;
    }

    .home-30 .home-30-content {
        padding-right: 20px;
    }

    .home-30 .home-30-title {
        font-size: 34px;
    }

    .home-30 .home-30-description {
        font-size: 14px;
    }

    .home-30 .home-30-feature {
        gap: 15px;
    }

    .home-30 .home-30-feature-icon {
        width: 55px;
        height: 55px;
        flex-basis: 55px;
        font-size: 23px;
    }

    .home-30 .home-30-feature-content h3 {
        font-size: 18px;
    }

    .home-30 .home-30-feature-content p {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .home-30 {
        padding: 60px 0;
    }

    .home-30 .home-30-row {
        display: block;
    }

    .home-30 .home-30-content-column,
    .home-30 .home-30-features-column {
        display: block;
    }

    .home-30 .home-30-content {
        padding: 0;
        text-align: center;
    }

    .home-30 .home-30-eyebrow {
        margin-bottom: 14px;
    }

    .home-30 .home-30-title {
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
        font-size: 30px;
        line-height: 1.3;
    }

    .home-30 .home-30-description {
        margin-right: auto;
        margin-left: auto;
    }

    .home-30 .home-30-highlights {
        align-items: center;
    }

    .home-30 .home-30-highlight {
        text-align: left;
    }

    .home-30 .home-30-button {
        margin-bottom: 35px;
    }

    .home-30 .home-30-features-box {
        border-radius: 22px;
    }

    .home-30 .home-30-feature {
        padding: 20px 16px;
    }
}

@media (max-width: 480px) {
    .home-30 {
        padding: 50px 0;
    }

    .home-30 .home-30-title {
        font-size: 27px;
    }

    .home-30 .home-30-description {
        font-size: 13px;
    }

    .home-30 .home-30-feature {
        gap: 12px;
    }

    .home-30 .home-30-feature-icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        border-radius: 14px;
        font-size: 20px;
    }

    .home-30 .home-30-feature-content h3 {
        font-size: 16px;
    }

    .home-30 .home-30-feature-content p {
        font-size: 11px;
    }
}

.faq-3 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.faq-3 .section-wrapper {
    padding: 0;
}

.faq-3 h2 {
    margin-bottom: 40px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.faq-3 .panel-group .panel {
    margin-bottom: 18px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--border, #e7ebf0);
    border-radius: 20px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .05);
}

.faq-3 .panel-title {
    margin: 0;
}

.faq-3 .panel-title a {
    display: block;
    position: relative;
    padding: 20px 60px 20px 24px;
    background: #fff;
    color: var(--text, #222);
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    transition: .35s ease;
}

.faq-3 .panel-title a:hover {
    color: var(--primary, #4f46e5);
}

.faq-3 .panel-title a:after {
    content: "\ea4e";
    font-family: "remixicon";
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%) rotate(0deg);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--light, #eef3ff);
    color: var(--primary, #4f46e5);
    transition: .35s ease;
}

.faq-3 .panel-title a.collapsed:after {
    transform: translateY(-50%) rotate(180deg);
}

.faq-3 .download-content {
    padding-left: 40px;
}

.faq-3 .download-content h3 {
    margin-bottom: 18px;
    color: var(--text, #222);
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
}

.faq-3 .download-content p {
    margin-bottom: 30px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.faq-3 .store-btns .btn {
    margin-right: 12px;
    padding: 14px 30px;
    border: none;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    transition: .35s ease;
}

.faq-3 .btn-play {
    background: var(--primary, #4f46e5);
    color: #fff;
}

.faq-3 .btn-app {
    background: var(--secondary, #222);
    color: #fff;
}

.faq-3 .store-btns .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
}

.faq-3 .mockup-img img {
    width: 100%;
    display: block;
}

@media(max-width:991px) {

    .faq-3 {
        padding: 70px 0;
    }

    .faq-3 h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .faq-3 .download-content h3 {
        font-size: 32px;
        line-height: 42px;
    }

}

@media(max-width:767px) {

    .faq-3 {
        padding: 60px 0;
    }

    .faq-3 h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .faq-3 .download-content {
        margin-top: 35px;
        padding-left: 0;
    }

}

.pricing-5 {
    padding: 80px 0;
    background: var(--secondary, #070d27);
    font-family: "Poppins", sans-serif;
}

.pricing-5.section-wrapper {
    background: var(--secondary, #070d27);
}

.pricing-5 .pricing-5-container {
    padding: 0 15px;
    color: #fff;
}

.pricing-5 .pricing-5-heading {
    margin-bottom: 35px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.pricing-5 .pricing-5-toggle {
    margin-bottom: 50px;
}

.pricing-5 .pricing-5-btn {
    padding: 12px 26px;
    margin: 0 8px;
    border: none;
    border-radius: 50px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: .35s ease;
}

.pricing-5 .pricing-5-btn.active {
    background: var(--primary, #1d58ff);
}

.pricing-5 .pricing-5-btn:hover {
    background: var(--primary, #1d58ff);
}

.pricing-5 .pricing-5-row {
    margin-top: 20px;
}

.pricing-5 .pricing-5-card {
    height: 100%;
    padding: 40px 30px;
    margin-bottom: 30px;
    background: #0d1434;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 28px;
    color: rgba(255, 255, 255, .82);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
    transition: .35s ease;
}

.pricing-5 .pricing-5-card:hover {
    transform: translateY(-8px);
    border-color: var(--primary, #1d58ff);
}

.pricing-5 .pricing-5-card.featured {
    background: linear-gradient(180deg, #23307a, #0d1434);
    border-color: var(--primary, #3a48c2);
}

.pricing-5 .pricing-5-badge {
    margin-bottom: 22px;
    color: var(--accent, #53a9ff);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pricing-5 .pricing-5-price {
    margin-bottom: 10px;
    color: #fff;
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
}

.pricing-5 .pricing-5-price span {
    font-size: 15px;
    color: rgba(255, 255, 255, .65);
}

.pricing-5 .pricing-5-desc {
    margin-bottom: 24px;
    color: rgba(255, 255, 255, .68);
    font-size: 15px;
    line-height: 28px;
}

.pricing-5 .pricing-5-features {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing-5 .pricing-5-features li {
    position: relative;
    margin-bottom: 16px;
    padding-left: 28px;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 28px;
}

.pricing-5 .pricing-5-features li:before {
    content: "✔";
    position: absolute;
    left: 0;
    color: var(--accent, #40f7ff);
    font-weight: 700;
}

.pricing-5 .pricing-5-btn-card {
    width: 100%;
    margin-top: 30px;
    padding: 14px 28px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #1d58ff);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: .35s ease;
}

.pricing-5 .pricing-5-btn-card.featured {
    background: var(--accent, #28ffcf);
    color: #111;
}

.pricing-5 .pricing-5-btn-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
}

.pricing-5 .pricing-5-offer {
    margin-top: 15px;
    color: #ffe46b;
    font-size: 13px;
    font-weight: 600;
}

@media(max-width:991px) {

    .pricing-5 {
        padding: 70px 0;
    }

    .pricing-5 .pricing-5-heading {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .pricing-5 {
        padding: 60px 0;
    }

    .pricing-5 .pricing-5-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .pricing-5 .pricing-5-btn {
        margin: 5px;
    }

}
.contact-6 {
    padding: 80px 0;
    background: var(--bg, #f8f9fb);
    font-family: "Poppins", sans-serif;
}

.contact-6 * {
    box-sizing: border-box;
}

.contact-6 .contact-6-heading {
    margin: 0 0 45px;
    color: var(--text, #0b1c3f);
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
}

.contact-6 .contact-6-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -8px;
}

.contact-6 .contact-6-form-column,
.contact-6 .contact-6-sidebar-column {
    display: flex;
    padding: 0 8px;
}

.contact-6 .contact-6-form-box,
.contact-6 .contact-6-sidebar {
    width: 100%;
    border-radius: 24px;
}

.contact-6 .contact-6-form-box {
    padding: 42px;
    border: 1px solid var(--border, #e8edf3);
    background: var(--bg, #fff);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .06);
}

.contact-6 .contact-6-eyebrow,
.contact-6 .contact-6-sidebar-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--primary, #0b1c3f);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.contact-6 .contact-6-eyebrow i,
.contact-6 .contact-6-sidebar-label i {
    font-size: 16px;
}

.contact-6 .contact-6-form-title {
    margin: 10px 0 10px;
    color: var(--text, #0b1c3f);
    font-size: 27px;
    line-height: 1.3;
    font-weight: 700;
}

.contact-6 .contact-6-form-subtitle {
    max-width: 650px;
    margin: 0 0 28px;
    color: #707070;
    font-size: 12px;
    line-height: 1.8;
}

.contact-6 .contact-6-form .row {
    margin: 0 -6px;
}

.contact-6 .contact-6-form [class*="col-"] {
    padding: 0 6px;
}

.contact-6 .contact-6-field {
    position: relative;
    margin-bottom: 12px;
}

.contact-6 .contact-6-field > i {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 2;
    color: var(--primary, #0b1c3f);
    font-size: 16px;
    transform: translateY(-50%);
    pointer-events: none;
}

.contact-6 .contact-6-message-field > i {
    top: 18px;
    transform: none;
}

.contact-6 .contact-6-input,
.contact-6 .contact-6-textarea {
    width: 100%;
    border: 1px solid var(--border, #d9e1ea);
    background: var(--light, #fafbfc);
    color: var(--text, #222);
    font-size: 12px;
    box-shadow: none;
    outline: none;
    transition: .25s ease;
}

.contact-6 .contact-6-input {
    height: 50px;
    padding: 0 15px 0 42px;
    border-radius: 10px;
}

.contact-6 .contact-6-textarea {
    height: 125px;
    padding: 14px 15px 14px 42px;
    border-radius: 10px;
    resize: vertical;
}

.contact-6 .contact-6-input:focus,
.contact-6 .contact-6-textarea:focus {
    border-color: var(--primary, #0b1c3f);
    background: var(--bg, #fff);
    box-shadow: 0 0 0 3px rgba(11, 28, 63, .07);
}

.contact-6 .contact-6-send-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    margin-top: 6px;
    padding: 0 22px;
    border: 0;
    border-radius: 10px;
    background: var(--primary, #0b1c3f);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    transition: .25s ease;
}

.contact-6 .contact-6-send-btn i {
    font-size: 16px;
    transition: transform .25s ease;
}

.contact-6 .contact-6-send-btn:hover {
    background: var(--secondary, #08142f);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .15);
}

.contact-6 .contact-6-send-btn:hover i {
    transform: translateX(3px);
}

.contact-6 .form-message {
    min-height: 18px;
    margin: 10px 0 0;
    font-size: 11px;
}

.contact-6 .contact-6-sidebar {
    display: flex;
    flex-direction: column;
    padding: 42px 32px;
    background: var(--primary, #0b1c3f);
    color: #fff;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
}

.contact-6 .contact-6-sidebar-label {
    color: var(--accent, #fff);
    opacity: .8;
}

.contact-6 .contact-6-sidebar h4 {
    margin: 10px 0 28px;
    color: #fff;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 700;
}

.contact-6 .contact-6-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-6 .contact-6-info-box {
    display: grid;
    grid-template-columns: 38px 1fr;
    align-items: center;
    gap: 12px;
    min-height: 66px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    background: rgba(255, 255, 255, .07);
    transition: .25s ease;
}

.contact-6 .contact-6-info-box:hover {
    background: rgba(255, 255, 255, .12);
    transform: translateY(-2px);
}

.contact-6 .contact-6-info-box > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: rgba(255, 255, 255, .1);
    color: var(--accent, #fff);
    font-size: 17px;
}

.contact-6 .contact-6-info-box > div {
    min-width: 0;
}

.contact-6 .contact-6-info-box span {
    display: block;
    margin-bottom: 3px;
    color: rgba(255, 255, 255, .55);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
}

.contact-6 .contact-6-info-box p {
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    word-break: break-word;
}

.contact-6 .contact-6-social {
    margin-top: auto;
    padding-top: 28px;
}

.contact-6 .contact-6-social > span {
    display: block;
    margin-bottom: 11px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}

.contact-6 .contact-6-social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.contact-6 .contact-6-social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    border-radius: 9px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: .25s ease;
}

.contact-6 .contact-6-social-icons a:hover {
    background: #fff;
    color: var(--primary, #0b1c3f);
    transform: translateY(-3px);
}

@media (max-width: 991px) {
    .contact-6 {
        padding: 70px 0;
    }

    .contact-6 .contact-6-heading {
        font-size: 35px;
    }

    .contact-6 .contact-6-form-box,
    .contact-6 .contact-6-sidebar {
        padding: 32px;
    }
}

@media (max-width: 767px) {
    .contact-6 {
        padding: 60px 0;
    }

    .contact-6 .contact-6-heading {
        margin-bottom: 35px;
        font-size: 30px;
    }

    .contact-6 .contact-6-form-column,
    .contact-6 .contact-6-sidebar-column {
        display: block;
        width: 100%;
    }

    .contact-6 .contact-6-sidebar-column {
        margin-top: 16px;
    }

    .contact-6 .contact-6-form-box,
    .contact-6 .contact-6-sidebar {
        padding: 28px 22px;
        border-radius: 20px;
    }

    .contact-6 .contact-6-form-title {
        font-size: 24px;
    }

    .contact-6 .contact-6-send-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-6 .contact-6-form-box,
    .contact-6 .contact-6-sidebar {
        padding: 24px 18px;
    }

    .contact-6 .contact-6-heading {
        font-size: 27px;
    }

    .contact-6 .contact-6-info-box {
        grid-template-columns: 36px 1fr;
        gap: 10px;
        min-height: 62px;
        padding: 11px;
    }

    .contact-6 .contact-6-info-box > i {
        width: 36px;
        height: 36px;
    }
}

.contact-7 {
    padding: 80px 0;
    background: var(--bg, #f5f5f5);
    font-family: "Poppins", sans-serif;
}

.contact-7 * {
    box-sizing: border-box;
}

.contact-7 .contact-7-container {
    display: flex;
    max-width: 1050px;
    margin: auto;
    overflow: hidden;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 24px;
    background: var(--bg, #fff);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .07);
}

.contact-7 .contact-7-form {
    flex: 1;
    padding: 45px;
}

.contact-7 .contact-7-eyebrow,
.contact-7 .contact-7-info-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--primary, #1d1d1d);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.contact-7 .contact-7-eyebrow i {
    font-size: 16px;
}

.contact-7 .contact-7-form h2 {
    margin: 10px 0;
    color: var(--text, #222);
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
}

.contact-7 .contact-7-form > p {
    max-width: 500px;
    margin: 0 0 28px;
    color: #777;
    font-size: 13px;
    line-height: 1.8;
}

.contact-7 .form-group {
    margin-bottom: 18px;
}

.contact-7 label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7px;
    color: var(--text, #222);
    font-size: 11px;
    font-weight: 600;
}

.contact-7 label i {
    color: var(--primary, #1d1d1d);
    font-size: 15px;
}

.contact-7 .form_control {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1px solid var(--border, #dfe4e8);
    border-radius: 10px;
    background: var(--light, #fafafa);
    color: var(--text, #222);
    font-size: 12px;
    outline: none;
    transition: .25s ease;
}

.contact-7 textarea.form_control {
    height: 115px;
    padding: 13px 14px;
    resize: vertical;
}

.contact-7 .form_control:focus {
    border-color: var(--primary, #1d1d1d);
    background: var(--bg, #fff);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .05);
}

.contact-7 .theme-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 46px;
    padding: 0 20px;
    border: 0;
    border-radius: 9px;
    background: var(--primary, #1d1d1d);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    transition: .25s ease;
}

.contact-7 .theme-btn i {
    font-size: 17px;
}

.contact-7 .theme-btn:hover {
    background: var(--secondary, #111);
    color: #fff;
    transform: translateY(-2px);
}

.contact-7 .form-message {
    margin: 10px 0 0;
    font-size: 11px;
}

.contact-7 .contact-7-info {
    position: relative;
    display: flex;
    flex: 0 0 330px;
    flex-direction: column;
    justify-content: center;
    padding: 45px;
    background: var(--primary, #1d1d1d);
    color: #fff;
}

.contact-7 .contact-7-info h3 {
    margin: 8px 0 30px;
    color: #fff;
    font-size: 27px;
    font-weight: 600;
}

.contact-7 .contact-7-info-label {
    color: var(--accent, #ffd54f);
}

.contact-7 .info-item {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 17px;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    line-height: 1.6;
}

.contact-7 .info-item i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .09);
    color: var(--accent, #ffd54f);
    font-size: 17px;
}

.contact-7 .contact-7-social {
    display: flex;
    gap: 8px;
    margin-top: 20px;
}

.contact-7 .contact-7-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: rgba(255, 255, 255, .09);
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    transition: .25s ease;
}

.contact-7 .contact-7-social a:hover {
    background: var(--accent, #ffd54f);
    color: var(--primary, #1d1d1d);
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    .contact-7 {
        padding: 60px 0;
    }

    .contact-7 .contact-7-container {
        display: block;
        border-radius: 20px;
    }

    .contact-7 .contact-7-form,
    .contact-7 .contact-7-info {
        padding: 30px 22px;
    }

    .contact-7 .contact-7-form h2 {
        font-size: 30px;
    }

    .contact-7 .contact-7-info {
        display: block;
    }

    .contact-7 .contact-7-info h3 {
        margin-bottom: 25px;
    }
}

.pricing-6 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
    color: var(--text, #222);
}

.pricing-6.section-wrapper {
    padding: 80px 20px !important;
    background: var(--bg, #fff);
}

.pricing-6 .pricing-6-heading {
    margin-bottom: 55px;
    text-align: center;
}

.pricing-6 .pricing-6-heading h4 {
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 18px;
    border-radius: 50px;
    background: var(--light, #fff6eb);
    color: var(--primary, #f7941d);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pricing-6 .pricing-6-heading h2 {
    margin: 0;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.pricing-6 .panel {
    height: 100%;
    padding: 40px 30px;
    margin-bottom: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--border, #e7ebf0);
    border-radius: 28px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.pricing-6 .panel:hover {
    transform: translateY(-8px);
    border-color: var(--primary, #f7941d);
}

.pricing-6 .panel.featured {
    border: 2px solid var(--primary, #f7941d);
    box-shadow: 0 22px 55px rgba(247, 148, 29, .18);
}

.pricing-6 .panel h3 {
    margin-bottom: 12px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.pricing-6 .panel .price {
    margin: 18px 0 10px;
    color: var(--text, #222);
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
}

.pricing-6 .panel .per-month {
    margin-bottom: 24px;
    color: #777;
    font-size: 15px;
}

.pricing-6 .panel ul {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

.pricing-6 .panel ul li {
    position: relative;
    margin-bottom: 14px;
    padding-left: 24px;
    color: #555;
    font-size: 15px;
    line-height: 28px;
    text-align: left;
}

.pricing-6 .panel ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: var(--accent, #00bfa6);
    font-weight: 700;
}

.pricing-6 .btn-subscribe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 30px;
    border: none;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .35s ease;
}

.pricing-6 .btn-default {
    background: var(--border, #cfd5dc);
    color: #fff;
}

.pricing-6 .btn-orange {
    background: var(--primary, #f7941d);
    color: #fff;
}

.pricing-6 .btn-subscribe:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
}

@media(max-width:991px) {

    .pricing-6 {
        padding: 70px 0;
    }

    .pricing-6 .pricing-6-heading h2 {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .pricing-6 {
        padding: 60px 0;
    }

    .pricing-6.section-wrapper {
        padding: 60px 20px !important;
    }

    .pricing-6 .pricing-6-heading {
        margin-bottom: 40px;
    }

    .pricing-6 .pricing-6-heading h2 {
        font-size: 30px;
        line-height: 40px;
    }

}
.contact-8 {
    padding: 90px 0;
    background: var(--bg, #f5f7f9);
    font-family: "Poppins", sans-serif;
    color: var(--text, #172532);
    overflow: hidden;
}

.contact-8.section-wrapper {
    padding: 90px 15px !important;
}

.contact-8 .contact-8-container {
    position: relative;
    padding: 65px 55px !important;
    background: var(--light, #ffffff);
    border: 1px solid var(--border, #e5e9ed);
    border-radius: 30px;
    box-shadow: 0 25px 70px rgba(23, 37, 50, 0.07);
    overflow: hidden;
}

.contact-8 .contact-8-container::before {
    content: "";
    position: absolute;
    top: -100px;
    left: -100px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: var(--primary, #007bff);
    opacity: 0.05;
    pointer-events: none;
}

.contact-8 .contact-8-container::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -120px;
    width: 260px;
    height: 260px;
    border: 1px solid var(--accent, #c99b4b);
    border-radius: 50%;
    opacity: 0.15;
    pointer-events: none;
}

.contact-8 .contact-8-row {
    display: flex;
    align-items: stretch;
    position: relative;
    z-index: 1;
}

.contact-8 .contact-8-left,
.contact-8 .contact-8-right {
    display: flex;
    flex-direction: column;
}

.contact-8 .contact-8-left {
    padding-right: 35px;
}

.contact-8 .contact-8-right {
    padding-left: 35px;
}

.contact-8 .contact-8-left-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 15px 0;
}

.contact-8 .contact-8-subtitle {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-bottom: 20px;
    padding: 8px 17px;
    border: 1px solid var(--border, #e5e9ed);
    border-radius: 50px;
    background: var(--bg, #f5f7f9);
    color: var(--primary, #007bff);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.contact-8 .contact-8-title {
    max-width: 600px;
    margin: 0 0 22px;
    color: var(--text, #172532);
    font-size: 48px;
    font-weight: 400;
    line-height: 1.18;
    letter-spacing: -1.2px;
}

.contact-8 .contact-8-title strong {
    color: var(--primary, #007bff);
    font-weight: 700;
}

.contact-8 .contact-8-text {
    max-width: 560px;
    margin: 0 0 34px;
    color: var(--secondary, #68727d);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.9;
}

.contact-8 .contact-8-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-8 .contact-8-info-item {
    display: flex;
    align-items: center;
    min-height: 62px;
}

.contact-8 .contact-8-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin-right: 15px;
    border: 1px solid var(--border, #e5e9ed);
    border-radius: 14px;
    background: var(--bg, #f5f7f9);
    color: var(--primary, #007bff);
    font-size: 20px;
    transition: 0.3s ease;
}

.contact-8 .contact-8-info-item:hover .contact-8-info-icon {
    background: var(--primary, #007bff);
    border-color: var(--primary, #007bff);
    color: var(--light, #ffffff);
    transform: translateY(-2px);
}

.contact-8 .contact-8-info-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.contact-8 .contact-8-info-label {
    color: var(--secondary, #68727d);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.contact-8 .contact-8-info-content .client_address,
.contact-8 .contact-8-info-content .client_email,
.contact-8 .contact-8-info-content .client_mobile {
    color: var(--text, #172532);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    word-break: break-word;
}

.contact-8 .contact-8-form-box {
    position: relative;
    height: 100%;
    padding: 38px;
    background: var(--bg, #f5f7f9);
    border: 1px solid var(--border, #e5e9ed);
    border-radius: 26px;
    box-shadow: 0 18px 45px rgba(23, 37, 50, 0.06);
}

.contact-8 .contact-8-form-header {
    margin-bottom: 28px;
}

.contact-8 .contact-8-form-label {
    display: block;
    margin-bottom: 7px;
    color: var(--primary, #007bff);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.contact-8 .contact-8-form-title {
    margin: 0 0 8px;
    color: var(--text, #172532);
    font-size: 27px;
    font-weight: 600;
    line-height: 1.3;
}

.contact-8 .contact-8-form-text {
    max-width: 470px;
    margin: 0;
    color: var(--secondary, #68727d);
    font-size: 13px;
    line-height: 1.7;
}

.contact-8 .contact-8-form-group {
    margin-bottom: 18px;
}

.contact-8 .contact-8-form-group label {
    display: block;
    margin: 0 0 8px;
    color: var(--text, #172532);
    font-size: 12px;
    font-weight: 600;
}

.contact-8 .contact-8-input-wrap {
    position: relative;
}

.contact-8 .contact-8-input-wrap > i {
    position: absolute;
    top: 50%;
    left: 17px;
    z-index: 2;
    color: var(--secondary, #68727d);
    font-size: 17px;
    transform: translateY(-50%);
    pointer-events: none;
    transition: 0.3s ease;
}

.contact-8 .contact-8-input {
    width: 100%;
    height: 52px;
    margin: 0;
    padding: 0 18px 0 47px;
    border: 1px solid var(--border, #dfe5ea);
    border-radius: 13px;
    background: var(--light, #ffffff);
    color: var(--text, #172532);
    box-shadow: none;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    transition: 0.3s ease;
}

.contact-8 .contact-8-input::placeholder {
    color: var(--secondary, #68727d);
    opacity: 0.75;
}

.contact-8 .contact-8-input:focus {
    outline: none;
    border-color: var(--primary, #007bff);
    background: var(--light, #ffffff);
    box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.08);
}

.contact-8 .contact-8-input:focus + i,
.contact-8 .contact-8-input-wrap:focus-within > i {
    color: var(--primary, #007bff);
}

.contact-8 textarea.contact-8-input {
    height: 135px;
    min-height: 135px;
    padding: 15px 18px 15px 47px;
    resize: vertical;
    line-height: 1.7;
}

.contact-8 .contact-8-textarea-wrap > i {
    top: 19px;
    transform: none;
}

.contact-8 .contact-8-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    margin-top: 2px;
    padding: 13px 25px;
    border: 1px solid var(--primary, #007bff);
    border-radius: 50px;
    background: var(--primary, #007bff);
    color: var(--light, #ffffff);
    box-shadow: none;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    transition: 0.35s ease;
}

.contact-8 .contact-8-submit i {
    font-size: 17px;
    transition: 0.3s ease;
}

.contact-8 .contact-8-submit:hover {
    border-color: var(--secondary, #0056b3);
    background: var(--secondary, #0056b3);
    color: var(--light, #ffffff);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(23, 37, 50, 0.14);
}

.contact-8 .contact-8-submit:hover i {
    transform: translateX(4px);
}

.contact-8 .contact-8-form-message {
    min-height: 25px;
    margin-top: 12px;
}

.contact-8 .form-message {
    margin: 0;
    color: var(--secondary, #68727d);
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 1199px) {
    .contact-8 .contact-8-container {
        padding: 55px 40px !important;
    }

    .contact-8 .contact-8-left {
        padding-right: 25px;
    }

    .contact-8 .contact-8-right {
        padding-left: 25px;
    }

    .contact-8 .contact-8-title {
        font-size: 42px;
    }

    .contact-8 .contact-8-form-box {
        padding: 32px;
    }
}

@media (max-width: 991px) {
    .contact-8 {
        padding: 70px 0;
    }

    .contact-8.section-wrapper {
        padding: 70px 15px !important;
    }

    .contact-8 .contact-8-container {
        padding: 45px 30px !important;
        border-radius: 26px;
    }

    .contact-8 .contact-8-row {
        display: block;
    }

    .contact-8 .contact-8-left,
    .contact-8 .contact-8-right {
        display: block;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-8 .contact-8-left {
        margin-bottom: 35px;
    }

    .contact-8 .contact-8-left-content {
        padding: 0;
    }

    .contact-8 .contact-8-title {
        max-width: 700px;
        font-size: 40px;
    }

    .contact-8 .contact-8-text {
        max-width: 700px;
    }

    .contact-8 .contact-8-form-box {
        height: auto;
    }
}

@media (max-width: 767px) {
    .contact-8 {
        padding: 60px 0;
    }

    .contact-8.section-wrapper {
        padding: 60px 15px !important;
    }

    .contact-8 .contact-8-container {
        padding: 35px 20px !important;
        border-radius: 22px;
    }

    .contact-8 .contact-8-left,
    .contact-8 .contact-8-right {
        padding-left: 5px;
        padding-right: 5px;
    }

    .contact-8 .contact-8-left {
        margin-bottom: 30px;
    }

    .contact-8 .contact-8-subtitle {
        margin-bottom: 16px;
        padding: 7px 14px;
        font-size: 10px;
    }

    .contact-8 .contact-8-title {
        margin-bottom: 18px;
        font-size: 32px;
        line-height: 1.25;
        letter-spacing: -0.6px;
    }

    .contact-8 .contact-8-text {
        margin-bottom: 28px;
        font-size: 14px;
        line-height: 1.8;
    }

    .contact-8 .contact-8-info {
        gap: 13px;
    }

    .contact-8 .contact-8-info-item {
        min-height: 56px;
    }

    .contact-8 .contact-8-info-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        margin-right: 12px;
        border-radius: 12px;
        font-size: 18px;
    }

    .contact-8 .contact-8-info-content .client_address,
    .contact-8 .contact-8-info-content .client_email,
    .contact-8 .contact-8-info-content .client_mobile {
        font-size: 13px;
    }

    .contact-8 .contact-8-form-box {
        margin-top: 0;
        padding: 26px 20px;
        border-radius: 20px;
    }

    .contact-8 .contact-8-form-title {
        font-size: 24px;
    }

    .contact-8 .contact-8-form-text {
        font-size: 12px;
    }

    .contact-8 .contact-8-input {
        height: 50px;
    }

    .contact-8 textarea.contact-8-input {
        height: 125px;
        min-height: 125px;
    }

    .contact-8 .contact-8-submit {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-8 .contact-8-container {
        padding: 30px 16px !important;
        border-radius: 20px;
    }

    .contact-8 .contact-8-title {
        font-size: 28px;
    }

    .contact-8 .contact-8-form-box {
        padding: 23px 16px;
        border-radius: 18px;
    }

    .contact-8 .contact-8-form-title {
        font-size: 22px;
    }

    .contact-8 .contact-8-info-content .client_address,
    .contact-8 .contact-8-info-content .client_email,
    .contact-8 .contact-8-info-content .client_mobile {
        font-size: 12px;
    }
}

.home-32 {
    padding: 80px 0;
    background: var(--secondary, #011954);
    font-family: "Poppins", sans-serif;
}

.home-32 .home-32-work-area {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.home-32 .home-32-work-area::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--secondary, #011954), #0b2f82);
    opacity: .96;
    z-index: -2;
}

.home-32 .home-32-work-area::after {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    z-index: -1;
}

.home-32 .home-32-section-title .home-32-title {
    margin-bottom: 18px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-32 .home-32-section-title .home-32-subtitle {
    max-width: 650px;
    margin: 0 auto 60px;
    color: rgba(255, 255, 255, .78);
    font-size: 16px;
    line-height: 30px;
}

.home-32 .home-32-work-content {
    position: relative;
    margin-bottom: 40px;
    padding: 20px;
    text-align: center;
    transition: .35s ease;
}

.home-32 .home-32-work-content:hover {
    transform: translateY(-6px);
}

.home-32 .home-32-illustration {
    width: 96px;
    height: 96px;
    margin: 0 auto 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--primary, #1f8eff);
    box-shadow: 0 18px 45px rgba(31, 142, 255, .35);
    transition: .35s ease;
}

.home-32 .home-32-work-content:hover .home-32-illustration {
    transform: rotate(10deg) scale(1.08);
}

.home-32 .home-32-illustration img {
    width: 42px;
    height: 42px;
}

.home-32 .home-32-work-content h4 {
    margin-bottom: 14px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

.home-32 .home-32-work-content p {
    max-width: 280px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
    line-height: 28px;
}

.home-32 .home-32-shaped-work::before {
    content: url("images/icons/arrow1.svg");
    position: absolute;
    top: 72px;
    left: -130px;
    opacity: .55;
}

.home-32 .home-32-shaped-work::after {
    content: url("images/icons/arrow2.svg");
    position: absolute;
    top: 100px;
    left: 304px;
    opacity: .55;
}

@media(max-width:1400px) {

    .home-32 .home-32-shaped-work::after {
        left: 250px;
    }

}

@media(max-width:991px) {

    .home-32 {
        padding: 70px 0;
    }

    .home-32 .home-32-section-title .home-32-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-32 {
        padding: 60px 0;
    }

    .home-32 .home-32-section-title .home-32-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-32 .home-32-section-title .home-32-subtitle {
        margin-bottom: 40px;
        font-size: 15px;
        line-height: 28px;
    }

    .home-32 .home-32-shaped-work::before,
    .home-32 .home-32-shaped-work::after {
        display: none;
    }

}

.about-16 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-16 * {
    font-family: "Poppins", sans-serif;
}

.about-16.section-wrapper {
    padding: 80px 15px;
    background: var(--bg, #fff);
}

.about-16 .about-box {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 30px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .06);
}

.about-16 .about-img {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.about-16 .about-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
    transform: scale(1.08);
    transition: transform .5s ease;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.about-16 .about-box:hover .about-img img {
    transform: scale(1);
}

.about-16 .about-content {
    padding: 40px;
}

.about-16 .about-content h2 {
    margin-bottom: 20px;
    color: var(--text, #1d1d1f);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    opacity: 0;
    transform: scale(.85);
    transform-origin: center;
}

.about-16 .about-content p {
    margin-bottom: 16px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.about-16 .about-rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin-top: 35px;
    padding-top: 28px;
    border-top: 1px solid var(--border, #e8edf3);
}

.about-16 .about-rating .value {
    color: var(--text, #222);
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
}

.about-16 .about-rating .label {
    margin-top: 6px;
    color: #888;
    font-size: 13px;
    line-height: 22px;
}

.about-16 .about-stars {
    color: var(--accent, #f5a623);
    font-size: 18px;
    letter-spacing: 2px;
}

.about-16 .about-reviews {
    margin-left: 8px;
    color: #888;
    font-size: 13px;
}

@media(max-width:991px) {

    .about-16 {
        padding: 70px 0;
    }

    .about-16 .about-content {
        padding: 35px;
    }

    .about-16 .about-content h2 {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .about-16 {
        padding: 60px 0;
    }

    .about-16.section-wrapper {
        padding: 60px 15px;
    }

    .about-16 .about-box,
    .about-16 .about-img,
    .about-16 .about-img img {
        border-radius: 24px;
    }

    .about-16 .about-content {
        padding: 28px 22px;
    }

    .about-16 .about-content h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .about-16 .about-rating {
        gap: 14px;
    }

    .about-16 .about-rating .value {
        font-size: 30px;
    }

}
.home-33 {
    padding: 90px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
    color: var(--text, #222);
}

.home-33 .home-33-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.home-33 .home-33-image-column,
.home-33 .home-33-content-column {
    display: flex;
}

.home-33 .home-33-image-column {
    padding-right: 30px;
}

.home-33 .home-33-content-column {
    padding-left: 30px;
}

.home-33 .home-33-image-box {
    position: relative;
    width: 100%;
    height: 510px;
    overflow: hidden;
    border-radius: 28px;
    background: var(--light, #f4f4f4);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .09);
}

.home-33 .home-33-image-box img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .55s ease;
}

.home-33 .home-33-image-box:hover img {
    transform: scale(1.05);
}

.home-33 .home-33-image-badge {
    position: absolute;
    left: 22px;
    bottom: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 17px;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 15px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 14px 35px rgba(0, 0, 0, .12);
}

.home-33 .home-33-image-badge > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--primary, #ef4444);
    color: var(--light, #fff);
    font-size: 19px;
}

.home-33 .home-33-image-badge strong {
    display: block;
    margin-bottom: 2px;
    color: var(--text, #222);
    font-size: 12px;
    font-weight: 700;
}

.home-33 .home-33-image-badge span {
    display: block;
    color: var(--text, #777);
    font-size: 9px;
}

.home-33 .home-33-content-box {
    width: 100%;
    max-width: 570px;
}

.home-33 .home-33-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 17px;
    color: var(--primary, #ef4444);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.home-33 .home-33-eyebrow i {
    font-size: 17px;
}

.home-33 .home-33-title {
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: 43px;
    font-weight: 700;
    line-height: 1.2;
}

.home-33 .home-33-title span {
    color: var(--primary, #ef4444);
}

.home-33 .home-33-description {
    margin: 0 0 26px;
    color: var(--text, #666);
    font-size: 14px;
    line-height: 1.9;
}

.home-33 .home-33-features {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px;
}

.home-33 .home-33-feature {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px 15px;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 14px;
    background: var(--light, #fff);
    transition: .3s ease;
}

.home-33 .home-33-feature:hover {
    transform: translateX(5px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}

.home-33 .home-33-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 12px;
    background: var(--light, #f4f4f4);
    color: var(--primary, #ef4444);
}

.home-33 .home-33-feature-icon i {
    font-size: 19px;
}

.home-33 .home-33-feature strong {
    display: block;
    margin-bottom: 2px;
    color: var(--text, #222);
    font-size: 12px;
    font-weight: 700;
}

.home-33 .home-33-feature p {
    margin: 0;
    color: var(--text, #777);
    font-size: 11px;
    line-height: 1.5;
}

.home-33 .home-33-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 52px;
    padding: 0 25px;
    border-radius: 50px;
    background: var(--primary, #ef4444);
    color: var(--light, #fff);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: .3s ease;
}

.home-33 .home-33-btn i {
    font-size: 17px;
    transition: transform .3s ease;
}

.home-33 .home-33-btn:hover {
    background: var(--secondary, #dc2626);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .15);
}

.home-33 .home-33-btn:hover i {
    transform: translateX(4px);
}

@media (max-width: 1199px) {
    .home-33 {
        padding: 80px 0;
    }

    .home-33 .home-33-image-column {
        padding-right: 20px;
    }

    .home-33 .home-33-content-column {
        padding-left: 20px;
    }

    .home-33 .home-33-image-box {
        height: 460px;
    }

    .home-33 .home-33-title {
        font-size: 38px;
    }
}

@media (max-width: 991px) {
    .home-33 {
        padding: 70px 0;
    }

    .home-33 .home-33-row {
        display: block;
    }

    .home-33 .home-33-image-column,
    .home-33 .home-33-content-column {
        display: block;
        padding: 0;
    }

    .home-33 .home-33-image-column {
        margin-bottom: 40px;
    }

    .home-33 .home-33-image-box {
        height: 420px;
    }

    .home-33 .home-33-content-box {
        max-width: 700px;
        margin: 0 auto;
    }

    .home-33 .home-33-title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .home-33 {
        padding: 60px 0;
    }

    .home-33 .home-33-image-column {
        margin-bottom: 32px;
    }

    .home-33 .home-33-image-box {
        height: 350px;
        border-radius: 22px;
    }

    .home-33 .home-33-content-box {
        text-align: center;
    }

    .home-33 .home-33-title {
        font-size: 30px;
    }

    .home-33 .home-33-description {
        font-size: 13px;
    }

    .home-33 .home-33-features {
        text-align: left;
    }

    .home-33 .home-33-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .home-33 {
        padding: 50px 0;
    }

    .home-33 .home-33-image-box {
        height: 290px;
        border-radius: 18px;
    }

    .home-33 .home-33-title {
        font-size: 27px;
    }

    .home-33 .home-33-image-badge {
        left: 12px;
        bottom: 12px;
        padding: 9px 12px;
    }

    .home-33 .home-33-image-badge > i {
        width: 34px;
        height: 34px;
        font-size: 16px;
    }

    .home-33 .home-33-image-badge strong {
        font-size: 10px;
    }

    .home-33 .home-33-image-badge span {
        font-size: 8px;
    }

    .home-33 .home-33-feature {
        padding: 11px;
    }
}
.home-35 {
    padding: 80px 0;
    background: var(--bg, #f9f9f9);
    font-family: "Poppins", sans-serif;
}

.home-35.section-wrapper {
    padding: 80px 0;
    background: var(--bg, #f9f9f9);
}

.home-35 .home-35-image-side {
    position: relative;
    min-height: 480px;
    overflow: hidden;
    border-radius: 30px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .10);
}

.home-35 .home-35-image-side::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .18), transparent);
}

.home-35 .home-35-text-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 50px;
}

.home-35 .home-35-title {
    margin-bottom: 18px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-35 .home-35-subtitle {
    margin: 0 0 35px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.home-35 .home-35-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
}

.home-35 .home-35-btn {
    padding: 14px 28px;
    border: none;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    transition: .35s ease;
    cursor: pointer;
}

.home-35 .home-35-btn:hover {
    transform: translateY(-3px);
}

.home-35 .home-35-btn-rent {
    background: var(--primary, #8BC34A);
    color: #fff;
    box-shadow: 0 15px 35px rgba(139, 195, 74, .25);
}

.home-35 .home-35-btn-sale {
    background: #fff;
    border: 1px solid var(--border, #e7ebf0);
    color: var(--text, #222);
}

.home-35 .home-35-searchbox {
    position: relative;
    width: 100%;
}

.home-35 .home-35-searchbox input {
    width: 100%;
    height: 58px;
    padding: 0 70px 0 24px;
    border: 1px solid var(--border, #d9e1ea);
    border-radius: 50px;
    background: #fff;
    color: var(--text, #222);
    font-size: 15px;
    transition: .35s ease;
}

.home-35 .home-35-searchbox input:focus {
    outline: none;
    border-color: var(--primary, #8BC34A);
    box-shadow: 0 0 0 4px rgba(139, 195, 74, .10);
}

.home-35 .home-35-searchbox button {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: var(--primary, #8BC34A);
    color: #fff;
    font-size: 18px;
    transition: .35s ease;
}

.home-35 .home-35-searchbox button:hover {
    background: var(--secondary, #6fa437);
    transform: scale(1.05);
}

@media(max-width:991px) {

    .home-35 {
        padding: 70px 0;
    }

    .home-35 .home-35-text-side {
        padding: 35px;
    }

    .home-35 .home-35-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-35 {
        padding: 60px 0;
    }

    .home-35.section-wrapper {
        padding: 60px 0;
    }

    .home-35 .home-35-image-side {
        min-height: 280px;
        margin-bottom: 30px;
        border-radius: 24px;
    }

    .home-35 .home-35-text-side {
        padding: 20px 15px;
        text-align: center;
    }

    .home-35 .home-35-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-35 .home-35-buttons {
        justify-content: center;
    }

    .home-35 .home-35-searchbox {
        margin-top: 10px;
    }

}
.about-17 {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background: var(--bg, #f7f8f5);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
}

.about-17 *,
.about-17 *::before,
.about-17 *::after {
    box-sizing: border-box;
}

.about-17 .container {
    position: relative;
    z-index: 2;
}

.about-17-main-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -12px;
    margin-left: -12px;
}

.about-17-main-column,
.about-17-side-column {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
}

.about-17-main-column {
    flex-direction: column;
}

.about-17-header {
    max-width: 850px;
    margin-bottom: 42px;
}

.about-17-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--primary, #4CAF50);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.about-17-eyebrow i {
    font-size: 18px;
}

.about-17-section-title {
    margin: 0 0 17px;
    color: var(--text, #222);
    font-size: 41px;
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: -.8px;
}

.about-17-section-title span {
    color: var(--primary, #4CAF50);
    font-weight: 700;
}

.about-17-section-subtitle {
    max-width: 720px;
    margin: 0;
    color: var(--text, #222);
    opacity: .6;
    font-size: 13px;
    line-height: 1.85;
}

.about-17-box-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.about-17-box-column {
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
}

.about-17-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 315px;
    padding: 27px 25px 24px;
    overflow: hidden;
    border: 1px solid var(--border, #e4e9e4);
    border-radius: 21px;
    background: var(--light, #fff);
    box-shadow: 0 16px 45px rgba(0, 0, 0, .055);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.about-17-box::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -55px;
    width: 130px;
    height: 130px;
    border: 1px solid var(--border, #e4e9e4);
    border-radius: 50%;
    pointer-events: none;
}

.about-17-box:hover {
    border-color: var(--primary, #4CAF50);
    transform: translateY(-7px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .1);
}

.about-17-icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 57px;
    margin-bottom: 18px;
    border-radius: 16px;
    background: var(--light, #eef8ee);
    color: var(--primary, #4CAF50);
    transition: background .35s ease, color .35s ease, transform .35s ease;
}

.about-17-icon i {
    font-size: 27px;
}

.about-17-box:hover .about-17-icon {
    background: var(--primary, #4CAF50);
    color: var(--light, #fff);
    transform: scale(1.05);
}

.about-17-number {
    position: absolute;
    top: 28px;
    right: 24px;
    color: var(--text, #222);
    opacity: .18;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.about-17-box h4 {
    position: relative;
    z-index: 1;
    margin: 0 0 11px;
    color: var(--text, #222);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}

.about-17-box p {
    position: relative;
    z-index: 1;
    flex: 1;
    margin: 0 0 20px;
    color: var(--text, #222);
    opacity: .58;
    font-size: 11px;
    line-height: 1.8;
}

.about-17-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    color: var(--text, #222);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease, gap .3s ease;
}

.about-17-link i {
    color: var(--primary, #4CAF50);
    font-size: 16px;
    transition: transform .3s ease;
}

.about-17-link:hover {
    gap: 12px;
    color: var(--primary, #4CAF50);
    text-decoration: none;
}

.about-17-link:hover i {
    transform: translateX(3px);
}

.about-17-side-column {
    flex-direction: column;
}

.about-17-side-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 20px;
}

.about-17-highlight {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 30px;
    overflow: hidden;
    border-radius: 24px;
    background: var(--primary, #4CAF50);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .1);
}

.about-17-highlight::before {
    content: "";
    position: absolute;
    top: -90px;
    right: -90px;
    width: 210px;
    height: 210px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
}

.about-17-highlight-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.about-17-highlight-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
    color: var(--light, #fff);
    opacity: .9;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.about-17-highlight-tag i {
    font-size: 16px;
}

.about-17-highlight h3 {
    margin: 0 0 21px;
    color: var(--light, #fff);
    font-size: 25px;
    font-weight: 600;
    line-height: 1.3;
}

.about-17-highlight h3 span {
    display: block;
    font-weight: 700;
}

.about-17-highlight-image {
    position: relative;
    width: 100%;
    height: 225px;
    margin-top: auto;
    margin-bottom: 22px;
    overflow: hidden;
    border-radius: 17px;
    background: var(--secondary, #222);
}

.about-17-highlight-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.about-17-highlight:hover .about-17-highlight-image img {
    transform: scale(1.05);
}

.about-17-highlight-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    gap: 9px;
    min-height: 48px;
    padding: 12px 20px;
    border-radius: 50px;
    background: var(--light, #fff);
    color: var(--primary, #4CAF50);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .6px;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .3s ease, box-shadow .3s ease, gap .3s ease;
}

.about-17-highlight-btn i {
    font-size: 16px;
}

.about-17-highlight-btn:hover {
    gap: 12px;
    color: var(--primary, #4CAF50);
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .15);
    text-decoration: none;
}

.about-17-contact-card {
    display: flex;
    gap: 15px;
    padding: 22px;
    border: 1px solid var(--border, #e4e9e4);
    border-radius: 20px;
    background: var(--light, #fff);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .055);
}

.about-17-contact-icon {
    display: flex;
    flex: 0 0 45px;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 13px;
    background: var(--light, #eef8ee);
    color: var(--primary, #4CAF50);
}

.about-17-contact-icon i {
    font-size: 20px;
}

.about-17-contact-content {
    min-width: 0;
}

.about-17-contact-content > span {
    display: block;
    margin-bottom: 5px;
    color: var(--primary, #4CAF50);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-17-contact-content h4 {
    margin: 0 0 7px;
    color: var(--text, #222);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.about-17-contact-content p {
    margin: 0 0 12px;
    color: var(--text, #222);
    opacity: .56;
    font-size: 10px;
    line-height: 1.7;
}

.about-17-contact-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--text, #222);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease, gap .3s ease;
}

.about-17-contact-link i {
    color: var(--primary, #4CAF50);
    font-size: 14px;
}

.about-17-contact-link:hover {
    gap: 10px;
    color: var(--primary, #4CAF50);
    text-decoration: none;
}

@media (max-width: 1199px) {
    .about-17 {
        padding: 80px 0;
    }

    .about-17-section-title {
        font-size: 37px;
    }

    .about-17-box {
        min-height: 300px;
        padding: 25px 22px;
    }

    .about-17-highlight {
        padding: 27px;
    }

    .about-17-highlight h3 {
        font-size: 22px;
    }

    .about-17-highlight-image {
        height: 205px;
    }
}

@media (max-width: 991px) {
    .about-17 {
        padding: 70px 0;
    }

    .about-17-main-column,
    .about-17-side-column {
        width: 100%;
    }

    .about-17-main-column {
        margin-bottom: 25px;
    }

    .about-17-section-title {
        font-size: 35px;
    }

    .about-17-side-wrapper {
        height: auto;
    }

    .about-17-highlight {
        min-height: 500px;
    }

    .about-17-highlight-image {
        height: 250px;
    }
}

@media (max-width: 767px) {
    .about-17 {
        padding: 60px 0;
    }

    .about-17-header {
        margin-bottom: 32px;
    }

    .about-17-section-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .about-17-section-subtitle {
        font-size: 12px;
    }

    .about-17-box-column {
        width: 100%;
    }

    .about-17-box {
        min-height: 275px;
    }

    .about-17-highlight {
        min-height: 460px;
        padding: 25px;
        border-radius: 21px;
    }

    .about-17-highlight-image {
        height: 240px;
    }
}

@media (max-width: 480px) {
    .about-17 {
        padding: 50px 0;
    }

    .about-17-section-title {
        font-size: 26px;
    }

    .about-17-eyebrow {
        font-size: 9px;
    }

    .about-17-box {
        min-height: 265px;
        padding: 23px 20px;
        border-radius: 18px;
    }

    .about-17-box h4 {
        font-size: 18px;
    }

    .about-17-box p {
        font-size: 10px;
    }

    .about-17-highlight {
        min-height: 420px;
        padding: 22px;
    }

    .about-17-highlight h3 {
        font-size: 21px;
    }

    .about-17-highlight-image {
        height: 205px;
    }

    .about-17-contact-card {
        padding: 19px;
    }
}

.contact-9 {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background-color: var(--bg, #fff);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
}

.contact-9 *,
.contact-9 *::before,
.contact-9 *::after {
    box-sizing: border-box;
}

.contact-9-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.86) 48%, rgba(255,255,255,.68) 100%);
}

.contact-9 .container {
    position: relative;
    z-index: 2;
}

.contact-9-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -12px;
    margin-left: -12px;
}

.contact-9-content-column,
.contact-9-phone-column {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
}

.contact-9-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 25px 35px 25px 30px;
    border-left: 4px solid var(--primary, #8BC34A);
}

.contact-9-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 17px;
    color: var(--primary, #8BC34A);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.contact-9-eyebrow i {
    font-size: 18px;
}

.contact-9-section-title {
    max-width: 720px;
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.8px;
}

.contact-9-section-title span {
    color: var(--primary, #8BC34A);
    font-weight: 700;
}

.contact-9-description {
    max-width: 650px;
    margin: 0;
    color: var(--text, #222);
    opacity: .62;
    font-size: 13px;
    line-height: 1.9;
}

.contact-9-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 27px;
}

.contact-9-trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text, #222);
    font-size: 11px;
    font-weight: 600;
}

.contact-9-trust i {
    color: var(--primary, #8BC34A);
    font-size: 17px;
}

.contact-9-phone-column {
    align-items: stretch;
}

.contact-9-phone-section {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 390px;
    padding: 40px 35px;
    overflow: hidden;
    border: 1px solid var(--border, #e5e8e5);
    border-radius: 26px;
    background: var(--bg, #fff);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .09);
    text-align: center;
    transition: transform .35s ease, box-shadow .35s ease;
}

.contact-9-phone-section::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 220px;
    height: 220px;
    border: 1px solid var(--border, #e5e8e5);
    border-radius: 50%;
    pointer-events: none;
}

.contact-9-phone-section::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 180px;
    height: 180px;
    border: 1px solid var(--border, #e5e8e5);
    border-radius: 50%;
    pointer-events: none;
}

.contact-9-phone-section:hover {
    transform: translateY(-7px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .13);
}

.contact-9-phone-icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    margin-bottom: 22px;
    border-radius: 50%;
    background: var(--light, #eef8e7);
    color: var(--primary, #8BC34A);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .06);
    transition: transform .35s ease, background .35s ease;
}

.contact-9-phone-icon i {
    font-size: 32px;
}

.contact-9-phone-section:hover .contact-9-phone-icon {
    background: var(--primary, #8BC34A);
    color: var(--light, #fff);
    transform: scale(1.08) rotate(5deg);
}

.contact-9-help-text {
    position: relative;
    z-index: 2;
    margin-bottom: 8px;
    color: var(--text, #222);
    opacity: .48;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.contact-9-phone-number {
    position: relative;
    z-index: 2;
    margin: 0 0 13px;
    color: var(--text, #222);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.contact-9-phone-description {
    position: relative;
    z-index: 2;
    max-width: 330px;
    margin: 0 0 25px;
    color: var(--text, #222);
    opacity: .58;
    font-size: 11px;
    line-height: 1.75;
}

.contact-9-contact-btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    padding: 13px 25px;
    border-radius: 50px;
    background: var(--primary, #8BC34A);
    color: var(--light, #fff);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .6px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 13px 30px rgba(0, 0, 0, .12);
    transition: transform .35s ease, background .35s ease, gap .35s ease;
}

.contact-9-contact-btn i {
    font-size: 17px;
    transition: transform .35s ease;
}

.contact-9-contact-btn:hover {
    background: var(--secondary, #7CB342);
    color: var(--light, #fff);
    gap: 13px;
    transform: translateY(-3px);
    text-decoration: none;
}

.contact-9-contact-btn:hover i {
    transform: translateX(3px);
}

@media (max-width: 1199px) {
    .contact-9 {
        padding: 80px 0;
    }

    .contact-9-section-title {
        font-size: 37px;
    }

    .contact-9-content {
        padding-left: 27px;
    }

    .contact-9-phone-number {
        font-size: 30px;
    }

    .contact-9-phone-section {
        min-height: 370px;
        padding: 35px 25px;
    }
}

@media (max-width: 991px) {
    .contact-9 {
        padding: 70px 0;
    }

    .contact-9-content-column,
    .contact-9-phone-column {
        width: 100%;
    }

    .contact-9-content-column {
        margin-bottom: 35px;
    }

    .contact-9-content {
        padding: 15px 25px;
    }

    .contact-9-section-title {
        max-width: 800px;
        font-size: 36px;
    }

    .contact-9-phone-section {
        min-height: 340px;
    }
}

@media (max-width: 767px) {
    .contact-9 {
        padding: 60px 0;
    }

    .contact-9-overlay {
        background: rgba(255, 255, 255, .9);
    }

    .contact-9-content {
        padding: 10px 20px;
        border-left-width: 3px;
    }

    .contact-9-section-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .contact-9-description {
        font-size: 12px;
        line-height: 1.8;
    }

    .contact-9-trust {
        gap: 15px;
        margin-top: 22px;
    }

    .contact-9-phone-column {
        margin-top: 0;
    }

    .contact-9-phone-section {
        min-height: 330px;
        padding: 32px 22px;
        border-radius: 22px;
    }

    .contact-9-phone-number {
        font-size: 29px;
    }
}

@media (max-width: 480px) {
    .contact-9 {
        padding: 50px 0;
    }

    .contact-9-section-title {
        font-size: 26px;
        letter-spacing: -.3px;
    }

    .contact-9-eyebrow {
        font-size: 9px;
    }

    .contact-9-description {
        font-size: 11px;
    }

    .contact-9-trust {
        flex-direction: column;
        gap: 10px;
    }

    .contact-9-phone-section {
        min-height: 310px;
        padding: 28px 18px;
    }

    .contact-9-phone-icon {
        width: 68px;
        height: 68px;
    }

    .contact-9-phone-icon i {
        font-size: 28px;
    }

    .contact-9-phone-number {
        font-size: 25px;
    }

    .contact-9-phone-description {
        font-size: 10px;
    }

    .contact-9-contact-btn {
        width: 100%;
        max-width: 230px;
    }
}

.services-11 {
    padding: 80px 0;
    background: var(--secondary, #0A0E2F);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.services-11 .section-wrapper {
    padding: 80px 0;
}

.services-11 .services-subtitle {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--primary, #00C2FF);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-11 .services-title {
    margin: 0 0 40px;
    padding: 0;
    color: #fff;
    font-size: 56px;
    font-weight: 700;
    line-height: 66px;
}

.services-11 .services-title span {
    background: linear-gradient(90deg, var(--accent, #D9E021), var(--primary, #00C66B), #00AEEF);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services-11 .services-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.services-11 .services-list li {
    position: relative;
    margin-bottom: 18px;
    padding: 18px 22px 18px 62px;
    color: rgba(255, 255, 255, .70);
    font-size: 16px;
    font-weight: 500;
    border-radius: 18px;
    transition: .35s ease;
}

.services-11 .services-list li:hover {
    background: rgba(255, 255, 255, .05);
    color: #fff;
}

.services-11 .services-list li.active {
    left: 0;
    color: #fff;
    font-weight: 600;
    background: rgba(255, 255, 255, .08);
}

.services-11 .services-list li.active::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--primary, #00C2FF);
    transform: translateY(-50%);
    box-shadow: 0 12px 30px rgba(0, 194, 255, .30);
}

.services-11 .services-list li.active::after {
    content: "→";
    position: absolute;
    left: 26px;
    top: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    transform: translateY(-50%);
}

.services-11 .services-image-container {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    border-radius: 30px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .22);
}

.services-11 .services-image-container img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
    transition: transform .5s ease;
}

.services-11 .services-image-container:hover img {
    transform: scale(1.06);
}

.services-11 .services-badge {
    position: absolute;
    right: 24px;
    bottom: 24px;
    width: 90px;
    height: 90px;
    padding: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(10px);
}

@media(max-width:991px) {

    .services-11 {
        padding: 70px 0;
    }

    .services-11 .section-wrapper {
        padding: 70px 0;
    }

    .services-11 .services-title {
        font-size: 42px;
        line-height: 52px;
    }

}

@media(max-width:767px) {

    .services-11 {
        padding: 60px 0;
    }

    .services-11 .section-wrapper {
        padding: 60px 0;
    }

    .services-11 .services-title {
        font-size: 30px;
        line-height: 40px;
    }

    .services-11 .services-list li {
        padding: 16px 18px 16px 56px;
        font-size: 15px;
    }

    .services-11 .services-image-container,
    .services-11 .services-image-container img {
        border-radius: 24px;
    }

    .services-11 .services-badge {
        width: 72px;
        height: 72px;
        right: 18px;
        bottom: 18px;
    }

}
.pricing-7 {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background-color: var(--secondary, #0a0d2e);
    background-repeat: repeat;
    background-position: center;
    background-size: auto;
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.pricing-7::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(5, 8, 30, .72);
    pointer-events: none;
}

.pricing-7 > .container {
    position: relative;
    z-index: 1;
}

.pricing-7-header {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.pricing-7-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--primary, #14e3e5);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1.4;
    text-transform: uppercase;
}

.pricing-7-eyebrow i {
    font-size: 18px;
}

.pricing-7-section-title {
    margin: 0 0 16px;
    color: var(--light, #fff);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.pricing-7-section-title span {
    background: linear-gradient(
        90deg,
        var(--accent, #b5e853),
        var(--primary, #14e3e5)
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pricing-7-description {
    max-width: 620px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .68);
    font-size: 14px;
    line-height: 1.8;
}

.pricing-7-row {
    display: flex;
    align-items: stretch;
    margin-left: -12px;
    margin-right: -12px;
}

.pricing-7-column {
    display: flex;
    padding: 0 12px;
}

.pricing-7-box {
    position: relative;
    width: 100%;
    min-height: 455px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 34px 30px 30px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 26px;
    background: rgba(255, 255, 255, .055);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
    backdrop-filter: blur(12px);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.pricing-7-box:hover {
    transform: translateY(-8px);
    border-color: var(--primary, #14e3e5);
    box-shadow: 0 30px 70px rgba(20, 227, 229, .14);
}

.pricing-7-box-featured {
    border-color: rgba(20, 227, 229, .38);
    background: rgba(20, 227, 229, .065);
}

.pricing-7-popular {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 7px 17px;
    border-radius: 30px;
    background: var(--primary, #14e3e5);
    color: var(--secondary, #0a0d2e);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.3;
    text-transform: uppercase;
    white-space: nowrap;
}

.pricing-7-plan-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    color: var(--primary, #14e3e5);
    font-size: 25px;
}

.pricing-7-plan-title {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
}

.pricing-7-plan-basic {
    color: var(--primary, #14e3e5);
}

.pricing-7-plan-standard {
    color: var(--accent, #b5e853);
}

.pricing-7-plan-premium {
    color: var(--primary, #14e3e5);
}

.pricing-7-plan-price {
    margin-bottom: 28px;
    color: var(--light, #fff);
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
}

.pricing-7-plan-price small {
    margin-left: 3px;
    color: rgba(255, 255, 255, .55);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
}

.pricing-7-feature-list {
    width: 100%;
    flex: 1;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.pricing-7-feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-height: 43px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .065);
    color: rgba(255, 255, 255, .82);
    font-size: 13px;
    line-height: 1.5;
}

.pricing-7-feature-list li:last-child {
    border-bottom: 0;
}

.pricing-7-feature-list li i {
    flex: 0 0 auto;
    margin-top: 1px;
    color: var(--primary, #14e3e5);
    font-size: 17px;
    line-height: 1;
}

.pricing-7-feature-list .pricing-7-feature-disabled {
    color: rgba(255, 255, 255, .4);
}

.pricing-7-feature-list .pricing-7-feature-disabled i {
    color: rgba(255, 255, 255, .35);
}

.pricing-7-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 50px;
    padding: 12px 24px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50px;
    background: transparent;
    color: var(--light, #fff);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.pricing-7-btn i {
    font-size: 17px;
    transition: transform .3s ease;
}

.pricing-7-btn:hover {
    border-color: var(--primary, #14e3e5);
    background: var(--primary, #14e3e5);
    color: var(--secondary, #0a0d2e);
    text-decoration: none;
}

.pricing-7-btn:hover i {
    transform: translateX(4px);
}

.pricing-7-btn-primary {
    border-color: var(--primary, #14e3e5);
    background: var(--primary, #14e3e5);
    color: var(--secondary, #0a0d2e);
}

.pricing-7-btn-primary:hover {
    border-color: var(--light, #fff);
    background: var(--light, #fff);
    color: var(--secondary, #0a0d2e);
}

@media (max-width: 991px) {
    .pricing-7 {
        padding: 70px 0;
    }

    .pricing-7-header {
        margin-bottom: 45px;
    }

    .pricing-7-section-title {
        font-size: 36px;
    }

    .pricing-7-box {
        min-height: 470px;
        padding: 30px 22px;
    }

    .pricing-7-plan-price {
        font-size: 38px;
    }

    .pricing-7-feature-list li {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .pricing-7 {
        padding: 60px 15px;
    }

    .pricing-7-header {
        margin-bottom: 38px;
    }

    .pricing-7-section-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .pricing-7-description {
        font-size: 13px;
    }

    .pricing-7-row {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .pricing-7-column {
        display: block;
        width: 100%;
        margin-bottom: 24px;
        padding: 0;
    }

    .pricing-7-column:last-child {
        margin-bottom: 0;
    }

    .pricing-7-box {
        min-height: 0;
        padding: 32px 25px 28px;
    }

    .pricing-7-plan-price {
        font-size: 40px;
    }
}

@media (max-width: 480px) {
    .pricing-7 {
        padding: 50px 12px;
    }

    .pricing-7-section-title {
        font-size: 27px;
    }

    .pricing-7-eyebrow {
        font-size: 10px;
    }

    .pricing-7-box {
        border-radius: 22px;
        padding: 28px 20px 24px;
    }

    .pricing-7-plan-icon {
        width: 52px;
        height: 52px;
        font-size: 22px;
    }

    .pricing-7-plan-price {
        font-size: 36px;
    }

    .pricing-7-feature-list li {
        font-size: 12px;
    }
}

.testimonial-9 {
    padding: 80px 0;
    background: var(--secondary, #0a0d2e);
    font-family: "Poppins", sans-serif;
    color: #fff;
}

.testimonial-9.section-wrapper {
    padding: 80px 20px;
}

.testimonial-9 .section-title {
    margin-bottom: 24px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.testimonial-9 .section-title span {
    background: linear-gradient(90deg, var(--accent, #f8c01b), var(--primary, #0cd977), #0caeea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.testimonial-9 .contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0 40px;
    padding: 14px 34px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.testimonial-9 .contact-btn:hover {
    background: var(--primary, #0cd977);
    border-color: var(--primary, #0cd977);
    color: #08112c;
    text-decoration: none;
    transform: translateY(-3px);
}

.testimonial-9 .testimonial-box {
    height: 100%;
    padding: 30px;
    margin-bottom: 30px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 30px;
    box-shadow: 0 22px 55px rgba(0, 0, 0, .20);
    transition: .35s ease;
}

.testimonial-9 .testimonial-box:hover {
    transform: translateY(-8px);
    border-color: var(--primary, #0cd977);
    box-shadow: 0 30px 65px rgba(12, 217, 119, .14);
}

.testimonial-9 .testimonial-box img {
    width: 70px;
    height: 70px;
    margin-right: 16px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, .12);
    object-fit: cover;
}

.testimonial-9 .testimonial-author {
    margin-bottom: 6px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.testimonial-9 .testimonial-role {
    color: rgba(255, 255, 255, .65);
    font-size: 14px;
}

.testimonial-9 .testimonial-text {
    margin-top: 18px;
    color: rgba(255, 255, 255, .75);
    font-size: 15px;
    line-height: 28px;
}

.testimonial-9 .testimonial-text strong {
    color: #fff;
}

@media(max-width:991px) {

    .testimonial-9 {
        padding: 70px 0;
    }

    .testimonial-9 .section-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .testimonial-9 {
        padding: 60px 0;
    }

    .testimonial-9.section-wrapper {
        padding: 60px 15px;
    }

    .testimonial-9 .section-title {
        font-size: 30px;
        line-height: 40px;
    }

    .testimonial-9 .testimonial-box {
        padding: 26px 22px;
        border-radius: 24px;
        text-align: center;
    }

    .testimonial-9 .testimonial-box img {
        margin: 0 auto 16px;
    }

}

.news-4 {
    padding: 80px 0;
    background: var(--bg, #f9f9f9);
    font-family: "Poppins", sans-serif;
}

.news-4.section-wrapper {
    padding: 80px 0;
    background: var(--bg, #f9f9f9);
}

.news-4 .sub-title {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--primary, #e06c9f);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.news-4 .section-title {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.news-4 .title-underline {
    display: block;
    width: 70px;
    height: 4px;
    margin-top: 10px;
    border: none;
    border-radius: 10px;
    background: var(--primary, #e06c9f);
}

.news-4 .card {
    height: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 28px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .06);
    transition: .35s ease;
    opacity: 0;
    transform: translateY(20px);
    animation: news4FadeUp .6s ease forwards;
}

.news-4 .card:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 65px rgba(0, 0, 0, .10);
}

.news-4 .card img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .5s ease;
}

.news-4 .card:hover img {
    transform: scale(1.06);
}

.news-4 .card-body {
    padding: 28px;
}

.news-4 .category {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--primary, #e06c9f);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.news-4 .card-title {
    margin-bottom: 14px;
    color: var(--text, #222);
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.news-4 .card-text {
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.news-4 .date {
    margin-top: 20px;
    color: #888;
    font-size: 13px;
    text-align: right;
}

.news-4 .card:nth-child(1) {
    animation-delay: .2s;
}

.news-4 .card:nth-child(2) {
    animation-delay: .4s;
}

.news-4 .card:nth-child(3) {
    animation-delay: .6s;
}

@keyframes news4FadeUp {

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

@media(max-width:991px) {

    .news-4 {
        padding: 70px 0;
    }

    .news-4.section-wrapper {
        padding: 70px 0;
    }

    .news-4 .section-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .news-4 {
        padding: 60px 0;
    }

    .news-4.section-wrapper {
        padding: 60px 0;
    }

    .news-4 .section-title {
        font-size: 30px;
        line-height: 40px;
    }

    .news-4 .card {
        border-radius: 24px;
    }

    .news-4 .card-body {
        padding: 22px;
    }

}


.services-12 {
    padding: 80px 0;
    background: var(--secondary, #1a1a1a);
    color: #fff;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.services-12 * {
    font-family: "Poppins", sans-serif;
}

.services-12.section-wrapper {
    padding: 80px 15px;
    background: var(--secondary, #1a1a1a);
}

.services-12 .main-heading {
    margin-bottom: 60px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    text-align: center;
}

.services-12 .main-heading span {
    color: var(--accent, #F9D65E);
}

.services-12 .service-box {
    position: relative;
    min-height: 300px;
    margin-bottom: 30px;
    padding: 35px 30px 80px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 28px;
    backdrop-filter: blur(10px);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .20);
    transition: .35s ease;
}

.services-12 .service-box:hover {
    transform: translateY(-8px);
    border-color: var(--primary, #F9D65E);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .28);
}

.services-12 .service-box h4 {
    margin-bottom: 16px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.services-12 .service-box p {
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
    line-height: 28px;
}

.services-12 .service-number {
    position: absolute;
    right: 28px;
    bottom: 24px;
    color: rgba(255, 255, 255, .12);
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
}

.services-12 .arrow-btn {
    position: absolute;
    left: 28px;
    bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 18px;
    transition: .35s ease;
}

.services-12 .arrow-btn:hover {
    background: var(--accent, #F9D65E);
    color: #111;
    transform: translateX(4px);
}

.services-12 .animated-zoom {
    animation: services12Zoom 1s ease both;
}

@keyframes services12Zoom {

    from {
        opacity: 0;
        transform: scale(.85);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }

}

@media(max-width:991px) {

    .services-12 {
        padding: 70px 0;
    }

    .services-12.section-wrapper {
        padding: 70px 15px;
    }

    .services-12 .main-heading {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .services-12 {
        padding: 60px 0;
    }

    .services-12.section-wrapper {
        padding: 60px 15px;
    }

    .services-12 .main-heading {
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 40px;
    }

    .services-12 .service-box {
        min-height: auto;
        padding: 30px 24px 75px;
        border-radius: 24px;
    }

    .services-12 .service-number {
        font-size: 34px;
    }

}



.testimonial-10 {
    padding: 80px 0;
    background: var(--primary, #d9734b);
    color: #fff;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.testimonial-10.section-wrapper {
    padding: 80px 15px;
    background: var(--primary, #d9734b);
}

.testimonial-10 .section-title {
    margin-bottom: 12px;
    color: rgba(255, 255, 255, .88);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 1px;
    text-align: left;
}

.testimonial-10 .section-subtitle {
    color: rgba(255, 255, 255, .78);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.testimonial-10 .title-underline {
    width: 80px;
    height: 4px;
    margin: 22px 0 40px;
    border-radius: 20px;
    background: var(--accent, #ffb6a7);
}

.testimonial-10 .testimonial-block {
    height: 360px;
    margin-bottom: 30px;
    padding: 32px 28px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 28px;
    backdrop-filter: blur(10px);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .12);
    transition: .35s ease;
}

.testimonial-10 .testimonial-block:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 65px rgba(0, 0, 0, .18);
}

.testimonial-10 .quote-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 22px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    color: var(--accent, #ffb6a7);
    font-size: 24px;
}

.testimonial-10 .testimonial-text {
    color: rgba(255, 255, 255, .90);
    font-size: 16px;
    line-height: 30px;
}

.testimonial-10 .author-img img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(255, 255, 255, .18);
}

.testimonial-10 .author-info {
    margin-top: 16px;
}

.testimonial-10 .author-name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.testimonial-10 .author-location {
    margin-top: 4px;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    font-style: italic;
}

.testimonial-10 .animate-section {
    animation: testimonial10Zoom 1s ease both;
}

@keyframes testimonial10Zoom {

    from {
        opacity: 0;
        transform: scale(.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }

}

@media(max-width:991px) {

    .testimonial-10 {
        padding: 70px 0;
    }

    .testimonial-10.section-wrapper {
        padding: 70px 15px;
    }

    .testimonial-10 .section-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .testimonial-10 {
        padding: 60px 0;
    }

    .testimonial-10.section-wrapper {
        padding: 60px 15px;
    }

    .testimonial-10 .section-title {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .testimonial-10 .section-subtitle {
        text-align: center;
        letter-spacing: 3px;
    }

    .testimonial-10 .title-underline {
        margin: 20px auto 35px;
    }

    .testimonial-10 .testimonial-block {
        height: auto;
        padding: 28px 22px;
        border-radius: 24px;
    }

}

.about-18 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: var(--bg, #fff);
    color: var(--text, #333);
    font-family: "Poppins", sans-serif;
}

.about-18 * {
    box-sizing: border-box;
}

.about-18 .container-fluid {
    width: 100%;
    padding: 0 30px;
}

.about-18 .about-18-flex-wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 1400px;
    min-height: 560px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 26px;
    background: var(--light, #fff);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .07);
}

.about-18 .about-18-img-col,
.about-18 .about-18-text-col {
    width: 50%;
}

.about-18 .about-18-img-col {
    position: relative;
    min-width: 0;
    overflow: hidden;
}

.about-18 .about-18-image-wrap {
    position: relative;
    width: 100%;
    height: 560px;
    overflow: hidden;
}

.about-18 .about-18-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .6s ease;
}

.about-18 .about-18-img-col:hover .about-18-image {
    transform: scale(1.04);
}

.about-18 .about-18-curtain {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, .55),
        rgba(0, 0, 0, .15)
    );
    pointer-events: none;
}

.about-18 .about-18-image-badge {
    position: absolute;
    left: 28px;
    bottom: 28px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50px;
    background: rgba(0, 0, 0, .5);
    color: var(--light, #fff);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    backdrop-filter: blur(10px);
}

.about-18 .about-18-image-badge i {
    color: var(--accent, #f3b4ac);
    font-size: 18px;
}

.about-18 .about-18-text-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 65px;
}

.about-18 .about-18-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-bottom: 14px;
    color: var(--accent, #f3b4ac);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.about-18 .about-18-title i {
    font-size: 17px;
}

.about-18 .about-18-subtitle {
    max-width: 520px;
    margin: 0;
    color: var(--text, #333);
    font-size: 46px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.8px;
}

.about-18 .about-18-divider {
    width: 65px;
    height: 3px;
    margin: 24px 0 27px;
    border-radius: 10px;
    background: var(--accent, #f3b4ac);
}

.about-18 .about-18-description {
    max-width: 560px;
    margin: 0 0 20px;
    color: rgba(51, 51, 51, .68);
    font-size: 14px;
    line-height: 1.9;
}

.about-18 .about-18-description:last-of-type {
    margin-bottom: 30px;
}

.about-18 .about-18-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    gap: 10px;
    min-height: 48px;
    padding: 0 23px;
    border: 1px solid var(--accent, #f3b4ac);
    border-radius: 50px;
    background: transparent;
    color: var(--accent, #f3b4ac);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .3s ease, color .3s ease, transform .3s ease;
}

.about-18 .about-18-btn i {
    font-size: 17px;
    transition: transform .3s ease;
}

.about-18 .about-18-btn:hover {
    background: var(--accent, #f3b4ac);
    color: var(--light, #fff);
    transform: translateY(-3px);
}

.about-18 .about-18-btn:hover i {
    transform: translateX(4px);
}

@media (max-width: 1199px) {
    .about-18 {
        padding: 70px 0;
    }

    .about-18 .about-18-container {
        padding: 0 25px;
    }

    .about-18 .about-18-image-wrap {
        height: 520px;
    }

    .about-18 .about-18-flex-wrapper {
        min-height: 520px;
    }

    .about-18 .about-18-text-col {
        padding: 50px 45px;
    }

    .about-18 .about-18-subtitle {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    .about-18 {
        padding: 65px 0;
    }

    .about-18 .container-fluid {
        padding: 0 20px;
    }

    .about-18 .about-18-flex-wrapper {
        min-height: 480px;
    }

    .about-18 .about-18-image-wrap {
        height: 480px;
    }

    .about-18 .about-18-text-col {
        padding: 40px 32px;
    }

    .about-18 .about-18-subtitle {
        font-size: 34px;
    }

    .about-18 .about-18-description {
        font-size: 13px;
        line-height: 1.8;
    }
}

@media (max-width: 767px) {
    .about-18 {
        padding: 55px 0;
    }

    .about-18 .container-fluid {
        padding: 0 15px;
    }

    .about-18 .about-18-flex-wrapper {
        display: block;
        min-height: auto;
        border-radius: 20px;
    }

    .about-18 .about-18-img-col,
    .about-18 .about-18-text-col {
        width: 100%;
    }

    .about-18 .about-18-image-wrap {
        height: 350px;
    }

    .about-18 .about-18-text-col {
        padding: 38px 28px 42px;
    }

    .about-18 .about-18-subtitle {
        font-size: 32px;
    }

    .about-18 .about-18-description {
        max-width: none;
    }
}

@media (max-width: 480px) {
    .about-18 {
        padding: 45px 0;
    }

    .about-18 .container-fluid {
        padding: 0 12px;
    }

    .about-18 .about-18-flex-wrapper {
        border-radius: 16px;
    }

    .about-18 .about-18-image-wrap {
        height: 280px;
    }

    .about-18 .about-18-image-badge {
        left: 15px;
        bottom: 15px;
        padding: 9px 13px;
        font-size: 9px;
    }

    .about-18 .about-18-image-badge i {
        font-size: 16px;
    }

    .about-18 .about-18-text-col {
        padding: 30px 20px 34px;
    }

    .about-18 .about-18-title {
        margin-bottom: 11px;
        font-size: 9px;
        letter-spacing: 1.8px;
    }

    .about-18 .about-18-subtitle {
        font-size: 28px;
    }

    .about-18 .about-18-divider {
        width: 50px;
        height: 3px;
        margin: 18px 0 21px;
    }

    .about-18 .about-18-description {
        font-size: 12px;
        line-height: 1.75;
    }

    .about-18 .about-18-btn {
        width: 100%;
    }
}
.our-team-2 {
    padding: 80px 0;
    background: var(--bg, #f9f9f9);
    font-family: "Poppins", sans-serif;
}

.our-team-2 .our-team-2-header {
    max-width: 720px;
    margin: 0 auto 50px;
    text-align: center;
}

.our-team-2 .our-team-2-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--primary, #45b57f);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.our-team-2 .our-team-2-eyebrow i {
    font-size: 17px;
}

.our-team-2 .our-team-2-section-title {
    margin: 0;
    color: var(--text, #222);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
}

.our-team-2 .our-team-2-title-line {
    width: 58px;
    height: 3px;
    margin: 16px auto;
    border-radius: 10px;
    background: var(--primary, #45b57f);
}

.our-team-2 .our-team-2-description {
    max-width: 620px;
    margin: 0 auto;
    color: var(--text, #666);
    font-size: 14px;
    line-height: 1.8;
}

.our-team-2 .our-team-2-row {
    display: flex;
    flex-wrap: wrap;
}

.our-team-2 .our-team-2-column {
    display: flex;
    margin-bottom: 30px;
}

.our-team-2 .our-team-2-card {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--light, #fff);
    border: 1px solid var(--border, #e8edf3);
    border-radius: 24px;
    box-shadow: 0 16px 45px rgba(0, 0, 0, .06);
    transition: transform .35s ease, box-shadow .35s ease;
}

.our-team-2 .our-team-2-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .10);
}

.our-team-2 .our-team-2-image {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: var(--light, #f4f4f4);
}

.our-team-2 .our-team-2-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform .5s ease;
}

.our-team-2 .our-team-2-card:hover .our-team-2-image img {
    transform: scale(1.06);
}

.our-team-2 .our-team-2-content {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 22px 20px 20px;
    background: var(--light, #fff);
    text-align: center;
}

.our-team-2 .our-team-2-role {
    display: block;
    margin-bottom: 5px;
    color: var(--primary, #45b57f);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.our-team-2 .our-team-2-name {
    margin: 0 0 10px;
    color: var(--text, #222);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
}

.our-team-2 .our-team-2-desc {
    min-height: 54px;
    margin: 0 auto;
    color: var(--text, #666);
    font-size: 12px;
    line-height: 1.65;
}

.our-team-2 .our-team-2-social {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--border, #e8edf3);
}

.our-team-2 .our-team-2-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--light, #f4f4f4);
    color: var(--text, #555);
    font-size: 15px;
    text-decoration: none;
    transition: .3s ease;
}

.our-team-2 .our-team-2-social a:hover {
    background: var(--primary, #45b57f);
    color: var(--light, #fff);
    transform: translateY(-3px);
}

@media (max-width: 1199px) {
    .our-team-2 .our-team-2-image {
        height: 280px;
    }

    .our-team-2 .our-team-2-name {
        font-size: 19px;
    }
}

@media (max-width: 991px) {
    .our-team-2 {
        padding: 70px 0;
    }

    .our-team-2 .our-team-2-section-title {
        font-size: 36px;
    }

    .our-team-2 .our-team-2-header {
        margin-bottom: 40px;
    }

    .our-team-2 .our-team-2-column {
        margin-bottom: 25px;
    }

    .our-team-2 .our-team-2-image {
        height: 300px;
    }
}

@media (max-width: 767px) {
    .our-team-2 {
        padding: 60px 0;
    }

    .our-team-2 .our-team-2-section-title {
        font-size: 30px;
    }

    .our-team-2 .our-team-2-description {
        font-size: 13px;
    }

    .our-team-2 .our-team-2-column {
        display: flex;
    }

    .our-team-2 .our-team-2-card {
        border-radius: 20px;
    }

    .our-team-2 .our-team-2-image {
        height: 260px;
    }

    .our-team-2 .our-team-2-content {
        padding: 18px 14px;
    }

    .our-team-2 .our-team-2-name {
        font-size: 18px;
    }

    .our-team-2 .our-team-2-desc {
        min-height: 50px;
        font-size: 11px;
    }
}

@media (max-width: 575px) {
    .our-team-2 .our-team-2-header {
        margin-bottom: 30px;
    }

    .our-team-2 .our-team-2-column {
        width: 100%;
    }

    .our-team-2 .our-team-2-image {
        height: 330px;
    }

    .our-team-2 .our-team-2-content {
        padding: 20px;
    }

    .our-team-2 .our-team-2-name {
        font-size: 20px;
    }

    .our-team-2 .our-team-2-desc {
        max-width: 380px;
        min-height: auto;
        font-size: 12px;
    }
}

@media (max-width: 400px) {
    .our-team-2 .our-team-2-image {
        height: 290px;
    }
}

.section-wrapper.home-36 {
    padding: 85px 0 !important;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.home-36 .home-36-container {
    padding-left: 15px;
    padding-right: 15px;
}

.home-36 .home-36-row {
    display: flex;
    align-items: stretch;
    margin: 0;
}

.home-36 .home-36-image-column,
.home-36 .home-36-content-column {
    display: flex;
    padding: 0;
}

.home-36 .home-36-left-section {
    position: relative;
    width: 100%;
    min-height: 560px;
    overflow: hidden;
    border-radius: 28px 0 0 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-36 .home-36-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .2));
}

.home-36 .home-36-image-badge {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 18px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50px;
    background: rgba(255, 255, 255, .14);
    color: var(--light, #fff);
    font-size: 12px;
    font-weight: 600;
    backdrop-filter: blur(10px);
}

.home-36 .home-36-image-badge i {
    color: var(--primary, #34c6b2);
    font-size: 18px;
}

.home-36 .home-36-right-section {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 560px;
    padding: 65px 70px;
    border: 1px solid var(--border, #e8edf3);
    border-left: 0;
    border-radius: 0 28px 28px 0;
    background: var(--light, #fff);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .07);
}

.home-36 .home-36-right-section::before {
    content: "";
    position: absolute;
    top: 50px;
    left: 0;
    width: 4px;
    height: 70px;
    border-radius: 0 10px 10px 0;
    background: var(--primary, #34c6b2);
}

.home-36 .home-36-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    color: var(--primary, #34c6b2);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.home-36 .home-36-eyebrow i {
    font-size: 18px;
}

.home-36 .home-36-right-section h2 {
    max-width: 600px;
    margin: 0 0 22px;
    color: var(--text, #2c2c2c);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.25;
}

.home-36 .home-36-right-section p {
    max-width: 580px;
    margin: 0 0 15px;
    color: var(--text, #666);
    font-size: 15px;
    line-height: 1.9;
}

.home-36 .home-36-right-section p:last-of-type {
    margin-bottom: 0;
}

.home-36 .home-36-btn-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    gap: 10px;
    min-width: 170px;
    margin-top: 28px;
    padding: 14px 26px;
    border-radius: 50px;
    background: var(--primary, #34c6b2);
    color: var(--light, #fff);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.home-36 .home-36-btn-custom i {
    font-size: 18px;
    transition: transform .3s ease;
}

.home-36 .home-36-btn-custom:hover {
    background: var(--secondary, #28a994);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(52, 198, 178, .22);
}

.home-36 .home-36-btn-custom:hover i {
    transform: translateX(4px);
}

@media (max-width: 1199px) {
    .section-wrapper.home-36 {
        padding: 75px 0 !important;
    }

    .home-36 .home-36-left-section,
    .home-36 .home-36-right-section {
        min-height: 500px;
    }

    .home-36 .home-36-right-section {
        padding: 55px 50px;
    }

    .home-36 .home-36-right-section h2 {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .section-wrapper.home-36 {
        padding: 65px 0 !important;
    }

    .home-36 .home-36-row {
        display: block;
    }

    .home-36 .home-36-image-column,
    .home-36 .home-36-content-column {
        display: block;
        width: 100%;
    }

    .home-36 .home-36-left-section {
        min-height: 430px;
        border-radius: 26px 26px 0 0;
    }

    .home-36 .home-36-right-section {
        min-height: auto;
        padding: 50px 45px;
        border: 1px solid var(--border, #e8edf3);
        border-top: 0;
        border-radius: 0 0 26px 26px;
    }

    .home-36 .home-36-right-section::before {
        top: 40px;
    }
}

@media (max-width: 767px) {
    .section-wrapper.home-36 {
        padding: 55px 0 !important;
    }

    .home-36 .home-36-left-section {
        min-height: 320px;
        border-radius: 22px 22px 0 0;
    }

    .home-36 .home-36-image-badge {
        left: 20px;
        bottom: 20px;
        padding: 10px 14px;
        font-size: 11px;
    }

    .home-36 .home-36-right-section {
        padding: 40px 28px;
        border-radius: 0 0 22px 22px;
    }

    .home-36 .home-36-right-section::before {
        top: 30px;
        width: 3px;
        height: 55px;
    }

    .home-36 .home-36-eyebrow {
        font-size: 11px;
    }

    .home-36 .home-36-right-section h2 {
        font-size: 31px;
        line-height: 1.3;
    }

    .home-36 .home-36-right-section p {
        font-size: 14px;
        line-height: 1.8;
    }
}

@media (max-width: 480px) {
    .section-wrapper.home-36 {
        padding: 45px 0 !important;
    }

    .home-36 .home-36-left-section {
        min-height: 270px;
    }

    .home-36 .home-36-image-badge {
        left: 15px;
        bottom: 15px;
        gap: 6px;
        padding: 8px 12px;
        font-size: 10px;
    }

    .home-36 .home-36-image-badge i {
        font-size: 16px;
    }

    .home-36 .home-36-right-section {
        padding: 35px 22px;
    }

    .home-36 .home-36-right-section h2 {
        font-size: 27px;
    }

    .home-36 .home-36-right-section p {
        font-size: 13px;
    }

    .home-36 .home-36-btn-custom {
        width: 100%;
        margin-top: 24px;
    }
}

.about-19 {
    padding: 90px 0;
    background: var(--bg, #f7f8fa);
    color: var(--text, #20242a);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.section-wrapper.about-19 {
    padding: 90px 0 !important;
    background: var(--bg, #f7f8fa);
}

.about-19 .about-19-row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.about-19 .about-19-column {
    display: flex;
    margin-bottom: 30px;
}

.about-19 .about-19-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    background: var(--light, #ffffff);
    border: 1px solid var(--border, #e5e8ed);
    border-radius: 24px;
    box-shadow: 0 18px 50px rgba(32, 36, 42, 0.06);
    text-align: center;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

.about-19 .about-19-box:hover {
    border-color: var(--accent, #2a63f2);
    transform: translateY(-8px);
    box-shadow: 0 28px 65px rgba(32, 36, 42, 0.11);
}

.about-19 .about-19-img-wrapper {
    position: relative;
    height: 245px;
    overflow: hidden;
    background: var(--bg, #f7f8fa);
}

.about-19 .about-19-img-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background: var(--primary, #2a63f2);
    z-index: 2;
}

.about-19 .about-19-img-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.about-19 .about-19-box:hover .about-19-img-wrapper img {
    transform: scale(1.07);
}

.about-19 .about-19-number {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--light, #ffffff);
    border-radius: 50%;
    background: var(--primary, #2a63f2);
    color: var(--light, #ffffff);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    box-shadow: 0 8px 20px rgba(32, 36, 42, 0.15);
}

.about-19 .about-19-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    padding: 0 28px 32px;
}

.about-19 .about-19-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-top: -27px;
    margin-bottom: 18px;
    z-index: 4;
    border: 4px solid var(--light, #ffffff);
    border-radius: 50%;
    background: var(--primary, #2a63f2);
    color: var(--light, #ffffff);
    font-size: 21px;
    box-shadow: 0 8px 22px rgba(32, 36, 42, 0.12);
    transition: 0.35s ease;
}

.about-19 .about-19-box:hover .about-19-icon {
    background: var(--secondary, #1d4fc5);
    transform: translateY(-3px);
}

.about-19 .about-19-box h4 {
    margin: 0 0 12px;
    color: var(--text, #20242a);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.about-19 .about-19-box:hover h4 {
    color: var(--primary, #2a63f2);
}

.about-19 .about-19-box p {
    max-width: 340px;
    margin: 0;
    color: var(--secondary, #68727d);
    font-size: 14px;
    line-height: 1.85;
}

@media (max-width: 1199px) {
    .about-19 {
        padding: 80px 0;
    }

    .section-wrapper.about-19 {
        padding: 80px 0 !important;
    }

    .about-19 .about-19-img-wrapper {
        height: 220px;
    }

    .about-19 .about-19-content {
        padding-right: 22px;
        padding-left: 22px;
    }
}

@media (max-width: 991px) {
    .about-19 {
        padding: 70px 0;
    }

    .section-wrapper.about-19 {
        padding: 70px 0 !important;
    }

    .about-19 .about-19-column {
        margin-bottom: 24px;
    }

    .about-19 .about-19-img-wrapper {
        height: 200px;
    }

    .about-19 .about-19-box h4 {
        font-size: 19px;
    }

    .about-19 .about-19-box p {
        font-size: 13px;
    }

    .about-19 .about-19-content {
        padding-right: 18px;
        padding-left: 18px;
        padding-bottom: 28px;
    }
}

@media (max-width: 767px) {
    .about-19 {
        padding: 60px 0;
    }

    .section-wrapper.about-19 {
        padding: 60px 0 !important;
    }

    .about-19 .about-19-row {
        display: block;
    }

    .about-19 .about-19-column {
        display: block;
        width: 100%;
        margin-bottom: 22px;
    }

    .about-19 .about-19-column:last-child {
        margin-bottom: 0;
    }

    .about-19 .about-19-box {
        border-radius: 22px;
    }

    .about-19 .about-19-img-wrapper {
        height: 230px;
    }

    .about-19 .about-19-content {
        padding: 0 24px 30px;
    }

    .about-19 .about-19-box h4 {
        font-size: 21px;
    }

    .about-19 .about-19-box p {
        max-width: 500px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .about-19 {
        padding: 50px 0;
    }

    .section-wrapper.about-19 {
        padding: 50px 0 !important;
    }

    .about-19 .about-19-img-wrapper {
        height: 205px;
    }

    .about-19 .about-19-number {
        top: 14px;
        right: 14px;
        width: 40px;
        height: 40px;
        font-size: 11px;
    }

    .about-19 .about-19-icon {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        font-size: 19px;
    }

    .about-19 .about-19-content {
        padding: 0 20px 27px;
    }

    .about-19 .about-19-box h4 {
        font-size: 19px;
    }

    .about-19 .about-19-box p {
        font-size: 13px;
        line-height: 1.8;
    }
}

.home-37 {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 680px;
    padding: 90px 0;
    overflow: hidden;
    background-color: var(--bg, #fff);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
}

.home-37 *,
.home-37 *::before,
.home-37 *::after {
    box-sizing: border-box;
}

.home-37-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, .94) 0%,
        rgba(255, 255, 255, .86) 40%,
        rgba(255, 255, 255, .28) 72%,
        rgba(255, 255, 255, .05) 100%
    );
}

.home-37-hero-wrapper {
    position: relative;
    z-index: 3;
    width: 100%;
}

.home-37-row {
    display: flex;
    align-items: center;
}

.home-37-content-column {
    display: flex;
    align-items: center;
}

.home-37-content {
    width: 100%;
    max-width: 650px;
    padding: 25px 0;
}

.home-37-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 20px;
    color: var(--primary, #88c046);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
}

.home-37-subtitle i {
    font-size: 20px;
}

.home-37-title {
    max-width: 650px;
    margin: 0 0 23px;
    color: var(--text, #222);
    font-size: 58px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.8px;
}

.home-37-title span {
    display: block;
    color: var(--primary, #88c046);
}

.home-37-text {
    max-width: 550px;
    margin: 0 0 32px;
    color: var(--secondary, #555);
    font-size: 15px;
    line-height: 1.85;
}

.home-37-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}

.home-37-buttons .home-37-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 170px;
    min-height: 52px;
    padding: 13px 25px;
    border: 1px solid transparent;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .6px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .35s ease;
}

.home-37-buttons .home-37-btn i {
    font-size: 18px;
    line-height: 1;
    transition: transform .35s ease;
}

.home-37-btn-green {
    background: var(--primary, #88c046);
    color: var(--light, #fff);
    box-shadow: 0 12px 28px rgba(136, 192, 70, .2);
}

.home-37-btn-green:hover {
    background: var(--secondary, #111);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .16);
}

.home-37-btn-green:hover i {
    transform: translateX(4px);
}

.home-37-btn-black {
    border-color: rgba(0, 0, 0, .15) !important;
    background: rgba(255, 255, 255, .55);
    color: var(--text, #222);
    backdrop-filter: blur(8px);
}

.home-37-btn-black:hover {
    border-color: var(--secondary, #111) !important;
    background: var(--secondary, #111);
    color: var(--light, #fff);
    transform: translateY(-3px);
}

.home-37-trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    margin-top: 38px;
    padding-top: 22px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.home-37-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--secondary, #555);
    font-size: 11px;
    font-weight: 600;
}

.home-37-trust-item i {
    color: var(--primary, #88c046);
    font-size: 18px;
}

.home-37-decor {
    position: absolute;
    z-index: 2;
    border: 1px solid rgba(136, 192, 70, .2);
    border-radius: 50%;
    pointer-events: none;
}

.home-37-decor-one {
    right: 8%;
    bottom: -110px;
    width: 260px;
    height: 260px;
}

.home-37-decor-two {
    top: 12%;
    right: 38%;
    width: 55px;
    height: 55px;
}

@media (max-width: 1199px) {
    .home-37 {
        min-height: 620px;
        padding: 80px 0;
    }

    .home-37-title {
        font-size: 50px;
    }

    .home-37-overlay {
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, .95) 0%,
            rgba(255, 255, 255, .84) 50%,
            rgba(255, 255, 255, .22) 100%
        );
    }
}

@media (max-width: 991px) {
    .home-37 {
        min-height: 560px;
        padding: 70px 0;
        background-position: center;
    }

    .home-37-content {
        max-width: 620px;
    }

    .home-37-title {
        font-size: 43px;
    }

    .home-37-text {
        font-size: 14px;
        line-height: 1.8;
    }

    .home-37-trust {
        gap: 18px;
    }

    .home-37-trust-item {
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    .home-37 {
        min-height: auto;
        padding: 65px 15px;
        background-position: center;
        text-align: center;
    }

    .home-37-overlay {
        background: rgba(255, 255, 255, .93);
    }

    .home-37-row {
        display: block;
    }

    .home-37-content-column {
        display: block;
    }

    .home-37-content {
        max-width: 600px;
        margin: 0 auto;
        padding: 0;
    }

    .home-37-subtitle {
        justify-content: center;
        margin-bottom: 17px;
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .home-37-title {
        margin-bottom: 19px;
        font-size: 34px;
        line-height: 1.18;
        letter-spacing: -.8px;
    }

    .home-37-title span {
        display: inline;
    }

    .home-37-text {
        max-width: 500px;
        margin-right: auto;
        margin-bottom: 27px;
        margin-left: auto;
        font-size: 13px;
        line-height: 1.75;
    }

    .home-37-buttons {
        justify-content: center;
    }

    .home-37-buttons .home-37-btn {
        min-width: 160px;
    }

    .home-37-trust {
        justify-content: center;
        gap: 15px;
        margin-top: 32px;
    }

    .home-37-decor-one {
        right: -80px;
        bottom: -90px;
        width: 200px;
        height: 200px;
    }

    .home-37-decor-two {
        top: 8%;
        right: 10%;
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 575px) {
    .home-37 {
        padding: 55px 15px;
    }

    .home-37-title {
        font-size: 29px;
    }

    .home-37-text {
        font-size: 12px;
    }

    .home-37-buttons {
        flex-direction: column;
        gap: 10px;
    }

    .home-37-buttons .home-37-btn {
        width: 100%;
        max-width: 290px;
    }

    .home-37-trust {
        display: grid;
        grid-template-columns: 1fr;
        gap: 11px;
        justify-items: center;
    }

    .home-37-trust-item {
        font-size: 10px;
    }
}

@media (max-width: 400px) {
    .home-37 {
        padding: 48px 12px;
    }

    .home-37-title {
        font-size: 26px;
    }

    .home-37-eyebrow {
        font-size: 9px;
    }
}
.services-13 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.services-13 .services-13-container {
    padding: 80px 15px;
    font-family: "Poppins", sans-serif;
}

.services-13 .services-13-section-label {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--primary, #7cc242);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-13 .services-13-section-title {
    margin-bottom: 55px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.services-13 .services-13-content-row {
    margin-top: 20px;
}

.services-13 .services-13-feature-box {
    position: relative;
    margin-bottom: 30px;
    padding: 30px 85px 30px 35px;
    background: #fff;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 28px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.services-13 .services-13-feature-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 65px rgba(0, 0, 0, .10);
}

.services-13 .services-13-feature-title {
    margin-bottom: 14px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

.services-13 .services-13-feature-text {
    margin-bottom: 16px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.services-13 .services-13-readmore {
    display: inline-block;
    color: var(--primary, #7cc242);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.services-13 .services-13-icon-box {
    position: absolute;
    top: 28px;
    right: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: var(--primary, #7cc242);
    color: #fff;
    font-size: 22px;
    box-shadow: 0 15px 30px rgba(124, 194, 66, .25);
    transition: .35s ease;
}

.services-13 .services-13-feature-box:hover .services-13-icon-box {
    transform: rotate(8deg) scale(1.08);
}

.services-13 .services-13-center-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 6px solid #fff;
    border-radius: 30px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .08);
}

@media(max-width:991px) {

    .services-13 {
        padding: 70px 0;
    }

    .services-13 .services-13-container {
        padding: 70px 15px;
    }

    .services-13 .services-13-section-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .services-13 {
        padding: 60px 0;
    }

    .services-13 .services-13-container {
        padding: 60px 15px;
    }

    .services-13 .services-13-section-title {
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 40px;
    }

    .services-13 .services-13-feature-box {
        padding: 28px 24px;
        text-align: center !important;
        border-radius: 24px;
    }

    .services-13 .services-13-icon-box {
        position: static;
        margin: 20px auto 0;
    }

    .services-13 .services-13-center-image img {
        border-radius: 24px;
    }

}

.home-38 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.section-wrapper.home-38 {
    padding: 80px 15px;
    background: var(--bg, #fff);
}

.home-38 .home-38-left-inner {
    padding: 0 40px 0 15px;
}

.home-38 .home-38-title {
    margin-bottom: 24px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-38 .home-38-desc {
    margin-bottom: 40px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.home-38 .home-38-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.home-38 .home-38-buttons .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 32px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    transition: .35s ease;
}

.home-38 .home-38-btn-primary {
    border: none;
    background: var(--primary, #00b387);
    color: #fff;
}

.home-38 .home-38-btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 35px rgba(0, 179, 135, .30);
    color: #fff;
}

.home-38 .home-38-btn-outline {
    border: 2px solid var(--accent, #f9b73d);
    background: transparent;
    color: var(--accent, #f9b73d);
}

.home-38 .home-38-btn-outline:hover {
    background: var(--accent, #f9b73d);
    color: #fff;
    transform: translateY(-3px);
}

.home-38 .home-38-buttons i {
    margin-left: 8px;
}

.home-38 .home-38-stats {
    margin-top: 55px;
}

.home-38 .home-38-stat-num {
    margin-bottom: 10px;
    color: var(--accent, #f9b73d);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.home-38 .home-38-stat-text {
    padding-top: 12px;
    border-top: 3px solid var(--primary, #00b387);
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.home-38 .home-38-image-wrapper {
    position: relative;
    text-align: center;
}

.home-38 .home-38-image-frame {
    position: relative;
    display: inline-block;
    padding: 18px;
    background: rgba(0, 179, 135, .08);
    border-radius: 30px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .08);
}

.home-38 .home-38-image-frame::before {
    content: "";
    position: absolute;
    top: -24px;
    left: -24px;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: rgba(249, 183, 61, .18);
    z-index: -1;
}

.home-38 .home-38-image-frame img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 22px;
}

@media(max-width:991px) {

    .home-38 {
        padding: 70px 0;
    }

    .section-wrapper.home-38 {
        padding: 70px 15px;
    }

    .home-38 .home-38-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-38 {
        padding: 60px 0;
    }

    .section-wrapper.home-38 {
        padding: 60px 15px;
    }

    .home-38 .home-38-left-inner {
        padding: 0;
        text-align: center;
    }

    .home-38 .home-38-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-38 .home-38-buttons {
        flex-direction: column;
        align-items: center;
    }

    .home-38 .home-38-buttons .btn {
        width: 100%;
        max-width: 280px;
    }

    .home-38 .home-38-stats .col-xs-4 {
        margin-bottom: 24px;
    }

    .home-38 .home-38-image-frame {
        border-radius: 24px;
    }

    .home-38 .home-38-image-frame::before {
        top: -16px;
        left: -16px;
        border-radius: 24px;
    }

}

.home-39-section-wrapper {
    padding: 90px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.home-39-section-wrapper .home-39-row {
    display: flex;
    align-items: center;
    row-gap: 50px;
}

.home-39-section-wrapper .home-39-column {
    display: flex;
    flex-direction: column;
}

.home-39-section-wrapper .home-39-image-column {
    padding-right: 25px;
}

.home-39-section-wrapper .home-39-content-column {
    padding-left: 25px;
}

.home-39-section-wrapper .home-39-image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 28px;
    background: #f5f5f5;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .08);
}

.home-39-section-wrapper .home-39-image-wrapper img {
    display: block;
    width: 100%;
    height: 520px;
    object-fit: cover;
    transition: transform .5s ease;
}

.home-39-section-wrapper .home-39-image-wrapper:hover img {
    transform: scale(1.05);
}

.home-39-section-wrapper .home-39-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border: 5px solid rgba(255, 255, 255, .85);
    border-radius: 50%;
    background: var(--accent, #F4A300);
    color: #fff;
    font-size: 27px;
    line-height: 1;
    transform: translate(-50%, -50%);
    box-shadow: 0 15px 40px rgba(244, 163, 0, .28);
    transition: transform .35s ease, box-shadow .35s ease;
    cursor: pointer;
}

.home-39-section-wrapper .home-39-play-button i {
    margin-left: 3px;
}

.home-39-section-wrapper .home-39-play-button:hover {
    transform: translate(-50%, -50%) scale(1.08);
    box-shadow: 0 20px 45px rgba(244, 163, 0, .38);
}

.home-39-section-wrapper .home-39-content {
    width: 100%;
    max-width: 610px;
}

.home-39-section-wrapper .home-39-about-text {
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
    color: var(--accent, #F4A300);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.4;
    text-transform: uppercase;
}

.home-39-section-wrapper .home-39-title {
    max-width: 600px;
    margin: 0 0 22px;
    color: var(--text, #1C2B2D);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.5px;
}

.home-39-section-wrapper .home-39-description {
    max-width: 590px;
    margin: 0 0 30px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9;
}

.home-39-section-wrapper .home-39-actions {
    display: flex;
    align-items: center;
}

.home-39-section-wrapper .home-39-read-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 30px;
    border: 0;
    border-radius: 50px;
    background: var(--accent, #F4A300);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
}

.home-39-section-wrapper .home-39-read-more:hover {
    background: var(--primary, #1C2B2D);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(28, 43, 45, .18);
}

.home-39-section-wrapper .home-39-social-icons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.home-39-section-wrapper .home-39-social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 50%;
    background: #fff;
    color: var(--text, #1C2B2D);
    font-size: 17px;
    line-height: 1;
    text-decoration: none;
    transition: transform .3s ease, background .3s ease, color .3s ease, border-color .3s ease;
}

.home-39-section-wrapper .home-39-social-icons a:hover {
    border-color: var(--primary, #1C2B2D);
    background: var(--primary, #1C2B2D);
    color: #fff;
    transform: translateY(-3px);
}

.home-39-section-wrapper .home-39-social-icons .icon-float {
    line-height: 1;
}

@media (max-width: 1199px) {
    .home-39-section-wrapper {
        padding: 80px 0;
    }

    .home-39-section-wrapper .home-39-image-column {
        padding-right: 15px;
    }

    .home-39-section-wrapper .home-39-content-column {
        padding-left: 15px;
    }

    .home-39-section-wrapper .home-39-image-wrapper img {
        height: 480px;
    }

    .home-39-section-wrapper .home-39-title {
        font-size: 38px;
    }

    .home-39-section-wrapper .home-39-description {
        font-size: 15px;
        line-height: 1.8;
    }
}

@media (max-width: 991px) {
    .home-39-section-wrapper {
        padding: 70px 0;
    }

    .home-39-section-wrapper .home-39-row {
        align-items: stretch;
    }

    .home-39-section-wrapper .home-39-image-wrapper img {
        height: 430px;
    }

    .home-39-section-wrapper .home-39-title {
        font-size: 34px;
        line-height: 1.3;
    }

    .home-39-section-wrapper .home-39-description {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .home-39-section-wrapper {
        padding: 60px 0;
    }

    .home-39-section-wrapper .home-39-row {
        display: block;
    }

    .home-39-section-wrapper .home-39-column {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .home-39-section-wrapper .home-39-image-column {
        margin-bottom: 38px;
    }

    .home-39-section-wrapper .home-39-image-wrapper {
        border-radius: 22px;
    }

    .home-39-section-wrapper .home-39-image-wrapper img {
        height: 360px;
    }

    .home-39-section-wrapper .home-39-play-button {
        width: 62px;
        height: 62px;
        font-size: 23px;
        border-width: 4px;
    }

    .home-39-section-wrapper .home-39-content {
        max-width: none;
    }

    .home-39-section-wrapper .home-39-about-text {
        margin-bottom: 12px;
        font-size: 13px;
        letter-spacing: 1.7px;
    }

    .home-39-section-wrapper .home-39-title {
        margin-bottom: 18px;
        font-size: 30px;
        line-height: 1.35;
        letter-spacing: 0;
    }

    .home-39-section-wrapper .home-39-description {
        margin-bottom: 25px;
        font-size: 15px;
        line-height: 1.8;
    }

    .home-39-section-wrapper .home-39-read-more {
        min-height: 48px;
        padding: 12px 27px;
        font-size: 13px;
    }

    .home-39-section-wrapper .home-39-social-icons {
        margin-top: 22px;
    }

    .home-39-section-wrapper .home-39-social-icons a {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .home-39-section-wrapper {
        padding: 50px 0;
    }

    .home-39-section-wrapper .home-39-image-wrapper img {
        height: 300px;
    }

    .home-39-section-wrapper .home-39-title {
        font-size: 27px;
    }

    .home-39-section-wrapper .home-39-description {
        font-size: 14px;
    }
}

.services-14-section-wrapper {
    position: relative;
    padding: 90px 0;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    color: #fff;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.services-14-section-wrapper::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: rgba(0, 0, 0, .62);
}

.services-14-section-wrapper > .container {
    position: relative;
    z-index: 1;
}

.services-14-section-wrapper .services-14-content {
    text-align: center;
}

.services-14-section-wrapper .services-14-heading {
    max-width: 720px;
    margin: 0 auto 38px;
}

.services-14-section-wrapper h2 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.25;
}

.services-14-section-wrapper .services-14-heading p {
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 17px;
    line-height: 1.7;
}

.services-14-section-wrapper .services-14-nav-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 42px;
    padding: 0;
    border: 0;
}

.services-14-section-wrapper .services-14-nav-tabs > li {
    float: none;
    margin: 0;
}

.services-14-section-wrapper .services-14-nav-tabs > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin: 0;
    padding: 11px 23px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .6px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
}

.services-14-section-wrapper .services-14-nav-tabs > li > a:hover,
.services-14-section-wrapper .services-14-nav-tabs > li > a:focus {
    border-color: var(--accent, #ff6f61);
    background: rgba(255, 111, 97, .14);
    color: #fff;
}

.services-14-section-wrapper .services-14-nav-tabs > li.active > a,
.services-14-section-wrapper .services-14-nav-tabs > li.active > a:hover,
.services-14-section-wrapper .services-14-nav-tabs > li.active > a:focus {
    border-color: var(--accent, #ff6f61);
    background: var(--accent, #ff6f61);
    color: #fff;
}

.services-14-section-wrapper .services-14-tab-content {
    max-width: 760px;
    margin: 0 auto;
    text-align: left;
}

.services-14-section-wrapper .services-14-menu-item {
    margin: 0;
    padding: 0 0 20px;
    border-bottom: 1px dashed rgba(255, 255, 255, .2);
}

.services-14-section-wrapper .services-14-menu-item + .services-14-menu-item {
    margin-top: 22px;
}

.services-14-section-wrapper .services-14-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.services-14-section-wrapper .services-14-menu-item h4 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.4;
}

.services-14-section-wrapper .services-14-menu-item > p {
    margin: 6px 0 0;
    color: rgba(255, 255, 255, .68);
    font-size: 14px;
    line-height: 1.7;
}

.services-14-section-wrapper .services-14-menu-price {
    flex-shrink: 0;
    color: var(--primary, #c3f73a);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.services-14-section-wrapper .services-14-label,
.services-14-section-wrapper .services-14-spicy-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.services-14-section-wrapper .services-14-label {
    background: var(--primary, #c3f73a);
    color: #111;
}

.services-14-section-wrapper .services-14-spicy-label {
    background: var(--accent, #ff6f61);
    color: #fff;
}

.services-14-section-wrapper .services-14-explore-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    margin-top: 38px;
    padding: 13px 28px;
    border: 1px solid var(--primary, #c3f73a);
    border-radius: 50px;
    background: transparent;
    color: var(--primary, #c3f73a);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .8px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
}

.services-14-section-wrapper .services-14-explore-btn i {
    font-size: 17px;
    line-height: 1;
    transition: transform .3s ease;
}

.services-14-section-wrapper .services-14-explore-btn:hover {
    background: var(--primary, #c3f73a);
    color: #111;
    transform: translateY(-3px);
}

.services-14-section-wrapper .services-14-explore-btn:hover i {
    transform: translateX(3px);
}

@media (max-width: 991px) {
    .services-14-section-wrapper {
        padding: 75px 0;
    }

    .services-14-section-wrapper h2 {
        font-size: 36px;
    }

    .services-14-section-wrapper .services-14-heading {
        margin-bottom: 32px;
    }

    .services-14-section-wrapper .services-14-nav-tabs {
        margin-bottom: 36px;
    }
}

@media (max-width: 767px) {
    .services-14-section-wrapper {
        padding: 60px 0;
    }

    .services-14-section-wrapper h2 {
        font-size: 30px;
        line-height: 1.35;
    }

    .services-14-section-wrapper .services-14-heading p {
        font-size: 15px;
    }

    .services-14-section-wrapper .services-14-nav-tabs {
        gap: 8px;
        margin-bottom: 32px;
    }

    .services-14-section-wrapper .services-14-nav-tabs > li > a {
        min-height: 42px;
        padding: 10px 17px;
        font-size: 11px;
    }

    .services-14-section-wrapper .services-14-menu-header {
        align-items: flex-start;
    }

    .services-14-section-wrapper .services-14-menu-item h4 {
        font-size: 18px;
    }

    .services-14-section-wrapper .services-14-menu-price {
        font-size: 18px;
    }

    .services-14-section-wrapper .services-14-menu-item > p {
        font-size: 13px;
    }

    .services-14-section-wrapper .services-14-explore-btn {
        margin-top: 32px;
    }
}

@media (max-width: 480px) {
    .services-14-section-wrapper {
        padding: 50px 0;
    }

    .services-14-section-wrapper h2 {
        font-size: 26px;
    }

    .services-14-section-wrapper .services-14-nav-tabs {
        justify-content: flex-start;
    }

    .services-14-section-wrapper .services-14-nav-tabs > li {
        width: calc(50% - 4px);
    }

    .services-14-section-wrapper .services-14-nav-tabs > li > a {
        width: 100%;
        padding: 10px 8px;
    }

    .services-14-section-wrapper .services-14-menu-header {
        gap: 12px;
    }

    .services-14-section-wrapper .services-14-menu-item h4 {
        font-size: 16px;
    }

    .services-14-section-wrapper .services-14-menu-price {
        font-size: 17px;
    }

    .services-14-section-wrapper .services-14-label,
    .services-14-section-wrapper .services-14-spicy-label {
        font-size: 9px;
        padding: 4px 7px;
    }
}
.blog-10 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.blog-10 * {
    font-family: "Poppins", sans-serif;
}

.blog-10.section-wrapper {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.blog-10 .blog-main-image {
    overflow: hidden;
    border-radius: 28px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .08);
}

.blog-10 .blog-main-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .5s ease;
}

.blog-10 .blog-main-image:hover img {
    transform: scale(1.06);
}

.blog-10 .blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 22px;
    color: #777;
    font-size: 13px;
}

.blog-10 .blog-meta i {
    margin-right: 6px;
    color: var(--primary, #e74c3c);
}

.blog-10 .blog-meta span {
    margin-right: 0;
}

.blog-10 .blog-title {
    margin-top: 20px;
    color: var(--text, #222);
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
}

.blog-10 .blog-description {
    margin-top: 18px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.blog-10 .sidebar-title {
    display: inline-block;
    margin-bottom: 28px;
    padding-bottom: 10px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    border-bottom: 4px solid var(--primary, #e74c3c);
}

.blog-10 .sidebar-post {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
    padding: 16px;
    background: #fff;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .05);
    transition: .35s ease;
}

.blog-10 .sidebar-post:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
}

.blog-10 .sidebar-post img {
    width: 72px;
    height: 72px;
    margin-right: 0;
    border-radius: 16px;
    object-fit: cover;
}

.blog-10 .sidebar-post-title {
    margin-bottom: 8px;
    color: var(--text, #222);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.blog-10 .sidebar-meta {
    color: #777;
    font-size: 13px;
}

.blog-10 .sidebar-meta i {
    margin-right: 4px;
    color: var(--primary, #e74c3c);
}

@media(max-width:991px) {

    .blog-10 {
        padding: 70px 0;
    }

    .blog-10.section-wrapper {
        padding: 70px 0;
    }

    .blog-10 .blog-title {
        font-size: 28px;
        line-height: 40px;
    }

}

@media(max-width:767px) {

    .blog-10 {
        padding: 60px 0;
    }

    .blog-10.section-wrapper {
        padding: 60px 0;
    }

    .blog-10 .blog-title {
        font-size: 30px;
        line-height: 40px;
    }

    .blog-10 .blog-main-image {
        border-radius: 24px;
    }

    .blog-10 .sidebar-post {
        gap: 14px;
        border-radius: 18px;
    }

    .blog-10 .sidebar-post img {
        width: 64px;
        height: 64px;
    }

}
.about-20 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-20 * {
    box-sizing: border-box;
}

.about-20 .about-20-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -10px;
}

.about-20 .about-20-image-column,
.about-20 .about-20-content-column {
    padding: 0 10px;
}

.about-20 .about-20-image-wrap {
    overflow: hidden;
    border-radius: 22px;
}

.about-20 .about-20-img {
    display: block;
    width: 100%;
    height: 540px;
    object-fit: cover;
    transition: transform .45s ease;
}

.about-20 .about-20-image-wrap:hover .about-20-img {
    transform: scale(1.04);
}

.about-20 .about-20-content {
    padding-left: 25px;
}

.about-20 .about-20-heading {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    color: var(--accent, #ff9800);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.about-20 .about-20-heading i {
    font-size: 16px;
}

.about-20 .about-20-title {
    margin: 0 0 14px;
    color: var(--text, #222);
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.about-20 .about-20-title span {
    color: var(--accent, #ff9800);
    font-family: "Playfair Display", serif;
    font-style: italic;
    font-weight: 500;
}

.about-20 .about-20-description {
    max-width: 650px;
    margin: 0 0 14px;
    color: #707070;
    font-size: 12px;
    line-height: 1.8;
}

.about-20 .about-20-event-details {
    display: flex;
    gap: 12px;
    margin-top: 25px;
}

.about-20 .about-20-event-info {
    display: flex;
    align-items: flex-start;
    flex: 1;
    gap: 10px;
    margin: 0;
    padding: 13px;
    border: 1px solid var(--border, #e7e7e7);
    border-radius: 11px;
    background: var(--light, #fafafa);
}

.about-20 .about-20-event-info > i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--bg, #fff);
    color: var(--accent, #ff9800);
    font-size: 16px;
}

.about-20 .about-20-event-info > div {
    min-width: 0;
}

.about-20 .about-20-event-info span,
.about-20 .about-20-event-info strong,
.about-20 .about-20-event-info small {
    display: block;
}

.about-20 .about-20-event-info span {
    margin-bottom: 3px;
    color: #888;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.about-20 .about-20-event-info strong {
    color: var(--text, #222);
    font-size: 11px;
    font-weight: 700;
}

.about-20 .about-20-event-info small {
    margin-top: 2px;
    color: #777;
    font-size: 10px;
    line-height: 1.5;
}

.about-20 .about-20-stats {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.about-20 .about-20-stat-item {
    flex: 1;
    padding: 20px 12px;
    text-align: center;
    border: 1px solid var(--border, #e7e7e7);
    border-radius: 12px;
    background: var(--bg, #fff);
    transition: .25s ease;
}

.about-20 .about-20-stat-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .06);
}

.about-20 .about-20-stat-item strong {
    display: block;
    margin-bottom: 5px;
    color: var(--accent, #ff9800);
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
}

.about-20 .about-20-stat-item span {
    color: var(--text, #222);
    font-size: 10px;
    font-weight: 600;
}

@media (max-width: 991px) {
    .about-20 {
        padding: 70px 0;
    }

    .about-20 .about-20-img {
        height: 500px;
    }

    .about-20 .about-20-content {
        padding-left: 10px;
    }

    .about-20 .about-20-title {
        font-size: 35px;
    }
}

@media (max-width: 767px) {
    .about-20 {
        padding: 60px 0;
    }

    .about-20 .about-20-row {
        display: block;
    }

    .about-20 .about-20-image-column,
    .about-20 .about-20-content-column {
        width: 100%;
        padding: 0;
    }

    .about-20 .about-20-img {
        height: 320px;
    }

    .about-20 .about-20-content {
        padding: 30px 0 0;
    }

    .about-20 .about-20-title {
        font-size: 30px;
    }

    .about-20 .about-20-event-details {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .about-20 {
        padding: 50px 0;
    }

    .about-20 .about-20-img {
        height: 270px;
    }

    .about-20 .about-20-title {
        font-size: 27px;
    }

    .about-20 .about-20-stats {
        gap: 7px;
    }

    .about-20 .about-20-stat-item {
        padding: 17px 8px;
    }

    .about-20 .about-20-stat-item strong {
        font-size: 24px;
    }

    .about-20 .about-20-stat-item span {
        font-size: 9px;
    }
}
.events-3 {
    padding: 90px 0;
    background: var(--bg, #fff);
    color: var(--text, #222);
}

.events-3 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.events-3-main {
    display: flex;
    align-items: center;
}

.events-3-left,
.events-3-right {
    padding-left: 15px;
    padding-right: 15px;
}

.events-3 .section-title {
    padding-right: 35px;
}

.events-3 .section-title small {
    display: inline-block;
    margin-bottom: 17px;
    padding-left: 13px;
    border-left: 3px solid var(--accent, #ff9c07);
    color: var(--accent, #ff9c07);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.events-3 h2 {
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: 41px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -.5px;
}

.events-3 h2 span {
    color: var(--accent, #ff9c07);
}

.events-3 .section-title > p {
    max-width: 390px;
    margin: 0;
    color: #707070;
    font-size: 13px;
    line-height: 1.9;
}

.events-3 .see-more {
    display: inline-flex;
    align-items: center;
    margin-top: 28px;
    color: var(--text, #222);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.events-3 .see-more:hover {
    color: var(--accent, #ff9c07);
}

.events-3 .see-more i {
    width: 38px;
    height: 38px;
    margin-left: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--accent, #ff9c07);
    color: #fff;
    font-size: 17px;
    transition: all .3s ease;
}

.events-3 .see-more:hover i {
    transform: translate(3px, -3px);
}

.events-3-cards {
    margin-left: -7px;
    margin-right: -7px;
}

.events-3-cards > div {
    padding-left: 7px;
    padding-right: 7px;
}

.events-3 .event-card {
    position: relative;
    height: 350px;
    overflow: hidden;
    border-radius: 10px;
    background: #111;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .10);
}

.events-3 .event-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.events-3 .event-card:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .15) 55%,
        rgba(0, 0, 0, 0) 100%
    );
    pointer-events: none;
}

.events-3 .event-card:hover img {
    transform: scale(1.07);
}

.events-3 .event-info {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 22px 20px;
    color: #fff;
}

.events-3 .event-info h4 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.events-3 .event-info p {
    margin: 0;
    color: rgba(255, 255, 255, .75);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(8px);
    transition: all .35s ease;
}

.events-3 .event-card:hover .event-info p {
    opacity: 1;
    transform: translateY(0);
}

.events-3 .social-icons {
    display: flex;
    gap: 6px;
    margin-top: 13px;
    opacity: 0;
    transform: translateY(8px);
    transition: all .35s ease .04s;
}

.events-3 .event-card:hover .social-icons {
    opacity: 1;
    transform: translateY(0);
}

.events-3 .social-icons a {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    transition: all .3s ease;
}

.events-3 .social-icons a:hover {
    border-color: var(--accent, #ff9c07);
    background: var(--accent, #ff9c07);
    color: #fff;
}

.events-3 .carousel-nav {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.events-3 .carousel-nav > i {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    color: #444;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s ease;
}

.events-3 .carousel-nav > i:hover {
    border-color: var(--accent, #ff9c07);
    background: var(--accent, #ff9c07);
    color: #fff;
}

.events-3 .progress-bar {
    width: 100px;
    height: 3px;
    margin-left: 8px;
    border-radius: 10px;
    background: var(--accent, #ff9c07);
}

@media (max-width: 991px) {
    .events-3 {
        padding: 70px 0;
    }

    .events-3 .section-title {
        padding-right: 15px;
    }

    .events-3 h2 {
        font-size: 34px;
    }

    .events-3 .event-card {
        height: 300px;
    }

    .events-3 .event-info {
        padding: 18px 15px;
    }

    .events-3 .event-info h4 {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .events-3 {
        padding: 60px 0;
    }

    .events-3-main {
        display: block;
    }

    .events-3-left,
    .events-3-right {
        width: 100%;
    }

    .events-3 .section-title {
        padding-right: 0;
        margin-bottom: 35px;
    }

    .events-3 h2 {
        font-size: 30px;
    }

    .events-3 .section-title > p {
        max-width: 550px;
    }

    .events-3-cards {
        margin-left: -5px;
        margin-right: -5px;
    }

    .events-3-cards > div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .events-3 .event-card {
        height: 270px;
        margin-bottom: 10px;
    }

    .events-3 .event-info p,
    .events-3 .social-icons {
        opacity: 1;
        transform: none;
    }

    .events-3 .carousel-nav {
        justify-content: center;
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .events-3 {
        padding: 50px 0;
    }

    .events-3 h2 {
        font-size: 27px;
    }

    .events-3 .event-card {
        height: 320px;
        border-radius: 8px;
    }

    .events-3-cards {
        display: block;
        margin: 0;
    }

    .events-3-cards > div {
        width: 100%;
        padding: 0;
    }

    .events-3 .event-card {
        margin-bottom: 15px;
    }

    .events-3 .event-info {
        padding: 20px;
    }

    .events-3 .event-info h4 {
        font-size: 19px;
    }

    .events-3 .carousel-nav {
        justify-content: center;
    }
}

.testimonial-11 {
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    font-family: "Poppins", sans-serif;
    color: var(--text, #222);
}

.testimonial-11 .testimonial-11-header .testimonial-11-subtitle {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--accent, #f9004d);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.testimonial-11 .testimonial-11-header .testimonial-11-title {
    margin-bottom: 18px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.testimonial-11 .testimonial-11-header .testimonial-11-title span {
    color: var(--accent, #f9004d);
}

.testimonial-11 .testimonial-11-header .testimonial-11-description {
    max-width: 680px;
    margin: 0 auto 45px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.testimonial-11 .testimonial-11-card {
    height: 100%;
    margin: 16px;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 30px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.testimonial-11 .testimonial-11-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 65px rgba(0, 0, 0, .10);
}

.testimonial-11 .testimonial-11-box {
    position: relative;
    height: 100%;
    padding: 34px 30px 28px;
    background: #fff;
    border-radius: 24px;
    text-align: left;
}

.testimonial-11 .testimonial-11-quote-icon {
    position: absolute;
    top: 18px;
    left: 28px;
    z-index: 1;
    color: rgba(249, 0, 77, .10);
    font-size: 60px;
    line-height: 1;
}

.testimonial-11 .testimonial-11-text {
    position: relative;
    z-index: 2;
    min-height: 120px;
    margin: 22px 0 28px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.testimonial-11 .testimonial-11-client {
    display: flex;
    align-items: center;
    gap: 16px;
}

.testimonial-11 .testimonial-11-client img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--border, #e8edf3);
}

.testimonial-11 .testimonial-11-client h4 {
    margin: 0 0 4px;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 700;
}

.testimonial-11 .testimonial-11-client p {
    margin: 0;
    color: var(--text, #222);
    font-size: 14px;
}

@media(max-width:991px) {

    .testimonial-11 {
        padding: 70px 0;
    }

    .testimonial-11 .testimonial-11-header .testimonial-11-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .testimonial-11 {
        padding: 60px 0;
    }

    .testimonial-11 .testimonial-11-header .testimonial-11-title {
        font-size: 30px;
        line-height: 40px;
    }

    .testimonial-11 .testimonial-11-card {
        margin: 0 0 24px;
        padding: 18px;
        border-radius: 24px;
    }

    .testimonial-11 .testimonial-11-box {
        padding: 28px 22px 22px;
        border-radius: 20px;
    }

    .testimonial-11 .testimonial-11-quote-icon {
        left: 20px;
        font-size: 48px;
    }

    .testimonial-11 .testimonial-11-text {
        min-height: auto;
    }

}
.pricing-8-section-wrapper {
    position: relative;
    padding: 90px 20px;
    overflow: hidden;
    background: var(--bg, #f7f5f1);
    color: var(--text, #172532);
    font-family: "Poppins", sans-serif;
}

.pricing-8-section-wrapper::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -150px;
    width: 390px;
    height: 390px;
    border: 1px solid color-mix(in srgb, var(--accent, #ae9a64) 18%, transparent);
    border-radius: 50%;
    pointer-events: none;
}

.pricing-8-section-wrapper::after {
    content: "";
    position: absolute;
    bottom: -200px;
    left: -170px;
    width: 420px;
    height: 420px;
    border: 1px solid color-mix(in srgb, var(--primary, #172532) 10%, transparent);
    border-radius: 50%;
    pointer-events: none;
}

.pricing-8-section-wrapper * {
    box-sizing: border-box;
}

.pricing-8-section-wrapper .container {
    position: relative;
    z-index: 2;
}

.pricing-8-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.pricing-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--accent, #ae9a64);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    line-height: 1.4;
    text-transform: uppercase;
}

.pricing-title::before,
.pricing-title::after {
    content: "";
    width: 28px;
    height: 1px;
    background: var(--accent, #ae9a64);
}

.pricing-heading {
    margin: 0 0 16px;
    color: var(--text, #172532);
    font-size: 43px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.pricing-heading span {
    color: var(--accent, #ae9a64);
}

.pricing-subtext {
    max-width: 680px;
    margin: 0 auto;
    color: var(--secondary, #6d6d6d);
    font-size: 14px;
    line-height: 1.9;
}

.pricing-8-row {
    display: flex;
    align-items: stretch;
    margin-left: -10px;
    margin-right: -10px;
}

.pricing-8-column {
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
}

.pricing-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    margin-bottom: 20px;
    padding: 36px 32px 30px;
    overflow: hidden;
    border: 1px solid var(--border, #e4dfd7);
    border-radius: 20px;
    background: var(--light, #fff);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .06);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.pricing-box:hover {
    border-color: var(--accent, #ae9a64);
    transform: translateY(-8px);
    box-shadow: 0 28px 60px rgba(0, 0, 0, .10);
}

.pricing-box.featured {
    border-color: var(--accent, #ae9a64);
    background: var(--primary, #172532);
    box-shadow: 0 28px 65px rgba(0, 0, 0, .16);
    transform: translateY(-8px);
}

.pricing-box.featured:hover {
    transform: translateY(-13px);
}

.popular-badge {
    position: absolute;
    top: 0;
    right: 24px;
    padding: 8px 15px;
    border-radius: 0 0 8px 8px;
    background: var(--accent, #ae9a64);
    color: var(--light, #fff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.pricing-box-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 22px;
}

.pricing-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid var(--border, #e4dfd7);
    border-radius: 13px;
    background: var(--bg, #f7f5f1);
    color: var(--accent, #ae9a64);
    font-size: 21px;
}

.pricing-box.featured .pricing-icon {
    border-color: rgba(255, 255, 255, .15);
    background: rgba(255, 255, 255, .08);
    color: var(--accent, #ae9a64);
}

.pricing-plan-label {
    color: var(--accent, #ae9a64);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.pricing-box h3 {
    margin: 0 0 7px;
    color: var(--text, #172532);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
}

.pricing-box.featured h3 {
    color: var(--light, #fff);
}

.package-type {
    min-height: 42px;
    margin: 0 0 22px;
    color: var(--secondary, #777);
    font-size: 13px;
    line-height: 1.6;
}

.pricing-box.featured .package-type {
    color: color-mix(in srgb, var(--light, #fff) 65%, transparent);
}

.price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 2px;
    margin-bottom: 22px;
    color: var(--text, #172532);
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
}

.pricing-box.featured .price {
    color: var(--light, #fff);
}

.price sup {
    position: relative;
    top: -10px;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0;
}

.price small {
    margin-left: 5px;
    color: var(--secondary, #888);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
}

.pricing-box.featured .price small {
    color: color-mix(in srgb, var(--light, #fff) 60%, transparent);
}

.pricing-divider {
    width: 100%;
    height: 1px;
    margin-bottom: 10px;
    background: var(--border, #e4dfd7);
}

.pricing-box.featured .pricing-divider {
    background: rgba(255, 255, 255, .12);
}

.pricing-box ul.features {
    flex: 1;
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
}

.pricing-box ul.features li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 13px 0;
    border-bottom: 1px dashed var(--border, #e4dfd7);
    color: var(--secondary, #626262);
    font-size: 13px;
    line-height: 1.5;
}

.pricing-box ul.features li:last-child {
    border-bottom: none;
}

.pricing-box ul.features li i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--accent, #ae9a64) 15%, var(--light, #fff));
    color: var(--accent, #ae9a64);
    font-size: 12px;
}

.pricing-box.featured ul.features li {
    border-color: rgba(255, 255, 255, .11);
    color: color-mix(in srgb, var(--light, #fff) 78%, transparent);
}

.pricing-box.featured ul.features li i {
    background: color-mix(in srgb, var(--accent, #ae9a64) 22%, transparent);
    color: var(--accent, #ae9a64);
}

.purchase-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 48px;
    margin-top: auto;
    padding: 13px 22px;
    border: 1px solid var(--accent, #ae9a64);
    border-radius: 8px;
    background: var(--accent, #ae9a64);
    color: var(--light, #fff);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
}

.purchase-btn i {
    font-size: 16px;
    transition: transform .3s ease;
}

.purchase-btn:hover {
    border-color: var(--secondary, #8e794a);
    background: var(--secondary, #8e794a);
    color: var(--light, #fff);
    text-decoration: none;
    transform: translateY(-2px);
}

.purchase-btn:hover i {
    transform: translateX(3px);
}

.pricing-box:not(.featured) .purchase-btn {
    background: transparent;
    color: var(--text, #172532);
}

.pricing-box:not(.featured) .purchase-btn:hover {
    border-color: var(--primary, #172532);
    background: var(--primary, #172532);
    color: var(--light, #fff);
}

.note {
    min-height: 38px;
    margin: 15px 0 0;
    color: var(--secondary, #888);
    font-size: 10px;
    line-height: 1.7;
    text-align: center;
}

.pricing-box.featured .note {
    color: color-mix(in srgb, var(--light, #fff) 45%, transparent);
}

.footer-note {
    margin: 38px 0 0;
    color: var(--secondary, #777);
    font-size: 12px;
    line-height: 1.7;
    text-align: center;
}

.footer-note a {
    color: var(--accent, #ae9a64);
    font-weight: 600;
    text-decoration: none;
    transition: color .3s ease;
}

.footer-note a:hover {
    color: var(--primary, #172532);
    text-decoration: underline;
}

@media (max-width: 991px) {
    .pricing-8-section-wrapper {
        padding: 75px 20px;
    }

    .pricing-8-header {
        margin-bottom: 45px;
    }

    .pricing-heading {
        font-size: 36px;
    }

    .pricing-8-row {
        display: block;
    }

    .pricing-8-column {
        display: block;
        margin-bottom: 25px;
    }

    .pricing-box.featured {
        transform: none;
    }

    .pricing-box.featured:hover {
        transform: translateY(-8px);
    }
}

@media (max-width: 767px) {
    .pricing-8-section-wrapper {
        padding: 60px 15px;
    }

    .pricing-8-header {
        margin-bottom: 35px;
    }

    .pricing-heading {
        font-size: 30px;
        line-height: 1.3;
    }

    .pricing-subtext {
        font-size: 13px;
        line-height: 1.8;
    }

    .pricing-box {
        padding: 30px 24px;
        border-radius: 17px;
    }

    .pricing-box h3 {
        font-size: 24px;
    }

    .price {
        font-size: 40px;
    }

    .pricing-box ul.features li {
        font-size: 12px;
    }

    .footer-note {
        margin-top: 25px;
    }
}

@media (max-width: 480px) {
    .pricing-8-section-wrapper {
        padding: 50px 12px;
    }

    .pricing-title {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .pricing-heading {
        font-size: 27px;
    }

    .pricing-box {
        padding: 27px 20px;
    }

    .pricing-box-top {
        margin-bottom: 18px;
    }

    .pricing-icon {
        width: 44px;
        height: 44px;
    }

    .price {
        font-size: 36px;
    }
}
.ourteam-3 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.ourteam-3 .ourteam-3-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--accent, #f53677);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ourteam-3 .ourteam-3-title {
    margin-bottom: 18px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.ourteam-3 .ourteam-3-title span {
    color: var(--accent, #f53677);
}

.ourteam-3 .ourteam-3-description {
    max-width: 520px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.ourteam-3 .ourteam-3-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 32px;
}

.ourteam-3 .ourteam-3-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 34px;
    border-radius: 50px;
    background: var(--accent, #f53677);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.ourteam-3 .ourteam-3-btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(245, 54, 119, .30);
    text-decoration: none;
}

.ourteam-3 .ourteam-3-images {
    margin-top: 55px;
}

.ourteam-3 .ourteam-3-card {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 30px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .08);
}

.ourteam-3 .ourteam-3-card img {
    display: block;
    width: 100%;
    border-radius: 30px;
    transition: transform .5s ease;
}

.ourteam-3 .ourteam-3-card:hover img {
    transform: scale(1.08);
}

.ourteam-3 .ourteam-3-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border-radius: 30px;
    background: linear-gradient(to top, rgba(245, 54, 119, .92), rgba(245, 54, 119, .55));
    opacity: 0;
    transition: .35s ease;
    text-align: center;
    pointer-events: none;
}

.ourteam-3 .ourteam-3-card:hover .ourteam-3-overlay {
    opacity: 1;
}

.ourteam-3 .ourteam-3-name {
    margin-bottom: 8px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.ourteam-3 .ourteam-3-role {
    margin-bottom: 18px;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
}

.ourteam-3 .ourteam-3-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .15);
    color: #fff;
    font-size: 16px;
    transition: .35s ease;
}

.ourteam-3 .ourteam-3-social a:hover {
    background: #fff;
    color: var(--accent, #f53677);
    opacity: 1;
}

@media(max-width:991px) {

    .ourteam-3 {
        padding: 70px 0;
    }

    .ourteam-3 .ourteam-3-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .ourteam-3 {
        padding: 60px 0;
    }

    .ourteam-3 .ourteam-3-title {
        font-size: 30px;
        line-height: 40px;
    }

    .ourteam-3 .ourteam-3-description {
        font-size: 15px;
        line-height: 28px;
    }

    .ourteam-3 .ourteam-3-btn-wrapper {
        justify-content: center;
        margin-top: 24px;
    }

    .ourteam-3 .ourteam-3-card,
    .ourteam-3 .ourteam-3-card img,
    .ourteam-3 .ourteam-3-overlay {
        border-radius: 24px;
    }

    .ourteam-3 .ourteam-3-name {
        font-size: 20px;
    }

    .ourteam-3 .ourteam-3-role {
        font-size: 14px;
    }

}

.news-5 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.news-5 .news-5-header .subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--accent, #ff0066);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.news-5 .news-5-header h2 {
    margin-bottom: 18px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.news-5 .news-5-header h2 span {
    color: var(--accent, #ff0066);
}

.news-5 .news-5-header .description {
    max-width: 680px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.news-5 .view-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    padding: 15px 34px;
    border-radius: 50px;
    background: var(--accent, #ff0066);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.news-5 .view-more-btn:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(255, 0, 102, .30);
}

.news-5 .news-5-card {
    overflow: hidden;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 30px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.news-5 .news-5-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .10);
}

.news-5 .news-5-card img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .5s ease;
}

.news-5 .news-5-card:hover img {
    transform: scale(1.08);
}

.news-5 .news-5-card-body {
    padding: 28px 24px;
    text-align: center;
}

.news-5 .news-5-card-body h4 {
    margin-bottom: 14px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase;
}

.news-5 .news-5-card-body p {
    margin-bottom: 0;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.news-5 .news-5-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    border-top: 1px solid var(--border, #e8edf3);
    color: #777;
    font-size: 13px;
}

.news-5 .news-5-card-footer i {
    margin-right: 6px;
    color: var(--accent, #ff0066);
}

@media(max-width:991px) {

    .news-5 {
        padding: 70px 0;
    }

    .news-5 .news-5-header h2 {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .news-5 {
        padding: 60px 0;
    }

    .news-5 .news-5-header h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .news-5 .news-5-card {
        border-radius: 24px;
    }

    .news-5 .news-5-card-body {
        padding: 24px 20px;
    }

    .news-5 .news-5-card-body h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .news-5 .news-5-card-footer {
        flex-wrap: wrap;
        gap: 10px;
        padding: 14px 20px;
    }

}

.home-4 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-4 * {
    box-sizing: border-box;
}

.home-4 .home-4-header {
    max-width: 700px;
    margin: 0 auto 45px;
}

.home-4 .home-4-tag {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--primary, #007bff);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.home-4 .home-4-title {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
}

.home-4 .home-4-title span {
    color: var(--primary, #007bff);
}

.home-4 .home-4-description {
    margin: 0;
    color: #707070;
    font-size: 13px;
    line-height: 1.8;
}

.home-4 .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.home-4 [class*="col-"] {
    display: flex;
    padding: 0 8px;
}

.home-4 .home-4-blog {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid var(--border, #e6e6e6);
    border-radius: 18px;
    background: var(--bg, #fff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    transition: .3s ease;
}

.home-4 .home-4-blog:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .09);
}

.home-4 .home-4-image-box {
    height: 220px;
    overflow: hidden;
    background: var(--light, #f5f5f5);
}

.home-4 .home-4-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .4s ease;
}

.home-4 .home-4-blog:hover .home-4-image {
    transform: scale(1.04);
}

.home-4 .home-4-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 24px;
}

.home-4 .home-4-date {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    color: var(--primary, #007bff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-4 .home-4-blog-title {
    margin: 0 0 11px;
    color: var(--text, #222);
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
}

.home-4 .home-4-text {
    flex: 1;
    margin: 0 0 20px;
    color: #707070;
    font-size: 12px;
    line-height: 1.75;
}

.home-4 .home-4-link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 7px;
    color: var(--primary, #007bff);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: .25s ease;
}

.home-4 .home-4-link i {
    font-size: 15px;
    transition: transform .25s ease;
}

.home-4 .home-4-link:hover {
    color: var(--secondary, #0056b3);
}

.home-4 .home-4-link:hover i {
    transform: translateX(4px);
}

@media (max-width: 991px) {
    .home-4 {
        padding: 70px 0;
    }

    .home-4 .home-4-title {
        font-size: 34px;
    }

    .home-4 .home-4-image-box {
        height: 200px;
    }

    .home-4 .home-4-body {
        padding: 21px;
    }
}

@media (max-width: 767px) {
    .home-4 {
        padding: 60px 0;
    }

    .home-4 .home-4-header {
        margin-bottom: 35px;
    }

    .home-4 .home-4-title {
        font-size: 30px;
    }

    .home-4 .home-4-description {
        font-size: 12px;
    }

    .home-4 [class*="col-"] {
        width: 100%;
    }

    .home-4 .home-4-image-box {
        height: 220px;
    }

    .home-4 .home-4-blog {
        margin-bottom: 16px;
    }
}

@media (max-width: 480px) {
    .home-4 {
        padding: 50px 0;
    }

    .home-4 .home-4-title {
        font-size: 27px;
    }

    .home-4 .home-4-body {
        padding: 20px;
    }

    .home-4 .home-4-blog-title {
        font-size: 17px;
    }
}

.home-40 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-40 .home-40-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 40px;
    background: linear-gradient(135deg, var(--light, #fff), rgba(241, 91, 42, .05));
    border: 1px solid var(--border, #e8edf3);
    border-radius: 30px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .06);
}

.home-40 .home-40-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-40 .home-40-offer-line {
    display: flex;
    align-items: flex-end;
    margin-bottom: 12px;
}

.home-40 .home-40-50 {
    color: var(--accent, #f15b2a);
    font-size: 84px;
    font-weight: 700;
    line-height: 1;
}

.home-40 .home-40-percent {
    margin-left: 6px;
    color: var(--accent, #f15b2a);
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
}

.home-40 .home-40-off {
    margin-left: 8px;
    color: var(--accent, #f15b2a);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.home-40 .home-40-title {
    margin-bottom: 10px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-40 .home-40-code {
    color: var(--accent, #f15b2a);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}

.home-40 .home-40-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-40 .home-40-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 36px;
    border-radius: 50px;
    background: var(--accent, #f15b2a);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.home-40 .home-40-btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(241, 91, 42, .30);
}

@media(max-width:991px) {

    .home-40 {
        padding: 70px 0;
    }

    .home-40 .home-40-row {
        padding: 32px;
    }

    .home-40 .home-40-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-40 {
        padding: 60px 0;
    }

    .home-40 .home-40-row {
        flex-direction: column;
        text-align: center;
        padding: 28px 24px;
        border-radius: 24px;
    }

    .home-40 .home-40-offer-line {
        justify-content: center;
    }

    .home-40 .home-40-50 {
        font-size: 64px;
    }

    .home-40 .home-40-title {
        font-size: 30px;
        line-height: 40px;
    }

}


.home-42 {
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    font-family: "Poppins", sans-serif;
    position: relative;
}

.home-42.section-wrapper {
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    position: relative;
}

.home-42 .home-42-title {
    margin-bottom: 22px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-42 .home-42-description {
    max-width: 620px;
    margin-bottom: 36px;
    color: rgba(255, 255, 255, .82);
    font-size: 16px;
    line-height: 30px;
}

.home-42 .home-42-search-box {
    position: relative;
    max-width: 640px;
}

.home-42 .home-42-search-input {
    width: 100%;
    height: 62px;
    padding: 0 70px 0 24px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 50px;
    background: rgba(255, 255, 255, .96);
    color: var(--text, #222);
    font-size: 15px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
    transition: .35s ease;
}

.home-42 .home-42-search-input:focus {
    outline: none;
    border-color: var(--primary, #4b6fff);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .18);
}

.home-42 .home-42-search-input::placeholder {
    color: #888;
}

.home-42 .home-42-search-icon {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    color: var(--primary, #4b6fff);
    font-size: 20px;
    transition: .3s ease;
    cursor: pointer;
}

.home-42 .home-42-search-box:hover .home-42-search-icon {
    transform: translateY(-50%) scale(1.08);
}

@media(max-width:991px) {

    .home-42,
    .home-42.section-wrapper {
        padding: 70px 0;
    }

    .home-42 .home-42-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-42,
    .home-42.section-wrapper {
        padding: 60px 0;
    }

    .home-42 .home-42-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-42 .home-42-description {
        font-size: 15px;
        line-height: 28px;
    }

    .home-42 .home-42-search-input {
        height: 56px;
        padding: 0 60px 0 20px;
        font-size: 14px;
    }

    .home-42 .home-42-overlay {
        padding: 24px 20px;
        pointer-events: none;
    }

}


.blog-11 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.blog-11 * {
    font-family: "Poppins", sans-serif;
}

.blog-11.section-wrapper {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.blog-11 .blog-11-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--accent, #D6A427);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.blog-11 .blog-11-title {
    margin: 0 0 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border, #e8edf3);
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.blog-11 .blog-11-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 36px;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--accent, #D6A427);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: .35s ease;
}

.blog-11 .blog-11-btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(214, 164, 39, .30);
}

.blog-11 .blog-11-post {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 28px;
    padding: 22px;
    background: #fff;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 30px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.blog-11 .blog-11-post:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 65px rgba(0, 0, 0, .10);
}

.blog-11 .blog-11-img {
    flex: 0 0 240px;
}

.blog-11 .blog-11-img img {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-radius: 22px;
    transition: transform .5s ease;
}

.blog-11 .blog-11-post:hover .blog-11-img img {
    transform: scale(1.06);
}

.blog-11 .blog-11-content {
    flex: 1;
    padding-left: 0;
}

.blog-11 .blog-11-post-title {
    margin: 0 0 10px;
    color: var(--text, #222);
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.blog-11 .blog-11-meta {
    margin-bottom: 12px;
    color: #777;
    font-size: 13px;
}

.blog-11 .blog-11-text {
    margin-bottom: 16px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.blog-11 .blog-11-readmore {
    color: var(--primary, #7D9A2F);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.blog-11 .blog-11-readmore:hover {
    color: var(--accent, #D6A427);
    text-decoration: none;
}

@media(max-width:991px) {

    .blog-11,
    .blog-11.section-wrapper {
        padding: 70px 0;
    }

    .blog-11 .blog-11-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .blog-11,
    .blog-11.section-wrapper {
        padding: 60px 0;
    }

    .blog-11 .blog-11-title {
        font-size: 30px;
        line-height: 40px;
    }

    .blog-11 .blog-11-post {
        display: block;
        padding: 20px;
        border-radius: 24px;
    }

    .blog-11 .blog-11-img {
        width: 100%;
        margin-bottom: 20px;
    }

    .blog-11 .blog-11-img img {
        width: 100%;
        height: auto;
        border-radius: 20px;
    }

    .blog-11 .blog-11-btn {
        width: 100%;
        margin-top: 20px;
    }

}

.blog-12 {
    padding: 85px 0;
    background: var(--bg, #fff);
    color: var(--text, #222);
}

.blog-12 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.blog-12 .container {
    max-width: 1200px;
}

.blog-12 .row:first-child {
    display: flex;
    align-items: flex-end;
    margin-bottom: 45px;
}

.blog-12-subtitle {
    display: inline-block;
    margin: 0 0 10px;
    color: var(--primary, #ff7a00);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
}

.blog-12-title {
    max-width: 650px;
    margin: 0;
    color: var(--text, #222);
    font-size: 38px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.4px;
}

.blog-12-desc {
    max-width: 330px;
    margin: 0 0 3px auto;
    color: #777;
    font-size: 13px;
    line-height: 1.8;
}

.blog-12-posts {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.blog-12-posts > div {
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
}

.blog-12-card {
    width: 100%;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .04);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.blog-12-card:hover {
    transform: translateY(-6px);
    border-color: transparent;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.blog-12-img-wrap {
    position: relative;
    height: 230px;
    overflow: hidden;
    background: #eee;
}

.blog-12-img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.blog-12-card:hover .blog-12-img-wrap img {
    transform: scale(1.05);
}

.blog-12-date {
    position: absolute;
    left: 15px;
    bottom: 15px;
    padding: 7px 11px;
    border-radius: 3px;
    background: var(--primary, #ff7a00);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .3px;
}

.blog-12-content {
    min-height: 245px;
    padding: 23px 22px 22px;
    display: flex;
    flex-direction: column;
}

.blog-12-content h4 {
    min-height: 52px;
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}

.blog-12-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 13px;
    border-bottom: 1px solid #ededed;
}

.blog-12-meta span {
    display: inline-flex;
    align-items: center;
    color: #888;
    font-size: 10px;
    line-height: 1.5;
}

.blog-12-meta i {
    margin-right: 5px;
    color: var(--primary, #ff7a00);
    font-size: 14px;
}

.blog-12-content > p {
    margin: 14px 0 18px;
    color: #777;
    font-size: 12px;
    line-height: 1.8;
}

.blog-12-readmore {
    width: fit-content;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    color: var(--text, #222);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all .3s ease;
}

.blog-12-readmore:after {
    content: "\ea6c";
    margin-left: 7px;
    font-family: "remixicon";
    font-size: 14px;
    transition: transform .3s ease;
}

.blog-12-readmore:hover {
    color: var(--primary, #ff7a00);
    text-decoration: none;
}

.blog-12-readmore:hover:after {
    transform: translateX(4px);
}

@media (max-width: 991px) {
    .blog-12 {
        padding: 70px 0;
    }

    .blog-12-title {
        font-size: 33px;
    }

    .blog-12-desc {
        font-size: 12px;
    }

    .blog-12-img-wrap {
        height: 210px;
    }

    .blog-12-content {
        padding: 20px;
    }

    .blog-12-content h4 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .blog-12 {
        padding: 60px 0;
    }

    .blog-12 .row:first-child {
        display: block;
        margin-bottom: 35px;
    }

    .blog-12-title {
        font-size: 29px;
    }

    .blog-12-desc {
        max-width: 550px;
        margin: 15px 0 0;
        text-align: left;
    }

    .blog-12-posts {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .blog-12-posts > div {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .blog-12-img-wrap {
        height: 250px;
    }

    .blog-12-content {
        min-height: auto;
    }
}

@media (max-width: 575px) {
    .blog-12 {
        padding: 50px 0;
    }

    .blog-12-title {
        font-size: 26px;
    }

    .blog-12-subtitle {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .blog-12-img-wrap {
        height: 220px;
    }

    .blog-12-content {
        padding: 20px 18px;
    }

    .blog-12-content h4 {
        min-height: auto;
        font-size: 16px;
    }

    .blog-12-meta {
        gap: 12px;
    }
}
.faq-4 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.section-wrapper.faq-4 {
    padding: 80px 15px;
}

.faq-4 .faq-4-title {
    margin-bottom: 40px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border, #e8edf3);
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.faq-4 .faq-4-panel-group .panel {
    margin-bottom: 16px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 22px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .05);
    transition: .35s ease;
}

.faq-4 .faq-4-panel-group .panel:hover {
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
}

.faq-4 .faq-4-panel-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.faq-4 .faq-4-panel-title a {
    position: relative;
    display: block;
    padding: 7px 16px;
    color: var(--text, #222);
    text-decoration: none;
    transition: .3s ease;
}

.faq-4 .faq-4-panel-title a.collapsed {
    color: var(--text, #222);
}

.faq-4 .faq-4-panel-title a:hover {
    color: var(--accent, #4b6fff);
}

.faq-4 .faq-4-panel-title a::after {
    content: "\ea4e";
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(75, 111, 255, .08);
    color: var(--primary, #4b6fff);
    font-family: "remixicon";
    font-size: 18px;
    transition: .35s ease;
}

.faq-4 .faq-4-panel-title a[aria-expanded="true"]::after {
    content: "\ea78";
    background: var(--primary, #4b6fff);
    color: #fff;
}

.faq-4 .faq-4-panel-body {
    padding: 0 24px 24px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.faq-4 .faq-4-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .08);
}

@media(min-width:768px) {

    .faq-4 .faq-4-row {
        display: flex;
        align-items: flex-start;
    }

    .faq-4 .faq-4-col-left {
        flex: 2;
        padding-right: 40px;
    }

    .faq-4 .faq-4-col-right {
        flex: 1;
    }

}

@media(max-width:991px) {

    .faq-4,
    .section-wrapper.faq-4 {
        padding: 70px 15px;
    }

    .faq-4 .faq-4-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .faq-4,
    .section-wrapper.faq-4 {
        padding: 60px 15px;
    }

    .faq-4 .faq-4-title {
        font-size: 30px;
        line-height: 40px;
    }

    .faq-4 .faq-4-image {
        margin-top: 30px;
    }

    .faq-4 .faq-4-image img {
        border-radius: 24px;
    }

}

.about-21 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-21 .about-21-section {
    padding: 80px 0;
    font-family: "Poppins", sans-serif;
}

.about-21 .about-21-image-box {
    position: relative;
    padding-left: 34px;
}

.about-21 .about-21-image-box::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    width: 96%;
    height: 100%;
    border: 2px solid var(--accent, #e1a318);
    border-radius: 30px;
    z-index: 0;
}

.about-21 .about-21-img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 52px;
    border-radius: 30px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .10);
}

.about-21 .about-21-caption-box {
    position: absolute;
    left: 28px;
    bottom: 28px;
    max-width: 78%;
    padding: 24px;
    background: rgba(255, 255, 255, .96);
    border: 1px solid var(--border, #e8edf3);
    border-radius: 24px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .08);
    backdrop-filter: blur(12px);
}

.about-21 .about-21-caption-box h4 {
    margin-bottom: 10px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

.about-21 .about-21-caption-box p {
    margin-bottom: 0;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.about-21 .about-21-content h6 {
    margin-bottom: 16px;
    color: var(--accent, #e1a318);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-21 .about-21-content h2 {
    margin: 0 0 22px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    font-family: "Poppins", sans-serif;
}

.about-21 .about-21-content p {
    margin-bottom: 24px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.about-21 .about-21-feature {
    display: flex;
    align-items: flex-start;
    margin-bottom: 28px;
}

.about-21 .about-21-feature i {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    margin-right: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(225, 163, 24, .10);
    color: var(--accent, #e1a318);
    font-size: 22px;
}

.about-21 .about-21-feature h5 {
    margin: 0 0 8px;
    color: var(--text, #222);
    font-size: 20px;
    font-weight: 600;
}

.about-21 .about-21-feature p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

@media(max-width:991px) {

    .about-21,
    .about-21 .about-21-section {
        padding: 70px 0;
    }

    .about-21 .about-21-content h2 {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .about-21,
    .about-21 .about-21-section {
        padding: 60px 0;
    }

    .about-21 .about-21-content h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .about-21 .about-21-image-box {
        padding-left: 18px;
    }

    .about-21 .about-21-image-box::before {
        border-radius: 24px;
    }

    .about-21 .about-21-img {
        margin-top: 30px;
        border-radius: 24px;
    }

    .about-21 .about-21-caption-box {
        position: static;
        max-width: 100%;
        margin-top: 24px;
    }

}


.about-22 {
    padding: 80px 0;
    background: var(--secondary, #2a3736);
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.about-22 .about-22-about-section {
    padding: 80px 0;
    background: var(--secondary, #2a3736);
    color: #fff;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

.about-22 .about-22-title {
    margin-bottom: 18px;
    color: rgba(255, 255, 255, .92);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-22 .about-22-subtitle {
    margin-bottom: 50px;
    color: rgba(255, 255, 255, .70);
    font-size: 15px;
    font-weight: 500;
}

.about-22 .about-22-box {
    height: 100%;
    margin-bottom: 30px;
}

.about-22 .about-22-img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 30px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .20);
    transition: transform .5s ease;
}

.about-22 .about-22-box:hover .about-22-img {
    transform: scale(1.04);
}

.about-22 .about-22-content-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 40px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 30px;
    text-align: left;
    backdrop-filter: blur(12px);
}

.about-22 .about-22-tagline {
    margin-bottom: 12px;
    color: var(--accent, #e87e1c);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-22 .about-22-heading {
    margin-bottom: 18px;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
}

.about-22 .about-22-text {
    margin-bottom: 28px;
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
    line-height: 28px;
}

.about-22 .about-22-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--accent, #e87e1c);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: .35s ease;
}

.about-22 .about-22-btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(232, 126, 28, .30);
}

@media(max-width:991px) {

    .about-22,
    .about-22 .about-22-about-section {
        padding: 70px 0;
    }

    .about-22 .about-22-title {
        font-size: 36px;
        line-height: 46px;
    }

    .about-22 .about-22-heading {
        font-size: 28px;
        line-height: 38px;
    }

}

@media(max-width:767px) {

    .about-22,
    .about-22 .about-22-about-section {
        padding: 60px 0;
    }

    .about-22 .about-22-title {
        font-size: 30px;
        line-height: 40px;
    }

    .about-22 .about-22-img {
        height: 340px;
        border-radius: 24px;
    }

    .about-22 .about-22-content-box {
        padding: 28px 24px;
        border-radius: 24px;
    }

    .about-22 .about-22-heading {
        font-size: 24px;
        line-height: 34px;
    }

    .about-22 .about-22-btn {
        width: 100%;
    }

}
.contact-1 {
    position: relative;
    padding: 85px 0 0;
    overflow: hidden;
    background: var(--bg, #f7f7f5);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
}

.contact-1 *,
.contact-1 *::before,
.contact-1 *::after {
    box-sizing: border-box;
}

.contact-1 .container {
    position: relative;
    z-index: 2;
}

.contact-1 .seperator-head {
    max-width: 650px;
    margin: 0 auto 45px;
}

.contact-1 .seperator-head h2 {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.6px;
}

.contact-1 .seperator-head h2::after {
    content: "";
    display: block;
    width: 45px;
    height: 3px;
    margin: 14px auto 0;
    border-radius: 10px;
    background: var(--primary, #e91e63);
}

.contact-1 .seperator-head p {
    margin: 0;
    color: var(--text, #222);
    opacity: .58;
    font-size: 11px;
    line-height: 1.8;
}

.contact-1-main-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.contact-1-details-column,
.contact-1-form-column {
    display: flex;
}

.contact-1-details-column {
    flex-direction: column;
    padding-right: 15px;
}

.contact-1-form-column {
    padding-left: 15px;
}

.contact-1-detail-column {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    min-height: 82px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 14px;
    background: var(--light, #fff);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .035);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.contact-1-detail-column:hover {
    border-color: var(--primary, #e91e63);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .07);
    transform: translateY(-3px);
}

.contact-1-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(233, 30, 99, .08);
    color: var(--primary, #e91e63);
}

.contact-1-icon-wrap i {
    font-size: 20px;
}

.contact-1-descr-wrap {
    min-width: 0;
}

.contact-1-descr-wrap h3 {
    margin: 0 0 5px;
    color: var(--text, #222);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .9px;
    line-height: 1.4;
    text-transform: uppercase;
}

.contact-1-descr-wrap p {
    margin: 0;
    color: var(--text, #222);
    opacity: .58;
    font-size: 10px;
    line-height: 1.6;
    word-break: break-word;
}

.contact-1-descr-wrap a {
    color: inherit;
    text-decoration: none;
}

.contact-1-form {
    width: 100%;
    padding: 32px;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 18px;
    background: var(--light, #fff);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .055);
}

.contact-1-form-header {
    margin-bottom: 25px;
}

.contact-1-form-header > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--primary, #e91e63);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.contact-1-form-header > span i {
    font-size: 16px;
}

.contact-1-form-header h3 {
    margin: 9px 0 7px;
    color: var(--text, #222);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-1-form-header p {
    max-width: 520px;
    margin: 0;
    color: var(--text, #222);
    opacity: .55;
    font-size: 10px;
    line-height: 1.7;
}

.contact-1-form-row {
    margin-right: -7px;
    margin-left: -7px;
}

.contact-1-form-row > [class*="col-"] {
    padding-right: 7px;
    padding-left: 7px;
}

.contact-1-field {
    margin-bottom: 15px;
}

.contact-1-field label {
    display: block;
    margin: 0 0 6px;
    color: var(--text, #222);
    font-size: 9px;
    font-weight: 600;
}

.contact-1-input-wrap {
    position: relative;
}

.contact-1-input-wrap > i {
    position: absolute;
    top: 50%;
    left: 13px;
    z-index: 2;
    color: var(--primary, #e91e63);
    font-size: 15px;
    transform: translateY(-50%);
    pointer-events: none;
}

.contact-1-input-wrap .form-control {
    width: 100%;
    height: 45px;
    padding: 11px 13px 11px 39px;
    border: 1px solid var(--border, #e1e1e1);
    border-radius: 8px;
    outline: none;
    background: var(--bg, #f7f7f5);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    box-shadow: none;
    transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
}

.contact-1-input-wrap .form-control:focus {
    border-color: var(--primary, #e91e63);
    background: var(--light, #fff);
    box-shadow: 0 0 0 3px rgba(233, 30, 99, .06);
}

.contact-1-input-wrap .form-control::placeholder {
    color: var(--text, #222);
    opacity: .4;
}

.contact-1-textarea-wrap > i {
    top: 17px;
    transform: none;
}

.contact-1-textarea-wrap textarea.form-control {
    height: auto;
    min-height: 120px;
    resize: vertical;
    line-height: 1.7;
}

.contact-1-submit-wrap {
    text-align: center;
}

.contact-1-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 45px;
    margin-top: 2px;
    padding: 11px 24px;
    border: 0;
    border-radius: 50px;
    background: var(--primary, #e91e63);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    line-height: 1.4;
    text-transform: uppercase;
    cursor: pointer;
    transition: gap .3s ease, transform .3s ease, background .3s ease, box-shadow .3s ease;
}

.contact-1-submit i {
    font-size: 16px;
    transition: transform .3s ease;
}

.contact-1-submit:hover {
    gap: 12px;
    background: var(--secondary, #222);
    color: var(--light, #fff);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
    transform: translateY(-2px);
}

.contact-1-submit:hover i {
    transform: translateX(3px);
}

.contact-1-form-message {
    min-height: 20px;
    margin-top: 8px;
    text-align: center;
}

.contact-1-form-message .form-message {
    margin: 0;
    color: var(--primary, #e91e63);
    font-size: 9px;
}

.contact-1-map {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 390px;
    margin-top: 70px;
    overflow: hidden;
    background: var(--secondary, #222);
}

.contact-1-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.contact-1-map-marker {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.contact-1-map-marker img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.contact-1-question-block {
    position: relative;
    z-index: 3;
    padding-top: 32px;
    padding-bottom: 32px;
}

.contact-1-question-block .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.contact-1-question-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-1-question-content h3 {
    margin: 0 0 6px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-1-question-content p {
    margin: 0;
    color: var(--text, #222);
    opacity: .52;
    font-size: 10px;
    line-height: 1.7;
}

.contact-1-question-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.contact-1-question-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 11px 21px;
    border-radius: 50px;
    background: var(--primary, #e91e63);
    color: var(--light, #fff);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .6px;
    text-decoration: none;
    text-transform: uppercase;
    transition: gap .3s ease, transform .3s ease, background .3s ease;
}

.contact-1-question-btn i {
    font-size: 15px;
}

.contact-1-question-btn:hover {
    gap: 12px;
    background: var(--secondary, #222);
    color: var(--light, #fff);
    text-decoration: none;
    transform: translateY(-2px);
}

@media (max-width: 1199px) {
    .contact-1 {
        padding-top: 75px;
    }

    .contact-1-form {
        padding: 28px;
    }

    .contact-1-map {
        height: 350px;
        margin-top: 60px;
    }
}

@media (max-width: 991px) {
    .contact-1 {
        padding-top: 65px;
    }

    .contact-1 .seperator-head {
        margin-bottom: 38px;
    }

    .contact-1 .seperator-head h2 {
        font-size: 36px;
    }

    .contact-1-details-column,
    .contact-1-form-column {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .contact-1-details-column {
        margin-bottom: 18px;
    }

    .contact-1-form {
        margin-top: 5px;
    }

    .contact-1-map {
        height: 320px;
    }
}

@media (max-width: 767px) {
    .contact-1 {
        padding-top: 55px;
    }

    .contact-1 .seperator-head {
        margin-bottom: 30px;
        padding: 0 15px;
    }

    .contact-1 .seperator-head h2 {
        font-size: 30px;
    }

    .contact-1 .seperator-head p {
        font-size: 10px;
    }

    .contact-1-detail-column {
        min-height: 70px;
        padding: 11px 13px;
    }

    .contact-1-icon-wrap {
        width: 42px;
        height: 42px;
    }

    .contact-1-icon-wrap i {
        font-size: 18px;
    }

    .contact-1-form {
        padding: 25px 20px;
        border-radius: 15px;
    }

    .contact-1-form-header h3 {
        font-size: 22px;
    }

    .contact-1-map {
        height: 280px;
        margin-top: 50px;
    }

    .contact-1-question-block {
        padding-top: 27px;
        padding-bottom: 27px;
    }

    .contact-1-question-button {
        justify-content: flex-start;
        margin-top: 17px;
    }
}

@media (max-width: 480px) {
    .contact-1 {
        padding-top: 45px;
    }

    .contact-1 .seperator-head h2 {
        font-size: 26px;
    }

    .contact-1 .seperator-head p {
        font-size: 9px;
    }

    .contact-1-form {
        padding: 22px 15px;
    }

    .contact-1-form-header h3 {
        font-size: 20px;
    }

    .contact-1-form-header p {
        font-size: 9px;
    }

    .contact-1-input-wrap .form-control {
        height: 43px;
        font-size: 9px;
    }

    .contact-1-textarea-wrap textarea.form-control {
        min-height: 105px;
    }

    .contact-1-submit {
        width: 100%;
    }

    .contact-1-map {
        height: 235px;
        margin-top: 40px;
    }

    .contact-1-question-content h3 {
        font-size: 20px;
    }

    .contact-1-question-btn {
        width: 100%;
    }
}

.contact-10 {
    padding: 80px 0;
    background: var(--secondary, #12100f);
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.contact-10.section-wrapper {
    padding: 80px 20px;
    background: var(--secondary, #12100f);
    font-family: "Poppins", sans-serif;
    color: #fff;
}

.contact-10 .contact-left {
    color: rgba(255, 255, 255, .75);
}

.contact-10 .contact-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--accent, #f1b15d);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contact-10 .contact-title {
    margin-bottom: 24px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.contact-10 .contact-info {
    margin: 28px 0;
}

.contact-10 .contact-info p {
    margin-bottom: 12px;
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
    line-height: 28px;
}

.contact-10 .contact-info i {
    width: 42px;
    height: 42px;
    margin-right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(241, 177, 93, .10);
    color: var(--accent, #f1b15d);
    font-size: 18px;
}

.contact-10 .form-control {
    height: 56px;
    margin-bottom: 18px;
    padding: 14px 20px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 18px;
    color: #fff;
    box-shadow: none;
    transition: .35s ease;
}

.contact-10 textarea.form-control {
    height: 150px;
    resize: vertical;
}

.contact-10 .form-control:focus {
    border-color: var(--accent, #f1b15d);
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 0 0 4px rgba(241, 177, 93, .10);
}

.contact-10 .form-control::placeholder {
    color: rgba(255, 255, 255, .40);
}

.contact-10 .btn-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--accent, #c79655);
    color: var(--secondary, #12100f);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: .35s ease;
}

.contact-10 .btn-contact:hover {
    color: var(--secondary, #12100f);
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(199, 150, 85, .30);
}

.contact-10 .social-icons {
    margin-top: 28px;
}

.contact-10 .social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-right: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
    color: #fff;
    font-size: 18px;
    transition: .35s ease;
}

.contact-10 .social-icons a:hover {
    background: var(--accent, #f1b15d);
    color: var(--secondary, #12100f);
    transform: translateY(-4px);
}

@media(max-width:991px) {

    .contact-10,
    .contact-10.section-wrapper {
        padding: 70px 20px;
    }

    .contact-10 .contact-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .contact-10,
    .contact-10.section-wrapper {
        padding: 60px 15px;
    }

    .contact-10 .contact-title {
        font-size: 30px;
        line-height: 40px;
    }

    .contact-10 .contact-right {
        margin-top: 40px;
    }

    .contact-10 .btn-contact {
        width: 100%;
    }

}


.testimonial-12 {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background: var(--bg, #fff);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
}

.testimonial-12 *,
.testimonial-12 *::before,
.testimonial-12 *::after {
    box-sizing: border-box;
}

.testimonial-12 .container {
    position: relative;
    z-index: 2;
}

.testimonial-12-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -12px;
    margin-left: -12px;
}

.testimonial-12-intro-column,
.testimonial-12-column {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
}

.testimonial-12-intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 20px 35px 20px 0;
}

.testimonial-12-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--primary, #6c63ff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.testimonial-12-eyebrow i {
    font-size: 18px;
}

.testimonial-12-heading {
    max-width: 390px;
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.testimonial-12-heading span {
    display: block;
    color: var(--primary, #6c63ff);
    font-weight: 700;
}

.testimonial-12-para {
    max-width: 430px;
    margin: 0 0 28px;
    color: var(--text, #222);
    opacity: .58;
    font-size: 13px;
    line-height: 1.85;
}

.testimonial-12-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    gap: 9px;
    min-height: 49px;
    padding: 12px 22px;
    border-radius: 50px;
    background: var(--primary, #6c63ff);
    color: var(--light, #fff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 12px 30px rgba(108, 99, 255, .18);
    transition: transform .35s ease, background .35s ease, gap .35s ease;
}

.testimonial-12-btn i {
    font-size: 16px;
    transition: transform .3s ease;
}

.testimonial-12-btn:hover {
    gap: 12px;
    background: var(--secondary, #5149d8);
    color: var(--light, #fff);
    transform: translateY(-3px);
    text-decoration: none;
}

.testimonial-12-btn:hover i {
    transform: translateX(3px);
}

.testimonial-12-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}

.testimonial-12-card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 215px;
    padding: 25px;
    overflow: hidden;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 21px;
    background: var(--light, #fff);
    box-shadow: 0 15px 42px rgba(0, 0, 0, .055);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.testimonial-12-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 10px;
    background: var(--primary, #6c63ff);
}

.testimonial-12-card::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -65px;
    width: 145px;
    height: 145px;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 50%;
    pointer-events: none;
}

.testimonial-12-card:hover {
    border-color: var(--primary, #6c63ff);
    transform: translateY(-6px);
    box-shadow: 0 25px 55px rgba(0, 0, 0, .1);
}

.testimonial-12-card-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 17px;
    padding-left: 5px;
}

.testimonial-12-avatar-wrap {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    padding: 3px;
    border: 1px solid rgba(108, 99, 255, .18);
    border-radius: 50%;
}

.testimonial-12-avatar {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.testimonial-12-person {
    min-width: 0;
}

.testimonial-12-name {
    margin: 0 0 5px;
    color: var(--text, #222);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.testimonial-12-role {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--primary, #6c63ff);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.testimonial-12-role i {
    font-size: 11px;
}

.testimonial-12-text {
    position: relative;
    z-index: 1;
    flex: 1;
    margin: 0;
    padding-left: 5px;
    color: var(--text, #222);
    opacity: .58;
    font-size: 11px;
    line-height: 1.8;
}

.testimonial-12-quote {
    position: absolute;
    right: 20px;
    bottom: 17px;
    z-index: 1;
    color: var(--primary, #6c63ff);
    opacity: .14;
    font-size: 40px;
    line-height: 1;
    transition: opacity .3s ease, transform .3s ease;
}

.testimonial-12-card:hover .testimonial-12-quote {
    opacity: .25;
    transform: scale(1.08);
}

@media (max-width: 1199px) {
    .testimonial-12 {
        padding: 80px 0;
    }

    .testimonial-12-intro {
        padding-right: 20px;
    }

    .testimonial-12-heading {
        font-size: 36px;
    }

    .testimonial-12-card {
        padding: 22px;
    }
}

@media (max-width: 991px) {
    .testimonial-12 {
        padding: 70px 0;
    }

    .testimonial-12-intro-column {
        width: 100%;
        margin-bottom: 35px;
    }

    .testimonial-12-column {
        width: 50%;
    }

    .testimonial-12-intro {
        align-items: center;
        padding: 0;
        text-align: center;
    }

    .testimonial-12-heading {
        max-width: 600px;
        font-size: 36px;
    }

    .testimonial-12-para {
        max-width: 650px;
    }

    .testimonial-12-btn {
        align-self: center;
    }

    .testimonial-12-card {
        min-height: 210px;
    }
}

@media (max-width: 767px) {
    .testimonial-12 {
        padding: 60px 0;
    }

    .testimonial-12-intro-column,
    .testimonial-12-column {
        width: 100%;
    }

    .testimonial-12-intro-column {
        margin-bottom: 28px;
    }

    .testimonial-12-heading {
        font-size: 30px;
        line-height: 1.3;
    }

    .testimonial-12-para {
        font-size: 12px;
        line-height: 1.8;
    }

    .testimonial-12-list {
        gap: 16px;
    }

    .testimonial-12-card {
        min-height: 0;
        padding: 23px;
    }
}

@media (max-width: 480px) {
    .testimonial-12 {
        padding: 50px 0;
    }

    .testimonial-12-heading {
        font-size: 27px;
    }

    .testimonial-12-card {
        padding: 21px 19px;
        border-radius: 18px;
    }

    .testimonial-12-avatar-wrap {
        width: 52px;
        height: 52px;
    }

    .testimonial-12-name {
        font-size: 15px;
    }

    .testimonial-12-text {
        font-size: 10px;
    }

    .testimonial-12-quote {
        right: 15px;
        bottom: 14px;
        font-size: 34px;
    }
}
.services-16 {
    position: relative;
    padding: 85px 0;
    overflow: hidden;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.services-16 *,
.services-16 *::before,
.services-16 *::after {
    box-sizing: border-box;
}

.services-16 .container {
    position: relative;
    z-index: 2;
}

.services-16-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -12px;
    margin-left: -12px;
}

.services-16-column {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
}

.services-16-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
    padding: 0 28px 28px;
    border-radius: 27px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .08);
    transition: transform .4s ease, box-shadow .4s ease;
}

.services-16-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .13);
}

.services-16-card-1 {
    background: linear-gradient(145deg, var(--light, #d8e8a8), var(--primary, #bfd47f));
}

.services-16-card-2 {
    background: linear-gradient(145deg, var(--light, #ffd088), var(--accent, #f4b254));
}

.services-16-card-3 {
    background: linear-gradient(145deg, var(--light, #b7d98a), var(--primary, #9fc267));
}

.services-16-img-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 210px;
    flex: 0 0 210px;
    margin-bottom: 18px;
}

.services-16-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .5s ease;
}

.services-16-card:hover .services-16-img {
    transform: scale(1.06);
}

.services-16-price-circle {
    position: absolute;
    top: 20px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: var(--light, #fff);
    color: var(--text, #222);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

.services-16-price-circle strong {
    color: var(--text, #222);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
}

.services-16-price-circle span {
    margin-top: 4px;
    color: var(--text, #222);
    opacity: .45;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    text-decoration: line-through;
}

.services-16-card-content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.services-16-category {
    display: inline-block;
    margin-bottom: 7px;
    color: var(--text, #222);
    opacity: .55;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.services-16-card h4 {
    margin: 0 0 10px;
    color: var(--text, #222);
    font-size: 27px;
    font-weight: 700;
    line-height: 1.3;
}

.services-16-card h4 span {
    font-weight: 500;
}

.services-16-rating {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
}

.services-16-stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: var(--accent, #f5a900);
    font-size: 15px;
}

.services-16-rating-value {
    color: var(--text, #222);
    opacity: .65;
    font-size: 11px;
    font-weight: 600;
}

.services-16-desc {
    flex: 1;
    min-height: 68px;
    margin: 0 0 22px;
    color: var(--text, #222);
    opacity: .62;
    font-size: 11px;
    line-height: 1.8;
}

.services-16-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    gap: 9px;
    min-height: 48px;
    padding: 12px 23px;
    border: 0;
    border-radius: 50px;
    background: var(--secondary, #3d3d1f);
    color: var(--light, #fff);
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .9px;
    text-transform: uppercase;
    transition: transform .35s ease, background .35s ease, box-shadow .35s ease, gap .35s ease;
}

.services-16-btn i {
    font-size: 16px;
    transition: transform .3s ease;
}

.services-16-btn:hover {
    gap: 12px;
    background: var(--text, #222);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .15);
}

.services-16-btn:hover i {
    transform: translateX(3px);
}

@media (max-width: 1199px) {
    .services-16 {
        padding: 75px 0;
    }

    .services-16-card {
        min-height: 475px;
        padding-right: 24px;
        padding-left: 24px;
    }

    .services-16-img-wrap {
        height: 195px;
        flex-basis: 195px;
    }

    .services-16-card h4 {
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .services-16 {
        padding: 70px 0;
    }

    .services-16-column {
        width: 50%;
    }

    .services-16-column:last-child {
        width: 50%;
    }

    .services-16-card {
        min-height: 470px;
    }

    .services-16-img-wrap {
        height: 190px;
        flex-basis: 190px;
    }

    .services-16-price-circle {
        width: 76px;
        height: 76px;
    }

    .services-16-price-circle strong {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .services-16 {
        padding: 60px 0;
    }

    .services-16-column,
    .services-16-column:last-child {
        width: 100%;
    }

    .services-16-card {
        min-height: 0;
        padding: 0 24px 25px;
        border-radius: 23px;
    }

    .services-16-img-wrap {
        height: 220px;
        flex-basis: 220px;
    }

    .services-16-price-circle {
        top: 18px;
        right: 0;
        width: 74px;
        height: 74px;
    }

    .services-16-card h4 {
        font-size: 23px;
    }

    .services-16-desc {
        min-height: 0;
    }

    .services-16-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .services-16 {
        padding: 50px 0;
    }

    .services-16-column {
        margin-bottom: 18px;
    }

    .services-16-card {
        padding: 0 20px 22px;
        border-radius: 20px;
    }

    .services-16-img-wrap {
        height: 190px;
        flex-basis: 190px;
        margin-bottom: 15px;
    }

    .services-16-price-circle {
        width: 68px;
        height: 68px;
    }

    .services-16-price-circle strong {
        font-size: 16px;
    }

    .services-16-price-circle span {
        font-size: 9px;
    }

    .services-16-card h4 {
        font-size: 21px;
    }

    .services-16-desc {
        font-size: 10px;
        line-height: 1.75;
    }
}

.home-43 {
    padding: 90px 0;
    background: var(--bg, #d9d9d9);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.home-43 *,
.home-43 *::before,
.home-43 *::after {
    box-sizing: border-box;
}

.home-43 .home-43-title {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.home-43 .home-43-title > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 13px;
    color: var(--accent, #ff3c3c);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.home-43 .home-43-title > span i {
    font-size: 16px;
}

.home-43 .home-43-title h2 {
    margin: 0 0 14px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.home-43 .home-43-title p {
    max-width: 620px;
    margin: 0 auto;
    color: var(--text, #222);
    opacity: .62;
    font-size: 14px;
    line-height: 1.8;
}

.home-43 .home-43-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.home-43 .home-43-column {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
}

.home-43 .home-43-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    background: var(--light, #fff);
    border: 1px solid var(--border, #e8edf3);
    border-radius: 24px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .07);
    transition: transform .35s ease, box-shadow .35s ease;
}

.home-43 .home-43-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 65px rgba(0, 0, 0, .12);
}

.home-43 .home-43-image {
    position: relative;
    width: 100%;
    height: 265px;
    overflow: hidden;
    background: var(--secondary, #111);
}

.home-43 .home-43-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, .08) 30%,
        rgba(0, 0, 0, .42) 100%
    );
    pointer-events: none;
}

.home-43 .home-43-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.home-43 .home-43-card:hover .home-43-image img {
    transform: scale(1.07);
}

.home-43 .home-43-label {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;
    padding: 7px 13px;
    border-radius: 50px;
    background: var(--accent, #ff3c3c);
    color: var(--light, #fff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-43 .home-43-image-icon {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    background: rgba(0, 0, 0, .3);
    color: var(--light, #fff);
    backdrop-filter: blur(8px);
}

.home-43 .home-43-image-icon i {
    font-size: 20px;
}

.home-43 .home-43-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 27px 25px 25px;
}

.home-43 .home-43-card-category {
    display: block;
    margin-bottom: 9px;
    color: var(--accent, #ff3c3c);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.home-43 .home-43-card-title {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
}

.home-43 .home-43-card-text {
    flex: 1;
    margin: 0 0 20px;
    color: var(--text, #222);
    opacity: .62;
    font-size: 13px;
    line-height: 1.8;
}

.home-43 .home-43-readmore {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 9px;
    color: var(--text, #222);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease, gap .3s ease;
}

.home-43 .home-43-readmore i {
    color: var(--accent, #ff3c3c);
    font-size: 16px;
    transition: transform .3s ease;
}

.home-43 .home-43-readmore:hover {
    color: var(--accent, #ff3c3c);
    text-decoration: none;
}

.home-43 .home-43-readmore:hover i {
    transform: translateX(4px);
}

.home-43 .home-43-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 25px;
    color: var(--text, #222);
    opacity: .65;
    font-size: 13px;
    line-height: 1.7;
    text-align: center;
}

.home-43 .home-43-footer a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--accent, #ff3c3c);
    font-weight: 700;
    text-decoration: none;
    transition: opacity .3s ease;
}

.home-43 .home-43-footer a i {
    font-size: 15px;
}

.home-43 .home-43-footer a:hover {
    opacity: .75;
    text-decoration: none;
}

@media (max-width: 991px) {
    .home-43 {
        padding: 75px 0;
    }

    .home-43 .home-43-title {
        margin-bottom: 40px;
    }

    .home-43 .home-43-title h2 {
        font-size: 36px;
    }

    .home-43 .home-43-column {
        width: 50%;
    }

    .home-43 .home-43-column:last-child {
        width: 100%;
    }

    .home-43 .home-43-image {
        height: 250px;
    }
}

@media (max-width: 767px) {
    .home-43 {
        padding: 65px 0;
    }

    .home-43 .home-43-title {
        margin-bottom: 35px;
    }

    .home-43 .home-43-title h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .home-43 .home-43-title p {
        font-size: 13px;
    }

    .home-43 .home-43-column,
    .home-43 .home-43-column:last-child {
        width: 100%;
    }

    .home-43 .home-43-card {
        border-radius: 22px;
    }

    .home-43 .home-43-image {
        height: 280px;
    }

    .home-43 .home-43-card-body {
        padding: 24px 21px;
    }

    .home-43 .home-43-card-title {
        font-size: 20px;
    }

    .home-43 .home-43-footer {
        flex-direction: column;
        gap: 5px;
        margin-top: 15px;
    }
}

@media (max-width: 480px) {
    .home-43 {
        padding: 55px 0;
    }

    .home-43 .home-43-title h2 {
        font-size: 27px;
    }

    .home-43 .home-43-title > span {
        font-size: 10px;
    }

    .home-43 .home-43-image {
        height: 235px;
    }

    .home-43 .home-43-card-body {
        padding: 22px 19px;
    }

    .home-43 .home-43-card-text {
        font-size: 12px;
    }
}

.about-23 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-23 *,
.about-23 *::before,
.about-23 *::after {
    box-sizing: border-box;
}

.about-23 .container {
    width: 100%;
}

.about-23 .about-23-row {
    display: flex;
    align-items: center;
    margin: 0 -15px;
}

.about-23 .about-23-image-column,
.about-23 .about-23-content-column {
    padding: 0 15px;
}

.about-23 .about-23-video-wrap {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 22px;
    background: var(--light, #f5f5f5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .09);
}

.about-23 .about-23-video-wrap img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
    transition: transform .5s ease;
}

.about-23 .about-23-video-wrap:hover img {
    transform: scale(1.04);
}

.about-23 .about-23-video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    background: var(--primary, #616dcc);
    color: var(--light, #fff);
    font-size: 25px;
    text-decoration: none;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
    transition: .3s ease;
}

.about-23 .about-23-video-btn:hover {
    background: var(--secondary, #4f5bb5);
    color: var(--light, #fff);
    transform: translate(-50%, -50%) scale(1.08);
}

.about-23 .about-23-content {
    padding: 20px 20px 20px 45px;
}

.about-23 .about-23-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 16px;
    color: var(--primary, #616dcc);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1;
    text-transform: uppercase;
}

.about-23 .about-23-tag i {
    font-size: 16px;
}

.about-23 .about-23-heading {
    max-width: 550px;
    margin: 0 0 18px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.about-23 .about-23-description {
    max-width: 560px;
    margin: 0 0 25px;
    color: var(--text, #666);
    font-size: 13px;
    line-height: 1.85;
}

.about-23 .about-23-features {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.about-23 .about-23-features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--text, #444);
    font-size: 12px;
    line-height: 1.65;
}

.about-23 .about-23-features li i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    margin-top: 1px;
    border-radius: 50%;
    background: var(--light, #f1f2f8);
    color: var(--primary, #616dcc);
    font-size: 12px;
}

.about-23 .about-23-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.about-23 .about-23-buttons .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 125px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.about-23 .about-23-read {
    border: 1px solid var(--accent, #ff4d4d);
    background: var(--accent, #ff4d4d);
    color: var(--light, #fff);
}

.about-23 .about-23-read:hover {
    background: var(--secondary, #4f5bb5);
    border-color: var(--secondary, #4f5bb5);
    color: var(--light, #fff);
    transform: translateY(-2px);
}

.about-23 .about-23-contact {
    border: 1px solid var(--border, #e5e8ef);
    background: var(--bg, #fff);
    color: var(--text, #222);
}

.about-23 .about-23-contact:hover {
    border-color: var(--primary, #616dcc);
    background: var(--primary, #616dcc);
    color: var(--light, #fff);
    transform: translateY(-2px);
}

.about-23 .about-23-buttons .btn i {
    font-size: 15px;
    transition: transform .25s ease;
}

.about-23 .about-23-buttons .btn:hover i {
    transform: translateX(3px);
}

@media (max-width: 1199px) {
    .about-23 .about-23-video-wrap,
    .about-23 .about-23-video-wrap img {
        height: 460px;
    }

    .about-23 .about-23-content {
        padding-left: 30px;
    }

    .about-23 .about-23-heading {
        font-size: 37px;
    }
}

@media (max-width: 991px) {
    .about-23 {
        padding: 70px 0;
    }

    .about-23 .about-23-row {
        align-items: flex-start;
    }

    .about-23 .about-23-video-wrap,
    .about-23 .about-23-video-wrap img {
        height: 420px;
    }

    .about-23 .about-23-content {
        padding: 10px 0 10px 25px;
    }

    .about-23 .about-23-heading {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .about-23 {
        padding: 55px 0;
    }

    .about-23 .about-23-row {
        display: block;
        margin: 0;
    }

    .about-23 .about-23-image-column,
    .about-23 .about-23-content-column {
        width: 100%;
        padding: 0;
    }

    .about-23 .about-23-image-column {
        margin-bottom: 35px;
    }

    .about-23 .about-23-video-wrap,
    .about-23 .about-23-video-wrap img {
        height: 350px;
    }

    .about-23 .about-23-video-btn {
        width: 62px;
        height: 62px;
        font-size: 23px;
    }

    .about-23 .about-23-content {
        padding: 0;
    }

    .about-23 .about-23-heading {
        font-size: 30px;
        line-height: 1.25;
    }

    .about-23 .about-23-description {
        font-size: 12px;
    }

    .about-23 .about-23-buttons {
        width: 100%;
    }

    .about-23 .about-23-buttons .btn {
        flex: 1;
    }
}

@media (max-width: 480px) {
    .about-23 .about-23-video-wrap,
    .about-23 .about-23-video-wrap img {
        height: 290px;
    }

    .about-23 .about-23-heading {
        font-size: 27px;
    }

    .about-23 .about-23-buttons {
        flex-direction: column;
    }

    .about-23 .about-23-buttons .btn {
        width: 100%;
        flex: none;
    }
}

.contact-11 {
    padding: 80px 0;
    background: var(--bg, #f2f4fb);
    font-family: "Poppins", sans-serif;
}

.contact-11 .contact-11-section {
    display: flex;
    align-items: stretch;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
    background: var(--light, #fff);
    border: 1px solid var(--border, #e8edf3);
    border-radius: 30px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .06);
}

.contact-11 .contact-11-left {
    flex: 1 1 55%;
    min-width: 0;
    padding: 42px 40px;
    background: var(--secondary, #232323);
    border-radius: 24px;
    color: var(--light, #fff);
}

.contact-11 .contact-11-eyebrow,
.contact-11 .contact-11-other-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--primary, #4e74f9);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.contact-11 .contact-11-eyebrow i,
.contact-11 .contact-11-other-label i {
    font-size: 17px;
}

.contact-11 .contact-11-title {
    margin: 0 0 16px;
    color: var(--light, #fff);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}

.contact-11 .contact-11-description {
    max-width: 600px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, .68);
    font-size: 14px;
    line-height: 1.8;
}

.contact-11 .contact-11-form .form-group {
    margin-bottom: 20px;
}

.contact-11 .contact-11-form label {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .88);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.contact-11 .contact-11-form label i {
    color: var(--primary, #4e74f9);
    font-size: 15px;
}

.contact-11 .contact-11-input-wrap {
    position: relative;
}

.contact-11 .contact-11-input-wrap > i {
    position: absolute;
    top: 50%;
    left: 17px;
    z-index: 1;
    color: rgba(255, 255, 255, .42);
    font-size: 17px;
    transform: translateY(-50%);
    pointer-events: none;
}

.contact-11 .contact-11-input-wrap input,
.contact-11 .contact-11-input-wrap textarea {
    display: block;
    width: 100%;
    padding: 14px 18px 14px 46px;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 14px;
    color: var(--light, #fff);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    transition: .3s ease;
}

.contact-11 .contact-11-input-wrap textarea {
    min-height: 135px;
    resize: vertical;
    padding-top: 15px;
}

.contact-11 .contact-11-textarea-wrap > i {
    top: 20px;
    transform: none;
}

.contact-11 .contact-11-input-wrap input::placeholder,
.contact-11 .contact-11-input-wrap textarea::placeholder {
    color: rgba(255, 255, 255, .42);
}

.contact-11 .contact-11-input-wrap input:focus,
.contact-11 .contact-11-input-wrap textarea:focus {
    outline: none;
    border-color: var(--primary, #4e74f9);
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 0 0 4px rgba(78, 116, 249, .1);
}

.contact-11 .contact-11-input-wrap:focus-within > i {
    color: var(--primary, #4e74f9);
}

.contact-11 .contact-11-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    margin-top: 4px;
    padding: 0 26px;
    border: 0;
    border-radius: 14px;
    background: var(--primary, #4e74f9);
    color: var(--light, #fff);
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    cursor: pointer;
    transition: .3s ease;
}

.contact-11 .contact-11-btn i {
    font-size: 18px;
    transition: transform .3s ease;
}

.contact-11 .contact-11-btn:hover {
    color: var(--light, #fff);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(78, 116, 249, .25);
}

.contact-11 .contact-11-btn:hover i {
    transform: translateX(4px);
}

.contact-11 .contact-11-form-message {
    min-height: 20px;
    margin-top: 14px;
}

.contact-11 .contact-11-form-message .form-message {
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
}

.contact-11 .contact-11-right {
    flex: 1 1 45%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-11 .contact-11-img {
    width: 100%;
    height: 390px;
    overflow: hidden;
    border-radius: 24px;
    background: var(--light, #fff);
}

.contact-11 .contact-11-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.contact-11 .contact-11-other {
    flex: 1;
    padding: 28px 30px;
    background: var(--light, #fff);
    border: 1px solid var(--border, #e8edf3);
    border-radius: 24px;
}

.contact-11 .contact-11-other-label {
    margin-bottom: 8px;
}

.contact-11 .contact-11-other h4 {
    margin: 0 0 22px;
    color: var(--text, #222);
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-11 .contact-11-icon-box {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 66px;
    padding: 10px 0;
    border-top: 1px solid var(--border, #e8edf3);
}

.contact-11 .contact-11-icon-box:first-of-type {
    border-top: 0;
}

.contact-11 .contact-11-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: var(--primary, #4e74f9);
    color: var(--light, #fff);
}

.contact-11 .contact-11-icon i {
    font-size: 20px;
}

.contact-11 .contact-11-icon-content {
    min-width: 0;
}

.contact-11 .contact-11-icon-content span {
    display: block;
    margin-bottom: 3px;
    color: var(--text, #222);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.contact-11 .contact-11-icon-content strong {
    display: block;
    color: var(--text, #555);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    word-break: break-word;
}

@media (max-width: 1199px) {
    .contact-11 .contact-11-section {
        margin: 0 15px;
    }

    .contact-11 .contact-11-left {
        padding: 36px 32px;
    }

    .contact-11 .contact-11-title {
        font-size: 36px;
    }

    .contact-11 .contact-11-img {
        height: 350px;
    }
}

@media (max-width: 991px) {
    .contact-11 {
        padding: 70px 0;
    }

    .contact-11 .contact-11-section {
        flex-direction: column;
        max-width: 720px;
    }

    .contact-11 .contact-11-left,
    .contact-11 .contact-11-right {
        flex: 1 1 auto;
        width: 100%;
    }

    .contact-11 .contact-11-img {
        height: 420px;
    }

    .contact-11 .contact-11-other {
        flex: none;
    }
}

@media (max-width: 767px) {
    .contact-11 {
        padding: 60px 0;
    }

    .contact-11 .contact-11-section {
        margin: 0 10px;
        padding: 14px;
        gap: 14px;
        border-radius: 24px;
    }

    .contact-11 .contact-11-left {
        padding: 30px 22px;
        border-radius: 20px;
    }

    .contact-11 .contact-11-title {
        font-size: 30px;
    }

    .contact-11 .contact-11-description {
        margin-bottom: 26px;
    }

    .contact-11 .contact-11-img {
        height: 350px;
        border-radius: 20px;
    }

    .contact-11 .contact-11-other {
        padding: 24px 22px;
        border-radius: 20px;
    }

    .contact-11 .contact-11-btn {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .contact-11 .contact-11-left {
        padding: 26px 18px;
    }

    .contact-11 .contact-11-title {
        font-size: 27px;
    }

    .contact-11 .contact-11-img {
        height: 300px;
    }

    .contact-11 .contact-11-other {
        padding: 22px 18px;
    }

    .contact-11 .contact-11-other h4 {
        font-size: 21px;
    }

    .contact-11 .contact-11-icon-box {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
    }

    .contact-11 .contact-11-icon {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 400px) {
    .contact-11 .contact-11-section {
        margin: 0 5px;
    }

    .contact-11 .contact-11-img {
        height: 270px;
    }
}
.courses-5 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.courses-5 .courses-5-bg-overlay {
    padding: 20px 0;
}

.courses-5 .courses-5-header {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.courses-5 .courses-5-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--accent, #ff3c3c);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.courses-5 .courses-5-subtitle i {
    font-size: 17px;
}

.courses-5 .courses-5-title {
    margin: 0 0 16px;
    color: var(--text, #222);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
}

.courses-5 .courses-5-title span {
    color: var(--primary, #4e74f9);
}

.courses-5 .courses-5-description {
    max-width: 650px;
    margin: 0 auto;
    color: var(--text, #666);
    font-size: 14px;
    line-height: 1.8;
}

.courses-5 .courses-5-cards {
    display: flex;
    flex-wrap: wrap;
}

.courses-5 .courses-5-column {
    display: flex;
    margin-bottom: 30px;
}

.courses-5 .courses-5-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    transition: transform .35s ease;
}

.courses-5 .courses-5-card:hover {
    transform: translateY(-6px);
}

.courses-5 .courses-5-img-wrap {
    position: relative;
    width: 100%;
    height: 310px;
    overflow: hidden;
    border-radius: 22px;
    background: var(--light, #f4f4f4);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
}

.courses-5 .courses-5-img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .55s ease;
}

.courses-5 .courses-5-card:hover .courses-5-img-wrap img {
    transform: scale(1.07);
}

.courses-5 .courses-5-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 22px;
    background: rgba(20, 20, 20, .86);
    color: var(--light, #fff);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity .35s ease, visibility .35s ease, transform .35s ease;
}

.courses-5 .courses-5-card:hover .courses-5-overlay {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.courses-5 .courses-5-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 15px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: var(--accent, #ff3c3c);
}

.courses-5 .courses-5-icon i {
    font-size: 27px;
}

.courses-5 .courses-5-overlay h3 {
    margin: 0 0 10px;
    color: var(--light, #fff);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
}

.courses-5 .courses-5-info,
.courses-5 .courses-5-overlay p {
    max-width: 260px;
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    line-height: 1.7;
}

.courses-5 .courses-5-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--accent, #ff3c3c);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-decoration: none;
}

.courses-5 .courses-5-link i {
    font-size: 16px;
    transition: transform .3s ease;
}

.courses-5 .courses-5-link:hover {
    color: var(--accent, #ff3c3c);
}

.courses-5 .courses-5-link:hover i {
    transform: translateX(4px);
}

.courses-5 .courses-5-card-content {
    position: relative;
    min-height: 76px;
    padding: 17px 4px 0;
}

.courses-5 .courses-5-card-number {
    display: block;
    margin-bottom: 4px;
    color: var(--accent, #ff3c3c);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.courses-5 .courses-5-card-title {
    margin: 0;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

@media (max-width: 1199px) {
    .courses-5 .courses-5-img-wrap {
        height: 280px;
    }

    .courses-5 .courses-5-title {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .courses-5 {
        padding: 70px 0;
    }

    .courses-5 .courses-5-header {
        margin-bottom: 40px;
    }

    .courses-5 .courses-5-title {
        font-size: 32px;
    }

    .courses-5 .courses-5-img-wrap {
        height: 270px;
    }

    .courses-5 .courses-5-overlay {
        padding: 22px 16px;
    }

    .courses-5 .courses-5-overlay h3 {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .courses-5 {
        padding: 60px 0;
    }

    .courses-5 .courses-5-header {
        margin-bottom: 32px;
    }

    .courses-5 .courses-5-title {
        font-size: 29px;
        line-height: 1.3;
    }

    .courses-5 .courses-5-description {
        font-size: 13px;
    }

    .courses-5 .courses-5-column {
        margin-bottom: 25px;
    }

    .courses-5 .courses-5-img-wrap {
        height: 250px;
        border-radius: 18px;
    }

    .courses-5 .courses-5-card-content {
        min-height: 68px;
        padding-top: 13px;
    }

    .courses-5 .courses-5-card-title {
        font-size: 16px;
    }

    .courses-5 .courses-5-card-number {
        font-size: 9px;
    }
}

@media (max-width: 575px) {
    .courses-5 .courses-5-title {
        font-size: 27px;
    }

    .courses-5 .courses-5-subtitle {
        font-size: 11px;
    }

    .courses-5 .courses-5-img-wrap {
        height: 230px;
        border-radius: 16px;
    }

    .courses-5 .courses-5-overlay {
        padding: 18px 12px;
    }

    .courses-5 .courses-5-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 10px;
    }

    .courses-5 .courses-5-icon i {
        font-size: 23px;
    }

    .courses-5 .courses-5-overlay h3 {
        font-size: 15px;
    }

    .courses-5 .courses-5-overlay p {
        margin-bottom: 12px;
        font-size: 11px;
    }
}

@media (max-width: 400px) {
    .courses-5 .courses-5-img-wrap {
        height: 210px;
    }

    .courses-5 .courses-5-card-title {
        font-size: 15px;
    }
}

.about-24 {
    padding: 90px 0;
    background: var(--bg, #f7faf4);
    color: var(--text, #18221a);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.section-wrapper.about-24 {
    padding: 90px 0 !important;
    background: var(--bg, #f7faf4);
}

.about-24 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.about-24 .about-24-row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.about-24 .about-24-content-column,
.about-24 .about-24-image-column,
.about-24 .about-24-stats-column {
    display: flex;
}

.about-24 .about-24-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 10px 35px 10px 0;
}

.about-24 .about-24-subtitle {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-bottom: 16px;
    padding: 8px 16px;
    border: 1px solid var(--border, #dce7d8);
    border-radius: 50px;
    background: var(--light, #ffffff);
    color: var(--primary, #77b81e);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1;
    text-transform: uppercase;
}

.about-24 .about-24-title {
    max-width: 570px;
    margin: 0 0 20px;
    color: var(--text, #18221a);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.about-24 .about-24-text {
    max-width: 570px;
    margin: 0 0 28px;
    color: var(--secondary, #687267);
    font-size: 14px;
    line-height: 1.9;
}

.about-24 .about-24-list-title {
    margin: 0 0 16px;
    color: var(--text, #18221a);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.about-24 .about-24-list {
    margin: 0 -8px 10px;
}

.about-24 .about-24-list > div {
    padding: 0 8px;
}

.about-24 .about-24-list p {
    display: flex;
    align-items: flex-start;
    margin: 0 0 12px;
    color: var(--text, #18221a);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
}

.about-24 .about-24-list p i {
    flex: 0 0 auto;
    margin: 2px 8px 0 0;
    color: var(--primary, #77b81e);
    font-size: 16px;
    line-height: 1;
}

.about-24 .about-24-btn {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    justify-content: center;
    gap: 9px;
    margin-top: 8px;
    padding: 13px 24px;
    border: 1px solid var(--primary, #77b81e);
    border-radius: 50px;
    background: var(--primary, #77b81e);
    color: var(--light, #ffffff);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.35s ease;
}

.about-24 .about-24-btn i {
    font-size: 16px;
    transition: transform 0.35s ease;
}

.about-24 .about-24-btn:hover {
    border-color: var(--secondary, #5f9e17);
    background: var(--secondary, #5f9e17);
    color: var(--light, #ffffff);
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(119, 184, 30, 0.22);
}

.about-24 .about-24-btn:hover i {
    transform: translateX(4px);
}

.about-24 .about-24-image-column {
    align-items: center;
    justify-content: center;
    padding: 0 18px;
}

.about-24 .about-24-image-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 520px;
    overflow: hidden;
    border-radius: 30px;
    background: var(--light, #ffffff);
    border: 8px solid var(--light, #ffffff);
    box-shadow: 0 25px 60px rgba(24, 34, 26, 0.10);
}

.about-24 .about-24-image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 504px;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.about-24 .about-24-image-wrap:hover .about-24-image {
    transform: scale(1.04);
}

.about-24 .about-24-image-badge {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 15px;
    border: 1px solid var(--border, #dce7d8);
    border-radius: 50px;
    background: var(--light, #ffffff);
    color: var(--text, #18221a);
    font-size: 11px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(24, 34, 26, 0.12);
}

.about-24 .about-24-image-badge i {
    color: var(--primary, #77b81e);
    font-size: 16px;
}

.about-24 .about-24-stats-column {
    align-items: center;
    padding-left: 18px;
}

.about-24 .about-24-stats {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 14px;
}

.about-24 .about-24-stat {
    display: flex;
    align-items: center;
    min-height: 108px;
    padding: 18px;
    background: var(--light, #ffffff);
    border: 1px solid var(--border, #dce7d8);
    border-radius: 20px;
    box-shadow: 0 12px 32px rgba(24, 34, 26, 0.055);
    transition: 0.35s ease;
}

.about-24 .about-24-stat:hover {
    border-color: var(--accent, #9fbe65);
    transform: translateX(-5px);
    box-shadow: 0 18px 40px rgba(24, 34, 26, 0.09);
}

.about-24 .about-24-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    margin-right: 13px;
    border-radius: 14px;
    background: var(--bg, #f7faf4);
    color: var(--primary, #77b81e);
    font-size: 20px;
}

.about-24 .about-24-stat h3 {
    margin: 0 0 3px;
    color: var(--text, #18221a);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
}

.about-24 .about-24-stat p {
    margin: 0;
    color: var(--secondary, #687267);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.6px;
    line-height: 1.5;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .about-24 {
        padding: 80px 0;
    }

    .section-wrapper.about-24 {
        padding: 80px 0 !important;
    }

    .about-24 .about-24-content {
        padding-right: 20px;
    }

    .about-24 .about-24-title {
        font-size: 37px;
    }

    .about-24 .about-24-image-column {
        padding: 0 12px;
    }

    .about-24 .about-24-stats-column {
        padding-left: 12px;
    }

    .about-24 .about-24-image-wrap {
        min-height: 490px;
    }

    .about-24 .about-24-image {
        min-height: 474px;
    }

    .about-24 .about-24-stat {
        padding: 15px;
    }

    .about-24 .about-24-stat-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        margin-right: 10px;
    }

    .about-24 .about-24-stat h3 {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    .about-24 {
        padding: 70px 0;
    }

    .section-wrapper.about-24 {
        padding: 70px 0 !important;
    }

    .about-24 .about-24-row {
        display: flex;
    }

    .about-24 .about-24-content-column {
        width: 50%;
    }

    .about-24 .about-24-image-column {
        width: 50%;
        padding: 0 15px;
    }

    .about-24 .about-24-stats-column {
        width: 100%;
        padding: 30px 15px 0;
    }

    .about-24 .about-24-content {
        padding-right: 15px;
    }

    .about-24 .about-24-title {
        font-size: 34px;
    }

    .about-24 .about-24-image-wrap {
        min-height: 470px;
    }

    .about-24 .about-24-image {
        min-height: 454px;
    }

    .about-24 .about-24-stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
    }

    .about-24 .about-24-stat {
        min-height: 105px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .about-24 .about-24-stat-icon {
        margin: 0 0 8px;
    }
}

@media (max-width: 767px) {
    .about-24 {
        padding: 60px 0;
    }

    .section-wrapper.about-24 {
        padding: 60px 0 !important;
    }

    .about-24 .about-24-row {
        display: block;
    }

    .about-24 .about-24-content-column,
    .about-24 .about-24-image-column,
    .about-24 .about-24-stats-column {
        display: block;
        width: 100%;
    }

    .about-24 .about-24-content {
        padding: 0;
    }

    .about-24 .about-24-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .about-24 .about-24-text {
        font-size: 13px;
    }

    .about-24 .about-24-list {
        margin-bottom: 8px;
    }

    .about-24 .about-24-list p {
        font-size: 12px;
    }

    .about-24 .about-24-image-column {
        margin-top: 35px;
        padding: 0;
    }

    .about-24 .about-24-image-wrap {
        min-height: 390px;
        border-radius: 24px;
    }

    .about-24 .about-24-image {
        min-height: 374px;
    }

    .about-24 .about-24-stats-column {
        margin-top: 25px;
        padding: 0;
    }

    .about-24 .about-24-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-24 .about-24-stat {
        min-height: 110px;
        border-radius: 18px;
    }
}

@media (max-width: 480px) {
    .about-24 {
        padding: 50px 0;
    }

    .section-wrapper.about-24 {
        padding: 50px 0 !important;
    }

    .about-24 .about-24-title {
        font-size: 27px;
    }

    .about-24 .about-24-text {
        line-height: 1.8;
    }

    .about-24 .about-24-list {
        margin-right: -5px;
        margin-left: -5px;
    }

    .about-24 .about-24-list > div {
        padding: 0 5px;
    }

    .about-24 .about-24-list p {
        font-size: 11px;
        line-height: 1.55;
    }

    .about-24 .about-24-list p i {
        margin-right: 5px;
        font-size: 14px;
    }

    .about-24 .about-24-image-wrap {
        min-height: 340px;
        border-radius: 20px;
    }

    .about-24 .about-24-image {
        min-height: 324px;
    }

    .about-24 .about-24-image-badge {
        left: 12px;
        bottom: 12px;
        padding: 8px 11px;
        font-size: 9px;
    }

    .about-24 .about-24-stat {
        min-height: 100px;
        padding: 14px 10px;
    }

    .about-24 .about-24-stat-icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
        font-size: 17px;
    }

    .about-24 .about-24-stat h3 {
        font-size: 21px;
    }

    .about-24 .about-24-stat p {
        font-size: 9px;
    }
}
.home-44 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-44 * {
    font-family: "Poppins", sans-serif;
}

.home-44 .home-44-section {
    padding: 80px 0;
    text-align: center;
    background: var(--bg, #fff);
}

.home-44 .home-44-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--primary, #616ED0);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-44 .home-44-title {
    margin-bottom: 50px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-44 .home-44-box {
    position: relative;
    overflow: hidden;
    min-height: 320px;
    margin-bottom: 30px;
    padding: 36px 28px;
    background: #fff;
    border: 1px solid var(--border, #e8edf3);
    border-radius: 30px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .06);
    transition: .35s ease;
}

.home-44 .home-44-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 70px rgba(0, 0, 0, .12);
}

.home-44 .home-44-icon {
    margin-bottom: 24px;
    color: var(--primary, #616ED0);
    font-size: 54px;
    transition: .35s ease;
}

.home-44 .home-44-box:hover .home-44-icon {
    transform: scale(1.08);
}

.home-44 .home-44-number {
    position: absolute;
    top: 24px;
    right: 24px;
    color: rgba(0, 0, 0, .06);
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
}

.home-44 .home-44-box h4 {
    margin-bottom: 14px;
    color: var(--text, #111);
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.home-44 .home-44-box p {
    margin-bottom: 24px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.home-44 .home-44-readmore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 18px;
    border-top: 1px solid var(--border, #e8edf3);
    color: var(--primary, #616ED0);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.home-44 .home-44-readmore:hover {
    color: var(--accent, #616ED0);
    text-decoration: none;
    letter-spacing: .5px;
}

@media(max-width:991px) {

    .home-44,
    .home-44 .home-44-section {
        padding: 70px 0;
    }

    .home-44 .home-44-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-44,
    .home-44 .home-44-section {
        padding: 60px 0;
    }

    .home-44 .home-44-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-44 .home-44-box {
        min-height: auto;
        padding: 30px 24px;
        border-radius: 24px;
    }

    .home-44 .home-44-number {
        font-size: 46px;
    }

    .home-44 .home-44-box h4 {
        font-size: 22px;
        line-height: 32px;
    }

}


.services-17 {
    position: relative;
    padding: 100px 0;
    background: var(--light, #f6faf9);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.services-17::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -220px;
    right: -180px;
    border-radius: 50%;
    background: var(--primary, #2f9f98);
    opacity: .055;
    pointer-events: none;
}

.services-17::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    bottom: -180px;
    left: -140px;
    border-radius: 50%;
    background: var(--accent, #d6a85f);
    opacity: .07;
    pointer-events: none;
}

.services-17-body {
    position: relative;
    z-index: 2;
}

.services-17-title-area {
    max-width: 760px;
    margin: 0 auto 52px;
    text-align: center;
}

.services-17-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    padding: 8px 16px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 50px;
    background: var(--bg, #fff);
    color: var(--primary, #2f9f98);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.services-17-subtitle i {
    font-size: 17px;
}

.services-17-title {
    margin: 0 0 15px;
    color: var(--text, #183b39);
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.7px;
}

.services-17-description {
    max-width: 650px;
    margin: 0 auto;
    color: var(--secondary, #687b79);
    font-size: 14px;
    line-height: 1.8;
}

.services-17-grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}

.services-17-column {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
}

.services-17-slide {
    position: relative;
    width: 100%;
    border-radius: 22px;
    background: var(--bg, #fff);
    box-shadow: 0 12px 35px rgba(27, 73, 69, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.services-17-slide:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 45px rgba(27, 73, 69, .14);
}

.services-17-image-wrap {
    position: relative;
    width: 100%;
    height: 390px;
    overflow: hidden;
    border-radius: 22px;
    background: var(--light, #f6faf9);
}

.services-17-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

.services-17-slide:hover .services-17-image {
    transform: scale(1.08);
}

.services-17-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(15, 47, 44, .82) 0%,
        rgba(15, 47, 44, .20) 48%,
        rgba(15, 47, 44, .04) 100%
    );
    transition: background .4s ease;
}

.services-17-slide:hover .services-17-image-overlay {
    background: linear-gradient(
        to top,
        rgba(15, 47, 44, .9) 0%,
        rgba(15, 47, 44, .35) 60%,
        rgba(15, 47, 44, .08) 100%
    );
}

.services-17-number {
    position: absolute;
    top: 18px;
    right: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    backdrop-filter: blur(8px);
}

.services-17-overlay {
    position: absolute;
    right: 15px;
    bottom: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 15px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    backdrop-filter: blur(12px);
    transition: transform .35s ease, background .35s ease;
}

.services-17-slide:hover .services-17-overlay {
    background: var(--primary, #2f9f98);
    transform: translateY(-3px);
}

.services-17-overlay-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    padding: 0;
    margin: 0;
    border-radius: 14px;
    background: var(--primary, #2f9f98);
    color: #fff;
    font-size: 27px;
    line-height: 1;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}

.services-17-overlay-icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 27px;
    line-height: 1;
}

.services-17-overlay strong,
.services-17-overlay span {
    display: block;
}

.services-17-overlay strong {
    margin-bottom: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.services-17-overlay span {
    color: rgba(255, 255, 255, .75);
    font-size: 10px;
    line-height: 1.4;
}

.services-17-arrow {
    margin-left: auto;
    font-size: 19px;
    color: #fff;
    transition: transform .3s ease;
}

.services-17-slide:hover .services-17-arrow {
    transform: translate(3px, -3px);
}

@media (max-width: 1199px) {
    .services-17 {
        padding: 85px 0;
    }

    .services-17-image-wrap {
        height: 350px;
    }
}

@media (max-width: 991px) {
    .services-17 {
        padding: 75px 0;
    }

    .services-17-title-area {
        margin-bottom: 42px;
    }

    .services-17-title {
        font-size: 36px;
    }

    .services-17-column {
        margin-bottom: 20px;
    }

    .services-17-image-wrap {
        height: 330px;
    }
}

@media (max-width: 767px) {
    .services-17 {
        padding: 65px 0;
    }

    .services-17-title {
        font-size: 31px;
    }

    .services-17-description {
        font-size: 13px;
    }

    .services-17-grid {
        margin-right: -8px;
        margin-left: -8px;
    }

    .services-17-column {
        padding-right: 8px;
        padding-left: 8px;
        margin-bottom: 16px;
    }

    .services-17-image-wrap {
        height: 300px;
        border-radius: 18px;
    }

    .services-17-slide {
        border-radius: 18px;
    }

    .services-17-overlay {
        right: 10px;
        bottom: 10px;
        left: 10px;
        padding: 11px;
        border-radius: 12px;
    }

    .services-17-overlay-icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        font-size: 16px;
    }

    .services-17-number {
        top: 12px;
        right: 12px;
        width: 38px;
        height: 38px;
        font-size: 10px;
    }
}

@media (max-width: 575px) {
    .services-17 {
        padding: 55px 0;
    }

    .services-17-title-area {
        margin-bottom: 32px;
    }

    .services-17-title {
        font-size: 28px;
    }

    .services-17-subtitle {
        font-size: 11px;
        letter-spacing: .7px;
    }

    .services-17-description {
        font-size: 12px;
        line-height: 1.7;
    }

    .services-17-column {
        width: 100%;
    }

    .services-17-image-wrap {
        height: 360px;
    }

    .services-17-overlay {
        padding: 13px;
    }

    .services-17-overlay strong {
        font-size: 11px;
    }

    .services-17-overlay span {
        font-size: 9px;
    }
}

@media (max-width: 380px) {
    .services-17-image-wrap {
        height: 320px;
    }

    .services-17-title {
        font-size: 26px;
    }
}
.news-6 {
    position: relative;
    padding: 100px 0;
    background: var(--bg, #ffffff);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.news-6 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.news-6::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -150px;
    width: 380px;
    height: 380px;
    border: 1px solid var(--primary, #606ed3);
    border-radius: 50%;
    opacity: .08;
    pointer-events: none;
}

.news-6::after {
    content: "";
    position: absolute;
    bottom: -220px;
    left: -170px;
    width: 430px;
    height: 430px;
    border: 1px solid var(--accent, #606ed3);
    border-radius: 50%;
    opacity: .06;
    pointer-events: none;
}

.news-6 .container {
    position: relative;
    z-index: 1;
}

.news-6-section-header {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.news-6-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--primary, #606ed3);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.news-6-eyebrow i {
    font-size: 17px;
}

.news-6-section-title {
    margin: 0 0 15px;
    color: var(--text, #1a1a1a);
    font-size: clamp(34px, 4vw, 46px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.news-6-section-description {
    max-width: 620px;
    margin: 0 auto;
    color: var(--secondary, #6d6d6d);
    font-size: 14px;
    line-height: 1.8;
}

.news-6-row {
    display: flex;
    flex-wrap: wrap;
}

.news-6-column {
    display: flex;
    margin-bottom: 30px;
}

.news-6-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--light, #ffffff);
    border: 1px solid var(--border, #e7ebf0);
    border-radius: 22px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .05);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.news-6-card:hover {
    border-color: var(--primary, #606ed3);
    transform: translateY(-8px);
    box-shadow: 0 25px 55px rgba(0, 0, 0, .1);
}

.news-6-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--border, #eef1f4);
}

.news-6-image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, .2),
        transparent 45%
    );
    pointer-events: none;
}

.news-6-image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .55s ease;
}

.news-6-card:hover .news-6-image-wrap img {
    transform: scale(1.07);
}

.news-6-category {
    position: absolute;
    left: 18px;
    bottom: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 20px;
    background: var(--light, #ffffff);
    color: var(--text, #222222);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .1);
}

.news-6-category i {
    color: var(--primary, #606ed3);
    font-size: 14px;
}

.news-6-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 25px;
}

.news-6-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 18px;
}

.news-6-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    border-radius: 14px;
    background: var(--primary, #606ed3);
    color: var(--light, #ffffff);
    text-align: center;
}

.news-6-date strong {
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.news-6-date span {
    display: block;
    margin-top: 4px;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
}

.news-6-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px 15px;
    color: var(--secondary, #777777);
    font-size: 10px;
    line-height: 1.5;
}

.news-6-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.news-6-meta i {
    color: var(--primary, #606ed3);
    font-size: 14px;
}

.news-6-title {
    min-height: 62px;
    margin: 0 0 13px;
    color: var(--text, #222222);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-6-description {
    min-height: 72px;
    margin: 0 0 22px;
    color: var(--secondary, #6d6d6d);
    font-size: 13px;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-6-read-more {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    margin-top: auto;
    color: var(--primary, #606ed3);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .3s ease;
}

.news-6-read-more i {
    font-size: 16px;
    transition: transform .3s ease;
}

.news-6-read-more:hover {
    color: var(--accent, #606ed3);
    text-decoration: none;
}

.news-6-read-more:hover i {
    transform: translateX(5px);
}

@media (max-width: 991px) {
    .news-6 {
        padding: 75px 0;
    }

    .news-6-section-header {
        margin-bottom: 40px;
    }

    .news-6-section-title {
        font-size: 36px;
    }

    .news-6-content {
        padding: 21px;
    }

    .news-6-top {
        align-items: flex-start;
    }

    .news-6-meta {
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }

    .news-6-title {
        font-size: 19px;
    }
}

@media (max-width: 767px) {
    .news-6 {
        padding: 60px 0;
    }

    .news-6-section-header {
        margin-bottom: 35px;
    }

    .news-6-section-title {
        font-size: 30px;
    }

    .news-6-section-description {
        font-size: 13px;
    }

    .news-6-column {
        width: 100%;
        margin-bottom: 25px;
    }

    .news-6-card {
        max-width: 600px;
        margin: 0 auto;
        border-radius: 20px;
    }

    .news-6-content {
        padding: 23px;
    }

    .news-6-top {
        align-items: center;
    }

    .news-6-meta {
        flex-direction: row;
        align-items: center;
    }

    .news-6-title {
        min-height: auto;
        font-size: 20px;
    }

    .news-6-description {
        min-height: auto;
        -webkit-line-clamp: 4;
    }
}

@media (max-width: 480px) {
    .news-6 {
        padding: 50px 0;
    }

    .news-6-section-title {
        font-size: 27px;
    }

    .news-6-section-description {
        font-size: 12px;
    }

    .news-6-content {
        padding: 20px;
    }

    .news-6-top {
        gap: 10px;
    }

    .news-6-date {
        flex-basis: 55px;
        width: 55px;
        height: 55px;
    }

    .news-6-date strong {
        font-size: 20px;
    }

    .news-6-meta {
        gap: 5px 9px;
        font-size: 9px;
    }

    .news-6-meta i {
        font-size: 12px;
    }

    .news-6-title {
        font-size: 18px;
    }

    .news-6-description {
        font-size: 12px;
        line-height: 1.75;
    }
}
.about-25 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-25 * {
    font-family: "Poppins", sans-serif;
}

.about-25 .about-25-image-wrap {
    position: relative;
}

.about-25 .about-25-img {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .08);
}

.about-25 .about-25-img img {
    width: 100%;
    transition: transform .5s ease;
}

.about-25 .about-25-img:hover img {
    transform: scale(1.05);
}

.about-25 .about-25-img.img1 {
    margin-bottom: 24px;
}

.about-25 .about-25-img.img2 {
    position: absolute;
    top: 6%;
    left: 42%;
    width: 58%;
    border: 6px solid #fff;
    border-radius: 30px;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .14);
}

.about-25 .about-25-content {
    padding-left: 40px;
}

.about-25 .about-25-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--primary, #0ab7b0);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-25 .about-25-title {
    margin-bottom: 22px;
    color: var(--text, #1b1b1b);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.about-25 .about-25-features {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-25 .about-25-features li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    color: var(--text, #333);
    font-size: 15px;
    line-height: 28px;
}

.about-25 .about-25-features i {
    margin-right: 12px;
    color: var(--primary, #0ab7b0);
    font-size: 18px;
    line-height: 28px;
}

.about-25 .about-25-desc {
    margin: 28px 0;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.about-25 .about-25-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #0ab7b0);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .35s ease;
}

.about-25 .about-25-btn:hover {
    background: var(--secondary, #089d97);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(10, 183, 176, .28);
}

.about-25 .about-25-btn i {
    margin-left: 8px;
    font-size: 16px;
}

.about-25 .about-25-signature {
    margin-top: 30px;
}

.about-25 .about-25-signature img {
    height: 44px;
    width: auto;
}

.about-25 .about-25-name {
    margin-top: 10px;
    color: var(--text, #222);
    font-size: 15px;
    font-weight: 700;
}

@media(max-width:991px) {

    .about-25 {
        padding: 70px 0;
    }

    .about-25 .about-25-content {
        padding-left: 15px;
        margin-top: 40px;
    }

    .about-25 .about-25-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .about-25 {
        padding: 60px 0;
    }

    .about-25 .about-25-title {
        font-size: 30px;
        line-height: 40px;
    }

    .about-25 .about-25-img,
    .about-25 .about-25-img.img2 {
        border-radius: 24px;
    }

    .about-25 .about-25-img.img2 {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-top: 20px;
        border-width: 4px;
    }

    .about-25 .about-25-content {
        margin-top: 30px;
        padding-left: 0;
    }

}


.home-45 {
    padding: 80px 0 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-45 * {
    font-family: "Poppins", sans-serif;
}

.home-45.section-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 750px;
    padding: 80px 15px 0;
    overflow: hidden;
    background: var(--bg, #fff);
    text-align: center;
}

.home-45 .home-45-logo {
    color: var(--text, #111);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .5px;
}

.home-45 .home-45-heading {
    max-width: 900px;
    margin-top: 24px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-45 .home-45-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
    padding: 16px 38px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #111);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: .35s ease;
}

.home-45 .home-45-btn:hover {
    background: var(--secondary, #222);
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .16);
}

.home-45 .scope {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 100px auto 0 !important;
    padding-bottom: 0 !important;
    transform-style: preserve-3d;
    animation: home45CarouselRotate 30s linear infinite;
}

.home-45 .scope span {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: rotateY(calc(var(--i) * 45deg)) translateZ(360px);
}

.home-45 .scope span img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    border: 2px solid var(--border, #e8edf3);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .10);
    transition: transform .45s ease, box-shadow .45s ease;
}

.home-45 .scope span:hover img {
    transform: translateY(-18px) scale(1.08);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .18);
}

@keyframes home45CarouselRotate {
    0% {
        transform: perspective(1200px) rotateY(0deg);
    }

    100% {
        transform: perspective(1200px) rotateY(360deg);
    }
}

@media(max-width:991px) {

    .home-45,
    .home-45.section-wrapper {
        padding: 70px 15px 0;
    }

    .home-45.section-wrapper {
        min-height: 680px;
    }

    .home-45 .home-45-heading {
        font-size: 36px;
        line-height: 46px;
    }

    .home-45 .scope {
        width: 190px;
        height: 190px;
    }

    .home-45 .scope span {
        transform: rotateY(calc(var(--i) * 45deg)) translateZ(300px);
    }

}

@media(max-width:767px) {

    .home-45,
    .home-45.section-wrapper {
        padding: 60px 15px 0;
    }

    .home-45.section-wrapper {
        min-height: 620px;
    }

    .home-45 .home-45-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .home-45 .home-45-btn {
        width: 100%;
        max-width: 280px;
    }

    .home-45 .scope {
        width: 150px;
        height: 150px;
        margin: 70px auto 0 !important;
    }

    .home-45 .scope span {
        transform: rotateY(calc(var(--i) * 45deg)) translateZ(220px);
    }

    .home-45 .scope span img {
        border-radius: 24px;
    }

}

.about-26 {
    padding: 80px 0;
    background: var(--secondary, #848a65);
    font-family: "Poppins", sans-serif;
}

.about-26 * {
    font-family: "Poppins", sans-serif;
}

.about-26.section-wrapper {
    padding: 80px 20px;
    background: var(--secondary, #848a65);
}

.about-26 .about-26-image-wrapper {
    position: relative;
    max-width: 100%;
    margin: 60px 0 30px 90px;
}

.about-26 .about-26-main-img {
    width: 100%;
    max-width: 420px;
    overflow: hidden;
    border: 6px solid var(--accent, #fdbb2d);
    border-radius: 50%;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .18);
}

.about-26 .about-26-main-img img {
    display: block;
    width: 100%;
    transition: transform .5s ease;
}

.about-26 .about-26-main-img:hover img {
    transform: scale(1.05);
}

.about-26 .about-26-inner-img {
    position: absolute;
    top: 20px;
    left: -90px;
    width: 220px;
    height: 220px;
    overflow: hidden;
    border: 6px solid #fff;
    border-radius: 50%;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .18);
}

.about-26 .about-26-inner-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.about-26 .about-26-inner-img:hover img {
    transform: scale(1.05);
}

.about-26 .about-26-content h2 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.about-26 .about-26-highlight {
    color: var(--text, #212121);
    font-weight: 700;
}

.about-26 .about-26-highlight.yellow {
    color: var(--accent, #fdbb2d);
}

.about-26 .about-26-subheading {
    margin-bottom: 22px;
    color: var(--accent, #fdbb2d);
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
}

.about-26 .about-26-description {
    margin-bottom: 30px;
    color: rgba(255, 255, 255, .88);
    font-size: 16px;
    line-height: 30px;
}

.about-26 .about-26-icon-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
    margin: 30px 0;
}

.about-26 .about-26-icon-box {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 15px;
    line-height: 26px;
}

.about-26 .about-26-icon-box i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-right: 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .12);
    color: var(--primary, #00b894);
    font-size: 22px;
}

.about-26 .about-26-readmore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 34px;
    border: none;
    border-radius: 50px;
    background: var(--accent, #fdbb2d);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .35s ease;
}

.about-26 .about-26-readmore:hover {
    background: var(--primary, #00b894);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

@media(max-width:991px) {

    .about-26,
    .about-26.section-wrapper {
        padding: 70px 20px;
    }

    .about-26 .about-26-image-wrapper {
        margin: 30px auto 40px;
        max-width: 420px;
    }

    .about-26 .about-26-content h2 {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .about-26,
    .about-26.section-wrapper {
        padding: 60px 15px;
    }

    .about-26 .about-26-image-wrapper {
        margin: 0 auto 40px;
    }

    .about-26 .about-26-inner-img {
        top: 0;
        left: -10px;
        width: 120px;
        height: 120px;
    }

    .about-26 .about-26-content h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .about-26 .about-26-subheading {
        font-size: 20px;
        line-height: 30px;
    }

    .about-26 .about-26-icon-section {
        flex-direction: column;
        gap: 16px;
    }

    .about-26 .about-26-readmore {
        width: 100%;
    }

}


/* home-47 */

@font-face {
    font-family: 'Merriweather';
    src: url('https://fonts.cdnfonts.com/s/17409/Merriweather-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Lato';
    src: url('https://fonts.cdnfonts.com/s/15359/Lato-Regular.woff') format('woff');
}

body {
    font-family: 'Lato', sans-serif;
}

.home-47.section-wrapper {
    padding: 60px 15px;
    text-align: center;
    background-color: #fff;
}

.home-47-title h4 {
    color: #f6a623;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.home-47-title h2 {
    font-family: 'Merriweather', serif;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.home-47-title h2 span {
    color: #000;
}

.home-47-title p {
    max-width: 700px;
    margin: 10px auto 40px;
    color: #777;
}

.home-47-step {
    margin-bottom: 30px;
}

.home-47-step .home-47-img-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 20px;
    border: 4px solid #ffd57e;
    position: relative;
}

.home-47-step .home-47-img-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-47-step .home-47-number {
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #58b957;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    z-index: 1;
}

.home-47-step h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.home-47-step p {
    font-size: 13px;
    color: #777;
}

.home-47-arrow {
    font-size: 24px;
    color: #ccc;
    margin: 10px auto;
}

@media (max-width: 767px) {
    .home-47-arrow {
        display: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.home-47-steps-wrapper {
    position: relative;
}

.home-47-step {
    position: relative;
    animation: fadeInUp 0.7s ease both;
}

.home-47-step.animated.delay-1 {
    animation-delay: 0.2s;
}

.home-47-step.animated.delay-2 {
    animation-delay: 0.4s;
}

.home-47-step.animated.delay-3 {
    animation-delay: 0.6s;
}

.home-47-img-circle {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-47-img-circle:hover {
    transform: scale(1.25);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Optional Arrows (between steps) */
.home-47-steps-wrapper::before {
    content: '';
    position: absolute;
    top: 60px;
    left: 16.6%;
    right: 16.6%;
    height: 1px;
    border-top: 2px dashed #ccc;
    z-index: 0;
}

@media (max-width: 767px) {
    .home-47-steps-wrapper::before {
        display: none;
    }
}



.about-27 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-27 * {
    font-family: "Poppins", sans-serif;
}

.about-27.section-wrapper {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.about-27 .title-sec {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 36px;
}

.about-27 .title h4 {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--accent, #ffc107);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-27 .title h2 {
    margin: 0;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.about-27 .title h2 span {
    color: var(--accent, #ffc107);
}

.about-27 .nav-tabs {
    margin-bottom: 30px;
    border: none;
}

.about-27 .nav-tabs li a {
    margin-right: 10px;
    padding: 12px 24px;
    border: none;
    border-radius: 50px;
    background: #fff;
    color: #555;
    font-size: 14px;
    font-weight: 600;
    transition: .35s ease;
}

.about-27 .nav-tabs li a:hover {
    background: var(--primary, #4CAF50);
    color: #fff;
}

.about-27 .nav-tabs li.active a,
.about-27 .nav-tabs li.active a:hover,
.about-27 .nav-tabs li.active a:focus {
    background: var(--primary, #4CAF50);
    color: #fff;
    border: none;
}

.about-27 .text p {
    margin-bottom: 16px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.about-27 .btn-vertical {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 14px;
    border: none;
    border-radius: 50px;
    background: var(--accent, #ffc107);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    transition: .35s ease;
}

.about-27 .btn-vertical:hover {
    background: var(--primary, #4CAF50);
    color: #fff;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .16);
}

.about-27 img {
    display: block;
    width: 100%;
    max-width: 100%;
    border-radius: 30px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .10);
    transition: transform .45s ease;
}

.about-27 img:hover {
    transform: scale(1.04);
}

.about-27 .content-col {
    animation: about27FadeInLeft .8s ease;
}

.about-27 .image-col {
    animation: about27FadeInRight .8s ease;
}

@keyframes about27FadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes about27FadeInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media(max-width:991px) {

    .about-27,
    .about-27.section-wrapper {
        padding: 70px 0;
    }

    .about-27 .title h2 {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:768px) {

    .about-27,
    .about-27.section-wrapper {
        padding: 60px 0;
    }

    .about-27 .title-sec {
        flex-direction: column;
        gap: 20px;
    }

    .about-27 .title h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .about-27 .btn-vertical {
        width: 100%;
        padding: 15px 30px;
        writing-mode: horizontal-tb;
        transform: none;
    }

    .about-27 .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .about-27 .content-col,
    .about-27 .image-col {
        text-align: center;
    }

    .about-27 img {
        margin-bottom: 30px;
        border-radius: 24px;
    }

    .about-27 .nav-tabs li {
        display: block;
        margin-bottom: 10px;
    }

    .about-27 .nav-tabs li a {
        display: block;
        margin-right: 0;
    }

}
.blog-13 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.blog-13 * {
    font-family: "Poppins", sans-serif;
}

.blog-13.section-wrapper {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.blog-13 .text-center {
    text-align: center !important;
}

/* Section Title */

.blog-13 .section-title {
    margin-bottom: 50px;
}

.blog-13 .section-title h4 {
    display: inline-block;
    margin: 0 0 16px;
    color: var(--accent, #f5a623);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.4;
    text-transform: uppercase;
}

.blog-13 .section-title h2 {
    margin: 0 0 18px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.blog-13 .section-title h2 span {
    color: var(--accent, #f5a623);
}

.blog-13 .section-title p {
    max-width: 650px;
    margin: 0 auto;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

/* Blog Card */

.blog-13 .card {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .08);
    animation: blog13FadeInUp .8s ease both;
    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.blog-13 .card:hover {
    transform: translateY(-8px);
    box-shadow: 0 35px 80px rgba(0, 0, 0, .14);
}

/* Image */

.blog-13 .image-wrapper {
    position: relative;
    height: 260px;
    overflow: hidden;
}

.blog-13 .card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .5s ease;
}

.blog-13 .card:hover img {
    transform: scale(1.08);
}

/* Date Badge */

.blog-13 .date-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    min-width: 64px;
    padding: 10px 14px;
    border-radius: 50px;
    background: var(--accent, #f5a623);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
}

/* Card Body */

.blog-13 .card-body {
    padding: 28px;
    text-align: left;
}

/* Meta */

.blog-13 .meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin-bottom: 16px;
    color: #666;
    font-size: 14px;
}

.blog-13 .meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.blog-13 .meta i {
    color: var(--primary, #4CAF50);
    font-size: 17px;
}

/* Blog Heading */

.blog-13 .card-body h4 {
    min-height: 64px;
    margin: 0 0 18px;
    color: var(--text, #111);
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

/* Read More */

.blog-13 .read-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--primary, #7b57ff);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.blog-13 .read-more i {
    font-size: 18px;
    transition: transform .3s ease;
}

.blog-13 .read-more:hover {
    color: var(--secondary, #5b3fe6);
    text-decoration: none;
}

.blog-13 .read-more:hover i {
    transform: translateX(5px);
}

/* Animation */

@keyframes blog13FadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Tablet */

@media (max-width: 991px) {

    .blog-13,
    .blog-13.section-wrapper {
        padding: 70px 0;
    }

    .blog-13 .section-title h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .blog-13 .image-wrapper {
        height: 220px;
    }

    .blog-13 .card-body {
        padding: 22px;
    }

    .blog-13 .card-body h4 {
        font-size: 20px;
        line-height: 30px;
    }
}

/* Mobile */

@media (max-width: 767px) {

    .blog-13,
    .blog-13.section-wrapper {
        padding: 60px 0;
    }

    .blog-13 .section-title {
        margin-bottom: 35px;
    }

    .blog-13 .section-title h4 {
        margin-bottom: 12px;
    }

    .blog-13 .section-title h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .blog-13 .section-title p {
        font-size: 14px;
        line-height: 26px;
    }

    .blog-13 .section-title p br {
        display: none;
    }

    .blog-13 .card {
        border-radius: 24px;
    }

    .blog-13 .image-wrapper {
        height: 240px;
    }

    .blog-13 .card-body {
        padding: 22px;
    }

    .blog-13 .card-body h4 {
        min-height: auto;
        font-size: 20px;
        line-height: 30px;
    }
}

.testimonial-13 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.testimonial-13 * {
    font-family: "Poppins", sans-serif;
}

.testimonial-13 .testimonial-13-box {
    padding: 60px;
    overflow: hidden;
    border-radius: 30px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fdfa 100%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .08);
}

.testimonial-13 .testimonial-13-image {
    overflow: hidden;
    border-radius: 30px;
}

.testimonial-13 .testimonial-13-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
    transition: transform .5s ease;
    animation: testimonial13FadeInLeft .8s ease;
}

.testimonial-13 .testimonial-13-image:hover img {
    transform: scale(1.05);
}

.testimonial-13 .testimonial-13-content {
    padding: 40px;
    animation: testimonial13FadeInUp .8s ease;
}

.testimonial-13 .testimonial-13-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--accent, #f3a847);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.testimonial-13 .testimonial-13-title {
    margin-bottom: 22px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.testimonial-13 .testimonial-13-title span {
    color: var(--primary, #000);
    font-weight: 700;
}

.testimonial-13 .testimonial-13-text {
    margin-bottom: 28px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.testimonial-13 .testimonial-13-user {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
}

.testimonial-13 .testimonial-13-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--border, #ececec);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}

.testimonial-13 .testimonial-13-user h5,
.testimonial-13 .testimonial-13-user h6,
.testimonial-13 .testimonial-13-user strong {
    margin: 0 0 4px;
    color: var(--text, #111);
    font-size: 18px;
    font-weight: 700;
}

.testimonial-13 .testimonial-13-user p,
.testimonial-13 .testimonial-13-user span {
    margin: 0;
    color: #777;
    font-size: 14px;
}

.testimonial-13 .testimonial-13-stars {
    margin-top: 18px;
    color: var(--accent, #f3a847);
    font-size: 18px;
    letter-spacing: 3px;
}

@keyframes testimonial13FadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes testimonial13FadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media(max-width:991px) {

    .testimonial-13 {
        padding: 70px 0;
    }

    .testimonial-13 .testimonial-13-box {
        padding: 40px;
    }

    .testimonial-13 .testimonial-13-content {
        padding: 35px 15px 0;
    }

    .testimonial-13 .testimonial-13-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .testimonial-13 {
        padding: 60px 0;
    }

    .testimonial-13 .testimonial-13-box {
        padding: 24px;
        border-radius: 24px;
    }

    .testimonial-13 .testimonial-13-image,
    .testimonial-13 .testimonial-13-image img {
        border-radius: 24px;
    }

    .testimonial-13 .testimonial-13-content {
        padding: 30px 0 0;
    }

    .testimonial-13 .testimonial-13-title {
        font-size: 30px;
        line-height: 40px;
    }

    .testimonial-13 .testimonial-13-user {
        align-items: flex-start;
    }

    .testimonial-13 .testimonial-13-avatar {
        width: 56px;
        height: 56px;
    }

}


/* about-28 */
@font-face {
    font-family: 'Poppins';
    src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
}

.about-28 * {
    font-family: 'Poppins', sans-serif;
}

.about-28 {
    padding: 60px 0;
    background-color: #fff;
}

.about-28-img1 img,
.about-28-img2 img {
    width: 100%;
    border-radius: 6px;
}

.about-28-content {
    padding: 30px 20px;
}

.about-28-subtitle {
    color: #d82e94;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.about-28-title {
    font-size: 36px;
    font-weight: 700;
    color: #1d1448;
    line-height: 1.3;
    margin-bottom: 20px;
}

.about-28-desc {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 30px;
}

.about-28-btn {
    display: inline-block;
    padding: 12px 25px;
    background-color: #fd3c85;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.about-28-btn:hover {
    background-color: #e52a73;
}

.about-28-video-box {
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.about-28-video-title {
    font-size: 18px;
    font-weight: 600;
    color: #1d1448;
    margin-bottom: 5px;
}

.about-28-video-sub {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

.about-28-video-img {
    position: relative;
    margin-top: 15px;
}

.about-28-video-img img {
    width: 100%;
    border-radius: 6px;
}

.about-28-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: #fff;
    background: #fd3c85;
    border-radius: 50%;
    padding: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.about-28-play-icon:hover {
    background: #e52a73;
}

@media (max-width: 767px) {
    .about-28-title {
        font-size: 28px;
    }

    .about-28-content {
        padding: 20px 10px;
        text-align: center;
    }

    .about-28-btn {
        width: 100%;
        text-align: center;
    }

    .about-28-video-box {
        text-align: center;
    }

    .about-28-bottom {
        margin-top: 30px;
    }
}

.blog-14 {
    padding: 90px 0;
    background: var(--light, #f4f4f4);
    font-family: "Poppins", sans-serif;
}

.blog-14 * {
    font-family: "Poppins", sans-serif;
}

.blog-14 .blog-14-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 45px;
}

.blog-14 .blog-14-heading {
    max-width: 650px;
}

.blog-14 .blog-14-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
    color: var(--accent, #a83287);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.blog-14 .blog-14-eyebrow i {
    font-size: 17px;
}

.blog-14 .blog-14-title {
    margin: 0 0 12px;
    color: var(--text, #3b2350);
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

.blog-14 .blog-14-title span {
    color: var(--primary, #e91e63);
}

.blog-14 .blog-14-subtitle {
    max-width: 600px;
    margin: 0;
    color: #777;
    font-size: 14px;
    line-height: 1.8;
}

.blog-14 .blog-14-view-all {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--text, #3b2350);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.blog-14 .blog-14-view-all i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--primary, #e91e63);
    color: #fff;
    font-size: 17px;
    transition: transform .3s ease;
}

.blog-14 .blog-14-view-all:hover {
    color: var(--primary, #e91e63);
}

.blog-14 .blog-14-view-all:hover i {
    transform: translate(3px, -3px);
}

.blog-14 .blog-14-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.blog-14 .blog-14-row > [class*="col-"] {
    display: flex;
    padding: 0 10px;
}

.blog-14 .blog-14-featured-post,
.blog-14 .blog-14-news-panel {
    width: 100%;
}

.blog-14 .blog-14-featured-post {
    overflow: hidden;
    border-radius: 24px;
    background: var(--bg, #fff);
    box-shadow: 0 18px 45px rgba(59, 35, 80, .08);
}

.blog-14 .blog-14-featured-image-wrap {
    position: relative;
    display: block;
    height: 390px;
    overflow: hidden;
}

.blog-14 .blog-14-featured-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.blog-14 .blog-14-featured-post:hover .blog-14-featured-image-wrap img {
    transform: scale(1.05);
}

.blog-14 .blog-14-featured-image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(59, 35, 80, .6), transparent 55%);
}

.blog-14 .blog-14-featured-tag {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 20px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 30px;
    background: var(--primary, #e91e63);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.blog-14 .blog-14-featured-date {
    position: absolute;
    z-index: 2;
    right: 22px;
    bottom: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.blog-14 .blog-14-featured-content {
    padding: 27px 30px 30px;
}

.blog-14 .blog-14-category {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    color: var(--accent, #a83287);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.blog-14 .blog-14-featured-title {
    margin: 0 0 12px;
    color: var(--text, #3b2350);
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
}

.blog-14 .blog-14-featured-title a {
    color: inherit;
    text-decoration: none;
}

.blog-14 .blog-14-featured-title a:hover {
    color: var(--primary, #e91e63);
}

.blog-14 .blog-14-featured-excerpt {
    margin: 0 0 22px;
    color: #666;
    font-size: 13px;
    line-height: 1.8;
}

.blog-14 .blog-14-featured-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 17px;
    border-top: 1px solid var(--border, #e5e1e6);
}

.blog-14 .blog-14-featured-footer > span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #888;
    font-size: 11px;
}

.blog-14 .blog-14-featured-footer i {
    color: var(--primary, #e91e63);
}

.blog-14 .blog-14-read-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--text, #3b2350);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.blog-14 .blog-14-read-more:hover {
    color: var(--primary, #e91e63);
}

.blog-14 .blog-14-read-more i {
    font-size: 16px;
}

.blog-14 .blog-14-news-panel {
    display: flex;
    flex-direction: column;
    padding: 27px 25px;
    border-radius: 24px;
    background: var(--secondary, #3b2350);
    box-shadow: 0 18px 45px rgba(59, 35, 80, .14);
}

.blog-14 .blog-14-news-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.blog-14 .blog-14-news-heading > div:first-child span {
    display: block;
    margin-bottom: 4px;
    color: var(--primary, #e91e63);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.blog-14 .blog-14-news-heading h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}

.blog-14 .blog-14-news-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--primary, #e91e63);
    color: #fff;
    font-size: 19px;
}

.blog-14 .blog-14-news-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    text-decoration: none;
}

.blog-14 .blog-14-news-image {
    position: relative;
    flex: 0 0 76px;
    width: 76px;
    height: 78px;
    overflow: hidden;
    border-radius: 12px;
}

.blog-14 .blog-14-news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.blog-14 .blog-14-news-item:hover .blog-14-news-image img {
    transform: scale(1.08);
}

.blog-14 .blog-14-news-image span {
    position: absolute;
    right: 4px;
    bottom: 4px;
    padding: 3px 5px;
    border-radius: 4px;
    background: var(--primary, #e91e63);
    color: #fff;
    font-size: 8px;
    font-weight: 700;
}

.blog-14 .blog-14-news-info {
    min-width: 0;
    flex: 1;
}

.blog-14 .blog-14-news-info small {
    display: block;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, .45);
    font-size: 9px;
}

.blog-14 .blog-14-news-info h4 {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 6px;
    color: #fff;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-14 .blog-14-news-info p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    color: var(--primary, #e91e63);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.blog-14 .blog-14-news-info p i {
    font-size: 14px;
}

.blog-14 .blog-14-all-news {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
    padding: 13px 15px;
    border: 1px solid rgba(255, 255, 255, .15);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: background .3s ease, border-color .3s ease;
}

.blog-14 .blog-14-all-news i {
    color: var(--primary, #e91e63);
    font-size: 16px;
}

.blog-14 .blog-14-all-news:hover {
    border-color: var(--primary, #e91e63);
    background: rgba(233, 30, 99, .08);
}

@media (max-width: 991px) {
    .blog-14 {
        padding: 70px 0;
    }

    .blog-14 .blog-14-title {
        font-size: 36px;
    }

    .blog-14 .blog-14-featured-image-wrap {
        height: 330px;
    }
}

@media (max-width: 767px) {
    .blog-14 {
        padding: 60px 0;
    }

    .blog-14 .blog-14-header {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .blog-14 .blog-14-title {
        font-size: 31px;
    }

    .blog-14 .blog-14-feature-column {
        margin-bottom: 20px;
    }

    .blog-14 .blog-14-featured-image-wrap {
        height: 270px;
    }

    .blog-14 .blog-14-featured-content {
        padding: 23px 20px;
    }

    .blog-14 .blog-14-featured-title {
        font-size: 22px;
    }

    .blog-14 .blog-14-news-panel {
        padding: 22px 20px;
    }
}

@media (max-width: 480px) {
    .blog-14 .blog-14-title {
        font-size: 28px;
    }

    .blog-14 .blog-14-featured-image-wrap {
        height: 220px;
    }

    .blog-14 .blog-14-featured-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .blog-14 .blog-14-news-image {
        flex-basis: 65px;
        width: 65px;
        height: 70px;
    }
}
.newsletter-5 {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--secondary, #4c248a) 0%, var(--primary, #512c85) 100%);
    color: #fff;
    font-family: "Poppins", sans-serif;
    position: relative;
    overflow: hidden;
}

.newsletter-5 * {
    font-family: "Poppins", sans-serif;
}

.newsletter-5::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
}

.newsletter-5::after {
    content: "";
    position: absolute;
    bottom: -150px;
    left: -150px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .04);
}

.newsletter-5 .container {
    position: relative;
    z-index: 2;
}

.newsletter-5 .newsletter-5-subtext {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--accent, #ffb72c);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.newsletter-5 .newsletter-5-title {
    margin-bottom: 20px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.newsletter-5 .newsletter-5-desc {
    margin-bottom: 0;
    color: rgba(255, 255, 255, .82);
    font-size: 16px;
    line-height: 30px;
}

.newsletter-5 .newsletter-5-form {
    margin-top: 30px;
    padding: 0;
    background: none;
}

.newsletter-5 .newsletter-5-input {
    width: 100%;
    height: 56px;
    padding: 0 20px;
    margin-bottom: 18px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 50px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 15px;
    transition: .35s ease;
}

.newsletter-5 .newsletter-5-input::placeholder {
    color: rgba(255, 255, 255, .70);
}

.newsletter-5 .newsletter-5-input:focus {
    outline: none;
    border-color: var(--accent, #ffb72c);
    background: rgba(255, 255, 255, .18);
    box-shadow: 0 0 0 4px rgba(255, 183, 44, .12);
}

.newsletter-5 .newsletter-5-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    height: 56px;
    padding: 0 34px;
    margin-bottom: 18px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #f94c84);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: .35s ease;
}

.newsletter-5 .newsletter-5-btn:hover {
    background: var(--accent, #ffb72c);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

.newsletter-5 .newsletter-5-checkbox {
    margin-top: 8px;
}

.newsletter-5 .newsletter-5-checkbox label {
    color: rgba(255, 255, 255, .75);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.newsletter-5 .newsletter-5-checkbox input {
    margin-right: 8px;
}

.newsletter-5 .newsletter-5-checkbox a {
    color: var(--accent, #ffb72c);
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.newsletter-5 .newsletter-5-checkbox a:hover {
    color: #fff;
}

@media(max-width:991px) {

    .newsletter-5 {
        padding: 70px 0;
    }

    .newsletter-5 .newsletter-5-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .newsletter-5 {
        padding: 60px 0;
    }

    .newsletter-5 .newsletter-5-title {
        font-size: 30px;
        line-height: 40px;
    }

    .newsletter-5 .newsletter-5-btn {
        width: 100%;
    }

}



.services-18 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.services-18 * {
    font-family: "Poppins", sans-serif;
}

.services-18 .services-18-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--accent, #e94f9e);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-18 .services-18-title {
    margin-bottom: 36px;
    color: var(--text, #2e2151);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.services-18 .services-18-step {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 28px;
}

.services-18 .services-18-step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--primary, #ffc107);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

.services-18 .services-18-step-content h4 {
    margin: 0 0 10px;
    color: var(--text, #2e2151);
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

.services-18 .services-18-step-content p {
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 28px;
}

.services-18 .services-18-divider {
    margin: 32px 0;
    border: none;
    border-top: 1px solid var(--border, #e6e6e6);
}

.services-18 .services-18-store-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 36px;
}

.services-18 .btn-store {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 28px;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: .35s ease;
}

.services-18 .btn-store:hover {
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

.services-18 .btn-store i {
    margin-right: 10px;
    font-size: 20px;
}

.services-18 .btn-store.apple {
    background: var(--accent, #f84f9f);
}

.services-18 .btn-store.apple:hover {
    background: var(--primary, #e94f9e);
}

.services-18 .btn-store.google {
    background: var(--secondary, #2d2b56);
}

.services-18 .btn-store.google:hover {
    background: var(--text, #1f173f);
}

.services-18 .services-18-devices {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 30px;
    transition: transform .5s ease;
}

.services-18 .services-18-devices:hover {
    transform: scale(1.03);
}

@media(max-width:991px) {

    .services-18 {
        padding: 70px 0;
    }

    .services-18 .services-18-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .services-18 {
        padding: 60px 0;
    }

    .services-18 .services-18-title {
        font-size: 30px;
        line-height: 40px;
    }

    .services-18 .services-18-store-buttons {
        flex-direction: column;
    }

    .services-18 .btn-store {
        width: 100%;
    }

    .services-18 .services-18-step {
        gap: 14px;
    }

    .services-18 .services-18-step-num {
        width: 46px;
        height: 46px;
        font-size: 16px;
    }

}

.courses-6 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.courses-6 * {
    box-sizing: border-box;
}

.courses-6 .courses-6-title {
    max-width: 650px;
    margin: 0 auto 45px;
    text-align: center;
}

.courses-6 .courses-6-title > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--accent, #10c9c3);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.courses-6 .courses-6-title > span i {
    font-size: 16px;
}

.courses-6 .courses-6-title h2 {
    margin: 0 0 12px;
    color: var(--text, #444);
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.courses-6 .courses-6-title p {
    margin: 0;
    color: #777;
    font-size: 13px;
    line-height: 1.8;
}

.courses-6 .courses-6-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.courses-6 .courses-6-column {
    display: flex;
    padding: 0 8px;
}

.courses-6 .courses-6-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid var(--border, #e8eeee);
    border-radius: 20px;
    background: var(--bg, #fff);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .06);
    transition: .3s ease;
}

.courses-6 .courses-6-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .1);
}

.courses-6 .courses-6-image {
    position: relative;
    height: 205px;
    overflow: hidden;
}

.courses-6 .courses-6-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.courses-6 .courses-6-card:hover .courses-6-image img {
    transform: scale(1.05);
}

.courses-6 .courses-6-image > span {
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: var(--primary, #10c9c3);
    color: #fff;
    font-size: 18px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}

.courses-6 .courses-6-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 22px;
}

.courses-6 .courses-6-content h4 {
    margin: 0 0 10px;
    color: var(--text, #222);
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}

.courses-6 .courses-6-content p {
    flex: 1;
    margin: 0 0 18px;
    color: #707070;
    font-size: 12px;
    line-height: 1.75;
}

.courses-6 .courses-6-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--primary, #10c9c3);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.courses-6 .courses-6-link i {
    font-size: 15px;
    transition: transform .25s ease;
}

.courses-6 .courses-6-link:hover {
    color: var(--secondary, #0ab1ad);
}

.courses-6 .courses-6-link:hover i {
    transform: translateX(4px);
}

.courses-6 .courses-6-btn {
    margin-top: 30px;
    text-align: center;
}

.courses-6 .courses-6-btn .btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    height: 46px;
    padding: 0 22px;
    border-radius: 10px;
    background: var(--primary, #10c9c3);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: .25s ease;
}

.courses-6 .courses-6-btn .btn i {
    font-size: 16px;
}

.courses-6 .courses-6-btn .btn:hover {
    background: var(--secondary, #0ab1ad);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .12);
}

@media (max-width: 991px) {
    .courses-6 {
        padding: 70px 0;
    }

    .courses-6 .courses-6-title h2 {
        font-size: 34px;
    }

    .courses-6 .courses-6-image {
        height: 190px;
    }

    .courses-6 .courses-6-content {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .courses-6 {
        padding: 60px 0;
    }

    .courses-6 .courses-6-title {
        margin-bottom: 35px;
    }

    .courses-6 .courses-6-title h2 {
        font-size: 30px;
    }

    .courses-6 .courses-6-column {
        width: 100%;
    }

    .courses-6 .courses-6-image {
        height: 220px;
    }

    .courses-6 .courses-6-card {
        margin-bottom: 16px;
    }

    .courses-6 .courses-6-btn {
        margin-top: 20px;
    }

    .courses-6 .courses-6-btn .btn {
        width: 100%;
        justify-content: center;
    }
}



/* contact-12 */
.contact-12 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.contact-12 * {
    font-family: "Poppins", sans-serif;
}

.contact-12 .contact-12-heading {
    margin-bottom: 30px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.contact-12 .contact-12-card {
    padding: 40px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .08);
}

.contact-12 .contact-12-title {
    margin-bottom: 10px;
    color: var(--text, #222);
    font-size: 26px;
    font-weight: 700;
}

.contact-12 .contact-12-subtext {
    margin-bottom: 30px;
    color: #666;
    font-size: 16px;
    line-height: 28px;
}

.contact-12 .contact-12-input,
.contact-12 .contact-12-select,
.contact-12 .contact-12-textarea {
    width: 100%;
    margin-bottom: 18px;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 16px;
    background: #fff;
    color: var(--text, #222);
    font-size: 15px;
    box-shadow: none;
    transition: all .3s ease;
}

.contact-12 .contact-12-input,
.contact-12 .contact-12-select {
    height: 52px;
}

.contact-12 .contact-12-textarea {
    height: 140px;
    padding: 15px;
    resize: none;
}

.contact-12 .contact-12-input:focus,
.contact-12 .contact-12-select:focus,
.contact-12 .contact-12-textarea:focus {
    border-color: var(--primary, #616ed0);
    box-shadow: 0 0 0 4px rgba(97, 110, 208, .12);
    outline: none;
}

.contact-12 .contact-12-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 38px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #616ed0);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: all .35s ease;
}

.contact-12 .contact-12-btn:hover,
.contact-12 .contact-12-btn:focus {
    background: var(--secondary, #4d5bc3);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .16);
}

.contact-12 .contact-12-info {
    height: 100%;
    padding: 40px;
    background: linear-gradient(135deg, var(--primary, #616ed0), var(--accent, #93a3fe));
    color: #fff;
    border-radius: 30px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .12);
}

.contact-12 .contact-12-help-text {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
}

.contact-12 .contact-12-box {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 18px;
    padding: 18px 20px;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 22px;
    backdrop-filter: blur(8px);
}

.contact-12 .contact-12-box i {
    font-size: 22px;
    margin: 0;
}

.contact-12 .contact-12-box span {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    line-height: 24px;
    opacity: .9;
}

.contact-12 .contact-12-connect {
    margin-top: 35px;
    font-size: 16px;
    font-weight: 600;
}

.contact-12 .contact-12-icons {
    margin-top: 18px;
}

.contact-12 .contact-12-icons i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-right: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    font-size: 18px;
    transition: all .35s ease;
    cursor: pointer;
}

.contact-12 .contact-12-icons i:hover {
    background: #fff;
    color: var(--primary, #616ed0);
    transform: translateY(-4px);
}

@media(max-width:991px) {

    .contact-12 {
        padding: 70px 0;
    }

    .contact-12 .contact-12-heading {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .contact-12 {
        padding: 60px 0;
    }

    .contact-12 .contact-12-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .contact-12 .contact-12-card,
    .contact-12 .contact-12-info {
        padding: 28px;
        border-radius: 24px;
    }

    .contact-12 .contact-12-info {
        margin-top: 35px;
    }

    .contact-12 .contact-12-btn {
        width: 100%;
    }

}
.about-29 {
    position: relative;
    overflow: hidden;
    padding: 100px 15px;
    background: #f7f3eb;
}

.about-29::before {
    content: "";
    position: absolute;
    top: -220px;
    left: -180px;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: #e76f51;
    opacity: .08;
}

.about-29::after {
    content: "";
    position: absolute;
    right: -170px;
    bottom: -230px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(17, 38, 63, .12);
    border-radius: 50%;
}

.about-29 * {
    font-family: "Poppins", sans-serif;
}

.about-29 .container {
    position: relative;
    z-index: 2;
}

.about-29-header {
    max-width: 760px;
    margin: 0 auto 65px;
}

.about-29-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 8px 15px;
    border-radius: 50px;
    background: #11263f;
    color: #f3b33d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.about-29-eyebrow i {
    font-size: 16px;
}

.about-29-title {
    margin: 0 0 15px;
    color: #11263f;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -.035em;
}

.about-29-subtitle {
    max-width: 650px;
    margin: 0 auto;
    color: #6c747d;
    font-size: 15px;
    line-height: 1.8;
}

.about-29-features {
    display: flex;
    align-items: stretch;
    margin-left: -12px;
    margin-right: -12px;
}

.about-29-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 12px;
}

.about-29-center {
    padding: 0 22px;
}

.about-29-box {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: 145px;
    margin-bottom: 24px;
    padding: 27px 24px 25px 92px;
    overflow: hidden;
    border: 1px solid rgba(17, 38, 63, .08);
    border-radius: 4px 28px 4px 28px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(17, 38, 63, .07);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.about-29-box::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -35px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background: #f3b33d;
    opacity: .08;
    transition: transform .35s ease;
}

.about-29-box:hover {
    transform: translateY(-7px);
    border-color: rgba(231, 111, 81, .25);
    box-shadow: 0 22px 48px rgba(17, 38, 63, .12);
}

.about-29-box:hover::after {
    transform: scale(1.35);
}

.about-29-number {
    position: absolute;
    top: 14px;
    right: 18px;
    color: rgba(17, 38, 63, .16);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

.about-29-icon {
    position: absolute;
    top: 27px;
    left: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    border-radius: 15px;
    background: #11263f;
    color: #f3b33d;
    font-size: 22px;
    box-shadow: 0 9px 20px rgba(17, 38, 63, .15);
    transition: transform .35s ease, background .35s ease, color .35s ease;
}

.about-29-box:hover .about-29-icon {
    background: #e76f51;
    color: #fff;
    transform: rotate(-6deg) scale(1.05);
}

.about-29-box-content {
    position: relative;
    z-index: 2;
}

.about-29-heading {
    margin: 0 0 8px;
    padding-right: 20px;
    color: #11263f;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
}

.about-29-desc {
    margin: 0;
    color: #737b84;
    font-size: 13px;
    line-height: 1.75;
}

.about-29-image-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 560px;
    height: 100%;
}

.about-29-circle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.about-29-circle-one {
    width: 390px;
    height: 390px;
    background: #f3b33d;
    opacity: .16;
}

.about-29-circle-two {
    width: 460px;
    height: 460px;
    border: 1px solid rgba(231, 111, 81, .25);
}

.about-29-image {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 390px;
    max-height: 540px;
    object-fit: contain;
    filter: drop-shadow(0 25px 30px rgba(17, 38, 63, .16));
}

.about-29-center-label {
    position: absolute;
    z-index: 4;
    top: 45px;
    left: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    border: 1px solid rgba(17, 38, 63, .1);
    border-radius: 50px;
    background: #fff;
    color: #11263f;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(17, 38, 63, .1);
}

.about-29-center-label i {
    color: #e76f51;
    font-size: 17px;
}

.about-29-center-badge {
    position: absolute;
    z-index: 5;
    right: 4px;
    bottom: 55px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 14px 17px;
    background: #11263f;
    color: #fff;
    box-shadow: 0 15px 30px rgba(17, 38, 63, .2);
}

.about-29-center-badge strong {
    color: #f3b33d;
    font-size: 25px;
    line-height: 1;
    font-weight: 800;
}

.about-29-center-badge span {
    font-size: 10px;
    line-height: 1.35;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.about-29-side-right .about-29-box {
    border-radius: 28px 4px 28px 4px;
}

.about-29-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-top: 28px;
    padding: 23px 30px;
    background: #11263f;
}

.about-29-bottom-item {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(255, 255, 255, .75);
    font-size: 12px;
    font-weight: 600;
}

.about-29-bottom-item i {
    color: #f3b33d;
    font-size: 18px;
}

@media (max-width: 1199px) {
    .about-29-center {
        padding: 0 10px;
    }

    .about-29-box {
        padding-left: 82px;
        padding-right: 18px;
    }

    .about-29-icon {
        left: 18px;
    }

    .about-29-circle-one {
        width: 330px;
        height: 330px;
    }

    .about-29-circle-two {
        width: 390px;
        height: 390px;
    }

    .about-29-image {
        max-width: 340px;
    }
}

@media (max-width: 991px) {
    .about-29 {
        padding: 80px 15px;
    }

    .about-29-title {
        font-size: 38px;
    }

    .about-29-header {
        margin-bottom: 45px;
    }

    .about-29-box {
        min-height: 165px;
        padding-top: 25px;
    }

    .about-29-heading {
        font-size: 15px;
    }

    .about-29-desc {
        font-size: 12px;
    }

    .about-29-bottom {
        gap: 25px;
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .about-29 {
        padding: 65px 15px;
    }

    .about-29-title {
        font-size: 32px;
    }

    .about-29-subtitle {
        font-size: 14px;
    }

    .about-29-features {
        display: block;
    }

    .about-29-side {
        display: block;
    }

    .about-29-box {
        min-height: 0;
        margin-bottom: 18px;
        padding: 24px 20px 24px 82px;
    }

    .about-29-center {
        display: none;
    }

    .about-29-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
        padding: 22px;
    }
}

@media (max-width: 480px) {
    .about-29-title {
        font-size: 28px;
    }

    .about-29-eyebrow {
        font-size: 10px;
    }

    .about-29-box {
        padding-left: 76px;
    }

    .about-29-icon {
        left: 16px;
        width: 48px;
        height: 48px;
        font-size: 20px;
    }
}
.home-48 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-48 * {
    font-family: "Poppins", sans-serif;
}

.home-48 .home-48-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--accent, #333);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-48 .home-48-title {
    margin-bottom: 22px;
    color: var(--text, #000);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-48 .home-48-description {
    margin-bottom: 32px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.home-48 .home-48-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 34px;
    background: var(--primary, #0066ff);
    color: #fff;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.home-48 .home-48-btn:hover {
    background: var(--secondary, #004ed6);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .16);
}

.home-48 .home-48-btn i {
    margin: 0;
    font-size: 18px;
}

.home-48 .home-48-box-wrapper {
    margin-bottom: 30px;
}

.home-48 .home-48-box {
    height: 100%;
    padding: 32px 25px;
    border-radius: 28px;
    background: #fff;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
    transition: all .35s ease;
}

.home-48 .home-48-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .14);
}

.home-48 .home-48-box i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: var(--light, #f5f5f5);
    color: var(--primary, #ae9a64);
    font-size: 28px;
    transition: all .35s ease;
}

.home-48 .home-48-box:hover i {
    background: var(--primary, #ae9a64);
    color: #fff;
    transform: rotate(10deg);
}

.home-48 .home-48-box h4 {
    margin-bottom: 12px;
    color: var(--text, #000);
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

.home-48 .home-48-box p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.home-48 .home-48-blue {
    background: linear-gradient(135deg, var(--primary, #ae9a64), var(--secondary, #595244));
}

.home-48 .home-48-blue i {
    background: rgba(255, 255, 255, .15);
    color: #fff;
}

.home-48 .home-48-blue h4,
.home-48 .home-48-blue p {
    color: #fff;
}

.home-48 .home-48-white {
    background: #fff;
}

@media(max-width:991px) {

    .home-48 {
        padding: 70px 0;
    }

    .home-48 .home-48-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-48 {
        padding: 60px 0;
    }

    .home-48 .home-48-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-48 .home-48-description {
        font-size: 15px;
        line-height: 28px;
    }

    .home-48 .home-48-box-wrapper {
        width: 100%;
    }

    .home-48 .home-48-box {
        padding: 24px;
        border-radius: 24px;
    }

    .home-48 .home-48-btn {
        width: 100%;
        justify-content: center;
    }

}
.about-3 {
    position: relative;
    padding: 90px 0;
    background: var(--light, #f6faf9);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.about-3::before {
    content: "";
    position: absolute;
    top: -220px;
    right: -160px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: var(--primary, #2f9f98);
    opacity: .055;
    pointer-events: none;
}

.about-3::after {
    content: "";
    position: absolute;
    bottom: -190px;
    left: -150px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: var(--accent, #d6a85f);
    opacity: .07;
    pointer-events: none;
}

.about-3 .container {
    position: relative;
    z-index: 2;
}

.about-3-row {
    display: flex;
    align-items: stretch;
    margin-right: -12px;
    margin-left: -12px;
}

.about-3-main-column,
.about-3-counter-column {
    display: flex;
    padding-right: 12px;
    padding-left: 12px;
}

.about-3-main-card {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 470px;
    padding: 15px;
    border: 1px solid var(--border, #dfeae8);
    border-radius: 24px;
    background: var(--bg, #fff);
    box-shadow: 0 15px 40px rgba(27, 73, 69, .08);
}

.about-3-image-wrap {
    position: relative;
    flex: 0 0 43%;
    min-height: 440px;
    overflow: hidden;
    border-radius: 18px;
}

.about-3-image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 440px;
    object-fit: cover;
    transition: transform .6s ease;
}

.about-3-main-card:hover .about-3-image {
    transform: scale(1.05);
}

.about-3-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(20, 58, 55, .65),
        rgba(20, 58, 55, .05) 60%
    );
}

.about-3-image-badge {
    position: absolute;
    right: 15px;
    bottom: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 13px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 11px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    backdrop-filter: blur(10px);
}

.about-3-image-badge i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 8px;
    background: var(--primary, #2f9f98);
    color: #fff;
    font-size: 16px;
}

.about-3-image-badge span {
    font-size: 10px;
    font-weight: 600;
}

.about-3-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 30px 30px 30px 35px;
}

.about-3-eyebrow {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 7px;
    margin-bottom: 14px;
    padding: 7px 13px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 50px;
    background: var(--light, #f6faf9);
    color: var(--primary, #2f9f98);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.about-3-eyebrow i {
    font-size: 16px;
}

.about-3-title {
    margin: 0 0 16px;
    color: var(--text, #183b39);
    font-size: clamp(28px, 3vw, 39px);
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: -.5px;
}

.about-3-title span {
    display: block;
    margin-top: 5px;
    color: var(--primary, #2f9f98);
    font-size: .55em;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
}

.about-3-description {
    max-width: 520px;
    margin: 0 0 20px;
    color: var(--secondary, #687b79);
    font-size: 13px;
    line-height: 1.8;
}

.about-3-features {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 23px;
}

.about-3-feature {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid var(--border, #dfeae8);
    border-radius: 8px;
    background: var(--light, #f6faf9);
    color: var(--secondary, #687b79);
    font-size: 10px;
    font-weight: 600;
}

.about-3-feature i {
    color: var(--primary, #2f9f98);
    font-size: 14px;
}

.about-3-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    gap: 9px;
    min-height: 46px;
    padding: 0 19px;
    border-radius: 9px;
    background: var(--primary, #2f9f98);
    color: var(--bg, #fff);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.about-3-btn i {
    font-size: 16px;
    transition: transform .3s ease;
}

.about-3-btn:hover {
    background: var(--secondary, #287f7a);
    color: var(--bg, #fff);
    text-decoration: none;
}

.about-3-btn:hover i {
    transform: translateX(4px);
}

.about-3-counter-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 470px;
    padding: 35px 25px;
    border-radius: 24px;
    background: var(--primary, #2f9f98);
    color: var(--bg, #fff);
    text-align: center;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(47, 159, 152, .2);
}

.about-3-counter-card::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -90px;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
}

.about-3-counter-card::after {
    content: "";
    position: absolute;
    bottom: -110px;
    left: -100px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 50%;
}

.about-3-counter-icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 18px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 18px;
    background: rgba(255, 255, 255, .13);
    color: #fff;
    font-size: 28px;
}

.about-3-counter-label {
    position: relative;
    z-index: 2;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, .78);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.about-3-counter-title {
    position: relative;
    z-index: 2;
    max-width: 270px;
    margin: 0 0 12px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
}

.about-3-counter-title span {
    display: block;
    color: rgba(255, 255, 255, .82);
    font-size: .7em;
    font-weight: 400;
}

.about-3-counter-text {
    position: relative;
    z-index: 2;
    max-width: 270px;
    margin: 0 0 22px;
    color: rgba(255, 255, 255, .76);
    font-size: 11px;
    line-height: 1.7;
}

.about-3-countdown {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0 auto 22px;
}

.about-3-countdown > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.about-3-countdown .countdown-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 55px;
    min-height: 58px;
    padding: 7px 5px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 10px;
    background: rgba(255, 255, 255, .11);
}

.about-3-countdown .countdown-amount {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.about-3-countdown .countdown-period {
    margin-top: 3px;
    color: rgba(255, 255, 255, .65);
    font-size: 8px;
    font-weight: 500;
    text-transform: uppercase;
}

.about-3-counter-note {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, .72);
    font-size: 10px;
    font-weight: 500;
}

.about-3-counter-note i {
    font-size: 15px;
}

@media (max-width: 1199px) {
    .about-3 {
        padding: 80px 0;
    }

    .about-3-content {
        padding: 25px;
    }

    .about-3-title {
        font-size: 34px;
    }

    .about-3-image-wrap,
    .about-3-image {
        min-height: 410px;
    }

    .about-3-main-card,
    .about-3-counter-card {
        min-height: 440px;
    }

    .about-3-counter-title {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    .about-3 {
        padding: 70px 0;
    }

    .about-3-row {
        flex-wrap: wrap;
    }

    .about-3-main-column {
        width: 100%;
        margin-bottom: 24px;
    }

    .about-3-counter-column {
        width: 100%;
    }

    .about-3-main-card {
        min-height: 430px;
    }

    .about-3-counter-card {
        min-height: 330px;
    }

    .about-3-counter-text {
        max-width: 500px;
    }

    .about-3-countdown {
        max-width: 400px;
    }
}

@media (max-width: 767px) {
    .about-3 {
        padding: 60px 0;
    }

    .about-3-main-card {
        flex-direction: column;
        padding: 10px;
    }

    .about-3-image-wrap {
        flex: none;
        width: 100%;
        min-height: 300px;
    }

    .about-3-image {
        min-height: 300px;
    }

    .about-3-content {
        padding: 25px 15px 20px;
    }

    .about-3-title {
        font-size: 30px;
    }

    .about-3-description {
        font-size: 12px;
    }

    .about-3-counter-card {
        min-height: 350px;
        padding: 30px 20px;
    }
}

@media (max-width: 575px) {
    .about-3 {
        padding: 50px 0;
    }

    .about-3-row {
        margin-right: -8px;
        margin-left: -8px;
    }

    .about-3-main-column,
    .about-3-counter-column {
        padding-right: 8px;
        padding-left: 8px;
    }

    .about-3-image-wrap,
    .about-3-image {
        min-height: 260px;
        height: 260px;
    }

    .about-3-eyebrow {
        font-size: 10px;
    }

    .about-3-title {
        font-size: 27px;
    }

    .about-3-features {
        flex-direction: column;
        align-items: flex-start;
    }

    .about-3-feature {
        width: 100%;
    }

    .about-3-btn {
        width: 100%;
    }

    .about-3-counter-card {
        min-height: 330px;
        border-radius: 20px;
    }

    .about-3-counter-icon {
        width: 55px;
        height: 55px;
        font-size: 24px;
    }

    .about-3-counter-title {
        font-size: 21px;
    }

    .about-3-countdown > div {
        gap: 4px;
    }

    .about-3-countdown .countdown-section {
        min-width: 48px;
        min-height: 52px;
    }

    .about-3-countdown .countdown-amount {
        font-size: 17px;
    }
}

@media (max-width: 380px) {
    .about-3-title {
        font-size: 25px;
    }

    .about-3-countdown .countdown-section {
        min-width: 44px;
    }

    .about-3-countdown .countdown-amount {
        font-size: 15px;
    }
}

.about-30 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.about-30 * {
    font-family: "Poppins", sans-serif;
}

.about-30 .about-30-img1,
.about-30 .about-30-img2 {
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .08);
}

.about-30 .about-30-img1 img,
.about-30 .about-30-img2 img {
    display: block;
    width: 100%;
    border-radius: 30px;
    transition: transform .5s ease;
}

.about-30 .about-30-img1:hover img,
.about-30 .about-30-img2:hover img {
    transform: scale(1.06);
}

.about-30 .about-30-content {
    padding: 40px 25px;
}

.about-30 .about-30-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--accent, #d82e94);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-30 .about-30-title {
    margin-bottom: 22px;
    color: var(--text, #1d1448);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.about-30 .about-30-desc {
    margin-bottom: 30px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.about-30 .about-30-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 36px;
    background: var(--primary, #ae9a64);
    color: #fff;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-30 .about-30-btn:hover {
    background: var(--secondary, #e52a73);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .16);
}

.about-30 .about-30-video-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    margin-top: 40px;
    padding: 28px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.about-30 .about-30-video-title {
    margin-bottom: 8px;
    color: var(--text, #1d1448);
    font-size: 22px;
    font-weight: 700;
}

.about-30 .about-30-video-sub {
    margin: 0;
    color: #777;
    font-size: 15px;
    line-height: 28px;
}

.about-30 .about-30-video-img {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    border-radius: 24px;
}

.about-30 .about-30-video-img img {
    display: block;
    width: 100%;
    border-radius: 24px;
    transition: transform .5s ease;
}

.about-30 .about-30-video-img:hover img {
    transform: scale(1.06);
}

.about-30 .about-30-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    transform: translate(-50%, -50%);
    background: var(--primary, #ae9a64);
    color: #fff;
    border-radius: 50%;
    font-size: 28px;
    transition: all .35s ease;
}

.about-30 .about-30-play-icon:hover {
    background: var(--secondary, #e52a73);
    transform: translate(-50%, -50%) scale(1.08);
}

@media(max-width:991px) {

    .about-30 {
        padding: 70px 0;
    }

    .about-30 .about-30-title {
        font-size: 36px;
        line-height: 46px;
    }

    .about-30 .about-30-video-box {
        flex-direction: column;
        align-items: flex-start;
    }

}

@media(max-width:767px) {

    .about-30 {
        padding: 60px 0;
    }

    .about-30 .about-30-title {
        font-size: 30px;
        line-height: 40px;
    }

    .about-30 .about-30-content {
        padding: 30px 10px;
        text-align: center;
    }

    .about-30 .about-30-btn {
        width: 100%;
    }

    .about-30 .about-30-video-box {
        padding: 24px;
        text-align: center;
    }

    .about-30 .about-30-bottom {
        margin-top: 30px;
    }

}


.contact-13 {
    position: relative;
    padding: 95px 0;
    background: linear-gradient(135deg, var(--secondary, #6b5320), var(--primary, #866c2f));
    color: #fff;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.contact-13::before {
    position: absolute;
    top: -220px;
    right: -180px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    content: "";
}

.contact-13::after {
    position: absolute;
    bottom: -260px;
    left: -200px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(241, 177, 93, .1);
    border-radius: 50%;
    content: "";
}

.contact-13 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.contact-13 > .container {
    position: relative;
    z-index: 2;
}

.contact-13-row {
    display: flex;
    align-items: stretch;
    margin: 0 -15px;
}

.contact-13-column {
    padding: 0 15px;
}

.contact-13-left {
    display: flex;
    align-items: center;
}

.contact-13-left-content {
    width: 100%;
    max-width: 570px;
    padding: 20px 35px 20px 0;
}

.contact-13-subtitle {
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    color: var(--accent, #f1b15d);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2.2px;
    line-height: 1.4;
    text-transform: uppercase;
}

.contact-13-title {
    margin: 0 0 20px;
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.contact-13-description {
    max-width: 520px;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 15px;
    line-height: 1.85;
}

.contact-13-info {
    margin-top: 32px;
}

.contact-13-info-item {
    display: flex;
    align-items: center;
    margin-bottom: 19px;
}

.contact-13-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    margin-right: 14px;
    border: 1px solid rgba(241, 177, 93, .22);
    border-radius: 12px;
    background: rgba(255, 255, 255, .08);
    color: var(--accent, #f1b15d);
    font-size: 18px;
}

.contact-13-info-content {
    display: flex;
    flex-direction: column;
    color: rgba(255, 255, 255, .82);
    font-size: 13px;
    line-height: 1.6;
}

.contact-13-info-label {
    margin-bottom: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.contact-13-social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

.contact-13-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    transition: all .3s ease;
}

.contact-13-social a:hover {
    border-color: var(--accent, #f1b15d);
    background: var(--accent, #f1b15d);
    color: #3d2d14;
    transform: translateY(-4px);
}

.contact-13-right {
    display: flex;
    align-items: center;
}

.contact-13-form-card {
    width: 100%;
    padding: 42px 42px 38px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 24px;
    background: rgba(255, 255, 255, .1);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .18);
    backdrop-filter: blur(8px);
}

.contact-13-form-heading {
    margin-bottom: 28px;
}

.contact-13-form-label {
    display: block;
    margin-bottom: 8px;
    color: var(--accent, #f1b15d);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.contact-13-form-title {
    margin: 0 0 9px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-13-form-description {
    margin: 0;
    color: rgba(255, 255, 255, .68);
    font-size: 13px;
    line-height: 1.7;
}

.contact-13-form-row {
    margin: 0 -7px;
}

.contact-13-form-column {
    padding: 0 7px;
}

.contact-13-form-group {
    margin-bottom: 18px;
}

.contact-13-form-group label {
    display: block;
    margin-bottom: 7px;
    color: rgba(255, 255, 255, .88);
    font-size: 12px;
    font-weight: 500;
}

.contact-13-input-wrap {
    position: relative;
}

.contact-13-input-wrap > i {
    position: absolute;
    top: 50%;
    left: 17px;
    z-index: 2;
    color: var(--accent, #f1b15d);
    font-size: 17px;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: none;
}

.contact-13 .form-control {
    width: 100%;
    height: 52px;
    margin: 0;
    padding: 14px 17px 14px 46px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    outline: none;
    background: rgba(255, 255, 255, .08);
    color: #fff !important;
    font-size: 13px;
    box-shadow: none;
    transition: all .3s ease;
}

.contact-13 textarea.form-control {
    height: 135px;
    min-height: 135px;
    padding-top: 15px;
    resize: vertical;
}

.contact-13 .contact-13-textarea-wrap > i {
    top: 19px;
    transform: none;
}

.contact-13 .form-control::placeholder {
    color: rgba(255, 255, 255, .55);
}

.contact-13 .form-control:focus {
    border-color: var(--accent, #f1b15d);
    background: rgba(255, 255, 255, .12);
    box-shadow: 0 0 0 3px rgba(241, 177, 93, .12);
}

.contact-13 .btn-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    margin-top: 4px;
    padding: 13px 26px;
    border: 1px solid var(--accent, #f1b15d);
    border-radius: 50px;
    background: var(--accent, #f1b15d);
    color: #3d2d14;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    text-transform: uppercase;
    transition: all .35s ease;
}

.contact-13 .btn-contact i {
    font-size: 17px;
    transition: transform .3s ease;
}

.contact-13 .btn-contact:hover {
    border-color: #fff;
    background: #fff;
    color: #3d2d14;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .2);
}

.contact-13 .btn-contact:hover i {
    transform: translateX(3px);
}

.contact-13-form-message {
    margin-top: 14px;
}

.contact-13-form-message .form-message {
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 1199px) {
    .contact-13 {
        padding: 85px 0;
    }

    .contact-13-left-content {
        padding-right: 20px;
    }

    .contact-13-title {
        font-size: 40px;
    }

    .contact-13-form-card {
        padding: 35px 32px;
    }
}

@media (max-width: 991px) {
    .contact-13 {
        padding: 70px 0;
    }

    .contact-13-row {
        display: block;
    }

    .contact-13-left,
    .contact-13-right {
        display: block;
        width: 100%;
    }

    .contact-13-left-content {
        max-width: 700px;
        margin: 0 auto 45px;
        padding: 0;
    }

    .contact-13-title {
        font-size: 36px;
    }

    .contact-13-form-card {
        max-width: 700px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .contact-13 {
        padding: 60px 0;
    }

    .contact-13-column {
        padding: 0 15px;
    }

    .contact-13-left {
        text-align: center;
    }

    .contact-13-left-content {
        margin-bottom: 40px;
    }

    .contact-13-subtitle {
        font-size: 11px;
        letter-spacing: 1.8px;
    }

    .contact-13-title {
        margin-bottom: 16px;
        font-size: 30px;
    }

    .contact-13-description {
        margin: 0 auto;
        font-size: 13.5px;
        line-height: 1.8;
    }

    .contact-13-info {
        margin-top: 28px;
        text-align: left;
    }

    .contact-13-info-item {
        margin-bottom: 16px;
    }

    .contact-13-social {
        justify-content: center;
        margin-top: 25px;
    }

    .contact-13-form-card {
        padding: 30px 22px;
        border-radius: 20px;
    }

    .contact-13-form-title {
        font-size: 27px;
    }

    .contact-13-form-row {
        margin: 0;
    }

    .contact-13-form-column {
        width: 100%;
        padding: 0;
    }

    .contact-13-form-group {
        margin-bottom: 16px;
    }

    .contact-13 .btn-contact {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-13 {
        padding: 50px 0;
    }

    .contact-13-title {
        font-size: 27px;
    }

    .contact-13-info-content {
        font-size: 12px;
    }

    .contact-13-info-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        margin-right: 11px;
    }

    .contact-13-form-card {
        padding: 26px 17px;
    }

    .contact-13-form-title {
        font-size: 25px;
    }

    .contact-13 .form-control {
        height: 50px;
    }

    .contact-13 textarea.form-control {
        min-height: 120px;
        height: 120px;
    }
}


.events-4 {
    padding: 80px 0;
    background: var(--bg, #393532);
}

.events-4 * {
    font-family: "Poppins", sans-serif;
}

.section-wrapper.events-4 {
    padding: 80px 0;
    background: var(--bg, #393532);
}

.events-4 .events-4-header-row {
    margin-bottom: 50px;
    color: #fff;
}

.events-4 .events-4-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--accent, #b0f250);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.events-4 .events-4-title {
    margin: 0;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.events-4 .events-4-view-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 15px 34px;
    background: #fff;
    color: var(--text, #000);
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.events-4 .events-4-view-all:hover {
    background: var(--primary, #ae9a64);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

.events-4 .events-4-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    background: linear-gradient(135deg, var(--primary, #ae9a64), var(--secondary, #595244));
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .18);
    transition: all .35s ease;
}

.events-4 .events-4-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .25);
}

.events-4 .events-4-img {
    display: block;
    width: 100%;
    padding: 20px;
    border-radius: 30px;
    transition: transform .5s ease;
}

.events-4 .events-4-card:hover .events-4-img {
    transform: scale(1.05);
}

.events-4 .events-4-card-content {
    flex: 1;
    margin: 0 20px 20px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 24px;
    background: rgba(255, 255, 255, .05);
    backdrop-filter: blur(8px);
}

.events-4 .events-4-card-title {
    margin: 0 0 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.events-4 .events-4-card-desc {
    margin-bottom: 20px;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
    line-height: 28px;
}

.events-4 .events-4-learn-more {
    color: var(--accent, #b0f250);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.events-4 .events-4-learn-more:hover {
    color: #fff;
}

.events-4 .events-4-highlighted {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: linear-gradient(135deg, var(--primary, #9b6e32), var(--secondary, #7f5827));
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .18);
}

.events-4 .events-4-card-inner {
    flex: 1;
    margin: 0 20px 20px;
    padding: 24px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 24px;
}

.events-4 .events-4-highlighted .events-4-learn-more {
    color: #fff;
    font-weight: 700;
}

@media(max-width:991px) {

    .events-4,
    .section-wrapper.events-4 {
        padding: 70px 0;
    }

    .events-4 .events-4-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .events-4,
    .section-wrapper.events-4 {
        padding: 60px 0;
    }

    .events-4 .events-4-title {
        font-size: 30px;
        line-height: 40px;
    }

    .events-4 .events-4-view-all {
        display: flex;
        width: 100%;
        margin-top: 15px;
    }

    .events-4 .events-4-card,
    .events-4 .events-4-highlighted {
        border-radius: 24px;
    }

    .events-4 .events-4-card-content,
    .events-4 .events-4-card-inner {
        margin: 0 15px 15px;
        border-radius: 20px;
    }

}

.events-5 {
    padding: 80px 15px;
    background: var(--bg, #fff);
}

.events-5 * {
    font-family: "Poppins", sans-serif;
}

.events-5 .events-5-header {
    margin-bottom: 50px;
    text-align: center;
}

.events-5 .events-5-header span {
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 20px;
    background: var(--light, #f5f5f5);
    color: var(--accent, #777);
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.events-5 .events-5-header h2 {
    margin: 0 0 18px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.events-5 .events-5-header h2 .highlight {
    color: var(--primary, #ae9a64);
}

.events-5 .events-5-header p {
    max-width: 650px;
    margin: 0 auto;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.events-5 .row.equal-height {
    display: flex;
    flex-wrap: wrap;
}

.events-5 .row.equal-height>[class*="col-"] {
    display: flex;
    flex-direction: column;
}

.events-5 .events-5-box {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 30px 25px;
    background: #fff;
    border: 1px solid var(--border, #eee);
    border-radius: 28px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .06);
    transition: all .35s ease;
}

.events-5 .events-5-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .12);
}

.events-5 .events-5-box small {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--accent, #777);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.events-5 .events-5-box h4 {
    margin: 0 0 14px;
    color: var(--text, #222);
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.events-5 .events-5-box p {
    margin-bottom: 22px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.events-5 .events-5-box .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    padding: 14px 30px;
    background: var(--primary, #ae9a64);
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    transition: all .35s ease;
}

.events-5 .events-5-box .btn:hover {
    background: var(--secondary, #8d7a4f);
    color: #fff;
    transform: translateY(-3px);
}

.events-5 .events-5-form-wrapper {
    padding: 35px 30px;
    background: #fff;
    border: 1px solid var(--border, #eee);
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .06);
}

.events-5 .events-5-form-wrapper h4 {
    margin-bottom: 25px;
    padding: 16px;
    background: var(--text, #1a1a1a);
    color: #fff;
    border-radius: 18px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.events-5 .events-5-form-wrapper input,
.events-5 .events-5-form-wrapper textarea {
    width: 100%;
    margin-bottom: 18px;
    padding: 15px 18px;
    border: 1px solid var(--border, #ddd);
    border-radius: 16px;
    font-size: 15px;
    color: var(--text, #222);
    transition: all .3s ease;
}

.events-5 .events-5-form-wrapper input:focus,
.events-5 .events-5-form-wrapper textarea:focus {
    border-color: var(--primary, #ae9a64);
    box-shadow: 0 0 0 4px rgba(174, 154, 100, .12);
    outline: none;
}

.events-5 .events-5-form-wrapper textarea {
    height: 140px;
    resize: none;
}

.events-5 .events-5-form-wrapper .submit-btn {
    width: 100%;
    padding: 15px;
    background: var(--primary, #ae9a64);
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    transition: all .35s ease;
}

.events-5 .events-5-form-wrapper .submit-btn:hover {
    background: var(--secondary, #8d7a4f);
    transform: translateY(-3px);
}

@media(max-width:991px) {

    .events-5 {
        padding: 70px 15px;
    }

    .events-5 .events-5-header h2 {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .events-5 {
        padding: 60px 15px;
    }

    .events-5 .events-5-header h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .events-5 .events-5-form-wrapper {
        margin-top: 30px;
        padding: 28px 22px;
        border-radius: 24px;
    }

    .events-5 .events-5-box {
        padding: 24px;
        border-radius: 24px;
    }

    .events-5 .events-5-box .btn {
        width: 100%;
    }

}



.pricing-9 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.pricing-9 * {
    font-family: "Poppins", sans-serif;
}

.pricing-9.section-wrapper {
    padding: 80px 0;
    text-align: center;
    background: var(--bg, #fff);
    color: var(--text, #111);
}

.pricing-9 .pricing-9-heading {
    margin-bottom: 50px;
}

.pricing-9 .pricing-9-heading h2 {
    margin: 0 0 16px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.pricing-9 .pricing-9-heading p {
    max-width: 650px;
    margin: 0 auto;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.pricing-9 .pricing-9-card {
    margin-bottom: 30px;
    padding: 35px 30px;
    background: rgba(255, 255, 255, .65);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
    transition: all .35s ease;
}

.pricing-9 .pricing-9-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .14);
}

.pricing-9 .pricing-9-card h4 {
    margin-bottom: 12px;
    color: var(--text, #111);
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.pricing-9 .pricing-9-price {
    margin: 18px 0;
    color: var(--primary, #111);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}

.pricing-9 .pricing-9-card p {
    margin-bottom: 24px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.pricing-9 .pricing-9-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 30px;
    border-radius: 50px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    transition: all .35s ease;
}

.pricing-9 .pricing-9-btn.primary {
    background: var(--primary, #111);
    color: #fff;
}

.pricing-9 .pricing-9-btn.primary:hover {
    background: var(--secondary, #333);
    color: #fff;
    transform: translateY(-3px);
}

.pricing-9 .pricing-9-btn.outline {
    background: transparent;
    border: 2px solid var(--primary, #111);
    color: var(--primary, #111);
}

.pricing-9 .pricing-9-btn.outline:hover {
    background: var(--primary, #111);
    color: #fff;
    transform: translateY(-3px);
}

.pricing-9 .pricing-9-features {
    margin: 28px 0 0;
    padding: 0;
    text-align: left;
}

.pricing-9 .pricing-9-features li {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    list-style: none;
    color: var(--text, #333);
    font-size: 15px;
    font-weight: 600;
    line-height: 28px;
}

.pricing-9 .pricing-9-features li i {
    margin-right: 12px;
    color: var(--accent, #2dbe60);
    font-size: 18px;
}

@media(max-width:991px) {

    .pricing-9,
    .pricing-9.section-wrapper {
        padding: 70px 0;
    }

    .pricing-9 .pricing-9-heading h2 {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .pricing-9,
    .pricing-9.section-wrapper {
        padding: 60px 0;
    }

    .pricing-9 .pricing-9-heading {
        margin-bottom: 40px;
    }

    .pricing-9 .pricing-9-heading h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .pricing-9 .pricing-9-price {
        font-size: 40px;
    }

    .pricing-9 .pricing-9-card {
        padding: 28px 22px;
        border-radius: 24px;
    }

}

.faq-5 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.faq-5 * {
    font-family: "Poppins", sans-serif;
}

.faq-5 .faq-heading {
    margin-bottom: 30px;
    color: var(--text, #1c1f26);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.faq-5 .contact-box {
    padding: 35px 30px;
    margin-bottom: 30px;
    background: var(--text, #1c1f26);
    color: #fff;
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
}

.faq-5 .contact-box h4 {
    margin-bottom: 18px;
    color: var(--primary, #ae9a64);
    font-size: 24px;
    font-weight: 700;
}

.faq-5 .contact-box p {
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 28px;
    color: rgba(255, 255, 255, .85);
}

.faq-5 .form-box {
    padding: 35px 30px;
    background: #fff;
    border: 1px solid var(--border, #ececec);
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .06);
}

.faq-5 .form-group input,
.faq-5 .form-group textarea {
    width: 100%;
    padding: 15px 18px;
    border: 1px solid var(--border, #ddd);
    border-radius: 16px;
    box-shadow: none;
    color: var(--text, #1c1f26);
    transition: all .3s ease;
}

.faq-5 .form-group input:focus,
.faq-5 .form-group textarea:focus {
    border-color: var(--primary, #ae9a64);
    box-shadow: 0 0 0 4px rgba(174, 154, 100, .12);
    outline: none;
}

.faq-5 .form-group textarea {
    resize: none;
    min-height: 140px;
}

.faq-5 .btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 34px;
    margin-top: 10px;
    background: var(--primary, #ae9a64);
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    transition: all .35s ease;
}

.faq-5 .btn-submit:hover {
    background: var(--secondary, #8f7b50);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
}

.faq-5 .panel {
    margin-bottom: 18px;
    background: #fff;
    border: none;
    border-radius: 22px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .06);
    overflow: hidden;
}

.faq-5 .panel-heading {
    padding: 24px 28px;
    background: none;
    border-bottom: 1px solid var(--border, #eee);
}

.faq-5 .panel-title {
    margin: 0;
}

.faq-5 .panel-title a {
    display: block;
    position: relative;
    padding-right: 40px;
    color: var(--text, #1c1f26);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    line-height: 30px;
}

.faq-5 .panel-title a.collapsed:after {
    content: "\ea13";
    font-family: "remixicon";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text, #1c1f26);
    font-size: 22px;
}

.faq-5 .panel-title a:after {
    content: "\ea4e";
    font-family: "remixicon";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary, #ae9a64);
    font-size: 22px;
}

.faq-5 .panel-body {
    padding: 0 28px 28px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

@media(max-width:991px) {

    .faq-5 {
        padding: 70px 0;
    }

    .faq-5 .faq-heading {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .faq-5 {
        padding: 60px 0;
    }

    .faq-5 .faq-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .faq-5 .contact-box,
    .faq-5 .form-box {
        padding: 28px 22px;
        border-radius: 24px;
    }

    .faq-5 .btn-submit {
        width: 100%;
    }

}

.ourteam-4 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.ourteam-4 * {
    font-family: "Poppins", sans-serif;
}

.ourteam-4 .ourteam-4-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--primary, #ae9a64);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ourteam-4 .ourteam-4-title {
    margin-bottom: 50px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.ourteam-4 .ourteam-4-profile {
    margin-bottom: 30px;
}

.ourteam-4 .ourteam-4-box {
    position: relative;
    overflow: hidden;
    min-height: 390px;
    padding: 35px 25px 60px;
    border-radius: 30px;
    text-align: center;
    transition: all .35s ease;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.ourteam-4 .ourteam-4-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .14);
}

.ourteam-4 .ourteam-4-box-grey {
    background: #f7f7f7;
}

.ourteam-4 .ourteam-4-box-green {
    background: linear-gradient(135deg, var(--primary, #ae9a64), var(--secondary, #595244));
    color: #fff;
}

.ourteam-4 .ourteam-4-img {
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 auto 22px;
    border: 5px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
    transition: transform .45s ease;
}

.ourteam-4 .ourteam-4-box:hover .ourteam-4-img {
    transform: scale(1.06);
}

.ourteam-4 .ourteam-4-name {
    margin-bottom: 8px;
    color: inherit;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.ourteam-4 .ourteam-4-role {
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 28px;
    color: inherit;
    opacity: .9;
}

.ourteam-4 .ourteam-4-icon {
    position: absolute;
    left: 50%;
    bottom: -24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    transform: translateX(-50%);
    background: var(--text, #111);
    color: #fff;
    border: 4px solid #fff;
    border-radius: 50%;
    font-size: 22px;
    transition: all .35s ease;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

.ourteam-4 .ourteam-4-box:hover .ourteam-4-icon {
    background: var(--primary, #ae9a64);
    transform: translateX(-50%) translateY(-4px);
}

.ourteam-4 .ourteam-4-icon.dark {
    background: var(--secondary, #333);
    color: #fff;
}

.ourteam-4 .ourteam-4-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px;
    padding: 15px 38px;
    background: var(--primary, #ae9a64);
    color: #fff;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.ourteam-4 .ourteam-4-btn:hover {
    background: var(--secondary, #595244);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
}

@media(max-width:991px) {

    .ourteam-4 {
        padding: 70px 0;
    }

    .ourteam-4 .ourteam-4-title {
        font-size: 36px;
        line-height: 46px;
    }

    .ourteam-4 .ourteam-4-box {
        min-height: 360px;
    }

}

@media(max-width:767px) {

    .ourteam-4 {
        padding: 60px 0;
    }

    .ourteam-4 .ourteam-4-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .ourteam-4 .ourteam-4-box {
        min-height: auto;
        padding: 30px 20px 55px;
        border-radius: 24px;
    }

    .ourteam-4 .ourteam-4-img {
        width: 170px;
        height: 170px;
    }

    .ourteam-4 .ourteam-4-btn {
        width: 100%;
    }

}

/* home-49 */


/* Section Container */
.home-49 {
    padding: 80px 15px;
    background: linear-gradient(135deg, var(--text, #073725), #0f5138);
    color: #fff;
}

.home-49 * {
    font-family: "Poppins", sans-serif;
}

.section-wrapper.home-49 {
    padding: 80px 15px;
    background: linear-gradient(135deg, var(--text, #073725), #0f5138);
    color: #fff;
}

.home-49 .home-49-title {
    margin-bottom: 20px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 1px;
}

.home-49 .home-49-subtext {
    max-width: 620px;
    margin-bottom: 35px;
    color: rgba(255, 255, 255, .75);
    font-size: 16px;
    line-height: 30px;
}

.home-49 .home-49-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 34px;
    border: 2px solid rgba(255, 255, 255, .85);
    border-radius: 50px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.home-49 .home-49-btn i {
    margin-left: 10px;
    transition: transform .35s ease;
}

.home-49 .home-49-btn:hover {
    background: #fff;
    color: var(--text, #073725);
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .2);
}

.home-49 .home-49-btn:hover i {
    transform: translateX(5px);
}

.home-49 .home-49-cards {
    margin-top: 60px;
}

.home-49 .home-49-card {
    height: 100%;
    padding: 35px 28px;
    margin-bottom: 30px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 30px;
    backdrop-filter: blur(10px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .18);
    transition: all .35s ease;
}

.home-49 .home-49-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .28);
}

.home-49 .home-49-card-number {
    margin-bottom: 16px;
    color: var(--accent, #47a883);
    font-size: 54px;
    font-weight: 700;
    line-height: 1;
}

.home-49 .home-49-card-title {
    margin-bottom: 14px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.home-49 .home-49-card-desc {
    color: rgba(255, 255, 255, .75);
    font-size: 15px;
    line-height: 28px;
}

@media(max-width:991px) {

    .home-49,
    .section-wrapper.home-49 {
        padding: 70px 15px;
    }

    .home-49 .home-49-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-49,
    .section-wrapper.home-49 {
        padding: 60px 15px;
    }

    .home-49 .home-49-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-49 .home-49-subtext {
        font-size: 15px;
        line-height: 28px;
    }

    .home-49 .home-49-btn {
        width: 100%;
    }

    .home-49 .home-49-card {
        padding: 28px 22px;
        border-radius: 24px;
    }

    .home-49 .home-49-card-number {
        font-size: 46px;
    }

}



/* about-31 */
.about-31 {
    padding: 80px 15px;
    background: var(--bg, #fff);
}

.about-31 * {
    font-family: "Poppins", sans-serif;
}

.about-31 .about-31-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .08);
}

.about-31 .about-31-image-col {
    min-height: 550px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .08);
}

.about-31 .about-31-content {
    padding-left: 60px;
}

.about-31 .about-31-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--primary, #c7a55b);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-31 .about-31-title {
    margin-bottom: 24px;
    color: var(--text, #1e1e1e);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.about-31 .about-31-description {
    margin-bottom: 28px;
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.about-31 .about-31-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-31 .about-31-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    color: var(--text, #333);
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
}

.about-31 .about-31-list i {
    margin-right: 12px;
    color: var(--primary, #c7a55b);
    font-size: 18px;
    flex-shrink: 0;
}

.about-31 .about-31-info {
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px solid var(--border, #eee);
}

.about-31 .about-31-experience,
.about-31 .about-31-contact {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.about-31 .about-31-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin-right: 18px;
    background: var(--light, #f7f4ed);
    color: var(--primary, #c7a55b);
    border-radius: 50%;
    font-size: 28px;
    transition: all .35s ease;
}

.about-31 .about-31-experience:hover .about-31-icon,
.about-31 .about-31-contact:hover .about-31-icon {
    background: var(--primary, #c7a55b);
    color: #fff;
}

.about-31 .about-31-experience h4,
.about-31 .about-31-contact h4 {
    margin: 0 0 6px;
    color: var(--text, #1e1e1e);
    font-size: 22px;
    font-weight: 700;
}

.about-31 .about-31-experience p,
.about-31 .about-31-contact p {
    margin: 0;
    color: #777;
    font-size: 15px;
    line-height: 26px;
}

@media(max-width:991px) {

    .about-31 {
        padding: 70px 15px;
    }

    .about-31 .about-31-title {
        font-size: 36px;
        line-height: 46px;
    }

    .about-31 .about-31-content {
        padding-left: 30px;
    }

    .about-31 .about-31-image-col {
        min-height: 450px;
    }

}

@media(max-width:767px) {

    .about-31 {
        padding: 60px 15px;
    }

    .about-31 .about-31-title {
        font-size: 30px;
        line-height: 40px;
    }

    .about-31 .about-31-content {
        margin-top: 35px;
        padding-left: 0;
        text-align: center;
    }

    .about-31 .about-31-list li {
        justify-content: center;
        text-align: left;
    }

    .about-31 .about-31-experience,
    .about-31 .about-31-contact {
        justify-content: center;
        text-align: left;
    }

    .about-31 .about-31-image-col {
        min-height: 350px;
        border-radius: 24px;
    }

}

/* home-50 */
.home-50 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
}

.home-50 * {
    font-family: "Poppins", sans-serif;
}

.home-50 .home-50-overlay {
    padding: 80px 15px;
    background: linear-gradient(135deg, rgba(74, 136, 143, .88), rgba(25, 63, 69, .88));
    backdrop-filter: blur(4px);
    pointer-events: none;
}

.home-50 .home-50-subtitle {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--accent, #e4b04f);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-50 .home-50-title {
    max-width: 720px;
    margin-bottom: 35px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.home-50 .home-50-links {
    margin-top: 10px;
}

.home-50 .home-50-links p {
    position: relative;
    margin: 0;
    padding: 24px 45px 24px 0;
    color: rgba(255, 255, 255, .9);
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    transition: all .35s ease;
}

.home-50 .home-50-links p:after {
    content: "\ea6c";
    font-family: "remixicon";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--accent, #e4b04f);
    font-size: 22px;
    transition: transform .35s ease;
}

.home-50 .home-50-links p:hover {
    color: #fff;
    padding-left: 12px;
}

.home-50 .home-50-links p:hover:after {
    transform: translate(6px, -50%);
}

@media(max-width:991px) {

    .home-50 .home-50-overlay {
        padding: 70px 15px;
    }

    .home-50 .home-50-title {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .home-50 {
        background-attachment: scroll;
    }

    .home-50 .home-50-overlay {
        padding: 60px 15px;
    }

    .home-50 .home-50-title {
        font-size: 30px;
        line-height: 40px;
    }

    .home-50 .home-50-links {
        margin-top: 30px;
    }

    .home-50 .home-50-links p {
        padding: 20px 38px 20px 0;
        font-size: 16px;
    }

}

.contact-14 {
    padding: 80px 0;
    background: var(--bg, #f7f5f2);
}

.contact-14 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.contact-14 .container {
    max-width: 1120px;
    margin: auto;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 28px;
    box-shadow: 0 20px 60px rgba(0,0,0,.08);
}

.contact-14 .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.contact-14 .left-col,
.contact-14 .right-col {
    width: 50%;
    min-height: 620px;
    padding: 55px 50px;
}

.contact-14 .left-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
}

.contact-14 .right-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f8f7f5;
    border-left: 1px solid #eee;
}

.contact-14 .heading-small {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 14px;
    color: var(--primary, #c7a57f);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contact-14 .heading-small:before {
    content: "";
    width: 25px;
    height: 1px;
    background: var(--primary, #c7a57f);
}

.contact-14 h2 {
    max-width: 450px;
    margin: 0 0 22px;
    color: var(--text, #1d3a5e);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
}

.contact-14 p {
    margin: 0 0 16px;
    color: #707070;
    font-size: 15px;
    line-height: 1.8;
}

.contact-14 p.highlight {
    margin-top: 10px;
    margin-bottom: 3px;
    color: var(--text, #1d3a5e);
    font-size: 13px;
    font-weight: 600;
}

.contact-14 .form-control {
    width: 100%;
    height: 54px;
    margin-bottom: 14px;
    padding: 14px 17px;
    background: #fff;
    border: 1px solid #ddd9d3;
    border-radius: 12px;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    transition: .25s;
}

.contact-14 .form-control:focus {
    border-color: var(--primary, #c7a57f);
    box-shadow: 0 0 0 4px rgba(199,165,127,.12);
}

.contact-14 textarea.form-control {
    height: 145px;
    resize: vertical;
}

.contact-14 .btn-send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 175px;
    padding: 14px 30px;
    background: var(--primary, #c7a57f);
    border: 0;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .6px;
    text-transform: uppercase;
    transition: .3s;
}

.contact-14 .btn-send:hover {
    background: var(--secondary, #ae8b61);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

@media (max-width: 991px) {
    .contact-14 {
        padding: 65px 0;
    }

    .contact-14 .container {
        margin: 0 20px;
    }

    .contact-14 .left-col,
    .contact-14 .right-col {
        padding: 45px 35px;
    }

    .contact-14 h2 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .contact-14 {
        padding: 55px 0;
    }

    .contact-14 .container {
        margin: 0 15px;
        border-radius: 22px;
    }

    .contact-14 .row {
        display: block;
    }

    .contact-14 .left-col,
    .contact-14 .right-col {
        width: 100%;
        min-height: auto;
        padding: 38px 24px;
    }

    .contact-14 .right-col {
        border-left: 0;
        border-top: 1px solid #eee;
    }

    .contact-14 h2 {
        font-size: 28px;
    }

    .contact-14 form .col-xs-6 {
        width: 50%;
    }

    .contact-14 .btn-send {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-14 form .col-xs-6 {
        width: 100%;
    }
}

/* services-19 */
.services-19 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.services-19 * {
    font-family: "Poppins", sans-serif;
}

.services-19 .services-19-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--primary, #c19f6e);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-19 .services-19-heading {
    margin-bottom: 50px;
    color: var(--text, #225743);
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
}

.services-19 .services-19-card {
    height: 100%;
    padding: 35px 30px;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid var(--border, #ececec);
    border-bottom: 4px solid var(--primary, #f0c975);
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .06);
    transition: all .35s ease;
}

.services-19 .services-19-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .12);
}

.services-19 .services-19-card-dark {
    background: linear-gradient(135deg, var(--text, #225743), #184032);
    border: none;
    color: #fff;
}

.services-19 .services-19-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin-bottom: 24px;
    background: var(--text, #225743);
    color: #fff;
    border-radius: 22px;
    transition: all .35s ease;
}

.services-19 .services-19-card:hover .services-19-icon-wrap {
    transform: rotate(-8deg) scale(1.08);
}

.services-19 .services-19-icon-dark {
    background: var(--primary, #f0c975);
    color: var(--text, #225743);
}

.services-19 .services-19-icon {
    font-size: 32px;
}

.services-19 .services-19-type {
    margin-bottom: 10px;
    color: var(--primary, #c19f6e);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-19 .services-19-type-light {
    color: var(--accent, #f0c975);
}

.services-19 .services-19-title {
    margin-bottom: 14px;
    color: var(--text, #225743);
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.services-19 .services-19-title-light {
    color: #fff;
}

.services-19 .services-19-text {
    margin-bottom: 20px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.services-19 .services-19-text-light {
    color: rgba(255, 255, 255, .8);
}

.services-19 .services-19-link {
    color: var(--text, #225743);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.services-19 .services-19-link:hover {
    color: var(--primary, #c19f6e);
}

.services-19 .services-19-link-light {
    color: var(--accent, #f0c975);
}

.services-19 .services-19-link-light:hover {
    color: #fff;
}

.services-19 .services-19-dots {
    margin-top: 35px;
    text-align: center;
}

.services-19 .services-19-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: var(--border, #cfcfcf);
    border-radius: 50%;
    transition: all .3s ease;
}

.services-19 .services-19-dot.active {
    width: 32px;
    border-radius: 50px;
    background: var(--text, #225743);
}

@media(max-width:991px) {

    .services-19 {
        padding: 70px 0;
    }

    .services-19 .services-19-heading {
        font-size: 36px;
        line-height: 46px;
    }

}

@media(max-width:767px) {

    .services-19 {
        padding: 60px 0;
    }

    .services-19 .services-19-heading {
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 40px;
    }

    .services-19 .services-19-card {
        padding: 28px 24px;
        border-radius: 24px;
        margin-bottom: 20px;
    }

}


.home-51-section-wrapper {
    position: relative;
    padding: 100px 0;
    background: var(--light, #f3f4ed);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.home-51-section-wrapper::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -150px;
    width: 420px;
    height: 420px;
    border: 1px solid var(--accent, #8fbf38);
    border-radius: 50%;
    opacity: .12;
    pointer-events: none;
}

.home-51-section-wrapper::after {
    content: "";
    position: absolute;
    bottom: -220px;
    left: -160px;
    width: 450px;
    height: 450px;
    border: 1px solid var(--primary, #8fbf38);
    border-radius: 50%;
    opacity: .08;
    pointer-events: none;
}

.home-51-section-wrapper * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.home-51-row {
    display: flex;
    align-items: stretch;
    position: relative;
    z-index: 1;
}

.home-51-image-column,
.home-51-content-column {
    display: flex;
}

.home-51-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 540px;
    padding: 25px 45px 25px 15px;
}

.home-51-image-frame {
    position: absolute;
    top: 45px;
    right: 15px;
    bottom: 25px;
    left: 55px;
    border: 1px solid var(--accent, #8fbf38);
    border-radius: 28px;
    opacity: .35;
    transform: rotate(3deg);
    transition: transform .45s ease;
}

.home-51-image img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    max-width: 510px;
    height: 490px;
    object-fit: cover;
    object-position: center;
    border-radius: 28px;
    box-shadow: 0 25px 55px rgba(0, 0, 0, .12);
    transition: transform .45s ease, box-shadow .45s ease;
}

.home-51-image:hover img {
    transform: translateY(-7px);
    box-shadow: 0 32px 65px rgba(0, 0, 0, .16);
}

.home-51-image:hover .home-51-image-frame {
    transform: rotate(0deg);
}

.home-51-image-badge {
    position: absolute;
    right: 15px;
    bottom: 50px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 18px;
    border: 1px solid var(--border, #e2e5da);
    border-radius: 30px;
    background: var(--bg, #fff);
    color: var(--text, #222);
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .1);
}

.home-51-image-badge i {
    color: var(--primary, #8fbf38);
    font-size: 18px;
}

.home-51-content-column {
    align-items: center;
}

.home-51-content {
    width: 100%;
    max-width: 590px;
    padding: 25px 10px 25px 50px;
}

.home-51-tagline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--primary, #8fbf38);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1.3;
    text-transform: uppercase;
}

.home-51-tagline i {
    font-size: 17px;
}

.home-51-title {
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: clamp(36px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -1.2px;
}

.home-51-paragraph {
    max-width: 560px;
    margin: 0 0 28px;
    color: var(--secondary, #666);
    font-size: 15px;
    line-height: 1.9;
}

.home-51-list {
    margin: 0 0 34px;
    padding: 0;
    list-style: none;
}

.home-51-list li {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 14px;
    color: var(--text, #333);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

.home-51-list li:last-child {
    margin-bottom: 0;
}

.home-51-list-icon {
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--primary, #8fbf38);
    color: var(--light, #fff);
}

.home-51-list-icon i {
    font-size: 15px;
}

.home-51-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.home-51-buttons .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 13px 22px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease, border-color .3s ease;
}

.home-51-readmore {
    border: 1px solid var(--primary, #8fbf38);
    background: var(--primary, #8fbf38);
    color: var(--light, #fff);
}

.home-51-readmore:hover {
    background: var(--secondary, #7ca832);
    border-color: var(--secondary, #7ca832);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .12);
    text-decoration: none;
}

.home-51-readmore i {
    font-size: 17px;
    transition: transform .3s ease;
}

.home-51-readmore:hover i {
    transform: translateX(4px);
}

.home-51-play {
    border: 1px solid var(--border, #d7d9d1);
    background: var(--bg, #fff);
    color: var(--text, #222);
}

.home-51-play i {
    color: var(--primary, #8fbf38);
    font-size: 20px;
}

.home-51-play:hover {
    border-color: var(--primary, #8fbf38);
    background: var(--light, #fff);
    color: var(--text, #222);
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .08);
    text-decoration: none;
}

@media (max-width: 1199px) {
    .home-51-section-wrapper {
        padding: 85px 0;
    }

    .home-51-image {
        min-height: 500px;
        padding-right: 35px;
    }

    .home-51-image img {
        height: 450px;
    }

    .home-51-content {
        padding-left: 30px;
    }

    .home-51-title {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .home-51-section-wrapper {
        padding: 70px 0;
    }

    .home-51-row {
        display: block;
    }

    .home-51-image-column,
    .home-51-content-column {
        display: block;
    }

    .home-51-image {
        min-height: auto;
        padding: 15px 35px 45px 15px;
    }

    .home-51-image img {
        max-width: 560px;
        height: 430px;
        margin: 0 auto;
    }

    .home-51-image-frame {
        top: 30px;
        right: 40px;
        bottom: 55px;
        left: 55px;
    }

    .home-51-image-badge {
        right: 35px;
        bottom: 65px;
    }

    .home-51-content {
        max-width: 700px;
        margin: 0 auto;
        padding: 20px 15px 0;
    }

    .home-51-title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .home-51-section-wrapper {
        padding: 60px 0;
    }

    .home-51-image {
        padding: 10px 20px 40px 10px;
    }

    .home-51-image img {
        height: 360px;
        border-radius: 22px;
    }

    .home-51-image-frame {
        top: 25px;
        right: 20px;
        bottom: 45px;
        left: 35px;
        border-radius: 22px;
    }

    .home-51-image-badge {
        right: 15px;
        bottom: 55px;
        padding: 10px 14px;
        font-size: 10px;
    }

    .home-51-image-badge i {
        font-size: 16px;
    }

    .home-51-content {
        padding: 10px 10px 0;
        text-align: center;
    }

    .home-51-tagline {
        justify-content: center;
    }

    .home-51-title {
        font-size: 32px;
        line-height: 1.25;
    }

    .home-51-paragraph {
        font-size: 14px;
        line-height: 1.8;
    }

    .home-51-list {
        text-align: left;
    }

    .home-51-list li {
        font-size: 13px;
    }

    .home-51-buttons {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .home-51-section-wrapper {
        padding: 50px 0;
    }

    .home-51-image {
        padding: 5px 15px 35px 5px;
    }

    .home-51-image img {
        height: 300px;
        border-radius: 18px;
    }

    .home-51-image-frame {
        top: 20px;
        right: 15px;
        bottom: 40px;
        left: 25px;
        border-radius: 18px;
    }

    .home-51-image-badge {
        right: 8px;
        bottom: 48px;
        padding: 8px 12px;
    }

    .home-51-title {
        font-size: 28px;
        letter-spacing: -.5px;
    }

    .home-51-paragraph {
        font-size: 13px;
    }

    .home-51-buttons {
        flex-direction: column;
        width: 100%;
    }

    .home-51-buttons .btn {
        width: 100%;
    }
}

.services-20 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.services-20 * {
    font-family: "Poppins", sans-serif;
}

.services-20 .services-20-blog {
    height: 100%;
    padding: 24px;
    background: var(--light, #f4f4f4);
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 28px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .06);
    transition: all .35s ease;
}

.services-20 .services-20-blog:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 65px rgba(0, 0, 0, .12);
}

.services-20 .services-20-image {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 22px;
    transition: transform .45s ease;
}

.services-20 .services-20-blog:hover .services-20-image {
    transform: scale(1.05);
}

.services-20 .services-20-date {
    margin-top: 18px;
    color: var(--accent, #888);
    font-size: 14px;
    font-weight: 500;
}

.services-20 .services-20-blog-title {
    margin: 12px 0 16px;
    color: var(--text, #222);
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    min-height: 68px;
}

.services-20 .services-20-text {
    max-height: 96px;
    overflow-y: auto;
    margin-bottom: 20px;
    padding-right: 6px;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}

.services-20 .services-20-text::-webkit-scrollbar {
    width: 5px;
}

.services-20 .services-20-text::-webkit-scrollbar-thumb {
    background: var(--primary, #6a5acd);
    border-radius: 20px;
}

.services-20 .services-20-link {
    display: inline-flex;
    align-items: center;
    color: var(--primary, #6a5acd);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.services-20 .services-20-link:after {
    content: "→";
    margin-left: 8px;
    transition: transform .3s ease;
}

.services-20 .services-20-link:hover {
    color: var(--secondary, #5544c6);
}

.services-20 .services-20-link:hover:after {
    transform: translateX(5px);
}

@media(max-width:991px) {

    .services-20 {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .services-20 {
        padding: 60px 0;
    }

    .services-20 .services-20-blog {
        padding: 20px;
        border-radius: 24px;
    }

    .services-20 .services-20-image {
        height: 200px;
        border-radius: 18px;
    }

    .services-20 .services-20-blog-title {
        font-size: 22px;
        line-height: 32px;
        min-height: auto;
    }

}

.about-32 {
    position: relative;
    padding: 90px 0;
    background: var(--bg, #f7faf5);
    color: var(--text, #263226);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.about-32 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.section-wrapper.about-32 {
    padding: 90px 0 !important;
    background: var(--bg, #f7faf5);
}

.about-32::before {
    content: "";
    position: absolute;
    top: -150px;
    right: -100px;
    width: 320px;
    height: 320px;
    border: 1px solid var(--accent, #a8bd78);
    border-radius: 50%;
    opacity: 0.18;
}

.about-32::after {
    content: "";
    position: absolute;
    bottom: -170px;
    left: -120px;
    width: 330px;
    height: 330px;
    border: 1px solid var(--primary, #689f38);
    border-radius: 50%;
    opacity: 0.08;
}

.about-32 .container {
    position: relative;
    z-index: 1;
}

.about-32 .about-32-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.about-32 .about-32-image-column {
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-32 .about-32-image-column-one {
    padding-right: 10px;
}

.about-32 .about-32-image-column-two {
    padding-left: 10px;
    padding-right: 25px;
}

.about-32 .about-32-image-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 7px solid var(--light, #ffffff);
    border-radius: 30px;
    background: var(--light, #ffffff);
    box-shadow: 0 22px 55px rgba(38, 50, 38, 0.10);
}

.about-32 .about-32-image-wrap-one {
    margin-top: 65px;
}

.about-32 .about-32-image-wrap-two {
    margin-bottom: 65px;
}

.about-32 .about-32-image {
    display: block;
    width: 100%;
    height: 430px;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.about-32 .about-32-image-wrap:hover .about-32-image {
    transform: scale(1.05);
}

.about-32 .about-32-image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        transparent 55%,
        rgba(38, 50, 38, 0.18) 100%
    );
    pointer-events: none;
}

.about-32 .about-32-image-badge {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 14px;
    border: 1px solid var(--border, #dfe8d9);
    border-radius: 50px;
    background: var(--light, #ffffff);
    color: var(--text, #263226);
    font-size: 10px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(38, 50, 38, 0.12);
}

.about-32 .about-32-image-badge i {
    color: var(--primary, #689f38);
    font-size: 16px;
}

.about-32 .about-32-content-column {
    padding-left: 25px;
}

.about-32 .about-32-content {
    max-width: 650px;
    padding: 20px 0;
}

.about-32 .about-32-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 9px 16px;
    border: 1px solid var(--border, #dfe8d9);
    border-radius: 50px;
    background: var(--light, #ffffff);
    color: var(--primary, #689f38);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1;
    text-transform: uppercase;
}

.about-32 .about-32-subtitle i {
    font-size: 16px;
}

.about-32 .about-32-title {
    margin: 0 0 20px;
    color: var(--text, #263226);
    font-size: 43px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -1px;
}

.about-32 .about-32-title span {
    display: block;
    color: var(--primary, #689f38);
}

.about-32 .about-32-highlight {
    max-width: 610px;
    margin: 0 0 18px;
    color: var(--secondary, #558b2f);
    font-size: 17px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.75;
}

.about-32 .about-32-description {
    max-width: 620px;
    margin: 0 0 25px;
    color: var(--secondary, #697568);
    font-size: 14px;
    line-height: 1.9;
}

.about-32 .about-32-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 27px;
}

.about-32 .about-32-feature {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border: 1px solid var(--border, #dfe8d9);
    border-radius: 10px;
    background: var(--light, #ffffff);
    color: var(--text, #263226);
    font-size: 10px;
    font-weight: 600;
}

.about-32 .about-32-feature i {
    color: var(--primary, #689f38);
    font-size: 16px;
}

.about-32 .about-32-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 25px;
    border: 1px solid var(--primary, #689f38);
    border-radius: 50px;
    background: var(--primary, #689f38);
    color: var(--light, #ffffff);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 1;
    text-decoration: none;
    transition: 0.35s ease;
}

.about-32 .about-32-btn i {
    font-size: 16px;
    transition: transform 0.35s ease;
}

.about-32 .about-32-btn:hover {
    border-color: var(--secondary, #558b2f);
    background: var(--secondary, #558b2f);
    color: var(--light, #ffffff);
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(38, 50, 38, 0.14);
}

.about-32 .about-32-btn:hover i {
    transform: translateX(4px);
}

@media (max-width: 1199px) {
    .about-32 {
        padding: 80px 0;
    }

    .section-wrapper.about-32 {
        padding: 80px 0 !important;
    }

    .about-32 .about-32-image {
        height: 390px;
    }

    .about-32 .about-32-title {
        font-size: 38px;
    }

    .about-32 .about-32-content-column {
        padding-left: 15px;
    }

    .about-32 .about-32-image-column-two {
        padding-right: 15px;
    }
}

@media (max-width: 991px) {
    .about-32 {
        padding: 70px 0;
    }

    .section-wrapper.about-32 {
        padding: 70px 0 !important;
    }

    .about-32 .about-32-image {
        height: 350px;
    }

    .about-32 .about-32-image-wrap-one {
        margin-top: 40px;
    }

    .about-32 .about-32-image-wrap-two {
        margin-bottom: 40px;
    }

    .about-32 .about-32-title {
        font-size: 34px;
    }

    .about-32 .about-32-highlight {
        font-size: 15px;
    }

    .about-32 .about-32-description {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .about-32 {
        padding: 60px 0;
    }

    .section-wrapper.about-32 {
        padding: 60px 0 !important;
    }

    .about-32 .about-32-row {
        display: block;
    }

    .about-32 .about-32-image-column {
        display: block;
        width: 100%;
        padding: 0 15px;
    }

    .about-32 .about-32-image-wrap-one,
    .about-32 .about-32-image-wrap-two {
        margin: 0 0 22px;
    }

    .about-32 .about-32-image {
        height: 320px;
    }

    .about-32 .about-32-content-column {
        width: 100%;
        padding: 10px 15px 0;
    }

    .about-32 .about-32-content {
        max-width: 100%;
        padding: 15px 0 0;
        text-align: center;
    }

    .about-32 .about-32-subtitle {
        margin-bottom: 15px;
    }

    .about-32 .about-32-title {
        font-size: 30px;
        line-height: 1.3;
        letter-spacing: -0.5px;
    }

    .about-32 .about-32-title span {
        display: inline;
    }

    .about-32 .about-32-highlight {
        font-size: 15px;
    }

    .about-32 .about-32-description {
        font-size: 13px;
    }

    .about-32 .about-32-features {
        justify-content: center;
    }

    .about-32 .about-32-btn {
        align-self: center;
    }
}

@media (max-width: 480px) {
    .about-32 {
        padding: 50px 0;
    }

    .section-wrapper.about-32 {
        padding: 50px 0 !important;
    }

    .about-32 .about-32-image-column {
        padding: 0 10px;
    }

    .about-32 .about-32-image-wrap {
        border-width: 5px;
        border-radius: 22px;
    }

    .about-32 .about-32-image {
        height: 270px;
    }

    .about-32 .about-32-image-badge {
        right: 12px;
        bottom: 12px;
        padding: 8px 11px;
        font-size: 9px;
    }

    .about-32 .about-32-content-column {
        padding: 5px 10px 0;
    }

    .about-32 .about-32-title {
        font-size: 27px;
    }

    .about-32 .about-32-highlight {
        font-size: 14px;
        line-height: 1.7;
    }

    .about-32 .about-32-description {
        font-size: 12px;
        line-height: 1.8;
    }

    .about-32 .about-32-features {
        gap: 7px;
    }

    .about-32 .about-32-feature {
        padding: 8px 9px;
        font-size: 9px;
    }

    .about-32 .about-32-btn {
        width: 100%;
        padding: 13px 20px;
    }
}
/*
home-32 */
.home-32 * {
    font-family: "Poppins", sans-serif;
}

.home-32-section-wrapper {
    width: 100%;
    overflow: hidden;
    background: var(--bg, #fff);
}

.home-32-page-title-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.home-32-page-title-section:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, .18), rgba(0, 0, 0, .08));
    z-index: 1;
}

.home-32-page-title-section img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform .6s ease;
}

.home-32-page-title-section:hover img {
    transform: scale(1.03);
}

.home-32-page-title-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    margin-top: 30px;
    color: var(--primary, #77b81e);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-shadow: 0 2px 8px rgba(255, 255, 255, .6);
}

@media(max-width:991px) {

    .home-32-page-title-heading {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-32-page-title-heading {
        width: 90%;
        margin-top: 20px;
        font-size: 30px;
        line-height: 1.3;
    }

}

@media(max-width:480px) {

    .home-32-page-title-heading {
        margin-top: 15px;
        font-size: 24px;
    }

}
.home-52 {
    position: relative;
    padding: 100px 0;
    background: var(--bg, #f7faf9);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.home-52 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.home-52::before {
    content: "";
    position: absolute;
    top: -180px;
    left: -180px;
    width: 420px;
    height: 420px;
    border: 1px solid var(--primary, #36a69d);
    border-radius: 50%;
    opacity: .1;
    pointer-events: none;
}

.home-52::after {
    content: "";
    position: absolute;
    right: -220px;
    bottom: -250px;
    width: 520px;
    height: 520px;
    border: 1px solid var(--accent, #75c8c0);
    border-radius: 50%;
    opacity: .1;
    pointer-events: none;
}

.home-52-row {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.home-52-content-column,
.home-52-image-column {
    display: flex;
    align-items: center;
}

.home-52-content {
    width: 100%;
    max-width: 590px;
    padding: 20px 35px 20px 0;
}

.home-52-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 17px;
    color: var(--primary, #36a69d);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.home-52-eyebrow i {
    font-size: 18px;
}

.home-52-title {
    margin: 0 0 20px;
    color: var(--text, #1d2a2a);
    font-size: clamp(38px, 4.2vw, 56px);
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -1.5px;
}

.home-52-title span {
    display: block;
    color: var(--primary, #36a69d);
}

.home-52-description {
    max-width: 540px;
    margin: 0 0 30px;
    color: var(--secondary, #687474);
    font-size: 15px;
    line-height: 1.9;
}

.home-52-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 32px;
}

.home-52-feature {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 15px;
    border: 1px solid var(--border, #e2e9e7);
    border-radius: 12px;
    background: var(--light, #ffffff);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.home-52-feature:hover {
    border-color: var(--primary, #36a69d);
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .07);
}

.home-52-feature-icon {
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--light, #eef8f6);
    color: var(--primary, #36a69d);
}

.home-52-feature-icon i {
    font-size: 19px;
}

.home-52-feature-content h4 {
    margin: 0 0 5px;
    color: var(--text, #1d2a2a);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

.home-52-feature-content p {
    margin: 0;
    color: var(--secondary, #758080);
    font-size: 11px;
    line-height: 1.6;
}

.home-52-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
}

.home-52-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 49px;
    padding: 13px 22px;
    border: 1px solid var(--primary, #36a69d);
    border-radius: 7px;
    background: var(--primary, #36a69d);
    color: var(--light, #ffffff);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.home-52-primary-btn:hover {
    border-color: var(--secondary, #287f7a);
    background: var(--secondary, #287f7a);
    color: var(--light, #ffffff);
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
    text-decoration: none;
}

.home-52-primary-btn i {
    font-size: 17px;
    transition: transform .3s ease;
}

.home-52-primary-btn:hover i {
    transform: translateX(4px);
}

.home-52-phone-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--text, #1d2a2a);
    text-decoration: none;
}

.home-52-phone-btn:hover {
    color: var(--primary, #36a69d);
    text-decoration: none;
}

.home-52-phone-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid var(--border, #dce5e2);
    border-radius: 50%;
    background: var(--light, #ffffff);
    color: var(--primary, #36a69d);
}

.home-52-phone-icon i {
    font-size: 18px;
}

.home-52-phone-btn small,
.home-52-phone-btn strong {
    display: block;
}

.home-52-phone-btn small {
    margin-bottom: 2px;
    color: var(--secondary, #7a8585);
    font-size: 9px;
    line-height: 1.3;
}

.home-52-phone-btn strong {
    font-size: 12px;
    font-weight: 700;
}

.home-52-image-column {
    justify-content: center;
}

.home-52-image-wrap {
    position: relative;
    width: 100%;
    max-width: 540px;
    padding: 25px 20px 45px 35px;
}

.home-52-image-shape {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 20px;
    left: 15px;
    border: 1px solid var(--primary, #36a69d);
    border-radius: 30px;
    opacity: .35;
    transform: rotate(3deg);
    transition: transform .45s ease;
}

.home-52-image {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
    border-radius: 28px;
    box-shadow: 0 25px 55px rgba(0, 0, 0, .13);
    transition: transform .45s ease, box-shadow .45s ease;
}

.home-52-image-wrap:hover .home-52-image {
    transform: translateY(-6px);
    box-shadow: 0 32px 65px rgba(0, 0, 0, .16);
}

.home-52-image-wrap:hover .home-52-image-shape {
    transform: rotate(0deg);
}

.home-52-experience {
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 190px;
    padding: 14px 17px;
    border: 1px solid var(--border, #e2e9e7);
    border-radius: 12px;
    background: var(--light, #ffffff);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}

.home-52-experience-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: var(--primary, #36a69d);
    color: var(--light, #ffffff);
}

.home-52-experience-icon i {
    font-size: 19px;
}

.home-52-experience strong,
.home-52-experience span {
    display: block;
}

.home-52-experience strong {
    margin-bottom: 2px;
    color: var(--text, #1d2a2a);
    font-size: 12px;
}

.home-52-experience span {
    color: var(--secondary, #778181);
    font-size: 10px;
}

.home-52-floating-icon {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid var(--border, #e2e9e7);
    border-radius: 50%;
    background: var(--light, #ffffff);
    color: var(--primary, #36a69d);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
}

.home-52-floating-icon i {
    font-size: 20px;
}

.home-52-floating-icon-one {
    top: 55px;
    left: 0;
}

.home-52-floating-icon-two {
    right: -5px;
    top: 125px;
}

@media (max-width: 1199px) {
    .home-52 {
        padding: 85px 0;
    }

    .home-52-content {
        padding-right: 20px;
    }

    .home-52-title {
        font-size: 44px;
    }

    .home-52-image {
        height: 450px;
    }

    .home-52-features {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .home-52 {
        padding: 75px 0;
    }

    .home-52-row {
        display: block;
    }

    .home-52-content-column,
    .home-52-image-column {
        display: block;
    }

    .home-52-content {
        max-width: 700px;
        margin: 0 auto 45px;
        padding: 0 15px;
    }

    .home-52-title {
        font-size: 42px;
    }

    .home-52-description {
        max-width: 650px;
    }

    .home-52-features {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-52-image-wrap {
        max-width: 650px;
        margin: 0 auto;
        padding-right: 30px;
    }

    .home-52-image {
        height: 460px;
    }
}

@media (max-width: 767px) {
    .home-52 {
        padding: 65px 0;
    }

    .home-52-content {
        margin-bottom: 40px;
        padding: 0 10px;
        text-align: center;
    }

    .home-52-eyebrow {
        justify-content: center;
    }

    .home-52-title {
        font-size: 34px;
        letter-spacing: -.7px;
    }

    .home-52-description {
        font-size: 14px;
    }

    .home-52-features {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .home-52-actions {
        justify-content: center;
    }

    .home-52-image-wrap {
        padding: 20px 20px 50px 25px;
    }

    .home-52-image {
        height: 380px;
        border-radius: 22px;
    }

    .home-52-image-shape {
        border-radius: 24px;
    }

    .home-52-experience {
        right: 5px;
        bottom: 15px;
    }

    .home-52-floating-icon-one {
        top: 45px;
        left: 0;
    }

    .home-52-floating-icon-two {
        right: 0;
        top: 100px;
    }
}

@media (max-width: 480px) {
    .home-52 {
        padding: 55px 0;
    }

    .home-52-title {
        font-size: 29px;
    }

    .home-52-description {
        font-size: 13px;
        line-height: 1.8;
    }

    .home-52-feature {
        padding: 15px 13px;
    }

    .home-52-actions {
        flex-direction: column;
        width: 100%;
        gap: 15px;
    }

    .home-52-primary-btn {
        width: 100%;
        max-width: 280px;
    }

    .home-52-image-wrap {
        padding: 15px 12px 48px 18px;
    }

    .home-52-image {
        height: 300px;
        border-radius: 18px;
    }

    .home-52-experience {
        min-width: 165px;
        padding: 11px 13px;
    }

    .home-52-floating-icon {
        width: 38px;
        height: 38px;
    }

    .home-52-floating-icon i {
        font-size: 17px;
    }
}
/* service-21 */
.service-21 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.section-wrapper.service-21 {
    padding: 80px 0;
}

.service-21 * {
    font-family: "Poppins", sans-serif !important;
}

.service-21-thumbnails {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.service-21-thumbnails img {
    width: 100%;
    max-width: 114px;
    height: auto;
    padding: 4px;
    cursor: pointer;
    border: 2px solid var(--border, #d5d5d5);
    border-radius: 22px;
    background: var(--bg, #fff);
    transition: all .35s ease;
}

.service-21-thumbnails img:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .10);
}

.service-21-thumb.active {
    border-color: var(--primary, #79cc00);
    box-shadow: 0 12px 30px rgba(121, 204, 0, .20);
}

.service-21-main-img {
    display: block;
    width: 100%;
    max-height: 550px;
    margin: 0 auto;
    padding: 8px;
    border: 2px solid var(--border, #d5d5d5);
    border-radius: 30px;
    background: var(--bg, #fff);
    transition: all .4s ease;
}

.service-21-main-img:hover {
    transform: scale(1.02);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .10);
}

.service-21-product-title {
    margin: 0 0 15px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
}

.service-21-rating .label {
    margin-right: 6px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 30px;
}

.service-21-price {
    margin: 20px 0;
    color: var(--primary, #79cc00);
    font-size: 38px;
    font-weight: 700;
}

.service-21-packaging-label {
    margin-bottom: 15px;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 600;
}

.service-21-sizes {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.service-21-size {
    width: calc(33.333% - 8px);
    padding: 10px 16px;
    border: 2px solid var(--border, #ccc);
    border-radius: 50px;
    background: var(--bg, #fff);
    color: var(--text, #555);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
}

.service-21-size:hover {
    border-color: var(--primary, #79cc00);
    transform: translateY(-2px);
}

.service-21-size.active {
    background: var(--primary, #79cc00);
    border-color: var(--primary, #79cc00);
    color: #fff;
    box-shadow: 0 12px 30px rgba(121, 204, 0, .25);
}

@media(max-width:991px) {

    .service-21,
    .section-wrapper.service-21 {
        padding: 70px 0;
    }

    .service-21-product-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .service-21,
    .section-wrapper.service-21 {
        padding: 60px 0;
    }

    .service-21-thumbnails {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 20px;
    }

    .service-21-thumbnails img {
        max-width: 70px;
    }

    .service-21-main-img {
        max-height: 260px;
        border-radius: 24px;
    }

    .service-21-product-title {
        font-size: 30px;
    }

    .service-21-price {
        font-size: 30px;
    }

    .service-21-packaging-label {
        font-size: 16px;
    }

    .service-21-sizes {
        flex-direction: column;
    }

    .service-21-size {
        width: 100%;
    }

}


/* home-53 */

/* Home-53 */

.home-53 * {
    font-family: "Poppins", sans-serif;
}

.home-53-wrapper,
.home-53-content {
    position: relative;
    width: 100%;
    z-index: 1;
}

.home-53-content {
    overflow-x: hidden;
}

.home-53-section {
    position: relative;
    width: 100%;
    height: 100vh;
}

.home-53-hero {
    background: url("https://images.unsplash.com/photo-1589848315097-ba7b903cc1cc?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3") center center/cover no-repeat;
}

.home-53-image-container {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    perspective: 600px;
}

.home-53-image-container:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35));
    z-index: 1;
}

.home-53-image-container img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .8s ease;
}

.home-53-section:hover .home-53-image-container img {
    transform: scale(1.06);
}

.home-53-text-overlay {
    position: relative;
    z-index: 3;
    max-width: 900px;
    margin: auto;
    padding: 30px;
    text-align: center;
    color: #fff;
}

.home-53-text-overlay h1 {
    margin: 0;
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 700;
    line-height: 1.15;
    text-shadow: 0 8px 30px rgba(0, 0, 0, .35);
}

.home-53-text-overlay p {
    max-width: 700px;
    margin: 20px auto 0;
    font-size: clamp(16px, 2vw, 22px);
    line-height: 1.8;
    color: rgba(255, 255, 255, .92);
}

/* Home-54 */

.home-54 {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: var(--bg, #000);
}

.home-54 * {
    font-family: "Poppins", sans-serif;
}

.home-54 .hero-bg {
    position: absolute;
    inset: 0;
    background: url("https://images.unsplash.com/photo-1501785888041-af3ef285b470?ixlib=rb-4.0.3&auto=format&fit=crop&w=1950&q=80") center center/cover no-repeat;
    will-change: transform;
    transition: transform .8s ease;
}

.home-54:hover .hero-bg {
    transform: scale(1.05);
}

.home-54 .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .30);
    pointer-events: none;
}

.home-54 .hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
}

.home-54 h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(52px, 6vw, 110px);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}

.home-54 .btn-start {
    display: inline-block;
    margin-top: 35px;
    padding: 15px 38px;
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all .35s ease;
}

.home-54 .btn-start:hover {
    background: #fff;
    color: #000;
    transform: translateY(-3px);
}

.home-54 .social-icons {
    position: absolute;
    right: 25px;
    bottom: 25px;
    z-index: 2;
}

.home-54 .social-icons a {
    margin-left: 14px;
    color: #fff;
    font-size: 18px;
    transition: all .3s ease;
}

.home-54 .social-icons a:hover {
    color: var(--primary, #ffffff);
    transform: translateY(-2px);
}

.home-54 .caption {
    position: absolute;
    left: 25px;
    bottom: 25px;
    color: rgba(255, 255, 255, .9);
    font-size: 13px;
    letter-spacing: 1px;
    z-index: 2;
}

.home-54 .next-section {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--light, #f4f4f4);
}

@media(max-width:991px) {

    .home-54 h1 {
        font-size: 64px;
    }

}

@media(max-width:767px) {

    .home-53-text-overlay {
        padding: 20px;
    }

    .home-53-text-overlay h1 {
        font-size: 42px;
    }

    .home-53-text-overlay p {
        font-size: 16px;
    }

    .home-54 h1 {
        font-size: 42px;
        line-height: 1.2;
    }

    .home-54 .btn-start {
        padding: 13px 30px;
    }

    .home-54 .caption {
        left: 15px;
        bottom: 15px;
        font-size: 12px;
    }

    .home-54 .social-icons {
        right: 15px;
        bottom: 15px;
    }

}


/* home-55 */

.home-55 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    color: #fff;
}

.home-55 * {
    font-family: "Poppins", sans-serif;
}

.home-55-bg {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    transition: background-image .8s ease-in-out, transform .8s ease;
    z-index: 0;
}

.home-55:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, .65), rgba(0, 0, 0, .20));
    z-index: 1;
}

.home-55:hover .home-55-bg {
    transform: scale(1.04);
}

.home-55-content {
    position: relative;
    z-index: 2;
}

.home-55-text h1 {
    margin: 0;
    color: #fff;
    font-size: 74px;
    font-weight: 700;
    line-height: 1.1;
    text-shadow: 0 12px 35px rgba(0, 0, 0, .35);
}

.home-55-cards {
    display: flex;
    gap: 18px;
    margin-top: 140px;
    flex-wrap: wrap;
}

.home-55-card {
    width: 130px;
    flex-shrink: 0;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    border-radius: 24px;
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
    transition: all .35s ease;
}

.home-55-card:hover {
    transform: translateY(-8px);
}

.home-55-card img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    transition: transform .4s ease;
}

.home-55-card:hover img {
    transform: scale(1.08);
}

.home-55-card span {
    display: block;
    padding: 12px;
    background: rgba(255, 255, 255, .90);
    color: var(--text, #222);
    font-size: 14px;
    font-weight: 600;
}

.home-55-card.active {
    transform: translateY(-8px);
    border: 2px solid rgba(255, 255, 255, .5);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .25);
}

.home-55-controls {
    float: right;
    margin-top: 20px;
}

.home-55-controls button {
    width: 42px;
    height: 42px;
    margin-right: 8px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, .20);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: all .3s ease;
}

.home-55-controls button:hover {
    background: #fff;
    color: var(--text, #222);
}

@media(max-width:991px) {

    .home-55 {
        padding: 70px 0;
    }

    .home-55-text h1 {
        font-size: 56px;
    }

    .home-55-cards {
        margin-top: 90px;
    }

}

@media(max-width:767px) {

    .home-55 {
        padding: 60px 0;
        text-align: center;
    }

    .home-55-text h1 {
        font-size: 42px;
    }

    .home-55-cards {
        justify-content: center;
        margin-top: 50px;
        gap: 15px;
    }

    .home-55-card {
        width: 110px;
    }

    .home-55-card img {
        height: 140px;
    }

    .home-55-controls {
        float: none;
        text-align: center;
        margin-top: 25px;
    }

}

.home-56 {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 100vh;
    padding: 80px 20px;
    overflow: hidden;
    background: var(--bg, #111);
    view-timeline: --home56-section;
    font-family: "Poppins", sans-serif;
}

.home-56 * {
    font-family: "Poppins", sans-serif;
}

/* Content */

.home-56 .home-56-content {
    position: relative;
    z-index: 2;
    width: 900px;
    max-width: 100%;
    padding: 0 20px;
    text-align: center;
}

.home-56 .home-56-content p {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 5vw, 78px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -2px;
    text-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}

/* Text Animation */

.home-56 .home-56-content p span {
    display: inline;
    color: #fff;
    opacity: .18;
    transition:
        opacity .35s ease,
        color .35s ease;
    animation: home56-highlight both ease-in-out;
    animation-timeline: view();
}

@keyframes home56-highlight {

    50% {
        opacity: 1;
        color: var(--primary, #fff);
    }

}

/* Individual Text Timing */

.home-56 .home-56-content p span:nth-of-type(1) {
    animation-range: cover 10% cover 45%;
}

.home-56 .home-56-content p span:nth-of-type(2) {
    animation-range: cover 30% cover 60%;
}

.home-56 .home-56-content p span:nth-of-type(3) {
    animation-range: cover 45% cover 85%;
}

.home-56 .home-56-content p span:nth-of-type(4) {
    animation-range: cover 75% cover 120%;
}

/* Background Video */

.home-56 .home-56-video {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: 0;
    opacity: .28;
    filter: saturate(.2) brightness(.45);
    pointer-events: none;
}

/* Video Scroll Fade */

@supports (animation-timeline: view()) {

    .home-56 .home-56-video {
        opacity: 0;
        animation:
            home56-fade-in both linear,
            home56-fade-out both linear;
        animation-timeline: --home56-section;
        animation-range:
            entry 10% entry 25%,
            exit 10% exit 25%;
    }

    @keyframes home56-fade-in {

        from {
            opacity: 0;
        }

        to {
            opacity: .35;
        }

    }

    @keyframes home56-fade-out {

        from {
            opacity: .35;
        }

        to {
            opacity: 0;
        }

    }

}

/* Tablet */

@media (max-width: 991px) {

    .home-56 {
        min-height: 90vh;
        padding: 70px 20px;
    }

    .home-56 .home-56-content {
        width: 750px;
    }

    .home-56 .home-56-content p {
        font-size: clamp(32px, 6vw, 60px);
        line-height: 1.18;
    }

}

/* Mobile */

@media (max-width: 767px) {

    .home-56 {
        min-height: 100vh;
        padding: 60px 15px;
    }

    .home-56 .home-56-content {
        padding: 0 10px;
    }

    .home-56 .home-56-content p {
        font-size: clamp(30px, 8vw, 48px);
        line-height: 1.22;
        letter-spacing: -1px;
    }

    .home-56 .home-56-video {
        opacity: .3;
        filter: saturate(.25) brightness(.4);
    }

}

/* Small Mobile */

@media (max-width: 480px) {

    .home-56 {
        padding: 50px 12px;
    }

    .home-56 .home-56-content p {
        font-size: 30px;
        line-height: 1.25;
    }

}
.home-57 {
    padding: 90px 0;
    background: var(--bg, #fff);
    overflow: hidden;
}

.home-57 *,
.home-57 *::before,
.home-57 *::after {
    box-sizing: border-box;
}

.home-57 * {
    font-family: "Poppins", sans-serif;
}

.home-57-row {
    display: flex;
    align-items: center;
}

.home-57-content-column,
.home-57-image-column {
    display: flex;
    align-items: center;
}

.home-57-content {
    width: 100%;
    max-width: 590px;
    padding-right: 35px;
}

.home-57-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: var(--primary, #007bff);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.home-57-eyebrow i {
    font-size: 20px;
    line-height: 1;
}

.home-57-title {
    margin: 0 0 22px;
    color: var(--text, #222);
    font-size: 44px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -1px;
}

.home-57-title span {
    color: var(--primary, #007bff);
}

.home-57-description {
    max-width: 540px;
    margin: 0 0 32px;
    color: var(--secondary, #666);
    font-size: 16px;
    line-height: 1.85;
}

.home-57-form {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 470px;
    min-height: 58px;
    padding: 5px;
    border: 1px solid var(--border, #ddd);
    border-radius: 50px;
    background: var(--bg, #fff);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .07);
}

.home-57-input-wrap {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    padding-left: 17px;
}

.home-57-input-wrap i {
    flex: 0 0 auto;
    color: var(--primary, #007bff);
    font-size: 19px;
}

.home-57-form input {
    width: 100%;
    min-width: 0;
    height: 48px;
    padding: 0 14px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text, #222);
    font-size: 14px;
}

.home-57-form input::placeholder {
    color: var(--secondary, #999);
}

.home-57-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 0 0 auto;
    min-height: 48px;
    padding: 0 23px;
    border: 0;
    border-radius: 40px;
    background: var(--primary, #007bff);
    color: var(--light, #fff);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
}

.home-57-form button i {
    font-size: 17px;
    transition: transform .3s ease;
}

.home-57-form button:hover {
    background: var(--secondary, #005fcc);
}

.home-57-form button:hover i {
    transform: translateX(4px);
}

.home-57-image-column {
    justify-content: center;
}

.home-57-image {
    position: relative;
    width: 100%;
    max-width: 540px;
    min-height: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 35px;
}

.home-57-image-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 410px;
    height: 410px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        var(--light, #e9f2ff) 0%,
        var(--bg, #f9fafe) 72%,
        transparent 73%
    );
}

.home-57-image-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 390px;
    height: 480px;
    overflow: hidden;
    border-radius: 24px;
    background: var(--light, #f5f5f5);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .13);
}

.home-57-image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .5s ease;
}

.home-57-image:hover .home-57-image-wrap img {
    transform: scale(1.04);
}

.home-57-image-badge {
    position: absolute;
    right: 5px;
    bottom: 42px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 11px;
    max-width: 220px;
    padding: 13px 17px;
    border: 1px solid var(--border, #ddd);
    border-radius: 14px;
    background: var(--bg, #fff);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .1);
}

.home-57-image-badge > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    border-radius: 50%;
    background: var(--light, #e9f2ff);
    color: var(--primary, #007bff);
    font-size: 20px;
}

.home-57-image-badge div {
    min-width: 0;
}

.home-57-image-badge strong,
.home-57-image-badge span {
    display: block;
}

.home-57-image-badge strong {
    margin-bottom: 2px;
    color: var(--text, #222);
    font-size: 12px;
    font-weight: 700;
}

.home-57-image-badge span {
    color: var(--secondary, #777);
    font-size: 10px;
    line-height: 1.4;
}

@media (max-width: 1199px) {
    .home-57 {
        padding: 75px 0;
    }

    .home-57-title {
        font-size: 39px;
    }

    .home-57-content {
        padding-right: 20px;
    }

    .home-57-image {
        min-height: 500px;
        padding: 20px 25px;
    }

    .home-57-image-wrap {
        max-width: 350px;
        height: 440px;
    }

    .home-57-image-bg {
        width: 370px;
        height: 370px;
    }

    .home-57-image-badge {
        right: 0;
        bottom: 35px;
    }
}

@media (max-width: 991px) {
    .home-57 {
        padding: 70px 0;
    }

    .home-57-row {
        align-items: center;
    }

    .home-57-title {
        font-size: 35px;
    }

    .home-57-description {
        font-size: 15px;
    }

    .home-57-image {
        min-height: 470px;
    }

    .home-57-image-wrap {
        max-width: 320px;
        height: 410px;
    }

    .home-57-image-bg {
        width: 340px;
        height: 340px;
    }
}

@media (max-width: 767px) {
    .home-57 {
        padding: 60px 20px;
    }

    .home-57-row {
        display: block;
    }

    .home-57-content-column,
    .home-57-image-column {
        display: block;
    }

    .home-57-content {
        max-width: 650px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }

    .home-57-eyebrow {
        justify-content: center;
    }

    .home-57-title {
        margin-bottom: 18px;
        font-size: 32px;
    }

    .home-57-description {
        margin-right: auto;
        margin-bottom: 28px;
        margin-left: auto;
        font-size: 15px;
        line-height: 1.75;
    }

    .home-57-form {
        margin: 0 auto;
    }

    .home-57-image-column {
        margin-top: 45px;
    }

    .home-57-image {
        max-width: 500px;
        min-height: 430px;
        margin: 0 auto;
        padding: 15px 30px;
    }

    .home-57-image-wrap {
        max-width: 320px;
        height: 390px;
    }

    .home-57-image-bg {
        width: 310px;
        height: 310px;
    }

    .home-57-image-badge {
        right: 5px;
        bottom: 25px;
    }
}

@media (max-width: 575px) {
    .home-57 {
        padding: 50px 15px;
    }

    .home-57-title {
        font-size: 28px;
        letter-spacing: -.5px;
    }

    .home-57-eyebrow {
        font-size: 11px;
        letter-spacing: 1.4px;
    }

    .home-57-description {
        font-size: 14px;
    }

    .home-57-form {
        display: block;
        max-width: 100%;
        padding: 6px;
        border-radius: 18px;
    }

    .home-57-input-wrap {
        min-height: 48px;
        padding-left: 12px;
    }

    .home-57-form button {
        width: 100%;
        min-height: 48px;
        border-radius: 13px;
    }

    .home-57-image-column {
        margin-top: 35px;
    }

    .home-57-image {
        min-height: 350px;
        padding: 10px 20px;
    }

    .home-57-image-wrap {
        max-width: 270px;
        height: 340px;
        border-radius: 20px;
    }

    .home-57-image-bg {
        width: 270px;
        height: 270px;
    }

    .home-57-image-badge {
        right: 0;
        bottom: 12px;
        padding: 10px 12px;
    }

    .home-57-image-badge > i {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 17px;
    }
}

@media (max-width: 400px) {
    .home-57-title {
        font-size: 25px;
    }

    .home-57-image {
        min-height: 320px;
    }

    .home-57-image-wrap {
        max-width: 235px;
        height: 300px;
    }

    .home-57-image-bg {
        width: 235px;
        height: 235px;
    }

    .home-57-image-badge {
        right: -3px;
        bottom: 5px;
        max-width: 185px;
    }
}

/* home-58 */
.home-58 {
    background: var(--bg, #fff);
}

.home-58 * {
    font-family: "Poppins", sans-serif;
}

.home-58-section-wrapper {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
}

.home-58-slider {
    position: relative;
    width: 100%;
    height: 100vh;
}

.home-58-slide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease;
}

.home-58-slide.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
}

.home-58-content {
    position: relative;
    z-index: 2;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 60px;
    color: #fff;
    background: rgba(0, 0, 0, .60);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.home-58-content h1 {
    margin: 0;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
}

.home-58-content h1 span {
    color: var(--primary, #9be93f);
}

.home-58-content p {
    max-width: 420px;
    margin-top: 22px;
    color: rgba(255, 255, 255, .90);
    font-size: 16px;
    line-height: 1.9;
}

.home-58-content a {
    display: inline-block;
    align-self: flex-start;
    margin-top: 30px;
    padding-bottom: 6px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    border-bottom: 2px solid var(--primary, #9be93f);
    transition: all .3s ease;
}

.home-58-content a:hover {
    color: var(--primary, #9be93f);
}

.home-58-image {
    position: relative;
    flex: 1;
    overflow: hidden;
}

.home-58-image img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    transform: scale(1.08);
    transition: transform .7s ease;
}

.home-58-slide:hover .home-58-image img {
    transform: scale(1.13);
}

.home-58-slider-nav {
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
    z-index: 5;
}

.home-58-slider-nav button {
    width: 46px;
    height: 46px;
    margin: 0 6px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, .25);
    color: #fff;
    font-size: 18px;
    transition: all .3s ease;
}

.home-58-slider-nav button:hover {
    background: var(--primary, #9be93f);
    color: var(--text, #000);
}

@media(max-width:991px) {

    .home-58-content {
        padding: 70px 40px;
    }

    .home-58-content h1 {
        font-size: 48px;
    }

}

@media(max-width:767px) {

    .home-58-slide {
        flex-direction: column;
    }

    .home-58-content {
        padding: 40px 25px;
        text-align: center;
    }

    .home-58-content h1 {
        font-size: 30px;
    }

    .home-58-content p {
        max-width: 100%;
    }

    .home-58-content a {
        align-self: center;
    }

    .home-58-image img {
        height: 50vh;
    }

    .home-58-slider-nav {
        bottom: 20px;
    }

}
.about-33 {
    position: relative;
    padding: 95px 0;
    background: var(--text, #111111);
    color: var(--light, #ffffff);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.section-wrapper.about-33 {
    padding: 95px 0 !important;
    background: var(--text, #111111);
}

.about-33 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.about-33::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -120px;
    width: 360px;
    height: 360px;
    border: 1px solid var(--accent, #c9a86a);
    border-radius: 50%;
    opacity: .25;
    pointer-events: none;
}

.about-33::after {
    content: "";
    position: absolute;
    bottom: -220px;
    left: -140px;
    width: 420px;
    height: 420px;
    border: 1px solid var(--primary, #ffffff);
    border-radius: 50%;
    opacity: .06;
    pointer-events: none;
}

.about-33 .about-33-container {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0 30px;
}

.about-33 .about-33-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 1500px;
    margin: 0 auto 45px;
    padding: 0 10px;
}

.about-33 .about-33-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--accent, #c9a86a);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.about-33 .about-33-eyebrow i {
    font-size: 17px;
}

.about-33 .about-33-description {
    max-width: 300px;
    margin: 0;
    color: var(--secondary, #a8a8a8);
    font-size: 12px;
    line-height: 1.7;
    text-align: right;
}

.about-33 .about-33-row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 145px;
    margin: 0;
    padding: 0 30px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    overflow: hidden;
    text-align: center;
}

.about-33 .about-33-row:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.about-33 .about-33-row-accent {
    background: rgba(255, 255, 255, .025);
}

.about-33 .about-33-line {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    height: 7px;
    margin: 0;
    border-radius: 50%;
    background: var(--accent, #c9a86a);
    box-shadow: 0 0 0 7px rgba(201, 168, 106, .08);
    transform: translate(-50%, -50%);
    transition: .35s ease;
    pointer-events: none;
}

.about-33 .about-33-text {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 18px 10px;
    color: var(--light, #ffffff);
    font-size: clamp(55px, 7vw, 108px);
    font-weight: 700;
    line-height: .95;
    letter-spacing: -3px;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    text-shadow: 0 15px 40px rgba(0, 0, 0, .2);
    transition: color .35s ease, letter-spacing .35s ease, transform .35s ease;
}

.about-33 .about-33-row-accent .about-33-text {
    color: var(--accent, #c9a86a);
}

.about-33 .about-33-row:hover .about-33-line {
    transform: translate(-50%, -50%) scale(1.5);
    box-shadow: 0 0 0 9px rgba(201, 168, 106, .1);
}

.about-33 .about-33-row:hover .about-33-text {
    letter-spacing: -1px;
    transform: translateX(0);
}

@media (max-width: 1199px) {
    .about-33 {
        padding: 80px 0;
    }

    .section-wrapper.about-33 {
        padding: 80px 0 !important;
    }

    .about-33 .about-33-row {
        min-height: 125px;
    }

    .about-33 .about-33-text {
        font-size: clamp(46px, 6.8vw, 82px);
        letter-spacing: -2px;
    }
}

@media (max-width: 991px) {
    .about-33 {
        padding: 70px 0;
    }

    .section-wrapper.about-33 {
        padding: 70px 0 !important;
    }

    .about-33 .about-33-container {
        padding: 0 20px;
    }

    .about-33 .about-33-intro {
        margin-bottom: 35px;
    }

    .about-33 .about-33-row {
        min-height: 105px;
        padding: 0 15px;
    }

    .about-33 .about-33-text {
        font-size: clamp(38px, 6.5vw, 66px);
        letter-spacing: -1.5px;
    }
}

@media (max-width: 767px) {
    .about-33 {
        padding: 60px 0;
    }

    .section-wrapper.about-33 {
        padding: 60px 0 !important;
    }

    .about-33 .about-33-container {
        padding: 0 15px;
    }

    .about-33 .about-33-intro {
        display: block;
        margin-bottom: 28px;
        padding: 0 5px;
    }

    .about-33 .about-33-description {
        max-width: 320px;
        margin-top: 10px;
        text-align: left;
    }

    .about-33 .about-33-row {
        min-height: 85px;
        padding: 0 8px;
    }

    .about-33 .about-33-line {
        width: 6px;
        height: 6px;
        box-shadow: 0 0 0 5px rgba(201, 168, 106, .08);
    }

    .about-33 .about-33-text {
        font-size: clamp(25px, 7vw, 46px);
        letter-spacing: -1px;
        padding: 15px 5px;
    }

    .about-33 .about-33-row:hover .about-33-text {
        letter-spacing: -.5px;
    }
}

@media (max-width: 480px) {
    .about-33 {
        padding: 50px 0;
    }

    .section-wrapper.about-33 {
        padding: 50px 0 !important;
    }

    .about-33 .about-33-eyebrow {
        font-size: 9px;
        letter-spacing: 1.3px;
    }

    .about-33 .about-33-eyebrow i {
        font-size: 15px;
    }

    .about-33 .about-33-description {
        font-size: 11px;
    }

    .about-33 .about-33-row {
        min-height: 72px;
        padding: 0 5px;
    }

    .about-33 .about-33-text {
        font-size: clamp(20px, 7vw, 33px);
        letter-spacing: -.5px;
        padding: 12px 3px;
    }
}

.about-34.section-wrapper {
    padding: 85px 0;
    background: var(--light, #f9f6ef);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.about-34 *,
.about-34 *::before,
.about-34 *::after {
    box-sizing: border-box;
}

.about-34 .about-34-container {
    position: relative;
}

.about-34 .about-34-row {
    display: flex;
    align-items: center;
    margin-left: -20px;
    margin-right: -20px;
}

.about-34 .about-34-text-column,
.about-34 .about-34-image-column {
    padding-left: 20px;
    padding-right: 20px;
}

.about-34 .about-34-text {
    max-width: 610px;
    padding-right: 25px;
}

.about-34 .about-34-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    color: var(--primary, #ff6f61);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.about-34 .about-34-eyebrow i {
    font-size: 18px;
}

.about-34 .about-34-title {
    margin: 0;
    color: var(--text, #1f2b44);
    font-size: 62px;
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -1.8px;
}

.about-34 .about-34-title span {
    display: block;
    color: var(--primary, #ff6f61);
}

.about-34 .about-34-subtitle {
    max-width: 550px;
    margin: 25px 0 32px;
    color: var(--text, #666);
    font-size: 15px;
    line-height: 1.9;
}

.about-34 .about-34-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.about-34 .about-34-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    padding: 13px 25px;
    border-radius: 50px;
    background: var(--primary, #ff6f61);
    color: var(--light, #fff);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.about-34 .about-34-btn-primary i {
    font-size: 18px;
    transition: transform .3s ease;
}

.about-34 .about-34-btn-primary:hover {
    background: var(--secondary, #ff9472);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .13);
}

.about-34 .about-34-btn-primary:hover i {
    transform: translateX(4px);
}

.about-34 .about-34-btn-video {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--text, #1f2b44);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.about-34 .about-34-btn-video:hover {
    color: var(--primary, #ff6f61);
}

.about-34 .about-34-video-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--border, #e7dfd2);
    border-radius: 50%;
    background: var(--bg, #fff);
    color: var(--primary, #ff6f61);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .06);
    transition: .3s ease;
}

.about-34 .about-34-video-icon i {
    margin-left: 2px;
    font-size: 18px;
}

.about-34 .about-34-btn-video:hover .about-34-video-icon {
    background: var(--primary, #ff6f61);
    border-color: var(--primary, #ff6f61);
    color: var(--light, #fff);
    transform: scale(1.05);
}

.about-34 .about-34-image-column {
    display: flex;
    justify-content: center;
}

.about-34 .about-34-img-wrapper {
    position: relative;
    width: 100%;
    max-width: 560px;
    min-height: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-34 .about-34-image-backdrop {
    position: absolute;
    width: 390px;
    height: 390px;
    border-radius: 50%;
    background: var(--bg, #fff);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .07);
}

.about-34 .about-34-abstract-img {
    position: absolute;
    top: 4%;
    left: 2%;
    z-index: 1;
    width: 260px;
    max-width: 48%;
    height: 260px;
    object-fit: contain;
    opacity: .9;
    animation: about-34-float-bg 5s ease-in-out infinite;
}

.about-34 .about-34-main-image-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 540px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.about-34 .about-34-main-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    animation: about-34-float-main 4s ease-in-out infinite;
}

.about-34 .about-34-image-badge {
    position: absolute;
    right: 5px;
    bottom: 45px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 18px;
    border: 1px solid var(--border, #e7dfd2);
    border-radius: 50px;
    background: var(--bg, #fff);
    color: var(--text, #1f2b44);
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .1);
}

.about-34 .about-34-image-badge i {
    color: var(--primary, #ff6f61);
    font-size: 18px;
}

@keyframes about-34-float-main {
    0%,
    100% {
        transform: translateY(0);
    }

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

@keyframes about-34-float-bg {
    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(12px) rotate(4deg);
    }
}

@media (max-width: 1199px) {
    .about-34.section-wrapper {
        padding: 75px 0;
    }

    .about-34 .about-34-title {
        font-size: 52px;
    }

    .about-34 .about-34-img-wrapper {
        min-height: 500px;
    }

    .about-34 .about-34-main-image-wrapper {
        height: 480px;
    }

    .about-34 .about-34-image-backdrop {
        width: 340px;
        height: 340px;
    }
}

@media (max-width: 991px) {
    .about-34.section-wrapper {
        padding: 70px 0;
    }

    .about-34 .about-34-row {
        align-items: center;
    }

    .about-34 .about-34-title {
        font-size: 43px;
    }

    .about-34 .about-34-subtitle {
        font-size: 14px;
    }

    .about-34 .about-34-img-wrapper {
        min-height: 450px;
    }

    .about-34 .about-34-main-image-wrapper {
        height: 430px;
    }

    .about-34 .about-34-image-backdrop {
        width: 300px;
        height: 300px;
    }

    .about-34 .about-34-abstract-img {
        width: 210px;
        height: 210px;
    }

    .about-34 .about-34-image-badge {
        right: 0;
        bottom: 25px;
    }
}

@media (max-width: 767px) {
    .about-34.section-wrapper {
        padding: 60px 0;
    }

    .about-34 .about-34-row {
        display: block;
    }

    .about-34 .about-34-text-column {
        text-align: center;
    }

    .about-34 .about-34-text {
        max-width: 600px;
        margin: 0 auto;
        padding: 0;
    }

    .about-34 .about-34-title {
        font-size: 36px;
        line-height: 1.15;
        letter-spacing: -1px;
    }

    .about-34 .about-34-subtitle {
        margin: 20px auto 26px;
        font-size: 14px;
    }

    .about-34 .about-34-actions {
        justify-content: center;
        flex-wrap: wrap;
    }

    .about-34 .about-34-image-column {
        margin-top: 40px;
    }

    .about-34 .about-34-img-wrapper {
        min-height: 400px;
        max-width: 500px;
        margin: 0 auto;
    }

    .about-34 .about-34-main-image-wrapper {
        height: 390px;
    }

    .about-34 .about-34-image-backdrop {
        width: 270px;
        height: 270px;
    }

    .about-34 .about-34-abstract-img {
        width: 180px;
        height: 180px;
        top: 3%;
        left: 5%;
    }

    .about-34 .about-34-image-badge {
        right: 5px;
        bottom: 15px;
        padding: 10px 14px;
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .about-34.section-wrapper {
        padding: 50px 0;
    }

    .about-34 .about-34-eyebrow {
        font-size: 10px;
    }

    .about-34 .about-34-title {
        font-size: 30px;
    }

    .about-34 .about-34-subtitle {
        font-size: 13px;
        line-height: 1.8;
    }

    .about-34 .about-34-actions {
        flex-direction: column;
        gap: 12px;
    }

    .about-34 .about-34-btn-primary {
        width: 100%;
        max-width: 190px;
    }

    .about-34 .about-34-img-wrapper {
        min-height: 330px;
    }

    .about-34 .about-34-main-image-wrapper {
        height: 325px;
    }

    .about-34 .about-34-image-backdrop {
        width: 220px;
        height: 220px;
    }

    .about-34 .about-34-abstract-img {
        width: 145px;
        height: 145px;
    }

    .about-34 .about-34-image-badge {
        right: 0;
        bottom: 8px;
        padding: 8px 11px;
        font-size: 10px;
    }

    .about-34 .about-34-image-badge i {
        font-size: 15px;
    }
}
/* home-59 */
.home-59.section-wrapper {
    position: relative;
    padding: 120px 15px;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
}

.home-59 * {
    font-family: "Poppins", sans-serif;
}

.home-59-yoga-text {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: 150px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 5px;
    background: linear-gradient(90deg, var(--border, #999), var(--text, #333), var(--border, #999));
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: home-59-gradientMove 5s linear infinite;
    transition: transform .35s ease;
}

.home-59-yoga-text:hover {
    transform: perspective(700px) rotateY(12deg) rotateX(8deg);
}

@keyframes home-59-gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.home-59-yoga-img {
    position: absolute;
    top: -20px;
    left: 40%;
    max-width: 700px;
    transition: transform .4s ease;
}

.home-59-yoga-img:hover {
    transform: translateY(-8px) scale(1.03);
}

.home-59-small-title {
    margin-bottom: -20px;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
}

.home-59-day {
    display: inline-block;
    margin-left: 10px;
    color: var(--primary, #666);
    font-size: 22px;
    font-weight: 700;
    transform: rotate(90deg);
}

.home-59-date {
    margin-top: 20px;
    color: var(--text, #222);
    font-size: 16px;
    font-weight: 700;
}

.home-59-subtext {
    max-width: 600px;
    margin: 10px auto 0;
    color: #777;
    font-size: 15px;
    line-height: 1.9;
}

@media(max-width:991px) {

    .home-59.section-wrapper {
        padding: 90px 15px;
    }

    .home-59-yoga-text {
        font-size: 110px;
    }

    .home-59-yoga-img {
        max-width: 500px;
        left: 38%;
    }

}

@media(max-width:767px) {

    .home-59.section-wrapper {
        padding: 60px 15px;
        text-align: center;
    }

    .home-59-yoga-text {
        font-size: 56px;
        letter-spacing: 2px;
    }

    .home-59-yoga-img {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        max-width: 250px;
        margin: 25px auto 0;
    }

    .home-59-small-title {
        margin-bottom: 10px;
    }

    .home-59-day {
        transform: none;
        margin-left: 6px;
    }

}

/* home-60 */
.home-60.section-wrapper {
    padding: 80px 15px;
    text-align: center;
    background: var(--bg, #fff);
    color: var(--text, #333);
}

.home-60 * {
    font-family: "Poppins", sans-serif;
}

.home-60-title {
    margin-bottom: 45px;
    color: var(--text, #333);
    font-size: 55px;
    font-weight: 600;
    line-height: 1.2;
}

.home-60-card {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    padding: 35px 25px;
    background: var(--bg, #fff);
    border: 1px solid var(--border, #ececec);
    border-radius: 28px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    perspective: 1000px;
    transition: transform .45s ease, box-shadow .45s ease;
}

.home-60-card:before {
    content: "";
    position: absolute;
    top: -80%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, .25), var(--primary, #e67e22));
    opacity: .18;
    transform: skewY(-10deg);
    transition: top .55s ease;
}

.home-60-card:hover:before {
    top: 100%;
}

.home-60-card:hover {
    transform: translateY(-10px) rotateX(5deg);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .15);
}

.home-60-card i {
    display: block;
    margin-bottom: 18px;
    color: var(--primary, #e67e22);
    font-size: 50px;
    transition: transform .35s ease;
}

.home-60-card:hover i {
    transform: scale(1.12) rotate(-8deg);
}

.home-60-card p {
    margin: 0;
    color: #555;
    font-size: 15px;
    line-height: 1.8;
}

.home-60-btn {
    display: inline-block;
    margin-top: 35px;
    padding: 14px 34px;
    border: none;
    border-radius: 50px;
    background: var(--primary, #e67e22);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s ease;
}

.home-60-btn:hover {
    background: var(--secondary, #d35400);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .15);
}

@media(max-width:991px) {

    .home-60.section-wrapper {
        padding: 70px 15px;
    }

    .home-60-title {
        font-size: 42px;
    }

}

@media(max-width:767px) {

    .home-60.section-wrapper {
        padding: 60px 15px;
    }

    .home-60-title {
        margin-bottom: 35px;
        font-size: 30px;
    }

    .home-60-card {
        padding: 28px 20px;
        border-radius: 22px;
    }

    .home-60-card i {
        font-size: 42px;
    }

}

/* about-35 */


.about-35.section-wrapper {
    padding: 80px 0;
    background: var(--light, #f5f5f5);
}

.about-35 * {
    font-family: "Poppins", sans-serif;
}

.about-35-shape {
    max-width: 700px;
    margin: 0 auto;
    transition: transform .4s ease;
}

.about-35-shape:hover {
    transform: translateY(-6px);
}

.about-35-content h2 {
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: 70px;
    font-weight: 700;
    line-height: 1.2;
}

.about-35-content p {
    margin: 0 0 30px;
    color: #666;
    font-size: 22px;
    line-height: 1.8;
}

.about-35-stats {
    display: flex;
    justify-content: flex-start;
    gap: 50px;
    flex-wrap: wrap;
}

.about-35-stat {
    transition: transform .3s ease;
}

.about-35-stat:hover {
    transform: translateY(-5px);
}

.about-35-stat h3 {
    margin: 0;
    color: var(--text, #111);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.about-35-stat p {
    margin: 8px 0 0;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

@media(max-width:991px) {

    .about-35.section-wrapper {
        padding: 70px 0;
    }

    .about-35-content h2 {
        font-size: 48px;
    }

    .about-35-content p {
        font-size: 18px;
    }

}

@media(max-width:767px) {

    .about-35.section-wrapper {
        padding: 60px 0;
    }

    .about-35-content {
        margin-top: 30px;
        text-align: center;
    }

    .about-35-content h2 {
        font-size: 30px;
    }

    .about-35-content p {
        font-size: 16px;
    }

    .about-35-stats {
        justify-content: center;
        gap: 30px;
    }

    .about-35-stat h3 {
        font-size: 30px;
    }

}

/* home-61 */
.home-61 {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    background: var(--secondary, #111);
    font-family: "Poppins", sans-serif;
}

.home-61 * {
    box-sizing: border-box;
}

.home-61 .home-61-strip {
    position: absolute;
    left: -10%;
    display: flex;
    align-items: center;
    width: 120%;
    height: 76px;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: 0 14px 35px rgba(0, 0, 0, .2);
}

.home-61 .home-61-strip-white {
    top: 39%;
    z-index: 2;
    background: var(--light, #fff);
    transform: rotate(-5deg);
}

.home-61 .home-61-strip-green {
    top: 53%;
    z-index: 1;
    background: var(--primary, #c6ff3f);
    transform: rotate(-5deg);
}

.home-61 .home-61-marquee {
    display: flex;
    align-items: center;
    width: max-content;
    min-width: 100%;
    will-change: transform;
}

.home-61 .home-61-marquee-group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.home-61 .home-61-marquee span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 38px;
    color: var(--text, #111);
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.home-61 .home-61-marquee span i {
    color: var(--primary, #c6ff3f);
    font-size: 23px;
}

.home-61 .home-61-strip-green .home-61-marquee span i {
    color: var(--text, #111);
}

.home-61 .home-61-marquee-left {
    animation: home-61-left 24s linear infinite;
}

.home-61 .home-61-marquee-right {
    animation: home-61-right 24s linear infinite;
}

.home-61 .home-61-center {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 50px;
    background: rgba(0, 0, 0, .35);
    color: var(--light, #fff);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(8px);
}

.home-61 .home-61-center-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--primary, #c6ff3f);
    color: var(--text, #111);
}

.home-61 .home-61-center-icon i {
    font-size: 16px;
}

.home-61 .home-61-marquee span:hover {
    transform: scale(1.04);
}

@keyframes home-61-left {
    from {
        transform: translateX(0);
    }

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

@keyframes home-61-right {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

@media (max-width: 991px) {
    .home-61 {
        height: 330px;
    }

    .home-61 .home-61-strip {
        height: 65px;
    }

    .home-61 .home-61-strip-white {
        top: 39%;
    }

    .home-61 .home-61-strip-green {
        top: 54%;
    }

    .home-61 .home-61-marquee span {
        padding: 0 30px;
        font-size: 16px;
    }

    .home-61 .home-61-marquee span i {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .home-61 {
        height: 260px;
    }

    .home-61 .home-61-strip {
        left: -20%;
        width: 140%;
        height: 54px;
    }

    .home-61 .home-61-strip-white {
        top: 38%;
        transform: rotate(-6deg);
    }

    .home-61 .home-61-strip-green {
        top: 55%;
        transform: rotate(-6deg);
    }

    .home-61 .home-61-marquee span {
        gap: 7px;
        padding: 0 22px;
        font-size: 12px;
        letter-spacing: .4px;
    }

    .home-61 .home-61-marquee span i {
        font-size: 16px;
    }

    .home-61 .home-61-center {
        padding: 8px 13px;
        font-size: 8px;
        letter-spacing: .8px;
    }

    .home-61 .home-61-center-icon {
        width: 25px;
        height: 25px;
    }

    .home-61 .home-61-center-icon i {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .home-61 {
        height: 220px;
    }

    .home-61 .home-61-strip {
        height: 48px;
    }

    .home-61 .home-61-strip-white {
        top: 39%;
    }

    .home-61 .home-61-strip-green {
        top: 55%;
    }

    .home-61 .home-61-marquee span {
        padding: 0 18px;
        font-size: 10px;
    }

    .home-61 .home-61-marquee span i {
        font-size: 14px;
    }

    .home-61 .home-61-center {
        display: none;
    }
}

.home-62.section-wrapper {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: var(--bg, #111);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.home-62 * {
    box-sizing: border-box;
}

.home-62 .home-62-row {
    display: flex;
    align-items: center;
}

.home-62 .home-62-img-column,
.home-62 .home-62-text-column {
    display: flex;
    align-items: center;
}

.home-62 .home-62-img-wrapper {
    position: relative;
    width: 100%;
    height: 510px;
    padding: 0 35px 35px 0;
}

.home-62 .home-62-image-accent {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 78%;
    height: 78%;
    border: 1px solid var(--primary, #c6ff3f);
    border-radius: 28px;
    opacity: .5;
}

.home-62 .home-62-main-img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 26px;
    object-fit: cover;
    box-shadow: 0 25px 55px rgba(0, 0, 0, .3);
    transition: transform .4s ease, box-shadow .4s ease;
}

.home-62 .home-62-img-wrapper:hover .home-62-main-img {
    transform: translate(-5px, -5px);
    box-shadow: 0 30px 65px rgba(0, 0, 0, .38);
}

.home-62 .home-62-image-badge {
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 250px;
    padding: 14px 18px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 14px;
    background: rgba(0, 0, 0, .72);
    color: var(--light, #fff);
    backdrop-filter: blur(12px);
}

.home-62 .home-62-image-badge > i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--primary, #c6ff3f);
    color: var(--text, #111);
    font-size: 19px;
}

.home-62 .home-62-image-badge div {
    min-width: 0;
}

.home-62 .home-62-image-badge strong,
.home-62 .home-62-image-badge span {
    display: block;
}

.home-62 .home-62-image-badge strong {
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 700;
}

.home-62 .home-62-image-badge span {
    color: rgba(255, 255, 255, .65);
    font-size: 10px;
}

.home-62 .home-62-text {
    width: 100%;
    max-width: 610px;
    padding-left: 45px;
}

.home-62 .home-62-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: var(--primary, #c6ff3f);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.home-62 .home-62-eyebrow i {
    font-size: 17px;
}

.home-62 .home-62-title {
    margin: 0;
    color: var(--light, #fff);
    font-size: 64px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -2px;
}

.home-62 .home-62-title span {
    display: block;
    color: var(--primary, #c6ff3f);
}

.home-62 .home-62-subtitle {
    max-width: 570px;
    margin: 25px 0 30px;
    color: rgba(255, 255, 255, .72);
    font-size: 17px;
    line-height: 1.8;
}

.home-62 .home-62-highlights {
    display: flex;
    gap: 14px;
    margin-bottom: 32px;
}

.home-62 .home-62-highlight {
    display: flex;
    align-items: center;
    gap: 11px;
    flex: 1;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
}

.home-62 .home-62-highlight-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(198, 255, 63, .12);
    color: var(--primary, #c6ff3f);
}

.home-62 .home-62-highlight-icon i {
    font-size: 18px;
}

.home-62 .home-62-highlight strong,
.home-62 .home-62-highlight span {
    display: block;
}

.home-62 .home-62-highlight strong {
    margin-bottom: 3px;
    color: var(--light, #fff);
    font-size: 12px;
    font-weight: 700;
}

.home-62 .home-62-highlight div > span {
    color: rgba(255, 255, 255, .5);
    font-size: 10px;
}

.home-62 .home-62-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 50px;
    padding: 0 25px;
    border: 1px solid var(--primary, #c6ff3f);
    border-radius: 50px;
    background: var(--primary, #c6ff3f);
    color: var(--text, #111);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}

.home-62 .home-62-btn-primary i {
    font-size: 18px;
    transition: transform .3s ease;
}

.home-62 .home-62-btn-primary:hover {
    background: transparent;
    color: var(--primary, #c6ff3f);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .22);
}

.home-62 .home-62-btn-primary:hover i {
    transform: translateX(4px);
}

@media (max-width: 1199px) {
    .home-62.section-wrapper {
        padding: 75px 0;
    }

    .home-62 .home-62-img-wrapper {
        height: 460px;
        padding-right: 28px;
        padding-bottom: 28px;
    }

    .home-62 .home-62-text {
        padding-left: 25px;
    }

    .home-62 .home-62-title {
        font-size: 54px;
    }

    .home-62 .home-62-subtitle {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .home-62.section-wrapper {
        padding: 70px 0;
    }

    .home-62 .home-62-row {
        align-items: flex-start;
    }

    .home-62 .home-62-img-wrapper {
        height: 420px;
    }

    .home-62 .home-62-text {
        padding-left: 15px;
    }

    .home-62 .home-62-title {
        font-size: 45px;
        letter-spacing: -1px;
    }

    .home-62 .home-62-subtitle {
        margin: 20px 0 25px;
        line-height: 1.7;
    }

    .home-62 .home-62-highlights {
        display: block;
        margin-bottom: 25px;
    }

    .home-62 .home-62-highlight + .home-62-highlight {
        margin-top: 10px;
    }

    .home-62 .home-62-image-badge {
        right: -5px;
    }
}

@media (max-width: 767px) {
    .home-62.section-wrapper {
        padding: 60px 0;
    }

    .home-62 .home-62-row {
        display: block;
    }

    .home-62 .home-62-img-column,
    .home-62 .home-62-text-column {
        display: block;
    }

    .home-62 .home-62-img-wrapper {
        height: 380px;
        padding: 0 20px 20px 0;
    }

    .home-62 .home-62-text {
        max-width: none;
        padding: 40px 0 0;
        text-align: center;
    }

    .home-62 .home-62-eyebrow {
        justify-content: center;
    }

    .home-62 .home-62-title {
        font-size: 38px;
        line-height: 1.1;
    }

    .home-62 .home-62-subtitle {
        max-width: 600px;
        margin: 20px auto 25px;
        font-size: 15px;
    }

    .home-62 .home-62-highlights {
        max-width: 500px;
        margin: 0 auto 25px;
        text-align: left;
    }

    .home-62 .home-62-btn-primary {
        min-height: 48px;
        padding: 0 22px;
    }
}

@media (max-width: 480px) {
    .home-62.section-wrapper {
        padding: 50px 0;
    }

    .home-62 .home-62-img-wrapper {
        height: 300px;
        padding: 0 12px 12px 0;
    }

    .home-62 .home-62-main-img {
        border-radius: 20px;
    }

    .home-62 .home-62-image-accent {
        border-radius: 20px;
    }

    .home-62 .home-62-image-badge {
        right: -5px;
        bottom: 0;
        max-width: 205px;
        padding: 10px 12px;
    }

    .home-62 .home-62-image-badge > i {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }

    .home-62 .home-62-image-badge strong {
        font-size: 10px;
    }

    .home-62 .home-62-image-badge span {
        font-size: 9px;
    }

    .home-62 .home-62-text {
        padding-top: 32px;
    }

    .home-62 .home-62-eyebrow {
        margin-bottom: 13px;
        font-size: 10px;
        letter-spacing: 1.3px;
    }

    .home-62 .home-62-title {
        font-size: 31px;
    }

    .home-62 .home-62-subtitle {
        font-size: 14px;
        line-height: 1.65;
    }

    .home-62 .home-62-highlight {
        padding: 11px;
    }

    .home-62 .home-62-highlight-icon {
        width: 34px;
        height: 34px;
    }

    .home-62 .home-62-highlight strong {
        font-size: 11px;
    }
}
/* home-63 */


.home-63.section-wrapper {
    padding: 80px 0;
    text-align: center;
    background: var(--bg, #fff);
}

.home-63 * {
    font-family: "Poppins", sans-serif;
}

.home-63-title {
    margin: 0 0 8px;
    color: var(--text, #222);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}

.home-63-subtitle {
    margin: 0 0 50px;
    color: #777;
    font-size: 14px;
    line-height: 1.8;
}

.home-63-gallery {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.home-63-card {
    position: relative;
    width: 180px;
    height: 280px;
    overflow: hidden;
    cursor: pointer;
    background: var(--light, #eee);
    border-radius: 20px;
    border: 1px solid var(--border, #ececec);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
    transition: transform .4s ease, box-shadow .4s ease;
}

.home-63-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: transform .45s ease;
}

.home-63-card:hover {
    transform: translateY(-8px) scale(1.05) rotateX(5deg) rotateY(-5deg);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .16);
}

.home-63-card:hover img {
    transform: scale(1.08);
}

@media(max-width:991px) {

    .home-63.section-wrapper {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .home-63.section-wrapper {
        padding: 60px 0;
    }

    .home-63-title {
        font-size: 22px;
    }

    .home-63-subtitle {
        margin-bottom: 35px;
    }

    .home-63-card {
        width: 45%;
        height: 200px;
    }

}

@media(max-width:480px) {

    .home-63-card {
        width: 90%;
        height: 220px;
    }

}

/* home-64 */
.home-64.section-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 80px 0;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(135deg, var(--text, #000) 60%, var(--primary, #f1c40f) 100%);
}

.home-64 * {
    font-family: "Poppins", sans-serif;
}

.home-64 .container {
    position: relative;
    z-index: 2;
}

.home-64-title {
    margin: 0 0 20px;
    color: #fff;
    font-size: 100px;
    font-weight: 700;
    line-height: 1.1;
}

.home-64-subtitle {
    max-width: 600px;
    margin: 0 0 40px;
    color: rgba(255, 255, 255, .88);
    font-size: 18px;
    line-height: 1.9;
}

.home-64-proof {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.home-64-proof span {
    margin-left: 10px;
    color: var(--primary, #f1c40f);
}

.home-64-video {
    position: absolute;
    right: 40px;
    bottom: 40px;
    width: 300px;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .35);
    transform-origin: center;
    transition: transform .35s ease, box-shadow .35s ease;
    z-index: 1;
}

.home-64-video:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 28px 60px rgba(0, 0, 0, .45);
}

.home-64-video img {
    display: block;
    width: 100%;
    transition: transform .45s ease;
}

.home-64-video:hover img {
    transform: scale(1.06);
}

@media(max-width:991px) {

    .home-64.section-wrapper {
        padding: 70px 0;
    }

    .home-64-title {
        font-size: 60px;
    }

    .home-64-video {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 40px auto 0;
        width: 280px;
    }

}

@media(max-width:767px) {

    .home-64.section-wrapper {
        min-height: auto;
        padding: 60px 0;
        text-align: center;
    }

    .home-64-title {
        font-size: 30px;
    }

    .home-64-subtitle {
        margin: 0 auto 30px;
        font-size: 16px;
    }

    .home-64-proof {
        justify-content: center;
        font-size: 18px;
    }

    .home-64-video {
        width: 100%;
        max-width: 280px;
    }

}

/* home-65 */

.home-65 {
    padding: 80px 20px;
    overflow: hidden;
    background: var(--text, #000);
    color: #fff;
}

.home-65 * {
    font-family: "Poppins", sans-serif;
}

.home-65-subtitle {
    display: inline-block;
    margin: 0 0 20px;
    padding-bottom: 10px;
    color: #aaa;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 2px;
    border-bottom: 1px solid var(--primary, #ffc107);
}

.home-65-title {
    margin: 0;
    color: #eaeaea;
    font-size: 90px;
    font-weight: 800;
    line-height: 1.15;
}

.home-65-title span {
    color: var(--primary, #ffc107);
}

.home-65-logos-wrapper {
    position: relative;
    display: flex;
    justify-content: space-around;
    height: 350px;
    overflow: hidden;
}

.home-65-logos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}

.home-65-logos img {
    width: 120px;
    height: auto;
    padding: 12px;
    cursor: pointer;
    opacity: .8;
    border-radius: 14px;
    background: transparent;
    filter: grayscale(100%);
    transition: all .35s ease;
}

.home-65-logos img:hover {
    opacity: 1;
    background: var(--primary, #ffc107);
    filter: grayscale(0%);
    transform: translateY(-6px) scale(1.05);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
}

.home-65-logos-wrapper:before,
.home-65-logos-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 80px;
    z-index: 2;
}

.home-65-logos-wrapper:before {
    top: 0;
    background: linear-gradient(to bottom, var(--text, #000), rgba(0, 0, 0, 0));
}

.home-65-logos-wrapper:after {
    bottom: 0;
    background: linear-gradient(to top, var(--text, #000), rgba(0, 0, 0, 0));
}

@media(max-width:991px) {

    .home-65 {
        padding: 70px 20px;
    }

    .home-65-title {
        font-size: 60px;
    }

    .home-65-subtitle {
        font-size: 20px;
    }

    .home-65-logos-wrapper {
        height: 300px;
    }

    .home-65-logos img {
        width: 100px;
    }

}

@media(max-width:767px) {

    .home-65 {
        padding: 60px 15px;
        text-align: center;
    }

    .home-65-title {
        font-size: 30px;
    }

    .home-65-subtitle {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .home-65-logos-wrapper {
        height: 240px;
    }

    .home-65-logos {
        gap: 30px;
    }

    .home-65-logos img {
        width: 70px;
        padding: 8px;
    }

}

/* home-66 */
.home-66.section-wrapper {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.home-66 * {
    font-family: "Poppins", sans-serif;
    color: var(--text, #000);
    line-height: 1.7;
}

.home-66-header {
    margin-bottom: 60px;
}

.home-66-services {
    display: inline-block;
    margin: 16px 0 8px;
    color: #666;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-66-main-title {
    margin: 0;
    color: var(--text, #000);
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
}

.home-66-section {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 50px 0;
}

.home-66-yellow {
    background: var(--primary, #FFD500);
}

.home-66-white {
    background: var(--bg, #fff);
}

.home-66-title {
    margin: 0 0 25px;
    color: var(--text, #000);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.home-66-desc {
    max-width: 90%;
    margin-bottom: 30px;
    color: #444;
    font-size: 18px;
    line-height: 1.9;
}

.home-66-section ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.home-66-section ul li {
    margin-bottom: 14px;
    color: var(--text, #000);
    font-size: 16px;
}

.home-66-section ul li:before {
    content: "↳";
    margin-right: 8px;
    color: var(--primary, #FFD500);
    font-weight: 700;
}

.home-66-section img {
    display: block;
    max-width: 90%;
    margin: auto;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .15);
    transition: transform .35s ease, box-shadow .35s ease;
}

.home-66-section img:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .20);
}

@media(max-width:991px) {

    .home-66.section-wrapper {
        padding: 70px 0;
    }

    .home-66-main-title {
        font-size: 36px;
    }

    .home-66-title {
        font-size: 32px;
    }

    .home-66-section {
        min-height: auto;
    }

}

@media(max-width:767px) {

    .home-66.section-wrapper {
        padding: 60px 0;
    }

    .home-66-header {
        margin-bottom: 40px;
        text-align: center;
    }

    .home-66-services {
        font-size: 16px;
    }

    .home-66-main-title {
        font-size: 30px;
    }

    .home-66-title {
        font-size: 30px;
    }

    .home-66-desc {
        max-width: 100%;
        font-size: 16px;
    }

    .home-66-section {
        min-height: auto;
        padding: 40px 20px;
        text-align: center;
    }

    .home-66-section img {
        max-width: 100%;
        margin-top: 25px;
    }

}

.home-93 {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 700px;
    padding: 90px 0;
    overflow: hidden;
    background-color: var(--secondary, #111);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.home-93 *,
.home-93 *::before,
.home-93 *::after {
    box-sizing: border-box;
}

.home-93-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, .82) 0%,
            rgba(0, 0, 0, .62) 45%,
            rgba(0, 0, 0, .3) 100%
        );
}

.home-93-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        circle at 70% 45%,
        rgba(255, 255, 255, .08),
        transparent 35%
    );
}

.home-93-container {
    position: relative;
    z-index: 2;
    width: 100%;
}

.home-93-hero {
    position: relative;
    min-height: 520px;
    padding: 55px 7%;
    display: flex;
    align-items: center;
}

.home-93-content {
    position: relative;
    z-index: 3;
    max-width: 690px;
    margin-bottom: 50px;
}

.home-93-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    padding: 8px 15px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50px;
    background: rgba(255, 255, 255, .08);
    color: var(--primary, #ff6a00);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1.4;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.home-93-badge i {
    font-size: 16px;
}

.home-93-subtitle {
    max-width: 680px;
    margin: 0 0 20px;
    color: var(--light, #fff);
    font-size: 52px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.home-93-desc {
    max-width: 560px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    line-height: 1.85;
}

.home-93-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 13px 23px;
    border-radius: 50px;
    background: var(--primary, #ff6a00);
    color: var(--light, #fff);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .4px;
    text-decoration: none;
    transition: all .35s ease;
}

.home-93-btn i {
    font-size: 17px;
    transition: transform .35s ease;
}

.home-93-btn:hover {
    background: var(--light, #fff);
    color: var(--secondary, #111);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .25);
    text-decoration: none;
}

.home-93-btn:hover i {
    transform: translate(3px, -3px);
}

.home-93-title-wrap {
    position: absolute;
    right: 4%;
    bottom: -4px;
    z-index: 2;
    pointer-events: none;
}

.home-93-title-outline {
    position: absolute;
    right: 20px;
    bottom: 95px;
    color: transparent;
    font-size: 95px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 5px;
    text-transform: uppercase;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .16);
    white-space: nowrap;
}

.home-93-title {
    margin: 0;
    color: var(--light, #fff);
    font-size: clamp(110px, 16vw, 235px);
    font-weight: 700;
    line-height: .75;
    letter-spacing: -8px;
    text-transform: uppercase;
    text-shadow: 0 20px 50px rgba(0, 0, 0, .35);
}

.home-93-bottom {
    position: absolute;
    right: 7%;
    bottom: 25px;
    left: 7%;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-93-scroll {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, .5);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.home-93-scroll-line {
    display: block;
    width: 38px;
    height: 1px;
    background: var(--primary, #ff6a00);
}

.home-93-bottom-meta {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: rgba(255, 255, 255, .4);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.home-93-bottom-meta i {
    color: var(--primary, #ff6a00);
    font-size: 15px;
}

@media (max-width: 1199px) {
    .home-93 {
        min-height: 630px;
    }

    .home-93-hero {
        padding-right: 5%;
        padding-left: 5%;
    }

    .home-93-subtitle {
        font-size: 45px;
    }

    .home-93-title {
        font-size: 170px;
    }

    .home-93-title-outline {
        bottom: 75px;
        font-size: 75px;
    }

    .home-93-bottom {
        right: 5%;
        left: 5%;
    }
}

@media (max-width: 991px) {
    .home-93 {
        min-height: 570px;
        padding: 70px 0;
    }

    .home-93-hero {
        min-height: 450px;
        padding: 45px 5%;
    }

    .home-93-subtitle {
        max-width: 560px;
        font-size: 38px;
    }

    .home-93-desc {
        max-width: 500px;
    }

    .home-93-title {
        font-size: 135px;
        letter-spacing: -5px;
    }

    .home-93-title-outline {
        bottom: 60px;
        font-size: 60px;
    }
}

@media (max-width: 767px) {
    .home-93 {
        min-height: 580px;
        padding: 60px 15px;
        background-position: center;
    }

    .home-93-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(0, 0, 0, .72) 0%,
                rgba(0, 0, 0, .78) 100%
            );
    }

    .home-93-hero {
        min-height: 460px;
        padding: 30px 10px;
        justify-content: center;
        text-align: center;
    }

    .home-93-content {
        max-width: 600px;
        margin: 0 auto 70px;
    }

    .home-93-badge {
        margin-bottom: 17px;
    }

    .home-93-subtitle {
        font-size: 31px;
        line-height: 1.2;
        letter-spacing: -.5px;
    }

    .home-93-desc {
        margin-right: auto;
        margin-left: auto;
        font-size: 13px;
    }

    .home-93-title-wrap {
        right: 50%;
        bottom: 15px;
        transform: translateX(50%);
    }

    .home-93-title {
        font-size: 105px;
        letter-spacing: -4px;
    }

    .home-93-title-outline {
        right: 8px;
        bottom: 60px;
        font-size: 42px;
    }

    .home-93-bottom {
        right: 15px;
        bottom: -5px;
        left: 15px;
        justify-content: center;
    }

    .home-93-scroll {
        display: none;
    }
}

@media (max-width: 480px) {
    .home-93 {
        min-height: 520px;
        padding: 50px 12px;
    }

    .home-93-hero {
        min-height: 420px;
        padding: 20px 5px;
    }

    .home-93-badge {
        font-size: 9px;
        letter-spacing: 1px;
    }

    .home-93-subtitle {
        font-size: 27px;
    }

    .home-93-desc {
        font-size: 12px;
        line-height: 1.7;
    }

    .home-93-btn {
        min-height: 49px;
        padding: 12px 20px;
    }

    .home-93-title {
        font-size: 75px;
        letter-spacing: -3px;
    }

    .home-93-title-outline {
        bottom: 43px;
        font-size: 31px;
    }

    .home-93-bottom-meta {
        font-size: 8px;
    }
}

/* about-36 */
.about-36 {
    position: relative;
    padding: 80px 20px;
    text-align: center;
    background: var(--light, #f7f7f7);
}

.about-36 * {
    font-family: "Poppins", sans-serif;
}

.about-36-title {
    margin: 0;
    padding: 20px 0;
    font-size: 80px;
    font-weight: 700;
    line-height: 1.15;
    background: linear-gradient(45deg, var(--primary, #ff0b9d), var(--secondary, #7510d9), var(--accent, #ff3000));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-wrapper.about-36 p {
    margin: 0 0 150px !important;
    color: #4b4b4b;
    font-size: 26px;
    line-height: 1.8;
}

.about-36-images {
    position: relative;
    display: inline-block;
    width: 300px;
    height: 260px;
}

.about-36-images img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 220px;
    height: 260px;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
    transition: transform .6s ease, box-shadow .35s ease;
}

.about-36-images img:nth-child(1) {
    transform: translate(-55%, -50%) rotate(-5deg);
    z-index: 1;
}

.about-36-images img:nth-child(2) {
    transform: translate(-52%, -52%) rotate(-2deg);
    z-index: 2;
}

.about-36-images img:nth-child(3) {
    transform: translate(-50%, -50%) rotate(0);
    z-index: 3;
}

.about-36-images img:nth-child(4) {
    transform: translate(-48%, -52%) rotate(2deg);
    z-index: 2;
}

.about-36-images img:nth-child(5) {
    transform: translate(-45%, -50%) rotate(5deg);
    z-index: 1;
}

.about-36-images:hover img {
    box-shadow: 0 24px 55px rgba(0, 0, 0, .22);
}

.about-36-images:hover img:nth-child(1) {
    transform: translate(-180%, -50%) rotate(-25deg);
}

.about-36-images:hover img:nth-child(2) {
    transform: translate(-90%, -60%) rotate(-12deg);
}

.about-36-images:hover img:nth-child(3) {
    transform: translate(-50%, -70%) rotate(0);
}

.about-36-images:hover img:nth-child(4) {
    transform: translate(0%, -60%) rotate(12deg);
}

.about-36-images:hover img:nth-child(5) {
    transform: translate(80%, -50%) rotate(25deg);
}

@media(max-width:991px) {

    .about-36 {
        padding: 70px 20px;
    }

    .about-36-title {
        font-size: 50px;
    }

    .section-wrapper.about-36 p {
        margin-bottom: 110px !important;
        font-size: 20px;
    }

}

@media(max-width:767px) {

    .about-36 {
        padding: 60px 15px;
    }

    .about-36-title {
        font-size: 30px;
    }

    .section-wrapper.about-36 p {
        margin-bottom: 80px !important;
        font-size: 16px;
        line-height: 1.8;
    }

    .about-36-images {
        width: 220px;
        height: 220px;
    }

    .about-36-images img {
        width: 150px;
        height: 190px;
    }

}

/* about-37 */

.about-37 {
    padding: 60px 0 !important;
    background: var(--text, #000);
}

.about-37 * {
    font-family: "Poppins", sans-serif;
}

.about-37-container {
    padding: 40px 20px;
    background: var(--text, #000);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, .18);
}

.about-37-left {
    position: relative;
    height: 500px;
    overflow: hidden;
    border-radius: 18px;
}

.about-37-image-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 18px;
}

.about-37-image-track {
    display: flex;
    flex-direction: column;
    animation: about-37-image-scroll-37 12s linear infinite;
}

.about-37-image-track img {
    width: 100%;
    height: 200px;
    margin: 10px auto;
    object-fit: cover;
    border-radius: 14px;
    transition: transform .35s ease, box-shadow .35s ease;
}

.about-37-image-track img:hover {
    transform: scale(1.03);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
}

@keyframes about-37-image-scroll-37 {
    0% {
        transform: translateY(0);
    }

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

.about-37-left:before,
.about-37-left:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 2;
}

.about-37-left:before {
    top: 0;
    background: linear-gradient(to bottom, var(--text, #000), rgba(0, 0, 0, 0));
}

.about-37-left:after {
    bottom: 0;
    background: linear-gradient(to top, var(--text, #000), rgba(0, 0, 0, 0));
}

.about-37-testimonial {
    padding: 20px;
}

.about-37-quote {
    margin: 0 0 20px;
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.2;
}

.about-37-subtext {
    margin-bottom: 25px;
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    line-height: 1.9;
}

.about-37-name {
    margin-bottom: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.about-37-role {
    margin-bottom: 18px;
    color: #aaa;
    font-size: 13px;
}

.about-37-stars {
    color: var(--primary, #e63946);
    font-size: 18px;
    letter-spacing: 2px;
}

@media(max-width:991px) {

    .about-37 {
        padding: 70px 0 !important;
    }

    .about-37-left {
        height: 420px;
    }

    .about-37-quote {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-37 {
        padding: 60px 0 !important;
    }

    .about-37-container {
        padding: 25px 15px;
    }

    .about-37-left {
        height: 320px;
        margin-bottom: 30px;
    }

    .about-37-image-track img {
        height: 150px;
    }

    .about-37-testimonial {
        padding: 0;
        text-align: center;
    }

    .about-37-quote {
        font-size: 30px;
    }

    .about-37-subtext {
        font-size: 14px;
    }

}

.about-38 {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 650px;
    padding: 100px 20px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.about-38 *,
.about-38 *::before,
.about-38 *::after {
    box-sizing: border-box;
}

.about-38-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .68) 0%,
            rgba(0, 0, 0, .78) 100%
        );
}

.about-38-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at center,
            rgba(255, 255, 255, .08) 0,
            transparent 48%
        );
}

.about-38-container {
    position: relative;
    z-index: 2;
}

.about-38-content {
    max-width: 1050px;
    margin: 0 auto;
    text-align: center;
}

.about-38-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 28px;
    color: var(--primary, #14e3e5);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.5px;
    line-height: 1.4;
    text-transform: uppercase;
}

.about-38-eyebrow i {
    font-size: 18px;
}

.about-38-title-wrap {
    position: relative;
    display: inline-block;
}

.about-38-kicker {
    position: absolute;
    top: 50%;
    left: -58px;
    transform: translateY(-50%) rotate(-90deg);
    color: rgba(255, 255, 255, .35);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.about-38-title {
    display: flex;
    flex-direction: column;
    margin: 0;
    color: var(--light, #fff);
    font-size: clamp(64px, 9vw, 140px);
    font-weight: 800;
    line-height: .92;
    letter-spacing: -5px;
    text-transform: none;
}

.about-38-title span {
    display: block;
}

.about-38-title span:first-child {
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .7);
    text-stroke: 1px rgba(255, 255, 255, .7);
}

.about-38-title span:last-child {
    margin-left: 10%;
    background: linear-gradient(
        90deg,
        var(--primary, #14e3e5),
        var(--accent, #b5e853)
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-38-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    max-width: 760px;
    margin: 42px auto 0;
}

.about-38-line {
    display: block;
    width: 55px;
    height: 1px;
    flex: 0 0 55px;
    background: rgba(255, 255, 255, .35);
}

.about-38-sub {
    max-width: 540px;
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

.about-38-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
    padding: 13px 21px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50px;
    background: rgba(255, 255, 255, .06);
    color: var(--light, #fff);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-decoration: none;
    backdrop-filter: blur(8px);
    transition: all .35s ease;
}

.about-38-link i {
    font-size: 17px;
    transition: transform .35s ease;
}

.about-38-link:hover {
    border-color: var(--primary, #14e3e5);
    background: var(--primary, #14e3e5);
    color: var(--secondary, #111);
    text-decoration: none;
    transform: translateY(-3px);
}

.about-38-link:hover i {
    transform: translate(3px, -3px);
}

.about-38-corner {
    position: absolute;
    z-index: 3;
    display: flex;
    flex-direction: column;
    color: rgba(255, 255, 255, .5);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.6;
    text-transform: uppercase;
}

.about-38-corner strong {
    color: rgba(255, 255, 255, .85);
    font-size: 14px;
    letter-spacing: 1px;
}

.about-38-corner-top {
    top: 35px;
    left: 40px;
}

.about-38-corner-bottom {
    right: 40px;
    bottom: 35px;
    align-items: flex-end;
}

.about-38-corner-bottom i {
    margin-bottom: 4px;
    color: var(--primary, #14e3e5);
    font-size: 18px;
}

@media (max-width: 991px) {
    .about-38 {
        min-height: 560px;
        padding: 80px 20px;
    }

    .about-38-title {
        font-size: clamp(58px, 10vw, 95px);
        letter-spacing: -3px;
    }

    .about-38-kicker {
        left: -48px;
    }

    .about-38-bottom {
        gap: 18px;
        margin-top: 35px;
    }
}

@media (max-width: 767px) {
    .about-38 {
        min-height: 520px;
        padding: 75px 20px;
    }

    .about-38-eyebrow {
        margin-bottom: 22px;
        font-size: 10px;
        letter-spacing: 1.8px;
    }

    .about-38-title {
        font-size: clamp(48px, 14vw, 72px);
        line-height: .95;
        letter-spacing: -2px;
    }

    .about-38-title span:last-child {
        margin-left: 6%;
    }

    .about-38-kicker {
        display: none;
    }

    .about-38-bottom {
        display: block;
        max-width: 480px;
        margin-top: 30px;
    }

    .about-38-line {
        width: 45px;
        height: 1px;
        margin: 0 auto 17px;
    }

    .about-38-bottom .about-38-line:last-child {
        margin: 17px auto 0;
    }

    .about-38-sub {
        font-size: 14px;
        line-height: 1.75;
    }

    .about-38-link {
        margin-top: 25px;
    }

    .about-38-corner-top {
        top: 22px;
        left: 22px;
    }

    .about-38-corner-bottom {
        right: 22px;
        bottom: 22px;
    }
}

@media (max-width: 480px) {
    .about-38 {
        min-height: 480px;
        padding: 65px 15px;
    }

    .about-38-title {
        font-size: 45px;
        letter-spacing: -1.5px;
    }

    .about-38-eyebrow {
        font-size: 9px;
        letter-spacing: 1.4px;
    }

    .about-38-sub {
        font-size: 13px;
    }

    .about-38-corner {
        font-size: 8px;
    }

    .about-38-corner-bottom span {
        display: none;
    }
}

/* about-39 */

/* Section wrapper */
.about-39 {
    margin: 0;
    padding: 80px 0;
    background: linear-gradient(135deg, var(--light, #f9f9f9), var(--bg, #e6e6e6));
}

.about-39 * {
    font-family: "Poppins", sans-serif;
}

.about-39 .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    width: 1200px;
    max-width: 95%;
}

.about-39-title {
    margin: 0;
    padding: 10px 0 60px;
    font-size: 80px;
    font-weight: 700;
    line-height: 1.15;
    background: linear-gradient(45deg, var(--primary, #ff0b9d), var(--secondary, #7510d9), var(--accent, #ff3000));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-39 .card {
    position: relative;
    width: 269px;
    height: 320px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 28px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
    transition: transform .35s ease, box-shadow .35s ease;
}

.about-39 .card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .18);
}

.about-39 .card .face {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 28px;
    transition: transform .6s ease;
}

.about-39 .card .face.face1 {
    z-index: 2;
}

.about-39 .card:hover .face.face1 {
    transform: translateY(-100%);
}

.about-39 .card .face.face2 {
    z-index: 1;
    padding: 25px;
    box-sizing: border-box;
    background: #fff;
    transform: translateY(100%);
}

.about-39 .card:hover .face.face2 {
    transform: translateY(0);
}

.about-39 .card .face.face1 .icon {
    color: #fff;
    font-size: 70px;
}

.about-39 .card:nth-child(1) .face.face1 {
    background: linear-gradient(135deg, #f9ce34, #ee2a7b, #6228d7);
}

.about-39 .card:nth-child(2) .face.face1 {
    background: #010101;
}

.about-39 .card:nth-child(3) .face.face1 {
    background: #1da1f2;
}

.about-39 .card:nth-child(4) .face.face1 {
    background: #ff0000;
}

.about-39 .card .face.face2 .card-content h3 {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.about-39 .card .face.face2 .card-content p {
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
}

.about-39 a {
    color: inherit;
    text-decoration: none;
}

@media(max-width:991px) {

    .about-39 {
        padding: 70px 0;
    }

    .about-39-title {
        font-size: 50px;
        padding-bottom: 45px;
    }

}

@media(max-width:767px) {

    .about-39 {
        padding: 60px 0;
    }

    .about-39 .container {
        flex-direction: column;
        align-items: center;
    }

    .about-39-title {
        font-size: 30px;
        padding-bottom: 35px;
        text-align: center;
    }

}

/* home-68 */
.home-68 {
    position: relative;
    overflow: hidden;
    padding: 80px 0 90px;
    color: #fff;
    background:
        radial-gradient(1200px 800px at -10% 10%, rgba(255, 59, 59, .25), transparent 60%),
        radial-gradient(1200px 800px at 110% 20%, rgba(247, 7, 7, .25), transparent 60%),
        radial-gradient(1000px 700px at 20% 110%, rgba(244, 24, 24, .25), transparent 60%),
        var(--text, #000);
}

.home-68 * {
    font-family: "Poppins", sans-serif;
}

.home-68 .home-68-eyebrow {
    margin-bottom: 10px;
    color: var(--primary, #ff6a3d);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
}

.home-68 .home-68-title {
    margin: 0 0 15px;
    color: #fff;
    font-size: 124px;
    font-weight: 700;
    line-height: 1.08;
}

.home-68 .home-68-role {
    margin-bottom: 14px;
    color: #fff;
    font-size: 18px;
}

.home-68 .home-68-role .home-68-accent {
    color: var(--accent, #10b981);
    font-weight: 600;
}

.home-68 .home-68-desc {
    max-width: 520px;
    margin-bottom: 24px;
    color: rgba(255, 255, 255, .80);
    font-size: 15px;
    line-height: 1.9;
}

.home-68 .home-68-cta {
    display: inline-block;
    padding: 14px 26px;
    border-radius: 50px;
    background: linear-gradient(135deg, var(--primary, #ff7a59), var(--secondary, #ff4d4f));
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(255, 93, 93, .25);
    transition: all .3s ease;
}

.home-68 .home-68-cta:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(255, 93, 93, .35);
}

.home-68 .home-68-social {
    margin-top: 18px;
    font-size: 18px;
}

.home-68 .home-68-social a {
    display: inline-block;
    margin-right: 12px;
    color: #fff;
    text-decoration: none;
    transition: all .3s ease;
}

.home-68 .home-68-social a:hover {
    color: var(--accent, #10b981);
    transform: translateY(-3px);
}

.home-68 .home-68-visual-wrap {
    position: relative;
    perspective: 1000px;
}

.home-68 .home-68-card {
    position: relative;
    width: 100%;
    max-width: 440px;
    margin: 10px auto;
    transform-style: preserve-3d;
    will-change: transform;
}

.home-68 .home-68-portrait {
    position: relative;
    width: 100%;
    padding-top: 115%;
    overflow: hidden;
    background: var(--light, #e8eefc);
    border-radius: 28px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .25);
}

.home-68 .home-68-portrait img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
    clip-path: polygon(10% 15%, 5% 35%, 8% 70%, 18% 88%, 30% 100%, 70% 100%, 84% 86%, 96% 71%, 102% 35%, 92% 18%, 80% 0%, 18% 0%);
}

.home-68 .home-68-card:hover .home-68-portrait img {
    transform: scale(1.05);
}

.home-68 .home-68-skill {
    --size: 58px;
    position: absolute;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    transform: translateZ(40px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    transition: transform .3s ease;
}

.home-68 .home-68-skill:hover {
    transform: translateZ(40px) scale(1.08);
}

.home-68 .home-68-skill.home-68-s1 {
    top: -16px;
    left: -16px;
    background: var(--text, #111);
}

.home-68 .home-68-skill.home-68-s2 {
    top: 30%;
    right: -22px;
    background: #0ea5e9;
}

.home-68 .home-68-skill.home-68-s3 {
    bottom: -18px;
    left: 35%;
    background: #fff;
    color: var(--text, #111);
    border: 1px solid rgba(17, 17, 17, .08);
}

.home-68 .home-68-skill[data-tip]:hover:after {
    content: attr(data-tip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translateX(-50%);
    padding: 6px 10px;
    border-radius: 6px;
    background: var(--text, #111);
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    box-shadow: 0 10px 18px rgba(0, 0, 0, .15);
}

.home-68 .home-68-scroll-dot {
    position: absolute;
    left: 50%;
    bottom: 16px;
    width: 22px;
    height: 36px;
    border: 2px solid #fff;
    border-radius: 16px;
    transform: translateX(-50%);
}

.home-68 .home-68-scroll-dot:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 6px;
    width: 4px;
    height: 6px;
    border-radius: 2px;
    background: #fff;
    transform: translateX(-50%);
    animation: home-68-scroll-dot-68 1.4s infinite;
}

@keyframes home-68-scroll-dot-68 {
    0% {
        opacity: 1;
        transform: translate(-50%, 0);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, 12px);
    }
}

@media(max-width:991px) {

    .home-68 {
        padding: 70px 0 80px;
    }

    .home-68 .home-68-title {
        font-size: 70px;
    }

}

@media(max-width:767px) {

    .home-68 {
        padding: 60px 0 70px;
        text-align: center;
    }

    .home-68 .home-68-title {
        font-size: 30px;
    }

    .home-68 .home-68-role {
        font-size: 16px;
    }

    .home-68 .home-68-desc {
        max-width: 100%;
        font-size: 14px;
    }

    .home-68 .home-68-card {
        max-width: 320px;
        margin-top: 40px;
    }

    .home-68 .home-68-skill {
        --size: 48px;
        font-size: 20px;
    }

}

/* about-40 */
.about-40 {
    margin: 0;
    padding: 80px 0;
    background: var(--bg, #fff);
}

.about-40 * {
    font-family: "Poppins", sans-serif;
}

.about-40 .about-40-left {
    margin-top: 50px;
}

.about-40 .about-40-title {
    margin: 0;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: transform .4s ease;
}

.about-40 .about-40-title span.gradient {
    display: inline-block;
    font-size: 70px;
    background: linear-gradient(90deg, var(--primary, #a259ff), var(--secondary, #f24e1e), #ff7262, var(--accent, #ffc107));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-40 .about-40-title:hover {
    transform: rotateX(5deg) rotateY(-5deg) scale(1.02);
}

.about-40 .about-40-subtitle {
    margin: 22px 0;
    color: #666;
    font-size: 18px;
    line-height: 1.9;
}

.about-40 .about-40-btn {
    margin-top: 25px;
}

.about-40 .about-40-btn .btn-call {
    display: inline-block;
    padding: 14px 30px;
    border: none;
    border-radius: 50px;
    background: var(--text, #000);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.about-40 .about-40-btn .btn-call:hover {
    background: #333;
    color: #fff;
    transform: translateY(-3px);
}

.about-40 .about-40-btn .btn-cv {
    display: inline-block;
    margin-left: 15px;
    color: var(--text, #222);
    background: transparent;
    border: none;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: color .3s ease;
}

.about-40 .about-40-btn .btn-cv:hover {
    color: var(--primary, #a259ff);
}

.about-40 .about-40-btn .btn-cv:after {
    content: "→";
    margin-left: 6px;
}

.about-40 .about-40-img {
    display: inline-block;
    perspective: 1000px;
}

.about-40 .about-40-img img {
    width: 100%;
    max-width: 600px;
    border-radius: 16px;
    filter: grayscale(100%);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
    transform-style: preserve-3d;
    transition: transform .8s ease, filter .8s ease, box-shadow .4s ease;
}

.about-40:hover .about-40-img img {
    filter: grayscale(0);
    transform: rotateY(10deg) scale(1.05);
    box-shadow: 0 28px 60px rgba(0, 0, 0, .20);
}

@media(max-width:991px) {

    .about-40 {
        padding: 70px 0;
    }

    .about-40 .about-40-title {
        font-size: 36px;
    }

    .about-40 .about-40-title span.gradient {
        font-size: 56px;
    }

}

@media(max-width:767px) {

    .about-40 {
        padding: 60px 0;
        text-align: center;
    }

    .about-40 .about-40-left {
        margin-top: 0;
    }

    .about-40 .about-40-title {
        font-size: 30px;
    }

    .about-40 .about-40-title span.gradient {
        font-size: 42px;
    }

    .about-40 .about-40-subtitle {
        font-size: 16px;
    }

    .about-40 .about-40-img {
        margin-top: 30px;
    }

    .about-40 .about-40-btn .btn-cv {
        margin: 15px 0 0;
    }

}

.contact-15 {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background: var(--text, #000);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.contact-15 *,
.contact-15 *::before,
.contact-15 *::after {
    box-sizing: border-box;
}

.contact-15-title {
    max-width: 680px;
    margin: 0 auto 52px;
    text-align: center;
}

.contact-15-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    color: var(--accent, #4de1e8);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contact-15-eyebrow i {
    font-size: 18px;
}

.contact-15-title h2 {
    margin: 0 0 14px;
    color: var(--light, #fff);
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.contact-15-title h2 span {
    background: linear-gradient(
        90deg,
        var(--primary, #a259ff),
        var(--accent, #4de1e8)
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contact-15-title p {
    max-width: 540px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .58);
    font-size: 14px;
    line-height: 1.8;
}

.contact-15-box {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 28px;
    background: rgba(255, 255, 255, .035);
    box-shadow: 0 25px 70px rgba(0, 0, 0, .35);
}

.contact-15-image {
    position: relative;
    width: 50%;
    min-height: 500px;
    display: flex;
    align-items: flex-end;
    padding: 45px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-15-image-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .08) 15%,
            rgba(0, 0, 0, .88) 100%
        );
}

.contact-15-caption {
    position: relative;
    z-index: 2;
}

.contact-15-caption-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 16px;
    color: var(--accent, #4de1e8);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.contact-15-caption-tag i {
    font-size: 16px;
}

.contact-15-caption h3 {
    margin: 0 0 4px;
    color: var(--light, #fff);
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1.5px;
}

.contact-15-caption p {
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
}

.contact-15-caption-line {
    width: 50px;
    height: 2px;
    margin: 22px 0 14px;
    background: var(--accent, #4de1e8);
}

.contact-15-caption-note {
    display: block;
    color: rgba(255, 255, 255, .58);
    font-size: 11px;
    line-height: 1.6;
}

.contact-15-form-box {
    width: 50%;
    padding: 48px;
    background: rgba(255, 255, 255, .025);
}

.contact-15-form-header {
    margin-bottom: 28px;
}

.contact-15-form-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--accent, #4de1e8);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.contact-15-form-label i {
    font-size: 17px;
}

.contact-15-form-header h3 {
    margin: 0 0 10px;
    color: var(--light, #fff);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-15-form-header p {
    margin: 0;
    color: rgba(255, 255, 255, .55);
    font-size: 13px;
    line-height: 1.75;
}

.contact-15-form-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -7px;
    margin-right: -7px;
}

.contact-15-field-column {
    padding: 0 7px;
    margin-bottom: 14px;
}

.contact-15-field {
    position: relative;
}

.contact-15-field > i {
    position: absolute;
    top: 50%;
    left: 17px;
    z-index: 2;
    transform: translateY(-50%);
    color: var(--accent, #4de1e8);
    font-size: 17px;
    pointer-events: none;
}

.contact-15-field .form_control {
    width: 100%;
    height: 54px;
    padding: 12px 17px 12px 47px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 13px;
    outline: none;
    background: rgba(255, 255, 255, .045);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    box-shadow: none;
    transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
}

.contact-15-field .form_control::placeholder {
    color: rgba(255, 255, 255, .4);
}

.contact-15-field .form_control:focus {
    border-color: var(--accent, #4de1e8);
    background: rgba(255, 255, 255, .07);
    box-shadow: 0 0 0 3px rgba(77, 225, 232, .1);
}

.contact-15-message-field > i {
    top: 19px;
    transform: none;
}

.contact-15-message-field textarea.form_control {
    height: 145px;
    min-height: 145px;
    padding-top: 15px;
    resize: vertical;
}

.contact-15-submit-column {
    width: 100%;
    padding: 0 7px;
}

.contact-15-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 51px;
    padding: 13px 26px;
    border: 0;
    border-radius: 50px;
    background: var(--accent, #4de1e8);
    color: var(--text, #000);
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
}

.contact-15-btn i {
    font-size: 17px;
    transition: transform .3s ease;
}

.contact-15-btn:hover {
    background: var(--primary, #a259ff);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(162, 89, 255, .22);
}

.contact-15-btn:hover i {
    transform: translateX(4px);
}

.contact-15-form-message {
    margin-top: 10px;
}

.contact-15-form-message p {
    margin: 0;
}

@media (max-width: 1199px) {
    .contact-15 {
        padding: 75px 0;
    }

    .contact-15-image {
        min-height: 470px;
        padding: 35px;
    }

    .contact-15-form-box {
        padding: 38px;
    }

    .contact-15-caption h3 {
        font-size: 45px;
    }
}

@media (max-width: 991px) {
    .contact-15 {
        padding: 70px 0;
    }

    .contact-15-box {
        flex-direction: column;
    }

    .contact-15-image,
    .contact-15-form-box {
        width: 100%;
    }

    .contact-15-image {
        min-height: 400px;
    }

    .contact-15-form-box {
        padding: 38px;
    }
}

@media (max-width: 767px) {
    .contact-15 {
        padding: 60px 15px;
    }

    .contact-15-title {
        margin-bottom: 38px;
    }

    .contact-15-title h2 {
        font-size: 32px;
    }

    .contact-15-title p {
        font-size: 13px;
    }

    .contact-15-image {
        min-height: 340px;
        padding: 28px;
    }

    .contact-15-caption h3 {
        font-size: 40px;
    }

    .contact-15-form-box {
        padding: 30px 24px;
    }

    .contact-15-form-header h3 {
        font-size: 25px;
    }

    .contact-15-field-column {
        width: 100%;
    }

    .contact-15-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-15 {
        padding: 50px 12px;
    }

    .contact-15-box {
        border-radius: 22px;
    }

    .contact-15-title h2 {
        font-size: 28px;
    }

    .contact-15-image {
        min-height: 300px;
        padding: 24px;
    }

    .contact-15-caption h3 {
        font-size: 35px;
    }

    .contact-15-form-box {
        padding: 26px 17px;
    }

    .contact-15-form-header h3 {
        font-size: 23px;
    }
}
/* servivces-21 */
.services-21 {
    padding: 80px 40px;
    background: var(--text, #111);
    color: #fff;
}

.services-21 * {
    font-family: "Poppins", sans-serif;
}

.services-21-small {
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .65);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-21-title {
    display: inline-block;
    margin: 0;
    padding: 12px 0;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    background: linear-gradient(90deg, var(--primary, #a259ff), var(--secondary, #f24e1e), #ff7262, var(--accent, #ffc107));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services-21-desc {
    max-width: 500px;
    margin-top: 15px;
    color: rgba(255, 255, 255, .72);
    font-size: 16px;
    line-height: 1.8;
}

.services-21-divider {
    width: 100%;
    height: 1px;
    margin: 40px 0;
    background: rgba(255, 255, 255, .12);
}

.services-21-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 60px 40px;
    background: var(--text, #111);
}

.services-21-label {
    color: var(--accent, #ffb300);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-21-heading {
    margin: 15px 0;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
}

.services-21-text {
    margin-bottom: 28px;
    color: rgba(255, 255, 255, .65);
    font-size: 15px;
    line-height: 1.9;
}

.services-21-link {
    display: inline-block;
    color: var(--accent, #ffb300);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    transition: all .3s ease;
}

.services-21-link:hover {
    color: var(--accent, #ffb300);
    border-color: var(--accent, #ffb300);
}

.services-21-img-box {
    overflow: hidden;
    perspective: 1000px;
    background: #000;
}

.services-21-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease, box-shadow .6s ease;
    transform-style: preserve-3d;
}

.services-21-img-box:hover img {
    transform: rotateY(15deg) scale(1.05);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .35);
}

.services-21 .no-gutter>[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

@media(max-width:991px) {

    .services-21 {
        padding: 70px 25px;
    }

    .services-21-title {
        font-size: 36px;
    }

    .services-21-box {
        padding: 45px 30px;
    }

}

@media(max-width:767px) {

    .services-21 {
        padding: 60px 15px;
    }

    .services-21-title {
        font-size: 30px;
    }

    .services-21-desc {
        font-size: 15px;
    }

    .services-21-box {
        padding: 35px 20px;
    }

    .services-21-heading {
        font-size: 26px;
    }

}

/* about-41 */
.about-41 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.about-41 * {
    font-family: "Poppins", sans-serif;
}

.about-41 .about-41-left {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.about-41 .about-41-box {
    position: relative;
    flex: 1 1 calc(50% - 15px);
    height: 220px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--light, #f5f5f5);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.about-41 .about-41-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.about-41 .about-41-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .15);
}

.about-41 .about-41-box:hover img {
    transform: scale(1.08);
}

.about-41 .about-41-about {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary, #3498db);
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: center;
}

.about-41 .about-41-box.full {
    flex-basis: 100%;
    height: 220px;
}

.about-41 .about-41-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 40px;
}

.about-41 .about-41-right h2 {
    margin: 0 0 20px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1px;
}

.about-41 .about-41-right p {
    margin-bottom: 30px;
    color: #666;
    font-size: 15px;
    line-height: 1.9;
}

.about-41 .about-41-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: auto;
    padding: 14px 28px;
    color: var(--text, #333);
    background: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .10);
    transition: all .3s ease;
}

.about-41 .about-41-btn:hover {
    background: var(--primary, #3498db);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
}

.about-41 .about-41-btn i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: var(--primary, #3498db);
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    transition: all .3s ease;
}

.about-41 .about-41-btn:hover i {
    background: #fff;
    color: var(--primary, #3498db);
}

@media(max-width:991px) {

    .about-41 {
        padding: 70px 0;
    }

    .about-41 .about-41-right {
        padding-left: 20px;
    }

    .about-41 .about-41-right h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-41 {
        padding: 60px 0;
    }

    .about-41 .about-41-right {
        margin-top: 30px;
        padding-left: 0;
        text-align: center;
    }

    .about-41 .about-41-box {
        height: 180px;
    }

    .about-41 .about-41-box.full {
        height: 180px;
    }

    .about-41 .about-41-right h2 {
        font-size: 30px;
    }

    .about-41 .about-41-btn {
        margin: 0 auto;
    }

}

/* courses-7 */
.courses-7 {
    padding: 80px 0;
    background: var(--light, #f8f9fb);
}

.courses-7 * {
    font-family: "Poppins", sans-serif;
}

.courses-7 .section-title {
    margin-bottom: 50px;
    text-align: center;
}

.courses-7 .section-title h2 {
    margin: 0;
    color: var(--text, #333);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
}

.courses-7 .course-card {
    margin-bottom: 30px;
    perspective: 1000px;
}

.courses-7 .course-inner {
    position: relative;
    width: 100%;
    height: 350px;
    text-align: center;
    border-radius: 16px;
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform .8s ease;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .10);
}

.courses-7 .course-card:hover .course-inner {
    transform: rotateY(180deg);
}

.courses-7 .course-front,
.courses-7 .course-back {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    backface-visibility: hidden;
}

.courses-7 .course-front {
    background: #fff;
}

.courses-7 .course-front img {
    width: 100%;
    height: 295px;
    object-fit: cover;
    transition: transform .45s ease;
}

.courses-7 .course-card:hover .course-front img {
    transform: scale(1.06);
}

.courses-7 .course-front h4 {
    margin: 15px 0 0;
    color: var(--text, #222);
    font-size: 20px;
    font-weight: 600;
}

.courses-7 .course-back {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px;
    background: var(--primary, #007bff);
    color: #fff;
    transform: rotateY(180deg);
}

.courses-7 .course-back h4 {
    margin: 0 0 15px;
    font-size: 22px;
    font-weight: 600;
}

.courses-7 .course-back p {
    margin: 0;
    font-size: 14px;
    line-height: 1.9;
    color: rgba(255, 255, 255, .92);
}

@media(max-width:991px) {

    .courses-7 {
        padding: 70px 0;
    }

    .courses-7 .section-title h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .courses-7 {
        padding: 60px 0;
    }

    .courses-7 .section-title {
        margin-bottom: 40px;
    }

    .courses-7 .section-title h2 {
        font-size: 30px;
    }

    .courses-7 .course-inner {
        height: 330px;
    }

    .courses-7 .course-front img {
        height: 275px;
    }

}

/* home-69 */

.home-69 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: linear-gradient(135deg, var(--text, #0c0c0c) 70%, #0f1f2e 100%);
    color: #fff;
}

.home-69 * {
    font-family: "Poppins", sans-serif;
}

.home-69 .image-stack {
    position: relative;
    text-align: center;
}

.home-69 .image-stack img {
    width: 414px;
    max-width: 100%;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .45);
    transition: transform .45s ease, box-shadow .45s ease;
}

.home-69 .image-stack img:hover {
    transform: scale(1.05);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .55);
}

.home-69 .image-stack .img-back {
    position: absolute;
    top: 20px;
    left: 40px;
    z-index: 1;
    opacity: .7;
}

.home-69 .image-stack .img-front {
    position: relative;
    top: 93px;
    left: 50px;
    z-index: 2;
}

.home-69 .content-box {
    padding: 20px;
    color: #fff;
}

.home-69 .content-box h5 {
    margin: 0 0 15px;
    color: var(--primary, #00c3ff);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-69 .content-box h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.4;
}

.home-69 .content-box p {
    margin-bottom: 30px;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.9;
}

.home-69 .btn-custom {
    display: inline-block;
    padding: 14px 32px;
    background: var(--primary, #00c3ff);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
}

.home-69 .btn-custom:hover {
    background: #0099cc;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 195, 255, .25);
}

.home-69 .fade-in {
    opacity: 0;
    animation: home-69-fade-up .9s ease forwards;
}

.home-69 .fade-in:nth-child(1) {
    animation-delay: .3s;
}

.home-69 .fade-in:nth-child(2) {
    animation-delay: .6s;
}

.home-69 .fade-in:nth-child(3) {
    animation-delay: .9s;
}

@keyframes home-69-fade-up {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media(max-width:991px) {

    .home-69 {
        padding: 70px 0;
    }

    .home-69 .content-box h2 {
        font-size: 36px;
    }

    .home-69 .image-stack .img-front {
        top: 60px;
        left: 25px;
    }

    .home-69 .image-stack .img-back {
        left: 20px;
    }

}

@media(max-width:767px) {

    .home-69 {
        padding: 60px 0;
        text-align: center;
    }

    .home-69 .image-stack {
        margin-bottom: 60px;
    }

    .home-69 .image-stack .img-back {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: -80px;
    }

    .home-69 .image-stack .img-front {
        top: 0;
        left: 0;
    }

    .home-69 .content-box {
        padding: 0;
    }

    .home-69 .content-box h2 {
        font-size: 30px;
    }

}

/* home-70 */

.home-70-section {
    padding: 80px 20px;
    background: var(--light, #fafafa);
}

.home-70-section * {
    font-family: "Poppins", sans-serif;
}

.home-70-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-70-left h2 {
    margin: 0 0 30px;
    color: var(--text, #222);
    font-size: 82px;
    font-weight: 700;
    line-height: 1.2;
}

.home-70-search {
    display: flex;
    overflow: hidden;
    max-width: 350px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}

.home-70-search input {
    flex: 1;
    height: 50px;
    padding: 12px 15px;
    border: none;
    outline: none;
    color: var(--text, #333);
    font-size: 15px;
    background: transparent;
}

.home-70-search input::placeholder {
    color: #888;
}

.home-70-search button {
    padding: 0 22px;
    border: none;
    background: var(--primary, #74b963);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .3s ease;
}

.home-70-search button:hover {
    background: var(--secondary, #5fa74d);
}

.home-70-cards {
    display: flex;
    gap: 15px;
    height: 400px;
}

.home-70-card {
    position: relative;
    display: flex;
    flex: 1;
    align-items: flex-end;
    overflow: hidden;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: all .4s ease;
}

.home-70-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .18);
}

.home-70-card.active {
    flex: 3;
}

.home-70-overlay {
    width: 100%;
    padding: 20px;
    color: #fff;
    background: rgba(0, 0, 0, .55);
    transition: all .3s ease;
    pointer-events: none;
}

.home-70-card:not(.active) .home-70-overlay {
    padding: 12px;
    font-size: 18px;
    text-align: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}

.home-70-card.active .home-70-overlay {
    writing-mode: initial;
    transform: none;
}

.home-70-overlay h3 {
    margin: 0;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1px;
}

.home-70-extra {
    margin-top: 8px;
    color: rgba(255, 255, 255, .85);
    font-size: 14px;
    line-height: 1.7;
}

@media(max-width:991px) {

    .home-70-section {
        padding: 70px 20px;
    }

    .home-70-left h2 {
        font-size: 36px;
    }

    .home-70-overlay h3 {
        font-size: 32px;
    }

}

@media(max-width:767px) {

    .home-70-section {
        padding: 60px 15px;
    }

    .home-70-left {
        margin-bottom: 35px;
        text-align: center;
    }

    .home-70-left h2 {
        font-size: 30px;
    }

    .home-70-search {
        max-width: 100%;
        margin: 0 auto;
    }

    .home-70-cards {
        flex-direction: column;
        height: auto;
    }

    .home-70-card {
        flex: unset !important;
        height: 200px;
    }

    .home-70-card.active {
        height: 300px;
    }

    .home-70-card:not(.active) .home-70-overlay {
        writing-mode: initial;
        transform: none;
    }

    .home-70-overlay h3 {
        font-size: 26px;
    }

}


.services-22 {
    padding: 85px 0;
    background: var(--bg, #fff);
}

.services-22 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.services-22-container {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}

.services-22-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.services-22-row > div {
    padding-left: 10px;
    padding-right: 10px;
}

.services-22 .box {
    position: relative;
    height: 270px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 32px 28px;
    border-radius: 10px;
    color: #fff;
    transition: transform .35s ease, box-shadow .35s ease;
}

.services-22 .box:after {
    content: "";
    position: absolute;
    right: -50px;
    bottom: -70px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    transition: transform .4s ease;
}

.services-22 .box-content {
    position: relative;
    z-index: 2;
    max-width: 65%;
}

.services-22 .box h3 {
    margin: 0;
    color: inherit;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.2;
}

.services-22 .box p {
    margin: 7px 0 0;
    color: inherit;
    font-size: 14px;
    line-height: 1.7;
    opacity: .8;
}

.services-22 .box img {
    position: absolute;
    z-index: 1;
    right: 15px;
    bottom: 12px;
    width: auto;
    max-width: 150px;
    max-height: 155px;
    object-fit: contain;
    transition: transform .45s ease;
}

.services-22 .box .btn {
    min-height: 38px;
    margin-top: 22px;
    padding: 9px 16px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 4px;
    background: rgba(255, 255, 255, .95);
    color: #222;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
}

.services-22 .box .btn i {
    font-size: 14px;
    transition: transform .3s ease;
}

.services-22 .box .btn:hover {
    background: #222;
    border-color: #222;
    color: #fff;
}

.services-22 .box .btn:hover i {
    transform: translateX(3px);
}

.services-22 .box:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
}

.services-22 .box:hover img {
    transform: scale(1.08) rotate(3deg);
}

.services-22 .box:hover:after {
    transform: scale(1.15);
}

.services-22 .bg-black {
    background: #171717;
}

.services-22 .bg-yellow {
    background: #f5b400;
}

.services-22 .bg-red {
    background: #df3f4d;
}

.services-22 .bg-light {
    background: #e5e5e2;
    color: #222;
}

.services-22 .bg-light:after {
    background: rgba(0, 0, 0, .05);
}

.services-22 .bg-light .btn {
    background: #222;
    border-color: #222;
    color: #fff;
}

.services-22 .bg-light .btn:hover {
    background: #fff;
    border-color: #fff;
    color: #222;
}

.services-22 .bg-green {
    background: #16b98b;
}

.services-22 .bg-blue {
    background: #1888ad;
}

@media (max-width: 991px) {
    .services-22 {
        padding: 70px 0;
    }

    .services-22 .box {
        height: 250px;
        padding: 27px 24px;
    }

    .services-22 .box h3 {
        font-size: 25px;
    }

    .services-22 .box img {
        max-width: 125px;
        max-height: 135px;
    }
}

@media (max-width: 767px) {
    .services-22 {
        padding: 60px 0;
    }

    .services-22-row {
        margin-left: -7px;
        margin-right: -7px;
    }

    .services-22-row > div {
        padding-left: 7px;
        padding-right: 7px;
    }

    .services-22 .box {
        height: 230px;
        margin-bottom: 14px;
        padding: 24px 20px;
        border-radius: 8px;
    }

    .services-22 .box h3 {
        font-size: 23px;
    }

    .services-22 .box p {
        font-size: 12px;
    }

    .services-22 .box img {
        max-width: 105px;
        max-height: 115px;
        right: 10px;
        bottom: 10px;
    }

    .services-22 .box .btn {
        margin-top: 18px;
        padding: 8px 13px;
    }
}

@media (max-width: 575px) {
    .services-22 {
        padding: 50px 0;
    }

    .services-22-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .services-22-row {
        display: block;
        margin: 0;
    }

    .services-22-row > div {
        width: 100%;
        padding: 0;
    }

    .services-22 .box {
        height: 220px;
        margin-bottom: 15px;
    }

    .services-22 .box-content {
        max-width: 60%;
    }

    .services-22 .box h3 {
        font-size: 25px;
    }

    .services-22 .box img {
        max-width: 135px;
        max-height: 140px;
    }
}

/* about-42 */
.about-42 {
    padding: 80px 20px;
    background: var(--text, #0c1c1e);
    color: #fff;
    text-align: center;
}

.about-42 * {
    font-family: "Poppins", sans-serif;
}

.about-42 h2 {
    margin: 0 0 15px;
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
    transition: color .3s ease;
}

.about-42 p {
    max-width: 700px;
    margin: 0 auto 40px;
    color: rgba(255, 255, 255, .75);
    font-size: 14px;
    line-height: 1.9;
    transition: color .3s ease;
}

.about-42 .about-42-card {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 16px;
    background: var(--text, #0c1c1e);
    transition: transform .35s ease, box-shadow .35s ease;
}

.about-42 .about-42-card img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    transition: transform .45s ease;
}

.about-42 .about-42-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .30);
}

.about-42 .about-42-card:hover img {
    transform: scale(1.06);
}

.about-42 .about-42-card:before {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: 2;
    border: 4px solid transparent;
    border-radius: 18px;
    pointer-events: none;
}

.about-42 .about-42-card.red:hover:before,
.about-42 .about-42-card.green:hover:before,
.about-42 .about-42-card.yellow:hover:before {
    border-color: var(--accent, #ffd400);
    animation: about-42-border-run 2s linear infinite;
}

@keyframes about-42-border-run {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    25% {
        clip-path: inset(0 0 100% 0);
    }

    50% {
        clip-path: inset(0 0 0 100%);
    }

    75% {
        clip-path: inset(100% 0 0 0);
    }

    100% {
        clip-path: inset(0 100% 0 0);
    }
}

.about-42:hover h2,
.about-42:hover p {
    color: #fff;
}

@media(max-width:991px) {

    .about-42 {
        padding: 70px 20px;
    }

    .about-42 h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-42 {
        padding: 60px 15px;
    }

    .about-42 h2 {
        font-size: 30px;
    }

    .about-42 p {
        margin-bottom: 30px;
    }

}

/* contact-16 */

.contact-16 {
    padding: 80px 0;
    background: var(--text, #0b0c2a);
    color: #fff;
}

.contact-16 * {
    font-family: "Poppins", sans-serif;
}

.contact-16 h2 {
    margin: 0;
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
}

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

.contact-16 .contact-info p {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    line-height: 1.9;
}

.contact-16 .social-icons {
    margin-top: 25px;
}

.contact-16 .social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-right: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .10);
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: all .3s ease;
}

.contact-16 .social-icons a:hover {
    background: var(--primary, #007bff);
    color: #fff;
    transform: translateY(-3px);
}

.contact-16 .form-box {
    padding: 30px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .18);
}

.contact-16 .form-control {
    height: 48px;
    margin-bottom: 20px;
    padding: 10px 20px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 30px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    box-shadow: none;
    transition: border-color .3s ease, box-shadow .3s ease;
}

.contact-16 .form-control:focus {
    border-color: var(--primary, #007bff);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .12);
}

.contact-16 .form-control::placeholder {
    color: rgba(255, 255, 255, .55);
}

.contact-16 textarea.form-control {
    height: 120px;
    padding-top: 14px;
    resize: none;
    border-radius: 18px;
}

.contact-16 .btn-primary {
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 30px;
    background: linear-gradient(to right, var(--primary, #007bff), var(--secondary, #3b82f6));
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s ease;
}

.contact-16 .btn-primary:hover {
    opacity: .95;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 123, 255, .25);
}

@media(max-width:991px) {

    .contact-16 {
        padding: 70px 0;
    }

    .contact-16 h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .contact-16 {
        padding: 60px 0;
        text-align: center;
    }

    .contact-16 h2 {
        font-size: 30px;
    }

    .contact-16 .form-box {
        margin-top: 35px;
        padding: 25px 20px;
    }

}


/* services-23 */
.services-23 {
    font-family: 'Inter', sans-serif;
    background: #000;
    color: #111;
    padding: 60px 0;
    text-align: center;
}

.services-23 h2 {
    font-size: 94px;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 1.3;
    color: #c4c4c4;
}

.services-23 .card-wrapper {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.services-23 .service-card {
    display: inline-block;
    width: 320px;
    margin: 0 15px;
    border-radius: 16px;
    overflow: hidden;
    background: #f5f5f5;
    text-align: left;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transform-style: preserve-3d;
    transition: transform 0.6s;
}

.services-23 .service-card:hover {
    transform: rotateY(15deg) rotateX(5deg);
}

.services-23 .service-card .card-header {
    padding: 20px;
}

.services-23 .tag {
    display: inline-block;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    margin-right: 8px;
    background: #eee;
}

.services-23 .card-title {
    font-size: 24px;
    font-weight: 700;
    margin: 15px 0 10px;
}

.services-23 .card-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

.services-23 .card-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.services-23 .read-more {
    display: inline-block;
    margin: 15px 20px;
    padding: 10px 18px;
    font-size: 14px;
    border-radius: 30px;
    text-decoration: none;
    background: #000;
    color: #fff;
    transition: all 0.3s ease;
}

.services-23 .read-more:hover {
    background: #333;
}

/* Background colors for each card */
.services-23 .junior {
    background: #c6ff3d;
}

.services-23 .youth {
    background: #f6e8ff;
}

.services-23 .adult {
    background: #f5f5f5;
}

/* Responsive */
@media(max-width: 767px) {
    .services-23 .card-wrapper {
        display: block;
        overflow: visible;
        white-space: normal;
    }

    .services-23 .service-card {
        width: 100%;
        margin: 20px 0;
    }
}

/* about-43 */

.about-43.section-wrapper {
    padding: 80px 0;
    background: var(--light, #f4f4f4);
}

.about-43.section-wrapper * {
    font-family: "Poppins", sans-serif;
}

.about-43-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.about-43-box {
    height: 200px;
    perspective: 1000px;
    border-radius: 16px;
}

.about-43-inner {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-align: center;
    border-radius: 16px;
    transform-style: preserve-3d;
    transition: transform .8s ease, box-shadow .35s ease;
}

.about-43-box:hover .about-43-inner {
    transform: rotateY(180deg);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.about-43-front,
.about-43-back {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 15px;
    border-radius: 16px;
    text-align: center;
    backface-visibility: hidden;
}

.about-43-front {
    color: #fff;
}

.about-43-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.about-43-back {
    background: var(--text, #333);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    transform: rotateY(180deg);
}

.about-43-purple {
    background: #9b6cff;
}

.about-43-pink {
    background: #ff69b4;
}

.about-43-yellow {
    background: #ffcc00;
}

.about-43-blue {
    background: #7ee0f5;
}

.about-43-red {
    background: #ff4040;
}

.about-43-green {
    background: #20c997;
}

.about-43-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}

.about-43-subtext {
    margin-top: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
}

.about-43-icon {
    color: #fff;
    font-size: 50px;
}

@media(max-width:991px) {

    .about-43.section-wrapper {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .about-43.section-wrapper {
        padding: 60px 0;
    }

    .about-43-box {
        height: 180px;
    }

    .about-43-title {
        font-size: 20px;
    }

}

.home-71.section-wrapper {
    padding: 90px 0;
    background: var(--light, #faf5ef);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.home-71 *,
.home-71 *::before,
.home-71 *::after {
    box-sizing: border-box;
}

.home-71-header {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.home-71-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--primary, #7c8673);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1.4;
    text-transform: uppercase;
}

.home-71-eyebrow i {
    font-size: 18px;
}

.home-71-title {
    margin: 0 0 15px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.home-71-title span {
    color: var(--primary, #7c8673);
}

.home-71-subtitle {
    max-width: 680px;
    margin: 0 auto;
    color: var(--secondary, #666);
    font-size: 14px;
    line-height: 1.85;
}

.home-71-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.home-71-card {
    position: relative;
    height: 390px;
    overflow: hidden;
    border-radius: 20px;
    background: var(--secondary, #222);
    cursor: pointer;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    transition: transform .45s ease, box-shadow .45s ease;
}

.home-71-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 25px 55px rgba(0, 0, 0, .16);
}

.home-71-image-wrap {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.home-71-image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .7s ease;
}

.home-71-card:hover .home-71-image-wrap img {
    transform: scale(1.07);
}

.home-71-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, .04) 20%,
        rgba(0, 0, 0, .12) 42%,
        rgba(0, 0, 0, .86) 100%
    );
}

.home-71-card-content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 28px;
    color: var(--light, #fff);
}

.home-71-card-number {
    position: absolute;
    top: -355px;
    right: 25px;
    color: rgba(255, 255, 255, .7);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
}

.home-71-card-category {
    display: inline-block;
    margin-bottom: 9px;
    padding: 5px 10px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 30px;
    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .9);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    backdrop-filter: blur(6px);
}

.home-71-card-content h3 {
    margin: 0 0 8px;
    color: var(--light, #fff);
    font-size: 25px;
    font-weight: 600;
    line-height: 1.25;
}

.home-71-card-content p {
    max-width: 500px;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    line-height: 1.7;
}

.home-71-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    color: var(--light, #fff);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    opacity: .9;
    transition: color .3s ease, gap .3s ease;
}

.home-71-link i {
    font-size: 16px;
    transition: transform .3s ease;
}

.home-71-link:hover {
    color: var(--primary, #7c8673);
    text-decoration: none;
}

.home-71-link:hover i {
    transform: translate(3px, -3px);
}

@media (max-width: 991px) {
    .home-71.section-wrapper {
        padding: 70px 0;
    }

    .home-71-title {
        font-size: 36px;
    }

    .home-71-card {
        height: 350px;
    }

    .home-71-card-content {
        padding: 24px;
    }

    .home-71-card-number {
        top: -315px;
    }
}

@media (max-width: 767px) {
    .home-71.section-wrapper {
        padding: 60px 15px;
    }

    .home-71-header {
        margin-bottom: 35px;
    }

    .home-71-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .home-71-subtitle {
        font-size: 13px;
        line-height: 1.75;
    }

    .home-71-card-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .home-71-card {
        height: 350px;
    }

    .home-71-card-number {
        top: -315px;
    }
}

@media (max-width: 480px) {
    .home-71.section-wrapper {
        padding: 50px 12px;
    }

    .home-71-title {
        font-size: 27px;
    }

    .home-71-eyebrow {
        font-size: 10px;
    }

    .home-71-card {
        height: 320px;
        border-radius: 17px;
    }

    .home-71-card-content {
        padding: 22px 20px;
    }

    .home-71-card-number {
        top: -285px;
        right: 20px;
    }

    .home-71-card-content h3 {
        font-size: 22px;
    }

    .home-71-card-content p {
        font-size: 11px;
    }
}
/* home-72 */
.home-72-section {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.home-72-section * {
    font-family: "Poppins", sans-serif;
}

.home-72-tab-section {
    max-width: 1200px;
    margin: 0 auto;
}

.home-72-tab-section .nav-tabs {
    border-bottom: none;
    background: transparent;
}

.home-72-tab-section .nav-tabs>li>a {
    margin-right: 6px;
    padding: 12px 22px;
    border: none;
    border-radius: 18px 18px 0 0;
    background: rgba(0, 0, 0, .05);
    color: var(--text, #000);
    font-size: 14px;
    font-weight: 600;
    transition: all .3s ease;
}

.home-72-tab-section .nav-tabs>li>a:hover {
    background: rgba(0, 0, 0, .08);
    color: var(--text, #000);
}

.home-72-tab-section .nav-tabs>li.active>a,
.home-72-tab-section .nav-tabs>li.active>a:hover,
.home-72-tab-section .nav-tabs>li.active>a:focus {
    border: none;
    border-bottom: 3px solid var(--primary, #951e60) !important;
    border-radius: 18px 18px 0 0;
    background: #f2f2f2;
    color: var(--text, #000);
}

.home-72-tab-section .tab-pane {
    height: 300px;
    overflow-y: auto;
    padding: 30px 35px;
    border: 1px solid var(--border, #eee);
    border-radius: 0 16px 16px 16px;
    background: rgba(242, 242, 242, .45);
    scroll-behavior: smooth;
}

.home-72-tab-section .tab-pane::-webkit-scrollbar {
    width: 6px;
}

.home-72-tab-section .tab-pane::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.home-72-tab-section .tab-pane::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.home-72-tab-section .tab-pane::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.home-72-tab-section .tab-pane {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

.home-72-project-card {
    margin-bottom: 20px;
    padding: 22px 25px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    transition: transform .3s ease, box-shadow .3s ease;
}

.home-72-project-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.home-72-project-card h3 {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.home-72-project-card ul {
    margin-bottom: 0;
    padding-left: 20px;
}

.home-72-project-card ul li {
    margin-bottom: 14px;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

@media(max-width:991px) {

    .home-72-section {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .home-72-section {
        padding: 60px 0;
    }

    .home-72-tab-section .nav-tabs>li {
        float: none;
        display: block;
        margin-bottom: 6px;
    }

    .home-72-tab-section .nav-tabs>li>a {
        display: block;
        border-radius: 12px;
        margin-right: 0;
    }

    .home-72-tab-section .nav-tabs>li.active>a,
    .home-72-tab-section .nav-tabs>li.active>a:hover,
    .home-72-tab-section .nav-tabs>li.active>a:focus {
        border-radius: 12px;
    }

    .home-72-tab-section .tab-pane {
        height: auto;
        max-height: 420px;
        padding: 20px;
        border-radius: 12px;
    }

    .home-72-project-card {
        padding: 18px;
    }

}
.services-24 {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background: var(--bg, #f7f5f1);
    font-family: "Poppins", sans-serif;
}

.services-24 *,
.services-24 *::before,
.services-24 *::after {
    box-sizing: border-box;
}

.services-24 .container {
    position: relative;
    z-index: 2;
}

.services-24 .services-24-heading {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.services-24 .services-24-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
    color: var(--accent, #b19987);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.services-24 .services-24-eyebrow i {
    font-size: 17px;
}

.services-24 h2 {
    margin: 0 0 13px;
    color: var(--text, #222);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.services-24 .services-24-lead {
    max-width: 640px;
    margin: 0 auto;
    color: var(--text, #222);
    opacity: .58;
    font-size: 13px;
    line-height: 1.8;
}

.services-24 .services-24-sticky-wrapper {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.services-24 .services-24-sticky-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 24px;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.services-24 .services-24-card {
    position: relative;
    display: flex;
    flex: 0 0 calc(50% - 12px);
    flex-direction: column;
    min-width: 0;
    height: auto;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--border, #e5e0d9);
    border-radius: 22px;
    background: var(--light, #fff);
    box-shadow: 0 16px 45px rgba(0, 0, 0, .06);
    transition: transform .35s ease, box-shadow .35s ease;
}

.services-24 .services-24-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 26px 60px rgba(0, 0, 0, .11);
}

.services-24 .services-24-card-image {
    position: relative;
    width: 100%;
    height: 310px;
    flex: 0 0 310px;
    overflow: hidden;
    background: var(--secondary, #222);
}

.services-24 .services-24-card-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, .04) 35%,
        rgba(0, 0, 0, .4) 100%
    );
    pointer-events: none;
}

.services-24 .services-24-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .65s ease;
}

.services-24 .services-24-card:hover .services-24-card-image img {
    transform: scale(1.05);
}

.services-24 .services-24-image-label {
    position: absolute;
    top: 17px;
    left: 17px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50px;
    background: rgba(0, 0, 0, .35);
    color: var(--light, #fff);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.services-24 .services-24-image-label i {
    font-size: 14px;
}

.services-24 .services-24-card-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 25px 28px 27px;
}

.services-24 .services-24-tag {
    display: block;
    margin-bottom: 8px;
    color: var(--accent, #b19987);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.services-24 .services-24-card-content h3 {
    margin: 0 0 10px;
    color: var(--text, #222);
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
}

.services-24 .services-24-card-content > p {
    margin: 0 0 21px;
    color: var(--text, #222);
    opacity: .58;
    font-size: 12px;
    line-height: 1.75;
}

.services-24 .services-24-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    gap: 8px;
    padding: 15px 0;
    border-top: 1px solid var(--border, #e5e0d9);
    border-bottom: 1px solid var(--border, #e5e0d9);
}

.services-24 .services-24-info span {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: var(--text, #222);
    opacity: .65;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.services-24 .services-24-info i {
    flex: 0 0 auto;
    color: var(--accent, #b19987);
    font-size: 15px;
}

.services-24 .services-24-btn {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    margin-top: 20px;
    color: var(--text, #222);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 1.4;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease, gap .3s ease;
}

.services-24 .services-24-btn i {
    color: var(--accent, #b19987);
    font-size: 16px;
    transition: transform .3s ease;
}

.services-24 .services-24-btn:hover {
    gap: 12px;
    color: var(--accent, #b19987);
    text-decoration: none;
}

.services-24 .services-24-btn:hover i {
    transform: translateX(3px);
}

@media (max-width: 1199px) {
    .services-24 {
        padding: 75px 0;
    }

    .services-24 h2 {
        font-size: 37px;
    }

    .services-24 .services-24-card-image {
        height: 285px;
        flex-basis: 285px;
    }

    .services-24 .services-24-card-content {
        padding: 24px 25px 26px;
    }

    .services-24 .services-24-card-content h3 {
        font-size: 21px;
    }
}

@media (max-width: 991px) {
    .services-24 {
        padding: 65px 0;
    }

    .services-24 .services-24-heading {
        margin-bottom: 38px;
    }

    .services-24 h2 {
        font-size: 34px;
    }

    .services-24 .services-24-card-image {
        height: 250px;
        flex-basis: 250px;
    }

    .services-24 .services-24-card-content {
        padding: 22px;
    }

    .services-24 .services-24-card-content h3 {
        font-size: 20px;
    }

    .services-24 .services-24-info {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .services-24 {
        padding: 60px 0;
    }

    .services-24 .services-24-heading {
        margin-bottom: 32px;
    }

    .services-24 h2 {
        font-size: 30px;
    }

    .services-24 .services-24-lead {
        font-size: 12px;
    }

    .services-24 .services-24-sticky-inner {
        display: flex;
        flex-direction: column;
        gap: 22px;
    }

    .services-24 .services-24-card {
        flex: none;
        width: 100%;
        margin: 0;
    }

    .services-24 .services-24-card-image {
        height: 280px;
        flex-basis: 280px;
    }

    .services-24 .services-24-card-content {
        padding: 23px 22px 25px;
    }
}

@media (max-width: 480px) {
    .services-24 {
        padding: 50px 0;
    }

    .services-24 h2 {
        font-size: 27px;
    }

    .services-24 .services-24-eyebrow {
        font-size: 9px;
    }

    .services-24 .services-24-card {
        border-radius: 19px;
    }

    .services-24 .services-24-card-image {
        height: 225px;
        flex-basis: 225px;
    }

    .services-24 .services-24-image-label {
        top: 13px;
        left: 13px;
        padding: 7px 10px;
        font-size: 7px;
    }

    .services-24 .services-24-card-content {
        padding: 21px 19px 23px;
    }

    .services-24 .services-24-card-content h3 {
        font-size: 19px;
    }

    .services-24 .services-24-card-content > p {
        font-size: 11px;
    }

    .services-24 .services-24-info {
        grid-template-columns: 1fr 1fr;
        row-gap: 12px;
    }

    .services-24 .services-24-info span:last-child {
        grid-column: 1 / -1;
    }
}
/* About-44 */
.about-44 {
    padding: 80px 0;
    color: var(--text, #333);
    background: var(--bg, #fff);
}

.about-44 * {
    font-family: "Poppins", sans-serif;
}

.about-44 .section-title {
    margin-bottom: 12px;
    color: #666;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-44 h2 {
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-44 .lead {
    margin-bottom: 40px;
    color: #666;
    font-size: 15px;
    line-height: 1.9;
}

.about-44 p {
    color: #666;
    font-size: 16px;
    line-height: 1.9;
}

.about-44 .author {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.about-44 .author img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}

.about-44 .author h4 {
    margin: 0 0 4px;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 700;
}

.about-44 .author span {
    color: #999;
    font-size: 13px;
}

.about-44 .quote-col {
    color: #666;
    font-size: 14px;
    line-height: 1.9;
}

.about-44 .quote-col:first-letter {
    float: left;
    margin-right: 8px;
    color: var(--text, #000);
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

.about-44 .anim-slide-right {
    animation: about-44-slide-right 1s ease forwards;
}

.about-44 .anim-slide-left {
    animation: about-44-slide-left 1s ease forwards;
}

@keyframes about-44-slide-right {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes about-44-slide-left {
    from {
        opacity: 0;
        transform: translateX(50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media(max-width:991px) {

    .about-44 {
        padding: 70px 0;
    }

    .about-44 h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-44 {
        padding: 60px 0;
    }

    .about-44 h2 {
        font-size: 30px;
    }

    .about-44 .author {
        margin-top: 20px;
    }

    .about-44 .quote-col {
        margin-top: 20px;
    }

    .about-44 .col-sm-6 {
        margin-bottom: 20px;
    }

}

/* home-73 */
.home-73 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.home-73 * {
    font-family: "Poppins", sans-serif;
}

.home-73 .card {
    position: relative;
    overflow: hidden;
    height: 350px;
    margin-bottom: 30px;
    border: none;
    border-radius: 18px;
    background-size: cover;
    background-position: center;
    color: #fff;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .12);
    transition: transform .4s ease, box-shadow .4s ease;
}

.home-73 .card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 50px rgba(0, 0, 0, .20);
}

.home-73 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(0, 83, 255, .82);
    transform: translateX(-100%);
    transition: transform .45s ease;
    z-index: 3;
}

.home-73 .card:hover .overlay {
    transform: translateX(0);
}

.home-73 .overlay h3 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

.home-73 .overlay p {
    margin-top: 12px;
    color: rgba(255, 255, 255, .92);
    font-size: 14px;
    line-height: 1.8;
}

.home-73 .card .default-text {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    text-shadow: 0 3px 10px rgba(0, 0, 0, .35);
}

@media(max-width:991px) {

    .home-73 {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .home-73 {
        padding: 60px 0;
    }

    .home-73 .card {
        height: 250px;
    }

    .home-73 .overlay {
        padding: 20px;
    }

    .home-73 .overlay h3 {
        font-size: 20px;
    }

    .home-73 .overlay p {
        font-size: 14px;
    }

    .home-73 .card .default-text {
        font-size: 18px;
    }

}

/* contact-17 */
.contact-17 {
    padding: 80px 0;
    background: var(--bg, #fff);
    color: var(--text, #333);
    font-family: "Poppins", sans-serif;
}

.contact-17 *,
.contact-17 *::before,
.contact-17 *::after {
    box-sizing: border-box;
}

.contact-17 .container {
    width: 100%;
}

.contact-17 .contact-17-row {
    display: flex;
    align-items: stretch;
    margin: 0 -10px;
}

.contact-17 .contact-17-info-column,
.contact-17 .contact-17-form-column {
    display: flex;
    padding: 0 10px;
}

.contact-17 .contact-17-info,
.contact-17 .contact-17-form-box {
    width: 100%;
}

.contact-17 .contact-17-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 45px 40px 45px 0;
}

.contact-17 .contact-17-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-bottom: 16px;
    color: var(--primary, #007bff);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.contact-17 .contact-17-title i {
    font-size: 16px;
}

.contact-17 .contact-17-heading {
    margin: 0 0 18px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
}

.contact-17 .contact-17-lead {
    max-width: 520px;
    margin: 0 0 30px;
    color: var(--text, #666);
    font-size: 14px;
    line-height: 1.85;
}

.contact-17 .contact-17-details {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin: 0;
}

.contact-17 .contact-17-detail {
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 13px;
    min-height: 66px;
    padding: 10px 12px;
    border: 1px solid var(--border, #e6e6e6);
    border-radius: 10px;
    background: var(--light, #f7f7f7);
}

.contact-17 .contact-17-detail-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 9px;
    background: var(--bg, #fff);
    color: var(--primary, #007bff);
    font-size: 18px;
}

.contact-17 .contact-17-detail-label {
    display: block;
    margin-bottom: 3px;
    color: var(--text, #777);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.contact-17 .contact-17-detail p {
    margin: 0;
    color: var(--text, #333);
    font-size: 13px;
    line-height: 1.5;
    word-break: break-word;
}

.contact-17 .contact-17-form-box {
    padding: 42px;
    border: 1px solid var(--border, #e6e6e6);
    border-radius: 18px;
    background: var(--light, #f7f7f7);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .05);
}

.contact-17 .contact-17-form-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--primary, #007bff);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.contact-17 .contact-17-form-eyebrow i {
    font-size: 16px;
}

.contact-17 .contact-17-form-title {
    margin: 0 0 9px;
    color: var(--text, #222);
    font-size: 27px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-17 .contact-17-form-description {
    max-width: 600px;
    margin: 0 0 25px;
    color: var(--text, #777);
    font-size: 13px;
    line-height: 1.7;
}

.contact-17 .contact-17-form-row {
    margin: 0 -7px;
}

.contact-17 .contact-17-form-row > [class*="col-"] {
    padding: 0 7px;
}

.contact-17 .contact-17-field {
    margin-bottom: 16px;
}

.contact-17 .contact-17-field label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7px;
    color: var(--text, #444);
    font-size: 11px;
    font-weight: 600;
}

.contact-17 .contact-17-field label i {
    color: var(--primary, #007bff);
    font-size: 14px;
}

.contact-17 .contact-17-input {
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 11px 14px;
    border: 1px solid var(--border, #ddd);
    border-radius: 8px;
    background: var(--bg, #fff);
    color: var(--text, #333);
    font-size: 13px;
    box-shadow: none;
    outline: none;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.contact-17 .contact-17-input::placeholder {
    color: var(--text, #999);
    opacity: .7;
}

.contact-17 textarea.contact-17-input {
    height: 125px;
    resize: none;
    padding-top: 13px;
}

.contact-17 .contact-17-input:focus {
    border-color: var(--primary, #007bff);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .08);
}

.contact-17 .contact-17-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 150px;
    margin-top: 3px;
    padding: 13px 24px;
    border: 1px solid var(--primary, #007bff);
    border-radius: 8px;
    background: var(--primary, #007bff);
    color: var(--light, #fff);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    transition: .3s ease;
}

.contact-17 .contact-17-btn i {
    font-size: 16px;
    transition: transform .3s ease;
}

.contact-17 .contact-17-btn:hover {
    background: var(--secondary, #0056b3);
    border-color: var(--secondary, #0056b3);
    color: var(--light, #fff);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
}

.contact-17 .contact-17-btn:hover i {
    transform: translateX(4px);
}

.contact-17 .form-message {
    margin: 12px 0 0;
    color: var(--text, #666);
    font-size: 12px;
}

@media (max-width: 1199px) {
    .contact-17 .contact-17-info {
        padding-right: 25px;
    }

    .contact-17 .contact-17-form-box {
        padding: 35px;
    }

    .contact-17 .contact-17-heading {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .contact-17 {
        padding: 70px 0;
    }

    .contact-17 .contact-17-row {
        display: block;
        margin: 0;
    }

    .contact-17 .contact-17-info-column,
    .contact-17 .contact-17-form-column {
        display: block;
        width: 100%;
        padding: 0;
    }

    .contact-17 .contact-17-info {
        padding: 0 0 40px;
    }

    .contact-17 .contact-17-form-box {
        padding: 35px;
    }
}

@media (max-width: 767px) {
    .contact-17 {
        padding: 55px 0;
    }

    .contact-17 .contact-17-heading {
        font-size: 30px;
    }

    .contact-17 .contact-17-lead {
        font-size: 13px;
    }

    .contact-17 .contact-17-form-box {
        padding: 30px 22px;
        border-radius: 14px;
    }

    .contact-17 .contact-17-form-title {
        font-size: 23px;
    }

    .contact-17 .contact-17-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-17 .contact-17-info {
        padding-bottom: 30px;
    }

    .contact-17 .contact-17-heading {
        font-size: 27px;
    }

    .contact-17 .contact-17-detail {
        grid-template-columns: 38px 1fr;
        gap: 10px;
    }

    .contact-17 .contact-17-detail-icon {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .contact-17 .contact-17-form-box {
        padding: 25px 18px;
    }

    .contact-17 .contact-17-form-title {
        font-size: 21px;
    }
}

/* blog-15 */
.blog-15 {
    padding: 80px 0;
    background: var(--light, #f9f9f9);
}

.blog-15 * {
    font-family: "Poppins", sans-serif;
}

.blog-15-item {
    margin-bottom: 30px;
}

.blog-15-card {
    overflow: hidden;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 18px;
    background: var(--bg, #fff);
    transition: transform .35s ease, box-shadow .35s ease;
}

.blog-15-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .10);
}

.blog-15-image {
    overflow: hidden;
}

.blog-15-image img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform .45s ease;
}

.blog-15-card:hover .blog-15-image img {
    transform: scale(1.08);
}

.blog-15-content {
    padding: 22px;
}

.blog-15-title {
    margin: 0 0 12px;
    color: var(--text, #003366);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.blog-15-description {
    margin-bottom: 18px;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

.blog-15-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-15-author {
    color: #888;
    font-size: 13px;
}

.blog-15-readmore {
    color: var(--primary, #007bff);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.blog-15-readmore:hover {
    color: var(--secondary, #0056b3);
}

@media(max-width:991px) {

    .blog-15 {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .blog-15 {
        padding: 60px 0;
    }

    .blog-15-image img {
        height: 180px;
    }

    .blog-15-content {
        padding: 18px;
    }

}


/* About-45 */
.about-45 {
    padding: 80px 0;
    background: var(--light, #f7f7f7);
}

.about-45 * {
    font-family: "Poppins", sans-serif;
}

.about-45-subtitle {
    margin-bottom: 12px;
    color: var(--accent, #b6a47a);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-45-heading {
    margin: 0 0 40px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-45-card {
    overflow: hidden;
    border-radius: 18px;
    background: var(--bg, #fff);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.about-45-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .14);
}

.about-45-img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .45s ease;
}

.about-45-card:hover .about-45-img {
    transform: scale(1.05);
}

.about-45-card-content {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 22px;
    background: var(--bg, #fff);
    border-top: 1px solid var(--border, #eee);
}

.about-45-icon {
    margin-top: 4px;
    color: var(--accent, #b6a47a);
    font-size: 24px;
}

.about-45-card-text h4 {
    margin: 0 0 8px;
    color: var(--text, #111);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.about-45-card-text p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

.about-45-right {
    margin-top: 40px;
}

@media(min-width:992px) {

    .about-45-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 0;
    }

}

.about-45-right-img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    transition: transform .35s ease;
}

.about-45-right-img:hover {
    transform: scale(1.02);
}

.about-45-desc {
    margin-bottom: 22px;
    color: #666;
    font-size: 15px;
    line-height: 1.9;
}

.about-45-btn {
    align-self: flex-start;
    padding: 12px 24px;
    border: none;
    border-radius: 30px;
    background: var(--text, #000);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s ease;
}

.about-45-btn:hover {
    background: var(--accent, #b6a47a);
    color: #fff;
    transform: translateY(-2px);
}

@media(max-width:991px) {

    .about-45 {
        padding: 70px 0;
    }

    .about-45-heading {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-45 {
        padding: 60px 15px;
    }

    .about-45-heading {
        font-size: 30px;
    }

    .about-45-card-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .about-45-right-img {
        margin-top: 30px;
    }

}

/* home-74 */
.home-74 {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 520px;
    padding: 80px 0;
    overflow: hidden;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.home-74 *,
.home-74 *::before,
.home-74 *::after {
    box-sizing: border-box;
}

.home-74 .container {
    position: relative;
    width: 100%;
}

.home-74-marquee {
    position: relative;
    width: 100%;
    margin-bottom: 55px;
    overflow: hidden;
    border-bottom: 1px solid var(--border, #ddd);
}

.home-74-marquee-track {
    display: flex;
    width: max-content;
    animation: home-74-marquee 22s linear infinite;
}

.home-74-marquee-group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.home-74-marquee-group span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 9px 18px;
    padding: 9px 17px;
    border: 1px solid var(--border, #ddd);
    border-radius: 50px;
    color: var(--text, #222);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .8px;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all .3s ease;
}

.home-74-marquee-group span i {
    color: var(--primary, #5108bb);
    font-size: 16px;
}

.home-74-marquee-group span:hover {
    border-color: var(--primary, #5108bb);
    background: var(--primary, #5108bb);
    color: var(--light, #fff);
}

.home-74-marquee-group span:hover i {
    color: var(--light, #fff);
}

@keyframes home-74-marquee {
    from {
        transform: translateX(0);
    }

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

.home-74-content {
    position: relative;
    z-index: 2;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.home-74-eyebrow {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 16px;
    color: var(--primary, #5108bb);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.home-74-eyebrow i {
    font-size: 16px;
}

.home-74-big-text {
    position: relative;
    z-index: 3;
    margin: 0;
    cursor: default;
}

.home-74-big-text span {
    display: block;
    color: var(--text, #222);
    font-size: clamp(60px, 9vw, 115px);
    font-weight: 900;
    line-height: .95;
    letter-spacing: -5px;
    text-transform: uppercase;
    transition: transform .45s ease, color .35s ease;
}

.home-74-big-text:hover span {
    color: var(--primary, #5108bb);
    transform: scale(1.04);
}

.home-74-blended-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    color: rgba(150, 150, 150, .12);
    font-size: 330px;
    font-weight: 900;
    line-height: .8;
    pointer-events: none;
    transform: translate(-50%, -50%);
    user-select: none;
}

.home-74-description {
    position: relative;
    z-index: 3;
    max-width: 520px;
    margin: 18px auto 22px;
    color: var(--text, #222);
    opacity: .58;
    font-size: 13px;
    line-height: 1.8;
}

.home-74-button {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 50px;
    background: var(--primary, #5108bb);
    color: var(--light, #fff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .35s ease;
}

.home-74-button i {
    font-size: 17px;
    transition: transform .35s ease;
}

.home-74-button:hover {
    background: var(--secondary, #222);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .14);
    text-decoration: none;
}

.home-74-button:hover i {
    transform: translate(3px, -3px);
}

@media (max-width: 991px) {
    .home-74 {
        min-height: 470px;
        padding: 70px 0;
    }

    .home-74-marquee {
        margin-bottom: 45px;
    }

    .home-74-big-text span {
        font-size: 70px;
        letter-spacing: -3px;
    }

    .home-74-blended-bg {
        font-size: 250px;
    }

    .home-74-content {
        min-height: 280px;
    }
}

@media (max-width: 767px) {
    .home-74 {
        min-height: 420px;
        padding: 60px 0;
    }

    .home-74-marquee {
        margin-bottom: 35px;
    }

    .home-74-marquee-group span {
        margin: 0 6px 14px;
        padding: 8px 13px;
        font-size: 9px;
    }

    .home-74-marquee-group span i {
        font-size: 14px;
    }

    .home-74-content {
        min-height: 250px;
    }

    .home-74-eyebrow {
        margin-bottom: 12px;
        font-size: 9px;
    }

    .home-74-big-text span {
        font-size: 48px;
        letter-spacing: -2px;
    }

    .home-74-blended-bg {
        font-size: 190px;
    }

    .home-74-description {
        max-width: 430px;
        margin-top: 15px;
        font-size: 12px;
    }

    .home-74-button {
        min-height: 45px;
        padding: 11px 19px;
    }
}

@media (max-width: 480px) {
    .home-74 {
        min-height: 390px;
        padding: 50px 0;
    }

    .home-74-marquee {
        margin-bottom: 28px;
    }

    .home-74-marquee-group span {
        padding: 7px 11px;
        font-size: 8px;
    }

    .home-74-content {
        min-height: 230px;
    }

    .home-74-big-text span {
        font-size: 38px;
        letter-spacing: -1px;
    }

    .home-74-blended-bg {
        font-size: 145px;
    }

    .home-74-description {
        max-width: 330px;
        font-size: 11px;
        line-height: 1.7;
    }
}
/* service-24 */
.section-wrapper.services-24 {
    padding: 80px 0;
    overflow-x: hidden;
    background: var(--light, #f5f5f5);
    color: var(--text, #222);
}

.section-wrapper.services-24 * {
    font-family: "Poppins", sans-serif;
}

.services-24-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1100px;
    margin: 30px auto;
    overflow: hidden;
    border-radius: 20px;
    background: var(--bg, #fff);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    transition: transform .45s ease, opacity .45s ease, box-shadow .45s ease;
}

.services-24-card:hover {
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}

.services-24-card-content {
    width: 50%;
    padding: 40px;
}

.services-24-card h3 {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
}

.services-24-card p {
    margin-bottom: 20px;
    color: #666;
    font-size: 15px;
    line-height: 1.9;
}

.services-24-info {
    display: flex;
    gap: 18px;
    color: #777;
    font-size: 14px;
    flex-wrap: wrap;
}

.services-24-info i {
    margin-right: 4px;
    color: var(--primary, #555);
}

.services-24-card img {
    display: block;
    width: 50%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.services-24-card:hover img {
    transform: scale(1.05);
}

.services-24-sticky-wrapper {
    position: relative;
    height: 400vh;
}

.services-24-sticky-inner.is-sticky {
    position: sticky;
    top: 20vh;
    display: block;
    height: 60vh;
}

.services-24-sticky-inner.is-sticky .services-24-card {
    position: absolute;
    top: 0;
    left: 50%;
    width: 90%;
    margin: 0;
    opacity: .45;
    transform: translateX(-50%) translateY(20px) scale(.98);
}

.services-24-sticky-inner.is-sticky .services-24-card.active {
    z-index: 10;
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
}

@media(max-width:991px) {

    .section-wrapper.services-24 {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .section-wrapper.services-24 {
        padding: 60px 0;
    }

    .services-24-card {
        flex-direction: column;
        width: 95%;
        margin: 20px auto;
    }

    .services-24-card-content,
    .services-24-card img {
        width: 100%;
    }

    .services-24-card-content {
        padding: 22px;
    }

    .services-24-sticky-wrapper {
        height: auto;
    }

    .services-24-sticky-inner.is-sticky .services-24-card {
        position: relative;
        width: 100%;
        opacity: 1;
        transform: none;
    }

}

/* About-46 */

.about-46 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    border-radius: 18px;
    background: var(--text, #224f43);
    color: #fff;
}

.about-46 * {
    font-family: "Poppins", sans-serif;
}

.about-46-pill {
    display: inline-block;
    margin-bottom: 20px;
    padding: 7px 18px;
    border: 1px solid var(--accent, #b9d18a);
    border-radius: 50px;
    background: transparent;
    color: var(--accent, #b9d18a);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-46-title {
    margin: 0 0 15px;
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
}

.about-46-line {
    width: 80px;
    height: 2px;
    margin: 12px 0 40px;
    background: var(--accent, #b9d18a);
}

.about-46-cards {
    margin-top: 20px;
}

.about-46-card {
    min-height: 230px;
    padding: 30px 25px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    background: rgba(255, 255, 255, .05);
    transition: all .35s ease;
}

.about-46-card:hover {
    transform: translateY(-6px);
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
}

.about-46-icon {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--accent, #b9d18a);
    font-size: 26px;
}

.about-46-card-title {
    margin: 0 0 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

.about-46-card-text {
    color: #cdd5d2;
    font-size: 14px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .about-46 {
        padding: 70px 0;
    }

    .about-46-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-46 {
        padding: 60px 0;
        border-radius: 14px;
    }

    .about-46-title {
        font-size: 30px;
    }

    .about-46-card {
        min-height: auto;
        margin-bottom: 20px;
    }

}
.services-25 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.services-25 *,
.services-25 *::before,
.services-25 *::after {
    box-sizing: border-box;
}

.services-25 .container {
    width: 100%;
}

.services-25 .services-25-hero {
    position: relative;
    height: 520px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .10);
}

.services-25 .services-25-hero-overlay {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 60px;
    background: linear-gradient(90deg, rgba(0, 0, 0, .68) 0%, rgba(0, 0, 0, .42) 55%, rgba(0, 0, 0, .15) 100%);
}

.services-25 .services-25-hero-content {
    width: 100%;
    max-width: 720px;
    color: var(--light, #fff);
}

.services-25 .services-25-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 12px;
    background: rgba(255, 255, 255, .12);
    color: var(--light, #fff);
    backdrop-filter: blur(5px);
}

.services-25 .services-25-icon i {
    font-size: 22px;
}

.services-25 .services-25-hero-content h2 {
    max-width: 700px;
    margin: 0 0 30px;
    color: var(--light, #fff);
    font-size: 50px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -.8px;
}

.services-25 .services-25-hero-content h2 span {
    display: block;
    color: var(--primary, #a6d64a);
}

.services-25 .services-25-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 24px;
    border: 1px solid var(--primary, #a6d64a);
    border-radius: 8px;
    background: var(--primary, #a6d64a);
    color: var(--text, #000);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.services-25 .services-25-btn i {
    font-size: 16px;
    transition: transform .3s ease;
}

.services-25 .services-25-btn:hover {
    background: var(--secondary, #8bc739);
    border-color: var(--secondary, #8bc739);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .15);
}

.services-25 .services-25-btn:hover i {
    transform: translateX(4px);
}

@media (max-width: 1199px) {
    .services-25 .services-25-hero {
        height: 480px;
    }

    .services-25 .services-25-hero-overlay {
        padding: 50px;
    }

    .services-25 .services-25-hero-content h2 {
        font-size: 44px;
    }
}

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

    .services-25 .services-25-hero {
        height: 440px;
        border-radius: 20px;
    }

    .services-25 .services-25-hero-overlay {
        padding: 45px;
        background: linear-gradient(90deg, rgba(0, 0, 0, .68), rgba(0, 0, 0, .3));
    }

    .services-25 .services-25-hero-content h2 {
        max-width: 600px;
        font-size: 38px;
    }
}

@media (max-width: 767px) {
    .services-25 {
        padding: 55px 0;
    }

    .services-25 .services-25-hero {
        height: 400px;
        border-radius: 16px;
    }

    .services-25 .services-25-hero-overlay {
        padding: 30px 25px;
        background: rgba(0, 0, 0, .52);
    }

    .services-25 .services-25-icon {
        width: 46px;
        height: 46px;
        margin-bottom: 18px;
    }

    .services-25 .services-25-icon i {
        font-size: 19px;
    }

    .services-25 .services-25-hero-content h2 {
        margin-bottom: 25px;
        font-size: 31px;
        line-height: 1.2;
        letter-spacing: -.4px;
    }

    .services-25 .services-25-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .services-25 .services-25-hero {
        height: 360px;
    }

    .services-25 .services-25-hero-overlay {
        padding: 25px 20px;
    }

    .services-25 .services-25-hero-content h2 {
        font-size: 27px;
    }
}

/* news-7 */
.news-7 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.news-7 * {
    font-family: "Poppins", sans-serif;
}

.news-7-header {
    margin-bottom: 60px;
    text-align: center;
}

.news-7-pill {
    display: inline-block;
    margin-bottom: 16px;
    padding: 7px 18px;
    border: none;
    border-radius: 50px;
    background: var(--light, #e7ebe5);
    color: var(--text, #3f5747);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.news-7-title {
    margin: 0 0 16px;
    color: var(--text, #254336);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.news-7-desc {
    max-width: 550px;
    margin: 0 auto;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

.news-7-card {
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: var(--light, #f6f6f2);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .07);
    transition: transform .35s ease, box-shadow .35s ease;
}

.news-7-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}

.news-7-card-img {
    height: 240px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform .45s ease;
}

.news-7-card:hover .news-7-card-img {
    transform: scale(1.05);
}

.news-7-card-content {
    position: relative;
    padding: 25px;
}

.news-7-category {
    margin-bottom: 10px;
    color: var(--primary, #4a6756);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.news-7-card-title {
    margin: 0 0 30px;
    color: var(--text, #254336);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}

.news-7-card-btn {
    position: absolute;
    right: 25px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: var(--bg, #f2f2ef);
    transition: all .3s ease;
}

.news-7-card-btn i {
    color: var(--text, #254336);
    font-size: 16px;
}

.news-7-card-btn:hover {
    background: var(--primary, #d6e4da);
    transform: translateX(3px);
}

.news-7-more-btn {
    display: inline-block;
    margin-top: 50px;
    padding: 12px 28px;
    border: none;
    border-radius: 40px;
    background: var(--primary, #b9e63d);
    color: var(--text, #1b1b1b);
    font-size: 15px;
    font-weight: 600;
    transition: all .3s ease;
}

.news-7-more-btn:hover {
    background: var(--secondary, #a3ce34);
    color: #fff;
    transform: translateY(-2px);
}

@media(max-width:991px) {

    .news-7 {
        padding: 70px 0;
    }

    .news-7-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .news-7 {
        padding: 60px 0;
    }

    .news-7-title {
        font-size: 30px;
    }

    .news-7-card {
        margin-bottom: 25px;
    }

    .news-7-card-img {
        height: 220px;
    }

}

/* contact-18 */
.contact-18 * {
    font-family: "Poppins", sans-serif;
}

.contact-18-wrapper {
    overflow: hidden;
    border-radius: 20px;
    background: var(--light, #f8f8f5);
    box-shadow: 0 15px 45px rgba(0, 0, 0, .08);
}

.contact-18-form-box {
    padding: 60px 50px;
    background: var(--light, #f8f8f5);
}

.contact-18-top-btn {
    display: inline-block;
    padding: 7px 16px;
    border: none;
    border-radius: 30px;
    background: var(--bg, #e7e9e1);
    color: var(--text, #1b3326);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.contact-18-title {
    margin: 25px 0 12px;
    color: var(--text, #1b3326);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-18-desc {
    margin-bottom: 30px;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

.contact-18-input,
.contact-18-textarea {
    margin-bottom: 18px;
    border: 1px solid var(--border, #ddd);
    border-radius: 20px;
    box-shadow: none;
    transition: all .3s ease;
}

.contact-18-input:focus,
.contact-18-textarea:focus {
    border-color: var(--primary, #a4b795);
    box-shadow: 0 0 0 4px rgba(164, 183, 149, .12);
}

.contact-18-btn {
    padding: 12px 28px;
    border: none;
    border-radius: 30px;
    background: var(--primary, #b7e000);
    color: var(--text, #1b3326);
    font-size: 15px;
    font-weight: 600;
    transition: all .3s ease;
}

.contact-18-btn:hover {
    background: var(--secondary, #9dc400);
    color: #fff;
    transform: translateY(-2px);
}

.contact-18-image-side {
    position: relative;
    min-height: 500px;
}

.contact-18-call-box {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    max-width: 420px;
    padding: 15px 20px;
    border-radius: 30px;
    background: var(--bg, #f8f8f5);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

.contact-18-call-box p {
    margin: 0;
    color: var(--text, #1b3326);
    font-size: 14px;
    line-height: 1.6;
}

.contact-18-call-box a {
    color: var(--text, #1b3326);
    font-weight: 600;
    text-decoration: underline;
}

.contact-18-icon {
    margin-right: 12px;
    color: var(--primary, #80c300);
    font-size: 22px;
}

.contact-18-subscribe {
    position: relative;
    margin-top: -50px;
    padding: 40px 0;
    background: var(--text, #1b3326);
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}

.contact-18-subtext {
    margin-bottom: 15px;
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
}

.contact-18-subform {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
}

.contact-18-email {
    width: 250px;
    padding: 12px 20px;
    border: none;
    outline: none;
    color: var(--text, #1b3326);
    font-size: 14px;
}

.contact-18-arrow {
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 50%;
    background: var(--primary, #b7e000);
    color: var(--text, #1b3326);
    font-size: 18px;
    transition: all .3s ease;
}

.contact-18-arrow:hover {
    background: var(--secondary, #9dc400);
    color: #fff;
}

@media(max-width:991px) {

    .contact-18-title {
        font-size: 36px;
    }

    .contact-18-form-box {
        padding: 50px 35px;
    }

}

@media(max-width:767px) {

    .contact-18-form-box {
        padding: 30px 20px;
    }

    .contact-18-title {
        font-size: 30px;
    }

    .contact-18-image-side {
        min-height: 300px;
    }

    .contact-18-call-box {
        position: relative;
        left: auto;
        bottom: auto;
        margin: 15px;
    }

    .contact-18-subscribe {
        margin-top: 0;
        padding: 35px 20px;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }

    .contact-18-subform {
        display: flex;
        width: 100%;
    }

    .contact-18-email {
        width: 100%;
    }

}

/* home-75 */
.home-75 {
    overflow: hidden;
    perspective: 1200px;
    padding: 80px 0;
    background: radial-gradient(circle at center, var(--text, #0f0f12) 0%, #0a0a0a 80%);
    color: #fff;
    text-align: center;
}

.home-75 * {
    font-family: "Poppins", sans-serif;
}

.home-75-heading h2 {
    margin: 0 0 40px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px;
}

.home-75-gallery {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    transform-style: preserve-3d;
    transition: transform .5s ease;
}

.home-75-card {
    position: relative;
    width: 200px;
    height: 280px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 18px;
    background: #222;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .55);
    transform-origin: center center;
    transition: transform .45s ease, opacity .45s ease, box-shadow .45s ease;
}

.home-75-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .45s ease, filter .45s ease;
}

.home-75-card:hover {
    transform: scale(1.35) translateY(-20px);
    z-index: 10;
    box-shadow: 0 28px 60px rgba(0, 0, 0, .7);
}

.home-75-card:hover img {
    transform: scale(1.08);
    filter: brightness(1.1);
}

.home-75-gallery:hover .home-75-card:not(:hover) {
    opacity: .7;
    transform: scale(.9);
}

.home-75-card:nth-child(1) {
    transform: rotateY(-50deg) translateZ(-150px);
}

.home-75-card:nth-child(2) {
    transform: rotateY(-35deg) translateZ(-80px);
}

.home-75-card:nth-child(3) {
    transform: rotateY(-20deg) translateZ(0);
}

.home-75-card:nth-child(4) {
    transform: rotateY(0deg) translateZ(80px);
}

.home-75-card:nth-child(5) {
    transform: rotateY(20deg) translateZ(0);
}

.home-75-card:nth-child(6) {
    transform: rotateY(35deg) translateZ(-80px);
}

.home-75-card:nth-child(7) {
    transform: rotateY(50deg) translateZ(-150px);
}

.home-75-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 12px;
    background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, .35));
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    pointer-events: none;
}

@media(max-width:991px) {

    .home-75 {
        padding: 70px 0;
    }

    .home-75-heading h2 {
        font-size: 36px;
    }

    .home-75-card {
        width: 160px;
        height: 220px;
    }

}

@media(max-width:767px) {

    .home-75 {
        padding: 60px 0;
    }

    .home-75-heading h2 {
        font-size: 30px;
    }

    .home-75-gallery {
        justify-content: flex-start;
        overflow-x: auto;
        padding: 0 20px;
        transform: none !important;
    }

    .home-75-gallery::-webkit-scrollbar {
        display: none;
    }

    .home-75-card {
        flex: 0 0 auto;
        width: 150px;
        height: 200px;
        margin-right: 15px;
        transform: none !important;
    }

    .home-75-card:hover {
        transform: scale(1.12) !important;
    }

}

/* about-47 */
.about-47 {
    padding: 80px 0;
    background: var(--text, #0c0c0c);
    color: #fff;
}

.about-47 * {
    font-family: "Poppins", sans-serif;
}

.about-47-subtitle {
    margin-bottom: 15px;
    color: var(--primary, #ff5e14);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-47-title {
    margin: 0 0 20px;
    color: #fff;
    font-size: 57px;
    font-weight: 800;
    line-height: 1.3;
}

.about-47-desc {
    max-width: 450px;
    margin-bottom: 30px;
    color: #cfcfcf;
    font-size: 16px;
    line-height: 1.9;
}

.about-47-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.about-47-link {
    color: #aaa;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: color .3s ease;
}

.about-47-link:hover {
    color: var(--primary, #ff5e14);
}

.about-47-btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 30px;
    background: var(--primary, #ff5e14);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.about-47-btn:hover {
    background: #fff;
    color: var(--text, #0c0c0c);
    transform: translateY(-2px);
}

.about-47-gallery {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.about-47-img-wrap {
    flex: 1 1 38%;
    overflow: hidden;
    perspective: 900px;
    border-radius: 18px;
}

.about-47-img {
    display: block;
    width: 100%;
    border-radius: 18px;
    filter: grayscale(100%);
    transform: rotateY(0deg) scale(1);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .35);
    transition: all .6s cubic-bezier(.25, 1, .3, 1);
}

.about-47-img:hover {
    filter: grayscale(0%);
    transform: rotateY(10deg) scale(1.05);
    box-shadow: 0 20px 45px rgba(255, 94, 20, .35);
}

@media(max-width:991px) {

    .about-47 {
        padding: 70px 0;
    }

    .about-47-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-47 {
        padding: 60px 0;
    }

    .about-47-title {
        font-size: 30px;
    }

    .about-47-desc {
        font-size: 15px;
    }

    .about-47-gallery {
        flex-direction: column;
    }

    .about-47-img-wrap {
        width: 100%;
        flex: 1 1 100%;
    }

}

/* pricing 10 */
.pricing-10 {
    padding: 80px 0;
    text-align: center;
    background: var(--text, #0f0f0f);
}

.pricing-10 * {
    font-family: "Poppins", sans-serif;
}

.pricing-10-subtitle {
    margin-bottom: 10px;
    color: var(--primary, #ff6600);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.pricing-10-title {
    margin: 0 0 12px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.pricing-10-desc {
    margin: 0 auto 50px;
    max-width: 650px;
    color: #aaa;
    font-size: 15px;
    line-height: 1.8;
}

.pricing-10-cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.pricing-10-card {
    position: relative;
    margin: 10px;
    padding: 40px 28px;
    border-radius: 20px;
    background: #1b1b1b;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .25);
    transition: all .35s ease;
}

.pricing-10-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(255, 102, 0, .22);
}

.pricing-10-featured {
    position: relative;
    z-index: 2;
    background: var(--primary, #ff6600);
    color: #fff;
}

.pricing-10-popular {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 6px 12px;
    border-radius: 30px;
    background: #fff;
    color: var(--primary, #ff6600);
    font-size: 12px;
    font-weight: 700;
}

.pricing-10-plan-title {
    margin: 0 0 10px;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: 600;
}

.pricing-10-price {
    margin-bottom: 6px;
    color: #e8e8e8;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.2;
}

.pricing-10-note {
    margin-bottom: 22px;
    color: #bbb;
    font-size: 14px;
}

.pricing-10-features {
    padding: 0;
    margin: 0;
    list-style: none;
}

.pricing-10-features li {
    margin: 12px 0;
    color: #ccc;
    font-size: 14px;
    line-height: 1.7;
}

.pricing-10-features i {
    margin-right: 8px;
    color: var(--primary, #ff6600);
}

.pricing-10-btn {
    display: inline-block;
    margin-top: 22px;
    padding: 12px 30px;
    border-radius: 30px;
    background: #222;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.pricing-10-btn:hover {
    background: var(--primary, #ff6600);
    color: #fff;
    transform: translateY(-2px);
}

.pricing-10-btn-light {
    background: #fff;
    color: var(--primary, #ff6600);
}

.pricing-10-btn-light:hover {
    background: #222;
    color: #fff;
}

@media(max-width:991px) {

    .pricing-10 {
        padding: 70px 0;
    }

    .pricing-10-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .pricing-10 {
        padding: 60px 0;
    }

    .pricing-10-title {
        font-size: 30px;
    }

    .pricing-10-cards {
        flex-direction: column;
        align-items: center;
    }

    .pricing-10-card {
        width: 90%;
        margin-bottom: 25px;
    }

}

/* services-26 */
.services-26 {
    position: relative;
    overflow: hidden;
    padding: 85px 0;
    background: var(--text, #0d0d0d);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.services-26 * {
    box-sizing: border-box;
}

.services-26 .services-26-row {
    display: flex;
    flex-wrap: wrap;
}

.services-26 .services-26-column {
    display: flex;
    margin-bottom: 30px;
}

.services-26 .services-26-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 475px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    background: rgba(255, 255, 255, .035);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .3);
    transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease;
}

.services-26 .services-26-card:hover {
    border-color: rgba(255, 255, 255, .18);
    transform: translateY(-7px);
    box-shadow: 0 25px 55px rgba(0, 0, 0, .42);
}

.services-26 .services-26-img {
    position: relative;
    width: 100%;
    height: 245px;
    overflow: hidden;
}

.services-26 .services-26-img::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, .45) 100%
    );
    content: "";
    pointer-events: none;
}

.services-26 .services-26-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.services-26 .services-26-card:hover .services-26-img img {
    transform: scale(1.07);
}

.services-26 .services-26-icon {
    position: absolute;
    right: 20px;
    bottom: 18px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 12px;
    background: var(--primary, #ff5a1f);
    color: var(--light, #fff);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
}

.services-26 .services-26-icon i {
    font-size: 21px;
}

.services-26 .services-26-content {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 27px 28px 25px;
}

.services-26 .services-26-number {
    position: absolute;
    top: 25px;
    right: 27px;
    color: rgba(255, 255, 255, .14);
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.services-26 .services-26-content h3 {
    margin: 0 60px 12px 0;
    color: var(--light, #fff);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.35;
}

.services-26 .services-26-content p {
    margin: 0;
    color: rgba(255, 255, 255, .58);
    font-size: 13px;
    line-height: 1.8;
}

.services-26 .services-26-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    margin-top: auto;
    padding-top: 22px;
    color: var(--light, #fff);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .6px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease;
}

.services-26 .services-26-btn i {
    color: var(--primary, #ff5a1f);
    font-size: 17px;
    transition: transform .3s ease;
}

.services-26 .services-26-btn:hover {
    color: var(--primary, #ff5a1f);
}

.services-26 .services-26-btn:hover i {
    transform: translateX(4px);
}

@media (max-width: 1199px) {
    .services-26 {
        padding: 75px 0;
    }

    .services-26 .services-26-card {
        min-height: 455px;
    }

    .services-26 .services-26-img {
        height: 225px;
    }

    .services-26 .services-26-content {
        padding: 24px;
    }
}

@media (max-width: 991px) {
    .services-26 {
        padding: 70px 0;
    }

    .services-26 .services-26-card {
        min-height: 440px;
    }

    .services-26 .services-26-img {
        height: 215px;
    }

    .services-26 .services-26-content h3 {
        font-size: 19px;
    }
}

@media (max-width: 767px) {
    .services-26 {
        padding: 60px 0;
    }

    .services-26 .services-26-column {
        width: 100%;
        margin-bottom: 25px;
    }

    .services-26 .services-26-card {
        min-height: 430px;
        border-radius: 17px;
    }

    .services-26 .services-26-img {
        height: 220px;
    }

    .services-26 .services-26-content {
        padding: 23px;
    }

    .services-26 .services-26-content p {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .services-26 {
        padding: 50px 0;
    }

    .services-26 .services-26-card {
        min-height: 410px;
        border-radius: 15px;
    }

    .services-26 .services-26-img {
        height: 200px;
    }

    .services-26 .services-26-icon {
        right: 15px;
        bottom: 15px;
        width: 42px;
        height: 42px;
    }

    .services-26 .services-26-icon i {
        font-size: 19px;
    }

    .services-26 .services-26-content {
        padding: 21px 20px;
    }

    .services-26 .services-26-number {
        top: 20px;
        right: 20px;
        font-size: 24px;
    }

    .services-26 .services-26-content h3 {
        font-size: 18px;
    }

    .services-26 .services-26-content p {
        font-size: 12px;
        line-height: 1.7;
    }
}

/* events-6 */

.events-6 {
    padding: 80px 0;
    background: var(--bg, #fff);
}

.events-6 * {
    font-family: "Poppins", sans-serif;
}

.events-6 .section-header {
    margin-bottom: 50px;
}

.events-6-title {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.events-6-subtitle {
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.events-6 .event-item {
    margin-bottom: 30px;
}

.events-6-card {
    overflow: hidden;
    border: 1px solid var(--border, #e0e0e0);
    border-radius: 18px;
    background: var(--bg, #fff);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .06);
    transition: transform .35s ease, box-shadow .35s ease;
}

.events-6-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}

.events-6-image {
    overflow: hidden;
}

.events-6-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .45s ease;
}

.events-6-card:hover .events-6-image img {
    transform: scale(1.06);
}

.events-6-content {
    padding: 24px;
    text-align: center;
}

.events-6-event-name {
    margin: 0 0 10px;
    color: var(--text, #333);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
}

.events-6-artist {
    margin-bottom: 8px;
    color: #777;
    font-size: 16px;
    line-height: 1.7;
}

.events-6-date {
    margin-bottom: 18px;
    color: #999;
    font-size: 14px;
    line-height: 1.6;
}

.events-6-button {
    display: inline-block;
    padding: 11px 26px;
    border: none;
    border-radius: 30px;
    background: var(--primary, #ff5a5f);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s ease;
}

.events-6-button:hover {
    background: var(--secondary, #e04848);
    color: #fff;
    transform: translateY(-2px);
}

@media(max-width:991px) {

    .events-6 {
        padding: 70px 0;
    }

    .events-6-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .events-6 {
        padding: 60px 0;
    }

    .events-6-title {
        font-size: 30px;
    }

    .events-6-subtitle {
        font-size: 14px;
    }

    .events-6-event-name {
        font-size: 20px;
    }

    .events-6-artist {
        font-size: 14px;
    }

}

.home-76 {
    position: relative;
    padding: 85px 0;
    overflow: hidden;
    background: var(--text, #111);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.home-76 *,
.home-76 *::before,
.home-76 *::after {
    box-sizing: border-box;
}

.home-76 .container {
    position: relative;
    z-index: 2;
}

.home-76-header {
    margin-bottom: 48px;
    text-align: center;
}

.home-76-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 11px;
    color: var(--accent, #cda45e);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.home-76-eyebrow i {
    font-size: 17px;
}

.home-76-title {
    margin: 0;
    color: var(--light, #fff);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.5px;
    text-transform: uppercase;
}

.home-76-divider {
    position: relative;
    width: 90px;
    height: 1px;
    margin: 17px auto 0;
    background: rgba(255, 255, 255, .15);
}

.home-76-divider span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 45px;
    height: 2px;
    background: var(--accent, #cda45e);
    transform: translateX(-50%);
}

.home-76-menu-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-right: -10px;
    margin-left: -10px;
}

.home-76-menu-column {
    display: flex;
    justify-content: center;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 25px;
}

.home-76-menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 270px;
    color: var(--light, #fff);
    text-align: center;
    text-decoration: none;
    transition: transform .35s ease;
}

.home-76-menu-item:hover {
    color: var(--light, #fff);
    text-decoration: none;
    transform: translateY(-7px);
}

.home-76-img-wrap {
    position: relative;
    width: 245px;
    height: 245px;
    padding: 8px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    background: var(--secondary, #1b1b1b);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .38);
    transition: border-color .35s ease, box-shadow .35s ease;
}

.home-76-img-wrap::after {
    content: "";
    position: absolute;
    inset: 8px;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    pointer-events: none;
}

.home-76-img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    transition: transform .6s ease;
}

.home-76-menu-item:hover .home-76-img {
    transform: scale(1.07);
}

.home-76-menu-item:hover .home-76-img-wrap {
    border-color: var(--accent, #cda45e);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .5);
}

.home-76-img-icon {
    position: absolute;
    right: 13px;
    bottom: 13px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 2px solid var(--text, #111);
    border-radius: 50%;
    background: var(--accent, #cda45e);
    color: var(--text, #111);
    opacity: 0;
    transform: scale(.75);
    transition: opacity .35s ease, transform .35s ease;
}

.home-76-img-icon i {
    font-size: 18px;
}

.home-76-menu-item:hover .home-76-img-icon {
    opacity: 1;
    transform: scale(1);
}

.home-76-caption {
    margin: 19px 0 0;
    color: var(--light, #fff);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    transition: color .3s ease;
}

.home-76-menu-item:hover .home-76-caption {
    color: var(--accent, #cda45e);
}

@media (max-width: 1199px) {
    .home-76 {
        padding: 75px 0;
    }

    .home-76-img-wrap {
        width: 215px;
        height: 215px;
    }

    .home-76-caption {
        font-size: 17px;
    }
}

@media (max-width: 991px) {
    .home-76 {
        padding: 70px 0;
    }

    .home-76-title {
        font-size: 36px;
    }

    .home-76-header {
        margin-bottom: 40px;
    }

    .home-76-img-wrap {
        width: 190px;
        height: 190px;
    }

    .home-76-img-icon {
        width: 38px;
        height: 38px;
        right: 10px;
        bottom: 10px;
    }

    .home-76-img-icon i {
        font-size: 16px;
    }

    .home-76-caption {
        margin-top: 15px;
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .home-76 {
        padding: 60px 0;
    }

    .home-76-title {
        font-size: 30px;
    }

    .home-76-eyebrow {
        font-size: 9px;
    }

    .home-76-header {
        margin-bottom: 35px;
    }

    .home-76-menu-column {
        width: 50%;
        margin-bottom: 30px;
    }

    .home-76-menu-item {
        max-width: 210px;
    }

    .home-76-img-wrap {
        width: 165px;
        height: 165px;
        padding: 6px;
    }

    .home-76-img-wrap::after {
        inset: 6px;
    }

    .home-76-img-icon {
        right: 7px;
        bottom: 7px;
        width: 34px;
        height: 34px;
    }

    .home-76-img-icon i {
        font-size: 14px;
    }

    .home-76-caption {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .home-76 {
        padding: 50px 0;
    }

    .home-76-title {
        font-size: 26px;
    }

    .home-76-divider {
        margin-top: 14px;
    }

    .home-76-menu-row {
        margin-right: -7px;
        margin-left: -7px;
    }

    .home-76-menu-column {
        padding-right: 7px;
        padding-left: 7px;
        margin-bottom: 25px;
    }

    .home-76-menu-item {
        max-width: 160px;
    }

    .home-76-img-wrap {
        width: 135px;
        height: 135px;
        padding: 5px;
    }

    .home-76-img-wrap::after {
        inset: 5px;
    }

    .home-76-img-icon {
        width: 30px;
        height: 30px;
        right: 6px;
        bottom: 6px;
    }

    .home-76-img-icon i {
        font-size: 12px;
    }

    .home-76-caption {
        margin-top: 12px;
        font-size: 12px;
        line-height: 1.35;
    }
}

/* about-48 */

.about-48 {
    padding: 80px 0;
    background: var(--text, #0e0e0e);
    color: #fff;
}

.about-48 * {
    font-family: "Poppins", sans-serif;
}

.about-48-row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.about-48-img-wrap {
    padding: 0;
}

.about-48-img-box {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.about-48-img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .6s ease;
}

.about-48-img:hover {
    transform: scale(1.06);
}

.about-48-text-overlay {
    position: absolute;
    left: 40px;
    bottom: 110px;
    max-width: 360px;
    color: #fff;
    pointer-events: none;
}

.about-48-text-overlay h4 {
    margin: 0 0 10px;
    color: #ccc;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-48-text-overlay h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-48-text-overlay p {
    margin: 0;
    color: #ddd;
    font-size: 14px;
    line-height: 1.8;
}

.about-48-menu-wrap {
    padding: 40px 50px;
}

.about-48-menu-title {
    margin: 0 0 25px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}

.about-48-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.about-48-tabs li a {
    padding: 10px 20px;
    border: none !important;
    background: transparent;
    color: #aaa;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s ease;
}

.about-48-tabs li.active a,
.about-48-tabs li a:hover {
    color: #fff;
    border-bottom: 2px solid var(--primary, #fff) !important;
    background: transparent;
}

.about-48-menu-item {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px dotted rgba(255, 255, 255, .18);
}

.about-48-menu-item h4 {
    display: flex;
    justify-content: space-between;
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.about-48-menu-item p {
    margin-top: 6px;
    color: #bbb;
    font-size: 13px;
    line-height: 1.8;
}

.about-48-btn {
    display: block;
    margin: 25px auto 0;
    padding: 12px 28px;
    border: none;
    border-radius: 30px;
    background: #fff;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s ease;
}

.about-48-btn:hover {
    background: var(--primary, #e50914);
    color: #fff;
    transform: translateY(-2px);
}

@media(max-width:991px) {

    .about-48 {
        padding: 70px 0;
    }

    .about-48-text-overlay h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-48 {
        padding: 60px 0;
    }

    .about-48-menu-wrap {
        padding: 30px 20px;
    }

    .about-48-text-overlay {
        left: 20px;
        right: 20px;
        bottom: 30px;
        max-width: none;
    }

    .about-48-text-overlay h2 {
        font-size: 30px;
    }

}


/* home-77 */
.home-77 {
    padding: 80px 0;
    background: var(--text, #0d0d0d);
}

.home-77 * {
    font-family: "Poppins", sans-serif;
}

.home-77-subtitle {
    margin-bottom: 10px;
    color: var(--primary, #ff4f4f);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-77-title {
    margin: 0 0 20px;
    color: #fff;
    font-size: 54px;
    font-weight: 700;
    line-height: 1.3;
}

.home-77-desc {
    margin-bottom: 15px;
    color: #bfbfbf;
    font-size: 15px;
    line-height: 1.8;
}

.home-77-services {
    padding: 0;
    margin: 0;
    list-style: none;
}

.home-77-services li {
    margin-bottom: 10px;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
}

.home-77-services i {
    margin-right: 8px;
    color: var(--primary, #ff4f4f);
}

.home-77-brands {
    overflow: hidden;
    margin-top: 35px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    text-align: center;
}

.home-77-brand-box {
    padding: 22px 10px;
    border-right: 1px solid rgba(255, 255, 255, .12);
    transition: all .35s ease;
}

.home-77-brand-box:last-child {
    border-right: none;
}

.home-77-brand-box:hover {
    background: rgba(255, 79, 79, .06);
    border-color: rgba(255, 79, 79, .18);
    transform: scale(1.04);
}

.home-77-brand-img {
    display: block;
    max-height: 50px;
    margin: 0 auto;
    filter: grayscale(100%);
    transition: all .35s ease;
}

.home-77-brand-box:hover .home-77-brand-img {
    filter: grayscale(0%);
    transform: scale(1.05);
}

.home-77-img-wrap {
    position: relative;
}

.home-77-img-circle {
    width: 320px;
    height: 480px;
    margin: auto;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, .12);
    border-radius: 200px;
    perspective: 1000px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .35);
    transition: transform .35s ease, box-shadow .35s ease;
}

.home-77-img-circle:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(255, 79, 79, .15);
}

.home-77-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.home-77-img-circle:hover .home-77-img {
    transform: scale(1.06);
}

@media(max-width:991px) {

    .home-77 {
        padding: 70px 0;
    }

    .home-77-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-77 {
        padding: 60px 0;
    }

    .home-77-text {
        text-align: center;
    }

    .home-77-title {
        font-size: 30px;
    }

    .home-77-brand-box {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }

    .home-77-brand-box:last-child {
        border-bottom: none;
    }

    .home-77-img-circle {
        width: 260px;
        height: 400px;
        margin-top: 30px;
    }

}

/* pricing-11 */
.pricing-11.section-wrapper {
    padding: 80px 0;
    text-align: center;
    background: linear-gradient(180deg, var(--text, #0a0a0a), #1a1a1a);
    color: #fff;
}

.pricing-11 * {
    font-family: "Poppins", sans-serif;
}

.pricing-11 .pricing-11-subtitle {
    margin-bottom: 10px;
    color: var(--primary, #e74c3c);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.pricing-11 .pricing-11-title {
    margin: 0 0 60px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.pricing-11 .pricing-11-card {
    position: relative;
    overflow: hidden;
    padding: 40px 30px;
    border-radius: 20px;
    background: linear-gradient(145deg, #1a1a1a, #111);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .35);
    perspective: 1000px;
    transition: transform .4s ease, box-shadow .4s ease;
}

.pricing-11 .pricing-11-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 55px rgba(231, 76, 60, .18);
}

.pricing-11 .pricing-11-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 6px 15px;
    border: 1px solid var(--primary, #e74c3c);
    border-radius: 30px;
    background: rgba(231, 76, 60, .10);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.pricing-11 .pricing-11-price {
    margin: 30px 0;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}

.pricing-11 .pricing-11-list {
    margin-top: 20px;
    padding: 0;
    list-style: none;
    text-align: left;
}

.pricing-11 .pricing-11-list li {
    margin: 12px 0;
    color: #ddd;
    font-size: 15px;
    line-height: 1.8;
}

.pricing-11 .pricing-11-list li:before {
    content: "✔";
    margin-right: 10px;
    color: var(--primary, #e74c3c);
    font-weight: 700;
}

@media(max-width:991px) {

    .pricing-11.section-wrapper {
        padding: 70px 0;
    }

    .pricing-11 .pricing-11-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .pricing-11.section-wrapper {
        padding: 60px 0;
    }

    .pricing-11 .pricing-11-card {
        margin-bottom: 30px;
    }

    .pricing-11 .pricing-11-title {
        font-size: 30px;
    }

    .pricing-11 .pricing-11-price {
        font-size: 40px;
    }

}

/* testimonial-14 */

.testimonial-14 {
    padding: 80px 0;
    background: var(--text, #0f0f0f);
    color: #fff;
}

.testimonial-14 * {
    font-family: "Poppins", sans-serif;
}

.testimonial-14-left {
    padding: 40px 20px;
}

.testimonial-14-subtitle {
    margin-bottom: 10px;
    color: var(--primary, #e76c6c);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.testimonial-14-title {
    margin: 0 0 20px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.testimonial-14-contact-btn {
    display: inline-block;
    padding: 12px 26px;
    border-radius: 30px;
    background: var(--primary, #e76c6c);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.testimonial-14-contact-btn:hover {
    background: var(--secondary, #d05c5c);
    color: #fff;
    transform: translateY(-2px);
}

.testimonial-14-card {
    padding: 40px;
    border-radius: 20px;
    background: #1b1b1b;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .35);
    transition: transform .35s ease, box-shadow .35s ease;
}

.testimonial-14-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 55px rgba(231, 108, 108, .16);
}

.testimonial-14-card-subtitle {
    margin-bottom: 10px;
    color: var(--primary, #e76c6c);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.testimonial-14-card-title {
    margin: 0 0 15px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
}

.testimonial-14-card-text {
    margin-bottom: 25px;
    color: #ccc;
    font-size: 14px;
    line-height: 1.8;
}

.testimonial-14-client {
    display: flex;
    align-items: center;
}

.testimonial-14-client-img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-14-client-name {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.testimonial-14-client-role {
    margin: 0;
    color: #999;
    font-size: 12px;
}

.testimonial-14-quote {
    margin-left: auto;
    color: var(--primary, #e76c6c);
    font-size: 36px;
    line-height: 1;
}

@media(max-width:991px) {

    .testimonial-14 {
        padding: 70px 0;
    }

    .testimonial-14-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .testimonial-14 {
        padding: 60px 0;
    }

    .testimonial-14-title {
        font-size: 30px;
    }

    .testimonial-14-left,
    .testimonial-14-right {
        margin-bottom: 30px;
        text-align: center;
    }

    .testimonial-14-client {
        justify-content: center;
    }

    .testimonial-14-quote {
        display: none;
    }

}



/* services-27  */
.services-27 {
    padding: 80px 0;
    background: linear-gradient(180deg, var(--text, #0a0a0a), #1a1a1a);
    color: #fff;
}

.services-27 * {
    font-family: "Poppins", sans-serif;
}

.services-27-subtitle {
    margin-bottom: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-27-title {
    margin: 0 0 20px;
    color: #fff;
    font-size: 57px;
    font-weight: 800;
    line-height: 1.3;
}

.services-27-desc {
    max-width: 450px;
    margin-bottom: 30px;
    color: #f8f8f8;
    font-size: 16px;
    line-height: 1.8;
}

.services-27-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.services-27-link {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: color .3s ease;
}

.services-27-link:hover {
    color: var(--primary, #ff5e14);
}

.services-27-btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 30px;
    background: var(--border, #c1c1c1);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.services-27-btn:hover {
    background: #fff;
    color: var(--primary, #ff5e14);
    transform: translateY(-2px);
}

.services-27-gallery {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.services-27-img-wrap {
    flex: 1 1 38%;
    overflow: hidden;
    border-radius: 16px;
    perspective: 800px;
}

.services-27-img {
    display: block;
    width: 100%;
    border-radius: 16px;
    filter: grayscale(100%);
    transform: rotateY(0deg) scale(1);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
    transition: all .6s cubic-bezier(.25, 1, .3, 1);
}

.services-27-img:hover {
    transform: rotateY(10deg) scale(1.05);
    filter: grayscale(0%);
    box-shadow: 0 24px 50px rgba(255, 94, 20, .28);
}

@media(max-width:991px) {

    .services-27 {
        padding: 70px 0;
    }

    .services-27-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .services-27 {
        padding: 60px 0;
    }

    .services-27-title {
        font-size: 30px;
    }

    .services-27-desc {
        font-size: 15px;
    }

    .services-27-gallery {
        flex-direction: column;
    }

    .services-27-img-wrap {
        width: 100%;
        flex: 1 1 100%;
    }

}

/* our-team-5 */

.ourteam-5 {
    padding: 80px 0;
    background: linear-gradient(180deg, #1a1a1a, var(--text, #111));
    color: #fff;
}

.ourteam-5 * {
    font-family: "Poppins", sans-serif;
}

.ourteam-5-subtitle {
    margin-bottom: 6px;
    color: #aaa;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ourteam-5-title {
    margin: 0 0 50px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.ourteam-5-team-members {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.ourteam-5-member-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: auto !important;
    height: 480px;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 20px;
    background: linear-gradient(145deg, #1e1e1e, #0a0a0a);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .35);
    transform-style: preserve-3d;
    perspective: 1000px;
    transition: transform .35s ease, box-shadow .35s ease;
}

.ourteam-5-member-card:hover {
    cursor: pointer;
    transform: translateY(-8px);
    box-shadow: 0 28px 55px rgba(0, 0, 0, .45);
}

.ourteam-5-member-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ourteam-5-member-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: brightness(.72);
    transform-origin: center center;
    transition: transform .5s ease, filter .5s ease;
}

.ourteam-5-member-card:hover .ourteam-5-member-image {
    transform: scale(1.08);
    filter: brightness(.9);
}

.ourteam-5-member-info {
    position: relative;
    z-index: 2;
    padding: 24px;
    color: #fff;
    background: linear-gradient(to top, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, 0) 100%);
}

.ourteam-5-member-name {
    margin: 0 0 6px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.ourteam-5-member-position {
    margin: 0;
    color: #b5b5b5;
    font-size: 14px;
    line-height: 1.7;
}

@media(max-width:991px) {

    .ourteam-5 {
        padding: 70px 0;
    }

    .ourteam-5-title {
        font-size: 36px;
    }

    .ourteam-5-member-card {
        width: calc(50% - 30px) !important;
        margin-left: 15px;
        margin-right: 15px;
    }

}

@media(max-width:767px) {

    .ourteam-5 {
        padding: 60px 0;
    }

    .ourteam-5-title {
        font-size: 30px;
    }

    .ourteam-5-member-card {
        width: 100% !important;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

}


/* contact-19 */
.contact-19.section-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 80px 0;
    overflow: hidden;
    background: var(--secondary, #000);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.contact-19 * {
    box-sizing: border-box;
}

.contact-19 .contact-19-container {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    background: var(--text, #000);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .35);
}

.contact-19 .contact-19-row {
    display: flex;
    align-items: stretch;
    margin: 0;
}

.contact-19 .contact-19-form-col,
.contact-19 .contact-19-info-col {
    display: flex;
    width: 50%;
    padding: 45px;
}

.contact-19 .contact-19-form-col {
    border-right: 1px solid rgba(255, 255, 255, .08);
}

.contact-19 .contact-19-form-box,
.contact-19 .contact-19-info {
    width: 100%;
}

.contact-19 .contact-19-form-eyebrow,
.contact-19 .contact-19-sub-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: var(--primary, #8a2be2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.contact-19 .contact-19-form-eyebrow i,
.contact-19 .contact-19-sub-title i {
    font-size: 17px;
}

.contact-19 .contact-19-form-heading {
    margin: 0 0 10px;
    color: var(--light, #fff);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

.contact-19 .contact-19-form-description {
    margin: 0 0 30px;
    color: rgba(255, 255, 255, .58);
    font-size: 13px;
    line-height: 1.7;
}

.contact-19 .contact-19-form-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.contact-19 .contact-19-field {
    margin-bottom: 18px;
    padding: 0 8px;
}

.contact-19 .contact-19-label {
    display: block;
    margin-bottom: 7px;
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
    font-weight: 600;
}

.contact-19 .contact-19-input-wrap {
    position: relative;
}

.contact-19 .contact-19-input-wrap > i {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 2;
    color: rgba(255, 255, 255, .42);
    font-size: 17px;
    transform: translateY(-50%);
    pointer-events: none;
    transition: color .3s ease;
}

.contact-19 .contact-19-input-wrap:focus-within > i {
    color: var(--primary, #8a2be2);
}

.contact-19 .contact-19-form-control {
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 10px 15px 10px 43px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 9px;
    outline: none;
    background: rgba(255, 255, 255, .055);
    color: var(--light, #fff);
    box-shadow: none;
    font-size: 12px;
    transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
}

.contact-19 .contact-19-form-control:focus {
    border-color: var(--primary, #8a2be2);
    background: rgba(255, 255, 255, .07);
    color: var(--light, #fff);
    box-shadow: 0 0 0 3px rgba(138, 43, 226, .12);
}

.contact-19 .contact-19-form-control::placeholder {
    color: rgba(255, 255, 255, .35);
}

.contact-19 .contact-19-textarea-wrap > i {
    top: 17px;
    transform: none;
}

.contact-19 textarea.contact-19-form-control {
    height: 125px;
    min-height: 125px;
    padding-top: 13px;
    resize: vertical;
}

.contact-19 .contact-19-send-message-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 49px;
    padding: 12px 24px;
    border: 1px solid var(--primary, #8a2be2);
    border-radius: 9px;
    background: var(--primary, #8a2be2);
    color: var(--light, #fff);
    font-size: 12px;
    font-weight: 600;
    transition: transform .3s ease, box-shadow .3s ease, opacity .3s ease;
}

.contact-19 .contact-19-send-message-btn i {
    font-size: 17px;
    transition: transform .3s ease;
}

.contact-19 .contact-19-send-message-btn:hover {
    color: var(--light, #fff);
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
}

.contact-19 .contact-19-send-message-btn:hover i {
    transform: translateX(4px);
}

.contact-19 .contact-19-form-message {
    min-height: 20px;
    margin-top: 8px;
}

.contact-19 .form-message {
    margin: 0;
    color: rgba(255, 255, 255, .65);
    font-size: 11px;
}

.contact-19 .contact-19-info-header {
    max-width: 480px;
}

.contact-19 .contact-19-info-header .contact-19-main-title {
    margin: 0 0 15px;
    color: var(--light, #fff);
    font-size: 46px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1px;
}

.contact-19 .contact-19-description {
    margin: 0 0 34px;
    color: rgba(255, 255, 255, .58);
    font-size: 13px;
    line-height: 1.8;
}

.contact-19 .contact-19-info-items {
    display: flex;
    flex-direction: column;
}

.contact-19 .contact-19-info-item {
    display: flex;
    align-items: center;
    min-height: 68px;
    margin-bottom: 12px;
    padding: 10px 0;
}

.contact-19 .contact-19-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    margin-right: 15px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    background: rgba(255, 255, 255, .045);
    transition: background .3s ease, transform .3s ease, border-color .3s ease;
}

.contact-19 .contact-19-icon {
    color: var(--primary, #8a2be2);
    font-size: 19px;
    transition: color .3s ease;
}

.contact-19 .contact-19-info-item:hover .contact-19-icon-wrapper {
    border-color: var(--primary, #8a2be2);
    background: var(--primary, #8a2be2);
    transform: translateY(-2px);
}

.contact-19 .contact-19-info-item:hover .contact-19-icon {
    color: var(--light, #fff);
}

.contact-19 .contact-19-text-content {
    min-width: 0;
}

.contact-19 .contact-19-item-title {
    margin: 0 0 4px;
    color: rgba(255, 255, 255, .45);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.contact-19 .contact-19-item-text {
    margin: 0;
    color: var(--light, #fff);
    font-size: 13px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

@media (max-width: 1199px) {
    .contact-19.section-wrapper {
        padding: 70px 0;
    }

    .contact-19 .contact-19-container {
        max-width: 950px;
    }

    .contact-19 .contact-19-form-col,
    .contact-19 .contact-19-info-col {
        padding: 35px;
    }

    .contact-19 .contact-19-info-header .contact-19-main-title {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    .contact-19.section-wrapper {
        min-height: auto;
        padding: 65px 0;
    }

    .contact-19 .contact-19-row {
        display: block;
    }

    .contact-19 .contact-19-form-col,
    .contact-19 .contact-19-info-col {
        width: 100%;
        display: block;
        padding: 40px;
    }

    .contact-19 .contact-19-form-col {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .contact-19 .contact-19-info-header {
        max-width: 650px;
    }

    .contact-19 .contact-19-info-header .contact-19-main-title {
        font-size: 38px;
    }

    .contact-19 .contact-19-info-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 25px;
    }
}

@media (max-width: 767px) {
    .contact-19.section-wrapper {
        padding: 55px 0;
    }

    .contact-19 .contact-19-container {
        border-radius: 15px;
    }

    .contact-19 .contact-19-form-col,
    .contact-19 .contact-19-info-col {
        padding: 30px 24px;
    }

    .contact-19 .contact-19-form-row {
        display: block;
        margin: 0;
    }

    .contact-19 .contact-19-field {
        padding: 0;
    }

    .contact-19 .contact-19-info-header .contact-19-main-title {
        font-size: 32px;
    }

    .contact-19 .contact-19-info-items {
        display: block;
    }

    .contact-19 .contact-19-info-item {
        margin-bottom: 8px;
    }
}

@media (max-width: 480px) {
    .contact-19.section-wrapper {
        padding: 45px 0;
    }

    .contact-19 .contact-19-form-col,
    .contact-19 .contact-19-info-col {
        padding: 25px 18px;
    }

    .contact-19 .contact-19-form-heading {
        font-size: 27px;
    }

    .contact-19 .contact-19-info-header .contact-19-main-title {
        font-size: 29px;
    }

    .contact-19 .contact-19-description,
    .contact-19 .contact-19-form-description {
        font-size: 12px;
    }

    .contact-19 .contact-19-item-text {
        font-size: 12px;
    }
}

/* home-78 */
.home-78.section-wrapper {
    padding: 80px 0;
    overflow: hidden;
    background: var(--light, #fff);
    color: var(--text, #222);
}

.home-78 * {
    font-family: "Poppins", sans-serif;
}

.home-78-text {
    padding-right: 40px;
}

.home-78-title {
    margin: 0 0 15px;
    color: var(--text, #111);
    font-size: 68px;
    font-weight: 600;
    line-height: 1;
}

.home-78-subtitle {
    padding-left: 12px;
    border-left: 2px solid var(--primary, #7c4dff);
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.home-78-cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.home-78-card {
    position: relative;
    width: 30%;
    min-width: 180px;
    overflow: hidden;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    aspect-ratio: 3/4;
    cursor: pointer;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
    transform-style: preserve-3d;
    transition: transform .45s ease, box-shadow .45s ease;
}

.home-78-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .25);
}

.home-78-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
    transition: background .35s ease;
}

.home-78-card:hover .home-78-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, .72), rgba(0, 0, 0, .05));
}

.home-78-card-text {
    position: absolute;
    right: 0;
    bottom: 18px;
    left: 0;
    z-index: 2;
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    backface-visibility: hidden;
}

@media(max-width:991px) {

    .home-78.section-wrapper {
        padding: 70px 0;
    }

    .home-78-title {
        font-size: 36px;
    }

    .home-78-cards {
        margin-top: 30px;
    }

    .home-78-card {
        width: 45%;
    }

}

@media(max-width:767px) {

    .home-78.section-wrapper {
        padding: 60px 0;
        text-align: center;
    }

    .home-78-text {
        padding-right: 0;
    }

    .home-78-title {
        font-size: 30px;
    }

    .home-78-card {
        width: 80%;
    }

}

/* about-49 */
.about-49 {
    padding: 80px 0;
    background: var(--light, #f7f7f7);
}

.about-49 * {
    font-family: "Poppins", sans-serif;
}

.about-49-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.about-49-card {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex: 1;
    min-height: 350px;
    margin: 10px;
    overflow: hidden;
    border-radius: 18px;
    background-size: cover;
    background-position: center;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
    transition: all .45s ease;
}

.about-49-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .25);
}

.about-49-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .72), rgba(0, 0, 0, .08));
    transition: all .45s ease;
}

.about-49-card:hover:before {
    background: linear-gradient(to top, rgba(0, 0, 0, .82), rgba(0, 0, 0, .12));
}

.about-49-card.expanded {
    flex: 2;
}

.about-49-card:not(.expanded) {
    flex: 1;
    opacity: .85;
}

.about-49-content {
    position: relative;
    z-index: 2;
    padding: 30px;
}

.about-49-title {
    margin: 0 0 15px;
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
}

.about-49-text {
    max-height: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, .92);
    font-size: 14px;
    line-height: 1.8;
    opacity: 0;
    transition: max-height .5s ease, opacity .5s ease;
}

.about-49-card.expanded .about-49-text {
    max-height: 220px;
    opacity: 1;
}

.about-49-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 24px;
    border-radius: 8px;
    background: var(--primary, #ffc000);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.about-49-btn:hover {
    background: var(--secondary, #9d4edd);
    color: #fff;
    transform: translateY(-2px);
}

@media(max-width:991px) {

    .about-49 {
        padding: 70px 0;
    }

    .about-49-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-49 {
        padding: 60px 0;
    }

    .about-49-row {
        flex-direction: column;
    }

    .about-49-card {
        width: 100%;
        flex: 1 !important;
    }

    .about-49-title {
        font-size: 30px;
    }

}

.blog-16 {
    position: relative;
    padding: 85px 0;
    background: var(--bg, #f7f8fa);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.blog-16 *,
.blog-16 *::before,
.blog-16 *::after {
    box-sizing: border-box;
}

.blog-16 .blog-16-container {
    position: relative;
    z-index: 2;
}

.blog-16 .blog-16-heading {
    max-width: 700px;
    margin: 0 auto 48px;
    text-align: center;
}

.blog-16 .blog-16-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--primary, #0a1a44);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.blog-16 .blog-16-subtitle i {
    font-size: 16px;
}

.blog-16 .blog-16-title {
    margin: 0 0 11px;
    color: var(--text, #222);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.6px;
}

.blog-16 .blog-16-desc {
    max-width: 600px;
    margin: 0 auto;
    color: var(--text, #222);
    opacity: .55;
    font-size: 11px;
    line-height: 1.8;
}

.blog-16 .blog-16-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -12px;
    margin-left: -12px;
}

.blog-16 .blog-16-large-column,
.blog-16 .blog-16-small-column {
    padding-right: 12px;
    padding-left: 12px;
}

.blog-16 .blog-16-large-column {
    display: flex;
}

.blog-16 .blog-16-card {
    border: 1px solid var(--border, #e7e7e7);
    background: var(--light, #fff);
    box-shadow: 0 14px 35px rgba(0, 0, 0, .06);
}

.blog-16 .blog-16-card-large {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    transition: transform .35s ease, box-shadow .35s ease;
}

.blog-16 .blog-16-card-large:hover {
    box-shadow: 0 22px 48px rgba(0, 0, 0, .1);
    transform: translateY(-5px);
}

.blog-16 .blog-16-large-image {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    background: var(--secondary, #222);
}

.blog-16 .blog-16-large-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s ease;
}

.blog-16 .blog-16-card-large:hover .blog-16-large-image img {
    transform: scale(1.04);
}

.blog-16 .blog-16-category {
    position: absolute;
    top: 17px;
    left: 17px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 28px;
    padding: 6px 11px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50px;
    background: rgba(255, 255, 255, .9);
    color: var(--primary, #0a1a44);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.blog-16 .blog-16-category i {
    font-size: 13px;
}

.blog-16 .blog-16-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 25px 27px 28px;
}

.blog-16 .blog-16-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin: 0 0 11px;
    color: var(--text, #222);
    opacity: .48;
    font-size: 8px;
    line-height: 1.5;
}

.blog-16 .blog-16-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.blog-16 .blog-16-meta i {
    color: var(--primary, #0a1a44);
    font-size: 13px;
}

.blog-16 .blog-16-card-large .blog-16-card-title {
    margin: 0 0 11px;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45;
}

.blog-16 .blog-16-card-text {
    max-width: 600px;
    margin: 0;
    color: var(--text, #222);
    opacity: .52;
    font-size: 10px;
    line-height: 1.8;
}

.blog-16 .blog-16-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-top: auto;
    padding-top: 20px;
    color: var(--primary, #0a1a44);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .7px;
    line-height: 1.5;
    text-decoration: none;
    text-transform: uppercase;
    transition: gap .3s ease, color .3s ease;
}

.blog-16 .blog-16-btn i {
    font-size: 15px;
    transition: transform .3s ease;
}

.blog-16 .blog-16-btn:hover {
    gap: 11px;
    color: var(--secondary, #243a8c);
    text-decoration: none;
}

.blog-16 .blog-16-btn:hover i {
    transform: translateX(3px);
}

.blog-16 .blog-16-small-column {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.blog-16 .blog-16-card-small {
    display: flex;
    align-items: stretch;
    min-height: 111px;
    overflow: hidden;
    border-radius: 16px;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.blog-16 .blog-16-card-small:hover {
    border-color: var(--primary, #0a1a44);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .1);
    transform: translateY(-4px);
}

.blog-16 .blog-16-small-image {
    flex: 0 0 145px;
    width: 145px;
    height: 111px;
    overflow: hidden;
    background: var(--secondary, #222);
}

.blog-16 .blog-16-small-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.blog-16 .blog-16-card-small:hover .blog-16-small-image img {
    transform: scale(1.05);
}

.blog-16 .blog-16-small-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    padding: 14px 17px;
}

.blog-16 .blog-16-small-content .blog-16-meta {
    gap: 9px;
    margin-bottom: 5px;
    font-size: 7px;
}

.blog-16 .blog-16-small-content .blog-16-meta i {
    font-size: 11px;
}

.blog-16 .blog-16-card-small .blog-16-card-title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: var(--text, #222);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.blog-16 .blog-16-card-small .blog-16-btn {
    padding-top: 7px;
    font-size: 7px;
}

.blog-16 .blog-16-card-small .blog-16-btn i {
    font-size: 13px;
}

.blog-16 .blog-16-gototop {
    position: absolute;
    top: 50%;
    right: 22px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--text, #222);
    opacity: .55;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transform: translateY(-50%) rotate(90deg);
}

.blog-16 .blog-16-gototop i {
    font-size: 15px;
}

.blog-16 .blog-16-gototop::before {
    content: "";
    width: 32px;
    height: 1px;
    background: var(--text, #222);
}

@media (max-width: 1199px) {
    .blog-16 {
        padding: 75px 0;
    }

    .blog-16 .blog-16-large-image {
        height: 330px;
    }

    .blog-16 .blog-16-small-image {
        flex-basis: 125px;
        width: 125px;
    }
}

@media (max-width: 991px) {
    .blog-16 {
        padding: 65px 0;
    }

    .blog-16 .blog-16-title {
        font-size: 36px;
    }

    .blog-16 .blog-16-heading {
        margin-bottom: 38px;
    }

    .blog-16 .blog-16-large-column {
        margin-bottom: 25px;
    }

    .blog-16 .blog-16-large-image {
        height: 390px;
    }

    .blog-16 .blog-16-small-image {
        flex-basis: 150px;
        width: 150px;
        height: 120px;
    }

    .blog-16 .blog-16-card-small {
        min-height: 120px;
    }
}

@media (max-width: 767px) {
    .blog-16 {
        padding: 55px 0;
    }

    .blog-16 .blog-16-heading {
        margin-bottom: 30px;
    }

    .blog-16 .blog-16-title {
        font-size: 30px;
    }

    .blog-16 .blog-16-desc {
        font-size: 10px;
    }

    .blog-16 .blog-16-large-image {
        height: 280px;
    }

    .blog-16 .blog-16-content {
        padding: 21px 20px 23px;
    }

    .blog-16 .blog-16-card-large .blog-16-card-title {
        font-size: 19px;
    }

    .blog-16 .blog-16-gototop {
        display: none;
    }

    .blog-16 .blog-16-small-column {
        gap: 13px;
    }

    .blog-16 .blog-16-card-small {
        min-height: 105px;
    }

    .blog-16 .blog-16-small-image {
        flex-basis: 115px;
        width: 115px;
        height: 105px;
    }
}

@media (max-width: 480px) {
    .blog-16 {
        padding: 45px 0;
    }

    .blog-16 .blog-16-subtitle {
        font-size: 9px;
    }

    .blog-16 .blog-16-title {
        font-size: 26px;
    }

    .blog-16 .blog-16-desc {
        font-size: 9px;
    }

    .blog-16 .blog-16-large-image {
        height: 225px;
    }

    .blog-16 .blog-16-category {
        top: 12px;
        left: 12px;
    }

    .blog-16 .blog-16-content {
        padding: 18px 16px 20px;
    }

    .blog-16 .blog-16-meta {
        gap: 8px;
        font-size: 7px;
    }

    .blog-16 .blog-16-card-large .blog-16-card-title {
        font-size: 17px;
    }

    .blog-16 .blog-16-card-text {
        font-size: 9px;
    }

    .blog-16 .blog-16-card-small {
        min-height: 95px;
    }

    .blog-16 .blog-16-small-image {
        flex-basis: 90px;
        width: 90px;
        height: 95px;
    }

    .blog-16 .blog-16-small-content {
        padding: 11px 12px;
    }

    .blog-16 .blog-16-small-content .blog-16-meta {
        font-size: 6px;
    }

    .blog-16 .blog-16-card-small .blog-16-card-title {
        font-size: 9px;
    }

    .blog-16 .blog-16-card-small .blog-16-btn {
        font-size: 6px;
    }
}
/* testimonial-15 */

.testimonial-15 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: var(--light, #fafafa);
}

.testimonial-15 * {
    font-family: "Poppins", sans-serif;
}

.testimonial-15-subtitle {
    margin-bottom: 10px;
    color: var(--primary, #f47c48);
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
}

.testimonial-15-title {
    margin: 0 0 10px;
    color: var(--text, #14213d);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.testimonial-15-desc {
    max-width: 600px;
    margin: 0 auto 60px;
    color: #6c757d;
    font-size: 15px;
    line-height: 1.8;
}

.testimonial-15-box {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    padding: 45px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .10);
    transform: translateY(-30px);
    animation-duration: .8s;
    transition: transform .35s ease, box-shadow .35s ease;
}

.testimonial-15-box:hover {
    box-shadow: 0 24px 55px rgba(0, 0, 0, .14);
}

.testimonial-15-box p {
    margin-bottom: 25px;
    color: #555;
    font-size: 15px;
    line-height: 1.8;
}

.testimonial-15-client {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.testimonial-15-client img {
    width: 60px;
    height: 60px;
    border: 2px solid var(--primary, #f47c48);
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-15-client h4 {
    margin: 0;
    color: var(--text, #0d2b64);
    font-size: 16px;
    font-weight: 600;
}

.testimonial-15-client span {
    color: var(--primary, #f47c48);
    font-size: 13px;
}

.testimonial-15 .carousel-indicators {
    bottom: -30px;
}

.testimonial-15 .carousel-indicators li {
    background: #ddd;
}

.testimonial-15 .carousel-indicators .active {
    background: var(--primary, #f47c48);
}

.testimonial-15-side-left,
.testimonial-15-side-right {
    position: absolute;
    top: 50%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    transform: translateY(-50%);
}

.testimonial-15-side-left {
    left: 40px;
}

.testimonial-15-side-right {
    right: 40px;
}

.testimonial-15-side-left img,
.testimonial-15-side-right img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
    transition: transform .35s ease;
}

.testimonial-15-side-left img:hover,
.testimonial-15-side-right img:hover {
    transform: scale(1.1);
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 1s;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

@keyframes testimonial-15-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(-30px);
    }
}

.animated.fadeInUp {
    animation: testimonial-15-fadeInUp .8s ease forwards;
}

@media(max-width:991px) {

    .testimonial-15 {
        padding: 70px 0;
    }

    .testimonial-15-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .testimonial-15 {
        padding: 60px 0;
    }

    .testimonial-15-title {
        font-size: 30px;
    }

    .testimonial-15-side-left,
    .testimonial-15-side-right {
        display: none;
    }

    .testimonial-15-box {
        padding: 30px;
        transform: translateY(0);
    }

    .testimonial-15-desc {
        margin-bottom: 40px;
    }

}

/* services-28 */
.services-28 {
    padding: 80px 15px;
    background: var(--text, #0f1314);
    color: #e6e6e6;
}

.services-28 * {
    font-family: "Poppins", sans-serif;
}

.services-28 .container {
    max-width: 1100px;
}

.services-28 h2 {
    margin: 0 0 36px;
    color: #f6f6f6;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    letter-spacing: .4px;
}

.services-28 .service-tabs {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 18px;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: 28px;
    padding-bottom: 6px;
}

.services-28 .service-tab {
    position: relative;
    width: 140px;
    text-align: center;
    cursor: pointer;
    backface-visibility: hidden;
}

.services-28 .service-tab .thumb {
    display: block;
    width: 140px;
    height: 110px;
    overflow: hidden;
    border-radius: 8px;
    background: #111;
    transition: transform .35s ease, box-shadow .35s ease;
}

.services-28 .service-tab img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%) contrast(.9) brightness(.85);
    transition: transform .45s ease, filter .35s ease;
}

.services-28 .service-tab:hover .thumb,
.services-28 .service-tab:focus .thumb {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .45);
}

.services-28 .service-tab.active img {
    filter: none;
    transform: scale(1.04);
}

.services-28 .service-tab .label {
    display: block;
    margin-top: 8px;
    color: #9ea0a0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .2px;
    transition: color .3s ease;
}

.services-28 .service-tab.active .label {
    color: #fff;
}

.services-28 .underline {
    width: 130px;
    height: 2px;
    margin: 12px auto 0;
    background: transparent;
}

.services-28 .service-tab.active .underline {
    background: var(--primary, #f0226f);
    box-shadow: 0 1px 6px rgba(240, 34, 111, .25);
}

.services-28 .divider {
    height: 1px;
    margin: 22px 0 26px;
    background: rgba(255, 255, 255, .05);
}

.services-28 .price-wrap {
    max-width: 1080px;
    margin: 0 auto;
    color: #cfcfcf;
}

.services-28 .price-list {
    display: none;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    animation: services-28-fadeInUp .45s ease both;
}

.services-28 .price-list.active {
    display: block;
}

.services-28 .price-grid {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    padding: 20px;
}

.services-28 .price-col {
    flex: 1 1 48%;
    min-width: 260px;
}

.services-28 .price-table {
    width: 100%;
}

.services-28 .price-table tr {
    border-bottom: 1px dotted rgba(255, 255, 255, .06);
}

.services-28 .price-table td {
    padding: 12px 6px;
    font-size: 14px;
    vertical-align: middle;
}

.services-28 .price-table td:first-child {
    color: #bfbfbf;
    font-weight: 600;
}

.services-28 .price-table td:last-child {
    width: 90px;
    color: var(--primary, #f0226f);
    font-weight: 700;
    text-align: right;
}

.services-28 .badge-discount {
    display: inline-block;
    margin-right: 8px;
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--primary, #f0226f);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.services-28 .bottom-line {
    height: 1px;
    margin-top: 30px;
    background: rgba(255, 255, 255, .05);
}

.services-28 .muted {
    color: #9a9a9a;
    font-weight: 400;
}

@keyframes services-28-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.services-28 .service-tabs::-webkit-scrollbar {
    height: 6px;
}

.services-28 .service-tabs::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .08);
    border-radius: 4px;
}

@media(max-width:991px) {

    .services-28 {
        padding: 70px 15px;
    }

    .services-28 h2 {
        font-size: 36px;
    }

    .services-28 .service-tabs {
        gap: 12px;
    }

    .services-28 .service-tab {
        width: 115px;
    }

    .services-28 .service-tab .thumb {
        width: 115px;
        height: 94px;
    }

}

@media(max-width:767px) {

    .services-28 {
        padding: 60px 15px;
    }

    .services-28 h2 {
        font-size: 30px;
    }

    .services-28 .service-tabs {
        gap: 10px;
        padding-bottom: 10px;
    }

    .services-28 .service-tab {
        width: 100px;
    }

    .services-28 .service-tab .thumb {
        width: 100px;
        height: 80px;
    }

    .services-28 .price-col {
        flex: 1 1 100%;
    }

    .services-28 .price-table td {
        padding: 10px 6px;
        font-size: 13px;
    }

}


/* events-7 */
.events-7.section-wrapper {
    position: relative;
    padding: 80px 0;
    background: url("https://images.pexels.com/photos/3738346/pexels-photo-3738346.jpeg?auto=compress&cs=tinysrgb&w=1600") center center/cover no-repeat;
    color: #fff;
    overflow: hidden;
}

.events-7 * {
    font-family: "Poppins", sans-serif;
}

.events-7.section-wrapper:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(189, 0, 0, .80);
    pointer-events: none;
}

.events-7 .container {
    position: relative;
    z-index: 2;
}

.events-7 .section-subtitle {
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.events-7 .section-title {
    margin: 0 0 60px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.events-7 .event-box {
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 10px;
    background: #111;
    color: #fff;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
    transition: transform .35s ease, box-shadow .35s ease;
}

.events-7 .event-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .35);
}

.events-7 .event-image {
    position: relative;
    overflow: hidden;
}

.events-7 .event-image img {
    display: block;
    width: 100%;
    height: auto;
    filter: grayscale(100%);
    transition: transform .45s ease, filter .35s ease;
}

.events-7 .event-box:hover .event-image img {
    transform: scale(1.06);
    filter: grayscale(0%);
}

.events-7 .date-box {
    position: absolute;
    left: 20px;
    bottom: -25px;
    padding: 10px 12px;
    border-radius: 6px;
    background: var(--primary, #e60000);
    color: #fff;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .25);
}

.events-7 .date-box .day {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.events-7 .date-box .month {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.events-7 .event-content {
    padding: 40px 25px 30px;
}

.events-7 .event-content h4 {
    margin: 0 0 15px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.events-7 .event-content p {
    margin: 0;
    color: #ccc;
    font-size: 13px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .events-7.section-wrapper {
        padding: 70px 0;
    }

    .events-7 .section-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .events-7.section-wrapper {
        padding: 60px 0;
    }

    .events-7 .section-title {
        font-size: 30px;
    }

    .events-7 .event-content {
        padding: 25px 20px;
    }

}


/* home-79 */
.home-79 {
    color: #fff;
}

.home-79 * {
    font-family: "Poppins", sans-serif;
}

.home-79 .promo-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    text-align: left;
}

.home-79 .promo-box {
    position: relative;
    flex: 1;
    min-width: 300px;
    padding: 40px 30px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.home-79 .promo-left {
    background: var(--text, #0b0e12);
}

.home-79 .promo-middle:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(70, 70, 70, .80);
    pointer-events: none;
}

.home-79 .promo-right {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary, #e50914);
}

.home-79 .promo-content {
    position: relative;
    z-index: 2;
}

.home-79 .promo-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 15px;
    border-radius: 50%;
    background: var(--primary, #e50914);
    color: #fff;
    font-size: 20px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
}

.home-79 h4 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
}

.home-79 p {
    margin: 0;
    color: #dcdcdc;
    font-size: 13px;
    line-height: 1.8;
}

.home-79 .promo-right .btn {
    display: inline-block;
    padding: 12px 26px;
    border: 2px solid #fff;
    border-radius: 30px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .3s ease;
}

.home-79 .promo-right .btn:hover {
    background: #fff;
    color: var(--primary, #e50914);
    transform: translateY(-2px);
}

@media(max-width:991px) {

    .home-79 .promo-section {
        flex-direction: column;
    }

    .home-79 .promo-box {
        padding: 35px 25px;
        text-align: center;
    }

}

@media(max-width:767px) {

    .home-79 .promo-box {
        min-width: 100%;
        padding: 30px 20px;
    }

    .home-79 h4 {
        font-size: 20px;
    }

}
.about-5-section-wrapper {
    position: relative;
    overflow: hidden;
    background: #f5f1e8;
}

.about-5-section-wrapper::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -120px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: #e4a83d;
    opacity: .12;
}

.about-5-section-wrapper::after {
    content: "";
    position: absolute;
    left: -160px;
    bottom: -180px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(19, 35, 57, .12);
    border-radius: 50%;
}

.about-5 {
    position: relative;
    z-index: 2;
}

.about-5-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 55px;
}

.about-5-heading-wrap {
    max-width: 620px;
}

.about-5-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    color: #b77b18;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.about-5-eyebrow i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #dca33b;
    color: #fff;
    font-size: 17px;
}

.about-5-title {
    margin: 0;
    color: #132339;
    font-size: 46px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -.035em;
}

.about-5-title span {
    color: #b77b18;
}

.about-5-header-content {
    max-width: 370px;
    padding-bottom: 4px;
}

.about-5-description {
    margin: 0 0 20px;
    color: #667080;
    font-size: 15px;
    line-height: 1.8;
}

.about-5-header-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #132339;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.about-5-header-link i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #132339;
    color: #fff;
    font-size: 17px;
    transition: transform .3s ease, background .3s ease;
}

.about-5-header-link:hover {
    color: #b77b18;
}

.about-5-header-link:hover i {
    background: #dca33b;
    transform: rotate(8deg);
}

.about-5-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

.about-5-column {
    display: flex;
    padding: 0 12px;
    margin-bottom: 24px;
}

.about-5-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(19, 35, 57, .10);
    border-radius: 0;
    background: #fff;
    box-shadow: 0 15px 40px rgba(19, 35, 57, .07);
    transition: transform .35s ease, box-shadow .35s ease;
}

.about-5-card:hover {
    transform: translateY(-9px);
    box-shadow: 0 25px 55px rgba(19, 35, 57, .14);
}

.about-5-card-featured {
    background: #132339;
}

.about-5-image-wrap {
    position: relative;
    height: 300px;
    overflow: hidden;
    background: #ddd;
}

.about-5-image-link {
    display: block;
    width: 100%;
    height: 100%;
}

.about-5-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    filter: saturate(.92);
    transition: transform .6s ease, filter .6s ease;
}

.about-5-card:hover .about-5-image {
    transform: scale(1.07);
    filter: saturate(1.05);
}

.about-5-image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(19, 35, 57, .05) 35%,
        rgba(19, 35, 57, .7) 100%
    );
    pointer-events: none;
}

.about-5-number {
    position: absolute;
    z-index: 3;
    top: 18px;
    left: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, .55);
    background: rgba(19, 35, 57, .65);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    backdrop-filter: blur(7px);
}

.about-5-specialty {
    position: absolute;
    z-index: 3;
    left: 18px;
    bottom: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    background: #dca33b;
    color: #132339;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.about-5-specialty i {
    font-size: 16px;
}

.about-5-social {
    position: absolute;
    z-index: 4;
    right: 16px;
    bottom: 17px;
    display: flex;
    gap: 6px;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .3s ease, transform .3s ease;
}

.about-5-card:hover .about-5-social {
    opacity: 1;
    transform: translateY(0);
}

.about-5-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .35);
    background: rgba(19, 35, 57, .72);
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    backdrop-filter: blur(7px);
    transition: background .25s ease, color .25s ease;
}

.about-5-social a:hover {
    background: #dca33b;
    color: #132339;
}

.about-5-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 27px 24px 25px;
}

.about-5-role {
    margin-bottom: 7px;
    color: #b77b18;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.about-5-name {
    margin: 0 0 14px;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 800;
}

.about-5-name a {
    color: #132339;
    text-decoration: none;
    transition: color .25s ease;
}

.about-5-name a:hover {
    color: #b77b18;
}

.about-5-text {
    flex: 1;
    margin: 0 0 22px;
    color: #697282;
    font-size: 13px;
    line-height: 1.75;
}

.about-5-profile-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 17px;
    border-top: 1px solid rgba(19, 35, 57, .10);
    color: #132339;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.about-5-profile-link i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    background: #f5f1e8;
    color: #132339;
    font-size: 16px;
    transition: transform .3s ease, background .3s ease, color .3s ease;
}

.about-5-profile-link:hover {
    color: #b77b18;
}

.about-5-profile-link:hover i {
    background: #dca33b;
    color: #132339;
    transform: translateX(4px);
}

.about-5-card-featured .about-5-role {
    color: #dca33b;
}

.about-5-card-featured .about-5-name a {
    color: #fff;
}

.about-5-card-featured .about-5-name a:hover {
    color: #dca33b;
}

.about-5-card-featured .about-5-text {
    color: rgba(255, 255, 255, .68);
}

.about-5-card-featured .about-5-profile-link {
    border-color: rgba(255, 255, 255, .14);
    color: #fff;
}

.about-5-card-featured .about-5-profile-link i {
    background: #dca33b;
    color: #132339;
}

.about-5-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
    margin-top: 42px;
    padding: 27px 35px;
    background: #132339;
}

.about-5-stat {
    display: flex;
    align-items: center;
    gap: 13px;
}

.about-5-stat strong {
    color: #dca33b;
    font-size: 27px;
    line-height: 1;
    font-weight: 800;
}

.about-5-stat span {
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
}

.about-5-bottom-line {
    width: 1px;
    height: 34px;
    background: rgba(255, 255, 255, .16);
}

@media (max-width: 991px) {
    .about-5-section-wrapper {
        padding: 80px 0;
    }

    .about-5-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }

    .about-5-title {
        font-size: 40px;
    }

    .about-5-header-content {
        max-width: 600px;
    }

    .about-5-image-wrap {
        height: 290px;
    }

    .about-5-bottom {
        gap: 25px;
        padding: 24px;
    }

    .about-5-stat {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
}

@media (max-width: 767px) {
    .about-5-section-wrapper {
        padding: 65px 0;
    }

    .about-5-header {
        margin-bottom: 38px;
    }

    .about-5-title {
        font-size: 34px;
    }

    .about-5-description {
        font-size: 14px;
    }

    .about-5-image-wrap {
        height: 330px;
    }

    .about-5-social {
        opacity: 1;
        transform: translateY(0);
    }

    .about-5-bottom {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .about-5-bottom-line {
        width: 100%;
        height: 1px;
    }

    .about-5-stat {
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .about-5-title {
        font-size: 30px;
    }

    .about-5-image-wrap {
        height: 300px;
    }

    .about-5-content {
        padding: 24px 20px;
    }
}
.about-50 {
    position: relative;
    padding: 0;
    overflow: hidden;
    background: var(--bg, #f6f4f1);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
}

.about-50 *,
.about-50 *::before,
.about-50 *::after {
    box-sizing: border-box;
}

.about-50-section-wrapper {
    padding: 85px 0;
}

.about-50-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -15px;
    margin-left: -15px;
}

.about-50-row + .about-50-row {
    margin-top: 45px;
}

.about-50-image-column,
.about-50-content-column {
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
}

.about-50-image-column {
    align-items: stretch;
}

.about-50-image-wrapper {
    position: relative;
    width: 100%;
    height: 480px;
    overflow: hidden;
    background: var(--secondary, #222);
}

.about-50-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}

.about-50-image-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, .02) 45%,
        rgba(0, 0, 0, .35) 100%
    );
    pointer-events: none;
}

.about-50-image-wrapper:hover .about-50-img {
    transform: scale(1.05);
}

.about-50-image-label {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50px;
    background: rgba(0, 0, 0, .45);
    color: var(--light, #fff);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .8px;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.about-50-image-label i {
    color: var(--primary, #b71c1c);
    font-size: 15px;
}

.about-50-content-column {
    align-items: center;
}

.about-50-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 35px 45px;
    background: var(--light, #fff);
}

.about-50-row-reverse .about-50-content {
    padding-right: 45px;
    padding-left: 45px;
}

.about-50-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 11px;
    color: var(--primary, #b71c1c);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.about-50-subtitle i {
    font-size: 16px;
}

.about-50-title {
    position: relative;
    margin: 0 0 18px;
    padding-bottom: 14px;
    color: var(--text, #222);
    font-size: 37px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.6px;
}

.about-50-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 3px;
    border-radius: 5px;
    background: var(--primary, #b71c1c);
}

.about-50-text {
    margin: 0 0 13px;
    color: var(--text, #222);
    opacity: .62;
    font-size: 11px;
    line-height: 1.85;
}

.about-50-text strong {
    color: var(--text, #222);
    font-weight: 700;
}

.about-50-highlight {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding-top: 15px;
    border-top: 1px solid var(--border, #e7e2dc);
    color: var(--text, #222);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
}

.about-50-highlight i {
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(183, 28, 28, .08);
    color: var(--primary, #b71c1c);
    font-size: 15px;
}

@media (max-width: 1199px) {
    .about-50-section-wrapper {
        padding: 75px 0;
    }

    .about-50-image-wrapper {
        height: 430px;
    }

    .about-50-content {
        padding: 30px 35px;
    }

    .about-50-row-reverse .about-50-content {
        padding-right: 35px;
        padding-left: 35px;
    }

    .about-50-title {
        font-size: 33px;
    }
}

@media (max-width: 991px) {
    .about-50-section-wrapper {
        padding: 65px 0;
    }

    .about-50-image-wrapper {
        height: 380px;
    }

    .about-50-content {
        padding: 25px 28px;
    }

    .about-50-row-reverse .about-50-content {
        padding-right: 28px;
        padding-left: 28px;
    }

    .about-50-title {
        font-size: 29px;
    }

    .about-50-text {
        font-size: 10px;
        line-height: 1.75;
    }
}

@media (max-width: 767px) {
    .about-50-section-wrapper {
        padding: 55px 0;
    }

    .about-50-row,
    .about-50-row-reverse {
        display: flex;
        flex-direction: column;
        margin-right: -15px;
        margin-left: -15px;
    }

    .about-50-row + .about-50-row {
        margin-top: 40px;
    }

    .about-50-image-column,
    .about-50-content-column {
        width: 100%;
    }

    .about-50-row-reverse .about-50-content-column {
        order: 1;
    }

    .about-50-row-reverse .about-50-image-column {
        order: 2;
    }

    .about-50-image-wrapper {
        height: 320px;
    }

    .about-50-content {
        height: auto;
        padding: 32px 22px;
        text-align: center;
    }

    .about-50-row-reverse .about-50-content {
        padding-right: 22px;
        padding-left: 22px;
    }

    .about-50-title {
        font-size: 29px;
    }

    .about-50-title::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .about-50-text {
        font-size: 10px;
        line-height: 1.8;
    }

    .about-50-highlight {
        justify-content: center;
        text-align: left;
    }
}

@media (max-width: 480px) {
    .about-50-section-wrapper {
        padding: 45px 0;
    }

    .about-50-row + .about-50-row {
        margin-top: 30px;
    }

    .about-50-image-wrapper {
        height: 260px;
    }

    .about-50-content {
        padding: 27px 17px;
    }

    .about-50-row-reverse .about-50-content {
        padding-right: 17px;
        padding-left: 17px;
    }

    .about-50-subtitle {
        font-size: 8px;
    }

    .about-50-title {
        font-size: 25px;
    }

    .about-50-text {
        font-size: 9px;
    }

    .about-50-image-label {
        right: 12px;
        bottom: 12px;
        padding: 7px 10px;
        font-size: 7px;
    }

    .about-50-highlight {
        font-size: 9px;
    }
}

.contact-20 {
    position: relative;
    padding: 85px 0;
    overflow: hidden;
    background: var(--text, #0e0e0e);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.contact-20 *,
.contact-20 *::before,
.contact-20 *::after {
    box-sizing: border-box;
}

.contact-20-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.contact-20-form-column,
.contact-20-info-column {
    display: flex;
}

.contact-20-form-column {
    padding-right: 15px;
}

.contact-20-info-column {
    padding-left: 15px;
}

.contact-20-form-box {
    width: 100%;
    padding: 35px 32px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    background: rgba(255, 255, 255, .045);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .2);
}

.contact-20-eyebrow,
.contact-20-info-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--primary, #e91e63);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.contact-20-eyebrow i,
.contact-20-info-eyebrow i {
    font-size: 16px;
}

.contact-20-title {
    margin: 10px 0 10px;
    color: var(--light, #fff);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.contact-20-form-intro {
    max-width: 480px;
    margin: 0 0 25px;
    color: rgba(255, 255, 255, .55);
    font-size: 11px;
    line-height: 1.75;
}

.contact-20-form {
    width: 100%;
}

.contact-20-field {
    margin-bottom: 17px;
}

.contact-20-field label {
    display: block;
    margin: 0 0 7px;
    color: rgba(255, 255, 255, .82);
    font-size: 10px;
    font-weight: 600;
}

.contact-20-input-wrap {
    position: relative;
}

.contact-20-input-wrap > i {
    position: absolute;
    top: 50%;
    left: 14px;
    z-index: 2;
    color: var(--primary, #e91e63);
    font-size: 16px;
    transform: translateY(-50%);
    pointer-events: none;
}

.contact-20-input-wrap .form-control {
    width: 100%;
    height: 45px;
    margin: 0;
    padding: 11px 14px 11px 42px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 9px;
    outline: none;
    background: rgba(255, 255, 255, .035);
    color: var(--light, #fff);
    font-size: 11px;
    box-shadow: none;
    transition: border-color .3s ease, background .3s ease;
}

.contact-20-input-wrap .form-control:focus {
    border-color: var(--primary, #e91e63);
    background: rgba(255, 255, 255, .06);
    box-shadow: none;
}

.contact-20-input-wrap .form-control::placeholder {
    color: rgba(255, 255, 255, .35);
}

.contact-20-textarea-wrap > i {
    top: 18px;
    transform: none;
}

.contact-20-textarea-wrap textarea.form-control {
    height: auto;
    min-height: 125px;
    resize: vertical;
    line-height: 1.7;
}

.contact-20-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 45px;
    margin-top: 3px;
    padding: 11px 22px;
    border: 0;
    border-radius: 50px;
    background: var(--primary, #e91e63);
    color: var(--light, #fff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    cursor: pointer;
    transition: gap .3s ease, transform .3s ease, background .3s ease;
}

.contact-20-submit i {
    font-size: 16px;
    transition: transform .3s ease;
}

.contact-20-submit:hover {
    gap: 12px;
    background: var(--secondary, #222);
    color: var(--light, #fff);
    transform: translateY(-2px);
}

.contact-20-submit:hover i {
    transform: translateX(3px);
}

.contact-20-form-message {
    min-height: 20px;
    margin-top: 10px;
}

.contact-20-form-message .form-message {
    margin: 0;
    font-size: 10px;
}

.contact-20-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px 5px 15px 25px;
}

.contact-20-info-title {
    max-width: 500px;
    margin: 10px 0 15px;
    color: var(--light, #fff);
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
}

.contact-20-info-title span {
    color: var(--primary, #e91e63);
}

.contact-20-info-description {
    max-width: 560px;
    margin: 0 0 27px;
    color: rgba(255, 255, 255, .55);
    font-size: 11px;
    line-height: 1.85;
}

.contact-20-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 20px;
}

.contact-20-info-box {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 72px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    transition: border-color .3s ease, background .3s ease, transform .3s ease;
}

.contact-20-info-box:hover {
    border-color: rgba(233, 30, 99, .4);
    background: rgba(255, 255, 255, .055);
    transform: translateY(-2px);
}

.contact-20-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(233, 30, 99, .1);
    color: var(--primary, #e91e63);
}

.contact-20-info-icon i {
    font-size: 17px;
}

.contact-20-info-box h4 {
    margin: 0 0 3px;
    color: var(--light, #fff);
    font-size: 10px;
    font-weight: 600;
}

.contact-20-info-box p {
    margin: 0;
    color: rgba(255, 255, 255, .48);
    font-size: 9px;
    line-height: 1.5;
    word-break: break-word;
}

.contact-20-map {
    width: 100%;
    height: 190px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 15px;
}

.contact-20-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 1199px) {
    .contact-20 {
        padding: 75px 0;
    }

    .contact-20-form-box {
        padding: 30px 27px;
    }

    .contact-20-info {
        padding-left: 15px;
    }

    .contact-20-title {
        font-size: 35px;
    }

    .contact-20-info-title {
        font-size: 32px;
    }
}

@media (max-width: 991px) {
    .contact-20 {
        padding: 65px 0;
    }

    .contact-20-form-column,
    .contact-20-info-column {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .contact-20-form-column {
        margin-bottom: 35px;
    }

    .contact-20-info {
        padding: 5px 0;
    }

    .contact-20-info-title {
        font-size: 31px;
    }

    .contact-20-map {
        height: 220px;
    }
}

@media (max-width: 767px) {
    .contact-20 {
        padding: 55px 0;
    }

    .contact-20-form-box {
        padding: 27px 22px;
        border-radius: 17px;
    }

    .contact-20-title {
        font-size: 31px;
    }

    .contact-20-info-title {
        font-size: 29px;
    }

    .contact-20-info-grid {
        gap: 8px;
    }

    .contact-20-info-box {
        min-height: 68px;
        padding: 10px;
    }

    .contact-20-map {
        height: 210px;
    }
}

@media (max-width: 480px) {
    .contact-20 {
        padding: 48px 0;
    }

    .contact-20-form-box {
        padding: 23px 17px;
    }

    .contact-20-title {
        font-size: 27px;
    }

    .contact-20-form-intro,
    .contact-20-info-description {
        font-size: 10px;
    }

    .contact-20-info-title {
        font-size: 26px;
    }

    .contact-20-info-grid {
        grid-template-columns: 1fr;
    }

    .contact-20-info-box {
        min-height: 64px;
    }

    .contact-20-submit {
        width: 100%;
    }

    .contact-20-map {
        height: 190px;
    }
}

/* About-51 */

.about-51 {
    padding: 80px 0;
    background: var(--text, #0d0d0d);
    color: #fff;
}

.about-51 * {
    font-family: "Poppins", sans-serif;
}

.about-51 .container {
    max-width: 1100px;
}

.about-51 h6 {
    display: inline-block;
    margin: 0 0 20px;
    padding-left: 10px;
    border-left: 3px solid var(--accent, #d4af37);
    color: #ccc;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-51 h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-51 p {
    margin-bottom: 20px;
    color: #ddd;
    font-size: 15px;
    line-height: 1.9;
}

.about-51 .more-link {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    transition: all .3s ease;
}

.about-51 .more-link:hover {
    color: var(--accent, #d4af37);
    border-color: var(--accent, #d4af37);
}

@media(max-width:991px) {

    .contact-20 {
        padding: 70px 0;
    }

    .contact-20 h2 {
        font-size: 36px;
    }

    .about-51 {
        padding: 70px 0;
    }

    .about-51 h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .contact-20 {
        padding: 60px 0;
        text-align: center;
    }

    .contact-20 h2 {
        font-size: 30px;
    }

    .contact-20 .contact-box {
        margin-bottom: 30px;
        padding: 30px 20px;
    }

    .contact-20 .info-box {
        margin-bottom: 25px;
        text-align: left;
    }

    .about-51 {
        padding: 60px 0;
    }

    .about-51 h2 {
        font-size: 30px;
    }

    .about-51 p {
        font-size: 14px;
    }

}

.services-29 {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: var(--text, #000);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
}

.services-29 * {
    box-sizing: border-box;
}

.services-29 .services-29-header {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.services-29 .services-29-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--primary, #c6ff3f);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-29 .services-29-subtitle i {
    font-size: 17px;
}

.services-29 .services-29-title {
    margin: 0 0 16px;
    color: var(--light, #fff);
    font-size: 46px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.services-29 .services-29-description {
    max-width: 620px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .62);
    font-size: 14px;
    line-height: 1.8;
}

.services-29 .services-29-row {
    display: flex;
    flex-wrap: wrap;
}

.services-29 .services-29-column {
    display: flex;
    margin-bottom: 30px;
}

.services-29 .services-29-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 330px;
    padding: 32px 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 16px;
    background: rgba(255, 255, 255, .025);
    text-align: left;
    transition: transform .35s ease, border-color .35s ease, background .35s ease, box-shadow .35s ease;
}

.services-29 .services-29-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary, #c6ff3f);
    content: "";
    transition: width .35s ease;
}

.services-29 .services-29-card:hover {
    border-color: rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .055);
    transform: translateY(-7px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .28);
}

.services-29 .services-29-card:hover::before {
    width: 100%;
}

.services-29 .services-29-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 13px;
    background: rgba(255, 255, 255, .05);
    color: var(--primary, #c6ff3f);
    transition: background .35s ease, color .35s ease, transform .35s ease;
}

.services-29 .services-29-icon i {
    font-size: 25px;
}

.services-29 .services-29-card:hover .services-29-icon {
    background: var(--primary, #c6ff3f);
    color: var(--text, #000);
    transform: rotate(-4deg);
}

.services-29 .services-29-number {
    position: absolute;
    top: 28px;
    right: 28px;
    color: rgba(255, 255, 255, .16);
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.services-29 .services-29-line {
    width: 35px;
    height: 1px;
    margin-bottom: 16px;
    background: var(--primary, #c6ff3f);
}

.services-29 .services-29-card h4 {
    margin: 0 0 12px;
    color: var(--light, #fff);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

.services-29 .services-29-card p {
    margin: 0;
    color: rgba(255, 255, 255, .58);
    font-size: 13px;
    line-height: 1.75;
}

.services-29 .services-29-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 24px;
    color: var(--light, #fff);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease, gap .3s ease;
}

.services-29 .services-29-link i {
    color: var(--primary, #c6ff3f);
    font-size: 16px;
    transition: transform .3s ease;
}

.services-29 .services-29-link:hover {
    color: var(--primary, #c6ff3f);
}

.services-29 .services-29-link:hover i {
    transform: translateX(4px);
}

@media (max-width: 1199px) {
    .services-29 {
        padding: 80px 0;
    }

    .services-29 .services-29-title {
        font-size: 42px;
    }

    .services-29 .services-29-card {
        min-height: 320px;
        padding: 28px 24px;
    }
}

@media (max-width: 991px) {
    .services-29 {
        padding: 70px 0;
    }

    .services-29 .services-29-header {
        margin-bottom: 45px;
    }

    .services-29 .services-29-title {
        font-size: 38px;
    }

    .services-29 .services-29-description {
        font-size: 13px;
    }

    .services-29 .services-29-column {
        margin-bottom: 24px;
    }

    .services-29 .services-29-card {
        min-height: 315px;
    }
}

@media (max-width: 767px) {
    .services-29 {
        padding: 60px 0;
    }

    .services-29 .services-29-header {
        margin-bottom: 35px;
    }

    .services-29 .services-29-title {
        font-size: 31px;
    }

    .services-29 .services-29-description {
        font-size: 13px;
        line-height: 1.7;
    }

    .services-29 .services-29-column {
        width: 100%;
    }

    .services-29 .services-29-card {
        min-height: 290px;
        padding: 26px 24px;
    }
}

@media (max-width: 480px) {
    .services-29 {
        padding: 50px 0;
    }

    .services-29 .services-29-title {
        font-size: 27px;
        letter-spacing: -.5px;
    }

    .services-29 .services-29-subtitle {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .services-29 .services-29-card {
        min-height: 275px;
        padding: 24px 20px;
        border-radius: 13px;
    }

    .services-29 .services-29-number {
        top: 23px;
        right: 20px;
        font-size: 23px;
    }
}

/* home-80 */
/* ---------- HOME-80 SECTION ---------- */
.home-80 {
    padding: 80px 0;
    background: var(--text, #000);
    color: #fff;
    overflow: hidden;
}

.home-80 * {
    font-family: "Poppins", sans-serif;
}

.home-80 .home-80-subtitle {
    display: block;
    margin-bottom: 10px;
    color: #a9b2c3;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-80 .home-80-title {
    margin: 0 0 40px;
    color: #d7d7d7;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.home-80 .home-80-carousel .home-80-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #111;
    transition: transform .35s ease, box-shadow .35s ease;
}

.home-80 .home-80-carousel .home-80-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .35);
}

.home-80 .home-80-carousel .home-80-item:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .15) 45%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.home-80 .home-80-carousel .home-80-item img {
    display: block;
    width: 100%;
    height: 350px;
    object-fit: cover;
    transition: transform .5s ease, opacity .4s ease;
}

.home-80 .home-80-carousel .home-80-item:hover img {
    transform: scale(1.08);
    opacity: .95;
}

.home-80 .home-80-item-content {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    z-index: 2;
}

.home-80 .home-80-item-content h4 {
    margin: 0;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
}

.home-80 .home-80-item-icon {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 8px;
    background: rgba(0, 0, 0, .55);
    transition: all .3s ease;
}

.home-80 .home-80-item-icon:hover {
    background: var(--primary, #ffffff);
    border-color: var(--primary, #ffffff);
    transform: translateY(-2px);
}

.home-80 .home-80-item-icon:hover i {
    color: var(--text, #000);
}

.home-80 .home-80-item-icon i {
    color: #fff;
    font-size: 16px;
    transition: color .3s ease;
}

.home-80 .home-80-item:last-child .home-80-item-icon {
    left: auto;
    right: 20px;
}

@media(max-width:991px) {

    .home-80 {
        padding: 70px 0;
    }

    .home-80 .home-80-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-80 {
        padding: 60px 0;
    }

    .home-80 .home-80-title {
        font-size: 30px;
    }

    .home-80 .home-80-carousel .home-80-item img {
        height: 250px;
    }

    .home-80 .home-80-item-content h4 {
        font-size: 22px;
    }

}

/* about-52 */
.about-52 {
    padding: 80px 0;
    background: var(--text, #000);
    color: #fff;
}

.about-52 * {
    font-family: "Poppins", sans-serif;
}

.about-52-subtitle {
    display: inline-block;
    margin-bottom: 20px;
    padding: 6px 12px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 30px;
    background: #111;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-52-title {
    margin: 0;
    color: #ccc;
    font-size: 87px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 1px;
}

.about-52-right {
    margin-top: 30px;
}

.about-52-box {
    position: relative;
    min-height: 200px;
    padding: 40px 20px;
    overflow: hidden;
}

.about-52-box h4 {
    position: relative;
    z-index: 2;
    margin: 0 0 12px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
}

.about-52-box p {
    position: relative;
    z-index: 2;
    max-width: 95%;
    margin: 0;
    color: #999;
    font-size: 13px;
    line-height: 1.8;
}

.about-52-bgnum {
    position: absolute;
    top: -54px;
    left: 10px;
    z-index: 1;
    color: rgba(255, 255, 255, .08);
    font-size: 135px;
    font-weight: 700;
    line-height: 1;
    user-select: none;
    transition: transform .35s ease, color .35s ease;
}

.about-52-box:hover .about-52-bgnum {
    transform: translateY(-4px);
    color: rgba(255, 255, 255, .14);
}

@media(max-width:991px) {

    .about-52 {
        padding: 70px 0;
    }

    .about-52-title {
        font-size: 60px;
    }

}

@media(max-width:767px) {

    .about-52 {
        padding: 60px 0;
    }

    .about-52-title {
        font-size: 30px;
    }

    .about-52-box {
        padding: 30px 15px;
        text-align: left;
    }

    .about-52-bgnum {
        top: -20px;
        font-size: 70px;
    }

}

/* blog-17 */
.blog-17 {
    padding: 80px 0;
    background: var(--text, #000);
    color: #fff;
}

.blog-17 * {
    font-family: "Poppins", sans-serif;
}

.blog-17-read-articles {
    display: inline-block;
    margin-bottom: 20px;
    padding: 6px 12px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 30px;
    color: #ccc;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
}

.blog-17-read-articles:hover {
    color: #fff;
    border-color: #fff;
}

.blog-17-title {
    margin: 0 0 50px;
    color: #d7d7d7;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
}

.blog-17-post {
    margin-bottom: 30px;
}

.blog-17-post-wrapper {
    background: transparent;
    transition: transform .35s ease;
}

.blog-17-post-wrapper:hover {
    transform: translateY(-6px);
}

.blog-17-post-wrapper img {
    display: block;
    width: 100%;
    margin-bottom: 18px;
    border-radius: 10px;
    transition: transform .45s ease, opacity .35s ease;
}

.blog-17-post-wrapper:hover img {
    opacity: .92;
    transform: scale(1.04);
}

.blog-17-meta {
    margin-bottom: 8px;
    color: #aaa;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.blog-17-post-title {
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .10);
    color: #e1e1e0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
}

.blog-17-author {
    margin-top: 10px;
    color: #999;
    font-size: 13px;
}

@media(max-width:991px) {

    .blog-17 {
        padding: 70px 0;
    }

    .blog-17-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .blog-17 {
        padding: 60px 15px;
    }

    .blog-17-title {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .blog-17-post {
        margin-bottom: 30px;
    }

}


/* Newwwwwwwwwwwwwwwwwwwwwwwwwww */

.home-81.section-wrapper {
    padding: 80px 0;
    background: var(--light, #fff);
    color: var(--text, #111);
}

.home-81 * {
    font-family: "Poppins", sans-serif;
}

.home-81.image-box img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 20px;
    object-fit: cover;
    transition: transform .4s ease, box-shadow .4s ease;
}

.home-81.image-box:hover img {
    transform: scale(1.03);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}

.home-81.tag {
    display: inline-block;
    margin-bottom: 15px;
    padding: 6px 14px;
    border-radius: 30px;
    background: var(--bg, #e5f0ff);
    color: var(--text, #0f172a);
    font-size: 13px;
    font-weight: 600;
}

.home-81.content-box h2 {
    margin: 0 0 20px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.home-81.content-box h2 span {
    color: var(--primary, #c87b05);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: var(--primary, #c87b05);
}

.home-81.content-box p {
    margin-bottom: 25px;
    color: #374151;
    font-size: 15px;
    line-height: 1.8;
}

.home-81.btn-red {
    display: inline-block;
    padding: 12px 28px;
    border: none;
    border-radius: 30px;
    background: var(--primary, #c87b05);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.home-81.btn-red:hover {
    background: var(--secondary, #dc2626);
    color: #fff;
    transform: translateY(-2px);
}

@media(max-width:991px) {

    .home-81.section-wrapper {
        padding: 70px 0;
        text-align: center;
    }

    .home-81.image-box {
        margin-bottom: 30px;
    }

    .home-81.content-box h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-81.section-wrapper {
        padding: 60px 0;
    }

    .home-81.content-box h2 {
        font-size: 30px;
    }

}



/* home-82 */
.home-82 {
    padding: 80px 0;
    background: var(--light, #fff);
}

.home-82 * {
    font-family: "Poppins", sans-serif;
}

.home-82-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.home-82-card {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex: 1;
    min-height: 350px;
    margin: 10px;
    overflow: hidden;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    color: #fff;
    cursor: pointer;
    transition: all .5s ease;
}

.home-82-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .75), rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));
    transition: all .5s ease;
}

.home-82-card:hover:before {
    background: linear-gradient(to top, rgba(0, 0, 0, .82), rgba(0, 0, 0, .25), rgba(0, 0, 0, 0));
}

.home-82-card.expanded {
    flex: 2;
}

.home-82-card:not(.expanded) {
    flex: 1;
    opacity: .82;
}

.home-82-content {
    position: relative;
    z-index: 2;
    padding: 30px;
}

.home-82-title {
    margin: 0 0 15px;
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
}

.home-82-text {
    max-height: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, .92);
    font-size: 14px;
    line-height: 1.8;
    opacity: 0;
    transition: max-height .6s ease, opacity .6s ease;
}

.home-82-card.expanded .home-82-text {
    max-height: 220px;
    opacity: 1;
}

.home-82-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 11px 24px;
    border-radius: 50px;
    background: var(--primary, #c87b05);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.home-82-btn:hover {
    background: var(--secondary, #9d4edd);
    color: #fff;
    transform: translateY(-2px);
}

@media(max-width:991px) {

    .home-82 {
        padding: 70px 0;
    }

    .home-82-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-82 {
        padding: 60px 0;
    }

    .home-82-row {
        flex-direction: column;
    }

    .home-82-card {
        flex: 1 !important;
        width: 100%;
        min-height: 300px;
    }

    .home-82-title {
        font-size: 30px;
    }

    .home-82-content {
        padding: 25px 20px;
    }

}


/* about-53 */
.about-53 {
    padding: 80px 20px;
    background: var(--light, #fff);
}

.about-53 * {
    font-family: "Poppins", sans-serif;
}

.about-53-subtitle {
    color: #777;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-53-title {
    margin: 5px 0 15px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
}

.about-53-desc {
    margin-bottom: 18px;
    color: #666;
    font-size: 14px;
    line-height: 1.9;
}

.about-53-btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 30px;
    background: var(--text, #0c1b2a);
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.about-53-btn:hover {
    background: var(--primary, #0c1b2a);
    color: #fff !important;
    transform: translateY(-2px);
}

.about-53-text-right {
    text-align: right;
}

.about-53-card {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 16px;
    cursor: pointer;
    transition: transform .35s ease, box-shadow .35s ease;
}

.about-53-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
}

.about-53-card img {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
    border: 2px solid #fff;
    transition: transform .45s ease;
}

.about-53-card:hover img {
    transform: scale(1.06);
}

.about-53-card-layer {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .08), rgba(6, 6, 6, .82));
}

.about-53-card-content {
    position: absolute;
    left: 20px;
    bottom: 18px;
    z-index: 2;
    color: #fff;
}

.about-53-card-content i {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 26px;
}

.about-53-card-content h4 {
    margin: 0;
    color: #dfdfdf;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
}

@media(max-width:991px) {

    .about-53 {
        padding: 70px 20px;
    }

    .about-53-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-53 {
        padding: 60px 15px;
    }

    .about-53-title {
        font-size: 30px;
    }

    .about-53-text-right {
        margin-top: 25px;
        text-align: left;
    }

}


/* home-84 */
.home-84 {
    padding: 80px 0;
    background: var(--light, #fff);
}

.home-84 * {
    font-family: "Poppins", sans-serif;
}

.home-84-img-wrapper {
    display: flex;
    gap: 10px;
}

.home-84-img-left,
.home-84-img-right {
    width: 50%;
    overflow: hidden;
    border-radius: 12px;
}

.home-84-img-left img,
.home-84-img-right img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: cover;
    border-radius: 12px;
    transition: transform .45s ease;
}

.home-84-img-left:hover img,
.home-84-img-right:hover img {
    transform: scale(1.05);
}

.home-84-people-box {
    display: inline-block;
    margin-top: 15px;
    padding: 12px 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
}

.home-84-people-imgs img {
    width: 35px;
    height: 35px;
    margin-right: -8px;
    border: 2px solid #fff;
    border-radius: 50%;
}

.home-84-plus {
    display: inline-block;
    margin-left: 5px;
    padding: 4px 8px;
    border-radius: 50%;
    background: var(--text, #111);
    color: #fff;
    font-size: 14px;
}

.home-84-badge {
    color: #6f6f6f;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-84-title {
    margin: 12px 0;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.home-84-desc {
    color: #555;
    font-size: 15px;
    line-height: 1.9;
}

.home-84-info-box {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid var(--border, #ddd);
}

.home-84-count {
    color: var(--primary, #e7a412);
    font-size: 55px;
    font-weight: 700;
    line-height: 1;
}

.home-84-count-text {
    margin-top: -10px;
    color: var(--text, #111);
    font-size: 14px;
}

.home-84-side-text p {
    margin-bottom: 15px;
    color: #444;
    font-size: 14px;
    line-height: 1.8;
}

.home-84-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 24px;
    border-radius: 30px;
    background: var(--text, #0c1b2a);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.home-84-btn:hover {
    background: var(--primary, #132b45);
    color: #fff;
    transform: translateY(-2px);
}

.home-84-right {
    padding: 0 0 0 30px;
}

@media(max-width:991px) {

    .home-84 {
        padding: 70px 0;
    }

    .home-84-title {
        font-size: 36px;
    }

    .home-84-right {
        padding: 30px 0 0;
    }

}

@media(max-width:767px) {

    .home-84 {
        padding: 60px 0;
    }

    .home-84-img-wrapper {
        flex-direction: column;
    }

    .home-84-img-left,
    .home-84-img-right {
        width: 100%;
    }

    .home-84-img-left img,
    .home-84-img-right img {
        height: 240px;
    }

    .home-84-title {
        font-size: 30px;
    }

    .home-84-info-box {
        text-align: center;
    }

}
.services-3 {
    position: relative;
    padding: 100px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.services-3::before {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    top: -230px;
    left: -180px;
    border-radius: 50%;
    background: var(--primary, #2f9f98);
    opacity: .05;
    pointer-events: none;
}

.services-3::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -150px;
    bottom: -170px;
    border-radius: 50%;
    background: var(--accent, #d6a85f);
    opacity: .07;
    pointer-events: none;
}

.services-3 .container {
    position: relative;
    z-index: 2;
}

.services-3-row {
    display: flex;
    align-items: stretch;
    margin-left: -15px;
    margin-right: -15px;
}

.services-3-image-column,
.services-3-content-column {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
}

.services-3-image-column {
    align-items: center;
}

.services-3-image-wrap {
    position: relative;
    width: 100%;
    min-height: 620px;
    padding: 18px;
}

.services-3-image-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 78%;
    height: 82%;
    border: 2px solid var(--accent, #d6a85f);
    border-radius: 26px;
    opacity: .45;
}

.services-3-image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 584px;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: 0 22px 50px rgba(25, 72, 68, .14);
}

.services-3-image-wrap::before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 20px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: var(--primary, #2f9f98);
    opacity: .09;
}

.services-3-image-badge {
    position: absolute;
    z-index: 3;
    left: -8px;
    bottom: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 275px;
    padding: 15px 18px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 16px;
    background: var(--bg, #fff);
    box-shadow: 0 16px 35px rgba(25, 72, 68, .14);
}

.services-3-badge-icon {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--primary, #2f9f98);
    color: var(--bg, #fff);
    font-size: 21px;
}

.services-3-image-badge strong,
.services-3-image-badge span {
    display: block;
}

.services-3-image-badge strong {
    margin-bottom: 3px;
    color: var(--text, #183b39);
    font-size: 12px;
    font-weight: 700;
}

.services-3-image-badge span {
    color: var(--secondary, #687b79);
    font-size: 10px;
}

.services-3-floating-icon {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 50%;
    background: var(--bg, #fff);
    color: var(--primary, #2f9f98);
    font-size: 19px;
    box-shadow: 0 10px 25px rgba(25, 72, 68, .12);
}

.services-3-floating-one {
    top: 70px;
    right: -8px;
}

.services-3-floating-two {
    top: 155px;
    left: -7px;
    color: var(--accent, #d6a85f);
}

.services-3-content-column {
    align-items: center;
}

.services-3-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 20px 0 20px 35px;
}

.services-3-eyebrow {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    margin-bottom: 17px;
    padding: 8px 15px;
    border: 1px solid var(--border, #dce9e7);
    border-radius: 50px;
    background: var(--light, #f6faf9);
    color: var(--primary, #2f9f98);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
}

.services-3-eyebrow i {
    font-size: 17px;
}

.services-3-title {
    max-width: 700px;
    margin: 0 0 19px;
    color: var(--text, #183b39);
    font-size: clamp(32px, 4vw, 47px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -.7px;
}

.services-3-intro {
    max-width: 720px;
    margin: 0 0 28px;
    color: var(--secondary, #687b79);
    font-size: 15px;
    line-height: 1.85;
}

.services-3-features {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.services-3-feature {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--border, #dfeae8);
    border-radius: 14px;
    background: var(--light, #f6faf9);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.services-3-feature:hover {
    transform: translateX(5px);
    border-color: var(--primary, #2f9f98);
    box-shadow: 0 10px 25px rgba(25, 72, 68, .08);
}

.services-3-feature-icon {
    display: flex;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border-radius: 12px;
    background: var(--bg, #fff);
    color: var(--primary, #2f9f98);
    font-size: 20px;
    box-shadow: 0 5px 15px rgba(25, 72, 68, .06);
}

.services-3-feature h4 {
    margin: 0 0 5px;
    color: var(--text, #183b39);
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
}

.services-3-feature p {
    margin: 0;
    color: var(--secondary, #687b79);
    font-size: 12px;
    line-height: 1.65;
}

.services-3-description {
    max-width: 720px;
    margin: 0 0 24px;
    color: var(--secondary, #687b79);
    font-size: 14px;
    line-height: 1.8;
}

.services-3-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.services-3-primary-btn,
.services-3-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 49px;
    padding: 0 20px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.services-3-primary-btn {
    background: var(--primary, #2f9f98);
    color: var(--bg, #fff);
}

.services-3-primary-btn i {
    font-size: 17px;
    transition: transform .3s ease;
}

.services-3-primary-btn:hover {
    background: var(--secondary, #287f7a);
    color: var(--bg, #fff);
}

.services-3-primary-btn:hover i {
    transform: translateX(4px);
}

.services-3-secondary-btn {
    border: 1px solid var(--border, #dce9e7);
    background: var(--bg, #fff);
    color: var(--secondary, #287f7a);
}

.services-3-secondary-btn i {
    color: var(--primary, #2f9f98);
    font-size: 17px;
}

.services-3-secondary-btn:hover {
    border-color: var(--primary, #2f9f98);
    color: var(--primary, #2f9f98);
}

@media (max-width: 1199px) {
    .services-3 {
        padding: 85px 0;
    }

    .services-3-content {
        padding-left: 20px;
    }

    .services-3-title {
        font-size: 39px;
    }

    .services-3-image-wrap {
        min-height: 570px;
    }

    .services-3-image {
        height: 534px;
    }
}

@media (max-width: 991px) {
    .services-3 {
        padding: 75px 0;
    }

    .services-3-title {
        font-size: 33px;
    }

    .services-3-content {
        padding-left: 15px;
    }

    .services-3-image-wrap {
        min-height: 520px;
        padding: 12px;
    }

    .services-3-image {
        height: 496px;
    }

    .services-3-image-badge {
        left: -3px;
        bottom: 35px;
        max-width: 220px;
        padding: 12px;
    }

    .services-3-badge-icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .services-3 {
        padding: 65px 0;
    }

    .services-3-row {
        display: block;
    }

    .services-3-image-column,
    .services-3-content-column {
        display: block;
        width: 100%;
    }

    .services-3-image-column {
        margin-bottom: 45px;
    }

    .services-3-content {
        padding: 0;
    }

    .services-3-title {
        font-size: 31px;
    }

    .services-3-intro,
    .services-3-description {
        font-size: 14px;
        line-height: 1.75;
    }

    .services-3-image-wrap {
        min-height: auto;
    }

    .services-3-image {
        height: 460px;
    }

    .services-3-floating-one {
        right: 0;
    }

    .services-3-floating-two {
        left: 0;
    }
}

@media (max-width: 575px) {
    .services-3 {
        padding: 55px 0;
    }

    .services-3-title {
        font-size: 28px;
    }

    .services-3-eyebrow {
        font-size: 12px;
    }

    .services-3-feature {
        padding: 13px;
    }

    .services-3-feature-icon {
        flex-basis: 39px;
        width: 39px;
        height: 39px;
        font-size: 18px;
    }

    .services-3-feature h4 {
        font-size: 14px;
    }

    .services-3-feature p {
        font-size: 11px;
    }

    .services-3-image-wrap {
        padding: 10px;
    }

    .services-3-image {
        height: 390px;
        border-radius: 20px;
    }

    .services-3-image-badge {
        left: 5px;
        bottom: 30px;
    }

    .services-3-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .services-3-primary-btn,
    .services-3-secondary-btn {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .services-3-title {
        font-size: 26px;
    }

    .services-3-image {
        height: 350px;
    }
}
/* services-31 */
.services-31 {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--text, #0B131A) 0%, var(--secondary, #0F1F2A) 100%);
    color: #fff;
}

.services-31 * {
    font-family: "Poppins", sans-serif;
}

.services-31-badge {
    display: inline-block;
    margin-bottom: 25px;
    padding: 7px 16px;
    border-radius: 6px;
    background: var(--accent, #F2B233);
    color: var(--text, #0B131A);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
}

.services-31-title {
    margin: 0 0 18px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.services-31-desc {
    max-width: 460px;
    margin-bottom: 45px;
    color: #d7dfe7;
    font-size: 15px;
    line-height: 1.9;
}

.services-31-steps {
    padding-left: 25px;
    border-left: 2px solid rgba(255, 255, 255, .25);
}

.services-31-step {
    margin-bottom: 38px;
}

.services-31-number {
    margin-bottom: 6px;
    color: var(--accent, #F2B233);
    font-size: 17px;
    font-weight: 700;
}

.services-31-info h4 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}

.services-31-info p {
    margin: 0;
    color: #C2CCD5;
    font-size: 14px;
    line-height: 1.8;
}

.services-31-right {
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-top: 25px;
}

.services-31-img-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.services-31-img-wrapper.small {
    max-width: 70%;
}

.services-31 img {
    display: block;
    width: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.services-31-img-wrapper:hover img {
    transform: scale(1.05);
}

.services-31-overlay-box {
    position: absolute;
    right: -18px;
    bottom: -18px;
    width: 120px;
    height: 120px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .08);
}

@media(max-width:991px) {

    .services-31 {
        padding: 70px 0;
    }

    .services-31-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .services-31 {
        padding: 60px 0;
    }

    .services-31-title {
        font-size: 30px;
    }

    .services-31-desc {
        font-size: 14px;
    }

    .services-31-right {
        margin-top: 45px;
    }

    .services-31-img-wrapper.small {
        max-width: 100%;
    }

}

.contact-21.section-wrapper {
    position: relative;
    padding: 90px 20px;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 15%, rgba(199, 150, 85, .08), transparent 28%),
        radial-gradient(circle at 92% 85%, rgba(12, 27, 42, .06), transparent 30%),
        #f8f6f2;
    color: var(--text, #111);
}

.contact-21.section-wrapper::before {
    content: "";
    position: absolute;
    top: -150px;
    right: -150px;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(199, 150, 85, .18);
    border-radius: 50%;
    pointer-events: none;
}

.contact-21.section-wrapper::after {
    content: "";
    position: absolute;
    bottom: -180px;
    left: -180px;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(12, 27, 42, .08);
    border-radius: 50%;
    pointer-events: none;
}

.contact-21 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.contact-21 .container {
    position: relative;
    z-index: 2;
}

.contact-21-row {
    display: flex;
    align-items: stretch;
    margin-left: -15px;
    margin-right: -15px;
}

.contact-21-column {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
}

.contact-21-left {
    color: #4d4d4d;
}

.contact-21-left-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 20px 45px 20px 0;
}

.contact-21-subtitle {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 14px;
    color: #b27c3d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    line-height: 1.4;
    text-transform: uppercase;
}

.contact-21-subtitle::before {
    content: "";
    width: 28px;
    height: 1px;
    margin-right: 10px;
    background: #c79655;
}

.contact-21-title {
    max-width: 600px;
    margin: 0 0 20px;
    color: #172532;
    font-size: 43px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.8px;
}

.contact-21-description {
    max-width: 570px;
    margin: 0;
    color: #626262;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9;
}

.contact-21-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 32px 0 0;
}

.contact-21-info-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact-21-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(199, 150, 85, .25);
    border-radius: 12px;
    background: #fff;
    color: #b27c3d;
    font-size: 19px;
    box-shadow: 0 8px 20px rgba(23, 37, 50, .05);
}

.contact-21-info-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: #4e4e4e;
    font-size: 13px;
    line-height: 1.65;
}

.contact-21-info-label {
    margin-bottom: 1px;
    color: #172532;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.contact-21-social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 32px;
}

.contact-21-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #ddd5cb;
    border-radius: 50%;
    background: #fff;
    color: #172532;
    font-size: 17px;
    text-decoration: none;
    transition: all .3s ease;
}

.contact-21-social a:hover {
    border-color: #c79655;
    background: #c79655;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(199, 150, 85, .22);
}

.contact-21-right {
    align-items: stretch;
}

.contact-21-form-card {
    width: 100%;
    padding: 42px;
    border: 1px solid rgba(199, 150, 85, .2);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(23, 37, 50, .09);
}

.contact-21-form-heading {
    margin-bottom: 28px;
}

.contact-21-form-label {
    display: block;
    margin-bottom: 8px;
    color: #b27c3d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.contact-21-form-title {
    margin: 0 0 8px;
    color: #172532;
    font-size: 29px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-21-form-description {
    max-width: 500px;
    margin: 0;
    color: #777;
    font-size: 13px;
    line-height: 1.7;
}

.contact-21-form-row {
    margin-left: -7px;
    margin-right: -7px;
}

.contact-21-form-column {
    padding-left: 7px;
    padding-right: 7px;
}

.contact-21-input-group {
    margin-bottom: 20px;
}

.contact-21-input-group label {
    display: block;
    margin-bottom: 8px;
    color: #263541;
    font-size: 12px;
    font-weight: 600;
}

.contact-21-input-wrap {
    position: relative;
}

.contact-21-input-wrap > i {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 2;
    color: #b27c3d;
    font-size: 17px;
    transform: translateY(-50%);
    pointer-events: none;
}

.contact-21 .form-control {
    width: 100%;
    height: 48px;
    padding: 12px 15px 12px 43px;
    border: 1px solid #e2ddd6;
    border-radius: 9px;
    outline: none;
    background: #faf9f7;
    color: #172532;
    font-size: 13px;
    box-shadow: none;
    transition: all .3s ease;
}

.contact-21 .form-control:focus {
    border-color: #c79655;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(199, 150, 85, .11);
}

.contact-21 .form-control::placeholder {
    color: #9a9a9a;
}

.contact-21 .contact-21-textarea-wrap {
    display: block;
}

.contact-21 .contact-21-textarea-wrap > i {
    top: 17px;
    transform: none;
}

.contact-21 textarea.form-control {
    min-height: 135px;
    resize: vertical;
    line-height: 1.7;
}

.contact-21 .btn-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 165px;
    margin-top: 2px;
    padding: 13px 24px;
    border: 1px solid #172532;
    border-radius: 8px;
    outline: none;
    background: #172532;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .4px;
    text-transform: uppercase;
    transition: all .3s ease;
}

.contact-21 .btn-contact i {
    font-size: 17px;
    transition: transform .3s ease;
}

.contact-21 .btn-contact:hover {
    border-color: #b27c3d;
    background: #b27c3d;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(178, 124, 61, .2);
}

.contact-21 .btn-contact:hover i {
    transform: translateX(3px);
}

.contact-21-form-message {
    min-height: 24px;
    margin-top: 10px;
}

.contact-21 .form-message {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .contact-21.section-wrapper {
        padding: 70px 20px;
    }

    .contact-21-row {
        display: block;
    }

    .contact-21-column {
        display: block;
    }

    .contact-21-left-content {
        padding: 10px 0 50px;
    }

    .contact-21-title {
        font-size: 37px;
    }

    .contact-21-form-card {
        padding: 35px;
    }
}

@media (max-width: 767px) {
    .contact-21.section-wrapper {
        padding: 60px 15px;
    }

    .contact-21-left-content {
        padding: 0 0 40px;
    }

    .contact-21-title {
        font-size: 30px;
        line-height: 1.25;
        letter-spacing: -.4px;
    }

    .contact-21-description {
        font-size: 13px;
        line-height: 1.8;
    }

    .contact-21-info {
        gap: 14px;
        margin-top: 26px;
    }

    .contact-21-info-item {
        align-items: flex-start;
    }

    .contact-21-info-icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        font-size: 17px;
    }

    .contact-21-info-content {
        padding-top: 2px;
        font-size: 12px;
    }

    .contact-21-social {
        margin-top: 26px;
    }

    .contact-21-form-card {
        padding: 28px 20px;
        border-radius: 14px;
    }

    .contact-21-form-title {
        font-size: 25px;
    }

    .contact-21-form-row {
        margin-left: 0;
        margin-right: 0;
    }

    .contact-21-form-column {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .contact-21 .form-control {
        height: 46px;
    }

    .contact-21 textarea.form-control {
        min-height: 120px;
    }

    .contact-21 .btn-contact {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-21.section-wrapper {
        padding: 50px 12px;
    }

    .contact-21-title {
        font-size: 27px;
    }

    .contact-21-form-card {
        padding: 24px 17px;
    }

    .contact-21-form-title {
        font-size: 23px;
    }
}

.contact-22 {
    padding: 80px 0;
    background: var(--bg, #f7f9fc);
    font-family: "Poppins", sans-serif;
}

.contact-22 * {
    box-sizing: border-box;
}

.contact-22 .contact-22-header {
    max-width: 760px;
    margin-bottom: 42px;
}

.contact-22 .contact-22-badge,
.contact-22 .contact-22-info-label,
.contact-22 .contact-22-form-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--primary, #0b1c3f);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.contact-22 .contact-22-badge i,
.contact-22 .contact-22-info-label i,
.contact-22 .contact-22-form-label i {
    font-size: 16px;
}

.contact-22 .contact-22-title {
    max-width: 700px;
    margin: 10px 0 12px;
    color: var(--text, #0b1c3f);
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.contact-22 .contact-22-sub {
    max-width: 650px;
    margin: 0;
    color: #707070;
    font-size: 13px;
    line-height: 1.8;
}

.contact-22 .contact-22-box {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -8px;
    overflow: hidden;
    border-radius: 24px;
    background: var(--bg, #fff);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .08);
}

.contact-22 .contact-22-info-column,
.contact-22 .contact-22-form-column {
    display: flex;
    padding: 0;
}

.contact-22 .contact-22-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 42px;
    background: var(--primary, #0b1c3f);
    color: #fff;
}

.contact-22 .contact-22-info-label {
    color: var(--accent, #fff);
    opacity: .8;
}

.contact-22 .contact-22-info-title {
    margin: 10px 0 10px;
    color: #fff;
    font-size: 27px;
    line-height: 1.35;
    font-weight: 700;
}

.contact-22 .contact-22-info-text {
    margin: 0 0 27px;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    line-height: 1.8;
}

.contact-22 .contact-22-info-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-22 .contact-22-info-item {
    display: grid;
    grid-template-columns: 38px 1fr;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 11px;
    background: rgba(255, 255, 255, .07);
    transition: .25s ease;
}

.contact-22 .contact-22-info-item:hover {
    background: rgba(255, 255, 255, .12);
    transform: translateY(-2px);
}

.contact-22 .contact-22-info-item > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: rgba(255, 255, 255, .1);
    color: var(--accent, #fff);
    font-size: 17px;
}

.contact-22 .contact-22-info-item > div {
    min-width: 0;
}

.contact-22 .contact-22-info-item span {
    display: block;
    margin-bottom: 3px;
    color: rgba(255, 255, 255, .5);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
}

.contact-22 .contact-22-info-item p {
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    word-break: break-word;
}

.contact-22 .contact-22-trust {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 25px;
    color: rgba(255, 255, 255, .7);
    font-size: 10px;
    line-height: 1.5;
}

.contact-22 .contact-22-trust i {
    color: var(--accent, #fff);
    font-size: 16px;
}

.contact-22 .contact-22-form-column {
    background: var(--bg, #fff);
}

.contact-22 .contact-22-form-box {
    width: 100%;
    padding: 42px;
}

.contact-22 .contact-22-form-label {
    color: var(--primary, #0b1c3f);
}

.contact-22 .contact-22-form-title {
    margin: 10px 0 8px;
    color: var(--text, #0b1c3f);
    font-size: 27px;
    line-height: 1.3;
    font-weight: 700;
}

.contact-22 .contact-22-form-text {
    margin: 0 0 27px;
    color: #707070;
    font-size: 12px;
    line-height: 1.8;
}

.contact-22 .contact-22-form .row {
    margin: 0 -6px;
}

.contact-22 .contact-22-form [class*="col-"] {
    padding: 0 6px;
}

.contact-22 .contact-22-field {
    position: relative;
    margin-bottom: 13px;
}

.contact-22 .contact-22-field > i {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 2;
    color: var(--primary, #0b1c3f);
    font-size: 16px;
    transform: translateY(-50%);
    pointer-events: none;
}

.contact-22 .contact-22-message-field > i {
    top: 17px;
    transform: none;
}

.contact-22 .contact-22-input {
    width: 100%;
    height: 50px;
    padding: 0 15px 0 42px;
    border: 1px solid var(--border, #dce3eb);
    border-radius: 10px;
    background: var(--light, #fafbfc);
    color: var(--text, #222);
    font-size: 12px;
    box-shadow: none;
    outline: none;
    transition: .25s ease;
}

.contact-22 textarea.contact-22-input {
    height: 125px;
    padding: 14px 15px 14px 42px;
    resize: vertical;
}

.contact-22 .contact-22-input:focus {
    border-color: var(--primary, #0b1c3f);
    background: var(--bg, #fff);
    box-shadow: 0 0 0 3px rgba(11, 28, 63, .07);
}

.contact-22 .contact-22-input::placeholder {
    color: #999;
}

.contact-22 .contact-22-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    margin-top: 4px;
    padding: 0 23px;
    border: 0;
    border-radius: 10px;
    background: var(--primary, #0b1c3f);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    transition: .25s ease;
}

.contact-22 .contact-22-submit i {
    font-size: 16px;
    transition: transform .25s ease;
}

.contact-22 .contact-22-submit:hover {
    background: var(--secondary, #08142f);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .14);
}

.contact-22 .contact-22-submit:hover i {
    transform: translateX(3px);
}

.contact-22 .form-message {
    min-height: 18px;
    margin: 10px 0 0;
    font-size: 11px;
}

@media (max-width: 991px) {
    .contact-22 {
        padding: 70px 0;
    }

    .contact-22 .contact-22-title {
        font-size: 35px;
    }

    .contact-22 .contact-22-info,
    .contact-22 .contact-22-form-box {
        padding: 32px;
    }
}

@media (max-width: 767px) {
    .contact-22 {
        padding: 60px 0;
    }

    .contact-22 .contact-22-header {
        margin-bottom: 32px;
    }

    .contact-22 .contact-22-title {
        font-size: 30px;
    }

    .contact-22 .contact-22-sub {
        font-size: 12px;
    }

    .contact-22 .contact-22-box {
        display: block;
        border-radius: 20px;
    }

    .contact-22 .contact-22-info-column,
    .contact-22 .contact-22-form-column {
        display: block;
        width: 100%;
    }

    .contact-22 .contact-22-info {
        padding: 30px 22px;
    }

    .contact-22 .contact-22-form-box {
        padding: 30px 22px;
    }

    .contact-22 .contact-22-info-title,
    .contact-22 .contact-22-form-title {
        font-size: 24px;
    }

    .contact-22 .contact-22-submit {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-22 .contact-22-info,
    .contact-22 .contact-22-form-box {
        padding: 24px 18px;
    }

    .contact-22 .contact-22-title {
        font-size: 27px;
    }

    .contact-22 .contact-22-info-item {
        grid-template-columns: 36px 1fr;
        gap: 10px;
        min-height: 62px;
        padding: 11px;
    }

    .contact-22 .contact-22-info-item > i {
        width: 36px;
        height: 36px;
    }
}

/* Service-32 */

.services-32 {
    padding: 80px 0;
    background: var(--bg, #f9faff);
}

.services-32 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.services-32-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--primary, #48a7d5);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.services-32-title {
    margin: 0 0 60px;
    color: var(--text, #1a1a1a);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.services-32-cards .services-32-card {
    margin-bottom: 30px;
    padding: 35px 20px;
    border: none;
    border-radius: 16px;
    background: var(--light, #fff);
    text-align: center;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
    transition: transform .35s ease, box-shadow .35s ease;
}

.services-32-cards .services-32-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.services-32-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary, #4d95ce), var(--accent, #3dcce4));
    color: #fff;
    font-size: 32px;
    transition: transform .3s ease;
}

.services-32-card:hover .services-32-icon {
    transform: scale(1.08);
}

.services-32-card-title {
    margin: 0 0 12px;
    color: var(--text, #1a1a1a);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.services-32-text {
    color: #555f7a;
    font-size: 14px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .services-32 {
        padding: 70px 0;
    }

    .services-32-title {
        font-size: 36px;
        margin-bottom: 50px;
    }

}

@media(max-width:767px) {

    .services-32 {
        padding: 60px 0;
    }

    .services-32-title {
        font-size: 30px;
        margin-bottom: 40px;
    }

    .services-32-icon {
        width: 60px;
        height: 60px;
        font-size: 26px;
    }

}

/* about-54 */
/* General */
.about-54 {
    padding: 80px 0;
    background: var(--light, #fff);
}

.about-54 * {
    font-family: "Poppins", sans-serif;
}

.about-54-badge {
    display: inline-block;
    margin-bottom: 20px;
    padding: 6px 16px;
    border-radius: 20px;
    background: var(--bg, #eaf6ff);
    color: var(--primary, #1e88e5);
    font-size: 14px;
    font-weight: 500;
}

.about-54-badge i {
    margin-right: 5px;
}

.about-54-title {
    margin: 0;
    color: var(--text, #0a0a0a);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-54-underline {
    width: 80px;
    height: 3px;
    margin: 15px 0 25px;
    background: var(--accent, #ff8a00);
    border-radius: 3px;
}

.about-54-image-wrap {
    position: relative;
    margin-top: 20px;
}

.about-54-image-wrap img {
    display: block;
    width: 100%;
    border-radius: 16px;
    transition: transform .45s ease;
}

.about-54-image-wrap:hover img {
    transform: scale(1.03);
}

.about-54-tag {
    position: absolute;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .10);
    color: var(--text, #111);
    font-size: 13px;
    transition: transform .3s ease;
}

.about-54-tag:hover {
    transform: translateY(-2px);
}

.about-54-tag i {
    margin-right: 5px;
    color: var(--primary, #1e88e5);
}

.about-54-tag1 {
    bottom: 20px;
    left: 20px;
}

.about-54-tag2 {
    bottom: 20px;
    left: 180px;
}

.about-54-tag3 {
    bottom: -20px;
    left: 20px;
}

.about-54-desc {
    margin-bottom: 15px;
    color: #555;
    font-size: 14px;
    line-height: 1.9;
}

.about-54-card {
    margin-top: 20px;
    min-height: 150px;
    padding: 27px;
    border-radius: 16px;
    background: var(--bg, #f4f9fc);
    transition: transform .35s ease, box-shadow .35s ease;
}

.about-54-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 35px rgba(0, 0, 0, .08);
}

.about-54-card-orange {
    background: #ffeede;
}

.about-54-card-icon {
    margin-bottom: 10px;
    color: var(--secondary, #457b9d);
    font-size: 28px;
}

.about-54-card-icon-orange {
    color: var(--accent, #ff8a00) !important;
}

.about-54-card-title {
    margin: 0 0 8px;
    color: var(--text, #111);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.about-54-card-text {
    color: #666;
    font-size: 13px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .about-54 {
        padding: 70px 0;
    }

    .about-54-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-54 {
        padding: 60px 0;
    }

    .about-54-title {
        font-size: 30px;
    }

    .about-54-tag1,
    .about-54-tag2,
    .about-54-tag3 {
        position: static;
        display: inline-flex;
        margin: 5px 5px 0 0;
    }

    .about-54-image-wrap {
        padding-bottom: 20px;
    }

}

/* services-33 */
.services-33 {
    padding: 80px 0;
    background: linear-gradient(180deg, #3cd8eb1f, #faad166e);
}

.services-33 * {
    font-family: "Poppins", sans-serif;
}

.services-33-tag {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 25px;
    background: #fff;
    color: var(--primary, #0096b2);
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
}

.services-33-tag i {
    margin-right: 6px;
}

.services-33-title {
    margin: 15px 0 0;
    color: var(--text, #1d1d1d);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.services-33-top-text p {
    margin-bottom: 18px;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
}

.services-33-btn {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 30px;
    background: var(--secondary, #0e6c80);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.services-33-btn:hover {
    background: var(--primary, #0c596a);
    color: #fff;
    transform: translateY(-2px);
}

.services-33-card {
    margin-top: 25px;
    padding: 24px 34px;
    border-radius: 20px;
    background: var(--light, #fff);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
    transition: transform .35s ease, box-shadow .35s ease;
}

.services-33-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(0, 0, 0, .10);
}

.services-33-icon {
    margin-bottom: 18px;
    color: var(--accent, #ff8b38);
    font-size: 40px;
    transition: transform .3s ease;
}

.services-33-card:hover .services-33-icon {
    transform: scale(1.08);
}

.services-33-card h4 {
    margin: 0 0 10px;
    color: var(--text, #1d1d1d);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.services-33-card p {
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .services-33 {
        padding: 70px 0;
    }

    .services-33-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .services-33 {
        padding: 60px 0;
    }

    .services-33-top-text {
        margin-top: 20px;
        text-align: left;
    }

    .services-33-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .services-33-card {
        padding: 22px 24px;
    }

}

/* Blog-18 */
.blog-18 {
    padding: 80px 0;
    background: var(--bg, #f8fafb);
}

.blog-18 * {
    font-family: "Poppins", sans-serif;
}

.blog-18-latest {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    background: var(--light, #e8f5ff);
    color: var(--primary, #0083c7);
    font-size: 14px;
    font-weight: 600;
}

.blog-18-icon {
    margin-right: 6px;
    font-size: 16px;
}

.blog-18-title {
    margin: 20px 0 0;
    color: var(--text, #1a1a1a);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.blog-18-top-right {
    margin-top: 20px;
}

.blog-18-desc {
    color: #6b6b6b;
    font-size: 14px;
    line-height: 1.8;
}

.blog-18-btn-main {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 26px;
    border: none;
    border-radius: 30px;
    background: var(--secondary, #005f73);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    transition: all .3s ease;
}

.blog-18-btn-main:hover {
    background: var(--primary, #0083c7);
    color: #fff;
    transform: translateY(-2px);
}

.blog-18-card {
    margin-top: 35px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--light, #fff);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
    transition: transform .35s ease, box-shadow .35s ease;
}

.blog-18-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.blog-18-card-active {
    border: 3px solid var(--primary, #00a4c7);
}

.blog-18-card img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform .45s ease;
}

.blog-18-card:hover img {
    transform: scale(1.05);
}

.blog-18-tag {
    position: relative;
    top: -18px;
    left: 15px;
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    background: var(--accent, #ff7f29);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.blog-18-content {
    padding: 20px;
}

.blog-18-card-title {
    margin: 0 0 10px;
    color: var(--text, #101010);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.blog-18-card-text {
    min-height: 55px;
    color: #6b6b6b;
    font-size: 13px;
    line-height: 1.8;
}

.blog-18-read-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 9px 20px;
    border: none;
    border-radius: 30px;
    background: var(--accent, #ff7f29);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all .3s ease;
}

.blog-18-read-btn:hover {
    background: var(--primary, #00a4c7);
    color: #fff;
    transform: translateY(-2px);
}

@media(max-width:991px) {

    .blog-18 {
        padding: 70px 0;
    }

    .blog-18-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .blog-18 {
        padding: 60px 0;
    }

    .blog-18-title {
        font-size: 30px;
    }

    .blog-18-top-right {
        margin-top: 30px;
        text-align: left;
    }

}

/* contact-21 */

.contact-21 {
    padding: 80px 0;
    background: linear-gradient(to bottom, var(--bg, #f5f9fb) 0%, var(--light, #ffffff) 100%);
}

.contact-21 * {
    font-family: "Poppins", sans-serif;
}

.contact-21-badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    background: var(--bg, #e9f5ff);
    color: var(--primary, #0a6cb3);
    font-size: 13px;
    font-weight: 600;
}

.contact-21-title {
    margin: 15px 0 0;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-21-sub {
    max-width: 420px;
    margin-top: 10px;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
}

.contact-21-btn {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 30px;
    background: var(--secondary, #0b748f);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.contact-21-btn:hover {
    background: var(--primary, #095f75);
    color: #fff;
    transform: translateY(-2px);
}

.contact-21-box {
    margin-top: 40px;
    padding: 30px;
    border-radius: 16px;
    background: var(--light, #fff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.contact-21-info-title {
    margin: 0 0 10px;
    color: var(--text, #111);
    font-size: 22px;
    font-weight: 700;
}

.contact-21-info-item {
    display: flex;
    align-items: center;
    margin: 20px 0;
    color: #555;
    font-size: 15px;
    line-height: 1.7;
}

.contact-21-info-item i {
    margin-right: 15px;
    color: var(--secondary, #0b748f);
    font-size: 28px;
}

.contact-21-map {
    display: block;
    width: 100%;
    margin-top: 20px;
    border-radius: 12px;
}

.contact-21-form-wrap {
    padding: 0 20px;
}

.contact-21-form-box {
    padding: 25px;
    border-radius: 16px;
    background: #fceedd;
}

.contact-21-form-title {
    margin: 0 0 20px;
    color: var(--text, #111);
    font-size: 22px;
    font-weight: 700;
}

.contact-21-input {
    width: 100%;
    padding: 10px 0;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid var(--border, #ccc);
    background: transparent;
    color: var(--text, #111);
    font-size: 14px;
    outline: none;
    transition: border-color .3s ease;
}

.contact-21-input:focus {
    border-bottom-color: var(--secondary, #0b748f);
}

.contact-21-submit {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 30px;
    background: var(--secondary, #0b748f);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: all .3s ease;
}

.contact-21-submit:hover {
    background: var(--primary, #095f75);
}

@media(max-width:991px) {

    .contact-21 {
        padding: 70px 0;
    }

    .contact-21-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .contact-21 {
        padding: 60px 0;
    }

    .contact-21-title {
        font-size: 30px;
    }

    .contact-21-btn-col {
        margin-top: 20px;
        text-align: left !important;
    }

    .contact-21-form-wrap {
        margin-top: 30px;
        padding: 0;
    }

}

/* about-56 */
.about-56-section {
    margin-top: 15px;
    padding: 80px 0;
    background: var(--light, #fff);
}

.about-56-section * {
    font-family: "Poppins", sans-serif;
}

.about-56-img-wrap {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.about-56-img-wrap img {
    display: block;
    width: 100%;
    border-radius: 16px;
    transition: transform .45s ease;
}

.about-56-img-wrap:hover img {
    transform: scale(1.04);
}

.about-56-exp-box {
    position: absolute;
    left: -20px;
    bottom: 40px;
    padding: 20px 25px;
    border-radius: 12px;
    background: #fff;
    text-align: center;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .12);
}

.about-56-exp-box small {
    display: block;
    color: #888;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .5px;
}

.about-56-exp-box h3 {
    margin: 5px 0 0;
    color: var(--primary, #b28b5b);
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
}

@media(max-width:991px) {

    .about-56-section {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .about-56-section {
        padding: 60px 0;
    }

    .about-56-exp-box {
        left: 10px;
        bottom: 10px;
        padding: 15px 18px;
    }

    .about-56-exp-box h3 {
        font-size: 32px;
    }

}

/* home-85 */

.home-85-section {
    padding: 80px 0;
    background: var(--bg, #d2d2d2);
}

.home-85-section * {
    font-family: "Poppins", sans-serif;
}

.home-85-heading {
    margin-bottom: 40px;
    text-align: center;
}

.home-85-heading h2 {
    margin: 0;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px;
}

.home-85-card {
    padding: 25px;
    border-radius: 16px;
    background: var(--light, #fff);
    text-align: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .10);
    transition: transform .35s ease, box-shadow .35s ease;
}

.home-85-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .16);
}

.home-85-card img {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 12px;
    transition: transform .45s ease;
}

.home-85-card:hover img {
    transform: scale(1.04);
}

.home-85-icon {
    margin-bottom: 10px;
    color: var(--secondary, #444);
    font-size: 40px;
    transition: transform .3s ease, color .3s ease;
}

.home-85-card:hover .home-85-icon {
    color: var(--primary, #444);
    transform: scale(1.08);
}

.home-85-card h4 {
    margin: 0 0 10px;
    color: var(--text, #111);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}

.home-85-card p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .home-85-section {
        padding: 70px 0;
    }

    .home-85-heading h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-85-section {
        padding: 60px 0;
    }

    .home-85-heading {
        margin-bottom: 30px;
    }

    .home-85-heading h2 {
        font-size: 30px;
    }

    .home-85-card {
        margin-bottom: 30px;
    }

}

/* services-34 */
.services-34 {
    padding: 80px 0;
    background: var(--light, #fff);
}

.services-34 * {
    font-family: "Poppins", sans-serif;
}

.services-34 .service-box {
    position: relative;
    overflow: hidden;
    padding: 0;
    border-radius: 16px;
    background: var(--bg, #f7f7f7);
    transition: transform .35s ease, box-shadow .35s ease;
}

.services-34 .service-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.services-34 .service-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .75), rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));
    z-index: 1;
}

.services-34 .service-box img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .45s ease;
}

.services-34 .service-box:hover img {
    transform: scale(1.05);
}

.services-34 .service-content {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
}

.services-34 .service-title {
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
}

.services-34 .service-sub {
    margin-top: 6px;
    color: rgba(255, 255, 255, .92);
    font-size: 14px;
    line-height: 1.7;
}

@media(max-width:991px) {

    .services-34 {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .services-34 {
        padding: 60px 0;
    }

    .services-34 .service-content {
        left: 15px;
        bottom: 15px;
    }

    .services-34 .service-title {
        font-size: 18px;
    }

}

/* Our-team-6 */
.ourteam-6 {
    padding: 80px 0;
    background: var(--text, #0f0f0f);
    color: #fff;
}

.ourteam-6 * {
    font-family: "Poppins", sans-serif;
}

.ourteam-6-subtitle {
    margin-bottom: 20px;
    color: #a0a0a0;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ourteam-6-title {
    margin: 0 0 40px;
    color: #b0b0b0;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
}

.ourteam-6-btn {
    display: inline-block;
    padding: 12px 30px;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 30px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all .3s ease;
}

.ourteam-6-btn:hover {
    background: #fff;
    color: var(--text, #0f0f0f);
}

.ourteam-6-images {
    margin-top: 30px;
}

.ourteam-6-profile {
    transition: transform .35s ease;
}

.ourteam-6-profile:hover {
    transform: translateY(-6px);
}

.ourteam-6-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    transition: transform .45s ease;
}

.ourteam-6-profile:hover .ourteam-6-img {
    transform: scale(1.03);
}

.ourteam-6-name {
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.ourteam-6-role {
    margin-top: 5px;
    color: #c7c7c7;
    font-size: 13px;
    line-height: 1.7;
}

@media(max-width:991px) {

    .ourteam-6 {
        padding: 70px 0;
    }

    .ourteam-6-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .ourteam-6 {
        padding: 60px 0;
        text-align: center;
    }

    .ourteam-6-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .ourteam-6-profile {
        margin-bottom: 30px;
    }

}

/* about-55 */
.about-55-section {
    padding: 80px 0;
    background: var(--bg, #f6f6f6);
}

.about-55-section * {
    font-family: "Poppins", sans-serif;
}

.about-55-image-wrap {
    position: relative;
    margin-top: 60px;
    overflow: hidden;
}

.about-55-border-box {
    position: absolute;
    top: 29px;
    left: 43px;
    width: 85%;
    height: 85%;
    border: 6px solid #fff;
    z-index: 1;
    transition: transform .35s ease;
}

.about-55-image-wrap:hover .about-55-border-box {
    transform: translate(6px, 6px);
}

.about-55-img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    border-radius: 16px;
    transition: transform .45s ease;
}

.about-55-image-wrap:hover .about-55-img {
    transform: scale(1.03);
}

.about-55-content {
    padding: 40px;
}

.about-55-subtitle {
    margin-bottom: 15px;
    color: #777;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-55-title {
    margin: 0 0 25px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

@media(max-width:991px) {

    .about-55-section {
        padding: 70px 0;
    }

    .about-55-title {
        font-size: 36px;
    }

    .about-55-content {
        padding: 30px 20px 0;
    }

}

@media(max-width:767px) {

    .about-55-section {
        padding: 60px 0;
    }

    .about-55-image-wrap {
        margin-top: 30px;
    }

    .about-55-border-box {
        top: 15px;
        left: 15px;
        width: 88%;
        height: 88%;
        border-width: 4px;
    }

    .about-55-title {
        font-size: 30px;
    }

    .about-55-content {
        padding: 25px 15px 0;
    }

}

/* blog-19 */
.blog-19 {
    padding: 80px 0;
    background: var(--text, #000);
    color: #fff;
}

.blog-19 * {
    font-family: "Poppins", sans-serif;
}

.blog-19-read-articles {
    display: inline-block;
    margin-bottom: 20px;
    padding: 6px 12px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 30px;
    color: #ccc;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
}

.blog-19-read-articles:hover {
    border-color: #fff;
    background: #fff;
    color: var(--text, #000);
}

.blog-19-title {
    margin: 0 0 50px;
    color: #d7d7d7;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
}

.blog-19-post-wrapper {
    background: transparent;
    transition: transform .35s ease;
}

.blog-19-post-wrapper:hover {
    transform: translateY(-5px);
}

.blog-19-post-wrapper img {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    transition: transform .45s ease, opacity .45s ease;
}

.blog-19-post-wrapper:hover img {
    opacity: .92;
    transform: scale(1.03);
}

.blog-19-meta {
    margin-bottom: 5px;
    color: #aaa;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.blog-19-post-title {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    color: #e1e1e0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
}

.blog-19-author {
    margin-top: 8px;
    color: #999;
    font-size: 13px;
    line-height: 1.7;
}

@media(max-width:991px) {

    .blog-19 {
        padding: 70px 0;
    }

    .blog-19-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .blog-19 {
        padding: 60px 15px;
    }

    .blog-19-title {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .blog-19-post {
        margin-bottom: 30px;
    }

}

.about-57 {
    background: var(--bg, #f4f3f0);
    color: var(--text, #222);
}

.about-57 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.about-57-container {
    padding: 85px 15px;
}

.about-57-title-wrap {
    margin-bottom: 65px;
}

.about-57-subtitle {
    display: block;
    margin-bottom: 12px;
    color: #777;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-57-title {
    max-width: 760px;
    margin: 0;
    color: #202020;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: .5px;
}

.about-57-title-line {
    width: 55px;
    height: 3px;
    margin-top: 18px;
    background: #202020;
}

.about-57-item {
    margin: 0 0 70px;
}

.about-57-item:last-child {
    margin-bottom: 0;
}

.about-57-row {
    display: flex;
    align-items: center;
    margin: 0 -15px;
}

.about-57-img-wrap,
.about-57-panel-wrap {
    padding: 0 15px;
}

.about-57-img-wrap {
    position: relative;
    overflow: hidden;
}

.about-57-img {
    display: block;
    width: 100%;
    height: 390px;
    object-fit: cover;
    border-radius: 4px;
    transition: transform .5s ease;
}

.about-57-img-wrap:hover .about-57-img {
    transform: scale(1.035);
}

.about-57-panel-wrap {
    position: relative;
    z-index: 2;
}

.about-57-panel {
    min-height: 285px;
    margin-left: -45px;
    padding: 42px 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 4px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .10);
}

.about-57-panel-light {
    background: #fff;
    color: #222;
}

.about-57-panel-dark {
    background: #171717;
    color: #fff;
}

.about-57-item:nth-of-type(3) .about-57-panel,
.about-57-item:nth-of-type(5) .about-57-panel {
    margin-left: 0;
    margin-right: -45px;
}

.about-57-year {
    display: inline-block;
    margin-bottom: 14px;
    color: #8b8b8b;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.about-57-panel-dark .about-57-year {
    color: #aaa;
}

.about-57-heading {
    margin: 0 0 14px;
    color: inherit;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.about-57-text {
    max-width: 500px;
    margin: 0;
    color: #707070;
    font-size: 13px;
    line-height: 1.9;
}

.about-57-panel-dark .about-57-text {
    color: #c3c3c3;
}

@media (max-width: 991px) {
    .about-57-container {
        padding: 70px 15px;
    }

    .about-57-title-wrap {
        margin-bottom: 50px;
    }

    .about-57-title {
        font-size: 35px;
    }

    .about-57-item {
        margin-bottom: 55px;
    }

    .about-57-img {
        height: 330px;
    }

    .about-57-panel {
        min-height: 250px;
        margin-left: -30px;
        padding: 32px;
    }

    .about-57-item:nth-of-type(3) .about-57-panel,
    .about-57-item:nth-of-type(5) .about-57-panel {
        margin-right: -30px;
    }

    .about-57-heading {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .about-57-container {
        padding: 60px 15px;
    }

    .about-57-title-wrap {
        margin-bottom: 40px;
    }

    .about-57-title {
        font-size: 29px;
        line-height: 1.3;
    }

    .about-57-title-line {
        margin-top: 15px;
    }

    .about-57-item {
        margin-bottom: 45px;
    }

    .about-57-row {
        display: block;
        margin: 0;
    }

    .about-57-img-wrap,
    .about-57-panel-wrap {
        width: 100%;
        padding: 0;
    }

    .about-57-img {
        height: 280px;
        border-radius: 4px 4px 0 0;
    }

    .about-57-panel {
        min-height: auto;
        margin: 0 !important;
        padding: 28px 24px;
        border-radius: 0 0 4px 4px;
    }

    .about-57-panel-wrap {
        margin-top: 0;
    }

    .about-57-heading {
        font-size: 17px;
    }

    .about-57-text {
        font-size: 13px;
        line-height: 1.8;
    }
}

@media (max-width: 575px) {
    .about-57-container {
        padding: 50px 15px;
    }

    .about-57-title {
        font-size: 25px;
    }

    .about-57-subtitle {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .about-57-img {
        height: 230px;
    }

    .about-57-panel {
        padding: 24px 20px;
    }

    .about-57-year {
        margin-bottom: 10px;
    }

    .about-57-heading {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .about-57-text {
        font-size: 12px;
    }
}

/* services-35 */
.services-35 {
    padding: 80px 0;
    background: var(--light, #fff);
}

.services-35 * {
    font-family: "Poppins", sans-serif;
}

.services-35-main-title {
    margin: 0 0 10px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: capitalize;
}

.services-35-main-title span {
    color: var(--primary, #d39c6a);
}

.services-35-title-underline {
    width: 60px;
    height: 3px;
    margin: 0 auto 40px;
    border-radius: 3px;
    background: var(--primary, #d39c6a);
}

.services-35-card {
    margin-bottom: 30px;
}

.services-35-box {
    position: relative;
    padding: 30px;
    border: 1px solid var(--border, #eee);
    border-radius: 12px;
    background: var(--light, #fff);
    text-align: left;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.services-35-box:hover {
    transform: translateY(-6px);
    border-color: transparent;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.services-35-icon span {
    color: var(--secondary, #333);
    font-size: 34px;
    transition: transform .3s ease, color .3s ease;
}

.services-35-box:hover .services-35-icon span {
    color: var(--primary, #d39c6a);
    transform: scale(1.08);
}

.services-35-number {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #ccc;
    font-size: 26px;
    font-weight: 600;
}

.services-35-title {
    margin: 15px 0 0;
    color: var(--text, #111);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.services-35-desc {
    margin-top: 10px;
    color: #666;
    font-size: 13px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .services-35 {
        padding: 70px 0;
    }

    .services-35-main-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .services-35 {
        padding: 60px 0;
    }

    .services-35-main-title {
        font-size: 30px;
    }

    .services-35-box {
        text-align: center;
    }

    .services-35-number {
        right: 10px;
        font-size: 22px;
    }

}

.services-36 {
    padding: 85px 0;
    background: var(--bg, #f5f5f3);
}

.services-36 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.services-36-heading {
    margin-bottom: 45px;
}

.services-36-subtitle {
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
    color: var(--primary, #777);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-36-subtitle:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 42px;
    height: 2px;
    background: var(--primary, #111);
    transform: translateX(-50%);
}

.services-36-cards-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.services-36-card {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.services-36-card-inner {
    height: 100%;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.services-36-card-inner:hover {
    transform: translateY(-5px);
    border-color: transparent;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.services-36-img-wrap {
    position: relative;
    overflow: hidden;
    height: 270px;
    background: #eee;
}

.services-36-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s ease;
}

.services-36-card-inner:hover .services-36-img {
    transform: scale(1.045);
}

.services-36-content {
    min-height: 245px;
    padding: 25px 25px 23px;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.services-36-tag {
    display: inline-block;
    width: fit-content;
    margin-bottom: 10px;
    color: var(--primary, #777);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.services-36-title {
    margin: 0 0 11px;
    color: var(--text, #111);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

.services-36-desc {
    margin: 0 0 20px;
    color: #666;
    font-size: 13px;
    line-height: 1.8;
}

.services-36-link {
    width: fit-content;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--secondary, #333);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.services-36-link i {
    font-size: 16px;
    transition: transform .3s ease;
}

.services-36-link:hover {
    color: var(--primary, #111);
    text-decoration: none;
}

.services-36-link:hover i {
    transform: translateX(4px);
}

@media (max-width: 991px) {
    .services-36 {
        padding: 70px 0;
    }

    .services-36-heading {
        margin-bottom: 35px;
    }

    .services-36-img-wrap {
        height: 230px;
    }

    .services-36-content {
        min-height: 240px;
        padding: 22px;
    }

    .services-36-title {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .services-36 {
        padding: 60px 0;
    }

    .services-36-heading {
        margin-bottom: 30px;
    }

    .services-36-cards-row {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .services-36-card {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    .services-36-img-wrap {
        height: 250px;
    }

    .services-36-content {
        min-height: auto;
        padding: 22px 20px 24px;
    }

    .services-36-title {
        font-size: 17px;
    }

    .services-36-desc {
        font-size: 13px;
        line-height: 1.75;
    }
}

@media (max-width: 575px) {
    .services-36 {
        padding: 50px 0;
    }

    .services-36-main-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .services-36-img-wrap {
        height: 220px;
    }

    .services-36-content {
        padding: 20px 18px 22px;
    }

    .services-36-title {
        font-size: 16px;
    }

    .services-36-desc {
        font-size: 12px;
    }
}
.blog-2 {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background: var(--bg, #f8f7f4);
    color: var(--text, #222);
    font-family: "Poppins", sans-serif;
}

.blog-2 *,
.blog-2 *::before,
.blog-2 *::after {
    box-sizing: border-box;
}

.blog-2 .container {
    position: relative;
    z-index: 2;
}

.blog-2-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.blog-2-content-column,
.blog-2-image-column {
    display: flex;
}

.blog-2-content-column {
    align-items: center;
}

.blog-2-content {
    width: 100%;
    max-width: 590px;
    padding-right: 45px;
}

.blog-2-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--primary, #b66a32);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.blog-2-eyebrow i {
    font-size: 17px;
}

.blog-2-title {
    margin: 0 0 20px;
    color: var(--text, #222);
    font-size: 43px;
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -.8px;
}

.blog-2-title span {
    display: block;
    color: var(--primary, #b66a32);
}

.blog-2-description {
    max-width: 560px;
    margin: 0 0 25px;
    color: var(--text, #222);
    opacity: .62;
    font-size: 13px;
    line-height: 1.9;
}

.blog-2-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.blog-2-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text, #222);
    font-size: 11px;
    line-height: 1.6;
}

.blog-2-list-icon {
    display: flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--border, #e5dfd7);
    border-radius: 50%;
    background: var(--light, #fff);
    color: var(--primary, #b66a32);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .04);
}

.blog-2-list-icon i {
    font-size: 15px;
}

.blog-2-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 50px;
    background: var(--primary, #b66a32);
    color: var(--light, #fff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .3s ease, background .3s ease, gap .3s ease;
}

.blog-2-button i {
    font-size: 16px;
    transition: transform .3s ease;
}

.blog-2-button:hover {
    gap: 13px;
    background: var(--secondary, #222);
    color: var(--light, #fff);
    text-decoration: none;
    transform: translateY(-3px);
}

.blog-2-button:hover i {
    transform: translateX(3px);
}

.blog-2-image-column {
    align-items: center;
    justify-content: center;
}

.blog-2-image-wrap {
    position: relative;
    width: 100%;
    height: 500px;
    padding: 12px;
}

.blog-2-image-accent {
    position: absolute;
    top: 0;
    right: 0;
    width: 78%;
    height: 78%;
    border-radius: 0 30px 0 30px;
    background: var(--primary, #b66a32);
    opacity: .14;
}

.blog-2-image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    object-fit: cover;
    box-shadow: 0 25px 55px rgba(0, 0, 0, .14);
}

.blog-2-image-badge {
    position: absolute;
    right: 0;
    bottom: 25px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 245px;
    padding: 13px 17px;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 14px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .13);
    backdrop-filter: blur(8px);
}

.blog-2-image-badge > i {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--primary, #b66a32);
    color: var(--light, #fff);
    font-size: 17px;
}

.blog-2-image-badge div {
    min-width: 0;
}

.blog-2-image-badge strong {
    display: block;
    margin-bottom: 3px;
    color: var(--text, #222);
    font-size: 10px;
    font-weight: 700;
}

.blog-2-image-badge span {
    display: block;
    color: var(--text, #222);
    opacity: .55;
    font-size: 8px;
    line-height: 1.4;
}

@media (max-width: 1199px) {
    .blog-2 {
        padding: 80px 0;
    }

    .blog-2-content {
        padding-right: 30px;
    }

    .blog-2-title {
        font-size: 38px;
    }

    .blog-2-image-wrap {
        height: 450px;
    }
}

@media (max-width: 991px) {
    .blog-2 {
        padding: 70px 0;
    }

    .blog-2-content {
        padding-right: 20px;
    }

    .blog-2-title {
        font-size: 34px;
    }

    .blog-2-description {
        font-size: 12px;
    }

    .blog-2-list li {
        font-size: 10px;
    }

    .blog-2-image-wrap {
        height: 410px;
    }

    .blog-2-image-badge {
        right: 5px;
        bottom: 20px;
    }
}

@media (max-width: 767px) {
    .blog-2 {
        padding: 60px 0;
    }

    .blog-2-row {
        display: flex;
        flex-direction: column;
    }

    .blog-2-content-column,
    .blog-2-image-column {
        width: 100%;
    }

    .blog-2-content-column {
        order: 1;
    }

    .blog-2-image-column {
        order: 2;
        margin-top: 40px;
    }

    .blog-2-content {
        max-width: 620px;
        margin: 0 auto;
        padding-right: 0;
        text-align: center;
    }

    .blog-2-title {
        font-size: 31px;
    }

    .blog-2-description {
        margin-right: auto;
        margin-left: auto;
    }

    .blog-2-list {
        text-align: left;
    }

    .blog-2-button {
        margin: 0 auto;
    }

    .blog-2-image-wrap {
        max-width: 600px;
        height: 390px;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    .blog-2 {
        padding: 50px 0;
    }

    .blog-2-eyebrow {
        font-size: 9px;
    }

    .blog-2-title {
        font-size: 27px;
    }

    .blog-2-description {
        font-size: 11px;
        line-height: 1.8;
    }

    .blog-2-list {
        gap: 10px;
    }

    .blog-2-list li {
        align-items: flex-start;
        font-size: 9px;
    }

    .blog-2-list-icon {
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
    }

    .blog-2-list-icon i {
        font-size: 13px;
    }

    .blog-2-image-column {
        margin-top: 30px;
    }

    .blog-2-image-wrap {
        height: 290px;
        padding: 7px;
    }

    .blog-2-image {
        border-radius: 18px;
    }

    .blog-2-image-badge {
        right: 0;
        bottom: 15px;
        padding: 10px 12px;
        gap: 8px;
    }

    .blog-2-image-badge > i {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .blog-2-image-badge strong {
        font-size: 8px;
    }

    .blog-2-image-badge span {
        font-size: 7px;
    }
}
/* blog-20 */
.blog-20 {
    padding: 80px 0;
    background: var(--light, #fff);
}

.blog-20 * {
    font-family: "Poppins", sans-serif;
}

.blog-20 img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    transition: transform .45s ease;
}

.blog-20 img:hover {
    transform: scale(1.02);
}

.blog-20 .blog-20-post-date {
    margin-bottom: 5px;
    color: #888;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.blog-20 .blog-20-post-title {
    margin: 0 0 15px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.blog-20 .blog-20-post-content {
    margin-bottom: 30px;
    color: #555;
    font-size: 14px;
    line-height: 1.9;
}

.blog-20 .blog-20-section-title {
    margin: 0 0 15px;
    color: var(--text, #111);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}

.blog-20 .blog-20-list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.blog-20 .blog-20-list li {
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
}

.blog-20 .blog-20-list li i {
    margin-right: 8px;
    color: var(--accent, #f39c12);
}

.blog-20 .blog-20-sidebar {
    padding: 24px;
    border-radius: 12px;
    background: var(--bg, #f9f9f9);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
}

.blog-20 .blog-20-sidebar h4 {
    display: inline-block;
    margin: 0 0 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--accent, #f39c12);
    color: var(--text, #111);
    font-size: 18px;
    font-weight: 600;
}

.blog-20 .blog-20-sidebar .blog-20-popular-post {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.blog-20 .blog-20-sidebar .blog-20-popular-post img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 8px;
    object-fit: cover;
}

.blog-20 .blog-20-sidebar .blog-20-popular-post a {
    color: var(--text, #333);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color .3s ease;
}

.blog-20 .blog-20-sidebar .blog-20-popular-post a:hover {
    color: var(--primary, #f39c12);
}

.blog-20 .blog-20-sidebar .blog-20-categories li {
    margin-bottom: 8px;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
}

.blog-20 .blog-20-sidebar .blog-20-categories li i {
    margin-right: 8px;
    color: var(--accent, #f39c12);
}

@media(max-width:991px) {

    .blog-20 {
        padding: 70px 0;
    }

    .blog-20 .blog-20-post-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .blog-20 {
        padding: 60px 15px;
    }

    .blog-20 .blog-20-post-title {
        font-size: 30px;
    }

    .blog-20 .blog-20-section-title {
        font-size: 18px;
    }

}

.contact-23 {
    padding: 85px 20px;
    background: var(--bg, #fdfaf6);
    color: var(--text, #1b1b1b);
}

.contact-23 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.contact-23-row {
    display: flex;
    align-items: center;
}

.contact-23-left,
.contact-23-right {
    padding-left: 25px;
    padding-right: 25px;
}

.contact-23-left {
    padding-top: 15px;
    padding-bottom: 15px;
}

.contact-23 .contact-subtitle {
    margin-bottom: 12px;
    color: var(--primary, #c79655);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contact-23 .contact-title {
    margin: 0 0 15px;
    color: var(--text, #1b1b1b);
    font-size: 40px;
    font-weight: 600;
    line-height: 1.25;
}

.contact-23-intro {
    max-width: 500px;
    margin: 0 0 35px;
    color: #777;
    font-size: 14px;
    line-height: 1.9;
}

.contact-23 .contact-info {
    max-width: 520px;
    margin-bottom: 30px;
}

.contact-23 .contact-info p {
    min-height: 28px;
    margin: 0 0 14px;
    display: flex;
    align-items: flex-start;
    color: #444;
    font-size: 13px;
    line-height: 1.7;
}

.contact-23 .contact-info i {
    width: 30px;
    flex: 0 0 30px;
    margin-right: 10px;
    padding-top: 2px;
    color: var(--primary, #c79655);
    font-size: 18px;
}

.contact-23 .social-icons {
    display: flex;
    align-items: center;
    gap: 9px;
}

.contact-23 .social-icons a {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: transparent;
    color: #333;
    font-size: 17px;
    text-decoration: none;
    transition: all .3s ease;
}

.contact-23 .social-icons a:hover {
    border-color: var(--primary, #c79655);
    background: var(--primary, #c79655);
    color: #fff;
    transform: translateY(-3px);
}

.contact-23-form-box {
    padding: 40px;
    border: 1px solid #e8e2db;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 15px 45px rgba(0, 0, 0, .07);
}

.contact-23-form-box .contact-title {
    margin-bottom: 8px;
    font-size: 25px;
    font-weight: 600;
}

.contact-23-form-intro {
    margin: 0 0 25px;
    color: #888;
    font-size: 13px;
    line-height: 1.7;
}

.contact-23 form .row {
    margin-left: -7px;
    margin-right: -7px;
}

.contact-23 form .row > div {
    padding-left: 7px;
    padding-right: 7px;
}

.contact-23 .form-control {
    width: 100%;
    height: 48px;
    margin-bottom: 14px;
    padding: 12px 15px;
    border: 1px solid #ddd5cd;
    border-radius: 5px;
    outline: none;
    background: #faf9f7;
    color: #222;
    font-size: 13px;
    box-shadow: none;
    transition: all .3s ease;
}

.contact-23 .contact-23-message {
    height: 125px;
    resize: vertical;
}

.contact-23 .form-control::placeholder {
    color: #999;
}

.contact-23 .form-control:focus {
    border-color: var(--primary, #c79655);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(199, 150, 85, .09);
}

.contact-23 .btn-contact {
    min-height: 46px;
    padding: 11px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--primary, #c79655);
    border-radius: 5px;
    background: var(--primary, #c79655);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: all .3s ease;
}

.contact-23 .btn-contact i {
    font-size: 16px;
}

.contact-23 .btn-contact:hover {
    border-color: var(--secondary, #b57f45);
    background: var(--secondary, #b57f45);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .10);
}

.contact-23 .form-message {
    margin: 12px 0 0;
    font-size: 12px;
}

@media (max-width: 991px) {
    .contact-23 {
        padding: 70px 20px;
    }

    .contact-23-left,
    .contact-23-right {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-23 .contact-title {
        font-size: 34px;
    }

    .contact-23-form-box {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .contact-23 {
        padding: 60px 15px;
    }

    .contact-23-row {
        display: block;
    }

    .contact-23-left,
    .contact-23-right {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-23-left {
        padding-bottom: 35px;
        text-align: center;
    }

    .contact-23 .contact-title {
        font-size: 30px;
    }

    .contact-23-intro {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 28px;
    }

    .contact-23 .contact-info {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }

    .contact-23 .social-icons {
        justify-content: center;
    }

    .contact-23-form-box {
        padding: 28px 22px;
    }

    .contact-23-form-box .contact-title,
    .contact-23-form-intro {
        text-align: left;
    }
}

@media (max-width: 575px) {
    .contact-23 {
        padding: 50px 10px;
    }

    .contact-23-left,
    .contact-23-right {
        padding-left: 5px;
        padding-right: 5px;
    }

    .contact-23 .contact-title {
        font-size: 27px;
    }

    .contact-23-form-box {
        padding: 25px 18px;
    }

    .contact-23 form .row {
        margin-left: 0;
        margin-right: 0;
    }

    .contact-23 form .row > div {
        padding-left: 0;
        padding-right: 0;
    }

    .contact-23 .form-control {
        height: 46px;
    }

    .contact-23 .contact-23-message {
        height: 115px;
    }

    .contact-23 .btn-contact {
        width: 100%;
    }
}

/* home-86 */
.home-86 {
    margin: 0;
    margin-top: -8px;
    padding: 0;
}

.home-86 * {
    font-family: "Poppins", sans-serif;
}

.home-86-row {
    text-align: center;
}

.home-86-box {
    position: relative;
    overflow: hidden;
    padding: 50px 40px;
    color: #fff;
    transition: all .35s ease;
}

.home-86-box:hover {
    transform: translateY(-5px);
}

.home-86-left {
    background: var(--primary, #a67f1f);
}

.home-86-middle {
    background: var(--secondary, #97731a);
}

.home-86-right {
    background: var(--accent, #886717);
}

.home-86-box:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 270px;
    height: 270px;
    opacity: .12;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%);
    transition: transform .45s ease, opacity .45s ease;
}

.home-86-box:hover:after {
    opacity: .18;
    transform: translate(-50%, -50%) scale(1.05);
}

.home-86-icon {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 50px;
    transition: transform .35s ease;
}

.home-86-box:hover .home-86-icon {
    transform: scale(1.08);
}

.home-86-title {
    position: relative;
    z-index: 2;
    margin: 0 0 12px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
}

.home-86-text {
    position: relative;
    z-index: 2;
    max-width: 300px;
    margin: 0 auto;
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .home-86-box {
        padding: 45px 30px;
    }

}

@media(max-width:767px) {

    .home-86-box {
        padding: 40px 25px;
    }

    .home-86-icon {
        font-size: 42px;
    }

    .home-86-title {
        font-size: 20px;
    }

    .home-86-text {
        font-size: 14px;
    }

}

.home-87-stats-section {
    position: relative;
    padding: 80px 0;
    color: #fff;
}

.home-87-stats-section * {
    font-family: "Poppins", sans-serif;
}

.home-87-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(4, 31, 66, .75);
    pointer-events: none;
}

.home-87-title {
    position: relative;
    z-index: 2;
    margin: 0 0 15px;
    color: var(--primary, #c89b2d);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px;
}

.home-87-subtitle {
    position: relative;
    z-index: 2;
    max-width: 700px;
    margin: 0 auto 50px;
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
    opacity: .9;
}

.home-87-stats-row {
    position: relative;
    z-index: 2;
}

.home-87-stat-box {
    margin-bottom: 20px;
    padding: 35px 15px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 16px;
    background: rgba(36, 58, 84, .56);
    transition: all .35s ease;
}

.home-87-stat-box:hover {
    background: rgba(255, 255, 255, .15);
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

.home-87-icon {
    margin-bottom: 12px;
    color: var(--accent, #d4a253);
    font-size: 40px;
    transition: transform .35s ease;
}

.home-87-stat-box:hover .home-87-icon {
    transform: scale(1.08);
}

.home-87-count {
    margin: 0;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
}

.home-87-label {
    margin-top: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
    opacity: .9;
}

@media(max-width:991px) {

    .home-87-stats-section {
        padding: 70px 0;
    }

    .home-87-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-87-stats-section {
        padding: 60px 0;
    }

    .home-87-title {
        font-size: 30px;
    }

    .home-87-subtitle {
        margin-bottom: 35px;
    }

    .home-87-stat-box {
        padding: 25px 15px;
    }

    .home-87-icon {
        font-size: 34px;
    }

}

/* testimonial-16 */
.testimonial-16-container {
    padding: 80px 0;
}

.testimonial-16-container * {
    font-family: "Poppins", sans-serif;
}

.testimonial-16-subtitle {
    margin-bottom: 5px;
    color: #8a8a8a;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.testimonial-16-heading {
    margin: 0 0 15px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.testimonial-16-desc {
    max-width: 500px;
    margin-bottom: 40px;
    color: #888;
    font-size: 14px;
    line-height: 1.8;
}

.testimonial-16-box {
    position: relative;
    padding: 35px;
    border: 1px solid var(--border, #e6e6e6);
    border-radius: 16px;
    background: var(--light, #fff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    transition: transform .35s ease, box-shadow .35s ease;
}

.testimonial-16-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.testimonial-16-quote-icon {
    position: absolute;
    top: -18px;
    left: 25px;
    padding: 4px 11px;
    border-radius: 8px;
    background: var(--primary, #e0b879);
    color: #fff;
    font-size: 18px;
}

.testimonial-16-user-img {
    width: 68px;
    height: 68px;
    border-radius: 12px;
    transition: transform .35s ease;
}

.testimonial-16-box:hover .testimonial-16-user-img {
    transform: scale(1.05);
}

.testimonial-16-title {
    margin: 0;
    color: var(--text, #111);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}

.testimonial-16-text {
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

.testimonial-16-client-info {
    margin-top: 20px;
}

.testimonial-16-client-name {
    margin: 0;
    color: var(--text, #111);
    font-weight: 700;
}

.testimonial-16-client-role {
    color: #767676;
    font-size: 12px;
}

.testimonial-16-nav {
    margin-top: 25px;
}

.testimonial-16-nav-btn {
    padding: 8px 14px;
    margin-right: 5px;
    border: 1px solid var(--border, #ccc);
    border-radius: 30px;
    background: var(--light, #fff);
    transition: all .3s ease;
}

.testimonial-16-nav-btn:hover {
    background: var(--primary, #e0b879);
    border-color: var(--primary, #e0b879);
    color: #fff;
}

.testimonial-16-blog-btn {
    float: right;
    margin-bottom: 25px;
    padding: 10px 24px;
    border: 1px solid var(--border, #cfcfcf);
    border-radius: 30px;
    background: var(--light, #fff);
    color: var(--text, #111);
    transition: all .3s ease;
}

.testimonial-16-blog-btn:hover {
    background: var(--primary, #e0b879);
    border-color: var(--primary, #e0b879);
    color: #fff;
}

.testimonial-16-card {
    margin-bottom: 35px;
}

.testimonial-16-card-img-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.testimonial-16-card-img {
    width: 100%;
    border-radius: 12px;
    transition: transform .45s ease;
}

.testimonial-16-card:hover .testimonial-16-card-img {
    transform: scale(1.05);
}

.testimonial-16-date {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--primary, #dcb883);
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}

.testimonial-16-meta {
    margin-top: 15px;
    color: #777;
    font-size: 12px;
}

.testimonial-16-card-title {
    margin-top: 8px;
    color: var(--text, #111);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
}

.testimonial-16-card-text {
    color: #666;
    font-size: 13px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .testimonial-16-container {
        padding: 70px 0;
    }

    .testimonial-16-heading {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .testimonial-16-container {
        padding: 60px 0;
    }

    .testimonial-16-heading {
        font-size: 30px;
    }

    .testimonial-16-blog-btn {
        float: none;
        display: inline-block;
        margin: 0 auto 20px;
    }

    .testimonial-16-box {
        padding: 25px;
    }

}

/* testimonial-17 */
.testimonial-17-container {
    padding: 80px 0;
}

.testimonial-17-container * {
    font-family: "Poppins", sans-serif;
}

.testimonial-17-subtitle {
    margin-bottom: 5px;
    color: #8a8a8a;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.testimonial-17-heading {
    margin: 0 0 15px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.testimonial-17-desc {
    max-width: 500px;
    margin-bottom: 40px;
    color: #888;
    font-size: 14px;
    line-height: 1.8;
}

.testimonial-17-box {
    position: relative;
    padding: 35px;
    border: 1px solid var(--border, #e6e6e6);
    border-radius: 16px;
    background: var(--light, #fff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    transition: transform .35s ease, box-shadow .35s ease;
}

.testimonial-17-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.testimonial-17-quote-icon {
    position: absolute;
    top: -18px;
    left: 25px;
    padding: 4px 11px;
    border-radius: 8px;
    background: var(--primary, #e0b879);
    color: #fff;
    font-size: 18px;
}

.testimonial-17-user-img {
    width: 68px;
    height: 68px;
    border-radius: 12px;
    transition: transform .35s ease;
}

.testimonial-17-box:hover .testimonial-17-user-img {
    transform: scale(1.05);
}

.testimonial-17-title {
    margin: 0;
    color: var(--text, #111);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}

.testimonial-17-text {
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

.testimonial-17-client-info {
    margin-top: 20px;
}

.testimonial-17-client-name {
    margin: 0;
    color: var(--text, #111);
    font-weight: 700;
}

.testimonial-17-client-role {
    color: #767676;
    font-size: 12px;
}

.testimonial-17-nav {
    margin-top: 25px;
}

.testimonial-17-nav-btn {
    padding: 8px 14px;
    margin-right: 5px;
    border: 1px solid var(--border, #ccc);
    border-radius: 30px;
    background: var(--light, #fff);
    transition: all .3s ease;
}

.testimonial-17-nav-btn:hover {
    background: var(--primary, #e0b879);
    border-color: var(--primary, #e0b879);
    color: #fff;
}

.testimonial-17-blog-btn {
    float: right;
    margin-bottom: 25px;
    padding: 10px 24px;
    border: 1px solid var(--border, #cfcfcf);
    border-radius: 30px;
    background: var(--light, #fff);
    color: var(--text, #111);
    transition: all .3s ease;
}

.testimonial-17-blog-btn:hover {
    background: var(--primary, #e0b879);
    border-color: var(--primary, #e0b879);
    color: #fff;
}

.testimonial-17-card {
    margin-bottom: 35px;
}

.testimonial-17-card-img-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.testimonial-17-card-img {
    width: 100%;
    border-radius: 12px;
    transition: transform .45s ease;
}

.testimonial-17-card:hover .testimonial-17-card-img {
    transform: scale(1.05);
}

.testimonial-17-date {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--primary, #dcb883);
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}

.testimonial-17-meta {
    margin-top: 15px;
    color: #777;
    font-size: 12px;
}

.testimonial-17-card-title {
    margin-top: 8px;
    color: var(--text, #111);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
}

.testimonial-17-card-text {
    color: #666;
    font-size: 13px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .testimonial-17-container {
        padding: 70px 0;
    }

    .testimonial-17-heading {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .testimonial-17-container {
        padding: 60px 0;
    }

    .testimonial-17-heading {
        font-size: 30px;
    }

    .testimonial-17-blog-btn {
        float: none;
        display: inline-block;
        margin: 0 auto 20px;
    }

    .testimonial-17-box {
        padding: 25px;
    }

}

/* home-88 */
.home-88 {
    position: relative;
    padding: 80px 0;
    color: #fff;
}

.home-88 * {
    font-family: "Poppins", sans-serif;
}

.home-88-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 40, 19, .95);
    pointer-events: none;
}

.home-88-content {
    position: relative;
    z-index: 2;
}

.home-88-title {
    margin: 0 0 20px;
    color: var(--primary, #c89b2d);
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
}

.home-88-subtitle {
    max-width: 580px;
    margin: 0 auto 30px;
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
    opacity: .95;
}

.home-88-btn {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 14px 34px;
    border: none;
    border-radius: 30px;
    background: linear-gradient(135deg, var(--primary, #cc9e2d), var(--secondary, #866513));
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all .35s ease;
}

.home-88-btn:hover {
    background: linear-gradient(135deg, var(--secondary, #866513), var(--primary, #cc9e2d));
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(126, 104, 8, .35);
}

@media(max-width:991px) {

    .home-88 {
        padding: 70px 0;
    }

    .home-88-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-88 {
        padding: 60px 20px;
    }

    .home-88-title {
        font-size: 30px;
    }

    .home-88-subtitle {
        font-size: 14px;
    }

    .home-88-btn {
        padding: 13px 28px;
    }

}


.home-91 {
    position: relative;
    padding: 80px 0;
    color: #fff;
}

.home-91 * {
    font-family: "Poppins", sans-serif;
}

.home-91-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 40, 19, .95);
    pointer-events: none;
}

.home-91-content {
    position: relative;
    z-index: 2;
}

.home-91-title {
    margin: 0 0 20px;
    color: var(--primary, #c89b2d);
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
}

.home-91-subtitle {
    max-width: 580px;
    margin: 0 auto 30px;
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
    opacity: .95;
}

.home-91-btn {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 14px 34px;
    border: none;
    border-radius: 30px;
    background: linear-gradient(135deg, var(--primary, #cc9e2d), var(--secondary, #866513));
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all .35s ease;
}

.home-91-btn:hover {
    background: linear-gradient(135deg, var(--secondary, #866513), var(--primary, #cc9e2d));
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(126, 104, 8, .35);
}

@media(max-width:991px) {

    .home-91 {
        padding: 70px 0;
    }

    .home-91-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-91 {
        padding: 60px 20px;
    }

    .home-91-title {
        font-size: 30px;
    }

    .home-91-subtitle {
        font-size: 14px;
    }

    .home-91-btn {
        padding: 13px 28px;
    }

}


.contact-24 {
    padding: 85px 0;
    background: var(--bg, #f5f3ef);
}

.contact-24 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.contact-24-container {
    max-width: 1100px;
}

.contact-24 .row {
    display: flex;
    align-items: stretch;
    margin: 0;
}

.contact-24-left,
.contact-24-right {
    width: 50%;
    padding: 55px;
}

.contact-24-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    border-radius: 24px 0 0 24px;
}

.contact-24-right {
    display: flex;
    align-items: center;
    background: #eeeae4;
    border-radius: 0 24px 24px 0;
}

.contact-24-label {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--primary, #b58b43);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contact-24-title {
    max-width: 480px;
    margin: 0 0 18px;
    color: var(--text, #171717);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}

.contact-24-desc {
    max-width: 480px;
    margin: 0 0 32px;
    color: #666;
    font-size: 14px;
    line-height: 1.9;
}

.contact-24-info-box {
    display: flex;
    gap: 15px;
    margin-bottom: 22px;
}

.contact-24-icon {
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(181,139,67,.12);
    color: var(--primary, #b58b43);
    font-size: 18px;
}

.contact-24-info-box h4 {
    margin: 0 0 3px;
    color: #222;
    font-size: 14px;
    font-weight: 600;
}

.contact-24-info-box p {
    margin: 0;
    color: #777;
    font-size: 13px;
    line-height: 1.6;
}

.contact-24-social {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}

.contact-24-social span {
    margin-right: 8px;
    color: #444;
    font-size: 13px;
    font-weight: 600;
}

.contact-24-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #555;
    text-decoration: none;
    transition: .3s;
}

.contact-24-social a:hover {
    border-color: var(--primary, #b58b43);
    background: var(--primary, #b58b43);
    color: #fff;
    transform: translateY(-3px);
}

.contact-24-form-box {
    width: 100%;
    padding: 38px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,.07);
}

.contact-24-form-title {
    margin: 0 0 24px;
    color: #171717;
    font-size: 28px;
    font-weight: 600;
}

.contact-24-input {
    height: 52px;
    margin-bottom: 15px;
    padding: 13px 15px;
    border: 1px solid #ddd;
    border-radius: 9px;
    box-shadow: none;
    font-size: 13px;
    transition: .25s;
}

.contact-24-input:focus {
    border-color: var(--primary, #b58b43);
    box-shadow: 0 0 0 3px rgba(181,139,67,.1);
}

.contact-24-textarea {
    height: 125px;
    resize: none;
}

.contact-24-privacy {
    margin: 0 0 20px;
    color: #888;
    font-size: 11px;
    line-height: 1.7;
}

.contact-24-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 24px;
    border: 0;
    border-radius: 30px;
    background: var(--primary, #b58b43);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: .3s;
}

.contact-24-btn:hover {
    background: var(--secondary, #987333);
    color: #fff;
    transform: translateY(-2px);
}

.contact-24-btn i {
    font-size: 17px;
}

@media (max-width: 991px) {
    .contact-24 {
        padding: 65px 0;
    }

    .contact-24-left,
    .contact-24-right {
        padding: 40px 30px;
    }

    .contact-24-title {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .contact-24 {
        padding: 55px 0;
    }

    .contact-24 .row {
        display: block;
    }

    .contact-24-left,
    .contact-24-right {
        width: 100%;
        padding: 38px 25px;
    }

    .contact-24-left {
        border-radius: 22px 22px 0 0;
    }

    .contact-24-right {
        border-radius: 0 0 22px 22px;
    }

    .contact-24-title {
        font-size: 29px;
    }

    .contact-24-form-box {
        padding: 28px 22px;
    }
}


/* blog-20 */

.blog-20 {
    padding: 80px 0;
    background: var(--bg, #f8fafb);
}

.blog-20 * {
    font-family: "Poppins", sans-serif;
}

.blog-20-latest {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 30px;
    background: var(--light, #e8f5ff);
    color: var(--primary, #0083c7);
    font-size: 14px;
    font-weight: 600;
}

.blog-20-icon {
    margin-right: 6px;
    font-size: 16px;
}

.blog-20-title {
    margin-top: 20px;
    color: var(--text, #1a1a1a);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.blog-20-top-right {
    margin-top: 20px;
}

.blog-20-desc {
    color: #6b6b6b;
    font-size: 14px;
    line-height: 1.8;
}

.blog-20-btn-main {
    margin-top: 20px;
    padding: 10px 26px;
    border: none;
    border-radius: 30px;
    background: var(--primary, #c89b2d);
    color: #fff;
    font-weight: 600;
    letter-spacing: .5px;
    transition: all .3s ease;
}

.blog-20-btn-main:hover {
    background: var(--secondary, #a97f21);
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .12);
}

.blog-20-card {
    margin-top: 35px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--light, #fff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    transition: all .35s ease;
}

.blog-20-card-active {
    border: 3px solid var(--accent, #00a4c7);
}

.blog-20-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.blog-20-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform .45s ease;
}

.blog-20-card:hover img {
    transform: scale(1.05);
}

.blog-20-tag {
    position: relative;
    top: -18px;
    left: 15px;
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    background: var(--primary, #c89b2d);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.blog-20-content {
    padding: 20px;
}

.blog-20-card-title {
    margin: 0 0 10px;
    color: var(--text, #101010);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.blog-20-card-text {
    min-height: 55px;
    color: #6b6b6b;
    font-size: 13px;
    line-height: 1.8;
}

.blog-20-read-btn {
    margin-top: 15px;
    padding: 8px 20px;
    border: none;
    border-radius: 30px;
    background: var(--primary, #c89b2d);
    color: #fff;
    font-weight: 600;
    transition: all .3s ease;
}

.blog-20-read-btn:hover {
    background: var(--secondary, #a97f21);
    color: #fff;
    transform: translateY(-3px);
}

@media(max-width:991px) {

    .blog-20 {
        padding: 70px 0;
    }

    .blog-20-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .blog-20 {
        padding: 60px 0;
    }

    .blog-20-title {
        font-size: 30px;
    }

    .blog-20-top-right {
        margin-top: 30px;
        text-align: left;
    }

}


.services-37-hero {
    position: relative;
    height: 330px;
}

.services-37-hero * {
    font-family: "Poppins", sans-serif;
}

.services-37-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .45);
    pointer-events: none;
}

.services-37-hero-content h1 {
    margin: 0;
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
}

.services-37-hero-content p {
    margin-top: 10px;
    color: var(--primary, #f2c16b);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
}

.services-37-services-container {
    padding: 80px 0;
}

.services-37-card {
    position: relative;
    min-height: 330px;
    margin-bottom: 30px;
    padding: 30px;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 16px;
    background: var(--bg, #f7f7f7);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.services-37-card:hover {
    transform: translateY(-6px);
    border-color: transparent;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.services-37-card h3 {
    margin: 0;
    color: var(--text, #222);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
}

.services-37-card h3 span {
    float: right;
    color: #bcbcbc;
    font-size: 28px;
    font-weight: 700;
}

.services-37-card p {
    margin: 12px 0 20px;
    color: #444;
    font-size: 14px;
    line-height: 1.8;
}

.services-37-img {
    width: 100%;
    height: 160px;
    margin-top: 5px;
    border-radius: 12px;
    object-fit: cover;
    transition: transform .45s ease;
}

.services-37-card:hover .services-37-img {
    transform: scale(1.04);
}

.services-37-icon-box {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 12px;
    background: var(--secondary, #0d1b2a);
    color: #fff;
    font-size: 22px;
    transition: all .3s ease;
}

.services-37-card:hover .services-37-icon-box {
    background: var(--primary, #f2c16b);
    color: var(--text, #222);
}

@media(max-width:991px) {

    .services-37-services-container {
        padding: 70px 0;
    }

    .services-37-hero-content h1 {
        font-size: 42px;
    }

}

@media(max-width:767px) {

    .services-37-hero {
        height: 220px;
    }

    .services-37-services-container {
        padding: 60px 0;
    }

    .services-37-hero-content h1 {
        font-size: 30px;
    }

    .services-37-card {
        min-height: auto;
        padding: 30px 30px 70px;
    }

}

.about-58.section-wrapper {
    padding: 80px 0;
    background: var(--bg, #f9f5ef);
}

.about-58 * {
    font-family: "Poppins", sans-serif;
}

.about-58-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.about-58-img-wrapper {
    overflow: hidden;
    border-radius: 16px;
}

.about-58-img-wrapper img {
    width: 100%;
    max-width: 500px;
    height: 500px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
    transition: transform .45s ease;
}

.about-58-img-wrapper:hover img {
    transform: scale(1.04);
}

.about-58-content {
    padding: 0 20px;
}

.about-58-title {
    margin: 0 0 20px;
    color: var(--text, #1c1c1c);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.4;
}

.about-58-desc {
    max-width: 500px;
    margin-bottom: 25px;
    color: #5a5a5a;
    font-size: 15px;
    line-height: 1.8;
}

.about-58-team {
    display: flex;
    align-items: center;
    margin: 10px 0 30px;
}

.about-58-team img {
    width: 44px;
    height: 44px;
    margin-right: -10px;
    border: 3px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    transition: transform .3s ease;
}

.about-58-team img:hover {
    transform: translateY(-3px);
}

.about-58-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: 12px;
    border-radius: 50%;
    background: var(--primary, #c49f5d);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.about-58-label {
    margin-left: 12px;
    color: var(--text, #333);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

.about-58-btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 28px;
    margin-bottom: 20px;
    border-radius: 30px;
    background: var(--text, #1c1c1c);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-58-btn:hover {
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

.about-58-btn i {
    margin-left: 10px;
}

.about-58-stats-wrapper {
    margin-top: 45px;
    padding: 25px 10px;
    border-radius: 16px;
    background: var(--secondary, #4b4033);
}

.about-58-stat-box {
    padding: 25px 10px;
    color: #fff;
    text-align: center;
}

.about-58-stat-number {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
}

.about-58-stat-label {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.7;
    opacity: .9;
}

@media(max-width:991px) {

    .about-58.section-wrapper {
        padding: 70px 0;
    }

    .about-58-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-58.section-wrapper {
        padding: 60px 0;
    }

    .about-58-container {
        text-align: center;
    }

    .about-58-img-wrapper img {
        max-width: 100%;
        height: auto;
    }

    .about-58-content {
        padding: 20px;
    }

    .about-58-title {
        font-size: 30px;
    }

    .about-58-team {
        justify-content: center;
        flex-wrap: wrap;
    }

}

.about-59 {
    padding: 80px 0;
    background: var(--bg, #f6f1ef);
}

.about-59 * {
    font-family: "Poppins", sans-serif;
}

.about-59>.container>.row {
    display: flex;
    align-items: stretch;
    margin-left: -15px;
    margin-right: -15px;
}

.about-59>.container>.row>[class*="col-"] {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
}

.about-59>.container>.row>.anim-slide-left {
    justify-content: center;
}

.about-59>.container>.row>.anim-slide-right {
    justify-content: center;
}

.about-59-subtitle {
    margin: 0 0 10px;
    color: #7b7b7b;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-59-title {
    margin: 0 0 22px;
    color: var(--text, #000);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.25;
}

.about-59-text {
    max-width: 100%;
    margin: 0 0 16px;
    color: #4a4a4a;
    font-size: 15px;
    line-height: 1.8;
}

.about-59-text:last-child {
    margin-bottom: 0;
}

.about-59-icon-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: -12px;
}

.about-59-item, .about-59-img-wrap {
    margin: 0;
    padding: 12px;
}

.about-59-item {
    display: flex;
    flex-direction: column;
    min-height: 190px;
    transition: transform .35s ease;
}

.about-59-item:hover {
    transform: translateY(-5px);
}

.about-59-heading {
    margin: 12px 0 8px;
    color: var(--text, #111);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
}

.about-59-desc {
    max-width: 100%;
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.75;
}

.about-59-icon {
    color: var(--text, #000);
    font-size: 38px;
    line-height: 1;
    transition: color .3s ease, transform .3s ease;
}

.about-59-item:hover .about-59-icon {
    color: var(--primary, #c89b2d);
    transform: scale(1.08);
}

.about-59-img-wrap {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-radius: 12px;
}

.about-59-img {
    width: 100%;
    height: 100%;
    min-height: 190px;
    object-fit: cover;
    border-radius: 12px;
    transition: transform .45s ease;
}

.about-59-img-wrap:hover .about-59-img {
    transform: scale(1.04);
}

@media(max-width:991px) {
    .about-59 {
        padding: 70px 0;
    }

    .about-59-title {
        font-size: 36px;
    }

    .about-59-text {
        font-size: 14px;
    }

    .about-59-item {
        min-height: 180px;
    }

    .about-59-img {
        min-height: 180px;
    }
}

@media(max-width:767px) {
    .about-59 {
        padding: 60px 0;
    }

    .about-59>.container>.row {
        display: block;
    }

    .about-59>.container>.row>[class*="col-"] {
        display: block;
    }

    .about-59-title {
        font-size: 30px;
    }

    .about-59-text {
        font-size: 14px;
        line-height: 1.75;
    }

    .about-59-icon-row {
        margin-top: 20px;
    }

    .about-59-item {
        min-height: auto;
        margin-bottom: 10px;
    }

    .about-59-desc {
        max-width: 100%;
    }

    .about-59-img-wrap {
        margin-top: 10px;
    }

    .about-59-img {
        height: auto;
        min-height: 0;
        margin-top: 0;
        object-fit: cover;
    }
}

/*
blog-21 */
/* Container */
.blog-21-container {
    padding: 80px 0;
}

.blog-21-container * {
    font-family: "Poppins", sans-serif;
}

.blog-21-card {
    margin-bottom: 25px;
    padding: 20px;
    border-radius: 16px;
    background: var(--light, #fff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    transition: transform .35s ease, box-shadow .35s ease;
}

.blog-21-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.blog-21-title {
    margin: 0 0 15px;
    color: var(--text, #111);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}

.blog-21-search-box {
    margin-bottom: 25px;
    padding: 15px;
    border-radius: 16px;
    background: var(--light, #fff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

.blog-21-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-21-list li {
    margin-bottom: 10px;
    color: var(--text, #222);
    font-size: 14px;
    line-height: 1.8;
    cursor: pointer;
    transition: all .3s ease;
}

.blog-21-list li:hover {
    color: var(--primary, #cc9e2d);
    padding-left: 4px;
}

.blog-21-list li span {
    margin-right: 6px;
    color: var(--primary, #cc9e2d);
}

.blog-21-author-list img {
    width: 45px;
    height: 45px;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 50%;
    object-fit: cover;
    transition: transform .3s ease;
}

.blog-21-author-list img:hover {
    transform: scale(1.08);
}

.blog-21-tags span {
    display: inline-block;
    margin: 5px;
    padding: 6px 12px;
    border-radius: 20px;
    background: var(--bg, #f1f1f1);
    color: var(--text, #333);
    font-size: 13px;
    transition: all .3s ease;
}

.blog-21-tags span:hover {
    background: var(--primary, #cc9e2d);
    color: #fff;
}

.blog-21-post {
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--light, #fff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.blog-21-post:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.blog-21-post img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: transform .45s ease;
}

.blog-21-post:hover img {
    transform: scale(1.05);
}

.blog-21-post-body {
    padding: 15px;
}

.blog-21-category {
    color: var(--primary, #cc9e2d);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
}

.blog-21-post-title {
    margin: 10px 0;
    color: var(--text, #111);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.6;
}

.blog-21-read {
    color: var(--primary, #cc9e2d);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.blog-21-read:hover {
    color: var(--secondary, #a97f21);
    text-decoration: underline;
}

@media(max-width:991px) {

    .blog-21-container {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .blog-21-container {
        padding: 60px 15px;
    }

    .blog-21-post img {
        height: 150px;
    }

}

.services-38 {
    padding: 80px 0;
    background: var(--bg, #f0f6e9);
}

.services-38 * {
    font-family: "Poppins", sans-serif;
}

.services-38-card {
    overflow: hidden;
    border-radius: 16px;
    background: rgba(213, 213, 213, .30);
    transition: transform .35s ease, box-shadow .35s ease;
}

.services-38-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.services-38-card img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
    transition: transform .45s ease;
}

.services-38-card:hover img {
    transform: scale(1.05);
}

.services-38-card-body {
    padding: 20px;
    border-radius: 0 0 16px 16px;
}

.services-38-card-title {
    margin: 0 0 8px;
    color: var(--text, #111);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.services-38-card-text {
    margin-bottom: 12px;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
}

.services-38-card a {
    color: var(--primary, #60b427);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.services-38-card a:hover {
    color: var(--secondary, #4f9620);
}

.services-38-card a i {
    font-size: 14px;
    transition: transform .3s ease;
}

.services-38-card a:hover i {
    transform: translateX(4px);
}

.services-38-card.featured {
    background: var(--primary, #60b427);
}

.services-38-card.featured .services-38-card-title,
.services-38-card.featured .services-38-card-text,
.services-38-card.featured a {
    color: #fff !important;
}

@media(max-width:991px) {

    .services-38 {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .services-38 {
        padding: 60px 0;
    }

    .services-38-heading {
        font-size: 30px;
    }

}
.section-wrapper.about-6 {
    padding: 0 !important;
    font-family: "Poppins", sans-serif;
    background: var(--bg, #fff);
}

.about-6 .about-6-intro {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 430px;
    padding: 80px 0;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-6 .about-6-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .52);
}

.about-6 .about-6-container {
    position: relative;
    z-index: 1;
}

.about-6 .about-6-content {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.about-6 .about-6-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--light, #fff);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.about-6 .about-6-eyebrow i {
    color: var(--primary, #f76b1c);
    font-size: 19px;
}

.about-6 .about-6-title {
    margin: 0 0 16px;
    color: var(--light, #fff);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}

.about-6 .about-6-title span {
    color: var(--primary, #f76b1c);
}

.about-6 .about-6-description {
    max-width: 600px;
    margin: 0 auto 28px;
    color: rgba(255, 255, 255, .86);
    font-size: 16px;
    line-height: 1.8;
}

.about-6 .about-6-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 14px 28px;
    border: 1px solid var(--light, #fff);
    border-radius: 50px;
    background: var(--light, #fff);
    color: var(--text, #222);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.about-6 .about-6-button i {
    font-size: 18px;
    transition: transform .3s ease;
}

.about-6 .about-6-button:hover {
    background: var(--primary, #f76b1c);
    border-color: var(--primary, #f76b1c);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .2);
}

.about-6 .about-6-button:hover i {
    transform: translateX(4px);
}

@media (max-width: 991px) {
    .about-6 .about-6-intro {
        min-height: 390px;
        padding: 70px 0;
    }

    .about-6 .about-6-title {
        font-size: 40px;
    }

    .about-6 .about-6-description {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .about-6 .about-6-intro {
        min-height: 360px;
        padding: 60px 0;
    }

    .about-6 .about-6-title {
        font-size: 34px;
    }

    .about-6 .about-6-eyebrow {
        font-size: 11px;
    }

    .about-6 .about-6-description {
        max-width: 500px;
        font-size: 14px;
        line-height: 1.7;
    }

    .about-6 .about-6-button {
        min-height: 48px;
        padding: 12px 24px;
    }
}

@media (max-width: 480px) {
    .about-6 .about-6-intro {
        min-height: 330px;
        padding: 50px 0;
    }

    .about-6 .about-6-title {
        font-size: 29px;
    }

    .about-6 .about-6-description {
        font-size: 13px;
        margin-bottom: 24px;
    }

    .about-6 .about-6-button {
        width: 100%;
        max-width: 220px;
    }
}
.about-60 {
    padding: 80px 0;
    background: var(--bg, #f8f9fb);
}

.about-60 * {
    font-family: "Poppins", sans-serif;
}

.about-60-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.about-60-img-wrapper {
    padding: 0;
    overflow: hidden;
    border-radius: 16px;
}

.about-60-img-wrapper img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
    transition: transform .45s ease;
}

.about-60-img-wrapper:hover img {
    transform: scale(1.04);
}

.about-60-content {
    padding-left: 50px;
}

.about-60-title {
    margin: 0 0 20px;
    color: var(--text, #1c1c1c);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-60-desc {
    margin-bottom: 30px;
    color: #555;
    font-size: 16px;
    line-height: 1.8;
}

.about-60-team {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.about-60-team img {
    width: 46px;
    height: 46px;
    margin-left: -12px;
    border: 2px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
    transition: transform .3s ease;
}

.about-60-team img:first-child {
    margin-left: 0;
}

.about-60-team img:hover {
    transform: translateY(-3px);
}

.about-60-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-left: -12px;
    border-radius: 50%;
    background: var(--secondary, #1e2a38);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.about-60-label {
    margin-left: 15px;
    color: var(--text, #1e2a38);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

.about-60-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    border-radius: 30px;
    background: var(--secondary, #1e2a38);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-60-btn:hover {
    background: var(--text, #000);
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

.about-60-btn i {
    transition: transform .3s ease;
}

.about-60-btn:hover i {
    transform: translateX(5px);
}

@media(max-width:991px) {

    .about-60 {
        padding: 70px 0;
    }

    .about-60-content {
        padding-left: 30px;
    }

    .about-60-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-60 {
        padding: 60px 0;
    }

    .about-60-content {
        padding: 30px 15px 0;
    }

    .about-60-title {
        font-size: 30px;
    }

    .about-60-team {
        flex-wrap: wrap;
    }

}

.about-62 {
    padding: 80px 0;
    background: var(--light, #ffffff);
}

.about-62 * {
    font-family: "Poppins", sans-serif;
}

.about-62-left {
    position: relative;
}

.about-62-image-wrapper {
    position: relative;
    z-index: 2;
    width: 420px;
    height: 420px;
    margin: 60px auto 0;
    overflow: hidden;
    border: 6px solid #fff;
    border-radius: 15%;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.about-62-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15%;
    transition: transform .45s ease;
}

.about-62-image-wrapper:hover .about-62-main-img {
    transform: scale(1.05);
}

.about-62-badge {
    margin-bottom: 12px;
    color: var(--primary, #5fa800);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
}

.about-62-badge i {
    margin-right: 6px;
    color: var(--primary, #5fa800);
}

.about-62-title {
    margin: 0 0 15px;
    color: var(--text, #222);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-62-desc {
    max-width: 90%;
    margin-bottom: 25px;
    color: #6c6c6c;
    font-size: 15px;
    line-height: 1.8;
}

.about-62-feature-item {
    margin-bottom: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    background: var(--bg, #f4fbe9);
    color: var(--text, #333);
    font-size: 14px;
    line-height: 1.8;
    transition: all .35s ease;
}

.about-62-feature-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .08);
}

.about-62-feature-item i {
    margin-right: 6px;
    color: var(--primary, #6dc20f);
}

.about-62-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 30px;
    border-radius: 30px;
    background: var(--primary, #6dc20f);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-62-btn:hover {
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .16);
}

.about-62-btn i {
    margin-left: 6px;
    padding: 3px 6px;
    border-radius: 50%;
    background: #fff;
    color: var(--primary, #6dc20f);
}

@media(max-width:991px) {

    .about-62 {
        padding: 70px 0;
    }

    .about-62-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-62 {
        padding: 60px 0;
        text-align: center;
    }

    .about-62-image-wrapper {
        width: 260px;
        height: 260px;
        margin: 0 auto 30px;
    }

    .about-62-title {
        font-size: 30px;
    }

    .about-62-desc {
        max-width: 100%;
        margin: 0 auto 25px;
    }

}

/* faq-6 */
.faq-6-container {
    padding: 80px 15px;
}

.faq-6-container * {
    font-family: "Poppins", sans-serif;
}

.faq-6-img {
    width: 100%;
    height: 440px;
    margin-top: 22px;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
    transition: transform .45s ease;
}

.faq-6-img:hover {
    transform: scale(1.03);
}

.faq-6-title {
    margin: 0 0 15px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.faq-6-subtitle {
    margin-bottom: 25px;
    color: #555;
    font-size: 15px;
    line-height: 1.8;
}

.faq-6-panel {
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid var(--border, #ddd);
    box-shadow: none;
    background: transparent;
}

.faq-6-panel-heading {
    padding: 0;
    background: none !important;
    border: none;
}

.faq-6-panel-title {
    margin: 0;
}

.faq-6-panel-title a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
    color: var(--text, #111);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
    text-decoration: none;
    transition: color .3s ease;
}

.faq-6-panel-title a:hover {
    color: var(--primary, #0d6efd);
}

.faq-6-panel-body {
    padding: 10px 0 20px;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
}

.faq-6-icon {
    font-size: 16px;
    color: var(--primary, #0d6efd);
    transition: transform .3s ease, color .3s ease;
}

.faq-6-panel-title a:hover .faq-6-icon {
    transform: rotate(90deg);
}

@media(max-width:991px) {

    .faq-6-container {
        padding: 70px 15px;
    }

    .faq-6-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .faq-6-container {
        padding: 60px 15px;
    }

    .faq-6-left {
        margin-bottom: 25px;
    }

    .faq-6-title {
        font-size: 30px;
        text-align: center;
    }

    .faq-6-subtitle {
        text-align: center;
    }

    .faq-6-img {
        height: 320px;
    }

}


/* services-39 */
.services-39 {
    padding: 80px 0;
    background: var(--bg, #f0f6e9);
}

.services-39 * {
    font-family: "Poppins", sans-serif;
}

.services-39-subtitle {
    color: var(--primary, #77b255);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.services-39-title {
    margin: 5px 0 0;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.services-39-viewall {
    color: var(--primary, #4CAF50);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.services-39-viewall:hover {
    color: var(--secondary, #3d9442);
}

.services-39-card {
    margin-top: 25px;
    overflow: hidden;
    border-radius: 22px;
    background: var(--light, #fff);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.services-39-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}

.services-39-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform .45s ease;
}

.services-39-card:hover .services-39-img {
    transform: scale(1.05);
}

.services-39-content {
    padding: 20px;
}

.services-39-card-title {
    margin: 0;
    color: var(--text, #111);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}

.services-39-desc {
    margin-top: 8px;
    color: #444;
    font-size: 14px;
    line-height: 1.8;
}

.services-39-meta span {
    display: inline-block;
    margin: 6px 6px 0 0;
    padding: 6px 12px;
    border-radius: 20px;
    background: var(--bg, #e6f4d8);
    color: var(--primary, #4CAF50);
    font-size: 12px;
    font-weight: 600;
    transition: all .3s ease;
}

.services-39-meta span:hover {
    background: var(--primary, #4CAF50);
    color: #fff;
}

@media(max-width:991px) {

    .services-39 {
        padding: 70px 0;
    }

    .services-39-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .services-39 {
        padding: 60px 0;
    }

    .services-39-title {
        font-size: 30px;
    }

    .services-39-img {
        height: 200px;
    }

}

/* about-61 */
.about-61 {
    padding: 80px 0;
}

.about-61 * {
    font-family: "Poppins", sans-serif;
}

.about-61-row {
    display: flex;
    align-items: flex-start;
}

.about-61-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.about-61-left-img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
    transition: transform .45s ease;
}

.about-61-left-img:hover {
    transform: scale(1.03);
}

.about-61-feature-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px;
    transition: transform .35s ease;
}

.about-61-feature-item:hover {
    transform: translateY(-4px);
}

.about-61-icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-right: 15px;
    border: 1px solid var(--border, #dcdcdc);
    border-radius: 50%;
    color: var(--primary, #60b427);
    font-size: 18px;
    transition: all .3s ease;
}

.about-61-feature-item:hover .about-61-icon-circle {
    background: var(--primary, #60b427);
    border-color: var(--primary, #60b427);
    color: #fff;
}

.about-61-feature-title {
    margin: 0 0 6px;
    color: var(--text, #111);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.about-61-feature-text {
    max-width: 260px;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

.about-61-tag {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: var(--primary, #60b427);
    font-size: 15px;
    font-weight: 700;
}

.about-61-star {
    margin-right: 6px;
}

.about-61-title {
    margin: -6px 0 10px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 800;
    line-height: 1.3;
}

.about-61-desc {
    max-width: 300px;
    margin-bottom: 22px;
    color: #777;
    font-size: 15px;
    line-height: 1.8;
}

.about-61-btn {
    display: inline-block;
    margin-bottom: 30px;
    padding: 12px 30px;
    border-radius: 30px;
    background: var(--primary, #60b427);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-61-btn:hover {
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .16);
}

.about-61-bottom-img {
    width: 100%;
    height: 206px;
    margin-top: auto;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(0, 0, 0, .10);
    transition: transform .45s ease;
}

.about-61-bottom-img:hover {
    transform: scale(1.03);
}

@media(max-width:991px) {

    .about-61 {
        padding: 70px 0;
    }

    .about-61-row {
        display: block;
    }

    .about-61-col {
        margin-bottom: 40px;
        text-align: center;
    }

    .about-61-feature-item {
        justify-content: center;
        text-align: left;
    }

    .about-61-title {
        font-size: 36px;
    }

    .about-61-desc {
        margin: 0 auto 22px;
    }

}

@media(max-width:767px) {

    .about-61 {
        padding: 60px 0;
    }

    .about-61-title {
        font-size: 30px;
    }

    .about-61-left-img {
        height: 380px;
    }

    .about-61-bottom-img {
        height: 180px;
    }

}


.contact-25 {
    padding: 85px 0;
    background: var(--bg, #fff);
    color: var(--text, #111);
}

.contact-25 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.contact-25-main {
    display: flex;
    align-items: stretch;
}

.contact-25-left,
.contact-25-right {
    padding-left: 20px;
    padding-right: 20px;
}

.contact-25-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.contact-25-subtitle {
    margin: 0 0 12px;
    color: var(--primary, #6dc20f);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.contact-25-subtitle i {
    margin-right: 5px;
    font-size: 13px;
}

.contact-25-title {
    max-width: 700px;
    margin: 0 0 32px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.5px;
}

.contact-25-form {
    max-width: 720px;
    margin-top: 0;
}

.contact-25-form .row {
    margin-left: -7px;
    margin-right: -7px;
}

.contact-25-form .row > div {
    padding-left: 7px;
    padding-right: 7px;
}

.contact-25-input {
    width: 100%;
    height: 50px;
    margin-bottom: 14px;
    padding: 12px 16px;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    outline: none;
    background: #fafafa;
    color: var(--text, #333);
    font-size: 13px;
    box-shadow: none;
    transition: all .3s ease;
}

.contact-25-input::placeholder {
    color: #999;
}

.contact-25-input:focus {
    border-color: var(--primary, #6dc20f);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(109, 194, 15, .10);
}

.contact-25-textarea {
    height: 135px;
    padding-top: 15px;
    resize: vertical;
}

.contact-25-btn {
    min-height: 46px;
    margin-top: 4px;
    padding: 11px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--primary, #6dc20f);
    border-radius: 5px;
    background: var(--primary, #6dc20f);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .4px;
    text-transform: uppercase;
    transition: all .3s ease;
}

.contact-25-btn i {
    font-size: 16px;
}

.contact-25-btn:hover {
    background: var(--secondary, #063b3a);
    border-color: var(--secondary, #063b3a);
    color: #fff;
    transform: translateY(-2px);
}

.contact-25 .form-message {
    margin: 10px 0 0;
    font-size: 12px;
}

.contact-25-right {
    display: flex;
}

.contact-25-info-box {
    width: 100%;
    padding: 38px 32px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    background: var(--secondary, #063b3a);
    color: #fff;
}

.contact-25-info-box .row {
    margin-left: -12px;
    margin-right: -12px;
}

.contact-25-info-box .row > div {
    padding-left: 12px;
    padding-right: 12px;
}

.contact-25-info-box h4 {
    margin: 0 0 9px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.contact-25-info-box h4 i {
    width: 22px;
    margin-right: 5px;
    color: var(--primary, #6dc20f);
    font-size: 17px;
}

.contact-25-info-box p {
    margin: 0 0 28px;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    line-height: 1.8;
}

.contact-25-social-row {
    margin-top: 5px;
    padding-top: 20px;
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.contact-25-social-row span {
    margin-right: auto;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.contact-25-social-row a {
    width: 32px;
    height: 32px;
    margin-left: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: all .3s ease;
}

.contact-25-social-row a:hover {
    border-color: var(--primary, #6dc20f);
    background: var(--primary, #6dc20f);
    color: #fff;
    transform: translateY(-2px);
}

.contact-25-map-wrapper {
    margin-top: 55px;
}

.contact-25-map {
    width: 100%;
    height: 380px;
    display: block;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .10);
}

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

    .contact-25-left,
    .contact-25-right {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-25-title {
        font-size: 35px;
    }

    .contact-25-info-box {
        padding: 30px 24px;
    }
}

@media (max-width: 767px) {
    .contact-25 {
        padding: 60px 0;
    }

    .contact-25-main {
        display: block;
    }

    .contact-25-left,
    .contact-25-right {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-25-left {
        padding-bottom: 40px;
    }

    .contact-25-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .contact-25-info-box {
        padding: 30px 22px;
    }

    .contact-25-map-wrapper {
        margin-top: 40px;
    }

    .contact-25-map {
        height: 280px;
    }
}

@media (max-width: 575px) {
    .contact-25 {
        padding: 50px 0;
    }

    .contact-25-left,
    .contact-25-right {
        padding-left: 10px;
        padding-right: 10px;
    }

    .contact-25-title {
        font-size: 26px;
    }

    .contact-25-form .row {
        margin-left: 0;
        margin-right: 0;
    }

    .contact-25-form .row > div {
        padding-left: 0;
        padding-right: 0;
    }

    .contact-25-input {
        height: 47px;
    }

    .contact-25-textarea {
        height: 120px;
    }

    .contact-25-btn {
        width: 100%;
    }

    .contact-25-info-box {
        padding: 26px 18px;
    }

    .contact-25-info-box p {
        margin-bottom: 22px;
    }

    .contact-25-map {
        height: 230px;
    }
}

/* about-63 */
.about-63 {
    padding: 80px 0;
}

.about-63 * {
    font-family: "Poppins", sans-serif;
}

.about-63-badge {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--secondary, #0A8A61);
    font-size: 14px;
    font-weight: 600;
}

.about-63-badge i {
    margin-right: 4px;
    color: var(--accent, #FFD34E);
}

.about-63-title {
    margin: 0 0 20px;
    color: var(--text, #1A1A1A);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-63-subtext {
    color: #575757;
    font-size: 16px;
    line-height: 1.8;
}

.about-63-main-img {
    width: 100%;
    height: 464px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
    transition: transform .45s ease;
}

.about-63-main-img:hover {
    transform: scale(1.03);
}

.about-63-card {
    margin-bottom: 25px;
    padding: 30px;
    border-radius: 20px;
    background: var(--light, #fff);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.about-63-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.about-63-card h4 {
    margin: 0 0 12px;
    color: var(--text, #111);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}

.about-63-card p {
    margin-bottom: 15px;
    color: #6f6f6f;
    font-size: 15px;
    line-height: 1.8;
}

.about-63-read {
    color: var(--secondary, #0A8A61);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.about-63-read:hover {
    color: var(--primary, #0A8A61);
}

.about-63-read i {
    margin-left: 6px;
    font-size: 14px;
    transition: transform .3s ease;
}

.about-63-read:hover i {
    transform: translateX(4px);
}

.about-63-card-col {
    padding-left: 30px;
}

@media(max-width:991px) {

    .contact-25 {
        padding: 70px 0;
    }

    .contact-25-title,
    .about-63-title {
        font-size: 36px;
    }

    .about-63 {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .contact-25 {
        padding: 60px 0;
    }

    .contact-25-title,
    .about-63-title {
        font-size: 30px;
    }

    .contact-25-info-box {
        margin-top: 20px;
    }

    .about-63 {
        padding: 60px 0;
    }

    .about-63-card-col {
        margin-top: 20px;
        padding-left: 0;
    }

}

/* blog-22 */
/* BLOG 22 – Modern Clean Design  */
.blog-22-container {
    padding: 80px 0;
}

.blog-22-container * {
    font-family: "Poppins", sans-serif;
}

.blog-22-card,
.blog-22-search-box {
    margin-bottom: 28px;
    padding: 22px;
    border-radius: 16px;
    background: var(--light, #ffffff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    transition: transform .35s ease, box-shadow .35s ease;
}

.blog-22-card:hover,
.blog-22-search-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.blog-22-title {
    margin: 0 0 18px;
    color: var(--text, #111);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.blog-22-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-22-list li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: var(--text, #333);
    font-size: 15px;
    line-height: 1.8;
    cursor: pointer;
    transition: all .3s ease;
}

.blog-22-list li:hover {
    color: var(--primary, #6dc20f);
    padding-left: 4px;
}

.blog-22-list li i {
    margin-right: 8px;
    color: var(--primary, #6dc20f);
}

.blog-22-author-list img {
    width: 50px;
    height: 50px;
    margin-right: 8px;
    margin-bottom: 8px;
    border: 2px solid var(--border, #e5e5e5);
    border-radius: 12px;
    object-fit: cover;
    transition: transform .3s ease;
}

.blog-22-author-list img:hover {
    transform: scale(1.08);
}

.blog-22-tags span {
    display: inline-block;
    margin: 5px;
    padding: 7px 14px;
    border: 1px solid var(--border, #d4eec6);
    border-radius: 25px;
    background: var(--bg, #eef8e7);
    color: #4a4a4a;
    font-size: 13px;
    transition: all .3s ease;
}

.blog-22-tags span:hover {
    background: var(--primary, #6dc20f);
    border-color: var(--primary, #6dc20f);
    color: #fff;
}

.blog-22-post {
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--light, #fff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.blog-22-post:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.blog-22-post img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform .45s ease;
}

.blog-22-post:hover img {
    transform: scale(1.05);
}

.blog-22-post-body {
    padding: 18px;
}

.blog-22-category {
    color: var(--primary, #6dc20f);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
}

.blog-22-post-title {
    height: 45px;
    margin: 12px 0;
    color: var(--text, #111);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.blog-22-read {
    color: var(--primary, #6dc20f);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all .3s ease;
}

.blog-22-read:hover {
    color: var(--secondary, #4f9620);
    text-decoration: underline;
}

@media(max-width:991px) {

    .blog-22-container {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .blog-22-container {
        padding: 60px 15px;
    }

    .blog-22-post img {
        height: 160px;
    }

}

.services-40 {
    padding: 80px 0;
    background: var(--bg, #e9eff2);
}

.services-40 * {
    font-family: "Poppins", sans-serif;
}

.services-40-container {
    max-width: 1200px;
}

.services-40-left .services-40-small-title {
    margin-bottom: 10px;
    color: var(--secondary, #006c5f);
    font-size: 14px;
    font-weight: 600;
}

.services-40-left .services-40-small-title i {
    margin-right: 5px;
    color: var(--primary, #60b427);
}

.services-40-left .services-40-title {
    margin: 0 0 20px;
    color: var(--text, #1d1d1d);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.services-40-left .services-40-desc {
    height: 105px;
    margin-bottom: 25px;
    color: #4a4a4a;
    font-size: 15px;
    line-height: 1.8;
}

.services-40-left .services-40-btn {
    display: inline-block;
    padding: 12px 28px;
    border: 1px solid var(--accent, #e8c067);
    border-radius: 30px;
    background: var(--accent, #ffd778);
    color: var(--text, #1d1d1d);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.services-40-left .services-40-btn:hover {
    background: var(--primary, #ffca44);
    color: var(--text, #000);
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .12);
}

.services-40-grid {
    padding-left: 25px;
}

.services-40-card {
    min-height: 235px;
    margin-bottom: 22px;
    padding: 28px 24px;
    border-radius: 16px;
    background: var(--light, #fff);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    transition: transform .35s ease, box-shadow .35s ease;
}

.services-40-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.services-40-card .services-40-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-bottom: 18px;
    border: 2px solid var(--border, #cfe5d7);
    border-radius: 50%;
    transition: all .3s ease;
}

.services-40-card:hover .services-40-icon {
    background: var(--primary, #60b427);
    border-color: var(--primary, #60b427);
}

.services-40-card .services-40-icon i {
    color: var(--secondary, #006c5f);
    font-size: 22px;
    transition: color .3s ease;
}

.services-40-card:hover .services-40-icon i {
    color: #fff;
}

.services-40-card h4 {
    margin: 0 0 10px;
    color: var(--text, #1d1d1d);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.services-40-card p {
    margin-bottom: 15px;
    color: #595959;
    font-size: 14px;
    line-height: 1.8;
}

.services-40-read {
    color: var(--secondary, #006c5f);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease;
}

.services-40-read:hover {
    color: var(--primary, #60b427);
}

.services-40-read i {
    margin-left: 6px;
    transition: transform .3s ease;
}

.services-40-read:hover i {
    transform: translateX(4px);
}

.services-40-card-highlight {
    background: var(--primary, #60b427) !important;
    border: 1px solid #fff;
}

.services-40-img-box {
    position: relative;
    height: 235px;
    margin-bottom: 22px;
    overflow: hidden;
    border-radius: 16px;
    background-position: center;
    background-size: cover;
}

.services-40-img-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .28);
}

.services-40-img-content {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    color: #fff;
}

.services-40-qsmall {
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
    opacity: .9;
}

.services-40-qtitle {
    margin: 5px 0 10px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.services-40-phone {
    font-size: 14px;
    line-height: 1.8;
}

.services-40-phone i {
    margin-right: 6px;
}

@media(max-width:991px) {

    .services-40 {
        padding: 70px 0;
    }

    .services-40-grid {
        margin-top: 30px;
        padding-left: 0;
    }

    .services-40-left .services-40-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .services-40 {
        padding: 60px 0;
    }

    .services-40-left .services-40-title {
        font-size: 30px;
    }

    .services-40-card {
        min-height: auto;
        padding: 24px 20px;
    }

    .services-40-img-box {
        height: 220px;
    }

}

/*
home-89 */
.home-89 {
    padding: 80px 0;
    background: var(--secondary, #072A27);
    color: #fff;
}

.home-89 * {
    font-family: "Poppins", sans-serif;
}

.home-89-title {
    margin: 0 0 30px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.home-89-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-89-item {
    margin-bottom: 25px;
    text-align: center;
    transition: transform .35s ease;
}

.home-89-item:hover {
    transform: translateY(-6px);
}

.home-89-img-wrapper {
    position: relative;
    width: 130px;
    height: 130px;
    margin: auto;
    padding: 6px;
    overflow: hidden;
    border: 2px solid var(--accent, #f1a760);
    border-radius: 50%;
    background: radial-gradient(circle, #333 0%, #111 70%);
    transition: all .35s ease;
}

.home-89-img-wrapper:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 160px;
    height: 160px;
    border: 1px dotted rgba(255, 255, 255, .25);
    border-radius: 50%;
    transition: transform .4s ease;
}

.home-89-item:hover .home-89-img-wrapper:before {
    transform: rotate(25deg);
}

.home-89-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.2);
    transition: transform .45s ease;
}

.home-89-item:hover .home-89-img-wrapper img {
    transform: scale(1.3);
}

.home-89-name {
    margin-top: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
}

@media(max-width:991px) {

    .home-89 {
        padding: 70px 0;
    }

    .home-89-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-89 {
        padding: 60px 0;
    }

    .home-89-title {
        font-size: 30px;
    }

    .home-89-img-wrapper {
        width: 110px;
        height: 110px;
    }

    .home-89-img-wrapper:before {
        width: 136px;
        height: 136px;
        top: -13px;
        left: -13px;
    }

}

.about-64 {
    margin: 0;
    padding: 0;
    background: var(--secondary, #114642);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.about-64 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.about-64-container {
    width: 100%;
    padding: 0;
}

.about-64 .row {
    display: flex;
    align-items: stretch;
    margin: 0;
}

.about-64-left,
.about-64-right {
    width: 50%;
    padding: 0;
}

.about-64-left {
    display: flex;
    min-height: 540px;
}

.about-64-img-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 540px;
    overflow: hidden;
}

.about-64-main-img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 540px;
    object-fit: cover;
    object-position: center;
    transition: transform .6s ease;
}

.about-64-img-wrapper:hover .about-64-main-img {
    transform: scale(1.04);
}

.about-64-right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px 7%;
    background: var(--secondary, #114642);
    color: #fff;
}

.about-64-content {
    width: 100%;
    max-width: 570px;
}

.about-64-title {
    margin: 0 0 24px;
    color: var(--accent, #f1a760);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.about-64-text {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .78);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;
}

.about-64-text:last-of-type {
    margin-bottom: 30px;
}

.about-64-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 28px;
    border: 1px solid var(--accent, #f1a760);
    border-radius: 50px;
    background: var(--accent, #f1a760);
    color: var(--text, #000);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: all .35s ease;
}

.about-64-btn i {
    margin: 0;
    font-size: 17px;
    line-height: 1;
}

.about-64-btn:hover {
    border-color: #ffc58e;
    background: #ffc58e;
    color: var(--text, #000);
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .2);
}

@media (max-width: 1199px) {
    .about-64-left,
    .about-64-right {
        width: 50%;
    }

    .about-64-left,
    .about-64-img-wrapper,
    .about-64-main-img {
        min-height: 500px;
    }

    .about-64-right {
        padding: 60px 5%;
    }

    .about-64-content {
        max-width: 520px;
    }

    .about-64-title {
        font-size: 38px;
    }
}

@media (max-width: 991px) {
    .about-64-left,
    .about-64-right {
        width: 50%;
    }

    .about-64-left,
    .about-64-img-wrapper,
    .about-64-main-img {
        min-height: 470px;
    }

    .about-64-right {
        padding: 45px 35px;
    }

    .about-64-title {
        margin-bottom: 20px;
        font-size: 34px;
    }

    .about-64-text {
        font-size: 14px;
        line-height: 1.75;
    }

    .about-64-text:last-of-type {
        margin-bottom: 25px;
    }

    .about-64-btn {
        min-height: 46px;
        padding: 11px 24px;
    }
}

@media (max-width: 767px) {
    .about-64 .row {
        display: block;
    }

    .about-64-left,
    .about-64-right {
        width: 100%;
    }

    .about-64-left {
        min-height: 0;
    }

    .about-64-img-wrapper {
        min-height: 360px;
        height: 360px;
    }

    .about-64-main-img {
        min-height: 360px;
        height: 360px;
    }

    .about-64-right {
        padding: 55px 25px 60px;
        text-align: center;
    }

    .about-64-content {
        max-width: 600px;
        margin: 0 auto;
    }

    .about-64-title {
        margin-bottom: 18px;
        font-size: 30px;
        line-height: 1.3;
    }

    .about-64-text {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 1.8;
    }

    .about-64-text:last-of-type {
        margin-bottom: 27px;
    }
}

@media (max-width: 480px) {
    .about-64-img-wrapper,
    .about-64-main-img {
        min-height: 300px;
        height: 300px;
    }

    .about-64-right {
        padding: 45px 20px 50px;
    }

    .about-64-title {
        font-size: 27px;
    }

    .about-64-text {
        font-size: 13.5px;
        line-height: 1.75;
    }

    .about-64-btn {
        width: auto;
        min-height: 46px;
        padding: 11px 23px;
        font-size: 13px;
    }
}

.home-90-banner {
    position: relative;
    padding: 90px 0;
    background: var(--secondary, #072a27);
    color: #fff;
    overflow: hidden;
}

.home-90-banner * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.home-90-banner::before {
    position: absolute;
    top: -180px;
    right: -180px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(241, 167, 96, .14);
    border-radius: 50%;
    content: "";
}

.home-90-banner::after {
    position: absolute;
    bottom: -240px;
    left: -180px;
    width: 450px;
    height: 450px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
    content: "";
}

.home-90-container {
    position: relative;
    z-index: 1;
}

.home-90-row {
    display: flex;
    align-items: center;
    min-height: 520px;
    margin: 0 -15px;
}

.home-90-left,
.home-90-right {
    display: flex;
    align-items: center;
}

.home-90-left {
    padding: 30px 45px 30px 15px;
}

.home-90-right {
    justify-content: center;
    padding: 30px 15px;
}

.home-90-content {
    width: 100%;
    max-width: 570px;
}

.home-90-eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 17px;
    color: var(--accent, #f1a760);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.4;
    text-transform: uppercase;
}

.home-90-title {
    margin: 0;
    color: var(--accent, #f1a760);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.7px;
}

.home-90-title span {
    display: block;
    color: #fff;
}

.home-90-subtitle {
    max-width: 520px;
    margin: 22px 0 32px;
    color: rgba(255, 255, 255, .78);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.85;
}

.home-90-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 52px;
    padding: 13px 30px;
    border: 1px solid var(--accent, #f1a760);
    border-radius: 50px;
    background: var(--accent, #f1a760);
    color: var(--text, #000);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: all .35s ease;
}

.home-90-btn i {
    font-size: 18px;
    line-height: 1;
}

.home-90-btn:hover {
    border-color: #fff;
    background: #fff;
    color: var(--secondary, #072a27);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .2);
}

.home-90-image-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 500px);
    aspect-ratio: 1 / 1;
}

.home-90-image-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(241, 167, 96, .25);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1.08);
}

.home-90-main-img {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 90%;
    max-width: none;
    border: 6px solid rgba(255, 255, 255, .95);
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 25px 55px rgba(0, 0, 0, .3);
    transition: transform .5s ease;
}

.home-90-image-wrap:hover .home-90-main-img {
    transform: scale(1.025);
}

@media (max-width: 1199px) {
    .home-90-banner {
        padding: 80px 0;
    }

    .home-90-row {
        min-height: 480px;
    }

    .home-90-left {
        padding-right: 25px;
    }

    .home-90-title {
        font-size: 42px;
    }

    .home-90-subtitle {
        font-size: 16px;
    }

    .home-90-image-wrap {
        width: min(100%, 440px);
    }
}

@media (max-width: 991px) {
    .home-90-banner {
        padding: 70px 0;
    }

    .home-90-row {
        min-height: 0;
    }

    .home-90-left {
        padding: 20px 25px 20px 15px;
    }

    .home-90-right {
        padding: 20px 15px;
    }

    .home-90-title {
        font-size: 36px;
    }

    .home-90-subtitle {
        margin: 18px 0 26px;
        font-size: 15px;
        line-height: 1.75;
    }

    .home-90-image-wrap {
        width: min(100%, 390px);
    }
}

@media (max-width: 767px) {
    .home-90-banner {
        padding: 60px 0;
    }

    .home-90-row {
        display: block;
        margin: 0;
    }

    .home-90-left,
    .home-90-right {
        display: block;
        width: 100%;
        padding: 0 15px;
    }

    .home-90-left {
        text-align: center;
    }

    .home-90-content {
        max-width: 600px;
        margin: 0 auto;
    }

    .home-90-eyebrow {
        margin-bottom: 13px;
        font-size: 11px;
        letter-spacing: 1.6px;
    }

    .home-90-title {
        font-size: 32px;
        line-height: 1.25;
        letter-spacing: 0;
    }

    .home-90-title span {
        display: inline;
    }

    .home-90-subtitle {
        max-width: 540px;
        margin: 17px auto 27px;
        font-size: 14px;
        line-height: 1.8;
    }

    .home-90-btn {
        min-height: 48px;
        padding: 12px 27px;
        font-size: 13px;
    }

    .home-90-right {
        margin-top: 45px;
    }

    .home-90-image-wrap {
        width: min(100%, 360px);
        margin: 0 auto;
    }

    .home-90-main-img {
        border-width: 5px;
    }
}

@media (max-width: 480px) {
    .home-90-banner {
        padding: 50px 0;
    }

    .home-90-title {
        font-size: 28px;
    }

    .home-90-subtitle {
        font-size: 13.5px;
    }

    .home-90-right {
        margin-top: 38px;
    }

    .home-90-image-wrap {
        width: min(100%, 300px);
    }
}
/* Services-41 */
.services-41-section {
    padding: 80px 0;
    position: relative;
    background: var(--secondary, #072a27);
    color: #fff;
}

.services-41 * {
    font-family: "Poppins", sans-serif;
}

.services-41-title {
    margin: 0 0 25px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.services-41-left-img-box {
    padding-right: 40px;
}

.services-41-main-img {
    width: 100%;
    height: 550px;
    margin-bottom: 20px;
    border-radius: 16px;
    object-fit: cover;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
    transition: transform .45s ease;
}

.services-41-main-img:hover {
    transform: scale(1.03);
}

.services-41-menu-tabs {
    margin-bottom: 25px;
}

.services-41-tab {
    margin: 0 6px 8px 0;
    padding: 8px 18px;
    border: none;
    border-radius: 20px;
    background: #222028;
    color: #d4d4d4;
    font-size: 13px;
    font-weight: 500;
    transition: all .3s ease;
}

.services-41-tab:hover {
    background: var(--primary, #f1a760);
    color: var(--text, #000);
}

.services-41-active {
    background: var(--primary, #f1a760);
    color: var(--text, #000) !important;
}

.services-41-viewall {
    padding: 8px 18px;
    border: 1px solid var(--primary, #f1a760);
    border-radius: 20px;
    background: transparent;
    color: var(--primary, #f1a760);
    transition: all .3s ease;
}

.services-41-viewall:hover {
    background: var(--primary, #f1a760);
    color: var(--text, #000);
}

.services-41-menu-item {
    margin-bottom: 25px;
    transition: transform .35s ease;
}

.services-41-menu-item:hover {
    transform: translateY(-4px);
}

.services-41-item-img {
    width: 100%;
    height: 70px;
    border-radius: 10px;
    object-fit: cover;
    transition: transform .35s ease;
}

.services-41-menu-item:hover .services-41-item-img {
    transform: scale(1.04);
}

.services-41-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.services-41-item-name {
    margin: 0;
    color: #bdbdbd;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.services-41-item-price {
    color: var(--primary, #f1a760);
    font-size: 16px;
    font-weight: 600;
}

.services-41-item-desc {
    margin-top: 5px;
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .services-41-section {
        padding: 70px 0;
    }

    .services-41-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .services-41-section {
        padding: 60px 0;
    }

    .services-41-left-img-box {
        margin-bottom: 25px;
        padding-right: 15px;
    }

    .services-41-main-img {
        height: 420px;
    }

    .services-41-title {
        font-size: 30px;
        text-align: center;
    }

}


.services-15-section-wrapper {
    position: relative;
    padding: 95px 0 100px;
    background-color: #faf7f1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #183d38;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.services-15-section-wrapper * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.services-15-section-wrapper::before {
    position: absolute;
    top: 50%;
    left: -180px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(17, 70, 66, .06);
    border-radius: 50%;
    content: "";
    transform: translateY(-50%);
}

.services-15-section-wrapper::after {
    position: absolute;
    right: -170px;
    bottom: -200px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(241, 167, 96, .12);
    border-radius: 50%;
    content: "";
}

.services-15-section-wrapper > .container {
    position: relative;
    z-index: 2;
}

.services-15-top-border,
.services-15-bottom-border {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--secondary, #114642);
}

.services-15-top-border {
    top: 0;
}

.services-15-bottom-border {
    bottom: 0;
}

.services-15-heading {
    max-width: 760px;
    margin: 0 auto 58px;
    text-align: center;
}

.services-15-title-sub {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 13px;
    color: var(--accent, #d98f4f);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    line-height: 1.4;
    text-transform: uppercase;
}

.services-15-main-title {
    margin: 0;
    color: var(--secondary, #114642);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.5px;
}

.services-15-heading-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 180px;
    margin: 20px auto 18px;
}

.services-15-heading-line span {
    display: block;
    flex: 1;
    height: 1px;
    background: rgba(17, 70, 66, .2);
}

.services-15-heading-line i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(217, 143, 79, .35);
    border-radius: 50%;
    background: #fff;
    color: var(--accent, #d98f4f);
    font-size: 15px;
}

.services-15-desc {
    max-width: 620px;
    margin: 0 auto;
    color: #6d7471;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;
}

.services-15-features-row {
    display: flex;
    align-items: stretch;
    margin: 0 -10px;
}

.services-15-feature-box {
    display: flex;
    padding: 0 10px;
}

.services-15-feature-inner {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 265px;
    padding: 34px 30px;
    border: 1px solid rgba(17, 70, 66, .11);
    border-radius: 20px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 14px 40px rgba(17, 70, 66, .07);
    overflow: hidden;
    transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease;
}

.services-15-feature-inner::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 0;
    border-radius: 20px 0 0 20px;
    background: var(--accent, #d98f4f);
    content: "";
    transition: height .4s ease;
}

.services-15-feature-inner:hover {
    border-color: rgba(217, 143, 79, .35);
    box-shadow: 0 22px 50px rgba(17, 70, 66, .12);
    transform: translateY(-7px);
}

.services-15-feature-inner:hover::before {
    height: 100%;
}

.services-15-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    margin-right: 22px;
    border-radius: 18px;
    background: var(--secondary, #114642);
    color: var(--accent, #f1a760);
    font-size: 28px;
    line-height: 1;
    box-shadow: 0 10px 22px rgba(17, 70, 66, .15);
    transition: background .35s ease, color .35s ease, transform .35s ease;
}

.services-15-feature-inner:hover .services-15-feature-icon {
    background: var(--accent, #d98f4f);
    color: #fff;
    transform: translateY(-3px) rotate(-3deg);
}

.services-15-feature-content {
    position: relative;
    flex: 1;
    min-width: 0;
}

.services-15-feature-number {
    margin-bottom: 4px;
    color: rgba(17, 70, 66, .35);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.services-15-feature-title {
    margin: 0 0 12px;
    color: var(--secondary, #114642);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}

.services-15-feature-text {
    color: #6b716f;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.85;
}

@media (max-width: 1199px) {
    .services-15-section-wrapper {
        padding: 85px 0 90px;
    }

    .services-15-main-title {
        font-size: 36px;
    }

    .services-15-heading {
        margin-bottom: 48px;
    }

    .services-15-feature-inner {
        min-height: 280px;
        padding: 28px 23px;
    }

    .services-15-feature-icon {
        flex-basis: 55px;
        width: 55px;
        height: 55px;
        margin-right: 17px;
        border-radius: 15px;
        font-size: 25px;
    }

    .services-15-feature-title {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .services-15-section-wrapper {
        padding: 70px 0 75px;
    }

    .services-15-heading {
        margin-bottom: 40px;
    }

    .services-15-main-title {
        font-size: 32px;
    }

    .services-15-desc {
        font-size: 14px;
    }

    .services-15-features-row {
        flex-wrap: wrap;
        gap: 18px 0;
    }

    .services-15-feature-box {
        width: 100%;
    }

    .services-15-feature-inner {
        min-height: auto;
        padding: 27px 28px;
    }

    .services-15-feature-text {
        max-width: 650px;
    }
}

@media (max-width: 767px) {
    .services-15-section-wrapper {
        padding: 60px 0 65px;
    }

    .services-15-section-wrapper::before {
        left: -260px;
    }

    .services-15-section-wrapper::after {
        right: -270px;
    }

    .services-15-heading {
        margin-bottom: 34px;
    }

    .services-15-title-sub {
        margin-bottom: 10px;
        font-size: 11px;
        letter-spacing: 1.8px;
    }

    .services-15-main-title {
        font-size: 29px;
        line-height: 1.3;
    }

    .services-15-heading-line {
        margin: 17px auto 15px;
    }

    .services-15-desc {
        font-size: 13.5px;
        line-height: 1.8;
    }

    .services-15-features-row {
        margin: 0;
        gap: 15px;
    }

    .services-15-feature-box {
        padding: 0;
    }

    .services-15-feature-inner {
        min-height: 0;
        padding: 24px 21px;
        border-radius: 17px;
    }

    .services-15-feature-icon {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
        margin-right: 15px;
        border-radius: 14px;
        font-size: 22px;
    }

    .services-15-feature-number {
        font-size: 10px;
    }

    .services-15-feature-title {
        margin-bottom: 7px;
        font-size: 17px;
    }

    .services-15-feature-text {
        font-size: 13px;
        line-height: 1.75;
    }
}

@media (max-width: 480px) {
    .services-15-section-wrapper {
        padding: 50px 0 55px;
    }

    .services-15-main-title {
        font-size: 26px;
    }

    .services-15-heading-line {
        width: 150px;
    }

    .services-15-feature-inner {
        padding: 21px 17px;
    }

    .services-15-feature-icon {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
        margin-right: 13px;
        font-size: 20px;
    }

    .services-15-feature-title {
        font-size: 16px;
    }

    .services-15-feature-text {
        font-size: 12.5px;
    }
}


/* ourteam-7 */
.ourteam-7 {
    padding: 80px 0;
    position: relative;
    background: var(--secondary, #114642);
    color: #fff;
}

.ourteam-7 * {
    font-family: "Poppins", sans-serif;
}

.ourteam-7-title {
    margin: 0 0 40px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.ourteam-7-team-row {
    margin-top: 20px;
}

.ourteam-7-card {
    margin-bottom: 30px;
}

.ourteam-7-card-inner {
    overflow: hidden;
    padding-bottom: 20px;
    border-radius: 16px;
    background: var(--text, #111);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .18);
    transition: transform .35s ease, box-shadow .35s ease;
}

.ourteam-7-card-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .25);
}

.ourteam-7-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform .45s ease;
}

.ourteam-7-card-inner:hover .ourteam-7-img {
    transform: scale(1.05);
}

.ourteam-7-name {
    margin: 15px 15px 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.ourteam-7-role {
    margin-left: 15px;
    color: #bbbbbb;
    font-size: 13px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .ourteam-7 {
        padding: 70px 0;
    }

    .ourteam-7-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .ourteam-7 {
        padding: 60px 0;
    }

    .ourteam-7-title {
        font-size: 30px;
        text-align: center;
    }

}

.contact-26 {
    padding: 80px 0;
    background: var(--secondary, #072A27);
    color: #fff;
    overflow: hidden;
}

.contact-26 * {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.contact-26-container {
    max-width: 1200px;
}

.contact-26-cards {
    margin: 0 -10px 20px;
}

.contact-26-cards > div {
    padding: 0 10px;
}

.contact-26-card {
    min-height: 85px;
    height: 100%;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(231, 182, 103, 0.25);
    border-radius: 8px;
    transition: all .3s ease;
}

.contact-26-card:hover {
    transform: translateY(-3px);
    border-color: var(--accent, #E7B667);
    background: rgba(255, 255, 255, 0.08);
}

.contact-26-card > i {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--accent, #E7B667);
    color: #072A27;
    font-size: 19px;
}

.contact-26-card p {
    margin: 0;
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.contact-26-top {
    margin: 0 -10px 20px;
    display: flex;
    align-items: stretch;
}

.contact-26-top > div {
    padding: 0 10px;
    display: flex;
}

.contact-26-form,
.contact-26-newsletter {
    width: 100%;
    min-height: 430px;
    padding: 38px;
    border-radius: 8px;
}

.contact-26-form {
    background: #fff;
}

.contact-26-form .row {
    margin: 0 -7px;
}

.contact-26-form .row > div {
    padding: 0 7px;
}

.contact-26-input {
    width: 100%;
    min-height: 50px;
    margin-bottom: 14px;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    outline: none;
    background: #fafafa;
    color: #222;
    font-size: 13px;
    box-shadow: none;
    transition: all .3s ease;
}

.contact-26-input::placeholder {
    color: #999;
}

.contact-26-input:focus {
    border-color: #b9925b;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(185, 146, 91, .1);
}

.contact-26-textarea {
    height: 125px;
    resize: vertical;
}

.contact-26-btn {
    min-height: 46px;
    margin-top: 4px;
    padding: 11px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--accent, #E7B667);
    border-radius: 6px;
    background: var(--accent, #E7B667);
    color: #072A27;
    font-size: 12px;
    font-weight: 600;
    transition: all .3s ease;
}

.contact-26-btn:hover {
    background: #072A27;
    border-color: #072A27;
    color: #fff;
    transform: translateY(-2px);
}

.contact-26-btn i {
    font-size: 16px;
}

.contact-26-form .form-message {
    margin: 12px 0 0;
    font-size: 12px;
}

.contact-26-newsletter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(231, 182, 103, 0.25);
}

.contact-26-newsletter-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--accent, #E7B667);
    color: #072A27;
    font-size: 21px;
}

.contact-26-newsletter h4 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
}

.contact-26-newsletter p {
    max-width: 450px;
    margin: 0 0 25px;
    color: #c7c7c7;
    font-size: 13px;
    line-height: 1.8;
}

.contact-26-newsletter-input {
    width: 100%;
    position: relative;
}

.contact-26-newsletter-input i {
    position: absolute;
    top: 50%;
    left: 15px;
    color: #aaa;
    font-size: 17px;
    transform: translateY(-50%);
}

.contact-26-newsletter-input input {
    width: 100%;
    height: 50px;
    padding: 12px 15px 12px 42px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 6px;
    outline: none;
    background: rgba(255, 255, 255, .06);
    color: #fff;
    font-size: 13px;
}

.contact-26-newsletter-input input::placeholder {
    color: rgba(255, 255, 255, .45);
}

.contact-26-newsletter-input input:focus {
    border-color: var(--accent, #E7B667);
}

.contact-26-newsletter button {
    width: 100%;
    height: 46px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--accent, #E7B667);
    border-radius: 6px;
    background: var(--accent, #E7B667);
    color: #072A27;
    font-size: 12px;
    font-weight: 600;
    transition: all .3s ease;
}

.contact-26-newsletter button:hover {
    background: #fff;
    border-color: #fff;
}

.contact-26-newsletter button i {
    font-size: 16px;
}

.contact-26-map {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(231, 182, 103, 0.25);
}

.contact-26-map iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

@media (max-width: 991px) {
    .contact-26 {
        padding: 70px 0;
    }

    .contact-26-form,
    .contact-26-newsletter {
        padding: 30px;
    }

    .contact-26-newsletter h4 {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    .contact-26 {
        padding: 60px 0;
    }

    .contact-26-cards {
        margin-bottom: 10px;
    }

    .contact-26-cards > div {
        margin-bottom: 10px;
    }

    .contact-26-top {
        display: block;
        margin-bottom: 10px;
    }

    .contact-26-top > div {
        display: block;
        padding: 0 10px;
        margin-bottom: 10px;
    }

    .contact-26-form,
    .contact-26-newsletter {
        min-height: auto;
        padding: 28px 22px;
    }

    .contact-26-newsletter {
        min-height: 360px;
    }

    .contact-26-map {
        height: 250px;
    }
}

@media (max-width: 575px) {
    .contact-26-form .row {
        margin: 0;
    }

    .contact-26-form .row > div {
        padding: 0;
    }

    .contact-26-card {
        min-height: 78px;
        padding: 15px 17px;
    }

    .contact-26-card > i {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .contact-26-form,
    .contact-26-newsletter {
        padding: 25px 18px;
    }

    .contact-26-map {
        height: 220px;
    }
}
/* about-65 */

.about-65 {
    padding: 80px 0;
    background: var(--light, #ffffff);
}

.about-65 * {
    font-family: "Poppins", sans-serif;
}

.about-65-container {
    max-width: 1200px;
}

.about-65-row {
    display: flex;
    align-items: center;
}

.about-65-image-box {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
}

.about-65-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.about-65-image-box:hover .about-65-image {
    transform: scale(1.05);
}

.about-65-image-overlay {
    position: absolute;
    left: 20px;
    bottom: 20px;
    max-width: 240px;
    padding: 18px 22px;
    background: linear-gradient(135deg, var(--primary, #f6ba05), var(--accent, #ffae04));
    border-radius: 12px;
    pointer-events: none;
}

.about-65-image-overlay h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.about-65-content-col {
    padding-left: 50px;
}

.about-65-title {
    margin: 0 0 20px;
    color: var(--text, #000);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-65-subtitle {
    margin-bottom: 25px;
    color: #555;
    font-size: 16px;
    line-height: 1.8;
}

.about-65-line-box {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

.about-65-line {
    width: 4px;
    height: 80px;
    margin-right: 20px;
    border-radius: 10px;
    background: var(--primary, #ff7a00);
}

.about-65-line-box p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

.about-65-btn {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 30px;
    background: linear-gradient(135deg, var(--primary, #f6ba05), var(--accent, #ffae04));
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-65-btn:hover {
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

.about-65-icon {
    margin-top: 40px;
}

.about-65-icon i {
    color: var(--primary, #3b82f6);
    font-size: 36px;
}

@media(max-width:991px) {

    .about-65 {
        padding: 70px 0;
    }

    .about-65-title {
        font-size: 36px;
    }

    .about-65-content-col {
        padding-left: 30px;
    }

}

@media(max-width:767px) {

    .about-65 {
        padding: 60px 0;
    }

    .about-65-row {
        display: block;
    }

    .about-65-content-col {
        margin-top: 30px;
        padding-left: 15px;
    }

    .about-65-title {
        font-size: 30px;
    }

    .about-65-image-overlay {
        left: 10px;
        bottom: 10px;
    }

}

.services-42 {
    position: relative;
    padding: 95px 0 100px;
    background: var(--secondary, #0f1c2d);
    color: #fff;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.services-42::before {
    position: absolute;
    top: -180px;
    right: -160px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(241, 167, 96, .12);
    border-radius: 50%;
    content: "";
}

.services-42::after {
    position: absolute;
    bottom: -220px;
    left: -180px;
    width: 450px;
    height: 450px;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 50%;
    content: "";
}

.services-42 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.services-42-container {
    position: relative;
    z-index: 2;
}

.services-42-header {
    display: flex;
    align-items: flex-end;
    margin: 0 -15px 48px;
}

.services-42-heading {
    padding: 0 15px;
}

.services-42-subtitle {
    display: inline-flex;
    align-items: center;
    margin-bottom: 12px;
    color: var(--primary, #f1a760);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.4;
    text-transform: uppercase;
}

.services-42-title {
    max-width: 720px;
    margin: 0;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.5px;
}

.services-42-header-text {
    max-width: 620px;
    margin: 14px 0 0;
    color: rgba(255, 255, 255, .62);
    font-size: 14px;
    line-height: 1.8;
}

.services-42-btn-wrap {
    display: flex;
    justify-content: flex-end;
    padding: 0 15px 4px;
}

.services-42-explore-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 25px;
    border: 1px solid var(--primary, #f1a760);
    border-radius: 50px;
    background: transparent;
    color: var(--primary, #f1a760);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 1;
    text-decoration: none;
    transition: all .35s ease;
}

.services-42-explore-btn i {
    font-size: 17px;
    transition: transform .3s ease;
}

.services-42-explore-btn:hover {
    background: var(--primary, #f1a760);
    color: var(--secondary, #0f1c2d);
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(241, 167, 96, .18);
}

.services-42-explore-btn:hover i {
    transform: translateX(3px);
}

.services-42-cards {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    row-gap: 24px;
}

.services-42-card-column {
    display: flex;
    padding: 0 12px;
}

.services-42-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .16);
    transition: transform .4s ease, box-shadow .4s ease;
}

.services-42-card:hover {
    box-shadow: 0 24px 55px rgba(0, 0, 0, .24);
    transform: translateY(-7px);
}

.services-42-img-wrap {
    position: relative;
    width: 100%;
    height: 235px;
    overflow: hidden;
    background: #e9e5df;
}

.services-42-img-wrap::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 45%;
    background: linear-gradient(to top, rgba(0, 0, 0, .3), transparent);
    content: "";
    pointer-events: none;
}

.services-42-img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .55s ease;
}

.services-42-card:hover .services-42-img-wrap img {
    transform: scale(1.06);
}

.services-42-date {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 66px;
    border-radius: 12px;
    background: var(--primary, #f1a760);
    color: var(--secondary, #0f1c2d);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
}

.services-42-date strong {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.services-42-date small {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .8px;
    line-height: 1;
    text-transform: uppercase;
}

.services-42-content-wrap {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 25px 27px 27px;
}

.services-42-content-wrap h4 {
    min-height: 54px;
    margin: 0 0 9px;
    color: var(--secondary, #0f1c2d);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}

.services-42-content-wrap p {
    min-height: 50px;
    margin: 0 0 18px;
    color: #6b7072;
    font-size: 13.5px;
    line-height: 1.75;
}

.services-42-venue {
    display: flex;
    align-items: flex-start;
    min-height: 42px;
    margin-bottom: 20px;
    color: #747879;
    font-size: 12.5px;
    line-height: 1.7;
}

.services-42-venue > i {
    flex: 0 0 auto;
    margin: 2px 7px 0 0;
    color: var(--primary, #d98f4f);
    font-size: 17px;
}

.services-42-venue span {
    margin-right: 5px;
    color: var(--secondary, #0f1c2d);
    font-weight: 600;
}

.services-42-details-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-height: 45px;
    margin-top: auto;
    padding: 10px 17px;
    border: 1px solid var(--primary, #f1a760);
    border-radius: 50px;
    background: var(--primary, #f1a760);
    color: var(--secondary, #0f1c2d);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    line-height: 1;
    text-decoration: none;
    transition: all .35s ease;
}

.services-42-details-btn > i:first-child {
    font-size: 16px;
}

.services-42-btn-arrow {
    margin-left: auto;
    font-size: 16px;
    transition: transform .3s ease;
}

.services-42-details-btn:hover {
    border-color: var(--secondary, #0f1c2d);
    background: var(--secondary, #0f1c2d);
    color: #fff;
}

.services-42-details-btn:hover .services-42-btn-arrow {
    transform: translateX(3px);
}

@media (max-width: 1199px) {
    .services-42 {
        padding: 85px 0 90px;
    }

    .services-42-title {
        font-size: 36px;
    }

    .services-42-img-wrap {
        height: 215px;
    }

    .services-42-content-wrap {
        padding: 23px 22px 24px;
    }

    .services-42-content-wrap h4 {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .services-42 {
        padding: 70px 0 75px;
    }

    .services-42-header {
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .services-42-title {
        font-size: 32px;
    }

    .services-42-btn-wrap {
        padding-top: 30px;
    }

    .services-42-cards {
        row-gap: 20px;
    }

    .services-42-img-wrap {
        height: 200px;
    }

    .services-42-content-wrap {
        padding: 21px 19px 22px;
    }

    .services-42-content-wrap h4 {
        min-height: 52px;
        font-size: 17px;
    }

    .services-42-content-wrap p {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .services-42 {
        padding: 60px 0 65px;
    }

    .services-42-header {
        display: block;
        margin-bottom: 35px;
        text-align: center;
    }

    .services-42-heading {
        padding: 0 15px;
    }

    .services-42-subtitle {
        margin-bottom: 10px;
        font-size: 11px;
        letter-spacing: 1.8px;
    }

    .services-42-title {
        font-size: 29px;
        line-height: 1.3;
    }

    .services-42-header-text {
        margin: 12px auto 0;
        font-size: 13px;
    }

    .services-42-btn-wrap {
        justify-content: center;
        padding: 25px 15px 0;
    }

    .services-42-cards {
        display: block;
        margin: 0;
    }

    .services-42-card-column {
        display: block;
        width: 100%;
        margin-bottom: 18px;
        padding: 0;
    }

    .services-42-card-column:last-child {
        margin-bottom: 0;
    }

    .services-42-img-wrap {
        height: 220px;
    }

    .services-42-content-wrap {
        padding: 22px 20px 23px;
    }

    .services-42-content-wrap h4 {
        min-height: 0;
        margin-bottom: 8px;
        font-size: 18px;
    }

    .services-42-content-wrap p {
        min-height: 0;
        margin-bottom: 16px;
        font-size: 13px;
    }

    .services-42-venue {
        min-height: 0;
        margin-bottom: 18px;
    }
}

@media (max-width: 480px) {
    .services-42 {
        padding: 50px 0 55px;
    }

    .services-42-title {
        font-size: 26px;
    }

    .services-42-img-wrap {
        height: 195px;
    }

    .services-42-date {
        top: 13px;
        left: 13px;
        width: 56px;
        height: 60px;
        border-radius: 10px;
    }

    .services-42-date strong {
        font-size: 20px;
    }

    .services-42-date small {
        font-size: 10px;
    }

    .services-42-content-wrap {
        padding: 20px 17px 21px;
    }

    .services-42-content-wrap h4 {
        font-size: 17px;
    }

    .services-42-content-wrap p {
        font-size: 12.5px;
    }

    .services-42-venue {
        font-size: 12px;
    }

    .services-42-explore-btn {
        min-height: 45px;
        padding: 11px 21px;
        font-size: 12px;
    }
}

/* contact-26 */
.contact-26 {
    padding: 80px 0;
    background: var(--light, #ffffff);
}

.contact-26 * {
    font-family: "Poppins", sans-serif;
}

.contact-26-top {
    margin-bottom: 40px;
}

.contact-26-form {
    background: transparent;
}

.contact-26-input {
    width: 100%;
    margin-bottom: 15px;
    padding: 12px 18px;
    background: var(--bg, #dfecee);
    border: 1px solid transparent;
    border-radius: 30px;
    color: var(--text, #222);
    font-size: 14px;
    transition: all .3s ease;
}

.contact-26-input:focus {
    outline: none;
    border-color: var(--primary, #ed9209);
    box-shadow: 0 0 0 3px rgba(237, 146, 9, .12);
}

.contact-26-textarea {
    resize: none;
}

.contact-26-btn {
    display: inline-block;
    padding: 12px 30px;
    border: none;
    border-radius: 30px;
    background: var(--primary, #ed9209);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: all .35s ease;
}

.contact-26-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

.contact-26-newsletter {
    padding: 30px;
    background: var(--primary, #ed9209);
    color: #fff;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}

.contact-26-newsletter h4 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}

.contact-26-newsletter p {
    margin-bottom: 15px;
    color: rgba(255, 255, 255, .9);
    font-size: 13px;
    line-height: 1.8;
}

.contact-26-newsletter input {
    width: 100%;
    margin: 15px 0;
    padding: 10px 15px;
    border: none;
    border-radius: 30px;
    font-size: 13px;
    color: var(--text, #222);
}

.contact-26-newsletter input:focus {
    outline: none;
}

.contact-26-newsletter button {
    padding: 10px 28px;
    border: none;
    border-radius: 30px;
    background: var(--secondary, #0f2f2c);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all .35s ease;
}

.contact-26-newsletter button:hover {
    transform: translateY(-3px);
}

.contact-26-cards {
    margin-bottom: 30px;
}

.contact-26-card {
    padding: 22px;
    background: var(--bg, #dfecee);
    border-radius: 20px;
    text-align: center;
    transition: all .35s ease;
}

.contact-26-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .10);
}

.contact-26-card i {
    display: block;
    margin-bottom: 10px;
    color: var(--primary, #ed9209);
    font-size: 26px;
}

.contact-26-card p {
    margin: 0;
    color: var(--text, #000);
    font-size: 15px;
    line-height: 1.8;
}

.contact-26-map {
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .10);
}

.contact-26-map iframe {
    width: 100%;
    height: 260px;
    border: 0;
}

@media(max-width:991px) {

    .contact-26 {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .contact-26 {
        padding: 60px 0;
    }

    .contact-26-newsletter {
        margin-top: 20px;
    }

    .contact-26-card {
        margin-bottom: 15px;
    }

}

/* blog-23 */
.blog-23 {
    padding: 80px 0;
    background: var(--bg, #f7f8fc);
}

.blog-23 * {
    font-family: "Poppins", sans-serif;
}

.blog-23-card {
    margin-bottom: 30px;
    overflow: hidden;
    background: var(--light, #fff);
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.blog-23-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
}

.blog-23-img {
    position: relative;
    overflow: hidden;
}

.blog-23-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform .45s ease;
}

.blog-23-card:hover .blog-23-img img {
    transform: scale(1.05);
}

.blog-23-date {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 8px 24px;
    background: var(--primary, #ed9209);
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.blog-23-content {
    padding: 20px;
}

.blog-23-content h4 {
    margin: 0 0 12px;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.blog-23-content p {
    height: 53px;
    margin-bottom: 15px;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

.blog-23-meta {
    margin-top: 10px;
    padding: 0;
    list-style: none;
}

.blog-23-meta li {
    display: inline-block;
    margin-right: 15px;
    color: #888;
    font-size: 13px;
    line-height: 1.8;
}

.blog-23-sidebar .blog-23-widget {
    margin-bottom: 25px;
    padding: 20px;
    background: var(--light, #fff);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

.blog-23-widget h4 {
    margin: 0 0 15px;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 600;
}

.blog-23-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-23-list li {
    padding: 8px 0;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
    transition: padding-left .3s ease, color .3s ease;
}

.blog-23-list li:hover {
    padding-left: 6px;
    color: var(--primary, #ed9209);
}

.blog-23-news {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.blog-23-news img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 8px;
    object-fit: cover;
    transition: transform .35s ease;
}

.blog-23-news:hover img {
    transform: scale(1.06);
}

.blog-23-tags span {
    display: inline-block;
    margin: 5px 5px 0 0;
    padding: 6px 12px;
    background: var(--bg, #eef1f7);
    color: var(--text, #333);
    border-radius: 30px;
    font-size: 13px;
    transition: all .3s ease;
}

.blog-23-tags span:hover {
    background: var(--primary, #ed9209);
    color: #fff;
}

@media(max-width:991px) {

    .blog-23 {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .blog-23 {
        padding: 60px 0;
    }

    .blog-23-img img {
        height: 180px;
    }

}

/* services-43 */
.services-43 {
    padding: 80px 0;
    background: var(--bg, #f6f7fb);
}

.services-43 * {
    font-family: "Poppins", sans-serif;
}

.services-43-card {
    margin-bottom: 20px;
    overflow: hidden;
    background: var(--light, #fff);
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.services-43-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
}

.services-43-img-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 210px;
    overflow: hidden;
    background: var(--light, #fff);
}

.services-43-img {
    width: 100%;
    height: 225px;
    padding: 10px;
    border-radius: 20px;
    object-fit: cover;
    transition: transform .45s ease;
}

.services-43-card:hover .services-43-img {
    transform: scale(1.05);
}

.services-43-body {
    padding: 20px;
    flex-shrink: 0;
}

.services-43-body h4 {
    margin: 10px 0 12px;
    color: var(--text, #222);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.services-43-body p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

.services-43-tag {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.services-43-green {
    background: #28a745;
}

.services-43-purple {
    background: #6f42c1;
}

.services-43-red {
    background: #dc3545;
}

.services-43-blue {
    background: #007bff;
}

.services-43-orange {
    background: #fd7e14;
}

.services-43-progress {
    margin-top: 15px;
}

.services-43-stats {
    display: flex;
    justify-content: space-between;
    color: #555;
    font-size: 12px;
    line-height: 1.8;
}

.services-43-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 8px 18px;
    background: var(--primary, #ed8502);
    color: #fff;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.services-43-btn:hover {
    background: var(--light, #fff);
    color: var(--primary, #ed8502);
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .10);
}

@media(max-width:991px) {

    .services-43 {
        padding: 70px 0;
    }

}

@media(max-width:767px) {

    .services-43 {
        padding: 60px 0;
    }

    .services-43-img-wrap {
        height: 180px;
    }

}

/* about-66 */
.about-66 {
    padding: 80px 0;
    background: var(--bg, #f4f7f8);
}

.about-66 * {
    font-family: "Poppins", sans-serif;
}

.about-66-subtitle {
    margin-bottom: 10px;
    color: var(--primary, #ed9209);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-66-title {
    margin: 0 0 20px;
    color: var(--text, #1f2937);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-66-text {
    margin-bottom: 30px;
    color: #6b7280;
    font-size: 15px;
    line-height: 1.8;
}

.about-66-btn {
    display: inline-block;
    padding: 12px 30px;
    background: var(--primary, #ed9209);
    color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-66-btn:hover {
    background: var(--secondary, #34a97c);
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .15);
}

.about-66-images {
    display: flex;
    gap: 20px;
}

.about-66-img {
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .10);
}

.about-66-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.about-66-img:hover img {
    transform: scale(1.05);
}

.about-66-img-lg {
    width: 52%;
    height: 320px;
}

.about-66-img-sm {
    width: 48%;
    height: 320px;
}

.about-66-info {
    margin-top: 60px;
}

.about-66-box {
    margin-bottom: 30px;
    transition: transform .35s ease;
}

.about-66-box:hover {
    transform: translateY(-5px);
}

.about-66-box h4 {
    margin: 0 0 10px;
    color: var(--text, #1f2937);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}

.about-66-box p {
    margin: 0;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.8;
}

.about-66-icon {
    margin-bottom: 10px;
    color: var(--primary, #ed9209);
    font-size: 26px;
}

@media(max-width:991px) {

    .about-66 {
        padding: 70px 0;
    }

    .about-66-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-66 {
        padding: 60px 0;
    }

    .about-66-title {
        font-size: 30px;
    }

    .about-66-images {
        display: block;
    }

    .about-66-img-lg,
    .about-66-img-sm {
        width: 100%;
        height: 260px;
        margin-bottom: 20px;
    }

}

/* home-92 */
.home-92 {
    padding: 80px 0;
    background: radial-gradient(circle at left, #000, #4a3b25);
    color: #fff;
}

.home-92 * {
    font-family: "Poppins", sans-serif;
}

.home-92-container {
    max-width: 1200px;
}

.home-92-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.home-92-left {
    padding-right: 40px;
}

.home-92-subtitle {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--accent, #c6a16e);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-92-title {
    margin: 0 0 40px;
    color: #f9f9f9;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.home-92-services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.home-92-service-box {
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, .12);
    transition: transform .35s ease, border-color .35s ease;
}

.home-92-service-box:hover {
    transform: translateY(-5px);
    border-left-color: var(--accent, #c6a16e);
}

.home-92-service-box i {
    display: block;
    margin-bottom: 10px;
    color: var(--accent, #c6a16e);
    font-size: 26px;
}

.home-92-service-box h4 {
    margin: 0 0 8px;
    color: var(--accent, #c6a16e);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.home-92-service-box p {
    margin: 0;
    color: #bdbdbd;
    font-size: 13px;
    line-height: 1.8;
}

.home-92-right {
    position: relative;
}

.home-92-image-grid {
    position: relative;
    width: 100%;
    height: 420px;
}

.home-92-img {
    position: absolute;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .45);
    transition: transform .45s ease;
}

.home-92-img:hover {
    transform: scale(1.04);
}

.home-92-img.img-1 {
    top: 0;
    left: 0;
    width: 70%;
    height: 260px;
}

.home-92-img.img-2 {
    bottom: 0;
    left: 10%;
    width: 55%;
    height: 200px;
}

.home-92-img.img-3 {
    top: 60px;
    right: 0;
    width: 40%;
    height: 300px;
}

@media(max-width:991px) {

    .home-92 {
        padding: 70px 0;
    }

    .home-92-row {
        display: block;
    }

    .home-92-left {
        margin-bottom: 50px;
        padding-right: 15px;
    }

    .home-92-title {
        font-size: 36px;
    }

    .home-92-image-grid {
        height: 350px;
    }

}

@media(max-width:767px) {

    .home-92 {
        padding: 60px 0;
    }

    .home-92-title {
        font-size: 30px;
    }

    .home-92-services {
        grid-template-columns: 1fr;
    }

    .home-92-image-grid {
        height: auto;
    }

    .home-92-img.img-1,
    .home-92-img.img-2,
    .home-92-img.img-3 {
        position: static;
        width: 100%;
        height: 200px;
        margin-bottom: 15px;
    }

}

.newsletter-6 {
    position: relative;
    background: radial-gradient(circle at left, #2c3e2c, #000);
}

.newsletter-6 * {
    font-family: "Poppins", sans-serif;
}

.newsletter-6-overlay {
    padding: 90px 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, .55));
}

.newsletter-6-container {
    max-width: 1200px;
}

.newsletter-6-row {
    display: flex;
    align-items: center;
}

.newsletter-6-content {
    color: #fff;
}

.newsletter-6-title {
    margin: 0 0 15px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.newsletter-6-subtitle {
    max-width: 480px;
    margin-bottom: 25px;
    color: #dcdcdc;
    font-size: 15px;
    line-height: 1.8;
}

.newsletter-6-btn {
    display: inline-block;
    padding: 12px 24px;
    background: var(--accent, #c7e14b);
    color: var(--text, #000);
    border: none;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    transition: all .35s ease;
}

.newsletter-6-btn i {
    margin-right: 6px;
}

.newsletter-6-btn:hover {
    background: #b2cc3d;
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .20);
}

.newsletter-6-form-wrapper {
    text-align: right;
}

.newsletter-6-form {
    position: relative;
    max-width: 420px;
    margin-left: auto;
}

.newsletter-6-input {
    width: 100%;
    padding: 12px 45px 12px 18px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    transition: all .3s ease;
}

.newsletter-6-input:focus {
    outline: none;
    border-color: var(--accent, #c7e14b);
    box-shadow: 0 0 0 3px rgba(199, 225, 75, .12);
}

.newsletter-6-input::placeholder {
    color: #bfbfbf;
}

.newsletter-6-input-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    color: var(--accent, #c7e14b);
    font-size: 18px;
}

@media(max-width:991px) {

    .newsletter-6-overlay {
        padding: 80px 0;
    }

    .newsletter-6-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .newsletter-6 {
        padding: 60px 0;
    }

    .newsletter-6-overlay {
        padding: 60px 0;
    }

    .newsletter-6-row {
        display: block;
        text-align: center;
    }

    .newsletter-6-title {
        font-size: 30px;
    }

    .newsletter-6-subtitle {
        margin-left: auto;
        margin-right: auto;
    }

    .newsletter-6-form-wrapper {
        margin-top: 25px;
        text-align: center;
    }

    .newsletter-6-form {
        margin: 0 auto;
    }

}

/* services-44 */
.services-44 {
    padding: 80px 0;
    background: radial-gradient(circle at top, #111 0%, #000 70%);
}

.services-44 * {
    font-family: "Poppins", sans-serif;
}

.services-44-header span {
    display: inline-block;
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.services-44-header h2 {
    margin: 8px 0 50px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.services-44-grid {
    margin-top: 20px;
}

.services-44-item {
    margin-bottom: 30px;
}

.services-44-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .25);
}

.services-44-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform .6s ease;
}

.services-44-card:hover img {
    transform: scale(1.08);
}

.services-44-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-align: center;
    color: #fff;
    background: linear-gradient(to top, rgba(0, 0, 0, .85), rgba(0, 0, 0, .2));
}

.services-44-overlay i {
    margin-bottom: 15px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, .2);
    border-radius: 50%;
    color: #fff;
    font-size: 48px;
    transition: all .35s ease;
}

.services-44-card:hover .services-44-overlay i {
    background: var(--accent, #dda65c);
    color: var(--text, #000);
}

.services-44-overlay h4 {
    margin: 0 0 8px;
    color: var(--accent, #dda65c);
    font-size: 25px;
    font-weight: 600;
    line-height: 1.4;
}

.services-44-overlay p {
    margin: 0;
    color: #ddd;
    font-size: 13px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .services-44 {
        padding: 70px 0;
    }

    .services-44-header h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .services-44 {
        padding: 60px 0;
    }

    .services-44-header h2 {
        font-size: 30px;
    }

    .services-44-card img {
        height: 220px;
    }

}


/* contact-27 */
.section-wrapper.contact-27 {
    padding: 80px 0;
    background: radial-gradient(circle at top, #1a1a1a, #000);
    color: #fff;
}

.section-wrapper.contact-27 * {
    font-family: "Poppins", sans-serif;
}

.contact-27-header {
    margin-bottom: 50px;
}

.contact-27-icon {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--accent, #c6a16e);
    font-size: 32px;
}

.contact-27-header h2 {
    margin: 0;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-27-header p {
    margin-top: 10px;
    color: #aaa;
    font-size: 14px;
    line-height: 1.8;
}

.contact-27-info {
    margin-top: 20px;
}

.contact-27-info span {
    display: inline-block;
    margin: 0 10px;
    color: #ddd;
    font-size: 13px;
    line-height: 1.8;
}

.contact-27-info i {
    margin-right: 6px;
    color: var(--accent, #c6a16e);
}

.contact-27-form-box {
    padding: 25px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .35);
}

.contact-27-input,
.contact-27-textarea {
    width: 100%;
    height: 42px;
    margin-bottom: 15px;
    padding: 10px 15px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    color: #fff;
    transition: all .3s ease;
}

.contact-27-input:focus,
.contact-27-textarea:focus {
    outline: none;
    border-color: var(--accent, #c6a16e);
    box-shadow: 0 0 0 3px rgba(198, 161, 110, .12);
}

.contact-27-textarea {
    height: auto;
    resize: none;
}

.contact-27-input::placeholder,
.contact-27-textarea::placeholder {
    color: #aaa;
}

.contact-27-btn {
    width: 100%;
    margin-top: 10px;
    padding: 12px;
    border: none;
    border-radius: 30px;
    background: linear-gradient(90deg, var(--accent, #c6a16e), var(--primary, #c6a16e));
    color: var(--text, #000);
    font-size: 14px;
    font-weight: 600;
    transition: all .35s ease;
}

.contact-27-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(198, 161, 110, .30);
}

@media(max-width:991px) {

    .section-wrapper.contact-27 {
        padding: 70px 0;
    }

    .contact-27-header h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .section-wrapper.contact-27 {
        padding: 60px 0;
    }

    .contact-27-header h2 {
        font-size: 30px;
    }

    .contact-27-info span {
        display: block;
        margin: 6px 0;
    }

}

/* blog-24 */
.blog-24 {
    padding: 80px 0;
    background: var(--secondary, #0f0f14);
    color: #fff;
}

.blog-24 * {
    font-family: "Poppins", sans-serif;
}

.blog-24-header {
    max-width: 720px;
    margin: 0 auto 60px;
}

.blog-24-badge {
    display: inline-block;
    margin-bottom: 15px;
    padding: 6px 14px;
    background: #1f1f2b;
    border-radius: 30px;
    color: #cfcfcf;
    font-size: 13px;
    font-weight: 500;
}

.blog-24-header h2 {
    margin: 0 0 15px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.blog-24-header p {
    color: #b5b5b5;
    font-size: 16px;
    line-height: 1.8;
}

.blog-24-card {
    overflow: hidden;
    margin-bottom: 25px;
    background: #16161d;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .20);
    transition: transform .35s ease, box-shadow .35s ease;
}

.blog-24-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}

.blog-24-featured .blog-24-image {
    overflow: hidden;
}

.blog-24-featured .blog-24-image img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    transition: transform .45s ease;
}

.blog-24-card:hover .blog-24-image img {
    transform: scale(1.05);
}

.blog-24-content {
    padding: 25px;
}

.blog-24-content h3 {
    margin: 0;
    color: var(--accent, #c6a16e);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
}

.blog-24-content p {
    margin: 15px 0;
    color: #bfbfbf;
    font-size: 15px;
    line-height: 1.8;
}

.blog-24-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-24-author {
    display: flex;
    align-items: center;
}

.blog-24-author img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border-radius: 50%;
    object-fit: cover;
}

.blog-24-read {
    color: #9a9a9a;
    font-size: 13px;
}

.blog-24-small {
    display: flex;
    align-items: center;
}

.blog-24-small-img {
    overflow: hidden;
    border-radius: 12px;
}

.blog-24-small-img img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    transition: transform .4s ease;
}

.blog-24-card:hover .blog-24-small-img img {
    transform: scale(1.08);
}

.blog-24-small-content {
    position: relative;
    flex: 1;
    padding: 15px;
}

.blog-24-tag {
    color: #9fa0ff;
    font-size: 12px;
    font-weight: 500;
}

.blog-24-small-content h4 {
    margin: 8px 0 0;
    color: #d0d0d0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.blog-24-small-content i {
    position: absolute;
    top: 20px;
    right: 15px;
    color: #8f8fff;
    font-size: 18px;
}

@media(max-width:991px) {

    .blog-24 {
        padding: 70px 0;
    }

    .blog-24-header h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .blog-24 {
        padding: 60px 0;
    }

    .blog-24-header h2 {
        font-size: 30px;
    }

    .blog-24-featured .blog-24-image img {
        height: 220px;
    }

    .blog-24-small {
        display: block;
    }

    .blog-24-small-img img {
        width: 100%;
        height: 180px;
        margin-bottom: 10px;
    }

}

/*
services-44 */
.services-44-section {
    padding: 80px 0;
    background: var(--secondary, #0e0e0e);
    color: #fff;
}

.services-44-section * {
    font-family: "Poppins", sans-serif;
}

.services-44-header {
    margin-bottom: 50px;
}

.services-44-subtitle {
    display: inline-block;
    color: var(--accent, #5eead4);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-44-title {
    margin: 10px 0 0;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.services-44-desc {
    margin-top: 25px;
    color: #b5b5b5;
    font-size: 15px;
    line-height: 1.8;
}

.services-44-grid .services-44-card {
    min-height: 230px;
    margin-bottom: 30px;
    padding: 35px 25px;
    background: #1a1a1a;
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .18);
    transition: all .35s ease;
}

.services-44-card:hover {
    background: #202020;
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}

.services-44-icon {
    display: inline-block;
    margin-bottom: 20px;
    color: #6c6c6c;
    font-size: 34px;
    transition: color .35s ease, transform .35s ease;
}

.services-44-card:hover .services-44-icon {
    color: var(--accent, #5eead4);
    transform: scale(1.08);
}

.services-44-card h4 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.services-44-card p {
    margin: 0;
    color: #bdbdbd;
    font-size: 14px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .services-44-section {
        padding: 70px 0;
    }

    .services-44-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .services-44-section {
        padding: 60px 0;
    }

    .services-44-title {
        font-size: 30px;
    }

    .services-44-desc {
        margin-top: 15px;
    }

}


/* about-67 */
.about-67.section-wrapper {
    padding: 80px 0;
    background: var(--light, #f9f5ef);
}

.about-67.section-wrapper * {
    font-family: "Poppins", sans-serif;
}

.about-67-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.about-67-img-wrapper {
    overflow: hidden;
    border-radius: 16px;
}

.about-67-img-wrapper img {
    width: 100%;
    max-width: 500px;
    height: 500px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
    transition: transform .45s ease;
}

.about-67-img-wrapper:hover img {
    transform: scale(1.05);
}

.about-67-content {
    padding: 0 20px;
}

.about-67-title {
    margin: 0 0 20px;
    color: var(--text, #1c1c1c);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-67-desc {
    max-width: 500px;
    margin-bottom: 25px;
    color: #5a5a5a;
    font-size: 15px;
    line-height: 1.8;
}

.about-67-team {
    display: flex;
    align-items: center;
    margin: 10px 0 30px;
}

.about-67-team img {
    width: 44px;
    height: 44px;
    margin-right: -10px;
    border: 3px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    transition: transform .3s ease;
}

.about-67-team img:hover {
    transform: translateY(-4px);
}

.about-67-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: 12px;
    background: var(--accent, #c49f5d);
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.about-67-label {
    margin-left: 12px;
    color: var(--text, #333);
    font-size: 14px;
    font-weight: 600;
}

.about-67-btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 26px;
    background: var(--text, #1c1c1c);
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-67-btn i {
    margin-left: 10px;
}

.about-67-btn:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .20);
}

.about-67-stats-wrapper {
    margin-top: 45px;
    padding: 25px 10px;
    background: var(--secondary, #4b4033);
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

.about-67-stat-box {
    padding: 25px 10px;
    text-align: center;
    color: #fff;
}

.about-67-stat-number {
    font-size: 26px;
    font-weight: 700;
}

.about-67-stat-label {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.8;
    opacity: .9;
}

@media(max-width:991px) {

    .about-67.section-wrapper {
        padding: 70px 0;
    }

    .about-67-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-67.section-wrapper {
        padding: 60px 0;
    }

    .about-67-container {
        text-align: center;
    }

    .about-67-img-wrapper img {
        max-width: 100%;
        height: auto;
    }

    .about-67-content {
        padding: 20px;
    }

    .about-67-title {
        font-size: 30px;
    }

    .about-67-desc {
        margin-left: auto;
        margin-right: auto;
    }

    .about-67-team {
        justify-content: center;
    }

}

/* about-68 */
.about-68 {
    padding: 80px 0;
    background: radial-gradient(circle at left, #2c3e2c, #000);
}

.about-68 * {
    font-family: "Poppins", sans-serif;
}

.about-68-subtitle {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--accent, #c6a16e);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-68-title {
    margin: 0 0 20px;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-68-text {
    max-width: 420px;
    color: #e1e1e1;
    font-size: 15px;
    line-height: 1.8;
}

.about-68-item {
    margin-bottom: 35px;
    transition: transform .35s ease;
}

.about-68-item:hover {
    transform: translateY(-5px);
}

.about-68-icon {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--accent, #c6a16e);
    font-size: 38px;
    transition: transform .35s ease, color .35s ease;
}

.about-68-item:hover .about-68-icon {
    transform: scale(1.08);
}

.about-68-heading {
    margin: 10px 0 8px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.about-68-desc {
    max-width: 270px;
    margin: 0;
    color: #e1e1e1;
    font-size: 14px;
    line-height: 1.8;
}

.about-68-img-wrap {
    margin-top: 10px;
    overflow: hidden;
    border-radius: 16px;
}

.about-68-img {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .25);
    transition: transform .45s ease;
}

.about-68-img-wrap:hover .about-68-img {
    transform: scale(1.05);
}

@media(max-width:991px) {

    .about-68 {
        padding: 70px 0;
    }

    .about-68-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-68 {
        padding: 60px 0;
    }

    .about-68-title {
        font-size: 30px;
    }

    .about-68-text,
    .about-68-desc {
        max-width: 100%;
    }

    .about-68-img {
        margin-top: 20px;
    }

}


/* about-69 */
.about-69 {
    padding: 80px 0;
    background: radial-gradient(circle at left, #2c3e2c, #000);
    color: #fff;
}

.about-69 * {
    font-family: "Poppins", sans-serif;
}

.about-69-container {
    max-width: 1200px;
}

.about-69-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.about-69-images {
    margin-bottom: 30px;
}

.about-69-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.about-69-card {
    height: 180px;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
}

.about-69-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.about-69-card:hover img {
    transform: scale(1.08);
}

.about-69-content {
    padding-left: 40px;
}

.about-69-subtitle {
    display: inline-block;
    margin-bottom: 10px;
    color: #a5bfa5;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-69-title {
    margin: 0 0 15px;
    color: var(--accent, #dda65c);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-69-text {
    margin-bottom: 20px;
    color: #d0d0d0;
    font-size: 14px;
    line-height: 1.8;
}

.about-69-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #a5bfa5;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-69-link:hover {
    color: #fff;
    text-decoration: none;
    transform: translateX(5px);
}

@media(max-width:991px) {

    .about-69 {
        padding: 70px 0;
    }

    .about-69-title {
        font-size: 36px;
    }

    .about-69-content {
        padding-left: 20px;
    }

}

@media(max-width:767px) {

    .about-69 {
        padding: 60px 0;
    }

    .about-69-content {
        padding-left: 0;
        margin-top: 30px;
        text-align: center;
    }

    .about-69-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-69-title {
        font-size: 30px;
    }

}
.about-7-section-wrapper {
    padding: 0 !important;
}

.about-7 {
    position: relative;
    padding: 80px 0;
    background: var(--bg, #f7f8f9);
    color: var(--text, #172532);
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.about-7::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -100px;
    width: 280px;
    height: 280px;
    border: 1px solid var(--accent, #c5a46d);
    border-radius: 50%;
    opacity: 0.18;
}

.about-7::after {
    content: "";
    position: absolute;
    bottom: -160px;
    left: -120px;
    width: 300px;
    height: 300px;
    border: 1px solid var(--primary, #172532);
    border-radius: 50%;
    opacity: 0.06;
}

.about-7 .container {
    position: relative;
    z-index: 1;
}

.about-7-header {
    max-width: 650px;
    margin: 0 auto 48px;
    text-align: center;
}

.about-7-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    color: var(--accent, #c5a46d);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1;
    text-transform: uppercase;
}

.about-7-title {
    margin: 0 0 14px;
    color: var(--text, #172532);
    font-size: 38px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.about-7-description {
    max-width: 570px;
    margin: 0 auto;
    color: var(--secondary, #6b747d);
    font-size: 14px;
    line-height: 1.8;
}

.about-7-partner-list {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
    padding: 0;
}

.about-7-partner-item {
    flex: 1 1 130px;
    max-width: 170px;
    min-width: 125px;
}

.about-7-partner-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 105px;
    padding: 20px;
    background: var(--light, #ffffff);
    border: 1px solid var(--border, #e5e8eb);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(23, 37, 50, 0.045);
    text-decoration: none;
    transition: 0.35s ease;
}

.about-7-partner-link img {
    display: block;
    width: 100%;
    height: 58px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.65;
    transition: 0.35s ease;
}

.about-7-partner-link:hover {
    border-color: var(--accent, #c5a46d);
    background: var(--light, #ffffff);
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(23, 37, 50, 0.09);
}

.about-7-partner-link:hover img {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.04);
}

@media (max-width: 1199px) {
    .about-7 {
        padding: 70px 0;
    }

    .about-7-header {
        margin-bottom: 40px;
    }

    .about-7-title {
        font-size: 36px;
    }

    .about-7-partner-list {
        gap: 14px;
    }

    .about-7-partner-item {
        max-width: 155px;
    }
}

@media (max-width: 991px) {
    .about-7 {
        padding: 65px 0;
    }

    .about-7-header {
        margin-bottom: 35px;
    }

    .about-7-title {
        font-size: 34px;
    }

    .about-7-partner-item {
        flex: 0 0 calc(25% - 14px);
        max-width: none;
    }

    .about-7-partner-link {
        height: 100px;
    }
}

@media (max-width: 767px) {
    .about-7 {
        padding: 55px 0;
    }

    .about-7-header {
        margin-bottom: 30px;
        padding: 0 10px;
    }

    .about-7-eyebrow {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .about-7-title {
        margin-bottom: 12px;
        font-size: 30px;
    }

    .about-7-description {
        font-size: 13px;
        line-height: 1.7;
    }

    .about-7-partner-list {
        gap: 12px;
    }

    .about-7-partner-item {
        flex: 0 0 calc(33.333% - 8px);
    }

    .about-7-partner-link {
        height: 90px;
        padding: 15px;
        border-radius: 13px;
    }

    .about-7-partner-link img {
        height: 52px;
    }
}

@media (max-width: 480px) {
    .about-7 {
        padding: 48px 0;
    }

    .about-7-title {
        font-size: 27px;
    }

    .about-7-description {
        font-size: 12px;
    }

    .about-7-partner-list {
        gap: 10px;
    }

    .about-7-partner-item {
        flex: 0 0 calc(50% - 5px);
    }

    .about-7-partner-link {
        height: 82px;
        padding: 14px;
    }

    .about-7-partner-link img {
        height: 48px;
    }
}
.section-wrapper.about-71 {
    padding: 80px 0;
    background: radial-gradient(circle at left, #000, #4a3b25);
    color: #fff;
    overflow: hidden;
}

.section-wrapper.about-71 * {
    font-family: "Poppins", sans-serif;
}

.about-71-container {
    max-width: 1200px;
}

.about-71-row {
    display: flex;
    align-items: center;
}

.about-71-content {
    margin-bottom: 40px;
}

.about-71-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: #b5cdb7;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-71-subtitle i {
    margin-right: 6px;
    color: var(--accent, #e3b873);
}

.about-71-title {
    margin: 0 0 15px;
    color: var(--accent, #dda65c);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.about-71-desc {
    max-width: 320px;
    color: #cfcfcf;
    font-size: 15px;
    line-height: 1.8;
}

.about-71-cards {
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
}

.about-71-card {
    width: 280px;
    overflow: hidden;
    background: #e9e9e9;
    border-radius: 20px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
    transition: transform .35s ease, box-shadow .35s ease;
}

.about-71-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 50px rgba(0, 0, 0, .30);
}

.about-71-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 15px;
    background: #f3f3f3;
    color: #222;
    font-size: 14px;
    font-weight: 500;
}

.about-71-card-header img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
}

.about-71-card-img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    transition: transform .45s ease;
}

.about-71-card:hover .about-71-card-img {
    transform: scale(1.06);
}

@media(max-width:991px) {

    .section-wrapper.about-71 {
        padding: 70px 0;
    }

    .about-71-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .section-wrapper.about-71 {
        padding: 60px 0;
    }

    .about-71-row {
        display: block;
        text-align: center;
    }

    .about-71-title {
        font-size: 30px;
    }

    .about-71-desc {
        margin: 0 auto 30px;
    }

    .about-71-cards {
        gap: 20px;
    }

}


/* -------------------------------------------- */
.home-93.section-wrapper {
    padding: 80px 0;
    background: var(--light, #eef6f6);
}

.home-93.section-wrapper * {
    font-family: "Poppins", sans-serif;
}

.home-93-header {
    max-width: 700px;
    margin: 0 auto 55px;
}

.home-93-tag {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 16px;
    background: #fff;
    color: var(--text, #0f172a);
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
}

.home-93-header h2 {
    margin: 0 0 18px;
    color: var(--text, #102a33);
    font-size: 54px;
    font-weight: 700;
    line-height: 1.1;
}

.home-93-header h2 span {
    color: var(--primary, #42b6c7);
}

.home-93-header p {
    max-width: 560px;
    margin: 0 auto;
    color: #6b7280;
    font-size: 15px;
    line-height: 1.8;
}

.home-93-team-row {
    margin-bottom: 45px;
}

.home-93-card {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
}

.home-93-card img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
    border-radius: 18px;
    transition: transform .45s ease;
}

.home-93-card:hover img {
    transform: scale(1.05);
}

.home-93-info {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
}

.home-93-info h4 {
    margin: 0;
    color: var(--text, #102a33);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.home-93-info span {
    color: #8b8b8b;
    font-size: 14px;
}

.home-93-social {
    display: flex;
    gap: 12px;
}

.home-93-social i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #f4f4f4;
    border-radius: 50%;
    color: var(--text, #102a33);
    font-size: 12px;
    cursor: pointer;
    transition: all .35s ease;
}

.home-93-social i:hover {
    background: var(--primary, #42b6c7);
    color: #fff;
    transform: translateY(-4px);
}

.home-93-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 28px;
    background: var(--secondary, #0c3b45);
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.home-93-btn:hover {
    background: var(--text, #06252b);
    color: #fff;
    text-decoration: none;
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

.home-93-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #fff;
    color: var(--secondary, #0c3b45);
    border-radius: 50%;
}

@media(max-width:991px) {

    .home-93.section-wrapper {
        padding: 70px 0;
    }

    .home-93-header h2 {
        font-size: 42px;
    }

    .home-93-card img {
        height: 420px;
    }

}

@media(max-width:767px) {

    .home-93.section-wrapper {
        padding: 60px 0;
    }

    .home-93-header h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .home-93-header br {
        display: none;
    }

    .home-93-card img {
        height: 380px;
    }

    .home-93-info {
        padding: 12px;
    }

    .home-93-info h4 {
        font-size: 17px;
    }

    .home-93-btn {
        padding: 13px 22px;
    }

}

.home-94.section-wrapper {
    padding: 80px 0;
    background: var(--light, #f8f9f9);
}

.home-94.section-wrapper * {
    font-family: "Poppins", sans-serif;
}

.home-94-tag {
    display: inline-block;
    margin-bottom: 22px;
    padding: 8px 16px;
    background: #eef2f2;
    color: var(--text, #23343a);
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
}

.home-94-title {
    margin: 0 0 22px;
    color: var(--text, #0f2229);
    font-size: 58px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1px;
}

.home-94-title span {
    color: var(--primary, #4d8f97);
}

.home-94-desc {
    max-width: 520px;
    margin-bottom: 45px;
    color: #6d7278;
    font-size: 17px;
    line-height: 1.8;
}

.home-94-accordion {
    max-width: 560px;
}

.home-94-item {
    padding: 18px 0;
    border-bottom: 1px solid var(--border, #e3e7e8);
    transition: all .35s ease;
}

.home-94-item:hover {
    transform: translateX(6px);
}

.home-94-item:first-child {
    padding-top: 0;
}

.home-94-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text, #222);
    font-size: 34px;
    font-weight: 600;
    line-height: 1.3;
}

.home-94-heading span {
    color: var(--primary, #4d8f97);
    font-size: 18px;
}

.home-94-content {
    max-width: 470px;
    margin-top: 18px;
    margin-left: 30px;
    color: #6f757b;
    font-size: 16px;
    line-height: 1.8;
}

.home-94-image {
    text-align: right;
}

.home-94-image img {
    display: block;
    width: 100%;
    max-width: 520px;
    margin-left: auto;
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
    transition: transform .45s ease;
}

.home-94-image:hover img {
    transform: scale(1.03);
}

@media(max-width:991px) {

    .home-94.section-wrapper {
        padding: 70px 0;
    }

    .home-94-title {
        font-size: 42px;
    }

    .home-94-heading {
        font-size: 26px;
    }

    .home-94-image {
        margin-top: 50px;
        text-align: center;
    }

    .home-94-image img {
        margin: 0 auto;
    }

}

@media(max-width:767px) {

    .home-94.section-wrapper {
        padding: 60px 0;
    }

    .home-94-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .home-94-desc {
        font-size: 15px;
    }

    .home-94-heading {
        font-size: 22px;
    }

    .home-94-content {
        margin-left: 20px;
        font-size: 14px;
    }

    .home-94-image img {
        max-width: 100%;
    }

}

/*
home-95 */
.home-95.section-wrapper {
    padding: 80px 0;
    background: var(--light, #f7f7f6);
    overflow: hidden;
}

.home-95.section-wrapper * {
    font-family: "Poppins", sans-serif;
}

.home-95-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 60px;
}

.home-95-tag {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 16px;
    background: #eef1f0;
    border-radius: 30px;
    color: var(--text, #18323a);
    font-size: 13px;
    font-weight: 600;
}

.home-95-title {
    max-width: 650px;
    margin: 0;
    color: var(--text, #0f252c);
    font-size: 64px;
    font-weight: 700;
    line-height: 1.1;
}

.home-95-title span {
    display: block;
    color: var(--primary, #4f97a0);
}

.home-95-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 70px;
    padding: 16px 28px;
    background: var(--secondary, #042d35);
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.home-95-btn:hover {
    background: var(--text, #021c22);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

.home-95-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #fff;
    color: var(--secondary, #042d35);
    border-radius: 50%;
    font-size: 12px;
}

.home-95-card {
    position: relative;
    overflow: hidden;
    height: 430px;
    margin-bottom: 30px;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .15);
    animation: home95CardReveal .8s ease forwards;
    transition: transform .35s ease, box-shadow .35s ease;
}

.home-95-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}

.home-95-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .35) 45%, rgba(0, 0, 0, .05) 100%);
}

.home-95-content {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 2;
}

.home-95-content h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}

.home-95-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 50px rgba(0, 0, 0, .22);
}

.home-95-card:hover img {
    transform: scale(1.08);
}

@keyframes home95CardReveal {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media(max-width:991px) {

    .home-95.section-wrapper {
        padding: 70px 0;
    }

    .home-95-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-95-title {
        font-size: 42px;
    }

    .home-95-btn {
        margin-top: 0;
    }

    .home-95-card {
        height: 380px;
    }

}

@media(max-width:767px) {

    .home-95.section-wrapper {
        padding: 60px 0;
    }

    .home-95-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .home-95-card {
        height: 340px;
    }

    .home-95-content {
        left: 18px;
        right: 18px;
        bottom: 18px;
    }

    .home-95-content h3 {
        font-size: 18px;
    }

    .home-95-btn {
        width: 100%;
        justify-content: center;
    }

}

.contact-28.section-wrapper {
    padding: 80px 0;
    background: #fff;
}

.contact-28.section-wrapper * {
    font-family: "Poppins", sans-serif;
}

.contact-28-badge {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 18px;
    background: var(--light, #eef5ff);
    border-radius: 30px;
    color: var(--primary, #2563eb);
    font-size: 13px;
    font-weight: 600;
}

.contact-28-title {
    margin: 0 0 20px;
    color: var(--text, #0f172a);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;
}

.contact-28-description {
    margin-bottom: 30px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.8;
}

.contact-28-image-box {
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .10);
}

.contact-28-image-box img {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
    transition: transform .45s ease;
}

.contact-28-image-box:hover img {
    transform: scale(1.05);
}

.contact-28-form-card {
    height: 100%;
    padding: 40px;
    background: var(--light, #edf4ff);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
}

.contact-28-form-heading {
    margin: 0 0 10px;
    color: var(--text, #0f172a);
    font-weight: 700;
}

.contact-28-form-text {
    margin-bottom: 30px;
    color: #64748b;
    line-height: 1.8;
}

.contact-28-input,
.contact-28-textarea {
    width: 100%;
    padding: 12px 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border, #cbd5e1);
    border-radius: 0;
    box-shadow: none;
    transition: border-color .3s ease;
}

.contact-28-input {
    margin-bottom: 20px;
}

.contact-28-textarea {
    resize: none;
}

.contact-28-input:focus,
.contact-28-textarea:focus {
    outline: none;
    border-bottom-color: var(--primary, #2563eb);
    box-shadow: none;
}

.contact-28-send-btn {
    margin-top: 30px;
    padding: 14px 35px;
    background: var(--primary, #2563eb);
    border: none;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    transition: all .35s ease;
}

.contact-28-send-btn:hover {
    background: var(--secondary, #1d4ed8);
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(37, 99, 235, .20);
}

.contact-28-help-section {
    margin-top: 80px;
}

.contact-28-help-title {
    margin: 0 0 10px;
    color: var(--text, #0f172a);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-28-help-subtitle {
    margin-bottom: 35px;
    color: #64748b;
    line-height: 1.8;
}

.contact-28-info-card {
    height: 100%;
    padding: 30px;
    background: var(--light, #edf4ff);
    border-radius: 18px;
    transition: all .35s ease;
}

.contact-28-info-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
}

.contact-28-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 12px;
    color: var(--primary, #2563eb);
    font-size: 22px;
}

.contact-28-info-card h4 {
    margin: 0 0 10px;
    color: var(--text, #0f172a);
    font-weight: 700;
}

.contact-28-info-card p {
    margin-bottom: 15px;
    color: #64748b;
    line-height: 1.8;
}

.contact-28-info-card span {
    display: block;
    min-height: 50px;
    color: var(--text, #0f172a);
    font-weight: 700;
    line-height: 1.8;
}

@media(max-width:991px) {

    .contact-28.section-wrapper {
        padding: 70px 0;
    }

    .contact-28-title {
        font-size: 42px;
    }

    .contact-28-help-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .contact-28.section-wrapper {
        padding: 60px 0;
    }

    .contact-28-title {
        font-size: 30px;
    }

    .contact-28-help-title {
        font-size: 30px;
    }

    .contact-28-form-card {
        margin-top: 30px;
        padding: 30px 25px;
    }

    .contact-28-info-card {
        margin-bottom: 20px;
    }

}

.testimonial-18.section-wrapper {
    padding: 80px 0;
    background: var(--light, #f8fafc);
}

.testimonial-18.section-wrapper * {
    font-family: "Poppins", sans-serif;
}

.testimonial-18-header {
    max-width: 750px;
    margin: 0 auto 60px;
    text-align: center;
}

.testimonial-18-badge {
    display: inline-block;
    color: var(--primary, #2563eb);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.testimonial-18-title {
    margin: 15px 0;
    color: var(--text, #0f172a);
    font-size: 58px;
    font-weight: 700;
    line-height: 1.1;
}

.testimonial-18-subtitle {
    color: #64748b;
    font-size: 15px;
    line-height: 1.8;
}

.testimonial-18-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}

.testimonial-18-profiles {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 120px;
}

.testimonial-18-profile {
    width: 120px;
    height: 95px;
    overflow: hidden;
    border: 3px solid transparent;
    border-radius: 20px;
    cursor: pointer;
    transition: all .35s ease;
}

.testimonial-18-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.testimonial-18-profile.active {
    border-color: var(--primary, #2563eb);
    transform: scale(1.03);
}

.testimonial-18-profile:hover img {
    transform: scale(1.08);
}

.testimonial-18-content-wrapper {
    position: relative;
    flex: 1;
    min-height: 420px;
    padding: 60px;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .08);
}

.testimonial-18-bg-quote {
    position: absolute;
    top: 20px;
    right: 40px;
    color: #edf2f7;
    font-size: 180px;
    line-height: 1;
}

.testimonial-18-content {
    position: relative;
    z-index: 2;
    display: none;
}

.testimonial-18-content.active {
    display: block;
    animation: testimonial18Fade .5s ease;
}

@keyframes testimonial18Fade {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.testimonial-18-review {
    max-width: 900px;
    margin-bottom: 25px;
    color: var(--text, #0f172a);
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
}

.testimonial-18-description {
    max-width: 750px;
    color: #64748b;
    font-size: 17px;
    line-height: 1.8;
}

.testimonial-18-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding-top: 25px;
    border-top: 1px dashed var(--border, #cbd5e1);
}

.testimonial-18-name {
    margin: 0;
    color: var(--text, #0f172a);
    font-size: 20px;
    font-weight: 700;
}

.testimonial-18-role {
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.testimonial-18-stars {
    color: var(--accent, #f59e0b);
    font-size: 22px;
    letter-spacing: 3px;
}

@media(max-width:991px) {

    .testimonial-18.section-wrapper {
        padding: 70px 0;
    }

    .testimonial-18-wrapper {
        flex-direction: column;
    }

    .testimonial-18-profiles {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .testimonial-18-title {
        font-size: 36px;
    }

    .testimonial-18-review {
        font-size: 30px;
    }

    .testimonial-18-content-wrapper {
        padding: 35px;
    }

}

@media(max-width:767px) {

    .testimonial-18.section-wrapper {
        padding: 60px 0;
    }

    .testimonial-18-title {
        font-size: 30px;
    }

    .testimonial-18-review {
        font-size: 24px;
    }

    .testimonial-18-description {
        font-size: 15px;
    }

    .testimonial-18-footer {
        display: block;
    }

    .testimonial-18-stars {
        margin-top: 15px;
    }

}

/* about-70 */
.about-70.section-wrapper {
    padding: 80px 0;
    background: var(--light, #f8fafc);
    overflow: hidden;
}

.about-70.section-wrapper * {
    font-family: "Poppins", sans-serif;
}

.about-70-header {
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
}

.about-70-badge {
    display: inline-block;
    padding: 10px 22px;
    background: #e2e8f0;
    border-radius: 30px;
    color: var(--text, #0f172a);
    font-size: 14px;
    font-weight: 600;
}

.about-70-title {
    margin: 25px 0;
    color: var(--text, #042c35);
    font-size: 64px;
    font-weight: 700;
    line-height: 1.15;
}

.about-70-title span {
    color: var(--primary, #4ba8b6);
}

.about-70-description {
    max-width: 700px;
    margin: 0 auto;
    color: #64748b;
    font-size: 18px;
    line-height: 1.8;
}

.about-70-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    margin-top: 35px;
    padding: 18px 32px;
    background: var(--secondary, #013d4a);
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-70-btn:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

.about-70-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    color: var(--secondary, #013d4a);
}

.about-70-gallery {
    position: relative;
    height: 420px;
    margin-top: 70px;
}

.about-70-image {
    position: absolute;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .08);
    transition: transform .45s ease, box-shadow .45s ease;
}

.about-70-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.about-70-image:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .15);
}

.about-70-image:hover img {
    transform: scale(1.06);
}

.about-70-image-1 {
    width: 220px;
    height: 150px;
    left: 60px;
    top: 20px;
}

.about-70-image-2 {
    width: 220px;
    height: 150px;
    left: 320px;
    top: 70px;
}

.about-70-image-3 {
    width: 300px;
    height: 200px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.about-70-image-4 {
    width: 220px;
    height: 150px;
    right: 320px;
    top: 70px;
}

.about-70-image-5 {
    width: 220px;
    height: 150px;
    right: 60px;
    top: 20px;
}

@media(max-width:991px) {

    .about-70.section-wrapper {
        padding: 70px 0;
    }

    .about-70-title {
        font-size: 36px;
    }

    .about-70-description {
        font-size: 16px;
    }

    .about-70-gallery {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        height: auto;
        margin-top: 50px;
    }

    .about-70-image {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        height: 220px;
        transform: none !important;
    }

    .about-70-image-3 {
        grid-column: span 2;
    }

}

@media(max-width:767px) {

    .about-70.section-wrapper {
        padding: 60px 0;
    }

    .about-70-title {
        font-size: 30px;
    }

    .about-70-description {
        font-size: 15px;
    }

    .about-70-gallery {
        grid-template-columns: 1fr;
    }

    .about-70-image-3 {
        grid-column: auto;
    }

}

/* about-71 */
.about-71.section-wrapper {
    padding: 80px 0;
    background: var(--light, #f5f1ee);
}

.about-71.section-wrapper * {
    font-family: "Poppins", sans-serif;
}

.about-71-header {
    margin-bottom: 70px;
    text-align: center;
}

.about-71-badge {
    display: inline-block;
    margin-bottom: 15px;
    padding: 8px 18px;
    background: #e7eceb;
    border-radius: 30px;
    color: var(--text, #0f172a);
    font-size: 14px;
    font-weight: 600;
}

.about-71-title {
    margin: 0;
    color: var(--text, #0f172a);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.2;
}

.about-71-item {
    margin-bottom: 70px;
    transition: transform .35s ease;
}

.about-71-item:hover {
    transform: translateY(-6px);
}

.about-71-image {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .10);
}

.about-71-image img {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
    transition: transform .6s ease;
}

.about-71-item:hover .about-71-image img {
    transform: scale(1.08);
}

.about-71-category {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    padding: 8px 15px;
    background: rgba(0, 0, 0, .65);
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.about-71-info {
    padding: 22px 20px 0;
}

.about-71-info h3 {
    margin: 0 0 18px;
    color: var(--text, #1f2937);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
}

.about-71-info p {
    max-width: 90%;
    margin: 0;
    color: #6b7280;
    font-size: 18px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .about-71.section-wrapper {
        padding: 70px 0;
    }

    .about-71-title {
        font-size: 36px;
    }

    .about-71-info h3 {
        font-size: 28px;
    }

    .about-71-info p {
        max-width: 100%;
        font-size: 16px;
    }

    .about-71-image img {
        height: 260px;
    }

    .about-71-item {
        margin-bottom: 40px;
    }

}

@media(max-width:767px) {

    .about-71.section-wrapper {
        padding: 60px 0;
    }

    .about-71-title {
        font-size: 30px;
    }

    .about-71-image img {
        height: 220px;
    }

    .about-71-info {
        padding: 18px 5px 0;
    }

    .about-71-info h3 {
        font-size: 24px;
    }

    .about-71-info p {
        font-size: 15px;
    }

}



/* home-96 */
.home-96 {
    padding: 80px 0;
}

.home-96 * {
    font-family: "Poppins", sans-serif;
}

.home-96 .card {
    position: relative;
    overflow: hidden;
    height: 350px;
    margin-bottom: 30px;
    background-size: cover;
    background-position: center;
    border: none;
    border-radius: 16px;
    color: #fff;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
    transition: transform .35s ease, box-shadow .35s ease;
}

.home-96 .card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .25);
}

.home-96 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(1, 182, 255, .67);
    transform: translateX(-100%);
    transition: transform .5s ease;
    z-index: 3;
}

.home-96 .card:hover .overlay {
    transform: translateX(0);
}

.home-96 .overlay h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.home-96 .overlay p {
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 1.8;
}

.home-96 .card .default-text {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    transition: opacity .3s ease;
}

.home-96 .card:hover .default-text {
    opacity: 0;
}

@media(max-width:991px) {

    .home-96 {
        padding: 70px 0;
    }

    .home-96 .card {
        height: 300px;
    }

}

@media(max-width:767px) {

    .home-96 {
        padding: 60px 0;
    }

    .home-96 .card {
        height: 250px;
    }

    .home-96 .overlay h3 {
        font-size: 18px;
    }

    .home-96 .overlay p {
        font-size: 12px;
    }

}

/* home-97 */
.home-97 {
    padding: 80px 0;
    background: var(--light, #f8f7f5);
}

.home-97 * {
    font-family: "Poppins", sans-serif;
}

.home-97 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.home-97-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 80px;
}

.home-97-left,
.home-97-right {
    flex: 1;
}

.home-97-tag {
    display: inline-block;
    margin-bottom: 25px;
    padding: 8px 18px;
    border: 1px solid var(--border, #d9d9d9);
    border-radius: 30px;
    color: var(--text, #333);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-97-title {
    margin: 0;
    color: var(--text, #111);
    font-size: 68px;
    font-weight: 700;
    line-height: 1;
}

.home-97-heading {
    margin: 0 0 25px;
    color: var(--text, #222);
    font-size: 26px;
    font-weight: 600;
    line-height: 1.5;
}

.home-97-description {
    margin: 0 0 35px;
    color: #666;
    font-size: 17px;
    line-height: 1.8;
}

.home-97-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 30px;
    background: var(--primary, #c9a24a);
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.home-97-btn:hover {
    background: var(--secondary, #b88e35);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

.home-97-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 50%;
    color: var(--primary, #c9a24a);
    font-size: 18px;
    transition: transform .35s ease;
}

.home-97-btn:hover .home-97-btn-icon {
    transform: rotate(-45deg);
}

@media(max-width:991px) {

    .home-97 {
        padding: 70px 0;
    }

    .home-97-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 50px;
    }

    .home-97-title {
        font-size: 54px;
    }

    .home-97-heading {
        font-size: 22px;
    }

}

@media(max-width:767px) {

    .home-97 {
        padding: 60px 0;
    }

    .home-97-title {
        font-size: 40px;
    }

    .home-97-heading {
        font-size: 20px;
    }

    .home-97-description {
        font-size: 15px;
    }

    .home-97-btn {
        padding: 14px 24px;
    }

}

/* home-98 */
.home-98 {
    padding: 80px 0;
    background: var(--light, #f6f6f6);
}

.home-98 * {
    font-family: "Poppins", sans-serif;
}

.home-98 .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.home-98-wrapper {
    overflow: hidden;
    padding: 70px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .12);
}

.home-98-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 50px;
}

.home-98-heading {
    max-width: 500px;
}

.home-98-tag {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 18px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-98-title {
    margin: 0;
    color: #fff;
    font-size: 64px;
    font-weight: 700;
    line-height: 1;
}

.home-98-title span {
    color: var(--primary, #cda44c);
}

.home-98-content {
    max-width: 420px;
}

.home-98-content p {
    margin: 0;
    color: rgba(255, 255, 255, .82);
    font-size: 16px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .home-98 {
        padding: 70px 0;
    }

    .home-98-wrapper {
        padding: 50px 40px;
    }

    .home-98-top {
        flex-direction: column;
        gap: 30px;
    }

    .home-98-title {
        font-size: 48px;
    }

    .home-98-content {
        max-width: 100%;
    }

}

@media(max-width:767px) {

    .home-98 {
        padding: 60px 0;
    }

    .home-98-wrapper {
        padding: 35px 25px;
        border-radius: 16px;
    }

    .home-98-title {
        font-size: 30px;
        line-height: 1.2;
    }

    .home-98-content p {
        font-size: 15px;
    }

}

/* Services */
.home-98-services {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.home-98-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 22px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.home-98-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .14);
}

.home-98-card-dark {
    background: var(--secondary, #1a2230);
    color: #fff;
}

.home-98-card-tag {
    display: inline-block;
    width: max-content;
    margin-bottom: 20px;
    padding: 8px 16px;
    border: 1px solid var(--border, #dddddd);
    border-radius: 30px;
    color: #555;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.home-98-card-dark .home-98-card-tag {
    border-color: rgba(255, 255, 255, .15);
    color: #fff;
}

.home-98-card h3 {
    margin: 0 0 20px;
    color: var(--text, #111);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.home-98-card-dark h3 {
    color: #fff;
}

.home-98-card img {
    display: block;
    width: 100%;
    height: 220px;
    margin-bottom: 20px;
    border-radius: 14px;
    object-fit: cover;
    transition: transform .45s ease;
}

.home-98-card:hover img {
    transform: scale(1.05);
}

.home-98-card p {
    margin: 0 0 25px;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

.home-98-card-dark p {
    color: #cfcfcf;
}

.home-98-card a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-top: auto;
    margin-left: auto;
    background: #f3f3f3;
    border-radius: 50%;
    color: var(--text, #111);
    font-size: 20px;
    text-decoration: none;
    transition: all .35s ease;
}

.home-98-card a:hover {
    background: var(--primary, #cda44c);
    color: #fff;
    transform: translateY(-4px);
}

.home-98-card-dark a {
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.home-98-card-dark a:hover {
    background: var(--primary, #cda44c);
    color: #fff;
}

@media(max-width:991px) {

    .home-98 {
        padding: 70px 0;
    }

    .home-98-wrapper {
        padding: 45px;
    }

    .home-98-top {
        flex-direction: column;
    }

    .home-98-services {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-98-title {
        font-size: 36px;
    }

    .home-98-card h3 {
        font-size: 30px;
    }

}

@media(max-width:767px) {

    .home-98 {
        padding: 60px 0;
    }

    .home-98-wrapper {
        padding: 25px;
        border-radius: 16px;
    }

    .home-98-services {
        grid-template-columns: 1fr;
    }

    .home-98-title {
        font-size: 30px;
    }

    .home-98-card h3 {
        font-size: 26px;
    }

    .home-98-card img {
        height: 200px;
    }

}


.about-72 {
    padding: 80px 0;
    background: #fff;
}

.about-72 * {
    font-family: "Poppins", sans-serif;
}

.about-72 .container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
}

.about-72-services {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 70px;
}

.about-72-service-card {
    padding: 35px 25px;
    background: var(--light, #f8f8f8);
    border: 1px solid var(--border, #eeeeee);
    border-radius: 18px;
    text-align: center;
    transition: all .35s ease;
}

.about-72-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
}

.about-72-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    background: #fff;
    border-radius: 50%;
    color: var(--primary, #b99342);
    font-size: 24px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
    transition: all .35s ease;
}

.about-72-service-card:hover .about-72-service-icon {
    background: var(--primary, #b99342);
    color: #fff;
}

.about-72-service-card h4 {
    margin: 0 0 15px;
    color: var(--text, #111);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}

.about-72-service-card p {
    margin: 0 0 15px;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

.about-72-service-card span {
    color: var(--primary, #b99342);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-72-team {
    display: grid;
    grid-template-columns: 320px 1fr 250px;
    gap: 40px;
    align-items: center;
    padding-top: 60px;
    border-top: 1px solid var(--border, #ececec);
}

.about-72-team-image img {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .10);
}

.about-72-subtitle {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--primary, #b99342);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-72-team-content h2 {
    margin: 0 0 20px;
    color: var(--text, #111);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
}

.about-72-team-content p {
    margin: 0 0 15px;
    color: #666;
    line-height: 1.8;
}

.about-72-team-social {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.about-72-team-social a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    background: #fafafa;
    border: 1px solid var(--border, #ececec);
    border-radius: 30px;
    color: var(--text, #111);
    font-weight: 500;
    text-decoration: none;
    transition: all .35s ease;
}

.about-72-team-social a:hover {
    background: var(--primary, #b99342);
    border-color: var(--primary, #b99342);
    color: #fff;
    transform: translateY(-4px);
}

.about-72-team-social a i {
    margin-right: 10px;
    color: var(--primary, #b99342);
    transition: color .35s ease;
}

.about-72-team-social a:hover i {
    color: #fff;
}

@media(max-width:991px) {

    .about-72 {
        padding: 70px 0;
    }

    .about-72-services {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-72-team {
        grid-template-columns: 1fr;
    }

    .about-72-team-image {
        max-width: 400px;
    }

    .about-72-team-content h2 {
        font-size: 36px;
    }

    .about-72-team-social {
        max-width: 350px;
    }

}

@media(max-width:767px) {

    .about-72 {
        padding: 60px 0;
    }

    .about-72-services {
        grid-template-columns: 1fr;
    }

    .about-72-team-content h2 {
        font-size: 30px;
    }

    .about-72-team-image img {
        height: 260px;
    }

}
.about-73 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.about-73 *,
.about-73 *::before,
.about-73 *::after {
    box-sizing: border-box;
}

.about-73 .container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}

.about-73 .about-73-banner {
    display: flex;
    align-items: center;
    min-height: auto;
    overflow: hidden;
    background: var(--light, #f5f1eb);
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .07);
}

.about-73 .about-73-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding: 55px 65px;
}

.about-73 .about-73-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-bottom: 22px;
    padding: 9px 16px;
    border: 1px solid var(--border, #e8e8e8);
    border-radius: 30px;
    background: var(--bg, #fff);
    color: var(--text, #222);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1;
    text-transform: uppercase;
}

.about-73 .about-73-tag i {
    color: var(--primary, #b99342);
    font-size: 16px;
}

.about-73 .about-73-title {
    max-width: 650px;
    margin: 0 0 22px;
    color: var(--text, #222);
    font-size: 58px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.about-73 .about-73-title span {
    display: block;
    color: var(--primary, #b99342);
}

.about-73 .about-73-text {
    max-width: 560px;
    margin: 0 0 30px;
    color: var(--text, #666);
    font-size: 14px;
    line-height: 1.85;
}

.about-73 .about-73-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: fit-content;
    padding: 14px 23px;
    border: 1px solid var(--primary, #b99342);
    border-radius: 8px;
    background: var(--primary, #b99342);
    color: var(--light, #fff);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.about-73 .about-73-btn:hover {
    background: var(--secondary, #9f7c32);
    border-color: var(--secondary, #9f7c32);
    color: var(--light, #fff);
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .12);
}

.about-73 .about-73-btn i {
    font-size: 16px;
    transition: transform .3s ease;
}

.about-73 .about-73-btn:hover i {
    transform: translate(3px, -3px);
}

.about-73 .about-73-image {
    width: 50%;
    height: 520px;
    overflow: hidden;
}

.about-73 .about-73-image img {
    display: block;
    width: 100%;
    height: 520px;
    object-fit: cover;
    transition: transform .6s ease;
}

.about-73 .about-73-banner:hover .about-73-image img {
    transform: scale(1.04);
}

@media (max-width: 1199px) {
    .about-73 .about-73-content {
        padding: 50px;
    }

    .about-73 .about-73-title {
        font-size: 50px;
    }
}

@media (max-width: 991px) {
    .about-73 {
        padding: 70px 0;
    }

    .about-73 .about-73-banner {
        display: block;
    }

    .about-73 .about-73-content {
        width: 100%;
        padding: 50px;
    }

    .about-73 .about-73-title {
        font-size: 44px;
    }

    .about-73 .about-73-image {
        width: 100%;
        height: 420px;
    }

    .about-73 .about-73-image img {
        height: 420px;
    }
}

@media (max-width: 767px) {
    .about-73 {
        padding: 55px 0;
    }

    .about-73 .container {
        padding: 0 10px;
    }

    .about-73 .about-73-banner {
        border-radius: 18px;
    }

    .about-73 .about-73-content {
        padding: 38px 25px;
    }

    .about-73 .about-73-tag {
        margin-bottom: 18px;
        padding: 8px 13px;
        font-size: 10px;
    }

    .about-73 .about-73-title {
        margin-bottom: 18px;
        font-size: 34px;
        line-height: 1.15;
        letter-spacing: -.8px;
    }

    .about-73 .about-73-text {
        margin-bottom: 25px;
        font-size: 13px;
        line-height: 1.75;
    }

    .about-73 .about-73-image {
        width: 100%;
        height: 320px;
    }

    .about-73 .about-73-image img {
        height: 320px;
    }

    .about-73 .about-73-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .about-73 .about-73-content {
        padding: 32px 20px;
    }

    .about-73 .about-73-title {
        font-size: 29px;
    }

    .about-73 .about-73-image {
        height: 270px;
    }

    .about-73 .about-73-image img {
        height: 270px;
    }
}
/* services-45 */
.services-45 {
    padding: 80px 0;
    background: #fff;
}

.services-45 * {
    font-family: "Poppins", sans-serif;
}

.services-45 .container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
}

.services-45-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 50px;
}

.services-45-heading {
    max-width: 500px;
}

.services-45-tag {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 18px;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 30px;
    color: #666;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.services-45-title {
    margin: 0;
    color: var(--text, #111);
    font-size: 54px;
    font-weight: 700;
    line-height: 1.1;
}

.services-45-title span {
    color: var(--primary, #b89a58);
}

.services-45-content {
    max-width: 420px;
}

.services-45-content p {
    margin: 0;
    color: #666;
    line-height: 1.8;
}

.services-45-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.services-45-card {
    background: #fff;
    border-radius: 18px;
    transition: transform .35s ease;
}

.services-45-card:hover {
    transform: translateY(-6px);
}

.services-45-image {
    overflow: hidden;
    margin-bottom: 22px;
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .08);
}

.services-45-image img {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: transform .45s ease;
}

.services-45-card:hover .services-45-image img {
    transform: scale(1.06);
}

.services-45-card-content h3 {
    margin: 0 0 15px;
    color: var(--text, #111);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}

.services-45-card-content p {
    margin: 0;
    color: #777;
    line-height: 1.8;
}

.services-45-btn-wrap {
    margin-top: 45px;
    text-align: center;
}

.services-45-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 30px;
    background: var(--primary, #b89a58);
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.services-45-btn:hover {
    background: var(--secondary, #9f8448);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

.services-45-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 50%;
    color: var(--primary, #b89a58);
    transition: transform .35s ease;
}

.services-45-btn:hover span {
    transform: rotate(-45deg);
}

@media(max-width:991px) {

    .services-45 {
        padding: 70px 0;
    }

    .services-45-header {
        flex-direction: column;
    }

    .services-45-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .services-45-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .services-45 {
        padding: 60px 0;
    }

    .services-45-grid {
        grid-template-columns: 1fr;
    }

    .services-45-title {
        font-size: 30px;
    }

    .services-45-card-content h3 {
        font-size: 24px;
    }

    .services-45-image img {
        height: 240px;
    }

}

/* about-74 */
.about-74 {
    padding: 80px 0;
    background: #fff;
}

.about-74 * {
    font-family: "Poppins", sans-serif;
}

.about-74 .container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

.about-74-wrapper {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 40px;
    background: var(--light, #f8f8f8);
    border-radius: 25px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .06);
}

.about-74-content {
    flex: 1;
}

.about-74-tag {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 18px;
    border: 1px solid var(--border, #dcdcdc);
    border-radius: 30px;
    color: #555;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-74-title {
    margin: 0 0 20px;
    color: var(--text, #111);
    font-size: 58px;
    font-weight: 700;
    line-height: 1.1;
}

.about-74-description {
    max-width: 520px;
    margin: 0 0 35px;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.about-74-buttons {
    display: flex;
    gap: 15px;
    margin-bottom: 50px;
}

.about-74-btn-primary,
.about-74-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 28px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-74-btn-primary {
    background: var(--primary, #b99342);
    color: #fff;
}

.about-74-btn-primary:hover {
    background: var(--secondary, #9f7d35);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

.about-74-btn-outline {
    border: 1px solid var(--border, #d6d6d6);
    color: var(--text, #111);
    background: #fff;
}

.about-74-btn-outline:hover {
    border-color: var(--primary, #b99342);
    background: var(--primary, #b99342);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
}

.about-74-stats {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    padding-top: 35px;
    border-top: 1px solid var(--border, #e5e5e5);
}

.about-74-stat h3 {
    margin: 0 0 10px;
    color: var(--text, #111);
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
}

.about-74-stat p {
    margin: 0;
    color: #777;
    font-size: 14px;
    line-height: 1.8;
}

.about-74-image {
    flex: 0 0 45%;
    overflow: hidden;
    border-radius: 22px;
}

.about-74-image img {
    display: block;
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 22px;
    transition: transform .5s ease;
}

.about-74-wrapper:hover .about-74-image img {
    transform: scale(1.05);
}

@media(max-width:991px) {

    .about-74 {
        padding: 70px 0;
    }

    .about-74-wrapper {
        flex-direction: column;
    }

    .about-74-image {
        width: 100%;
        flex: unset;
    }

    .about-74-image img {
        height: 500px;
    }

    .about-74-title {
        font-size: 36px;
    }

    .about-74-stats {
        flex-wrap: wrap;
    }

}

@media(max-width:767px) {

    .about-74 {
        padding: 60px 0;
    }

    .about-74-wrapper {
        gap: 30px;
        padding: 25px;
    }

    .about-74-title {
        font-size: 30px;
    }

    .about-74-description {
        font-size: 15px;
    }

    .about-74-buttons {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 35px;
    }

    .about-74-stats {
        flex-direction: column;
        gap: 20px;
    }

    .about-74-stat h3 {
        font-size: 42px;
    }

    .about-74-image img {
        height: 320px;
    }

}

.about-75 {
    padding: 80px 0;
    background: #fff;
}

.about-75 * {
    font-family: "Poppins", sans-serif;
}

.about-75 .container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
}

.about-75-wrapper {
    display: grid;
    grid-template-columns: 520px 1fr;
    gap: 60px;
    align-items: center;
}

.about-75-left {
    display: flex;
    align-items: stretch;
    gap: 15px;
}

.about-75-info-card {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 35px;
    background: var(--secondary, #18233d);
    border-radius: 25px;
    color: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
}

.about-75-tag {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--primary, #d4b06a);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-75-info-card h3 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
}

.about-75-info-card p {
    margin: 0;
    color: rgba(255, 255, 255, .75);
    font-size: 15px;
    line-height: 1.8;
}

.about-75-image-card {
    position: relative;
    width: 220px;
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
}

.about-75-image-card img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    border-radius: 25px;
    transition: transform .5s ease;
}

.about-75-image-card:hover img {
    transform: scale(1.06);
}

.about-75-subtitle {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--primary, #b99342);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.about-75-title {
    margin: 0 0 25px;
    color: var(--text, #111);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.15;
}

.about-75-description {
    max-width: 600px;
    margin: 0 0 35px;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.about-75-features {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.about-75-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    background: #fff;
    border: 1px solid var(--border, #dcdcdc);
    border-radius: 30px;
    color: var(--text, #111);
    font-weight: 500;
    transition: all .35s ease;
}

.about-75-feature:hover {
    background: var(--primary, #b99342);
    border-color: var(--primary, #b99342);
    color: #fff;
    transform: translateY(-4px);
}

.about-75-feature i {
    font-size: 18px;
}

.about-75-feature-active {
    background: var(--text, #111);
    border-color: var(--text, #111);
    color: #fff;
}

@media(max-width:991px) {

    .about-75 {
        padding: 70px 0;
    }

    .about-75-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .about-75-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-75 {
        padding: 60px 0;
    }

    .about-75-left {
        flex-direction: column;
    }

    .about-75-image-card {
        width: 100%;
    }

    .about-75-image-card img {
        height: 320px;
        min-height: auto;
    }

    .about-75-info-card {
        padding: 25px;
    }

    .about-75-title {
        font-size: 30px;
    }

    .about-75-description {
        font-size: 15px;
    }

    .about-75-features {
        flex-direction: column;
        align-items: flex-start;
    }

    .about-75-feature {
        width: 100%;
    }

}
.contact-29 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.contact-29 *,
.contact-29 *::before,
.contact-29 *::after {
    box-sizing: border-box;
}

.contact-29 .container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

.contact-29 .contact-29-wrapper {
    display: grid;
    grid-template-columns: 390px 1fr;
    gap: 25px;
    align-items: stretch;
    margin-bottom: 30px;
}

.contact-29 .contact-29-info,
.contact-29 .contact-29-form-box {
    border: 1px solid var(--border, #e6e6e6);
    border-radius: 18px;
    background: var(--bg, #fff);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .05);
}

.contact-29 .contact-29-info {
    padding: 38px;
}

.contact-29 .contact-29-tag,
.contact-29 .contact-29-form-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    color: var(--primary, #b99342);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1;
    text-transform: uppercase;
}

.contact-29 .contact-29-tag {
    margin-bottom: 16px;
}

.contact-29 .contact-29-tag i,
.contact-29 .contact-29-form-tag i {
    font-size: 16px;
}

.contact-29 .contact-29-title {
    margin: 0 0 15px;
    color: var(--text, #222);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.contact-29 .contact-29-description {
    margin: 0 0 28px;
    color: var(--text, #666);
    font-size: 13px;
    line-height: 1.8;
}

.contact-29 .contact-29-info-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact-29 .contact-29-item {
    display: grid;
    grid-template-columns: 44px 1fr;
    align-items: center;
    gap: 12px;
    min-height: 70px;
    padding: 10px;
    border: 1px solid var(--border, #e9e9e9);
    border-radius: 10px;
    background: var(--light, #f7f7f7);
    transition: .3s ease;
}

.contact-29 .contact-29-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
}

.contact-29 .contact-29-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: var(--bg, #fff);
    color: var(--primary, #b99342);
    font-size: 18px;
    transition: .3s ease;
}

.contact-29 .contact-29-item:hover .contact-29-icon {
    background: var(--primary, #b99342);
    color: var(--light, #fff);
}

.contact-29 .contact-29-item span {
    display: block;
    margin-bottom: 3px;
    color: var(--text, #888);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.contact-29 .contact-29-item h5 {
    margin: 0;
    color: var(--text, #333);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    word-break: break-word;
}

.contact-29 .contact-29-form-box {
    padding: 38px 42px;
}

.contact-29 .contact-29-form-tag {
    margin-bottom: 10px;
}

.contact-29 .contact-29-form-title {
    margin: 0 0 7px;
    color: var(--text, #222);
    font-size: 27px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-29 .contact-29-form-description {
    margin: 0 0 25px;
    color: var(--text, #777);
    font-size: 12px;
    line-height: 1.7;
}

.contact-29 .contact-29-form {
    width: 100%;
}

.contact-29 .contact-29-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.contact-29 .contact-29-field {
    margin-bottom: 16px;
}

.contact-29 .contact-29-field label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7px;
    color: var(--text, #444);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .3px;
}

.contact-29 .contact-29-field label i {
    color: var(--primary, #b99342);
    font-size: 14px;
}

.contact-29 .contact-29-field input,
.contact-29 .contact-29-field select,
.contact-29 .contact-29-field textarea {
    display: block;
    width: 100%;
    border: 1px solid var(--border, #e2e2e2);
    border-radius: 8px;
    background: var(--light, #fafafa);
    color: var(--text, #333);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    outline: none;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.contact-29 .contact-29-field input,
.contact-29 .contact-29-field select {
    height: 48px;
    padding: 10px 14px;
}

.contact-29 .contact-29-field textarea {
    height: 115px;
    padding: 12px 14px;
    resize: none;
}

.contact-29 .contact-29-field input::placeholder,
.contact-29 .contact-29-field textarea::placeholder {
    color: var(--text, #999);
    opacity: .7;
}

.contact-29 .contact-29-field input:focus,
.contact-29 .contact-29-field select:focus,
.contact-29 .contact-29-field textarea:focus {
    border-color: var(--primary, #b99342);
    box-shadow: 0 0 0 3px rgba(185, 147, 66, .08);
}

.contact-29 .contact-29-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 145px;
    padding: 13px 23px;
    border: 1px solid var(--primary, #b99342);
    border-radius: 8px;
    background: var(--primary, #b99342);
    color: var(--light, #fff);
    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .3px;
    transition: .3s ease;
}

.contact-29 .contact-29-btn i {
    font-size: 16px;
    transition: transform .3s ease;
}

.contact-29 .contact-29-btn:hover {
    background: var(--secondary, #9d7b35);
    border-color: var(--secondary, #9d7b35);
    color: var(--light, #fff);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
}

.contact-29 .contact-29-btn:hover i {
    transform: translateX(4px);
}

.contact-29 .form-message {
    margin: 10px 0 0;
    color: var(--text, #666);
    font-size: 11px;
}

.contact-29 .contact-29-map {
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--border, #e6e6e6);
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
}

.contact-29 .contact-29-map iframe {
    display: block;
    width: 100%;
    height: 380px;
    border: 0;
}

@media (max-width: 991px) {
    .contact-29 {
        padding: 70px 0;
    }

    .contact-29 .contact-29-wrapper {
        grid-template-columns: 1fr;
    }

    .contact-29 .contact-29-info {
        padding: 35px;
    }

    .contact-29 .contact-29-title {
        font-size: 34px;
    }

    .contact-29 .contact-29-map iframe {
        height: 350px;
    }
}

@media (max-width: 767px) {
    .contact-29 {
        padding: 55px 0;
    }

    .contact-29 .container {
        padding: 0 10px;
    }

    .contact-29 .contact-29-info,
    .contact-29 .contact-29-form-box {
        padding: 28px 22px;
        border-radius: 14px;
    }

    .contact-29 .contact-29-title {
        font-size: 29px;
    }

    .contact-29 .contact-29-description {
        font-size: 12px;
    }

    .contact-29 .contact-29-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-29 .contact-29-form-title {
        font-size: 23px;
    }

    .contact-29 .contact-29-btn {
        width: 100%;
    }

    .contact-29 .contact-29-map {
        border-radius: 14px;
    }

    .contact-29 .contact-29-map iframe {
        height: 280px;
    }
}

@media (max-width: 480px) {
    .contact-29 .contact-29-info,
    .contact-29 .contact-29-form-box {
        padding: 24px 18px;
    }

    .contact-29 .contact-29-title {
        font-size: 27px;
    }

    .contact-29 .contact-29-item {
        grid-template-columns: 40px 1fr;
    }

    .contact-29 .contact-29-icon {
        width: 40px;
        height: 40px;
    }

    .contact-29 .contact-29-item h5 {
        font-size: 11px;
    }

    .contact-29 .contact-29-map iframe {
        height: 250px;
    }
}
/* pricing-12 */
.pricing-12 {
    padding: 80px 0;
    background: var(--light, #f8f8f8);
}

.pricing-12 * {
    font-family: "Poppins", sans-serif;
}

.pricing-12 .container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

.pricing-12-wrapper {
    padding: 70px 50px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, .06);
}

.pricing-12-header {
    max-width: 750px;
    margin: 0 auto 60px;
    text-align: center;
}

.pricing-12-tag {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 18px;
    background: var(--light, #eaf8ef);
    border-radius: 30px;
    color: var(--primary, #4a9d63);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.pricing-12-title {
    margin: 0 0 15px;
    color: var(--text, #111);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}

.pricing-12-description {
    margin: 0;
    color: #666;
    line-height: 1.8;
}

.pricing-12-plans {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.pricing-12-card {
    position: relative;
    padding: 35px 30px;
    background: #fff;
    border: 1px solid var(--border, #ececec);
    border-radius: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    transition: transform .35s ease, box-shadow .35s ease;
}

.pricing-12-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .10);
}

.pricing-12-featured {
    border: 2px solid var(--primary, #b99342);
    transform: scale(1.03);
}

.pricing-12-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    padding: 8px 20px;
    background: var(--primary, #b99342);
    border-radius: 30px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transform: translateX(-50%);
}

.pricing-12-plan-type {
    display: block;
    margin-bottom: 15px;
    color: #777;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.pricing-12-card h3 {
    margin: 0 0 10px;
    color: var(--text, #111);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
}

.pricing-12-subtitle {
    margin-bottom: 25px;
    color: #666;
    line-height: 1.8;
}

.pricing-12-price {
    margin-bottom: 25px;
}

.pricing-12-price span {
    color: var(--text, #111);
    font-size: 46px;
    font-weight: 700;
}

.pricing-12-price small {
    color: #888;
    font-size: 15px;
}

.pricing-12-btn {
    display: block;
    margin-bottom: 30px;
    padding: 14px;
    background: #fff;
    border: 1px solid var(--border, #dcdcdc);
    border-radius: 30px;
    color: var(--text, #111);
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: all .35s ease;
}

.pricing-12-btn:hover {
    background: var(--primary, #b99342);
    border-color: var(--primary, #b99342);
    color: #fff;
    text-decoration: none;
}

.pricing-12-btn-featured {
    background: var(--primary, #b99342);
    border-color: var(--primary, #b99342);
    color: #fff;
}

.pricing-12-btn-featured:hover {
    background: var(--secondary, #9f7d35);
    border-color: var(--secondary, #9f7d35);
}

.pricing-12-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing-12-card ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 24px;
    color: #666;
    line-height: 1.8;
}

.pricing-12-card ul li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary, #b99342);
    font-weight: 700;
}

@media(max-width:991px) {

    .pricing-12 {
        padding: 70px 0;
    }

    .pricing-12-plans {
        grid-template-columns: 1fr;
    }

    .pricing-12-featured {
        transform: none;
    }

    .pricing-12-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .pricing-12 {
        padding: 60px 0;
    }

    .pricing-12-wrapper {
        padding: 40px 25px;
    }

    .pricing-12-title {
        font-size: 30px;
    }

    .pricing-12-card h3 {
        font-size: 28px;
    }

    .pricing-12-price span {
        font-size: 38px;
    }

}
.services-46 {
    padding: 80px 0;
    background: var(--bg, #fff);
    font-family: "Poppins", sans-serif;
}

.services-46 *,
.services-46 *::before,
.services-46 *::after {
    box-sizing: border-box;
}

.services-46 .container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
}

.services-46 .services-46-header {
    max-width: 780px;
    margin: 0 auto 55px;
    text-align: center;
}

.services-46 .services-46-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-bottom: 17px;
    padding: 8px 15px;
    border: 1px solid var(--border, #e5e5e5);
    border-radius: 30px;
    background: var(--light, #f7f7f7);
    color: var(--primary, #1f2b60);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1;
    text-transform: uppercase;
}

.services-46 .services-46-tag i {
    font-size: 15px;
}

.services-46 .services-46-title {
    margin: 0 0 17px;
    color: var(--text, #222);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.8px;
}

.services-46 .services-46-title span {
    display: block;
    color: var(--primary, #1f2b60);
}

.services-46 .services-46-description {
    max-width: 650px;
    margin: 0 auto;
    color: var(--text, #666);
    font-size: 13px;
    line-height: 1.8;
}

.services-46 .services-46-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px minmax(0, 1fr);
    gap: 22px;
    align-items: stretch;
}

.services-46 .services-46-features {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 22px;
}

.services-46 .services-46-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 220px;
    padding: 28px;
    border: 1px solid var(--border, #e7e7e7);
    border-radius: 16px;
    background: var(--light, #f7f7f7);
    transition: .3s ease;
}

.services-46 .services-46-card:hover {
    transform: translateY(-5px);
    background: var(--bg, #fff);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .07);
}

.services-46 .services-46-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 19px;
    border-radius: 10px;
    background: var(--primary, #1f2b60);
    color: var(--light, #fff);
    font-size: 20px;
    transition: .3s ease;
}

.services-46 .services-46-card:hover .services-46-icon {
    transform: translateY(-2px);
}

.services-46 .services-46-card h4 {
    margin: 0 0 10px;
    color: var(--text, #222);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
}

.services-46 .services-46-card p {
    margin: 0;
    color: var(--text, #666);
    font-size: 12px;
    line-height: 1.75;
}

.services-46 .services-46-image {
    width: 100%;
    height: 100%;
    min-height: 462px;
    overflow: hidden;
    border-radius: 20px;
    background: var(--light, #f5f5f5);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .09);
}

.services-46 .services-46-image img {
    display: block;
    width: 100%;
    height: 462px;
    object-fit: cover;
    object-position: center;
    transition: transform .5s ease;
}

.services-46 .services-46-image:hover img {
    transform: scale(1.04);
}

@media (max-width: 1199px) {
    .services-46 .services-46-grid {
        grid-template-columns: minmax(0, 1fr) 350px minmax(0, 1fr);
    }

    .services-46 .services-46-title {
        font-size: 43px;
    }

    .services-46 .services-46-card {
        padding: 24px;
    }
}

@media (max-width: 991px) {
    .services-46 {
        padding: 70px 0;
    }

    .services-46 .services-46-header {
        margin-bottom: 40px;
    }

    .services-46 .services-46-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .services-46 .services-46-image {
        grid-column: 1 / -1;
        grid-row: 1;
        width: 100%;
        max-width: 500px;
        min-height: 400px;
        margin: 0 auto;
    }

    .services-46 .services-46-image img {
        height: 400px;
    }

    .services-46 .services-46-features {
        grid-row: 2;
    }

    .services-46 .services-46-title {
        font-size: 37px;
    }
}

@media (max-width: 767px) {
    .services-46 {
        padding: 55px 0;
    }

    .services-46 .container {
        padding: 0 10px;
    }

    .services-46 .services-46-header {
        margin-bottom: 32px;
    }

    .services-46 .services-46-title {
        font-size: 30px;
        line-height: 1.2;
    }

    .services-46 .services-46-description {
        font-size: 12px;
        line-height: 1.75;
    }

    .services-46 .services-46-grid {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .services-46 .services-46-image {
        order: 1;
        width: 100%;
        max-width: none;
        height: 350px;
        min-height: 350px;
    }

    .services-46 .services-46-image img {
        height: 350px;
    }

    .services-46 .services-46-features {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .services-46 .services-46-features:first-child {
        order: 2;
    }

    .services-46 .services-46-features:last-child {
        order: 3;
    }

    .services-46 .services-46-card {
        min-height: 190px;
        padding: 24px;
    }

    .services-46 .services-46-card h4 {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .services-46 .services-46-title {
        font-size: 27px;
    }

    .services-46 .services-46-image {
        height: 300px;
        min-height: 300px;
        border-radius: 15px;
    }

    .services-46 .services-46-image img {
        height: 300px;
    }

    .services-46 .services-46-card {
        min-height: 175px;
        padding: 20px;
    }

    .services-46 .services-46-icon {
        width: 44px;
        height: 44px;
        margin-bottom: 15px;
        font-size: 18px;
    }
}

.services-47 {
    padding: 90px 0;
    background: var(--primary, #ba8b53);
    font-family: "Poppins", sans-serif;
}

.services-47 *,
.services-47 *::before,
.services-47 *::after {
    box-sizing: border-box;
}

.services-47 .container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

.services-47 .services-47-wrapper {
    width: 100%;
}

.services-47 .services-47-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 35px;
}

.services-47 .services-47-heading {
    max-width: 700px;
}

.services-47 .services-47-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-bottom: 18px;
    padding: 8px 15px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50px;
    color: var(--light, #fff);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1;
    text-transform: uppercase;
}

.services-47 .services-47-tag i {
    font-size: 15px;
}

.services-47 .services-47-heading h2 {
    margin: 0;
    color: var(--light, #fff);
    font-size: 52px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.8px;
}

.services-47 .services-47-content {
    max-width: 400px;
}

.services-47 .services-47-content p {
    margin: 0 0 22px;
    color: rgba(255, 255, 255, .84);
    font-size: 13px;
    line-height: 1.8;
}

.services-47 .services-47-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 21px;
    border-radius: 8px;
    background: var(--light, #fff);
    color: var(--text, #222);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}

.services-47 .services-47-btn i {
    font-size: 15px;
    transition: transform .3s ease;
}

.services-47 .services-47-btn:hover {
    background: var(--secondary, #9a6d39);
    color: var(--light, #fff);
    transform: translateY(-2px);
}

.services-47 .services-47-btn:hover i {
    transform: translateX(4px);
}

.services-47 .services-47-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.2fr 1fr;
    gap: 18px;
}

.services-47 .services-47-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 280px;
    padding: 30px;
    border-radius: 18px;
    transition: .3s ease;
}

.services-47 .services-47-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 35px rgba(0, 0, 0, .12);
}

.services-47 .services-47-card-light {
    background: var(--light, #fff);
}

.services-47 .services-47-card-pink {
    background: var(--surface, #f3e5d2);
}

.services-47 .services-47-card-cream {
    background: var(--surface-2, #ecd7bc);
}

.services-47 .services-47-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 18px;
    border-radius: 10px;
    background: var(--primary, #ba8b53);
    color: var(--light, #fff);
    font-size: 19px;
}

.services-47 .services-47-card h3 {
    margin: 0 0 13px;
    color: var(--text, #222);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.25;
}

.services-47 .services-47-card p {
    margin: 0;
    color: var(--text, #555);
    font-size: 12px;
    line-height: 1.75;
}

.services-47 .services-47-image {
    width: 100%;
    height: 280px;
    overflow: hidden;
    border-radius: 18px;
    background: var(--light, #fff);
}

.services-47 .services-47-image img {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
    transition: transform .5s ease;
}

.services-47 .services-47-image:hover img {
    transform: scale(1.04);
}

@media (max-width: 1199px) {
    .services-47 .services-47-heading h2 {
        font-size: 45px;
    }

    .services-47 .services-47-grid {
        grid-template-columns: 1fr 1.1fr 1.1fr 1fr;
        gap: 15px;
    }

    .services-47 .services-47-card {
        padding: 24px;
    }

    .services-47 .services-47-card h3 {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    .services-47 {
        padding: 70px 0;
    }

    .services-47 .services-47-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }

    .services-47 .services-47-content {
        max-width: 600px;
    }

    .services-47 .services-47-heading h2 {
        font-size: 40px;
    }

    .services-47 .services-47-grid {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .services-47 .services-47-card,
    .services-47 .services-47-image {
        min-height: 280px;
        height: 280px;
    }

    .services-47 .services-47-image img {
        height: 280px;
    }
}

@media (max-width: 767px) {
    .services-47 {
        padding: 55px 0;
    }

    .services-47 .container {
        padding: 0 10px;
    }

    .services-47 .services-47-heading h2 {
        font-size: 31px;
        line-height: 1.2;
    }

    .services-47 .services-47-content p {
        font-size: 12px;
    }

    .services-47 .services-47-grid {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .services-47 .services-47-card {
        min-height: 220px;
        height: auto;
        padding: 25px;
        border-radius: 15px;
    }

    .services-47 .services-47-card h3 {
        font-size: 22px;
    }

    .services-47 .services-47-image {
        width: 100%;
        height: 280px;
        min-height: 280px;
        border-radius: 15px;
    }

    .services-47 .services-47-image img {
        width: 100%;
        height: 280px;
    }
}

@media (max-width: 480px) {
    .services-47 .services-47-heading h2 {
        font-size: 28px;
    }

    .services-47 .services-47-tag {
        font-size: 9px;
    }

    .services-47 .services-47-image {
        height: 250px;
        min-height: 250px;
    }

    .services-47 .services-47-image img {
        height: 250px;
    }

    .services-47 .services-47-card {
        min-height: 210px;
        padding: 22px;
    }
}

.contact-30 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: #070707;
}

.contact-30 * {
    font-family: "Poppins", sans-serif;
}

.contact-30:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at top right, rgba(255, 87, 34, .15), transparent 35%);
}

.contact-30 .container {
    position: relative;
    z-index: 2;
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 15px;
}

.contact-30-wrapper {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 40px;
    margin-bottom: 50px;
}

.contact-30-info {
    position: relative;
    overflow: hidden;
    padding: 50px;
    background: #101010;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
}

.contact-30-info:before {
    content: "FIT";
    position: absolute;
    top: -40px;
    right: -20px;
    color: rgba(255, 255, 255, .03);
    font-size: 140px;
    font-weight: 900;
    line-height: 1;
}

.contact-30-tag {
    display: inline-block;
    margin-bottom: 25px;
    padding: 10px 20px;
    background: rgba(255, 87, 34, .15);
    border-radius: 30px;
    color: #ff5722;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contact-30-title {
    margin: 0 0 20px;
    color: #fff;
    font-size: 46px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.contact-30-description {
    margin-bottom: 35px;
    color: #9d9d9d;
    line-height: 1.8;
}

.contact-30-info-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.contact-30-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.contact-30-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: #181818;
    border: 1px solid rgba(255, 87, 34, .20);
    border-radius: 18px;
    color: #ff5722;
    font-size: 22px;
    transition: all .35s ease;
}

.contact-30-item:hover .contact-30-icon {
    background: #ff5722;
    color: #fff;
    transform: translateY(-5px);
}

.contact-30-item span {
    display: block;
    margin-bottom: 5px;
    color: #888;
    font-size: 13px;
}

.contact-30-item h5 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.contact-30-form-box {
    padding: 50px;
    background: #111111;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
}

.contact-30-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.contact-30-field {
    margin-bottom: 20px;
}

.contact-30-field input,
.contact-30-field select,
.contact-30-field textarea {
    width: 100%;
    padding: 18px 20px;
    background: #1a1a1a;
    border: 1px solid #252525;
    border-radius: 16px;
    color: #fff;
    outline: none;
    transition: border-color .3s ease, box-shadow .3s ease;
}

.contact-30-field input:focus,
.contact-30-field select:focus,
.contact-30-field textarea:focus {
    border-color: #ff5722;
    box-shadow: 0 0 0 3px rgba(255, 87, 34, .12);
}

.contact-30-field textarea {
    height: 180px;
    resize: none;
}

.contact-30-field input::placeholder,
.contact-30-field textarea::placeholder {
    color: #888;
}

.contact-30-btn {
    padding: 18px 45px;
    background: #ff5722;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all .35s ease;
}

.contact-30-btn:hover {
    background: #ff6f3d;
    transform: translateY(-5px);
    box-shadow: 0 16px 35px rgba(255, 87, 34, .35);
}

.contact-30-map {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
}

.contact-30-map iframe {
    display: block;
    width: 100%;
    height: 550px;
    border: none;
    filter: grayscale(100%) invert(92%) contrast(90%);
}

@media(max-width:991px) {

    .contact-30 {
        padding: 70px 0;
    }

    .contact-30-wrapper {
        grid-template-columns: 1fr;
    }

    .contact-30-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .contact-30 {
        padding: 60px 0;
    }

    .contact-30-info,
    .contact-30-form-box {
        padding: 30px;
    }

    .contact-30-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-30-title {
        font-size: 30px;
    }

    .contact-30-map iframe {
        height: 320px;
    }

}

.home-99 {
    padding: 80px 0;
    background: #060606;
    overflow: hidden;
}

.home-99 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.home-99-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 260px;
    gap: 22px;
}

.home-99-card {
    position: relative;
    overflow: hidden;
    background: #111;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    cursor: pointer;
    transition: transform .4s ease, box-shadow .4s ease;
}

.home-99-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .35);
}

.home-99-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.home-99-card:hover img {
    transform: scale(1.08);
}

.home-99-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .92), rgba(0, 0, 0, .25));
}

.home-99-content {
    position: absolute;
    left: 25px;
    bottom: 25px;
    z-index: 2;
}

.home-99-subtitle {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-99-title {
    margin: 0 0 15px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.home-99-number {
    color: var(--primary, #ff4d00);
    font-size: 56px;
    font-weight: 900;
    line-height: 1;
}

.home-99-arrow {
    position: absolute;
    top: 18px;
    right: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, .12);
    border-radius: 50%;
    color: #fff;
    z-index: 3;
    transition: all .35s ease;
}

.home-99-card:hover .home-99-arrow {
    background: var(--primary, #ff4d00);
    transform: rotate(45deg);
}

.home-99-cta {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column: span 2;
    min-height: 260px;
    padding: 40px;
    overflow: hidden;
    border-radius: 28px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.home-99-cta:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, 0));
}

.home-99-cta-content,
.home-99-cta-image {
    position: relative;
    z-index: 2;
}

.home-99-cta-content {
    width: 55%;
}

.home-99-cta-tag {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 18px;
    background: rgba(255, 255, 255, .15);
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-99-cta-content h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 42px;
    font-weight: 900;
    line-height: 1.15;
    text-transform: uppercase;
}

.home-99-cta-content p {
    margin-bottom: 25px;
    color: rgba(255, 255, 255, .90);
    font-size: 15px;
    line-height: 1.8;
}

.home-99-btn {
    display: inline-block;
    padding: 15px 35px;
    background: #111;
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: all .35s ease;
}

.home-99-btn:hover {
    background: var(--primary, #ff4d00);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
}

.home-99-cta-image {
    width: 38%;
    text-align: right;
}

.home-99-cta-image img {
    width: 100%;
    max-width: 320px;
    object-fit: contain;
    transition: transform .5s ease;
}

.home-99-cta:hover .home-99-cta-image img {
    transform: scale(1.05);
}

@media(max-width:991px) {

    .home-99 {
        padding: 70px 0;
    }

    .home-99-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-99-cta {
        grid-column: span 2;
    }

    .home-99-cta-content h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-99 {
        padding: 60px 0;
    }

    .home-99-grid {
        grid-template-columns: 1fr;
    }

    .home-99-cta {
        grid-column: auto;
        flex-direction: column;
        padding: 35px 25px;
        text-align: center;
    }

    .home-99-cta-content {
        width: 100%;
    }

    .home-99-cta-image {
        width: 100%;
        margin-top: 25px;
        text-align: center;
    }

    .home-99-cta-content h2 {
        font-size: 30px;
    }

    .home-99-title {
        font-size: 20px;
    }

    .home-99-number {
        font-size: 42px;
    }

}

.about-76 {
    padding: 80px 0;
    background: #050505;
    overflow: hidden;
}

.about-76 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.about-76-wrapper {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 50px;
    align-items: start;
}

.about-76-left {
    position: relative;
}

.about-76-badge {
    position: absolute;
    top: -84px;
    left: -68px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    background: var(--primary, #ff7a02);
    border-radius: 50%;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 15px 40px rgba(255, 122, 2, .30);
    z-index: 2;
}

.about-76-title {
    max-width: 620px;
    margin: 0 0 35px;
    color: #fff;
    font-size: 68px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -2px;
}

.about-76-title span {
    display: block;
}

.about-76-image {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 26px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .35);
}

.about-76-image img {
    display: block;
    width: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.about-76-image:hover img {
    transform: scale(1.06);
}

.about-76-image-large {
    height: 320px;
}

.about-76-image-large img {
    height: 320px;
}

.about-76-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.about-76-content {
    padding-top: 20px;
}

.about-76-content p {
    margin-bottom: 22px;
    color: rgba(255, 255, 255, .75);
    font-size: 17px;
    line-height: 1.8;
}

.about-76-image-small {
    height: 240px;
    margin-top: 40px;
}

.about-76-image-small img {
    height: 240px;
}

@media(max-width:991px) {

    .about-76 {
        padding: 70px 0;
    }

    .about-76-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .about-76-title {
        font-size: 52px;
    }

    .about-76-content {
        padding-top: 0;
    }

}

@media(max-width:767px) {

    .about-76 {
        padding: 60px 0;
    }

    .about-76-title {
        font-size: 38px;
        line-height: 1.1;
        letter-spacing: -1px;
    }

    .about-76-badge {
        top: 25px;
        left: 15px;
        width: 45px;
        height: 45px;
        font-size: 22px;
    }

    .about-76-image-large {
        height: 240px;
    }

    .about-76-image-large img {
        height: 240px;
    }

    .about-76-image-small {
        height: 220px;
    }

    .about-76-image-small img {
        height: 220px;
    }

    .about-76-content p {
        font-size: 15px;
        line-height: 1.8;
    }

}

.about-77 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: #050505;
}

.about-77 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.about-77-wrapper {
    display: flex;
    align-items: center;
    gap: 70px;
}

.about-77-content {
    width: 45%;
}

.about-77-subtitle {
    display: inline-block;
    margin-bottom: 25px;
    color: var(--primary, #ff4d00);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.about-77-title {
    margin: 0 0 25px;
    color: #fff;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.05;
}

.about-77-description {
    margin-bottom: 35px;
    color: rgba(255, 255, 255, .70);
    font-size: 18px;
    line-height: 1.8;
}

.about-77-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-77-list li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 35px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
}

.about-77-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary, #ff4d00);
    font-weight: 700;
}

.about-77-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 30px;
    padding: 14px 34px;
    background: var(--primary, #ff4d00);
    border-radius: 30px;
    color: #000;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    transition: all .35s ease;
}

.about-77-btn:hover,
.about-77-btn:focus {
    background: var(--accent, #ff6b2f);
    color: #000;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(255, 77, 0, .25);
}

.about-77-gallery {
    position: relative;
    width: 55%;
}

.about-77-gallery:before {
    content: "";
    position: absolute;
    top: 120px;
    right: -50px;
    width: 350px;
    height: 350px;
    background: var(--primary, #ff4d00);
    border-radius: 50%;
    opacity: .08;
    filter: blur(180px);
    z-index: 0;
}

.about-77-top-image,
.about-77-bottom-row {
    position: relative;
    z-index: 2;
}

.about-77-top-image,
.about-77-bottom-image {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .30);
}

.about-77-top-image {
    margin-bottom: 25px;
}

.about-77-top-image img {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
    transition: transform .6s ease;
}

.about-77-bottom-row {
    display: flex;
    align-items: stretch;
    gap: 25px;
}

.about-77-info-card {
    width: 35%;
    padding: 40px 30px;
    background: #111111;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    transition: transform .35s ease, box-shadow .35s ease;
}

.about-77-info-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .25);
}

.about-77-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin-bottom: 25px;
    background: rgba(255, 77, 0, .10);
    border-radius: 20px;
    color: var(--primary, #ff4d00);
    font-size: 28px;
    transition: all .35s ease;
}

.about-77-info-card:hover .about-77-icon {
    background: var(--primary, #ff4d00);
    color: #fff;
}

.about-77-info-card h4 {
    margin: 0;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
}

.about-77-bottom-image {
    width: 65%;
}

.about-77-bottom-image img {
    display: block;
    width: 100%;
    height: 390px;
    object-fit: cover;
    transition: transform .6s ease;
}

.about-77-top-image:hover img,
.about-77-bottom-image:hover img {
    transform: scale(1.06);
}

.about-77-floating-card {
    position: absolute;
    top: 180px;
    right: 35px;
    z-index: 5;
    width: 180px;
    padding: 22px;
    background: #111111;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    text-align: center;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .30);
}

.about-77-floating-card img {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
    object-fit: contain;
}

.about-77-floating-card span {
    display: block;
    color: var(--primary, #ff4d00);
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
}

@media(max-width:991px) {

    .about-77 {
        padding: 70px 0;
    }

    .about-77-wrapper {
        flex-direction: column;
    }

    .about-77-content,
    .about-77-gallery {
        width: 100%;
    }

    .about-77-title {
        font-size: 42px;
    }

    .about-77-info-card h4 {
        font-size: 22px;
    }

    .about-77-floating-card {
        top: 140px;
        right: 20px;
        width: 160px;
    }

    .about-77-floating-card span {
        font-size: 24px;
    }

}

@media(max-width:767px) {

    .about-77 {
        padding: 60px 0;
    }

    .about-77-title {
        font-size: 34px;
    }

    .about-77-description {
        font-size: 16px;
    }

    .about-77-list li {
        font-size: 16px;
    }

    .about-77-bottom-row {
        flex-direction: column;
    }

    .about-77-info-card,
    .about-77-bottom-image {
        width: 100%;
    }

    .about-77-top-image img {
        height: 240px;
    }

    .about-77-bottom-image img {
        height: 280px;
    }

    .about-77-floating-card {
        position: relative;
        top: auto;
        right: auto;
        margin: 25px auto 0;
    }

    .about-77-btn {
        width: 100%;
        justify-content: center;
    }

}

.about-78 {
    padding: 80px 0;
    background: #0d0d0d;
    overflow: hidden;
}

.about-78 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.about-78-wrapper {
    display: flex;
    align-items: center;
    gap: 80px;
}

.about-78-image-box {
    position: relative;
    flex: 1;
}

.about-78-image-bg {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 90%;
    height: 90%;
    border-radius: 35px;
    background: linear-gradient(135deg, var(--primary, #ff5b1f), var(--accent, #ff8c42));
    opacity: .15;
    filter: blur(20px);
}

.about-78-image {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    border-radius: 30px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
    transition: transform .6s ease;
}

.about-78-image-box:hover .about-78-image {
    transform: scale(1.04);
}

.about-78-floating-card {
    position: absolute;
    left: 40px;
    bottom: -35px;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 320px;
    padding: 25px;
    background: #171717;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .45);
}

.about-78-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    min-width: 55px;
    height: 55px;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--primary, #ff5b1f), var(--accent, #ff8c42));
    color: #fff;
    font-size: 22px;
}

.about-78-floating-card h4 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.about-78-floating-card p {
    margin: 0;
    color: #bcbcbc;
    font-size: 14px;
    line-height: 1.7;
}

.about-78-content {
    flex: 1;
}

.about-78-subtitle {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--primary, #ff6b2c);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-78-title {
    margin: 0 0 25px;
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.15;
}

.about-78-description {
    margin-bottom: 35px;
    color: #a8a8a8;
    font-size: 17px;
    line-height: 1.8;
}

.about-78-feature-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-78-feature {
    display: flex;
    gap: 20px;
    padding: 25px;
    background: #151515;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 22px;
    transition: all .35s ease;
}

.about-78-feature:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .25);
}

.about-78-feature.active {
    background: linear-gradient(135deg, rgba(255, 91, 31, .12), rgba(255, 140, 66, .05));
    border-color: rgba(255, 91, 31, .35);
}

.about-78-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    min-width: 65px;
    height: 65px;
    background: rgba(255, 91, 31, .12);
    border-radius: 18px;
    color: var(--primary, #ff6b2c);
    font-size: 28px;
    transition: all .35s ease;
}

.about-78-feature:hover .about-78-feature-icon {
    background: var(--primary, #ff6b2c);
    color: #fff;
}

.about-78-feature h4 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.about-78-feature p {
    margin: 0;
    color: #bdbdbd;
    font-size: 15px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .about-78 {
        padding: 70px 0;
    }

    .about-78-wrapper {
        flex-direction: column;
        gap: 60px;
    }

    .about-78-title {
        font-size: 40px;
    }

    .about-78-floating-card {
        left: 20px;
    }

}

@media(max-width:767px) {

    .about-78 {
        padding: 60px 0;
    }

    .about-78-title {
        font-size: 32px;
    }

    .about-78-description {
        font-size: 15px;
    }

    .about-78-feature {
        padding: 20px;
    }

    .about-78-feature-icon {
        width: 55px;
        min-width: 55px;
        height: 55px;
        font-size: 22px;
    }

    .about-78-feature h4 {
        font-size: 18px;
    }

    .about-78-floating-card {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        margin-top: 20px;
    }

}

.services-48 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: #111111;
}

.services-48 * {
    font-family: "Poppins", sans-serif;
}

.services-48:before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 350px;
    height: 350px;
    background: rgba(255, 102, 0, .05);
    transform: rotate(35deg);
}

.services-48:after {
    content: "";
    position: absolute;
    bottom: -150px;
    left: -150px;
    width: 350px;
    height: 350px;
    background: rgba(255, 102, 0, .04);
    border-radius: 50%;
}

.services-48 .container {
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

.services-48-heading {
    margin-bottom: 60px;
    text-align: center;
}

.services-48-subtitle {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--primary, #ff6600);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.services-48-title {
    margin: 0;
    color: #fff;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.services-48-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.services-48-card {
    overflow: hidden;
    padding: 18px;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 18px;
    transition: all .35s ease;
}

.services-48-card:hover {
    border-color: rgba(255, 102, 0, .40);
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .35);
}

.services-48-image {
    height: 190px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 12px;
}

.services-48-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.services-48-card:hover .services-48-image img {
    transform: scale(1.08);
}

.services-48-content {
    text-align: center;
}

.services-48-content h3 {
    margin: 0 0 15px;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.services-48-content p {
    margin: 0;
    color: rgba(255, 255, 255, .65);
    font-size: 14px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .services-48 {
        padding: 70px 0;
    }

    .services-48-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .services-48-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .services-48 {
        padding: 60px 0;
    }

    .services-48-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .services-48-title {
        font-size: 30px;
    }

    .services-48-image {
        height: 240px;
    }

    .services-48-content h3 {
        font-size: 20px;
    }

}

.pricing-13 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: #0b0b0b;
}

.pricing-13 * {
    font-family: "Poppins", sans-serif;
}

.pricing-13:before {
    content: "";
    position: absolute;
    top: -150px;
    right: -150px;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(122, 255, 71, .18) 0%, transparent 70%);
}

.pricing-13:after {
    content: "";
    position: absolute;
    left: -200px;
    bottom: -200px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(122, 255, 71, .12) 0%, transparent 70%);
}

.pricing-13 .container {
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

.pricing-13-heading {
    max-width: 700px;
    margin: 0 auto 70px;
    text-align: center;
}

.pricing-13-subtitle {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--primary, #ff4d00);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.pricing-13-title {
    margin: 0 0 15px;
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.pricing-13-description {
    color: rgba(255, 255, 255, .65);
    font-size: 16px;
    line-height: 1.8;
}

.pricing-13-plans {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 70px;
}

.pricing-13-card {
    position: relative;
    flex: 1;
    max-width: 360px;
    padding: 40px 35px;
    background: #171717;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 28px;
    transition: all .35s ease;
}

.pricing-13-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .35);
}

.pricing-13-featured {
    border-color: var(--primary, #f44a01);
    box-shadow: 0 0 40px rgba(244, 74, 1, .10);
}

.pricing-13-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 20px;
    background: var(--primary, #ff4d00);
    border-radius: 30px;
    color: #111;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.pricing-13-plan-name {
    margin-bottom: 15px;
    color: var(--primary, #ff4d00);
    font-size: 22px;
    font-weight: 700;
}

.pricing-13-price {
    margin-bottom: 18px;
    color: #fff;
    font-size: 58px;
    font-weight: 800;
    line-height: 1;
}

.pricing-13-price small {
    color: rgba(255, 255, 255, .70);
    font-size: 20px;
}

.pricing-13-currency {
    font-size: 28px;
    vertical-align: top;
}

.pricing-13-tagline {
    margin-bottom: 30px;
    color: rgba(255, 255, 255, .70);
    line-height: 1.8;
}

.pricing-13-features {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing-13-features li {
    position: relative;
    padding: 12px 0 12px 28px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    color: #d9d9d9;
    line-height: 1.8;
}

.pricing-13-features li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--primary, #ff4d00);
    font-weight: 700;
}

.pricing-13-btn {
    display: inline-block;
    margin-top: 35px;
    padding: 14px 34px;
    background: var(--primary, #ff4d00);
    border-radius: 30px;
    color: #111;
    font-weight: 700;
    text-decoration: none;
    transition: all .35s ease;
}

.pricing-13-btn:hover {
    background: var(--accent, #ff6b2f);
    color: #111;
    text-decoration: none;
    transform: translateY(-5px);
}

.pricing-13-bottom-cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 35px;
    background: linear-gradient(90deg, #ec4302, #730909);
    border-radius: 80px;
}

.pricing-13-cta-content h4 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.pricing-13-cta-content p {
    margin: 0;
    color: rgba(255, 255, 255, .80);
    line-height: 1.8;
}

.pricing-13-cta-btn {
    display: inline-block;
    padding: 16px 35px;
    background: #ec4302;
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: all .35s ease;
}

.pricing-13-cta-btn:hover {
    background: #ff5b1f;
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
}

@media(max-width:991px) {

    .pricing-13 {
        padding: 70px 0;
    }

    .pricing-13-plans {
        flex-wrap: wrap;
    }

    .pricing-13-card {
        width: 100%;
        max-width: 100%;
    }

    .pricing-13-bottom-cta {
        flex-direction: column;
        gap: 20px;
        text-align: center;
        border-radius: 30px;
    }

    .pricing-13-title {
        font-size: 42px;
    }

}

@media(max-width:767px) {

    .pricing-13 {
        padding: 60px 0;
    }

    .pricing-13-title {
        font-size: 32px;
    }

    .pricing-13-price {
        font-size: 48px;
    }

    .pricing-13-card {
        padding: 30px 25px;
    }

    .pricing-13-cta-content h4 {
        font-size: 20px;
    }

}

.home-100 {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: #050505;
}

.home-100 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.home-100:before {
    content: "";
    position: absolute;
    top: -250px;
    left: -250px;
    width: 550px;
    height: 550px;
    background: radial-gradient(circle, rgba(170, 255, 0, .16) 0%, transparent 70%);
    pointer-events: none;
}

.home-100:after {
    content: "";
    position: absolute;
    right: -250px;
    bottom: -300px;
    width: 650px;
    height: 650px;
    background: radial-gradient(circle, rgba(170, 255, 0, .12) 0%, transparent 70%);
    pointer-events: none;
}

.home-100 .container {
    position: relative;
    z-index: 2;
}

.home-100-wrapper {
    display: flex;
    align-items: center;
    gap: 70px;
}

.home-100-content {
    width: 38%;
}

.home-100-subtitle {
    display: inline-block;
    margin-bottom: 25px;
    color: var(--primary, #ff4d00);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.home-100-title {
    margin: 0 0 25px;
    color: #fff;
    font-size: 58px;
    font-weight: 900;
    line-height: 1.05;
    text-transform: uppercase;
}

.home-100-text {
    margin-bottom: 22px;
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
    line-height: 1.8;
}

.home-100-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    padding: 0 32px;
    border: 1px solid var(--primary, #ff4d00);
    border-radius: 30px;
    color: var(--primary, #ff4d00);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all .35s ease;
}

.home-100-btn:hover,
.home-100-btn:focus {
    background: var(--primary, #ff4d00);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(255, 77, 0, .25);
}

.home-100-image-wrapper {
    position: relative;
    width: 62%;
}

.home-100-glow {
    position: absolute;
    inset: -40px;
    background: radial-gradient(circle, rgba(170, 255, 0, .18) 0%, transparent 70%);
    z-index: 1;
}

.home-100-image-card {
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: #111;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 30px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .6);
}

.home-100-image-card img {
    display: block;
    width: 100%;
    height: 580px;
    object-fit: cover;
    transition: transform .6s ease;
}

.home-100-image-card:hover img {
    transform: scale(1.06);
}

.home-100-image-card:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .15) 40%, rgba(0, 0, 0, .05) 100%);
}

.home-100-image-overlay {
    position: absolute;
    top: 50%;
    left: 60px;
    z-index: 2;
    transform: translateY(-50%);
}

.home-100-image-overlay h3 {
    margin: 0;
    color: var(--primary, #ff4d00);
    font-size: 42px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

@media(max-width:991px) {

    .home-100 {
        padding: 70px 0;
    }

    .home-100-wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .home-100-content,
    .home-100-image-wrapper {
        width: 100%;
    }

    .home-100-content {
        text-align: center;
    }

    .home-100-title {
        font-size: 42px;
    }

    .home-100-image-card img {
        height: 500px;
    }

}

@media(max-width:767px) {

    .home-100 {
        padding: 60px 0;
    }

    .home-100-title {
        font-size: 34px;
        line-height: 1.15;
    }

    .home-100-image-card img {
        height: 350px;
    }

    .home-100-image-overlay {
        left: 25px;
    }

    .home-100-image-overlay h3 {
        font-size: 26px;
    }

    .home-100-btn {
        width: 100%;
    }

}

.home-101 {
    padding: 80px 0;
    background: #050505;
    overflow: hidden;
}

.home-101 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.home-101 .container {
    max-width: 1400px;
}

.home-101-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

.home-101-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--primary, #ff4d00);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-101-title {
    margin: 0;
    color: #fff;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.2;
}

.home-101-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 24px;
    background: #151515;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.home-101-btn:hover,
.home-101-btn:focus {
    background: var(--primary, #ff4d00);
    border-color: var(--primary, #ff4d00);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(255, 77, 0, .25);
}

.home-101-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.home-101-card {
    height: 100%;
    overflow: hidden;
    background: linear-gradient(180deg, #0f0f0f 0%, #1a240b 100%);
    border: 1px solid rgba(184, 255, 44, .08);
    border-radius: 18px;
    transition: all .35s ease;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .20);
}

.home-101-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 50px rgba(0, 0, 0, .35);
    border-color: rgba(255, 77, 0, .30);
}

.home-101-image {
    height: 240px;
    overflow: hidden;
}

.home-101-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.home-101-card:hover .home-101-image img {
    transform: scale(1.08);
}

.home-101-content {
    position: relative;
    min-height: 190px;
    padding: 22px;
}

.home-101-content h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}

.home-101-content p {
    margin-bottom: 0;
    padding-right: 55px;
    color: rgba(255, 255, 255, .70);
    font-size: 14px;
    line-height: 1.8;
}

.home-101-arrow {
    position: absolute;
    right: 22px;
    bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: var(--primary, #ff4d00);
    border-radius: 50%;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: all .35s ease;
}

.home-101-arrow:hover,
.home-101-arrow:focus {
    background: var(--accent, #ff6b2f);
    color: #000;
    text-decoration: none;
    transform: translateY(-3px);
}

@media(max-width:991px) {

    .home-101 {
        padding: 70px 0;
    }

    .home-101-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-101-title {
        font-size: 36px;
    }

    .home-101-header {
        flex-direction: column;
        align-items: flex-start;
    }

}

@media(max-width:767px) {

    .home-101 {
        padding: 60px 0;
    }

    .home-101-grid {
        grid-template-columns: 1fr;
    }

    .home-101-title {
        font-size: 30px;
    }

    .home-101-image {
        height: 220px;
    }

    .home-101-content {
        min-height: auto;
    }

}



.home-102 {
    padding: 80px 0;
    background: #050505;
}

.home-102 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.home-102 .container {
    max-width: 1400px;
}

.home-102-banner {
    position: relative;
    overflow: hidden;
    min-height: 420px;
    border: 1px solid rgba(255, 77, 0, .25);
    border-radius: 24px;
    box-shadow: 0 0 0 1px rgba(255, 77, 0, .08), 0 30px 60px rgba(0, 0, 0, .45);
}

.home-102-banner img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}

.home-102-banner:hover img {
    transform: scale(1.06);
}

.home-102-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .72) 35%, rgba(0, 0, 0, .45) 60%, rgba(0, 0, 0, .30) 100%);
}

.home-102-content {
    position: relative;
    z-index: 2;
    max-width: 620px;
    padding: 70px;
}

.home-102-subtitle {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--primary, #ff4d00);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.home-102-title {
    margin: 0 0 20px;
    color: #fff;
    font-size: 56px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.home-102-text {
    margin-bottom: 35px;
    color: rgba(255, 255, 255, .75);
    font-size: 16px;
    line-height: 1.8;
}

.home-102-btn {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 18px 18px 18px 28px;
    background: var(--primary, #ff4d00);
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .35s ease;
}

.home-102-btn:hover,
.home-102-btn:focus {
    background: var(--accent, #ff6b2f);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(255, 77, 0, .25);
}

.home-102-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, .15);
    border-radius: 10px;
    transition: background .35s ease;
}

.home-102-btn:hover span {
    background: rgba(255, 255, 255, .22);
}

.home-102-banner:before {
    content: "";
    position: absolute;
    inset: 12px;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    pointer-events: none;
}

@media(max-width:991px) {

    .home-102 {
        padding: 70px 0;
    }

    .home-102-content {
        max-width: 100%;
        padding: 50px;
    }

    .home-102-title {
        font-size: 42px;
    }

}

@media(max-width:767px) {

    .home-102 {
        padding: 60px 0;
    }

    .home-102-banner {
        min-height: auto;
    }

    .home-102-content {
        padding: 40px 25px;
    }

    .home-102-title {
        font-size: 30px;
        line-height: 1.15;
    }

    .home-102-text {
        font-size: 14px;
    }

    .home-102-btn {
        width: 100%;
        justify-content: space-between;
    }

}

.about-79 {
    padding: 80px 0;
    background: #ffffff;
    overflow: hidden;
}

.about-79 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.about-79-wrapper {
    display: flex;
    align-items: center;
    gap: 70px;
}

.about-79-image {
    position: relative;
    flex: 0 0 46%;
}

.about-79-image-bg {
    position: absolute;
    top: 30px;
    left: -25px;
    width: 90%;
    height: 90%;
    background: var(--light, #eaf7f4);
    border-radius: 35px;
    z-index: 1;
}

.about-79-image img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    border-radius: 28px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .12);
    transition: transform .6s ease;
}

.about-79-image:hover img {
    transform: scale(1.04);
}

.about-79-circle {
    position: absolute;
    border-radius: 50%;
    background: var(--primary, #15b39a);
    z-index: 0;
}

.about-79-circle-one {
    top: -35px;
    left: -35px;
    width: 90px;
    height: 90px;
    opacity: .18;
}

.about-79-circle-two {
    right: -45px;
    bottom: -45px;
    width: 150px;
    height: 150px;
    opacity: .12;
}

.about-79-content {
    flex: 1;
}

.about-79-subtitle {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--primary, #18a689);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.about-79-title {
    margin: 0 0 28px;
    color: var(--text, #1b1b1b);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.18;
}

.about-79-text {
    margin-bottom: 22px;
    color: var(--text, #666666);
    font-size: 16px;
    line-height: 1.8;
}

.about-79-btn-wrap {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.about-79-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 42px;
    background: #fff;
    border: 2px solid var(--primary, #18a689);
    border-radius: 30px;
    color: var(--text, #222222);
    font-weight: 700;
    text-decoration: none;
    transition: all .35s ease;
}

.about-79-btn:hover {
    background: var(--primary, #18a689);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(24, 166, 137, .25);
}

.about-79-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-left: -18px;
    background: var(--primary, #18a689);
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    box-shadow: 0 10px 30px rgba(24, 166, 137, .35);
    transition: transform .35s ease;
}

.about-79-btn-wrap:hover .about-79-icon {
    transform: translateX(4px);
}

@media(max-width:991px) {

    .about-79 {
        padding: 70px 0;
    }

    .about-79-wrapper {
        flex-direction: column;
        gap: 45px;
    }

    .about-79-image {
        width: 100%;
        max-width: 620px;
        margin: 0 auto;
    }

    .about-79-content {
        text-align: center;
    }

    .about-79-btn-wrap {
        justify-content: center;
    }

    .about-79-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-79 {
        padding: 60px 0;
    }

    .about-79-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .about-79-text {
        font-size: 15px;
        line-height: 1.8;
    }

    .about-79-image-bg {
        top: 15px;
        left: -10px;
        border-radius: 25px;
    }

    .about-79-circle-one {
        top: -15px;
        left: -15px;
        width: 60px;
        height: 60px;
    }

    .about-79-circle-two {
        right: -15px;
        bottom: -15px;
        width: 90px;
        height: 90px;
    }

    .about-79-btn {
        padding: 14px 30px;
        font-size: 14px;
    }

    .about-79-icon {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }

}

..about-80 {
    padding: 80px 0;
    background: var(--light, #f5f8f8);
    overflow: hidden;
}

.about-80 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.about-80-wrapper {
    display: flex;
    align-items: center;
    gap: 70px;
}

.about-80-left {
    flex: 0 0 42%;
}

.about-80-subtitle {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--primary, #18a689);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-80-subtitle span {
    display: inline-block;
    padding: 4px 10px;
    background: var(--bg, #dff5ef);
    border-radius: 30px;
}

.about-80-title {
    margin: 0 0 25px;
    color: var(--text, #222222);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.18;
}

.about-80-text {
    margin-bottom: 35px;
    color: var(--text, #666666);
    font-size: 16px;
    line-height: 1.8;
}

.about-80-btn {
    display: inline-block;
    padding: 16px 38px;
    background: var(--primary, #18a689);
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 15px 35px rgba(24, 166, 137, .25);
    transition: all .35s ease;
}

.about-80-btn:hover {
    background: var(--secondary, #15957b);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
}

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

.about-80-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 28px;
    background: #fff;
    border: 1px solid var(--border, #edf2f2);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .05);
    transition: all .35s ease;
}

.about-80-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(24, 166, 137, .15);
}

.about-80-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    background: var(--bg, #e8f8f4);
    border-radius: 18px;
    color: var(--primary, #18a689);
    font-size: 28px;
    transition: all .35s ease;
}

.about-80-card:hover .about-80-icon {
    background: var(--primary, #18a689);
    color: #fff;
}

.about-80-card h4 {
    margin: 0 0 10px;
    color: var(--text, #222222);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.about-80-card p {
    margin: 0;
    color: var(--text, #666666);
    font-size: 15px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .about-80 {
        padding: 70px 0;
    }

    .about-80-wrapper {
        flex-direction: column;
        gap: 45px;
    }

    .about-80-left {
        text-align: center;
    }

    .about-80-right {
        width: 100%;
    }

    .about-80-title {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .about-80 {
        padding: 60px 0;
    }

    .about-80-right {
        grid-template-columns: 1fr;
    }

    .about-80-title {
        font-size: 30px;
    }

    .about-80-text {
        font-size: 15px;
        line-height: 1.8;
    }

    .about-80-btn {
        padding: 14px 30px;
    }

    .about-80-card {
        flex-direction: column;
        align-items: center;
        padding: 22px;
        text-align: center;
    }

    .about-80-icon {
        width: 58px;
        height: 58px;
        font-size: 24px;
    }

}

.about-81 {
    padding: 80px 0;
    background: #fff;
    overflow: hidden;
}

.about-81 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.about-81-wrapper {
    display: flex;
    align-items: center;
    gap: 70px;
}

.about-81-left,
.about-81-right {
    flex: 1;
}

.about-81-feature-card {
    position: relative;
    display: flex;
    overflow: hidden;
    margin-bottom: 30px;
    background: var(--light, #eef9f6);
    border-radius: 28px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
}

.about-81-image {
    width: 46%;
    overflow: hidden;
}

.about-81-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.about-81-feature-card:hover .about-81-image img {
    transform: scale(1.06);
}

.about-81-card-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 54%;
    padding: 35px;
}

.about-81-arrow {
    position: absolute;
    top: 25px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    background: var(--primary, #18a689);
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    transition: all .35s ease;
}

.about-81-arrow:hover {
    background: var(--secondary, #15957b);
    color: #fff;
    text-decoration: none;
    transform: translateY(-4px);
}

.about-81-card-content h3 {
    margin: 0 0 15px;
    color: var(--text, #222222);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
}

.about-81-card-content p {
    margin: 0;
    color: var(--text, #666666);
    line-height: 1.8;
}

.about-81-stats {
    display: flex;
    overflow: hidden;
    background: var(--light, #eef9f6);
    border-radius: 22px;
}

.about-81-stat {
    flex: 1;
    padding: 30px 15px;
    border-right: 1px solid var(--border, #dcefe9);
    text-align: center;
}

.about-81-stat:last-child {
    border-right: none;
}

.about-81-stat h2 {
    margin: 0 0 10px;
    color: var(--primary, #18a689);
    font-size: 42px;
    font-weight: 700;
}

.about-81-stat span {
    color: var(--text, #666666);
    font-size: 15px;
}

.about-81-subtitle {
    display: inline-block;
    margin-bottom: 20px;
    padding: 6px 16px;
    background: var(--bg, #e5f8f3);
    border-radius: 30px;
    color: var(--primary, #18a689);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-81-title {
    margin: 0 0 25px;
    color: var(--text, #222222);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.15;
}

.about-81-text {
    margin-bottom: 35px;
    color: var(--text, #666666);
    font-size: 16px;
    line-height: 1.8;
}

.about-81-highlight {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 35px;
    padding: 22px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .08);
    transition: all .35s ease;
}

.about-81-highlight:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.about-81-highlight-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    background: var(--light, #eaf8f4);
    border-radius: 18px;
    color: var(--primary, #18a689);
    font-size: 30px;
    transition: all .35s ease;
}

.about-81-highlight:hover .about-81-highlight-icon {
    background: var(--primary, #18a689);
    color: #fff;
}

.about-81-highlight h4 {
    margin: 0 0 8px;
    color: var(--text, #222222);
    font-size: 24px;
    font-weight: 700;
}

.about-81-highlight p {
    margin: 0;
    color: var(--text, #666666);
    line-height: 1.8;
}

.about-81-btn {
    display: inline-block;
    padding: 16px 40px;
    background: var(--primary, #18a689);
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.about-81-btn:hover {
    background: var(--secondary, #15957b);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(24, 166, 137, .25);
}

@media(max-width:991px) {

    .about-81 {
        padding: 70px 0;
    }

    .about-81-wrapper {
        flex-direction: column;
    }

    .about-81-title {
        font-size: 38px;
    }

}

@media(max-width:767px) {

    .about-81 {
        padding: 60px 0;
    }

    .about-81-feature-card {
        flex-direction: column;
    }

    .about-81-image,
    .about-81-card-content {
        width: 100%;
    }

    .about-81-card-content {
        padding: 30px;
    }

    .about-81-arrow {
        top: 18px;
        right: 18px;
    }

    .about-81-stats {
        flex-direction: column;
    }

    .about-81-stat {
        border-right: none;
        border-bottom: 1px solid var(--border, #dcefe9);
    }

    .about-81-stat:last-child {
        border-bottom: none;
    }

    .about-81-title {
        font-size: 30px;
    }

    .about-81-highlight {
        flex-direction: column;
        text-align: center;
    }

    .about-81-highlight-icon {
        margin-bottom: 10px;
    }

}

.services-49 {
    padding: 80px 0;
    background: #ffffff;
}

.services-49 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.services-49-wrapper {
    position: relative;
    overflow: hidden;
    padding: 80px 50px 45px;
    background: linear-gradient(135deg, var(--light, #f5fbf9), var(--bg, #edf8f5));
    border-radius: 35px;
    box-shadow: 0 25px 70px rgba(24, 166, 137, .10);
}

.services-49-wrapper:before {
    content: "";
    position: absolute;
    top: -120px;
    left: -140px;
    width: 420px;
    height: 420px;
    background: rgba(24, 166, 137, .08);
    border-radius: 50%;
}

.services-49-wrapper:after {
    content: "";
    position: absolute;
    top: -80px;
    right: -180px;
    width: 500px;
    height: 260px;
    background: rgba(24, 166, 137, .06);
    border-radius: 50%;
    transform: rotate(-15deg);
}

.services-49-heading {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: auto;
    text-align: center;
}

.services-49-tag {
    display: inline-block;
    margin-bottom: 22px;
    padding: 9px 18px;
    background: var(--primary, #18a689);
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-49-title {
    margin: 0 0 22px;
    color: var(--text, #222222);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}

.services-49-text {
    max-width: 650px;
    margin: auto;
    color: var(--text, #666666);
    font-size: 16px;
    line-height: 1.8;
}

.services-49-row {
    position: relative;
    z-index: 2;
    margin-top: 60px;
}

.services-49-card {
    min-height: 255px;
    margin-bottom: 30px;
    padding: 40px 32px;
    border-radius: 24px;
    transition: all .35s ease;
}

.services-49-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 65px rgba(24, 166, 137, .18);
}

.services-49-light {
    background: #fff;
    border: 1px solid var(--border, #e4f3ef);
    box-shadow: 0 18px 45px rgba(24, 166, 137, .08);
}

.services-49-light:hover {
    border-color: var(--primary, #18a689);
}

.services-49-dark {
    background: linear-gradient(135deg, var(--primary, #18a689), var(--secondary, #13806a));
    color: #fff;
    box-shadow: 0 22px 55px rgba(24, 166, 137, .28);
}

.services-49-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 28px;
    background: var(--light, #e8f8f4);
    border-radius: 18px;
    color: var(--primary, #18a689);
    font-size: 28px;
    transition: all .35s ease;
}

.services-49-card:hover .services-49-icon {
    transform: scale(1.08);
}

.services-49-dark .services-49-icon {
    background: rgba(255, 255, 255, .15);
    color: #fff;
}

.services-49-card h4 {
    margin: 0 0 18px;
    color: var(--text, #222222);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}

.services-49-dark h4 {
    color: #fff;
}

.services-49-card p {
    margin: 0;
    color: var(--text, #666666);
    font-size: 15px;
    line-height: 1.8;
}

.services-49-dark p {
    color: rgba(255, 255, 255, .90);
}

@media(max-width:991px) {

    .services-49 {
        padding: 70px 0;
    }

    .services-49-wrapper {
        padding: 70px 35px 35px;
    }

    .services-49-title {
        font-size: 36px;
    }

    .services-49-card {
        min-height: auto;
    }

}

@media(max-width:767px) {

    .services-49 {
        padding: 60px 0;
    }

    .services-49-wrapper {
        padding: 60px 25px 25px;
        border-radius: 25px;
    }

    .services-49-title {
        font-size: 30px;
    }

    .services-49-text {
        font-size: 15px;
        line-height: 1.8;
    }

    .services-49-card {
        padding: 35px 25px;
        text-align: center;
    }

    .services-49-icon {
        margin: 0 auto 25px;
    }

    .services-49-card h4 {
        font-size: 22px;
    }

}

.our-team-7 {
    padding: 80px 0;
    background: #fff;
}

.our-team-7 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.our-team-7-heading {
    max-width: 760px;
    margin: 0 auto 70px;
    text-align: center;
}

.our-team-7-subtitle {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 18px;
    background: var(--light, #eaf7f4);
    border-radius: 40px;
    color: var(--primary, #18a689);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.our-team-7-title {
    margin: 0 0 18px;
    color: var(--text, #1b1b1b);
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
}

.our-team-7-description {
    color: var(--text, #666666);
    font-size: 16px;
    line-height: 1.8;
}

.our-team-7-card {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background: var(--light, #eaf7f4);
    border-radius: 26px;
    box-shadow: 0 20px 55px rgba(24, 166, 137, .08);
    transition: all .35s ease;
}

.our-team-7-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(24, 166, 137, .16);
}

.our-team-7-image {
    position: relative;
    overflow: hidden;
}

.our-team-7-image img {
    display: block;
    width: 100%;
    height: 430px;
    object-fit: cover;
    transition: transform .7s ease;
}

.our-team-7-card:hover .our-team-7-image img {
    transform: scale(1.06);
}

.our-team-7-image:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(to top, rgba(20, 40, 35, .88), transparent);
}

.our-team-7-overlay {
    position: absolute;
    right: 28px;
    bottom: 25px;
    left: 28px;
    z-index: 5;
}

.our-team-7-overlay h4 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}

.our-team-7-overlay span {
    display: block;
    margin-top: 6px;
    color: #d8f5ef;
    font-size: 15px;
    line-height: 1.8;
}

@media(max-width:991px) {

    .our-team-7 {
        padding: 70px 0;
    }

    .our-team-7-heading {
        margin-bottom: 50px;
    }

    .our-team-7-title {
        font-size: 36px;
    }

    .our-team-7-image img {
        height: 380px;
    }

}

@media(max-width:767px) {

    .our-team-7 {
        padding: 60px 0;
    }

    .our-team-7-title {
        font-size: 30px;
    }

    .our-team-7-description {
        font-size: 15px;
        line-height: 1.8;
    }

    .our-team-7-image img {
        height: 400px;
    }

}



/* .pricing-14{
    padding:110px 0;
    background:#f8f6f3;
    overflow:hidden;
} */
.about-80 {
    padding: 80px 0;
    background: #fff;
}

.about-80 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.about-80-heading {
    max-width: 760px;
    margin: 0 auto 70px;
    text-align: center;
}

.about-80-subtitle {
    display: inline-block;
    padding: 8px 18px;
    background: var(--light, #e9dfd2);
    border-radius: 30px;
    color: var(--primary, #8b6b45);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-80-title {
    margin: 22px 0;
    color: var(--text, #181818);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.15;
}

.about-80-text {
    max-width: 620px;
    margin: 0 auto;
    color: var(--text, #777777);
    font-size: 17px;
    line-height: 1.8;
}

.about-80-filter {
    display: inline-flex;
    gap: 8px;
    margin-top: 35px;
    padding: 8px;
    background: #fff;
    border-radius: 60px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
}

.about-80-filter-btn {
    padding: 12px 24px;
    background: transparent;
    border: 0;
    border-radius: 40px;
    color: var(--text, #777777);
    font-weight: 600;
    transition: all .35s ease;
}

.about-80-filter-btn.active,
.about-80-filter-btn:hover {
    background: var(--text, #232323);
    color: #fff;
}

.about-80-pricing-row {
    display: flex;
    flex-wrap: wrap;
}

.about-80-card {
    position: relative;
    height: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 28px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .08);
    transition: all .35s ease;
}

.about-80-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 70px rgba(0, 0, 0, .12);
}

.about-80-featured {
    border: 2px solid var(--primary, #b89a6d);
}

.about-80-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 2;
    padding: 8px 18px;
    background: var(--primary, #b89a6d);
    border-radius: 30px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.about-80-card-image {
    height: 220px;
    overflow: hidden;
}

.about-80-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}

.about-80-card:hover .about-80-card-image img {
    transform: scale(1.06);
}

.about-80-card-body {
    padding: 35px;
}

.about-80-card h3 {
    margin: 0 0 12px;
    color: var(--text, #222222);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
}

.about-80-card p {
    min-height: 75px;
    margin: 0;
    color: var(--text, #777777);
    font-size: 15px;
    line-height: 1.8;
}

.about-80-price {
    margin: 25px 0;
}

.about-80-price span {
    color: var(--text, #1d1d1d);
    font-size: 52px;
    font-weight: 700;
}

.about-80-price small {
    color: var(--text, #888888);
    font-size: 16px;
}

.about-80-btn {
    display: block;
    padding: 16px;
    background: var(--text, #1b1a28);
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: all .35s ease;
}

.about-80-btn:hover {
    background: var(--primary, #b89a6d);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
}

.about-80-divider {
    height: 1px;
    margin: 30px 0;
    background: var(--border, #ececec);
}

.about-80-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-80-list li {
    position: relative;
    padding: 8px 0 8px 22px;
    color: var(--text, #555555);
    font-size: 15px;
    line-height: 1.8;
}

.about-80-list li:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 8px;
    height: 8px;
    background: var(--primary, #b89a6d);
    border-radius: 50%;
}

@media(max-width:991px) {

    .about-80 {
        padding: 70px 0;
    }

    .about-80-title {
        font-size: 36px;
    }

    .about-80-card {
        margin-bottom: 35px;
    }

}

@media(max-width:767px) {

    .about-80 {
        padding: 60px 0;
    }

    .about-80-title {
        font-size: 30px;
    }

    .about-80-text {
        font-size: 15px;
    }

    .about-80-filter {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .about-80-filter-btn {
        width: 100%;
    }

    .about-80-card-body {
        padding: 25px;
    }

    .about-80-card h3 {
        font-size: 25px;
    }

    .about-80-price span {
        font-size: 42px;
    }

}


/* .contact-31{
    padding:100px 0;
    background:#ffffff;
    overflow:hidden;
} */
.about-80 {
    padding: 80px 0;
    background: #fff;
}

.about-80 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.about-80-contact-wrapper {
    position: relative;
    padding: 45px;
    background: #fff;
    border-radius: 35px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .08);
    overflow: hidden;
}

.about-80-contact-wrapper:before {
    content: "";
    position: absolute;
    top: -90px;
    right: -90px;
    width: 220px;
    height: 220px;
    background: var(--primary, #15b39a);
    border-radius: 50%;
    opacity: .06;
}

.about-80-contact-wrapper:after {
    content: "";
    position: absolute;
    bottom: -70px;
    left: -70px;
    width: 180px;
    height: 180px;
    background: var(--primary, #15b39a);
    border-radius: 50%;
    opacity: .05;
}

.about-80-contact-form {
    position: relative;
    z-index: 2;
    padding: 35px;
    background: var(--light, #eaf7f4);
    border-radius: 28px;
}

.about-80-form-tag {
    display: inline-block;
    margin-bottom: 25px;
    padding: 8px 18px;
    background: var(--primary, #18a689);
    border-radius: 40px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.about-80-form-group {
    margin-bottom: 18px;
}

.about-80-form-group label {
    display: block;
    margin-bottom: 8px;
    color: var(--text, #333333);
    font-size: 13px;
    font-weight: 600;
}

.about-80-form-group input,
.about-80-form-group select {
    width: 100%;
    height: 54px;
    padding: 0 18px;
    background: #fff;
    border: 1px solid var(--border, #d8ece8);
    border-radius: 14px;
    color: var(--text, #444444);
    outline: none;
    transition: all .35s ease;
}

.about-80-form-group input:focus,
.about-80-form-group select:focus {
    border-color: var(--primary, #18a689);
    box-shadow: 0 0 0 4px rgba(24, 166, 137, .12);
}

.about-80-submit-btn {
    width: 100%;
    height: 56px;
    background: var(--primary, #18a689);
    border: 0;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    transition: all .35s ease;
}

.about-80-submit-btn:hover {
    background: var(--secondary, #13967c);
    transform: translateY(-4px);
}

.about-80-contact-content {
    position: relative;
    z-index: 2;
    padding-left: 45px;
}

.about-80-small-title {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--primary, #18a689);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.about-80-contact-content h2 {
    margin: 0 0 22px;
    color: var(--text, #1b1b1b);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.18;
}

.about-80-contact-content p {
    margin-bottom: 30px;
    color: var(--text, #666666);
    font-size: 16px;
    line-height: 1.8;
}

.about-80-contact-image {
    overflow: hidden;
    margin-bottom: 35px;
    border-radius: 22px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .12);
}

.about-80-contact-image img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: transform .7s ease;
}

.about-80-contact-image:hover img {
    transform: scale(1.06);
}

.about-80-contact-info {
    margin-top: 10px;
}

.about-80-info-box {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
}

.about-80-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 55px;
    height: 55px;
    background: var(--primary, #18a689);
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    box-shadow: 0 10px 30px rgba(24, 166, 137, .25);
}

.about-80-info-box span {
    display: block;
    margin-bottom: 5px;
    color: var(--text, #888888);
    font-size: 13px;
}

.about-80-info-box h5 {
    margin: 0;
    color: var(--text, #222222);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

@media(max-width:991px) {

    .about-80 {
        padding: 70px 0;
    }

    .about-80-contact-wrapper {
        padding: 35px;
    }

    .about-80-contact-content {
        margin-top: 50px;
        padding-left: 0;
        text-align: center;
    }

    .about-80-contact-content h2 {
        font-size: 36px;
    }

    .about-80-info-box {
        justify-content: center;
    }

}

@media(max-width:767px) {

    .about-80 {
        padding: 60px 0;
    }

    .about-80-contact-wrapper {
        padding: 25px;
        border-radius: 25px;
    }

    .about-80-contact-form {
        padding: 25px;
    }

    .about-80-contact-content h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .about-80-contact-content p {
        font-size: 15px;
        line-height: 1.8;
    }

    .about-80-contact-image img {
        height: 220px;
    }

}

.contact-31 {
    padding: 80px 0;
    background: #fff;
    overflow: hidden;
}

.contact-31 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.contact-31-wrapper {
    position: relative;
    overflow: hidden;
    padding: 45px;
    background: #fff;
    border-radius: 35px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .08);
}

.contact-31-wrapper:before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 220px;
    height: 220px;
    background: var(--primary, #15b39a);
    border-radius: 50%;
    opacity: .06;
}

.contact-31-wrapper:after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: -60px;
    width: 170px;
    height: 170px;
    background: var(--primary, #15b39a);
    border-radius: 50%;
    opacity: .05;
}

.contact-31-form {
    position: relative;
    z-index: 2;
    padding: 35px;
    background: var(--light, #eaf7f4);
    border-radius: 28px;
}

.contact-31-tag {
    display: inline-block;
    margin-bottom: 25px;
    padding: 8px 18px;
    background: var(--primary, #18a689);
    border-radius: 40px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.contact-31-group {
    margin-bottom: 18px;
}

.contact-31-group label {
    display: block;
    margin-bottom: 8px;
    color: var(--text, #333333);
    font-size: 13px;
    font-weight: 600;
}

.contact-31-group input,
.contact-31-group select {
    width: 100%;
    height: 54px;
    padding: 0 18px;
    background: #fff;
    border: 1px solid var(--border, #d7ece7);
    border-radius: 14px;
    color: var(--text, #444444);
    outline: none;
    transition: all .35s ease;
}

.contact-31-group input:focus,
.contact-31-group select:focus {
    border-color: var(--primary, #18a689);
    box-shadow: 0 0 0 4px rgba(24, 166, 137, .12);
}

.contact-31-btn {
    width: 100%;
    height: 56px;
    background: var(--primary, #18a689);
    border: 0;
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    transition: all .35s ease;
}

.contact-31-btn:hover {
    background: var(--secondary, #13967c);
    transform: translateY(-4px);
}

.contact-31-content {
    position: relative;
    z-index: 2;
    padding-left: 45px;
}

.contact-31-subtitle {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--primary, #18a689);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.contact-31-title {
    margin: 0 0 22px;
    color: var(--text, #1b1b1b);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.18;
}

.contact-31-text {
    margin-bottom: 30px;
    color: var(--text, #666666);
    font-size: 16px;
    line-height: 1.8;
}

.contact-31-image {
    overflow: hidden;
    margin-bottom: 35px;
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .12);
}

.contact-31-image img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: transform .7s ease;
}

.contact-31-image:hover img {
    transform: scale(1.06);
}

.contact-31-box {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.contact-31-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 55px;
    height: 55px;
    background: var(--primary, #18a689);
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    box-shadow: 0 10px 30px rgba(24, 166, 137, .25);
}

.contact-31-box span {
    display: block;
    margin-bottom: 4px;
    color: var(--text, #888888);
    font-size: 13px;
}

.contact-31-box h5 {
    margin: 0;
    color: var(--text, #222222);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

@media(max-width:991px) {

    .contact-31 {
        padding: 70px 0;
    }

    .contact-31-wrapper {
        padding: 35px;
    }

    .contact-31-content {
        margin-top: 50px;
        padding-left: 0;
        text-align: center;
    }

    .contact-31-title {
        font-size: 36px;
    }

    .contact-31-box {
        justify-content: center;
    }

}

@media(max-width:767px) {

    .contact-31 {
        padding: 60px 0;
    }

    .contact-31-wrapper {
        padding: 25px;
        border-radius: 25px;
    }

    .contact-31-form {
        padding: 25px;
    }

    .contact-31-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .contact-31-text {
        font-size: 15px;
        line-height: 1.8;
    }

    .contact-31-image img {
        height: 220px;
    }

}

.home-103 {
    padding: 80px 0;
    background: var(--light, #f7f8f8);
}

.home-103 * {
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.home-103-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 80px;
    margin-bottom: 55px;
}

.home-103-left {
    flex: 1;
}

.home-103-right {
    width: 360px;
}

.home-103-tag {
    display: inline-block;
    margin-bottom: 18px;
    padding: 10px 22px;
    background: var(--bg, #e8f3f2);
    border-radius: 40px;
    color: var(--primary, #0a3232);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.home-103-left h2 {
    margin: 0 0 22px;
    color: var(--text, #111111);
    font-size: 56px;
    font-weight: 800;
    line-height: 1.08;
}

.home-103-left p {
    max-width: 540px;
    color: var(--text, #666666);
    line-height: 1.8;
}

.home-103-right p {
    margin-bottom: 25px;
    color: var(--text, #666666);
    line-height: 1.8;
}

.home-103-btn {
    display: inline-block;
    padding: 15px 32px;
    background: var(--primary, #0a3232);
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: all .35s ease;
}

.home-103-btn:hover {
    background: var(--secondary, #145050);
    color: #fff;
    text-decoration: none;
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(10, 50, 50, .25);
}

.home-103-cards {
    margin-top: 20px;
}

.home-103-card {
    margin-bottom: 30px;
    padding: 18px;
    background: #fff;
    border-radius: 26px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, .07);
    transition: all .35s ease;
}

.home-103-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 50px rgba(0, 0, 0, .12);
}

.home-103-label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.home-103-label span {
    display: inline-block;
    padding: 7px 14px;
    background: var(--bg, #eef5f4);
    border-radius: 30px;
    color: var(--primary, #0a3232);
    font-size: 11px;
    font-weight: 700;
}

.home-103-card h3 {
    margin: 0 0 12px;
    color: var(--text, #111111);
    font-size: 27px;
    font-weight: 800;
    line-height: 1.2;
}

.home-103-card p {
    min-height: 55px;
    margin: 0;
    color: var(--text, #777777);
    line-height: 1.8;
}

.home-103-image {
    overflow: hidden;
    margin: 18px 0;
    border-radius: 18px;
}

.home-103-image img {
    display: block;
    width: 100%;
    height: 270px;
    object-fit: cover;
    transition: transform .7s ease;
}

.home-103-card:hover .home-103-image img {
    transform: scale(1.06);
}

.home-103-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.home-103-bottom a {
    color: var(--text, #111111);
    font-weight: 700;
    text-decoration: none;
    transition: color .35s ease;
}

.home-103-bottom a:hover {
    color: var(--primary, #0a3232);
}

.home-103-bottom span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: var(--primary, #0a3232);
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    transition: transform .35s ease;
}

.home-103-card:hover .home-103-bottom span {
    transform: translateX(4px);
}

@media(max-width:991px) {

    .home-103 {
        padding: 70px 0;
    }

    .home-103-top {
        display: block;
    }

    .home-103-right {
        width: 100%;
        margin-top: 30px;
    }

    .home-103-left h2 {
        font-size: 36px;
    }

}

@media(max-width:767px) {

    .home-103 {
        padding: 60px 0;
    }

    .home-103-left h2 {
        font-size: 30px;
    }

    .home-103-left p,
    .home-103-right p,
    .home-103-card p {
        font-size: 15px;
        line-height: 1.8;
    }

    .home-103-card {
        margin-bottom: 25px;
    }

    .home-103-image img {
        height: 240px;
    }

    .home-103-btn {
        display: block;
        width: 100%;
        text-align: center;
    }
}